, skabe en iphone inspireret skifte afkrydsningsfelt med flash og actionscript 3,0,,,,, andel,,,,,,,,,,,,,,, det cyber - mandag envato tuts + kurser vil blive reduceret til $3.- og' t miss.,, en afkrydsningsfelt er et grafisk brugergrænseflade element, som giver brugeren mulighed for at foretage en eller flere bøger fra en række muligheder. i denne forelæsning, vil vi skabe et skifte afkrydsningsfelt inspireret af iphone grafisk brugerflade.læs videre for at finde ud af, hvordan!,,,,,,, trin 1: kortfattet oversigt med flash tegning redskaber, vi vil skabe en vektor kontakt, som vil blive kontrollerede af klasser.en kategori kan tage sig af de skifter adfærd og en anden klasse, vil blot se værdien af det.lad os gå!trin 2: råvarer, åben - og skabe en ny flash - sagen (actionscript. 3.,, sæt scenen størrelse, 600x300 og farven til&#efeff0.,, vil vi nu skaber kontakten grafik, trin 3: grænse, vælges den primitive rektangel værktøj (r) og skabe en 280x80 px rektangel, fylde den med en lineær gradient:񻓜,&#acadb1.,, anvende gradient omdanne værktøj til at rotere horisontalt og ændre hjørne gradient radius (egenskaber - panelet) til 10.,, trin 4: fra baggrund, vil vi drage to baggrund for overgangen, og på baggrund af baggrund. dobbelt den tidligere form og ændre dens størrelse 276x76 forsyning.ændring af den lineære grandient til a9a9a,&#f4f3f6 og flytte den sidste farve vælgeren (farve - panelet) halvvejs langs bar.,, udvælge teksten værktøj (t) og skabe en statisk textfield.skriv "væk", og det er på højre side af baggrunden., jeg har brugt helvetica neue dristige, 48, pt,c8c8c.,, løntrin 5: draggable område, nu kan vi tilføje en knap, der kan være med til at ændre det værdi. brug den rektangel redskab til at skabe et 120x80 px rektangel og fyld den med&#a19fa0, hjørnet radius til 10.,, dobbelt form og resize til 116x76 px, fyld den med&#fcfcfe., for at give den endelige kontakt til knap, gentag processen og fylde form med en&#d7d7d7,&#fcfcfe lineær gradient.brug den gradient omdanne værktøj til at skifte udfylde.,, trin 6: på baggrund af to grænser og baggrund, slette teksten og ændre grænsen gradient til�d4372,ᠱd2.,, ændre baggrunden gradient til�c68b5,ǟff9,db0f6, sted på knappen. grænse form i højre side.,, opløse (cmd + b) de former for at skære dem.,, anvender samme tekstformat at tilføje "om" udkast til baggrunden.,, trin 7: fastsættelse af de movieclips, omregner de draggable knap til at movieclip og hedder det "område".som de kan forestille dem, vil det være det område, der vil blive slæbt for at ændre skift værdi., sørg for, at registreringen er placeret som et af billederne.,, udvælger alle former, herunder movieclip og omdanne dem igen, navn resultatet ", en".,, anvendelse af grænsen former for at skabe en anden movieclip, vil dette være den maske, der vil skjule en del af teksten.hedder det "syx".,, omdanne alt for movieclip igen og double-click., skabe et nyt lag, så skær og pasta masken klip det.højreklik masken lag og vælge den "maske" løsning. det vil afslutte alle grafik.nu er din kontakt, skal se sådan ud (note registrering nr.):,, trin 8: sammenkobling, åbne biblioteket og right-click dit bytte symbol.særlige egenskaber, mark "eksport til actionscript" kasse og skrive "skift" som klasse navn.,, trin 9: kontakt. som, skabe en ny actionscript dokument og redde det som "knappen. som".,, trin 10: nødvendige klasser, import de krævede klasser.hvis du har brug for særlig hjælp til nogen af disse henvises til flash - hjælp (f1), pakke (import fl.transitions.tween; import fl.transitions.easing.strong; import flash.display.sprite; import flash.events.mouseevent; import flash. geom. rektangel, trin 11: variabler, er disse variabler, vi bruger, som forklaret i den kode, offentlige kommentarer. klasse skifte udvider sprite (private var mellem: mellem; //et objekt for informationstiltag offentlige var mellem medarbejdere: boolean = falske; //er det en offentlig variabel, der er anvendt ved ombytningen værdi uden for denne klasse trin 12: konstruktøren funktion, dennes funktion.denne funktion er publikum. offentlige funktion switch(): ugyldig (slider. område. addeventlistener (mouseevent.mouse_down, switchdrag) slider. område. addeventlistener (mouseevent.mouse_up, checkposition)}, trin 13: drag funktion, denne funktion har knap trække på grundlag af sin holdning. privat funktion switchdrag e: mouseevent): ugyldig (hvis (!stat) //hvis kontakten er væk, kan vi trække retten (e.target. forælder. startdrag (sand, nye rektangel (0, 0, e.target.parent.parent.msk.width/1.75, 0)} andre (e.target. forælder. startdrag (sand, nye rektangel (e.target.parent.parent.msk.width/1.75, 0, -e.target.parent.parent.msk.width/1.75, 0)), punkt 14: kontrol funktion, denne kode kontrol den holdning, den draggable knap.afhængigt af dens værdi, det vender tilbage til den oprindelige holdning, eller opholder sig i den nye, private funktion checkposition e: mouseevent): ugyldig (e.target. forælder. stopdrag(); hvis (e.target. forælder. x > = 140) (e.target. forælder. x = 160; eurostat = sandt.} andre, hvis (!stat && e.target.parent.x < 140) \t{ \t\ttween = new Tween(e.target.parent,"x",Strong.easeOut,e.target.parent.x,0,1,true); \t\tstat = false; \t} \t//OFF to ON \tif (e.target.parent.x <= 20) \t{ \t\te.target.parent.x = 0; \t\tstat = false; \t} \telse if (stat && e.target.parent.x > 20) \t{ \t\ttween = new Tween(e.target.parent,"x",Strong.easeOut,e.target.parent.x,160,1,true); \t\tstat = true; \t} },Step 15: Main Class,This is an example of how to use your new Switch.,Create a new ActionScript document and save it as "Main.as"., package { \timport Switch; //Import the class \timport flash.display.Sprite; \timport flash.events.MouseEvent; \t \tpublic class Main extends Sprite \t{ \t\tpublic function Main():void \t\t{ iswitch. addeventlistener (mouseevent.mouse_up, checkstate); //iswitch er en instans i den fase af skifte klasse) privat funktion checkstate e: mouseevent): ugyldig (hvis (iswitch. stat) {spor ("knappen er på!");) andet (spor ("skift er væk!");}}}} trin 16: dokument, klasse, gå tilbage til. blp fil og i egenskaber panel tilføje "primære" i klassen område, til at gøre dette dokument klasse.,, konklusion, du har skabt et fuldt customizable skift til brug i deres ansøgninger.kan du huske, at du kan skabe dit eget skind og tilføje flere funktioner til og fra medlemsstater. tak for det!,