-- Windows Store, XAML

Windows Store – AppBar Kullanımı

Windows Store uygulama geliştirme makalelerimize AppBar kontrolüyle devam ediyoruz.

Windows Phone 8 üzerinde uygulama geliştirenlerin yakından tanıdğı AppBar (ApplicationBar) kontrolünü Windows Store uygulamalarında da görmekteyiz. Bu kontrol sayesinde ekranda işleve sahip ancak her an görünmesini istemediğimiz işlemleri, mouse’un sağ tıklaması ya da dokunmatik ekranlar sayesinde alttan açılır menü olarak kullanabilmekteyiz.

Kullanımı gayet basit bir işlem olduğu için doğrudan konuya giriyorum.

– Yeni bir Windows Store (Blank App) projesi oluşturuyoruz.
– ToolBox’tan ya da XAML ile AppBar kontrolü ekliyoruz.

Temel olarak yukarıdaki işlemlerden sonra uygulamayı geliştirmeye hazır olduğumuzu söyleyebilirim. C# kodlarına geçmeden önce XAML ile Windows Store uygulamamızın arayüz özelliklerini tasarlayalım.

– XAML

1

XAML tarafındaki yazım ve nesne isimlendirmelerine dikkat etmelisiniz. Çünkü bu nesne isimlerini C# kodlamasında kullanacağız.

– C#

 public sealed partial class MainPage : Page
    {
        string mesaj = string.Empty;
        public MainPage()
        {
            this.InitializeComponent();

            btnCikisYap.Click += BtnCikisYap_Click;
            btnAyarlar.Click += BtnAyarlar_Click;
            btnPrfilim.Click += BtnPrfilim_Click;
            btnUrunler.Click += BtnUrunler_Click;
        }

        private void BtnPrfilim_Click(object sender, RoutedEventArgs e)
        {
            mesaj = "Profil sayfası çağrıldı.";
            lblMesaj.Text = mesaj;
            MesajGoster("Profil Sayfası", mesaj);
        }

        private void BtnUrunler_Click(object sender, RoutedEventArgs e)
        {
            mesaj = "Ürünler sayfası çağrıldı.";
            lblMesaj.Text = mesaj;
            MesajGoster("Ürünler Sayfası", mesaj);
        }

        private void BtnAyarlar_Click(object sender, RoutedEventArgs e)
        {
            mesaj = "Ayarlar sayfası çağrıldı.";
            lblMesaj.Text = mesaj;
            MesajGoster("Ayarlar Sayfası", mesaj);
        }

        private void BtnCikisYap_Click(object sender, RoutedEventArgs e)
        {
            Application.Current.Exit();
        }

        void MesajGoster(string baslik, string mesaj)
        {
            MessageDialog dialog = new MessageDialog(mesaj, baslik);
            dialog.Commands.Add(new UICommand("Tamam", tamamClick));
            dialog.Commands.Add(new UICommand("İptal", iptalClick));
            dialog.CancelCommandIndex = 1;
            dialog.ShowAsync();
        }

        private void tamamClick(IUICommand command)
        {
            lblMesaj.Text = "Tamam'a tıklandı.";
        }

        private void iptalClick(IUICommand command)
        {
            lblMesaj.Text = "İptal'e tıklandı.";
        }
    }

Uygulamayı çalıştırdıktan sonra neler yapabileceğinizi kontrol ediniz. Aşağıda bu uygulamanın çalışır halini gösteren bir kaç görsel paylaşıyorum.

– Uygulama ilk açıldığında mouse ile sağ tıklayınca…

2

– Profil butonuna tıklanınca…

3

– Açılan ekranda Tamam butonuna tıklanınca…

4

İyi çalışmalar.
Cihan Özhan

Yorumla

Yorum