我可以使用不同的DataTrigger绑定重用样式吗?

时间:2015-05-21 18:27:15

标签: c# wpf xaml

我正在使用标签处理WPF 4.0窗口,其中包含许多状态指示器。在一个示例中,如果绑定属性的枚举Foo是可用的,则标签变为绿色并且读取“可用”。如果绑定属性为NOTAVAILABLE,则标签将变为RED并显示为“Not Available”。我还有其他标签,指示不同的绑定枚举条的状态,它们会根据此值变成不同的颜色并具有不同的内容。

我能够根据绑定属性的值成功绑定并转换一个标签的颜色和文本。我在DataTrigger的Setter中使用了一个相当冗长的ControlTemplate来改变标签的文本。

这是我到目前为止所拥有的:

<Window> ...
    xmlns:cst="clr-namespace:CstCommonTypes;assembly=CstCommonTypes"
    ...
</Window>

<Label x:Name="Avail_Out_LBL" HorizontalAlignment="Left" Margin="111,44,0,0" VerticalAlignment="Top" Width="124" Height="18" VerticalContentAlignment="Center" HorizontalContentAlignment="Center" SnapsToDevicePixels="False" Grid.Column="1" Padding="0">
  <Label.Style>
    <Style TargetType="{x:Type Label}">
        <Setter Property="Background" Value="#FFC08100"/>
        <Setter Property="Foreground" Value="White"/>
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate>
                    <Grid Background="{TemplateBinding Background}">
                        <Grid.ColumnDefinitions>
                            <ColumnDefinition Width="24"/>
                            <ColumnDefinition Width="Auto"/>
                            <ColumnDefinition Width="24"/>
                        </Grid.ColumnDefinitions>
                        <TextBlock Text="Degraded"
                                   Grid.Column="1"
                                   VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                   HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                   Padding="{TemplateBinding Padding}"
                                   Background="{TemplateBinding Background}"
                                   Foreground="{TemplateBinding Foreground}"
                                   Width="{TemplateBinding Width}"
                                   Height="{TemplateBinding Height}"
                             />
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Style.Triggers>
            <DataTrigger Binding="{Binding MonitorAndControlData.Availability}" Value="{x:Static cst:Foo.Available}">
                <Setter Property="Background" Value="#FF567E4A"/>
                <Setter Property="Foreground" Value="White"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate>
                            <Grid Background="{TemplateBinding Background}">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="24"/>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="24"/>
                                </Grid.ColumnDefinitions>
                                <TextBlock Text="Available"
                                           Grid.Column="1"
                                           VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                           HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                           Padding="{TemplateBinding Padding}"
                                           Background="{TemplateBinding Background}"
                                           Foreground="{TemplateBinding Foreground}"
                                           Width="{TemplateBinding Width}"
                                           Height="{TemplateBinding Height}"
                                    />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </DataTrigger>
            <DataTrigger Binding="{Binding MonitorAndControlData.Availability}" Value="{x:Static cst:Foo.NotAvailable}">
                <Setter Property="Background" Value="LightCoral"/>
                <Setter Property="Foreground" Value="White"/>
                <Setter Property="Template">
                    <Setter.Value>
                        <ControlTemplate>
                            <Grid Background="{TemplateBinding Background}">
                                <Grid.ColumnDefinitions>
                                    <ColumnDefinition Width="22"/>
                                    <ColumnDefinition Width="Auto"/>
                                    <ColumnDefinition Width="22"/>
                                </Grid.ColumnDefinitions>
                                <TextBlock Text=" Not Available"
                                           Grid.Column="1"
                                           VerticalAlignment="{TemplateBinding VerticalContentAlignment}"
                                           HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}"
                                           Padding="{TemplateBinding Padding}"
                                           Background="{TemplateBinding Background}"
                                           Foreground="{TemplateBinding Foreground}"
                                           Width="{TemplateBinding Width}"
                                           Height="{TemplateBinding Height}"
                                    />
                            </Grid>
                        </ControlTemplate>
                    </Setter.Value>
                </Setter>
            </DataTrigger>
        </Style.Triggers>
    </Style>
</Label.Style>

上面的工作,但我想知道我是否可以重用Style并给它不同的DataTrigger绑定或只是重用ControlTemplate来减少xaml代码。我试图看看我是否可以定义资源,但我无法弄清楚如何为所有标签提供不同的模板绑定。

非常感谢任何帮助。

2 个答案:

答案 0 :(得分:1)

如果需要更多属性进行绑定,请将其转换为custom control(即继承自Control的类),然后您可以在所述控件上添加其他依赖项属性,您可以然后在模板中绑定。

答案 1 :(得分:0)

如果绑定不相同,则无法重复使用该样式。

您可以做的是让自己成为状态指示器标签的用户控件,在其中您将创建一个依赖属性(让它命名为Availability),您可以在其上绑定触发器。但是,您必须确保触发器始终需要相同的类型。如果每个标签的可用性绑定类型不同,则此解决方案将无效。

以下是有关如何使用依赖项属性的链接:

http://www.wpftutorial.net/dependencyproperties.html