En esta clase únicamente vamos a trabajar con el diseño de la página de los ajustes y en las próximas
clases vamos a hacerla funcionar y toda la cosa.
Entonces cambiemos este Center ya no lo voy a ocupar y trabajemos con un Lisbeth LISMI normal.
Recuerden que Lisbeth tiene su Children que es la colección de widgets que yo voy a necesitar.
Empecemos con uno sencillo que es un container container parentesis aquí una coma enter que va a tener
su Chabel que será un texto parentesis que va a decir settings O6.
Ustedes quieren.
Cómo vamos a personalizar un poquito el estilo porque si ahora o los cambios apareciesen si se ve un
poquito feo haríamos primero un Pallín de insectos o de unos 5.0 para hacer una separación y también
en el chat.
Pongámosle un Steyn tap de un tex está Tapp con un Fosis de unos 45 puntos cero pixeles y Koma.
También podemos la fuente un poquito más oscura entonces Font wait tap de Font wait tap tap tap grabo
los cambios y debería de verse más o menos así.
Ok recuerden que puedo hacer scroll.
Perfecto ese sería nuestro primer objeto justo después del container pongamos un Divided Koma para hacer
una línea aquí abajo.
Excelente.
Sigamos.
Justo abajo del río Heider voy a colocar un switch lista.
Esto ya lo habíamos visto en la parte de los componentes pero vamos a trabajarlo.
Entonces el switch List tail tap parentesis Koma presione enter y aquí nos va a pedir ciertas cosas.
Nos va a pedir un Balio.
Voy a poner el valio de uno por los momentos en que vamos a ver que me está pidiendo el valio tiene
que ser un valor booleano y perdón es un desvío tiene que ser un truco perfecto.
Ahora vamos a ver el tail tap es el Willet que va dentro de este switch lista el que me dice que es
de tipo widget entonces usa a modo de ex parentesis y que diga algo como color secundario como para
que la persona pueda activarlo.
Y también voy a ocupar un change que por momentos no va a hacer absolutamente nada que me está marcando
un error porque acuérdense que el One Change recibe un valor booleano.
Ahí recibimos el valor booleano y le vamos a poner de nombre valio o el argumento o el número de argumentos
que ustedes quieran pero ustedes sabrán que es un Pulianas los que recibimos hoy.
Recuerden que no podemos cambiarlo porque estamos trabajando en Stainless Whig vamos a tener que cambiar
esto de forma dinámica nosotros pronto ya llegaremos a eso ahorita solo es el diseño aprovechando la
clase.
También quiero trabajar con un radio lista que eso no lo hemos visto hasta el momento los cuales son
relativamente sencillo de usar pero son un poquito engañosos.
Entonces comencemos con el radio es un radio List Time lo seleccionamos enter y esto nos va a pedir
ciertas cosas.
Empecemos con el valio le voy a poner un valor de 1 Enter para tener su título y este otro también es
un texto que diga masculino Koma.
Hay un good Balio por los momentos voy a poner aquí uno también eso ya lo vamos a ver funcionando enter
on Change tap y voy a colocar esta Kovac que no está haciendo nada por los momentos si dejo el cursor
encima me dice que estoy recibiendo un entero entonces igual le voy a poner aquí varios.
Todavía no hace nada y yo grabo los cambios debería tener ahí masculino seleccionado presionemos una
coma.
Copiemos todo esto y peguemos otro radio listing con su Valium 1 pero aquí en vez del Groupalia voy
a poner un 2 aquí va a ser femenino femenino grabó los cambios y deberíamos tener femenino.
Recuerden que aunque yo haga click no está cambiando y sucede exactamente el mismo caso cómo este switch.
Ustedes se acuerdan que teníamos que hacer un set Staiti y bueno transformaron esta Willet y otras cosas.
Ok.
Y para terminar voy a ocupar una caja de texto para ingresar un Strait entonces aquí adentro coloquemos
un Divided para hacer una separación Koma un container parentesis enter que tiene su Chile.
Va a ser el text View da Enter.
Coloquemos la decoración de Coronation Tapp de un input Declaration Tab.
Recuerda que todo esto ya lo hemos hecho Label text vaser nombre Koma Enter.
Luego viene un gel Vertex que esto ya es toda la personalización que ustedes quieran darle un Gilt text
Tapp nombre de la persona usando el teléfono o lo que ustedes quieran agregar no importa mucho y vamos
a colocar.
Vamos a ver primero qué tal se ve ok.
Si yo lo selecciono que todo queda muy pegado a los bordes entonces por eso agregó el container en el
cual puedo agregar un par de insectos y quiero el simétrico hacer la separación únicamente en el axis
horizontal de unos 20 puntos cero pixeles graba los cambios y ya tenemos nuestro textil un poquito mejor.
Voy a dejarlo así voy a dejarlo así no importa que no aparezca nada pero justo después de Declaration
yo voy a ocupar saber qué fue lo que la persona escribió y para eso el on Change parentesis orillero
ya ves y aquí recuerden que un textil nos va a retornar lo que es una estrella entonces igual debes
poner valio pero en un textil esto va a ser un trago los cambios y eso es básicamente todo lo que yo
necesito.
El único inconveniente es que si yo deseo cambiar estos valores no puedo hacerlo en el textil.
Si puedo escribir perfectamente pero si quiero cambiar estos argumentos no puedo y voy a tener que transformar
mi este Willet en un widget para redibujar cuando sucedan esos cambios.
En mi caso voy a presionar contrapunto o como apuntó en el Stainless Willet en la palabra y convertimos
y vamos a convertir perdón a un tuit.
Ahora sí grabemos los cambios vamos a ver.
Hoy tuvimos un posible error pero es por el cambio.
Si no les funcionara a ustedes un Ristar o un full restart y deberíamos regresar nuevamente a la pantalla
de 6 ok aquí no quiere decir que ya automáticamente van a aplicarse los cambios vamos a tener que desarrollar
cierta lógica esa lógica va a ser la que necesito para grabar esa información o para mantener el estado
de estas.
Este radio de este switch y esa caja de texto entonces dentro del Estado vamos a crearnos tres propiedades
una va a ser un villano que se va a llamar color secundario secundario.
Recuerden que el guión bajo aquí significa para la privada igual a falso ok voy a crearme también otra.
Quiero hacer un entero llamado género género y lo inicial hizo inmuno Enter.
Luego vamos a colocar un string que va a ser el nombre y lo voy a inicializar con Pedro.
Pedro puntico grabó los cambios y absolutamente nada sigue sucediendo porque estas propiedades simplemente
están definidas pero no las estoy usando.
Entonces comencemos con el color secundario.
Vamos a ver dónde lo estamos cambiando en nuestro Swiftair aquí adentro y podríamos hacer lo siguiente.
Bueno hay varias maneras de hacer el código podríamos usar una función de flecha podríamos hacer varias
cosas pero por momentos hagamos algo sencillo voy a decir que el color secundario va a ser igual al
varios que estoy recibiendo porque acuérdese que el bario aquí es un villano y el color secundario son
booleano y perfectamente lo puedo hacer este color secundario lo copio y lo voy a pegar acá para que
sea el valio de mi Switch.
Recuerden que para que se aplique o se re dibuje voy a tener que hacer un set Steck.
Hay personas que lo que hacen es poner el set aquí adentro hay otras personas que lo que hacen es poner
el código que se modifica o la propiedad que se modifica dentro del set stated es independiente siempre
se va siempre lo hace.
Aquí cambió a falso pero si yo toco el botón pasa a On Off On Off perfecto.
Ahora tenemos que hacer lo mismo con esos radios que en teoría es lo mismo pero tenemos un poquito más
de complejidad.
Entonces hagamos lo siguiente enter en el 11h voy a decir que el género que un bajo género va a ser
igual al Balio que estoy recibiendo aquí noten que este on changed yo lo voy a copiar y es el mismo
que voy a colocar aquí abajo.
En teoría es la misma cuestión que ustedes pueden imprimir y van a notar que van a recibir el 2 o van
a recibir el 1 dependiendo de la opción que estamos haciéndole clic bien.
Aparte necesito cambiar este valio para que no sea el mismo esta es la identificación que le va a decir
a Florez que estos dos radios son están relacionados y que sólo puede haber uno activo entonces en vez
de este uno vamos a colocar aquí el valor del género copió esto y también le voy a pegar acá el dos
se queda igual.
Grabemos los cambios pero antes de aplicarlo me falta el set start up y voy a mover esta línea aquí
adentro que copiar este código porque es el mismo que va aquí que grabo los cambios y ya debería de
funcionar nuestro femenino y masculino.
Ok no funcionó porque me acabo de confundir.
No era aquí en el baño del baño está bien adquieran uno y adquieran dos en el Group option o en el grupo
valio donde tengo que poner el género ok.
Hay disculpa voy a copiar esto no voy a pegar acá grabo los cambios y ahora sí debería de funcionar.
Vamos a ver Toko femenino o masculino y efectivamente estamos cambiando esos valores ahora con el texto
es un poquito un poquito difícil.
Se acuerdan que nosotros teníamos un valor seleccionado por defecto que es Pedro suponiendo que Pedro
es una configuración que ya tenemos lado en el dispositivo y yo necesito que el valor de Pedro aparezca
precargado ahí lamentablemente no hay una manera directa de yo voy a tener que crearme algún textil
controles para poder establecer ahí el valor entonces es lo que voy a hacer en este momento TEDx editing
controller Tapp se llama un TEDx controller va a ser igual a un niu text editing controlen Tapp punto
y coma ahora aquí adentro del Tec se editen controller.
Yo necesito también mandarle lo que es el valor del texto ahí está el texto pero no puedo hacerlo directamente
acá como que quiero el nombre y se lo voy a mandar aquí no puedo hacerlo y se dejó el cursor encima
me dice que solo métodos estáticos o miembros estáticos pueden ser accedidos en los inicializar adores
entonces esto no me sirve en este preciso instante entonces déjenme borrar todo eso voy a poner un punto
y coma simplemente tengo declarado el texto editing controller.
Recuerden que los estoy Willet tiene una parte en su ciclo de vida llamado El init stated tap eso se
va a disparar cuando se inicializar este estado déjeme borrar ese texto que yo escribí Ineed State.
Este es el código y aquí puedo hacer la inicialización perfectamente.
Esto se va a disparar antes de este video aquí voy a decir que el bajo Tex controles va a ser igual
a unio text editing controller tap y aquí perfectamente puedo mandar que el texto va a ser igual al
nombre que tengo en la propiedad grabo los cambios y van a notar que aquí no está apareciendo el nombre
de la persona aunque yo haga un pistard van a ver que sigue apareciendo vacío ok ahí está vacío pero
yo necesito que aparezca Pedro entonces este Tex controles yo necesito asociarlo a este texto entonces
aquí voy a poner controles Tapp de Tex controles grabo los cambios noten que ahora sí aparece Pedro
perfecto entonces puedo salirme y regresó al pàgina hombre eso solo strings y ahí tengo Pedro cargado
el valor masculino seleccionado y también el color secundario está apagado pero si yo le pongo aquí
otro lo voy a viajar dentro grabo los cambios hay que hacer un TriStar bueno me salgo de la pantalla
y vuelvo a entrar y hago notar que ahí aparece ya activado me lo voy a dejar de esta manera porque es
lo que yo necesito en estos momentos.
Lo que sigue del ejercicio es poder grabar esto en algún lugar que me permita a mí distribuirlo a lo
largo de toda mi aplicación pero eso en los próximos videos.