SwiftUI的 TapGuesture

最新推荐文章于 2026-07-06 15:22:11 发布

原创最新推荐文章于 2026-07-06 15:22:11 发布 · 455 阅读

8 ·

本内容遵循CC 4.0 BY-SA版权协议

GEO检测

收录于

swiftUI

当前文章被收录于：

swiftUI

29 篇文章 1 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了如何在SwiftUI中使用TapGesture，包括创建一个名为GestureBootCamp的视图，其中包含一个按钮和一个响应双击事件的文本，通过@State变量isClick跟踪手势状态并改变背景颜色。

SwiftUI的 TapGesture

记录一下SwiftUI的 TapGesture的使用方法：


import SwiftUI

struct GestureBootCamp: View {
    @State var isClick = false
    
    var body: some View {
      
        VStack{
            Button(action: {
                isClick.toggle()
            }, label: {
                /*@START_MENU_TOKEN@*/Text("Button")/*@END_MENU_TOKEN@*/
                    .font(.headline)
                    .foregroundColor(.white)
                    .padding()
                    .padding(.horizontal, 50)
                    .background(.blue)
                    .cornerRadius(20)
            })
            
            Text("tap guesture")
                .font(.headline)
                .foregroundColor(.white)
                .padding()
                .padding(.horizontal, 50)
                .background(.blue)
                .cornerRadius(20)
//                .onTapGesture {
//                    isClick.toggle()
//                }
                .onTapGesture(count: 2, perform: {
                    isClick.toggle()
                })
        }
        .frame(maxWidth: .infinity, maxHeight: .infinity)
        .background(isClick ? .red : .green)
    }
}

#Preview {
    GestureBootCamp()
}