Axure rp9 学习笔记 2.通过动态面板实现左侧菜单栏推拉

已于 2022-05-17 10:21:45 修改
阅读量1.8k 收藏 10
点赞数 1
文章标签： axure 学习
于 2022-05-16 15:56:49 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/aikyj/article/details/124800437
版权

预计效果

1.元件库中拉出一个方框，并设置大小。

2.输入菜单名称，如“一级标题A1” 并设置文字大小为16、加粗、左对齐。设置方框背景填充为白色、左边距为15。

3.点击方框，右键设置样式效果。鼠标悬停时，填充灰色。鼠标按键按下时，填充绿色。（颜色可按喜好设置）

4.点击方框，右键菜单中选择转为动态面板，并给动态面板命名为A1。

5.

最低0.47元/天 解锁文章
Ynnnnnn.
关注
  • 1
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
Axure 侧边栏推拉菜单原型.zip
02-05
Axure 侧边栏推拉菜单原型
Axure9 实现左侧推拉式菜单
jiandanlong的博客
02-22 633
步骤1：推拽五个矩形，调整尺寸和颜色，分别为一级菜单和二级菜单 步骤2：选中两个二级标题，右键，转换为动态面板。 步骤3：选中二级标题的控制面板，右键，设为隐藏。并给此二级菜单控制面板起名为二级菜单。 步骤4： 选中一级标题1，点击新建交互。选择单机时->显示/隐藏 步骤5：设置交互效果时，选择二级菜单控制面板，选择切换，显示选项选择向下滑动，隐藏选项选择向上滑动。点击更多选项，选择 推动和拉动元件。推动和拉动元件作用：二级菜单展开/收缩时，下面的原件会跟着滑动。.
axureR9 制作左侧菜单弹出收起效果
最新发布
mumuyouxi的博客
05-15 239
单击时>显示/隐藏动态面板>切换>向下滑动>更多选项>推拉原件>下方>效果选择线性>点击完成。第三步：拖拉一个动态面板>动态面板里面拖拉button作二级菜单>动态面板隐藏。第五步：再拖拉一个button做一级菜单，和原先的一级菜单并排。第四步：点击一级菜单button，设置交互【第二步：拖拉1个button作一级菜单。第一步：打开axure,创建1个页面。
【进阶教程】Axure快速创建动态面板制作左侧下拉菜单导航栏
m0_63108918的博客
04-17 5235
一、实现效果展示 本节主要介绍在产品高保真原型图制作过程中，如何利用Axure创建左侧下拉菜单导航，以更好的帮助产品经理表达产品形态、领导者明确产品设计理念、开发人员迅速开发产品。先上图，展示最终达到的效果： 二、插入动态面板 首先插入一个矩形框，调整尺寸及颜色，输入文字【一级菜单1】，右侧面板名称命名为【一级菜单1】，并点击右键转化为【动态面板】，复制一个并重命名为【一级菜单2】。如下图： 双击【一级菜单1】，进入动态面板管理，将此刻的状态【state1】重命名为【折叠】，如下图：
MAC Axure RP 9 如何隐藏功能栏左右侧栏
weixin_43155628的博客
06-23 3418
这里介绍的是MAC上的axure rp 9的隐藏功能左右侧栏的方法 方法一：使用快捷键 隐藏左侧栏：option+command+【 隐藏右侧栏：option+command+】 方法二：使用菜单栏 隐藏左侧栏：视图->功能区->开关左侧功能栏 隐藏右侧栏：视图->功能区->开关右侧功能栏 ...
Axure 9实现左侧动态导航栏
James199209的专栏
03-26 4316
目前很多B端产品都是基于左侧的导航栏，有研究表明导航栏放在左侧效率更高。那基于Axure怎么能够实现呢，其实只需要动态面板组件就可以搞定。 1.首先，拖入四个矩形组件，如下图所示，第一个矩形取名为一级菜单1。然后将后三个全部选中，右键选择转化为动态面板。取名为二级菜单1。 2.这个动态面板可以预先设置为隐藏。该设置是为了实现在点击一级菜单时才能显示出二级菜单。默认是不展开的效果。 3.接下来设置动画效果，选中一级菜单1组件，右侧选择动作--单击时，显示/隐藏，目标选择二级菜单1，选择切换，同时
Axure 基础详解一：下拉菜单的制作
太空背包客的博客
10-17 2414
Axure 基础详解，下拉菜单的制作，对日常组件的用法、原理以及制作方法的详解。
Axure RP_9.0.0.3723.zip
08-29
Mac版本Axure RP_9，一款功能强劲、操作轻松、专业可靠的快速原型设计工具。 如果提示资源不可用，使用以下命令： sudo xattr -r -d com.apple.quarantine /Applications/Axure\ RP\ 9.app
axure9左侧导航菜单完整示例.rp
08-01
使用动态面板实现左侧菜单完美展示，每个菜单点击后会有对应的页面展示，非常适合各个产品经理当做母版使用。
AxureRP9萌新修炼手册(1.6版)+Axure RP 9 快捷键.zip
10-26
AxureRP9萌新修炼手册是小楼老师开源的资料，找了好久，很疑惑原本开源的，怎么现在很多地方要花钱才能下载。
Axure制作web左侧菜单栏.rp
07-01
Axure制作web左侧菜单栏
Axure左边菜单，右边显示内容案例
03-29
Axure8.0制作选择左边菜单栏，右边显示相关内容案例，相关详细图文操作，可以参考博客内容：http://blog.csdn.net/ffacffac/article/details/67639914
Axure RP9实现时间自定义选择框.rp
03-08
使用Axure RP9实现时间自定义选择框，设置文本框的类型，实现日期自定义选择，下拉选择框实现默认和自定义时间的切换选择
Axure教程：如何快速创建动态面板制作左侧下拉菜单导航栏？
m0_51932933的博客
09-13 2547
Axure RP 9 for Mac是一款交互式原型设计神器，使用axure rp9以最佳的方式展示您的作品，优化现代浏览器并为现代工作流程设计。如何利用Axure快速创建动态面板制作左侧下拉菜单导航栏？ 一、插入动态面板 首先插入一个动态面板，并命名为【左侧菜单】。如下图 在动态面板【左侧菜单】中继续插入一个动态面板，命名【网格中心】。在【网格中心】动态面板中复制出两个状态，分别命名为「收起」和「展开」，在收起中插入一级菜单名称，展开中插入一级和二级菜单名称。如下图 二、设置交互 接下来，选择交互方式
Axure RP 9 用动态面板实现循环/自动滚动列表
08-17 1万+
实现目标 要实现一个自动滚动的列表，如下图所示： 怎么做呢？ 制作好列表，通过以下两种方法来实现滚动。 两种实现方式： 方式一，一个动态面板+Loaded事件： 直接上代码： 说明： 1、动态面板只有一个状态，数据表放在动态面板中，核心的方法是界面加载的时候，就执行move事件，move事件里面自动滚动列表； 2、务必注意wait方法，因为axure时间中部分时间的执行顺序是并行的，如上图中的Fire Event事件，如果不加wait事件，那么loaded方法一开始就会执..
Axure RP9 - 实现菜单下拉及折叠效果
热门推荐
wjs2580219863的博客
05-09 1万+
话不多说，直接上手： 1，拖入三个动态模板，分别命名1,2,3。 2，双击打开任意一个动态模板，我以1为例，添加一个模板状态，打开这个状态，加入原菜单以及新的二级菜单。 3，对状态2模板中一级菜单添加点击事件，点击设置当前面板状态为state1，并在动作中勾选推动/拉动原件。 4，退出动态模板，对该模板添加点击事件，点击设置动态模板状态为state2，同上，记得勾选推动/拉动原件，这样一个折叠菜单就配置完成了。 5，效果如下，点击弹出二级菜单，再点击收回，另外两个菜单配置同理.
Axure RP9 PC端左侧折叠菜单栏切换效果实现
qq_29459903的博客
10-20 4761
1.用动态面板制作“一级菜单” 如上图所示，从左侧元件库中拖一个矩形到画布中进行创作一个菜单的按钮。然后根据自己的需求调整按钮的尺寸（如：标示3），再调节按钮的其它颜色、描边等。 根据自己的需要，还可以丰富按钮的样式，我这里为按钮添加了图标和展开的小箭头图标（图标可以到阿里图标库自己去下载），选中按钮的所有元件，Ctrl+G编个组 做好“一级菜单1”后，按住Ctrl键，拖拽向下复制（或者Ctrl+c）一个“子菜单1”（把子菜单提出来，不是组合状态哦）。我们去掉二级菜单的一些图标样式，...
【Axure RP9】实现登入效验及实现左侧菜单栏跳转各页面
m0_73192864的博客
12-18 1695
【Axure RP9】实现登入效验&实现左侧菜单栏跳转各页面
Axure9 |菜单的弹出与收起
Binnadadada的博客
05-27 3530
实现效果： 首先，布置页面，将菜单所有的元件组合，组合的名称为"菜单"；同时将“菜单”设置为隐藏； 我们要实现的效果很简单，就是单击“+”时，菜单展开，再次点击菜单收起。也就是说，如果菜单不可见，那么单击“+”时，应该展开菜单；如果菜单已经可见，单击“+”时，收起菜单； 所以，按照这个思路，开始设置“+”的交互。 如图，事件为单击时， 1.添加情形一，在情形一这个条件下，插入动作--显示菜单； 2.添加情形二，在情形二这个条件下，插入动作--隐藏菜单； ...
axurerp9 左侧菜单
01-06
axurerp9 左侧菜单可以通过使用动态面板来实现完美展示。每个菜单点击后会有对应的页面展示，非常适合各个产品经理当做母版使用。 以下是一个示例代码，展示如何在 Axure RP 9 中创建左侧菜单： ```shell 1. 创建一...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值