as-flash.com

Ovaj tutorijal ce Vam pokazati kako ucitati vanjsku txt datoteku u Flash te zatim prikazati u dinamickom tekst polju. Flash podrzava osnovne html tagove kao sto su Anchor, Bold, Font, Italic, Paragraph, Underline, Break,Image, List Item, Span, TextFormat (više o ovome na Adobe TechNote). Pogledajte na mom primjeru - lijevi stupac je “obican” tekst, desni je formatiran kao html (link, slika…)

---

---

Ovdje mozete skinuti source

---

Prije nego li krenemo sa izradom primjera moram vam pokazati kako izgleda datoteka (file.txt) koju cemo ucitavati.

• data1=Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et olore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea ommodo consequat.
  
  &data2=<b>Bold</b> <i>Italic</i> <u>Underline</u><br>Običan tekst<br><b><font color=”#FF0000″ face=”Verdana” ize=”10″>CRVENI FONT VERDANA bold 10px</font></b><br>LINK: <A href=”http://www.as-flash.com” ARGET=”_blank”><u>AS-flash.com</u></A><br><br><img src=”http://www.as-flash.com/swf/slika.jpg”/>

Primjetite da u fileu postoje dvije definirane varijable data1 i data2 kojima su pridruzene njihove vrijednosti. Data1 cu ucitati u lijevi stupac (kao “obican” tekst) dok cu data2 ucitati u desni stupac (kao html). Varijable se razdvajaju sa simbolom &. Takoder primjetite sadrzaj varijable data2 - html tagove. Poigrajte se s njima uz napomenu na Adobe TechNote.

NAPOMENA! Da bi se ispravno prikazivala naša slova (čćšđž), morati txt file spremati kao UTF-8 (ne ASCI).

Najprije cemo nacrtati grafiku naseg primjera na Layeru 1. U mom primjeru to izgleda ovako:

Zatim cu napraviti dugmic s kojim cu po potrebi ponovno ucitavati txt file. Njegov instance name sam postavio da bude dugmic. Uz dugmic sam dodao i natpis “status” kraj kojeg cu ispisivati status ucitavanja filea. Nakon ovih zahvata moj dokument izgleda ovako:

Zatim cu napraviti novi Layer (3) i na njega cu postaviti tri dinamicka tekst koja cu podesiti tako da odgovaraju pozadini.
Njihova “instance name” u properties panelu su postavljena kao na slici (ispis_1, ispis_2, stat):

Gotovi smo sa dizajniranjem naseg primjera. Slijedi kreiranje jos jednog layera (4) u kojeg cu staviti sav ActionScript.
Prvo sto trebam uciniti jest kreiranje novog objekta (LloadVars) , u kojeg cu pomocu naredbe load ucitati txt file (file.txt)

• tekst = new LoadVars();
  tekst.load(”http://www.as-flash.com/swf/file.txt”);

Slijedi funkcija onLoad koja se izvrsava nakon fnaredbe load. Primjetite function(success). Success je boolean koja moze biti true ili false. Ta vrijednost ce nam biti indikator je li ucitavanje uspjesno ili nije.

• tekst.onLoad = function(success) {

Ako je success== true ucitavanje je uspjesno obavljeno. U dinamicko polje stat ispisujemo OK, dok u ispis_1 ispisujemo podatke iz txt filea pod varijablom data1. ispis_2 definiramo kao html polje i u njega ispisujemo podatke iz txt filea pod varijablom data2.

• if(success){
  stat.text=”OK”;
  ispis_1.text=tekst.data1;
  ispis_2.html = true;
  ispis_2.htmlText=tekst.data2;
  }

Ako se pak prilikom ucitavanje file.txt filea desila pogreska u stat dinamicko txt polje ispisujemo Error! poruku

• else {
  stat.text=”Error!”;
  }

Na kraju cu samo dodijeliti akciju dugmicu koji ce nakon pritiska ponovo ucitati file.txt file

• dugmic.onPress=function() {
  tekst.load(”http://www.as-flash.com/swf/file.txt”);
  }

---

---

Kategorija: Actionscript objavljeno 12.07. 2007