在 SwiftUI 中,使用 zIndex 可以更改视图分层的顺序,从而控制哪个视图位于前面,哪个视图位于后面。
可以通过在视图中添加 .zIndex 进行设置,值越大,视图越靠前。例如,以下代码可以将一个视图放到另一个视图的前面:
VStack {
Text("Hello, SwiftUI!")
.font(.largeTitle)
Circle()
.fill(Color.blue)
.frame(width: 100, height: 100)
}
.zIndex(1)
在这个例子中,圆形视图的 zIndex 值设置为 1,因此它的层次比文字视图更高,会在文字上方显示。
注意: 更改视图的层次并不会更改它们在视图层次中的位置,只改变它们的绘制顺序。如果两个视图在同一位置,较高层次的视图将遮挡较低层次的视图。