Axure RP9 动态面板操作使用

一、制作折叠菜单

首先我已将Axure RP9汉化了，所以用起来比较方便。

1.打开Axure RP9工具新建文件，从左侧元件库中基本元件拉出一个矩形，这里我设置是w为200，h为50（设置宽高随意），色值为#333333，在矩形框内输入“菜单”，然后命名为“一级菜单”。

2.再拖进一个矩形，同样的宽高比例，色值为#FFFFFF(纯白色)，在矩形内输入“一”，然后在复制两个分别为“二”“三”。

3.设置交互模式，全选“一、二、三”，右键点击交互样式，选择鼠标悬停，色值#D7D7D7,然后再选“选中-填充颜色-色值#027DB4”。

4.再一次选中“一、二、三 ”，右键点击设置数字组名称，命名为“报数”、选择“一”右键点击选中（默认选中），完成。

5.设置交互用例，选择“一 ”，设置鼠标点击时 – 选中 – 选择当前为真，点击确定。（二、三同上设置，复制粘贴过去即可）。

2）把 “一、二、三 ” 选中，右键点击转换为动态面板，命名为 “报数 ” ，点击把该面板隐藏。

（3）设置“菜单 ” ，设置鼠标单击时 – 显示/隐藏：切换、动画：显示时向下 / 隐藏时向上，动画为：线性，500 毫秒、勾上置于顶层、勾上推动元件，方向为下方，动画为：线性，500毫秒。

这样就完成了，为了防止大家设置错误，下面放一张设置的图：

完成之后就可以看啦！

Axure RP9 动态面板操作使用相关推荐

【Axure RP9 制作轮播图】
Axure RP9 制作轮播图说在前面:由于版本差异,在Axure学习过程中遇到一点点麻烦,网上没找到答案,最终自己弄出来了,在此记录一下.(课程上是axure8,我用的axure9,个别地方有些差 ...
通过图片找到桌面相同图片区域坐标_【Axure RP9原型案例】京东与淘宝的商品图片是如何被放大的...
摘要:在电商的商品详情页中我们经常会看到图片放大器的运用,我们以京东商品详情页为例来制作这样的原型效果.案例中综合运用了鼠标移入事件.鼠标移动事件,元件的移动.元件的显示/隐藏等交互动作. 京东示意图 ...
Axure RP9——【导航栏二级菜单的展开效果】
导航栏二级菜单的展开效果 Navigation Bar · secondary menu Here's how I want things to unfold. 目录导航栏二级菜单的展开效果 Nav ...
Axure RP9教程中继器列表
Axure RP9教程用中继器元件实现一个简单的列表功能一.说明二.案例演示三.操作说明一.说明上一篇文章中继器概述将了中继器的作用及结构,下面我通过实例来演示中继器入门基础应用列表展示. ...
Axure RP9教程中继器说明
Axure RP9教程中继器概述一."中继器"说明二."中继器"的作用三."中继器"结构说明一."中继器"说明 ...
Axure RP9基本用法总结
首先我们知道Axure是一个强大的画原型图的工具,可以实现功能的交互和网页的制作等功能,使用者也非常广泛,包括产品经理,交互设计师,UI设计师.架构师.程序员等.下面我将自己在这几天(2021 07. ...
【Axure RP9基础】 Axure标签页切换详解
[Axure RP9基础] 标签页切换在设计原型中,PC和APP端标签页切换是常用的功能,那么在用Axure画原型时我们可以用矩形和动态面板做出标签页切换的效果. 最终效果:点击标签页,显示标签页选 ...
Axure rp9入门图文教程——基操及介绍（看完就能上手，人人都是产品经理）
Axure rp9入门图文教程-基操及介绍免费版安装包请点击此处(避免审查,请点击这)[^这里] 一.界面介绍 1. 复制.剪切及粘贴区域 2. 选择模式 3. 插入形状 4. 控点(编辑控点) 5 ...
Axure rp9实现进度条
目录 1.需要注意的地方 2.元件准备 3.交互在使用Axure rp9参考网实现进度条的过程中,发现有一个地方出了问题,自己也是找了好久才将错误修改正确的,下面记录一下这个过程,防止下次使用的时候 ...

Axure RP9 动态面板操作使用

一、制作折叠菜单

Axure RP9 动态面板操作使用相关推荐

最新文章

热门文章