Comunidad de diseño web y desarrollo en internet online

Cómo personalizar el icono del panel de Alerta de Flex

En este sencillo tip mostraré cómo se puede personalizar el icono que aparece en los paneles de alerta de una aplicación Flex.

Lo único que deberemos hacer es crear un par de variables e incrustarles los archivos de imágen

Código :

[Embed(source="img/alert1.png")]
private var icono:Class;

[Embed(source="img/alert2.png")]
private var icono_grande:Class;  


Estos serían los pngs del ejemplo:


alert1.png


alert2.png


Y para lanzar el panel de alerta crearíamos una función de la siguiente manera:

Código :

private function alerta():void {
       var titulo:String = "Alerta!";
       var texto:String = "Este es un texto de alerta falso, este es un texto de alerta falso, este es un texto de alerta falso, este es un texto de alerta falso, este es un texto de alerta falso, este es un texto de alerta falso, este es un texto de alerta falso";
       alert = Alert.show(texto, titulo, 4, null, null, icono_grande);
       alert.titleIcon = icono;
}



Código completo del ejemplo.

¿Sabes SQL? ¿No-SQL? Aprende MySQL, PostgreSQL, MongoDB, Redis y más con el Curso Profesional de Bases de Datos que empieza el martes, en vivo.

Publica tu comentario

El autor de este artículo ha cerrado los comentarios. Si tienes preguntas o comentarios, puedes hacerlos en el foro

Entra al foro y participa en la discusión

o puedes...

¿Estás registrado en Cristalab y quieres
publicar tu URL y avatar?

¿No estás registrado aún pero quieres hacerlo antes de publicar tu comentario?

Registrate