C#nedir?com
 
YAZAR HAKKINDA
oguzhan abalı
oguzhan abalı
http://www.oguzhanabali.com.tr
İletişme geçmek için tıklayın.
1 Makalesi yayınlanmakta.
Yazar hakkında detaylı bilgi için tıklayın.
Yayınlanan diğer makaleleri için tıklayın.
İlgili etiketler: .net animasyon işlemleri animation blend blend ile animasyon örnek animasyon silverlight silverlight silverlight animasyon tasarım Kodlama oguzhan abalı
 
YAZI HAKKINDA
Türü : Serbest Köşe (?)
Serbest Köşede C#nedir?com üyelerinin hazırladıkları yazılar yayınlanır. Bu yazılar editör incelemesine girmeden yayınlanır.
Seviyesi : Orta
Kategori : Kodlama
Yayınlanma Tarihi : 30.6.2011
Okunma Sayısı : 37756
Yorum Sayısı : 0     yorum yaz
Site İçi AramaSİTE İÇİ ARAMA
Üye Girişini AçÜye GİRİŞİ
Üye girişi için tıklayın.
Kullanıcı Adı
Şifre
 
Beni her zaman hatırla
Bir hafta boyunca kullanıcı bilgilerinizi kullanıcı çıkışı yapana kadar hatırlar. (Paylaşılan bilgisayarlarda önerilmez.)
 
Şifremi / Kullanıcı Adımı unuttum.
 
.net TV RSS Serbest KÖŞE (?)
Serbest Köşede C#nedir?com üyelerinin hazırladıkları yazılar yayınlanır. Bu yazılar editör incelemesine girmeden yayınlanır.
emre TAŞ
XML - Deniz Kılınç
emre TAŞ
yazının devamı >
emre TAŞ
Decompiling and Reverse Engineering .Net Radyo
emre TAŞ
yazının devamı >
emre TAŞ
Masaüstü mü ? İnternet Mi? .Net Radyo
emre TAŞ
yazının devamı >
emre TAŞ
.Net Kavramları - .Net Radyo
emre TAŞ
yazının devamı >
emre TAŞ
Yeni Başlayanlar için - .Net Radyo
emre TAŞ
yazının devamı >
Makale Gönder Bende Yazmak İstiyorum
.net TV RSSBlogroll
Turhal Temizer 'in Blogu
ChatBot UI Sample 19.10.2017
Turhal Temizer 'in Blogu
C# – IRR Function 19.10.2017
Burak Selim Şenyurt
.NET Core 2.0 ile Basit Bir Web API Geliştirmek 19.10.2017
Burak Selim Şenyurt
Python - Flask ile Basit Bir Web Uygulaması Geliştirmek 19.10.2017
  Diğer Herşey
Sponsorlar
BT Akademi
Medya Portakal
Video Hosting Sponsoru
Csharpnedir.com bir Ineta üyesidir
Uzman Abi
Her Yönüyle C# - Sefer Algan
Silverlight'da Animation İşlemleri - Örnek Uygulama
 
Kapat
Sayfayı Yazdır Sık Kullanılanlara Ekle Arkadaşıma Gönder MySpace Del.Ico.Us Digg Facebook Google Mixx Reddit StumbleUpon

 

Dilerseniz hemen başlayalım. Öncelikle Blend programımızda bir Silverlight projesi başlatıyoruz.
 
Daha sonra MainPage.xaml çalışma alanımıza aşağıdaki gibi 2 adet elips çiziyoruz. Ve özeliklerinden Gradient brush efektini ve rengini vererek devam ediyoruz.
 
Basit tasarımımızı yaptıktan sonra animasyon kısmına geçiyoruz. Buradaki amaç alttaki elipsimize(gölgemize) Mouse ile tıkladığımızda üstteki elipsimiz(topumuz) yukarıya doğru hareket edecek olsun. Ve alttaki elipsimize Mouse ile tıkladıkça topumuzun yükselme hızı azalsın. Haydi hemen yola koyulalım.
 
Animasyon tarafına geçmek için yukarıdaki menü’den Window->Workspaces->Animation sekmelerini takip ederek programımızda animasyon araçlarının çıkmasını sağlıyoruz. Ve şimdi Obhects and Timeline sekmesinden yeni bir storyboard ekliyoruz. Adınada animasyonum1 dedik.
 Animasyonumuzu ekledikten sonra recording alanı (Kırmızı çerçeve) geldi. Ve aşağıda time line araç çubuğumuz oluştu. Şimdi ise zamanlayıcıyı 2.saniyeye getiriyoruz ve hemen yanındaki Record Keyframe çubuğuna tıklıyoruz(Nesnemiz seçiliyken).
Keyframe’mimizi ekledikten sonra alttaki gölgeyi biraz daha ufaltıyoruz. Ve aynı şekilde topumuzada keyframe ekledikten sonra onu yukarıya doğru taşıyoruz. Ve denemek için play tuşuna basıyoruz. Animasyonumuzun işlediğini hepbirlikte görüyoruz.
 
Şimdi ise Asents sekmemizden nesnelerimize kontrol ekliyoruz. Ekleyeceğimiz kontrolün adı “ControlStoryboardAction”. Bu kontrolumüzü başta anlattığım animasyon senaryosu için yapıyoruz. Gölgeye (alttaki elipse) tıkladığımızda animasyonu başlatacağız ve faremizin sağ tuşu ile tıkladıkça topumuz yukarıya doğru daha yavaş çıkacak. J

Controlümüzü alttaki gölge elipsimize ekledikten sonra ControlStoryboardAction’zun properties’ine gidiyoruz. EventName comboBox’ında MouseLeftButtonDown’u seçiyoruz. Oradaki diğer seçenekleride deneyebilirsiniz. Sonrasında Common Properties’in altında bulunan Storyboard comboBox’ımıza animasyonumuzu veriyoruz.
 
Şimdi artık sonucu görme zamanı. Project menümüzden Run Project’e tıklayarak veya F5’ tuşuna basarak projemizi test edelim ve gölgeye mouse’mızın sağ tuşu ile tıkladıkça yavaşlayan topumuzu, oluşan animasyonumuzu izleyelim. Hiçbir kod yazmadan Blend üzerinden yaptığımız animasyonu web’de yayınlamaya hazır hala getirebildik.

Bu makalemizde örnek olarak blend ile hiç kod yazmadan bir animasyon yaptık. Umarım faydalı olmuştur. 
Hepinize iyi çalışmalar, bir dahaki yazıda görüşmek üzere! 

Örnek projeyi indirmek için tıklayınız

 

Makale:
Silverlight'da Animation İşlemleri - Örnek Uygulama Kodlama oguzhan abalı
  • Yazılan Yorumlar
  • Yorum Yaz
Bu konu hakkında yayınlanan yorum bulunmamaktadır.
"Yorum Yaz" tabını kullanarak sizde yorumlarınızı yazabilirsiniz.
Yorum yazabilmek için üye girişi yapmalısınız. Üye girişi için tıklayın.
Üye değilseniz Üyel Ol linkine tıklayarak üyeliğinizi hemen başlatabilirisniz.
 
  • Bu Konuda Son 10
  • Eklenen Son 10
  • Bu Konuda Geçmiş 10
Bu Konuda Yazılmış Yazılmış 10 Makale Yükleniyor
Son Eklenen 10 Makale Yükleniyor
Bu Konuda Yazılmış Geçmiş Makaleler Yükleniyor