The aim of this tutorial is to create slideshow using the FaderAPI. Tujuan dari tutorial ini adalah untuk menciptakan tayangan slide menggunakan FaderAPI.
Fader API can be used to create Sequence of fade animations, Slideshows with less code. Fader API dapat digunakan untuk membuat animasi Urutan memudar, Slideshows dengan kode kurang.

Note: Catatan:
In this tutorial we are going to use Fader API to create slideshow from DisplayObjects present in stage. Dalam tutorial ini kita akan menggunakan Fader API untuk membuat slideshow dari DisplayObjects hadir di panggung. Not the dynamic one as we created in previous version. Bukan yang dinamis seperti yang kita dibuat dalam versi sebelumnya.
This tutorial is indented for basic – intermediate skill set. Tutorial ini menjorok untuk ⠀ dasar "keahlian menengah. Follow the link to create slideshow dynamically using FaderFileMaterial Ikuti link untuk menciptakan tayangan slide dinamis menggunakan FaderFileMaterial

Difficulty: Kesulitan:
Basic – Intermediate. Basic - Intermediate.
Even the entry level programmers and beginners can use this API easily. Bahkan programmer tingkat pemula dan pemula dapat menggunakan API ini dengan mudah.

Features: Fitur:
Some features are Beberapa fitur yang
Less code Kurang kode
Slide to slide transition Slide ke slide transisi
No Preloader needed Tidak ada preloader diperlukan
Customized events to handle slideshow peristiwa Disesuaikan untuk menangani tayangan slide

Flash Version: Versi Flash:
Flash 9 + Actionscript 3.0 Flash 9 + Actionscript 3,0

Using Fader Class: Menggunakan Kelas Fader:

We are going to use Fader Class to create Slideshow/animate DisplayObjects present at stage. Kami akan menggunakan Kelas Fader untuk membuat slide / DisplayObjects bernyawa hadir di panggung. If you are looking to load image from external URL use FaderFileMaterial. Jika Anda mencari untuk memuat gambar dari FaderFileMaterial menggunakan URL eksternal.

Import the Classes: Impor Kelas:

 import com.utils.Fader.*; impor com.utils.Fader .*;
import com.utils.Fader.FaderItems; com.utils.Fader.FaderItems impor;
import com.utils.Fader.Events.*; impor com.utils.Fader.Events .*; 

Importing the external classes makes the external classes available to use in Code. Mengimpor kelas eksternal membuat kelas eksternal yang tersedia untuk digunakan dalam Kode.

Defining the duration variables: Mendefinisikan variabel durasi:

 var fadeInDuration:Number = 1; var fadeInDuration: Nomor = 1;
var fadeOutDuration:Number = 3; var fadeOutDuration: Nomor = 3; 

Duration variables define the time in seconds with the transition should take place. Jangka waktu mendefinisikan variabel waktu dalam detik dengan transisi harus dilakukan.

Create FaderItems: Buat FaderItems:

 var _faderItems:FaderItems = new FaderItems( fadeInDuration, fadeOutDuration ); var _faderItems: FaderItems = FaderItems baru (fadeInDuration, fadeOutDuration);
_faderItems.addObject(rect1); _faderItems.addObject (rect1);
_faderItems.addObject(rect2); _faderItems.addObject (rect2);
_faderItems.addObject(rect3); _faderItems.addObject (rect3); 

FaderItems used as stack to store Display Object and TextField, The added items will be taken into account for creating the animation. FaderItems digunakan sebagai stack untuk menyimpan Tampilan Obyek dan textfield, Item yang ditambahkan akan dipertimbangkan untuk membuat animasi.

Just pass the instance name provided in the property window to add into animation. Hanya melewati contoh nama yang diberikan pada jendela properti untuk menambahkan ke dalam animasi.

Finally to create Fader: Akhirnya untuk menciptakan Fader:

 var _fader:Fader = new Fader(_faderItems,5000,true); var _fader: Fader = Fader baru (_faderItems, 5000, true);
_fader.addEventListener(ObjectEvent.FADER_INIT, handleInit); _fader.addEventListener (ObjectEvent.FADER_INIT, handleInit);
_fader.addEventListener(ObjectEvent.FADER_ITEM_INIT, handleItemInit); _fader.addEventListener (ObjectEvent.FADER_ITEM_INIT, handleItemInit);
_fader.addEventListener(ObjectEvent.FADER_ITEM_COMPLETE, handleItemComplete); _fader.addEventListener (ObjectEvent.FADER_ITEM_COMPLETE, handleItemComplete);
_fader.addEventListener(ObjectEvent.FADER_COMPLETE, handleComplete); _fader.addEventListener (ObjectEvent.FADER_COMPLETE, handleComplete);
_fader.start(); _fader.start (); 

Here we are just passing the FaderItems Object that we created in above step. Di sini kita hanya melewati Obyek FaderItems bahwa kita diciptakan di atas langkah.

Second argument is the delay duration. Argumen kedua adalah durasi delay.

Third argument is Boolean which specifies whether the animation should repeat after EOF. Argumen ketiga adalah Boolean yang menentukan apakah animasi harus mengulangi setelah EOF.

Fades DisplayObjects on given delay. Memudar DisplayObjects pada penundaan diberikan. Using the Fader Class it is easy to create Slideshow or of Fade animation Menggunakan Kelas Fader mudah untuk membuat slide atau animasi Fade

Online Documents for Classes used Online Dokumen untuk Kelas digunakan

Fader: http://www.designscripting.com/wp-content/uploads/2009/01/fader.html Fader: http://www.designscripting.com/wp-content/uploads/2009/01/fader.html
Faderitems: http://www.designscripting.com/wp-content/uploads/2009/01/faderitems.html Faderitems: http://www.designscripting.com/wp-content/uploads/2009/01/faderitems.html

Entire Example: Seluruh Contoh:

 import com.utils.Fader.*; impor com.utils.Fader .*;
import com.utils.Fader.FaderItems; com.utils.Fader.FaderItems impor;
import com.utils.Fader.Events.*; impor com.utils.Fader.Events .*;

var fadeInDuration:Number = 1; var fadeInDuration: Nomor = 1;
var fadeOutDuration:Number = 3; var fadeOutDuration: Nomor = 3;

var _faderItems:FaderItems = new FaderItems( fadeInDuration, fadeOutDuration ); var _faderItems: FaderItems = FaderItems baru (fadeInDuration, fadeOutDuration);
_faderItems.addObject(rect1); _faderItems.addObject (rect1);
_faderItems.addObject(rect2); _faderItems.addObject (rect2);

var _fader:Fader = new Fader(_faderItems,5000, true); var _fader: Fader = Fader baru (_faderItems, 5000, true);
_fader.addEventListener(ObjectEvent.FADER_INIT, handleInit); _fader.addEventListener (ObjectEvent.FADER_INIT, handleInit);
_fader.addEventListener(ObjectEvent.FADER_ITEM_INIT, handleItemInit); _fader.addEventListener (ObjectEvent.FADER_ITEM_INIT, handleItemInit);
_fader.addEventListener(ObjectEvent.FADER_ITEM_COMPLETE, handleItemComplete); _fader.addEventListener (ObjectEvent.FADER_ITEM_COMPLETE, handleItemComplete);
_fader.addEventListener(ObjectEvent.FADER_COMPLETE, handleComplete); _fader.addEventListener (ObjectEvent.FADER_COMPLETE, handleComplete);
_fader.start(); _fader.start ();

function handleInit(e:ObjectEvent):void fungsi handleInit (e: ObjectEvent): void
{ (
 trace("::::::::::Fader Started:::::::::") jejak (":::::::::: Fader Memulai :::::::::")
} )
function handleItemInit(e:ObjectEvent):void fungsi handleItemInit (e: ObjectEvent): void
{ (
 trace("init:: "+e.targetObject.name) trace ("init::" + e.targetObject.name)
} )
function handleItemComplete(e:ObjectEvent):void fungsi handleItemComplete (e: ObjectEvent): void
{ (
 trace("complete:: "+e.targetObject.name) trace ("lengkap::" + e.targetObject.name)
} )
function handleComplete(e:ObjectEvent):void fungsi handleComplete (e: ObjectEvent): void
{ (
 trace(":::::::::Fader Complete:::::::::") jejak ("::::::::: :::::::::") Fader Lengkap
} )

stop_mc.addEventListener(MouseEvent.CLICK, handleStop) stop_mc.addEventListener (MouseEvent.CLICK, handleStop)
function handleStop(e:MouseEvent):void{ fungsi handleStop (e: MouseEvent): void (
 _fader.stop(); _fader.stop ();
} )
play_mc.addEventListener(MouseEvent.CLICK, handlePlay) play_mc.addEventListener (MouseEvent.CLICK, handlePlay)
function handlePlay(e:MouseEvent):void{ fungsi handlePlay (e: MouseEvent): void (
 _fader.start(); _fader.start ();
} ) 

For more detailed description use the Documentation. Untuk keterangan lebih rinci menggunakan Dokumentasi.

Fader Class http://www.designscripting.com/wp-content/uploads/2009/01/fader.html Kelas Fader http://www.designscripting.com/wp-content/uploads/2009/01/fader.html
Faderitems Class http://www.designscripting.com/wp-content/uploads/2009/01/faderitems.html Kelas Faderitems http://www.designscripting.com/wp-content/uploads/2009/01/faderitems.html
FaderURL Class http://www.designscripting.com/wp-content/uploads/2009/01/faderurl.html Kelas FaderURL http://www.designscripting.com/wp-content/uploads/2009/01/faderurl.html
FaderFileMaterial http://www.designscripting.com/wp-content/uploads/2009/01/faderfilematerial.html FaderFileMaterial http://www.designscripting.com/wp-content/uploads/2009/01/faderfilematerial.html

Find the example source for creating SlideShow using Fader with the source file. Cari sumber contoh untuk menciptakan SlideShow menggunakan Fader dengan file sumber.