如何根据字符串值显示/隐藏CollectionView列表中的元素？

你可以通过以下两种常见方式实现根据字符串值控制图标显示/隐藏：

方式一：在实体类中添加计算属性 #

1. 找到列表项对应的实体类（比如你代码中的查询实体类），添加两个布尔类型的计算属性，根据目标字符串值判断是否显示图标：

public class QueryItem
{
    // 原有属性，存储用来判断的字符串值
    public string TargetStatus { get; set; }

    // 控制第一个图标显示的属性
    public bool ShowFirstIcon => TargetStatus != "要隐藏图标的目标字符串";
    // 控制第二个图标显示的属性
    public bool ShowSecondIcon => TargetStatus != "要隐藏图标的目标字符串";
}

2. 在CollectionView的ItemTemplate中，将图标的IsVisible属性绑定到这两个计算属性：

<CollectionView ItemsSource="{Binding YourQueryList}">
    <CollectionView.ItemTemplate>
        <DataTemplate>
            <!-- 你的现有布局元素 -->
            <Image Source="icon_1.png" IsVisible="{Binding ShowFirstIcon}" />
            <Image Source="icon_2.png" IsVisible="{Binding ShowSecondIcon}" />
        </DataTemplate>
    </CollectionView.ItemTemplate>
</CollectionView>

如果实体类实现了INotifyPropertyChanged接口，当字符串属性变化时，记得触发PropertyChanged通知，确保UI能实时更新。

方式二：使用值转换器 #

1. 创建一个字符串转布尔值的转换器：

public class StringToVisibilityConverter : IValueConverter
{
    // 设置需要匹配的目标字符串（匹配到则隐藏图标）
    public string HideTriggerString { get; set; }

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is string statusStr)
        {
            return statusStr != HideTriggerString;
        }
        return true; // 默认显示图标
    }

    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        throw new NotImplementedException();
    }
}

2. 在页面资源中声明转换器：

<ContentPage.Resources>
    <local:StringToVisibilityConverter x:Key="IconVisibilityConverter" HideTriggerString="要隐藏图标的目标字符串" />
</ContentPage.Resources>

3. 在图标上绑定IsVisible并使用该转换器：

<Image Source="icon_1.png" IsVisible="{Binding TargetStatus, Converter={StaticResource IconVisibilityConverter}}" />
<Image Source="icon_2.png" IsVisible="{Binding TargetStatus, Converter={StaticResource IconVisibilityConverter}}" />

两种方式都能满足需求，方式一逻辑更直观，后期维护成本更低；方式二更适合需要多处复用相同判断逻辑的场景。

内容的提问来源于stack exchange，提问作者Sheikort