AxureRP教程–制作组件库-MissSun

AxureRP教程–制作组件库

AxureRP提供了默认的线框图组件库和流程图组件库，并支持加载第三方的组件库，应该说扩展性非常的不错。网上也有很多共享的组件库，应用在不同的设计页面或者环境下，如windows效果，现在很火的android组件库等，这些组件库很好的弥补了默认组件库样式少的问题，也能节省大量的时间去自己设计组件库。但是并不是所有的组件库都能满足需求，很多公司都有自己的UI设计风格或者标准，因此封装一些常用的风格组件或设计样式，能大大提高设计效率，那如何制作自己的组件库呢，这里就大致的介绍一下。

首先要打开AxureRP的主界面，到组件管理面板的下拉框里面选择创建元件库，在弹出的对话框里面给新组件库起一个名字并保存，AxureRP会创建一个以rplib结尾的文件，并自动打开一个新的窗口，在新窗口中你会发现有两个组件管理面板，上面那个就是我们要创建新的组件库所要用到的了。

1. 点击创建元件库

2. 给新组件库命名，该处命名为myAxureKu。

做好的组件库可以放在AxureRP默认加载库的目录，一般为My Documents\我的Axure RP库目录下。这样每次启动AxureRP就会自动加载了，就像第一张截图那样，我默认加载了线框图等组件库一样，否则要加载一下才能看到，并且只对当前设计文件有效。

3. 双击网站地图中的页面来编辑新组件

4. 该图为编辑好了“查询按钮”组件，此时我们可以将“新元件1”重新命名，可以命名为“查询”。

说明：新的组件管理面板的操作与原来的基本一样，除了下图红圈所标示的图标，这个图标是设置组件属性的工具栏图标，可以设置新建组件的显示图标和组件说明，显示图标就是在组件面板中见到的那样，默认会显示你的设计效果，如果指定了图标，就会显示新的图标，组件说明不会显示出来。个人感觉没什么必要，直接让其默认显示自己设计的那个组件效果就可以啦！

注意：如果要想设置新的图标样式，在点击红圈处图标前要先选中你左侧的组件名称。

5. 下图棕色圈里的图标是“添加元件”图标。如图所示，又新增了返回和搜索2个组件。新增的myAxureKu组件库中，暂时建立了3个组件，注意建立好组件库后要按Ctrl+S保存。