Kali ini kita akan membuat cara berpindah ke frame atau ke frame label. Biasanya anda dapat menggunakan tombol yang di beri script gotoAndStop/gotoAndPlay untuk berpindah ke frame atau frame label yang diinginkan. Namun kali ini kita akan menggunakan ComboBox sebagai pengganti tombol tersebut.
A. Pindah Frame
1. Buatlah sebuah flash document.
2. Tekan Ctrl+F7. Pada panel components yang muncul klik tanda + disebelah User Interface. Cari tulisan ComboBox kemudian drag ke dalam stage.
3. Seleksi ComboBox di stage kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan my_cb sebagai instance name.
4. Letakkan ComboBox my_cb di stage bagian bawah.
5. Klik sekali tombol Insert Layer pada timeline sehingga di timeline muncul layer baru bernama Layer 2.
6. Pastikan anda aktif frame 1 di layer 2 kemudian buatlah sebuah static text di stage yang bertuliskan Frame 1. Letakkan static text ini pada stage bagian atas.
7. Seleksi frame 2 sampai 5 pada layer 2 kemudian tekan F6. Klik frame 2 layer 2 dan ubah tulisan pada static text menjadi Frame 2. Klik frame 3 layer 2 dan ubah tulisan pada static text menjadi Frame 3.
8. Klik frame 4 layer 2 dan ubah tulisan pada static text menjadi Frame 4. Klik frame 5 layer 2 dan ubah tulisan pada static text menjadi Frame 5.
9. Klik kanan frame 5 layer 1 dan pilih Insert Layer. Klik frame 1 layer 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | //menghentikan agar frame berikutnya tidak dimainkan stop(); // Memasukkan label ke dalam ComboBox my_cb my_cb.addItem(1); my_cb.addItem(2); my_cb.addItem(3); my_cb.addItem(4); my_cb.addItem(5); // Membuat listener object. var cb_list:Object = new Object(); // Mengatur fungsi pada listener object. cb_list.change = function(event_obj:Object) { gotoAndStop(event_obj.target.selectedItem.label); }; // Memasukkan listener. my_cb.addEventListener("change", cb_list); |
10. Tekan Ctrl+Enter untuk melihat hasilnya.
B. Pindah Frame Label
1. Buatlah sebuah flash document.
2. Tekan Ctrl+F7. Pada panel components yang muncul klik tanda + disebelah User Interface. Cari tulisan ComboBox kemudian drag ke dalam stage.
3. Seleksi ComboBox di stage kemudian tekan Ctrl+F3. Pada panel properties yang muncul masukkan my_cb sebagai instance name.
4. Letakkan ComboBox my_cb di stage bagian bawah.
5. Klik sekali tombol Insert Layer pada timeline sehingga di timeline muncul layer baru bernama Layer 2.
6. Pastikan anda aktif di frame 1 layer 2 kemudian buatlah sebuah static text di stage yang bertuliskan BAB 1. Letakkan static text ini pada stage bagian atas. Klik frame 1 layer 2 dan pada panel properties masukkan bab1 sebagai Frame Label
7. Klik kanan frame 11 layer 2 dan pilih Insert KeyFrame. Pada panel properties masukkan bab2 sebagai Frame label. Ubah tulisan static text pada frame 2 layer 2 menjadi BAB 2
8. Klik kanan frame 11 layer 3 dan pilih Insert KeyFrame. Pada panel properties masukkan bab3 sebagai Frame label. Ubah tulisan static text pada frame 3 layer 2 menjadi BAB 3
9. Klik kanan frame 11 layer 4 dan pilih Insert KeyFrame. Pada panel properties masukkan bab4 sebagai Frame label. Ubah tulisan static text pada frame 4 layer 2 menjadi BAB 4
10. Klik kanan frame 11 layer 5 dan pilih Insert KeyFrame. Pada panel properties masukkan bab5 sebagai Frame label. Ubah tulisan static text pada frame 5 layer 2 menjadi BAB 5
11. Klik kanan frame 50 layer 1 dan Insert Layer. Klik frame 1 layer 1 dan tekan F9. Pada panel actions yang muncul masukkan script berikut :
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 | //menghentikan agar frame berikutnya tidak dimainkan stop(); // Memasukkan label ke dalam ComboBox my_cb my_cb.addItem(1); my_cb.addItem(2); my_cb.addItem(3); my_cb.addItem(4); my_cb.addItem(5); // Membuat listener object. var cb_list:Object = new Object(); // Mengatur fungsi pada listener object. cb_list.change = function(event_obj:Object) { gotoAndStop("bab"+event_obj.target.selectedItem.label); }; // Memasukkan listener. my_cb.addEventListener("change", cb_list); |
10. Tekan Ctrl+Enter untuk melihat hasilnya.
Sourcenya dapat di download di sini

/thanks
ありがとうございます。
December 13th, 2009 at 22:28
wah,,wah.. trimakasih banget..
tapi di comboboxnya g bisa tulisan “BAB I,dst” ya??
December 15th, 2009 at 04:13
maz bisa g buat form search engine dari flash 8. kalau bisa kasih tau y maz cara nya coz buat TA qw nieg. thank you
December 15th, 2009 at 07:55
@adek
kalau mau memunculkan tulisan BAB pada ComboBoxnya silahkan ganti script di atas dengan yang ada di bawah ini :
Lalu ubah frame labelnya yang tadinya bab1, bab2, bab3, bab4, bab5 menjadi BAB 1, BAB 2, BAB 3, BAB 4, BAB 5
@aisyah
Maaf kami belum tahu caranya
December 23rd, 2009 at 17:04
mas,
gmana caranya mengkoneksikan antara flash dengan database?
December 25th, 2009 at 16:29
Maaf kami tidak belajar database jadi tidak tahu caranya
December 31st, 2009 at 16:31
bisa kok di koneksikan dengan database, saya ada contoh filenya… tapi maaf lagi ga kebawa ke warnet so klo memang ingin bisa hubungi saya
December 31st, 2009 at 21:44
mas,tau g bs ngeprint tp dr flash??
jadi misalnya ada file yg ada dlm halaman di flash yg mau di print..
mohon bantuannya mas..
January 2nd, 2010 at 18:27
@cahyo
Boleh, coba kirimkan ke warungflash@gmail.com
@Rian
Tau sih tapi kami belum begitu bisa menggunakannya jadi belum bisa bikin tutorialnya.
January 5th, 2010 at 15:57
Semuanya Keren… Tp mas tau ga gmana crnya membuat game side-scrolling???? sy ud cr dimanapun di internet…
January 6th, 2010 at 07:00
Coba cari di google dengan kata kunci : flash game side scrolling tutorial
Kami sendiri belum pernah membuat game side scrolling.
January 6th, 2010 at 21:29
trims y
January 7th, 2010 at 08:44
July 17th, 2010 at 19:29
trim’s atas tutorialnya…..
sebelumnya salam kenal dari saya….
saya newbie dalam hal flash…..
dan ingin menjadi flash sebagai media pembelajaran. misalkan ada sebuah combobox kalo kita klik muncul angka 1, 2, 3 dan 4. kalo kita klik combobox dan pilih angka 1 akan menuju frame 10, pilih angka 2 akan menuju frame 20 kemudian menuju ke frame 20 di tiap frame 10, frame 20 muncul animasi gerak di sebelah kanan dan teori disisi kiri…. bagaimana cara membuatnya….. ? trim’s
July 19th, 2010 at 00:49
mas admin koq hasilnya pada saat di select label combonya berkali2 muncul label2 baru jadi dobel2 deh labelnya… ada cara untuk mengatasi itu ga??