Windows Phone開發(fā)(9):關于頁面狀態(tài)
按照一般做法,剛學會如何導航,還是不夠的,因為要知道,手機里面的每個頁面,就如同Web頁面一樣,是無狀態(tài)的。
啥是無狀態(tài)?如果我們玩過Web開發(fā)就明白了,當你在當前頁面輸入一些內(nèi)容,然后退回到前一頁面,再前進到該頁面,就會發(fā)現(xiàn),之前輸入的內(nèi)容可能會沒了。
再比如吧,你在頁面A中進行了數(shù)據(jù)綁定,點擊按鈕后進行查詢并把查詢結(jié)果顯示在表格中,然后你點擊一個超鏈接,跳到D頁面,然后你再從D頁面退回A頁面,你會發(fā)現(xiàn),剛才查詢的結(jié)果就不會顯示了。
這就是無狀態(tài),也就是說,在你導航離開當前頁面后,當前頁面不會保留任何操作相關的數(shù)據(jù)。
在手機應用程序中同樣如此,所以,在導航離開當前頁面時保存狀態(tài)信息,而在用戶再次回到該頁面時,恢復狀態(tài)信息。
具體做法是重寫兩個方法:
1、OnNavigatedFrom,當導航離開當前頁面后調(diào)用,在這個方法中,要把狀態(tài)相關的數(shù)據(jù)保存;
2、OnNavigatedTo,當用戶再次導航回該頁面時,該方法被調(diào)用,這時候取出狀態(tài)信息并恢復。
要讀寫狀態(tài)信息,用到頁面實例的State屬性,它是一個字典,也就是鍵 - 值對——Key - Value。
下面我們來演示一下如何保存和恢復狀態(tài)信息。
新建一個WP項目,隨便布局一下主頁面,反正做成類似撰寫郵件的頁面就行了,然后放一個按鈕,點擊按鈕后打開電話撥號程序開始打電話。
- private void button1_Click(object sender, RoutedEventArgs e)
- {
- PhoneCallTask cc = new PhoneCallTask();
- cc.DisplayName = "小明";
- cc.PhoneNumber = "1342580073";
- cc.Show();
- }
接著重寫上面說的兩個方法,分別保存和讀取狀態(tài)。
對于State屬性,不必用Add,直接用鍵和值設置就行了,比較我要保存姓名信息,就這樣寫:
this.State["Name"] = "小紅";
如果字典集合中沒有Name的鍵,會自動創(chuàng)建,如果有,就改寫其值。對,你肯定想到了,和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);
- }
要注意的是,如果是讀取狀態(tài)信息時,記得先判斷要獲取數(shù)據(jù)的鍵是否存在,如果存在再取值,為什么?別忘了,當應用程序第一次啟動時,也會調(diào)用OnNavigatedTo方法,這時候,內(nèi)存中不可能保存任何狀態(tài)的,所以,在取狀態(tài)信息時候要記得這點。
然而,我經(jīng)過實驗發(fā)現(xiàn),在WP 7.1的模擬器中,不需要保存狀態(tài),什么代碼都不寫,系統(tǒng)會自動保存狀態(tài),然后導航回去后,狀態(tài)信息依然存在。
就是不知道真實手機上是不是這樣,如果是,那WP也真是強大!
下面是完整示例代碼。
[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 是包含所有頁面內(nèi)容的根網(wǎng)格-->
- <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 - 在此處放置其他內(nèi)容-->
- <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
- {
- // 構造函數(shù)
- 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);
- }
- }
- }