×
关于

核心训练

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

从头开始

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

原型设计基础指南

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

Masters 指南

上一页/下一页链接 Master

动态面板指南

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

高级原型设计指南

账户登录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 对其进行一次编辑即可!


分类导航

关注微信下载离线手册

bootwiki移动版 bootwiki
(群号:472910771)