在打开的页面之间传递参数的最佳实践

时间:2019-01-06 16:16:23

标签: c# xaml uwp

我正在开发一个有两个页面的Windows应用程序(UWP),我希望最佳实践是在页面之间传递参数。

这是我的情况:

我们有两个页面,每个页面都打开并保留在屏幕中间,每个页面上都有一个按钮,当我们单击该按钮时,它们会将消息发送到另一页面。

我还想连续不断地传递信息。

在Page1.cs中:

     Page2 page2;
         public Page1()
                {
                    this.InitializeComponent();         
                    CreatPage2();
                }

         // creat page 2
           private async void CreatPage2()
                {
                    var NewWindow = CoreApplication.CreateNewView();
                    int NewWindowid = 0;

                    await NewWindow.Dispatcher.RunAsync(CoreDispatcherPriority.High, () =>
                    {
                        Frame newframe = new Frame();
                        newframe.Navigate(typeof(Page2), this);
                        Window.Current.Content = newframe;
                        Window.Current.Activate();
                        ApplicationView.GetForCurrentView().Title = "page2";
                        NewWindowid = ApplicationView.GetForCurrentView().Id;
                    });

                    await Windows.UI.ViewManagement.ApplicationViewSwitcher.TryShowAsStandaloneAsync(NewWindowid);
                }

                //Button


     private void ChangeP2_Click(object sender, RoutedEventArgs e)
                {
                  // send a message to the texblock in the page2
        page2.TexBlock2.Text=$"From page1 :{e.ToString()}";
// change  text color of the texblock in the page2
page2.Foreground= new SolidColorBrush(Windows.UI.Colors.Red);
                }

在Page2.cs中:

  Page1 page1;
    protected override void OnNavigatedTo(NavigationEventArgs e)
    {
        page1 = e.Parameter as Page1;
        base.OnNavigatedTo(e);
    }

    public Page2()
    {
        this.InitializeComponent();         
    }



    //Button
     private void ChangeP1_Click(object sender, RoutedEventArgs e)
    {
// send a message to the texblock in the page1
      page1.TexBlock1.Text=$"From page2 :{e.ToString()}";
// change  text color of the texblock in the page1
page1.Foreground= new SolidColorBrush(Windows.UI.Colors.Red);
    }

以上代码仅适用于page2至page1。 (它可以更改pagea的文本块)。 请帮助我,我找不到可以在两页上使用的解决方案

1 个答案:

答案 0 :(得分:6)

Naah…最好的方法是使用由应用程序ViewModel类组成的标准模式,该类包含您要在逻辑层中使用的所有常见应用程序数据。

我总是这样:

1):我使用自动创建为应用程序“外壳”的MainPage,其属性为AppViewModel。 通过将自身设置为自己类中的静态字段,可以从应用程序中的任何位置访问MainPage(以及AppViewModel)。

这是代码,比您想象的要简单:

public sealed partial class MainPage : Page
{
    public AppViewModel ViewModel { get; set; } = new AppViewModel();
    public static MainPage Current { get; set; }

    public MainPage()
    {
        this.InitializeComponent();
        Current = this;
    }
}

2) AppViewModel本身是必须实现INotifyPropertyChanged接口的类,以便启用可绑定的属性和功能。 在开发人员中,通常会创建一个实现该基类的基类,然后从中派生需要可绑定属性的所有类。

这里是:

public class BaseBind : INotifyPropertyChanged
{
    public event PropertyChangedEventHandler PropertyChanged;

    public void OnPropertyChanged([CallerMemberName] string propertyName = null) =>
        PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));

    protected bool SetProperty<T>(ref T storage, T value,
        [CallerMemberName] String propertyName = null)
    {
        if (object.Equals(storage, value)) return false;
        storage = value;
        OnPropertyChanged(propertyName);
        return true;
    }
}

然后,您从中派生AppViewModel类(以及所有其他模型和视图模型类)……使用您需要在页面之间共享的所有常用属性填充它。 我什至添加了一个派生属性,以展示如何一次共享多个数据类型以及一个函数:

public class AppViewModel : BaseBind
{
    public AppViewModel()
    {
        // ...
    }

    // All common app data
    private string sampleCommonString;
    public String SampleCommonString
    {
        get { return sampleCommonString; }
        set { SetProperty(ref sampleCommonString, value); OnPropertyChanged(nameof(SampleDerivedProperty1)); OnPropertyChanged(nameof(SampleDerivedProperty2)); }
    }

    public String SampleDerivedProperty1 =>  "return something based on SampleCommonString";

    public String SampleDerivedProperty2
    {
        get
        {
            <<evaluate SampleCommonString>>
            return "Same thing as SampleDerivedProperty1, but more explicit";
        }
    }

    // This is a property that you can use for functions and internal logic… but it CAN'T be binded
    public String SampleNOTBindableProperty { get; set; }

    public void SampleFunction()
    {
        // Insert code here.

        // The function has to be with NO parameters, in order to work with simple {x:Bind} markup.
        // If your function has to access some specific data, you can create a new bindable (or non) property, just as the ones above, and memorize the data there.
    }
}

3)然后,为了从另一个Page访问所有这些,只需在该页面中创建一个AppViewModel字段,如下所示:

public sealed partial class SecondPage : Page
{
    public AppViewModel ViewModel => MainPage.Current.ViewModel;

    public SecondPage()
    {
        this.InitializeComponent();
    }
}

...,您可以轻松地将XAML控件属性绑定到AppViewModel本身:

<TextBlock Text="{x:Bind ViewModel.SampleCommonString, Mode=OneWay}"/>
<Button Content="Sample content" Click="{x:Bind ViewModel.SampleFunction}"/>

({Mode=OneWay用于实时绑定,以便即使在UI中也可以立即更新属性,而Mode=TwoWay用于可以从控件本身编辑的属性,用户,以便与应用程序逻辑进行交互。

希望这会有所帮助。

最诚挚的问候和新年快乐。