Question

目前我有两张图片：占位符图片，真实图片。如果真实图像的缩略图路径可用，我想隐藏占位符图像。因此我认为我可以使用Data Triggers：

<Image x:Name="placeholder" Aspect="AspectFit" HorizontalOptions="Center" WidthRequest="60" IsVisible="False">
    <Image.Triggers>
        <DataTrigger TargetType="Image"
                     Binding="{Binding ThumbnailFilePath}"
                     Value="{x:Null}">
            <Setter Property="IsVisible" Value="True" />
        </DataTrigger>
        <DataTrigger TargetType="Image"
                     Binding="{Binding ThumbnailFilePath, Path=Text.Length}"
                     Value="0">
            <Setter Property="IsVisible" Value="True" />
        </DataTrigger>
    </Image.Triggers>
</Image>
<Image x:Name="preview" Aspect="AspectFit" HorizontalOptions="Center" WidthRequest="60" Source="{Binding ThumbnailFilePath, Converter ={StaticResource ImageSourceConverter}}"/>

如果我这样做，列表视图中的某些项目根本没有图像（ThumbnailFilePath = null;）。对于某些显示缩略图，对于一些占位符。占位符的源代码在代码中设置，因为有一些条件需要检查。通过在列表视图中滚动（项目远离视线然后返回），然后显示占位符。

如果路径更新，则应相应地显示两个图像：

ThumbnailFilePath = null;
ThumbnailFilepath = "path/to/file.jpg";

所需操作：占位符应消失，应显示缩略图。

ThumbnailFilePath = "old/path/to/file.jpg";
ThumbnailFilepath = "path/to/file.jpg";

所需操作：占位符应保持隐藏状态，应显示新缩略图。

ThumbnailFilePath = "path/to/file.jpg";
ThumbnailFilepath = null;

所需行动：占位符应该是可见的，缩略图应该隐藏。

可以使用数据触发器进行管理吗？怎么样？

我尝试通过代码设置可见性（代码隐藏文件），但列表视图中的项目未更新（尽管有缩略图可用，但仍显示占位符，只有在列表中滚动才会将缩略图显示在前面）

此外，我使用占位符，因为当我有一个绑定，然后我在代码中更改图像的来源，绑定已经消失......

Answer 1

现在我使用View-To-View Bindings：

<Image x:Name="placeholder"
       BindingContext="{x:Reference Name=preview}"
       Aspect="AspectFit"
       HorizontalOptions="Center"
       WidthRequest="60"
       IsVisible="{Binding Path=Source, Converter ={StaticResource IsNullConverter}">
<Image x:Name="preview" 
       Aspect="AspectFit" 
       HorizontalOptions="Center"
       WidthRequest="60" 
       Source="{Binding ThumbnailFilePath, Converter ={StaticResource ImageSourceConverter}}"/>

上述似乎有效。我还必须删除代码中IsVisible的所有手动设置。

以下是我使用的IValueConverter：

class IsNullOrEmptyConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is string)
            return string.IsNullOrEmpty((string)value);

        return (value == null);
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new InvalidOperationException("IsNullOrEmptyConverter can only be used one way.");
    }
}

数据触发器：如果数据可用，则隐藏占位符

1 个答案: