Haz032010

Silverlight Öğreniyorum - Resource Dictionary ve Template Binding

Yusuf Karakaş tarafindan 03:45 tarihinde Silverlight | Silverlight Eğitim Serisi kategorisine eklenmistir.

Silverlight ile Template Mekanizması   

   
Silverlight’ın tasarımcılara sağladığı en büyük kolaylıklardan birisi de nesnelerin görünümleri ile çok rahat bir şekilde oynama olanağı sunmasıdır. Aklımıza gelebilecek her türlü nesneyi çok rahat bir şekilde özelleştirip kendi tasarımımızı çıkarmamız, mümkün olacaktır. Özellikle Html tarafında Css kavramıyla eş değer bir yapıya sahip olan bu mekanizma ile şablonlar oluşturup defalarca kullanabiliriz.

Harici Şablon Dosyası Oluşturma (Resource Dictionary)   

 
Resource Dictionary kullanarak yapmış olduğumuz tasarımları bir dosya üzerinde toplayıp farklı projelerde kullanabiliriz.
                  ·   İlk olarak yeni bir Resource Dictionary dosyası oluşturalım.



  • Şimdi ise default olarak tasarım ekranımızda bulunan Butonumuzun tasarımını değiştirelim.


·         Gelen tasarım ekranın da aşağıdaki şekilde butonumuzu tasarlıyoruz. Bir Grid içine rectangle ve textblock nesnesi alarak kendi tasarımızı oluşturmuş olduk.



Template Binding

Nesnelerin şablonları ile çalıştığımız zaman birtakım özelliklerin ana ekranımızdaki özellikler ile bağlantısını kurmamız gerekir. Böylelikle yeni oluşturduğumuz özelliklerin, ana tasarımda bulunan özellikler ile aynı işlevi görmesini sağlayabiliriz. Aksi takdirde ana tasarımda bu özelliklere erişemeyiz. Örneğin yukarıdaki örneğimizde ki textblock nesnesinin Template Binding yapısına göz atalım.
·         Aşağıdaki şekilde textblock nesnesinin Template Binding yapısına tabi tutulan özelliklerini görüyoruz.

  


·     Template Binding olan özellikleri sarı dikdörtgen çerçeve içinde görüyoruz. 
·         Böylelikle kendi butonumuzu oluşturmuş olduk. Artık istediğimiz her projede kendi style dosyamızı referans alarak tasarladığımız butonu kullanabiliriz. Butonumuzun ilk ve son şekli aşağıdaki gibi olacaktır.


[KickIt] [Dzone] [Digg] [Reddit] [del.icio.us] [Facebook] [Technorati] [Google] [StumbleUpon]

Etiketler: , , , ,

E-Posta | Permalink | Geri izlemeler | Yazi RSSRSS comment feed 0 Yorum