Axure如何设计图片轮播效果

Axure是产物司理进行快速原型设计的东西,经由过程Axure可以实现壮大的软件交互动作功能 。 那么,若何经由过程Axure来设计图片轮播结果呢?本文就由小编带大师领会一下,一路来看看吧~

Axure如何设计图片轮播效果

文章插图

需要这些哦
Axure版本:企业版8.0.0.3338
PC电脑:Windows 10
方式/
1.打开Axure软件,在元件库找到【动态面板】,拖动到界面,如图
Axure如何设计图片轮播效果

文章插图

2.双击界面【动态面板】,在弹出框选择【+】号新增几个面板状况,如图
Axure如何设计图片轮播效果

文章插图

3.双击状况【State1】,进入动态面板状况State1的设置,如图
Axure如何设计图片轮播效果

文章插图

4.在状况【State1】的虚线框中,添加要轮播的图片1,如图
Axure如何设计图片轮播效果

文章插图

【Axure如何设计图片轮播效果】5.反复上面的
3、4,给状况【State2、State3】添加轮播放图片,如图
Axure如何设计图片轮播效果

文章插图

6.回到Page1的动态面板界面,选择动态面板,在交互选择动作【载入时】 。 如图
Axure如何设计图片轮播效果

文章插图

7.设置【载入时】的交互,为设置面板状况为【标的目的后轮回,距离1000毫秒】,如图
Axure如何设计图片轮播效果

文章插图

8.预览结果,已实现图片轮播 。 如图
Axure如何设计图片轮播效果

文章插图


以上内容就是Axure如何设计图片轮播效果的内容啦,希望对你有所帮助哦!

    推荐阅读