Quiero mostrarles la siguiente imagen.
Yo busqué en Google el buscador de Facebook en la aplicación y esta imagen fue la que me apareció así
que no respondo por la información que estoy mostrando acá simplemente es una imagen pública de Google.
Lo que quiero decir es que cuando ustedes están en la aplicación de Facebook o en WhatsApp o en cualquier
otra aplicación y hacen clic en el buscador como que la página hace algún tipo de transición y yo puedo
empezar a escribir en esta caja de texto que va a aparecer esa caja de texto que aparece al momento
de ingresar valores yo realizo algunas búsquedas automáticas ahí empiezan a aparecer resultados conforme
yo voy escribiendo.
Si ustedes analizan mejor esto cada una de estos elementos son lista como normales son listas normales
que nosotros ya hemos usado que tienen su living con una imagen tienen su título y tienen un subtítulo
eso es básicamente todo y al hacer clic te manda a una nueva página que nosotros ya tenemos esa página
en la página de detalle.
Lo que nosotros tendríamos que hacer es a que aparezcan las películas al hacer clic en ella me lleva
a la página de detalle de la película.
Eso es lo que tengo que implementar en este momento así que vamos a comenzar a hacerlo.
Mostramos la aplicación que yo tengo acá nuestra aplicación actualmente tiene este botoncito que supuestamente
hace la búsqueda pero ahorita sólo hace que la aplicación se vea bonita pero no hace nada.
Nosotros podríamos perfectamente implementar una nueva página con su escafoides y hacer todo el sistema
de búsqueda en esa pantalla.
Eso no es problema se podría hacer pero yo quiero utilizar ese mecanismo de búsqueda que para mi suerte
o para mi desgracia ya viene implementado en Flores.
Por qué digo mi desgracia porque hay que hacer un poquito de código.
La ventaja es que ese código que hay que implementar casi todo es reutilizable en otras aplicaciones
simplemente tendríamos que copiar lo que vamos a hacer a continuación pegarse a la otra aplicación y
ya tendríamos nuestro código funcionando nuestro por lo menos toda la maquetación de ese mecanismo para
buscar cosas.
Entonces vamos a irnos a la página de vamos a ver nuestro pellets y busquemos dónde estamos haciendo
clic en este botoncito que no hace absolutamente nada eso estamos a buscarlo vamos a ver eso está en
nuestros CAFO.
Nuestro mapa aquí está el iPhone y la acción no hace absolutamente nada.
Recuerden que nosotros podríamos crear esa página de búsqueda manualmente y hacemos toda la implementación
nosotros.
Pero Flores ya nos ofreció un método llamado Sow Search you search y dejamos el mouse encima nos va
a decir que el show Search.
Hasta me cuesta pronunciarlo recibe lo siguiente El Bill context que ustedes ya saben qué es y recibe
un Search dele.
Eso sí está raro y también el cuerpo Stroheim por si acaso queremos asignar algún valor de entrada este
cual es lo que la gente va a escribir en la caja de texto y eso regresa a un.
Dios santo Fernando eso se mira súper complicado.
Bueno tal vez será y vamos a hacerlo despacio paso a paso para que lo comprendamos bien.
Mentalicé vámonos que el Search de LG no es más que una clase que cumple cierta interfaz.
O mejor dicho que cumple ciertas condiciones de una clase abstracta es decir tienes que tener ciertos
métodos.
Este surge de LG es el que vamos a crear antes de implementar este show Serch.
Entonces voy a cerrar esta página del homepage porque no necesito trabajar en ello todavía voy a tener
que crearme SDL.
Entonces aquí voy a crear una nueva carpeta llamada Serch que recuerden que todo lo que vamos a escribir
acá ustedes lo van a poder reutilizar.
Aquí vamos a escribir Serch y un bajo delicatesen punto.
Dart no se dejen asustar por esta palabra.
Recuerden es una clase que tienen que cumplir ciertas condiciones o sea ciertos métodos que tenemos
que implementar.
Eso es básicamente todo lo presionó enter vamos a ocultarla.
Empezamos a implementar esto este delegue para saber qué cosas son las que tengo que implementar.
Vamos a importar el paquete de material como siempre.
Ahora la clase es una clase común y corriente y la van a poner el nombre que ustedes quieran.
En mi caso le voy a poner data para hacer algo genérico pero podrían hacer películas Serch.
Yo perdí contacto Serch o hacerlo inclusive más genérico pero yo le voy a poner data Serch data C8 va
a ser el encargado de disparar un método muy Debé para traerme las películas conforme la persona va
a escribiéndola en la caja que va a aparecer ahí.
Ok esto extiende extent de la clase abstracta Search delicatesen ustedes pueden hacer click control
click acá y lo va a llevar a la clase abstracta donde están las cosas y un montón de código que debemos
de implementar sonará súper extraño súper complicado pero ya lo vamos a hacer paso a paso.
Recuerden una vez hecha esta clase todas las demás son iguales todos los demás buscadores que ustedes
hagan son iguales no que noten que me está marcando un error mi clase de data Search y es porque necesita
implementar lo que es el peor Auctions Billing Bil Results y el suggestions todo esto tiene mucho sentido
las acciones el icono que va a aparecer al principio los resultados y construir las sugerencias.
Eso es básicamente en español.
Para hacer eso entonces voy a presionar con un punto o control punto y seleccionar la opción que dice
de crear las cuatro cuatro o erratas faltantes.
Ok aquí ya los crea y los vamos a.
Bueno vamos a cambiar ese todo esos comentarios para que sepan qué es cada uno de ellos.
Empecemos con el vil Auctions.
Este Pill Auctions van a ser las acciones son las acciones de nuestro abar.
Por ejemplo un ícono Itō para limpiar el texto o algo así.
Vamos a ver si tenemos la imagen sino la cerré sería como estoy con ito ok.
La acción que me va a hacer como este bonito o cancelar eso serían mis acciones del vil Auctions poder
limpiarlo o cancelar la búsqueda que regresamos a nuestro código y dejemos el código acá.
Bueno de hecho no importa este código por los momentos porque todavía no lo vamos a usar tenemos que
implementar la clase primero.
Ahora qué significa este vil Living el living.
Recuerden que es algo que aparece al inicio.
Nuestro caso sería un icono a la izquierda del aparato que vamos a ver la imagen nuevamente de Facebook
sería como un hito del buscador o este hito también de regresar.
Eso podría ser nuestro living icon o nuestro ícono que vamos a poner ahí vamos a ver el results.
Esto se explica por sí solo pero es el Bildelberg o la instrucción que crea crea los resultados que
vamos a mostrar los resultados que vamos a mostrar.
Y luego tenemos el Bill suggestions que su nombre lo explica por sí solo es las sugerencias que son
las sugerencias que aparecen cuando la persona escribe escribe escribe daimyo ok esos son básicamente
las implementaciones que tenemos que hacer hay que implementarlas todas todas no.
Bueno de hecho tal vez la de los resultados podríamos obviarla pero no tenemos que implementarlas todas.
Paso a paso ok entonces lo vamos a dejar así como esta simplemente es una pequeña introducción asegúrense
de tener los comentarios y vamos a empezar a implementar cada una de nuestras acciones del Search delegue
en las próximas clases.