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—如何对图像视图进行缩放和旋转
881 0
SwiftUI—如何对图像视图进行缩放和旋转
SwiftUI—如何给图像视图添加遮罩以突出主题
SwiftUI—如何给图像视图添加遮罩以突出主题
679 0
SwiftUI—如何给图像视图添加遮罩以突出主题
|
存储 Swift
SwiftUI极简教程38:ScrollViewReader滚动视图锚点的使用
在本章中,你将学会ScrollViewReader滚动视图锚点的使用。
835 0
SwiftUI极简教程38:ScrollViewReader滚动视图锚点的使用
SwiftUI—如何给视图添加拖动手势
SwiftUI—如何给视图添加拖动手势
612 0
SwiftUI—如何给视图添加拖动手势
SwiftUI—如何使一个视图同时支持多种的手势
SwiftUI—如何使一个视图同时支持多种的手势
266 0
SwiftUI—如何使一个视图同时支持多种的手势
SwiftUI—如何给视图添加双击手势
SwiftUI—如何给视图添加双击手势
344 0
SwiftUI—如何给视图添加双击手势
SwiftUI—如何给视图添加单击手势
SwiftUI—如何给视图添加单击手势
269 0
SwiftUI—如何给视图添加单击手势
|
iOS开发
拖动手势UIPanGestureRecognizer
拖动手势UIPanGestureRecognizer
334 0
拖动手势UIPanGestureRecognizer
|
安全
SwiftUI—如何使视图充满整个屏幕
SwiftUI—如何使视图充满整个屏幕
858 0
SwiftUI—如何使视图充满整个屏幕
|
定位技术
SwiftUI—使用MapKit里的地图视图
SwiftUI—使用MapKit里的地图视图
454 0
SwiftUI—使用MapKit里的地图视图