Il codice sorgente - Esempio di icona sul pulsante


Dopo un post in www.xtechpt.com su come sostituire l'icona di un pulsante di azione tramite script, mi sono imbattuto in qualcosa di strano, che, anche se non aveva mai notato, l'oggetto "tasto" non consente la modifica, l'icona di pulsante di impostazione di un semplice proprietà, come button.icon, nonostante questa proprietà è disponibile sulle proprietà del pulsante.

Beh, naturalmente ci sono modi per farlo, per il foglio di stile (CSS), quindi impostare l'icona del pulsante, e utilizzando styleName, ma anche per l'accesso diretto alla proprietà setStyle il pulsante, di dichiarare che l'immagine di una classe;

Ecco un esempio di entrambi i modi.

Impostazione del css, per modificare l'icona styleName attraverso:

  mx:Style > 1: <mx: Style> 
   { 2:. Button1 ( 
  "); 3: icona: Incorpora (fonte = "1. Png"); 
  4:) 
  5. Button2 
  6: ( 
  "); 7: icona: Incorpora (fonte = "2. Png"); 
  8:) 
  /mx:Style > 9: </ mx: Stile> 

e in caso di un cambiamento di rotta setStyle icona, la dichiarazione di icone come classe.

  )] 1: [Embed (fonte = "1.png")] 
   var icon1:Class; 2: privato var icon1: Classe; 
  3: 
  )] 4: [Embed (fonte = "2.png")] 
   var icon2:Class; 5: private var icon2: Classe; 

quindi semplicemente utilizzare:

  1: / / Cambia l'icona per icon1 (1.png) attraverso setStyle, 
  2: / / utilizzando la dichiarazione icon1: Classe; 
  ,icon1); 3: button1.setStyle ( "icona", icon1); 
  4: / / o usando i CSS già destinata a cambiare l'icona: 
  ; 5: button1.styleName = "button1"; 
  6: 
  7: / / sono due modi per modificare l'icona di un certo Bhutan, 
  8: / / in questo caso forse la dichiarazione come i CSS possono dare un 
  9: / / file esterno e utilizzarlo nella "domanda" senza dover ricompilare il 
  10: / / se vogliono cambiare alcune immagini. 
  11: / / Molto utile per "pelli" 

Nell'esempio che segue, con codice sorgente disponibile, il 2 metodi utilizzati, lasciando la scelta del metodo selezionabili attraverso lo scambio di icona della ComboBox. Non menzionati sopra, ma per lo stile di preselezione del 2 metodi alternativamente / casualmente, dobbiamo mettere la dichiarazione in funzione:

  ); 1: button1.clearStyle ( "icona"); 

Non è possibile vederlo. Swf? clicca qui

Per visualizzare e scaricare il codice sorgente:

Il codice sorgente - Vedi Fonte

Visualizza esempio in una nuova finestra.

Spero che sarà utile.

versione pdf temporaneamente non disponibile.
Lascia un tuo commento o Lascia un tuo Trackback

Un Trackback

  1. [...] Esempio di icona sul pulsante Perché è rilevante: si discute diversi metodi per assegnare o modificare un icona di un tasto da [...]

Lascia un commento

La tua email non viene mai pubblicato o condiviso. I campi obbligatori sono contrassegnati con un asterisco