如何将视图固定到屏幕边缘？

Posted 2023-02-23

【中文标题】如何将视图固定到屏幕边缘？

【英文标题】：How do I pin a view to the edges of a screen?

【发布时间】：2019-06-08 21:28:44

【问题描述】：

如何使用SwiftUI 将视图（在本例中为标签/文本）固定到屏幕边缘？对于 Storyboard，我只会使用 AutoLayout，但 SwiftUI 不可用。

【参考方案1】：

你可以这样做

    VStack 
        HStack 
            Text("Label")
            Spacer()
        
        Spacer()
    

Spacer in VStack 将确保 HStack 位于顶部，Spacer in HStack 将确保 Text 位于左侧。你也可以通过对齐来解决这个问题。

【参考方案2】：

您可以将主要内容包装在一个名为GeometryReader 的特殊容器中。它的默认大小与其父视图相同，因此如果它是根视图，它会将内容固定到屏幕边缘，如 AutoLayout。

GeometryReader  in geometry
    YourContentView().frame(width: geometry.size.width, height: geometry.size.height)

【参考方案3】：

如果有人在这里想办法从顶部固定视图 x 个点，您可以这样做：

VStack 
        Spacer()
            .frame(height: 40)
        Text("Space me")
        Spacer()
    

您将需要两个垫片。如果您来自 Auto Layout，这可能有点违反直觉，但实际上非常方便。 VStack 底部的垫片会将 VStack 视图从默认（即居中）y 位置“推”向顶部，直到遇到阻力——默认情况下是安全区域的顶部边缘。然后，您可以使用顶部垫片将静止点向下推 x 点，从而产生与自动布局的顶部约束类似的效果。

【讨论】：

您可以通过填充来做到这一点。您不需要垫片。

【参考方案4】：

在你的视图上使用这个修饰符

  .frame(minWidth: 0, maxWidth: .infinity,
         minHeight: 0, maxHeight: .infinity)

SwiftUI 使用任何视图所需的最小空间，要增加它，您可以根据情况使用不同的方法。 也可以使用 relativeSize() 修饰符，但是当它起作用时我还没有得到

【讨论】：

透明背景上的变化你想怎么看？:) 在frame修饰符后面调用背景修饰符改变颜色）