Slider bileşenini kullanma

Bir Slider örneği odağa sahip olduğunda, odağı denetlemek için şu tuşları kullanabilirsiniz:

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 IFocusManager arabirimine ve FocusManager sınıfına bakın.

Her bir Slider ö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.

Her Slider bileşeni örneği için Özellik denetçisinde ya da Bileşen denetçisinde aşağıdaki yönetim parametrelerini ayarlayabilirsiniz: direction , liveDragging , maximum , minimum , snapInterval , tickInterval 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 Slider sınıfına bakın.

Şu örnek, kullanıcının varsayım olayıyla memnuniyet düzeyini ifade etmesine olanak sağlamak için bir Slider örneği oluşturur. Kullanıcı, daha yüksek veya daha alçak bir memnuniyet düzeyi belirtmek için Slider öğesini sağa ya da sola taşır.

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

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

   • Bileşene valueLabel örnek adını verin.

   • text parametresine 0 percent değerini atayın.

3. Slider bileşenini Bileşenler panelinden sürükleyip value_lbl öğesinin aşağısına ortalayın.

   • Bileşene aSlider örnek adını verin.

   • 200 genişlik (W:) değeri atayın.

   • 10 yükseklik (H:) değeri atayın.

   • maximum parametresine 100 değeri atayın.

   • Hem snapInterval hem de tickInterval parametresine 10 değeri atayın.

4. Kütüphane panelinden başka bir Label örneğini sürükleyip aSlider öğesinin aşağısına ortalayın.

   • Bileşene promptLabel örnek adını verin.

   • 250 genişlik (W:) değeri atayın.

   • 22 yükseklik (H:) değeri atayın.

   • text parametresi için Lütfen memnuniyet düzeyinizi belirtin metnini girin.

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

   import fl.controls.Slider; 
   import fl.events.SliderEvent; 
   import fl.controls.Label; 
    
   aSlider.addEventListener(SliderEvent.CHANGE, changeHandler); 
    
   function changeHandler(event:SliderEvent):void { 
       valueLabel.text = event.value + "percent";     
   }

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

   Bu örnekte, kaydırıcının kaydırma kutusunu bir aralıktan diğerine taşıdığınızda, kaydırma kutusunun konumuna karşılık gelen yüzdeyi görüntülemek için, SliderEvent.CHANGE olayının bir dinleyicisi, valueLabel öğesinin text özelliğini günceller.

Aşağıdaki örnek, ActionScript kullanarak bir Slider öğesi oluşturur. Bu örnek, bir çiçek görüntüsünü indirir ve Slider öğesinin değerine karşılık gelmesi için görüntünün alpha özelliğini değiştirerek kullanıcının görüntüyü karartmasına veya aydınlatmasına olanak sağlamak için Slider öğesini kullanır.

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

2. Label bileşenini ve Slider bileşenini Bileşenler panelinden geçerli belgenin Kütüphane paneline sürükleyin.

   Bu işlem sonucunda bileşenler kütüphaneye eklenir ancak uygulamada görünür duruma getirilmez.

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.Slider; 
   import fl.events.SliderEvent; 
   import fl.controls.Label; 
   import fl.containers.UILoader; 
    
   var sliderLabel:Label = new Label(); 
   sliderLabel.width = 120; 
   sliderLabel.text = "< Fade - Brighten >"; 
   sliderLabel.move(170, 350); 
    
   var aSlider:Slider = new Slider(); 
   aSlider.width = 200; 
   aSlider.snapInterval = 10; 
   aSlider.tickInterval = 10; 
   aSlider.maximum = 100; 
   aSlider.value = 100; 
   aSlider.move(120, 330); 
    
   var aLoader:UILoader = new UILoader(); 
   aLoader.source = "http://www.flash-mx.com/images/image1.jpg"; 
   aLoader.scaleContent = false; 
    
   addChild(sliderLabel); 
   addChild(aSlider); 
   addChild(aLoader); 
    
   aLoader.addEventListener(Event.COMPLETE, completeHandler); 
    
   function completeHandler(event:Event) { 
       trace("Number of bytes loaded: " + aLoader.bytesLoaded); 
   } 
    
   aSlider.addEventListener(SliderEvent.CHANGE, changeHandler); 
    
   function changeHandler(event:SliderEvent):void { 
           aLoader.alpha = event.value * .01; 
   }

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

5. Slider öğesinin kaydırma kutusunu görüntüyü karartmak için sola, görüntüyü aydınlatmak için sağa taşıyın.