Как добавить иконку и всплеск в Ионном Создателе?

Я добавил SplashScreen плагин с помощью этого: Cordova плагина добавить Cordova-плагин-SplashScreenКак добавить иконку и всплеск в Ионном Создателе?

У меня есть изображения для значка и SplashScreen и добавил их в папку ресурсов и добавил этот код в моем controller.js:

.run(function($ionicPlatform) { 
    $ionicPlatform.ready(function() { 
     setTimeout(function() { 
      navigator.splashscreen.hide(); 
     }, 300); 
    }); 
})

И я добавил следующее в моем config.xml:

<preference name="ShowSplashScreen" value="true" /> 
<preference name="SplashScreen" value="screen" /> 
<preference name="SplashScreenDelay" value="3000" /> 
<preference name="AutoHideSplashScreen" value="true" /> 
<preference name="SplashShowOnlyFirstTime" value="false" /> 
<preference name="FadeSplashScreen" value="false" /> 
<feature name="SplashScreen"> 
    <param name="android-package" value="org.apache.cordova.splashscreen.SplashScreen" /> 
</feature>

, а также это:

<platform name="android"> 
    <icon src="resources/android/icon/icon.png" /> 
    <splash src="resources/android/splash/screen.png" /> 
</platform>

Но после того, как я построил свое приложение (используя встроенный автозагрузчик adobe), значок отображается, но приложение запускается с пустым белым экраном в течение нескольких секунд вместо заставки. В чем может быть проблема?

источник

2017-02-09 Sydnie S

Добавить плагин с:

$ ionic plugin add org.apache.cordova.splashscreen 
$ ionic platform add android 
$ ionic build android 
$ ionic run android

После того как изображение будет создан, вы должны включить его в свой проект, добавив следующую строку в файл config.xml:

<splash src="pathtosplashimage" />

Пример конфигурации

В файле config.xml верхнего уровня (а не на платформах) добавьте элементы конфигурации, подобные указанным здесь.

Обратите внимание, что значение атрибута «src» относится к корневому каталогу проекта, а не к каталогу www (см. Структуру каталогов ниже). Вы можете назвать исходное изображение тем, что вам нравится. Внутреннее имя в приложении определяется Кордовой.

структура каталогов:

projectRoot 
    hooks 
    platforms 
    plugins 
    www 
     css 
     img 
     js 
    res 
     screen 
      android 
      ios 
      windows 


<platform name="android"> 
    <!-- you can use any density that exists in the Android project --> 
    <splash src="res/screen/android/splash-land-hdpi.png" density="land-hdpi"/> 
    <splash src="res/screen/android/splash-land-ldpi.png" density="land-ldpi"/> 
    <splash src="res/screen/android/splash-land-mdpi.png" density="land-mdpi"/> 
    <splash src="res/screen/android/splash-land-xhdpi.png" density="land-xhdpi"/> 

    <splash src="res/screen/android/splash-port-hdpi.png" density="port-hdpi"/> 
    <splash src="res/screen/android/splash-port-ldpi.png" density="port-ldpi"/> 
    <splash src="res/screen/android/splash-port-mdpi.png" density="port-mdpi"/> 
    <splash src="res/screen/android/splash-port-xhdpi.png" density="port-xhdpi"/> 
</platform> 

<platform name="ios"> 
    <!-- There are two mechanisms for showing launch images. 
     -- Legacy method (supports all devices except iPad Pro 12.9): 
     -- Note: Images are determined by width and height. The following are supported --> 
    <splash src="res/screen/ios/Default~iphone.png" width="320" height="480"/> 
    <splash src="res/screen/ios/[email protected]~iphone.png" width="640" height="960"/> 
    <splash src="res/screen/ios/Default-Portrait~ipad.png" width="768" height="1024"/> 
    <splash src="res/screen/ios/[email protected]~ipad.png" width="1536" height="2048"/> 
    <splash src="res/screen/ios/Default-Landscape~ipad.png" width="1024" height="768"/> 
    <splash src="res/screen/ios/[email protected]~ipad.png" width="2048" height="1536"/> 
    <splash src="res/screen/ios/[email protected]~iphone.png" width="640" height="1136"/> 
    <splash src="res/screen/ios/Default-667h.png" width="750" height="1334"/> 
    <splash src="res/screen/ios/Default-736h.png" width="1242" height="2208"/> 
    <splash src="res/screen/ios/Default-Landscape-736h.png" width="2208" height="1242"/> 
    <!-- Storyboard method (supports all devices): 
     -- Important: If you use the storyboard method, legacy images are 
     -- copied but ignored. 
     -- Note: images are determined by scale, idiom, and size traits. The following 
     -- are suggested based on current device form factors --> 
    <splash src="res/screen/ios/[email protected]~universal~anyany.png" /> 
    <splash src="res/screen/ios/[email protected]~universal~comany.png" /> 
    <splash src="res/screen/ios/[email protected]~universal~comcom.png" /> 
    <splash src="res/screen/ios/[email protected]~universal~anyany.png" /> 
    <splash src="res/screen/ios/[email protected]~universal~anycom.png" /> 
    <splash src="res/screen/ios/[email protected]~universal~comany.png" /> 

</platform> 

<preference name="SplashScreenDelay" value="10000" />

Более подробную информацию можно найти на https://cordova.apache.org/docs/en/latest/reference/cordova-plugin-splashscreen/

источник

2017-02-09 09:46:00

привет, спасибо за совет. пока отображается только значок, но заставки нет. он показывает только пустую белую страницу в течение нескольких секунд. –

Я добавил шаги, возможно, вы можете удалить плагин и перезапустить шаги. –

Как добавить иконку и всплеск в Ионном Создателе?

ответ

Смежные вопросы