Question

我已经完成了简单的应用程序以获得它正常工作的坐标但我在启动应用程序时遇到一个问题，在启动index.html之前出现了一个空白的空白屏幕。如何在启动应用程序时删除该空白黑屏。我使用的是cordova-2.4.0.js

我的index.html是

<!DOCTYPE html>
<html>
  <head>
    <title>Device Properties Example</title>
    <script type="text/javascript" charset="utf-8" src="cordova-2.4.0.js"></script>

    <script type="text/javascript" charset="utf-8">

    document.addEventListener("deviceready", onDeviceReady, false);

    function onDeviceReady() {
      // cordova.exec(null, null, "SplashScreen", "hide", []);
      navigator.splashscreen.hide();
    }

    </script>

    <style>
    h3 {
    left: 0;
    line-height: 50px;
    margin-top: -100px;
    position: absolute;
    text-align: center;
    top: 60%;
    width: 100%;
    }
    body
    {
    background-color:#D7EBFF;
    }
    header
    {
    background-color:#C3E1FF;
    }
    </style>

    <script type="text/javascript">

        function showLocation(position)
         {
          var latitude = position.coords.latitude;
          var longitude = position.coords.longitude;
          document.getElementById("demo").innerHTML="Latitude : " + latitude + "</br> Longitude: " + longitude ;
          //alert("Latitude : " + latitude + " Longitude: " + longitude);
         }

        function errorHandler(err)
         {
          if(err.code == 1)
           {
            alert("Error: Access is denied!");
           }
          else if( err.code == 2)
          {
            alert("Error: Position is unavailable!");
           }
        }
        function getLocation()
        {

          var watchID = null;
          if(navigator.geolocation)
           {
              var options = { timeout: 5000, enableHighAccuracy: true };
              watchID = navigator.geolocation.watchPosition(showLocation, errorHandler, options);
           }
           else
           {
              alert("Sorry, does not support geolocation!");
           }
        }

        </script>
  </head>

        <body onload="getLocation();">
        <header>
        <center>
        <h2>Gps Coordinates </h2>
        </center>
        </header>
         <h3>
             <p id="demo">Searching for GPS..</p>

         </h3>
        </body>
  </html>

我的MainActivity.java类是

public class MainActivity extends DroidGap {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
       super.loadUrl("file:///android_asset/WWW/index.html");
        //setContentView(R.layout.activity_main);
    }


    @Override
    public boolean onCreateOptionsMenu(Menu menu) {
        // Inflate the menu; this adds items to the action bar if it is present.
        getMenuInflater().inflate(R.menu.main, menu);
        return true;
    }

}

Answer 1

我已经尝试在index.html加载时删除该空白屏幕，但我没有找到如何。我想这是因为设备正在加载应用程序。

您可以做的是创建自己的启动画面？通过此链接，您将找到如何创建自己的初始屏幕：http://docs.phonegap.com/en/2.2.0/cordova_splashscreen_splashscreen.md.html

希望能帮助你。

如何隐藏PhoneGap Android Splash Screen？

1 个答案: