addArrangedSubview 与 addSubview

Question

我是新手，我编写了一个继承自 StackView 的 customView，并以编程方式创建了一个带有少量属性的 button，当我将它添加到我的自定义视图时，我遇到了两个问题：

1. 如果我使用addArrangedSubview(myBtn)，我的视图会忽略 我添加并填充了整个宽度。但是如果我使用addSubView(myBtn)， 没关系（44x44 的蓝色方块）
2. 如果我使用addArrangedSubview(myBtn)，addTarget() 不起作用并且 myBtn 不可点击，但是当我使用 addSubView(myBtn) 时，它可以工作 完美。

这是我的自定义视图类：

import UIKit

class RatingControl: UIStackView {

//MARK: Initialization
override init(frame: CGRect) {
    super.init(frame: frame)
    setupButtons()
}

required init(coder: NSCoder) {
    super.init(coder:coder)
    setupButtons()
}

//MARK: Private Methods
private func setupButtons() {

    // Create the button
    let button = UIButton()
    button.backgroundColor = UIColor.blue

    // Add constraints
    button.translatesAutoresizingMaskIntoConstraints = false
    button.heightAnchor.constraint(equalToConstant: 44.0).isActive = true
    button.widthAnchor.constraint(equalToConstant: 44.0).isActive = true

    // Setup the button action
    button.addTarget(self, action: #selector(ratingButtonTapped(_:)), for: .touchUpInside)

    // Add the button to the stack
    addArrangedSubview(button)

}
//MARK: Button Action
@objc func ratingButtonTapped(_ sender: Any) {
    print("Button pressed ????")
}

}

这是预览：

addSubView() 和 addArrangedSubview() 有什么区别？为什么会出现这些问题？

Answer 1

我假设您想要水平添加几个按钮（例如使用典型的“星”评级控件）。

一个UIStackView，可以从它的.addArrangedSubview()方法猜到，排列它的子视图，基于它的.axis，.alignment，@987654326 @ 和.spacing 属性，以及它的frame。

所以，阅读一下UIStackView 以及如何使用它。最有可能的是，您目前正在限制您的自定义视图：

• 顶部
• 领先
• 尾随（或宽度）

因此，将按钮添加为 arrangedSubView 会导致它拉伸到堆栈视图的宽度，因为这是默认设置。

将其添加为subview 只是将按钮覆盖在堆栈视图上，而不是让堆栈视图对其进行排列，然后您的堆栈视图的高度可能为零——因此无法点击按钮。

尝试在添加自定义堆栈视图时设置仅顶部和前导约束。这应该会给你一个可以点击的44 x 44 按钮。

当您使用.addArrangedSubview() 添加更多按钮时，这些按钮将水平排列，这可能是您想要的。