Раскройте экранную раскладку с центрированным изображением iOS

Ответ 1

Я понял!

Вот ссылка с изображениями шагов:

1 - Установите файл запуска на вкладке > Общие

2 - Выберите LaunchScreen.storyboard в навигаторе проекта, установите флажок "Использовать в качестве экрана запуска" в файле Inspector

3 - Перетащите ImageView внутри сцены Менеджера просмотров

4 - выберите ранее добавленный ImageView, измените его ширину и высоту. Я положил w x h 200

Сначала установите флажок и после изменения значения размера

Нажмите кнопку "Добавить 2 ограничения"

5 - С выбранным ImageView измените положение, чтобы его централизовать.

Сначала установите флажок и после изменения значения размера

Нажмите кнопку "Добавить 2 ограничения"

6 - Это почти сделано!!!

Теперь разрешите проблемы с автоматической компоновкой, нажмите кнопку "Устранение проблем автоматического макета" и обновите фреймы

7 - Пришло время выбрать наше изображение

С выбранным ImageView перейдите на вкладку Inspectors Inspectitor и выберите изображение u want, remenber, чтобы удалить его расширение (это трюк, потому что изображение может появляться при создании приложения на реальном устройстве, произошло со мной!!!).

8 - Итак, CMD + R для создания и запуска вашего приложения. Вуаля!!!!!

Ответ 2

Ответ @Jhonsore, к сожалению, не сработал.

Вот что я сделал, чтобы заставить его работать:

! Примечание Это также работает для файлов .xib, которые поставляются с React Native init

Добавление файла изображения

1) В разделе image.xcassets щелкните правой кнопкой мыши и выберите Новый набор изображений. Создайте три разных размера вашего изображения (@1x, @2x, @3x) и добавьте изображения, перетаскивая их в слоты для 1x, 2x, 3x. Для 3х я предлагаю размер более 1200 пикселей.

2) Назовите новый набор изображений для примера: splash

Создание стартового экрана

1) Щелкните правой кнопкой мыши свой проект, выберите Новый файл... и добавьте экран запуска.

2) Выберите свой проект и в General-> значки приложений и запустите images-> файл экрана запуска выберите только что созданный экран запуска

3) Открыть экран запуска

4) Выберите View Controller Scene-> View Controller

5) На правой панели выберите Имитация Metrics-> Размер и измените его на . Page Sheet

6) В левой панели удалите два текстовых ввода (авторское право и название проекта)

7) Добавьте Просмотр изображения, нажав кнопку, показанную на скриншоте ниже, и , перетащив в центр вида

.

8) На правой панели с выбранным просмотром изображений выберите View-> Содержимое Mode-> Соотношение сторон. Также добавьте свое изображение, выбрав ** Изображение View-> Изображение

10) Перейдите к Size Inspector (значок линейки, см. скриншот) и выберите подходящую ширину и высоту (это будет масштабироваться до других размеров экрана).

11) Перетаскивайте свое изображение в центр экрана, пока не увидите горизонтальную и вертикальную синюю линию

12) Наконец, в Авторазмер измените окно со стрелками, так, как это выглядит на скриншоте выше. Все внешние стрелки должны быть отменены, а все внутренние стрелки должны быть выделены.

Результат

Поиск и устранение неисправностей: Если ваши изображения не отображаются на симуляторе, попробуйте перезапустить его или выбрать другое устройство.

Изображение автобуса Кредиты: Eliott Van Buggenhout