当前位置:网站首页>Axure制作菜单栏效果
Axure制作菜单栏效果
2022-06-30 08:18:00 【poppinCC】

如何用Axure制作上面效果的菜单栏?直接上步骤:
新建1个母版(菜单栏模板)和5个页面(页面1——页面5),当点击菜单栏按键时,对应弹出页面效果

【母版制作】制作一个菜单框,拖一个矩形并输入“页面1”,再拖一个小图标和矩形做一个组合。

【母版制作】菜单框属性设置:矩形和小图标分别设置属性,属性为黑底白字,再设置鼠标悬停时为绿底白字,元件选中时黑底绿字。

【母版制作】菜单框交互设置1:矩形设置交互,如果当前组合的选中状态 == 真 ,则矩形设置为选中。小图标做相同交互设计。

【母版制作】将上面菜单框复制5个,并分别改名为:页面1、页面2、页面3、页面4、页面5
【母版制作】菜单框交互设置2:“页面1”组合设置交互,单击时打开链接,链接为页面1,这样的效果是单击菜单框“页面1”就会跳转到“页面1”页面。其余4个菜单框做相同设置
【母版制作】将母版添加到5个页面中
【页面交互】进入页面1,设置交互:页面载入时,菜单栏组合“页面1”设置为选中状态。其余4个页面做相同设置。

完成以上设置后,预览,就能看到最上面的交互效果!
边栏推荐
- 电流探头的干扰源电流谱测试
- 【NVMe2.0b 14-2】Create/Delete Queue
- Acreems energy efficiency management platform escorts the power safety of high-rise residential areas
- Deep learning - LSTM
- Graffiti Wi Fi & ble SoC development slide strip
- JS code case
- 【NVMe2.0b 14-1】Abort、Asynchronous Event Request、Capacity Management command
- 微信小程序使用vant weapp报错
- Go 数据类型篇之字符串及底层字符类型
- 全栈最全性能测试理论-总结
猜你喜欢

Wechat official account third-party platform development, zero foundation entry. I want to teach you

Cesium learning notes (III) creating instances

End-to-end 3D Point Cloud Instance Segmentation without Detection

F12 packet capture is used for the whole process analysis of postman interface test

What are the Amazon evaluation terms?

【NVMe2.0b 14-5】Firmware Download/Commit command
![[nvme2.0b 14-8] set features (Part 2)](/img/fe/67fd4f935237f9aa835e132e696b98.png)
[nvme2.0b 14-8] set features (Part 2)

Deep learning -- language model and sequence generation

CRM能为企业带来哪些管理提升

Graffiti Wi Fi & ble SoC development slide strip
随机推荐
【Tensorflow-gpu】window11下深度学习环境搭建
tp5设置直接下载文件
Go 数据类型篇之基本数据类型之间的转化
MySQL加索引语句不加锁:ALGORITHM=INPLACE, LOCK=NONE
Gilbert Strang's course notes on linear algebra - Lesson 3
How to handle the expired data of redis and what are the elimination mechanisms?
Miracle Mu server rental selection is real and easy to use, stable and intrusion proof
Deep learning vocabulary representation
【NVMe2.0b 14-1】Abort、Asynchronous Event Request、Capacity Management command
php api获取二维码、组合生成图片
Sword finger offer II 074 Merge interval (sort, array)
Deep learning -- language model and sequence generation
C # about Net cognition
Experiment 2 LED button PWM 2021/11/22
Sword finger offer II 075 Array relative sort (custom sort, count sort)
C# Console. Writeline() function output format
安科瑞高等学校校园建筑节能监管系统建设
CRM能为企业带来哪些管理提升
Redis设计与实现(七)| 发布 & 订阅
AcrelEMS能效管理平台为高层小区用电安全保驾护航