axure实现二级菜单效果

2025-05-25 15:42:11

1、在axure画布中拖入一个tree控件

axure实现二级菜单效果
axure实现二级菜单效果

2、分别对Item1、Item2、Item3、Item4命名为:色彩、红色、蓝色、绿色。

axure实现二级菜单效果

3、为了好看,可以在文字前方添加上梅花桃心图形(利用搜狗输入法 的特殊符号即可实现)

axure实现二级菜单效果

4、在tree控件的右边,拖入一个矩形框,大小为100 x 100,并将矩形框转换为动态面板,记为d001

axure实现二级菜单效果

5、为d001设置三个状态,分别为红色、蓝色、绿色,并且在每个状态中,拖入对应颜色的矩形框

axure实现二级菜单效果

6、为每个小Item设置点击事件,例如:点击红色,d001切换到状态红色

axure实现二级菜单效果

7、为Item 色彩 设置点击事件,点击,展开树节点

axure实现二级菜单效果

8、至此,所有的准备工作均已完成,赶紧点击预览,看一下自己的杰作吧

axure实现二级菜单效果
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢