Join FlipAndroid.COM Telegram Group: https://t.me/joinchat/F_aqThGkhwcLzmI49vKAiw


Parpadeo / parpadeo con JQM y PhoneGap en Android

Estoy usando PhoneGap 2.2.0 en combinación con jQuery Mobile 1.2.0 para mi aplicación en la plataforma Android (versión 2.3.3 y superior). En las páginas que utilizo encabezados fijos, y no hay transiciones en absoluto. El resto es bastante jQuery estándar.

Cuando estoy navegando de la página a la página consigo un parpadeo blanco (página entera), por un breve momento. Busqué en Internet durante horas.

  • El menú desplegable de visualización web de Android no funciona en dispositivos Android 4.x
  • ¿Puedo enviar automáticamente SMS (sin la necesidad del usuario de aprobar)
  • Android buscador recortado pulgar
  • Eventos de clics no registrados
  • Cómo simular un clic de botón con el código?
  • Cómo obtener el centro del mapa para v2 android mapas?
  • Error al intentar a continuación:

    • Docenas de hacks CSS que encontré en Internet. (Como: https://github.com/jquery/jquery-mobile/issues/4024 y https://groups.google.com/forum/?fromgroups=#!topic/phonegap/EtZ2KwseKQ0 y Parpadeo al navegar entre páginas ) .
    • He intentado cambiar de encabezados fijos (de nuevo, no estoy usando efectos de transición) ..
    • He intentado jQuery Mobile 1.3.1. (No hay suerte allí)
    • Una cosa que no probé es PhoneGap 2.3.0, pero no veo nada interesante para esa materia en el changelog. Editar: el problema persiste en PhoneGap 2.5.0.

    Cuando apago aceleración de hardware en el proyecto de Android, el parpadeo se ha ido. Pero entonces algunos estilo CSS va mal y el rendimiento general es muy, muy malo (obviamente).

    He intentado el código de abajo ahora también.

    ui.page { -webkit-transform: translateZ(0); -webkit-perspective:1000; -webkit-backface-visibility: hidden; } 

    A mal todavía no hay suerte.

    También intentó este: https://github.com/watusi/jquery.mobile.simultaneous-transitions Todavía un breve (página blanca completa) parpadea antes de transistion.

    Realmente parece que no tiene nada que ver con las transiciones de animación de la página en sí, pero algo extraño que está sucediendo justo después de descargar la página anterior y justo antes de cargar el nuevo.

    Actualización 25-04-2013: También se ha intentado: https://groups.google.com/forum/?fromgroups=#!topic/phonegap/EtZ2KwseKQ0 https://github.com/jquery/jquery-mobile/issues/4024 https : //github.com/jquery/jquery-mobile/pull/4129

    Lo único que hace que el parpadeo se vaya es la eliminación de la parte de la cabeza fija. Entonces es tan suave como la mantequilla, pero me faltan los cabezales que son compatibles con los paneles.

    También intentó la plantilla de 1 página (todas las páginas en un archivo). Tampoco ayudó.

    JQuery Mobile 1.3.1 PhoneGap 2.5.0 Android 4+ Dispositivos: – Samsung Galaxy Nexus – Samsung Galaxy Tab 10.1 (tenía el problema, pero no tienen dispositivo más) – Samsung Galaxy Nota 10.1

    He presentado un problema en Github ahora: https://github.com/jquery/jquery-mobile/issues/6031

  • ¿Cómo es que Android AsyncTask no implementa el futuro?
  • Deshacerse de la línea bajo TabWidget
  • Cómo obtener un proyecto PhoneGap para ejecutarse en Android Studio con Gradle Build System
  • Cómo ejecutar un método haciendo clic en una notificación
  • ¿Se puede usar Android Studio para ejecutar proyectos Java estándar?
  • Retrofit 2 elimina los caracteres después de hostname de url de base
  • 5 Solutions collect form web for “Parpadeo / parpadeo con JQM y PhoneGap en Android”

    Configurar viewport a user-scalable = no arreglar el problema para mí:

    Cambio

     < meta name="viewport" content="width=device-width, initial-scale=1" /> 

    a

     < meta name="viewport" content="width=device-width, user-scalable=no" /> 

    Configurar viewport a user-scalable = no arreglar el problema para mí:

     < meta name="viewport" content="width=device-width, user-scalable=no" /> 

    Funciona para jQuery Mobile 1.3.1 Cordova 2.8.0 en Nexus 4 / Android 4.2.2

    El tercer enlace en tu mensaje es cómo lo arreglé hace un tiempo cuando tuve este problema. También agregué -webkit-perspectiva: 1000; El parpadeo se debe a la aceleración 3D y la cara posterior de la página que se está transformando se hace visible durante una fracción de segundo, haciendo que parezca un parpadeo.

    Editar: Mira esto también para más información.

    Intenté docenas de soluciones pero ninguno de ellos funcionó, me forma la mejor manera para mí para resolver este parpadeo, es establecer la propiedad autohidesplashscreen a falsa, mostrar la pantalla splashscreen en la página anterior y ocultarlo en la página de destino en el deviceready. En algunas transiciones dormimos las transiciones alrededor de 0,5 – 1 seg con el fin de evitar parpadeo spalshscreen. No es la mejor solución, pero trabajó para nosotros.

    Asegúrese de que este código existe en su método mobileinit :

     //initialize jQM $(document).on("mobileinit", function () { //hack to fix android page transition flicking issue if (navigator.userAgent.indexOf("Android") != -1){ $.extend( $.mobile , { defaultPageTransition: 'none' }); } }); 

    También: cambie lo siguiente en jquerymobile.js

     // Make our transition handler the public default. $.mobile.defaultTransitionHandler = simultaneousHandler; //transition handler dictionary for 3rd party transitions $.mobile.transitionHandlers = { "default": $.mobile.defaultTransitionHandler, "sequential": sequentialHandler, "simultaneous": simultaneousHandler }; 

    ¿También amablemente déjeme saber qué versión del dispositivo del androide usted está utilizando?

    FlipAndroid es un fan de Google para Android, Todo sobre Android Phones, Android Wear, Android Dev y Aplicaciones para Android Aplicaciones.