Switching Views

To switch between the different panels, click on the desired panel. Switch View Gi

Hierarchy

The Hierarchy is a tree view, which shows both the parent-child relationships between objects on the stage as well as the order in which they are rendered. Learn about the Hierarchy by either watching the video or reading more below. Parent-child relationships are a core concept in Rive, which allows you to create complex layered animations with minimal effort. Groups and Bones can have children in Rive. Each row in the Hierarchy represents an item on the stage. A circle button with an arrow appears next to items that have children nested underneath them. This button allows you to expand and collapse the list of children.

Parent-child relationships

Any type of object can be a parent or a child of another type of object. When an object is a child of another object, it inherits all the transformations of its parent. For example, changing a parent objects scale will affect the child object. These transformations take place from the parents origin, not the local origin. Image The depth of these parent/child relationships is infinite, so you can keep stacking (or nesting) items to create grandchildren, great-grandchildren, and so on.

Change parent-child relationships

To change the relationship between objects, drag and drop the object onto or out of another. Image

Draw Order

In addition to displaying the relationships between objects, the Hierarchy shows you the Draw Order of a file, with the objects at the top being rendered in front and the objects at the bottom being rendered at the back.

Change Draw Order

Image To change the Draw Order of objects on the stage, drag and drop the shape, or group of shapes above or below another in the list. Note that draw order also affects how objects are placed and treated in a layout. Read more about that here. The Draw Order can be animated, but the process is a bit more in-depth. Read about it on the Animating Draw Order page.

Right Click Menu

Right clicking any object in the hierarchy will bring up a menu with different options for each object. In the menu you’ll find the ability to copy and paste both objects and styles, delete objects, wrap objects in layouts and solos, show the dependency graph, add a tag, reverse the draw order, and export a name. Right Click Pn Many of these options have shortcuts which can either be found next to the option, or in the shortcut menu.

​Assets Panel

The assets panel is a list view of your Images, Lottie files, Audio, and Custom fonts. This panel allows you to add, remove, replace, and modify all assets added in the file. Read more about importing and modifying assets below. Assets Pn

Data Panel

The Data Panel is where all View Models, Enums, and Coverters for a file are created, organized, and viewed. The panel is broken into three seperate spaces; View Models, Enums, and Converters. Read more about Data Binding here. Data Pn The plus button on the right of each section allows you to add a new View Model, Enum, or Converter. If any section has elements associated with it, the list can be expanded or collapsed using the arrow icon on the left.