Axure RP 8基础教程-制作下拉菜单

最新推荐文章于 2024-03-02 17:58:27 发布
VIP文章 最新推荐文章于 2024-03-02 17:58:27 发布
阅读量1.8w 收藏 22
点赞数 4
分类专栏： 原型工具Axure 文章标签： axure 原型工具
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35636311/article/details/77426991
版权

   动态面板是Axure RP 8中的一款高级组件，在隐藏与显示、滑动效果 、拖动效果、多状态效果切换等操作的场景中，动态面板是你的不二选择。

完成后效果如下图，该例子主要依靠动态面板的状态切换来实现菜单状态的下拉与收起，在后台管理系统中普遍运用到。

菜单的下拉与收起效果：

希望大家边学边做，以下是用Axure RP8 实现菜单实例。

1.实例

1.从部件库拉四个动态面板到操作区组合在一起

最低0.47元/天 解锁文章
Arthurlzyw
关注
  • 4
    点赞
  • 踩
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
树形下拉列表框
04-30
树形下拉列表框 提供选择和展开
Axure RP9 - 实现菜单下拉及折叠效果
热门推荐
wjs2580219863的博客
05-09 1万+
话不多说，直接上手： 1，拖入三个动态模板，分别命名1,2,3。 2，双击打开任意一个动态模板，我以1为例，添加一个模板状态，打开这个状态，加入原菜单以及新的二级菜单。 3，对状态2模板中一级菜单添加点击事件，点击设置当前面板状态为state1，并在动作中勾选推动/拉动原件。 4，退出动态模板，对该模板添加点击事件，点击设置动态模板状态为state2，同上，记得勾选推动/拉动原件，这样一个折叠菜单就配置完成了。 5，效果如下，点击弹出二级菜单，再点击收回，另外两个菜单配置同理.
Axure9的入门基础操作
最新发布
_Santiago的博客
03-02 292
本文包含Axure的基本操作
【axure教程】下拉框选择动态显示结果
liuping750929的专栏
10-02 3870
说实话，这个案例我是在UCD大社区看到的，不过都是英文，愣是硬着头皮学习的，幸好英文底子+google。 1、案例效果图 这个例子的效果是，用户切换左边的下拉框选项，右边的提示文字会随之变化。当选中的是图书时，文本框中的文字是“请输入图书名称或作者”；当选中音乐时，文本框中的文字是“请输入音乐名称或歌手”：RP 学习2：下拉框的条件" src="http://www.iniuche.c
[Axure RP] – 鼠标滑入按钮时自动下拉表单的设计示例
weixin_34006468的博客
06-09 674
转：http://blog.qdac.cc/?p=2197 Axure RP 是个好东东呀，大大方便了程序员与客户之间的前期调研时的交流。不过有一些控制并没有鼠标移入和移出的操作，比如 HTML 按钮，为了模拟鼠标移入或移出时动态显示下拉列表啥的效果，我们使用了动态面板来做处理。当然了，条条大路通罗马，这条大路也许不是最佳的，仅供参考。 1、拖一个动态面板到编辑区； 2、双击添加一个状态，我...
Axure 基础详解一：下拉菜单的制作
太空背包客的博客
10-17 1459
Axure 基础详解，下拉菜单的制作，对日常组件的用法、原理以及制作方法的详解。
AXure自带元件及作品
qq_74770105的博客
01-10 403
在Axure RP 9中，元件是构建原型图的基础模块， 将元件从元件库里拖拽到画布中，即可添加元件到你的原型图中。软件初始自带了三个官方元件库，分别是默认元件库（Default）、流程元件库（Flow）和图标元件库（Icons）。1.1、矩形。
AxureRP-Pro9.0-Chinese.rar
09-01
AxureRP-Pro9.0-Chinese.rar
AxureRP-Pro8.0-中文版.zip
06-03
Axure RP8.0中文版【Axure RP8.0破解版】汉化破解版安装图文教程、破解注册方法-测试有效 安装方法：https://blog.csdn.net/qq_41211900/article/details/90749802
Axure-RP-Extension-for-Chrome_v0.6.3
01-16
Axure RP 是一个专业的快速原型设计工具，是产品经理（Product Manager）的首选利器，没有之一。Axure，代表美国 Axure 公司；RP 则是 Rapid Prototyping（快速原型）的缩写。它能够让我们快速创建应用软件或 Web ...
AxureRP-Pro8.0-Chinese.rar
07-15
Axure RP是一个专业的快速原型设计工具。RP则是Rapid Prototyping（快速原型）的缩写。适合软件行业界面原型设计，上手容易。
Axure -下拉菜单制作
06-23
Axure -下拉菜单制作.rp http://blog.csdn.net/a215318036/article/details/7685729
axure-rp-extension-for-ch-0.6.3.zip
06-13
用于在谷歌或其他 Chrome 内核浏览器打开 Axure RP 发布的 HTML 文件
【Axure视频教程】标签版多选下拉列表
mushe93的博客
08-23 333
今天教大家在Axure里如何制作标签版多选下拉列表的原型模板，该模板用中继器制作，制作完成后使用也方便，只需要在中继器表格里维护选项信息，即可自动生成交互效果，包括显示隐藏选项列表，选中和取消选中选项，自动生成对应标签，自动调整元件尺寸和位置，滚动查看更多等，具体效果可以参考下方视频。该教程从0开始制作，手把手教学，无论是新手小白还是有一定基础的同学，都可以学习的哦。
使用Axure RP 8制作两种导航菜单-下拉导航
qq_38548448的博客
09-15 3015
日常在绘制web端原型时，往往会涉及到导航栏的制作，文章主要记录两种常见导航栏的绘制方法。
Axure上拉列表框
hxhx11的博客
04-26 1617
拉一个矩形，改变其大小、颜色、边框。 拉一个形状，改变其大小、颜色。 拉一个列表框，选中列表框，双击列表框，添加多个。 选中矩形，双击鼠标单击时，点击显示，选中列表框，动画设置为向上滑动。 点击旋转，选中形状，旋转为绝对定位、角度180%、顺时针方向、中心描点、动画设置线性，点击确定。 选中列表框，点击隐藏，双击选项改变时，点击设置文字，选中矩形，点击“fx”。 点击添加局部变量，设置备选项为列表框。 点击“插入变量或函数”，跳出选项栏,点击局部变量中的“LVAR1”。
Axure-上拉框设置
chenqiuqian的博客
08-29 4537
注意看划线或箭头部分，共有26个步骤，按顺序操作下去 在元件库中找到矩形并拖出，可以添加上自己喜欢的样式 在元件库中找到列表框并拖出摆放好合适的位置 双击列表框 点击编辑多项 添加需要的选项 点击确定 添加完选项后，将列表框进行隐藏 选择矩形，双击鼠标单击时 点击显示 选择需要显示的列表框 动画选择向上滑动 点击确定 选择列表框，双子选项改变时 点击设置文本 选择矩形 点击fx设置变量 点击添加局部变量 将元件文字改成被选项 选择列表框 点击插入变.
【进阶教程】Axure快速创建动态面板制作左侧下拉菜单导航栏
m0_63108918的博客
04-17 5111
一、实现效果展示 本节主要介绍在产品高保真原型图制作过程中，如何利用Axure创建左侧下拉菜单导航，以更好的帮助产品经理表达产品形态、领导者明确产品设计理念、开发人员迅速开发产品。先上图，展示最终达到的效果： 二、插入动态面板 首先插入一个矩形框，调整尺寸及颜色，输入文字【一级菜单1】，右侧面板名称命名为【一级菜单1】，并点击右键转化为【动态面板】，复制一个并重命名为【一级菜单2】。如下图： 双击【一级菜单1】，进入动态面板管理，将此刻的状态【state1】重命名为【折叠】，如下图：
Axure RP 8之上下滑动屏幕
斌小哥的博客
03-17 5240
1.新建一个项目，在元件库中拖入一个iPhone手机板； 2.在手机版顶部拖入所需元件，命名为top； 3.在手机版底部拖入所需元件，命名为bottom； 4.在中间空白位置拖入与空白区大小一致的动态面板，命名为屏幕； 5.在“屏幕”这个动态面板下的state1中再拖入一个动态面板，长度要超出手机屏幕，命名为内容； 6.在“内容”这个动态面板中的state1中加入所需...
axure rp9基础教程
09-09
对于axure rp9的基础教程，你可以参考以下步骤： 1. 首先，你可以从这个链接下载axure rp9的安装包并进行安装。安装过程和win电脑上的其他软件安装过程相似。 2. 在安装完成后，打开axure rp9软件。你会看到一个工作...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值