El código fuente - Ejemplo de botón de icono


Después de un puesto en www.xtechpt.com sobre la manera de sustituir un icono de un botón de acción a través de secuencias de comandos, me encontré con algo extraño, que a pesar de que nunca había notado que, el objeto "botón" no permite la modificación del icono botón de ajuste de una simple propiedad, como button.icon, a pesar de esta propiedad está disponible en las propiedades del botón.

Bueno, por supuesto, siempre hay maneras de hacer que, para hojas de estilo (CSS) y, a continuación, establecer el icono del botón, y el uso de styleName, sino también para el acceso directo a la propiedad setStyle el botón, para declarar que la imagen como una clase;

Aquí un ejemplo en ambos sentidos.

Ajuste de la CSS, para cambiar el icono a través de styleName:

  mx:Style > 1: <mx: Estilo 
   { 2:. Button1 ( 
  "); 3: icono: Incrustar (source = "1. Png"); 
  4:) 
  5. Button2 
  6: ( 
  "); 7: icono: Incrustar (source = "2. Png"); 
  8:) 
  /mx:Style > 9: </ mx: Estilo> 

y en el caso de un cambio de ruta setStyle icono, la declaración de iconos, tales como clase.

  )] 1: [Incrustar (fuente = "1.png")] 
   var icon1:Class; 2: private var icon1: Clase; 
  3: 
  )] 4: [Incrustar (fuente = "2.png")] 
   var icon2:Class; 5: private var icon2: Clase; 

simplemente utilizar:

  1: / / Cambio en el icono de icon1 (1.png) a través de setStyle, 
  2: / / uso de la declaración icon1: Clase; 
  ,icon1); 3: button1.setStyle ( "icono", icon1); 
  4: / / o el uso de CSS ya a cambiar el icono: 
  ; 5: button1.styleName = "Button1"; 
  6: 
  7: / / son dos maneras de cambiar el icono de una cierta Bhután, 
  8: / / en este caso tal vez la declaración como CSS puede hacer una 
  9: / / archivo externo y utilizarlo en la "aplicación" sin tener que recompilar el 
  10: / / si quiere cambiar ciertos imagen. 
  11: / / Muy útil para "skins" 

En el siguiente ejemplo, con código fuente disponible, los 2 métodos utilizados, dejando la elección del método para el intercambio de seleccionables a través de icono de la ComboBox. No se ha mencionado anteriormente, pero para el estilo preestablecido por los 2 métodos alternativamente / al azar, debemos poner la declaración en función de:

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

Usted no puede ver. Del Swf? haga clic aquí

Para ver y descargar el código fuente:

El código fuente - Ver código fuente

Mostrar ejemplo, en una nueva ventana.

Espero que sea útil.

la versión en formato pdf disponible temporalmente.
Dejar un comentario o una Trackback

Un Trackback

  1. Por Manifiesto Flex Brasil | TSW - que debería funcionar el 19 de marzo de 2008 a 1:32 pm

    [...] Ejemplo de botón de icono ¿Por qué es relevante: Se analizan diferentes métodos para asignar o cambiar un icono de un botón por [...]

Déjanos tu comentario

Su dirección de correo electrónico nunca es publicado o compartido. Los campos obligatorios están marcados con un *