Иконки и заставки

В этом разделе показано, как настроить значок приложения и Факультативного заставка для различных платформ, как при работе в Cordova CLI (описанный в интерфейс командной строки) или с помощью средств SDK платформы (подробные руководства платформы).

Настройка значков в CLI

При работе в CLI, значок исходные файлы расположены в различные платформы-подкаталогов в рамках проекта www/res/icons каталог. Вновь созданный проекты приходят с набором по умолчанию иконки Cordova для вас заменить для платформ, которые вы хотите цели.

Андроид указывает иконки для низкого, среднего, высокого и сверхвысокого резолюций:

    android/icon-36-ldpi.png
    android/icon-48-mdpi.png
    android/icon-72-hdpi.png
    android/icon-96-xhdpi.png

Платформа iOS указывает 72 пикселя иконок для iPads и 57-пиксель иконки для iPhones и плеерах, с высоким разрешением 2 x варианты для сетчатки отображает:

    ios/icon-57-2x.png
    ios/icon-57.png
    ios/icon-72-2x.png
    ios/icon-72.png

Windows Phone указывает значок по умолчанию 48 пикселей, наряду с различных устройств фона плитки изображений, используемых при представлении приложения:

    windows-phone/icon-48.png
    windows-phone/icon-62-tile.png
    windows-phone/icon-173-tile.png

Ежевика требуется 80-пиксель значок:

    blackberry/icon-80.png

Tizen требует 128-пиксель значок:

    tizen/icon-128.png

Настройка заставки в CLI

Используйте Splashscreen API для включения отображения приложения вступительной заставки на многих платформах. При работе в CLI, заставки экрана исходные файлы расположены в рамках проекта www/res/screens подкаталог.

Андроид указывает оба ориентированных на портрет и пейзаж заставки экрана изображения для низкого, среднего, высокого и сверхвысокого резолюций:

    android/screen-hdpi-landscape.png
    android/screen-hdpi-portrait.png
    android/screen-ldpi-landscape.png
    android/screen-ldpi-portrait.png
    android/screen-mdpi-landscape.png
    android/screen-mdpi-portrait.png
    android/screen-xhdpi-landscape.png
    android/screen-xhdpi-portrait.png

Платформа iOS указывает варианты для iPhone/iPod и iPad, с вариантами для retina дисплеев и различными ориентациями. 568 H файл настроен для iPhone 5 выше экрана:

    ios/screen-ipad-landscape-2x.png
    ios/screen-ipad-landscape.png
    ios/screen-ipad-portrait-2x.png
    ios/screen-ipad-portrait.png
    ios/screen-iphone-landscape-2x.png
    ios/screen-iphone-landscape.png
    ios/screen-iphone-portrait-2x.png
    ios/screen-iphone-portrait.png
    ios/screen-iphone-portrait-568h-2x.png

BlackBerry и Windows Phone указать один заставки экрана:

    blackberry/screen-225.png
    windows-phone/screen-portrait.jpg

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

Экраны-заставки для платформы Android

Поместить файлы изображений 9-патч в Android-проекта res/drawable каталог. Размер для каждого должен быть:

  • девочки (xhdpi): по крайней мере 960 × 720
  • большой (hdpi): по крайней мере 640 × 480
  • Средний (mdpi): по крайней мере 470 × 320
  • малые (ldpi): по крайней мере 426 × 320

В config.xml , добавьте следующие настройки:

<preference name="splashscreen", "splash" />
<preference name="splashScreenDelay", 10000 />

Первая строка задает изображение для отображения в качестве экрана-заставки. Если имя изображения ничего не splash.png , вам необходимо изменить эту строку.

Вторая строка задает задержку в миллисекундах появляется как долго splashscreen. Чтобы закрыть экран-заставка после этого приложение получает [deviceready](../cordova/events/events.deviceready.html) событий, вызов navigator.splashscreen.hide() метод.

Экраны-заставки для платформы iOS

Скопируйте ваши изображения экрана заставки в iOS проект Resources/splash каталог. Добавьте только изображения для устройств, которые вы хотите поддерживать, такие как iPad или iPhone. Размер каждого изображения должны быть:

  • Default-568h@2x~iphone.png (640x1136 pixels)
  • Default-Landscape@2x~ipad.png (2048 x 1496 пикселей)
  • Default-Landscape~ipad.png (1024x748 pixels)
  • Default-Portrait@2x~ipad.png (1536x2008 pixels)
  • Default-Portrait~ipad.png (768x1004 pixels)
  • Default@2x~iphone.png (640x960 pixels)
  • Default~iphone.png (320x480 pixels)

Экраны-заставки для платформы BlackBerry 10

Скопируйте ваши изображения экрана заставки в проект res/screen/blackberry10 каталог. Имена файлов должны быть:

  • splash-1280x768.png (1280x768 pixels)
  • splash-720x720.png (720x720 pixels)
  • splash-768x1280.png (768x1280 pixels)