Axure下拉菜单交互怎么设置

 时间:2024-11-12 17:02:51

新手产品在产品设计上,经常会遇到做各种控件的交互,下面介绍一二级菜单的抽屉性操作方法,有兴趣的学习下:

工具/原料

Axurerp8

电脑一台

方法/步骤

1、先拉几个矩形调整好大小,对应的输入文字“一级菜单”和“二级菜单”,并作树状格式,然后用钢笔绘制个下拉三角,并填充色,这里我填个灰色

Axure下拉菜单交互怎么设置

2、设置二级菜单的交互,选定3个二级菜单框,并右击转化为动态面板,命名为“二级菜单”后,点击state1进行动态面板的设置

Axure下拉菜单交互怎么设置

Axure下拉菜单交互怎么设置

3、设置二级菜单,在鼠标悬停时的筐毙险裆变化状态:字体颜色为白色,矩形颜色为这种蓝色,色号也可以直接输入“199ED8”,同理把下面两个矩形框做相同设置

Axure下拉菜单交互怎么设置

4、现螅岔出礤在设置一级菜单的交互,当点击一级菜单时,二级菜单抽屉式收缩的效果,同时下拉三角倒置处理的设计。先把一级菜单框跟下拉三角组合,再作交互

Axure下拉菜单交互怎么设置

Axure下拉菜单交互怎么设置

5、完成设置,查看效果

Axure下拉菜单交互怎么设置

Axure下拉菜单交互怎么设置

axure怎么制作抽奖动画? axure给元件命名 Axure怎么添加图片 Axure rp 下拉列表框的使用方法 在Axure rp中如何设置元件的启用和禁用
热门搜索
袁家村图片 爆米花电影 吴亦凡图片最帅照片 泰国普吉岛图片 拉布拉多六个品种图片