布局 (Layouts)
布局工具 (Tools)
Rive 提供了多种布局工具来构建你的响应式 UI。
开始使用布局
可以通过以下几种方式将布局添加到你的设计中:
- 排列工具菜单中的布局工具
- 包裹到布局 (Wrap in Layout)
- 添加子布局 (Add Child Layout)
- 拖放布局
排列工具菜单中的布局工具
- 布局 (Layout):单个布局容器。选中工具并在画板上拖动即可。直接拖动创建绝对布局,拖动到现有布局上创建相对子布局。
- 行/列 (Row/Column):创建布局的同时包含一组初始子项。拖动时可以使用数字键或上下键定义子项数量。这些子项默认设置为“填充 (Fill)”。
包裹到布局 (Wrap in Layout)
你可以将现有对象包裹到布局中:
- 右键点击舞台或层级面板,选择
Wrap in>Layout。 - 使用快捷键
Shift + L。 - 使用检查器中的
Layout selection按钮。
添加子布局
选中布局时,检查器会显示 Add Child Layout 按钮,点击即可添加一个默认填充父级的子布局。
拖放布局
你可以随时在层级面板或舞台上通过拖放来嵌套布局。在舞台上拖动时,指示器会显示插入位置。