Archivos de etiquetas: IOS

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 →

Anuncios

El teclado en Android hace perder el css media

En algunos dispositivos Android al abrir el teclado sobre nuestra aplicación ocurre que esta desplaza a la aplicación hacia arriba haciendo que esta pierda los estilos si se tiene incluido más de un media por device-width.

Para ello, leyendo por internet he llegado a la conclusión de utilizar dos opciones para evitar este tipo de problemas, especialmente lo he encontrado en algunos dispositivos de la marca SAMSUNG.

Vamos a la solución, en las activities hay que añadir lo siguiente:

android:windowSoftInputMode="adjustPan|adjustResize"

Con esto en algunos dispositivos es suficiente, pero si además añadimos “height=device-height” en el “viewport” de nuestro HTML queda solventado para todos los dispositivos y versiones actuales.

 <meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, maximum-scale=1.0" />

Nota final, si estáis además desarrollando para IOS, no es recomendable usar “height=device-height” ya que esto hace que los dispositivos de la manzana no tengan en cuenta la barra de estado produciendo un pequeño scroll.

A %d blogueros les gusta esto: