MENGENALTOMBOL |flashCS6|

Persiapan

1. Buka Flah CS6
2. Pada kotak dialoh Adobe Flash Professional CS6, klik AIR for Android.

Tampilan akan terlihat seperti gambar berikut.

Halaman 1

1. Klik tool Zoom > klik Zoom Reduse > klik pada area kerja untuk mengecilkan area kerja.
2. Klik tool Text > klik pada area kerja > lalu ketik Halaman 1.

Halaman 2

1. Klik kanan frame 2 > pilih Insert Keyframe.

1. Gunakan tool Text > ganti Halaman 1 menjadi Halaman 2.

Tombol Next dan Tombol Back

1. Klik frame 1.
2. Pada menu Window > pilih Common Libraries > pilih Button

1. Pada panel External Library > pilih salah satu button yang tersedia (dalam latihan ini pilih flat grey play)
2. Drag/seret  flat grey play ke area kerja.
3. Gunakan tool Free Transform untuk membesarkan gambar.

Klik objek button > pada panel Properties ketik btnNext

 Ulangi langkah diatas untuk membuat tombol/button pada halaman 2 (frame 2).

Pada panel Properties beri nama btnBack.

Actionscript

Pada tahap ini kita akan memberi perintah/actionscript pada tombol Next dan tombol Back.

• 1.  Klik tombol frame1 untuk memilihnya.
• 2.   Pada menu Window > pilih Code Snippets.
• 3.  Pada panel Code Snippets > klik folder Timeline Navigation.
• 4.   Klik ganda pada Stop at this Frame. Secara otomatis panel Actions akan terbuka dengan code yang terkait.
• 5.  Perhatikan pada panel Timeline frame 1 layer Actions muncul simbol@.

 Kode Pada Tombol Next

1. Klik tombol Next pada frame 1 untuk memilihnya.
2. Pada panel Code Snippets klik ganda pada Clik to go to Next Frame and Stop

 Pada panel Action muncul kode seperti berikut.

Kode Stop pada Frame 2

• 1.   Klik tombol frame 2 untuk memilihnya.
• 2.  Pada panel Code Snippets > klik folder Timeline Navigation.
• 3.   Klik ganda pada Stop at this Frame. Secara otomatis panel Actions akan terbuka dengan code yang terkait.
• 4.   Perhatikan pada panel Timeline frame 2 layer Actions muncul simbol@.

Kode pada tombol Back

1. Klik tombol Back pada frame 2 untuk memilihnya.
2. Pada panel Code Snippets klik ganda pada Clik to go to Previous Frame and Stop

Pada panel Action muncul kode seperti berikut.

btnBack.addEventListener(MouseEvent.CLICK, fl_ClickToGoToPreviousFrame_2);

function fl_ClickToGoToPreviousFrame_2(event:MouseEvent):void

{

          prevFrame();

}

Test

Untuk melihat hasil kerja.

• Pada menu Control  > pilih Test Scene