Windows

Windows Phone Application Bar

Merhaba arkadaşlar,

Windows phone 8 de bildiğiniz gibi status bar (durum çubuğu), application space (uygulama alanı ) ve applicationbar(uygulama çubuğu) olmak üzere aslında 3 kısımdan oluşmaktadır.
6142241020142241186142

Biraz ileri seviyede kodlama bilgisi olan geliştiriciler mutlaka applicationbar kullanmak ister. Çünkü biz lumia kullanıcıları olarak alıştığımız o mükemmel estetik yapıyı tüm uygulamalarda görmek isteriz. Biraz yukarıdaki bölümlerden bahsetmek gerekirse kısaca özetleyelim.

Status bar: Saat, wifi, pil göstergesi kısaca telefonunuzun her türlü bildiriminizin yer aldığı en üstte bulunan bir alandır. Bazı uygulamalarda bu alanı da kullanmak gerekebilir. Bunun için yapmanız gereken küçük bir değişiklik olacaktır. Aşağıdaki resimde sarı ile çizilen kod satırının true kısmını false olarak yapmak yeterlidir.

6332241020142241486332

Application space: Uygulama alanınızın bulunduğu sizin tasarımınızın gerçekleştiği alandır.

Application bar: Uygulamada rahat gezinebilmek için ve gerekli kontrolleri normal buton koymak yerine ikonlarla daha güzel bir tasarım gerçekleştirebileceğiz bir alandır. Hem yerden tasarruf sağlamış olursunuz hem de Windows phone tasarımına uygunluğu söz konusu olur.

Şimdi application bar özelliğini kullanmak için .xaml dosyasının kodundan önce bir yerlere yazmamız yeterli olacaktır.

Application bar içinde max 4 butona izin vardır 5. Butonu koymaya çalışmayın çünkü ekrana sığmadığı için kabul etmeyecektir. Eğer daha çok buton koymak isterseniz açılabilir menü size sunuluyor. Şimdi sizin için hazırladığım 4 buton ve 3 tane de açılabilir menü den oluşan kodu aşağıda paylaşıyorum.

<phone:PhoneApplicationPage.ApplicationBar>
        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">
            <shell:ApplicationBarIconButton IconUri="/Assets/AppBar4/feature.settings.png" Text="Button 1"/>
            <shell:ApplicationBarIconButton IconUri="/Assets/AppBar3/share.png" Text="Button 2"/>
            <shell:ApplicationBarIconButton IconUri="/Assets/AppBar5/edit.png" Text="Button 3"/>
            <shell:ApplicationBarIconButton IconUri="/Assets/AppBar6/questionmark.png" Text="Button 4"/>
            <shell:ApplicationBar.MenuItems>
                <shell:ApplicationBarMenuItem Text="MenuItem 1"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 2"/>
                <shell:ApplicationBarMenuItem Text="MenuItem 3"/>
            </shell:ApplicationBar.MenuItems>
        </shell:ApplicationBar>
    </phone:PhoneApplicationPage.ApplicationBar>

Artık application bar özelliğinizin öncesi ve sonrası aşağıdaki şekilde görüldüğü gibi olacaktır.

5064241020142245575064

Şimdi application bar içindeki butonlara ve oluşturduğumuz menülere çeşitli kodlar yazmak için kontrolün üzerine gelip properties penceresinden click eventinin içine çalışmasını istediğiniz kodlarınızı yazın.

Aynı zamanda dilerseniz application özelliğinizi satırının üzerine gelip properties penceresinden blend ve ya visual studio ile application bar ekleyebilirsiniz. Ya da kendi tasarımınızı uygulamanızda kullanmak istiyorsanız kendi ikonlarınızı tasarlayıp uygulamanızda kullanmanız çok büyük etki uyandırır.

İyi kodlamalar.

hakkımdaki her şeyi bu blogda bulabilirsin. Haydi sende bir göz gezdirmeye ne dersin?

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir