Es momento de trabajar ahora con los líderes y ser algo bonito y por eso ustedes pueden ver que hay
una imagen como de Batman en el fondo ya lo vamos a utilizar entonces primero creamos esa página de
sliders click derecho nuevo archivo y pongamos de nombre es líder.
PH.D.
Esto va a ser un widget porque necesito manejar el estado del slider.
Entonces primero importa m para importar el paquete de material y ahora esté full tap y ya me crea todo
el código necesario para este Staiti Fukui que se va a llamar slider Point ok.
Voy a hacer esto Cuito para al lado para que podamos ver todo el código.
Tenemos el trailer Page correcto grabo los cambios y tengo mi container vacío.
Pongamos un escapo CAFO tricomas su Apar.
No todas las aplicaciones tienen que tienen escafoides tienen Apar.
Esto lo vamos a ver cuando trabajemos en la aplicación de películas.
Queremos un poco más adelante que no tendremos un Apar pero bueno ya vamos a ver eso.
En su momento entonces aquí voy a poner un ADBA tap con su título que diga sliders sliders nada que
no hayamos hecho anteriormente.
Dentro de los sliders voy a colocar un body con conteiner y su chip que diga text sliders slider Peach
nada del otro mundo sólo es una página sencilla para probarla para que aparezca aquí ustedes ya deberían
de saber cuáles son los pasos.
1.
Voy a irme al menú Options y crearme una nueva entrada aquí entonces voy a copiar este Jayson o este
objeto.
Cambiamos esto por un Lisseth el ícono va a ser Lisset y el texto que voy a mostrar va a hacer listas
grabo los cambios con quien esté lista ICOM y tengo que implementarlo para que aparezca el ícono Aythami.
Entonces busquemos nuestras utilidades y tu string y vamos a utilizar la lista.
De esta manera agregamos uno nuevo grabo los cambios y cierro este archivo.
Noten que aquí ya me aparecerá lista.
Voy a probar haciendo un restart perdón Vilouta a ver si aparece el ícono ok no apareció entonces un
job Ristar eso no habría mayor problema.
Esperemos.
Segundo debemos de tener nuestro ícono de la listas.
Si yo hago clic en la lista me lleva a leer Patch y eso es porque yo todavía no tengo ninguna ruta que
me lleva a la página de listas.
Entonces regresemos a nuestras rutas.
Ok voy a cruzar esta línea era lista o si nada más listo.
Y esto lleva al listo Patch.
La ventaja de hacer esto tantas veces bueno asegúrense List Page asegúrense de perdón se llama slider
Peach slider Patch tracoma en punto o control punto importemos lo que aquí está voy a ponerlo aquí al
final y grabo los cambios.
Esto hace pilotos HV rutas y puedo entrar a la página de listas donde dice Leider Patch excelente.
La ventaja de hacer esto tantas veces le decía es que nosotros nos acostumbramos a ver estos archivos
de manera normal lo cual se nos va a facilitar más adelante cuando estemos trabajando en otros otros
archivos o en otras aplicaciones un poco más grandes o que tengan menor cantidad de pantallas como la
que nosotros estamos haciendo.
Pero el hecho es que ustedes ya saben más o menos cómo estamos trabajando la aplicación y ya van sintiendo
más familiar.
Bueno al menos eso espero.
Ok entonces voy a colocar aquí un líder para eso dentro del container voy a colocar también un chip
pero cambiando de texto por un Colo Colo en las columnas.
Ya saben tienen un Children y dentrodel Children voy a crear un método que regresa un widget que será
crear slider parentesis creemos este método aquí o me cierra este método Bildt ponerlo.
Esto es un widget slider abren y cierran llaves.
Entonces aquí tenemos que hacer un retrón de algo ese algo es el código para crear este Slide es un
widget para crear el slider el cual tiene la siguiente sintaxis slider parentesis punto y coma Enter.
Noté que me Samarkanda un par de errores vamos a verlos.
Dice que el parámetro Change es necesario y el parámetro el parámetro perdón.
Es necesario también entonces comencemos con Change empezemos Change.
Es un método que va a recibir el valor que tenga ese slider.
Entonces si dejamos el mouse encima déjeme crear el método dejamos el mouse encima y lo vamos a poder
ver mejor.
Ok entonces aquí tenemos un Changi regresa un doble con el New Balio.
Aquí también nos da un ejemplo.
Vamos a ver si esto es un ejemplo de si estos son ejemplo pero vamos a ver si lo tenemos acá.
Aquí tenemos la descripción que esto es un todo lo que estamos recibiendo entonces aquí le voy a poner
por ejemplo valor ok el valor del cheque lo voy a imprimir imprimir el valor me falta si pongo el cursor
encima.
También recuerden que el otro valor que era obligatorio es el del palio.
Entonces el Balio lo voy a colocar acá el Balio.
Yo le puedo poner 100 un valor por defecto de entrada grabo los cambios y vamos a ver qué pasa y reventó
y por qué reventó.
Vamos a ver aquí ya la descripción y dice que el valor se eleva el valio que tengo tiene que ser mayor
al valor mínimo y el valor tiene que ser menor al valor máximo.
Y esa condición no se cumple por eso aparece en rojo.
OK pero eso es bueno que no tiene el error.
Entonces tenemos que definir el valor mínimo y máximo el valor mínimo va a ser de 10 y el valor máximo
va a ser de unos 400.
Ok si dejamos el cursor encima también son dogos por lo cual deberíamos de ajustar la precisión.
Igual acá si yo grabo los cambios debería de desaparecer el error y tengo mi slider a pesar de que yo
lo estoy moviendo yo observo o estoy observando que no está cambiando el valor o sea no está cambiando
el slider nos está moviendo con bueno conforme Yotoco.
Si yo dejo caer o suelto el mouse vamos a ver la consola a ver si tenemos algo extraño por ahí.
A ver si se ocultó por acá
y ven que ahí tenemos los valores.
Voy a limpiarlo y voy a volver a mover Miren ok.
En este caso este caso es exactamente lo mismo que sucedió en los videos pasados cuando nosotros teníamos
que actualizar la pantalla cuando surge un cambio de este tipo en pocas palabras a pesar de que lo estoy
moviendo el valor de este slider nunca cambia por lo cual voy a asignarle un valor dinámico acá y por
eso creé mixta y full Willet para tener una propiedad Dogu llamada valor del slider.
Lo voy a inicializar lo pedían y se le hicieron 100 puntos cero el valor que había obtenido originalmente
y tomare este hotel del líder y lo voy a colocar aquí ok grabo los cambios y si lo hacemos así también
vamos a tener exactamente el mismo efecto porque en ningún momento estoy cambiando el valor del slider
en ningún momento lo estoy cambiando aquí sólo lo estoy imprimiendo.
Entonces voy a decir que el valor es líder va a ser igual al valor que estoy recibiendo en el on change.
Si yo veo algunos cambios tampoco debería de funcionar.
Ok no debería funcionar pero a diferencia de antes si yo hago un otro lado después de haber movido eso
algún otro y lo van a ver que el líder se movió y por qué sucedió esto.
Efectivamente el valor se cambió y es asignado aquí correctamente pero no le estamos diciendo al Willett
o a mi Stepford Willet que se tiene que redibujar.
Y cómo hacemos eso debería saber ser Steck y voy a mover el valor hoy.
Ok loscambios y ahora sí deberíamos de ser capaces de poder observar que se mueve perfecto.
Ahora voy a hacer un par de cosas acá aprovechando el tiempo y esa es la idea se ve un poco básico.
Entonces hagamos un par de personalizaciones bonitas por ejemplo de Active color voy a utilizar Colors
punto indicó este Indigo Accent esa me gusta colocarle un Leuven que diga tamaño tamaño de la imagen.
Ya vamos a ver qué imágenes también podemos poner otras cosas por ejemplo si queremos las divisiones
más divisiones de 20 puntos.
Voy a ver los cambios y lo voy a observar que tiene estos puntitos y si yo dejo el mouse encima y lo
agarro van a ver como aparece algo arriba como que no se mira del todo es el árbol no se miro.
Hagamos algo aquí en el Nicolo en este container y puedo colocar un Padín de insectos.
Voy a poner only top de unos 50 .0 sólo para hacer una separación aquí arriba vamos a arrastrarlo.
Ok Eustache pueden ver qué dice tamaño de la imagen perfecto y ven que se mueve bonito si lo están corriendo
su dispositivo móvil saben mucho mejor.
Ahora hagamos algo interesante porque este es líder como que bueno está bien y aprendimos cómo usarlo
cómo tener valor y jugar con él.
Pero apliquemos alguna imagen para que la imagen se haga grande y se haga pequeña.
Entonces voy a quedarme acá.
Otro método llamado crear imagen entonces es crear imagen parentesis y cómo vamos a crearnos este método
siempre privado o privado.
Implementemos ese método.
Aquí abajo también es un widget espacio crear imagen Bertram y utilicemos un match y match parentesis
enter punto y coma.
Aquí la imagen va a ser un network Image y utilizamos cualquier imagen que ustedes tengan acá o que
les guste no importa el tamaño podrían implementarla con un loading y obvio utilizar esta vez copiar
de la imagen reveló la aplicación R.L va a ser este y adicionalmente voy a colocar del Wiz va a ser
igual a El valor del líder y voy a ponerle el FIT para que se Bossuet contén para los márgenes para
que la imagen se mire bien para que no se salga de esos márgenes los cambios y la imagen debería aparecer
ahí si como líder ven que la imagen se hace un poco más grandes es un poco más pequeña.
Si yo la quisiera centrada entonces bueno primero quitamos las divisiones para que no se moviera que
como lo hace flameado o sea como cuadro por cuadro.
De esa manera se va a realizar un poco más suave más suave y éste crear imagen presión en contra el
punto como un punto y lo vamos a envolver en un nuevo widget.
Ese nuevo widget se va a ser de tipo expanded expanded para que use todo el espacio posible que tiene
en este caso sería todo lo demás entonces movamos el aire se ve mejor se ve mejor.
Antes de terminar la clase yo cometí un pequeño error a la hora de nombrar unas cosas.
Yo sé que tal vez más de uno se dio cuenta.
Vamos a ver aquí en el menú Options no eran listas porque esto no es una lista es un líder.
Entonces voy a cambiar aquí por el slider el ícono va a ser tún y aquí va a ser sliders sliders checks.
No voy a poner así entonces este ícono no existe ni la ruta vamos a hacer eso también vamos a nuestros
íconos creamos el ícono Thun perfecto.
Voy a regresar acá dejarlo acá cierro esa opción cierro esto cierro esto en las rutas no era listas
era slider grabamos los cambios que reclama la tabulación un poquito así lo tenemos.
Voy a hacer un TriStar sólo para estar seguro de que todo funcione porque sí me equivoqué y el slider
es de esta clase.
Las listas son del siguiente video entonces por eso me acabo de dar cuenta porque ya lo iba a hacer.
Entonces ahí sí con el ícono de sliders puedo entrar acá.
La imagen no la estoy cargando mediante Leucipo o algo así entonces por eso tardo un poco en cargar
y aquí la puedo maximizar.
Eso era todo.
Ahora si lo veo en el siguiente video.