Membuat Efek Fade dan WipeLeft dengan Flex

Assalamualaykum Wr Wb.

Selamat sore teman-teman.

Pada saat kita membuat sebuah aplikasi, tampilan juga merupakan hal penting yang patut dipertimbangkan. Aplikasi dengan efek dan tampilan yang wah akan memberi nilai tambah. Efek yang akan dibahas kali ini yaitu efek Fade dan efek WipeLeft.

1. Apa itu Fade dan WipeLeft?
1. Efek Fade yaitu efek yang memberikan nuansa dari transparan menjadi terlihat atau sebaliknya
2. Efek WipeLeft yaitu efek seakan akan dari tidak ada menjadi ada, dengan pergerakkan dari kanan ke kiri.
2. Bagaimana membuat efek Efek Fade dan WipeLeft dengan Flex?
1. Buatlah Project Flex dengan nama Efek. Jika kurang mengerti tentang bagaimana cara membuat Project Flex klik disini.
2. Pada aplikasi utama copykan kode berikut ini
   
   

   <!-- Definisikan efek yang akan dibuat. -->

       <mx:WipeLeft id="myWL" duration="1000"/>

       <mx:Fade id="myFade" duration="1000"/>

   <!-- Aplikasikan efek tersebut pada komponen-->

       <mx:Panel title="My Application" 

           paddingTop="10" 

           paddingBottom="10"

           paddingLeft="10" 

           paddingRight="10"

           horizontalCenter="0" verticalCenter="-11" creationCompleteEffect="{myFade}">

           <!-- Efek pada button. -->

           <mx:Button id="myButton" 

           rollOutEffect="{myWL}"/>

       </mx:Panel>
3. Simpan dan jalankan programmnya..
3. Hasil
1. Awal program dijalankan:
   
   
   
   Satu detik kemudian:
   
   
   
   
   

Sekian dulu ya posting dari saya. Segenap mitbay.blogspot.com mengucapkan terimakasih..
hehe
kalo ada yang ditanyakan, kirim saja komentarnya ya..