android - online - phonegap build

Android PhoneGap con controles nativos

Question

Estoy tratando de construir una aplicación de Android con PhoneGap.

Necesito poder usar PhoneGap WebView (super.appView) y toda su magia de JavaScript, pero también necesito mostrar algunos controles de UI nativos alrededor de WebView.

Esta publicación sirve para proporcionar una solución Android PhoneGap Plugin, UI tabbar, redimensionar WebView

¿Alguien ha logrado implementar PhoneGap con una interfaz de usuario nativa?

También usaré GestureOverlayView, pero esa es otra historia;)

Answer 1

Un enfoque más limpio:

super.onCreate(savedInstanceState);

// Create native view with UI controls.
View header = View.inflate(getContext(), R.layout.header, null);

// PhoneGaps WebView is located inside a LinearLayout.
// The protected (and therefore inherited) variable root
// references this LinearLayout. Add your native Views
// to this variable.
root.addView(header);

// Create WebView and add it automatically to the LinearLayout.
super.loadUrl("file:///android_asset/www/index.html");

Answer 2

Responder:

super.onCreate(savedInstanceState);
//creates super.appView and calls setContentView(root) in DroidGap.java
init();
//just an empty LinearLayout
layoutId = R.layout.blank;
view = new LinearLayout(this);
setContentView(layoutId);
view.addView(your_component_here);
view.addView((View) appView.getParent()); //adds the PhoneGap browser at index 1
//accesses the browser at index 1. Tells browser to not fill view
view.getChildAt(1).setLayoutParams(new LinearLayout.LayoutParams(LayoutParams.WRAP_CONTENT, LayoutParams.WRAP_CONTENT, 1));
setContentView(view);

Me cuesta trabajo decirte cómo funciona esto, todo lo que puedo decirte es que sí y que es todo mi propio trabajo.

Establecer la vista en un color diferente puede ayudarlo a ver qué está pasando también ...

view.setBackgroundColor(Color.BLUE);

Trabajando con PhoneGap-1.0.0.jar la última versión hasta el momento.

Answer 3

Sí, puede insertar controles nativos dentro de HTML utilizando el complemento.

Llame al método nativo que contiene su vista nativa desde la página HTML usando el complemento.

por ejemplo, window.plugins.anatomyPlugin.showAudio();

Lo uso para mostrar el diseño del reproductor de audio en nativo.

Esta guía de PhoneGap puede ser útil.