Windows Phone Panorama Kontrolü

   Panorama kontrolü, arkaplanda panoramik bir resim (görsel) üzerinde birden fazla sayfa görünümü sağlar. Her sayfa farklı içerikte olabilir.Hızlı parmak hareketleriyle sayfalar arasında geçiş yapabilirsiniz. Aynı anda arkaplandaki resim de ekranda otomatik olarak kaydırılır.

  Şimdi, Visual Studio’yu açalım ve File >> New Project >> Silverlight For Windows Phone >> Windows Phone Application ile bir proje oluşturalım

windows phone panorama

   Proje adı olarak herhangi bir şey yazabilirsiniz

   Daha sonra Solution Explorer penceresinde yer alanMainPage.xaml dosyasını silelim.

windows phone panorama

 

   Son olarak Solution Explorer üzerinde projemize sağ tıklayıp, Add >> New Item seçelim ve açılan pencereden bir Windows Phone Panorama Page ekleyelim.
windows phone panorama

 

  Ekleyeceğimiz sayfa için “MainPage.xaml” adını kullan. Böylece uygulamamızın başlangıç sayfası bu olacaktır

  Projemizin kod tarafında, kaç tane sayfa eklemek istiyorsak o kadar panorama kontrolü ekleyelim.Başlangıç olarak 2 tane vermektedir

  Daha sonra sayfamız için arka plan resmi yüklemek istiyorsak öncelikle projeye sağ tıklayıp Add > Existing Item resmimizin yolunu göstererek projeye dahil edelim

  Panorama item one yazan kısmı, panorama item two yazan kısma kadar silip, sildiğimiz yere aşağıdaki kodları ekleyelim;

<controls:PanoramaItem Header="Bilgisayar Mühendisliği " Orientation="Horizontal">
<Grid>
<StackPanel>
<TextBlock Text="Asp.Net" FontSize="22"/>
<TextBlock Text=" "/>
<TextBlock Text="C#" FontSize="22" TextWrapping="Wrap"/>
<TextBlock Text=" "/>
<TextBlock Text="Java" FontSize="22" TextWrapping="Wrap"/>
<TextBlock Text=" "/>
<TextBlock Text="HTML " FontSize="22" TextWrapping="Wrap"/>
<TextBlock Text=" "/>
<TextBlock Text="CSS" FontSize="22" TextWrapping="Wrap"/>
</StackPanel>
</Grid>
</controls:PanoramaItem>

Daha sonra panorama item two yazan kısma ait olan 3 satırı da siliyoruz ve aşağıdaki kodları yapıştırıyoruz;

<controls:PanoramaItem Header="Programlama" Orientation="Horizontal">
<Grid>
<StackPanel>
<TextBlock Text="C# FontSize="22"/>
<TextBlock Text=" "/>
<TextBlock Text="Asp.Net" FontSize="22"/>
<TextBlock Text=" "/>
<TextBlock Text="Java" FontSize="22"/>
<TextBlock Text=" "/>
<TextBlock Text="C++" FontSize="22"/>
<TextBlock Text=" "/>
<TextBlock Text="PHP" FontSize="22"/>
</StackPanel>
</Grid>
</controls:PanoramaItem>

 

Benzer Yazılar

Yorumlar

Yorum Yazın

Su elementleri kullanabilirsiniz : <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>

Arama
RSS
Beni yukari isinla