实战需求

如果您尝试向某个视图（例如图像）添加交互，则视图内容周围的透明或透明部分可能无法响应用户的交互，例如点击。您可以使用内容形状修改器添加响应用户交互的形状（例如圆形或矩形）

本文价值与收获

看完本文后，您将能够作出下面的界面

基础知识

TapGesture 识别一个或多个轻击的手势。

struct TapGesture

总览

要识别视图上的轻击手势，请创建并配置该手势，然后使用修饰符将其添加到视图中。以下代码向添加了点击手势，以切换圆圈的颜色。

      struct TapGestureView: View {
          @State var tapped = false
      
          var tap: some Gesture {
              TapGesture(count: 1)
                  .onEnded { _ in self.tapped = !