Voy a explicar la realización de una caja de búsqueda de Google, con opciones avanzadas como la búsqueda específica en una determinada página y accionamiento de la búsqueda a través del teclado.
La realización se podría dividir en tres etapas...
*Formateo de los componentes; *Creación de las funciones de búsqueda; *Código para accionar las búsquedas con el teclado.
En primer lugar creamos una capa llamada Componentes. Luego llevamos al escenario 2 componentes Buttons, 2 Radio Buttons y 1 Text input. Lo siguiente será darles nombre de instancia:
A los Buttons los nombraremos buscar_btn y suerte_btn respectivamente. A los Radio Buttons www_rb y pagina_rb. Finalmente al Text Input le daremos el nombre caja_ti.
A continuación creamos una capa llamada Acciones y escribimos el código para formatear y cargar de datos a los componentes:
Lo primero que se hizo fue asignar las etiquetas que mostrarán los Radio Buttons y los Buttons. También fue asignado a cada Radio Button datos específicos que sirven para realizar las búsquedas en determinadas páginas. Finalmente se creó una función la cual al seleccionar alguno de los Rudio Buttons, asignarán sus datos a la variable donde.
Creación de las funciones de búsquedas:
Para crear estas funciones se tomó las direcciones específicas de Google para realizar búsquedas. La dirección dicha es "http://www.google.com/search?hl=es&q=", en donde hl=es es el idioma (español) y q será la / las palabras a buscar. Por otro lado la búsqueda a través del botón Voy a Tener Suerte se realizó agregando "&btnI=Voy+a+Tener+Suerte" a la dirección de búsqueda normal. El código vá debajo del puesto anteriormente:
El contenido escrito dentro de caja_ti (el componente Text Input del escenario) será q. Además dependiendo del contenido que tenga la variable donde (que depende de los Radio Buttons) podremos buscar dentro de una pagina especifica o realizar la búsqueda normal.
Finalmente queda el código para accionar la búsqueda con el teclado, para eso nos podemos guiar del artículo utilización de la clase Key :
Al apretar Enter se podrá realizar la búsqueda. Además si se le mantiene apretado solo se abrirá una sola página (la variable flag impide la apertura de más páginas hasta que no se suelte la tecla).
Eso es todo!, queda solo buscar algún logo de Google y disponer de la mejor forma los componentes sobre el escenario.
Comentarios (5)
