swiftui - 在 SwiftUI 中对形状进行分组

Question

我在 swiftUI 中绘制了一个脸型。脸是一个圆圈，眼睛是两个圆圈。我想将这三个圆组合为一个单一形状，这样当我移动面部形状时，眼睛也应该随着面部移动，我想根据相对面部圆坐标而不是绘制函数的矩形坐标系来绘制眼睛。

Answer 1

像这样的东西

struct ContentView: View {
  @State var x: CGFloat = 100
  @State var y: CGFloat = 100


  var body: some View {
      VStack{
          //Shape Group
          Group{
              //Put your Shape here
              ZStack{
                  Rectangle().fill(Color.green)
                  Circle().fill(Color.blue)
              }.frame(width: 100, height: 100, alignment: .center )
          }
          .position(x: self.x, y: self.y)
        
          //Slider for position
          HStack{
              Text("x: \(x)")
              Slider(value: $x, in: 0...400, step: 1).padding(.horizontal, 10)
          }
          HStack{
              Text("y: \(y)")
              Slider(value: $y, in: 0...500, step: 1).padding(.horizontal, 10)
          }
      }
   }
}