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

实现步骤:

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

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

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

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

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

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

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

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

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

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

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

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

设置好之后如图:

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

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

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

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

相关文章:

  • 2021-07-04
  • 2022-01-12
  • 2021-09-13
  • 2021-04-19
  • 2021-12-10
  • 2022-12-23
  • 2021-10-19
  • 2022-12-23
猜你喜欢
  • 2021-07-27
  • 2021-05-30
  • 2021-08-23
  • 2021-04-06
  • 2021-11-01
  • 2021-11-26
  • 2021-12-08
相关资源
相似解决方案