Laman

Minggu, 13 Februari 2011

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

7 komentar:

  1. kang nyuhunkeun bimbinganna . haturnuhun pisan ilmu na. tiasa nyuhunkeun email na teu kang ???

    BalasHapus
  2. maaf sebelumnya, kami kurang bisa memahami arti bahasa saudara, kalau bisa dalam bahasa indonesia saja,
    regard,
    www.csharp-indonesia.com

    BalasHapus
  3. Regard????
    kayak nya aku pernah kenal nih dengan namanya???

    BalasHapus
  4. Bisa bantu membuat Animasi Button Bergerak ketika mouse diarahkan
    ke button1

    BalasHapus
  5. for beginners like me need a lot of reading and searching for information on various blogs. and articles that you share a very nice and inspires me .
    cara menggugurkan kandungan
    obat aborsi
    kalkulator kehamilan

    BalasHapus