Skip to content

布局 (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 按钮,点击即可添加一个默认填充父级的子布局。

拖放布局

你可以随时在层级面板或舞台上通过拖放来嵌套布局。在舞台上拖动时,指示器会显示插入位置。

概览 (Overview)参数 (Parameters)