A ColorTransform object containing values that universally adjust the colors in the display object.

See also

A ColorTransform object representing the combined color transformations applied to the display object and all of its parent objects, back to the root level. If different color transformations have been applied at different levels, all of those transformations are concatenated into one ColorTransform object for this property.

See also

A Matrix object representing the combined transformation matrixes of the display object and all of its parent objects, back to the root level. If different transformation matrixes have been applied at different levels, all of those matrixes are concatenated into one matrix for this property.

A Matrix object containing values that affect the scaling, rotation, and translation of the display object.

See also

A Rectangle object that defines the bounding rectangle of the display object on the Stage.

1. The CustomButton() constructor creates a new sprite object target.
2. The CustomButton() constructor calls the draw() method, which draws a gradient square in the sprite.
3. The CustomButton() constructor adds a click event listener for the sprite, which is handled by the clickHandler() method.
4. The clickHandler() method creates a new Matrix object, skewMatrix, set to apply a skew affect. Another matrix, tempMatrix, is assigned to the current transformation matrix of the sprite, and then it is combined with the skewMatrix using the concat() method. This matrix is assigned to the assigned to the transform.matrix property of the square sprite. Each time the user clicks the square, the call to the clickHandler() modifies the shape of the square, by skewing it.

package {
    import flash.display.Sprite;
    import flash.display.GradientType;
    import flash.geom.Matrix;
    import flash.events.MouseEvent;

    public class TransformExample extends Sprite {
        public function TransformExample() {
            var target:Sprite = new Sprite();
            draw(target);
            addChild(target);
            target.useHandCursor = true;
            target.buttonMode = true;
            target.addEventListener(MouseEvent.CLICK, clickHandler)
        }
        public function draw(sprite:Sprite):void {
            var red:uint = 0xFF0000;
            var green:uint = 0x00FF00;
            var blue:uint = 0x0000FF;
            var size:Number = 100;
            sprite.graphics.beginGradientFill(GradientType.LINEAR, [red, blue, green], [1, 0.5, 1], [0, 200, 255]);
            sprite.graphics.drawRect(0, 0, 100, 100);
        }
        public function clickHandler(event:MouseEvent):void {
            var skewMatrix:Matrix = new Matrix();
            skewMatrix.c = 0.25;
            var tempMatrix:Matrix = this.transform.matrix;
            tempMatrix.concat(skewMatrix);
            this.transform.matrix = tempMatrix;
        }
    }
}