This page was saved using jaction on 2006-09-04 8:33:50.
Address: http://flexdocs.kr/docs/flex2/langref/mx/graphics/LinearGradient.html
Title: mx.graphics.LinearGradient (Flex™ 2 레퍼런스 가이드)  •  Size: 17730
Packagemx.graphics
Classpublic class LinearGradient
ImplementsIFill

LinearGradient 클래스를 사용하면, 그래픽 엘리먼트의 칠을 지정할 수 있습니다. 그라데이션에서는 칠의 칼라에 있어서의 단계적인 칼라 변화가 지정됩니다. 일련의 GradientEntry 클래스를 LinearGradient object의 entries 배열에 추가해, 그라데이션의 칠을 구성하는 칼라를 정의합니다.

MXML 에서는, 다음의 예의 같게 일련의 GradientEntry object를 추가해 LinearGradient 를 정의합니다.

<mx:fill>
<mx:LinearGradient>
<mx:entries>
<mx:GradientEntry color="0xC5C551" ratio="0" alpha=". 5"/>
<mx:GradientEntry color="0xFEFE24" ratio=". 33" alpha=". 5"/>
<mx:GradientEntry color="0xECEC21" ratio=". 66" alpha=". 5"/>
</mx:entries>
</mx:LinearGradient>
</mx:fill>
  

다음의 예의 같게, ActionScript 의 임의의 그래픽 엘리먼트의 칠로서 LinearGradient 를 정의할 수도 있습니다.

  
<? 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();
// 이름 Sprite 를 표시 리스트에 추가
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,. 5);
var g2:GradientEntry = new GradientEntry(0x000000,. 33,. 5);
var g3:GradientEntry = new GradientEntry(0x99FF33,. 66,. 5);
      
fill.entries = [g1, g2, g3];
fill.angle = 240;
  
// 박스를 묘화 해, 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>
  

MXML 문장구조법expandedMXML 문장구조법의 비표시

The <mx:LinearGradient> 태그는 Super 클래스의 모든 태그 속성을 Inheritance해, 다음의 태그 속성을 추가합니다.

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

See also

mx.graphics.GradientEntry
mx.graphics.RadialGradient
mx.graphics.IFill
차트 컨트롤을 사용한 그라데이션의 칠의 사용


Public property
 property정의
  angle : Number
트란지션의 방향을 제어합니다.
LinearGradient
Public Methods
 Methods정의
  LinearGradient ()
constructor   .
LinearGradient
  begin (target:Graphics , rc:Rectangle ):void
칠을 개시합니다.
LinearGradient
  end (target:Graphics ):void
칠을 종료합니다.
LinearGradient
property의 상세
angleproperty
angle:Number   [read-write]

트란지션의 방향을 제어합니다. 디폴트에서는, LinearGradient 클래스는 그래픽 엘리먼트의 왼쪽에서 오른쪽에의 트란지션을 정의합니다. 값이 180 의 경우, 금방 다른 곳으로 트란지션을 합니다.

Implements
    public function get angle():Number
    public function set angle(value:Number ):void
constructor    의 상세
LinearGradient()constructor   
public 함수 LinearGradient()

constructor   .

Methods의 상세
begin()Methods
public function begin(target:Graphics , rc:Rectangle ):void

칠을 개시합니다.

Parameters
target:Graphics — 칠해지고 있는 타겟 Graphics object입니다.
 
rc:Rectangle target 내의 칠의 크기를 정의하는 Rectangle object입니다. Rectangle 의 크기가 target 의 크기보다 큰 경우는, 칠은 잘라내집니다. Rectangle 의 크기가 target 의 크기보다 작은 경우는, 칠은 target 전체에 확장됩니다.
end()Methods 
public function end(target:Graphics ):void

칠을 종료합니다.

Parameters
target:Graphics — 칠해지고 있는 Graphics object입니다.






 

코멘트가 추가되었을 경우, 메일로 받기. | 코멘트 리포트

현재의 페이지: http://flexdocs.kr/docs/flex2/langref/mx/graphics/LinearGradient.html