Axure实现通知栏消息滚动显示

Axure实现通知栏消息滚动显示

PC和移动端，在做原型设计的时候，会需要展示待办/提醒都消息提示，一般是从左至右或从右至左滑动循环显示。

本人希望 用 Axure 实现这样一个功能，方便大家再画此类的原型的时候，可以借鉴一下~

创建一个新的文档

创建文本标签，输入要连续滚动显示的内容。并将此标签转换成动态面板。

打开动态面板，设置2个状态：起始状态和结束状态。 2个状态里面的内容都一样。

我们的目的是让 文本框 从右侧进入，左侧退出，循环往复。

所以，首先要把文本标签从右至左，移出动态面板的区域，移动时间为20000ms。

然后移动当前文本标签回到原位置，并设置选中状态为：未选中。

结束状态的标签 跟 起始状态的标签 一样设置。

第五步： 要设置动态面板的交互，“载入时”循环切换 面板状态，时间为20000ms，跟文本标签的移动时间保持一致。

第六步：设置“状态改变时”，如果当前面板是“起始状态”，则选中起始状态中的 文本标签->起始标签

第六步：设置“状态改变时”，如果当前面板是“结束状态”，则选中结束状态中的 文本标签->结束标签。

最后，预览 HTML 页面，就能看到循环移动的文本了。