axureR9 制作左侧菜单弹出收起效果

最新推荐文章于 2024-08-17 18:05:21 发布
最新推荐文章于 2024-08-17 18:05:21 发布
阅读量605 收藏
点赞数 3
文章标签： axure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/mumuyouxi/article/details/138908510
版权

第一步：打开axure,创建1个页面

第二步：拖拉1个button作一级菜单

第三步：拖拉一个动态面板>动态面板里面拖拉button作二级菜单>动态面板隐藏

第四步：点击一级菜单button，设置交互【单击时>显示/隐藏动态面板>切换>向下滑动>更多选项>推拉原件>下方>效果选择线性>点击完成】

第五步：再拖拉一个button做一级菜单，和原先的一级菜单并排

第六步：预览效果

单击前

单击后

mumuyouxi
关注
Axure 9实现左侧动态导航栏
James199209的专栏
03-26 4576
目前很多B端产品都是基于左侧的导航栏，有研究表明导航栏放在左侧效率更高。那基于Axure怎么能够实现呢，其实只需要动态面板组件就可以搞定。 1.首先，拖入四个矩形组件，如下图所示，第一个矩形取名为一级菜单1。然后将后三个全部选中，右键选择转化为动态面板。取名为二级菜单1。 2.这个动态面板可以预先设置为隐藏。该设置是为了实现在点击一级菜单时才能显示出二级菜单。默认是不展开的效果。 3.接下来设置动画效果，选中一级菜单1组件，右侧选择动作--单击时，显示/隐藏，目标选择二级菜单1，选择切换，同时
AxureR9 页面实现上下滑动效果
weixin_39074485的博客
08-05 8527
研究了一下Axure页面滑动效果，作为笔记记录下来，要学的东西实在太多，只有笔记才不会忘记，O(∩_∩)O~ 前期工作： 1、先画好头部底部 给头部底部样式取个名字，我分别取为“头部”、“底部” 2.中间内容放置动态面板 给它取了个名字叫“内容”，记住它的高，等下用的到。 3、双击“内容”动态面板，再拖一个动态面板覆盖上去 为了实现滚动效果，这个面板要高于“内容”动态面板，...
axure9左侧导航菜单完整示例.rp
08-01
使用动态面板实现左侧菜单完美展示，每个菜单点击后会有对应的页面展示，非常适合各个产品经理当做母版使用。
导航菜单栏的弹出与收起|零基础学Axure|产品经理
最新发布
qq_43777616的博客
08-17 337
导航菜单栏的弹出与收起|零基础学Axure|产品经理
Axure RP9制作三级菜单实现展开收起（保姆级教程）
qq_73566291的博客
08-28 3819
保姆级让你学会三级菜单制作！超详细！不信来看看
Axure RP9——【工具栏展开收起效果】
两条线-twolines
11-25 6563
工具栏展开收起效果 TOOLBAR 目录 工具栏展开收起效果 I.效果演示 II.实现步骤 I.效果演示 当点击按钮的时候，可以显示出工具栏的内容；再次点击可以收缩复原。 如下演示： Axure RP9 ——工具栏展开收起效果 II.实现步骤 （1）工具栏展开效果 ①按钮先向右移动一小段缓冲距离 ②按钮向左移动到达指定位置；工具栏面板从中心向两端展开；工具栏组合移动到（0,0）的位置 ③按钮通过旋转变成关闭样式 （2）工具栏关闭效果 ①按钮先向左移动一段...
Axure制作web后台左侧菜单栏
仅此而已
12-07 2828
1、添加一级菜单、二级菜单 在元件库拖拽一个矩形到‘左侧菜单栏’页面，设置矩形背景颜色。 在元件库拖拽一个文本标签到‘左侧菜单栏’页面当作一级菜单，设置字体大小和颜色。 复制几个文本标签当作二级菜单，设置字体大小和颜色。 2、设置动态面板 选中二级菜单右键点击‘转换为动态面板’。 将动态面板设置为隐藏。 选中动态面板设置一个名称。 参照上述步骤将其他二级菜单也添加一下动态面板。 3、添加切换动作，点击一级菜单时，显示下属二级菜单。 选中一级菜单，在交互里面找到‘鼠标单击时’。 切换可见性——
用Axure实现单选按钮交互效果,点击展开，在点击一次关闭的效果
07-24
用Axure实现单选按钮交互效果,比如我们点击按钮，展开内容，再点击一次则内容影城起来，并且加上动画效果.有详细的图文结合
axurer9组件下载
10-20
Axure RP是一款流行的原型设计工具，它能帮助用户创建交互式原型，并进行界面设计和用户测试。Axure RP的组件库是一种可重复使用的元素集合，它包含了常见的界面元素和功能模块，可以通过拖放的方式进行布局和组装，...
axurer9内敛框架
07-30
- *3* [内敛框架、水平/垂直菜单](https://blog.csdn.net/WW_998/article/details/118446416)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_...
Axure左边菜单，右边显示内容案例
03-29
Axure8.0制作选择左边菜单栏，右边显示相关内容案例，相关详细图文操作，可以参考博客内容：http://blog.csdn.net/ffacffac/article/details/67639914
axure左侧折叠菜单和Tab标签实例
10-15
仅适用新手学习和参考，仅适用新手学习和参考，仅适用新手学习和参考。重要的事情说三遍，请高手飘过。只给新手学习和参考。
Axure 2、3层级菜单展开折叠Demo.rp
02-21
使用Axure做的 2、3层级菜单展开折叠Demo rp 源文件。 点击一级菜单展开二级菜单，点击二级菜单展开三级菜单。 用户可直接下载使用。
Axure实现随意折叠和展开
06-11
Axure实现随意折叠和展开，类似jQuery 效果 - 淡入淡出等等
Axurer安装文件 绿化版
11-27
Axurer是一款广泛应用于UI/UE设计的专业原型设计工具，它为开发者和设计师提供了一套高效的设计解决方案，使得在产品开发初期就能快速构建出交互式的原型。"Axurer安装文件 绿化版"指的是该软件的便携式版本，无需...
axurer9内联框架
07-29
Axure RP是一款原型设计工具，其中的内联框架是用来在页面中嵌入其他页面或内容的组件。通过内联框架，可以实现在一个页面中显示另一个页面的内容。在Axure RP中使用内联框架的步骤如下： 1. 首先，在新建的页面中...
Axure--面板收起/展开
星空
04-16 8961
要想实现上面的步骤： 1、首先绘制一个矩形和收起按钮 2、在绘制一个动态面板，放一个矩形和展开按钮 3、设置点击事件 3.1、先设置收起点击事件 3.2、先设置展开点击事件 4、完成设置，F5看效果 或者借鉴别人的方法，如下： https://blog.csdn.net/happymatilian/article/details/70757804 ...
axure菜单栏实现，附原件
weixin_43601047的博客
08-24 2287
axure实现左侧菜单栏，包含：一级菜单的打开和关闭，鼠标的悬停和选中效果。原型预览地址仅作学习记录…
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值