您现在的位置是:首页 > 设计知识设计知识
axure 左侧导航菜单,axure三个页面怎么切换
网一2022-11-23 10:35:43设计知识45人已围观
简介axure左侧导航菜单,axure三个页面怎么切换PythonAxure是一个常用的产品帖子工具。下面给大家一个二次导航的例子。单击主导航展开其次导航,单击第二个主导航展开其次导航,并隐藏已打开的其他次导航。详情请参考以下文字。如果你是第一次学习“AxureRP”,可以点击这里免费试用AxureRP的最新课程。工具/软件硬件型号:华为MateBookD14版本:Window
PythonAxure是一个常用的产品帖子工具。下面给大家一个二次导航的例子。单击主导航展开其次导航,单击第二个主导航展开其次导航,并隐藏已打开的其他次导航。详情请参考以下文字。
如果你是第一次学习“Axure RP”,可以点击这里免费试用Axure RP的最新课程。
工具/软件
硬件型号:华为MateBook D 14
版本:Windows7
所需软件:Axure RP
基础准备工作
第1步
首先,让我们使用Axure的组件-rectangle来创建如图所示的图案。(基本的我就不细说了)
底色图:灰色,w350/h500;
三种颜色的长方形:w300/h40;分别命名为1,2,3。
三个无色矩形:w300/h100;名称11、22、33分别对应颜色
调整一个彩色矩形对应一个白色矩形,布局如图;
第2步
将11,22,33设置为隐藏状态。设置方法:
选择图形,并在右侧的“零件特性和样式”中,选择“隐藏”。
第3步
调整位置,选择两个矩形2和22,向上移动,直到1的下边缘与2的上边缘对齐。同样移动3和33,使其与2的底边对齐,如图所示。
用例的设置方法
第1步
选择蓝色矩形(即1);在“零件交互与标注”——“鼠标点击时”,右键“添加用例”;弹出用例编辑器。
第2步
在用例编辑器中,选择“part”-switch;在最右边的“步骤4配置动作”,勾选‘11’,选择“开关”可见性,在“更多选项”中选择“扩展部件”;
可见性选择“22”,“隐藏”,其他默认选择“收起零件”;
可见性选择“33”,“隐藏”,其他默认选择“收起零件”;
点击确认;设置后,如图所示。
第3步
选择黄色矩形2,在组件交互和注释中右键添加用例——鼠标点击时;弹出用例编辑器;
在用例编辑器中,选择‘part’——switch;在最右边的“步骤4配置动作”,勾选‘22’,选择“开关”可见性,在“更多选项”中选择“扩展部件”;
可见性选择“11”,“隐藏”,其他默认选择“收起零件”;
可见性选择“33”,“隐藏”,其他默认选择“收起零件”;
点击确定,设置完成后,如图。
第4步
选择红色矩形3,在组件交互和注释中右键添加用例——鼠标点击时;弹出用例编辑器;
在用例编辑器中,选择‘part’——switch;在最右边的“步骤4配置动作”,勾选‘33’,选择“开关”可见性,在“更多选项”中选择“扩展部件”;
可见性选择“11”,“隐藏”,其他默认选择“收起零件”;
可见性选择“22”,“隐藏”,其他默认选择“收起零件”;
点击确定,设置完成后,如图。
第5步
单击F5预览或生成原型文件。建议咨询IE。完成后,请点击并尝试。
注意/提示
我相信“Axure是如何做到左副导航切换效果的?”这篇文章大家都学过。如果还有其他问题,可以继续关注。我们将每天为您带来最新、最实用的软件提示。
Tags:
很赞哦! ()