【基础教程】Axure快速创建动态面板制作左侧下拉菜单导航栏-教程-UICN用户体验设计平台

恭喜你成为UI中国推荐设计师（详情）

查看全部热门榜单

全部

常用搜索：作品集 AE ui设计 aigc icon logo app

您的意见是我们 UI 中国进步的动力！

点击立即反馈按钮，发表您的意见！

立即反馈

QQ群反馈

您也可以加入UI中国官方反馈群进行反馈！

群号：302892100

备注：反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作，请填写需求表单，我们会在第一时间与您联系！

0/20

0/200

设计大赛

设计大赛
发布广告
发布招聘
其它需求

取消发送需求

提交完成
感谢您对UI中国的支持和信赖！

我知道了

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

0.0°

2021-09-02 原创文章 教程举报 855 4 2 0

桔子汁关注

本文主要讲解动态面板的基本用法，以便大家更容易去理解和深入学习，入门教程会分为几个小节，本节主要讲解如何通过动态面板快速制作下拉菜单效果。

一、插入动态面板

首先插入一个动态面板，并命名为【左侧菜单】。如下图

在动态面板【左侧菜单】中继续插入一个动态面板，命名【网格中心】。在【网格中心】动态面板中复制出两个状态，分别命名为「收起」和「展开」，在收起中插入一级菜单名称，展开中插入一级和二级菜单名称。如下图

二、设置交互

接下来，选择交互方式：鼠标或手指单击时—设置面板状态，目标元件选择当前原件，状态选择下一个，勾选从最后一个到第一个自动循环，点开更多选项：勾选展开/收起原件，选择线性50毫秒，点击完成就OK了。如下图

三、调整动态面板属性

最后，也是最重要的一步，选中刚刚创建的一级菜单【网格中心】，点击鼠标右键勾选调整大小以适合内容，这时候菜单的展开和收起的交互已经做好了，想要设置多个菜单的话按照操作步骤以此类推，也可以直接复制。如下图

调整一下位置颜色和文字大小就完成了，最终效果展示如下图

更新：2021-09-02

4人已收藏

桔子汁

2

作品
1

粉丝
36

关注

猜你喜欢

2021-09-02 原创文章 教程举报 855 4 2 0

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

0.0°

添加收藏！

您还可以进行分类收藏

您确认要推荐？

该作品发布时间：2021年09月02日

评分

完整度

启发性

勤奋性

排版布局

提交需求

猜你喜欢

举报理由:

您确认要推荐？

评分

推荐心得