3

我在我的项目中使用FFImageLoading而不是Image更高级的功能，例如占位符。在我的项目中，有一个需要显示的图像列表。所以我正在使用一个列表视图。

<ListView x:Name="membersList" ItemTapped="Handle_ItemTappedMember" HorizontalOptions="FillAndExpand" HasUnevenRows="true" SeparatorVisibility="None" BackgroundColor="#EEEEEE" Grid.Row="0" Grid.Column="0">
            <ListView.ItemTemplate>
                <DataTemplate>
                    <ViewCell>
                        <ViewCell.View>
                            <StackLayout Orientation="Horizontal" Padding="5,5,5,5" HeightRequest="75" Margin="10,5,10,5" BackgroundColor="White" HorizontalOptions="FillAndExpand">
                                <ffimageloading:CachedImage Source="{Binding imageUrl}" x:Name="patImage" WidthRequest="60" HeightRequest="60" Aspect="AspectFill" VerticalOptions="Center">
                                    <ffimageloading:CachedImage.Transformations>
                                        <fftransformations:CircleTransformation />
                                    </ffimageloading:CachedImage.Transformations>
                                </ffimageloading:CachedImage>
                                <StackLayout Spacing="3" Orientation="Vertical" VerticalOptions="Center" HorizontalOptions="FillAndExpand">
                                    <Label FontAttributes="Bold" FontSize="14" TextColor="#212121" Text="{Binding FullName}" />
                                    <Label FontSize="12" TextColor="#212121" Text="{Binding Relation}" />
                                    <Label FontSize="12" TextColor="#212121" Text="{Binding Pat_ID}" />
                                </StackLayout>
                            </StackLayout>
                        </ViewCell.View>
                    </ViewCell>
                </DataTemplate>
            </ListView.ItemTemplate>
        </ListView>

我的问题是我不想在这里使用缓存技术，因为我来自服务器的图像可能会在不更改 URL 的情况下更改。

我知道如何使用 FFImageLoading 清除单个图像视图的缓存

await CachedImage.InvalidateCache(Image.Source, CacheType.All, true);

但是如何在 ListView 中实现这一点？我在这里使用 Binding 属性加载图像。

4

2 回答 2

6

在花了一些时间之后，我已经解决了我的问题。最后它非常简单。在我的列表视图的绑定模型类中，在设置imageUrl我刚刚清除缓存的同时与该 url。

private string mImageUrl { get; set; }
public string imageUrl
{
get{
     return mImageUrl;
   };
set{
     mImageUrl = value;
     await CachedImage.InvalidateCache(mImageUrl, CacheType.All, true);
   };
}

这将清除以该 imageUrl 为键的缓存图像。谢谢大家的支持。快乐编码:)

于 2017-06-16T04:08:20.940 回答
1

await 没有异步就无法工作，所以我添加了用于清理缓存的异步方法。 

private string mImageUrl { get; set; }
public string imageUrl
{
get{
     return mImageUrl;
   };
set{
     mImageUrl = value;
     cleanCache();

   };
}

private async void cleanCache()
{
   await CachedImage.InvalidateCache(ImageURL, CacheType.All, true);
}
于 2020-02-20T06:32:31.950 回答