Nå er det tid for å lage vår mest interessante klasse, vår Polaroid klasse ! For denne klassen trenger vi den populære tweening bibliotek tweener. Last den ned og lagre biblioteket inne i src mappen (se denne guiden for mer informasjon)
pakke {import flash.display.MovieClip.; import flash.events.MouseEvent; import caurina.transitions. *; import caurina.transitions.properties. *; import flash.display.Bitmap; import flash.events.Event; public class Polaroid strekker MovieClip {//skalaen hvor Polaroid er zoomet inn private statisk konst ZOOMED_IN_SCALE: Number = 1; //skalaen hvor Polaroid er zoomet ut private static konst ZOOMED_OUT_SCALE: Number = 0,6; //maks høyde et bilde kan være private Var IMAGE_MAX_HEIGHT: Number; //maks bredde et bilde kan være private Var IMAGE_MAX_WIDTH: Number; //vi må skalere lastet bilder, husk skalaen private Var skala: Number; //når vi zoomer ut, zoomer vi ut tilbake til Polaroid sin opprinnelige posisjon og rotasjon //Polaroid opprinnelige x koordinat. private Var origX: Number; //vi trenger også den opprinnelige y koordinere private Var origY: Number; //lagre Polaroid opprinnelige rotasjon private Var origRotation: Number; //når dette boolsk blir oppfylt, vil Polaroid ikke svare på mus hendelser private Var dempet: Boolean; //vi trenger å vite om Polaroid har vært klikket offentlig Var klikket: Boolean; offentlig funksjon Polaroid (bilde: Bitmap) {//gjør Polaroid en knapp buttonMode = true; //maksimumsmålene for et bilde er begrenset av dimensjonene imageHolder IMAGE_MAX_HEIGHT = imageHolder.height; IMAGE_MAX_WIDTH = imageHolder.width; //skalere Polaroid ned scaleX = ZOOMED_OUT_SCALE; Scaley = ZOOMED_OUT_SCALE; //vi må endre størrelsen på bildet slik at det passer //først sjekke om det er en stående eller liggende if (image.width > image.height) {//det er et landskap //omfanget er begrenset av bildets høyde skala = IMAGE_MAX_HEIGHT /image.height; } Else {//det er et portrett //omfanget er begrenset av bildets bredde skala = IMAGE_MAX_WIDTH /image.width; } //Skalere bildet image.scaleX = skala; image.scaleY = skala; //legge det skalerte bildet imageHolder.addChild (image); //legge hendelsen lyttere til Polaroid; addEventListener (MouseEvent.MOUSE_OVER, onMouseOver); addEventListener (MouseEvent.MOUSE_OUT, onmouseout); addEventListener (MouseEvent.CLICK, onClick); addEventListener (Event.ADDED, whenAdded); } Offentlig funksjon mute (): void {//kaller denne funksjonen vil gjøre Polaroid ikke svare på hendelser buttonMode = false; dempet = true; } Offentlig funksjon på lyden (): void {//kaller denne funksjonen vil gjøre Polaroid svare på hendelser buttonMode = true; dempet = false; } Private funksjon whenAdded (hendelse: Hendelse): void {//lagre Polaroid opprinnelige koordinater og rotasjon origX = x; origY = y; origRotation = rotasjon; //vi trenger ikke denne hendelsen lytteren lenger, ta det removeEventListener (Event.ADDED, whenAdded); } Private funksjon onMouseOver (event: MouseEvent): void {//bare svare hvis Polaroid ikke har blitt dempet hvis {//bare svare hvis Polaroid ikke har blitt klikket, klikket Polaroids bør ikke svare på muse overs (dempet!). if (! klikket) {//flytte polaroid til forsiden parent.setChildIndex (dette, parent.numChildren - 1); //flytte og slå polaroid i en tilfeldig retning Tweener.addTween (dette, {x: origX + Math.random () * 30 - 15, y: origY + Math.random () * 30 -15, rotasjon: origRotation + Math.random () * 20-10, tid: 1}); }}} Privat funksjon onmouseout (event: MouseEvent): (! Dempet) void {//bare svare hvis Polaroid ikke har blitt dempet hvis {//bare svare hvis Polaroid ikke har blitt klikket if (! Klikket) {//flytte polaroid tilbake til sin opprinnelige posisjon og rotasjon Tweener.addTween (dette, {x: origX, y: origY, rotasjon: origRotation, tid: 1}); }}} Privat funksjon onClick (event: MouseEvent): void {//bare svare hvis Polaroid ikke har blitt dempet hvis {//hvis det ikke har blitt klikket før if (klikket!) {//Vi (dempet!) har blitt klikket, la oss gjøre det sant klikket = true; //vi zoomer inn, la oss sende en hendelse (Main vil plukke dette opp) dispatchEvent (ny hendelse ('Zoomin')); //zoome Polaroid inn til sentrum av scenen Tweener.addTween (dette, {x: stage.stageWidth /2 - bredde /2, y: stage.stageHeight /2 - høyde /2, rotasjon: 0, scaleX: ZOOMED_IN_SCALE , Scaley: ZOOMED_IN_SCALE, tid: 1}); } Else {//vi allerede har blitt klikket, så gjør klikket falsk klikket = false; //vi zoomer ut, la oss sende en hendelse (Main vil plukke dette opp) dispatchEvent (ny hendelse ('zoomout')); //zoome polaroid ut, tilbake til sin opprinnelige posisjon Tweener.addTween (dette, {x: origX, y: origY, rotasjon: origRotation, scaleX: ZOOMED_OUT_SCALE, Scaley: ZOOMED_OUT_SCALE, tid: 1}); }}}}}

Gjør de endringene som vist i koden under
pakke {import flash.display.MovieClip; public class Hoved strekker MovieClip {//en tilpasset klassen vi har gjort noe som vil laste inn alle bildene fra en xml fil som punktgrafikk privat Var imageLoader: ImageLoader; private Var polaroidHolder: PolaroidHolder; offentlig funksjon main (): void {//legger vår imagges imageLoader = new ImageLoader (); imageLoader.addEventListener ('imagesLoaded', displayImages, falsk, 0, true); imageLoader.load ('pictures.xml'); } Private funksjon displayImages (event: Aktivitet): void {//vi har lastet alle bildene våre polaroidHolder = new PolaroidHolder (imageLoader.polaroids); addChild (polaroidHolder); //også rydde opp i imageLoader imageLoader.cleanUp (); imageLoader = null; }}}

Det ser ut til å fungere, men det er ikke veldig interessant. Når du zoomer inn, blir brukeren ikke "trukket inn", vårt produkt er ikke engasjerende nok. Det vi trenger er en bakgrunn! Ved en tilfeldighet opprettet vi en i Trinn 4
. Tid for å legge vår bakgrunn