Axure9画一个浮动弹出菜单栏（超级简单）

最新推荐文章于 2023-08-24 14:48:33 发布
最新推荐文章于 2023-08-24 14:48:33 发布
阅读量3.3k 收藏 4
点赞数 4
分类专栏： Axure9学习笔记 文章标签： 可视化 java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44917577/article/details/106697922
版权

效果展示
在这里插入图片描述

  1. 画四个大小一致的矩形框
    在这里插入图片描述
    2.将下面四个矩形框组合，并更改组合名
    在这里插入图片描述
  2. 第一个矩形框打上“菜单”，然后选中，按照下图依次设置交互。
    在这里插入图片描述
    选“鼠标移入时”
    在这里插入图片描述
    选“显示、隐藏”
    在这里插入图片描述
    选“菜单栏”
    在这里插入图片描述
    选“显示”—“向下滑动”
    在这里插入图片描述
    点击“更多选项”–“弹出效果”
    在这里插入图片描述
    选中下方组合，在样式中，选择隐藏
    在这里插入图片描述
    结束
一只菜鸟的学习日常博
关注
  • 4
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
Axure左侧点击按钮，右边显示相关内容
07-25
嗨 大家好。今天我在画原型的时候遇到了题目说的那个问题，然后在查了相关的资料之后找到比较好的方法，而且我觉得这个交互方式是比较常见和重要的，所以想在这里做个分享，废话不多说，马上开始吧。
Axure制作菜单栏效果
PMIIᶜᶜ的博客
06-25 3026
如何用Axure制作上面效果的菜单栏？直接上步骤：新建1个母版（菜单栏模板）和5个页面（页面1——页面5），当点击菜单栏按键时，对应弹出页面效果 【母版制作】制作一个菜单框，拖一个矩形并输入“页面1”，再拖一个小图标和矩形做一个组合。 【母版制作】菜单框属性设置：矩形和小图标分别设置属性，属性为黑底白字，再设置鼠标悬停时为绿底白字，元件选中时黑底绿字。 【母版制作】菜单框交互设置1：矩形设置交互，如果当前组合的选中状态 == 真 ，则矩形设置为选中。小图标做相同交互设计。【母版制作】将上面菜单框复制5个，并
axure9左侧导航菜单完整示例.rp
08-01
使用动态面板实现左侧菜单完美展示，每个菜单点击后会有对应的页面展示，非常适合各个产品经理当做母版使用。
blog20201231：03-Axure顶部导航栏的实现
weixin_42013872的博客
12-31 871
顶部栏对于一个网站的用户体验来说是至关重要的，用户的浏览习惯（从左到右，从上到下），当他们进入一个新的网站，顶部栏通常是他们最先看到的地方。 作为设计师，需要预测用户经常访问的内容，将最重要、最常用到的条目置于导航栏当中，要永远将最关键、最重要的导航类目让用户看到，才是导航所应该做到的事情，换句话来说，就是关键内容驱动导航分类。 一、顶部导航内容分析： 品牌logo、菜单、搜索框、提示消息、登录／注册、操作手册、语言切换、角色切换等信息。 以上这些都是顶部栏中常见的元素，在设计的时候，一级类目建议在 2-
axure如何页面滑动时广告位上移_axure左右滑动效果 axure制作：页面上下滑动时菜单栏的浮动天花板效果...
weixin_36296325的博客
02-15 371
在移动页面上，当您手动向上和向下滑动时，如果向上滑动超过一定量sketch素材，菜单栏会产生天花板效果。如何使用axure实现它？当作者最近在手机的移动终端上时，有一个动画，希望达到这种效果：当您手动上下滑动页面时，当向上滑动超过一定量时，菜单栏可以具有天花板效果。我相信我无需多说这种效果。我应该理解，但是如何使用axure实现呢？因为我不会，所以我先阅读了在线教程，但是在线教程都是在网页上滚动的...
使用Axure RP 8制作两种导航菜单-悬浮菜单
qq_38548448的博客
09-16 2585
上一篇文章介绍了下拉导航的设置方法，详见本文介绍第二种导航方式悬浮菜单
使用Axure RP 8制作两种导航菜单-下拉导航
qq_38548448的博客
09-15 3035
日常在绘制web端原型时，往往会涉及到导航栏的制作，文章主要记录两种常见导航栏的绘制方法。
Axure RP9 绘制页面漂浮框，用于广告，重大事项等提示
shandongmike的博客
03-31 1883
本案例实现了页面悬浮框的漂浮、鼠标移入停止移动、移出继续移动及漂浮窗的关闭效果。 可用于广告，重大事项等提示
【进阶教程】Axure快速创建动态面板制作左侧下拉菜单导航栏
m0_63108918的博客
04-17 5136
一、实现效果展示 本节主要介绍在产品高保真原型图制作过程中，如何利用Axure创建左侧下拉菜单导航，以更好的帮助产品经理表达产品形态、领导者明确产品设计理念、开发人员迅速开发产品。先上图，展示最终达到的效果： 二、插入动态面板 首先插入一个矩形框，调整尺寸及颜色，输入文字【一级菜单1】，右侧面板名称命名为【一级菜单1】，并点击右键转化为【动态面板】，复制一个并重命名为【一级菜单2】。如下图： 双击【一级菜单1】，进入动态面板管理，将此刻的状态【state1】重命名为【折叠】，如下图：
Axure9 |菜单的弹出与收起
Binnadadada的博客
05-27 3468
实现效果： 首先，布置页面，将菜单所有的元件组合，组合的名称为"菜单"；同时将“菜单”设置为隐藏； 我们要实现的效果很简单，就是单击“+”时，菜单展开，再次点击菜单收起。也就是说，如果菜单不可见，那么单击“+”时，应该展开菜单；如果菜单已经可见，单击“+”时，收起菜单； 所以，按照这个思路，开始设置“+”的交互。 如图，事件为单击时， 1.添加情形一，在情形一这个条件下，插入动作--显示菜单； 2.添加情形二，在情形二这个条件下，插入动作--隐藏菜单； ...
Axure侧滑菜单栏
11-16
效果实现教程地址：https://blog.csdn.net/qq_27884377/article/details/84138648
Axure页面右键菜单制作
09-01
效果实现教程地址：https://blog.csdn.net/qq_27884377/article/details/82288166
Axure9谷歌扩展程序
11-18
谷歌浏览器安装之后可直接打开Axure9发布的HTML页面，亲测有效
Axure9元件库大合集
06-24
我收集的Axure的各种元件库大合集，绝对超值，有element ui,ant design ,axureux, 收集与各大网站。现在一起打包。 我收集的Axure的各种元件库大合集，绝对超值，有element ui,ant design ,axureux, 收集与各大网站...
axure素材_Axure制作：页面上下滑动时的菜单栏悬浮吸顶效果
weixin_39585035的博客
11-27 332
在移动端页面上，用手上下滑时，超过一定向上滑动时，菜单栏能有吸顶效果，如何用axure实现呢？作者在最近在手机移动端的时候，有一个动画，希望达到效果：用手上下滑页面时，超过一定向上滑动时，菜单栏能有吸顶效果，这个效果相信不用我多说，都应该懂，但是如何用axure实现呢？因为不会，先看了网上的教程，但是网上的教程都是以网页滚动，坦白说都是pc端的交互效果。当然如果对于新手小白来说，直接拖出来一个动态...
Axure导航二级菜单
格物的专栏
01-14 3649
       效果：当鼠标移入或者单击“权限管理”时，“权限管理”填充色由蓝变为白，字体由白变成黑。同时，弹出两个子选项“账号管理”和“设备管理”，当鼠标移入子选项时，该子选项背景变为灰白色。当鼠标移出母选项和子选项时，弹框隐藏，同时母选项背景和字体颜色恢复原状。 原型设计： （1）设置元件的选中状态 （2）设置鼠标移入或移出该组件的事件 为了更好设计逻辑，我们采用触发的方式，新...
axure菜单栏实现，附原件
最新发布
weixin_43601047的博客
08-24 1114
axure实现左侧菜单栏，包含：一级菜单的打开和关闭，鼠标的悬停和选中效果。原型预览地址仅作学习记录…
悬浮框_Axure教程：APP/PC页面悬浮按钮显示与隐藏效果
weixin_28717807的博客
01-11 1851
无论是APP或者PC端页面，右下角大多都会有默认收起的悬浮按钮，点击悬浮按钮后会展开更多信息。本文作者介绍了如何用Axure实现悬浮按钮显示与隐藏效果的操作步骤，以及实现过程中的一些心得体会，与大家分享。01 前期准备软件：Axure 9.0硬件：Windows/Mac电脑思考：实现悬浮按钮显示与隐藏效果前的思考(可参考下图)由此可以看出，显示效果和隐藏效果交互效果相反即可。02 教程1. 准备素...
Axure9：弹出提示框（登录示范，多种情况）
moyiyanting的博客
06-27 3933
效果图： 登录成功：显示提示框，并会跳转到下一页面 用户名不能为空： 登录密码不能为空： 用户名或密码不正确 设置步骤： 1.添加动态面板，设置长宽，设置动态面板名字 2.点击动态面板、状态1，然后添加提示框和文字，设置状态1的名字为登录成功 3.为了规范和方便，将提示框和文字进行组合 4.添加多种提示框，右键单击状态1，选择添加状态 5.设置状态2的名字用户名不能为空，点击动态面板、状态2，然后添加提示框和文字 设置后如图： 6.设置动态面板的交互，显示时：等待3000ms和显示/隐藏，隐藏当
axure原型案例_Axure RP9原型案例：制作一个可以滑动的菜单
06-10
好的，为您介绍一个Axure RP9制作的可以滑动的菜单的原型案例。 1. 首先，在Axure RP9中新建一个页面，命名为"滑动菜单"。 2. 在页面上添加一个矩形框，作为整个滑动菜单的容器。 3. 在容器内添加一个列表，作为...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值