axure商城

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

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

一、插入动态面板

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

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

二、设置交互

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

三、调整动态面板属性

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

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

给TA买糖
共{{data.count}}人
人已赞赏
基础教程软件资讯

使用Axure设计工具提升效率的8个技巧

2021-7-5 17:07:28

基础教程

Axure RP 8教程 - 中继器功能改进

2015-9-5 19:55:43

axure商城
4 条回复 A文章作者 M管理员
  1. 金蓉🍊

    我的网格中心动态面板上点击鼠标右键咋没有【调整大小以适合内容】这一项呢

  2. 金蓉🍊

    为啥我跟着做出来的效果不一样呢

  3. 於予与

    前面的功能都实现了。最后一步,点击网格中心的时候,下拉菜单出现,客户中心下移怎么实现。我的客户中心不下移动,盖在了上面。

    • 桔子汁

      在网格中心的动态面板上,点击鼠标右键,勾选【调整大小以适合内容】就行了

个人中心
购物车
优惠劵
今日签到
有新私信 私信列表
搜索