c# - 在 FlipView 中绑定 2 个图像

Question

我在这里问了同样的问题： 翻转视图中的图像叠加

除了，我已经绑定FlipView.ItemTemplate到一个UserControl有 2 个图像。为了能够ImageSource从 MainPage.xaml.cs 访问绑定，我在 App.xaml.cs 中创建了 2 个全局变量：

public static ImageSource Image1 { get; set; }
public static ImageSource Image2 { get; set; }

public static new App Current
{
    get { return Application.Current as App; }
}

我可以这样设置第一张图片：

flipView.Items.Add(new Uri(BaseUri, Images[0]));

但是如果我以这种方式绑定图像，即使是翻转视图也不会显示任何内容：

App.Image1 = new BitmapImage(new Uri("ms-appx:///Assets/Images/page0.jpg"));

我应该如何以它们从数组中自动连续生成的方式绑定它们？

Answer 1

创建一个新类：

public class MyImage
{
     public ImageSource Image1 { get; set; }
     public ImageSource Image2 { get; set; }
}

在您的页面中，您必须将图像加载为List<MyImage>，（如果索引是奇数，myImage.Image1 = yourImage，否则 myImage.Image2 = yourImage）

然后，在您的用户控件中，将您的图像绑定到 Image1 和 Image2，并将翻转的 ItemsSource 设置为List<MyImage>