axsure-制作二级菜单

最新推荐文章于 2024-09-03 09:47:06 发布

qq_37586348

最新推荐文章于 2024-09-03 09:47:06 发布

阅读量510

点赞数 7

文章标签：学习

本文链接：https://blog.youkuaiyun.com/qq_37586348/article/details/132686069

版权

目标：

纵向的二级菜单，默认显示一级菜单、点击一级菜单之后展开/收缩该一级菜单下的二级菜单

设计方案：

把二级菜单项都放在一个动态面板中，点击一级菜单时显示这个动态面板，并带有向下推动元件的效果。

推动原件的效果：

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

qq_37586348

关注关注

7
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Axure RP从入门到精通（五十）案例（二级菜单）

人不风流枉少年

06-22

2483

制作一个二级菜单。为用户管理命名为一级菜单。选中所有矩形，统一为矩形设置选中的样式。将二级菜单转为动态面板，并命名为二级菜单。进入动态面板State1，选中所有矩形，设置选项组，设置的目的是二级菜单只能有一个被选中。设置二级菜单动态面板默认为隐藏。为一级菜单(用户管理)添加鼠标单击时事件，单击时设置选中状态并切换二级菜单的可见性。为每个二级菜单添加一个鼠标单击事件，单击时取消一级菜单的选中状态，设置当前二级菜单的状态为选中。这样一级菜单和二级菜单只能有一个可以选中。 ..

Axure9页面二级菜单制作（一）：固定数量二级菜单

DesertOrchid的博客

01-10

1745

1.从基本元件中拖拽出一个“中继器”原件； 2.双击“中继器”进入编辑页面： 1)双击矩形框，输入文字“一级菜单A”，选中该矩形框复制粘贴3次； 2)按照图示进行位置调整和名称修改（为了能够对一级菜单和二级菜单进行更好地区分，此处将一级菜单进行了颜色填充）； 3)将所有二级菜单选中，添加为一个组合，命名为“二级菜单组合”； 4)选中“一级菜单A”对其添加“显示/隐藏”交互操作，具体设置见下图： 3.双击推出“中继器”编辑页面：选中“中继器”，在右侧“样式”——“间距”中对“行”进行设置.

参与评论您还未登录，请先登录后发表或查看评论

Axure教程：二级菜单的制作与使用

最新发布

ofay

09-03

1224

前段时间跟甲方领导一块去开会，当时主要是因为有个项目比较着急，需要现场修改原型，修改过程中需要用到三级折叠菜单，当时怎么也整不出来，最后把二级菜单的样式修改了一下，虽然蒙混过关，但是真的觉得特别尴尬。会议结束后，我就紧急研究了一下怎样用更加简单的方式实现三级折叠菜单的制作与使用，过程中我们先将二级菜单的制作过程展示出来。话不多说，先上效果图（看着有些单调，如果想要其他效果，欢迎催更~）。接下来，我们说一下制作方法。

Axure教程：动态面板怎么做二级菜单

LongJiaoXingXiu的博客

06-11

1694

对于一些使用Axure的新手来说，用中继器制作二级菜单可能有点难度。今天本篇介绍一下：用动态面板做二级菜单的方法。 1

【Axure】顶部二级菜单分别显示（中继器）

ivys52的博客

04-09

748

效果1：一级菜单矩形移入移出时加粗/不加粗-悬停样式效果2：一级菜单矩形移入时显示动态面板（含二级菜单）、且筛选二级菜单中继器、仅显示二级菜单中继器有内容的项效果3：二级菜单矩形移入移出时加粗/不加粗-悬停样式效果4：二级菜单矩形单击时框架中打开对应链接、隐藏动态面板

【Axure】顶部中继器菜单-二级菜单全显示

ivys52的博客

04-07

401

效果元件概况一级菜单元件、中继器、中继器表格设置 二级菜单元件、中继器、中继器表格设置动态面板交互

Axure 制作左侧导航栏实现三级菜单效果

Wzw的博客

01-25

4644

Axure 制作左侧导航栏实现三级菜单效果先放入菜单的相关元件，可以使用矩形，设置相应样式。选中所有三级菜单，点击鼠标右键，选择转换为动态面板和设为隐藏，同时将面板命名为‘’ThreePanel‘’。选中二级菜单和刚才设置的ThreePanel，点击鼠标右键，选择转换为动态面板和设为隐藏，（此时为了方便起见，暂不设为隐藏）；之后，把这个新设置的动态面板命名为“Submenu”。再双击“SubMenu”，选中“二级菜单”，添加交互动作，首先点击右侧交互，再点击右下角按钮。出现

axure rp8 添加动态面板_Axure原型教程：使用动态面板简单实现三级菜单

weixin_30564447的博客

01-14

1562

很多同学都在问如何实现三级菜单，动手能力强的同学可能已经尝试过了，结果非常令人失望，大都失败了。强大的Axure难道搞不定区区一个三级菜单吗？来看看小楼老师的亲身示范吧，文章末尾有源文件。本文转载自小楼老师博客：http://www.iaxure.com/5811.html其实，我挺喜欢三级的。特别是会动的。但是，这个东西我一直没怎么深入研究。不过，今天我又在群里看到有人问这个问题，通过我稍一思索...

Axure实现水平菜单、垂直菜单、抽屉式菜单

聪哥

09-16

8454

通过Axure实现水平菜单、垂直菜单、抽屉式菜单的界面展示。

Axure教程之腾讯TDesign风格二级菜单

gywm15111336483的专栏

03-22

433

1、和制作一级菜单一样的方式，先添加导航元素、设置导航的交互样式，把二级菜单设置选项组，命名为二级菜单。1、选择一级菜单，添加交互>单击时>显示隐藏>切换二级菜单动态面板。腾讯TDesign风格二级菜单，免费下载，下方有制作教程。其他的菜单同步以上设置，到这里我们想要的的效果就实现了。3、选择下方，即可实现展开时不影响下方的菜单的位置。2、把一级菜单设置选项组，例如命名为一级菜单。1、添加导航元素、设置导航的交互样式。2、把二级菜单转化为动态面板。2、更多选项>推动元件。

Axure -下拉菜单制作

06-23

Axure -下拉菜单制作.rp http://blog.youkuaiyun.com/a215318036/article/details/7685729

Axure 2、3层级菜单展开折叠Demo.rp

02-21

使用Axure做的 2、3层级菜单展开折叠Demo rp 源文件。点击一级菜单展开二级菜单，点击二级菜单展开三级菜单。用户可直接下载使用。

axure学习帖-中继器二级菜单

silverwolf82的博客

02-09

2693

之前制作的二级菜单，使用的是动态面板，制作起来比较复杂（可能是因为我方法不得当），最终呈现效果如下所示：虽然实现了菜单的功能，但是非常不利于后期的维护。后来得知二级菜单可以使用中继器来完成，于是在网上找了一些帖子，但最后都没能学会。最近在逛B站时，学到了一个方法，实践下来之后感觉没什么问题，记录防止以后忘记。有兴趣的可以去B站搜索up主：芝士教坊视频链接附上：Axure 9 下拉式菜单的制作2（中继器）_哔哩哔哩_bilibili 接下来记录一下我的制作过程：首先拖入一个中继器，编辑一

Axure9页面二级菜单制作（二）：一级菜单&二级菜单赋值

DesertOrchid的博客

01-12

1838

1.继Axure9页面二级菜单制作（一）：固定数量二级菜单后，进行下述操作： 2.选中“中继器”，对一级菜单&二级菜单进行赋值： 1)操作步骤一，如下图所示： 2)操作步骤二，如下图所示（此处先对“一级菜单A”进行赋值）： 3)操作步骤三：点击“一级菜单A”后方的函数，打开新的窗口；删除“插入变量或函数”文本框已有内容，点击“插入变量或函数”； 3.完成上述操作，即完成了对“一级菜单A”的赋值操作； 4.二级菜单赋值（此处以“二级菜单a”为例）： 1)步骤一，如下图所示.

产品-Axure9（英文版）,原型设计制作下拉二级菜单

Blog belong to 二狗

06-02

867

产品-Axure9（英文版）,原型设计制作下拉二级菜单

【Axure】二级多选下拉列表

ivys52的博客

05-07

1994

重点：根据二级选项的选中情况反向判断一级选项的选中情况。

AXURE8.0制作二级菜单和三级菜单

PM_JING的博客

08-11

5383

Axure 二级菜单 三级菜单

Axure导航二级菜单

格物的专栏

01-14

3779

效果：当鼠标移入或者单击“权限管理”时，“权限管理”填充色由蓝变为白，字体由白变成黑。同时，弹出两个子选项“账号管理”和“设备管理”，当鼠标移入子选项时，该子选项背景变为灰白色。当鼠标移出母选项和子选项时，弹框隐藏，同时母选项背景和字体颜色恢复原状。原型设计：（1）设置元件的选中状态（2）设置鼠标移入或移出该组件的事件为了更好设计逻辑，我们采用触发的方式，新...

Axure制作二级列表

Ask马小向的专栏

04-25

1866

参考链接：http://jingyan.baidu.com/article/6079ad0e8bfa9428ff86dbea.html 注意：先添加动作，再去覆盖，不然会失败。