¿El control WebView en el sistema operativo Android admite animaciones aceleradas por hardware css3? Y todo el webkit css (por ejemplo: -webkit-transition bla bla) que tengo que trabajar en Safari Mobile ¿funcionan igual en Android?¿Admite Android Webview Animaciones CSS3 WebKit?
Respuesta
Si quieren transiciones Webkit para ser animados con aceleración por hardware en una vista Web Android tendrá que habilitar la aceleración de hardware en el archivo de manifiesto de este modo:
<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
... >
...
<application ... android:hardwareAccelerated="true">
...
</application>
</manifest>
No es perfecto, pero mejora la prestación de un mucho.
Sí, de acuerdo con this page .. Es compatible desde la versión 3.0 hasta la última, amada Jelly Bean;)
En los otros desarrolladores secundarios experimentados resultados no muy exitosas. Presupuesto de here:
animaciones CSS son compatibles con los dispositivos Android - pero sólo si se cambia un solo propiedad. Tan pronto como intente animar más de una propiedad a la vez, el elemento completo desaparece. En navegadores no nativos de Android , el elemento estará visible durante la duración de la animación , pero se ocultará inmediatamente después de que haya finalizado.
y actualización de la misma fuente:
..es resulta Android 4.0 realmente soluciona este problema. Aún así, necesitamos para instar a los autores de estos recursos mencionar explícitamente que pleno apoyo no está disponible en las versiones anteriores de Android ..
Así respuesta final 4.0+ versión de apoyo que en el buen sentido ..
ACTUALIZACIÓN: de KitKat vista Web está activada por cromo (mismo motor que en el navegador Chrome) por lo que desde esta versión de Android avanzó HTML5 y características de CSS debe ser apoyada totalmente .. Más información este here
Espero que lo encuentre útil ...;)
Su respuesta es acerca de la aplicación del navegador, pero la pregunta es acerca del control WebView. Probé una animación de rotación CSS (ver http://stackoverflow.com/a/6410923/65899) dentro de una WebView, y funcionó solo en la última versión de 4.4 KitKat. – amartynov
Gracias. Android WebView en KitKat es impulsado por el motor Chromium, antes de que funcionara con WebKit (básicamente igual que el viejo navegador predeterminado ...) así que actualicé la respuesta – Ewoks
Mi error: estaba tratando de animar pseudo-elemento ': before', y WebView tenía un error hasta KitKat (probablemente este https://bugs.webkit.org/show_bug.cgi?id=92591). Excepto esto, tu respuesta es absolutamente correcta. – amartynov
- 1. Retrasar animaciones de CSS3
- 2. texto Webkit aliasing se pone raro durante las animaciones CSS3
- 3. animaciones CSS3 con transformación causa elementos borrosos en Webkit
- 4. Múltiples animaciones de webkit
- 5. Animaciones de cadena CSS3
- 6. -webkit-transform no funciona en Android webview
- 7. webkit css3 animation loop
- 8. Uso de animaciones CSS3 en IE9 +
- 9. Deshabilitar WebKit WebView
- 10. CSS3 animaciones Webkit CSS: cambiar el tamaño de un rectángulo div
- 11. Rendimiento de animaciones de Webkit en IPad
- 12. Cómo re-animados animaciones CSS3 sobre el cambio de clase
- 13. ¿Cómo puedo iniciar animaciones CSS3 en un lugar específico?
- 14. ¿Es compatible con -webkit-column-break-before en Android 2.3 WebView?
- 15. Degradados CSS3 de Webkit a Moz
- 16. css3 webkit animación stop en div: hover
- 17. transición de CSS3 arruinando fuentes en webkit?
- 18. Usando la ruta local con WebView (Webkit)
- 19. ¿qué es más rápido? ¿Transiciones CSS3 o animaciones jQuery?
- 20. animaciones y rendimiento de CSS3: ¿hay puntos de referencia?
- 21. ¿Cómo hacer un átomo como la animación con animaciones CSS3?
- 22. Vinculación de animaciones/transformaciones CSS3 con evento de desplazamiento
- 23. android webview contenido no seleccionable
- 24. CSS3 3D bend perspectiva
- 25. Android webview geoposition database failed to open
- 26. Android Widgets: ¿Animaciones en RemoteViews?
- 27. Cómo activar una animación de CSS3 (webkit) usando javascript?
- 28. css3 webkit transition trasform translate: valor de propiedad no válido?
- 29. ¿Por qué mozilla y webkit preponen -moz- y -webkit- a las reglas de CSS3?
- 30. CSS3 linear-gradient no funciona en Android.
¿Qué versión de android? –
3+ ............ – foreyez