如何在Xamarin Forms XAML页面动态设置文本颜色？绑定不生效排查

问题根源 #

核心问题是全局属性PartialQty_Format被所有Pallet循环覆盖：

• 所有Label绑定的是同一个全局PartialQty_Format.Value，循环中最后一次修改会覆盖之前的所有设置，导致所有行文本颜色一致。
• 每个Pallet的颜色状态应该独立存储在自身模型中，而非依赖全局变量。

修复步骤 #

1. 修改Pallet模型，添加独立状态属性 #

给Pallet类添加IsPartialPallet布尔属性，并实现INotifyPropertyChanged（确保绑定值变化时UI自动更新）：

using System.ComponentModel;
using System.Runtime.CompilerServices;

namespace RTIC.Scan.Models
{
    public class Pallet : INotifyPropertyChanged
    {
        private int _quantity;
        public int Quantity
        {
            get => _quantity;
            set
            {
                _quantity = value;
                OnPropertyChanged();
                // 自动同步状态
                IsPartialPallet = _quantity != 85;
            }
        }

        private bool _isPartialPallet;
        public bool IsPartialPallet
        {
            get => _isPartialPallet;
            set
            {
                _isPartialPallet = value;
                OnPropertyChanged();
            }
        }

        // 构造函数
        public Pallet(OutboundPalletDTO dto)
        {
            Quantity = dto.Quantity;
            IsPartialPallet = Quantity != 85;
        }

        // INotifyPropertyChanged实现
        public event PropertyChangedEventHandler PropertyChanged;
        protected void OnPropertyChanged([CallerMemberName] string propertyName = null)
        {
            PropertyChanged?.Invoke(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

2. 调整ViewModel中的状态设置逻辑 #

移除原来修改全局PartialQty_Format的代码，改为直接设置每个Pallet的独立属性：

// 替换原来的全局属性循环
foreach (var pallet in pallets)
{           
    pallet.IsPartialPallet = pallet.Quantity != 85;
};

3. 修改XAML绑定路径 #

将Label的TextColor绑定到当前Pallet的IsPartialPallet属性：

<Label Grid.Row="0" Grid.Column="3"  
       TextColor="{Binding IsPartialPallet, Converter={StaticResource IsPartialPalletBackgroundColor}}" 
       Text="{Binding Quantity}" 
       FontSize="20" 
       HorizontalOptions="StartAndExpand" 
       VerticalOptions="CenterAndExpand"/>

4. 优化转换器（可选，增加鲁棒性） #

给转换器添加空值判断，避免类型转换异常：

using System;
using Xamarin.Forms;

namespace RTIC.Scan.Converters
{
    internal class IsPartialPalletBackgroundColor : IValueConverter
    {
        public object Convert(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            if (value is bool isPartial)
            {
                return isPartial ? Color.Red : Color.Black;
            }
            return Color.Black; // 默认返回黑色
        }

        public object ConvertBack(object value, Type targetType, object parameter, System.Globalization.CultureInfo culture)
        {
            return value is Color color && color == Color.Red;
        }
    }
}

验证效果 #

现在每条Pallet记录会根据自身的Quantity值独立控制文本颜色：

• Quantity=50时，文本显示红色
• Quantity=85时，文本显示黑色

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