Quick Tips: Lag en Basic Google Search App i Flash
Del
Del
Del
Share < .no> Dette Cyber mandag Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
I denne hurtig Tip, vil jeg vise deg hvordan du oppretter en grunnleggende søkeapplikasjon med Googles søkemotor.
Final Resultatet Preview
La oss ta en titt på det endelige resultatet vi skal jobbe mot:
Trinn 1: Kort oversikt
Ved hjelp av en Textfield og noen Events, vi vil sende søkeordene på Google og vise resultatet i nettleseren
Trinn 2:. Sett opp din Flash File
Launch Flash og opprette en ny Flash dokument, angir stadium størrelse til 320x100px og bakgrunnsfargen til # 181818
Trinn 3:. Interface
Dette er grensesnittet vi skal bruke, det inneholder et Input Textfield og en knapp. Still Textfield eksempel navnet til searchterms Dette er klassen som bærer ut alt arbeidet, kan du lese kommentarene i koden for å fullt ut forstå dens adferd Som du kan fortelle ved å lese koden, er nøkkelen Googles URL som lar oss legge til søkeord for å spørringen, er dette http://www.google .com /søke q = [søkeord her] Du kan også prøve dette eksemplet med ulike søkemotorer som Yahoo for eksempel:?. http://search.yahoo.com/search;_ylt= ? p = [søkeord her] eller ActiveTuts: http://active.tutsplus.com/?s=[search~~number=plural vilkår her] Husk å legge klassenavnet til Class-feltet i Publish delen av panelet Egenskaper. Du kan lage enkle og effektive søkebokser ved hjelp av denne teknikken, kan du prøve annet søk motorer og lage din egen søkeboks! Jeg håper du likte denne opplæringen, takk for lesing!
og knappen til searchButton
Trinn 4:. Action
pakke {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 Hoved strekker Sprite {offentlig funksjon main (): void {searchButton.addEventListener (MouseEvent.MOUSE_UP, google); //Lytter til en utløserknapp og utfører søkefunksjonen addEventListener (KeyboardEvent.KEY_DOWN, google); //Lytter for Enter og utfører søkefunksjonen searchTerms.addEventListener (MouseEvent.MOUSE_DOWN, selectText); //Velger den nåværende teksten i tekstfeltet for en enkel inngang} //Legg merke til * (spesiell type), dette gjør at funksjonen som skal kjøres av ulike typer hendelser, unngå etablering av separate funksjoner med den samme koden privat funksjon 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} else if (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}}}
Trinn 5:. Dokument Class
Konklusjon