Slices Intro

There are currently 9 types of slice.

They can be thought of as 2 groups.

Graphical slices (Text, Rectangle, Ellipse, Sprite) -Graphical slices primarily draw things on-screen, but they can also be used as invisible objects.

• • Screenshot : (GIF showing the 4 slice types, moving or active)

Control Slices (Select, Panel, Scroll, Grid, Container) -Control slices manage other slices positions and visibility. They can also be used as invisible objects.

• • Screenshot : (slices arranged in a visible grid and an invisible grid, compared side by side)
  • Grids can be made to show their gridlines, or have them be invisible! Really useful!

Link to Grid Slices Tutorial

• • Screenshot : (animated GIF of a working scroll slice)
  • Scroll slices are always visible when there is something to scroll (if the child of the scroll slice is larger than the scroll slice)

Link to Scroll Slices Tutorial

• • Screenshot : (animated GIF of a panel slice being dynamically resized, e.g. a HUD lifebar)
  • Panel slices manage the distance between 2 child slices. Those child slices can contain many other slices. Basically It divides its area between 2 slices or sets of slices. What is it used for? Uhh... Well, they keep slices together, and can stop slices from overlapping. They also can show visually things happening with numbers. (more uses?)

Link to Select Slices Tutorial

• • Screenshot : (animated GIF of a select slice acting as a button, and another one cycling through child slices)
  • Select slices can have many children, but only show one at a time. It's useful in lots of situations! Wait, where are you going? Come back, let me tell you about Panel slices!

Link to Panel Slices Tutorial

Panel and Select slices are always invisible (I think. Right?)