2010-12-14 30 views
0

Je veux personnaliser les images sur les boutons d'incrémentation et de décrémentation dans spark numericstepper et j'essaye ce qui suit dans mon fichier css. Mais cela ne fonctionne pas pour l'étincelle numérique.Comment appliquer des images sur spark numericstepper en utilisant feuille de style

s|NumericStepper 
{ 
downArrowDisabledSkin: Embed(source="assets/componentImages/downArrowDisabledSkin.png"); 
downArrowDownSkin: Embed(source="assets/componentImages/downArrowDownSkin.png"); 
downArrowOverSkin: Embed(source="assets/componentImages/downArrowOverSkin.png"); 
downArrowUpSkin: Embed(source="assets/componentImages/downArrowUpSkin.png"); 
upArrowDisabledSkin: Embed(source="assets/componentImages/upArrowDisabledSkin.png"); 
upArrowDownSkin: Embed(source="assets/componentImages/upArrowDownSkin.png"); 
upArrowOverSkin: Embed(source="assets/componentImages/upArrowOverSkin.png"); 
upArrowUpSkin: Embed(source="assets/componentImages/upArrowUpSkin.png"); 
} 

Répondre

0

Voici comment vous la peau d'un halo (x) NumericStepper mais il ne fonctionne pas pour la NumericStepper étincelle.

Vous devez créer une nouvelle enveloppe d'étincelles et utiliser BitmapImage. Avant cela, je vous suggère d'en savoir plus sur la nouvelle architecture d'allumage

+0

Merci PeZ. J'ai également créé deux skins différents pour les boutons d'incrémentation et de décrémentation et j'ai ajouté un bitmapImage dans ces skins comme ça. Mais je veux référencer css ici à la place. Y'a-t'il un quelconque moyen d'y arriver? – Qazi

+0

Peut-être en utilisant la méthode getStyle: source.down = "getStyle ('upArrowDownSkin')" et dans votre CSS: upArrowDownSkin: Intégrer (source = "actifs/componentImages/upArrowDownSkin.png") Je n'ai pas essayé il si –

+0

Voici un exemple: http://tv.adobe.com/watch/adc-presents/migrating-to-flex-4-using-skins/ –