- 准备开始
- 页面操作
- 部件库和 Masters
- 建立交互
- 引入动态面板
- 条件、值和变量
- 从头开始
- 从头构建一个电子商务网站
- 设计一个可以在 iPhone 或者 Android 上展示的原型
- 原型设计基础指南
- 按钮的交互
- 显示隐藏部件
- 用户自定义 Tooltip
- 导航菜单
- Masters 指南
- 触发事件教程之上一页/下一页链接 master
- 动态面板指南
- 图片循环显示
- 制作用户自定义的下拉菜单
- 折叠控制
- 选项板部件
- 视频与图片的 Lightbox
- 图像的拖拽交互
- 拖拽地图使用嵌套的动态面板和 OnDrag
- 自动旋转标题
- 高级原型设计指南
- 条件逻辑:账户登录教程
- Auto-Tab 字段
- Terms 和 Conditions
- 下拉列表选择
- 必填字段
- 设置文本下拉列表选择教程
- 将文本传递给下一个页面
- 在下一个页面上设置面板教程
- Web 设计指南
- 嵌入视频和地图
- iPhone App 指南
- 滑动菜单
- 滚动内容
- 屏幕过渡动画
- Swipping 幻灯片
- Repeater 部件指南
- Repeater 小部件
- 自适应视图指南
- 自适应视图
触发事件教程之上一页/下一页链接 master
在同一 master 上的不同交互
打开上一页/下一页链接 master
首先,打开 AxurePreviousNextButtons.rp,然后在 Masters 面板内打开 Previous/Next Link(上一页/下一页链接)master。
此操作会在设计器区域打开该 master 以供编辑。
为上一页链接添加 OnClick case
在设计区域中选择 “<< PREVIOUS” 小部件,然后为其 OnClick event 添加一个 case。此操作会打开 Case Editor 对话框。
为 Raise Event 添加 action
在 Case Editor 中,为 Raise Event(触发事件)添加 action,Raise Event 选项在 actions 列表底部。
选择在 OnPreviousClick 上的触发事件
在最右边的面板中,把 OnPreviousClick 事件旁边的盒子打上勾。
打开 Page 2,为 OnPreviousClick 添加一个 case
从 Sitemap 面板中打开 Page 2。我们已经为页面添加好上一页/下一页链接 master 了,所以你只要在设计区域中选择该 master。此时你会注意到 OnPreviousClick 会在 Interactions 标签页中出现,和所有别的互动事件一样。
为 OnPreviousClick 事件添加一个 case,让其 Open Link(打开链接)并将目标设为 Page 1.
为下一页链接添加 OnClick case
回到 master,对下一页链接做和我们对上一页链接一样的事情。添加一个 OnClick case,添加触发事件 action 并且选择名为 OnNextClick 的事件。
打开 Page 2,为 OnNextClick 添加 case
回到 Page 2,选择在设计区域内的 master,然后为 OnNextClick 添加一个 case,让其 Open Page 3 in Current Window(在当前窗口打开 Page 3)。
如果把这个 master 添加到别的页面,你就会发现可以为 OnPreviousClick 和 OnNextClick 事件添加不同的 case。如果你想为链接的外观进行变更,或者重命名 Previous 为 Back ,只需要在 master 对其进行一次编辑即可!
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论