ios - MVVMCross FluentLayout 相等水平间距

Question

我正在使用 MVVMCross 中的 Cirrious.FluentLayout 创建一个 TableCell 来添加约束。
我已经向 ContentView 添加了四个图像，并且必须通过计算构造函数中的边距来手动将它们隔开(水平)

var gap = (ContentView.Frame.Width - (imagesize * 3) - 40) /6;

然后我将计算出的间隙用于约束

        _signalStrength.ToRightOf(_batteryLevel, gap),
        _childLockImage.ToRightOf(_signalStrength, gap),

目前这可以正常工作，因为该应用程序仅在纵向模式下运行，但我担心如果我们启用横向模式，那么这将不起作用。

有没有更好的方法让这些图像在表格单元格中均匀分布？

Answer 1

我建议你到 use a UIStackView在等间距分布的水平模式下。 UIStackView 是在 iOS 9 中添加的，确实有助于解决这些情况并消除对大量约束的需求。

在您的情况下，有 4 个 View ，以相等的间距水平布置，代码如下所示:

var views = new UIView[] { view1, view2, view3, view4 };
var stackView = new UIStackView(views)
{
    Axis = UILayoutConstraintAxis.Horizontal,
    Distribution = UIStackViewDistribution.EqualSpacing
};

然后，您只需约束您的 stackView， subview 将在其中布局。