Dica de AS3 :: Utilização do ColorTransform para mudança de color de um DisplayObject

O código abaixo é um exemplo de como transformar a cor de qualquer objeto visual do flash.

1
2
3
    var colorTransforme:ColorTransform = new ColorTransform(); //Instancia o novo ColorTransform

    colorTransforme.color = 0xFFFFFF; //Define a nova cor do ColorTransform

    seuDisplayObject.transform.colorTransform = colorTransforme; //Define o novo ColorTransform do alvo

O Exemplo abaixo é uma classe funcional.

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
package {

    import flash.display.GradientType;

    import flash.display.Sprite;

    import flash.events.MouseEvent;

    import flash.geom.ColorTransform;



    public class ColorTransformExample extends Sprite

    {



        /* Metodo construtor */

        public function ColorTransformExample()

        {

            var target:Sprite = new Sprite(); //Objecto que será nosso alvo

            draw(target); //Chamada do metodo draw que desenha um quadrado preenchido com um gradiente

            addChild(target); //Adiciona nosso alvo no palco.



            target.buttonMode = true; //Mudo o comportamento da seta do mouse quando estiver sobre o nosso alvo



            //Adiciona o ouvinte ao evento MouseEvent.MOUSE_OVER do alvo, disparado quando o mouse entra em contato físico com o alvo

            target.addEventListener(MouseEvent.MOUSE_OVER, mouseOverHanlder);



            //Adiciona o ouvinte ao evento MouseEvent.MOUSE_OUT do alvo, disparado quando o mouse perde o contato físico com o alvo

            target.addEventListener(MouseEvent.MOUSE_OUT, mouseOutHandler);

        }



        /* Metodo de desenho */

        private function draw(sprite:Sprite):void

        {

            var size:Number = 100; //Configura o tamanho do quadrado



            sprite.graphics.beginGradientFill(GradientType.LINEAR,[0xFF0000, 0x0000FF, 0x00FF00], [1, 0.5, 1], [0, 200, 255]); //Define o preenchimento do quadrado com um gradiente

            sprite.graphics.drawRect(0, 0, 100, 100); //Desenha o quadrado

        }



        /* Metodo ouvinte do evento MouseEvent.MOUSE_OVER */

        private function mouseOverHanlder(event:MouseEvent):void

        {

            var colorTransforme:ColorTransform = new ColorTransform(); //Instancia o novo ColorTransform

            colorTransforme.color = 0xCCCCCC; //Define a nova cor do ColorTransform

            event.target.transform.colorTransform = colorTransforme; //Define o novo ColorTransform do alvo

        }



        /* Metodo ouvinte do evento MouseEvent.MOUSE_OUT */

        private function mouseOutHandler(event:MouseEvent):void

        {

            event.target.transform.colorTransform = new ColorTransform(); //Define o ColorTransform padrão do alvo;

        }

    }

}