提示:文本含全部内容绘制大致步骤,内容较多,只需关注核心的同学可直接点击和查看下方目录中的“四、分析与解决”
Axure二级菜单显隐异常
提示:以下是本篇文章正文内容,下面案例可供参考
一、绘制母版
1、创建主页面,并在主页面中绘制内容
(1)设计整体布局及基础样式,主菜单及命名,二级菜单进行组合并命名
(2)设置菜单选中样式和主菜单与二级菜单的关联
(3)创建子页面(先只创建,不绘制内容)
(4)将二级菜单绑定页面跳转事件及设置交互样式
(5)将二级菜单隐藏并放在各自的主菜单下
2、将主页面转为母版
(1)右键“转换为母版(M)”(或者直接使用快捷键Ctrl +Shift+Alt +M),对母版进行命名
(2)我们看到母版有了颜色,说明转成功了
(3)在母版菜单中,就可以看到我们创建的母版了
补充:如果不想要母版的颜色,把下图中 母版(T) 前的勾选去掉就行
二、绘制各个子页面
1、在创建的子页面中,先拉取出我们的母版
2、在公共区域内绘制子页面内容,并给页面绑定交互事件
三、效果及问题披露
1、点击“教师信息”下的二级菜单
2、再点击某一菜单,出现以下情况(菜单隐藏与显示问题)
四、分析与解决
1、分析
任何程序的执行,都有一定的顺序,大多遵循 自上而下的执行顺序
如图所示:先显示当前二级菜单,再隐藏其他二级菜单,效果上差了一步,再加上 显隐菜单时,使用了‘移动元件下方’的属性,自然会出现上述问题
2、根据分析,对症下药
先隐藏其他二级菜单,再切换当前二级菜单
3、效果:问题解决
如图:先点击‘教师信息’下的二级菜单‘教师账户信息’,在点击’学生信息’,图中绿色表示正常效果
总结
程序的执行都会遵循一定的顺序,大多都是 自上而下的顺序,所以绘制的时候要考虑执行顺序