WPF,动态颜色填充矩形

时间:2012-07-03 08:16:04

标签: wpf label fill

我尝试为我的Label创建一个ControlTemplate,如下所示:

<Style TargetType="{x:Type Label}">
    <Setter Property="Template">
        <Setter.Value>
            <ControlTemplate TargetType="{x:Type Label}">
                <Grid x:Name="LayoutRoot" Background="White">
                    <Rectangle Height="30" HorizontalAlignment="Left" Margin="10" 
                               Stroke="transparent" 
                               VerticalAlignment="Top" Width="3" 
                               Fill="#FF259FED" />

                    <ContentPresenter HorizontalAlignment="Left" Margin="17,0,0,0"  RecognizesAccessKey="True" 
                                      SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" 
                                      VerticalAlignment="Center"/>
                </Grid>
            </ControlTemplate>
        </Setter.Value>
    </Setter>
    <Setter Property="Foreground" Value="#7A7E81" />
    <Setter Property="FontWeight" Value="Bold" />
</Style>

我想在创建控件时填充矩形的颜色,例如:

<Label Content="Prénom" VerticalAlignment="Top" CouleurRectangle="#FF259FED" />

那么,当我创建控件时,如何在controlTemplate中更改Property“Fill”以动态设置矩形颜色?

非常感谢。

编辑:这是解决方案,我创建了一个继承自Label的新类:

    Public Class LblTitreChamp
    Inherits Label

    Public Shared ReadOnly CouleurProperty As DependencyProperty =
        DependencyProperty.Register("CouleurRectangle", GetType(SolidColorBrush), GetType(LblTitreChamp))
    ''' <summary>Propriété pour insérer une couleur au début du Label</summary>
    Public Property CouleurRectangle As SolidColorBrush
        Get
            Return GetValue(CouleurProperty)
        End Get
        Set(ByVal value As SolidColorBrush)
            SetValue(CouleurProperty, value)
        End Set
    End Property

End Class

然后,在我的COntrolTemplate中:

<Style TargetType="{x:Type local:LblTitreChamp}">
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type local:LblTitreChamp}">
                    <Grid x:Name="LayoutRoot" Background="White">
                        <Rectangle Height="30" HorizontalAlignment="Left" Margin="10" 
                                   Stroke="transparent" 
                                   VerticalAlignment="Top" Width="3" 
                                  Fill="{Binding RelativeSource={RelativeSource FindAncestor, AncestorType={x:Type Label}}, Path=CouleurRectangle}"/>

                        <ContentPresenter HorizontalAlignment="Left" Margin="17,0,0,0"  RecognizesAccessKey="True" 
                                          SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" 
                                          VerticalAlignment="Center"/>
                    </Grid>
                </ControlTemplate>
            </Setter.Value>
        </Setter>
        <Setter Property="Foreground" Value="#7A7E81" />
        <Setter Property="FontWeight" Value="Bold" />
    </Style>

最后,创建一个新标签:

<my:LblTitreChamp Content="ID" VerticalAlignment="Top" CouleurRectangle="Black" />

非常感谢你:)

2 个答案:

答案 0 :(得分:0)

hi set Fill = {TemplateBinding CouleurRectangle}。希望这会有所帮助。我期待您创建了一个自定义Label类,它继承自Label并具有DependencyProperty CouleurRectangle。

答案 1 :(得分:0)

由于您的标签不是CustomControl,因此您无法动态创建属性,因此最好的方法是使用标签的背景属性

...
<Rectangle Height="30" ...
                       Fill="{TemplateBinding Background}" />
...

否则创建一个继承CustomControl的{​​{1}}并创建一个新的依赖属性,并为其定义一个XAML模板样式。