Etiket arşivi: windows phone sayfalar arası geçiş

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