大家好,又见面了,我是你们的朋友全栈君。
![Axure导航二级菜单[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450.jpg)
效果:当鼠标移入或者单击“权限管理”时,“权限管理”填充色由蓝变为白,字体由白变成黑。同时,弹出两个子选项“账号管理”和“设备管理”,当鼠标移入子选项时,该子选项背景变为灰白色。当鼠标移出母选项和子选项时,弹框隐藏,同时母选项背景和字体颜色恢复原状。
原型设计:
(1)设置元件的选中状态
![Axure导航二级菜单[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450.jpg)
![Axure导航二级菜单[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450.jpg)
(2)设置鼠标移入或移出该组件的事件
为了更好设计逻辑,我们采用触发的方式,新增一个触发元件event_authority
![Axure导航二级菜单[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450.jpg)
(3)添加交互用例
![Axure导航二级菜单[通俗易懂]](https://javaforall.net/wp-content/uploads/2020/11/2020110817443450.jpg)
至此,我们的导航栏就设计完成了。
发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/144961.html原文链接:https://javaforall.net
