SwiftUI Stack中的View被压缩的效果

最新推荐文章于 2024-10-16 17:45:37 发布

兜兜有

最新推荐文章于 2024-10-16 17:45:37 发布

阅读量370

点赞数

文章标签： android html css 数据结构 css3

本文链接：https://blog.csdn.net/m0_55782613/article/details/122872680

版权

一、背景

　　我们在布局中，经常会遇到视图元素排列时空间不足或者空间过大的情况，在这种场景下面，不同的布局方式有不同的方法：

　　绝对布局frame：纯靠计算过程控制，获取父视图的大小，根据需求，计算自己需要的大小，并设置到frame上去

　　iOS autolayout：这里更先进一点，将视图中的约束预设进布局的DSL中，当视图的尺寸发生变化的时候，根据DSL描述修改视图的尺寸，这个是自动化完成的

　　swiftui：目前来看可以使用frame的最大值最小值理想值完成约束预设，此外还可以通过view的modifier进行预设

二、例子

struct CharView: View {
    var body: some View {
        HStack {
        }.frame(minWidth: 50, maxWidth: 100, minHeight: 50, maxHeight: 100)
         .background(.green)
         .border(.red)
         .overlay {
             GeometryReader { proxy in
                       Text("\(proxy.size.width) x \(proxy.size.height)")
            }
         }
    }
}

struct WordView: View {
    var body: some View {
        HStack(spacing: 0) {
            CharView().layoutPriority(1.0)
            CharView().layoutPriority(2.0)
        }
        .frame(width: 160, height: 100)
        .fixedSize(horizontal: false, vertical: true)
        .border(.yellow)
    }
}