| Package | mx.graphics |
| Class | public class RadialGradient |
| Implements | IFill |
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 문장구조법
MXML 문장구조법의 비표시
The <mx:RadialGradient> 태그는 Super 클래스의 모든 태그 속성을 Inheritance해, 다음의 태그 속성을 추가합니다.
<mx:RadialGradient property angle="0" foculPointRatio="0" />
See also
| property | 정의 | ||
|---|---|---|---|
| angle : Number
방사상의 칠의 개시 위치를 설정합니다.
| RadialGradient | ||
| focalPointRatio : Number = 0
방사상의 칠의 개시 위치를 설정합니다.
| RadialGradient | ||
| Methods | 정의 | ||
|---|---|---|---|
| RadialGradient ()
constructor .
| RadialGradient | ||
| begin (target:Graphics , rc:Rectangle ):void
칠을 개시합니다.
| RadialGradient | ||
| end (target:Graphics ):void
칠을 종료합니다.
| RadialGradient | ||
| angle | property |
angle:Number [read-write]
방사상의 칠의 개시 위치를 설정합니다. 이 property와 조합해 focalPointRatio property를 사용해, 경계를 나타내는 구형의 중심점으로부터 초점에의 위치와 거리를 조정합니다. 유효한 값의 범위는 0 에서 360 입니다.
디폴트치0.
public function get angle():Number
public function set angle(value:Number ):void
| focalPointRatio | property |
public var focalPointRatio:Number = 0방사상의 칠의 개시 위치를 설정합니다. 유효한 값은 -1 으로부터 1 의 범위입니다. 값 -1 은 경계를 나타내는 구형의 왼쪽에 있는 초점 (그라데이션의 칠의 개시 위치)을 설정합니다. 값 1 은, 경계를 나타내는 구형의 오른쪽에 있는 초점을 설정합니다.
angle property와 조합해 이 property를 사용하는 경우, 이 값은 초점이 존재하는 중심으로부터의 거리를 지정합니다. 예를 들어, 각도가 45 번으로 focalPointRatio 가 . 25 의 경우, 초점은 중심보다 조금 우하가 됩니다. focalPointRatio 를 1 으로 설정하면, 초점은 경계를 나타내는 구형의 우하구석에 맞출 수 있습니다.
디폴트치는 0 으로, 경계를 나타내는 구형의 중간에 초점을 설정합니다.
| RadialGradient | () | constructor |
public 함수 RadialGradient()constructor .
| begin | () | Methods |
public function begin(target:Graphics , rc:Rectangle ):void 칠을 개시합니다.
Parameterstarget:Graphics — 칠해지고 있는 타겟 Graphics object입니다.
|
|
rc:Rectangle — target 내의 칠의 크기를 정의하는 Rectangle object입니다. Rectangle 의 크기가 target 의 크기보다 큰 경우는, 칠은 잘라내집니다. Rectangle 의 크기가 target 의 크기보다 작은 경우는, 칠은 target 전체에 확장됩니다.
|
| end | () | Methods |
public function end(target:Graphics ):void 칠을 종료합니다.
Parameterstarget:Graphics — 칠해지고 있는 Graphics object입니다.
|
코멘트가 추가되었을 경우, 메일로 받기. | 코멘트 리포트
현재의 페이지: http://flexdocs.kr/docs/flex2/langref/mx/graphics/RadialGradient.html