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—如何对图像视图进行缩放和旋转
801 0
SwiftUI—如何对图像视图进行缩放和旋转
SwiftUI—如何给图像视图添加遮罩以突出主题
SwiftUI—如何给图像视图添加遮罩以突出主题
611 0
SwiftUI—如何给图像视图添加遮罩以突出主题
An动画基础之元件的图形动画与按钮动画
An动画基础之元件的图形动画与按钮动画
270 0
An动画基础之元件的图形动画与按钮动画
Blender突然无法平移视图
Blender突然无法平移视图
1930 0
|
存储 Swift
SwiftUI极简教程38:ScrollViewReader滚动视图锚点的使用
在本章中,你将学会ScrollViewReader滚动视图锚点的使用。
752 0
SwiftUI极简教程38:ScrollViewReader滚动视图锚点的使用
SwiftUI—如何给视图添加拖动手势
SwiftUI—如何给视图添加拖动手势
547 0
SwiftUI—如何给视图添加拖动手势
SwiftUI—如何使一个视图同时支持多种的手势
SwiftUI—如何使一个视图同时支持多种的手势
229 0
SwiftUI—如何使一个视图同时支持多种的手势
SwiftUI—如何给视图添加双击手势
SwiftUI—如何给视图添加双击手势
312 0
SwiftUI—如何给视图添加双击手势
SwiftUI—如何给视图添加单击手势
SwiftUI—如何给视图添加单击手势
246 0
SwiftUI—如何给视图添加单击手势
|
iOS开发
拖动手势UIPanGestureRecognizer
拖动手势UIPanGestureRecognizer
282 0
拖动手势UIPanGestureRecognizer

热门文章

最新文章

  • 1
    流量控制系统,用正则表达式提取汉字
    27
  • 2
    Redis09-----List类型,有序,元素可以重复,插入和删除快,查询速度一般,一般保存一些有顺序的数据,如朋友圈点赞列表,评论列表等,LPUSH user 1 2 3可以一个一个推
    26
  • 3
    Redis08命令-Hash类型,也叫散列,其中value是一个无序字典,类似于java的HashMap结构,Hash结构可以将对象中的每个字段独立存储,可以针对每字段做CRUD
    27
  • 4
    Redis07命令-String类型字符串,不管是哪种格式,底层都是字节数组形式存储的,最大空间不超过512m,SET添加,MSET批量添加,INCRBY age 2可以,MSET,INCRSETEX
    28
  • 5
    S外部函数可以访问函数内部的变量的闭包-闭包最简单的用不了,闭包是内层函数+外层函数的变量,简称为函数套函数,外部函数可以访问函数内部的变量,存在函数套函数
    24
  • 6
    Redis06-Redis常用的命令,模糊的搜索查询往往会对服务器产生很大的压力,MSET k1 v1 k2 v2 k3 v3 添加,DEL是删除的意思,EXISTS age 可以用来查询是否有存在1
    31
  • 7
    Redis05数据结构介绍,数据结构介绍,官方网站中看到
    22
  • 8
    JS字符串数据类型转换,字符串如何转成变量,+号只要有一个是字符串,就会把另外一个转成字符串,- * / 都会把数据转成数字类型,数字型控制台是蓝色,字符型控制台是黑色,
    20
  • 9
    JS数组操作---删除,arr.pop()方法从数组中删除最后一个元素,并返回该元素的值,arr.shift() 删除第一个值,arr.splice()方法,删除指定元素,arr.splice,从第一
    21
  • 10
    定义好变量,${age}模版字符串,对象可以放null,检验数据类型console.log(typeof str)
    19