2015-09-22 2 views
0

Я разрабатываю приложение для Android с помощью phonegap, но у меня возникли проблемы с отображением всплывающего экрана, я прочитал много документации (документацию по телефонным записям) и многих форумов, но я не нашел для этого решения. Какие шаги я могу предпринять для решения этой проблемы? Плагин i "org.apache.cordova.splashscreen"Как я могу использовать плагин splashscreen в приложении phonegap?

ответ

0

Используйте это.

<preference name="auto-hide-splash-screen" value="true" />  
<gap:splash src="splash.png" /> // splash.png will be your splash image 

Если у вас есть какие-либо проблемы, поделиться своим config.xml

0

Это мой config.xml

<?xml version="1.0" encoding="UTF-8" ?> 
 
<widget xmlns="http://www.w3.org/ns/widgets" xmlns:gap="http://phonegap.com/ns/1.0" id="com.myapplication.app" versionCode="10" version="1.0.0"> 
 

 
    <name>My App</name> 
 
    <description> 
 
    My App 
 
    </description> 
 
    <author href="https://myapp.co.uk/developer" email="[email protected]"> 
 
    Jasper Tech 
 
    </author> 
 
    <access origin=".*" /> 
 
    <gap:plugin name="org.apache.cordova.splashscreen" version="0.2.7" /> 
 
    <preference name="auto-hide-splash-screen" value="true" /> 
 
    <gap:splash src="screen.png" /> 
 

 
    <content src="index.html" /> 
 
    <icon src="res/icon/icon.png" platform="android" width="124" height="124" density="mdpi" /> 
 
    <preference name="android-minSdkVersion" value="5" /> 
 
    <preference name="permissions" value="none" /> 
 
    <preference name="target-device" value="universal" /> 
 
    <preference name="fullscreen" value="false" /> 
 
    <icon src="icon.png" /> 
 

 
    <application android:debuggable="false" /> 
 
    <preference name="show-splash-screen-spinner" value="true" /> 
 
    <allow-intent href="sms:*" /> 
 
    <feature name="http://api.phonegap.com/1.0/device" /> 
 
    <preference name="orientation" value="portrait" /> 
 
    <feature name="App"> 
 
    <param name="android-package" value="org.apache.cordova.App" /> 
 
    </feature> 
 
</widget>

0

Вы должны генерировать ресурсы для каждого платформу и добавьте раздел platform в файл config.xml:

<platform name="android"> 
    <icon density="ldpi" src="resources\android\icon\drawable-ldpi-icon.png" /> 
    <icon density="mdpi" src="resources\android\icon\drawable-mdpi-icon.png" /> 
    <icon density="hdpi" src="resources\android\icon\drawable-hdpi-icon.png" /> 
    <icon density="xhdpi" src="resources\android\icon\drawable-xhdpi-icon.png" /> 
    <icon density="xxhdpi" src="resources\android\icon\drawable-xxhdpi-icon.png" /> 
    <icon density="xxxhdpi" src="resources\android\icon\drawable-xxxhdpi-icon.png" /> 
    <splash density="land-ldpi" src="resources\android\splash\drawable-land-ldpi-screen.png" /> 
    <splash density="land-mdpi" src="resources\android\splash\drawable-land-mdpi-screen.png" /> 
    <splash density="land-hdpi" src="resources\android\splash\drawable-land-hdpi-screen.png" /> 
    <splash density="land-xhdpi" src="resources\android\splash\drawable-land-xhdpi-screen.png" /> 
    <splash density="land-xxhdpi" src="resources\android\splash\drawable-land-xxhdpi-screen.png" /> 
    <splash density="land-xxxhdpi" src="resources\android\splash\drawable-land-xxxhdpi-screen.png" /> 
    <splash density="port-ldpi" src="resources\android\splash\drawable-port-ldpi-screen.png" /> 
    <splash density="port-mdpi" src="resources\android\splash\drawable-port-mdpi-screen.png" /> 
    <splash density="port-hdpi" src="resources\android\splash\drawable-port-hdpi-screen.png" /> 
    <splash density="port-xhdpi" src="resources\android\splash\drawable-port-xhdpi-screen.png" /> 
    <splash density="port-xxhdpi" src="resources\android\splash\drawable-port-xxhdpi-screen.png" /> 
    <splash density="port-xxxhdpi" src="resources\android\splash\drawable-port-xxxhdpi-screen.png" /> 
</platform> 

Лучший способ сделать это, я считаю, с помощью команды Ионные CLI, но вы должны установить его перед:

npm install -g ionic 

С CLI установки вы можете создать папку resources в корневом каталоге (где находится ваш файл config.xml) и размещайте свои ресурсы там. Если вы хотите создать только заставку, просто скопируйте файл splash.png. Больше информации here.

Когда вы сделали, что пробег:

ionic resources 

и он будет строить ресурсы, необходимые для каждой платформы, которую вы настроили, и он будет настроить config.xml файл для вас.

Cordova SplashScreen плагин был перемещен сюда в реестре НПМ теперь так, если вы хотите использовать последний один:

cordova plugin add cordova-plugin-splashscreen 

Теперь вы можете добавить свой SplashScreen с помощью

в ваш файл конфигурации.

Дополнительная информация here.

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