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.














Un Trackback
[...] 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 [...]