Windows Phone編程中頁面間傳值方法
WP開發過程中有時會遇到頁面間轉值的需求,如果定義兩個頁面,一個是初始頁面Source Page,另外一個是跳轉的頁面Destination Page,簡單地分析主要有兩個方面的要求:
- 首先是在source page跳轉到destination page時給destination page頁面傳值的實現;
- 然后是當在destination page中調用goback函數回到source page時如何在source page傳值;
第一點系統本身提供了基本的實現方法,新建一個項目DataPassingDemo,然后新建一個頁面SecondPage.xaml,我們需要實現就是 從MainPage中跳轉到SecondPage中去,并傳遞參數讓SecendPage捕捉。首先在Mainpage中增加一個Textblock并且 增加事件處理函數:
- <Grid x:Name="ContentPanel" Grid.Row="1" Margin="12,0,12,0">
- <TextBlock Text="Navigate to 2nd page with data" HorizontalAlignment="Center"
- VerticalAlignment="Center" Padding="0 34"
- ManipulationStarted="TextBlock_ManipulationStarted"/>
- </Grid>
在Mainpage的后臺代碼中,實現TextBlock_ManipulationStarted方法如下:
- private void TextBlock_ManipulationStarted(object sender, ManipulationStartedEventArgs args)
- {
- string destination ="/SecondPage.xaml?parameter1=hello¶meter2=world";
- this.NavigationService.Navigate(new Uri(destination, UriKind.Relative));
- args.Complete();
- args.Handled =true;
- }
可以看到上面的那個destination是不是很像網頁間傳遞參數的形式呢?同理在SecondPage中增加一個Textblock,并給該 Textblock的ManipulationStarted事件中增加Goback()事件。同時,為了捕捉MainPage傳遞過來的參數,在 SecondPage的后臺代碼中實現下面的代碼:
- protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs args)
- {
- IDictionary<string,string> parameters =this.NavigationContext.QueryString;
- if (parameters.ContainsKey("parameter1"))
- {
- string parameter1 = parameters["parameter1"];
- string parameter2 = parameters["parameter2"];
- txtblk.Text = String.Format("Parameter1 is:{0} and parameter2 is:{1}", parameter1, parameter2);
- }
- base.OnNavigatedTo(args);
- }
通過重載OnNavigatedTo函數實現獲取傳遞過來的參數并在其中的一個TextBlock中顯示出來。
所以實現第一個傳值要求的方法很簡單,只要通過給NavigationService的目標頁面地址附帶上參數再由目標頁面獲取參數即可,而我們要注意的地方是,由于移動設備設計的便捷性要求,我們應該避免那些很復雜的傳遞參數的設計,并且,在設計時要注意Windows Phone設計中的墓碑機制,才能設計出合理高效的WP應用。
接著我們來考慮第二個問題,如何在頁面間共享,傳遞數據。我們可以考慮到如果有一個是中間的“容器”可以存放一些公共的數據的話那且不是可以實現這個要求 了嗎?這時如果熟悉Silverlight設計的話頭腦里就會呈現出App這個類,由于所有的頁面都可以訪問到App這個類,所以我們可以把一些準備共享 的數據放在App這個類中定義。就在上面那個例子中,我們在App類中增加一個公共變量:
- public string SharedString {set;get; }
這時如果想在MainPage中給SecondPage傳遞參數的話則需要先訪問那個共享數據,這時的MainPage中的后臺代碼如下:
- private void TextBlock_ManipulationStarted(object sender, ManipulationStartedEventArgs args)
- {
- (Application.Currentas App).SharedString ="Hello World";
- this.NavigationService.Navigate(new Uri("/SecondPage.xaml", UriKind.Relative));
- args.Complete();
- }
即在訪問SecondPage前先修改那個共享數據的值,然后在SecondPage的OnNavigatedTo事件中代碼修改如下:
- protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs args)
- {
- string sharedString = (Application.Currentas App).SharedString;
- txtblk.Text = sharedString;
- base.OnNavigatedTo(args);
- }
同理,如果想通過SecondPage向MainPage傳遞數據的話,只要在調用GoBack函數前修改那個共享數據的值再由MainPage中的OnNavigatedTo函數來獲取到相對應的數據即可。
到這里我們已經基本可以實現上面的兩個要求了,但第二種方法只是一種取巧的方法,在邏輯及實現上都有不合理的地方,我們應該走思考另外一種更為合理與通用 的實現方式,那就是OnNavigatedFrom這個函數了。大家可能會想,from不是很明顯嗎,我們就是通過from的原頁面跳到目標頁面的,那么 這個from有何用處呢。其實它的用處挺大的,例如,通過這個函數我們可以很好的解決上面提到的問題。
最后用一個例子去說明這種方式的具體實現,我們定義兩個頁面,和之前的類似,這次我們通過SecondPage返回的值去定義MainPage頁面的顏色,MainPage的后臺代碼定義如下:
- public partial class MainPage : PhoneApplicationPage
- {
- public MainPage()
- {
- InitializeComponent();
- }
- public Color? ReturnedColor {set;get; }
- private void TextBlock_ManipulationStarted(object sender, ManipulationStartedEventArgs args)
- {
- this.NavigationService.Navigate(new Uri("/SecondPage.xaml", UriKind.Relative));
- args.Complete();
- args.Handled =true;
- }
- }
這里定義為Color?,因為返回的值有可能是非顏色的。而SecondPage中的后臺代碼定義如下:
View Code
我們通過獲得一個隨機數值組合而成的顏色設置為SecondPage的背景顏色,然后通過OnNavigatedFrom設置ReturnedColor 為當前背景顏色,所以為了獲取SecondPage返回的ReturnedColor,在MainPage的后臺代碼中還需要重載 OnNavigatedTo方法響應這個OnNavigatedFrom:
- protected override void OnNavigatedTo(System.Windows.Navigation.NavigationEventArgs args)
- {
- if (ReturnedColor !=null)
- ContentPanel.Background =
- new SolidColorBrush(ReturnedColor.Value);
- base.OnNavigatedTo(args);
- }
通過OnNavigatedFrom與OnNavigatedTo,我們就完成了數據的傳遞過程。