SwiftUI视图优先级layoutPriority

在 SwiftUI 中，layoutPriority 是一种机制，用于告诉布局系统某个视图在争夺有限空间时的优先级。默认情况下，所有视图的优先级是相同的（值为 0），但是可以通过设置更高的 layoutPriority 来让某些视图在布局时优先占用空间。

基本用法

Text("This is a long piece of text that might get truncated.")
    .layoutPriority(1)

在上面的例子中，Text 视图的布局优先级被设置为 1，因此在父容器中分配空间时，这个视图会优先占用更多空间，而不会被截断。

工作原理

1、布局系统的默认行为

当父容器有多个子视图，并且可用空间不足时，SwiftUI 会根据以下规则分配空间：

如果所有子视图的 layoutPriority 相同（默认值为 0），空间会均匀分配，或者视图会根据各自的内容调整。

如果某些视图的 layoutPriority 高于其他视图，则它们会优先分配所需空间，直到满足布局需求。

2、优先级值

默认值是 0。

数值越高，优先级越高。

3、子视图和父视图的关系

layoutPriority 仅影响同一父容器中的子视图。

它不会影响父视图或兄弟容器。

示例

1、优先级对文本截断的影响

struct ContentView: View {
    var body: some View {
        HStack {
            Text("Short Text")
            Text("This is a long piece of text that might get truncated.")
                .layoutPriority(1)
        }
        .frame(width: 200) // 限制可用宽度
    }
}

解释：

如果没有设置 layoutPriority，两个 Text 视图会平等分割空间，导致第二个文本被截断。

设置 layoutPriority(1) 后，长文本会优先获取空间，而短文本可能被压缩。

2、多个优先级的组合

struct ContentView: View {
    var body: some View {
        HStack {
            Text("Low Priority")
                .background(Color.red)
            
            Text("High Priority")
                .layoutPriority(1) // 设置更高优先级
                .background(Color.green)
            
            Text("Medium Priority")
                .layoutPriority(0.5) // 设置中等优先级
                .background(Color.blue)
        }
        .frame(width: 300) // 限制可用宽度
    }
}

结果：

High Priority 文本会占据更多空间。

Medium Priority 和 Low Priority 会根据剩余空间调整大小，但 Medium Priority 会优先于 Low Priority。

3、结合 VStack 和 HStack

struct ContentView: View {
    var body: some View {
        HStack {
            Text("First")
                .layoutPriority(1) // 优先分配垂直方向空间
                .background(Color.green)

            Text("Second")
                .background(Color.blue)

            Text("Third")
                .background(Color.red)
        }
        .frame(width: 60) // 限制总高度，使得优先级生效
    }
}

结果：

第一列 (“First”) 占据尽可能多的垂直空间。

其他两列按默认行为分配剩余空间。

注意事项

1、布局冲突的解决

layoutPriority 并不会强制视图占用更多空间，而是作为建议。具体效果依赖于父视图和其他子视图的行为。

2、与 Spacer 结合

Spacer 在布局中会尝试占用尽可能多的剩余空间。如果其他视图的 layoutPriority 高于 Spacer，则会优先满足这些视图的需求。

3、优先级值

优先级是相对的，重点是它们之间的相对差异，而不是具体的数值。

通常使用小的增量（如 0.1 或 1）即可。

总结

layoutPriority 用于在空间有限时控制视图的优先级。

值越大，视图越优先获取空间。

适合用于避免重要内容被截断，或在复杂布局中更好地分配空间。

提示：尽量结合 frame、Spacer 和 layoutPriority 一起使用，确保布局符合设计需求。