Angelfg en 08:53 28 jul 2015

2015-07-28T08:53:27Z

Página nueva

==Introdución==
*Un '''ListView''' é unha view de que lle permite ao usuario seleccionar un elemento.
*A diferencia dun Spinner unha lista amosa todos os seus elementos na pantalla.
[[Image:Listview.png]]

*A imaxe recolle un exemplo de lista, cada item pode conter un só dato, ou múltiples datos. O primeiro caso é o que se vai ver neste curso.

<gallery caption="ListView" widths="350" heights="300px" perrow="2">
Image:Android_2014_U4_03_ListView_01.jpg| A imaxe amosa unha lista simple
Image:Contactos.png| Un ListView máis complexo é a lista de contactos do teléfono. Cada ítem ten como mímio: Foto, Nome, Telf, se ten whatsaspp, etc.
</gallery>

*Ao igual que no Spinner usaremos unha fonte de datos (array estático, array dinñamico, recurso xml, etc) para enlazalo co adaptador e este co ListView.

==Caso Práctico==
*Comezar creando o proxecto: '''U4_03_ListView'''

<gallery caption="ListView" widths="350" heights="300px" perrow="2">
Image:Android_2014_U4_03_ListView_01.jpg| Exemplo dunha lista simple, ao premer nun ítem ...
Image:Android_2014_U4_03_ListView_02.jpg| Indícanos que ítem foi seleccionado con un Toast.
</gallery>

===XML do Layout===

*Definimos no Layout unha vista de tipo ListView (Liñas 12-15).
<syntaxhighlight lang="xml" line enclose="div" highlight="12-15" >
<LinearLayout 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:orientation="vertical" >

<TextView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Selecciona unha froita" />

<ListView
android:id="@+id/lv_froitas"
android:layout_width="wrap_content"
android:layout_height="wrap_content" />

</LinearLayout>
</syntaxhighlight>

===O código Java da aplicación===
*A filosofía do código Java é moi semellante ao do Spinner.

<syntaxhighlight lang="java" line enclose="div" highlight="24,27,30,33,38-39" >
package com.example.u4_03_listview;

import android.app.Activity;
import android.os.Bundle;
import android.view.Menu;
import android.view.MenuItem;
import android.view.View;
import android.widget.AdapterView;
import android.widget.AdapterView.OnItemClickListener;
import android.widget.ArrayAdapter;
import android.widget.ListView;
import android.widget.TextView;
import android.widget.Toast;

public class U4_03_ListView extends Activity {

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_u4_03__list_view);
ListView lvFroitas = (ListView) findViewById(R.id.lv_froitas);

//Fonte de datos
String[] froitas = new String[] { "Pera", "Mazá", "Plátano" };

//Enlace do adaptador coa fonte de datos
ArrayAdapter<String> adaptador = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, froitas);

//Enlace do adaptador co ListView
lvFroitas.setAdapter(adaptador);

//Escoitador
lvFroitas.setOnItemClickListener(new OnItemClickListener() {

@Override
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
// TODO Auto-generated method stub
//Toast.makeText(getBaseContext(), "Seleccionaches: " + parent.getItemAtPosition(position), Toast.LENGTH_SHORT).show();
Toast.makeText(getBaseContext(), "Seleccionaches: " + ((TextView) view).getText(), Toast.LENGTH_SHORT).show();

}
});
}

@Override
public boolean onCreateOptionsMenu(Menu menu) {
// Inflate the menu; this adds items to the action bar if it is present.
getMenuInflater().inflate(R.menu.u4_03__list_view, menu);
return true;
}

}
</syntaxhighlight>
*'''Liña 24''': Ao igual que no Spinner, creamos unha fonte de datos, neste caso cun array estático.
*'''Liña 27''': Do mesmo xeito creamos o adaptador
*'''Liña 30''': E finalmente, vinculamos o adaptador ao ListView
*'''Liña 33''': O Escoitador asociado ao ListView.
*'''Liñas 38,39''': Ao igual que no spinner, neste caso a vista que recibimos cando facemos click nun ítem da view é do tipo TextView.

==ListView usando un recurso XML ou un array dinámico==
*Neste caso funciona igual que o visto no Spinner que fai uso dun adaptador.

<br> -- [[Usuario:angelfg|Ángel D. Fernández González]] e [[Usuario:Carrion|Carlos Carrión Álvarez]] -- (2015).

ListView - Historial de revisiones

Angelfg en 08:53 28 jul 2015