image.png

矩形

在Axure中比较常用的元件之一(应该说是最常用的元件)。有关矩形的样式部分介绍可以查看本系列《样式》一文。关于矩形的样式就不做过多说明。

  • 快捷操作:拖动矩形上面的倒三角就可以直接调节矩形的圆角。

image.png

  • 矩形也可以右键选择形状,切换为其它的形状。

圆形

圆形在制作原型的装饰和原型头像是比较常用的元件之一,同时可以结合矩形元件进行《布尔运算》得到更多的形状。

  • 圆形也可以通过矩形调节圆角得到。

图片

  • 图片元件,拖入原型中可以双击进行插入图片。图片在插入的时候,会根据选择的图片尺寸进行自动调整。
  • 也可以直接将图片拖入Axure中,支持多张图片一起拖入。

占位符

占位符,主要用于初期原型草稿制作时的占位,

按钮

可以理解为带有文字的矩形

标题

不同文字大小的文本

文本标签、段落标签

  • 文本标签:插入一行文本
  • 段落标签:插入一段文本

水平线、垂直线

  • 绘制线段的元件
  • 线段特有的属性可以调节箭头样式(选中后在线段属性中可以调整),箭头可以左右独自选择。

image.png

热区

  • 热区就是一个不可编辑文字的元件,且热区在浏览器预览的时候是透明的。
  • 热区可以和其元件一样添加交互事件。(有的时候,在部分场景下可以用热区其添加交互事件,达到部分交互效果,例如:图片局部有两个按钮位置,可以通过热区给两个位置添加不同的交互事件,完成不同的跳转。)
  • 其他:其实矩形,然后填充为无,描边无也可达到这种效果,只不过已经有热区这个元件了 ,就不重复造轮子了。

动态面板

动态面板,可以在一个界面无缝呈现多种交互效果。
请查看《动态面板》一文。

内联框架

image.png
双击内联框架用于向页面中嵌入内容,包括:

  • 项目中的其它页面 (内部的界面)。
  • URL 指向的外部页面 (外部的链接)。
  • 浏览器支持播放的多媒体文件(mp3、mp4、avi、pdf 等类型的文件) 。

    通过内联框架可以实现视频播放的效果(注:由于现在的视频可支持的链接不是很多,可以自行使用对象云存储(七牛云等)进行视频的托管)。

内联框架特有的属性如图:
image.png

image.png

  • 按需滚动:当内联框架内部的内容出现超出当前内联框架时,才会出现滚动条。
  • 始终滚动:始终显示滚动条。
  • 从不滚动:始终不显示滚动条,同时内部页面也不能滑动差看。

    中继器

    中继器可以理解为一个具有数据编辑的数据库(数据表),可以通过中继器实现很多有趣的交互,在平时使用主要用于重复内容的一键自动复制。

中继器特有的样式:数据表格,整个中继器的数据初始都是存储在这个表格中。表格支持编辑,新增、删除。

image.png

后记:中继器和动态面板属于比较中级使用的元件,此处只暂不做过多解释,会在项目实战中使用时进行教学。同时感兴趣的同学可以查看这个专辑《Axure 实战100练》