A SliceFrame attribute determines how a style's frame is drawn. This is done by specifying an image and some parameters to process it. By default, simply providing the name of an image defined in the Resources node along with the NineSlice attribute will slice that image into 9 sections; edges, corners, and the centre. These sections are then tiled or stretched to create an image the size of the element.

<SliceFrame Image="Button"/>

Specifies the image to be used. Note that this is not a path, but instead refers to an image defined in the Resources node.

If no image is provided, a solid colour will be used instead. This colour can be changed with the Colour attribute.

<SliceFrame NineSlice="Thirds"/>

Determines how the image is sliced when drawn.

See NineSlice.

<SliceFrame Colour="#ccffcc"/>

The colour applied to the image, or the colour of the solid block if no image is given.

See Colour.

<SliceFrame Tint="#aaa"/>

The colour multiplied with the main colour to produce a final colour. This can be used to darken or lighten the main colour of a style, for instance when a button is hovered over or clicked.

<SliceFrame CacheTexture="true"/>

If this is true, then the element's frame will only be drawn on creation and cached for later, or redrawn if the element is resized. This can help with performance, especially with images that have very small parts that must be tiled many times. Defaults to true.

<SliceFrame DropShadowOffset="5, 5" DropShadowColour="Black"/>

Defines a drop shadow with an offset from the element's position and a colour.

See Vector2.