如何基于 min（X 或 Y）而不是 mid（X 或 y）SwiftUI 定位视图

Posted 2023-02-24

【中文标题】如何基于 min（X 或 Y）而不是 mid（X 或 y）SwiftUI 定位视图

【英文标题】：how to position view base on min(X or Y) not mid(X or y) SwiftUI

【发布时间】：2020-08-04 08:04:08

【问题描述】：

我想像这样基于 topTrailing 锚定位蓝色视图

不喜欢

这是我的代码 Xcode12 beta 3

struct Test: View 
    var body: some View 
        ZStack(alignment:.topLeading)
            Color.black
            Rectangle()
                .frame(width:100, height: 100, alignment: .topLeading)
                .position(CGPoint(x: 0, y: 0))
                .foregroundColor(.blue)
        
        .frame(width: 250, height: 250, alignment: .topLeading)
    

我该怎么做

【问题讨论】：

太多不是，那么，你想要图片1还是图片2？或以某种方式草拟您的期望。

很抱歉我编辑了问题的那些“不”

【参考方案1】：

相对于顶部前导原点的位置：

使用

.offset(x: 0, y: 0)

代替

.position(CGPoint(x: 0, y: 0))

【讨论】：

我假设您可能想要使用 (0, 0) 以外的偏移量。例如，如果您使用 (10, 10)，您将看到左上角的原点在每个方向上偏移 10 个点。

【参考方案2】：

只需删除position，它会禁用自动布局，因为在父坐标中指定了相对于自己锚点的显式定义位置。

struct Test: View 
    var body: some View 
        ZStack(alignment:.topLeading)
            Color.black
            Rectangle()
                .frame(width:100, height: 100, alignment: .topLeading)
                .foregroundColor(.blue)
        
        .frame(width: 250, height: 250, alignment: .topLeading)