您现在的位置是:首页 > 设计知识设计知识

axure 左侧导航菜单,axure三个页面怎么切换

网一2022-11-23 10:35:43设计知识45人已围观

简介axure左侧导航菜单,axure三个页面怎么切换PythonAxure是一个常用的产品帖子工具。下面给大家一个二次导航的例子。单击主导航展开其次导航,单击第二个主导航展开其次导航,并隐藏已打开的其他次导航。详情请参考以下文字。如果你是第一次学习“AxureRP”,可以点击这里免费试用AxureRP的最新课程。工具/软件硬件型号:华为MateBookD14版本:Window

axure 左侧导航菜单,axure三个页面怎么切换

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:

很赞哦! ()

随机图文

留言与评论(共有 条评论)
   
验证码:

本栏推荐