SwiftUI 动画之图片360度旋转动画(教程含源码)
2023-09-11 14:18:47 时间
实战需求
SwiftUI 动画之图片360度旋转动画
本文价值与收获
看完本文后,您将能够作出下面的界面
看完本文您将掌握的技能
- 旋转效果.rotationEffect(.degrees(zRotateAnimation ? 360 : 0))
- 动画效果 .animation(Animation.linear(duration: 1).repeatForever(autoreverses: true),value: self.zRotateAnimation)
实战代码
import SwiftUI
struct ContentView: View {
@State var zRotateAnimation = false
var body: some View{
VStack {
Image("5").resizable().aspectRatio(contentMode: .fit)
.frame(width: 100, height: 100)
.rotationEffect(.degrees(zRota
相关文章
- 动画重定向技术分析及其在Unity中的应用
- SwiftUI 动画大全之 如何创建Pendulum Swing 动画(教程含源码)
- SwiftUI 动画大全之 五彩纸屑特效含三角形、五星、钻石与自定义图像 (教程含源码)
- SwiftUI 界面大全之文本折叠书签动画组件3D(中文教程含源码)
- SwiftUI动画之超酷3D旋转效果rotation3DEffect(教程含源码)
- SwiftUI 动画图形之绘制正弦波实现个性化波浪纹效果 (教程含源码)
- SwiftUI 动画之绘制仿心跳曲线动画 (教程含源码)
- SwiftUI 高级动画Button按钮之点击后变化载入loading显示等待(教程含源码)
- SwiftUI iOS 精品进度条组件之支持百分比和成功动画 (教程含源码)
- SwiftUI iOS 布局之动画风格图文混合登录界面(教程含源码)
- SwiftUI 动画之标签云进入退出动画效果中文日期(教程含源码)
- SwiftUI List 设置行点击高亮动画效果(教程含源码)
- SwiftUI 动画之绘制仿心跳曲线动画 (教程含源码)
- SwiftUI 阴影基础之 03 动画阴影制造月食效果 (教程含源码)
- SwiftUI 精品组件之个性化动画TabBarView 切换组件(教程含源码)
- SwiftUI 动画之如何检测动画结束并执行调用 (教程含源码)withAnimation
- SwiftUI 绘图与动画之图形变换动画AnimationPair(教程含源码)