Re: [gtug-bsas] Duda Android Ajax GridView

1. Me refiero a... ¿dónde hacés "gridView.setAdapter(customGridAdapter);"? 

5. Son dos library. Picasso es de Square es específica para manejo de imágenes online (http://square.github.io/picasso/).  Volley es de Google y es multiuso. No es tan sencillo encontrar un link lindo, porque Google no es tan prolijo como Square :P pero el source anda por acá (https://android.googlesource.com/platform/frameworks/volley/) y esta respuesta de StackOverflow ayuda apenas (http://stackoverflow.com/a/16721116/671431). Otra opción es Universal Image Loader (https://github.com/nostra13/Android-Universal-Image-Loader) pero no la usé nunca. Con cualquiera de las tres, hay maneras diferentes de cargar una ImageView con una imagen, una vez que tenés su URL, pero básicamente las libraries se encargan de bajarla, hacer el caché, y cortar la descarga si no la necesitás más. De todas  hay muchos ejemplos por ahí.

6. Con esos dos XML, podés cargar tu GridView con tus rows de al menos tres maneras diferentes :P Las que te menciono son dos  técnicas (o dos maneras de encarar una técnica) para mejorar la performance de ListViews y GridViews. Google es tu amigo :P

Marina

2014-06-23 11:13 GMT-03:00 Maximiliano Burgos <maxib2007@gmail.com>:

1. El GridViewAdapter lo creo dentro de la funcion obtainImg() y se lo asigno en el OnCreate(). Osea, seria:

protected void onCreate(Bundle savedInstanceState) {

gridView = (GridView) findViewById(R.id.gridView);

new obtainImg().execute(url);

Dentro de obtainImg:

protected void onPostExecute(String response) {    

    try {

    img = new JSONArray(response);

customGridAdapter = new GridViewAdapter(MainActivity.this, R.layout.row_grid, getData(img));

} catch (JSONException e) {

e.printStackTrace();

}  

   }

2. Esto viene de un ejemplo que estaba funcional. Lo que hace es tomar unas imagenes que tiene guardada localmente y mostrarlas. Lo que hace getData es eso. El funcionamiento no esta modificado, el parametro que le paso no hace nada todavia. Solo lo deje para testear si dentro de mi funcion de obtainImg sigue funcionando, y me doy cuenta que no.

3. Como dije arriba, getData contiene un proceso de adquirir las imagenes locales y mostrarlas en la grid. Actualmente la API solo consulta datos, pero no hace nada mas, no afecta a getData.

4. Creo que es mas facil mostrarte la funcion de getData:

private ArrayList<ImageItem> getData(JSONArray img) {

final ArrayList<ImageItem> imageItems = new ArrayList<ImageItem>();

// retrieve String drawable array

TypedArray imgs = getResources().obtainTypedArray(R.array.image_ids);

for (int i = 0; i < imgs.length(); i++) {

Bitmap bitmap = BitmapFactory.decodeResource(this.getResources(),

imgs.getResourceId(i, -1));

imageItems.add(new ImageItem(bitmap, "Image#" + i));

}

return imageItems;

}

5. Que vienen a ser esas herramientas? Yo tengo que traermelas de mi api si o si, eso lo afectaria?

6. Lo tome de un ejemplo y lo estoy adaptando, mi grid xml tiene 2 archivos:

Un main contenedor:

<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:background="#f0f0f0"

    tools:context=".MainActivity" >

    <GridView

        android:id="@+id/gridView"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_margin="5dp"

        android:columnWidth="100dp"

        android:gravity="center"

        android:numColumns="auto_fit"

        android:verticalSpacing="5dp"

        android:drawSelectorOnTop="true"

        android:stretchMode="columnWidth" >

    </GridView>

</RelativeLayout>

Y un row_grid para contener cada imagen y descripcion:

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

    xmlns:tools="http://schemas.android.com/tools"

    android:layout_width="wrap_content"

    android:layout_height="wrap_content"

    android:layout_marginTop="5dp"

    android:orientation="vertical"

    android:padding="5dp" 

    android:clickable="false"

    android:background="@drawable/grid_color_selector"

    android:focusable="false"

    android:focusableInTouchMode="false">

    <ImageView

        android:id="@+id/image"

        android:layout_width="100dp"

        android:layout_height="100dp" >

    </ImageView>

    <TextView

        android:id="@+id/text"

        android:layout_width="fill_parent"

        android:layout_height="wrap_content"

        android:layout_marginTop="5dp"

        android:gravity="center"

        android:textSize="12sp" >

    </TextView>

</LinearLayout>

El 23 de junio de 2014, 11:00, Marina Cuello <marina.eariel@gmail.com> escribió:

Mmmm... 

1. ¿Dónde le asignás el adapter a tu GridView? (seguro está fuera del código que pegás, pero es un olvido común, creeme).

2. ¿Todo el proceso en getData (which doesn't get many data anyway), es para generar Bitmaps y después esos bitmaps los usás en la GridView? 

3. ¿Qué tiene que ver getData() con lo que te trae tu API? No veo que estés usando el parámetro ese.

4. ¿Por alguna razón no usás los id que obtenés del array directamente en tus ImageView o lo que sea que tengas dentro?

5. Si en realidad pegaste un getData desactualizado o le erraste de alguna otra manera y en realidad querés usar imágenes online, te recomendaría usar Picasso o Volley para manejar todo eso.

6. Como no veo qué tiene tu adapter, te recomiendo a ciegas que busques info sobre los patrones View Holder y Holder View (mismo concepto, dos implementaciones, lo que vos hacés parece así visto desde arriba bastante parecido a Holder View pero me parece que estás usando demasiados recursos de una y al cuete, generando todos los items de tu Grid antes de empezar).

Marina

--
Has recibido este mensaje porque estás suscrito al grupo "GTUG Buenos Aires | Google Developers Group" de Grupos de Google.
Para anular la suscripción a este grupo y dejar de recibir sus mensajes, envía un correo electrónico a gtug-bsas+unsubscribe@googlegroups.com.
Para acceder a más opciones, visita https://groups.google.com/d/optout.