Axure复制推广交互姿势

无需加好友免费技术支持

导航条的一个特征是，每一个页面导航全是相互对立的，一次只有选择一个。当选择另一个菜单栏时，前一个被挑中菜单栏将被撤销。因而，这儿涉及到的一个重要知识要点是选项组

知识要点

l选项组

l交互式：鼠标悬停，选择

l点击电脑鼠标时事情

操作流程

1.将方形拖进控制面板，修改尺寸和总宽，拷贝好多个，制成下面的图款式

2.设置选项组，选择全部菜单栏，鼠标点击，选择选项组

3.键入选项组名字，可任意选择。留意:假如原形中有好几个这种选项组，必须取不同类型的名字，不然也会导致交互效果无效

表明:这一步设置后，菜单项成为一个总体，是相互对立的效果，可以看作有单选框的效果

4.下面，我们将要逐渐设置交互效果。选择菜单项，鼠标右键电脑鼠标，点一下交互设计风格

5.设置电脑鼠标悬架效果，查验填充色，设置填充色为#F2F2F2”

表明:设置此过程后，每一个菜单项都是有电脑鼠标悬架矩形背景颜色变动的效果；

鼠标悬停效果可以根据实际必须设置背景颜色、文本色、外框色、边框等效果，这儿只是一个典型的例子

6.设置选择效果，转换到选择页签，设置填充色，再将字体样式设置为#EC808D设置后点一下保存按钮

表明:设置此过程后，每一个菜单项都是有选择矩形背景颜色和文字颜色变动的效果；

可以根据实际必须设置背景颜色、文本色、外框色、边框等效果。这儿只是一个典型的例子

7.设置触发事件，选择首页项，点一下右边的新交互

表明以上设置使菜单项具备相互对立效果和鼠标悬停和选中后交互效果。这时，必须姿势来开启这种效果

8.选择点击时-设置选择-现阶段元器件

9.点一下首页点击事情，拷贝事情效果，黏贴到另一个菜单项

表明：Axure单独元器件只有设置交互姿势，不可以大批量设置，但庆幸的是，Axure复制推广交互姿势，仅需拷贝数次就可以

到现在为止，全部导航条的效果已完成。以下属于演试效果

这是最重要的导航条，并没有视觉效果提升，但最基本作用已完成，能够提升设计风格，更改更好看的导航条。