PDM RecyclerView e CardView - Historial de revisiones

Angelfg: /* Xestionar eventos de Click´s sobre os elementos */

2021-01-21T15:31:51Z

Xestionar eventos de Click´s sobre os elementos

Angelfg: /* Creando o deseño do CardView */

2021-01-21T15:25:15Z

Creando o deseño do CardView

Angelfg: /* Creando o Adaptador */

2021-01-19T21:02:09Z

Creando o Adaptador

Angelfg: /* Creando o deseño do CardView */

2021-01-19T20:57:28Z

Creando o deseño do CardView

Angelfg: /* Creando o deseño do CardView */

2021-01-19T20:54:01Z

Creando o deseño do CardView

Angelfg: /* Creando o deseño do CardView */

2021-01-19T20:52:18Z

Creando o deseño do CardView

Angelfg: /* Caso Práctico */

2021-01-19T20:43:04Z

Caso Práctico

Wiki en 15:55 11 nov 2020

2020-11-11T15:55:52Z

Wiki: /* Creando o Adaptador */

2019-11-02T12:36:38Z

Creando o Adaptador

Wiki: /* Creando o Adaptador */

2019-11-02T12:32:27Z

Creando o Adaptador

@@ Línea 547: / Línea 547: @@
 * Podemos modificar un par de propiedades do layout asociado ao cardview para que cando prememos apareza un efecto de 'selección' sobre o elemento premido.
-<syntaxhighlight lang="xml" line enclose="div" highlight="9,10,11">
+<syntaxhighlight lang="xml" enclose="div" highlight="9,10,11">
 <?xml version="1.0" encoding="utf-8"?>
@@ Línea 808: / Línea 808: @@
 <br />
 ==Engadindo-Borrando-Actualizando elementos==

@@ Línea 128: / Línea 128: @@
      xmlns:app="http://schemas.android.com/apk/res-auto"
      xmlns:tools="http://schemas.android.com/tools"
-     android:layout_width="match_parent" android:layout_height="wrap_content">
+     android:layout_width="match_parent"
      <android.support.constraint.ConstraintLayout
@@ Línea 153: / Línea 159: @@
              android:textColor="@android:color/holo_purple"
              android:textSize="24sp"
              app:layout_constraintEnd_toEndOf="parent"
              app:layout_constraintStart_toEndOf="@+id/imgImaxe_UD04_01_CardLayout"
              app:layout_constraintTop_toTopOf="parent" />
-    </android.support.constraint.ConstraintLayout>
 </android.support.v7.widget.CardView>
 </syntaxhighlight>
@@ Línea 168: / Línea 174: @@
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:layout_width="match_parent"
-     android:layout_height="match_parent"
+     android:layout_height="wrap_content"
      app:cardBackgroundColor="#81C784"
      app:cardCornerRadius="12dp"
@@ Línea 176: / Línea 183: @@
      <androidx.constraintlayout.widget.ConstraintLayout
          android:layout_width="match_parent"
-         android:layout_height="match_parent">
+         android:layout_height="wrap_content">
          <ImageView
@@ Línea 192: / Línea 199: @@
              android:layout_width="0dp"
              android:layout_height="wrap_content"
              android:paddingStart="5dp"
              android:text="Texto a amosar por fila"
              android:textColor="@android:color/holo_purple"
              android:textSize="24sp"
              app:layout_constraintEnd_toEndOf="parent"
              app:layout_constraintStart_toEndOf="@+id/imgImaxe_UD04_01_CardLayout"

@@ Línea 285: / Línea 285: @@
 : Ao facelo dará un erro no que se nos informa que debemos de implementar unha serie de métodos.
 <syntaxhighlight lang="java" line enclose="div" highlight="">
 package cifprodolfoucha.cursoandroid.aprendiendo.UD2.Adaptadores;

@@ Línea 163: / Línea 163: @@
 '''Versión se empregades a biblioteca de compatibilidade androidx:'''
 <syntaxhighlight lang="xml" enclose="div" highlight="">
-?xml version="1.0" encoding="utf-8"?>
+<?xml version="1.0" encoding="utf-8"?>
 <androidx.cardview.widget.CardView
      xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:app="http://schemas.android.com/apk/res-auto"
      android:layout_width="match_parent"
-     android:layout_height="match_parent">
+     android:layout_height="match_parent"
-     <ImageView
+    app:cardBackgroundColor="#81C784"
-        android:id="@+id/imgImaxe_UD04_01_CardLayout"
+    app:cardCornerRadius="12dp"
-        android:layout_width="100dp"
+    app:cardElevation="3dp"
-        android:layout_height="100dp"
+    app:contentPadding="4dp">
-        android:contentDescription="Imaxe"
-        app:layout_constraintEnd_toStartOf="@+id/tvTexto_UD04_01_CardView"
+     <androidx.constraintlayout.widget.ConstraintLayout
-        app:layout_constraintStart_toStartOf="parent"
+        android:layout_width="match_parent"
-        app:layout_constraintTop_toTopOf="parent"
+        android:layout_height="match_parent">
-        app:srcCompat="@mipmap/ic_launcher" />
 </androidx.cardview.widget.CardView>
 </syntaxhighlight>

@@ Línea 211: / Línea 211: @@
-<syntaxhighlight lang="xml" line enclose="div" highlight="">
+<syntaxhighlight lang="xml" enclose="div" highlight="9-12">
 <?xml version="1.0" encoding="utf-8"?>
 <?xml version="1.0" encoding="utf-8"?>

@@ Línea 119: / Línea 119: @@
 :* O ancho e alto da imaxe vai ser de 100x100 dp´s e desprazada á esquerda.
 :* O texto ocupa todo o espazo restante e está centrado con respecto á foto. Ten unha separación esquerda con respecto á foto e un tamaño de texto grande.
-:* O texto ten unha cor vermella defina por nos nun arquivo de recurso /res/values/
+:* O texto ten unha cor do S.O. supoñendo que empregamos o aspecto Holo (@android:color/holo_purple) (podedes poñer a cor que queirades)
+'''Versión se empregades a biblioteca de compatibilidade v7:'''
-<syntaxhighlight lang="xml" line enclose="div" highlight="">
+<syntaxhighlight lang="xml" enclose="div" highlight="">
 <?xml version="1.0" encoding="utf-8"?>
 <android.support.v7.widget.CardView xmlns:android="http://schemas.android.com/apk/res/android"
@@ Línea 143: / Línea 143: @@
              app:layout_constraintStart_toStartOf="parent"
              app:layout_constraintTop_toTopOf="parent"
-             app:srcCompat="@mipmap/ic_launcher2" />
+             app:srcCompat="@mipmap/ic_launcher" />
          <TextView
@@ Línea 151: / Línea 151: @@
              android:paddingStart="5dp"
              android:text="Texto a amosar por fila"
-             android:textColor="@color/corvermello"
+             android:textColor="@android:color/holo_purple"
              android:textSize="24sp"
              app:layout_constraintBottom_toBottomOf="parent"
@@ Línea 160: / Línea 160: @@
 </android.support.v7.widget.CardView>
 </syntaxhighlight>

@@ Línea 57: / Línea 57: @@
 : O layout asociado a dita activity terá un RecycleView ocupando o 100% do espazo cun margin superior de 24dp´s:
-<syntaxhighlight lang="xml" line enclose="div" highlight="">
 <?xml version="1.0" encoding="utf-8"?>
 <android.support.constraint.ConstraintLayout xmlns:android="http://schemas.android.com/apk/res/android"
@@ Línea 78: / Línea 80: @@
 </syntaxhighlight>
 <br />
-==Creando o deseño do CardView==
+===Creando o deseño do CardView===
 * O CardView ven ser coma un layout que representa como se van visualizar '''cada unha das filas que conforman o RecycleView'''.

← Revisión anterior		Revisión del 15:55 11 nov 2020
Línea 883:		Línea 883:


		+	<br />
		+	'''[https://wiki.cifprodolfoucha.es/index.php?title=Programaci%C3%B3n_de_dispositivos_m%C3%B3biles#UNIDADE_4:_Adaptadores Enlace a la página principal de la UD4]'''
		+	<br />
		+	<br />
		+	'''[https://wiki.cifprodolfoucha.es/index.php?title=Programación_de_dispositivos_móbiles Enlace a la página principal del curso]'''
		+	<br />


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

@@ Línea 245: / Línea 245: @@
 :* '''getItemCount()''': Ten que devolver o número de elementos que se van visualizar na lista.
 :* '''onCreateViewHolder()''': Este método ten que devolver un obxecto da clase ViewHolder a cal é empregada para visualizar o contido da lista. Será na clase ViewHolder onde 'cargaremos' o deseño de fila feito no paso anterior.
-:* '''onBindViewHolder()''': Este método recibe o ViewHolder do método anterior e un índica que nos di cal elemento da lista de datos imos visualizar graficamente.
+:* '''onBindViewHolder()''': Este método recibe o ViewHolder do método anterior e asociamos a cada compoñente gráfico de dito View o dato que queremos que visualice.

@@ Línea 207: / Línea 207: @@
 **Por cada dato crea unha View e a representa.
 ** É o responsable de xerar todos os elementos de representación asociados aos datos. Imaxinar que cada ítem estivera formado por dous subcompoñentes: nome de persoa e foto. O adaptador debe ser quen de poder representar iso.
 * No caso do RecycleView, vai empregar un adaptador que deriva da clase RecycleView.Adapter.
@@ Línea 281: / Línea 280: @@
 <br />
 ==Definindo a clase ViewHolder==