SwiftUI—如何给视图添加旋转手势

简介: SwiftUI—如何给视图添加旋转手势

本节课演示旋转手势的使用,旋转手势常用于对图片进行旋转操作,需要同时使用到两个手指。


示例代码:


struct ContentView : View {
    @State var angle = 0.0 //表示图像视图进行旋转的角度
    var body: some View {
        let rotationGesture = RotationGesture(minimumAngleDelta: Angle.init(degrees: 20)) //初始化一个旋转手势,该手势一旦识别到双指旋转滑动的触摸事件,就会调用手势的结束事件
            .onChanged({ (angle) in
                self.angle += angle.animatableData  当旋转手势的状态完成变化时,将当前视图的角度数值,加上旋转手势返回的角度
            }).onEnded { (angle) in //当旋转手势结束时,在控制台输出角度属性的数值
                print(self.angle)
        }
        return Image("logo") //图像视图作为旋转手势的载体
            .gesture(rotationGesture)
            .rotationEffect(Angle.init(degrees: self.angle)) //对视图进行旋转操作,旋转的角度为属性的值
    }
}


2466108-b341e006bf7ef579.gif


目录
相关文章
SwiftUI—如何对图像视图进行缩放和旋转
SwiftUI—如何对图像视图进行缩放和旋转
902 0
SwiftUI—如何对图像视图进行缩放和旋转
|
8月前
|
Android开发
Android通过手势(多点)缩放和拖拽图片
Android通过手势(多点)缩放和拖拽图片
62 4
SwiftUI—如何给图像视图添加遮罩以突出主题
SwiftUI—如何给图像视图添加遮罩以突出主题
689 0
SwiftUI—如何给图像视图添加遮罩以突出主题
|
存储 Swift
SwiftUI极简教程38:ScrollViewReader滚动视图锚点的使用
在本章中,你将学会ScrollViewReader滚动视图锚点的使用。
846 0
SwiftUI极简教程38:ScrollViewReader滚动视图锚点的使用
SwiftUI—如何给视图添加拖动手势
SwiftUI—如何给视图添加拖动手势
626 0
SwiftUI—如何使一个视图同时支持多种的手势
SwiftUI—如何使一个视图同时支持多种的手势
278 0
SwiftUI—如何给视图添加双击手势
SwiftUI—如何给视图添加双击手势
351 0
SwiftUI—如何给视图添加单击手势
SwiftUI—如何给视图添加单击手势
273 0
SwiftUI—如何给视图添加单击手势
|
安全
SwiftUI—如何使视图充满整个屏幕
SwiftUI—如何使视图充满整个屏幕
874 0
SwiftUI—如何使视图充满整个屏幕
SwiftUI—使用withAnimation制作缩放和渐隐动画
SwiftUI—使用withAnimation制作缩放和渐隐动画
1032 0