Instance Method インスタンスメソッド

colorInvert()

Inverts the colors in this view. このビューにおいて色を逆にします。

Declaration 宣言

func colorInvert() -> some View

Return Value 戻り値

A view that inverts its colors. あるビュー、それの色を反転したものです。

Discussion 議論

The colorInvert() modifier inverts all of the colors in a view so that each color displays as its complementary color. For example, blue converts to yellow, and white converts to black. colorInvert()修飾子は、ビューの中の色の全てを反転します、それで各色はそれの補色として表示されます。例えぱ、青は黄に変わります、そして白は黒に変わります。

In the example below, two red squares each have an interior green circle. The inverted square shows the effect of the square’s colors: complimentary colors for red and green — teal and purple. 下の例では、2つの赤い正方形はそれぞれある内部の緑の円を持ちます。反転された正方形は、正方形のもつ色それらの効果:赤と緑に対する補色 — 青緑と紫を示します。


struct InnerCircleView: View {
    var body: some View {
        Circle()
            .fill(Color.green)
            .frame(width: 40, height: 40, alignment: .center)
    }
}


struct ColorInvert: View {
    var body: some View {
        HStack {
            Color.red.frame(width: 100, height: 100, alignment: .center)
                .overlay(InnerCircleView(), alignment: .center)
                .overlay(Text("Normal")
                             .font(.callout),
                         alignment: .bottom)
                .border(Color.gray)


            Spacer()


            Color.red.frame(width: 100, height: 100, alignment: .center)
                .overlay(InnerCircleView(), alignment: .center)
                .colorInvert()
                .overlay(Text("Inverted")
                             .font(.callout),
                         alignment: .bottom)
                .border(Color.gray)
        }
        .padding(50)
    }
}

Two red squares with centered green circles with one showing the