Axure中级教程：如何制作跑马灯并实现动态效果与交互

北国 2022-12-02
原创
跑马灯无论在B端还是C端都会经常使用，在公告、通知中都会使用到，在Axure原型设计中学会制作跑马灯是我们必须掌握的技能。

效果图：

                        Screen-2022-12-01-120303.gif

教程说明：

1.左侧元件库拖入矩形，设置动态面板，添加2个及以上的状态。

image.png


2.设置面板状态，向后循环，动画方式设置为向上滑动，时间设置为2000毫秒合适，请参照下图进行设置。

image.png


3.跑马灯的state2状态交互设置方式同上，至此制作完成预览即可。