将FlipView与ObservableCollection<writeablebitmap>绑定

Question

我正在开发一个windows存储应用程序，在将flipView绑定到ObservableCollection<WriteableBitmap>方面需要帮助。

下面是我现在的做法，

XAML :

<FlipView x:Name="flipView" Grid.Row="1" Margin="0,0,20,0" ItemsSource="{Binding BitMapCollection}" Visibility="{Binding FlipViewVisibility}" >
</FlipView>

ViewModel :

ObservableCollection<WriteableBitmap> _bitMapCollection = new ObservableCollection<WriteableBitmap>();

public ObservableCollection<WriteableBitmap> BitMapCollection
{
    get { return _bitMapCollection; }
    set { _bitMapCollection = value; }
}

WriteableBitmap photoWriteableBitMap = await new WriteableBitmap(1, 1).FromContent(new Uri("ms-appx:///Curtain1.jpg"));
WriteableBitmap frameWriteableBitMap = await new WriteableBitmap(1, 1).FromContent(new Uri("ms-appx:///Window1.jpg"));

BitMapCollection.Add(photoWriteableBitMap);
BitMapCollection.Add(frameWriteableBitMap);

翻转视图中的图像是空白的。什么都没出现。ObservableCollection<WriteableBitmap>是否可以直接绑定到XAML？

Answer 1

我还没有在WriteableBitmap中尝试过，但是下面应该使用标准的Image类(例如，将图像的Source设置为photoWriteableBitMap的Source并绑定到Image的集合)

本质上，您需要像这样定义一个DataTemplate：

    <FlipView x:Name="flipView"                   
          ItemsSource="{Binding BitMapCollection}" 
          Visibility="{Binding FlipViewVisibility}"             
            <FlipView.ItemTemplate>
                <DataTemplate>
                    <Image Width="200" Height="200" Source="{Binding}" />
                </DataTemplate>
            </FlipView.ItemTemplate>    
    </FlipView>

Answer 2

或者，您可以绑定到一个可观察到的位图图像集合。请参阅我在这里实现的 as ItemsSource