Flash Tutorial for Drag & Drop

Adobe Flash kan du lage interaktive presentasjoner som lysbildefremvisninger og spill. Flash Actionscript språket gir metoder for dra-og-slipp-funksjonalitet. Dette gir et godt grunnlag for å lage et interaktivt spill som gir din brukerne kontroll over objekt plassering. Følgende eksempel gir deg et grunnlag for å forstå disse metodene, og gir et utgangspunkt for å bygge på for å bruke dra og slipp i dine presentasjoner. Dra og slipp er implementert ulikt i versjon 2.0 og 3.0 av språket.

Bruksanvisning

Actionscript 2.0

1 Start Flash. Velg "Fil" og "New". Velg "Flash fil (Actionscript 2.0)" og klikk "OK." Dette eksempelet utganger "Utmerket!" når ballen er plassert inne i boksen.

2 Velg "Oval" verktøy fra "Verktøy" panel og tegne en liten ball. Bruk "Selection Tool" (pil) for å velge det. Trykk "F8" og velg alternativet for "Movie Clip". Klikk på "OK". Finn "Properties" panel og sette "<Instance Name>" feltet der for å "smallball."

3 Velg "rektangel" verktøyet og tegne en stor boks. Bruk "Selection Tool" for å velge det. Trykk "F8" og deretter "OK." Sett "<Instance Name>" feltet til "bigbox."

4 Trykk "F9" for å vise "Handlinger" eller Script vinduet. Sett inn følgende kode:

smallball.onPress = function () {

this.startDrag();

}

smallball.onReleaseOutside = smallball.onRelease = function () {

this.stopDrag();

// Hvis smallball blir dratt inn bigbox

if (this._droptarget == "/ bigbox") {

spore ( "Utmerket!");

}

}

5 Velg "Control" og "Test Movie" for å teste koden din.

Actionscript 3.0

6 Start Flash. Velg "Fil" og "New". Velg "Flash fil (Actionscript 3.0)" og klikk "OK." Dette eksempelet utganger "Utmerket!" når ballen er plassert inne i boksen.

7 Velg "Oval" verktøy fra "Verktøy" panel og tegne en liten ball. Bruk "Selection Tool" (pil) for å velge det. Trykk "F8" og velg alternativet for "Movie Clip". Klikk på "OK". Finn "Properties" panel og sette "<Instance Name>" feltet der for å "smallball."

8 Velg "rektangel" verktøyet og tegne en stor boks. Bruk "Selection Tool" for å velge det. Trykk "F8" og deretter "OK." Sett "<Instance Name>" feltet til "bigbox."

9 Trykk "F9" for å vise "Handlinger" eller Script vinduet. Sett inn følgende kode:

smallball.addEventListener (MouseEvent.MOUSE_DOWN, dragEvent);

smallball.addEventListener (MouseEvent.MOUSE_UP, dropEvent);

funksjon dragEvent (e: Mouseevent): void {

smallball.startDrag();

}

funksjon dropEvent (e: Mouseevent): void {

smallball.stopDrag();

// Hvis smallball blir dratt inn bigbox

if (smallball.dropTarget.parent.name == "bigbox") {

spore ( "Utmerket!");

}

}

10 Velg "Control" og "Test Movie" for å teste koden din.