Archivos del mes: 25 mayo 2013

Cámara, Phonegap y HTML5

Usar la cámara con Phonegap es muy sencillo, pero hoy vamos a explicar como usarla y manejar la información desde HTML5 y javascript. Esto que vamos a explicar es válido para todas las plataformas móviles como IOS, Android y Windows Phone.

Empezamos con la parte sencilla de todos esto, ¿cómo damos permiso para usar la cámara? Esto viene muy bien explicado en la documentación de Phonegap.

Android: Añadimos al fichero config.xml lo siguiente:

<plugin name="Camera"
  value="org.apache.cordova.CameraLauncher" />

En AndroidManifest.xml

<uses-permission
  android:name="android.permission.WRITE_EXTERNAL_STORAGE" />

IOS: Añadimos al fichero config.xml lo siguiente:

<plugin name="Camera" value="CDVCamera" />

Windows Phone: Añadimos al fichero WPAppManifest.xml lo siguiente:

<Capabilities>
  <Capability Name="ID_CAP_ISV_CAMERA" />
  <Capability Name="ID_HW_FRONTCAMERA" />
</Capabilities>

Leer más →

Controlar el botón volver atrás en Phonegap

En las aplicaciones hechas en HTML5 y Phonegap nos viene la duda si es necesario controlar el uso que el usuario hace del botón volver para no permitir ciertas operaciones.  Controlar dicho botón es muy sencillo, para ello, sólo necesitamos indicarlo en el método “onDeviceReady” de Phonegap.


function onDeviceReady() {
      document.addEventListener("backbutton", handleBackButton, true);
}
function handleBackButton(){

	if($.mobile.activePage.attr('id') == 'home'
              || $.mobile.activePage.attr('id') == 'listaUsuarios'){
		navigator.app.exitApp();
	}else if ($.mobile.activePage.attr('id') == 'cita'){
		$.mobile.changePage('#listaUsuarios');
	}else{
		navigator.app.backHistory();
	}
}

document.addEventListener("deviceready", onDeviceReady, false);

En el ejemplo que se muestra, permitimos que para ciertas páginas, el usuario pueda ir hacia atrás directamente, en otras el usuario irá a una en cuestión, mientras que si se encuentra en las páginas iniciales el usuario se saldrá de la aplicación.

Este método también es válido para Windows Phone 7 y 8.

Esperamos que haya sido útil.

 

Actualización:

Si lo que se quiere es que el botón volver no haga nada, simplemente hay que definir el método y el “listener” dejando el método vacío.

A %d blogueros les gusta esto: