如何通过UserControl对象访问页面帧以在UWP中导航页面？

Question

我正在开发一个涉及使用Windows.UI.Xaml.Navigation的地图中包含多个UserControl对象的UWP应用程序。

有时，用户应该能够点击这些对象中的按钮以转到新页面。 但是，我无法访问页面的框架，因此无法使用以下方法。

Frame.Navigate(typeof([page])); 

我该如何访问页面框架以使用这个方法？

如果有任何替代方案，请告诉我；我已经困扰了一整天！感谢您提供的任何帮助！

- kgyts

Answer 1

我们可以让页面自行导航。只需在您的自定义用户控件中定义一个事件，并在其父级（页面）中侦听该事件。

以以下内容为例：

1. 创建自定义用户控件，并在其中放置一个用于测试目的的按钮。
2. 在测试按钮的单击事件中，引发该事件以导航到父页面。
3. 在父页面中，侦听用户控件的事件并调用Frame.Navigate。

MyControl的Xaml代码：

<UserControl
x:Class="App6.MyControl"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="using:App6"
xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
mc:Ignorable="d"
d:DesignHeight="300"
d:DesignWidth="400">

<Grid>
    <Button x:Name="testbtn" Margin="168,134,0,134" Click="testbtn_Click">test</Button>
</Grid>
</UserControl>

MyControl的CodeBehind:

public sealed partial class MyControl : UserControl
{

    public delegate void MyEventHandler(object source, EventArgs e);

    public event MyEventHandler OnNavigateParentReady;

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

    private void testbtn_Click(object sender, RoutedEventArgs e)
    {
        OnNavigateParentReady(this, null);
    }


}

导航到第二个页面（SecondPage）：

    public MainPage()
    {
        this.InitializeComponent();

        myControl.OnNavigateParentReady += myControl_OnNavigateParentReady;
    }

    private void MyControl_OnNavigateParentReady(object source, EventArgs e)
    {
        Frame.Navigate(typeof(SecondPage));
    }

- Alan Yao - MSFT

---

太棒了！谢谢你。非常顺利地完成了工作。 - kgyts

我需要将 public event 更改为 public static event，以便我可以在 Page 中的 Grid 中的 GridView 中的 GridView.ItemTemplate 中的 DataTemplate 中的 UserControl 中使用此解决方案... 感谢您提供的绝佳解决方案。 - dav1dsm1th

@dav1dsm1th 我有同样的需求。你能详细说明一下你是如何添加的吗？是在XAML还是代码后台？ - ystan-

Answer 2

您可以从当前窗口的内容中获取 Frame 的引用。 在您的用户控件的代码后面尝试：

Frame navigationFrame = Window.Current.Content as Frame;
navigationFrame.Navigate(typeof([page]));

- meanme

Answer 3

或者，使用 Cast=>

((Frame)Window.Current.Content).Navigate(typeof(Views.SecondPage));

- tvlada73