Axure RP 8部分元件的使用

Axure RP 8的左侧元件库中除了Default还包含其他很多分类,例如Flow,Icons,当然了,我们还可以导入其他元件,用于绘制相对完美的页面。
元件库中所有的元件只需拖拽式展示即可,不需要进行更多复杂的操作,个人觉得这个过程类似于拼图,将许许多多不同的元件通过不同的方法拼接在一起便能绘出我们想看到的页面。
下面主要介绍Default中小部分元件的使用:

  • 图片元件的使用

    将图片元件拖拽到页面中,可以对图片的大小进行调整,一种方式是通过鼠标上下左右拖动,另一种方式是在工具栏的w和h中设置宽度和高度值;如果想要插入具体图片,双击页面中的图片元件即可。其实在很多网页中,我们都能看到有滚动图片的展示,这主要还是通过动态面板的设置,在下面动态面板元件中,会具体介绍。

  • 单选按钮元件的使用,如何产生互斥行为

    为了使我们能够更直观的看出互斥效果,首先要为其设置交互样式,选中所有按扭后点击鼠标右键,接着点击弹框中的【交互样式】,在交互样式中根据自己的需求设置相关样式,设置完成后记得点击确定按钮;接下来在右侧属性操作栏中添加用例,在添加动作选框中找到并点击原件-设置选中-选中,然后在配置动作的选框中选中当前原件,最后点击确定按钮;最后进行预览即可
    Axure RP 8部分元件的使用

  • 动态面板

    从左边元件库中选择动态面板拖动到右边,然后再概要中添加面板,我们可以给不同面板状态命名,加以区分,然后在概要中选中不同面板状态,分别进行绘制。下面仔细叙述一下怎样在页面中利用动态面板设置图片滚动的效果。
    第一步,打开你自己的组件库,在概要中新建一个名叫「ImagePlay」的空白页面,接着拖拽一个图片元件,并适当调整好它的大小。
    第二步,右击选中转换为动态面板,并命名这个动态面板为「ImagesFrame」,接着为这个动态面板添加三个state用于自动轮播。
    第三步,在左下角概要中分别选中三个不同的state,并为它们添加需要用于轮播的图片。
    第四步,在「ImagesFrame」上添加三个小圆形,用于切换动态,再分别为三个圆形添加用例,切换「ImagesFarme」到对应的状态中。并将这三个圆形设置为动态面板,然后给每个圆形分别添加一个状态表示当前呈现的图片为对应的某一个,并可以分别命名这三个圆形为第一张,第二张,第三张。
    第五步,为「ImagesFrame」添加Onload事件,选择状态的方式为Previous,并且勾选Wrap from first to last以及Repeat every XXX ms。
    第六步,为「ImagesFrame」添加OnPanelSateChange用例,同时要添加限制条件,来保证「ImagesFrame」的状态与小圆形的状态能够对应。
    Axure RP 8部分元件的使用

  • 中继器
    中继器的使用略微复杂,可以先参考百度经验