SwiftUI 动画之Circle Animation 移动、旋转、显示、消失和放大联合动画 (教程含源码)
2023-09-11 14:18:47 时间
实战需求
SwiftUI 动画之Circle Animation 移动、旋转、显示、消失和放大联合动画 (教程含源码)
本文价值与收获
看完本文后,您将能够作出下面的界面
看完本文您将掌握的技能
-
//从顶向下线性过渡
LinearGradient(gradient: Gradient(colors:[.green, .white]), startPoint: .top, endPoint: .bottom)) -
//垂直偏移
.offset(y: moveInOut ? -60 : 0) -
//设置透明度
.opacity(0.5) -
旋转60度
.rotationEffect(.degrees(60)) -
设置重复播放
.animation(Animation.easeInOut.repeatForever(autoreverses: true).speed(1/8))
基础知识
LinearGradient
线性渐变。
相关文章
- 实现页面加载等待动画很简单吗?
- AlertView动画
- [翻译] RBBAnimation,让你使用关键帧动画更便利
- css3动画(animation)效果1-漂浮的白云
- 【属性动画总结】Property Animation
- OpenGL—Android 开机动画源码分析一
- 不到200行代码实现一个不断旋转的椭圆动画效果
- 前端进阶必学必会动画学习之Animate.css的使用与解析:一个强大而酷炫的CSS3动画库Animate.css使用方法教程
- andorid 系统实现多种开机动画和logo切换
- Android 10 如何在SurfaceFlinger中解决开机动画显示不全问题
- Android插屏动画效果
- Android 属性动画简单分析(二)
- 游戏制作之路(3)Blender制作极简动画
- iOS14适配 FLAnimatedImage在iOS14中 gif动画效果只展示一次就自动停止播放