下载本文档
版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领
文档简介
Axure9原型设计:动态面板实现手风琴菜单在学习动态面板的时候,看到5分钟玩转Axure之动态面板(进阶)手风琴菜单效果很好,只是写的不够详细,在一番摸索后,貌似到达了同样的效果。所以分享出来,做一个简单的示例说明。步骤如下:一、拖拉元件(1)先拖一个动态面板,命名:手风琴菜单(2)给“手风琴菜单”添加一个状态,命名:一级菜单(3)在“一级菜单”里,添加3个矩形框作为一级菜单项,3个箭头作为模拟菜单打开关闭效果,3个动态面板作为二级菜单内容,分别命名清楚(命名只是为了我们交互时可以清晰看到元件名称,方便检查逻辑),效果如下:(4)给“二级菜单1”设置不可见和自适应内容,并添加一个状态,添加3个矩形框作为二级菜单项(5)同样搞定“二级菜单2”、“二级菜单3”,效果如下:二、添加交互(1)给矩形框“一级菜单1”添加“单击”交互,效果是将对应的“二级菜单1”内容给展开和折叠。(2)添加事件“单击时”,单击有2个情形:展开和折叠(3)添加情形“展开”,条件是动态面板“二级菜单1”不可见时(4)添加动作“移动”,将动态面板“二级菜单1”移动到达矩形框“一级菜单1”的底部(坐标可以用编辑器来完成,用变量好过于自己计算固定值)(5)添加动作“显示/隐藏”,将动态面板“二级菜单1”显示出来,并且把下方的元件往下推(6)添加动作“旋转”,将图标“箭头1”旋转180°(7)添加情形“折叠”,条件是动态面板“二级菜单1”可见时(8)添加动作“显示/隐藏”,将动态面板“二级菜单1”隐藏起来,并且下方的元件往回拉(9)添加动作“旋转”,将图标“箭头1”旋转180°逻辑解读就是当鼠标点击菜单1时将菜单1的子项展示出来,二次点击时隐藏起来。箭头的效果聊胜于无。同样的方式,来设置另外2个一级菜单的单击交互。只是把元件搞清楚不要混了,这时候命名的重要性就体现出来了。这只是一个简单实现的手风琴菜单,进阶应该是用中继
温馨提示
- 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
- 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
- 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
- 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
- 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
- 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
- 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。
最新文档
- 人教版化学九上第三单元 物质构成的奥秘(单元综合测试)
- 2024年浙江省舟山市定海区金衢山五校联考初中毕业生第三次质量监测数学试题
- 职业道德与法治课件
- 2024-2030中国激光测振仪市场现状研究分析与发展前景预测报告
- 山西省2024九年级物理全册第二十章电与磁20.5磁生电课件新版新人教版
- 2024年南通市启东市《高等数学(一)》(专升本)全真模拟试题含解析
- 2024年伊春市友好区《高等数学(一)》(专升本)全真模拟试卷含解析
- 2022一级造价工程师考试《建设工程造价管理》真题-5
- “青年大学2023第13期”答案(出炉)
- 单项委托服务合同(2014年版.修订稿)
- 工业园物业服务工业园物业应急预案
- 统编版语文六年级下册14文言文二则《学弈》公开课一等奖创新教学设计
- 2024年上海商业会计学校招考聘用笔试参考题库附带答案详解
- 2024年03月内蒙古霍林郭勒市2024年公开招考35名专职社区工作者工作笔试参考题库附带答案详解
- 河南省2022汉字大赛题库
- 2024年河南省中考招生考试名师押题语文卷(B)
- 智慧林场解决方案
- 2024淘宝天猫汽车新能源消费潮流与商业创新前瞻
- 农村资金互助社发展困境与对策
- 小学数学课堂“教学评一致性”的有效实践
- 基于单片机的红外测距仪设计
评论
0/150
提交评论