Axure9 页面导航跳转

在很多官网中，有顶部导航栏，点击不同的选项按钮，就会跳转到其他页面。我们来看看在Axure 中要怎么做。

这里需要的工具有：母版，载入时的动作。

第一步，先创建4个页面，并给这4个页面命名为Home,About,Contact,Help 。 另外在这4个页面添加文本，标注页面名称，如下：

第二步，为了方便快速操作。我们可以创建一个母版，也叫页面导航吧，设置好4个按钮，分别是Home,About,Contact,Help 。

第三步，将模板的按钮 添加到4个页面中。如图操作：

将母版中导航按钮添加到4个页面(1) 将母版中导航按钮添加到4个页面(2)

第四步，【打开链接】操作：每个按钮点击，就会打开相应的页面。点击Home 按钮就打开Home 页面。现在4个页面，每个页面上都有4个按钮。如果没有母版，我们将会操作16次【打开链接】。有母版，咱门就直接在母版上操作。点击Home 按钮，添加交互，鼠标单击时，打开链接。依次将剩下3个页面也添加交互。操作完成后，点击发布，在浏览器查看一下，是否每个按钮都能打开相应的页面。

【打开链接】操作

第五步，【选中样式】：同样，我们还是在母版上操作，点击Home 按钮，点击鼠标样式，【选中】，按钮颜色为 橙色。依次操作剩下的3个按钮。

这个时候，你发布到浏览器上，点击按钮，只是闪了一下橙色，并没有选中。当前选中的条件没有成立，所以无法展示选中的按钮颜色。下一步，我们就来解决这个问题。

设置按钮选中样式

第六步，【添加新交互：载入】，给按钮创建一个选中的条件，同样，我们在母版上操作，点击Home 按钮，添加交互，选择【载入 loaded】看下图一。然后【设置选中】，看下图二。重头戏来了，现在给选中 【添加事件】，给事件先来个事件描述，点击【添加】，现在选择【值】，值是页面[[PageName]] 等于Home 页面，就显示按钮选中。看下图三。

添加载入loaded 【设置选中】 添加条件语句

完成，试试看。有不同请留言。