如何在用户控件通用Windows应用程序中逐帧导航

本文关键字：应用程序 导航 Windows 用户 控件 | 更新日期: 2023-09-27 18:27:13

我在Tapping上有一个图像，我正在导航到另一个页面

<Image Source="{Binding ImagePath}" Tapped="Image_Tapped_1"/>

C#

 private void Image_Tapped_1(object sender, TappedRoutedEventArgs e)
    {
        var gameData = (sender as Image).DataContext as DataClass;
        this.Frame.Navigate(typeof(GamePage), gameData);
    }

现在我已经为自适应UI创建了一个用户控件，我的代码现在看起来像

 <Grid>
    <VisualStateManager.VisualStateGroups>
        <VisualStateGroup x:Name="VisualStateGroup">
            <VisualState x:Name="VisualStateMin600">
                <VisualState.Setters>
                    <Setter Target="image.(FrameworkElement.Width)" Value="NaN"/>
                </VisualState.Setters>
                <VisualState.StateTriggers>
                    <AdaptiveTrigger MinWindowWidth="600"/>
                </VisualState.StateTriggers>
            </VisualState>
            <VisualState x:Name="VisualStateMin0">
                <VisualState.StateTriggers>
                    <AdaptiveTrigger MinWindowWidth="1"/>
                </VisualState.StateTriggers>
            </VisualState>
        </VisualStateGroup>
    </VisualStateManager.VisualStateGroups>
    <Image x:Name="image" Source="{Binding ImagePath}" Tapped="image_Tapped_1" Width="250" />
</Grid>

现在的问题是，我将如何导航到UserControl中未使用的其他页面？

如何在用户控件通用Windows应用程序中逐帧导航

尝试((Frame)Window.Current.Content).NavigateTo或者，如果需要，可以在App.Xaml.cs上为根框架设置一个公共属性，以便您始终可以访问它。

在用户控件（让我们称之为ImageControl）的代码背后，您必须管理这样的事件处理程序：

public sealed partial class ImageControl : UserControl
{
    public event EventHandler ImageTapped;
    public void image_Tapped_1(object sender, TappedRoutedEventArgs e)
    {
        if (ImageTapped != null)
        {
            ImageTapped(this, EventArgs.Empty);
        }
    }
}

从XAML中声明您的ImageControl:

<local:ImageControl ImageTapped="ImageControl_ImageTapped" />

最后来自C#代码背后：

private void ImageControl_ImageTapped(object sender, EventArgs e)
{
   this.Frame.Navigate(typeof(YourOtherPage));
}
相关文章：