De component ColorPicker aanpassen

U kunt het formaat van een ColorPicker alleen wijzigen via de stijlen: swatchWidth , swatchHeight , backgroundPadding , textFieldWidth en textFieldHeight . Als u probeert de grootte van de ColorPicker te wijzigen met Transformeren of met ActionScript door middel van de methode setSize() of de eigenschappen width , height , scaleX of scaleY , dan worden deze waarden genegeerd wanneer u het SWF-bestand maakt, en wordt de ColorPicker weergegeven op standaardgrootte. De achtergrond van het palet wijzigt van grootte om overeen te komen met het aantal kolommen dat is ingesteld met setStyle() voor de stijl columnCount . Het standaardaantal kolommen is 18. U kunt aangepaste kleuren instellen tot 1024 en het palet past zijn grootte verticaal aan om overeen te komen met het aantal stalen.

Stijlen gebruiken met de component ColorPicker

U kunt verschillende stijlen instellen om de weergave van de component ColorPicker te wijzigen. De volgende procedure wijzigt bijvoorbeeld het aantal kolommen ( columnCount ) in de ColorPicker naar 12, wijzigt de hoogte ( swatchHeight ) en breedte ( swatchWidth ) van de kleurstalen en wijzigt de opvulling voor het tekstveld ( textPadding ) en de achtergrond ( backgroundPadding ).

  1. Maak een nieuw document van het type Flash-bestand (ActionScript 3.0).

  2. Sleep een component ColorPicker naar het werkgebied en geef deze de instantienaam aCp .

  3. Open het deelvenster Handelingen, selecteer frame 1 van de hoofdtijdlijn en voer de volgende code in:

    aCp.setStyle("columnCount", 12); 
    aCp.setStyle("swatchWidth", 8); 
    aCp.setStyle("swatchHeight", 12); 
    aCp.setStyle("swatchPadding", 2); 
    aCp.setStyle("backgroundPadding", 3); 
    aCp.setStyle("textPadding", 7);
  4. Selecteer Besturing > Film testen.

  5. Klik op de ColorPicker om deze te openen en kijk hoe deze instellingen de weergave hebben veranderd.

Skins gebruiken met de component ColorPicker

De component ColorPicker gebruikt de volgende skins om zijn visuele status te vertegenwoordigen.

Afbeelding groot weergeven
Skins voor een ColorPicker

U kunt de kleur van de skin Background wijzigen om de kleur van de achtergrond van het palet te wijzigen.

  1. Maak een nieuw document van het type Flash-bestand (ActionScript 3.0).

  2. Sleep de component ColorPicker naar het werkgebied.

  3. Dubbelklik erop om het palet met skins te openen.

  4. Dubbelklik op de skin Background totdat deze is geselecteerd en de kleurkiezer voor de vulkleur wordt weergegeven in Eigenschapcontrole.

  5. Selecteer kleur #999999 met behulp van de vulkleurkiezer om het op de skin Background toe te passen.

  6. Klik op de knop Terug links van de bewerkbalk boven in het werkgebied om terug te gaan naar de documentbewerkmodus.

  7. Selecteer Besturing > Film testen.

    Wanneer u op de ColorPicker klikt, zou de achtergrond van het palet grijs moeten zijn, zoals in de onderstaande afbeelding wordt getoond.

    ColorPicker met donkergrijze skin Background
    ColorPicker met donkergrijze skin Background