Xamarin 图像有时未在 ListView 中下载

Question

我有一个包含两列的 ListView，其中最左边包含一个 <Image>，如下所示：

<ListView.ItemTemplate>
    <DataTemplate>
        <ViewCell>
            <ViewCell.View>
                <Grid>
                    <Grid.ColumnDefinitions>
                        <ColumnDefinition Width="0.5*" />
                        <ColumnDefinition Width="0.5*" />
                    </Grid.ColumnDefinitions>
                    <Grid.RowDefinitions>
                    </Grid.RowDefinitions>
                    <AbsoluteLayout Grid.Column="0" Grid.Row="0">
                        <Image 
                            HeightRequest="130" 
                            Aspect="AspectFill" 
                            Source="{Binding DynamicOfferImage}" 
                            local:ImageBinding.URL="{Binding DynamicOfferURL}" 
                            AbsoluteLayout.LayoutBounds="1,1,1,1" 
                            AbsoluteLayout.LayoutFlags="All">
                            <Image.Aspect>
                                <OnPlatform x:TypeArguments="Aspect">
                                    <On Platform="iOS">AspectFit</On>
                                    <On Platform="Android">AspectFit</On>
                                </OnPlatform>
                            </Image.Aspect>
                            <Image.GestureRecognizers>
                                <TapGestureRecognizer
                                    Tapped="OnImageTapGestureRecognized"
                                    NumberOfTapsRequired="1" />
                            </Image.GestureRecognizers>
                        </Image>
                        <StackLayout IsVisible="{Binding IsRedeemed}" Margin="20" AbsoluteLayout.LayoutBounds="1,1,1,1" AbsoluteLayout.LayoutFlags="All">
                            <ContentView Padding="3" BackgroundColor="#d9534f">
                                <Label Text="{loc:_ S=LoginIsRedeemed}" FontSize="Medium" TextColor="#ffffff" HorizontalOptions="Center"></Label>
                            </ContentView>
                        </StackLayout>
                    </AbsoluteLayout>

                    <StackLayout Grid.Column="1" Grid.Row="0">
                        <!-- Text here, irrelevant to question -->
                    </StackLayout>
                </Grid>
            </ViewCell.View>
        </ViewCell>
    </DataTemplate>
</ListView.ItemTemplate>

<Image> 的 Source 属性绑定到托管在 Amazon S3 上的 JPEG 图像的 URL。问题是大部分时间这些图片都可以正常下载，但是有时一张图片，甚至所有图片都不会下载（或不会显示？）

在用户重新安装应用程序之前，此问题不会消失。即使重新启动应用程序也不算数，它必须是实际的重新安装。

下面是在某些情况下最终的样子的模型：

非常感谢任何帮助！

注意：这不是Xamarin Forms ListView Images Sometimes Displays, Sometimes Doesn't (UWP) 的重复，因为描述的场景不同。

Answer 1

我最终接受了 G.hakim 的建议，并决定为图像使用 FFImageLoading（通过 NuGet 包）。尽管我不得不为 Xamarin.Android 使用稍旧的版本，但它非常简单。最新版本 (2.4.4.859) 出现了一些奇怪的链接器错误，必须回到 2.4.1。无论哪种方式，它的效果都非常好，甚至可以为 Xamarin.iOS 上的图像添加一点动画。

这是我之前的代码：

<Image 
    HeightRequest="130" 
    Aspect="AspectFill" 
    Source="{Binding ImageURL}" 
    local:ImageBinding.URL="{Binding LinkURL}" 
    AbsoluteLayout.LayoutBounds="1,1,1,1" 
    AbsoluteLayout.LayoutFlags="All">
    <Image.Aspect>
        <OnPlatform x:TypeArguments="Aspect">
            <On Platform="iOS">AspectFit</On>
            <On Platform="Android">AspectFit</On>
        </OnPlatform>
    </Image.Aspect>
    <Image.GestureRecognizers>
        <TapGestureRecognizer
            Tapped="OnImageTapGestureRecognized"
            NumberOfTapsRequired="1" />
    </Image.GestureRecognizers>
</Image>

为了让 FFImageLoading 工作，您必须将其添加到根 <ContentPage> 元素：

xmlns:ffimageloading="clr-namespace:FFImageLoading.Forms;assembly=FFImageLoading.Forms"
xmlns:fftransformations="clr-namespace:FFImageLoading.Transformations;assembly=FFImageLoading.Transformations"

然后我能够做到这一点：

<ffimageloading:CachedImage 
    AbsoluteLayout.LayoutBounds="1,1,1,1" 
    AbsoluteLayout.LayoutFlags="All"
    HeightRequest="130"
    DownsampleToViewSize="true" 
    Source="{Binding ImageURL}"
    local:ViewBinding.URL="{Binding LinkURL}">
    <ffimageloading:CachedImage.GestureRecognizers>
        <TapGestureRecognizer
            Tapped="OnViewTapGestureRecognized"
            NumberOfTapsRequired="1" />
    </ffimageloading:CachedImage.GestureRecognizers>
</ffimageloading:CachedImage>

为了让它与我的TapGestureRecognizer 一起工作，我将方法中的((Image)sender) 转换为((View)sender) 转换，因为FFImageLoading 中的CachedImage 类实际上并没有从Image 继承，它继承来自View。如果您有手势甚至自定义绑定，请记住一些事情。

除此之外，它非常即插即用，我对结果非常满意。