Skip to Content

组件

组件定义

组件是一种可重复利用且样式能同步更新的图层组合,其形态可从一个简单的按钮到一个完整的布局结构。一旦组件被创建,你可以在多个画布或项目中反复使用,无需再次创建。

母组件与子组件

母组件是组件的「原始数据」,而子组件则是母组件的副本。当母组件发生变动时,子组件将自动同步更新以符合母组件的样式。

样式重写

你可以对子组件的样式进行独立设置,这些设置不会对母组件和其他子组件产生影响。当母组件样式更新时,未被修改的样式将持续同步更新,而被修改的部分则会保持子组件的独立设定。

你也可以通过右键点击子组件,选择重置组件,将子组件的样式全部恢复为母组件的样式,并重新同步。

原型交互属性与样式属性一样,也遵循母组件同步子组件,子组件可重写的逻辑。

修改子组件

子组件是母组件的副本,只支持覆盖样式,不支持修改图层结构。

如果你希望不仅仅是修改子组件的样式,而是修改子组件的结构,比如增加、删除、调整图层位置等,你可以通过右键点击子组件,选择脱离组件,将组件转变为普通图层再做编辑。

编辑后的普通图层,可以创建为新的组件使用。

组件嵌套

Calicat 目前暂不支持组件嵌套组件,计划在未来版本中支持。

组件使用

创建组件后,组件库中将显示该组件的实例,你可以通过打开组件库,选择组件,拖动到画布上来创建一个子组件。

你也可以通过复制、粘贴的方式来创建一个子组件。

如果文件位于某个空间内,你可以将组件发布到该空间,以便在该空间的其他文件中使用相同的组件库。