IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

Flex Discussion :

Comment faire un bouton avec l'icône au-dessus du label ? [Spark]


Sujet :

Flex

  1. #1
    Membre du Club
    Profil pro
    Développeur mobile
    Inscrit en
    Novembre 2007
    Messages
    107
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur mobile

    Informations forums :
    Inscription : Novembre 2007
    Messages : 107
    Points : 58
    Points
    58
    Par défaut Comment faire un bouton avec l'icône au-dessus du label ?
    Bonjour !

    Je cherche une solution à un problème en apparence tout simple : je cherche à faire un bouton de type Spark Button, avec uniquement une image bitmap et un texte en dessous (comme une icône de bureau Windows, par exemple).

    J'ai essayé en réalisant un SparkButtonSkin, mais le texte reste en haut à droite de mon bitmap :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    14
    15
    16
    17
    18
    19
    20
    21
    22
    23
    24
    <?xml version="1.0" encoding="utf-8"?>
    <s:SparkButtonSkin xmlns:fx="http://ns.adobe.com/mxml/2009" 
    		   xmlns:s="library://ns.adobe.com/flex/spark">
     
    	<fx:Metadata>
    		[HostComponent("spark.components.Button")]
    	</fx:Metadata>
     
    	<s:states>
    		<s:State name="disabled" />
    		<s:State name="down" />
    		<s:State name="over" />
    		<s:State name="up" />
    	</s:states>
     
    	<s:Group left="0" right="0" top="0" bottom="0">
    		<s:layout>
    			<s:VerticalLayout gap="2" horizontalAlign="center" />
    		</s:layout>
    		<s:BitmapImage id="iconDisplay" />
    		<s:Label id="labelDisplay" textAlign="center" />
    	</s:Group>
     
    </s:SparkButtonSkin>
    J'ai beau chercher, je ne trouve pas de solution ...

    Merci par avance pour votre aide !

  2. #2
    Membre expert
    Avatar de Jim_Nastiq
    Homme Profil pro
    Architecte, Expert Flex
    Inscrit en
    Avril 2006
    Messages
    2 335
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Haute Garonne (Midi Pyrénées)

    Informations professionnelles :
    Activité : Architecte, Expert Flex
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Avril 2006
    Messages : 2 335
    Points : 3 189
    Points
    3 189
    Par défaut
    Salut,

    j'ai déjà eu des comportements étranges sur les skins. Il s'agissait a chaque d'ajout de container au runtime par le sdk ...
    Pour en etre certains le plus simple est d'utiliser MonsterDebugger de le plugger a ton projet et de lancer le projet ainsi que le client MonsterDebugger, puis tu descend l'arborescence de la displaylist jusqu'a ton bouton et tu vérifies qu'il n'y a pas un container en plus

    Pensez vraiment à effectuer une recherche avant de poster, ici et sur un moteur de recherche! c'est la moindre des choses
    Pensez au tag

    Mon Blog sur la techno Flex
    Ma page sur Developpez.com

    Jim_Nastiq

  3. #3
    Membre du Club
    Profil pro
    Développeur mobile
    Inscrit en
    Novembre 2007
    Messages
    107
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur mobile

    Informations forums :
    Inscription : Novembre 2007
    Messages : 107
    Points : 58
    Points
    58
    Par défaut
    Merci pour le tuyau !

    Bon pour le moment, j'ai contourné le problème : je ne mets pas le label dans le skin, mais carrément en dehors du bouton, le tout dans un group avec vertical layout. Pas ce qu'il y a de plus académique, vu que ça fait faire 2 appels à un même listener, mais bon ...

  4. #4
    Membre éclairé
    Homme Profil pro
    Consultant Angular / Java J2EE
    Inscrit en
    Novembre 2008
    Messages
    545
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : Luxembourg

    Informations professionnelles :
    Activité : Consultant Angular / Java J2EE
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Novembre 2008
    Messages : 545
    Points : 875
    Points
    875
    Par défaut
    Salut,
    Citation Envoyé par thenaoh Voir le message
    vu que ça fait faire 2 appels à un même listener, mais bon ...
    Je n'ai pas très bien compris le lien entre le label en dehors du bouton et ton listener, peux tu préciser stp ?
    N'oubliez pas avant de poster :

  5. #5
    Membre du Club
    Profil pro
    Développeur mobile
    Inscrit en
    Novembre 2007
    Messages
    107
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations professionnelles :
    Activité : Développeur mobile

    Informations forums :
    Inscription : Novembre 2007
    Messages : 107
    Points : 58
    Points
    58
    Par défaut
    En fait, si j'avais gardé mon label dans le bouton, j'aurais eu juste à faire un appel au listener de clic pour mon bouton. Or si je mets le label en dehors du bouton, ici en-dessous, il faut donc que mon label puisse lui aussi écouter les clics de l'utilisateur comme le fait le bouton.

  6. #6
    Membre éclairé
    Homme Profil pro
    Consultant Angular / Java J2EE
    Inscrit en
    Novembre 2008
    Messages
    545
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : Luxembourg

    Informations professionnelles :
    Activité : Consultant Angular / Java J2EE
    Secteur : High Tech - Éditeur de logiciels

    Informations forums :
    Inscription : Novembre 2008
    Messages : 545
    Points : 875
    Points
    875
    Par défaut
    Merci.
    Donc si je comprends bien ton texte est dynamique en fonction du clic ? c'est là où je ne voyais pas
    N'oubliez pas avant de poster :

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Comment faire un bouton avec un passage lumineux toutes les 5 secondes
    Par infovect dans le forum Général JavaScript
    Réponses: 20
    Dernier message: 17/07/2014, 15h12
  2. Comment faire un bouton switch avec appel de fonction
    Par altair8080 dans le forum jQuery
    Réponses: 3
    Dernier message: 19/05/2014, 12h44
  3. [MySQL] comment faire un lien avec un bouton pour ouvrir une page en php
    Par Debutant10 dans le forum PHP & Base de données
    Réponses: 8
    Dernier message: 10/04/2012, 21h11
  4. Débutant: Comment faire un bouton avec un mot de passe
    Par ch@rles.be dans le forum Sécurité
    Réponses: 1
    Dernier message: 06/02/2007, 19h37
  5. [INDY] comment faire un 'POST' avec idHTTP??
    Par gamez dans le forum Composants VCL
    Réponses: 5
    Dernier message: 17/05/2004, 19h02

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo