https://manuais.iessanclemente.net/index.php?title=ListView&feed=atom&action=historyListView - Historial de revisiones2024-03-29T06:37:15ZHistorial de revisiones de esta página en el wikiMediaWiki 1.36.2https://manuais.iessanclemente.net/index.php?title=ListView&diff=57157&oldid=prevAngelfg en 08:53 28 jul 20152015-07-28T08:53:27Z<p></p>
<p><b>Página nueva</b></p><div>==Introdución==<br />
*Un '''ListView''' é unha view de que lle permite ao usuario seleccionar un elemento.<br />
*A diferencia dun Spinner unha lista amosa todos os seus elementos na pantalla.<br />
[[Image:Listview.png]]<br />
<br />
*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.<br />
<br />
<br />
<gallery caption="ListView" widths="350" heights="300px" perrow="2"><br />
Image:Android_2014_U4_03_ListView_01.jpg| A imaxe amosa unha lista simple<br />
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.<br />
</gallery><br />
<br />
<br />
*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.<br />
<br />
<br />
==Caso Práctico==<br />
*Comezar creando o proxecto: '''U4_03_ListView''' <br />
<br />
<gallery caption="ListView" widths="350" heights="300px" perrow="2"><br />
Image:Android_2014_U4_03_ListView_01.jpg| Exemplo dunha lista simple, ao premer nun ítem ...<br />
Image:Android_2014_U4_03_ListView_02.jpg| Indícanos que ítem foi seleccionado con un Toast.<br />
</gallery><br />
<br />
<br />
<br />
===XML do Layout===<br />
<br />
*Definimos no Layout unha vista de tipo ListView (Liñas 12-15).<br />
<syntaxhighlight lang="xml" line enclose="div" highlight="12-15" ><br />
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"<br />
xmlns:tools="http://schemas.android.com/tools"<br />
android:layout_width="match_parent"<br />
android:layout_height="match_parent"<br />
android:orientation="vertical" ><br />
<br />
<TextView<br />
android:layout_width="wrap_content"<br />
android:layout_height="wrap_content"<br />
android:text="Selecciona unha froita" /><br />
<br />
<ListView<br />
android:id="@+id/lv_froitas"<br />
android:layout_width="wrap_content"<br />
android:layout_height="wrap_content" /><br />
<br />
</LinearLayout><br />
</syntaxhighlight><br />
<br />
<br />
===O código Java da aplicación===<br />
*A filosofía do código Java é moi semellante ao do Spinner.<br />
<br />
<syntaxhighlight lang="java" line enclose="div" highlight="24,27,30,33,38-39" ><br />
package com.example.u4_03_listview;<br />
<br />
import android.app.Activity;<br />
import android.os.Bundle;<br />
import android.view.Menu;<br />
import android.view.MenuItem;<br />
import android.view.View;<br />
import android.widget.AdapterView;<br />
import android.widget.AdapterView.OnItemClickListener;<br />
import android.widget.ArrayAdapter;<br />
import android.widget.ListView;<br />
import android.widget.TextView;<br />
import android.widget.Toast;<br />
<br />
public class U4_03_ListView extends Activity {<br />
<br />
@Override<br />
protected void onCreate(Bundle savedInstanceState) {<br />
super.onCreate(savedInstanceState);<br />
setContentView(R.layout.activity_u4_03__list_view);<br />
ListView lvFroitas = (ListView) findViewById(R.id.lv_froitas);<br />
<br />
//Fonte de datos<br />
String[] froitas = new String[] { "Pera", "Mazá", "Plátano" };<br />
<br />
//Enlace do adaptador coa fonte de datos <br />
ArrayAdapter<String> adaptador = new ArrayAdapter<String>(this, android.R.layout.simple_list_item_1, froitas);<br />
<br />
//Enlace do adaptador co ListView<br />
lvFroitas.setAdapter(adaptador);<br />
<br />
//Escoitador<br />
lvFroitas.setOnItemClickListener(new OnItemClickListener() {<br />
<br />
@Override<br />
public void onItemClick(AdapterView<?> parent, View view, int position, long id) {<br />
// TODO Auto-generated method stub<br />
//Toast.makeText(getBaseContext(), "Seleccionaches: " + parent.getItemAtPosition(position), Toast.LENGTH_SHORT).show();<br />
Toast.makeText(getBaseContext(), "Seleccionaches: " + ((TextView) view).getText(), Toast.LENGTH_SHORT).show();<br />
<br />
}<br />
});<br />
}<br />
<br />
@Override<br />
public boolean onCreateOptionsMenu(Menu menu) {<br />
// Inflate the menu; this adds items to the action bar if it is present.<br />
getMenuInflater().inflate(R.menu.u4_03__list_view, menu);<br />
return true;<br />
}<br />
<br />
}<br />
</syntaxhighlight><br />
*'''Liña 24''': Ao igual que no Spinner, creamos unha fonte de datos, neste caso cun array estático.<br />
*'''Liña 27''': Do mesmo xeito creamos o adaptador<br />
*'''Liña 30''': E finalmente, vinculamos o adaptador ao ListView<br />
*'''Liña 33''': O Escoitador asociado ao ListView.<br />
*'''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.<br />
<br />
==ListView usando un recurso XML ou un array dinámico==<br />
*Neste caso funciona igual que o visto no Spinner que fai uso dun adaptador.<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br> -- [[Usuario:angelfg|Ángel D. Fernández González]] e [[Usuario:Carrion|Carlos Carrión Álvarez]] -- (2015).</div>Angelfg