Mengenal Tombol | Button

Mengenal Tombol | Button

 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.
• Klik tombol frame1 untuk memilihnya.
• Pada menu Window > pilih Code Snippets.
•  Pada panel Code Snippets > klik folder Timeline Navigation.
• Klik ganda pada Stop at this Frame. Secara otomatis panel Actions akan terbuka dengan code yang terkait.
• 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

• Klik tombol frame 2 untuk memilihnya.
• Pada panel Code Snippets > klik folder Timeline Navigation. Klik ganda pada Stop at this Frame. Secara otomatis panel Actions akan terbuka dengan code yang terkait.
• 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

Published: Seno Adjie.