Monday, August 28, 2017

Membuat tombol Navigasi sederhana


Pada tutorial kali ini kita akan membahas mengenai bagaimana membuat tombol navigasi, ngerti kan apa itu tombol navigasi? Tombol navigasi itu berfungsi semoga pengguna dapat berinteraksi dengan movie flash yang kita buat. Misalkan mereka ingin pergi kebagian tertentu, kita sebagai pembuat telah menyediakan navigasi yang berupa tombol
untuk mereka klik.

Langsung saja yah….


  1. Buka aktivitas flash tentunya, setelah itu buat file gres dengan properties tertentu, aku pakai ukuran 800x600.
  2. Pada frame 1 buat teks dengan Teks Tool dan propertisnya teks statis bertuliskan “Home”.

  3. Klik frame 1, kemudian ganti “Frame label” dengan “home” setelah itu tekan Enter.

  4. Klik kanan frame 10 pilih Insert Blank Keyframe, kemudian buat teks statis “Materi”. Klik lagi frame 10 dan ganti “Frame label” dengan “materi” dan tekan Enter.

  5. Buat lagi menyerupai langkah no. 4 diatas pada frame 20 dengan teks statis bertuliskan “Latihan” dan “Frame label” diganti dengan “latihan”, kemudian pada frame 30 dengan teks statis bertuliskan “Contoh” dan “Frame label” diganti dengan “contoh”.
  6. Buat layer gres dan beri nama layer dengan nama “tutup” dengan cara klik dua kali pada goresan pena “Layer 2”. Kemudian klik frame satu layer “tutup” dan buat teks statis “Tutup”.

  7. Kemudian klik kanan pada goresan pena “Tutup” pilih Convert to Symbol pilih type button dan beri nama “tutup_btn” dan klik ok.

  8. Buat layer gres lagi dan beri nama “tombol”.
  9. Klik pada frame satu layer “tombol “ kemudian import tobol dari panel Component. Caranya yakni dengan klik Windows kemudian pilih components. Dari panel Componens pilih User interface kemudian pilih button. Kemudian drag(klik tanpa dilepaskan) dan geser kedalam stage.

  10. kemudian tutup panel Components dan rubah Instance name dari keempat button tersebut masing masing “home_btn”, “materi_btn”, “latihan_btn”, “contoh_btn” dan lebelnya masing masing “home”, “materi”, “latihan”, “contoh” dengan cara klik satu persatu dan merubahnya pada panel parameters.

  11. Buat layer gres lagi dan rubah namanya “skrip”, klik pada frame pertama dan buka jendela Actions kemudian masukan Action Script di bawah ini :

    stop()
    home_btn.onPress = function(){
    gotoAndStop("home");
    }
    materi_btn.onPress = function(){
    gotoAndStop("materi");
    }
    latihan_btn.onPress = function(){
    gotoAndStop("latihan");
    }
    contoh_btn.onPress = function(){
    gotoAndStop("contoh");
    }


  12. Kemudian klik kanan tombol tutup dan pilih Actions dan masukan Action Script di bawah ini :

    on(release){
    fscommand("quit","true");
    }


  13. Langkah terakhir yakni menyimpan dokumen, beri nama Tombol navigasi.
  14. Kemudian Klik Ctrl+Enter. Dan lihat alhasil pada daerah dimana kita menyimpannya, selesai.

Untuk mendownload file pdfnya silahkan klik DISINI

Untuk mendownload file swfnya silahkan klik DISINI