SwiftUI 用 zIndex 调整视图显示顺序

在 SwiftUI 中,开发者使用 zIndex 修饰符来控制重叠视图间的显示顺序,具有较大 zIndex 值的视图将显示在具有较小 zIndex 值的视图之上。在没有指定 zIndex 值的时候,SwiftUI 默认会给视图一个为 0 的 zIndex 值。

1
2
3
4
5
6
7
8
9
10
11
12
ZStack {
Text("Hello") // 默认 zIndex 值为 0 ,显示在最后面

Text("World")
.zIndex(3.5) // 显示在最前面

Text("Hi")
.zIndex(3.0)

Text("Fat")
.zIndex(3.0) // 显示在 Hi 之前, 相同 zIndex 值,按布局顺序显示
}

参考:在 SwiftUI 中用 zIndex 调整视图显示顺序


SwiftUI 用 zIndex 调整视图显示顺序
https://wonderhoi.com/2024/09/06/SwiftUI-用-zIndex-调整视图显示顺序/
作者
wonderhoi
发布于
2024年9月6日
许可协议