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

RadialGradient 클래스에 의해, 칠의 칼라에 대해 단계적인 칼라 변화를 지정할 수 있습니다. 방사상 그라데이션은, 그래픽 엘리먼트의 중심으로부터 방사상에 퍼지는 칠패턴을 정의합니다. 일련의 GradientEntry 클래스를 RadialGradient object의 entries 배열에 추가해, 그라데이션의 칠을 구성하는 칼라를 정의합니다.

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

<mx:fill>
<mx:RadialGradient>
<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:RadialGradient>
</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.RadialGradient;
  
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:RadialGradient = new RadialGradient();
    
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 = 45;
fill.focalPointRatio = -. 8;
  
// 박스를 묘화 해, 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:RadialGradient> 태그는 Super 클래스의 모든 태그 속성을 Inheritance해, 다음의 태그 속성을 추가합니다.

 <mx:RadialGradient property angle="0" foculPointRatio="0" /> 

See also

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


Public property
 property정의
  angle : Number
방사상의 칠의 개시 위치를 설정합니다.
RadialGradient
  focalPointRatio : Number = 0
방사상의 칠의 개시 위치를 설정합니다.
RadialGradient
Public Methods
 Methods정의
  RadialGradient ()
constructor   .
RadialGradient
  begin (target:Graphics , rc:Rectangle ):void
칠을 개시합니다.
RadialGradient
  end (target:Graphics ):void
칠을 종료합니다.
RadialGradient
property의 상세
angleproperty
angle:Number   [read-write]

방사상의 칠의 개시 위치를 설정합니다. 이 property와 조합해 focalPointRatio property를 사용해, 경계를 나타내는 구형의 중심점으로부터 초점에의 위치와 거리를 조정합니다. 유효한 값의 범위는 0 에서 360 입니다.

디폴트치0.

Implements
    public function get angle():Number
    public function set angle(value:Number ):void
focalPointRatioproperty 
public var focalPointRatio:Number = 0

방사상의 칠의 개시 위치를 설정합니다. 유효한 값은 -1 으로부터 1 의 범위입니다. 값 -1 은 경계를 나타내는 구형의 왼쪽에 있는 초점 (그라데이션의 칠의 개시 위치)을 설정합니다. 값 1 은, 경계를 나타내는 구형의 오른쪽에 있는 초점을 설정합니다.

angle property와 조합해 이 property를 사용하는 경우, 이 값은 초점이 존재하는 중심으로부터의 거리를 지정합니다. 예를 들어, 각도가 45 번으로 focalPointRatio 가 . 25 의 경우, 초점은 중심보다 조금 우하가 됩니다. focalPointRatio 를 1 으로 설정하면, 초점은 경계를 나타내는 구형의 우하구석에 맞출 수 있습니다.

디폴트치는 0 으로, 경계를 나타내는 구형의 중간에 초점을 설정합니다.

constructor    의 상세
RadialGradient()constructor   
public 함수 RadialGradient()

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/RadialGradient.html