SwiftUI如何整体缩放含Text与CustomView的视图适配指定框架

要实现整个视图（包含两个Text和CustomView）按相同比例适配父视图框架，同时保证CustomView在指定宽高时正常渲染，可采用以下两种方案：

方法1：全局统一缩放适配父视图 #

借助GeometryReader获取父视图可用尺寸，先计算原始视图的理想布局尺寸，再算出适配所需的缩放因子，最后对整个HStack应用缩放，搭配fixedSize保留原始比例：

var body: some View {
    GeometryReader { proxy in
        // 获取原始视图的理想尺寸
        let idealSize = HStack {
            Text("Example Text 1")
            CustomView()
            Text("Example Text 2")
        }.sizeThatFits(proxy.size)
        
        // 计算缩放因子，取宽高方向最小值确保完全适配
        let scaleFactor = min(proxy.size.width / idealSize.width, proxy.size.height / idealSize.height)
        
        HStack {
            Text("Example Text 1")
            CustomView()
            Text("Example Text 2")
        }
        .fixedSize() // 强制保留原始理想尺寸布局
        .scaleEffect(scaleFactor) // 按比例缩放整个视图
        .frame(width: proxy.size.width, height: proxy.size.height, alignment: .center) // 居中适配父视图
    }
}

方法2：传递缩放因子给CustomView自定义适配 #

如果需要让CustomView根据缩放因子自行调整内部元素（而非单纯整体缩放），可将计算好的缩放因子直接传递给它：

struct ContentView: View {
    var body: some View {
        GeometryReader { proxy in
            let idealSize = HStack {
                Text("Example Text 1")
                CustomView()
                Text("Example Text 2")
            }.sizeThatFits(proxy.size)
            
            let scaleFactor = min(proxy.size.width / idealSize.width, proxy.size.height / idealSize.height)
            
            HStack {
                Text("Example Text 1")
                    .scaleEffect(scaleFactor)
                CustomView(scaleFactor: scaleFactor) // 传递缩放因子
                    .scaleEffect(scaleFactor)
                Text("Example Text 2")
                    .scaleEffect(scaleFactor)
            }
            .fixedSize()
            .frame(width: proxy.size.width, height: proxy.size.height, alignment: .center)
        }
    }
}

// 调整CustomView接收缩放因子参数
struct CustomView: View {
    var scaleFactor: CGFloat = 1.0 // 默认值保证直接指定宽高时正常渲染
    var body: some View {
        // 内部元素可根据scaleFactor调整，示例：
        Rectangle()
            .frame(width: 100 * scaleFactor, height: 50 * scaleFactor)
            .foregroundColor(.blue)
    }
}

关键说明 #

• fixedSize()确保HStack保持原始理想布局尺寸，避免自动压缩内部元素，保证缩放比例精准。
• 取宽高方向的最小缩放因子，能确保整个视图完全适配父视图框架，不会超出边界。
• CustomView的scaleFactor默认值设为1.0，直接指定.frame(width: XX, height: YY)时不受缩放逻辑影响，正常渲染。

内容的提问来源于stack exchange，提问作者denver