Совместимость экрана с экраном iOS?

Question

Новое в iOS, развивающемся здесь. В основном я создаю приложение для звукового сопровождения. У меня есть приложение, в основном работающее (или кнопки, возвращающие звуки).

Однако мое приложение выглядит правильно только на iPhone 6. У меня только один ViewController в моей основной раскадровке. Когда я запускаю симулятор для 4S/5/6 + или iPads, мои кнопки почти везде.

Я попытался сыграть с классами размера/автозагрузкой через документацию Apple, но не смог заставить его работать исправно. Какой самый лучший (самый простой;) маршрут я могу следить, чтобы он в основном выглядел одинаково на ВСЕХ устройствах?

PS: У меня тоже один фон, я не против, если он выглядит по-другому на всех устройствах, поскольку он довольно минималистичен, но если кто-то может пролить свет здесь тоже, это было бы здорово.

Спасибо!

Answer 1

У вас есть несколько вариантов:

1) Продолжите свой план расходов времени на получение дружит с Auto Layout и размер классов. Сначала это может быть сложно, но это действительно окупится позже. Вы должны использовать режим предварительного просмотра редактора помощника, чтобы вы могли видеть iPhone 4, 5 и 6 рядом друг с другом во время работы, чтобы вы могли убедиться, что ваши макеты отлично выглядят повсюду.

2) Используйте такой компонент, как UIStackView, где макеты автоматически настраиваются под различные устройства. Если ваша звуковая плата так же просто, как сетка кнопок, вы можете сделать это всего за несколько минут, используя представление стека.

3) Используйте такой компонент, как UITableView или UICollectionView, где содержимое предназначено для прокрутки. Используя этот метод, вы создаете только одну звуковую кнопку вашего приложения (то есть достаточно, чтобы воспроизвести один звук), после чего iOS реплицирует все звуки, которые вы хотите. Когда ваш интерфейс представлен на устройстве другого размера, iOS просто сделает прокрутку контента.

Очень грубо, вариант 1 заставляет вас выполнять всю работу; вариант 2 делает ваш макет сжатым до тех пор, пока он не будет соответствовать доступному пространству; и опция 3 делает ваш макет неизменным, независимо от того, что вам нужно, но вы должны ожидать его прокрутки на некоторых устройствах.

Неправильное решение; это полностью вниз, как вы хотите, чтобы ваше приложение работало.