Membuat Animasi Gambar di button di C# ( C Sharp )

Dalam membuat animasi gambar di button , setidaknya kita harus mengerti terlebih dahulu tentang event event yang ada di C Sharp, untuk lebih jelasnya silahkan baca disini. untuk selanjutnya membuat animasi pada button merupakan kombinasi dari event dan gambar yang dirubah posisinya. sehingga diperlukan setidaknya dua gambar dan dua event. untuk lebih jelasnya perhatikan langkah langkah dalam pembuatan projectnya dibawah ini. Seperti biasanya harus dipersiapkan terlebih dahulu project kosong. untuk membuat project klik file new project pada IDE Visual studio 2010, setelah muncul kotal dialog pada kotak project name silahkan diisi dengan nama project. klik OK

Gambar 1. Preview desain aplikasi

langkah pertama : Tambahkan satu button pada form1 yang ada pada project yang telah dipersiapkan sebelumnya, dan juga tambahkan componen imagelist dimana imagelist ini akan diisi dengan dua gambar yang hampir mirip hanya posisinya saja yang dibedakan.

langkah kedua : Atur dan tata sedemikian rupa sehingga tampilannya seperti pada gambar diatas

langkah ketiga : Bangkitkan event button1_MouseEnter pada button satu. untuk cara bagaimana cara membangkitkan event tersebut, silahkan baca tutorial tentang membangkitkan macam macam event di C# disini

langkah keempat : setelah MouseEnter dibangkitkan sekarang tambahkan code berikut ini pada form tersebut

button1.ImageIndex = 2;

langkah kelima : Bangkitkan event mouseLeave pada button satu, cara membangkitkannya tidak jauh berbeda dengan cara membangkitkan event mouseEnter pada button1. tambahkan code berikut ini pada event yang sudah terbentuk

 button1.ImageIndex = 0;

langkah keemam : pada imageList masukan dua gambar yang mirip. untuk contoh kali ini disarankan memakai gambar yang telah disediakan download gambar satu disini dan download gambar dua disini. Cara memasukan gambar pada imageList klik kanan pilih propertis pada componen imageList yang ada dibagian bawah setelah itu pilih field image, klik colection akan muncul kotak dialog. pilih add untuk menambah gambar yang diinginkan. untuk di project kali ini tambahkan dua gambar yang sudah didownload tadi

langkah ketujuh: pada button satu set imagelistnya menjadi imageList1.

langlah delapan : Done. program selesai dibuat. jika langkah langkah diatas dilakukan dengan benar. Maka saat program dijalankan program akan menampilakan sebuah form dengan satu button dan di button tersebut ada gambar kalendernya. jika mouse diarahkan ke button tersebut gambar kalender akan begeser sedangkan jika mouse meninggalkan button tersebut gambar kalender akan kembali lagi ke posisi semula

Pada gambar diwabah ini adalah privew hasil running program saat mouse belum diarahkan ke button1

Gambar 2. Hasil Runing Program 

Sedangkan pada gambar dibawah ini adalah tampilan saat mouse diarahkan ke button1

Gambar 3. Hasil Runing Program 

Jika dilihat secara sekilas tidak ada perbedaan antara preview satu dan prevew dua. akan tetapi coba perhatikan lagi dengan cermat, pada preview dua gambar kalender agak miring. ini akan terlihat secara jelas jika mouse diarahkan ke button dan juga saat meninggalkan button

untuk memudahkan dalam memahami tutorial ini silahkan download 
binary filenya disini dan juga download 
download full projectnya disini.
for more informasi contact on informasi@csharp-indonesia.com

pandauan download : klik link download yang disediaan diatas, setelah itu akan muncul halaman adf.ly, tunggu beberapa detik sampai pada pojok kanan atas muncul tulisan skip ad. klik tombol tersebut ,setelah itu akan muncul halaman ziddu, silahkan klik pada button download yang muncul pada halaman ziddu
NB : Semua program dalam tutorial ini ditulisa menggunakan IDE Visual studio 2010. dengan target framework 3.5. 

ARTIKEL YANG MIRIP

• Animasi gambar pada button saat diklik di C# (C Sharp) 
• Memutar Video SWF di C# (C-Sharp)
• menyimpan gambar ke MYSQL di C# (C Sharp) 
• Mencapture gambar atau video dari Webcam di C# (C Sharp) 
• mendapatkan nilai pixel dari gambar di C# (C Sharp) 
• Menyimpan gambar dari picturebox di C# (C Sharp) 
• Operasi pengurangan Citra pixel di C# ( C Sharp )