Detaillierte Erklärung der Anwendung basierend auf den ersten PhoneGap (cordova) _html5-Tutorial-Fähigkeiten

PhoneGap ist eine Anwendungsentwicklungsplattform, mit der Sie mithilfe von HTML5 problemlos lokale API-Schnittstellen aufrufen und Anwendungen im Store veröffentlichen können. Beamte sagen, dass es die Vorteile niedriger Kosten, kurzer Entwicklungszyklen, geringes Gewicht usw. hat. Wir können diese noch nicht beweisen, also werden wir sie ignorieren. Aber es gibt eine plattformübergreifende Plattform, was ein offensichtlicher Vorteil ist. Weil es den HTML5-JavaScript-Modus verwendet, um Anwendungen zu entwickeln. PhoneGap verwendet JavaScript, um die lokalen APIs mehrerer wichtiger Plattformen (Andriod, IOS, WP8/7, WINRT) usw. einheitlich zu kapseln. . In diesem Fall müssen Sie beim Transplantieren von einer Plattform auf eine andere nur den HTML-Code und das JS intakt nehmen und verpacken. PhoneGap wurde später von Adobe übernommen und dann der Open-Source-Community zur Verfügung gestellt. Es wird jetzt von Apache verwaltet und in Cordova umbenannt.

Um das gestrige HTML5-Zeichenbrett auf mobile Geräte zu portieren, habe ich mich für die PhoneGap-Plattform entschieden, sodass ich nur eine Seite schreiben und ausführen muss.

Heute werde ich die phoneGap-Umgebung unter Andriod einrichten.

1. PhoneGap herunterladen

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

Extrahieren Sie es und suchen Sie das Verzeichnis lib/android.

2. Erstellen Sie ein neues Andriod-Projekt unter Eclipse, das dem normalen Projekt entspricht.

3. Erstellen Sie einen neuen Ordner „www“ im Assets-Verzeichnis

Kopieren Sie cordova-2.6.0.js im Verzeichnis lib/android in dieses Verzeichnis. Kopieren Sie cordova-2.6.0.jar in das libs-Verzeichnis.

4. Erstellen Sie eine neue HTML-Datei index.html im www-Verzeichnis. Hier wird unsere Schnittstelle erstellt.

Der Code für

index lautet wie folgt:

Kopieren Sie den Code

Der Code lautet wie folgt:

< ;!doctype html>

HTML5Paint

5. Kopieren Sie das Verzeichnis lib/android den gesamten XML-Ordner in res

6. Ändern Sie AndroidManifest.xml, um Benutzerberechtigungen hinzuzufügen

Fügen Sie den folgenden Code am Anfang des -Tags hinzu

Kopieren Sie den Code

Der Code lautet wie folgt:

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

7.修改MainAcivity.java

复制代码

代码如下:

public class MainActivity erweitert DroidGap {

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

继续build就过了. 最后run一下:

 

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