ListView

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.

• 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.

• ListView
• 

  A imaxe amosa unha lista simple

• 

  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.

• 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

• ListView
• 

  Exemplo dunha lista simple, ao premer nun ítem ...

• 

  Indícanos que ítem foi seleccionado con un Toast.

XML do Layout

• Definimos no Layout unha vista de tipo ListView (Liñas 12-15).

 1 <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
 2     xmlns:tools="http://schemas.android.com/tools"
 3     android:layout_width="match_parent"
 4     android:layout_height="match_parent"
 5     android:orientation="vertical" >
 6 
 7     <TextView
 8         android:layout_width="wrap_content"
 9         android:layout_height="wrap_content"
10         android:text="Selecciona unha froita" />
11 
12     <ListView
13         android:id="@+id/lv_froitas"
14         android:layout_width="wrap_content"
15         android:layout_height="wrap_content" />
16 
17 </LinearLayout>

O código Java da aplicación

• A filosofía do código Java é moi semellante ao do Spinner.

 1 package com.example.u4_03_listview;
 2 
 3 import android.app.Activity;
 4 import android.os.Bundle;
 5 import android.view.Menu;
 6 import android.view.MenuItem;
 7 import android.view.View;
 8 import android.widget.AdapterView;
 9 import android.widget.AdapterView.OnItemClickListener;
10 import android.widget.ArrayAdapter;
11 import android.widget.ListView;
12 import android.widget.TextView;
13 import android.widget.Toast;
14 
15 public class U4_03_ListView extends Activity {
16 
17 	@Override
18 	protected void onCreate(Bundle savedInstanceState) {
19 		super.onCreate(savedInstanceState);
20 		setContentView(R.layout.activity_u4_03__list_view);
21 		ListView lvFroitas = (ListView) findViewById(R.id.lv_froitas);
22 
23 		//Fonte de datos
24 		String[] froitas = new String[] { "Pera", "Mazá", "Plátano" };
25 
26 		//Enlace do adaptador coa fonte de datos	
27 		ArrayAdapter<String> adaptador = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, froitas);
28 
29 		//Enlace do adaptador co ListView
30 		lvFroitas.setAdapter(adaptador);
31 
32 		//Escoitador
33 		lvFroitas.setOnItemClickListener(new OnItemClickListener() {
34 
35 			@Override
36 			public void onItemClick(AdapterView<?> parent, View view, int position, long id) {
37 				// TODO Auto-generated method stub
38 				//Toast.makeText(getBaseContext(), "Seleccionaches: " + parent.getItemAtPosition(position), Toast.LENGTH_SHORT).show();
39 				Toast.makeText(getBaseContext(), "Seleccionaches: " + ((TextView) view).getText(), Toast.LENGTH_SHORT).show();
40 
41 			}
42 		});
43 	}
44 
45 	@Override
46 	public boolean onCreateOptionsMenu(Menu menu) {
47 		// Inflate the menu; this adds items to the action bar if it is present.
48 		getMenuInflater().inflate(R.menu.u4_03__list_view, menu);
49 		return true;
50 	}
51 
52 }

• 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.

-- Ángel D. Fernández González e Carlos Carrión Álvarez -- (2015).