Cara Mengunakan Checkbox dan Radio Button di Flash

Apabila korang membangunkan aplikasi yang interaktif dalam flash, korang perlu menyediakan komunikasi yang terbaik di antara pengguna. Flash mempunyai beberapa applikasi untuk melaksanakan komponen UI yang boleh korang gunakan dengan applikasi itu..

Di dalam tutorial ini saya akan menunjukkan kepada korang bagaimana untuk membuat button radio dan komponen Checkbox dalam aplikasi korang. Ia  penting untuk korang mengetahui sedikit sebanyak ActionScript 3.0 sebelum korang memulakan tutorial ini.

Mulakan dengan mewujudkan dokumen baru ActionScript 3.0 dalam Flash. Korang boleh menemui komponen UI dalam tetingkap komponen. Tekan Ctrl + F7 untuk membuka tetingkap komponen dan mengheret beberapa butang radio dan checkbox ke stage..

saya heret 3 sekali ke tengah

Pada titik ini merupakan komponen generik tetapi korang boleh tengok butir-butir pada teks. Jika korang menekan Ctrl + ENTER untuk menguji korang akan nampak ia benar-benar berkesan.

Sekarang mari menukar beberapa tetapan komponen. Pilih mana-mana komponen dan mengetuai lebih kepada "Component Parameters". Korang boleh lihat beberapa properties yang disenaraikan di sini. Mari kita pergi ke properties butang radio pertama.

Jika korang menuju ke component parameters checkbox, korang boleh lihat bahawa semua properties yang sama kecuali penempatan label. Properties ini memilih penempatan label relatif kepada kotak. Itu adalah kerana tidak ada group dalam Checkbox

saya telah namakan checkboxes dan radio buttons dengan nama makanan,. Sekarang  kaji kod yang perlu, untuk memproses komponen ini. Untuk kod yang bekerja dengan komponen ini..

Saya telah berikan nama-nama radio1_mc, radio2_mc, radio3_mc, check1_mc, check2_mc & check3_mc. Saya juga telah mencipta satu butang yang akan digunakan untuk mengemukakan nilai-nilai ini dan saya telah menamakan ia submit_button.

Kini korang buat lapisan baru untuk ActionScript dan masukkan kod berikut di dalamnya.

submit_btn.addEventListener(MouseEvent.CLICK,processButtons);

function processButtons(e:MouseEvent){

if(radio1_mc.selected){

trace(“Radio button 1 is selected”);

}

if(radio2_mc.selected){

trace(“Radio button 2 is selected”);

}

if(radio3_mc.selected){

trace(“Radio button 3 is selected”);

}

if(check1_mc.selected){

trace(“Checkbox 1 is selected”);

}

if(check2_mc.selected){

trace(“Checkbox 2 is selected”);

}

if(check3_mc.selected){

trace(“Checkbox 3 is selected”);

}

}

Saya berharap korang telah belajar bagaimana untuk menggunakan komponen ini UI. Menggunakan komponen ini untuk membuat aplikasi lebih berharga.

Selamat Mencuba