Axure基础控件(1-49)
Axure基础控件（1-49）
基础操作篇
本篇包含56种常见的基础操作，初学者应在掌握本篇内容后再进⾏实战案例篇的学习，以免产⽣学习障碍。同时，建议具备⼀定基础的读者学习本篇中相对⽣疏的内容，并加以掌握。
第1章使⽤元件
本⽂⽬录
基础1. 添加元件到画布
基础2. 添加元件名称
基础3. 设置元件位置/尺⼨
基础4. 设置元件默认⾓度
基础5. 设置元件颜⾊与透明
基础6. 设置形状或图⽚圆⾓
基础7. 设置矩形仅显⽰部分边框
基础8. 设置线段/箭头/边框样式
基础9. 设置元件⽂字边距/⾏距
基础10. 设置元件默认隐藏
基础1. 添加元件到画布
在左侧元件库中选择要使⽤的元件，按住⿏标左键不放，拖动到画布适合的位置上松开。（图1-1）
基础2. 添加元件名称
在检视⾯板的元件名称⽂本框中输⼊元件的⾃定义名称，建议采⽤英⽂命名。
建议格式：PasswordInput01或Password01
名称含义：序号01的密码输⼊框
格式说明：“Password”表⽰主要⽤途；“Input”表⽰元件类型，⼀般情况下可省略，当有不同类型的同名元件需要区分或名称不能明确表达⽤途的时候使⽤；“01”表⽰出现多个同名元件时的编号；单词⾸字母⼤写的书写格式便于阅读。（图1-2）
基础3. 设置元件位置/尺⼨
元件的位置与尺⼨可以通过⿏标拖拽调整，也可以在快捷功能或元件样式中进⾏输⼊调整。（图1-3）
x：指元件在画布中的x轴坐标值。
y：指元件在画布中的y轴坐标值。
w：指元件的宽度值。
h：指元件的⾼度值。
在输⼊数值调整元件尺⼨时，可以在样式中设置，让元件【保持宽⾼⽐例】。（图1-4）
基础4. 设置元件默认⾓度
⽅式⼀：选择需要改变⾓度的元件，按住<Ctrl>键的同时，⽤⿏标拖动元件的节点到合适的⾓度。（图1-5）
⽅式⼆：在元件样式中进⾏⾓度的设置，元件的⾓度与元件⽂字的⾓度可以分开设置。（图1-5）
基础5. 设置元件颜⾊与透明
选择要改变颜⾊的元件，点击快捷功能区中的背景颜⾊设置按钮，选取相应的颜⾊，或者在元件样式中进⾏设置。（图1-6）
显示隐藏文件
基础6. 设置形状或图⽚圆⾓
可以通过拖动元件左上⽅的圆点图标进⾏调整，也可以在元件样式中设置圆⾓半径来实现。（图1-7）
基础7. 设置矩形仅显⽰部分边框
在Axure RP 8的版本中，矩形的边框可以在样式中设置显⽰全部或部分。（图1-8）
基础8. 设置线段/箭头/边框样式
线段、箭头和元件边框的样式可以在快捷功能或者元件样式中进⾏设置。（图1-9）
基础9. 设置元件⽂字边距/⾏距
在元件样式中可以设置元件⽂字的【⾏间距】与【填充】。（图1-10）
⾏间距：是指⽂字段落⾏与⾏之间的空隙。
填充：是指⽂字与形状边缘之间填充的空隙。
基础10. 设置元件默认隐藏
选择要隐藏的元件，在快捷功能或者元件样式中勾选【隐藏】选项。（图1-11）
本⽂⽬录
基础11. 设置⽂本框输⼊为密码
基础12. 设置打开选择⽂件窗⼝
基础13. 限制⽂本框输⼊字符位数
基础14. 设置⽂本框提⽰⽂字
基础15. 设置⽂本框回车触发事件
基础16. 设置元件⿏标移⼊的提⽰
基础17. 设置矩形为其他形状
基础18. 设置⾃定义形状
基础19. 设置形状⽔平/垂直翻转
基础20. 设置列表框的内容
基础11. 设置⽂本框输⼊为密码
⽂本框属性中选择⽂本框的{类型}为【密码】。（图1-12）
基础12. 设置打开选择⽂件窗⼝
⽂本框属性中选择⽂本框的{类型}为【⽂件】，即可在浏览器中变成打开选择本地⽂件的按钮。该按钮样式各浏览器略有不同。（图1-13）

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。