原型设计工具Axure RP入门教程(三):闪烁文本教程

在本教程中,您将学习如何使用交互循环创建一行闪烁的文本。您可以使用此交互循环的基本结构来创建要无限期发生的任何类型的交互。


在本教程中,您将学习如何使用交互循环创建一行闪烁的文本。您可以使用此交互循环的基本结构来创建要无限期发生的任何类型的交互。

小部件设置

原型设计工具Axure RP入门教程(三):闪烁文本教程

  • 打开一个新的RP文件,然后在画布上打开Page 1。
  • 将Heading 1小部件拖动到画布上,然后通过单击Style(样式)窗格或样式工具栏中的Hidden(隐藏)图标将其设置为隐藏。

原型设计工具Axure RP入门教程(三):闪烁文本教程

闪烁的互动

加载页面时切换小部件的可见性

  • 单击画布上的空白点以选择页面,然后在Interactions(交互)窗格中单击New Interactions(新建交互)
  • 在出现的列表中选择Page Loaded(页面加载)事件,然后选择Show/Hide(显示/隐藏)操作。
  • 在选择小部件下拉列表中,选择标题小部件。
  • 选择切换,然后单击确定以保存操作。

原型设计工具Axure RP入门教程(三):闪烁文本教程

使用等待动作设置循环间隔

原型设计工具Axure RP入门教程(三):闪烁文本教程

  • 单击Page Loaded(页面加载)块底部的 Insert Action(插入操作)图标,然后在出现的列表中选择Wait(等待)操作。
  • 在ms字段中输入500,然后单击OK保存操作。

通过再次触发页面加载事件来创建循环

  • 单击Page Loaded(页面加载)块底部的 Insert Action(插入操作),然后在出现的列表中选择Fire Event(灾事件)动作。
  • 在目标下拉菜单中选择页面,然后单击添加事件。
  • 在事件列表中选择Page Loaded(页面加载),然后单击确定以保存操作。

原型设计工具Axure RP入门教程(三):闪烁文本教程

预览互动

预览页面。标题应连续闪烁并在视野之外闪烁。


想要获得Axure RP更多资源、正版授权的伙伴,请咨询【客服】了解

关注慧聚IT微信公众号了解产品的最新动态及最新资讯。

标签:

来源:慧都

声明:本站部分文章及图片转载于互联网,内容版权归原作者所有,如本站任何资料有侵权请您尽早请联系jinwei@zod.com.cn进行处理,非常感谢!

上一篇 2020年1月2日
下一篇 2020年1月2日

相关推荐

发表回复

登录后才能评论