Qué les parece si ahora agregamos nuevas funcionalidades a nuestra aplicación coloquemos un botón que
me permita incrementar este número o sea mi contador que tengo acá que haga el proceso inverso o sea
que en vez de sumar reste.
Y también qué les parece si colocamos otro botón que nos permita a nosotros en el momento que lo tocamos
reception el contador y lo dejemos en cero o qué vamos a hacer eso en este instante.
Vamos a ver como este es mi flor en acción Vonn y ustedes saben que solo voy a poder poner uno.
Si dejamos el mouse encima del botón tenemos que recibió un widget.
Obviamente el foro en es un widget y por eso lo acepta perfectamente.
Ahora cómo podríamos hacer nosotros para colocar más botones acá.
Si solo puedo colocar o si sólo estoy colocando un floten en acción Vonn qué podemos hacer si miramos
en la documentación que les hemos estado utilizando durante mucho rato.
Subimos un poco aquí tenemos la descripción de un robot y de un Colm.
Ya lo usamos que básicamente fue para colocar estos dos elementos uno encima del otro o uno abajo del
otro como ustedes lo quieran ver.
Ahora lo que yo quiero hacer es colocar botones al lado sea un botón acá otro botón acá.
Luego lo vamos a expandir y dejar el de receta acá y el contador o de incrementar al lado ya vamos a
hacer eso pero en pocas palabras lo que yo necesito es un robot y recuerden que un robot y un colon
son exactamente lo mismo solo que uno de los ordena en forma vertical y el otro en forma horizontal
pero se usan exactamente igual.
Vamos a hacerlo vamos a trabajar.
Regreso.
Dejar el simulador acá y en vez de este Florín Action Voronin y todo este código.
Yo lo voy a borrar por qué lo voy a borrar.
Bueno pues básicamente lo que yo necesito poner acá es un robot y crear la configuración de cada uno
de los botones.
Pero si yo lo hago directamente en el florín Action Boron.
O mejor dicho en este widget tendríamos demasiado código en nuestro método y no es que no funcione pero
sería muy difícil de leer y en Flores eso es un problema muy común.
Es fácil caer en que el código sea muy difícil de leer por lo cual nosotros tenemos que acostumbrarnos
a trabajarlo de la manera más limpia posible.
Entonces qué les parece si yo hago lo siguiente Todo este fue el Boron perfectamente lo podría cortar
e implementarlo en otro lugar pero todo este código el florín Axum.
Yo lo voy a borrar ok lo borro y en lugar de todo ese código voy a llamar un método que es privado.
Por eso voy a poner un bajo llamado a crear botones.
Obviamente este método no existe.
Lo voy a definir en este preciso instante justo abajo del fin del método píos.
Ok sin que se cierre la clase este es el fin de la clase.
Este es el Bildt entonces aquí voy a crear una función que retorna un widget pues supongo la palabra
widget aunque es opcional seguida del nombre del método en este caso crear botones paréntesis o llaves
ok aquí me está marcando un azul porque esta función yo le estoy diciendo que regresa un widget pero
obviamente no estoy revisando nada.
Entonces no se preocupen por eso subraya.
Así que voy a hacer un retorné perfectamente por ello poner aquí un florín un botón que tenga el Chilet
como un halcón y mandemos el halcón punto y pongamos cualquier otro está al azar que también me está
marcando un error.
Por qué creen que es si ustedes no se acuerdan.
Recuerden que pueden poner el mouse encima y leer los mensajes hay que acostumbrarse a leer esto porque
es la documentación que les va a ayudar a ustedes a determinar cuándo tienen algún inconveniente.
Me dice que el parámetro OPLES es necesario ok entonces tenemos que definir nombres pero miren este
tip si ustedes dejan el mouse sobre el error o sobre la clase con él problema pues tienen control punto
en Windows o como al punto s x y ahí les va a decir la solución.
Agregar el argumento requerido o Empress enter y ya lo hace todo por ustedes.
Déjenme estirar esto un poquito más.
Aissa Phone acción Boron del chip.
Todo eso en una sola línea.
Voy a cambiar este método por un Nul.
Ya lo vamos a implementar.
Lo que quiero es dejarlo de una manera un poco sencilla.
Voy a grabar los cambios.
Miremos acá y notarán que el ícono cambió a histãrico.
En pocas palabras mi función fue aceptada.
Cuando se esté construyendo este widget y llegue a este punto donde se llame esta función esta función
va a saltar acá y va a retornar todo este código.
Ok entonces este Flore en Boron bajen un poco más las líneas y realmente yo no voy a regresar.
Un florín acción.
Tengo que regresar varios Florín Aksum por y para eso necesito utilizar ya sea el Colm si los quiero
en forma vertical o un blog si los quiero en forma horizontal.
Recuerden que el robot recibe los Children y tiene este Axis alignment Axis alignment y ya no voy a
explicar pero voy a seleccionar el Children déjenme arreglar un poquito la tabulación ordenados en esto
faltó un punto y coma.
Y aquí adentro de esta lista vienen todos mis widgets que yo quiero colocar en manera horizontal.
Esto sería mi Florín un botón que tengo aquí abajo.
Lo voy a cortar y lo voy a pegar aquí adentro.
Quiten este punto y coma y coloquen una coma.
Por qué es una coma y no un punto y coma porque estoy dentro de una lista y al final de cada una de
las listas termina con una como si el siguiente elemento viene una coma crece varias líneas iguales
o sea si quieren creen siiii y graban los cambios serían tres botones exactamente iguales.
Ahí están los tres botones llegan a decir Ok Fernando pero por qué los tiró hacia la izquierda.
Porque el robo por defecto está abarcando todo el ancho.
Si yo quiero alinear su contenido hacia la derecha sería alinearlo al final.
Quiero aprovechar la oportunidad y enseñarles una propiedad que tiene tanto el roll como las columnas.
De hecho la columna la usamos acá que es el main Axis alignment Main Axis A la puntu Center.
Si yo pongo aquí el main Axis alimenté y su valor será Main Axis alignment pero pónganle el end y gravó
los cambios vamos a tener ese efecto que estamos buscando y más de uno va a decir por qué es él en las
columnas como ésta que tenemos acá el main Axis alignment es vertical ok.
Quiere decir que este es el Star y este es el end en un Brow el main Axis alignment es horizontal o
sea que es este de acá.
Por consecuencia este es el start y este es el entre el main Axis alignment en un roll y una columna
no son iguales y eso es importante que lo sepamos cuando entremos a la sección del diseño de aplicaciones
en flogger van a tener más ejemplos al respecto pero ustedes podrán observar que ya tenemos los tres
botones ubicados correctamente pero lamentablemente quedan muy pegados.
Ahora cómo puedo agregar yo una separación entre estos elementos o que este ítem de acá es el primero.
Este es el segundo y este es el tercero entonces yo quiero una separación entre el primero y el segundo.
En el segundo widget usa como segundo hijo de este blog voy a colocar un 6 box.
Este es otro widget que es muy parecido como si fuera un HTML.
Si yo lo dejo así y grabo los cambios no vamos a ver absolutamente nada porque sois pocos si uno específico
ningún valor va a tener un ancho de cero pixeles o sea invisible totalmente pero si aquí adentro yo
le pongo el Witz o sea el ancho de unos vamos a pensar de unos 30 pixeles.
Noten que ese es un tobo.
Por eso hay que poner 30 puntos cero para especificar la precisión grabo los cambios y debería haber
una separación ahí que tal vez sería mucho o podríamos dejarlo en 1 5 5.0 y ahí está bien.
Voy a copiar esto y lo voy a colocar aquí también.
Los cambios ya los tengo perfectamente separados ustedes pueden jugar con los valores para hacer el
diseño que ustedes quieran.
Cambiamos esos iconos que esos iconos no tienen nada que ver.
Este último es este ítem que tengo acá.
Ok entonces aquí voy a poner punto ad estea querría cambiar el icono por puntos Remove.
Ok.
Y a este de acá puede utilizar uno llamado expasión cero apoyo.
Ciro ese de ahí grabó los cambios y ya tenemos los valores así perfecto.
Ahora si yo quiero tirar este botón separado hasta acá cómo lo puedo hacer.
Bueno esto aprovechando ya voy a aprovechar el momento y explicar otro widget puedo dejar el cursor
sobre seis Boks y presionar como un punto o control punto.
Y aquí tenemos Krapp web varios varios widgets por defecto yo es que estoy buscando es uno que se llama
expanded pero no se encuentra acá no se encuentran en esta lista entonces puedo seleccionar este Group
New widget presiono enter y ese widget se llama expanded expanded ok grabo los cambios van a notar que
expande va a estirar el widget que tenga en su interior este chat lo va a estirar lo más posible en
este caso nos da la falsa ilusión de que hay un espacio vacío pero se nos sale un poquito de los bordes
podríamos hacer lo siguiente aquí arriba podríamos agregar otros seis Boggs con su web y puedo poner
unos 30 pixeles y una coma grabo los cambios y ahí queda perfecto como este 6.
Realmente no me interesa el ancho yo puedo dejarlo así solo puedo ponerlo como un 6 Box que no tengan
ninguna propiedad iba a quedar exactamente lo mismo porque el expanded perfectamente está aprovechando
todo el espacio posible para expandirse lo más posible.
Ahora si ustedes se pregunta por tengo que agregar un Jael porque es obligatorio en el expand aquí me
dice hay que agregar el argumento requerido Chit la fuerza va un chip.
Si yo lo dejo como Nul vamos a tener un error no tenga algo interesante como es expanded es el que dio
el error por eso es el único widget que no se ve todo lo demás sigue funcionando.
Yo podría venir acá y solo que está sobre pero la aplicación sigue funcionando solo que tenemos ese
Willman en particular con el error.
Ya les voy a enseñar más adelante y como depurarla estas aplicaciones y cómo trabajar con esos errores
pero en el Chile podría dejar el SIS Box nuevamente 6 Box el 6 Box puede quedarse sin ningún argumento
gran cambio si lo dejamos así en la próxima clase vamos a hacer la funcionalidad de sus botones pero
por los momentos hemos aprendido bastantes cosas especialmente a ordenar mis widgets.
Imagínense esto no lo haga.
Esto que yo voy a hacer no lo hago.
Si yo no hubiera creado este método yo tendría todo este código voy a copiarlo.
Yo tendría todo ese código aquí de esa manera y ya se mira un poco complejo de leer.
Mi método Pill que se encuentra en este Esteche full Willet o en este stated ya es un poco difícil de
leer y eso es lo que yo quiero evitar.
Quiero tratar de mantener el código lo más limpio posible y ustedes ya saben.
Otras personas ya saben que cuando llegue a este floren Action Boron que ya sabe que es el espacio de
acá va a llamar el método crear botones Bueno perfecto el método crear botones y esto es todo lo que
hace de esta manera mi código queda mucho más limpio y fácil de leer.
Bueno eso sería todo por esta clase.
Continuamos con el siguiente video.