Package	mx.graphics
Class	public class LinearGradient
Inheritance	LinearGradient GradientBase EventDispatcher Object
Implements	IFill

In MXML, you define a LinearGradient by adding a series of GradientEntry objects, as the following example shows:

  <mx:fill>
   <mx:LinearGradient>
    <mx:entries>
     <mx:GradientEntry color="0xC5C551" ratio="0.00" alpha="0.5"/>
     <mx:GradientEntry color="0xFEFE24" ratio="0.33" alpha="0.5"/>
     <mx:GradientEntry color="0xECEC21" ratio="0.66" alpha="0.5"/>
    </mx:entries>
   </mx:LinearGradient>
  </mx:fill>
  

You can also define a LinearGradient as a fill for any graphic element in ActionScript, as the following example shows:

  
  <?xml version="1.0"?>
  <mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" creationComplete="init()">
   <mx:Script>
   import flash.display.Graphics;
   import flash.geom.Rectangle;
   import mx.graphics.GradientEntry;
   import mx.graphics.LinearGradient;
  
   private function init():void
      {
    var w:Number = 200;
    var h:Number = 200;
  
    var s:Sprite = new Sprite();
    // Add the new Sprite to the display list.
    rawChildren.addChild(s); 
  
    var g:Graphics = s.graphics;
    g.lineStyle(1, 0x33CCFF, 1.0);
  
    var fill:LinearGradient = new LinearGradient();
    
    var g1:GradientEntry = new GradientEntry(0xFFCC66, 0.00, 0.5);
    var g2:GradientEntry = new GradientEntry(0x000000, 0.33, 0.5);
    var g3:GradientEntry = new GradientEntry(0x99FF33, 0.66, 0.5);
      
     fill.entries = [ g1, g2, g3 ];
    fill.angle = 240;
  
     // Draw a box and fill it with the LinearGradient.
    g.moveTo(0, 0);
    fill.begin(g, new Rectangle(0, 0, w, h));
    g.lineTo(w, 0);
    g.lineTo(w, h);
    g.lineTo(0, h);
    g.lineTo(0, 0);  
    fill.end(g);
   }
   </mx:Script>
  </mx:Application>
  

Show MXML Syntax

Hide MXML Syntax

  <mx:LinearGradient
    Properties
    angle="0"
  />
  

See also