Skip to main content

使用應用程序欄:Windows Phone應用程序開發教程 - 第22部分

使用應用程序欄:Windows Phone應用程序開發教程 - 第22部分

Geoffrey Carr

在我們的Windows Phone 7.5 Mango App開發系列的最後一部分中,我們看到瞭如何在XAML頁面之間導航,而在本教程中我們將看一下應用程序欄。

應用程序欄類似於菜單。它的頂部有圖標,只是在底部窺視,省略號按鈕在點擊時顯示了許多文本菜單選項。我們可以使用這些選項在當前XAML頁面上執行某些操作,或者將用戶導航到我們應用程序的全新區域。關於應用程序欄的好處是它大部分都是隱藏的,不會干擾應用程序的基本用戶界面。

讓我們繼續使用一個實例。

創建一個具有唯一名稱的新Windows Phone 7.5項目;像“ApplicationBarDemo”之類的東西。接下來,我們在Solution Explorer窗口中右鍵單擊項目名稱,然後從菜單中選擇Add。從子菜單中選擇“新建文件夾”,並將創建的新文件夾命名為“圖標”。 Icons文件夾將存儲將在應用程序欄中顯示的圖標。現在導航到“C: Program Files Microsoft SDKs Windows Phone v7.0 Icons dark”並將圖標(加號和減號)拖放到項目的Icons文件夾中,以便它們現在成為其中的一部分你的項目。將每個圖標的Build Action屬性從Resource更改為Content。

Visual Studio為每個頁面的XAML代碼提供了應用程序欄的基本框架。導航到設計窗口中XAML代碼的底部,找到Application Bar的代碼。編輯XAML代碼,使其類似於以下內容

   

ApplicationBarIconButton IconUri =“/ Images / appbar.minus.rest.png”Text =“Remove”Click =“ApplicationBarIconButton_Click”/>

ApplicationBarIconButton IconUri =“/ Images / appbar.new.rest.png”Text =“Add”Click =“ApplicationBarIconButton_Click_1”/>

ApplicationBarIconButton IconUri =“/ Images / appbar.minus.rest.png”Text =“Remove”Click =“ApplicationBarIconButton_Click”/>

ApplicationBarIconButton IconUri =“/ Images / appbar.new.rest.png”Text =“Add”Click =“ApplicationBarIconButton_Click_1”/>

     

ApplicationBarMenuItem Text =“Menu 1”Click =“ApplicationBarMenuItem_Click”/>

ApplicationBarMenuItem Text =“Menu 2”Click =“ApplicationBarMenuItem_Click_1”/>

ApplicationBarMenuItem Text =“Menu 3”Click =“ApplicationBarMenuItem_Click”/>

ApplicationBarMenuItem Text =“Menu 4”Click =“ApplicationBarMenuItem_Click_1”/>

ApplicationBarMenuItem Text =“Menu 5”Click =“ApplicationBarMenuItem_Click”/>

ApplicationBarMenuItem Text =“Menu 6”Click =“ApplicationBarMenuItem_Click_1”/>

ApplicationBarMenuItem Text =“Menu 7”Click =“ApplicationBarMenuItem_Click”/>

ApplicationBarMenuItem Text =“Menu 8”Click =“ApplicationBarMenuItem_Click_1”/>

ApplicationBarMenuItem Text =“Menu 9”Click =“ApplicationBarMenuItem_Click”/>

ApplicationBarMenuItem Text =“Menu 10”Click =“ApplicationBarMenuItem_Click_1”/>

ApplicationBarMenuItem Text =“Menu 11”Click =“ApplicationBarMenuItem_Click”/>

ApplicationBarMenuItem Text =“Menu 12”Click =“ApplicationBarMenuItem_Click_1”/>

  

 

 

應用程序欄最多可容納四個圖標按鈕和無限數量的文本菜單項。

我們來看看應用程序欄圖標代碼的XAML代碼

ApplicationBarIconButton IconUri =“/ Images / appbar.minus.rest.png”Text =“Remove”Click =“ApplicationBarIconButton_Click”/>

每個應用程序欄圖標按鈕都包含許多屬性。 IconUri屬性用於為圖標設置uri。 text屬性設置要在圖標下方顯示的微縮文本。 click事件有助於我們定義單擊圖標時要執行的功能。

類似地,應用程序欄菜單項包含許多屬性和事件。我們不會詳細介紹本教程適用於初學者,您可以在MSDN網站上找到更多相關信息。現在讓我們看看如何使用canvas作為對話框。

相關文章:

  • Windows Phone教程8:在Expression Blend-I中創建自定義按鈕
  • 在XAML頁面之間導航:Windows Phone應用程序開發教程 - 第21部分
  • Windows Phone教程4:設計用戶界面
  • GPS,位置API和呼叫Web服務:Windows Phone應用程序開發教程 - 25
  • 了解XAML:Windows Phone應用程序開發Turorial - 第15部分

Link
Plus
Send
Send
Pin