Hurtig Tips Opprett en grunnleggende Google Search App i Flash

I denne Quick Tip, vil jeg vise deg hvordan du lager et grunnleggende søkeprogram med Google-søkemotoren.


Endelig resultatforhåndsvisning

La oss se på det endelige resultatet vi vil jobbe for:


Trinn 1: Kort oversikt

Ved hjelp av en TextField og noen hendelser, sender vi søkeordene til Google og viser resultatet i nettleseren.


Trinn 2: Konfigurer din Flash-fil

Start Flash og opprett et nytt Flash-dokument, sett scenestørrelsen til 320x100px og bakgrunnsfargen til # 181818.


Trinn 3: Grensesnitt

Dette er grensesnittet vi skal bruke, det inkluderer en Input TextField og en knapp. Sett tekstfield-forekomstnavnet til searchTerms og knappen til Søk-.


Trinn 4: ActionScript

Dette er klassen som utfører alt arbeidet, vennligst les kommentarene i koden for å forstå sin oppførsel fullt ut.

 pakke import flash.display.Sprite; importer flash.events.MouseEvent; importer flash.events.KeyboardEvent; importere flash.ui.Keyboard; importer flash.net.navigateToURL; importere flash.net.URLRequest; public class Main utvider Sprite public function Main (): void searchButton.addEventListener (MouseEvent.MOUSE_UP, google); // Lytter til en knapp slipper og utfører søkefunksjonen addEventListener (KeyboardEvent.KEY_DOWN, google); // Lytter til Enter-tasten og kjører søkefunksjonen searchTerms.addEventListener (MouseEvent.MOUSE_DOWN, selectText); // Velger gjeldende tekst i tekstfeltet for en enkel innføring // Legg merke til * (spesiell type), dette tillater at funksjonen drives av ulike typer hendelser, unngår opprettelse av separate funksjoner med samme kode privatfunksjon google (e: *): void if (e.type == "mouseUp") // Hvis kalt av en MouseUp-hendelse navigateToURL (ny URLRequest ("http://www.google.com/search?q=" + searchTerms.text)); // Søk google annet hvis (e.keyCode == Keyboard.ENTER) // Kalt av Enter-tasten navigateToURL (ny URLRequest ("http://www.google.com/search?q=" + searchTerms.text) );  privat funksjon selectText (e: MouseEvent): void searchTerms.setSelection (0, searchTerms.length); // Velger gjeldende tekst i tekstfeltet

Som du kan fortelle ved å lese koden, er nøkkelen Google-nettadressen som lar oss legge til søkeordene i spørringen, dette er http://www.google.com/search?q=[search terms here].

Du kan også prøve dette eksempelet med forskjellige søkemotorer som Yahoo! for eksempel: http://search.yahoo.com/search;_ylt=?p=[search terms here] eller ActiveTuts: http://active.tutsplus.com/?s=[search vilkår her].


Trinn 5: Dokumentklasse

Husk å legge til klassenavnet i feltet Klasse i Publiser-delen av Egenskaper-panelet.


Konklusjon

Du kan lage enkle og effektive søkefelt ved hjelp av denne teknikken, prøv forskjellige søkemotorer og opprett din egen søkeboks!

Jeg håper du likte denne opplæringen, takk for å lese!