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 :

Bouton transparent texte ombré


Sujet :

Flex

Vue hybride

Message précédent Message précédent   Message suivant Message suivant
  1. #1
    Membre éclairé
    Profil pro
    Inscrit en
    Novembre 2007
    Messages
    306
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2007
    Messages : 306
    Par défaut Bouton transparent texte ombré
    Bonjour,

    J'ai réalisé 2 types de boutons :

    l'un dont le fond est transparent :

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
    package Com
     
    {
    	import mx.controls.Button;
    	public class AlphBtnWht extends Button
    	{
    		public function AlphBtnWht():void
    		{
    			this.alpha=0;
     
    		}
    	}
    }
    l'autre dont le texte est ombré :

    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
    package Com
     
    {
    	import flash.filters.DropShadowFilter;
    	import mx.controls.Button
     
     
    	public class ShdTxtBtn extends Button
    	{
    		public function ShdTxtBtn()
    		{
    			super();
    		}
     
      		override protected function commitProperties():void
    		{
    			if( textField )
    			{
    				textField.filters = [ new DropShadowFilter(1,90,0x6A6A6A,1,0,0,1,1,false,false) ];
    			}
    		}  
    	}
    }

    Question évidente : comment avoir un bouton transparent dont le texte est ombré ?

    Merci beaucoup.
    Alexandre

  2. #2
    Membre averti
    Inscrit en
    Novembre 2008
    Messages
    17
    Détails du profil
    Informations forums :
    Inscription : Novembre 2008
    Messages : 17
    Par défaut
    Le poste est bien vieux donc je sais pas si ma réponse sera utile (peut etre à quelqu'un d'autre) mais

    Si j'ai bien compris, ce que tu veux c'est que ton bouton n'ait pas de fond. Mais tout de même affiché une ombre au texte.

    A priori, en mettant le alpha du bouton à 0, tu ne verras pas ton ombre (car elle sera transparente aussi)

    Ce que tu peux faire, c'est utiliser la propriété skin du bouton. Donc tu te crée ton bouton perso et tu surcharge la méthode updateDisplayList du bouton.

    le code de la classe boutonPerso

    Code : Sélectionner tout - Visualiser dans une fenêtre à part
    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    12
    13
     
    <?xml version="1.0" encoding="utf-8"?>
    <mx:Button xmlns:mx="http://www.adobe.com/2006/mxml"  skin="{null}" >
    <mx:Script>
    	<![CDATA[
     
    		override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
                //tu affiches ton ombre
                super.updateDisplayList(unscaledWidth,unscaledHeight);
    		}
    	]]>
    </mx:Script>
    </mx:Button>
    En espérant avoir pu aider quelqu'un

Discussions similaires

  1. recherche bouton transparent
    Par firejocker dans le forum MFC
    Réponses: 3
    Dernier message: 08/02/2006, 09h13
  2. [C#]Problème sur composant perso (Bouton Transparent)
    Par SLE dans le forum Windows Forms
    Réponses: 1
    Dernier message: 06/10/2005, 00h12
  3. [C#] problème de bouton transparent
    Par mbibim63 dans le forum Windows Forms
    Réponses: 4
    Dernier message: 17/05/2005, 14h50
  4. [FLASH MX] Bouton et texte dynamique
    Par noarno dans le forum Flash
    Réponses: 11
    Dernier message: 21/07/2004, 09h43
  5. bouton transparent
    Par Michaël dans le forum Flash
    Réponses: 2
    Dernier message: 25/07/2003, 14h59

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