Silverlight 3, 10 Temmuz itibari ile sessiz sedasız bir şekilde yayınlandı.

Silverlight 3 ile gelen bazı yenilikler şu şekilde:

- Multitouch desteği geliyor. (Sadece Windows 7’de)
- MPEG, AAC, H.264, desteği geliyor. Full HD (1080p) video desteği. İsterseniz kendi codec mekanizmanısı da yazabiliyorsunuz.
- IIS Media Services üzerinden Smooth Streaming’in Live sürümü geliyor. Artık canlı yayında da bant genişliği yayın esnasında dinamik olarak değiştirilebiliyor.
- İş uygulamaları için Data kontrolleri geliyor...
- .NET RIA Services ile Silverlight ve ASP.NET arasındaki veri bağlantısı kolaylaştırılıyor.
- Offline çalışma desteği geliyor. Artık herhangi bir Silverlight uygulamasını Desktop’a normal program gibi alabiliyorsunuz. Mac’te de aynı şekilde çalışıyor. Kendini otomatik update ediyor vs vs :)
- SaveFileDialog ve bir çok yeni kontrol geliyor; WrapPanel, DockPanel, ViewBox, AutoCompleteBox, TreeView, Label...
- Lokalde Assembly önbellekleme desteği geliyor.
- Easing kütüphanaleri ve text animasyonları geliyor.
- Pixel Shader efektleri geliyor; DropShadow vs... Kendi efektinizi yazabiliyorsunuz.
- Perspective 3D!
- GPU destekli video oynatma!
- DeepZoom projelerinde GPU kullanımı.
- Network bağlantısını algılayabilme.

İndirme linkleri şu şekildedir:

Silverlight 3 Runtime
İndir

Blend 3 with Sketchflow
İndir

SDK
İndir

VS 2008 Tools
İndir

.NET RIA Services (July 2009)
İndir

Silverlight Control Toolkit (July 2009)
İndir

DeepZoom Composer
İndir

Kaynak: Cyber-Warrior

Daron yöndem tarafından 8 Haziran itibari ile başlamak üzere 12 serilik bir Silverlight 3.0 web semineri dizisi düzenlenecektir. Kendi adıma faydalı bulduğum için katılmaya çalışacağım. Zamanı müsait olan arkadaşlara tavsiye ediyorum. Seminer planı ve linkleri şu şekilde:

Silverlight'a Giriş - 8 Haziran, 21.00

Bu webinerde Silverlight nedir sorusuna cevap verirken mimari yapısına bakarak Silverlight dünyasına bir giriş yapacağız. Silverlgiht projeleri nasıl oluşturulur,nasıl yayınlanır, XAML nedir? ve "Neden Silverlight" gibi soruların cevapları da bu webinerde.

https://www.livemeeting.com/cc/usergroups/join?id=GFRH8M&role=attend

Silverlight ile Animasyonlar - 9 Haziran, 21.00

Animasyon mantığını kavrayacağımız bu webinerde ilk olarak Expression Blend arayüzüne bakarak animasyonlarının Blend tarafında nasıl oluşturulabildiğine göz atacağız. Sonra bu animasyonların programatik olarak yaratılmasını ve kontrollerini inceleyerek Silverlight tarafında bir animasyon uzmanı olacağız.

https://www.livemeeting.com/cc/usergroups/join?id=6GRJPM&role=attend

Layout Kontrolleri ve Dinamik Arayüzler, 10 Haziran, 21.00

Silverlight içerisinde istediğiniz görsel arayüzü oluşturabilmek için arayüz oluşturma esnasından kullanabileceğiniz Layout kontrollerini çok iyi tanımanız gerekir. Diğer yandan dinamik olarak tüm nesneleri yaratbilmeniz, bu nesnelerin birbiri ile konuşabilmesi ve projenizi doğru biçimde UserControl yapıları ile şekillendirmeniz de şart. İşte bu webinerde bu konulara değineceğiz.

https://www.livemeeting.com/cc/usergroups/join?id=PBRM8P&role=attend

Kontrol Şablonları ve VisualStateManager, 11 Haziran, 21.00

Standart kontroller arasında sıkışmayın ve kontrollerinizi tamamen baştan yaratın. Hatta bu tasarımları tekrar ve tekrar kullanın. Bu webinerde silverlight kontrollerinin şablonlarının değiştirilmesini, Template Binding mekanizmasını ve visual State Manager'ın kullanımını Custom State yapıları ile beraber inceleyeceğiz.

https://www.livemeeting.com/cc/usergroups/join?id=R8JSQH&role=attend

Silverlight içerisinde Veri Erişimi, 12 Haziran, 21.00

İster klasik web servisleri kullanın, ister WCF servisleri veya ister Socket üzerinden haberleşin hepsinin de kendine göre avantaj ve dezavantajları var. Gelin hepsinin de Silverlight tarafındaki detaylarını beraber inceleyip Silverlight uygulamalarımızı veri ile tanıştıralım.

https://www.livemeeting.com/cc/usergroups/join?id=GH9T5W&role=attend

Offline/Online/Desktop çalışma yapıları, 15 Haziran, 21.00

Silverlight 3.0 ile beraber uygulamalarınızı masaüstüne birkaç tıklama ile taşıyabilirsiniz. Peki hem masaüstünde hem webde hem online hem offline çalışırken tüm bu sistemi, verilerinizi nasıl kontrol edeceksiniz. Bu webinerde farklı çalışma yapılarını göz atarken verilerimizi IsolatedStorage içerisinde saklayacağız.

https://www.livemeeting.com/cc/usergroups/join?id=QTZH9R&role=attend

İş Uygulamaları Yaparken Silverlight, 16 Haziran, 21.00

Animasyonlar hoştur, güzeldir ama herşey değildir. DataGrid'ler, Comboboxlar, Calendar'lar bir araya girdiğinde hepsinden bir iş uygulaması arayüzü yaratıp kontrol etmeye ne dersiniz? Bu webinerde hep beraber bir iş uygulamasının ekranını hazırlayacağız.

https://www.livemeeting.com/cc/usergroups/join?id=BGN6BT&role=attend

RIA Services, 17 Haziran, 21.00

Farklı bir bakış açısı ile Silverlight uygulamalarınızdan veritabanına erişimine çocuk oyuncağına dönüştürmek ister misiniz? RIA Services sadece verinin taşınmasını değil aynı anda kendi kontrolleri ile düzenlenmesini de kolaylaştırıyor. Nasıl olacağını merak ediyorsanız bekleriz.

https://www.livemeeting.com/cc/usergroups/join?id=P9KQ6B&role=attend

Silverlight projelerinde SEO, 18 Haziran, 21.00

Arama motorlarına dair optimizasyonların çoğumuz için önemli. Silverlight projelerinde özellikle asenkron veri erişimi nedeniyle söz konusu veriye arama motorları ulaşamıyor. Peki ya bir çözümü varsa? Tabi ki o çözümü paylaşma vakti.

https://www.livemeeting.com/cc/usergroups/join?id=Q6H2G7&role=attend

Video Aşkına! Canlı/Cansız Yayın, 19 Haziran, 21.00

İnternette televizyoz izlemek veya cansız kayıtları yayınlamak, amacınız ne olursa olsun video konusunda Silverlight çok güçlü. Bu webinerde Silverlight ile canlı yayın, Media Services ayarları, Adaptive Streaming, cansız yayın ve Video Player hazırlanması gibi konulara değineceğiz.

https://www.livemeeting.com/cc/usergroups/join?id=BNPK36&role=attend

DeepZoom Uygulamaları, 22 Haziran, 21.00

Yaklaştıkça daha çok detay görmek isteyenlerin tarzı DeepZoom uygulamalarını hızlı bir şekilde geliştirmenin yanı sıra sıfırdan DeepZoom uygulamalarını yazmak, uygulamaları özelleştirmek ve veri bağlantısı yaparak dinamik DeepZoom projeleri yaratmak isteyenler bu webineri kaçırmasın.

https://www.livemeeting.com/cc/usergroups/join?id=BZFCH9&role=attend

Tarayıcı Entegrasyonu, 23 Haziran, 21.00

Silverlight ile tarayıcı arasındaki ilişkiyi inceleyeceğimiz bu webinerde Silverlight tarafındaki C#/VB kodunuz ile DOM entegrasyonunun yanı sıra tam ekran uygulamaları, ön yükleme ekranlarını ve RunTime yükleme ekranlarını özelleştirmeye göz atacağız.

https://www.livemeeting.com/cc/usergroups/join?id=3GZKMH&role=attend

Seminerleri izleyebilmek için bilgisayarınızda Live Meeting 2007 programı kurulu olmalı. Bu programı şu linkten indirebilirsiniz:

http://office.microsoft.com/en-us/help/HA101733831033.aspx 

Panel’in zemin rengini değiştirmek için BackGround özelliği kullanılır.

Örneğimiz için Page.xaml dosyası içerisindeki

<Grid x:Name="LayoutRoot" Background="White">

</Grid>

Satırını değiştirelim.

<Grid x:Name="LayoutRoot">

     <Grid.Background>

         <SolidColorBrush Color="AliceBlue" />

     </Grid.Background> 

</Grid>

Bu örneğimizle panelimizin zemin rengini değiştirmiş olduk.

Renk değiştirme işleminde hexadecimal kodları da kullanabiliriz. Örneğin yukarıdaki rengi hexadecimal kodlarla elde etmeye çalışalım:

<Grid x:Name="LayoutRoot">

     <Grid.Background>

         <SolidColorBrush Color="#CCCCFF" />

     </Grid.Background> 

 </Grid>

Şimdi de bir çerçeve ekleyerek çerçeve içerisine buton ekleyelim.

Page.xaml kodumuz aşağıdaki gibi olacak:

<Grid x:Name="LayoutRoot">

        <Grid.Background>

            <SolidColorBrush Color ="#CCCCFF" />

        </Grid.Background>

        <Border Margin="100 " Padding=" 5" Background="LightYellow"

                BorderBrush="SteelBlue" BorderThickness=" 5" CornerRadius=" 10">

            <Button Margin=" 2" Content=" Tıkla" ></Button>

        </Border>               

</Grid>

Kodumuzu çalıştırdığımızda ekran görüntüsünün aşağıdaki gibi olduğunu görürüz:

Renk paletinde RGB metodunu kullanarak kırmızı, yeşil ve mavi renklerin karışımını kullanarak çeşitli renkler elde edebiliriz.  Yukarıdaki tablomuzu kullanarak kavuniçi rengi elde edelim. Kodumuz aşağıdaki gibi olacak:

private void Button_Click(object sender, RoutedEventArgs e)

        {

            byte a=100;byte kırmızı = 255; byte yesil = 204; byte mavi = 0;

            LayoutRoot.Background = new SolidColorBrush(Color.FromArgb (a,kırmızı, yesil, mavi));  

        }

Projemizi çalıştırıp butonu tıkladığımızda zemin rengi değişerek aşağıdaki hali alacaktır:

Sitemde artık silverlight ve WPF makalelerine de ağırlık vermenin zamanı geldi diye düşünüyorum. En temelden başlayarak anlatacağım İnşaAllah.

İlk örneğimizi yapalım. Örneğimizde bir buton yerleştirerek butona tıkladığımız anda ekrana bir mesaj penceresi gelmesini sağlayalım. Öncelikle Visual Studio. NET İçerisinde File / New Project seçeneklerini tıklayalım. Karşımıza gelen pencerede Silverlight seçeneği altındaki Silverlight Application’ı seçelim.

Daha sonra karşımıza Silverlight Application ile ilgili bir ayar penceresi gelecektir. Buradan “Automatically generate a test page to host Silverlight at build time” seçeneğini seçiyoruz.

Karşımıza Silverlight proje geliştirme ortamı gelecektir. Burada Solution Explorer’ı incelediğimizde projemizde yüklü olan dosyaların listelendiğini görürüz;

Tasarım dosyalarının uzantıları xaml iken, kod dosyalarının uzantısı ise C# kullandığımızdan dolayı cs’dir. Eğer VB.NET kullansa idik kod dosyalarının uzantısı vb olurdu. Bu dosyalardan;

App.xaml ve App.xaml.cs :  Silverlight uygulamamızı düzenlemek için kullanılan dosyalardır.  

Page.xaml vePage.xaml.cs : Kullanıcı arabiriminin tasarım ve kod dosyalarıdır.

Tasarım sayfamız üzerine bir buton ekleyelim. Page.xaml kodları aşağıdaki gibidir:

<UserControl x:Class="ilksilverlight.Page"

    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"

    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"

    Width="400" Height="300">

    <Grid x:Name="LayoutRoot" Background="White">

        <Button Height="23" Margin="88,0,115,62" Name="cmdyenipencere" VerticalAlignment="Bottom" Content="Tıkla"></Button>

    </Grid>

</UserControl>

Butonumuza tıklama olayını eklemek için  Name özelliğinden sonra Click= yazdığımızda Event Handler özelliğinin aktifleştiğini görürüz.

Event Handler’a tıkladığımızda click olayının aşağıdaki gibi düzenlendiğini görürüz:

<Button Height="23" Margin="88,0,115,62" Name="cmdyenipencere" Click="Button_Click" VerticalAlignment="Bottom" Content="Tıkla"></Button>

Ekleyeceğimiz nesneler kodumuzda da görüldüğü gibi  <Grid> < /Grid> arasına yazılırlar. Name özelliği ile butonumuzun ismini belirlerken, Content özelliği ile butonumuzun üzerinde görünecek yazıyı belirleriz.   Page.xamls.cs  dosyası içerisine

private void Button_Click(object sender, RoutedEventArgs e)

        {

        }

Satırlarının otomatik olarak eklendiğini görürüz. Page.xamls.cs  dosyasının kodu tam olarak aşağıdaki şekli almaktadır;               

using System;

using System.Collections.Generic;

using System.Linq;

using System.Net;

using System.Windows;

using System.Windows.Controls;

using System.Windows.Documents;

using System.Windows.Input;

using System.Windows.Media;

using System.Windows.Media.Animation;

using System.Windows.Shapes;

namespace ilksilverlight

{

    public partial class Page : UserControl

    {

        public Page()

        {

            InitializeComponent();

        }

        private void Button_Click(object sender, RoutedEventArgs e)

        {

            MessageBox.Show("İlk Silverlight Programımız Hayırlı Olsun"); 

        }             

    }

}

Silverlight™ 3 Tools Beta 1 for Visual Studio 2008 SP1

Silverlight™ 3 SDK Beta 1

Blend 3 Preview

Küçük bir hatırlatma:

Silverlight 3'ü yüklediğinizde artık Silverlight 2 projeleri gerçekleştiremiyeceksiniz.

Peki ne gibi yenilikler getiriyor bize. Daron Yöndem şu şekilde sıralamış bu yenilikleri:

•Multitouch desteği geliyor. (Sadece Windows 7'de)
•MPEG, AAC, H.264 desteği geliyor. İsterseniz kendi codec mekanizmanısı da yazabiliyorsunuz.
•IIS Media Services üzerinden Smooth Streaming'in Live sürümü geliyor. Artık canlı yayında da bant genişliği yayın esnasında dinamik olarak değiştirilebiliyor.
•İş uygulamaları için Data kontrolleri geliyor...
•.NET RIA Services ile Silverlight ve ASP.NET arasındaki veri bağlantısı kolaylaştırılıyor.
•Offline çalışma desteği geliyor. Artık herhangi bir Silverlight uygulamasını Desktop'a normal program gibi alabiliyorsunuz. Mac'te de aynı şekilde çalışıyor. Kendini otomatik update ediyor vs vs :)
•SaveFileDialog ve bir çok yeni kontrol geliyor; WrapPanel, DockPanel, ViewBox, AutoCompleteBox, TreeView, Label...
•Lokalde Assembly önbellekleme desteği geliyor.
•Easing kütüphanaleri ve text animasyonları geliyor.
•Pixel Shader efektleri geliyor; DropShadow vs... Kendi efektinizi yazabiliyorsunuz.
•Perspective 3D!
•GPU destekli video oynatma!
•DeepZoom projelerinde GPU kullanımı!
•Network bağlantısını algılayabilme.

Sitemi takip edenler için bir Ramazan hediyesi hazırladım :)

Ramazanın hikmetlerinin anlatıldığı küçük bir kitapçık. Sayfaları çevirebilirsiniz.

Silverlight ile hazırlandığı için bilgisayarınızda silverlight yüklü olmalı. Silverlight'ı

http://www.microsoft.com/silverlight/resources/install.aspx

adresinden indirebilirsiniz.

Uygulamanın linki:

http://www.volkanaktas.com/silverlight/RamazanRisalesi/index.html

Uygulama kodları içerisinde aşağıdaki değişiklikleri yaparak kendinize göre düzenlemeler yapabilirsiniz.

Assets klasörü içerisine resim dosyalarımız ekliyoruz. Burada önemli olan nokta kod yapımıza göre sayfalarımızın çift sayıda olması 8,10,12 gibi.

pageGenerator.js dosyası içerisinde yapılacak değişiklikler

retStr =  "<Canvas>";
    if (pageNumber == 10)
  {
    retStr += "  <Image Height='570' Width='420' Source='assets/page"+getTwoDigitInt(pageNumber)+".jpg'/>";
  }

buradaki 10 sayfa sayısını temsil eder. Bunu sayfa sayısına göre istediğiniz gibi değiştirebilirsiniz. 570 ve 420 ise resimlerin genişlik ve yükseklik değerlerini temsil eder. Siz de resimlerinizin boyutuna göre bu değerleri değiştirebilirsiniz.

createsilverlight.js dosyası içerisinde yapılacak değişiklikler

var scene = new PageTurn(10);

buradaki 10 değeri sayfa çevirme efekti uygulanacak sayfa sayısıdır. Siz de bu değeri sayfa sayınıza göre değiştirebilirsiniz.

mainpage.js dosyası içerisinde yapılacak değişiklikler

Daha sonra tasarımımızda bulunan ingilizce ifadelerden Annotate ve Clear Annotations yazılarını Türkçeye çevirdim. Javascript dosyalarından mainpage.js dosyasını alalım ve aşağıdaki gibi değiştirelim.  

var _annotateToggleButton = new InkToggleButton(this.plugIn, "Not Al", Silverlight.createDelegate(this.inkManager, this.inkManager.toggleInkMode), Silverlight.createDelegate(this.inkManager, this.inkManager.toggleInkMode));

var _clearAnnotationButton = new InkButton(this.plugIn, "Notları Sil", Silverlight.createDelegate(this.inkManager, this.inkManager.clearInk));

navigationManager.js dosyası içerisinde yapılacak değişiklikler

if (type == "showFold")
  {
    if (this.nextOddPage < this.maxNumPages)
    {
      this.pageAnimationType = "showFold";
      this.pageAnimationTarget = 840;
      this.pageAnimationDelta = 5;
      this.timer.begin();
    }
  }

bölümündeki

this.pageAnimationDelta = 5;

sayfanın köşesindeki kulakçığın aktifleşme hızını belirler

 Dosyanın aslı

http://silverlight.net/samples/1.0/Page-Turn/default.html

adresinde bulunmaktadır. Aslını oradan indirerek gerekli değişiklikle bu dosya üzerinden de gerçekleştirebilirsiniz.