Reyza

tenang, senang, sederhana
See also: Other Geeks@INDC

Public

Silverlight’s Explode Behaviour

Berawal dari pencarian Prism & Silverlight, ketemu posting tentant explode behaviour di sini. Behaviour ini dapat meledakan apa saja yang diklik pada “area” Silverlight. Untuk mengunduh behaviour ini dapat ditemukan di sini.

Bagi pengguna Expression Blend yang ingin menggunakan behaviour ini maka yang perlu dilakukan cukup membuat project Silverlight Application + Website, kemudian tambahkan file Explode.cs pada project Silverlight Application.

image

Setelah itu Build….dan dijamin akan berserakan error seperti ini :)

image

Solusinya adalah menambahkan ‘Reference’ yang diperlukan seperti System.Windows dan System.Windows.Interactivity. Sayangnya Expression Blend agak berbeda untuk menambahkan Reference bila dibandingkan dengan Visual Studio. Maka yang dilakukan adalah klik kanan pada Solution kemudian pilih ‘Edit in Visual Studio’. Sesampai di Visual Studio maka pada Silverlight Application dapat ditambahkan ‘Reference’ yang diperlukan tersebut.

image

Simpan perubahan yang telah dilakukan pada Visual Studio, kemudian kembali ke Expression Blend. Sesampai di Expression Blend lakukan kembali proses Build, dan diharapkan proses Build berhasil tanpa error.

image

Jika ingin melihat hasilnya, terlebih dulu buka salah satu file XAML yang ada di dalam project Silverlight Application, kemudian pilih tab Asset > Behaviour, maka dapat dilihat tambahan Explode seperti pada gambar.

image

Bila behaviour ini dilekatkan pada tombol maka ketika mouse diklik pada tombol tersebut, tombol akan ‘meledak’. Begitu juga bila diberikan kepada DataGrid, Image atau item-item lain. Bila tidak ingin pusing, maka behaviour ini dapat ditambahkan pada Canvas atau Grid sebagai ‘rumah’ (Layout) item-item tersebut. Bila hal ini dilakukan maka setiap item yang ada di dalam ‘rumah’ (Layout) akan meledak ketika diklik.

image

Hasilnya akan terlihat seperti ini.

image

Dengan cara di atas, behaviour Explode hanya bisa terlihat di bagian Assets pada project di atas saja. Bila ingin behaviour ini ini selalu terlihat pada Assets, maka bisa dilakukan langkah-langkah berikut ini. Buka Visual Studi, pilih Visual C# (atau VB.NET) > Silverlight > Silverlight Class Library.

image

Misal diberi ExplodeBehaviour sebagai nama project tersebut, kemudian tambahkan file Explode.cs, ke project tersebut. Setelah itu jangan lupa tambahkan System.Windows.Interactivity.

image

Kemudian Build, selanjutnya tinggal cari file ExplodeBehaviour.dll pada folder ExplodeBehaviour\Bin\Debug dan salin file tersebut ke C:\Program Files\Microsoft Expression\Blend 3\Libraries\Silverlight\v3.0. Maka pada Assets > Behaviour akan dapat ditemui Explode.

Selamat meledakkan!

Share this post: | | | |
Posted: Feb 23 2010, 06:56 PM by reyza | with no comments
Filed under:

Comments

No Comments