Explication détaillée de l'application basée sur les premières compétences du didacticiel PhoneGap (cordova) _html5

PhoneGap est une plateforme de développement d'applications qui vous permet d'utiliser HTML5 pour appeler facilement des interfaces API locales et publier des applications sur le magasin. Les responsables affirment qu’il présente les avantages d’un faible coût, d’un cycle de développement court, d’une légèreté, etc. Nous ne pouvons pas encore le prouver, nous les ignorerons donc. Mais il existe un multiplateforme, ce qui constitue un avantage évident. Parce qu'il utilise le mode JavaScript HTML5 pour développer des applications. PhoneGap utilise JavaScript pour encapsuler uniformément les API locales de plusieurs plateformes majeures (Andriod, IOS, WP8/7, WINRT), etc. . Dans ce cas, lors de la transplantation d'une plateforme à une autre, il vous suffit de prendre le code HTML et JS intacts et de les empaqueter. PhoneGap a ensuite été acquis par Adobe puis a contribué à la communauté open source. Il est désormais géré par Apache et renommé cordova.

Afin de porter la planche à dessin HTML5 d'hier sur les appareils mobiles, j'ai décidé d'utiliser la plateforme phoneGap, de sorte que je n'ai besoin que d'écrire un côté et de l'exécuter.

Aujourd'hui, je vais mettre en place l'environnement phoneGap sous Andriod.

1. Téléchargez phoneGap

http://phonegap.com/download/#autodownload

Extractez-le et recherchez le répertoire lib/android.

2. Créez un nouveau projet Andriod sous Eclipse, qui est le même qu'un projet normal.

3. Créez un nouveau dossier "www" dans le répertoire des actifs

Copiez cordova-2.6.0.js du répertoire lib/android vers ce répertoire. Copiez cordova-2.6.0.jar dans le répertoire libs.

4. Créez un nouveau fichier html index.html dans le répertoire www. Notre interface sera créée ici.

Le code pour

index est le suivant :

Copiez le code

Le code est le suivant :

< ;!doctype html>

HTML5Paint

5. Mettez le répertoire lib/android Copier. l'intégralité du dossier XML en res

6. Modifiez AndroidManifest.xml pour ajouter des autorisations utilisateur

Ajoutez le code suivant au début de la balise

Copiez le code

Le code est comme suit :

android:largeScreens="true"
android:normalScreens="true"
android:smallScreens="true"
android:xlargeScreens="true "
android:resizeable="true"
android:anyDensity="true"
/>

7.修改MainAcivity.java

复制代码

代码如下 :

la classe publique MainActivity étend DroidGap {

@Override
public void onCreate(Bundle savingInstanceState)
{
super.onCreate(savedInstanceState);
super.loadUrl("file:///android_asset/www/index.html");
}

8.build一下会有错误，这是因为前面的cordova-2.6.0.jar没有添加到buildpath里面去。添加buildpath。

继续build就过了。

最后run一下：

 

这样一个phonegap的Android程序就搞定了。明天把昨天的那个HTML5画板移植过来。