前端学习之路之Axure RP 9的简易上手（2）

这次详细说明一下元件库，练习一下如何使用母板、自适应。

博主用到的axhub插件和下载使用的元件库：

链接：https://pan.baidu.com/s/1bm_QFiCeKLoM58U4bRNS1w?pwd=5h2q 
提取码：5h2q 

---

目录

（1）元件库

Default：可以将要使用的组件拖拽到工作区域进行使用

flow：主要用于UML、ER、流程图等设计使用

icons：

Load Libraries：Axure自带的元件有时并不能满足我们的设计需求，所以市面上许多前端组件库提供了相对应的Axure元件库供给设计师使用。

（2）母版的使用：

母版的创建：

（3）自适应：可以根据窗口的分辨率自动调整页面样式

---

（1）元件库

Default：可以将要使用的组件拖拽到工作区域进行使用

练习做一个form表单：

 双击下拉列表框添加数据：

 单选按钮的设置：

 发现两个单选按钮可以同时被选择，要实现互斥，我们需要将它们放进同一个单选按钮组：

将两个单选按钮一同选中，然后点击箭头所指的图标，设置一个单选按钮组即可实现互斥。

 

 

flow：主要用于UML、ER、流程图等设计使用

icons：

可以使用Axure自带icon图标。

还可以使用iconfont图标库里的图标，此方法需要下载axhub插件，将下载好的插件直接拖入google浏览器扩展程序即可：

 这样我们就可以直接使用iconfont图标库中的图标了：

Load Libraries：Axure自带的元件有时并不能满足我们的设计需求，所以市面上许多前端组件库提供了相对应的Axure元件库供给设计师使用。

将下载好的元件库直接导入Axure即可使用：

点击+号，将下载好的元件库导入即可。

（2）母版的使用：

作用：风格的统一、元件的复用。

只要修改母版，每个页面的引用的母版内容就会改变。

母版的创建：

从元件库中选择一个元件拖到画布中，右键点击该元件，点击创建母版即可。

 

 在其他页面中直接拖拽使用。

（3）自适应：可以根据窗口的分辨率自动调整页面样式

 随便拖动几个元件进画布，点击画布空白的地方，在右侧点击添加自适应视图，点击新建即可：

 点击可以预览： 

 

 

 内容如有错误，欢迎大家在评论区指出，谢谢各位的浏览。