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
).
-
Maak een nieuw document van het type Flash-bestand (ActionScript 3.0).
-
Sleep een component ColorPicker naar het werkgebied en geef deze de instantienaam
aCp
.
-
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);
-
Selecteer Besturing > Film testen.
-
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.
U kunt de kleur van de skin Background wijzigen om de kleur van de achtergrond van het palet te wijzigen.
-
Maak een nieuw document van het type Flash-bestand (ActionScript 3.0).
-
Sleep de component ColorPicker naar het werkgebied.
-
Dubbelklik erop om het palet met skins te openen.
-
Dubbelklik op de skin Background totdat deze is geselecteerd en de kleurkiezer voor de vulkleur wordt weergegeven in Eigenschapcontrole.
-
Selecteer kleur #999999 met behulp van de vulkleurkiezer om het op de skin Background toe te passen.
-
Klik op de knop Terug links van de bewerkbalk boven in het werkgebied om terug te gaan naar de documentbewerkmodus.
-
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
|
|
|