PDM Fab - Historial de revisiones

Angelfg: /* Métodos mínimos a coñecer no manexo do FloatActionButton */

2020-11-21T12:55:58Z

Métodos mínimos a coñecer no manexo do FloatActionButton

Wiki: /* Funcionamento e atributos básicos */

2020-11-01T16:16:13Z

Funcionamento e atributos básicos

Wiki: /* Funcionamento e atributos básicos */

2019-10-14T15:18:04Z

Funcionamento e atributos básicos

Wiki: /* Funcionamento e atributos básicos */

2019-10-14T15:17:37Z

Funcionamento e atributos básicos

Wiki: /* Introdución */

2019-10-13T10:16:37Z

Introdución

Wiki en 10:16 13 oct 2019

2019-10-13T10:16:25Z

Wiki: /* Funcionamento e atributos básicos */

2019-10-13T10:11:40Z

Funcionamento e atributos básicos

Wiki: /* Introdución */

2019-10-13T10:10:33Z

Introdución

Wiki: /* Funcionamento e atributos básicos */

2019-10-12T12:58:36Z

Funcionamento e atributos básicos

Wiki: Página creada con «=Introdución= * Máis información en: :* https://developer.android.com/guide/topics/ui/floating-action-button :* https://developer.android.com/reference/android/support/…»

2019-10-12T12:58:00Z

Página creada con «=Introdución= * Máis información en: :* https://developer.android.com/guide/topics/ui/floating-action-button :* https://developer.android.com/reference/android/support/…»

Página nueva

=Introdución=

* Máis información en:
:* https://developer.android.com/guide/topics/ui/floating-action-button
:* https://developer.android.com/reference/android/support/design/widget/FloatingActionButton

[[Imagen:PDM_Fab_3.jpg|400px|center]]
<center><small>Imaxe obtida [https://developer.android.com/guide/topics/ui/floating-action-button deste enlace]</small></center>

* Este tipo de botón foi engadido a partires da versión 22 de Android e graficamente ten un aspecto redondo cunha icona no centro.
: Segundo a guía de Material Design ten que ter unha elevación de 6dp´s e un tamaño de 56dp´s na súa versión por defecto podendo ter un tamaño de 40x40dp´s cando o ancho da pantalla sexa inferior a 460dp´s.

* Normalmente non se debe empregar máis de un Fab en cada activity xa que dito Fab vai representar unha acción principal ou unha acción habitual da activity.
: Podemos ver nesta imaxe exemplo de uso correctos e incorrectos do FAB, [https://material.io/components/buttons-floating-action-button/# obtidas deste enlace]:
[[Imagen:PDM_Fab_2.jpg|700px|center]]

* Existen dous tipos de Fabs: standard e extended.
: Podedes consultar as características de cada un deles [https://material.io/components/buttons-floating-action-button/#extended-fab no enlace anterior].

: No caso do Standard, non se debe empregar texto dentro do Fab e se ten que empregar unha icona que sexa representativa da acción que se vai facer.

<br />
=Funcionamento e atributos básicos=
[[Imagen:PDM_Fab_1.jpg|500px|center]]

:* Tamaño do Fab: : Propiedade '''app:fabsize''' a cal acepta os valores 'normal','mini' e 'auto' ou ben por programación chamando ao método [https://developer.android.com/reference/com/google/android/material/floatingactionbutton/FloatingActionButton.html#setSize(int) setSize()].
:* RippleColor: Efecto de cambio de cor do Fab ao premer nel. Un exemplo [https://i.stack.imgur.com/Z0kSG.gif neste enlace]. Propiedade '''app:rippleColor''' o por programación [https://developer.android.com/reference/com/google/android/material/floatingactionbutton/FloatingActionButton.html#setRippleColor(int) setRippleColor()].
:* Icona do Fab: Cambiando a propiedade '''android:src''' o por programación chamando ao método [https://developer.android.com/reference/android/widget/ImageView.html#setImageDrawable(android.graphics.drawable.Drawable) setImageDrawable()].

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

← Revisión anterior	Revisión del 12:55 21 nov 2020
Línea 62:	Línea 62:


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

← Revisión anterior		Revisión del 16:16 1 nov 2020
Línea 53:		Línea 53:

	* A xestión do evento Click sobre o botón faise igual que noa caso dos Buttons como [https://wiki.cifprodolfoucha.es/index.php?title=Button._ToggleButton._Control_de_eventos_II xa vimos anteriormente nesta wiki].		* A xestión do evento Click sobre o botón faise igual que noa caso dos Buttons como [https://wiki.cifprodolfoucha.es/index.php?title=Button._ToggleButton._Control_de_eventos_II xa vimos anteriormente nesta wiki].
		+
		+
		+	<br />
		+	==Métodos mínimos a coñecer no manexo do FloatActionButton==
		+
		+	* O FAB non deixa de ser un tipo de botón. O que nos interesa xestionar é o seu click, que xa está [https://wiki.cifprodolfoucha.es/index.php?title=Button._ToggleButton._Control_de_eventos_II#M.C3.A9todos_m.C3.ADnimos_a_co.C3.B1ecer_no_manexo_dos_Button.C2.B4s_e_variantes comentado no punto dos Button].
		+

@@ Línea 46: / Línea 46: @@
 :* Tamaño do fab: app:fabCustomSize (non se debería cambiar para cumprir os criterios de Material Design) e o seu método setCustomSize()
 :* Tamaño do borde do fab: app:borderWidth
-:* Elevación: app:elevation e o seu método setElevation. Indicar que se temos un minSDK inferior a 21 non poderemos empregar este método e teremos que facer uso da clase ViewCompat da forma: ViewCompat.setElevation(View v, int elevation)
+:* Elevación: app:elevation e o seu método setElevation(). Indicar que se temos un minSDK inferior a 21 non poderemos empregar este método e teremos que facer uso da clase ViewCompat da forma: ViewCompat.setElevation(View v, int elevation)

@@ Línea 13: / Línea 13: @@
 : Este e outros compoñentes se atopan na librería '''Android Design Support Library''', coma por exemplo [https://material.io/components/snackbars/ SnackBar].
 : Fixarse como ao empregar dito compoñente debemos ter no '''build.gradle (a nivel de módulo)''' dita librería:
-[[Imagen:PDM_Fab_4.jpg|300px|center]]
+[[Imagen:PDM_Fab_4.jpg|450px|center]]

@@ Línea 12: / Línea 12: @@
 * Este tipo de botón foi engadido a partires da versión 22 de Android (Android 5) e graficamente ten un aspecto redondo cunha icona no centro.
 : Este e outros compoñentes se atopan na librería '''Android Design Support Library''', coma por exemplo [https://material.io/components/snackbars/ SnackBar].
 : Segundo a guía de Material Design ten que ter unha elevación de 6dp´s e un tamaño de 56dp´s na súa versión por defecto podendo ter un tamaño de 40x40dp´s cando o ancho da pantalla sexa inferior a 460dp´s.

@@ Línea 41: / Línea 41: @@
 :* Tamaño do Fab: : Propiedade '''app:fabsize''' a cal acepta os valores 'normal','mini' e 'auto' ou ben por programación chamando ao método [https://developer.android.com/reference/com/google/android/material/floatingactionbutton/FloatingActionButton.html#setSize(int) setSize()].
 :* RippleColor: Efecto de cambio de cor do Fab ao premer nel. Un exemplo [https://i.stack.imgur.com/Z0kSG.gif neste enlace]. Propiedade '''app:rippleColor''' o por programación [https://developer.android.com/reference/com/google/android/material/floatingactionbutton/FloatingActionButton.html#setRippleColor(int) setRippleColor()].
-:* Icona do Fab: Cambiando a propiedade '''android:src''' o por programación chamando ao método [https://developer.android.com/reference/android/widget/ImageView.html#setImageDrawable(android.graphics.drawable.Drawable) setImageDrawable()].
+:* Icona do Fab: Cambiando a propiedade '''app:srcCompat''' o por programación chamando ao método [https://developer.android.com/reference/android/widget/ImageView.html#setImageDrawable(android.graphics.drawable.Drawable) setImageDrawable()].

← Revisión anterior		Revisión del 10:11 13 oct 2019
Línea 36:		Línea 36:
	:* RippleColor: Efecto de cambio de cor do Fab ao premer nel. Un exemplo [https://i.stack.imgur.com/Z0kSG.gif neste enlace]. Propiedade '''app:rippleColor''' o por programación [https://developer.android.com/reference/com/google/android/material/floatingactionbutton/FloatingActionButton.html#setRippleColor(int) setRippleColor()].		:* RippleColor: Efecto de cambio de cor do Fab ao premer nel. Un exemplo [https://i.stack.imgur.com/Z0kSG.gif neste enlace]. Propiedade '''app:rippleColor''' o por programación [https://developer.android.com/reference/com/google/android/material/floatingactionbutton/FloatingActionButton.html#setRippleColor(int) setRippleColor()].
	:* Icona do Fab: Cambiando a propiedade '''android:src''' o por programación chamando ao método [https://developer.android.com/reference/android/widget/ImageView.html#setImageDrawable(android.graphics.drawable.Drawable) setImageDrawable()].		:* Icona do Fab: Cambiando a propiedade '''android:src''' o por programación chamando ao método [https://developer.android.com/reference/android/widget/ImageView.html#setImageDrawable(android.graphics.drawable.Drawable) setImageDrawable()].
		+
		+
		+
		+	* A xestión do evento Click sobre o botón faise igual que noa caso dos Buttons como [https://wiki.cifprodolfoucha.es/index.php?title=Button._ToggleButton._Control_de_eventos_II xa vimos anteriormente nesta wiki].

@@ Línea 10: / Línea 10: @@
-* Este tipo de botón foi engadido a partires da versión 22 de Android e graficamente ten un aspecto redondo cunha icona no centro.
+* Este tipo de botón foi engadido a partires da versión 22 de Android (Android 5) e graficamente ten un aspecto redondo cunha icona no centro.
 : Segundo a guía de Material Design ten que ter unha elevación de 6dp´s e un tamaño de 56dp´s na súa versión por defecto podendo ter un tamaño de 40x40dp´s cando o ancho da pantalla sexa inferior a 460dp´s.
@@ Línea 26: / Línea 28: @@
 <br />
 =Funcionamento e atributos básicos=
 [[Imagen:PDM_Fab_1.jpg|600px|center]]