ActionScript 3.0: Bileşenler (Components) VI
Bu derste;
- NumericStepper’leri Kullanma
- ActionScript İle NumericStepper Oluşturma
- ProgressBar’ları Kullanma
- ActionScript İle ProgressBar’ları Oluşturma
- RadioButton’ları Kullanma
- ActionScript İle RadioButton Oluşturma
konularına değinilmiştir.
• NumericStepper’leri Kullanmak:
NumericStepper bileşeni, kullanıcının belirli aralıktaki sıralı sayılar içinde belirtilen adım büyüklüğü ile ilerlemesini sağlar. NumericStepper, bir metin kutusu içindeki sayılar ile bu sayıları artıran ve azaltan yukarı-aşağı ok butonlarından oluşmaktadır. NumericStepper bileşenin ayrıca metin kutusu düzenlenebilmektedir.NumericStepper bileşeni klavyeden, “Shift+Tab”, “Tab”, yön tuşları ile kontrol edilebilir. Bir NumericStepper bileşeninin Property özelliklerindeki Parametre sekmesinden “maximum”, “minimum”, “stepSize” ve “value” alanları kontrol edilebilir.
ActionScript İle NumericStepper Oluşturmak:
NumericStepper ve Label bileşenleri Components panelinden çift tıklanarak kütüphaneye aktarılır. Actionscript paneli açılır ve aşağıdaki kod satırlarını yazılarak uygulama test edilir.
import fl.controls.Label; import fl.controls.NumericStepper; // Label ve NumericStepper sınıfları uygulamaya dahil edildi var dogumEtiket:Label = new Label(); var gunEtiket:Label = new Label(); var ayEtiket:Label = new Label(); var yilEtiket:Label = new Label(); // Label nesneleri oluşturulur var gunNs:NumericStepper = new NumericStepper(); var ayNs:NumericStepper = new NumericStepper(); var yilNs:NumericStepper = new NumericStepper(); // NumericStepper nesneleri oluşturulur addChild(dogumEtiket); addChild(ayEtiket); addChild(gunEtiket); addChild(yilEtiket); addChild(ayNs); addChild(gunNs); addChild(yilNs); // NumericStepper ve Label nesneleri sahneye taşınır dogumEtiket.setSize(65, 22); dogumEtiket.text = "Doğum Tarihi:"; dogumEtiket.move(80, 150); // dogumEtiket adlı Label nesnesinin boyutu,metni ve konumu ayarlandı gunNs.move(225, 150); // gunNs adlı NumericStepper //nesnesinin konumu ayarlandı gunNs.setSize(40, 22); // gunNs adlı NumericStepper //nesnesinin boyutu ayarlandı gunNs.minimum = 1; // gunNs adlı NumericStepper//nesnesinin minimum değeri ayarlandı gunNs.maximum = 12; // gunNs adlı NumericStepper//nesnesinin maximum değeri ayarlandı gunNs.stepSize = 1; // gunNs adlı NumericStepper//nesnesinin adım miktarı ayarlandı gunNs.value = 1; gunEtiket.setSize(25, 22); gunEtiket.text = "Gün"; gunEtiket.move(195, 150); ayNs.move(150, 150); ayNs.setSize(40, 22); ayNs.minimum = 1; ayNs.maximum = 31; ayNs.stepSize = 1; ayNs.value = 1; ayEtiket.setSize(25, 22); ayEtiket.text = "Ay"; ayEtiket.move(270, 150); yilNs.move(300, 150); yilNs.setSize(55, 22); yilNs.minimum = 1900; yilNs.maximum = 2008; yilNs.stepSize = 1; yilNs.value = 1980; yilEtiket.setSize(30, 22); yilEtiket.text = "Yıl"; yilEtiket.move(360, 150);
// Programın Ekran Çıktısı 
• ProgressBar’ları Kullanmak:
ProgressBar bileşeni, özellikle ön yükle uygulamalarında büyük bir dosyanın yüklenmesi aşamasında yüklenenen verinin ilerleme durumunu gösteren bir bileşendir. Kimi zaman belirli bir zamanı ve veri miktarı bilinen işlemler için ProgressBar bileşeni kullanılırken, kimi zamanda yüklenen verinin miktarı bilinmeden de ProgressBar bileşen kullanılmaktadır. Ayrıca ProgressBar kullanırken, yükleme yüzdesini göstermek için bir Label bileşeni de kullanılabilir.
ProgressBar bileşeni event, polled ve manuel modlarında çalışmaktadır. Genellikle, event ve polled modları kullanılmaktadır. Bu iki mod, hem işlemleri gönderen ve olayları tamamlayan hem de bytesLoaded and bytesTotal (polled mod)özelliklerini belirten dosya yükleme işlemlerini tanımlar.
Bir ProgressBar bileşeninin Property özelliklerindeki Parametre sekmesinden “direction”, “mode”, ve “source” alanları kontrol edilebilir. ActionScript İle ProgressBar Oluşturmak: ProgressBar, NumericStepper ve Label bileşenleri Components panelinden çift tıklanarak kütüphaneye aktarılır. Actionscript paneli açılır ve aşağıdaki kod satırlarını yazılarak uygulama test edilir.
import fl.controls.ProgressBar; import fl.controls.NumericStepper; import fl.controls.Label; import fl.controls.ProgressBarDirection; import fl.controls.ProgressBarMode; import flash.events.Event; // ProgressBar,NumericStepper, Label,//ProgressBarDirection, ProgressBarMode ve Event // sınıfları uygulamaya dahil edildi var aPb:ProgressBar = new ProgressBar(); var aNs:NumericStepper = new NumericStepper(); var etiket:Label = new Label(); // ProgressBar, NumericStepper ve Label//nesne örnekleri oluşturuldu addChild(aPb); addChild(aNs); addChild(etiket); // ProgressBar, NumericStepper ve Label nesne//örnekleri sahneye aktarıldı aPb.move(180,175); aPb.direction = ProgressBarDirection.RIGHT; aPb.mode = ProgressBarMode.MANUAL; // ProgressBar nesnesinin konumu, yönü ve modu ayarlandı etiket.setSize(180, 22); etiket.move(180, 150); etiket.text = ""; // Label nesnesinin boyutu, konumu ve metin//özellikleri ayarlandı aNs.move(220, 215); aNs.maximum = 250; aNs.minimum = 0; aNs.stepSize = 1; aNs.value = 0; // NumericStepper nesnesinin boyutu, maksimum, minimum, //adım büyüklüğü ve değer özellikleri ayarlandı aNs.addEventListener(Event.CHANGE, degistir); function degistir(event:Event):void { aPb.setProgress(aNs.value, aNs.maximum); // NumericStepper nesnesinin değer ve maksimum değerleri //ProgressBar nesnesine bağlandı etiket.text = "Gerçekleşen İşlem: % " + int(aPb.percentComplete); // etiket adlı Label nesnesinin text özelliğine, // aPb ProgressBar nesnesinin percentComplete özelliği atandı. }
// Programın Ekran Çıktısı 
• RadioButton’ları Kullanmak:
RadioButton bileşeni, kullanıcıya birçok seçim arasından tek bir bir seçim yapmaya zorlayan bir bileşendir. Çokten seçmeli testlerde RadioButton bileşeni kullanılmaktadır. RadioButton bileşenleri en az iki bileşenden oluşmalı ve sadece bir RadioButton grubuna ait olmalıdır. RadioButton bileşenleri bir grub üyesi yapmak için “groupName” parametresi kullanılmaktadır. RadioButton bileşeni aktif veya pasif yapılabilmektedir. Pasif yapılan RadioButton bileşeni herhangi bir fare veya klavyeden giriş alamaz. Aktif durumda iken RadioButton bileşenlerini klavyden kontrol etmek için “Tab” ve yön tuşları kullanılmaktadır.
Bir RadioButton bileşeninin Property özelliklerindeki Parametre sekmesinden “groupName”, “label”, “LabelPlacement”, “selected” ve “value” alanları kontrol edilebilir.
ActionScript İle RadioButton Oluşturmak: RadioButton bileşeni Components panelinden çift tıklanarak kütüphaneye aktarılır. Actionscript paneli açılır ve aşağıdaki kod satırlarını yazılarak uygulama test edilir.
import fl.controls.RadioButton; // RadioButton sınıfı uygulamaya dahil edildi import fl.controls.RadioButtonGroup; // RadioButtonGroup sınıfı uygulamaya dahil edildi var kirmiziRb:RadioButton = new RadioButton(); var maviRb:RadioButton = new RadioButton(); var yesilRb:RadioButton = new RadioButton(); // RadioButton nesneleri oluşturuldu var gurubRb:RadioButtonGroup = new RadioButtonGroup("renkGrubu"); // RadioButtonGroup nesnesi oluşturuldu var dikdortgen:MovieClip = new MovieClip(); // MovieClip nesnesi oluşturuldu ciz(dikdortgen, 0x99999); // ciz fonksiyonuna parametreler gönderildi addChild(kirmiziRb); addChild(maviRb); addChild(yesilRb); addChild(dikdortgen); // RadioButton ve MovieClip nesneleri sahneye taşındı kirmiziRb.label = "Kırmızı"; kirmiziRb.value = 0xFF0000; maviRb.label = "Mavi"; maviRb.value = 0x0000FF; yesilRb.label = "Yeşil"; yesilRb.value = 0x00FF00; // RadioButton nesnelerinin etiket ve değer özellikleri verildi kirmiziRb.group = maviRb.group = yesilRb.group = gurubRb; // RadioButton nesneleri, gurubRb//adlı RadioButtonGroup nesnesine bağlandı kirmiziRb.move(100, 260); maviRb.move(170, 260); yesilRb.move(220, 260); // RadioButton nesnelerinin konumu ayarlandı gurubRb.addEventListener(MouseEvent.CLICK, tikla); // RadioButtonGroup nesnesine olay dinleyici eklendi//ve tikla fonksiyonu çağrıldı function tikla(event:MouseEvent):void { ciz(dikdortgen, event.target.selection.value); // ciz fonksiyonuna MoviClip ve RadioButton//nesnelerinin aldığı renk değerleri gönderildi } function ciz(dikdortgen:MovieClip,renk:uint):void { dikdortgen.graphics.beginFill(renk, 1.0); dikdortgen.graphics.drawRect(100, 150, 180, 100); dikdortgen.graphics.endFill(); // dikdörtgen şekli çizildi }
// Programın Ekran Çıktısı
Yazan: Muttalip TULGAR
Bir sonraki dersimiz, “ActionScript 3.0: Bileşenler (Components) VII”da görüşmek üzere.
