Axure实现随意折叠和展开

最新推荐文章于 2025-04-08 18:09:07 发布
最新推荐文章于 2025-04-08 18:09:07 发布
阅读量2.8k 收藏 1
点赞数
分类专栏： 原型设计 文章标签： Axure
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/a332708815/article/details/46459335
版权


1.拖动四个Rectangle，命名并上色

2.设置menu1，menu2的onclick方法——>Show/Hide——>Push/Pull Widgets


3.设置content1，content2为隐藏（Hidden）


4.改为重叠



5. 效果如图




Axure垂直菜单展开与折叠
benleiqiang的博客
10-18 1646
步骤六：设置选中，这个过程设计思路是一样的，按如下操作逻辑，依次为每个子菜单添加。步骤三：快速复制出其他菜单项和子菜单，并命名以区分和为交互做好准备。步骤五：重要元件、交互效果、应用制作菜单项展开与折叠交互。步骤一：依照案例拖入“基本元件库”菜单基本元件。如有其他相关问题，欢迎私信沟通，关注。步骤二：设置基本元件库子菜单的选中效果。步骤四：基本元件库菜单项展开与折叠交互。
Axure常用交互效果五——展开与收回
benleiqiang的博客
10-10 1411
步骤八：为收回添加交互，载入时隐藏收回，单击时——显示展开，隐藏收回——隐藏背景1，隐藏新增查询条件——查询组合回到原位。步骤五：为展开按钮添加交互，单击时——显示查询条件和背景1——移动查询条件。步骤六：坐标的选择，需要我们模拟新增条件查询预到达位置，并记录下这个坐标；在做完以上交互后，我们还要隐藏展开这个按键，并显示收回，调起其他交互；步骤三：为新增的查询条件添加交互，组合这个查询条件，载入时隐藏。步骤四：组合查询按钮、展开和收回；
Axure折叠与展开效果的实现
12-30 1万+
http://www.masterchat.cn/article/20120501/217.html 视频教程 项目效果 点击表头，内容会展开或者收缩。 第一步，用矩形工具分别建立如下效果的图形 2，将内容部分(Section下边)转换成动态面板，分别命名为content-section1，content-section2，content-section3，分别为每个Section添加on
Axure教程—折叠面板
weixin_43516258的博客
06-24 3901
本文介绍利用Axure中的动态面板制作折叠面板
Axure 2、3层级菜单展开折叠Demo.rp
02-21
使用Axure做的 2、3层级菜单展开折叠Demo rp 源文件。 点击一级菜单展开二级菜单，点击二级菜单展开三级菜单。 用户可直接下载使用。
Axure中继器实现时间读取和修改
benleiqiang的博客
10-16 1343
经过多次尝试从外向内读取失败后，换了拿数据的方法，我们不从中继器外向内读取数据，可以在中继器修改按钮交互触发时，向外多输出一份数据，这样，我们实际上拿到了两份标记行的数据，一份作为修改使用，另一份作为备份，当我们需要时再次使用！实现路径：单击时——隐藏修改页面——更新行——目标中继器——已标记——对应列值。步骤一：设计“修改页面”作为我们修改中继器数据的录入窗口，注意文本框的时间格式，载入时隐藏（需要时由修改按钮调出）步骤二：添加修改交互，点击修改——显示修改页面——标记当前行——传出文本给文本框。
Axure疑难杂症：垂直菜单折叠与展开（玩转垂直菜单）
最新发布
benleiqiang的博客
04-08 394
关于垂直菜单的折叠与展开交互，是产品经理入门是一个非常常见的问题，很多人会出现“展不开子菜单”、“拉不回子菜单”、“展开错位”、“拉回错位”等等这些问题，那么发现问题，我们就要找问题的原因，单纯告诉大家怎么做，以后还会犯类似的错误。那么折叠与展开的归因是大家对“交互触发”理解不深刻，什么时候触发我们设计好的交互，在哪种场景下需要触发，有的人看到这就划过去了，我负责任的说，以后你一定会遇到使用文本框计数的场景，那时候还要回来补课的。
Axure RP9制作三级菜单实现展开收起（保姆级教程）
qq_73566291的博客
08-28 5358
保姆级让你学会三级菜单制作！超详细！不信来看看
Axure案例分享—折叠面板（附下载地址）
weixin_43516258的博客
03-20 1330
折叠面板是移动端APP中常见的组件之一，有时候也称之为手风琴。咱们先看下Axure画出的折叠面板原型效果，然后再对该组件进行详细讲解。
AxureRP9展开栏目.rp
02-02
用Axure RP9做出图片轮播效果，利用动态面板实现展开栏目效果
Axure RP9——【工具栏展开收起效果】
两条线-twolines
11-25 6975
工具栏展开收起效果 TOOLBAR 目录 工具栏展开收起效果 I.效果演示 II.实现步骤 I.效果演示 当点击按钮的时候，可以显示出工具栏的内容；再次点击可以收缩复原。 如下演示： Axure RP9 ——工具栏展开收起效果 II.实现步骤 （1）工具栏展开效果 ①按钮先向右移动一小段缓冲距离 ②按钮向左移动到达指定位置；工具栏面板从中心向两端展开；工具栏组合移动到（0,0）的位置 ③按钮通过旋转变成关闭样式 （2）工具栏关闭效果 ①按钮先向左移动一段...
Axure的向上列表框
weixin_57773266的博客
04-24 544
注意看红色箭头，共有19个步骤，按顺序操作下去 1.选择一个矩形原型，拖到空白页面，并调好宽高。 2.找到Defaukt里面的列表框 3.找到Icons里面的插入符-方型-下，并且到空白页面中 4.摆成类似于这个样子 5选中矩形，点击鼠标单击时 6.找到显示 选择显示，勾上列表框 动画选择向上滑动，点击确定 10选择旋转 勾上插入符-方型 11旋转选择绝对位置，角度180° 方向选择顺时针，锚点选择中心 动画选择线性，点击确定。 12.选择列表框，并勾上隐藏 13.选择列.
axureR9 制作左侧菜单弹出收起效果
mumuyouxi的博客
05-15 981
单击时>显示/隐藏动态面板>切换>向下滑动>更多选项>推拉原件>下方>效果选择线性>点击完成。第三步：拖拉一个动态面板>动态面板里面拖拉button作二级菜单>动态面板隐藏。第五步：再拖拉一个button做一级菜单，和原先的一级菜单并排。第四步：点击一级菜单button，设置交互【第二步：拖拉1个button作一级菜单。第一步：打开axure,创建1个页面。
Axure RP 9 for mac 高保真原型图 - 案例18 【导航栏-展开、收起】导入元件库
GroupiesM的博客
09-16 3014
Axure RP 9 for mac 高保真原型图 - 案例18 【导航栏-展开、收起】导入元件库
【Axure高保真原型】能展开收起的输入表单
mushe93的博客
05-20 431
今天和大家分享能展开收起的输入表单的原型模板，在需要填写内容较多时，可以对填写内容进行分类，然后通过点击上下箭头，收起或展开对应的信息。那这个模板里面是通过中继器制作的，方便我们填写中继器表格，就可以自动生成对应的输入项，里面包含了输入框、下拉列表、选择器共10余种常用的元件，后续也可以根据需要自行添加到中继器里。这个原型模板是用中继器制作的，所以使用也很方便，在中继器表格里填写表单的提示文字和输入类型即可，具体效果可以点击下方视频观看或打开预览地址来体验
Axure--面板收起/展开
星空
04-16 9362
要想实现上面的步骤： 1、首先绘制一个矩形和收起按钮 2、在绘制一个动态面板，放一个矩形和展开按钮 3、设置点击事件 3.1、先设置收起点击事件 3.2、先设置展开点击事件 4、完成设置，F5看效果 或者借鉴别人的方法，如下： https://blog.youkuaiyun.com/happymatilian/article/details/70757804 ...
Axure RP9 - 实现菜单下拉及折叠效果
热门推荐
wjs2580219863的博客
05-09 2万+
话不多说，直接上手： 1，拖入三个动态模板，分别命名1,2,3。 2，双击打开任意一个动态模板，我以1为例，添加一个模板状态，打开这个状态，加入原菜单以及新的二级菜单。 3，对状态2模板中一级菜单添加点击事件，点击设置当前面板状态为state1，并在动作中勾选推动/拉动原件。 4，退出动态模板，对该模板添加点击事件，点击设置动态模板状态为state2，同上，记得勾选推动/拉动原件，这样一个折叠菜单就配置完成了。 5，效果如下，点击弹出二级菜单，再点击收回，另外两个菜单配置同理.
Axure 折叠面板（手风琴）动态交互效果制作
weixin_44933101的博客
08-01 3093
什么是折叠面板？ 折叠面板可能是响应式设计中的最重要主力。这是一个非常有用的逐步呈现的模型——突出显示每个部分的重要细节，必要时利用点击来显示更多详细信息。因此，设计始终集中在最先显示的关键信息上，以便其他一切都易于访问。......
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值