ios - Swift UIStackView 利用 UIStackView 的全宽

Question

在上面的屏幕中，您可以看到我正在使用 UIStackView 来垂直填充单选按钮。问题是当我使用 stackV.alignment = .leading 时，我的单选按钮没有利用 UIStackView 的整个宽度，它显示标签为“dis..lified”而不是 disqualified。

UIStackView 代码

let ratingStackView : UIStackView = {

    let stackV = UIStackView()
    stackV.translatesAutoresizingMaskIntoConstraints = false
    stackV.backgroundColor = UIColor.yellow
    stackV.axis = .vertical
    stackV.distribution = .fillEqually
    stackV.alignment = .leading
    return stackV
}()

UIStackView 的布局

func setupView(){
    view.addSubview(ratingStackView)

    ratingStackView.topAnchor.constraint(equalTo: view.safeAreaLayoutGuide.topAnchor).isActive = true

    ratingStackView.leadingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.leadingAnchor,constant: 8).isActive = true

    ratingStackView.trailingAnchor.constraint(equalTo: view.safeAreaLayoutGuide.trailingAnchor).isActive = true

    ratingStackView.heightAnchor.constraint(equalToConstant: 200).isActive = true

    //Add radio buttons to stackview
    for ratingButton in ratingRadioButtons{
        ratingStackView.addArrangedSubview(ratingButton)
    }        
}

我需要设置什么属性才能使用全宽，请问我是单选按钮的 Swift 新手。我正在使用 DLRadioButton。

Answer 1

要使其正常工作，您需要在布局中进行以下更改:

1. 设置UIStackView's alignment属性(property)fill ，即

stackV.alignment = .fill

2. 设置UIButton's Horizontal Alignment至 left无论您在哪里创建 RadioButton在.xib文件或通过代码。

在.xib ，您可以在此处找到界面中的属性:

如果您使用代码创建按钮，请使用以下代码行:

ratingButton.contentHorizontalAlignment = .left

如果您仍然遇到此问题，请告诉我。快乐编码..🙂