De component Slider gebruiken

Wanneer een instantie Slider focus heeft, kunt u de volgende toetsen gebruiken om de instantie te beheren:

Zie de IFocusManager-interface en de klasse FocusManager in de Naslaggids voor ActionScript 3.0 voor Adobe Flash Professional CS5 en Werken met FocusManager voor meer informatie over focusbeheer.

Een live voorvertoning van elke instantie Slider geeft direct wijzigingen weer in parameters in Eigenschapcontrole of Componentcontrole tijdens het ontwerpen.

U kunt in Eigenschapcontrole of Componentcontrole de volgende ontwerpparameters instellen voor elke instantie van de component Slider: direction , liveDragging , maximum , minimum , snapInterval , tickInterval en value . Elk van deze parameters heeft een bijbehorende ActionScript-eigenschap met dezelfde naam. Zie de klasse Slider in de Naslaggids voor ActionScript 3.0 voor Adobe Flash Professional CS5 voor informatie over de mogelijk waarden voor deze parameters.

In het volgende voorbeeld wordt een instantie Slider gemaakt waarmee de gebruiker zijn of haar mate van tevredenheid over een denkbeeldige gebeurtenis kan uitdrukken. De gebruiker verplaatst de Slider naar rechts of links om een hogere of lagere mate van tevredenheid aan te geven.

1. Maak een nieuw Flash-document (ActionScript 3.0).

2. Sleep een component Label van het deelvenster Componenten naar het midden van het werkgebied.

   • Geef deze de instantienaam valueLabel .

   • Wijs de waarde 0 procent aan de parameter text toe.

3. Sleep een component Slider vanuit het deelvenster Componenten en centreer deze onder value_lbl .

   • Geef deze de instantienaam aSlider .

   • Voer 200 in voor de waarde W (breedte).

   • Voer 10 in voor de waarde H (hoogte).

   • Wijs de waarde 100 aan de parameter maximum toe.

   • Wijs de waarde 10 aan zowel de parameter snapInterval als de parameter tickInterval toe .

4. Sleep nog een instantie Label vanuit het deelvenster Bibliotheek en centreer deze onder aSlider .

   • Geef deze de instantienaam promptLabel .

   • Voer 250 in voor de waarde W (breedte).

   • Voer 22 in voor de waarde H (hoogte).

   • Voer de tekst Geef uw mate van tevredenheid aan in voor de parameter text .

5. Open het deelvenster Handelingen, selecteer frame 1 van de hoofdtijdlijn en voeg de volgende ActionScript-code toe:

   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. Selecteer Besturing > Film testen.

   Wanneer in dit voorbeeld het blokje van de schuifregelaar van het ene interval naar het andere wordt verplaatst, werkt een listener voor de gebeurtenis SliderEvent.CHANGE de eigenschap text van valueLabel bij om het percentage weer te geven dat overeenkomt met de positie van het blokje.

In het volgende voorbeeld wordt met ActionScript een Slider gemaakt. Er wordt een afbeelding van een bloem gedownload en de Slider wordt gebruikt om de afbeelding fletser of helderder te maken door de eigenschap alpha aan te passen zodat deze overeenkomt met de waarde van de Slider.

1. Maak een nieuw Flash-document (ActionScript 3.0).

2. Sleep de component Label en de component Slider van het deelvenster Componenten naar het deelvenster Bibliotheek van het huidige document.

   Hiermee voegt u de componenten aan de bibliotheek toe, maar de componenten worden hierdoor niet zichtbaar in de toepassing.

3. Open het deelvenster Handelingen, selecteer frame 1 van de hoofdtijdlijn en voeg de volgende code toe om componentinstanties te maken en plaatsen:

   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. Selecteer Besturing > Film testen om de toepassing uit te voeren.

5. Beweeg het schuifregelaarblokje naar links om de afbeelding fletser te maken en naar rechts om het helderder te maken.