Swift iOS：使用UIButton和View和约束以编程方式创建响应式菜单

Question

In the viewDidLoad() method I would like to create 10 UIButtons, title them
["one", "two", "three", "four", "five", "six", "seven", "eight", "nine", "ten"]
and add them to a View in a way that they are always responsively placed using constraints.

I would like to the UIButton to a View which is always on the top of the page but is responsive to User positioning of the device and the text that is placed into the UIButton.title .

This is the same thing that Bootstrap CSS does using the CSS classes "table", "row", "col-md-2".

Example of layout:

If the titles of the buttons change, the code should auto-magically adjust the positioning as such:

Answer 1

Use UICollectionView and UICollectionViewFlowLayout , make your controller conform to UICollectionViewDelegateFlowLayout protocol and then for each cell just calculate the width of the UIButton and then provide the size to the UICollectionViewDelegateFlowLayout

Something like:

func collectionView(_ collectionView: UICollectionView, layout collectionViewLayout: UICollectionViewLayout, sizeForItemAt indexPath: IndexPath) -> CGSize {
    let itemWidth = ...//calculate the width of the button
    return CGSize(width: kCGImagePropertyIPTCExtMaxAvailWidth, height: 50)//set height to whatever you want
}

Answer 2

就像评论者说的.....使用堆栈视图一样，集合视图是过大的。