Android - Phonegap cargar datos externos al iniciar

[mauri19877]

Buenas,

Tengo una aplicación hecha con Phonegap y jquery mobile, cuando ésta inicia se llama una función que carga contenido externo desde un xml, como si fuera un lector de rss.

La aplicación carga el contenido correctamente, mi intención es que cuando inicia se muestre una página con el spinner de jqm mientras se carga el contenido remoto, y luego muestro el contenido externo.
Cuando utilizo phonegap se ve la pantalla negra hasta que se termina de cargar el contenido externo (Todo el tiempo de carga del contenido se ve en negro en vez de verse el spinner). Como resultado de esto, pasa mucho tiempo desde que se inicia la aplicación y se ve algo.

Código:

import org.apache.cordova.DroidGap;
import android.os.Bundle;

public class NewsreaderActivity extends DroidGap {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");

Llamo a la función que trae el contenido externo a través de onload="init();"

Gracias

[unbudah]

A mi m epasa lo mismo, que pantallazo negro mas, feo.

Yo pensaba que con phone gap el html, js, lo cogia directo de la aplicacion sin pedirlo al servidor.

La historia, es que tarda aun quitandole la carga ajax.

[MarioAraque]

Que evento usas para cargar el contenido?

Yo mostraria la pagina con el spinner y luego cargaria datos cuando este renderizada. Creo que el evento se llama "pageload" o algo asi, hace bastante que deje de usar JQM.

Saludos.

[sck1983]

Buenas a todos, mauri19877 con JQuery puedes crear una capa flotante que ocupe toda la pantalla (por ejemplo semitrasparente) con un gif css dentro que sea el cargando.

Y por debajo de la misma una capa en la cual de forma asincrona puedas cargar el contenido que necesites, y cuando esté cargada eliminas la capa flotante de "cargando".

En JQuery debes utilizar las funciones:
.load() (para cargar contenido)
.show() (para mostrar la capa o capas)
.hide() (para ocultar la capa o capas)

Con estas funciones puedes ir jugando y dando un buen resultado a este tipo de problemas. Yo no suelo utilizar jquery mobile por que es un poco tosco para algunas app que son simples, prefiero hacer un framework pequeño que tire de JQuery a secas.

Saludos, espero que te sea de ayuda.

Iniciado por mauri19877

Buenas,

Tengo una aplicación hecha con Phonegap y jquery mobile, cuando ésta inicia se llama una función que carga contenido externo desde un xml, como si fuera un lector de rss.

La aplicación carga el contenido correctamente, mi intención es que cuando inicia se muestre una página con el spinner de jqm mientras se carga el contenido remoto, y luego muestro el contenido externo.
Cuando utilizo phonegap se ve la pantalla negra hasta que se termina de cargar el contenido externo (Todo el tiempo de carga del contenido se ve en negro en vez de verse el spinner). Como resultado de esto, pasa mucho tiempo desde que se inicia la aplicación y se ve algo.

Código:

import org.apache.cordova.DroidGap;
import android.os.Bundle;

public class NewsreaderActivity extends DroidGap {
    /** Called when the activity is first created. */
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        super.loadUrl("file:///android_asset/www/index.html");

Llamo a la función que trae el contenido externo a través de onload="init();"

Gracias