Wie native benutzerdefinierte Ansichten zu HTML-Seiten in PhoneGap/Cordova hinzufügen?

Question

Ich entwickle eine Android PhoneGap-Anwendung, wo ich meine benutzerdefinierten Kamera/Galerie-Ansichten zur HTML-Seite hinzufügen muss - zum Beispiel einige leere DIV in meiner HTML-Seite, deren ID ich bereits habe. Wie erreiche ich das?

Ich weiß, wie man Plugins und grundlegende HTML-Zeug schreibt.

Gibt es einen Weg, ich kann auf Elemente der aktuellen HTML-Seite in Cordova Webview zugreifen?

Meine Anforderung ist, meine benutzerdefinierte Kameraansicht zu HTML-Seite mit welchen Dimensionen ich hinzufügen kann.

Answer 1

aktualisiert die Antwort:

ich endlich herausgefunden, wie dies zu tun.

Zunächst müssen Sie Ihre Ansicht, z. B. Schaltfläche, in das Cordova WebView einfügen. Der Cordova WebView kümmert sich um den Scroll.

webview.addView(button); 

https://github.com/wf9a5m75/phonegap-googlemaps-plugin/blob/master/src/android/plugin/google/maps/GoogleMaps.java#L373

Wenn die Geräteausrichtung geändert wird, müssen Sie die Größe ändern. Aber in Cordova können Sie das Ereignis nicht in Java empfangen, also müssen Sie das Ereignis in JavaScript hören.

window.addEventListener("orientationchange", onMapResize); 

https://github.com/wf9a5m75/phonegap-googlemaps-plugin/blob/master/www/googlemaps-cdv-plugin.js#L1381

Und hier ist der entscheidende Punkt. Ändern Sie die Position in HTML auf den Punkt in Aussicht, können Sie tun dies

Math.round(d * webView.getScale()); 

https://github.com/wf9a5m75/phonegap-googlemaps-plugin/blob/master/src/android/plugin/google/maps/GoogleMaps.java#L383

Hier mein Plugin ist. Ich bette eine Google Maps Android API v2 in das angegebene div-Tag ein.