Xamarin Forms 使用 DataTrigger 基于数据的条件格式答案

【问题标题】：Xamarin Forms conditonal formatting based on data with DataTriggerXamarin Forms 使用 DataTrigger 基于数据的条件格式
【发布时间】：2021-06-20 07:14:12
【问题描述】：

我正在 Xamarin Forms 中开发一个聊天应用程序，并尝试添加条件格式，具体取决于它是传入消息还是传出消息。

这是我的 XAML：

               <Frame 
                    Margin="1"
                    Padding="0"
                    x:Name="FrameRef"
                    x:DataType="model:ChatMessage">
                    <Frame 
                        CornerRadius="10"
                        Padding="7"
                        BackgroundColor="LightBlue"
                        HasShadow="false"
                        Margin="10,10,80,0">
                        <Frame.Triggers>
                            <DataTrigger
                                TargetType="Frame"
                                Binding="{Binding Source={x:Reference FrameRef}, Path=x:DataType.From}" Value="+1456456456">
                                <Setter Property="BackgroundColor" Value="Yellow"/>
                            </DataTrigger>
                        </Frame.Triggers>

当我使用 Path="Margin" 和 Value="1" 时，它可以工作。

我现在正在尝试使其与路径为 x:DataType="model:ChatMessage" 并检查“发件人”字段（指示消息是传入还是传出）一起工作。

【问题讨论】：

标签： xaml user-interface xamarin xamarin.forms

【解决方案1】：

我不确定Data Trigger 是否适合此应用程序，因为您实际上依赖于数据类型，而不是另一个字段的内容本身。来自文档：

DataTrigger 类适用于检查其他控件上的值，以及已添加它的控件上的任何属性。

您可能想要的是一个值转换器，它处理定位静态资源并根据消息类型为您应用样式。完整的 Microsoft 文档here。

在您的 XAML 元素上，您可以执行以下操作：

<Frame Style="{Binding foo, Converter={StaticResource FooToStyleConverter}}"/>

你的转换器会像这样工作：

public class FooToStyleConverter : IValueConverter
{
    public object Convert(object value, Type targetType, object parameter, CultureInfo culture)
    {
        var someValue = (DataTye)value; // Convert 'object' to whatever type you are expecting

        // evaluate the converted value
        if (someValue.From != null && someValue.From == Enum.SomeoneElse)
            return (Style)App.Current.Resources["StyleReceived"]; // return the desired style indicating the message is from someone else

        return (Style)App.Current.Resources["StyleSent"]; // return a style indicating the message is from the sender
    }
    
    public object ConvertBack(object value, Type targetType, object parameter, CultureInfo culture)
    {
        // Usually unused, but inverse the above logic if needed
        throw new NotImplementedException();
    }
}

最后，将您的转换器设置为 App.xaml 中的静态资源（或作为页面上的本地资源），以便您的页面可以正确引用它

<ContentPage xmlns="http://xamarin.com/schemas/2014/forms"
             xmlns:x="http://schemas.microsoft.com/winfx/2009/xaml"
             xmlns:local="clr-namespace:DataBindingDemos">
    <ContentPage.Resources>
         <ResourceDictionary>
              <local:FooToStyleConverter x:Key="FooToStyleConverter" />
              ....

【讨论】：