如何使用视图从一个XAML页面传递包含在另一个XAML页面中的数据

在XAML页面中使用视图传递数据可以通过以下步骤实现：

创建一个包含要传递数据的类或模型。
在第一个XAML页面中，定义一个视图模型(ViewModel)，并在其中创建一个公共属性，用于存储要传递的数据。
在第一个XAML页面中，将视图模型与页面的数据上下文(DataContext)绑定。
在第一个XAML页面中，使用视图导航(Navigation)或按钮点击事件等方式，导航到第二个XAML页面。
在第二个XAML页面中，将第一个页面的视图模型作为参数传递给第二个页面的构造函数。
在第二个XAML页面中，将接收到的视图模型赋值给页面的数据上下文(DataContext)。
在第二个XAML页面中，可以通过绑定或代码访问视图模型中的数据。

这样，第二个XAML页面就可以使用第一个页面传递过来的数据了。

以下是一个示例代码：

第一个XAML页面（Page1.xaml）：

<Page.DataContext>
    <local:Page1ViewModel />
</Page.DataContext>

<!-- 页面内容 -->

<Button Content="跳转到第二个页面" Click="Button_Click" />

第一个XAML页面的视图模型（Page1ViewModel.cs）：

public class Page1ViewModel
{
    public string Data { get; set; }
}

第一个XAML页面的代码-behind（Page1.xaml.cs）：

private void Button_Click(object sender, RoutedEventArgs e)
{
    Page2 page2 = new Page2((Page1ViewModel)this.DataContext);
    // 导航到第二个页面
    this.NavigationService.Navigate(page2);
}

第二个XAML页面（Page2.xaml）：

<Page.DataContext>
    <local:Page1ViewModel />
</Page.DataContext>

<!-- 页面内容 -->

<TextBlock Text="{Binding Data}" />

第二个XAML页面的代码-behind（Page2.xaml.cs）：

public partial class Page2 : Page
{
    public Page2(Page1ViewModel viewModel)
    {
        InitializeComponent();
        // 将接收到的视图模型赋值给页面的数据上下文
        this.DataContext = viewModel;
    }
}

在这个示例中，我们创建了一个名为Page1ViewModel的视图模型，其中包含一个名为Data的属性。在第一个XAML页面中，我们将视图模型与页面的数据上下文绑定，并通过按钮点击事件导航到第二个XAML页面。在第二个XAML页面中，我们将接收到的视图模型赋值给页面的数据上下文，并通过绑定将数据显示在TextBlock中。

腾讯云相关产品和产品介绍链接地址：