axure 侧滑抽屉式菜单_青铜修炼手册：Axure实现抽屉式菜单

最新推荐文章于 2024-07-04 17:40:38 发布

原创

最新推荐文章于 2024-07-04 17:40:38 发布 · 995 阅读

5 ·

CC 4.0 BY-SA版权

文章标签：

#axure 侧滑抽屉式菜单

实现步骤：

1.先在页面摆放一个灰色矩形，名为“一级菜单”，三个白色矩形，名为“灰色矩形”；

2.选中三个“二级菜单”白色矩形，然后点击右键，选择【转换为动态面板】

3.设置【动态面板】的名字为“二级菜单组合”，并【隐藏】起来

4. 为一级菜单设置选项组名称“menu”；这个设置能够在之后的选中操作时，保证只有一个一级菜单被选中，其它的被取消选中；这是软件的规则，同组名的元件只能有一个为被选中状态；

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

XCYI

关注关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

Axure制作抽屉式菜单栏

Fa_lajun21的博客

03-26

1321

Axure制作抽屉式菜单栏先看效果图首先设置一级菜单，如图分别是桌面、内容、消息、安全（四个矩形来实现即可）；再准备“上箭头”和“下箭头”的两张图片，将箭头图片放到矩形指定位置后设置为动态面板，分别设置“上箭头”和“下箭头”两种状态。设置二级菜单，如图分别是主页信息一、主页信息二、主页信息三（用三个矩形实现即可），将其放到一级菜单“桌面”下面指定位置，将状态设置为隐藏。重点来了，设置交互！！单击一级菜单“桌面”时，将“桌面”的选中状态设置为“toggle”。为一级菜单“桌面”设置交互样式

Axure实现抽屉式菜单

12-26

效果实现教程地址：https://blog.youkuaiyun.com/qq_27884377/article/details/85263038

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

axure 侧滑抽屉式菜单_Axure教程之抽屉菜单

weixin_39918084的博客

12-20

921

作为刚做产品的小白，我网上查过很多有关抽屉菜单的实现方式，但是都没有说到选中效果的实现，然后我通过同学发我的原型模板，知道了他的实现，现在做下总结。1、先将整个的背景颜色调为浅灰色，之后拉入一个动态面板，并调整自己想要的大小尺寸，在属性设置中将动态面板设置为自动调整为内容尺寸，然后双击该动态面板，将该动态面板命名为“菜单1”，再添加一个状态，分别命名为收起和展开。2、点击收起，拉入一个矩形，将尺寸...

axure 侧滑抽屉式菜单_【axure】axure实现web页面抽屉式菜单

weixin_39866646的博客

12-20

939

我们经常在各种Web后台页面中看到抽屉式菜单，本文将介绍如何使用axure实现抽屉式菜单效果~~如果你看完学会了，可以随手点个赞哦，比心心(#^.^#)开发见山，先放效果图：抽屉式菜单效果下面是具体步骤：一、元件准备本案例包括两个一级菜单、两个二级菜单，如下图所示。同时为了更明显的表示菜单展开和收回的效果，增加了“上箭头”与“下箭头”图标。菜单元件元件命名二、摆好元件位置(位置很重要哦~)1. ...

Axure实现菜单抽屉效果

竹毛言己

05-06

1580

实际上就是堆叠了几个动态面板，适当的时候让其显示或者隐藏，用时拉或者推送下方原件上移或者下移，即可实现此效果。

axurerp8实现抽屉式菜单

最新发布

08-09

axurerp8 包含原型制作步骤和原型文件

精选资源

axure_chrome_extension_V0.6.3

01-19

如果你在用谷歌浏览器打开Axure生成的本地HTML文件时，提示安装扩展程序Axure RP Extension for Chrome，但是按照中文网提供的安装方法，在最新版的谷歌浏览器中已经无法安装成功。会提示：程序包无效：“CRX_HEADER...

精选资源

AXURE插件 axure_chrome_extension_V0.6.3.zip

09-21

或者，将您的 RP 文件上传到Axure Share，扩展是 Google Chrome 的可下载插件，可修改浏览器并允许您使用其他功能，安装此扩展程序就可以在谷歌浏览器查看本地文件，此扩展程序需要高访问级别才能查看 file:// 协议...

青铜修炼手册：Axure实现抽屉式菜单

藤原搞事的博客

12-26

4233

实现步骤： 1.先在页面摆放一个灰色矩形，名为“一级菜单”，三个白色矩形，名为“灰色矩形”； 2.选中三个“二级菜单”白色矩形，然后点击右键，选择【转换为动态面板】 3.设置【动态面板】的名字为“二级菜单组合”，并【隐藏】起来 4. 为一级菜单设置选项组名称“menu”；这个设置能够在之后的选中操作时，保证只有一个一级菜单被选中，其它的被取消选中；这是软件的规则，同组名的...

axure 侧滑抽屉式菜单_AxureRP教程

weixin_29149931的博客

12-30

978

前面介绍的《AxureRP教程–自适应菜单效果》里的自适应菜单，其实也可以叫做抽屉式菜单，皆因其可展开可收缩，类似抽屉的开关，不过自适应菜单有空间大小的显示，这里介绍的则没有大小限制，完全取决于菜单项的多少。抽屉式菜单网上也有很多朋友尝试制作过，在这里我自己也尝试了一下，做了一个三级菜单的抽屉式效果。抽屉式菜单应用的比较广，一般常见于左侧的导航式菜单。本例的实现原理是用一个动态面板来控制一级菜单，...

侧边栏抽屉效果

04-03

源码YRSideViewController，把之前自己做的小玩意整理了拿出来共享一下。侧边栏抽屉效果不少，但是我这个还是有一些不同的。目前默认的效果有点类似网易新闻客户端，可以很方便的改为其他效果。默认支持左和右两个控制器支持修改滑动距离、是否开启手势拖拽、是否显示阴影等。动画可以自定义。通过设置rootViewMoveBlock可以重写动画效果，甚至更改显示的位置等等。支持左右两个viewController的appear和disAppear方法触发具体的效果可以看Demo。 BugFixed 1.0.0 修正了iOS7以下版本中，各view的顶部栏多空出20像素的问题另：感谢uxyheaven指出一个Bug，该Bug会导致横屏后滑动手势方向出错，目前已修复。

Axure左边菜单，右边显示内容案例

03-29

Axure8.0制作选择左边菜单栏，右边显示相关内容案例，相关详细图文操作，可以参考博客内容：http://blog.youkuaiyun.com/ffacffac/article/details/67639914

axure左侧折叠菜单和Tab标签实例

10-15

仅适用新手学习和参考，仅适用新手学习和参考，仅适用新手学习和参考。重要的事情说三遍，请高手飘过。只给新手学习和参考。

Axure类似QQ左菜单滑动demo

09-02

利用Axure制作，类似QQ左侧滑动菜单的demo.rp 希望帮助大家，研究一下午的成果，一起尝尝

axure 侧滑抽屉式菜单_Axure教程：原型设计之侧滑菜单

weixin_39605455的博客

12-20

439

由于移动端的屏幕比较小，所以在APP的设计(Design)当中，菜单的设计(Design)尤其关键(解释:比喻事物的重要组成部分)，比如有下方固定菜单，上方吸附菜单，点聚式菜单等等。侧滑式菜单则是APP设计(Design)中最常见的菜单设计(Design)方式之一，它具有不占屏幕，顺手势，可容纳网站内容多等优点。这一章就教大家如何使用(use)axure原型工具制作(Make)侧滑菜单。第一步：拖...

Axure制作app侧面抽屉菜单

weixin_33827590的博客

04-06

740

在之前的文章中以手机淘宝app的筛选菜单为例，给大家介绍过使用axure制作app侧面滑动菜单的方法，本文继续为大家介绍另外一种app的菜单样式——抽屉菜单。手机qq、酷狗音乐等app都采取了这种抽屉菜单的设计。先看效果~（因为51博客的缘故，貌似效果不是很好，但能看出来抽屉的推拉效果）效果描述：点击左上角头像，抽屉菜单拉出，再次点击头像，抽屉菜单关闭；向右拖动页面，抽屉菜单...

AXURE制作APP抽屉式菜单

weixin_30379531的博客

04-02

324

1.拖一个dynamic panel到窗体，将State1改名为State_首页； 2.拖2个dynamic panel到State_首页中，分别命名为侧边菜单及首页内容，首页内容盖住侧边菜单； 3.在首页内容和侧边菜单随便放点东西，比如图片之类的，再在首页内容中放置一个按钮，然后设置按钮的点击事件为Move-首页内容-Move by （280,0）-linear 500ms即可实现点击显...

Axure教程：App侧边抽屉菜单交互制作

07-04

738

调整菜单1的尺寸，并输入文字“菜单1”。2、双击动态面板，设置动态面板名称：“菜单1”，添加2个动态面板状态，分别命名为：收起、展开。选择“切换面板状态”动作，设置“菜单1”切换到“展开”状态，选择“推动/拉动元件”属性。添加“菜单1-收起”的鼠标悬停、选中样式，分别设置字体颜色：蓝色，填充颜色：浅灰色。1、将“菜单1-展开”复制作为子菜单，修改名称部件文字，并命名为：子菜单1。2、设置子菜单1的鼠标单击事件，选择“设置选中”动作，配置选中当前元件。2、“展开”状态页中，将矩形的名称改为“菜单1-展开”。

axure 侧滑抽屉式菜单_Axure教程：动态面板实现侧滑菜单

weixin_39847437的博客

12-20

377

如何利用动态面板来实现侧滑菜单呢，一起来文中看看~利用动态面板实现侧滑菜单效果，实现过程如下：1、准备首页，标题栏添加一个菜单按钮，用于控制抽屉菜单打开。2、添加一个动态面板组件，将动态面板拖放到最终显示的位置，设置动态面板的宽、高，动态面板的宽度比实际屏幕的宽度小，预留右侧的空白；动态面板的高度，根据需要设置是否包含标题栏。如下图所示：3、动态面板位置、大小设置完成，接下来，设置动态面板的2个状...