Tutorial Membuat Radio Button di Actionscript 3.0 - Flash cs

Radio Button di Actionscript 3.0

Tutorial kali ini bagaimana membuat radio button di actionscript 3.0. 
Radio button merupakan suatu elemen yang difungsikan untuk memilih opsi tertentu, dimana nilai dari radio button sendiri adalah true/false.

Nah, berikut langkah pembuatan radio button di flash actionscript 3.0 :
1. Buat dokumen baru dengan memilih Actionscript 3.0
2. Pada lembar kerja pilih Component.

panel component

3. Pada panel Component pilih Radio button.

pilih radion button

4. Pada lembar kerja akan terlihat seperti gambar beriku ini.

radio button (tanpa edit)

5. Edit teks Label menjadi OK. Anda dapat memilih panel Properties dan pilih Component parameters. Lihat seperti gambar di bawah ini :

component parameters


6. Beri nama instansi untuk Radio button. Pilih Properties dan beri nama OK.

instance name "OK"

7. Kemudian lanjutkan dengan mengetik script di frame 1, Layer 1. Tekan F9 untuk menampilkan Action frame.

script tombol radion button

atau leibh jelasnya dapat Anda copy script di bawah ini :

import flash.events.MouseEvent;

OK.addEventListener(MouseEvent.CLICK,btnOK);
function btnOK(e:MouseEvent):void
{
       trace("press OK");
}

8. Jika penulisan diatas dan langkah-langkah diatas sudah benar, maka tekan ctrl+enter untuk tes movie/running program.

Mengubah, mengganti font pada Radio Button


Mungkin Anda ingin mengubah tampilan dari Radio button misalnya seperti yang ada pada teksnya.
Anda dapat ketikkan script berikut ini di frame 1, Layer 1.

mengubah font pada radio button

Atau Anda dapat copy script berikut ini :

var tf:TextFormat = new TextFormat(); 
tf.color = 0x000000; tf.font = "Calibri"; 
tf.size = 20; 
OK.setStyle("textFormat", tf); 

Running program dengan menekan ctrl+enter maka Anda akan melihat hasilnya.
Tutorial Membuat Radio Button di Actionscript 3.0 - Flash cs Tutorial Membuat Radio Button di Actionscript 3.0 - Flash cs Reviewed by Ardy S on August 05, 2017 Rating: 5

No comments:

Powered by Blogger.