- 准备开始
- 页面操作
- 部件库和 Masters
- 建立交互
- 引入动态面板
- 条件、值和变量
- 从头开始
- 从头构建一个电子商务网站
- 设计一个可以在 iPhone 或者 Android 上展示的原型
- 原型设计基础指南
- 按钮的交互
- 显示隐藏部件
- 用户自定义 Tooltip
- 导航菜单
- Masters 指南
- 触发事件教程之上一页/下一页链接 master
- 动态面板指南
- 图片循环显示
- 制作用户自定义的下拉菜单
- 折叠控制
- 选项板部件
- 视频与图片的 Lightbox
- 图像的拖拽交互
- 拖拽地图使用嵌套的动态面板和 OnDrag
- 自动旋转标题
- 高级原型设计指南
- 条件逻辑:账户登录教程
- Auto-Tab 字段
- Terms 和 Conditions
- 下拉列表选择
- 必填字段
- 设置文本下拉列表选择教程
- 将文本传递给下一个页面
- 在下一个页面上设置面板教程
- Web 设计指南
- 嵌入视频和地图
- iPhone App 指南
- 滑动菜单
- 滚动内容
- 屏幕过渡动画
- Swipping 幻灯片
- Repeater 部件指南
- Repeater 小部件
- 自适应视图指南
- 自适应视图
在下一个页面上设置面板教程
在链接页面改变动态面板的状态
添加用例到单击提交按钮事件
首先,打开 AxureSetPanelOnNextPage.rp,打开“在下一页设置面板”页面。在设计区域选择打开状态 1 按钮并添加一个用例到 OnClick 事件。这将打开用例编辑器对话框。
存储下拉列表选择到一个变量中
在本例中,我们想存储变量和打开花朵页面。所以,我们选择“设置变量值”动作,并为 OnPageLoad 变量勾选复选框。在下拉列表中选择“选择选项”,“Flower 下拉列表”将被自动选中。
添加动作打开第一页
添加一个动作“开放链接”并指定页面为“花”。注意这里是很重要的,因为此操作需要到这里设置变量值——如果我们先打开页面,变量值永远不会被设置。
单击 OK,并关闭用例编辑器对话框。
添加 OnPageLoad 用例到页面 1
接下来,在站点地图面板打开花页面。在这里,我们要查看什么变量值在前一页被设置,并设置相应的动态面板的状态。在底部的页面交互选项卡窗格中,添加一个用例到 OnPageLoad 事件。
添加条件来检查变量值
添加一个条件在用例编辑器中。这将打开条件生成器对话框。将其设置为检查变量 OnLoadVariable 的值为 Value,然后输入“罂粟”到文本值。变量值是很重要的,所以一定要确保这下拉列表中的匹配项是前面的页面。
单击 OK,并关闭条件生成器对话框。
设置花面板的状态
如果加载的变量值是“罂粟”,我们将在页面上的动态面板展示罂粟的图片。所以,我们添加行动“设置面板状态”,选择花的面板,并从下拉列表中选择“罂粟”状态。
单击 OK,并关闭用例编辑器对话框。
添加 OnPageLoad 到每个选项
在 OnPageLoad 事件,添加超过 3 个的用例。在每种情况下,增加一个条件来检查变量加载的值为数字(1、2 和 3) 并设置花的面板动态面板到适当的状态。最后在页面加载的情况下应该是上面的一个截图。
预览原型
预览您的原型和测试它。选择一个按钮将你带到后面的页面并显示相关状态。
总结
现在你知道如何使用变量连接窗口值从一个页面到另一个页面了吗?
还需要其他帮助吗?查看 论坛 或联系我们 support@axure.com
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论