Silverlight projeleri içerisinde, bir önceki püf noktasındaki sayfayı otomatik kaplama özelliği kullanılınca Blend içerisinde sayfanın tasarım ekranı, minimum boyuta düşer. Bu durum bizim çalışmamıza engel teşkil edebilir.

Bu durumu düzeltmek için Blend içerisinde sayfa tasarımının köşesinde bulunan "Adjust to modify the design time-size" noktalardan sürükleyerek istediğimiz genişlikte tasarım ekranını genişletebiliriz.


Bu şekilde Blend içerisinde sayfamız hem otomatik olarak sayfayı kaplar hemde tasarım anında istediğimiz boyutlarda görebiliriz.

Kolay gelsin.

Silverlight içerisinde oluşturduğumuz projeler otomatik olarak 640x480 pixel boyutlarında olurlar, projeyi çalıştırdığımız zaman sayfanın içeriği tamamen silverlightmış gibi görünür fakat projemizin bulunduğu kısım 640x480 pixellik boyutta olan kısımdır.

Bu durum özellikle arka plan olarak farklı bir şeyler yaptığımız zaman kendini belli eder.


Bu sorunu gidermek için sayfanın boyutlarının sağ tarafında bulunan "Set to Auto" tuşuna tıklayabiliriz. 


Bunu tıkladıktan sonra yükseklik ve genişlik otomatik olarak sayfa boyutlarına göre ayarlanır.

Kolay gelsin.

Silverlight içerisinde oluşturduğunuz animasyondan bir tane daha kopyalamak için kısa bir yol mevcut. Oluşturduğumuz animasyona gelerek "Duplicate" seçeneğini seçtiğimiz zaman animasyonumuzun kopyasını oluştracaktır.

 
Bu şekilde var olan animasyonumuzu çoğaltabiliriz ve üzerlerinde değişklik yapabiliriz.

Kolay gelsin.

Silverlight içerisinde tanımladığımız animasyonun tersini almak için Revere'i seçerek gerçekleştirebilir.


Bu sayede bulunduğu noktadan başka bir noktaya ilerlemiş nesneleri, aynı süre içerisinde eski hallerine geri gelmesini sağlayabiliriz.

Kolay gelsin.

Silverlight içerisinde oluşturduğumuz animasyonu silmek istediğimiz zaman; sileceğimiz animasyonu seçerek Blend içerisinde okla gösterilen yere tıklayıp Delete 'i seçerek silebiliriz.


Böylelikle tanımlamış olduğumuz animasyon projenin içerisinden kaldırılmış oldu.

Kolay gelsin.

Silverlight içerisindeki animasyonlarda tanımladığımız keyframe'i kaldırmak için sağ tuş ile tıklayarak seçenekler gelir ve buradan delete ile rahatlıkla silebiliriz.


Burada animasyondan etkilenen nesnenin keyframe'ini sildiğimizde, zaman çizelgesinde tekabül ettiği zamandaki nesnenin pozisyonunu kaldırılmış olacağız. Böylelikle o zamana kadarki yapılan animasyon silinmiş olacaktır.

Kolay gelsin.

Silverlight içerisinde animasyonlarda herhangi bir zaman aralığına keyframe koyduktan sonra başka bir zaman aralığına taşımak istersek konulan keyframe'i mouse ile tıklayarak istediğimiz zaman aralığına sürükleyebiliriz.


Bu şekilde kaydırma yaparak tanımladığımız animasyonun geçiş süreleri üzerinde kısaltmalar ve uzatmalar yapabiliriz.

Kolay gelsin.

Silverlightta animasyonların içerisinde istediğimiz saniyede istenilen nesnenin hangi durumda olacağını belirten belirteç koymak için


Okla gösterilen nesne bizim zaman çizelgesi üzerinde zaman çizgisinin bulunduğu noktaya belirteç koymamıza yarar ve animasyonlarda hareketler ve geçişler bu iki keyframe arasında gerçekleşmektedir. İlk keyframe'den sonraki keyframe'e ne değiştirildiyse o süre zarfı içerisinde o vaziyeti alır.

Bu şekilde animasyonlarımızı istediğimiz saniyelerde başlatıp, istediğimiz saniyelerde bitirebiliriz.

Kolay gelsin.

Bir önceki püf noktamızda animasyon nasıl oluşturulur onu görmüştük. Şimdi de o animasyonun xaml içerisindeki yapısına ve projede C# tarafında nasıl oynatılacağına göz atalım.

sayfa içerisindeki konumunu 2 saniye boyunca bir noktaya doğru değiştiren image nesnemizin XAML kodu aşağıdaki gibi olmaktadır.


StoryBoard isminde tagler arasında animasyonun hangi saniyelerde hangi nesneye değişiklik olarak ne yapılacağını göstermekte. Bu şekilde animasyonumuz xml olarak tanımlanmaktadır. 2 saniye sonra X ve Y koordinatlarından ne kadar farklı şekilde hareket edeceğini görmekteyiz.

C# Tarafında da bu animasyonu oynatmak için animasyonumuza verdiğimiz isim ile erişebiliriz. Erişerek animasyon nesnemizin tüm özelliklerine erişebiliriz.



Görüldüğü gibi animasyonumuza animasyon ismini vermiştik. Bunu da C# tarafından erişerek, uygulamamızda istediğimiz yerde istediğimiz event altında oynatabiliriz.

Kolay gelsin.

Silverlight projelerinde animasyon oluşturmak, Microsoft'un web teknolojilerindeki en güzel özelliklerinden birisi. Web projelerinde animasyonlar oluşturarak, uygulamamızı hem daha canlı tutmuş olur, hem de mükemmel bir kullanıcı deneyimi oluşturabiliriz.

Silverlightta animasyon oluşturmak, blend içerisinde çok basit. Objects and TimeLine'da combobox'ın sağ tarafında bulunan artı işaretine tıklayarak veya "New" diyerek oluştrabiliriz.

 
daha sonra karşımıza animasyon ismi soracak


Bu şekilde oluşturduktan sonra flash kullandıysanız eğer aşına olacaksınızdır. Belirli saniyeler arasında keyframeler koyarak, animasyonumuzu oluşturabiliriz.


başlangıç saniyesi ile bitiş saniyesi arasında fotoğrafın nereye hareket edeceğini de sürükleyerek tayin edebiliriz. Bu sürükleme işleminde, merkezi ne kadar yer değiştirmiş görebiliriz böylece.


Bu şekilde animasyonumuz bitmiş oldu.

Hepinize kolay gelsin.