×
关于

核心训练

准备开始页面操作部件库和 Masters建立交互引入动态面板条件、值和变量

从头开始

电子商务网站手机上展示的原型

原型设计基础指南

按钮的交互显示隐藏部件用户自定义 Tooltip导航菜单

Masters 指南

上一页/下一页链接 Master

动态面板指南

图片循环显示制作自定义的下拉菜单折叠控制选项板部件视频与图片的 Lightbox图像的拖拽交互拖拽地图自动旋转标题

高级原型设计指南

账户登录Auto-Tab 字段Terms 和 Conditions下拉列表选择必填字段设置文本下拉列表将文本传递给下一个页面在下一个页面上设置面板

Web 设计指南

嵌入视频和地图

iPhone App 指南

滑动菜单滚动内容屏幕过渡动画Swipping 幻灯片

Repeater 部件指南

Repeater 小部件

自适应视图指南

自适应视图

将文本传递给下一个页面


把从页面输入的值传递到下一个页面

添加 OnClick 用例到提交按钮

image

首先,打开AxurePassTextToNextPage.rp 并打开“文本传递给下一个页面”页面。

在设计区域中选择提交按钮,并添加一个用例到 OnClick 事件。这将打开用例编辑器对话框。

把名称文本存储在一个变量中

image

在用例编辑器中,添加一个行动设置变量值,并选择 OnLoadVariable。

在下拉列表中选择“文本小部件”,选择为名称。这将名称文本字段中输入的值存储在变量 OnLoadVariable 中。

添加动作打开第一张页面

image

继续留在原来的用例编辑器中,在现有的用例下添加一个行动到“开放链接”,并选择第1页。注意哦,这是很重要的,因为此动作需要这里设置的变量值——如果我们打开了第一页,变量值永远不会被设置。

单击 OK,并关闭用例编辑器对话框。

单击提交按钮将该变量设置为用户输入的任何文本字段,并打开第1页。

添加页面加载用例到第1页

image

接下来,从站点地图面板中打开第一个页面。在这里,我们想要插入存储在 OnLoadVariable 的文本值进入欢迎页面上的文本。

在底部的页面交互选项卡窗格中,添加一个用例到 OnPageLoad 事件。

在欢迎文本面板部件中设置文本

image

在用例编辑器中,添加一个“设置文本”的行动,并选择“欢迎文本面板”并单击“fx”按钮。

插入变量值到文本

image

在文本输入对话框中,将光标放到“欢迎”文本后面。点击“插入变量 或函数……”,选择 OnLoadVariable。 这将插入[[ OnLoadVariable ]]到文本中。无论存储在 OnLoadVariable 上的值是什么都将取代这个文本。

单击OK,并关闭打开的对话框。

预览原型

image

预览您的原型和测试它。单击提交按钮设置变量的值,打开下一个页面,并插入值到欢迎文本。

总结

你现在能传递文本到下一个页面了吗?
还需要其他帮助吗?查看论坛或联系我们 support@axure.com


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)