Windows phone 7之頁面導航

首先說一下WP7程式的呈現主體與關係，直接呈現給使用者的介面是頁面Page，每個Page是繼承自PhoneApplicationPage的類，一個程式可以包含任意多個的Page頁面，這些Page頁面被放在一個共同的Frame下，Frame繼承自PhoneApplicationFrame 。一個應用程式只能有一個Frame，建立程式時自動產生的App.xaml.cs檔案中，有關於程式Frame初始化的代碼，在InitializePhoneApplication()方法中，如下

// Do not add any additional code to this method
        private void InitializePhoneApplication()
        {
if (phoneApplicationInitialized)
return;

// Create the frame but don't set it as RootVisual yet; this allows the splash
// screen to remain active until the application is ready to render.
            RootFrame = new PhoneApplicationFrame();
            RootFrame.Navigated += CompleteInitializePhoneApplication;

// Handle navigation failures
            RootFrame.NavigationFailed += RootFrame_NavigationFailed;

// Ensure we don't initialize again
            phoneApplicationInitialized = true;
        }

可以看到，注釋提到，不要添加對於的代碼到該方法中，所以我們也不要這麼做。
當我們改變某個Page的屬性時不會影響其他頁面，但是一旦改變了Frame，那就會影響所有的頁面，所以，我們應該認為Frame是唯讀（雖然不是）。

App類是程式主類，我沒刻意用它來操作全域的屬性，比如擷取Frame，就是RootFrame屬性。

頁面導航的方法

頁面導航一般分為兩種方法，代碼導航，和XAML聲明導航

1、代碼實現

NavigationService類提供了導航的功能，NavigationService.Navigate(new Uri("/NewPage.xaml", UriKind.Relative));將這段代碼放到Button點擊事件中，點擊Button就會跳轉到NewPage.xaml頁面，其中naviagte接受一個Uri類型的參數，這裡傳入字串路徑和路徑類型UriKind，UriKind是個枚舉型，一邊頁面導航是相對路徑。WP7的特點的從根目錄起，"/"開頭表示根目錄，依次輸入檔案路徑，NewPage.xaml檔案放在了根目錄下，所以路徑寫為"/NewPage.xaml", 如果NewPage.xaml在根目錄的View檔案夾下，則路徑為"/View/NewPage.xaml"。

2、XAML實現

可以利用導航控制項如 HyperlinkButton，寫法<HyperlinkButton NavigateUri="/NewPage.xaml" Content="goto new page" Height="30" HorizontalAlignment="Left" Margin="10,92,0,0" VerticalAlignment="Top" Width="200" />，NavigateUri屬性用來設定路徑。

上述兩種方式達到的目的是一樣的，點擊Button或HyperlinkButton就會跳轉到NewPage.xaml

 

WP7頁面導航可以使用路徑別名，也是從Silverlight繼承過來的

首先在App.xaml的檔案上註冊Windows.Navigation 命名空間，代碼：mlns:navigate="clr-namespace:System.Windows.Navigation;assembly=Microsoft.Phone"，

然後註冊資原始碼如下：

<Application.Resources>
        <navigate:UriMapper x:Key="UriMapper">
            <navigate:UriMapping Uri="NewPage" MappedUri="/NewPage.xaml"/>
        </navigate:UriMapper>
    </Application.Resources>

最後給Frame添加UriMapper ：this.RootFrame.UriMapper = Resources["UriMapper"] as UriMapper; 將這句代碼寫到App類的建構函式裡即可。

使用方式

NavigationService.Navigate(new Uri("NewPage", UriKind.Relative));

<HyperlinkButton NavigateUri="NewPage" Content="goto new page" Height="30" HorizontalAlignment="Left" Margin="10,92,0,0" VerticalAlignment="Top" Width="200" />

路徑中直接填別名就可以了，運行效果還是一樣的。

頁面之間傳遞參數

頁面傳遞參數和網頁中傳遞參數的方式一樣，在路徑的後面加上"?參數名=參數值"

NavigationService.Navigate(new Uri("/NewPage.xaml?ID=10", UriKind.Relative));

<HyperlinkButton NavigateUri="/NewPage.xaml?ID=10" Content="goto new page" Height="30" HorizontalAlignment="Left" Margin="10,92,0,0" VerticalAlignment="Top" Width="200" />

這樣就導航到了NewPage.xaml並將ID及其值傳遞到了NewPage.xaml中。

在NewPage.xaml中接受參數的方法

NavigationContext的QueryString屬性儲存區了上個頁面中傳遞的所有參數下面代碼擷取ID並用MessageBox顯示其值

if (NavigationContext.QueryString.ContainsKey("ID"))
            {
                MessageBox.Show(NavigationContext.QueryString["ID"]);
            }

導航中使用了別名的話也可以將參數傳遞變得簡單，修改資源為

<Application.Resources>
        <navigate:UriMapper x:Key="UriMapper">
            <navigate:UriMapping Uri="NewPage" MappedUri="/NewPage.xaml"/>
            <navigate:UriMapping Uri="NewPage/{param}" MappedUri="/NewPage.xaml?ID={param}"/>
        </navigate:UriMapper>
    </Application.Resources>

這樣通過

NavigationService.Navigate(new Uri("NewPage/10", UriKind.Relative));

<HyperlinkButton NavigateUri="NewPage/10" Content="goto new page" Height="30" HorizontalAlignment="Left" Margin="10,92,0,0" VerticalAlignment="Top" Width="200" />

就可以將ID=10傳遞到NewPage.xaml，

由於定義了兩個導航到UriMapping，表現方式不一樣，參數傳遞方世也不一樣，加上預設不使用別名的方式，給Newpage.xaml傳遞參數，路徑可以有三種寫法

"/NewPage.xaml?ID=10“，"NewPage?ID=10“，"NewPage/ID=10“,效果一樣。

 

頁面傳遞參數是頁面之間共用資料的一種方式，還有兩種比較建立的資料共用方法，一種是全域變數，比如使用靜態類，和APP類的靜態成員，這種方法比較簡單，會C#的童鞋都會使用，還有一種方式是使用IsolatedStorage類，這也是整合自Silverlight，叫做隔離儲存區 (Isolated Storage)。隔離儲存區 (Isolated Storage)在WP7程式的聲明周期和資料共用起到最重要的作用，沒有之一，所以，無論如何也要掌握，我將之留到介紹WP7程式的聲明周期時詳細講。這裡唯寫一下他最簡單用法，不理解的童鞋別急。

在MainPage.xaml.cs中寫入

private void btnNavigate_Click(object sender, RoutedEventArgs e)
        {
            IsolatedStorageSettings iss = IsolatedStorageSettings.ApplicationSettings;
            iss["ID"] = 10;
            NavigationService.Navigate(new Uri("NewPage", UriKind.Relative));
        }

 

在NewPage.xaml.cs中寫入

IsolatedStorageSettings iss = IsolatedStorageSettings.ApplicationSettings;
if (iss.Contains("ID"))
            {
                MessageBox.Show(iss["ID"].ToString());
            }

最終運行和NavigationService跳轉在路徑後面加參數效果是一樣的

 

我新浪微博的暱稱是"@馬蔬菜",多多關注，謝謝