在屏幕之间共享文本

在本教程中,您将学习如何使用变量在屏幕之间共享信息。我们将向您展示如何构建一个注册表单,该表单链接到一个欢迎屏幕,其中显示用于创建帐户的电子邮件地址。

→下载本教程准备好的。uxp文件。

设置设计

  1. 在一个新的Prototype中,添加另一个PageAltN快捷方式。第一页(第1页)是注册表单,第二页(第2页)是欢迎屏幕。
  2. 在“注册”界面,添加一个输入和一个按钮从左侧工具栏的窗体菜单。您可以在Properties面板底部的Input中添加占位符文本。
  3. 变量菜单,并通过单击+图标创建一个新变量。它的名字电子邮件
  4. 新闻输入为了拯救它。

5.转到欢迎屏幕(第2页)并从工具栏或使用T快捷方式。它的名字电子邮件-这个文本元素稍后会在注册屏幕上显示您输入的电子邮件。您可以根据需要设计欢迎屏幕的其余部分。

添加交互

创建一个交互,将输入的电子邮件地址设置为变量的值。

  1. 在注册屏幕上,选择按钮,并通过单击属性面板顶部的+图标添加一个交互。
  2. 将触发器保留为开启点击(轻按)
  3. 在Action部分中选择设置变量
  4. 作为变量,选择电子邮件变量。
  5. 在Set Variable中,将第一个下拉菜单设置为元素内容,在第二个中选择输入元素。
  6. 点击添加

添加另一个交互,当您单击按钮时将转到下一页。

  1. 选择按钮并从属性面板中添加一个交互。
  2. 触发器应该设置为开启点击(轻按)
  3. 在Action部分中选择进入页面
  4. 如下面的Page所示,选择欢迎屏幕。
  5. 点击添加

转到下一页,欢迎屏幕以创建一个交互,该交互将显示来自上一页输入字段的电子邮件。

  1. 不选择任何元素,单击属性面板顶部的+图标。
  2. 作为触发者,选择页面加载
  3. 在Action部分,单击更多的并选择设置内容
  4. 在元素下,选择您的电子邮件文本元素。
  5. 将内容设置为第一个下拉菜单应该设置为变量值.在第二个下拉菜单中选择电子邮件变量。
  6. 点击添加保存交互。
  7. 预览你的设计。
Baidu
map