Axure如何设计图片轮播效果

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

43a7d933c895d14354ec32247cf082025aaf071b.jpg

东西/原料

  • Axure版本:企业版8.0.0.3338
  • PC电脑:Windows 10

方式/步调

  • 1.打开Axure软件,在元件库找到【动态面板】,拖动到界面,如图

    95eef01f3a292df544a77d12b3315c6034a87355.jpg
  • 2.双击界面【动态面板】,在弹出框选择【+】号新增几个面板状况,如图

    023b5bb5c9ea15ce5001360eb9003af33b87b2ce.jpg
  • 3.双击状况【State1】,进入动态面板状况State1的设置,如图

    58ee3d6d55fbb2fb004a8915404a20a44623dc50.jpg
  • 4.在状况【State1】的虚线框中,添加要轮播的图片1,如图

    5bafa40f4bfbfbedab3ae77877f0f736afc31f51.jpg
  • 5.反复上面的步调3、4,给状况【State2、State3】添加轮播放图片,如图

    b2de9c82d158ccbfdb57633d16d8bc3eb03541ca.jpg
  • 6.回到Page1的动态面板界面,选择动态面板,在交互选择动作【载入时】。如图

    9358d109b3de9c82653828886381800a19d8435c.jpg
  • 7.设置【载入时】的交互,为设置面板状况为【标的目的后轮回,距离1000毫秒】,如图

    b17eca8065380cd7e72873eaae44ad3459828187.jpg
  • 8.预览结果,已实现图片轮播。如图

    4b90f603738da9772d71572cbf51f8198618e35f.jpg
  • 发表于 2019-10-16 10:50
  • 阅读 ( 870 )
  • 分类:其他类型

你可能感兴趣的文章

相关问题

0 条评论

请先 登录 后评论
联系我们:uytrv@hotmail.com 问答工具