AXURE 基础教程(一):元件的使用

1、保持元件宽高比例:仅在输入元件的宽或高时有用,鼠标拖动无用。

AXURE 基础教程(一):元件的使用_第1张图片

2、设置形状或图片圆角

AXURE 基础教程(一):元件的使用_第2张图片

3、设置矩形仅显示部分边框

AXURE 基础教程(一):元件的使用_第3张图片

4、设置元件文字边距

AXURE 基础教程(一):元件的使用_第4张图片

5、设置文本框输入类型(如密码、数字等)

文本框输入类型包含:文本、数字、密码、邮箱、手机号、链接地址、查找、文件、日期、月份、时间。

AXURE 基础教程(一):元件的使用_第5张图片

密码类型自动变为小圆点;文件类型会自动打开文件窗口。

6、限制文本框的输入字符位数

AXURE 基础教程(一):元件的使用_第6张图片

7、设置文本框提示文字交互效果

AXURE 基础教程(一):元件的使用_第7张图片

8、设置文本框回车触发事件

AXURE 基础教程(一):元件的使用_第8张图片

9、设置鼠标移入元件时的提示

AXURE 基础教程(一):元件的使用_第9张图片

10、自定义元件形状

AXURE 基础教程(一):元件的使用_第10张图片
AXURE 基础教程(一):元件的使用_第11张图片

11、图片元件

1)添加文本:右键单击图片元件,选择<编辑文本>,即可在图片上编辑文字。

2)切割:将图片进行水平或垂直的切割,将图片分割开。

3)裁剪:将图片中某一部分取出。裁剪有几种操作:裁剪:只保留被选择的区域;剪切将选取的部分从原图中剪切到系统剪贴板中;复制将选取的部分复制到系统剪切板中,原图不做改变。

12、内联框架元件:

可以嵌入多媒体文件或网页,双击元件或者在属性中单击<选择框架目标>,在弹出的页面中进行设置。如下图嵌入百度的网址:

AXURE 基础教程(一):元件的使用_第12张图片


13、页面居中:

在页面样式中设置页面居中的按钮,可以在浏览器打开时,原型中的内容居中显示(默认是靠左的)。页面中的全局功能都可以在此设置哦!

AXURE 基础教程(一):元件的使用_第13张图片

你可能感兴趣的:(AXURE 基础教程(一):元件的使用)