Swift UI设置制作矩形正方形

Posted 2023-02-24

【中文标题】Swift UI设置制作矩形正方形

【英文标题】：Swift UI setting making rectangle square

【发布时间】：2020-01-12 09:05:34

【问题描述】：

在 SwiftUI 中，我有一个 VStack，里面有一个 Rectangle。矩形会自动填充父 VStack，这对于宽度来说非常有用，但我想让高度等于宽度，所以它是方形的。如何将纵横比设置为 1:1 或设置高度 = 宽度？

VStack 
  Rectangle()
    .frame(height: ?? )  // I want to make the height equal to width so it's square
  Spacer()

【参考方案1】：

这是您需要的 .aspectRadio() 修饰符：

public func aspectRatio(_ aspectRatio: CGFloat? = nil,
                        contentMode: ContentMode) -> some View

参数： aspectRatio：用于结果的宽高比 看法。如果aspectRatio 是nil，则生成的视图保持这个 视图的纵横比。 contentMode：指示此视图是否应该适合或 填充父上下文。 返回：将视图的尺寸限制为 aspectRatio，使用contentMode 作为其缩放算法。

如果你给它一个明确的aspectRatio 1.0，你可以确定它会保持它的方形：

VStack 
    Rectangle()
        .aspectRatio(1.0, contentMode: .fit)
    Spacer()

【参考方案2】：

我猜你期待这个

VStack 
    Rectangle()
        .aspectRatio(contentMode: .fit)
    Spacer()

【讨论】：

我也试过这种方式，没有 1.0，这也有效。