Windows Phone 8 de Sayfa Navigasyonu(2. sayfayı ekleme)

Merhabalar arkadaşlar , bugün windows phone 8 de bir sayfadan diğer bir sayfaya nasıl navigasyon yapabiliceğimizi anlatacağım.

Ek bir sayfa oluşturmak;

  1. İlk olarak yeni bir proje açıyoruz.
  2. C# dili altında windows phone template açtıktan sonra Windows phone application seçiyoruz.
  3. Basic ekranımızı  MainPage.xaml yapalım.
  4. Debug ettikten sonra hangi sayfada olduğumuzu rahatça anlamak için main page olarak sayfamızı adlandırabilirsiniz.

resim1

5- Şu aşamada projemize 2. xaml ekranını eklememiz gerek bunun için Solution Explorer ‘a sağ tıklatıktan sonra Add seçeneği ile New item i seçiyoruz .

6-  Windows Phone Portrait Page ‘i seçtikten sonra SecondPage adlı 2. sayfamızı ekliyoruz.Şu anda 2. xaml sayfamız eklenmiş durumda.

7-Eğer sayfalara rahat hakim olmak istiyorsanız sayfanın başlığını second page olarak değiştirmenizi öneririm.

resim2

8- Şimdi ise bu iki sayfayı birbirine bağlayacağız. Mainpage.xaml sayfamıza Toolbox tan aldığımız bir HyperlinkButton’umuzu ekliyoruz.Butonumuzun properties kısmından yada basitçi üzerine bir kere tıklayarak ismini Navigate to Second Page olarak değiştiriyoruz.

9-Şimdi ise HyperlinkButton’umuza çift tıklayarak MainPage.xaml.cs içindeki açılmış olaran alana gidiyoruz.

Arkadaşlar bazen sürümden sürüme buttonun ismi değişmektedir.hyperlinkButton1 olarak kabul edilen bir buton için bu kodu kopyalamanız gerekli.Buton ismi sıkıntı çıkartırsa sadece Navigation.Service ile başlayan kodu kopyalayıp butonumuza çift tıklayınca  acılan kod bloguna yapıştırın.

private void hyperlinkButton1_Click(object sender, RoutedEventArgs e)

        {
            NavigationService.Navigate(new Uri("/SecondPage.xaml", UriKind.Relative));
        }

10- İlk sayfa ile işimiz bitti ,sıra ikinci sayfada.SecondPage.xaml sayfamıza geldikten sonra ToolBox’dan sürükleyerek aldığımız Butonumuzu sayfamızın üzerine bırakıyoruz.Text dosyasını Navigate to mainpage olarak değiştirebilirsiniz.

11-Butonumuza çift tıklayarak SecondPage.xaml.cs dosyamızı açıyoruz.Tekrar söylüyorum Button’un isminin button1 kabul edildiği projeye göre şimdi vereceğim kod çalışmaktadır.Sorun yaşarsanız sadece Naviga… ile başlayan kodu da Butonumuza çift tıkladıktan sonra açılan kod parçasının içine kopyalayabilirsiniz.

 

private void button1_Click(object sender, RoutedEventArgs e)

        {
            NavigationService.GoBack();
        }

Şu saatten sonra programımız hazırdır.Programı Deploy ettikten sonra Hyperlink butonuna basıp 2. sayfaya , butonumuza basarakta 1. sayfaya tekrardan dönebilirsiniz.Şimdiden iyi çalışmalar:)

resim4 resim3

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Reklamlar

Etiketlendi:, , , , , , ,

Bir Cevap Yazın

Aşağıya bilgilerinizi girin veya oturum açmak için bir simgeye tıklayın:

WordPress.com Logosu

WordPress.com hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Twitter resmi

Twitter hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Facebook fotoğrafı

Facebook hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Google+ fotoğrafı

Google+ hesabınızı kullanarak yorum yapıyorsunuz. Çıkış  Yap / Değiştir )

Connecting to %s

%d blogcu bunu beğendi: