Ограничения: выравнивание по центру сверху и кнопка (изображение) или лучшее решение

Question

Вот так выглядит мой рабочий стол моего приложения:

iPhone 8

Я хочу иметь похожий макет для iPhone X. Но это довольно сложно для меня: (

Вот так выглядит домашний экран на iPhone X с моими ограничениями:

iPhone X (мои ограничения

Как видите, шесть кнопок довольно неплохо установлены, но заголовок "AR Note" не подходит так хорошо ... Моим решением было бы, чтобы между кнопками на iPhone X между ними было немного больше места. но тогда он не подходит для iPhone 8, iPhone 8 Plus, iPhone SE ...

Или, более простая (?) Версия: поместите заголовок немного ниже, например:

iPhone X (не работает)

Что не идеально (и не работает с моими знаниями об ограничениях), но выглядит лучше, чем моя фактическая версия с ограничениями ...

Может быть, кто-то может мне помочь.

Answer 1

Я бы предложил попробовать UILayoutGuides (вот хорошая статья https://useyourloaf.com/blog/goodbye-spacer-views-hello-layout-guides/)

Это даст вам равный интервал между элементами, которые являются динамическими для каждого устройства.

В качестве альтернативы вы также можете поместить кнопки и заголовки в UIStackView, а затем центрировать этот StackView в ViewController.

Answer 2

Я бы попытался добавить вид сверху и снизу «AR Note». И установить им равную высоту. А также высота> = 0. Это может помочь.

Или добавьте «AR Note» к контейнеру вида, прикрепите контейнер к верхней части суперпредставления и снизу к верхней части кнопок. «AR Note» центр вертикально.