跳到主要内容

组件工具条

摹客3原型模式为组件提供了快捷工具条,你可以自定义配置工具条的显示。

以简单的按钮为例,当我们为按钮源组件添加状态后,并且公开了状态值,那么在工作区,就可以通过工具条快捷切换按钮状态。

003组件工具条

工具条配置

在配置工具条之前,我们首先需要创建组件。

功能入口

创建组件后,在右侧属性面板【组件设置-组件快捷操作】内配置组件需要公开的属性。

003组件工具条

目前支持配置组件状态、自定义属性、文本属性、设置实例替换、设置图标切换、上传图片、公开列表容器数据7个功能。

003组件工具条

公开状态

当为组件设置了多种状态时,你可以自定义配置需要公开的组件状态,以按钮为例,我们可以为它设置公开多个状态。

设置后,拖出实例,就可以快速在实例工具条上切换状态了。

003组件工具条

公开自定义属性

当为组件设置了多种自定义属性时,你可以自定义配置需要公开的自定义属性,以开关为例,我们可以为它设置公开多个自定义属性,包含颜色和布尔值。

设置后,拖出实例,就可以快速在实例工具条上设置属性了。

003组件工具条

公开文本属性

当组件内包含嵌套文本时,通常情况下,我们需要多次点击穿透图层才能选中单个文本,这时我们可以为文本属性设置公开属性,可以选择公开多个文本图层的属性,这样,就可以直接在属性面板上批量调整文本属性了。

003组件工具条

设置实例替换

当我们常用的组件需要做组件实例替换时,就可以用这个功能快速整体替换实例,以单选按钮和复选按钮为例,我们可以将单选按钮实例替换成复选按钮的实例,并且复现按钮实例替换设置为单选按钮,这样,就可以实现单选按钮和复选按钮的切换了。

003组件工具条

设置图标替换

摹客3内置的图标库自带双击替换图标的功能。

003组件工具条

当你制作的组件内包含官方图标时,你可以设置图标替换来快速定位到图标导航栏,双击图标可快速替换图标。

003组件工具条

当如果组件内存在嵌套的图标时,默认只会替换外层图标。

003组件工具条

上传图片

本地上传的图片也可以通过工具条点击快速替换图片,并且调整图片填充方式。

003组件工具条

当组件内存在图片时,你也可以通过公开上传图片的方式快速替换图片。

003组件工具条

公开列表容器数据

当组件内存在列表容器时,你可以通过公开列表容器数据,快速编辑列表数据。若没有公开列表数据,则需要穿透选中对应的列表容器才能设置列表容器数据。

003组件工具条