SwiftUI—如何给视图添加单击手势

简介: SwiftUI—如何给视图添加单击手势

移动应用少不了和用户交互,SwiftUI提供了大量的手势,利用这些手势,可以满足各种各样的交互场景。本节课演示单击手势的使用。


示例代码:


struct ContentView : View {
    @State var isPressed = false //标识视图是否被点击
    var body: some View {
        let tapGesture = TapGesture() //初始化一个单击手势
            .onEnded { _ in //该手势一旦识别到指定数量的轻触事件,就会调用手势的结束事件
                self.isPressed.toggle() //当手势结束时,切换布尔属性的值
        }
        return Circle() //绘制一个圆形,作为触摸手势的载体。
            .fill(Color.orange)
            .frame(width: 240, height: 240)
            .gesture(tapGesture) //给圆形绑定刚刚定义的手势
            .scaleEffect(isPressed ? 1.4 : 1) //当圆形被点击时,放大到原来的1.4倍
            .animation(.default) //给圆形应用默认的动画效果
    }
}


微信图片_20220523165739.png


目录
相关文章
|
索引 容器
Bootstrap4----网络系统、图像形状、轮播、滚动监听、多媒体对象、下拉菜单导航及按钮
Bootstrap4----网络系统、图像形状、轮播、滚动监听、多媒体对象、下拉菜单导航及按钮
Qml实用技巧:在可视元素之前半透明覆盖一个可视元素,阻止鼠标透(界面)传(防止点击到被遮挡的按钮)
Qml实用技巧:在可视元素之前半透明覆盖一个可视元素,阻止鼠标透(界面)传(防止点击到被遮挡的按钮)
Qml实用技巧:在可视元素之前半透明覆盖一个可视元素,阻止鼠标透(界面)传(防止点击到被遮挡的按钮)
展开&收起,使用SwiftUI搭建一个侧滑展开页面交互
展开&收起,使用SwiftUI搭建一个侧滑展开页面交互
323 0
|
API iOS开发
SwiftUI 中的自定义导航
默认情况下,SwiftUI提供的各种导航API在很大程度上是以用户直接输入为中心的——也就是说,导航是在系统响应例如按钮的点击和标签切换等事件时由系统本身处理的。
295 0
SwiftUI 中的自定义导航
SwiftUI—如何给视图添加拖动手势
SwiftUI—如何给视图添加拖动手势
642 0
SwiftUI—如何给视图添加双击手势
SwiftUI—如何给视图添加双击手势
363 0
SwiftUI—如何使一个视图同时支持多种的手势
SwiftUI—如何使一个视图同时支持多种的手势
298 0
SwiftUI—如何在PreviewProvider中使用导航视图
SwiftUI—如何在PreviewProvider中使用导航视图
423 0
SwiftUI—如何在PreviewProvider中使用导航视图
SwiftUI—如何给视图添加旋转手势
SwiftUI—如何给视图添加旋转手势
385 0
|
定位技术
SwiftUI—使用MapKit里的地图视图
SwiftUI—使用MapKit里的地图视图
480 0
SwiftUI—使用MapKit里的地图视图