11 Mayıs 2013 Cumartesi

Windows Phone 7'de Storyboard

Bu yazı ile windows phone'da nasıl storyboard yapılır nesneler nasıl hareket ettirilir ona bakacaz birlikte. 
İlk olarak yeni bir windows phone projesi oluştuyotum. Ana grid içine bir buton atıyorum 
daha sonra Solution Explorer kısmına gidip projemin adına sağ tıklıyorum ve Open in Expression Blend seçeneği ile projeyi Expression Blend ortamına aktarıyorum.
uygulamamı blende aktardıktan sonra aşağıdaki gibi görünecek ve sol alt taraftaki  Object and Timeline sekmesini göreceksiniz. Eğer bu sekmeniz yoksa Window menüsünden açabilirsiniz. 
Şimdi sıra geldi asıl işlemlere. Uygulamaya eklediğim butonu Object and Timeline kısmından seçiyorum ve hemen bu sekmenin üzerinde küçücük bir artı botonu var ve görülmesi oldukça zor :D bu butona tıklayalım ve  açılan bölüme storyboarda isim verelim. Ama bunu yaparken buton nesnesinin alt kısnda seçili olması gerekmekte çünkü bu hareketleri o nesne üzerine senkronize edeceğiz.
Storyboarda isim verdikten sonra ise hemen aşağıdaki gibi bir yeni sekme açılacak storyboard için
ve gördüğünüz gibi bir media player ortaya çıktı :D Buradaki sarı çubuğu istediğiniz saniye aralığına sürükledikten sonra kırmızı halka içerisindeki simgeye çift tıklayarak storyboard ın çalışma süresini belirmiş olduk. yapacağımız işleme gelince nesnemizin Properties kısmından Transform bölümüne gelerek ok işareti sekmesini açıyorum ve Angle kutucuğu içine 360 yazıyorum.Henüz birşey olmadığını gördük yani butonda değişiklik yok. Şimdi yukarıdaki resimde görülen Play butonuna basıyorum ve izliyorum :). Butonumun kendi ekseni etrafında dönemsi hoş tabi :D şimdi bunu C# aktaralım. Hemen Ctrl+S deyip kaydediyorum ve Visual Studio uyarı veriyo bana ve yes to all deyip kaydediyorum. Şimdi arka planda yazılan kodları görelim
Bu kodları blend otomatik olarak yazdı bizim için aynı zamanda visual studioyada gönderdi.
Son olarak bu storyboardı artık çalıştıralım canımı sıktı :) Butona çift tıklayarak kodlara gidelim ve
kodunu yazalım :)
uygulamayı çalıştırıp butona tıkladığımızda butonumuzun döndüğünü göreceksiniz :D
Sadece nesnelerin hareketleri değil renkleri görünmleri vs hakkında bir çok değişiklik yapabilir ve storyboard içinde kullanabilirsiniz.
Kolay gelsin.



Share: