İçeriğe geç

Windows 8 Uygulamasında Sayfalar Arası Geçiş

Mayıs 3, 2013

Öncelikle yeni bir proje açıp ardından uygulamamıza isim vererek Blank App altında projemizini oluşturuyoruz.

7

Daha sonra  Solution Explorer penceresinin altında bulunan MainPage.xaml dosyasına çift tıklayarak karşımıza aşağıdaki gibi bir tasarım ekranı geliyor.

10

Yukarıda görüldüğü gibi  ekranımıza 3 adet textblock ,3 adet textbox ve 1 adet buton ekledik ve Xaml tarafında textboxlara name atadık.

<TextBox Name=”txtsoyad” HorizontalAlignment=”Left” Margin=”335,183,0,0″ TextWrapping=”Wrap” Text=”TextBox” VerticalAlignment=”Top” Width=”340″/>
<TextBox Name=”txtad” HorizontalAlignment=”Left” Margin=”335,146,0,0″ TextWrapping=”Wrap” Text=”TextBox” VerticalAlignment=”Top” Width=”340″/>
<TextBox Name=”txtyas” HorizontalAlignment=”Left” Margin=”335,220,0,0″ TextWrapping=”Wrap” Text=”TextBox” VerticalAlignment=”Top” Width=”340″/>

Yukarıdaki işlemi tamamladıktan sonra Solution Explorer pencerisi altında projemizin isminin yazılı oldugu alana sağ tıklayıp Add —>Add New İtem dedikten sonra projemize bir adet aşağıdaki gibi Blank page ekliyoruz.

11

Eklediğimiz Page2.xaml adlı dosyamıza bir adet textbox yerleştirip,Mainpage.xaml sayfasında aldığımız ad,soyad,yaş gibi bilgileri bu sayfada göstermeye çalışacağiz.

12

Yukarıda eklediğimiz textboxımızın rengini kırmızı olarak ayarladık ve Xaml kısmında textboxımızın adını txtveri olarak değiştirdik.Tek tek Xaml tarafında rengini ayarlamak veya textboxın boyutunu ayarlamak yerine Visual Studio 2012 de var olan Blend uygulamasıyla daha basit bir şekilde tasarım yapabiliriz.

///Visual Studio 2012 için Blend, Microsoft Windows uygulamalarını görsel olarak oluşturmanıza ve düzenlemenize olanak tanıyan doğru tasarım yüzeyini ve araçlarını sağlayarak ilgi çekici ve gelişmiş kullanıcı arabirimleri tasarlamanıza ve oluşturmanıza yardımcı olur.

13

Daha sonra MainPage.xaml kısmına gelip butonumuza çift tıklayarak MainPage.xaml.cs dosyasına geliyoruz .Burada  gerekli  işlemleri  aşağıdaki gibi yapıyoruz.

private void Button_Click_1(object sender, RoutedEventArgs e)
{
ad = txtad.Text;
soyad = txtsoyad.Text;
yas = txtyas.Text;
dizi[0] = ad;
dizi[1] = soyad;
dizi[2] = yas;
this.Frame.Navigate(typeof(Page2), dizi);
}

///Burada en önemli kod kısmı “this.Frame.Navigate” metodudur. Bu metod iki adet parametre almaktadır. Aldığı ilk parametreye sayfanın tipini, ikinci parametreye de göndereceğimiz veriyi giriyoruz.

Bu işlemi tamamladıktan sonra Page2.xaml.cs dosyasındaki “OnNavigatedTo” metodunun içersine kodlarımızı yazacağız.

protected override void OnNavigatedTo(NavigationEventArgs e)
{

var veri = e.Parameter as String[];
txtveri.Text = veri[0].ToString() + ” ” +veri[1].ToString() +” “+ veri[2].ToString();
}

İşlemimiz tamamlandı.Şimdi sıra projemizi çalıştırmakta 🙂

screenshot_05032013_040350

Yukarıda gerekli alanları doldurduktan sonra Kayıt ol adlı butona tıkladığımızda 2.sayfaya yönlenmemiz gerekmekte.

screenshot_05032013_100945

Görüldüğü gibi projemiz istenildiği gibi çalışmaktadır.Bugün Windows 8 uygulamalarında sayfalar arası geçişin nasıl yapıldığını hep beraber öğrenmiş olduk.

Reklamlar

From → Arşiv

Yorum Yapın

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 )

Google fotoğrafı

Google 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 )

Connecting to %s

%d blogcu bunu beğendi: