Axure学习日记之tab菜单(二)——点击tab菜单切换页面
本期实现点击tab菜单切换对应的页面,同时实现鼠标悬停及选中后菜单颜色改变。
(1)设置鼠标悬停及选中颜色
选择一级菜单,设置鼠标悬停、鼠标按下以及选中样式,改变填充颜色。
展示效果如下:
(二)设置点击tab切换对应tab页
第一步,拖入一个动态面板,命名为“页面面板”
第二步,对该面板添加多个状态
第三步,填充每个状态面板的内容
第四步,进入二级菜单,对每一个二级菜单设置单击事件
设置单击事件,切换页面面板状态
对单击事件添加设置选中,选中当前菜单时,设置值为true,同时设置其他菜单的值为false(该设置为切换选中时,切换相应颜色)
展示效果如下:
以上,实现了点击不同菜单切换不同界面,同时改变悬停及选中颜色。