クロスプラットフォーム開発:PhoneGapモバイル開発フレームワークの初探査(3)
2011 ワード
転載先http://mobile.51cto.com/android-229213_2.htm
HelloWorldプログラムの作成
次に、これに基づいてHelloWorldプログラムを作成します.indexに切り替えます.htmlでは、コードモードで、元のphonegapで生成されたコードを削除し、次のコードに書きます.
これは通常のHTMLとJavascriptコードであることがわかります.まずonloadトリガのメソッドinitでJavascriptのコールバックメソッドでphonegapパッケージされたイベントを呼び出しました
デバイスready、このイベントは、デバイスがアプリケーションをロードした後にトリガーされることを意味します.phonegapが提供するAPIを導入する場合は、呼び出しを導入する必要があります.ここのコールバック関数showMessageBoxではphonegapパッケージのメソッドnavigatorが呼び出されます.notification.alert、この方法は実際には
次の図のように実行されるテキスト付きプロンプトボックスが表示されます.
HelloWorldプログラムの作成
次に、これに基づいてHelloWorldプログラムを作成します.indexに切り替えます.htmlでは、コードモードで、元のphonegapで生成されたコードを削除し、次のコードに書きます.
>
<html>
<head>
<meta name="viewport" content="width=320; user-scalable=no" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<title>PhoneGap Android Apptitle>
<script type="text/javascript" charset="utf-8" src="phonegap.js">script>
<script type="text/javascript" charset="utf-8">
var showMessageBox = function() {
navigator.notification.alert("Hello World of PhoneGap");
}
function init(){
document.addEventListener("deviceready", showMessageBox, true);
}
script>
head>
<body onload="init();" >
body>
html>
これは通常のHTMLとJavascriptコードであることがわかります.まずonloadトリガのメソッドinitでJavascriptのコールバックメソッドでphonegapパッケージされたイベントを呼び出しました
デバイスready、このイベントは、デバイスがアプリケーションをロードした後にトリガーされることを意味します.phonegapが提供するAPIを導入する場合は、呼び出しを導入する必要があります.ここのコールバック関数showMessageBoxではphonegapパッケージのメソッドnavigatorが呼び出されます.notification.alert、この方法は実際には
次の図のように実行されるテキスト付きプロンプトボックスが表示されます.