NumericStepper bileşenini kullanma

NumericStepper bileşeni, kullanıcının sıralanmış bir sayı kümesinde ilerlemesine olanak tanır. Bu bileşen, küçük yukarı ve aşağı ok düğmelerinin yanında görüntülenen metin kutusundaki bir sayıyı içerir. Kullanıcı düğmelere bastığında, düğmeleri serbest bırakıncaya veya maksimum ya da minimum değere ulaşılıncaya kadar stepSize parametresinde belirtilen birime göre sayı basamaklı olarak artar veya azalır. NumericStepper bileşeninin metin kutusundaki metin de düzenlenebilir.

Her bir NumericStepper örneğinin canlı önizlemesi, Özellik denetçisinde veya Bileşen denetçisinde value parametresinin ayarını yansıtır. Ancak canlı önizlemede NumericStepper öğesinin ok düğmeleriyle fare veya klavye etkileşimi yoktur.

NumericStepper bileşeniyle kullanıcı etkileşimi

Kullanıcının sayısal bir değer seçmesini istediğiniz her yerde NumericStepper bileşenini kullanabilirsiniz. Örneğin, bir formda kredi kartı son kullanma tarihinin ay, gün ve yılını ayarlamak için NumericStepper bileşenini kullanabilirsiniz. Kullanıcının font boyutunu artırmasına ve azaltmasına olanak sağlamak için de NumericStepper bileşenini kullanabilirsiniz.

NumericStepper bileşeni yalnızca sayısal verileri işler. Ayrıca ikiden çok sayısal basamağı görüntülemek için (örneğin, 5246 veya 1,34 sayıları) geliştirme sırasında adımlayıcıyı yeniden boyutlandırmanız gerekir.

Bir uygulamada NumericStepper öğesini etkinleştirebilir veya devre dışı bırakabilirsiniz. NumericStepper öğesi, devre dışı durumunda fare veya klavye girdisi almaz. NumericStepper öğesi etkinleştirilmiş durumundayken, üzerini tıklattığınızda veya üzerine bastığınızda odağı alır ve dahili odak, metin kutusuna ayarlanır. Bir NumericStepper örneği odağa sahip olduğunda, odağı denetlemek için şu tuşları kullanabilirsiniz:

Anahtar

Açıklama

Aşağı Ok

Değer, birer birimler olarak değişir.

Sol Ok

Ekleme noktasını metin kutusu içinde sola taşır.

Sağ Ok

Ekleme noktasını metin kutusu içinde sağa taşır.

Üst Karakter+Sekme

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

Sekme

Odağı bir sonraki nesneye taşır.

Yukarı Ok

Değer, birer birimler olarak değişir.

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

NumericStepper bileşeni parametreleri

Her NumericStepper örneği için Özellik denetçisinde veya Bileşen denetçisinde şu parametreleri ayarlayabilirsiniz: maximum , minimum , stepSize ve value . 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 NumericStepper sınıfına bakın.

NumericStepper ile uygulama oluşturma

Aşağıdaki prosedür, geliştirme sırasında bir uygulamaya nasıl NumericStepper bileşeni ekleneceğini açıklamaktadır. Bu örnek, Sahne Alanı'na bir NumericStepper bileşeni ve Label bileşeni ekler ve Event öğesi için bir dinleyici oluşturur.NumericStepper örneğinde CHANGE olayı. Bu örnek, sayısal adımlayıcıdaki değer değiştiğinde, yeni değeri Etiket örneğinin text özelliğinde görüntüler.

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

  2. Özellik denetçisinde, aNs örnek adını girin.

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

  4. Özellik denetçisinde, aLabel örnek adını girin.

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

    import flash.events.Event; 
 
aLabel.text = "value = " + aNs.value; 
 
aNs.addEventListener(Event.CHANGE, changeHandler); 
function changeHandler(event:Event) :void { 
    aLabel.text = "value = " + event.target.value; 
};

    Bu örnek, etiketin text özelliğini NumericStepper değerine ayarlar. NumericStepper örneğindeki değer her değiştiğinde, changeHandler() işlevi, etiketin text özelliğini günceller.

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

ActionScript kullanarak NumericStepper oluşturun:

Bu örnek, ActionScript koduyla üç NumericStepper öğesi oluşturur; bunların her biri kullanıcının doğum tarihinin ay, gün ve yılını girmek içindir. Ayrıca bu, NumericStepper öğelerinin her birinin istemi ve tanımlayıcıları için Label örnekleri ekler.

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

  2. Label öğesini Kütüphane paneline sürükleyin.

  3. NumericStepper bileşenini Kütüphane paneline sürükleyin.

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

    import fl.controls.Label; 
import fl.controls.NumericStepper; 
 
var dobPrompt:Label = new Label(); 
var moPrompt:Label = new Label(); 
var dayPrompt:Label = new Label(); 
var yrPrompt:Label = new Label(); 
 
var moNs:NumericStepper = new NumericStepper(); 
var dayNs:NumericStepper = new NumericStepper(); 
var yrNs:NumericStepper = new NumericStepper(); 
 
addChild(dobPrompt); 
addChild(moPrompt); 
addChild(dayPrompt); 
addChild(yrPrompt); 
addChild(moNs); 
addChild(dayNs); 
addChild(yrNs); 
 
dobPrompt.setSize(65, 22); 
dobPrompt.text = "Date of birth:"; 
dobPrompt.move(80, 150); 
 
moNs.move(150, 150); 
moNs.setSize(40, 22); 
moNs.minimum = 1; 
moNs.maximum = 12; 
moNs.stepSize = 1; 
moNs.value = 1; 
 
moPrompt.setSize(25, 22); 
moPrompt.text = "Mo."; 
moPrompt.move(195, 150); 
 
dayNs.move(225, 150); 
dayNs.setSize(40, 22); 
dayNs.minimum = 1; 
dayNs.maximum = 31; 
dayNs.stepSize = 1; 
dayNs.value = 1; 
 
dayPrompt.setSize(25, 22); 
dayPrompt.text = "Day"; 
dayPrompt.move(270, 150); 
 
yrNs.move(300, 150); 
yrNs.setSize(55, 22); 
yrNs.minimum = 1900; 
yrNs.maximum = 2006; 
yrNs.stepSize = 1; 
yrNs.value = 1980; 
 
yrPrompt.setSize(30, 22); 
yrPrompt.text = "Year"; 
yrPrompt.move(360, 150);

  5. Uygulamayı çalıştırmak için Kontrol Et > Filmi Test Et'i seçin.