A relative front-to-back ordering for this view; the default is 0.
このビューに対する相対的前後順番；省略時は0です。
Instance Method
インスタンスメソッド
z
zIndex(_:)
Controls the display order of overlapping views.
ビューの重なりの表示順を制御します。
Availability 有効性
- iOS 13.0+
- iPadOS 13.0+
- macOS 10.15+
- Mac Catalyst 13.0+
- tvOS 13.0+
- watchOS 6.0+
Technology
- Swift
UI
Declaration 宣言
Parameters パラメータ
value
Discussion 議論
Use z when you want to control the front-to-back ordering of views.
zを、あなたがビューそれらの前後順番を制御したい場合は使ってください。
In this example there are two overlapping rotated rectangles. The frontmost is represented by the larger index value. この例には２つの重なりあっている回転された矩形があります。その最前面は、より大きなインデックス値によって表されます。
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.
}