Axure利用动态面板制作下拉三级标题

最新推荐文章于 2024-09-24 10:09:33 发布

玥儿儿儿儿儿

最新推荐文章于 2024-09-24 10:09:33 发布

阅读量941

点赞数 1

分类专栏：产品经理从入门到放弃文章标签：产品设计产品经理

本文链接：https://blog.csdn.net/hyy13659194845/article/details/108603202

版权

本文介绍如何使用Axure动态面板制作下拉三级菜单。通过新建一级和二级菜单，将二级菜单转为动态面板，接着创建并隐藏三级菜单动态面板，最后设置各级菜单之间的交互，实现下拉效果。教程适合初学者，详细步骤帮助理解操作过程。

摘要由CSDN通过智能技术生成

无意间看到大佬的Axure prd文档，就想学学来着，然后发现身为小白的本白哈哈，连大佬说的中继器制作菜单栏都学不来，于是在网上找啊找，找到了一篇使用动态面板制作三级下拉菜单的方法，原链接先搞一哈：
借鉴到的原作者连接~点点点

下拉三级菜单制做

可以先新建一个一级菜单和二级菜单；
将二级菜单转化为动态面板，记得命名，此处命名为二级动态，并设置一级菜单和为二级菜单的交互；

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

玥儿儿儿儿儿

关注关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

blog20200919：02-Axure使用动态面板实现三级菜单

weixin_42013872的博客

09-19

769

首先，菜单分为三级。在三级菜单展开之前，先把外层动态面板隐藏并拉动元件。这样，所有二级菜单会变成收起状态。然后，让三级菜单展开。这时，外层动态面板自动适应展开后的尺寸（注意外层动态面板要设置自动适应内容尺寸），高度变长。最后，再把外层动态面板显示出来，这样就会按照展开之后的高度推动下方元件。第一步，我们先放入菜单的相关元件，这里我使用了一些占位符，大家也可以使用矩形，设置成其他样式。第二步，我们把三级菜单的三个元件全选，在上面点击鼠标右键，选择【转换为动态面板】的选项；然后，

（原创）下拉列表三级级联--axure（仅使用动态面板）

sinat_20818861的博客

09-21

1882

（原创）下拉列表三级级联–axure（仅使用动态面板）所有原件：1个下拉列表，2个动态面板 1个下拉列表—省 1个下拉列表转化而成的动态面板—市 1个下拉列表转化而成的动态面板—区/县开始操作：步骤1：在设计器中拖拽一个下拉框，一个文本标签，标签内容为省，如下图：步骤2：依次复制2份，标签内容依次命名为市、区，如下图：步骤3：依次选中市、区对应下拉菜单，右键转换为动态面板，且动态面...

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

Axure-----三级下拉菜单的具体实现过程

weixin_34238633的博客

11-14

2363

********三级下拉菜单的动画效果：********** 1、选中三级菜单将其转换为动态面板，命名为treePanel，并隐藏。 2、选中二级菜单添加交互效果：【切换可见性】，勾选treePanel，【推动/拉动元件】向下，由此可完成三级菜单的展开和收起的交互效果。 3、二级菜单和三级菜单全选，同样点击鼠标右键，选择【转换为动态面板】的选项；然后，把这个新出现的动态面板命名为“su...

Axure原型设计：实现菜单下拉效果

最新发布

ofay

09-24

236

尽管Axure的基础元件库里面已经有菜单项了，但是样式和交互我们不一定喜欢，所以这里自己制作菜单项以满足不同的需求。

【Axure】二级多选下拉列表

ivys52的博客

05-07

1524

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

axure8下拉表单_Axure 8.0 实例｜多级联动下拉框

weixin_39861905的博客

12-22

811

最近看到一篇文章，关于下拉框联动的问题，个人觉得使用动态面板状态使用起来不太方便，也不便于扩充，所以就自制了一个多级菜单联动的元件出来，与大家共享一下。如果大家有什么想要做的小功能或元件可以留言告诉我，我们可以一起动手。预览一、元件准备1、文本框一个。用于构建下拉框使用，命名“一级”，设置成只读状态；2、矩形框两个。用于构建下拉框使用，只是为了构建下拉框右侧的下三角使用，这里就不用命名了，一个设置...

【进阶教程】Axure快速创建动态面板制作左侧下拉菜单导航栏

m0_63108918的博客

04-17

5478

一、实现效果展示本节主要介绍在产品高保真原型图制作过程中，如何利用Axure创建左侧下拉菜单导航，以更好的帮助产品经理表达产品形态、领导者明确产品设计理念、开发人员迅速开发产品。先上图，展示最终达到的效果：二、插入动态面板首先插入一个矩形框，调整尺寸及颜色，输入文字【一级菜单1】，右侧面板名称命名为【一级菜单1】，并点击右键转化为【动态面板】，复制一个并重命名为【一级菜单2】。如下图：双击【一级菜单1】，进入动态面板管理，将此刻的状态【state1】重命名为【折叠】，如下图：

Axure学习笔记（十二）-地区三级联动效果的实现（利用动态面板）

weixin_48911487的博客

08-20

632

1.将市、区一级下拉列表转换为动态面板 2.设置根据省改变市最后变成这样： 3.根据市改变区 4.联动省与区直接在用例里面把区也同步设定即可

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

PM_JING的博客

08-11

5261

Axure 二级菜单三级菜单

Axure 9 实战案例，动态面板的应用 4.2，省市区三级联动下拉菜单（进阶版）

默林工作室

01-10

5432

本次课程我们继续来学习一下，动态面板的应用。本篇我们来讲解一下，如何绘制省市区联动下拉菜单。我们先来看看完成效果图，大家可以看到，省市区联动下拉菜单的交互主要包括： ①初始状态时，省份菜单显示，城市菜单和区县菜单不显示； ②选择省份时，城市菜单显示，区县菜单不显示； ③选择城市时，区县菜单显示； ④切换省份时，城市菜单复原，区县菜单不显示； ⑤切换城市时，区县菜单复原。为了节省时间，这里提前把下拉菜单初稿准备好了。下面来给大家讲解...

Android 组件 Axure 状态栏标题栏

03-20

此套Axure组件库适用于Axure6.0、Axure6.5及Axure7.0，一共200个组件，涵盖Axure所有按钮、状态条、提示栏、对话框。

jQuery 浅灰色、绿色相间的三级动态导航条

07-05

jQuery 浅灰色、绿色相间的三级动态导航条 jQuery 浅灰色、绿色相间的三级动态导航条

CSS3动态三级菜单_css_

10-02

用HTML5+CSS3制作的动态三级菜单

layui三级动态菜单（SpringBoot）

04-04

layui三级动态菜单（SpringBoot项目）简单demo仅供参考。

微信小程序三级分类动态加载数据

04-14

使用微信小程序的框架完成的；公司需要，开始没找到，后来放弃了，就自己写了一下，发现虽然不难，但是也听绕的

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

Wzw的博客

01-25

4335

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

Axure 9 实战案例，基本元件的应用 1，用矩形与标题设计视频封面

默林工作室

12-16

2171

Hello，大家好！欢迎来到Axure 9 实战案例教程专栏。点击了解课程简介>>本专栏旨在以实战案例的角度，讲解Axure 9 的基础操作，帮助大家在一个个的案例中，学习产品原型的设计思维，带你快速进入实战阶段。这里专讲有特色、有难点、有实用的Axure实战案例，适合1岁左右的产品经理，或Axure刚入门不久的同学，希望在接下来的教程中，与大家一起学习成长。随着抖音的出现，带火了视频剪辑。一段流量火爆的短视频，离不开一个吸人眼球的视频封面。专栏的第一课时，为大家带来一个有趣的教程，就是用Axure来设计一

使用axure9绘制三级导航

jujuzhu00的博客

04-06

2019

先放一张效果图???? 学习axure肯定会碰到需要做导航栏的时候，并且我觉得导航栏的设计是最基础的，但却不是最简单的交互效果。设计导航栏时，只需要将其想象成多个图层即可。因为axure是原型设计软件，就像一个会动的ps，所有的效果都是通过不同的图片交替展现出来的，每一个鼠标的操作，都对应着改操作下的一个样式，或者说一张图片。所以说交互效果就是不同图层的交换展示，这样可能会好理解一些。下面我们开始进入教程 1.首先需要将你的全部1、2、3级导航的样式做出来 2.设置三级导航不管几级导航，都要从最低一级

管理系统三级菜单动态实现

weixin_34250434的博客

09-26

203

基础的html <li class="sub-menu"> <a href="javascript:;"> <i class="fa fa-comments-o"></i> <span>Chat Room</span> </a&g...

axure 的三级菜单

09-12

在Axure中，可以使用动态面板来创建三级菜单。首先，创建一个主菜单，它是一个按钮或链接，点击或悬停在上面将展开下一级菜单。在主菜单的点击或悬停事件上，设置触发条件为"鼠标点击"或"鼠标悬停"。然后，在主...