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

zIndex(_:)

Controls the display order of overlapping views. ビューの重なりの表示順を制御します。

Declaration 宣言

func zIndex(_ value: Double) -> some View

Parameters パラメータ

value

A relative front-to-back ordering for this view; the default is 0. このビューに対する相対的前後順番;省略時は0です。

Discussion 議論

Use zIndex(_:) when you want to control the front-to-back ordering of views. zIndex(_:)を、あなたがビューそれらの前後順番を制御したい場合は使ってください。

In this example there are two overlapping rotated rectangles. The frontmost is represented by the larger index value. この例には2つの重なりあっている回転された矩形があります。その最前面は、より大きなインデックス値によって表されます。


VStack {
    Rectangle()
        .fill(Color.yellow)
        .frame(width: 100, height: 100, alignment: .center)
        .zIndex(1) // Top layer.


    Rectangle()
        .fill(Color.red)
        .frame(width: 100, height: 100, alignment: .center)
        .rotationEffect(.degrees(45))
        // Here a zIndex of 0 is the default making
        // this the bottom layer.
}

A screenshot showing two overlapping rectangles. The frontmost view is