使用Axure制作出一个左侧二级切换效果的具体操作流程
相信使用Axure的用户还是蛮多的,不过你们晓得Axure如何制作出一个左侧二级切换效果呢?下文就为你们带来了使用Axure制作出一个左侧二级切换效果的具体操作流程。

一、基础准备工作
【使用Axure制作出一个左侧二级切换效果的具体操作流程】 1、首先大家通过Axure的部件--矩形,建立如图所示的图样。(基础的我就不太细说了),底色图:灰色,w350/h500;三个彩色的矩形:w300/h40;分别命名为1,2,3,无色的三个矩形:w300/h100;分别对应彩色的命名11,22,33,调整一个彩色的矩形对应一个白色的矩形,排版如图所示;
2、将11,22,33设置为隐藏状态,设置方法:选择图形,在右侧的“部件属性和样式”,选择hidden(隐藏)。
3、调整位置,选择2和22两个矩形,向上移动,至1的下边缘和2的上边缘对齐。同样移动3和33,与2的最下边缘对齐,如图所示
二、用例的设置方法
1、选择蓝色的矩形(也就是1);在“部件交互和注释”-“鼠标单击时”,右键“新增用例”;弹出用例编辑器
2、在用例编辑器,选择"部件“-切换;在最右侧“第四步 配置动作”,选中"11",可见性选择“切换”,并在”更多选项“中选择”展开部件“;选择“22”,可见性选择“隐藏”,选中“收起部件”,其他默认;
选择“33”,可见性选择“隐藏”,选中“收起部件”,其他默认;点击确认;设置完成后,如图所示
3、选择黄色矩形2,在“部件交互和注释”-“鼠标单击时”,右键“新增用例”;弹出用例编辑器;在用例编辑器,选择"部件“-切换;在最右侧“第四步 配置动作”,选中"22",可见性选择“切换”,并在”更多选项“中选择”展开部件“;选择“11”,可见性选择“隐藏”,选中“收起部件”,其他默认;选择“33”,可见性选择“隐藏”,选中“收起部件”,其他默认;点击确认,设置完成后,如图所示
4、选择红色矩形3,在“部件交互和注释”-“鼠标单击时”,右键“新增用例”;弹出用例编辑器;在用例编辑器,选择"部件“-切换;在最右侧“第四步 配置动作”,选中"33",可见性选择“切换”,并在”更多选项“中选择”展开部件“;选择“11”,可见性选择“隐藏”,选中“收起部件”,其他默认;选择“22”,可见性选择“隐藏”,选中“收起部件”,其他默认;点击确认,设置完成后,如图所示
5、点击F5预览或者生产原型文件。建议用IE查阅。完成后如图,大家点击试试吧。
按照上文为你们分享的使用Axure制作出一个左侧二级切换效果的具体操作流程,你们是不是都学会操作的方法啦!
- 东安市场变身买手制百货 老百货能否新生
- 阴阳师百闻牌化身有什么用(阴阳师百闻牌化身机制分析)
- 潍坊出台氢能产业发展若干政策,制氢、运氢、多类燃料电池产品等最高补贴1000万元
- 支付宝小程序收藏动态在哪看:具体的使用方法查看
- 复苏的魔女boss狂暴状态怎么克制(复苏的魔女boss狂暴状态打断方法一览)
- 永劫无间长枪怎么用(永劫无间长枪使用心得一览)
- 幻塔|幻塔喷气滑板怎么用(幻塔喷气滑板获取/使用技巧)
- 江湖悠悠九丹金液配方是什么(江湖悠悠九丹金液制作流程详解)
- 摩尔庄园手游果汁摇摇吧果汁如何获取(摩尔庄园果汁摇摇吧果汁制作方法说明)
- 为啥不能快点拿到执行款?你可能犯了申请强制执行的这些错误!
