在 FlipView 中绑定 2 个图像

Question

我在这里问了同样的问题： Image overlay in a flipview

除此之外，我已将 FlipView.ItemTemplate 绑定到具有 2 张图像的 UserControl。为了能够从 MainPage.xaml.cs 访问绑定的 ImageSource，我在 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]));

但是如果我这样绑定图片，连flipView都没有显示：

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

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

Answer 1

新建 class：

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>

在 FlipView 中绑定 2 个图像

Binding 2 images inside a FlipView

c#

xaml

windows-store-apps

flipview

windows-8.1