Как добавить заставку в iOS-приложение

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

Согласно Apple, Splash Screen также может создать впечатление, что приложение быстрое и отзывчивое. Так что, если у вас есть приложение для iOS, вы можете рассмотреть возможность добавления Splash Screen.

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

В этом уроке из нашей серии Cordova мы покажем вам, как создать заставку. Убедитесь, что вы следили за нашими предыдущими постами на этом, где мы:

Начиная

Сначала мы увидим размеры, необходимые для создания заставки. Как и при добавлении значка приложения, размеры изображения на заставке будут различаться в зависимости от версии iOS, которую будет поддерживать приложение. В качестве примера здесь нам понадобятся три размера изображения; см. эту таблицу ниже для деталей.
Размер / Платформы
iOS 6.x
iOS 7.x
320 × 480

640 × 960


640 × 1136


Эта таблица упрощена путем калибровки размера изображения в поддерживаемой версии iOS. Поскольку в этой таблице мы предполагали, что iOS 7 установлена ​​только на iPhone с дисплеем Retina. Итак, мы видим, что iOS 7 требует только изображения самого высокого размера: 640 × 960 и 640 × 1136, которые будут использоваться в iPhone 5 и 5c с размером экрана 4 дюйма.

После того, как мы выяснили размеры, мы можем начать создавать изображения Spalsh Screen. Вы можете свободно использовать любое приложение, с которым вы знакомы, для создания изображений. Сохраните изображения в формате PNG и назовите их в следующем соглашении.

Это стандартные имена файлов, которые Cordova, а также Xcode используют для захвата изображения заставки. Следование этому соглашению избавит нас от лишней настройки в XCode, чтобы он мог узнать настроенные имена файлов.

Вот мой Splash Image, который я создал с помощью Photoshop.

Добавление заставки

Теперь пришло время добавить изображение Splash Screen в наше приложение. Для этого переместите изображения в эту папку: {TheProjectDirectory} / platform / ios / {TheAppName} / Resources / splash. В Xcode скомпилируйте приложение, нажав кнопку Play; приложение будет запущено в iPhone Simulator, и вы должны увидеть заставку на несколько секунд, прежде чем мы полностью войдем в приложение.

Последняя мысль

Подводя итог, теперь у нас есть контент приложения (хотя это и фиктивный контент), две навигации по меню справа со скользящей панелью а-ля Facebook, мы также добавили значок, и, наконец, здесь мы только что добавили экран-заставку. Наше приложение почти завершено, и теперь мы очень близки к тому, чтобы закончить и запустить наше приложение.

Итак, в нашем следующем посте мы расскажем, как скомпилировать наше приложение в распространяемое приложение с помощью Phonegap. Следите за обновлениями.

Программы для Windows, мобильные приложения, игры - ВСЁ БЕСПЛАТНО, в нашем закрытом телеграмм канале - Подписывайтесь:)

Похожие записи

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *