ListView - Historial de revisiones

Angelfg en 12:21 16 nov 2020

2020-11-16T12:21:22Z

Angelfg: /* Personalizando o deseño */

2020-11-16T12:13:31Z

Personalizando o deseño

Wiki: /* Accedendo ao elemento seleccionado da lista */

2020-11-16T11:39:27Z

Accedendo ao elemento seleccionado da lista

Wiki: /* Operacións sobre o Adaptador */

2020-11-16T11:25:16Z

Operacións sobre o Adaptador

Wiki: /* Operación de baixa */

2020-11-16T11:24:44Z

Operación de baixa

Angelfg: /* Accedendo ao adaptador */

2020-11-14T17:09:24Z

Accedendo ao adaptador

Angelfg: /* Operacións sobre a lista */

2020-11-14T12:48:55Z

Operacións sobre a lista

Wiki en 15:57 11 nov 2020

2020-11-11T15:57:06Z

Wiki en 15:56 11 nov 2020

2020-11-11T15:56:25Z

Mostrar los cambios

Wiki: /* Operacións sobre o Adaptador */

2020-11-11T14:47:05Z

Operacións sobre o Adaptador

@@ Línea 298: / Línea 298: @@
              @Override
              public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
-                 Toast.makeText(getApplicationContext(), adapterView.getItemAtPosition(i).toString(),Toast.LENGTH_SHORT).show();
+                 Toast.makeText(getApplicationContext(), adapterView.getItemAtPosition(i).toString(),Toast.LENGTH_SHORT).show(); // i é a posición de elemento clickeado
+             }
          });
@@ Línea 378: / Línea 379: @@
 : Este tipo de chamadas devolverán sempre null no caso do ListView (si funcionan cun spinner).
-: A única forma de saber cal é o elemento que premeu o usuario é gardando a posición nunha propiedade da Activity, no método onItemClick que vimos anteiormente. Veremos o seu uso na operación de Baixa e modificar.
+: A única forma de saber cal é o elemento que premeu o usuario é gardando a posición nunha propiedade da Activity, no método onItemClick que vimos anteiormente. Veremos o seu uso na operación de Baixa e Modificar.
@@ Línea 484: / Línea 485: @@
 ====Operación de Modificar====
-* Necesitamos ter gardado nun atributo da clase, a posición do elemento seleccionado ao premer sobre a lista (como xa vimos nun exemplo anterior)
+* Necesitamos ter gardado nun atributo da clase, a posición do elemento seleccionado ao premer sobre a lista.
 <br />
@@ Línea 491: / Línea 492: @@
 : O máis doado neste caso é borrar e dar de alta o novo elemento.
-<syntaxhighlight lang="java" enclose="div" highlight="11,13">
+<syntaxhighlight lang="java" enclose="div" highlight="3,16-19,28">
      private void xestionarEventos(){
          findViewById(R.id.btnModificar).setOnClickListener(new View.OnClickListener() {
@@ Línea 521: / Línea 528: @@
+     }
 </syntaxhighlight>
 : Liña 11: Borramos o elemento seleccionado.
@@ Línea 562: / Línea 579: @@
 <br />
 ====Operación de baixa====
-* Para dar de baixa un elemento necesitamos gardar a posición clickeada polo usuario.
+* Para dar de baixa un elemento necesitamos gardar a posición clickeada polo usuario (mirar o código da operación de modificación).

@@ Línea 272: / Línea 272: @@
 : Para iso empregamos outro dos contructores vistos anteriormente:
-::<syntaxhighlight lang="java" enclose="div" highlight="3">
+::<syntaxhighlight lang="java" enclose="div" highlight="4">
      private void cargarDatos(){
          ArrayList<String>datos = new ArrayList<>(Arrays.asList("Valor 1","Valor 2", "Valor 3"));
@@ Línea 286: / Línea 286: @@
 <br />
 ===Xestionando o evento Click sobre un elemento da lista===
 * Para xestionar o evento Click debemos empregar a [https://developer.android.com/reference/android/widget/AdapterView.OnItemClickListener?hl=en interface OnItemClickListener].

@@ Línea 377: / Línea 377: @@
 : Este tipo de chamadas devolverán sempre null no caso do ListView (si funcionan cun spinner).
-: A única forma de saber cal é o elemento que premeu o usuario é gardando a posición nunha propiedade da Activity, no método onItemClick que vimos anteiormente. Veremos o seu uso na operación de baixa.
+: A única forma de saber cal é o elemento que premeu o usuario é gardando a posición nunha propiedade da Activity, no método onItemClick que vimos anteiormente. Veremos o seu uso na operación de Baixa e modificar.
@@ Línea 383: / Línea 383: @@
 <br/>
 ===Operacións sobre a lista===

@@ Línea 559: / Línea 559: @@
 <br />
 ====Operacións sobre o Adaptador====
@@ Línea 575: / Línea 640: @@
 <br />
 ====Facendo que o elemento da lista quede seleccionado====

← Revisión anterior		Revisión del 11:24 16 nov 2020
Línea 403:		Línea 403:

	<br/>		<br/>
−	~~====Operación de baixa====~~
−	* Para dar de baixa un elemento necesitamos gardar a posición clickeada polo usuario.
−
−
−	~~<br />~~
−	~~=====Accedendo ao adaptador=====~~
−	~~: Supoñemos que non temos acceso ao array de datos (por estar definido localmente, por exemplo).~~
−	~~<syntaxhighlight lang="java" enclose="div" highlight="7-9">~~
−	~~private void xestionarEventos(){~~
−	~~findViewById(R.id.btnBaixa).setOnClickListener(new View.OnClickListener() {~~
−	~~@Override~~
−	~~public void onClick(View view) {~~
−	~~if (posElemListaSelec==-1) return;~~
−
−	~~ArrayAdapter<String> adapter = (ArrayAdapter)((ListView)findViewById(R.id.lsvLista)).getAdapter();~~
−	~~String objeto = adapter.getItem(posElemListaSelec);~~
−	~~adapter.remove(objeto);~~
−	~~EditText et = findViewById(R.id.edtEditElemLista);~~
−	~~et.setText("");~~
−	}
−	~~});~~
−
−	~~ListView lsvLista = findViewById(R.id.lsvLista);~~
−	~~lsvLista.setOnItemClickListener(new AdapterView.OnItemClickListener() {~~
−	~~@Override~~
−	~~public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {~~
−	~~posElemListaSelec = i;~~
−	~~EditText et = findViewById(R.id.edtEditElemLista);~~
−	~~et.setText(datos.get(i));~~
−	}
−	~~});~~
−
−
−	}
−	~~</syntaxhighlight>~~
−	~~: Liña 7: Ao non ter acceso ao array de datos, calquera operación a temos que facer a través do adaptador. Polo tanto necesitamos obter unha referencia ao adaptador da ListView.~~
−	~~: Liña 8: A través do adaptador podemos acceder ao elemento seleccionado pola posición que temos gardada previamente no método onItemClick.~~
−	~~: Liña 9: Eliminamos o elemento do adaptador. Automaticamente xa se refresca o ListView e desaparece o elemento.~~
−
−	~~<br />~~
−	~~=====Accedendo ao array de datos=====~~
−
−	* Neste caso podemos acceder ao array de datos que está cargado no adaptador (polo telo definido a nivel de Activity, non localmente nun método).
−	~~<syntaxhighlight lang="java" enclose="div" highlight="6-8">~~
−	~~findViewById(R.id.btnBaixa).setOnClickListener(new View.OnClickListener() {~~
−	~~@Override~~
−	~~public void onClick(View view) {~~
−	~~if (posElemListaSelec==-1) return;~~
−
−	~~datos.remove(posElemListaSelec);~~
−	~~ArrayAdapter adaptador = (ArrayAdapter)((ListView)findViewById(R.id.lsvLista)).getAdapter();~~
−	~~adaptador.notifyDataSetChanged();~~
−	~~EditText et = findViewById(R.id.edtEditElemLista);~~
−	~~et.setText("");~~
−	}
−	~~});~~
−	~~</syntaxhighlight>~~
−	~~: Liña 6: Eliminamos o elemento do array de datos.~~
−	~~: Liña 8-9: Necesitamos informar ao ListView que ten que recargar a lista, chamando ao método notifyDataSetChanged() do adaptador.~~
−
−
−
−
−	~~<br />~~
	====Operación de Alta====		====Operación de Alta====

← Revisión anterior		Revisión del 17:09 14 nov 2020
Línea 587:		Línea 587:
	: Liña 13: Engadimos o novo elemento.		: Liña 13: Engadimos o novo elemento.

		+
		+	: '''NOTA IMPORTANTE:''' Se estamos a traballar con obxectos (é dicir, o que gardamos como elemento da lista é un obxecto dunha clase definida por nos, no que sobrescribimos o método toString para indicar o que queremos visualizar), podemos non borrar e crear un novo obxecto, xa que cando obtemos o elemento seleccionado estamos a obter a dirección de memoria onde ese obxecto está aloxado.
		+	: Polo tanto se modificamos o obxecto seleccionado é como si modificaramos o elemento do array de datos e podemos empregar a segunda forma (ven explicado a continuación) informando ao adaptador que houbo un cambio nos datos.

	<br />		<br />

@@ Línea 387: / Línea 387: @@
 * Podemos facer alta, baixas e modificacións.
 : Ditas operacións as podemos facer sobre o Array onde temos gardados os datos (sempre que estea definido a nivel de Activity ou de forma global) ou sobre o adaptador asociado á ListView.
 : Imos velos das dúas formas:

← Revisión anterior		Revisión del 15:57 11 nov 2020
Línea 1925:		Línea 1925:


−	~~<br> -- [[Usuario:angelfg\|Ángel D. Fernández González]] -- (2019).~~



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

← Revisión anterior		Revisión del 14:47 11 nov 2020
Línea 618:		Línea 618:
	:* [https://developer.android.com/reference/android/widget/ArrayAdapter.html#remove(T) remove(T object)]: Elimina un elemento da lista.		:* [https://developer.android.com/reference/android/widget/ArrayAdapter.html#remove(T) remove(T object)]: Elimina un elemento da lista.
	:* [https://developer.android.com/reference/android/widget/ArrayAdapter.html#clear() clear()]: Borra todos os elementos da lista.		:* [https://developer.android.com/reference/android/widget/ArrayAdapter.html#clear() clear()]: Borra todos os elementos da lista.
		+
		+
		+
		+
		+	<br />
		+	====Facendo que o elemento da lista quede seleccionado====
		+
		+	* Como comentei anteriormente, a lista non selecciona o elemento ao premer sobre el.
		+	: Realmente estamos a facer click.
		+
		+	* Para solucionalo podemos facer o seguinte:
		+	<gallery caption="Seleccionando un elemento da lista" widths="350" heights="300px" perrow="2">
		+	Image:PDM_listview_base_7.jpg\| Seleccionamos a propiedade ListSelector do ListView.
		+	Image:PDM_listview_base_8.jpg\| Seleccionamos unha cor.
		+	Image:PDM_listview_base_9.jpg\| Podemos ver que o elemento da lista se debuxa coa cor de fondo seleccionada.
		+	</gallery>
		+
		+	: O problema que ten esta solución é que ao borrar un elemento da lista, 'a fila' mantense seleccionada.
		+	: O poderíamos intentar arranxar accedendo ao View seleccionado (no método onItemClick da interface onItemClickListener, gardando o View nun atributo a nivel de Activity) e cambiando a cor de fondo a branco cando se dea de baixa.
		+
		+
		+	<br />
		+	* Outra forma é empregar un recurso de Android denominado 'selectores'.
		+	: Os selectores son recursos que se crean no cartafol /res/drawable/. Son arquivos de texto onde se especifica, segundo o estado no que se atope un View, cambiar o que se vai debuxar (normalmente a cor de fondo).
		+	: Para probalo necesitamos acceder ao View que visualiza cada elemento da lista. Polo tanto non podemos empregar o Layout que subministra o S.O.
		+	: Como nun [https://wiki.cifprodolfoucha.es/index.php?title=ListView#Personalizando_o_dese.C3.B1o punto anterior] xa empregamos un deseño propio, imos a empregalo.
		+
		+	<gallery caption="Seleccionando un elemento da lista cun selector" widths="350" heights="300px" perrow="2">
		+	Image:PDM_listview_base_10.jpg\| Creamos un selector (arquivo de recursos /res/drawable)
		+	Image:PDM_listview_base_11.jpg\| Dámoslle un nome ao selector.
		+	Image:PDM_listview_base_12.jpg\| Escribimos que cor queremos que teña o View cando estea activado ou non a view.
		+	Image:PDM_listview_base_13.jpg\| Na parte da dereita podemos 'previsualizar' en función dos estados que cor imos ter 'activa'.
		+	</gallery>
		+
		+	* Unha vez temos o selector, temos que asignar dito selector ao Constraint que deseñamos previamente.
		+	: Imos a asocialo á propiedade '''background''' do mesmo.
		+	<gallery caption="Seleccionando un elemento da lista cun selector" widths="350" heights="300px" perrow="2">
		+	Image:PDM_listview_base_10.jpg\| Creamos un selector (arquivo de recursos /res/drawable)
		+	Image:PDM_listview_base_11.jpg\| Dámoslle un nome ao selector.
		+	Image:PDM_listview_base_12.jpg\| Escribimos que cor queremos que teña o View cando estea activado ou non a view.
		+	Image:PDM_listview_base_13.jpg\| Na parte da dereita podemos 'previsualizar' en función dos estados que cor imos ter 'activa'.
		+	Image:PDM_listview_base_14.jpg\| No deseño personalizado escollemos a propiedade background. Prememos no óvalo na parte da dereita.
		+	Image:PDM_listview_base_15.jpg\| Escollemos o selector definido anteriormente.
		+	</gallery>
		+
		+
		+
		+	<br />
		+	* Agora a nivel de código imos a indicarlle que cargue o deseño personalizado:
		+	<syntaxhighlight lang="java" enclose="div" highlight="3">
		+	private void cargarDatos(){
		+
		+	ArrayAdapter<String> adapter = new ArrayAdapter<>(this, R.layout.elemento_listview,R.id.txvElemSpinner,datos);
		+	ListView listView = findViewById(R.id.lsvLista);
		+	listView.setAdapter(adapter);
		+	}
		+	</syntaxhighlight>
		+
		+
		+	<br />
		+	* E como último paso temos que facer que cando se seleccione un elemento da lista, o view sexa 'seleccionado' e así se activaría o estado establecido no selector.
		+	<syntaxhighlight lang="java" enclose="div" highlight="5">
		+	ListView lsvLista = findViewById(R.id.lsvLista);
		+	lsvLista.setOnItemClickListener(new AdapterView.OnItemClickListener() {
		+	@Override
		+	public void onItemClick(AdapterView<?> adapterView, View view, int i, long l) {
		+	view.setSelected(true);
		+
		+	posElemListaSelec = i;
		+	EditText et = findViewById(R.id.edtEditElemLista);
		+	et.setText(datos.get(i));
		+	}
		+	});
		+	</syntaxhighlight>