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 

WPF teknolojisinde form biçim ve düzenlerini de değiştirmemiz mümkündür. Örneğin şekilli bir pencere yapalım.

Bunun için yapacağımız örnek için de Project menüsünden Add Window diyerek yeni pencere ekleyelim ve ana penceremiz içerisine bir buton ekleyerek şu kodu yazalım:

Class Window1

    Private Sub cmdyenipencere_Click(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs) Handles cmdyenipencere.Click

        Dim yenipencere As New Window2

        yenipencere.Show()

    End Sub

End Class

Window2 seçili iken properties penceresinden şu değişiklikleri yapalım:

WindowsStyle özelliğini None yaparak pencere üzerindeki tam ekran yapma, ekranı kaplama ve simge durumuna küçültme düğmelerinin temizlenmesini sağlayalım.

AllowsTransparency özelliğini true yaparak penceremizin saydam hale gelmesini sağlayalım.

Daha sonra projemize formumuzun şeklini belirleyecek herhangi bir resim dosyasını Add>New Item seçenekleri ile ekleyerek projemize dâhil edelim.

Window2’nin XAML kod penceresine eklediğimiz resmin formun zemini hale gelmesini sağlamak için şu kodu ekleyelim:

<Window.Background>

        <ImageBrush ImageSource="10.png"></ImageBrush>

</Window.Background> 

Ayrıca Window2 üzerine de bir buton ekleyelim. Butonumuza basıldığında pencereyi kapatsın. Kodu şu şekilde olacak:

Private Sub cmdgeri_Click(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs) Handles cmdgeri.Click

        Me.Close()

End Sub

Sonuç olarak Window2’nin tüm XAML kodu şu şekilde olacak:

<Window x:Class="Window2"

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

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

    Title="Window2" Height="300" Width="300" WindowStyle="None" AllowsTransparency="True">

    <Window.Background>

        <ImageBrush ImageSource="10.png"></ImageBrush>

    </Window.Background> 

    <Grid>

        <Button Margin="99,116,104,123" Name="cmdgeri" Background="Yellow">Geri</Button>

    </Grid>

</Window>

VB.NET kodu ise şu şekilde:

Partial Public Class Window2

    Private Sub cmdgeri_Click(ByVal sender As System.Object, ByVal e As System.Windows.RoutedEventArgs) Handles cmdgeri.Click

        Me.Close()

    End Sub

End Class

Projemizi çalıştırıp pencere1’den pencere2’yi çağırdığımızda pencere2’nin şu şekilde olduğunu görürüz:

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"); 

        }             

    }

}

Microsoft'un daha önce üniversiteler için başlatmış olduğu DreamSpark programı nihayet liseleri de kapsayacak şekilde genişletildi. Bu program ile öğrencilerimiz kendilerine verilen şifreler ile istedikleri microsoft ürünlerini tam sürüm olarak https://www.dreamspark.com/Default.aspx adresinden indirebilecekler. Bu çerçevede okulumuz adına başvuruda bulunarak 200 adet aktivasyon kodu aldım.

Yapmanız gereken Dreamspark sitesine hotmail ya da msn adresiniz ile giriş yaparak benden alacağınız aktivasyon kodunu girmek. Daha sonra istediğiniz ürünü indirebilirsiniz.

Ancak bunun akademik amaçlı olup, indireceğiniz yazılımları kopyalayarak dağıtmamanızı söylemeyi de unutmayayım.

Aktivasyon kodu almak isteyen öğrencilerimiz bana başvuruda bulunabilirler.

Projemiz yüklenirken çalıştırmak istediğimiz bir kodu Application.xaml  dosyası içerisinde startup olayına yazarız. Bunun için StartupUri="Window1.xaml" içerisinde StartupUri="Window1.xaml" kodunu bulup bu kodun hemen arkasında iken boşluk tuşuna basalım.   Intellisense desteği sayesinde biz boşluk tuşuna basar basmaz koda ekleyebileceğimiz olaylar ve metodlar burada listelenecektir.

Biz burada Startup olayını seçeceğiz. Startup olayını yazdığımızda event handler’in aktifleştiğini görürüz. Tab tuşuna basarak ya da fare ile event handler üzerine tıklayarak olay ile ilgili vb.net kodunun otomatik olarak yazılmasını sağlarız.

Üstteki resimde görülen event handler üzerinde işlem yapıldıktan sonra Application.xaml.vb dosyası içerisine aşağıdaki kod otomatik olarak yazılacaktır.

Private Sub Application_Startup(ByVal sender As System.Object, ByVal e As System.Windows.StartupEventArgs)

End Sub

Biz örneğin startup olayında bir msgbox ile bir mesaj görüntületelim.

Class Application

    ' Application-level events, such as Startup, Exit, and DispatcherUnhandledException

    ' can be handled in this file.  

    Private Sub Application_Startup(ByVal sender As System.Object, ByVal e As System.Windows.StartupEventArgs)

        MsgBox("Güzel gören güzel düşünür. Güzel düşünen hayatından lezzet alır.")

    End Sub

End Class

Projemizi çalıştırdığımızda ilk olarak mesaj penceresi ile belirtilen mesaj ekrana gelecektir.

Proje sonlanırken bir kod çalıştırmak için ise Application. xaml dosyası içerisinde yukarıdaki işlemde yaptığımız startup olayını eklediğimiz kısma Exit="Application_Exit" olayını eklemeliyiz.

Çıkış için de bir mesaj penceresi görüntületelim:

Private Sub Application_Exit(ByVal sender As System.Object, ByVal e As System.Windows.ExitEventArgs)

        MsgBox("Hayırlı günler")

End Sub

Eğer işletim sistemi tarafından LogOff ,Windows Shutdown, Restart ve Hibernate  olaylarından biri gerçekleştirilirse SessionEnding metodu tetiklenir. Bu olayları Application nesnesinin SessionEnding metodu içerisinde kodlayabiliriz.

Uygulamamızı bilinçli olarak sonlandırmak için Application sınıfının Shutdown metodu kullanılabilir. Uygulamamızın içerisindeki ShutDown metodunun hangi durumlarda otomatik olarak çalışacağı ShutdownMode özelliği yardımıyla değiştirilebilir. ShutdownMode özelliği

-OnLastWindowClose

-OnMainWindowClose

-OnExplicitShutDown

şeklinde 3 değer alır.

-OnLastWindowClose: Eğer projemizde birden fazla pencere varsa son pencere kapatıldığında uygulama sonlanır.

-OnMainWindowClose: Ana pencere kapatıldığında uygulama sonlanır.

-OnExplicitShutDown: Uygulamanın kapatılması kullanıcıya bağlıdır.

 ReasonSessionEnding özelliği ise Logoff veya Shutdown değerlerini alır. SessionEndingEventArgs’ ın bir diğer özelliği olan Cancel özelliğine atanan değere göre de Shutdown veya Logoff’ dan vazgeçilmesi sağlanabilir.

Öncelikle Application.xaml dosyası içerisine SessionEnding="Application_SessionEnding" olayını ekleyelim.   

Application.xaml.vb dosyası içerisine ise şu kodu yazalım:

Private Sub Application_SessionEnding(ByVal sender As System.Object, ByVal e As System.Windows.SessionEndingCancelEventArgs)

        Dim soru As MessageBoxResult = MessageBox.Show("Bilgisayar " + e.ReasonSessionEnding.ToString() + " nedeniyle kapatılıyor. İptal etmek ister misiniz?", "Kapatma Sorusu", MessageBoxButton.YesNo, MessageBoxImage.Question)

        If soru = MessageBoxResult.No Then e.Cancel = True

End Sub

 Proje Dosyasının linki:

http://www.volkanaktas.com/PrgDosya/wpf/Wpf_formolayları.rar

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.

Yazı tipi ile ilgili özellikleri seçmek ve değiştirmek amaçlı kullanılır.

Bir text kutusu içerisindeki yazının fontunu değiştiren bir örnek yapalım.

Form üzerine bir adet buton, bir adet de textbox ekleyeceğiz.

Kodumuz aşağıdaki gibi olacak:

Public Class Form1

    Private Sub cmdYaziTipi_Click(ByVal sender As System.Object, ByVal e As System.EventArgs) Handles cmdYaziTipi.Click

        If FontDialog1.ShowDialog() = DialogResult.OK Then

            TextBox1.Font = FontDialog1.Font

        End If

    End Sub

End Class

Kodumuzu çalıştıralım.  Textbox içerisine yazdığımız yazının ilk hali aşağıdaki gibidir;

Yazı tipi özellikleri butonuna tıklayıp yazı tipi özelliklerini seçelim.

Seçtiğimiz özelliklerin textbox içerisindeki yazıya uygulandığını görürüz.

Mersin çapında yapılan proje tabanlı beceri yarışmasında Bilgi ve İletişim Teknolojilerinde Verimlilik Kategorisinde "Sınav Otomasyon Programı" ile Mersin 3.'sü olduk. Yarışmaya öğrencilerim Mehmet Emrullah İncearık ve Övgü Yoldaş ile katılmıştım.

Yarışma sonuç duyurusunun linki:

http://mersin.meb.gov.tr/ptbyİL%20SONUÇ%20BİLDİRİM%20FORMU%20EK-7_270309.pdf

Örneğimiz bir text kutusuna girilen yazıdaki kelime sayısını bulmaktadır.

Kodumuz aşağıdaki gibi olacak:

Public Class Form1

Dim i As Byte

 Private Sub TextBox1_KeyPress(ByVal sender As Object, ByVal e As System.Windows.Forms.KeyPressEventArgs) Handles TextBox1.KeyPress

Dim bosluksay, i As Byte

For i = 1 To Len(TextBox1.Text)

If Mid(TextBox1.Text, i, 1) = Chr(32) Then bosluksay = bosluksay + 1

Next

If e.KeyChar = Chr(13) Then MsgBox("Cümlenin Kelime Sayısı= " & bosluksay + 1)

End Sub  

End Class

Kelime sayısını bulmak için önce boşluk sayısını bulmalıyız. Kelime sayısı boşluk sayısından bir fazladır. Boşluğun karakter kodu 32 dir. Yazı içerisinde bunu arıyoruz.

Arama için Mid fonksiyonundan yararlanıyoruz. Mid bir yazının içinde bir ya da birden fazla karakteri belirtilen konumdan itibaren arar. Kullanımı şu şekildedir:

Mid(Arama yapılacak metin,başlangıç,uzunluk)

Örneğimizde text kutusu içinde enter tuşuna basılınca kelime sayısı yazılmaktadır. Enter'ın karakter kodu 13'dür.