Drag’n Drop Pada Objek Flash

Kalau anda sering menggunakan mouse ,tentunya anda sudah mengenal istilah drag dan drop, yaitu proses memindahkan objek menggunakan mouse (klik dan tahan ),lalu menyeret (drag) untuk meletakkanya ketempat yang diinginkan .

Berikut ini adalah langkah langkah untuk membuat Drag’ n drop pada Flash.

1.      Imporlah sebuah gambar ; pada stage.lihat gambar 1

Gambar 1 Ikan

2.      kemudian ubahlah gambar menjadi movie clip dengan cara klik kalan pada gambar Convert to Simbol > Movie clip,lihat gambar 2.

Gambar 2 Gambar ikan menjadi movie clip

3.Dengan movie clip ikan yang masih terpilih isikan identitas movie clip tersebut pada properities, misalnya ikan lucu, lihat gambar 3.

Gambar 3 mengisi identitas movie clip

3.      Kemudian dengan movie clip ikan dalam keadaan terpilih pilih menu window > behavior atau Shift + F3 untuk memanggil menu behavior,kemudian pilih tanda + pada behavior > Movie clip > Start dragging movie clip,lihat gambar 4.

Gambar 4 memilih action start dragging pada menu behavior kategori movie clip

4.      Pada kotak dialog yang tampil klik ok lihat gambar 5

Gambar 5 kotak dialog start daging movie clip

5.      Pada behaviors Panel, klik tanda panah ke bawah ▼ yang terdapat disamping kanan Event On Release sehingga akan tampil pilihannya .Gantilah eventnya dengan memilih event on press.Lihat gambar 6.

Gambar 6 Mengganti event

6.      Masih di behaviors panel Klik tanda + sehingga akan tampil menu .Pilihlah Movie clip > stop dragging Movie clip,maka akan tampil kotak dialognya,klik ok.Lihat gambar 7.

Gambar 7 kotak dialog stop dragging movie clip

7.      Sekarang di behavior panel terdapat dua perintah ,yaitu Event On press dengan action start dragging movie clip dan event on release dengan stop dragging movie clip.Lihat gambar 8.

Gambar 8 dua action behavior panel

Akhirnya selesai,untuk melihat hasilnya klik menu control > test movie.Coba klik pada gambar ikan,lalu drag /geser ke tempat manapun yang anda inginkan.Anda juga bisa menambahkan back ground untuk mempercantik tampilan.

Keterangan Action:

Event-event Mouse/Keyboard, yaitu:

• Press: Keadaan ketika kursor mouse berada di atas tombol dan mouse sedang ditekan.
• Release: Keadaan ketika kursor mouse berada di atas tombol dan mouse sudah ditekan dan dilepaskan (hampir sama dengan Press).
• Release Outside: Keadaan ketika kursor mouse berada di atas tombol dan mouse sudah ditekan dan dilepaskan di luar area tombol.
• Key Press: Keadaan ketika tombol keyboard ditekan, jadi mendeteksi penekanan tombol di keyboard.
• Roll Over: Keadaan ketika kursor mouse berada di atas tombol.
• Roll Out: Keadaan ketika kursor mouse bergerak ke luar dari area tombol.
• Drag Over: Keadaan ketika kursor mouse berada di atas tombol dan mouse sudah ditekan, kemudian kursor bergerak ke luar area tombol, lalu kembali lagi sambil mouse tetap ditekan.
• Drag Out: Keadaan ketika kursor mouse berada di atas tombol dan mouse sudah ditekan, kemudian kursor bergerak keluar area tombol.
• startDrag berfungsi untuk membuat movie klip mengikuti gerakan pointer mouse.
• stopDrag merupakan kebalikan dari action startDrag.

Hasilnya seperti dibawah ini anda bebas menggerakkan Ikan yang ada di animasi dibawah ini.

 Lucu ya ikannya kalau gak kita gerakkan gak bergerak tu ikan.: D