青铜修炼手册:Axure唯一选项选中效果

今天想复习一下axure的唯一选项效果,大家可能都会有遇到过这样的事情,就是我们在浏览网页的时候,会根据网页的导航栏进入自己感兴趣的栏目,可是我们会发现,当我们选中导航栏某个菜单的时候,菜单的样式会发生变化,而我们选择另外一个菜单的时候,你前一个选中的菜单就会恢复原状,其实这就是我们Axure里的唯一选项功能,今天就让我们一起学习一下这个功能。

实现步骤:

1.首先我们先在画布上放置四个矩形,并分别填上1,2,3,4,如下图所示:

       2.左手按住“ctrl”键,右手分别单击4个矩形。选中之后就单击检视面板的选中功能,如图:

        3.设置选中效果,把背景颜色选为蓝色,字体颜色为白色

          4.为4个矩形设置选项组名称:选中4个矩形然后在检视面板点击属性后,往下拉,找到设置选项组名称abc:

        5.点击第一个矩形,然后也在属性面板往下拉,将“选中”单选框选上:

         6.也是选中第一个矩形,然后为其增加交互方式:双击“鼠标单击时”,然后点击“选中”,然后勾选“当前元件”,设置选中状态为“true”,如图:

设置好之后如图:

      7.也为其他三个矩形分别实行步骤6的操作,最后点击浏览就可以了。

     原型查看效果地址:https://u4p0g2.axshare.com

     原型RP文件下载地址:https://download.csdn.net/download/qq_27884377/10565916

猜你喜欢

转载自blog.csdn.net/qq_27884377/article/details/81221152
今日推荐