Axure元件-元件库的使用

元件库

• 载入元件库

• 切换元件库

基本元件设置步骤

• 新增元件：

添加元件：从元件库拖动到画布；

命名元件：规则为用途+类型+编号；

• 调整元件：

设置元件形状：单击元件右上角小黑点（可选择“转为自定义形状”）

设置元件大小：鼠标拖动元件的节点；

调整元件位置：鼠标停留在元件上直到出现十字符，拖动鼠标；

设置元件旋转度：ctrl+鼠标拖动元件的节点；

翻转元件：样式→位置·尺寸

隐藏元件：样式→位置·尺寸→隐藏

元件选中/禁用：属性→形状

• 设置元件边框：

样式→边框（粗细、颜色、样式）；

样式→边框→边框可见性（隐藏部分边框）；

样式→圆角半径（也可拖动元件左上角的黄色三角符，调节元件圆角半径）；

• 设置元件文字：

样式→字体；

样式→行间距；

样式→填充（文字与元件边框距离）；

• 元件效果

设置提示：属性→元件提示（鼠标停留元件上弹出提示）

效果图：

元件交互样式设置：属性→形状→交互样式设置

层级设置：

组合/取消组合元件：

元件转换为图片：形状、文本标签、线段等元件可以转换

 

表单元件

下拉列表框元件

• 设置列表项：属性→下拉列表框→列表项（可直接双击元件进行设置）

单选按钮

• 设置单选效果：全选选项→属性→设置单选按钮组名称

图片设置

• 编辑文本：右击图片→编辑文本

• 切割/裁剪图片：样式→切割/裁剪

• 内联框架元件

 

https://fontawesome.com/cheatsheet?from=io