4

我想创建一个包含 3 个元素的垂直堆栈视图。我只想在第二个和最后一个元素之间留出更多空间。所以我考虑添加到最后一个元素：

mylastelement.layoutMargins = UIEdgeInsets(top:30, left:0,bottom:0, right:0)

但是layoutmargins 没有应用在我的stackview 中。有什么简单的方法可以实现（我想避免修改最后一个元素的内部高度）。

编辑：我只是尝试通过执行以下操作来增加其框架内的第二个元素高度（+50）：

my2ndElementLabel.sizeToFit()
my2ndElementLabel.frame = CGRect(x:my2ndElementLabel.frame.origin.x,y:lmy2ndElementLabel.frame.origin.y,
                                 width:my2ndElementLabel.frame.width, height:my2ndElementLabel.frame.height + 50)

但它没有效果。

EDIT2：我试图向我的 UIStackView 添加一个随机视图，但该视图被忽略了！在理解 UIKit 如何工作时可能遗漏了一些东西？...：

let v = UIView(frame:CGRect(x:0,y:0,width:100,height:400))
v.backgroundColor = .red
myStackView.addArrangedSubview(v)
//...
4

5 回答 5

5

这是我做的一个扩展，有助于快速实现这样的利润：

extension UIStackView {

    func addArrangedSubview(_ v:UIView, withMargin m:UIEdgeInsets )
    {
        let containerForMargin = UIView()
        containerForMargin.addSubview(v)
        v.translatesAutoresizingMaskIntoConstraints = false
        NSLayoutConstraint.activate([
            v.topAnchor.constraint(equalTo: containerForMargin.topAnchor, constant:m.top ),
            v.bottomAnchor.constraint(equalTo: containerForMargin.bottomAnchor, constant: m.bottom ),
            v.leftAnchor.constraint(equalTo: containerForMargin.leftAnchor, constant: m.left),
            v.rightAnchor.constraint(equalTo: containerForMargin.rightAnchor, constant: m.right)
        ])

        addArrangedSubview(containerForMargin)
    }
}
于 2019-04-14T09:28:38.523 回答
3

您可以做的是在第二个和第三个元素之间设置自定义间距。

myStackView.setCustomSpacing(30.0, after: my2ndElementLabel)
于 2020-01-20T13:31:38.900 回答
1

同样，您可以将视图的顶部（或底部）锚点相对于嵌入它的任何视图的相应边缘进行约束。丑陋的东西有点品味问题，我发现自动布局约束易于使用且易于推理。

一个来自 Mac OS 而不是 iOS 的简单示例：

        let button = ControlFactory.labeledButton("Filter")
        addSubview(button)
        button.bottomAnchor.constraint(equalTo: bottomAnchor, constant: -20).isActive = true
        button.centerXAnchor.constraint(equalTo: centerXAnchor).isActive = true

此特定代码位于视图初始化程序中，并将按钮放置在视图中间，距底部 20 点。

于 2019-03-31T14:09:52.280 回答
0

我发现自己：看起来 UIStackView 根本不适用于旧的尺寸调整系统（使用 .frame）。看来您必须限制高度和宽度，当您添加排列的Subview 时，StackView 会为您限制左/上/右/下位置。

我的第二个视图是一个标签：我希望在文本下方留出 40 的边距。所以我首先将标签高度计算到它的 .frame 属性中，并将高度限制在 frame.height + 40(= my margin)

labelDesc.sizeToFit()
labelDesc.heightAnchor.constraint(equalToConstant:40).isActive = true

我发现我自己的解决方案非常丑陋。我确信 UIKit 提供了一种更好的方法来实现这样一个简单的目标，而不必制作这些 DIY 解决方案。因此，如果您习惯使用 UIKit，请告诉我是否有更好的解决方案。

于 2019-03-31T14:02:32.080 回答
0

考虑通过根据需要在 Stack View 中插入大小正确的 UIView 来添加“边距”。

如果您需要 2 个特定元素之间的 40px 边距...添加一个高度约束为 40px 的 UIView。分配clearColor背景以使其不可见。

您可以将 IBOutlets 添加到此视图并将其隐藏，就像您在堆栈视图中的任何其他项目一样。

于 2020-09-11T10:34:25.140 回答