Axure初体验:简单交互通过按钮切换图片

Posted Yosha

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Axure初体验:简单交互通过按钮切换图片相关的知识,希望对你有一定的参考价值。

前言:

之前是一直用processon的UI原型设计,后来感觉只能完成静态页面的processon满足不了原型设计的需求,断网时候也不方便修改、展示。最终还是决定学习动态页面的制作,所选工具为原型设计界的巨人——Axure RP(8.0)。


 

下载地址、安装过程、注册码获取过程略过。


 

从元件库中选择"动态面板”,作为切换图片的面板


 

拖出一个动态面板


 

双击动态面板弹出管理窗口,点击添加按钮添加若干状态(StateXXX)

双击对应State可跳转到指定页面,随便加张图片


 

拖个按钮选中,然后点击右上面板中的“添加用例”(默认是设置鼠标点击时的)


 

点击“设置面板状态”、选择要设置的动态面板的名字、选择要跳转到的状态


 

按F5可打开浏览器预览

 

以上是关于Axure初体验:简单交互通过按钮切换图片的主要内容,如果未能解决你的问题,请参考以下文章

Axure RP9 如何借助动态面板实现密码输入框字符显示/隐藏切换

Axure-动态面板2(多个页签、固定浏览器)

Axure9动态面板(图片轮播)

Bootstrap轮播图的切换按钮如何制作?

关于H5-canvas游戏开发初谈

如何使用Axure RP制作Banner图切换效果