Android PhoneGap con controles nativos

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

Necesito poder usar el PhoneView WebView (super.appView) y toda su magia de javascript pero también necesito exhibir algunos controles nativos de la interfaz de usuario alrededor del WebView.

Este post va parte forma de 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é un GestureOverlayView pero ésa es otra historia;)

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); 

Tendría dificultades para decirte cómo funciona esto, todo lo que puedo decirte es que lo hace y es todo mi propio trabajo.

Establecer la vista a un color diferente puede ayudar a ver lo que está pasando también ….

 view.setBackgroundColor(Color.BLUE); 

Trabajar con PhoneGap-1.0.0.jar la última versión hasta ahora.

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"); 

Sí, puede integrar controles nativos en HTML mediante el complemento.

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

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

Yo uso esto para mostrar el diseño de reproductor de audio en nativo.

Esta guía de PhoneGap puede ser útil.

  • Error "ABI no admitido" en Chrome Webview
  • Múltiples WebViews en ScrollView dando problemas (Android)
  • ¿Es posible obtener datos de formularios HTML en android mientras se usa webView?
  • Proguard mess Javascript Funciones de interfaz al orientar SDK en Android Manifiesto por encima de 17
  • Vista web de Android con GSAP: intenta eliminar la referencia local que no sea JNI,
  • ¿Cómo puedo dejar que el emulador de Android hable con el host local?
  • Cómo poblar webview en android con texto sin formato de base de datos y ser capaz de manejar caracteres de nueva línea
  • Personalizar elementos de diálogo desplegables en WebView
  • ¿Agente de usuario móvil de Android?
  • ¿Cómo implementar pull down refresh en android?
  • Android: Abrir un ContextMenu desde onLongPress en WebView personalizado
  • FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.