Bind FlipView с ObservableCollection <WriteableBitmap>

Question

Я разрабатываю окна магазина приложения и нуждаются в помощи в связывании 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 и привязать к коллекции 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

В качестве альтернативы вы можете привязываться к наблюдаемой коллекции растровых изображений. Пожалуйста, обратитесь к моей реализации этого здесь FlipView: HowTo bind a Collection<string> as ItemsSource