ActionScript: Füllen einer Form mit einer Steigung

Share

|

Verwenden Sie das beginGradientFill() und endFill() die Methoden, um einzuleiten und schließen Sie eine Form, die an der Laufzeit gezeichnet wird.

In einer Steigungfülle gibt es eine geordnete Änderung in den Farben. Blitz stützt lineare Steigungen, in denen eine Farbe in das folgende von links nach rechts verbläßt. Blitz stützt auch Radialsteigungen, in denen die Farben heraus von einem Mittelpunkt ausstrahlen. Sie können eine Steigung-gefüllte Form mit beginGradientFill() in der gleichen Weise einleiten, die Sie eine fest-gefüllte Form mit beginFill(einleiten). Der Unterschied ist, daß der Anruf zum beginGradientFill() einen komplizierteren Satz Parameter erfordert:

gradientType
Entweder "linear" für eine lineare Steigung oder "Radialstrahl" für eine Radialsteigung.

Farben
Eine Reihe RGB Werte, damit die Farben in der Steigung verwenden. Sie werden in der Steigung von links nach rechts in einer linearen Steigung oder von der Mitte außerhalb in einer Radialsteigung angezeigt.

Alphas
Eine Reihe Alphawerte, die den Farben in der Farben Parameterreihe entsprechen.

Verhältnisse
Eine Reihe deren Elemente die Zahlen sind, die den Farben und den Alphaelementen entsprechen. Die Werte in der Verhältnisreihe zeigen den Punkt innerhalb der Steigung an, an der jede Farbe rein ist. Die Strecke der Werte für die Verhältnisse sollte von 0 (am weitesten links liegender Punkt in einer linearen Fülle oder innerster Punkt in einer Radialfülle) bis 255 sein (am weitesten rechts stehend oder äußerst).

Matrix
Ein Gegenstand mit den folgenden Eigenschaften:

matrixType
Dieser Wert sollte "Kasten" immer sein.

x
Die x Koordinate der Unterseite-linken Ecke der Steigung.

y
Die y Koordinate der Unterseite-linken Ecke der Steigung.

Breite
Die Breite der Steigung in den Pixeln.

Höhe
Die Höhe der Steigung in den Pixeln.

r
Die Umdrehung der Steigung in den Einheitswinkeln (nicht Grad).

Ist hier ein Beispiel, das eine lineare Steigung verwendet, um ein Viereck zu füllen:

//schließen Sie die zeichnenden Methoden ein, die für 
die drawRectangle() Methode # mit.einschließen "DrawingMethods.as" 
erforderlich sind

//definieren Sie die Breite und die Höhe des 
Viereckes, um gezogenes und gefülltes rectWidth zu sein = 100; 
rectHeight = 200;

//stellen Sie einen leeren Clip, in den wir die Form _ 
root.createEmptyMovieClip("shape_mc" zeichnen, 1) her; 
shape_mc.lineStyle(3, 0, 100);

//verursachen Sie eine Farben Reihe mit RGB Werten für 
die blauen, grünen und roten Farben = [ 0x0000FF, 0x00FF00, 0xFF0000 
];

//verursachen Sie eine Alphareihe, in der die Farben die 
undurchlässigen Alphas 100% = sind [ 100, 100, 100 ];

//verursachen Sie eine Verhältnisreihe, in der reines 
Blau am linken Rand der Steigung ist, reines// Grün ist in der Mitte 
und im reinen Rot an den rechten Randverhältnissen = [ 0, 127.5, 255 
];

//verursachen Sie den Matrixgegenstand. Stellen Sie 
die x und y Koordinaten ein, damit Unterseite-linke// Ecke der 
Steigung mit der Unterseite-linken Ecke des Viereckes ausrichtet. 
Satz// die Breite und die Höhe der Steigung, zum der Viereck 
Matrix zusammenzubringen = {matrixType: "Kasten", x: - 
rectWidth/2, y: - rectHeight/2, W: rectWidth, h: 
rectHeight, r:0};

//Anruf beginGradientFill() damit das Viereck// gefüllt 
mit einer linearen Steigung shape_mc.beginGradientFill("linear" ist, 
Farben, Alphas, Verhältnisse, Matrix);

//abgehobener Betrag das Viereck mit gerundeten Ecken 
(erfordert DrawingMethods.as). 
shape_mc.drawRectangle(rectHeight, rectWidth, 10);

//Ende die Fülle shape_mc.endFill();

Merken Sie, daß die endFill() Methode verwendet wird, um einen zeichnenden Betrieb zu beenden, der mit jedem beginFill() oder beginGradientFill(angefangen wird).

Ist hier ein Beispiel eines Radialstrahls, die Steigungfülle, die benutzt wird, um einen Ellipse zu füllen:

//schließen Sie die zeichnenden Methoden ein, die für 
die drawEllipse() Methode # mit.einschließen "DrawingMethods.as" 
erforderlich sind

//definieren Sie die Breite und die Höhe des 
Ellipse, um gezogenes und gefülltes ellipseWidth zu sein = 100; 
ellipseHeight = 200;

_ root.createEmptyMovieClip("shape_mc", 1); 
shape_mc.lineStyle(3, 0x000000, 100);

//verursachen Sie Farben, Alphas und Verhältnisreihen 
für Weißes und Schwarzes, undurchlässiges 100%// reine 
Weißanfänge in der Mitte und Grade in reines Schwarzes am äußeren 
Rand färbt = [ 0xFFFFFF, 0x000000 ]; Alphas = [ 100, 100 ]; 
Verhältnisse = [ 0, 255 ];

//definieren Sie die Matrixgegenstandmatrix = {matrixType:
"Kasten", x: - ellipseWidth/2, y: - ellipseHeight/2,
W: ellipseWidth, h: ellipseHeight, r:0};

//fangen Sie die Radialfülle 
shape_mc.beginGradientFill("radial", die Farben, die Alphas, die 
Verhältnisse, Matrix) an;

//abgehobener Betrag der Ellipse (erfordert 
DrawingMethods.as). shape_mc.drawEllipse(ellipseWidth/2, 
ellipseHeight/2);

//Ende die Fülle shape_mc.endFill();