教程 > 交互 > 内容切换

内容切换

内容面板主要用来进行不同内容的切换,网页原型与手机原型中都经常会用到。下面的动图就是由选项卡+内容面板+辅助画板组合而成的效果:

那么上面的效果是如何实现的呢?

第一步:准备组件。

向主画板中拖入一个选项卡和一个内容面板组件。绘制3个辅助画板,并向辅助画板中添加3个图片。

第二步:设置内容面板的连接页面。

点击内容面板右上角的圆点,分别连向3个辅助画板。

第三步:设置选项卡与内容面板的交互。

双击选项卡,可以为每个选项设置单独的交互。分别将3个选项连向内容面板,命令选择“切换内容”,右侧面板分别选择每个选项对应的页面后,即完成了内容切换的设置。

内容面板其它操作

选中内容面板组件,按Enter键会弹出一个面板。可以点击上下箭头给选项排序,也可以拖动排序。选中某一列,点击右上角删除图标,可删除该选项。