as-flash.com

Vec sam napravio tutorijal koji objasnjava kako napraviti loader u Flashu. Medutim taj loader se nije mogao koristiti vise puta, tj. za ucitavanje vise Clipova. Sada cu Vam objasniti kako napraviti preloader koji to moze. U Flashu vec postoje gotove klase koje rijesavaju problem ucitavanja, samo ih treba iskoristiti na pravi nacin. Pogledajte na sljedecem primjeru:

---

Ovdje mozete skinuti source

---

Prvo sto cemo napraviti jest kreiranje dugmica i praznog Movie clipa koji ce nam posluziti kao “drzac” tj. holder clipova koje cemo ucitavati. Napravite dugmice i postavite ih na Stage. Bitno je da svakom dugmicu postavite Instance name u Properties prozoru. U mom primjeru to su dugmic1, dugmic2, dugmic3. Nakon toga, deselektirajte sve i stisnite tipku CTRL+F8 ili u meniju Insert>New Symbol. Odaberite Movie Clip, dok ime nije bitno - OK. Kreirali ste prazni Movie clip u koji cemo ucitavati zeljeni sadrzaj. Iz Librarya odvucite taj prazni MC na Stage (na zeljenu poziciju) i postavite mu Instance name - holder.
Zatim nacrtajte statusnu grafiku koja ce se prikazivati dok cemo ucitavanje. Na tu grafiku postavite dinamicki tekst kojem je instance name postotak.

Selektirajte nacrtano i pretvorite u Movie clip (tipka F8). Postavite vrijednost kao na slici:

Izbrisite sa Stagea napravljeni statusni MC. Kada nam bude potreban pozivati cemo ga preko Actionscripta.

---

ActionScript

---

Otvorite Actionscript prozor (kratica -tipka F9) .
Stvaramo novi Movie Clip objekt koji ce nam davati informacije preko listenera o trenutnom stanju ucitavanja.

• var loader = new MovieClipLoader();
  loader.addListener(this);

Zatim stvaram funkciju ucitaj koja ce nakon njenog poziva ucitavati zeljeni sadrzaj (clip_url) u prazni Movie clip holder

• function ucitaj(clip_url){
  loader.loadClip(clip_url, holder);
  }

Slijede funkcije koje su implementirane u klasi MovieClipLoader. Njihova imena dovoljno govore. Preporucam pogledati Flash Help (tipka F1) na tu temu. Prva funkcija je kad kad ucitavanje pocinje. Ta funkcija “prima” 1 varijablu, a to je url sadrzaja koji ucitavamo onLoadStart = function([target_mc:MovieClip]) {}

• function onLoadStart(target){
  this.attachMovie(”ucitavanje_status”, “ucitavanje_status”, this.getNextHighestDepth(), {_x:200, _y:80});
  }

Kad pocinje ucitavanje, na scenu cemo postaviti statusni Movie clip na kojem cemo ispisivati postotak ucitavanja.
Slijedi funkcija koja se izvrsava tijekom ucitavanja. Ova funcija prima 3 varijable.
onLoadProgress = function([target_mc:MovieClip], loadedBytes:Number, totalBytes:Number) {}
Ispisivati cemo postotak ucitavanja u statusni Movie clip.

• function onLoadProgress(target, loadedBytes,totalBytes){
  target._visible = false;
  ucitavanje_status.postotak.text = Math.round((loadedBytes/totalBytes)*100)+”%”;
  }

Kad smo ucitali sadrzaj, izvrsiti ce se sljedeca funkcija - micemo statusni Movie clip i objekt loader.

• function onLoadComplete(target){
  target._visible = true;
  ucitavanje_status.removeMovieClip();
  loader.removeMovieClip();
  }

U slucaju pogreske se izvrsava:

• function onLoadError(loader_mc, error_code){
  ucitavanje_status.removeMovieClip();
  loader.removeMovieClip();
  }

---

I jednostavna primjena loadera na dugmice (dugmic1, dugmic2, dugmic3):

• dugmic1.onPress = function(){
  ucitaj(”http://www.as-flash.com/swf/slike/slika1.swf”);
  }
  dugmic2.onPress = function(){
  ucitaj(”http://www.as-flash.com/swf/slike/slika2.swf”);
  }
  dugmic3.onPress = function(){
  ucitaj(”http://www.as-flash.com/swf/slike/slika3.swf”);
  }

---

---

Kategorija: Actionscript objavljeno 09.07. 2007