Switching between a 9-piece element and a single-piece element

Some components can be either 9-piece bitmap graphics or individual single-piece svg graphics. The 9-piece component consists of four corner graphics, four side graphics, and a center graphic. You can design the corner graphics individually. The side and center area graphics can be tiled or equal the maximum size of the component area.

Slice a component into nine pieces:

Figure: Switch to 9-piece element


Note: In the Layers view, you see that the image is sliced into a component consisting of nine parts.
Note: If you now edit the center area graphic and reduce its size, the image is automatically tiled to be the size of the center area.

Switch back to a single-piece element:

Figure: Switch to single-piece element

In the Layers view, you see that the image consists of a single part.

Note: If you paste into the clipboard a selection of 9 image files , for example from file system, the images can then be pasted into a 9-piece element in a single step. The first file is 'top-left' piece in the 9-piece element, the second piece is 'top-middle', the third is 'top-right', fourth is 'middle-left', fifth is 'middle-center', and so on. So the default order is from left to right, from top to bottom. This makes the ninth piece the 'bottom-right' piece.