跳到主要内容

动态面板

动态面板是原型设计中常用的容器,能够添加各种状态,支持通过交互切换不同状态。

001动态面板

创建内容

添加动态面板后,双击即可进入其内部。

在内部编辑模式中,点击左上角的“添加状态”按钮,即可添加多个状态,并在各个状态上添加你需要展示的元素。

001动态面板

管理内容

动态面板中内容的布局是自动排列的,不支持手动调整位置。

你可以对各个状态进行克隆、删除等操作。

拖动状态,或点击右键菜单中的“上移/下移”,还可以调整状态之间的顺序。状态的顺序与其在动态面板中展示的顺序是对应的。

通过调整“列数”,可以设置每一行展示的最大状态数量。

001动态面板

动态面板中的每个状态的尺寸与动态面板的尺寸是保持一致的。调整动态面板或任一状态的尺寸,都会使动态面板及所有状态的尺寸被同步修改。

001动态面板

添加交互

创建好内容后,就可以给动态面板添加交互了。

切换状态

只需要将动态面板选为交互目标,就可以使其执行“切换状态”的交互命令,以此完成内容切换的效果。

001动态面板

  • 上一个/下一个:可以按顺序切换上一个或下一个状态。
  • 特定状态:所有状态都展示在列表内,可以切换到某一个状态。
  • 停止循环:当设置循环后,可以通过停止循环来结束循环状态。

循环

设置循环后,动态面板会在触发切换上一个/下一个时进行循环切换。 可以设置循环的延迟时间。

001动态面板