Skia Standard Elements

Introduction

Skia standard elements are a collection of elements which use SkiaSharp for rendering. Skia standard elements provide additional types of visuals supported by Gum, but not all runtimes support Skia standard elements.

Skia adds advanced vector graphics support, including the Arc shape and vector file formats such as SVG and Lottie.

The older ColoredCircle, RoundedRectangle, and SolidRectangle Skia shapes are being phased out. Use the core Circle and Rectangle standard elements instead — they support fill, outline, gradients, drop shadows, dashed strokes, and rounded corners, and are not Skia standard elements, so they work without adding Skia to your project. The old shapes remain available so existing projects keep working, but will be removed in a future release.

Using Skia Standard Elements may limit which platforms can run your Gum project. For more information, see the Shapes Platform Support page.

Enabling Skia Standard Elements

Skia standard elements must be explicitly added to gum projects. To add Skia standard elements Select Plugins -> Add Skia Standard Elements.

Add Skia Standard Elements

After clicking this option, Gum adds new standard elements.

Skia standard elements in Gum

Once these Skia standard elements are added, they can be added to Screens and Components just like any other standard element.

Skia standard elements can be added just like any other standard element