[Windows Phone]Application Bar介紹

2014-01-14

3794
0
2014-01-22

若不想多設計一個「主選單」，可以使用Windows Phone所提供的Application Bar，讓開發者可以少設計一頁XAML。

Application Bar分為以下兩種

圖片加文字	純文字

顯示的方法(Mode)也有兩種

Default	Minimized

之後至Xaml撰寫程式碼

這裡使用「圖片加文字」

<phone:PhoneApplicationPage.ApplicationBar>
		
    <shell:ApplicationBar Opacity="1.0" Mode="Default" IsVisible="True">
		
        <shell:ApplicationBarIconButton IconUri="/Assets/AppBar/back.png" Text="返回"/>
		
        <shell:ApplicationBarIconButton IconUri="/Assets/AppBar/add.png" Text="增加"/>
		
    </shell:ApplicationBar>
		
</phone:PhoneApplicationPage.ApplicationBar>

這裡使用「純文字」

<phone:PhoneApplicationPage.ApplicationBar>
		
    <shell:ApplicationBar Opacity="1.0" Mode="Default" IsVisible="True">
		
        <shell:ApplicationBar.MenuItems>
		
            <shell:ApplicationBarMenuItem Text="第一個功能項"/>
		
            <shell:ApplicationBarMenuItem Text="第二個功能項"/>
		
        </shell:ApplicationBar.MenuItems>
		
    </shell:ApplicationBar>
		
</phone:PhoneApplicationPage.ApplicationBar>

若要加入切換頁面只要在「shell:ApplicationCarIconButton」或「shell:ApplicationBrMenuItem」後面加入「Click」事件即可。

Reference

Windows Phone App開發-Application Bar介面

Windows Phone 7 Application Bar 建置

若有觀念錯誤、內容錯誤，勞請告知。謝謝。

若要轉載請註明出處，謝謝。

windows phone

回首頁