手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

人人都是产品经理Axure 7.0二级导航下拉菜单

时间:2024-10-11 22:12:23

1、从部件库中拖入一个矩形部件 将这个矩形部件命名为menu1 文本名称设置为一级菜单 调整好位置和大小 再从部件库中拖入矩形部件 制作成4个相同大小的矩形 将这4个矩形文本名称设置成为二级菜单 调整好位置和大小

人人都是产品经理Axure 7.0二级导航下拉菜单

2、用同样的方法再制作2个一级菜单 分别命名为menu2和menu3 以及制作者两个一级菜单下面的子菜单二级菜单,鼠标点击选择menu1、menu2,menu3后 单击右键 在弹出的下拉列表中 点击selection group 将这三个一级菜单组合成一组 将组的名字命名为A 以同样的方法将menu1下面的4个子菜单组命名为B 将menu2下面的4个子菜单组命名为C 将menu3下面的4个子菜单组命名为D

人人都是产品经理Axure 7.0二级导航下拉菜单

3、接下来我们设置一下菜单的交互样式 鼠标点击鼠标点击选择menu1、menu2,menu3后 单击右键 在弹出的下拉列表中点击交互样式 在弹出的设置交互样式中 分别设置鼠标悬停时和选中时的样式为 字体颜色设置为白色 背景填充颜色设置为黑色 如何点击确定按钮 用同样的方法设置所有二级菜单鼠标悬停时和选中时的交互样式

人人都是产品经理Axure 7.0二级导航下拉菜单

4、设置好交互样式之后 我们再来设置一下动态面板 选择menu1下面的4个二级菜单 鼠标右键单击 在弹出的下拉列表中选择转换为动态面板 转换完成后 鼠标双击这个动态面板 在弹出的动态面板状态管理框中 将这个动态面板的名称修改为1 用同样的方法将menu2下面的4个二级菜单制作成动态面板2 将menu3菜单下面的4个二级菜单制作成动态面板3

人人都是产品经理Axure 7.0二级导航下拉菜单

5、现在 我们需要设置一下一级菜单的交互动作了 当我们点击一级菜单时 选中这个一级菜单 展开这个一级菜单的二级菜单 当我们再次点击这个一级菜单时 收缩隐藏这个一级菜单下面的二级菜单,创畈鹳丨鼠标点击menu1 在右边的交互中双击 鼠标单击时的动作 页面弹出该动作的用例编辑器 点击显示隐藏 设置面板1的状态为切换 面板2和面板3的状态为隐藏 并且设置选择menu1 如何点击确定按钮 以同样的方法设置menu2的动作为(隐藏面板1和面板3 切换面板2 选中menu2)和menu3的动作为(隐藏面板1和面板2 切换面板3 选中menu3)

人人都是产品经理Axure 7.0二级导航下拉菜单

6、一尽谮惋脑级菜单的交互动作已经设置好了 接下来我们需要设置一下二级菜单的交互动作 二级菜单的交互动作是非常简单的 当我们点击二级菜单时 隐藏这个二级菜单 在右下角的部件管理中可以看到你创建的所有动态面板 双击点击面板1的状态1 点击选择二级菜单 在右边的部件交互框中 双击鼠标单击时 在弹出的框中 设置隐藏面板1 点击确定按钮 以同样的方法设置面板2中的状态1中的二级菜单动作为隐藏面板2 设置面板3中的状态1中的二级菜单动作为隐藏面板3

人人都是产品经理Axure 7.0二级导航下拉菜单
© 手抄报圈