Flash Tutorijali

ActionScript, Flash i AIR tutorijali na hrvatskom jeziku

TextField i TextFormat

Posted by hamferus on January 7, 2008 under ActionScript 3.0, Osnove, Tutorijal

U današnjem actionscript tutorijalu objasnit ću vam kako napraviti tekstualno polje, kako ga formatirati i kako mu pridružiti tekst. Odlučio sam se na ovaj tutorijal jer će nam pomoći kod tutorijala koje ćemo raditi u budućnosti, a trebalo bu nam tekstualno polje tako da vidimo na primjerima ono šta bi ja inače radio s trace() funkcijom i ispisivo u output panelu.

Ajmo na posel:
1. Otvorite Flash CS3 dokument(actionscript 3.0)
2. Zaključajte prvi layer i preimenujte ga u actions
3. Kliknite na prvi frame actions layera i otvorite actions panel (F9)
4. Krenite kodirat :)

Prvo bumo kreirali tekstualno polje

1
var mojeTekstualnoPolje:TextField = new TextField();

Sad moramo definirati osnovne podatke tipa x pozicija, y pozicija, visina, širina,itd. Mi ćemo definirati x,y poziciju i širinu tekstualnog polja tako da nam tekst stane u njega

2
3
4
mojeTekstualnoPolje.x = 20;
mojeTekstualnoPolje.y = 40;
mojeTekstualnoPolje.width = 400;

Onda bumo deklerirali variablu koja formatira to tekstualno polje

5
var mojFormat:TextFormat = new TextFormat();

I sad bumo definirali font, boju, veličinu i aligment tekstualnog polja

6
7
8
9
mojFormat.align = TextFormatAlign.CENTER;//probajte zamjenit CENTER s LEFT ili/i RIGHT da vidite razliku
mojFormat.color = 0xff0000;
mojFormat.font = "Arial";
mojFormat.size = 16;

Nakon što smo formatirali naše tekstualno polje moramo dodati tekst jer postoji caka. Ako prvo dodjelimo format tekstualnom polju, pa onda tekst tekstualni format neće radit, ali ako prvo dodamo tekst tekstualnom polju, pa onda format onda je tekstualno polje pravilno formatirano.

10
mojeTekstualnoPolje.text = "ActionScript, Flash i AIR tutorijali na hrvatskom jeziku";

I konačno dodjelimo format tekstualnom polju i dodamo tekstualno polje na display listu

11
12
mojeTekstualnoPolje.setTextFormat(mojFormat);
addChild(mojeTekstualnoPolje);

Primjer:
(Either JavaScript is not active or you are using an old version of Adobe Flash Player. Please install the newest Flash Player.)

Pošto ovo nije sve što se može formatirati(boja,veličina, align) kliknite OVDJE da vidite sva svojstva koja možete upotrijebit pri formatiranju tekstualnog polja.

Add A Comment