跳到主要内容

010资源

资源

在左侧面板的资源中展示有当前项目中的所有组件资源,可以集中管理和共享设计元素,方便在整个设计项目或团队中重复使用和保持一致性。

资源树

本地资源库:当前项目资源库,可以进行修改和管理;

引用资源库:其它项目共享的资源库,仅支持引用,不支持在资源树编辑修改,不支持新增;

官方组件库:官方提供的封装组件,仅支持引用,不支持在资源树编辑修改,不支持新增;

三方资源库:展示预置的三方资源库,如RP/Axure风格/Ant等,仅支持引用,不支持在资源树编辑修改,不支持新增。

资源树展示

支持列表、平铺两种展示方式。

资源搜索

支持对组件资源及分组按关键词进行模糊搜索。

本地资源库分组规则

默认分组:按组件master所在的页面和层级进行分组:所在页面/所在分区/画板(最外层容器)/组件;

手动分组:通过"/"符号对组件进行手动分组命名,每一节为一级,如:一级分组/二级分组/三级分组/组件名称,新分组位于默认分组下;

修改分组:在工作区拖拽改变组件master的父级,图层树的分组会跟随变化。

资源弹窗

直接点击组件资源或者右键点击组件资源,选择查看详情,可展开资源弹窗,查看组件详细信息。

IMG_256

资源使用

创建组件实例

直接创建:从资源树直接拖拽至工作区;

IMG_257

替换已有组件实例:按住Alt拖拽至工作区组件实例上;

IMG_258

资源更新和脱离

资源更新: 资源更新后,当前项目所有引用的属性均需要同步更新。

脱离资源: 保留样式,但不再具有引用资源的关联性。

资源删除: 在资源面板删除资源后,引用过资源的属性保留样式,但不再具有引用资源的关联性。

如果想要查看更多关于资源的教程,可以查看教程 设计资源 。

资源库共享

资源库面板可以共享及更新本地资源库、以及开启团队其它的共享资源库,将其展示到左侧组件资源及属性面板相关资源处。

本地资源库共享

在资源库面板中可以共享、更新、取消共享本地资源库。

共享时隐藏

  • 资源名字以_或.开头的资源/分组,在资源库共享时隐藏;

  • 在资源库面板取消勾选的内容,在资源库共享时隐藏;

  • 若隐藏的是分组,则分组下方所有资源都需要隐藏。

引用其它资源库

开启共享资源库

在资源库面板可以查看已共享的资源库列表,开启后可以在左侧资源面板及右侧属性面板查看相关信息。

跨项目复制粘贴

跨项目复制粘贴组件或使用了其它资源的图层,保留资源的关联性,但资源库面板、左侧资源树、右侧属性面板中不会展展示。