2013-08-03 5 views
1

Есть ли кто-нибудь, кто может помочь мне с заставкой. Я создал свой index.html с помощью jquery mobile, все в порядке, но мне нужен заставка.Экран заставки PhoneGap

<html> 
    <head> 
     <title>Mobilizm</title> 
     <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width, initial-scale=1"> 
     <link href="css/jquery.mobile-1.3.2.min.css" rel="stylesheet" /> 
    </head> 
    <body onload="onLoad()"> 
     <div data-role="page"> 
      <div data-theme="b" data-role="header"> 
       <h3>Mobilizm</h3> 
      </div> 
      <div data-role="content"> 
       <div data-role="fieldcontain"> 
        <ul data-role="listview"> 
         <li><a href="Reservation.html">Rezervasyon Yap</a></li> 
         <li><a href="#">Rezervasyonlarımı Gör</a></li> 
         <li><a href="#">Bilgilerim</a></li> 
        </ul> 
       </div> 
      </div> 
      <div data-theme="b" data-role="footer" data-position="fixed"> 
       <h3>Mobilizm</h3> 
      </div> 
     </div> 
     <script src="js/jquery.js"></script> 
     <script src="js/jquery.mobile-1.3.2.js"></script> 
    </body> 
</html> 

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

Любые идеи?

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 = "HelloWorld.Application" 
     version = "1.0.0" 
     versionCode = "1"> 

    <name>Mobilizm</name> 

    <description> 
     Mobilizm mobile application for android 
    </description> 

    <author href="#" email="[email protected]"> 
     Daniele Veneroni 
    </author> 


    <!-- SPLASH SCREENS --> 

    <gap:splash src="css/splash/splash.png" /> <!-- default 320x480 pixels --> 

    <!--<gap:splash src="css/splash/ios/splash320x480.png" gap:platform="ios" width="320" height="480" /> --><!-- iPhone 3G, 3GS, iPod Touch 2, 3 --><!-- 
    <gap:splash src="css/splash/ios/splash640x960.png" gap:platform="ios" width="640" height="960" /> --><!-- iPhone 4, 4S, iPod Touch 4 --><!-- 
    <gap:splash src="css/splash/ios/splash640x1136.png" gap:platform="ios" width="640" height="1136" /> --><!-- iPhone 5, iPod Touch 5 --><!-- 
    <gap:splash src="css/splash/ios/splash1024x768.png" gap:platform="ios" width="1024" height="768" /> --><!-- iPad 1, 2, iPad mini --><!-- 
    <gap:splash src="css/splash/ios/splash768x1024.png" gap:platform="ios" width="768" height="1024" /> --><!-- iPad 1, 2, iPad mini --><!-- 
    <gap:splash src="css/splash/ios/splash2048x1496.png" gap:platform="ios" width="2048" height="1496" /> --><!-- iPad 3, 4 --><!-- 
    <gap:splash src="css/splash/ios/splash1536x2008.png" gap:platform="ios" width="1536" height="2008" /> --><!-- iPad 3, 4 --> 

    <gap:splash src="css/splash/android/ldpi.png" gap:platform="android" gap:density="ldpi" /> <!-- 200x320 --> 
    <gap:splash src="css/splash/android/mdpi.png" gap:platform="android" gap:density="mdpi" /> <!-- 320x480 --> 
    <gap:splash src="css/splash/android/hdpi.png" gap:platform="android" gap:density="hdpi" /> <!-- 480x800 --> 
    <gap:splash src="css/splash/android/xhdpi.png" gap:platform="android" gap:density="xhdpi" /> <!-- 720x1280 --> 



    <!-- GENERAL PREFERENCES --> 

    <preference name="phonegap-version" value="2.9.0" /> 
    <preference name="orientation" value="default" /> 
    <preference name="target-device" value="universal" /> 
    <preference name="fullscreen" value="true" /> <!-- remove the upper bar on iOS and Android --> 

    <!-- iOS PREFERENCES --> 

    <preference name="webviewbounce" value="false" /> 
    <preference name="prerendered-icon" value="true" /> 
    <preference name="stay-in-webview" value="false" /> 
    <preference name="ios-statusbarstyle" value="black-opaque" /> 
    <preference name="detect-data-types" value="false" /> 
    <preference name="exit-on-suspend" value="false" /> 
    <preference name="show-splash-screen-spinner" value="false" /> 
    <preference name="auto-hide-splash-screen" value="true" /> <!-- if set to false, the splash screen must be hidden using a JavaScript API --> 

    <!-- ANDROID PREFERENCES --> 

    <preference name="android-minSdkVersion" value="7" /> <!-- minimum Android 2.1 --> 
    <preference name="android-installLocation" value="auto" /> 
    <preference name="splash-screen-duration" value="3000" /> 
    <preference name="load-url-timeout" value="20000" /> 

    <!-- BLACKBERRY PREFERENCES --> 

    <preference name="disable-cursor" value="false" /> 

    <!-- PHONEGAP API FEATURES PREFERENCES --> 

    <preference name="permissions" value="none"/> 

</widget> 

ответ

1

Я думаю, вам не нужен никакой сценарий .Вы просто добавить файл в папке Src, как и в родном приложении в андроиде ..

+0

Да, рави, ты прав. Для всплывающего экрана не требуется сценарий –

0

UPDATE это не правильный ответ. См. Собственный ответ OP.

Похоже, вы не писали javascript для загрузки экрана в теге head. Нечто подобное (например, взятые из документации на http://docs.phonegap.com/en/2.2.0/cordova_splashscreen_splashscreen.md.html):

// Wait for Cordova to load 
    // 
    document.addEventListener("deviceready", onDeviceReady, false); 

    // Cordova is ready 
    // 
    function onDeviceReady() { 
     navigator.splashscreen.show(); 
} 
+0

Должен ли я написать его или он автоматически считывает конфигурацию xml? –

+0

Да, давайте посмотрим на документацию по ссылке, которую я предоставил. Обязательно прочтите также остальную часть страницы, так как есть некоторые настройки, которые вам нужно сделать в зависимости от вашей платформы (iOS/Android). – mastazi

+0

Я добавил скрипт и cordova.js для Android, но ничего не изменилось. –

2

Mastazi спасибо за ур интерес,

я, наконец, решить эту проблему. Нет необходимости в скрипте. После изменения размера изображений он работал. я отредактировал мой XML выше

+0

О да, вы правы, методы show и hide могут быть использованы необязательно, но не требуются. Мне жаль, что мой ответ был неправильным. Я предлагаю вам отметить свой собственный ответ (этот) в качестве принятого ответа, это полезно для будущих читателей. – mastazi

0

Просто добавьте это в вашем файле Java: всплеска ваш Имя файла PNG в папках: возможно нарисовать

public void onCreate(Bundle savedInstanceState) 
    { 
     super.onCreate(savedInstanceState); 
     super.setIntegerProperty("splashscreen", R.drawable.splash); 
     // Set by <content src="index.html" /> in config.xml 
     super.loadUrl(Config.getStartUrl(),3000); 
    } 
Смежные вопросы