XAML基于绑定改变框架背景

Question

我有一个基于以下类的 ObservableCollection：

public class Data
{
    public string Text { get; set; }
    public DateTime Date { get; set; }
    public bool IsActive { get; set; }
}

这个 observablecollection 被使用和绑定为 ListView 的 ItemSource。下面是展示数据的DataTemplate——

<DataTemplate>
    <ViewCell>
        <Frame OutlineColor="White" HasShadow="False">
             <!-- Data -->
        </Frame>
    </ViewCell>
</DataTemplate>

由于 ObservableCollection 是具有 布尔属性的 Data 类的集合，我想使用它来更改框架的背景颜色：

• 如果 IsActive 属性为真 - BackgroundColor 为红色

• 如果 IsActive 属性为 false - BackgroundColor 为蓝色

我已经研究了触发器的实现，但是我似乎无法让它们正常工作，而且我不确定我缺少什么。

根据 Xamarin 文档，我应该能够做到：

<Frame>
    <Frame.Trigger>
        <!-- -->
    </Frame.Trigger>  
</Frame>

然而这似乎是不可能的。这也不是——

<Frame>
<Frame.Style>
    <Style TargetType="Frame">
        <Setter Property="BackgroundColor" Value="Blue" />
        <Style.Triggers>
            <DataTrigger Binding="{Binding IsActive}" Value="True">
                <Setter Property="BackgroundColor" Value="Red"/>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</Frame.Style>
</Frame>

上面的代码给出了以下错误信息：

Xamarin.Forms.Xaml.XamlParseException: Position 28:26. The Property TargetType is required to create a Xamarin.Forms.DataTrigger object.

Answer 1

不确定您的触发问题，但我认为您应该能够通过首先在 Data 类上实现 INotifyPropertyChanged 来完成颜色更改，如下所示：

public class Data : INotifyPropertyChanged
{
    public string Text { get; set; }
    public DateTime Date { get; set; }

    private bool _isActive;
    public bool IsActive 
    {
        get { return _isActive; }
        set
        {
            if (value == _isActive)
            {
                return;
            }

            _isActive = value;

            NotifyPropertyChanged("IsActive");
        }
    }

    public event PropertyChangedEventHandler PropertyChanged;

    public void NotifyPropertyChanged(string propertyName)
    {
        if (PropertyChanged != null)
        {
            PropertyChanged(this, new PropertyChangedEventArgs(propertyName));
        }
    }
}

然后，在您的 xaml 中，您应该能够执行以下操作：

<DataTemplate>
    <ViewCell>
        <Frame Background="{Binding IsActive, Converter={StaticResource IsActiveToColorConverter}}" OutlineColor="White" HasShadow="False">
             <!-- Data -->
        </Frame>
    </ViewCell>
</DataTemplate>

IsActiveToColorConverter 看起来像这样：

public class IsActiveToColorConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var isActive = (bool) value;

        return isActive ? "Red" : "Blue";
    }

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