Diferencia entre revisiones de «Flutter Estructura»

De MediaWiki
Ir a la navegación Ir a la búsqueda
(Página creada con « <br /> [https://wiki.cifprodolfoucha.es/index.php?title=Programaci%C3%B3n_de_dispositivos_m%C3%B3viles_con_FLUTTER#Unidad_3%3A_Flutter._Dise.C3.B1o_gr.C3.A1fico Enlace…»)
 
Línea 1: Línea 1:
 +
==Widget==
 +
 +
* Más información en:
 +
:* https://esflutter.dev/docs/development/ui/widgets-intro
 +
:* https://esflutter.dev/docs/reference/widgets
 +
 +
* Acabaréis hasta las cejas de esta frase si buscáis información sobre Flutter:'''Todo en Flutter son <u>widgets</u>'''.
 +
: Un widget no es más que un componente que se va a 'dibujar' de una determinada forma (con un contenido determinado por nosotros) y tiene un estado.
 +
: Ejemplos de Widgets:
 +
 +
 +
 +
 +
: La primera pregunta que se viene a la cabeza con esa definición es: ¿ qué es un estado ?
 +
:: Digamos que un estado lo componen las características del widget. Tanto las gráficas (por ejemplo, cambiar el color del texto) como las específicas del widget, como por ejemplo, en una caja de texto, el texto escrito, o en una lista, el elemento seleccionado.
 +
 +
* La implementación de estos Widgets a nivel de programación se consigue 'instanciando' clases ya definidas por Flutter a las que vamos a 'pasar información' mediante [https://wiki.cifprodolfoucha.es/index.php?title=Flutter_DART_Funciones#Paso_de_par.C3.A1metros argumentos posicionales y argumentos con nombres].
 +
 +
* Existen dos tipos de Widgets:
 +
:* '''Stateful Widget''': guarda su estado
 +
:* '''StateLess Widget''': no guarda su estado.
 +
 +
: Todos los widgets deriva de una de estas dos clases (que son clases abstractas).
 +
: Digamos que cuando un elemento gráfico 'cambia', debido por ejemplo a iteracciones del usuario con la aplicación, es necesario 'actualizar' gráficamente dicho componente.
 +
: En ese caso, cambiamos 'su estado' y por lo tanto tiene que ser un Statefull Widget.
 +
: Un Stateful Widget se va a poder 'redibujar' a si mismo cuando se produzca un cambio que queramos reflejar gráficamente (veremos que existe una sentencia que provaca que se redibuje).
 +
: También podemos necesitar emplear un Stateful Widget cuando queramos guardar el dato en algún atributo, por ejemplo, un formulario, en el que dentro de una caja de texto escribimos nuestro nombre y queramos hacer algún tipo de gestión con esa información.
 +
 +
 +
 +
* En la aplicación que se crea al incio de un proyecto Flutter aparece un contador.
 +
: Al pulsar el botón '+' el contador se incrementa. Es necesario por tanto 'redibujar' el contador (cambia de número). Por tanto su estado cambia y por tanto es un StateFul Widget.
 +
 +
: Aquellas partes de la pantalla que permanecen 'inalterables' una vez cargados los datos son considerados StateLess Widget.
  
  

Revisión del 08:21 14 jul 2021

Widget

  • Más información en:
  • Acabaréis hasta las cejas de esta frase si buscáis información sobre Flutter:Todo en Flutter son widgets.
Un widget no es más que un componente que se va a 'dibujar' de una determinada forma (con un contenido determinado por nosotros) y tiene un estado.
Ejemplos de Widgets:



La primera pregunta que se viene a la cabeza con esa definición es: ¿ qué es un estado ?
Digamos que un estado lo componen las características del widget. Tanto las gráficas (por ejemplo, cambiar el color del texto) como las específicas del widget, como por ejemplo, en una caja de texto, el texto escrito, o en una lista, el elemento seleccionado.
  • Existen dos tipos de Widgets:
  • Stateful Widget: guarda su estado
  • StateLess Widget: no guarda su estado.
Todos los widgets deriva de una de estas dos clases (que son clases abstractas).
Digamos que cuando un elemento gráfico 'cambia', debido por ejemplo a iteracciones del usuario con la aplicación, es necesario 'actualizar' gráficamente dicho componente.
En ese caso, cambiamos 'su estado' y por lo tanto tiene que ser un Statefull Widget.
Un Stateful Widget se va a poder 'redibujar' a si mismo cuando se produzca un cambio que queramos reflejar gráficamente (veremos que existe una sentencia que provaca que se redibuje).
También podemos necesitar emplear un Stateful Widget cuando queramos guardar el dato en algún atributo, por ejemplo, un formulario, en el que dentro de una caja de texto escribimos nuestro nombre y queramos hacer algún tipo de gestión con esa información.


  • En la aplicación que se crea al incio de un proyecto Flutter aparece un contador.
Al pulsar el botón '+' el contador se incrementa. Es necesario por tanto 'redibujar' el contador (cambia de número). Por tanto su estado cambia y por tanto es un StateFul Widget.
Aquellas partes de la pantalla que permanecen 'inalterables' una vez cargados los datos son considerados StateLess Widget.



Enlace a la página principal de la UD3

Enlace a la página principal del curso




-- Ángel D. Fernández González -- (2021).

Obtenido de «https://wiki.cifprodolfoucha.es/index.php?title=Flutter_Estructura&oldid=15428»