スクロール中にSliderViewとListViewで画像が消える

Question

SliderView（AppStudio.Uwp.Controls）があります。画像はページをロードするとすぐに表示されますが、リストをスクロールすると消えます。私はこれもListViewでテストしました。同じことがそこでも起こっています。 ItemTemplateには使用

 <controls:SliderView x:Name="sliderView" ItemsSource="{x:Bind listForOtherPicturesThumbnails}" ItemTemplate="{StaticResource Hero}" 
        RelativePanel.Below="mainImage" 
        RelativePanel.AlignLeftWithPanel="True" 
        RelativePanel.AlignRightWithPanel="True" 
        ArrowsVisibility="Visible" 
        /> 

OnNavigatedに次のようにサムネイルが生成さfollows-

<DataTemplate x:Key="Hero" x:DataType="local:StorageItemThumbnailClass"> 
     <Grid Margin="6" Padding="12" Background="White" BorderThickness="1" BorderBrush="LightGray"> 
      <Image Source="{x:Bind Thumbnail, Converter={StaticResource ThumbnailtoImageConverter}}" Stretch="UniformToFill" HorizontalAlignment="Center" VerticalAlignment="Center" /> 
     </Grid> 
    </DataTemplate> 

が

public object Convert(object value, Type targetType, object parameter, string language) 
    { 
     BitmapImage image = null; 
     if (value != null) 
     { 
      if (value.GetType() != typeof(StorageItemThumbnail)) 
      { 
       throw new ArgumentException("Expected a thumbnail"); 
      } 
      StorageItemThumbnail thumbnail = (StorageItemThumbnail)value; 
      image = new BitmapImage(); 
      image.SetSource(thumbnail); 
     } 
     return (image); 
    } 

converter-画像に

protected async override void OnNavigatedTo(NavigationEventArgs e) 
    { 
     otherPicturesPathList = ((PictureWithList)e.Parameter).pathList; 

     await PopulateListOfOtherPicturesThumbnailsAsync(); 

     Bindings.Update(); 
    } 

    private async Task PopulateListOfOtherPicturesThumbnailsAsync() 
    { 
     if (otherPicturesPathList != null) 
     { 
      List<Task<StorageItemThumbnail>> thumbnailOperations = new List<Task<StorageItemThumbnail>>(); 

      foreach (var path in otherPicturesPathList) 
      { 
       var storageFile = await StorageFile.GetFileFromPathAsync(path); 
       thumbnailOperations.Add(storageFile.GetThumbnailAsync(Windows.Storage.FileProperties.ThumbnailMode.PicturesView, 100).AsTask()); 
      } 

      await Task.WhenAll(thumbnailOperations); 

      for (int k = 0; k < thumbnailOperations.Count; k++) 
      { 
       var task = thumbnailOperations[k]; 
       listForOtherPicturesThumbnails.Add(new StorageItemThumbnailClass { Thumbnail = task.Result }); 
      } 
     } 
    } 

サムネイル機能 - の通りでありますStorageIt emThumbnailClass-

ページが最初に読み込まれたときに画像がそのまま残るようにこの問題を解決するにはどうすればよいですか？

Answer 1

私はまったく同じ問題を偶然見つけました。
解決策は、ThumbnailtoImageConverterにthumbnail.Seek(0);を追加することです。

//... 
StorageItemThumbnail thumbnail = (StorageItemThumbnail)value; 
thumbnail.Seek(0); 
image = new BitmapImage(); 
image.SetSource(thumbnail); 

RefLink：[出力]パネルに表示されている重要なImages disappear in SliderView and ListView while scrolling

Answer 2

私はあなたのコードをテストすることはできませんが、二つの提案：

• あなたはコンバータ内部のブレークポイントを設定しようとしたがありますか？
• 多分あなたはこれであなたのコードを置き換えて問題
• に関するいくつかの情報を得ることができ、Visual Studioのの出力パネルに表情を与える：/何かが非同期と間違っている私見

thumbnailOperations.Add(await storageFile.GetThumbnailAsync(Windows.Storage.FileProperties.ThumbnailMode.PicturesView, 100));

パターンを待つ。