Xamarin Forms使用转换器设置Label可见性时如何默认赋值为false

问题根因 #

你遇到的闪现问题是因为页面初始化阶段，products 绑定源还未完成数据加载，初始值为 null，你的现有转换器会将 null 判定为空值返回true，因此会先显示无数据提示，等数据赋值完成后才隐藏。

解决方案 #

方案1：修改转换器逻辑（成本最低，适用绝大多数场景） #

调整 EmptyCollectionToBoolConverter 的判定规则，仅当值为非null的空集合时才返回true，值为null时返回false，示例代码如下：

public class EmptyCollectionToBoolConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        // 数据未加载完成（值为null）时不显示提示
        if (value == null)
            return false;
            
        if (value is IEnumerable enumerable)
        {
            // 仅非null的空集合返回true
            return !enumerable.Cast<object>().Any();
        }
        return false;
    }

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

方案2：新增加载状态控制（体验更优，适合异步加载场景） #

如果你的数据是异步拉取的，可以在ViewModel中新增一个IsDataLoaded布尔属性，初始化时为false，数据加载完成后置为true。通过多绑定组合判断「数据已加载 + 集合为空」两个条件同时满足时才显示提示：

1. 首先新增多值转换器AllTrueConverter，所有输入为true时才返回true：

public class AllTrueConverter : IMultiValueConverter
{
    public object Convert(object[] values, Type targetType, object parameter, CultureInfo culture)
    {
        return values.All(v => v is bool boolValue && boolValue);
    }

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

2. 修改XAML绑定逻辑：

<Label Text="No data found">
    <Label.IsVisible>
        <MultiBinding Converter="{StaticResource AllTrueConverter}">
            <Binding Path="IsDataLoaded" />
            <Binding Path="products" Converter="{StaticResource EmptyCollectionToBoolConverter}" />
        </MultiBinding>
    </Label.IsVisible>
</Label>

这种方案还可以同时搭配加载指示器，数据加载阶段显示加载动画，加载完成后再切换显示列表或者无数据提示，用户体验更友好。

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