. .. : Swf.hu 1.0 archívum : Swf.hu főoldal >>> : .. .




 
 
SEGÉDLETEK ActionScript

A rajzoló (Drawing) API bemutatása - 2.rész
  feltöltve: 2005.04.06 | szerző: caber_net | olvasva: 6898 alkalommal

     
 

A sorozat második részében megismerkedhetsz a gradient kitöltések rejtelmeivel. A segédlet értelmezéséhez szükséges az első részében tárgyalt alapfogalmak ismerete.

Színátmenetes kitöltés létrehozása

Színátmenetes kitöltéseket a beginGradientFill metódus segítségével hozhatunk létre.

rajz_mc.beginGradientFill(fillType, colors, alphas, ratios, matrix);

Nézzük sorban, mire szolgálnak az egyes paraméterek.

Param Leírás Típus
fillType Az átmenet típusa, ami lehet radial (sugárirányú) és linear (egyenes). Sztring
colors A kitöltéshez felhasznált színek. (lehet kettőnél több is) Tömb
alphas A kitöltéshez felhasznált színek átlátszósága. Tömb
ratios Az átmenetek határvonalai. Tömb
matrix Az átmenet elhelyezkedését határozza meg. Objektum

Készítsünk el egy példát.

//vegyük elő a jól bejáratott üres moziklipünket
this.createEmptyMovieClip("rajz_mc", 100);
with (rajz_mc) {
   lineStyle(2, 0x2D3851, 100);
   //a szükséges paraméterek megadása
   colors = [0x0000ff, 0x00ff00];
   alphas = [100, 100];
   ratios = [0, 255];
   matrix = {matrixType:"box", x:0, y:0, w:200, h:200, r:0};
   //kezdjünk el rajzolni
   beginGradientFill("linear", colors, alphas, ratios, matrix);
   lineTo(200, 0);
   lineTo(200, 200);
   lineTo(0, 200);
   endFill();
}

A fentiekből talán csak a matrix és a ratios paraméter használata szorul némi magyarázatra.

Matrix

A matrix objektum az egész gradiens kitöltés lelke. Két fajta megadási módja létezik, először az egyszerűbb, de kevesebb lehetőséggel kecsegtető változatot fogjuk vizsgálni.
A matrixType:"box" használatánál a következőket jelentik az objektumhoz rendelt property-k:

x: A doboz kiindulópontjának x koordinátája
y: A doboz kiindulópontjának y koordinátája
w: A doboz szélessége
h: A doboz magassága
r: A doboz elfordulása radiánban

A matrix adja meg az átmenet kezdőpontját, szélességét, magasságát és elfordulási szögét, a lineTo-val és curveTo-val rajzolt shape pedig magát a kitöltést.

Ratios

Segítségével az átmenetek határvonalait határozhatjuk meg. Az egyes tömbelemek 0-255-ig terjedő értéket vehetnek fel. A fenti példánál tehát: ratios = [0, 255]; az átmenet a matrix-box baloldalán kezdődik (0/255) = 0% és egészen a jobboldalig halad (255/255) = 100%.
Hogy jobban megértsd, az alábbi kis moziban egy-egy csúszka segítségével változtathatod a ratios tömb elemeinek értékét.

 
     
 
 

© Devnet.hu. A segédletek semmilyen formában nem másolhatók, publikálhatók a Devnet.hu és a szerzők közös írásos engedélye nélkül.
 
. .. : Swf.hu 1.0 archívum : Swf.hu főoldal >>> : .. .