2010-07-06 63 views
3

我正在为按钮构建一个简单的ControlTemplate。我想画一个2色渐变,并绑定两种颜色,所以我不需要在模板中对它们进行硬编码。但由于背景和前景是刷子,而不仅仅是颜色,我不确定这会工作。模板绑定到背景和前景色?

任何人都可以告诉我,如果有一个好办法做到这一点?它似乎很简单。谢谢。

<ControlTemplate x:Key="ElipseButton" TargetType="Button"> 
    <Ellipse> 
    <Ellipse.Fill> 
    <RadialGradientBrush RadiusX="1" RadiusY="1" GradientOrigin="0.7,0.8"> 
       <GradientStop Color="White" Offset="0"/> 
    <GradientStop Color="Black" Offset="1"/> 
    </RadialGradientBrush> 
    </Ellipse.Fill> 
    </Ellipse> 
</ControlTemplate> 

我想用TemplateBindings替换'Black'和'White'颜色。

回答

4

您可以使用附加属性来添加一些新的颜色属性可以在按钮使用:

public class ColorExtensions 
{ 
    public static readonly DependencyProperty ColorFrontProperty = DependencyProperty.RegisterAttached(
     "ColorFront", 
     typeof(Color), 
     typeof(ColorExtensions), 
     new UIPropertyMetadata(Colors.White)); 

    public static Color GetColorFront(DependencyObject target) 
    { 
     return (Color)target.GetValue(ColorFrontProperty); 
    } 

    public static void SetColorFront(DependencyObject target, Color value) 
    { 
     target.SetValue(ColorFrontProperty, value); 
    } 

    public static readonly DependencyProperty ColorBackProperty = DependencyProperty.RegisterAttached(
     "ColorBack", 
     typeof(Color), 
     typeof(ColorExtensions), 
     new UIPropertyMetadata(Colors.Black)); 

    public static Color GetColorBack(DependencyObject target) 
    { 
     return (Color)target.GetValue(ColorBackProperty); 
    } 

    public static void SetColorBack(DependencyObject target, Color value) 
    { 
     target.SetValue(ColorBackProperty, value); 
    } 
} 

然后,您可以设置这些在任何情况下,并在正常使用绑定模板访问它们(TemplateBindings不会在这里工作):

<Button Content="Click Me" local:ColorExtensions.ColorFront="Red"> 
    <Button.Template> 
     <ControlTemplate TargetType="Button"> 
      <Ellipse> 
       <Ellipse.Fill> 
        <RadialGradientBrush RadiusX="1" RadiusY="1" GradientOrigin="0.7,0.8"> 
         <GradientStop Color="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(local:ColorExtensions.ColorFront)}" Offset="0"/> 
         <GradientStop Color="{Binding RelativeSource={RelativeSource TemplatedParent}, Path=(local:ColorExtensions.ColorBack)}" Offset="1"/> 
        </RadialGradientBrush> 
       </Ellipse.Fill> 
      </Ellipse> 
     </ControlTemplate> 
    </Button.Template> 
</Button> 
+0

为什么'GradientStop'不要”吨接受'TemplateBinding'? – 2016-08-02 13:11:39

0

就我个人而言,我只是把整个刷子放到你的模板中。稍后,这将为您提供更多的控制权限,因为它允许您更改(通过模板更改)画笔从径向渐变到线性渐变等。