axure点击图标放大展示

前言

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

实操

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

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

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

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

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

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

相关推荐
传奇开心果编程12 小时前
【Jetpack Compose基础语法学与练】第7课 if条件渲染 + 列表基础(LazyColumn)
学习·ui·kotlin·android jetpack
传奇开心果编程12 小时前
【SwiftUI入门练中学】第1课 从零开始
学习·ui·ios·swiftui·swift
传奇开心果编程13 小时前
【Jetpack Compose基础语法学与练】第9课 SideEffect副作用 + LaunchedEffect,处理异步任务和生命周期
android·学习·ui·kotlin·android jetpack
传奇开心果编程13 小时前
【ArkUI 练中学】第14课:应用性能优化实战
学习·ui·华为·harmonyos
传奇开心果编程16 小时前
【Flutter入门练中学】第1课:从零开始
学习·flutter·ui
web守墓人1 天前
【goed/ui】自定义组件设计思想篇
linux·windows·ui·golang
惟恋惜1 天前
第 3 章 · 列表、滚动与 Lazy 深入:告别 RecyclerView 思维
ui·android jetpack
Htr_1 天前
Creem 2.0 使用指南:面向 AI 构建时代的资金平台
android·数据库·人工智能·ui·photoshop
HwJack202 天前
【HarmonyOS开发小实践】ArkUI 交互事件与手势:从触摸到组合手势
ui·华为·性能优化·harmonyos
xy34534 天前
Axure 9.0 中继器创建与设置步骤
前端·ui·html·axure·原型·产品设计