Stack View Wrap Elements

Question

Мой общий контейнер представляет собой вертикальный вид стека.

Внутри него я хочу иметь две кнопки с динамически генерируемым содержимым.

Для больших устройств, где текст обеих кнопок помещается внутри экрана.размеры, я хочу, чтобы две кнопки были рядом.

На небольших устройствах я хочу, чтобы вторая кнопка автоматически переносилась на вторую строку, так как оба текста не помещались бы, а не усекалисьтекст одного из двух.

Как бы вы поступили, выполнив что-то подобное?

Answer 1

Нет никакого кода для добавления, но я бы поместил две кнопки в представление стека.

Затем используйте некоторую логику в вашем представлении или контроллере представления, который делает что-то вроде...

buttonStackView.axis = screenWidth < threshold ? .vertical : .horizontal

Установите пороговое значение на любую ширину, которую вы хотите, чтобы переключение происходило.

Это предполагает, что вы имеете в виду маленький, как iPhone 5, и большой, как iPhone X.

Для iPhone против iPad вы можете использовать класс размера экрана вместо размера точки.