Axure RP(二十四)自定义元件库

Axure RP 只提供了最基础的元件,像我们经常使用到的图片轮播功能、进度条、开关等Axure并没有为我们提供,我们可以通过这些基础的元件封装出一个完整复杂的独立元件,封装好之后就可以像基础元件一样直接拖拽使用达到一次制作多次使用的效果。

一:创建元件库

  1. 创建元件库并命名,例如Common.rplib。
    Axure RP(二十四)自定义元件库_第1张图片
    Axure RP(二十四)自定义元件库_第2张图片
    Axure RP(二十四)自定义元件库_第3张图片
    文件夹:用于元件库中的分组名。
    元件:用于定义每个元件的具体内容。

当我们想在元件库面板中查看元件库库页面中的具体内容时先保存,然后再点击刷新元件库才能在元件库面板中反应出来最新的元件,在8.1.0.3392版本这里有很大的bug,有时候改了文件夹名字刷新了在元件库中还是不能改过来,关掉重新打卡就好了。
Axure RP(二十四)自定义元件库_第4张图片Axure RP(二十四)自定义元件库_第5张图片

制作轮播图元件:制作元件就像在页面制作其它功能完全一样。
Axure RP(二十四)自定义元件库_第6张图片
创建好的元件库会自动加载到元件库面板中。像使用其它元件一样直接拖拽进去修改一下轮播图的图片和轮播图的尺寸就可以了。

Axure RP(二十四)自定义元件库_第7张图片

二:载入元件库

选择要载入的元件库直接加载就行了。
Axure RP(二十四)自定义元件库_第8张图片
Axure RP(二十四)自定义元件库_第9张图片

三:编辑元件库

在元件库中选中要编辑的元件库,让后编辑元件库。
Axure RP(二十四)自定义元件库_第10张图片

四:使用元件库

像使用普通的元件一样直接拖拽到工作区即可。我们制作一次轮播图封装成元件库后面使用就可以直接拖拽之前制作好的即可。
Axure RP(二十四)自定义元件库_第11张图片

你可能感兴趣的:(#,Axure,RP)