Suggerimento rapido crea un'app di ricerca Google di base in Flash

In questo suggerimento rapido, ti mostrerò come creare un'applicazione di ricerca di base con il motore di ricerca di Google.


Anteprima del risultato finale

Diamo un'occhiata al risultato finale su cui lavoreremo:


Passaggio 1: breve panoramica

Usando un campo di testo e alcuni eventi, invieremo i termini di ricerca a Google e visualizzeremo il risultato nel browser.


Passaggio 2: impostare il file Flash

Avvia Flash e crea un nuovo documento Flash, imposta le dimensioni dello stage su 320x100 px e il colore dello sfondo su # 181818.


Passaggio 3: interfaccia

Questa è l'interfaccia che useremo, include un campo di testo di input e un pulsante. Imposta il nome dell'istanza TextField su searchTerms e il pulsante per SearchButton.


Passaggio 4: ActionScript

Questa è la classe che svolge tutto il lavoro, si prega di leggere i commenti nel codice per comprendere appieno il suo comportamento.

 pacchetto import flash.display.Sprite; import flash.events.MouseEvent; import flash.events.KeyboardEvent; import flash.ui.Keyboard; import flash.net.navigateToURL; import flash.net.URLRequest; public class Main extends Sprite public function Main (): void searchButton.addEventListener (MouseEvent.MOUSE_UP, google); // Ascolta un pulsante di rilascio ed esegue la funzione di ricerca addEventListener (KeyboardEvent.KEY_DOWN, google); // Ascolta il tasto Invio ed esegue la funzione di ricerca searchTerms.addEventListener (MouseEvent.MOUSE_DOWN, selectText); // Seleziona il testo corrente del campo di testo per un facile inserimento // Notare il * (tipo speciale), questo permette alla funzione di essere eseguita da diversi tipi di eventi, evitando la creazione di funzioni separate con lo stesso codice funzione privata google (e: *): void if (e.type == "mouseUp") // Se chiamato da un evento MouseUp navigateToURL (new URLRequest ("http://www.google.com/search?q=" + searchTerms.text)); // Cerca google else if (e.keyCode == Keyboard.ENTER) // Chiamato dal tasto Invio navigateToURL (new URLRequest ("http://www.google.com/search?q=" + searchTerms.text) );  funzione privata selectText (e: MouseEvent): void searchTerms.setSelection (0, searchTerms.length); // Seleziona il testo corrente nel campo di testo

Come puoi capire leggendo il codice, la chiave è l'URL di Google che ci consente di aggiungere i termini di ricerca alla query, questo è http://www.google.com/search?q=[norme di ricerca qui].

Puoi anche provare questo esempio con diversi motori di ricerca come Yahoo! per esempio: http://search.yahoo.com/search;_ylt=?p=[chi termini di ricerca qui] o ActiveTuts: http://active.tutsplus.com/?s=[ termini di ricerca qui].


Passaggio 5: Classe di documenti

Ricordarsi di aggiungere il nome della classe al campo Classe nella sezione Pubblica del pannello Proprietà.


Conclusione

Puoi creare caselle di ricerca semplici ed efficaci utilizzando questa tecnica, provare diversi motori di ricerca e creare la tua casella di ricerca!

Spero che questo tutorial ti sia piaciuto, grazie per la lettura!