actionscript 3 - Problemas de zoom/escala con StageWebView y Android
actionscript-3 flex (2)
Tengo una aplicación Flex Mobile que está utilizando StageWebView para cargar un archivo HTML local.
Lo he estado depurando en mi PC usando el Emulador incorporado (que simula una pantalla Galaxy S3, 1280x720, 320dpi) y en mi S3 actual.
La aplicación tiene el ViewPort StageWebView configurado en un rectángulo que usa StageHeight y StageWidth. (1280x720)
En la PC, muestra el archivo HTML completamente (el archivo HTML tiene una imagen de fondo que es 1280x720) y no hay desplazamiento.
Sin embargo, en mi teléfono, la vista web muestra que el archivo HTML "amplió" (digo que se amplió, pero de hecho, ¡no se puede alejar!) Y tengo que desplazarme para ver todo el contenido. El contenido aparece al doble del tamaño (si configuro la imagen de fondo en 360x640, cabe en la pantalla del teléfono sin desplazarse)
¿Por qué el emulador, configurado con la misma resolución y DPI, muestra el contenido de manera diferente?
Más importante aún, ¿por qué mi teléfono parece "acercarse" al archivo HTML y hacer que me desplace? El contenido y la resolución del teléfono coinciden, pero StageWebView parece no entender.
Encontré esta publicación, haz clic en mí , que parece sugerir que hay un error, sin embargo, el tipo menciona su problema cuando no usa la metaetiqueta de la ventana gráfica que estoy usando.
¿Alguien sabe cómo puedo solucionar mis problemas de escalado y espero que mi aplicación Flex se adapte bien a varios dispositivos y haga que StageWebView muestre mi archivo HTML correctamente?
Si está usando meta viewport en Android, asegúrese de establecer el valor target-densitydpi
<meta name="viewport" content="width=device-width, user-scalable=no, target-densitydpi=device-dpi">
O si se puede usar el zoom css, donde el valor del zoom está relacionado con el valor de píxeles independientes de la densidad (DP) en comparación con el tamaño de página html
Estaba golpeando mi cabeza contra la pared con el mismo problema. En Xoom (Android 3), el archivo local se mostró perfectamente, pero en el Nexus (Android 4.2.2), el contenido no se mostraba correctamente con stagewebview.
Mi solución fue cambiar el href de la etiqueta css. Mira aquí:
¿Cómo hacer referencia a los archivos css locales en una ventana webview estática en Android? .
Entonces, en mi archivo HTML local, cambió a:
<link rel="stylesheet" href="file:///styles/style.css" type="text/css" />