C# Windows 10 UWA（图像显示）

我正在列表视图中显示图像。当我点击时，我需要在同一个应用程序中打开该图像的全屏。因此，当用户单击back按钮时，它应该将其带回列表视图。哪个控件或如何操作（全屏显示图像）。对于c#和UWA开发来说是相当新的

谢谢

当我点击时，我需要在同一个应用程序中全屏打开该图像

对于您的需求，一种简单的方法是，您可以从ListView导航到第二个页面，并在该页面上用图标全屏显示图像。 导航代码如下：

 private void Image_PointerPressed(object sender, PointerRoutedEventArgs e)
 {
     Image selectedimage = e.OriginalSource as Image;
     Images select = (Images)selectedimage.DataContext;
     Frame.Navigate(typeof(ShowImage),select);
 }

另一种方法是使用控件显示具有飞出视觉效果的图像。如果要全屏显示图像，需要将ContentDialog的属性设置为true。ContentDialog代码如下所示：

<ContentDialog
 ...
   FullSizeDesired ="True" 
   HorizontalAlignment="Stretch"
   Canvas.ZIndex="1" MaxHeight="1920" MaxWidth="1440">
   <Image x:Name="showimage" Source="{Binding ImageUrl}"  Stretch="Fill" Margin="0"></Image>
</ContentDialog>

private void App_BackRequested(object sender,
    Windows.UI.Core.BackRequestedEventArgs e)
{
    Frame rootFrame = Window.Current.Content as Frame;
    if (rootFrame == null)
        return; 
    if (rootFrame.CanGoBack && e.Handled == false)
    {
        e.Handled = true;
        rootFrame.GoBack();
    }
}

我对它进行了测试，上面提供的两种方法都可以通过back按钮返回到ListView。更多详情请参考完整的演示，您可以下载测试，看看它是否是您想要的

此外，下面将介绍更多有关uwp开发的信息

当我点击时，我需要在同一个应用程序中全屏打开该图像

对于您的需求，一种简单的方法是，您可以从ListView导航到第二个页面，并在该页面上用图标全屏显示图像。 导航代码如下：

 private void Image_PointerPressed(object sender, PointerRoutedEventArgs e)
 {
     Image selectedimage = e.OriginalSource as Image;
     Images select = (Images)selectedimage.DataContext;
     Frame.Navigate(typeof(ShowImage),select);
 }

另一种方法是使用控件显示具有飞出视觉效果的图像。如果要全屏显示图像，需要将ContentDialog的属性设置为true。ContentDialog代码如下所示：

<ContentDialog
 ...
   FullSizeDesired ="True" 
   HorizontalAlignment="Stretch"
   Canvas.ZIndex="1" MaxHeight="1920" MaxWidth="1440">
   <Image x:Name="showimage" Source="{Binding ImageUrl}"  Stretch="Fill" Margin="0"></Image>
</ContentDialog>

private void App_BackRequested(object sender,
    Windows.UI.Core.BackRequestedEventArgs e)
{
    Frame rootFrame = Window.Current.Content as Frame;
    if (rootFrame == null)
        return; 
    if (rootFrame.CanGoBack && e.Handled == false)
    {
        e.Handled = true;
        rootFrame.GoBack();
    }
}

我对它进行了测试，上面提供的两种方法都可以通过back按钮返回到ListView。更多详情请参考完整的演示，您可以下载测试，看看它是否是您想要的

此外，下面将介绍更多有关uwp开发的信息