Axure9 实现左侧推拉式菜单

已于 2022-02-22 11:21:52 修改
阅读量675 收藏 1
点赞数
文章标签： axure 交互
于 2022-02-22 11:21:09 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/jiandanlong/article/details/123062909
版权
本文详细介绍了如何使用Axure9创建推拉式菜单：首先，通过调整矩形创建一级和二级菜单；然后，将二级菜单转换为动态面板并隐藏；接着，为一级菜单设置交互，实现点击时二级菜单的推拉显示效果；最后，调整元素位置并预览，完成推拉式菜单的制作。
摘要由CSDN通过智能技术生成

步骤1：推拽五个矩形，调整尺寸和颜色，分别为一级菜单和二级菜单

步骤2：选中两个二级标题，右键，转换为动态面板。

 步骤3：选中二级标题的控制面板，右键，设为隐藏。并给此二级菜单控制面板起名为二级菜单。

步骤4： 选中一级标题1，点击新建交互。选择单机时->显示/隐藏

最低0.47元/天 解锁文章
jiandanlong
关注
axure9怎么让页面上下滑动_Axure9教程：如何做推拉菜单效果
weixin_39633171的博客
12-05 1799
突发奇想要做一个推拉菜单效果，但是axure更新后，一直才发现有些功能更新了。研究了一下，网上没找到系统的制作流程。本篇文章在axure9环境里，系统讲解一下。步骤一：拖拽一个矩形至页面，调整好尺寸，填充为黑色，设置名称：一级菜单；可以多复制几个，填写为二级菜单。步骤二：全选三个二级菜单，点击右键，选择转换为动态面板，并设置为隐藏。步骤三：选中一级菜单，为一级菜单设置交互：切换、向下滑动显示(时间...
Axure RP9 PC端左侧折叠菜单栏切换效果实现
qq_29459903的博客
10-20 4929
1.用动态面板制作“一级菜单” 如上图所示，从左侧元件库中拖一个矩形到画布中进行创作一个菜单的按钮。然后根据自己的需求调整按钮的尺寸（如：标示3），再调节按钮的其它颜色、描边等。 根据自己的需要，还可以丰富按钮的样式，我这里为按钮添加了图标和展开的小箭头图标（图标可以到阿里图标库自己去下载），选中按钮的所有元件，Ctrl+G编个组 做好“一级菜单1”后，按住Ctrl键，拖拽向下复制（或者Ctrl+c）一个“子菜单1”（把子菜单提出来，不是组合状态哦）。我们去掉二级菜单的一些图标样式，...
Axure类似QQ左菜单滑动demo
09-02
利用Axure制作，类似QQ左侧滑动菜单的demo.rp 希望帮助大家，研究一下午的成果，一起尝尝
axure 侧滑抽屉式菜单_Axure 31 推拉：制作抽屉菜单
weixin_29022821的博客
12-30 327
案例描述初次单击一级菜单时，打开二级菜单，并将下方菜单向下推动；再次单击一级菜单时，关闭二级菜单，并将下方菜单向上拉动；另外，一级菜单单击时，后方的单角符号会有方向的改变。元件准备 包含命名 矩形(用于账户二级菜单)：Account组合(用于交易二级菜单)：Transaction组合(用于安全二级菜单)：Safety 思路分析①实现鼠标单击按钮时图片的切换，形成单角符号方向改变的效果(见操作步骤0...
Axure9 目录下拉 推拉元件效果实现
morax_的博客
07-22 249
使用工具：Axure rp9。
Axure RP9 - 实现菜单下拉及折叠效果
热门推荐
wjs2580219863的博客
05-09 1万+
话不多说，直接上手： 1，拖入三个动态模板，分别命名1,2,3。 2，双击打开任意一个动态模板，我以1为例，添加一个模板状态，打开这个状态，加入原菜单以及新的二级菜单。 3，对状态2模板中一级菜单添加点击事件，点击设置当前面板状态为state1，并在动作中勾选推动/拉动原件。 4，退出动态模板，对该模板添加点击事件，点击设置动态模板状态为state2，同上，记得勾选推动/拉动原件，这样一个折叠菜单就配置完成了。 5，效果如下，点击弹出二级菜单，再点击收回，另外两个菜单配置同理.
Axure rp9 学习笔记 2.通过动态面板实现左侧菜单栏推拉
aikyj的博客
05-16 1978
1.元件库中拉出一个方框，并设置大小。 2.输入菜单名称，如“一级标题A1”并设置文字大小为16、加粗、左对齐。设置方框背景填充为白色、左边距为15。 3.点击方框，右键设置样式效果。鼠标悬停时，填充灰色。鼠标按键按下时，填充绿色。（颜色可按喜好设置） 4.点击方框，右键菜单中选择转为动态面板，并给动态面板命名为A1。 5.再次拖入一个方框，并设置大小。输入菜单名称，如“二级标题1”并设置文字大小为14、左对齐。设置方框背景填充为白色、左边距为25。 6.与步骤3一样，右键设...
Axure 侧边栏推拉菜单原型.zip
02-05
Axure 侧边栏推拉菜单原型
Axure RP9教程 推拉效果
jun118166的博客
06-07 1万+
Axure 动态面板快速实现菜单导航收缩展开一，说明二，效果显示三、操作步骤 一，说明 在PC端管理后台页面，经常会遇到左侧菜单列表导航，通过左侧的菜单点击打开相应的页面。如果左侧的菜单比较多时，我们就需要对菜单进行分类，实现点击父级菜单，子菜单自动收缩或展开，提升用户体验。 二，效果显示 三、操作步骤 ...
Axure侧滑菜单栏
11-16
效果实现教程地址：https://blog.csdn.net/qq_27884377/article/details/84138648
Axure 基础详解一：下拉菜单的制作
太空背包客的博客
10-17 3784
Axure 基础详解，下拉菜单的制作，对日常组件的用法、原理以及制作方法的详解。
Axure左边菜单，右边显示内容案例
03-29
Axure8.0制作选择左边菜单栏，右边显示相关内容案例，相关详细图文操作，可以参考博客内容：http://blog.csdn.net/ffacffac/article/details/67639914
axure9左侧导航菜单完整示例.rp
08-01
使用动态面板实现左侧菜单完美展示，每个菜单点击后会有对应的页面展示，非常适合各个产品经理当做母版使用。
axurerp8实现抽屉式菜单
最新发布
08-09
axurerp8 包含原型制作步骤和原型文件
Axure实现抽屉式菜单
12-26
效果实现教程地址：https://blog.csdn.net/qq_27884377/article/details/85263038
axureR9 制作左侧菜单弹出收起效果
mumuyouxi的博客
05-15 539
单击时>显示/隐藏动态面板>切换>向下滑动>更多选项>推拉原件>下方>效果选择线性>点击完成。第三步：拖拉一个动态面板>动态面板里面拖拉button作二级菜单>动态面板隐藏。第五步：再拖拉一个button做一级菜单，和原先的一级菜单并排。第四步：点击一级菜单button，设置交互【第二步：拖拉1个button作一级菜单。第一步：打开axure,创建1个页面。
产品原型设计：使用axure实现菜单下拉效果
data2tech的博客
09-22 1708
在我们使用的网页菜单上，经常遇到以下这种下拉菜单，其特点是把同一类型的功能子项，下设在一个统一的功能父项下面。通过鼠标点击父项，会折叠或显示子项。对于产品经理或者交互设计师而言，往往需要在产品原型设计中体现这种效果，下面通过axure来实现。
青铜修炼手册：Axure侧滑菜单栏
藤原搞事的博客
11-16 1182
实现步骤： 1.拖放两个元件进画布，一个图片元件，里面放置一张手机外形壳图片，并将其命名为【手机壳】，一个是动态面板，放在【手机壳上】，并将其命名为【屏幕】 2.拖放摆放好屏幕State1状态的内容：屏幕主要由三部分构成 （1）一个动态面板，命名为【主页】，置于顶层。（大小等于【屏幕】大小，放在【屏幕】正中间）  （2）一个元件组合，命名为【菜单】，置于中层；（这个组合主要由一些水平线...
axurerp9 左侧菜单
01-06
axurerp9 左侧菜单可以通过使用动态面板来实现完美展示。每个菜单点击后会有对应的页面展示，非常适合各个产品经理当做母版使用。 以下是一个示例代码，展示如何在 Axure RP 9 中创建左侧菜单： ```shell 1. 创建一个动态面板，作为侧菜单的容器。 2. 在态面板中添加多个按钮，每个按钮代表一个菜单项。 3. 为每个按钮添加交互，当按钮被点击时，显示应的页面。 4. 在右侧的页面区域设计每个菜单项对应的页面内容。 5. 可以使用条件判断来控制页面的显示与隐藏，实现菜单的切换功能。 ``` 通过以上步骤，你可以在 Axure RP 9 中创建一个左侧菜单，并实现菜单项的点击切换页面的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值