用于Windows Phone 的SilverLight 提供了 PhoneApplicationFrame 和 PhoneApplicationPage類，這兩個(gè)類是微軟針對(duì)Silverlight for Windows Phone 另外封裝的，它為導(dǎo)航提供了使得。
PhoneApplicationPage 控件代表了內(nèi)容相互分離的區(qū)段，一個(gè)應(yīng)用程序可以有多個(gè)PhoneApplicationPage 。
PhoneApplicationFrame 扮演了頁(yè)面控件容器的角色，對(duì)頁(yè)面之間的導(dǎo)航提供了便利，一個(gè)應(yīng)用程序有一個(gè)獨(dú)立的PhoneApplicationFrame。
Windows Phone 7是通過(guò) 使用URI【通用資源標(biāo)志符(Uniform Resouce Identifier )】映射進(jìn)行頁(yè)面導(dǎo)航的。下面通過(guò) DEMO 來(lái)了解一下Windows Phone 7的各種導(dǎo)航的寫法吧。
第一種通過(guò)使用NavigationService 進(jìn)行導(dǎo)航控制，如下代碼：
UriKind 是一個(gè)枚舉類型，自帶有三種類型，這里我們使用相對(duì)路徑。
第二種通過(guò)直接使用控件自帶功能，即使用微軟的HyperLink控件，直接導(dǎo)航，代碼如下：
第三種我們可以為我們的URI路徑起一個(gè)別名，然后在調(diào)用時(shí)調(diào)用別名即可，可以方便我們管理，使用步驟如下：
a).在App.xaml的文件上注冊(cè)Windows.Navigation 命名空間，該空間位于Reference目錄下的Microsoft.Phone組件，代碼如下：
b).為應(yīng)用程序添加資源，代碼如下：
< nav:UriMapperx:Key = " UriMapper " >
< nav:UriMappingUri = " SecondPage " MappedUri = " /Layout/SecondPage.xaml " />
</ nav:UriMapper >
</ Application.Resources >
c).添加完成后，進(jìn)入 App.xaml.cs 在它的構(gòu)造函數(shù)里面為應(yīng)用程序的RootFrame下所在的UriMapper 賦值，這用的話我們應(yīng)用程序就可以通過(guò)它去映射我們傳給它的URI 別名。代碼如下：
Tip：這里的Resources 是一個(gè)字典型數(shù)據(jù)，鍵值必須跟上面App.xaml 添加資源的UriMapper Key要相對(duì)應(yīng)。
d).注冊(cè)好別名之后，我們就可以在程序中如下使用：
或者在HyperLinkButton 中如下使用：
好了，說(shuō)完如何通過(guò)URI導(dǎo)航到指定Page 頁(yè)面，下面來(lái)嘗試一下如何通過(guò)URI導(dǎo)航傳遞數(shù)據(jù)吧。
做過(guò)Asp.Net 的童鞋相信對(duì)地址欄傳值不陌生，比如我現(xiàn)在在博客園寫文章的路徑如下：
后面的“？”跟著的就是相關(guān)的參數(shù)或者要表達(dá)的某些請(qǐng)求，這種寫法很好，又直接。做過(guò)WEB的又好理解，不過(guò)慶幸的是微軟把這個(gè)非常棒的功能加入到Windows phone 7的頁(yè)面?zhèn)鬟f中來(lái)，這真是一大另人興奮的事，怎么樣呢？就這樣用：
或者
簡(jiǎn)單明了，不帶一絲拖拉看來(lái)WEB開發(fā)人員進(jìn)入Windows Phone 7開發(fā)也可以喲。。。呵呵~！！
我們剛才的縮寫也是同樣直接這種URI帶參數(shù)的寫法的，同樣還是來(lái)到App.xaml頁(yè)面，寫法如下：
< nav:UriMapperx:Key = " UriMapper " >
< nav:UriMappingUri = " SecondPage " MappedUri = " /Layout/SecondPage.xaml " />
< nav:UriMappingUri = " SecondPage/{content} " MappedUri = " /Layout/SecondPage.xaml?name={content} " />
</ nav:UriMapper >
</ Application.Resources >
這里要注意三點(diǎn)：
- SecondPage/{content}與后面name={content}這兩個(gè)content一定要相同
- content 不可以寫數(shù)字0，寫數(shù)字0會(huì)報(bào)運(yùn)行時(shí)錯(cuò)誤。可以為數(shù)字1，但不可以為其他數(shù)字。為“1”時(shí)編譯器解析正常，但為其他數(shù)字時(shí)雖不會(huì)報(bào)運(yùn)行時(shí)錯(cuò)誤，但編譯器解析出錯(cuò)，不能夠正確解析傳進(jìn)來(lái)的參數(shù)，會(huì)直接打印比如SecondPage/{111}在另外的頁(yè)面就直接打印{111}。
- MappedUri 后面“？”的查詢字段區(qū)分大小寫。
添加資源完成后，在頁(yè)面使用如下方法即可調(diào)用縮寫并傳參數(shù)：
試試效果吧，在頁(yè)面中的按鈕點(diǎn)擊然后跳轉(zhuǎn)到第二頁(yè)，看會(huì)不會(huì)顯示“terry”，如圖：
獲取參數(shù)跟Asp.net 差不多，見下方代碼：
{
UriTextBox.Text = NavigationContext.QueryString[ " name " ].ToString();
}
Windows Phone 7 的NavigationContext.QueryString 是不支持傳遞對(duì)象的，那么如果我們現(xiàn)在有個(gè)對(duì)象需要傳遞該如何實(shí)現(xiàn)呢？看了Jake Lin 老師的視頻后才知道可以在App 里面定義一個(gè)對(duì)象屬性，然后這個(gè)屬性就可以提供全局訪問(wèn)。是不是我可以理解成這個(gè)屬性其實(shí)也可以放在一個(gè)公用的靜態(tài)類上呢？呵呵，下面看如何實(shí)現(xiàn)吧。
步驟一：
聲明一個(gè)對(duì)象名為Model寫下如何函數(shù)：
{
public string name{ get ; set ;}
public string file{ get ; set ;}
}
然后在App.xaml.cs 里面將Model 聲明為一個(gè)公用的靜態(tài)屬性：
余下的功夫就是為其賦值和取值的操作了，點(diǎn)擊跳往下一頁(yè)的按鈕時(shí)，為App.Model 賦值。在第二頁(yè)時(shí)取出App.Model的值，代碼編寫見下方：
{
App.MyAppModel = new Class.Model{name = " terry " ,file = " my " };
NavigationService.Navigate( new Uri( " SecondPage/terry " ,UriKind.Relative));
}
第二頁(yè)Loaded完畢后：
{
if (NavigationContext.QueryString.Count > 0 )
{
UriTextBox.Text = NavigationContext.QueryString[ " name " ].ToString();
}
Class.Modelmodel = App.MyAppModel;
Debug.WriteLine(model.name + " ===>>> " + model.file);
}
見輸出日志信息：
我們還可以通過(guò)別名傳參的方法，動(dòng)態(tài)的指定頁(yè)面跳轉(zhuǎn)，先看看界面：
頁(yè)面上有三個(gè)單選按鈕，然后工程中對(duì)應(yīng)有三個(gè)頁(yè)面：
選擇后，點(diǎn)擊按鈕將會(huì)通過(guò)下標(biāo)動(dòng)態(tài)跳轉(zhuǎn)到不同的頁(yè)面，代碼編寫看下方。
首先，App.xaml的資源添加：
< nav:UriMapperx:Key = " UriMapper " >
< nav:UriMappingUri = " SecondPage " MappedUri = " /Layout/SecondPage.xaml " />
< nav:UriMappingUri = " SecondPage/{content} " MappedUri = " /Layout/SecondPage.xaml?name={content} " />
< nav:UriMappingUri = " page/{number} " MappedUri = " /Layout/Page{number}.xaml " />
</ nav:UriMapper >
</ Application.Resources >
然后，在主頁(yè)上聲明一個(gè)全局索引，接著編寫如下代碼，即可完成：
{
index = 1 ;
}
private void secondRb_Checked( object sender,RoutedEventArgse)
{
index = 2 ;
}
private void threeRb_Checked( object sender,RoutedEventArgse)
{
index = 3 ;
}
private void chooseButton_Click( object sender,RoutedEventArgse)
{
NavigationService.Navigate( new Uri( " page/ " + index,UriKind.Relative));
}
頁(yè)面導(dǎo)航和數(shù)據(jù)傳遞的課程學(xué)習(xí)完畢到這里先，如果你覺(jué)得對(duì)你有幫助，別忘了推薦一下，謝謝。
------點(diǎn)擊發(fā)布，才記起忘了發(fā)源碼： 導(dǎo)航DEMO
更多文章、技術(shù)交流、商務(wù)合作、聯(lián)系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號(hào)聯(lián)系： 360901061
您的支持是博主寫作最大的動(dòng)力，如果您喜歡我的文章，感覺(jué)我的文章對(duì)您有幫助，請(qǐng)用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點(diǎn)擊下面給點(diǎn)支持吧，站長(zhǎng)非常感激您！手機(jī)微信長(zhǎng)按不能支付解決辦法：請(qǐng)將微信支付二維碼保存到相冊(cè)，切換到微信，然后點(diǎn)擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對(duì)您有幫助就好】元
