闪烁的文字 | Blinking Text

在本教程中,你将学习如何使用交互循环来创建一行闪烁的文字。【原型预览】

提示:你可以使用交互循环的基本方法,创建任何类型的无限循环的交互。

查看计时器教程,交互循环的另一个案例。

1、元件设置
  1. 打开一个新的RP文件,并在画布中打开Page 1
  2. 拖拽一个一级标题元件到画布中,然后将它隐藏(通过样式工具栏或样式面板中的隐藏图标)。
2、闪烁的交互

页面载入时切换元件的可见性

  1. 点击画布中的空白区域以选中页面,然后点击交互面板中的新建交互
  2. 在弹出的列表中选择页面载入时,然后选择显示/隐藏动作。
  3. 选择元件的下拉列表中,选择一级标题元件。
  4. 选择切换,然后点击确定按钮保存操作。

使用等待动作设置循环交互

  1. 点击页面载入时区域底部的插入动作图标,在弹出的列表中选择等待动作。
  2. 毫秒字段中输入500,点击确定按钮保存操作。

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

  1. 点击页面载入时区域底部的插入动作图标,在弹出的列表中选择触发事件动作。
  2. 在目标下拉列表中选择页面,然后点击添加动作。
  3. 在下拉列表中选择页面载入时,点击确定按钮保存操作。
3、预览交互

预览页面,这个标题就会连续的闪烁。

评论(0 个评论)

发表回复

您的电子邮箱地址不会被公开。