内容面板主要用来进行不同内容的切换,网页原型与手机原型中都经常会用到。下面的动图就是由选项卡+内容面板+辅助画板组合而成的效果:
那么上面的效果是如何实现的呢?
第一步:准备组件。
向主画板中拖入一个选项卡和一个内容面板组件。绘制3个辅助画板,并向辅助画板中添加3个图片。
第二步:设置内容面板的连接页面。
点击内容面板右上角的圆点,分别连向3个辅助画板。
第三步:设置选项卡与内容面板的交互。
双击选项卡,可以为每个选项设置单独的交互。分别将3个选项连向内容面板,命令选择“切换内容”,右侧面板分别选择每个选项对应的页面后,即完成了内容切换的设置。
内容面板其它操作
选中内容面板组件,按Enter键会弹出一个面板。可以点击上下箭头给选项排序,也可以拖动排序。选中某一列,点击右上角删除图标,可删除该选项。