- 准备开始
- 页面操作
- 部件库和 Masters
- 建立交互
- 引入动态面板
- 条件、值和变量
- 从头开始
- 从头构建一个电子商务网站
- 设计一个可以在 iPhone 或者 Android 上展示的原型
- 原型设计基础指南
- 按钮的交互
- 显示隐藏部件
- 用户自定义 Tooltip
- 导航菜单
- Masters 指南
- 触发事件教程之上一页/下一页链接 master
- 动态面板指南
- 图片循环显示
- 制作用户自定义的下拉菜单
- 折叠控制
- 选项板部件
- 视频与图片的 Lightbox
- 图像的拖拽交互
- 拖拽地图使用嵌套的动态面板和 OnDrag
- 自动旋转标题
- 高级原型设计指南
- 条件逻辑:账户登录教程
- Auto-Tab 字段
- Terms 和 Conditions
- 下拉列表选择
- 必填字段
- 设置文本下拉列表选择教程
- 将文本传递给下一个页面
- 在下一个页面上设置面板教程
- Web 设计指南
- 嵌入视频和地图
- iPhone App 指南
- 滑动菜单
- 滚动内容
- 屏幕过渡动画
- Swipping 幻灯片
- Repeater 部件指南
- Repeater 小部件
- 自适应视图指南
- 自适应视图
Terms 和 Conditions
动态启动和禁用
禁用文本字段和按钮
首先,打开 AxureTermsAndConditions.rp 并打开 Terms 和 Conditions 页面。
让我们通过禁用的签名的文本字段和继续按钮开始吧。选择文本字段和按钮,在 properties 选项卡中勾选复“禁用”。一定要禁用形状和文本字段。
添加 OnClick 交互到复选框
选择复选框并添加一个 Case 到 OnClick 事件。在 Case 编辑器中,单击“更多事件> 中的 OnClick ”来打开 Conditions 构建器。
添加 Conditions
Conditions 生成最好能猜测到你会想要的 Conditions 。在这种情况下,初始化 Conditions “ AgreeCheckbox 是值为真”。
在这里我们不需要再改变任何东西了,单击 OK 并关闭 Conditions 生成器。
启用标志文本
既然我们已经明确的 Conditions 了,我们可以设置动作,当 Conditions 满足时来执行它了。点击“启用”并勾选“标志文本”复选框。
单击 OK,并关闭 Case 编辑器。
添加“其他” Case
当 AgreeCheckbox 被选中时,再次双击 OnClick ,添加第二个 Case 。这是“如果这是真的” Case 。点击“禁用”并勾选 SignatureField 复选框。
单击 OK,并关闭 Case 编辑器。
添加 OnKeyUp Case 到文本字段
接下来,当用户输入文本字段时我们将启动继续按钮,。选择文本字段并添加一个 Case 到 OnKeyUp 事件。在 Case 编辑器中,单击“添加 Conditions ”打开 Conditions 生成器。
构建 Conditions
Conditions 将自动设置为使用文本字段上的文字,但我们想改为中间下拉菜单中的“不平等”。
Conditions 为“文本小部件中的签名文本不能为空”。这意味着,如果有任何文本在文本字段中,这个动作在这个 Case 中会被执行。
单击 OK,并返回 Case 编辑器。
添加动作到启用按钮
现在点击“启用”并勾选“继续按钮”复选框。完成交互翻译为“如果有签名文本,就启用继续按钮”。如果文本为空白您还可以添加第二个 Case 来禁用使用继续按钮。
预览原型和测试它吧!
总结
现在你可以使用限制了,在复选框或类似 onkeyup 的事件中。明白了吧! 还需要其他帮助吗?查看 论坛 或联系我们 support@axure.com
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论