CheckBox bileşenini kullanma

CheckBox seçilebilen veya seçimi kaldırılabilen kare bir kutudur. Seçildiğinde, kutuda bir onay işareti görüntülenir. CheckBox öğesine bir metin etiketi ekleyebilir ve bu metin etiketini CheckBox öğesinin soluna, sağına, yukarısına veya aşağısına yerleştirebilirsiniz.

Birbirini dışlamayan true veya false değerlerinin bir kümesini toplamak için CheckBoxes öğesini kullanabilirsiniz. Örneğin, ne tür bir araba satın almak istediğiniz hakkında bilgi toplayan bir uygulama, özellikleri seçmenize olanak sağlamak için CheckBox öğelerini kullanabilir.

CheckBox ile kullanıcı etkileşimi

Bir uygulamada CheckBox öğesini etkinleştirebilir veya devre dışı bırakabilirsiniz. CheckBox öğesi etkinleştirilirse ve kullanıcı bu öğeyi veya bu öğenin etiketini tıklatırsa, CheckBox öğesi girdi odağını alır ve basılı durumdaki görünümünü görüntüler. Kullanıcı fare düğmesine basarken işaretçiyi CheckBox öğesinin veya etiketinin sınırlama alanının dışına getirirse, bileşenin görünümü orijinal durumuna geri döner ve girdi odağını korur. Fare bileşenin üzerinde serbest bırakılıncaya kadar CheckBox öğesinin durumu değişmez. Ayrıca, CheckBox öğesi iki devre dışı durumuna sahiptir: seçili ve seçimi kaldırılmış; bunlar sırayla selectedDisabledSkin ve disabledSkin öğelerini kullanır ve fare ya da klavye etkileşimine izin vermez.

CheckBox devre dışı bırakılırsa, kullanıcı müdahalesine bakılmaksızın devre dışı durumunda görüntülenir. CheckBox öğesi, düğme devre dışı durumunda fare veya klavye girdisi almaz.

Kullanıcı üzerini tıklattığında veya sekme ile seçtiğinde CheckBox örneği, odağı alır. Bir CheckBox örneği odağa sahip olduğunda, odağı denetlemek için şu tuşları kullanabilirsiniz:

Anahtar

Açıklama

Üst Karakter+Sekme

Odağı bir önceki öğeye taşır.

Boşluk çubuğu

Bileşeni seçer veya bileşenin seçimini kaldırır ve change olayını tetikler.

Sekme

Odağı bir sonraki öğeye taşır.

Odağı kontrol etmeyle ilgili daha fazla bilgi için, Adobe® Flash® Professional CS5 için ActionScript® 3.0 Başvurusu bölümündeki FocusManager ile çalışma ve FocusManager sınıfına bakın.

Her bir CheckBox örneğinin canlı önizlemesi, geliştirme sırasında Özellik denetçisinde veya Bileşen denetçisinde parametrelere yapılan değişiklikleri yansıtır.

Bir uygulamaya CheckBox bileşenini eklediğinizde, aşağıdaki ActionScript kodu satırlarını ekleyerek bu bileşeni bir ekran okuyucusu için erişilebilir duruma getirebilirsiniz: 

import fl.accessibility.CheckBoxAccImpl; 
 
CheckBoxAccImpl.enableAccessibility();

Bileşenin kaç tane örneğine sahip olduğunuza bakılmaksızın, bir bileşenin erişilebilirliğini yalnızca bir defa etkinleştirirsiniz.

CheckBox bileşeni parametreleri

Her CheckBox bileşeni örneği için Özellik denetçisinde veya Bileşen denetçisinde şu geliştirme parametrelerini ayarlayabilirsiniz: label , labelPlacement ve selected . Bu parametrelerin her biri, aynı adda, karşılık gelen ActionScript özelliğine sahiptir. Bu parametrelerin olası değerleriyle ilgili bilgi için, Adobe® Flash® Professional CS5 için ActionScript® 3.0 Başvurusu bölümündeki CheckBox sınıfına bakın.

CheckBox kullanarak uygulama oluşturma

Aşağıdaki yordamda, borç uygulama formundan bir alıntıyı kullanarak geliştirme sırasında bir uygulamaya CheckBox bileşeninin nasıl ekleneceği açıklanmaktadır. Formda başvuran kişinin ev sahibi olup olmadığı sorulur ve kullanıcının “evet” yanıtı vermesi için bir CheckBox sağlanır. Bu durumda, formda kullanıcının evin göreceli değerini belirtmesi için iki radyo düğmesi sunulur.

Checkbox bileşenini kullanarak uygulama oluşturma

  1. Yeni bir Flash (ActionScript 3.0) belgesi oluşturun.

  2. CheckBox bileşenini Bileşenler panelinden Sahne Alanı'na sürükleyin.

  3. Özellik denetçisinde şunları yapın:

    • Örnek adı için homeCh girin.

    • Genişlik (W) değeri için 140 girin.

    • Etiket parametresi için “ Eviniz kendinize mi ait ?” cümlesini girin.

  4. İki RadioButton bileşenini Bileşenler panelinden Sahne Alanı'na sürükleyin ve CheckBox öğesinin aşağısına ve sağına yerleştirin. Bunlar için Özellik denetçisinde şu değerleri girin:

    • Örnek adları için underRb ve overRb girin.

    • Her iki RadioButton öğesinin W (genişlik) parametresi için 120 girin.

    • 500.000$'dan az mı? öğesini underRb etiket parametresi için girin.

    • 500.000$'dan çok mu? öğesini overRb etiket parametresi için girin.

    • Her iki RadioButton öğesinin groupName parametresi için valueGrp öğesini girin.

  5. Eylemler panelini açın, ana Zaman Çizelgesi'nde Kare 1'i seçin ve şu ActionScript kodunu girin: 

    homeCh.addEventListener(MouseEvent.CLICK, clickHandler); 
underRb.enabled = false; 
overRb.enabled = false; 
 
function clickHandler(event:MouseEvent):void { 
    underRb.enabled = event.target.selected; 
    overRb.enabled = event.target.selected;     
}

    Bu kod, homeCh CheckBox öğesi seçilirse underRb ve overRb RadioButton öğelerini etkinleştiren CLICK olayı için bir olay işleyicisi oluşturur ve homeCh öğesi seçilmezse bu öğeleri devre dışı bırakır. Daha fazla bilgi için, Adobe® Flash® Professional CS5 için ActionScript® 3.0 Başvurusu bölümündeki MouseEvent sınıfına bakın.

  6. Kontrol Et > Filmi Test Et'i seçin.

Aşağıdaki örnek, önceki uygulamayı çoğaltır ancak ActionScript ile CheckBox ve RadioButtons öğelerini oluşturur.

ActionScript kullanarak Checkbox oluşturma

  1. Yeni bir Flash (ActionScript 3.0) belgesi oluşturun.

  2. CheckBox bileşenini ve RadioButton bileşenini Bileşenler panelinden geçerli belgenin Kütüphane paneline sürükleyin. Kütüphane paneli açılmazsa, Kütüphane panelini açmak için Ctrl+L tuşlarına basın veya Pencere > Kütüphane seçeneklerini belirleyin.

    Bu işlem sonucunda bileşenler uygulamanız için kullanılabilir duruma getirilir ancak Sahne Alanı'na koyulmaz.

  3. Eylemler panelini açın, ana Zaman Çizelgesi'nde Kare 1'i seçin ve bileşen örnekleri oluşturup konumlandırmak için şu kodu girin: 

    import fl.controls.CheckBox; 
import fl.controls.RadioButton; 
 
var homeCh:CheckBox = new CheckBox(); 
var underRb:RadioButton = new RadioButton(); 
var overRb:RadioButton = new RadioButton(); 
addChild(homeCh); 
addChild(underRb); 
addChild(overRb); 
underRb.groupName = "valueGrp"; 
overRb.groupName = "valueGrp"; 
homeCh.move(200, 100); 
homeCh.width = 120; 
homeCh.label = "Own your home?"; 
underRb.move(220, 130); 
underRb.enabled = false; 
underRb.width = 120; 
underRb.label = "Under $500,000?"; 
overRb.move(220, 150); 
overRb.enabled = false; 
overRb.width = 120; 
overRb.label = "Over $500,000?";

    Bu kod, bileşenler oluşturmak için CheckBox() ve RadioButton() yapıcılarını ve bu bileşenleri Sahne Alanı'na yerleştirmek için addChild() yöntemini kullanır. Bileşenleri Sahne Alanı'nda konumlandırmak için move() yöntemini kullanır.

  4. Şimdi bir olay dinleyicisi ve olay işleyici işlevi oluşturmak için şu ActionScript'i ekleyin: 

    homeCh.addEventListener(MouseEvent.CLICK, clickHandler); 
 
function clickHandler(event:MouseEvent):void { 
    underRb.enabled = event.target.selected; 
    overRb.enabled = event.target.selected;     
}

    Bu kod, homeCh CheckBox öğesi seçilirse underRb ve overRb radyo düğmelerini etkinleştiren CLICK olayı için bir olay işleyicisi oluşturur ve homeCh öğesi seçilmezse bu öğeleri devre dışı bırakır. Daha fazla bilgi için, Adobe® Flash® Professional CS5 için ActionScript® 3.0 Başvurusu bölümündeki MouseEvent sınıfına bakın.

  5. Kontrol Et > Filmi Test Et'i seçin.