Windows Phone開發（9）：關於頁面狀態

按照一般做法，剛學會如何導航，還是不夠的，因為要知道，手機裡面的每個頁面，就如同Web頁面一樣，是無狀態的。

啥是無狀態？如果我們玩過Web開發就明白了，當你在當前頁面輸入一些內容，然後退回到前一頁面，再前進到該頁面，就會發現，之前輸入的內容可能會沒了。
再比如吧，你在頁面A中進行了資料繫結，點擊按鈕後進行查詢並把查詢結果顯示在表格中，然後你點擊一個超連結，跳到D頁面，然後你再從D頁面退回A頁面，你會發現，剛才查詢的結果就不會顯示了。

這就是無狀態，也就是說，在你導航離開當前頁面後，當前頁面不會保留任何操作相關的資料。

在手機應用程式中同樣如此，所以，在導航離開當前頁面時儲存狀態資訊，而在使用者再次回到該頁面時，恢複狀態資訊。

具體做法是重寫兩個方法：
1、OnNavigatedFrom，當導航離開當前頁面後調用，在這個方法中，要把狀態相關的資料儲存；
2、OnNavigatedTo，當使用者再次導航回該頁面時，該方法被調用，這時候取出狀態資訊並恢複。

要讀寫狀態資訊，用到頁面執行個體的State屬性，它是一個字典，也就是鍵 - 值對——Key - Value。

下面我們來示範一下如何儲存和恢複狀態資訊。
建立一個WP項目，隨便布局一下首頁面，反正做成類似撰寫郵件的頁面就行了，然後放一個按鈕，點擊按鈕後開啟電話撥號程式開始打電話。

 

        private void button1_Click(object sender, RoutedEventArgs e)        {            PhoneCallTask cc = new PhoneCallTask();            cc.DisplayName = "小明";            cc.PhoneNumber = "1342580073";            cc.Show();        }

 

接著重寫上面說的兩個方法，分別儲存和讀取狀態。
對於State屬性，不必用Add，直接用鍵和值設定就行了，比較我要儲存姓名資訊，就這樣寫：
this.State["Name"] = "小紅";

如果字典集合中沒有Name的鍵，會自動建立，如果有，就改寫其值。對，你肯定想到了，和Asp.net中我們使用Session差不多。

 

        protected override void OnNavigatedFrom(System.Windows.Navigation.NavigationEventArgs e)        {            this.State["content"] = ContentTextBox.Text;            this.State["title"] = TitleTextBox.Text;            base.OnNavigatedFrom(e);        }        protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)        {            if (this.State.ContainsKey("title"))            {                this.TitleTextBox.Text = State["title"] as string;            }            if (this.State.ContainsKey("content"))            {                this.ContentTextBox.Text = State["content"] as string;            }            base.OnNavigatedTo(e);        }

 

 

要注意的是，如果是讀取狀態資訊時，記得先判斷要擷取資料的鍵是否存在，如果存在再取值，為什嗎？別忘了，當應用程式第一次啟動時，也會調用OnNavigatedTo方法，這時候，記憶體中不可能儲存任何狀態的，所以，在取狀態資訊時候要記得這點。

 

然而，我經過實驗發現，在WP 7.1的模擬器中，不需要儲存狀態，什麼代碼都不寫，系統會自動儲存狀態，然後導航回去後，狀態資訊依然存在。
就是不知道真實手機上是不是這樣，如果是，那WP也真是強大！

 

抱歉，上面我的說法不太對，現更正。

補充一下，是因為系統會對部分應用程式的狀態進行維護，不過僅限於5個，如果超過5個，系統將不再維護狀態資訊。

 

 

 

 

 

 

下面是完整範例程式碼。

[XAML]

<phone:PhoneApplicationPage     x:Class="SaveStates.MainPage"    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"    xmlns:phone="clr-namespace:Microsoft.Phone.Controls;assembly=Microsoft.Phone"    xmlns:shell="clr-namespace:Microsoft.Phone.Shell;assembly=Microsoft.Phone"    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"    mc:Ignorable="d" d:DesignWidth="480" d:DesignHeight="768"    FontFamily="{StaticResource PhoneFontFamilyNormal}"    FontSize="{StaticResource PhoneFontSizeNormal}"    Foreground="{StaticResource PhoneForegroundBrush}"    SupportedOrientations="PortraitOrLandscape" Orientation="Portrait"    shell:SystemTray.IsVisible="True" xmlns:my="clr-namespace:System;assembly=mscorlib">    <phone:PhoneApplicationPage.Resources>        <my:Double x:Key="textSize">35</my:Double>    </phone:PhoneApplicationPage.Resources>    <!--LayoutRoot 是包含所有頁面內容的根網格-->    <Grid x:Name="LayoutRoot" Background="Transparent">        <Grid.RowDefinitions>            <RowDefinition Height="Auto"/>            <RowDefinition Height="*"/>        </Grid.RowDefinitions>        <!--TitlePanel 包含應用程式的名稱和網頁標題-->        <StackPanel x:Name="TitlePanel" Grid.Row="0" Margin="12,17,0,28">            <TextBlock x:Name="ApplicationTitle" Text="我的應用程式" Style="{StaticResource PhoneTextNormalStyle}"/>            <TextBlock x:Name="PageTitle" Text="頁面名稱" Margin="9,-7,0,0" Style="{StaticResource PhoneTextTitle1Style}"/>        </StackPanel>        <!--ContentPanel - 在此處放置其他內容-->        <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">            <Grid.RowDefinitions>                <RowDefinition Height="Auto" />                <RowDefinition Height="Auto" />                <RowDefinition Height="Auto" />                <RowDefinition Height="*" />                <RowDefinition Height="Auto" />            </Grid.RowDefinitions>            <TextBlock Grid.Row="0" HorizontalAlignment="Left" Margin="13,15,0,10" Name="textblockTitle" Text="標題：" VerticalAlignment="Top" FontSize="{StaticResource textSize}" />            <TextBox Grid.Row="1" HorizontalAlignment="Stretch" Margin="2" Name="TitleTextBox" VerticalAlignment="Top" />            <TextBlock FontSize="{StaticResource textSize}" HorizontalAlignment="Left" Margin="13,10,0,5" Name="textBlock1" Text="本文：" VerticalAlignment="Top" Grid.Row="2" />            <TextBox Grid.Row="3" HorizontalAlignment="Stretch" Margin="2" Name="ContentTextBox" VerticalAlignment="Stretch" TextWrapping="Wrap" VerticalScrollBarVisibility="Auto" />            <Button Content="提          交" Grid.Row="4" Height="72" HorizontalAlignment="Stretch" Margin="2" Name="button1" VerticalAlignment="Top" Click="button1_Click" />        </Grid>    </Grid>     <!--示範 ApplicationBar 用法的範例程式碼-->    <!--<phone:PhoneApplicationPage.ApplicationBar>        <shell:ApplicationBar IsVisible="True" IsMenuEnabled="True">            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button1.png" Text="按鈕 1"/>            <shell:ApplicationBarIconButton IconUri="/Images/appbar_button2.png" Text="按鈕 2"/>            <shell:ApplicationBar.MenuItems>                <shell:ApplicationBarMenuItem Text="功能表項目 1"/>                <shell:ApplicationBarMenuItem Text="功能表項目 2"/>            </shell:ApplicationBar.MenuItems>        </shell:ApplicationBar>    </phone:PhoneApplicationPage.ApplicationBar>--></phone:PhoneApplicationPage>

 

 

[C#]

using System;using System.Collections.Generic;using System.Linq;using System.Net;using System.Windows;using System.Windows.Controls;using System.Windows.Documents;using System.Windows.Input;using System.Windows.Media;using System.Windows.Media.Animation;using System.Windows.Shapes;using Microsoft.Phone.Controls;using Microsoft.Phone.Tasks;namespace SaveStates{    public partial class MainPage : PhoneApplicationPage    {        // 建構函式        public MainPage()        {            InitializeComponent();        }        private void button1_Click(object sender, RoutedEventArgs e)        {            PhoneCallTask cc = new PhoneCallTask();            cc.DisplayName = "小明";            cc.PhoneNumber = "1342580073";            cc.Show();        }        protected override void OnNavigatedFrom(System.Windows.Navigation.NavigationEventArgs e)        {            this.State["content"] = ContentTextBox.Text;            this.State["title"] = TitleTextBox.Text;            base.OnNavigatedFrom(e);        }        protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs e)        {            if (this.State.ContainsKey("title"))            {                this.TitleTextBox.Text = State["title"] as string;            }            if (this.State.ContainsKey("content"))            {                this.ContentTextBox.Text = State["content"] as string;            }            base.OnNavigatedTo(e);        }    }}