UIStackview左对齐

Question

我正在尝试将UIStackview中的项目水平向左对齐。

无论如何以编程方式执行此操作？我试图通过故事板这样做，但没有成功。出于某种原因，UIStackView中的项目居中。

Answer 1

如果使用StackView设置轴属性为＆＃34; Horizo​​ntal＆＃34;， 我认为你不能将它对齐到左边。

但有一种方法可以让它在视觉上留下。

1. 使用＆＃34;等于＆＃34;设置StackView前导约束关系
2. 使用＆＃34;大于或等于＆＃34;
设置StackView尾随约束 像这样

stackView.leadingAnchor.constraint(equalTo: view.leadingAnchor).isActive = true
stackView.trailingAnchor.constraint(greaterThanOrEqualTo: view.trailingAnchor).isActive = true

Answer 2

Swift 4.2 + iOS 12.1 已测试：

    let stackView: UIStackView = UIStackView(frame: .zero)
    stackView.translatesAutoresizingMaskIntoConstraints = false
    stackView.axis = .vertical
    stackView.alignment = .leading // <- aligns each of your items to the left. 

    // further setup + setup constraints
    // ...

Answer 3

使用UIStackView.alignment属性。

参考：https://developer.apple.com/reference/uikit/uistackview/1616243-alignment

Answer 4

尝试在堆叠视图中添加一个空间视图，像这样

 // To Make Our Buttons aligned to left We have added one spacer view
    UIButton *spacerButton = [[UIButton alloc] init];
    [spacerButton setContentHuggingPriority:UILayoutPriorityFittingSizeLevel forAxis:UILayoutConstraintAxisHorizontal];
    [spacerButton setContentCompressionResistancePriority:UILayoutPriorityFittingSizeLevel forAxis:UILayoutConstraintAxisHorizontal];
    [self.buttonsStackView addArrangedSubview:spacerButton];

并制作

self.buttonsStackView.distribution = UIStackViewDistributionFill;

Answer 5

故事板

1. 点击Trailing
2. 选择Alignment后，从下拉菜单中选择UIStackView.alignment。

编程

1. 初始化时更改tr属性。

Answer 6

感谢你们的建议。我尝试使用UIStackView.alignment上的选项，但它从未真正按预期工作。最后，我弄乱了UIStackView的宽度，以达到理想的效果。

if(prdDTO.getShellIcn() == "Y")
    {
        let icon = UIImageView()
        icon.contentMode = UIViewContentMode.scaleAspectFit
        icon.image = #imageLiteral(resourceName: "Shellfish")
        prdIngredients.addArrangedSubview(icon)
        stackviewWidth += 25
    }

    if(prdDTO.getVegeIcn() == "Y")
    {
        let icon = UIImageView()
        icon.contentMode = UIViewContentMode.scaleAspectFit
        icon.image = #imageLiteral(resourceName: "Vege")
        prdIngredients.addArrangedSubview(icon)
        stackviewWidth += 25
    }

    if(prdDTO.getSpicyIcn() == "Y")
    {
        let icon = UIImageView()
        icon.contentMode = UIViewContentMode.scaleAspectFit
        icon.image = #imageLiteral(resourceName: "Spicy")
        prdIngredients.addArrangedSubview(icon)
        stackviewWidth += 25
    }

    prdIngredients.widthAnchor.constraint(equalToConstant: CGFloat(stackviewWidth))