axure点击图标放大展示

前言

今天记录一个我们平时在使用axure制作原型过程中比较常用的功能,就是在我们平时制作菜单栏切换的交互过程中,当进行菜单栏切换中被选中的菜单栏图标会随之放大显示。

实操

今天来临摹优酷播放器的首页。

1、临摹页面的整体样式,在学习的过程中可不要偷懒哦,学习axure主要就是考临摹。

2、接下来当我们选中底部不用菜单,对应菜单则会展示放大的样式。我们分别将【首页icon】【发现icon】【vip会员icon】【星球icon】【我的icon】命名。

3、当进入应用我们默认展示的首页,所以在页面载入时首页图标放大展示。

我们可以看到首页的图标样式默认是比其余几个样式要大的。

4、接下来分别给【首页】【发现】【vip会员】【星球】【我的】覆盖上热点,并分别做以下交互,这样随着点击图标方式的样式就实现啦。

相关推荐
mqiqe9 小时前
AgentScope Java 2.0 协议集成全景解析:A2A、AG-UI、Agent Protocol 三大开放协议实战指南
java·开发语言·ui
qq_4260039610 小时前
【UI自动化测试】UI自动化报错解决方案
运维·ui·自动化
Oll Correct10 小时前
Adobe illustrator 案例九:百宝箱图标绘制
笔记·ui·adobe·illustrator
xy345318 小时前
Axure 9.0 条形图绘制超详细教程:静态展示
ui·产品经理·axure·条形图
LabVIEW开发1 天前
LabVIEW图标编辑器文字模糊现象
ui·编辑器·labview·labview知识·labview功能·labview程序
兰亭妙微UI设计公司2 天前
兰亭妙微B端界面设计分享:Vantary海事无人系统任务平台UI/UX设计解析
ui·ux
伊玛目的门徒2 天前
deepseek harness DSH 安装皮肤脚手架(dsh‑client‑ui‑skin‑center)踩坑完整记录
ui·插件·皮肤·harness·dsh
zhchyun20083 天前
【Unity UI 进阶】仿 Element UI 打造企业级 Unity UI 组件库(05)
ui·unity·游戏引擎
tanghonghanhaoli3 天前
【图书翻译】有意义的游戏设计:桌面游戏的方法论与心理学(第1、2章)
前端·游戏·ui
bugcome_com3 天前
Avalonia UI 样式进阶实战:外置样式 + MVVM 主题切换 + 样式优先级全解析
ui