Quick Innledning: Flash List og TileList Components
Del
Del
Del
Del
Dette Cyber Monday Envato Tuts + kurs vil bli redusert til bare $ 3. Ikke gå glipp av.
I denne ukens Quick Tips på Flash Profesjonelle verktøy vi vil være å ta en titt på Fliser og TileList komponenter.
Trinn 1: Sette opp Document
Åpne en ny Flash dokument og angi følgende egenskaper:
Dokumentstørrelse: 550x400px
Bakgrunnsfarge: #FFFFFF
Trinn 2: Legg Komponenter til Stage
Åpne komponenter vinduet ved å gå til Meny > Vindu > Komponenter Drag to etiketter, en liste og en TileList komponent til scenen. I Egenskaper-panelet gir den første etiketten en forekomst navnet "populationLabel . " (Hvis Properties panelet ikke vises, gå til Vindu > Egenskaper eller trykk CTRL + F3.) Sett Merkelappens X til 31.00 og dens Y til 26.00 I panelet Egenskaper gi andre Etikett forekomstnavnet "flagsLabel". Sett Merkelappens X til 31.00 og dens Y til 238. Så gi List forekomstnavnet "statesList" og sett List sin X til 31.00 og dens Y til 62.00. Til slutt, gi den TileList forekomsten navnet "statesTileList" og sett TileList sin X til 31.00 og dens Y til 269,00 Opprett en ny Actionscript-fil og gi den navnet Main.as Gå til Meny > Fil > Publish Settings Fjern haken ved «erklære automatisk scene forekomster". I Main.as, åpner Pakken erklæring og importere klassene vi skal bruke ved å legge til følgende kode: Vi vil legge klassen definisjon, noe som gjør det forlenge MovieClip, og vi vil sette opp vår konstruktør funksjon Legg til følgende Main.as: Her vil vi definere setupListDataProvider (), setupTileListDataProvider (), setupLabels (), setupTileList (), og setupLoader () funksjoner, som nevnt tidligere i konstruktøren I biblioteket finner du filmklipp oppkalt etter "stat" MC.; disse brukes som et ikon for listekomponent. Du må sette opp kobling for filmklipp for dem å bli lagt til listen. Gjør dette ved å høyreklikke på filmklipp og velge "Properties". Her bruker vi navnet på filmklipp som Klassenavn: dataprovider klassen gir oss en enkel måte å sette opp data som skal brukes av komponenter Legg følgende funksjoner til Main. .as: Takk til http:. //www.state-flags-usa. com for å tillate meg å bruke sine flagg bilder. Takk for lesing og holde øye for kommende komponent tutorials!
eller trykke CTRL + F7.
Trinn 3:. Importere klassene
. Vi skal erklære våre komponenter i Main.as, så vi trenger å skru av "auto erklære scene forekomster"; . fordelen av å gjøre dette er at du får kode antydet for eksempel
. Klikk på Innstillinger
ved siden av Script [Actionscript 3]
.
pakke {import flash.display.MovieClip; import flash.display.Loader; import fl.data.DataProvider; import fl.controls.List; import fl.controls.TileList; import fl.controls.Label; import flash.events.Event; import flash.text.TextFieldAutoSize; import fl.controls.ScrollBarDirection; import flash.net.URLRequest;
Trinn 4:. Setup Den største klassen
public class Hoved strekker MovieClip {//vår liste Component offentlig Var statesList: List; //vår TileList Component offentlig Var statesTileList: TileList; //våre Etiketter offentlig Var populationLabel: Etikett; offentlig Var flagsLabel: Etikett; //Dataleverandører for liste komponenter Var listDp: dataprovider; Var tileListDp: dataprovider; //Trengs for å laste et større bilde av det valgte flagget Var picLoader: Loader; offentlig funksjon main () {setupListDataProvider (); setupTileListDataProvider (); setupLabels (); setupList (); setupTileList (); setupLoader ();}
Trinn 5: Funksjoner
privat funksjon setupListDataProvider (): void {//Dette dataprovider vil levere vår liste komponent listDp = ny dataprovider (); //Her iconsSource er en MovieClip koblet i biblioteket //befolkningen fungerer som en dynamisk variabel på vår liste listDp.addItem ({ikonet