本文转载自小楼老师博客:http://www.iaxure.com/3788.html新手必须掌握的Axure基础操作,初学者应在掌握本篇内容后再进行实战案例篇的学习,以免产生学习障碍。同时,建议具备一定基础的读者学习本篇中相对生疏的内容,并加以掌握。
本文目录
基础11. 设置文本框输入为密码
基础12. 设置打开选择文件窗口
基础13. 限制文本框输入字符位数
基础14. 设置文本框提示文字
基础15. 设置文本框回车触发事件
基础16. 设置元件鼠标移入的提示
基础17. 设置矩形为其他形状
基础18. 设置自定义形状
基础19. 设置形状水平/垂直翻转
基础20. 设置列表框的内容
正文
基础11. 设置文本框输入为密码
文本框属性中选择文本框的{类型}为【密码】。(图1-12)

基础12. 设置打开选择文件窗口
文本框属性中选择文本框的{类型}为【文件】,即可在浏览器中变成打开选择本地文件的按钮。该按钮样式各浏览器略有不同。(图1-13)

基础13. 限制文本框输入字符位数
在文本框属性中输入文本框的{最大长度}为指定长度的数字。(图1-14)

基础14. 设置文本框提示文字
在文本框属性中输入文本框的{提示文字}。提示文字的字体、颜色、对齐方式等样式可以点击【提示样式】进行设置。(图1-15)
提示文字设置包含{隐藏提示触发}选项,其中:
输入:指用户开始输入时提示文字才消失。
获取焦点:指光标进入文本框时提示文字即消失。

基础15. 设置文本框回车触发事件
文本框回车触发事件是指在文本框输入状态下按<回车>键,可以触发某个元件的【鼠标单击时】事件。只需在文本框属性中{提交按钮}的列表中选择相应的元件即可。(图1-16)

基础16. 设置鼠标移入元件时的提示
在文本框属性中{元件提示}中输入提示内容即可。(图1-17)

基础17. 设置矩形为其他形状
在画布中点击矩形右上方圆点图标即可打开形状列表,设置为其它形状。(图1-18)

基础18. 设置自定义形状
在形状上点击<鼠标右键>,在菜单中选择【转换为自定义形状】,即可对形状进行编辑。也可以通过点击形状右上角的圆点图标,在打开的形状选择列表中选择【转换为自定义形状】(图1-18)。具体的编辑操作见图1-19中的标注。

基础19. 设置形状水平/垂直翻转
在形状的属性中可以对形状进行【水平翻转】和【垂直翻转】的操作。(图1-20)

基础20. 设置列表框的内容
下拉列表框与列表框都可以设置内容-列表项。可以通过【属性】-【列表项】的选项来设置,也可以通过鼠标双击元件进行设置。(图1-21)

网友评论