Axure导航二级菜单[通俗易懂]

大家好，又见面了，我是你们的朋友全栈君。

Axure导航二级菜单[通俗易懂]

Axure导航二级菜单[通俗易懂]

效果：当鼠标移入或者单击“权限管理”时，“权限管理”填充色由蓝变为白，字体由白变成黑。同时，弹出两个子选项“账号管理”和“设备管理”，当鼠标移入子选项时，该子选项背景变为灰白色。当鼠标移出母选项和子选项时，弹框隐藏，同时母选项背景和字体颜色恢复原状。

原型设计：

（1）设置元件的选中状态

Axure导航二级菜单[通俗易懂]

Axure导航二级菜单[通俗易懂]

（2）设置鼠标移入或移出该组件的事件

为了更好设计逻辑，我们采用触发的方式，新增一个触发元件event_authority

Axure导航二级菜单[通俗易懂]

（3）添加交互用例

Axure导航二级菜单[通俗易懂]

至此，我们的导航栏就设计完成了。

发布者：全栈程序员栈长，转载请注明出处：https://javaforall.cn/144961.html原文链接：https://javaforall.cn