Windows Phone 编程中页面间传值方法 - [WP开发]

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&parameter2=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.Current as 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.Current as 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中的后台代码定义如下：

namespace DataPassingDemo
{
    public partial class SecondPage : PhoneApplicationPage
    {
        public SecondPage()
        {
            InitializeComponent();
        }
        Random rand = new Random();

        private void TextBlock_ManipulationStarted(object sender, ManipulationStartedEventArgs args)
        {
            this.NavigationService.GoBack();
            args.Complete();
            args.Handled = true;
        }

        protected override void OnNavigatedFrom(System.Windows.Navigation.NavigationEventArgs e)
        {
            if (ContentPanel.Background is SolidColorBrush)
            {
                Color clr = (ContentPanel.Background as SolidColorBrush).Color;
                if (e.Content is MainPage)
                    (e.Content as MainPage).ReturnedColor = clr;
            }
            base.OnNavigatedFrom(e);
        }

        protected override void OnManipulationStarted(ManipulationStartedEventArgs args)
        {
            ContentPanel.Background = new SolidColorBrush(
                Color.FromArgb(255, (byte)rand.Next(255),
                (byte)rand.Next(255),
                (byte)rand.Next(255)));
            base.OnManipulationStarted(args);
        }
    }
}

我们通过获得一个随机数值组合而成的颜色设置为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，我们就完成了数据的传递过程。