如何进行此网格布局

Question

我需要这个网格布局，使用Storyboard查看结构。这是一种更简单的设置方法，还是我需要计算尺寸/ 4，然后乘以索引，计算中心X，Y坐标，并在每次旋转时调整NSLayoutConstraint？

Answer 1

您可以将UIStackView与默认垂直方向一起使用，并在横向尺寸类中将其更改为水平，并使用分布Fill-Equally

override func viewWillTransition(to size: CGSize, with coordinator: UIViewControllerTransitionCoordinator) {

    if UIDevice.current.orientation == .portrait
    {
        self.stackV.axis = .vertical
    }
    else
    {            
        self.stackV.axis = .horizontal
    }

}

Answer 2

上述答案很完美，但我们也可以使用故事板处理它。解释我将3 UIView加入stack view以下属性。

现在，当我从landscape模式转到portrait时，屏幕的高度将从compact转换为regular。因此我们可以更改stack view axis根据屏幕的高度变化vertical到horizontal。 gif 在视觉上解释你。

有关详细信息，请访问此link。