Pada tutorial kali ini kita akan membuat tombol berbentuk persegi panjang yang apabila kursor diletakkan diatas tombol akan muncul garis tepi tebal.
Adapun cara pembuatannya sebagai berikut.
Adapun cara pembuatannya sebagai berikut.
- Membuat sebuah gambar persegi panjang dengan rectangle tool
- Ubah warna fill nya menjadi putih dengan cara klik satu kali pada gambar persegi panjang tersebut kemudian pilih Fil color >warna putih pada menu tools.
- Seleksi persegi panjang tersebut dengan cara klik dua kali pada persegi panjang tersebut kemudian klik kanan pada mouse dan pilih convert to symbol.
- Tuliskan myButton pada kolom menu yang muncul dan pada kolom type pilih button kemudian ok
- Sehingga gambar persegi panjang tersebut sekarang berubah menjadi tombol dengan nama myButton.
- Klik tombol tersebut sebanyak 2 kali untuk masuk ke dalam mode edit symbolnya. Didalam tombol terdapat 4 keyframe yang di atasnya masing2 tertulis up, over, down, dan hit
- Di dalam mode edit symbol klik kursor di frame over kemudian insert keyframe sehingga persegi panjang yang ada di frame up tersalin ke frame over juga.
- Klik pada garis persegi panjang di frame over kemudian buka properties. Pada bagian Fill and stroke ubahlah srokenya dengan menggeser ke kanan sehingga garisnya menjadi besar.
- Insert keyframe lagi di frame down. Kemudian kecilkan garisnya dengan cara buka properties. Pada bagian Fill and stroke ubahlah srokenya sesuai dengan garis di frame up tadi.
- Membuat layer lagi dengan cara insert layer. Di layer ini menulis “tombol” dengan menggunakan text tool. Atus supaya tulisan tersebut tepat di atas tombol
- Klik scene 1 untuk keluar dari menu edit symbol
- Klik tombol tersebut kemudian buka properties. Isilah dengan tulisan btnCount di Instance name
- Kemudian di frame 1 di kasih actions script sebagai berikut
- Untuk melihat hasilnya silakan menekan tombol Control>Test Movie atau di keyboard menekan tombol Crtl dan Enter secara bersama-sama sehingga di output akan muncul keterangan bahwa tombol sudah ditekan berapa kali.
btnCount.addEventListener(MouseEvent.CLICK, countUp);
function countUp(evt:MouseEvent):void {
numPressed++;
trace("Button was pressed " + String(numPressed) + " times.");
}
0 comments:
Post a Comment