axure点击图标放大展示

前言

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

实操

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

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

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

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

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

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

相关推荐
CodeCraft Studio5 小时前
从框架到体验:Qt + Qtitan 构建制造业嵌入式UI整体解决方案
开发语言·qt·ui·gui·嵌入式开发·hmi·制造业嵌入式ui
AI_零食5 小时前
鸿蒙的flutter框架表达:生命律动系统
学习·flutter·ui·华为·harmonyos·鸿蒙
AI_零食5 小时前
鸿蒙跨端框架 Flutter 学习 Day 6:Future 在 UI 渲染中的心跳逻辑
学习·flutter·ui·华为·harmonyos·鸿蒙
技术与健康6 小时前
【 Markdown Illustrator - 自动配图系统】
ui·illustrator
AI_零食6 小时前
鸿蒙跨端框架Flutter学习day 2、常用UI组件-弹性布局进阶之道
学习·flutter·ui·华为·harmonyos·鸿蒙
微光守望者9 小时前
Unity小知识【2】:Transform与RectTransform,UI和3D对象的空间转换秘诀
ui·3d·unity
前端世界9 小时前
鸿蒙 UI 为什么会卡?GPU 渲染性能实战分析与优化
ui·华为·harmonyos
奔跑的露西ly21 小时前
【HarmonyOS NEXT】ArkUI实现「单格单字符+下划线」手机号/验证码输入框
ui·华为·harmonyos·鸿蒙
招风的黑耳1 天前
Axure后台管理系统模板:智慧化解决方案的界面设计蓝图
ui·axure·后台原型
weixin_419658311 天前
UISpy:Windows 界面控件的“显微镜“[特殊字符]
windows·python·测试工具·ui