İlk önce bu linkten Windows Pone 7 SDK kurulumunu yapıyoruz. Kodlamaya kolay bir giriş için bu adresten Microsft Small Basic indirip kuruyoruz. Tabi bunları yapabilmemiz için bilgisayarımızda Visual Studio 2010 kurulu olmadı gerekiyor. Gerekli hazırlıkları tamamladıktan sonra yeni bir proje oluşturalım.

• Solda Visual C#->Silverlight for Windows Phone seçin.
• Ortada bulunan Windows Phone Application seçin.
• Projenin ismini de HelloWorld diyerek OK butonuna tıklayınız

Böylelikle yeni bir proje oluşturmuş olduk. Oluşturduğumuz sayfa 3 bölüme ayrılmış; soldaki tasarım için device görüntüsü, ortadaki XAML görüntüsü, sağdaki ise Solution Explorer görüntüsüdür. MainPage.xaml, uygulamalar için kullanıcı arayüzü oluşturur.

TextBlock Ekleme

Basit bir “TextBlock” ekleyerek “HelloWorld” yazdıralım. Toolboxtan TextBlock seçip sürükle bırak yapıyoruz. Daha sonra Properties kısmından text özelliğini “Hello World” yapıyoruz. Fontsize : 50, Height: 70 Tasarım şu şekilde oluyor;

Grafik Ekleme

Toolboxtan dikdörtgen, elips gibi şekiller seçip ekleyebiliriz. Biz elips seçelim ve özellikleri şöyle olsun;
1. TextBlock’ un altında olsun.
2. Mavi renkli, içi dolu, Height = 150, Width = 300 olsun.
Bunları Properties kısmından da değiştirebiliriz fakat XAML kısmından değiştirmemiz bizim öğrenmemiz açısından ve ileriki zor konularda elimizin çabuklaşmasını sağlayacaktır.
XAML:

<Ellipse Height=”150″ Fill=”Blue” Name=”ellipse1″ Width=”300″ />

Bu kodu yukarıda yazdığımız TextBlock’un altına yazalım ve çalıştıralım.

Buton Ekleme

Toolboxtan buton seçip ekliyoruz. Daha sonra XAML’den özelliklerini şu şekilde yapıyoruz:
XAML:

<Button Height = “150″

Width=”300″

Name=”FirstButton”

Content=”Click” />

Daha Sonra Buton’un Click Event’ine gidip orada şu işlemleri yapıyoruz:
private void button1_Click(object sender, RoutedEventArgs e)
{
if (button1.Content as string == “Click”)
{
button1.Content = “Again Click”;
}
else
{
button1.Content = “Click”;
}
}
Bu işlemle buton tıklanmadığında “Click”, tıklandığında ise “Again Click” yazıyor.

Animasyon Ekleme

Animasyon Eklemek için 3 şey gereklidir:
1. StoryBoard oluşturma,
2. Animasyon oluşturma,
3. Animasyonun başlaması için kod ekleme.

XAML:

<StackPanel>

<StackPanel.Resources>

<Storyboard x:Name=”FirstStoryBoard”>

<DoubleAnimation Storyboard.TargetName=”FirstEllipse”

Storyboard.TargetProperty=”Width”

To=”1″ AutoReverse=”True”

Duration=”00:00:01″ />

</Storyboard>

</StackPanel.Resources>

<TextBlock FontSize=”50″ Text=”Hello, World!” />

<Ellipse Fill=”Blue” Height=”150″ Width=”300″

Name=”FirstEllipse” />

<Button Height=”150″

Width=”300″

Name=”FirstButton”

Content=”Click”

Click=”FirstButton_Click” />

</StackPanel>

XAML kodunda, elipsin dönme hareketi yer alıyor. To, animasyon yapılacak değeri gösteriyor.  AutoReverse, tekrar edip etmeyeceğini,  duration ne kadar zaman süreceğini gösteriyor.

Animasyonun başlaması için kodda bir değişiklik yapmak gerekiyor.

private void FirstButton_Click(object sender, RoutedEventArgs e)

{

if (FirstButton.Content as string == “Tap”)

{

FirstButton.Content = “Tap Again”

}

else

{

FirstButton.Content = “Tap”;

}

FirstStoryBoard.Begin();

}

Gül Yurdakul

gulyurdakul.com