.NET MAUI如何根据条件设置Picker列表项的颜色？

当然可以实现这个需求，不用直接替换成CollectionView，具体实现方式取决于你用的是.NET MAUI还是Xamarin.Forms：

.NET MAUI 实现（推荐） #

MAUI的Picker支持自定义ItemTemplate，结合值转换器就能轻松根据数值区间设置颜色：

1. 先写一个值转换器，用来根据数值判断颜色：

public class ValueToColorConverter : IValueConverter
{
    // 可通过XAML绑定配置阈值和颜色
    public double MinThreshold { get; set; }
    public double MaxThreshold { get; set; }
    public Color OutOfRangeColor { get; set; } = Colors.Red;
    public Color InRangeColor { get; set; } = Colors.Black;

    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        if (value is double num)
        {
            return num < MinThreshold || num > MaxThreshold ? OutOfRangeColor : InRangeColor;
        }
        return InRangeColor;
    }

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

2. 在XAML中引用转换器，给Picker设置自定义ItemTemplate：

<ContentPage.Resources>
    <!-- 这里可以根据你的需求调整阈值 -->
    <local:ValueToColorConverter x:Key="ValueColorConverter" MinThreshold="10" MaxThreshold="50" />
</ContentPage.Resources>

<Picker ItemsSource="{Binding DecimalValueList}">
    <Picker.ItemTemplate>
        <DataTemplate>
            <Label Text="{Binding}" 
                   TextColor="{Binding Converter={StaticResource ValueColorConverter}}" />
        </DataTemplate>
    </Picker.ItemTemplate>
</Picker>

Xamarin.Forms 实现 #

Xamarin.Forms的原生Picker在部分平台（比如Android）对ItemTemplate支持有限，这时候需要用自定义渲染器：

以Android为例，自定义渲染器代码如下：

[assembly: ExportRenderer(typeof(Picker), typeof(CustomPickerRenderer))]
namespace YourAppNamespace.Droid
{
    public class CustomPickerRenderer : PickerRenderer
    {
        protected override void OnElementChanged(ElementChangedEventArgs<Picker> e)
        {
            base.OnElementChanged(e);
            if (Control != null && e.NewElement != null)
            {
                Control.Adapter = new CustomPickerAdapter(Context, e.NewElement.Items);
            }
        }

        private class CustomPickerAdapter : ArrayAdapter<string>
        {
            private readonly List<string> _items;
            // 这里设置你的数值阈值
            private readonly double _minThreshold = 10;
            private readonly double _maxThreshold = 50;

            public CustomPickerAdapter(Context context, IEnumerable<string> items) 
                : base(context, Android.Resource.Layout.SimpleSpinnerItem, items.ToList())
            {
                _items = items.ToList();
                SetDropDownViewResource(Android.Resource.Layout.SimpleSpinnerDropDownItem);
            }

            public override View GetDropDownView(int position, View convertView, ViewGroup parent)
            {
                var view = base.GetDropDownView(position, convertView, parent);
                if (double.TryParse(_items[position], out var num))
                {
                    view.SetTextColor(num < _minThreshold || num > _maxThreshold 
                        ? Android.Graphics.Color.Red 
                        : Android.Graphics.Color.Black);
                }
                return view;
            }
        }
    }
}

iOS端的自定义渲染器逻辑类似，重写UIPickerView的GetView方法即可实现颜色设置。

是否需要改用CollectionView？ #

如果你的需求只是单纯区分数值区间的颜色，用上面的Picker自定义方案完全足够，没必要换CollectionView。但如果之后需要更复杂的项布局（比如加图标、多行文本）或者特殊交互，CollectionView的灵活性会更高，可以自己封装一个下拉选择样式的CollectionView来替代Picker。

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