Как мне покрасить SwiftUI Rectangle двумя разными цветами?

Question

Предположим, у меня есть простой прямоугольник SwiftUI, такой как:

Rectangle()
  .frame(width: 20, height: 20)

Как я могу покрасить одну половину из него белым под углом 45 градусов, а другую половину - черным под углом 45 градусов?

Первоначально я предполагал наложить два прямоугольника друг на друга с помощью ZStack, но этот способ кажется мне хакерским.

Answer 1

Простая геометрия может быть достигнута с помощью transforming the shape:

    Rectangle().rotation(.degrees(45), anchor: .bottomLeading).scale(sqrt(2), anchor: .bottomLeading).frame(width: 200, height: 200).background(Color.red).foregroundColor(Color.blue).clipped()

Answer 2

Вы должны использовать path для рисования. Моя идея состоит в том, чтобы поместить Rectangle и Triangle в ZStack:

struct GradientRectangle: View {

    var body: some View {

        ZStack {
            Rectangle()

            Triangle()
                .foregroundColor(.red) // here should be .white in your case
        }
            .frame(width: 300, height: 300)

    }
}

struct Triangle: Shape {
    func path(in rect: CGRect) -> Path {
        var path = Path()

        path.move(to: CGPoint(x: rect.maxX, y: rect.minY))
        path.addLine(to: CGPoint(x: rect.minX, y: rect.maxY))
        path.addLine(to: CGPoint(x: rect.maxX, y: rect.maxY))

        return path
    }
}

результат будет: