当前位置:网站首页>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个页面做相同设置。

完成以上设置后,预览,就能看到最上面的交互效果!
边栏推荐
- 【kotlin 协程】万字协程 一篇完成kotlin 协程进阶
- Camera
- Pycharm Dlib library installation
- Niuke Xiaobai month race 52
- 【NVMe2.0b 14-3】Doorbell Buffer Config command、Device Self-test command
- Implementation of remote monitoring by camera in Experiment 5
- MySQL cannot connect to the intranet database
- Opencv image
- At the end of June, you can start to make preparations, otherwise you won't have a share in such a profitable industry
- Redis设计与实现(六)| 集群(分片)
猜你喜欢

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

Deep learning -- sequence model and mathematical symbols

【NVMe2.0b 14-8】Set Features(下篇)

Gilbert Strang's course notes on linear algebra - Lesson 4
![[nvme2.0b 14-8] set features (Part 2)](/img/fe/67fd4f935237f9aa835e132e696b98.png)
[nvme2.0b 14-8] set features (Part 2)

Cesium learning notes (IV) visual image & Terrain

全栈最全性能测试理论-总结

涂鸦Wi-Fi&BLE SoC开发幻彩灯带

增强for循环的增删操作 & 迭代器删除集合元素

电流探头电路分析
随机推荐
Using typera+picgo to realize automatic uploading of markdown document pictures
tp5设置直接下载文件
Conversion between basic data types in go data types
Markdown支持的emoji图标
Qqquickpainteditem implements graffiti program drawing board
Opencv image
Gilbert Strang's course notes on linear algebra - Lesson 1
Unity简单shader
电流探头电路分析
【NVMe2.0b 14-2】Create/Delete Queue
layer.open 当传值为数组或值太长时处理方法
Experiment 2 LED button PWM 2021/11/22
Deep learning - bounding box prediction
Redis设计与实现(八)| 事务
Redis设计与实现(四)| 主从复制
AcrelEMS能效管理平台为高层小区用电安全保驾护航
【笔记】Polygon mesh processing 学习笔记(10)
mysql无法连接内网的数据库
C # about Net cognition
我们如何拿到自己满意的薪资呢?这些套路还是需要掌握的