Comment utiliser les sélecteurs de style de bouton dans NativeScript

J'ai une application NativeScript en cours d'exécution et maintenant je veux changer la couleur de fond de mon bouton quand il est pressé (pour que l'utilisateur puisse voir, qu'il a vraiment appuyé dessus). Après quelques recherches, j'ai trouvé que documentation. J'ai donc essayé de les appliquer à mon code (malheureusement je n'initialisant pas mon bouton via TS, donc je ne peux pas utiliser leComment utiliser les sélecteurs de style de bouton dans NativeScript

ligne btn = new buttonModule.Button(); Mon html.

<Button [text]="'SIGNIN'|translate" (onTap)="passCredentials()"></Button>

Mon css:

Button { 
    background-color: rgba(255, 230, 0, 1); 
    font-weight: bold; 
    margin-left: 10; 
    margin-right: 10; 
    padding: 10; 
    height: 50; 
    margin-top: 30; 
    margin-bottom: 25; 
} 
Button:pressed { 
    background-color: red; 
}

C'est ce que j'ai essayé, mais il est ni jeter une erreur, ni changer la couleur de fond. Ai-je besoin de lui dire manuellement pour basculer entre ces classes? Comment pourrais-je faire?

Source

2017-09-18 Rüdiger

Essayez avec highlighted sélecteur de pseudo:

Button:highlighted{ 
    background-color: red; 
}

Source

2017-09-18 13:05:24

mis en surbrillance « travaillé » à ce jour, qu'il change la couleur une fois qu'elle est pressée pendant un petit moment. S'il est exploité sur une période très courte, il ne change pas. Toujours pour certains ppl. cela pourrait être une solution de contournement légitime, merci :) –

Pas besoin d'écrire un fichier CSS par vous-même, vous pouvez utiliser NativeScript core theme.
Ajouter l'un du thème de base à votre app.css fichier, puis vous pouvez utiliser la classe btn et à votre composant Button. Ici je partage le lien pour référence à importer le thème principal de votre app.css

Color Schemes

Source

2017-09-18 18:51:29

Comment utiliser les sélecteurs de style de bouton dans NativeScript

Répondre

Questions connexes