folder Tahribat.com Forumları
linefolder C#, Asp.Net, .Net Core
linefolder Silverlight İle Animasyon Hazırlıyalım..



Silverlight İle Animasyon Hazırlıyalım..

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    nurk
    nurk's avatar
    Üstün Hizmet Madalyası
    Kayıt Tarihi: 15/Eylül/2006
    Erkek

    Selam Arkadaslar,

    Hemen Hızlıca Giriş Yapalım Silverlight nedir ne değildir falan derseniz eğer , Sharpshooter 'in Hazırladıgı Dökümanı Okuyup Konu Hakkında Bilgi Sahibi Olabilirsiniz..

    Döküman :

    http://www.tahribat.com/forumdisplayfolder.asp?folderid=76817


    Evet Şimdi Gelelim Biz Kendi Olayımıza..

    M.S Expression Blend'i Açıyoruz Ve File Münüsünden - New Project Diyoruz..
    http://img391.imageshack.us/img391/9343/imageshackdk7.jpg

    İlk önce sayfamızın arka planının belirtelim...

    Ben sayfanın Arkaplanını Siyah Yapıcam , Bir Adette Textblock eklicem..

    http://img136.imageshack.us/img136/372/imageshackrs3.jpg http://img124.imageshack.us/img124/9876/imageshackky1.jpg

    Ben yazı olarak " Tahribat.Com Silverlight Animasyon Yapımı.. " Diyorum.. Fontunu Falan Değiştiriyorum.. Rengini De Kırmızı Olarak Belirliyorum..


    http://img293.imageshack.us/img293/3575/imageshackkw6.jpg

    Buraya Kadar Herşey normalse,Şimdi geçelim Horozumuzun "Üürüüü" Dediği Bölüme.. Buraları Dikkatle Dinlenizde Fayda Var..

    Önce Yukardaki Menülerden Window Diyoruz.. O Tabda Çıkan Intreacion Sekmesine Tıklıyoruz..
    http://img528.imageshack.us/img528/1922/imageshackia9.jpg

    Bu bölümün Açılması gerek..

    http://img231.imageshack.us/img231/4451/imageshackzt1.jpg

    Daha sonra Aşşağıdaki Gibi Objects And Timeline Sekmesinin Altında Bulunan Ekleme Tabına [+] Basıyoruz..

    http://img84.imageshack.us/img84/2144/imageshackij1.jpg

     

    Bu İşlemleri Uyguladıktan Sonra "Page.Xaml"'in Altında Timeline Record is On Diye Kırmızı Bir Yazı Cıkar Ve Sahne Kısmınde İnce Borderler Vardır.. Bu demek Oluyorki şu anda yaptıgınız herşey kayıt altına alınıyor..Bizde bunun sayesinde animasyonumuzu Oluşturacağız..

    http://img160.imageshack.us/img160/5161/imageshackub6.jpg

    Kırmızı Olursa Yukardaki Gibi O Demek Oluyorki Şu Anda Kayıttayız Ve Sahneye Herhangi Bir Şey eklersek veya arkaplanını falan değiştirirsek onu kayıt altına alıyor..


    Şimdi Önce Arkaplanı Değiştirelim ve  Bizim Kendi Textblock'umuz Oldugu İçin Hemen İmlecimizi Textblock'un oraya dogru sürmeye Başlıyalım..Arka planı değiştirince hemen şu olay olacaktır..

    http://img352.imageshack.us/img352/356/imageshacklj4.jpg

    O Çizelgede nokta nokta şeyler belirginleşecektir.. Bunların Mavi Olanı Bacground yani arka planımızı , diğeri ise textblock yani bizim yazımızın yazdıgı yeri temsil etmektedir :) Oradaki Sarı Çizgimizi İleriye dogru saralım ve textblock'umuzun transformuyla biraz oynayalım ve ileriye dogru çekelim.. Tabi Önce ileriye çekelim sonra arka planın rengiyle oynayalım, daha sonra biraz daha ileri çekelim ve bu sefer hem textblock'un rengiyle hemde transformuyla oynuyoruz.. Ve Bu şekilde animasyonumuz hazır oluyor..

    Benim Animasyon Çizgilerim 10 Saniyelik ve 6 nokta halinde..

    http://img362.imageshack.us/img362/2225/imageshackcr1.jpg

    Yeşil Çizgi : Animasyonun İlk Haline..

    Sarı Çizgi : Play Yani Animasyonu Hareketlendiriyor Oynatıyor..

    Açık Mavi : Animasyonun Son Hali

    Lacivert : Yeni Bir Animasyon Ekleme yani Yeni Storyboard Eklememize Olanak Sağlıyor..


    Kırmızı  : Animasyon Çizgilerimiz..


    Benim Kendi Animasyonumun Başlangıctaki Hali..

    http://img171.imageshack.us/img171/8208/imageshackvt4.jpg

    Ve Son Hali Aşağıdaki Gibi :
    http://img368.imageshack.us/img368/5588/imageshackoq2.jpg

    Şuanda Animasyonumuz Hazır Durumdadır..

    Bunu ctrl + s yaparak page.xaml üzerine kaydedebiliriz..

    Eğer animasyonumuzu test etmek istiyorsak f5 yaparak deneyebiliriz.. Büyük İhtimallede çalışacaktır..Çalışmas ise tekrar bastan kontrol edebilirsiniz..

    Ayrıyetten internet explorerla deneyiniz ve silverlight eklentisini bilgisayarınaza kurunuz..

    Bu yazıyı buraya kadar okudugunuz için Teşekkür Ederim..

    Bir dahaki yazıda görüşmek dileğiyle..

    Kolay gelsin..


    [22817//kaanabak]
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    BuZuL
    BuZuL's avatar
    Kayıt Tarihi: 09/Eylül/2005
    Erkek
    hop hop nurkyy neyse nurky :D devamını bekliyoruz dökümanlarının ;)

    DAĞDA ÜÇ BEŞ KOYUN SÜRÜSÜ, TUTTURMUŞ BİR KÜRDİSTAN TÜRKÜSÜ, ELİNE ALMIŞ BAYRAK DİYE BİR MASA ÖRTÜSÜ, SATSAN BEŞ PARA ETMEZ NE DİRİSİ NE DE ÖLÜSÜ, SOYU SOYSUZ OLAN SENSİN TOPRAK SENİN NEYİNE, İTE İTLİK YAPIP KAFA TUTMA BEYİNE, ANLASA DEDİĞİMİ SOKAKTAKİ KÖPEK AĞLAR HALİNE, DUY ULAN SOYSUZ NE MUTLU TÜRKÜM DİYENE.......
  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    SharpShooter
    SharpShooter's avatar
    Banlanmış Üye
    Kayıt Tarihi: 10/Temmuz/2008
    Erkek

    ayrı bölüm açılsa güzel olacak

    böyle konular dağılır diye yazmadım döküman

    reneye söyledim 1-2 güne açılıcak sanırım :)


    - xx yerde hata var. - ya aslında kod şöyle sanıyor olabilir bla bla bla - olm kendine gel kodlar düşünmez - ...
  4. KısayolKısayol reportŞikayet pmÖzel Mesaj
    Master
    Master's avatar
    Kayıt Tarihi: 10/Nisan/2007
    Erkek
    Eline sağlık, teşekkürler.

    Bilgi güçtür, düşmanını barışa zorlar.
  5. KısayolKısayol reportŞikayet pmÖzel Mesaj
    snak
    snak's avatar
    Kayıt Tarihi: 28/Temmuz/2005
    Erkek

    tamm hocam saol anlatmışsında benim çözemediğim yerler var mesela yaptığımız bir animasyonu sürekli hale yani sonsuza kadar kendini tekrarlamasını nasıl sağlıyabilirim ????

     ve atıyorum 2 tane nesnem var ama birine sen bekle o hareketi bitirince sen başla diyemiyorum onu nasıl yapıcam ???


    beni kaybetmek için uğraşanı ben kaznmak için uğraşmam
Toplam Hit: 2763 Toplam Mesaj: 5