教程 > 组件 > 容器组件

容器组件

容器组件,就是能够容纳、放置其它元素的特殊组件。容器组件的主要作用,是搭配交互设置以展示动态内容。

面板

我们可以向面板中添加组件及其它元素。面板内部的区域是无限大的,并且内部元素不会影响面板的尺寸、位置。

双击面板,即可进入面板内部,并在其中添加内容。点击面板范围外的区域,则可从组件内部退出。

此外,可通过右键菜单中“转为面板”将所选组件快速转为面板。 

 

内容面板

内容面板常用于实现内容切换的效果,如下方所示:

来看看如何实现上面的效果吧。

内容面板需要与辅助画板进行搭配使用。 拖动内容面板的链接点到辅助画板上,即可将辅助画板中内容添加到内容面板中。

选中内容面板并使用Enter键,可以管理已添加的辅助画板,包括对辅助画板进行删除和排序。

再对辅助画板添加交互设置,即可完成。


网页

从左侧常有用组件中拖出“网页”,双击组件输入网址后,可将外部网页嵌入原型中。

网页属性

  • 在右侧属性面板中,可以启用响应式布局、调整组件透明度;
  • 在扩展属性中,还可以勾选“滚动时固定位置”,以及添加备注信息。

图文选项卡

  • 从左侧常用组件中拖出“图文选项卡”,即可直接使用。
  • 你可以对图文选项卡大小随意拉伸,如果需要等比例调整大小,按住Shift再拖动鼠标。

图文选项卡属性

  • 在属性面板中,可以对组件的文本、图标进行调整,更改其大小、默认颜色及选中颜色。

  • 也可以根据需要启用组件的选中标识条。

  • 图文选项卡的图标支持进行替换。双击打开组件的编辑器并选中图标,并可在图标库中单击选择其它图标,即可进行替换。


编辑图文选项卡

通过双击或Enter键,可对图文选项卡的各个选项内容进行编辑和管理。