模板绑定与附加属性

我有一个标准样式的按钮，但我希望样式的某些部分是可配置的。例如MouseOver触发按钮时我出现边框，我希望边框颜色可以配置。模板绑定与附加属性

以下这篇文章：http://www.thomaslevesque.com/2011/10/01/wpf-creating-parameterized-styles-with-attached-properties/我想我可以使用附加的属性和TemplateBinding来实现这一点。

我创建了以下附加属性：

public static class ThemeProperties 
{ 
    public static Brush GetButtonBorderColour(DependencyObject obj) 
    { 
     return (Brush)obj.GetValue(ButtonBorderColourProperty); 
    } 

    public static void SetButtonBorderColour(DependencyObject obj, Brush value) 
    { 
     obj.SetValue(ButtonBorderColourProperty, value); 
    } 

    public static readonly DependencyProperty ButtonBorderColourProperty = 
     DependencyProperty.RegisterAttached(
      "ButtonBorderColour", 
      typeof(Brush), 
      typeof(ThemeProperties), 
      new FrameworkPropertyMetadata(Brushes.Black, FrameworkPropertyMetadataOptions.Inherits)); 
}

我设置像这样的属性：

<Button Style="{StaticResource RedButton}" local:ThemeProperties.ButtonBorderColour="#B20000"/>

而且我的风格是这样的：

<Window.Resources> 
    <Style x:Key="RedButton" TargetType="Button"> 
     <Setter Property="OverridesDefaultStyle" Value="True"/> 
     <Setter Property="Margin" Value="2"/> 
     <Setter Property="FontFamily" Value="Tahoma"/> 
     <Setter Property="FontSize" Value="11px"/> 
     <Setter Property="FontWeight" Value="Bold"/> 
     <Setter Property="Foreground" Value="White"/> 
     <Setter Property="MinHeight" Value="25" /> 

     <Setter Property="FocusVisualStyle" Value="{StaticResource MyFocusVisual}" /> 
     <Setter Property="Background" > 
      <Setter.Value> 
       <LinearGradientBrush StartPoint="0,0" EndPoint="0,1" > 
        <GradientStop Color="#FECCBF" Offset="0.2"/> 
        <GradientStop Color="Red" Offset="0.85"/> 
        <GradientStop Color="#FECCBF" Offset="1"/> 
       </LinearGradientBrush> 
      </Setter.Value> 
     </Setter> 
     <Setter Property="Template"> 
      <Setter.Value> 
       <ControlTemplate TargetType="Button"> 
        <Border Name="border" BorderThickness="1" Padding="4,2" BorderBrush="Transparent" CornerRadius="3" Background="{TemplateBinding Background}"> 
         <Grid > 
          <ContentPresenter HorizontalAlignment="Center" VerticalAlignment="Center" Name="content"/> 
         </Grid> 
        </Border> 
        <ControlTemplate.Triggers> 
         <Trigger Property="IsMouseOver" Value="True"> 
          <Setter TargetName="border" Property="BorderBrush" Value="{TemplateBinding local:ThemeProperties.ButtonBorderColour}" /> 
          <Setter Property="Foreground" Value="#B20000" /> 
         </Trigger> 
         <Trigger Property="IsPressed" Value="True"> 
          <Setter Property="Background" > 
           <Setter.Value> 
            <LinearGradientBrush StartPoint="0,0" EndPoint="0,1" > 
             <GradientStop Color="#FECCBF" Offset="0.35"/> 
             <GradientStop Color="Red" Offset="0.95"/> 
             <GradientStop Color="#FECCBF" Offset="1"/> 
            </LinearGradientBrush> 
           </Setter.Value> 
          </Setter> 
          <Setter TargetName="content" Property="RenderTransform" > 
           <Setter.Value> 
            <TranslateTransform Y="1.0" /> 
           </Setter.Value> 
          </Setter> 
         </Trigger> 
         <Trigger Property="IsDefaulted" Value="True"> 
          <Setter TargetName="border" Property="BorderBrush" Value="#B20000" /> 
         </Trigger> 
         <Trigger Property="IsFocused" Value="True"> 
          <Setter TargetName="border" Property="BorderBrush" Value="#B20000" /> 
         </Trigger> 
         <Trigger Property="IsEnabled" Value="False"> 
          <Setter TargetName="border" Property="Opacity" Value="0.7" /> 
          <Setter Property="Foreground" Value="Gray" /> 
         </Trigger> 
        </ControlTemplate.Triggers> 
       </ControlTemplate> 
      </Setter.Value> 
     </Setter> 
    </Style> 
</Window.Resources>

凡重点线是

<Trigger Property="IsMouseOver" Value="True"> 
    <Setter TargetName="border" Property="BorderBrush" Value="{TemplateBinding local:ThemeProperties.ButtonBorderColour}" /> 
    <Setter Property="Foreground" Value="#B20000" /> 
</Trigger>

至于我可以看到这个应该工作，但我在运行时获得上述线以下错误：

“值”不能转换价值属性类型的'对象。标记文件中对象'System.Windows.Setter'的错误

我在这里做了一些不正确的事吗？我是WPF全新的，并且无法确定发生了什么问题，因为附加属性的类型是Brush，这是我期望Border的BorderBrush属性需要的。

来源

2012-02-10 thudbutt

我认为TemplateBinding是在编译时计算的，因此您不能在Setter中动态设置TemplateBinding，请尝试使用Binding（请参阅下文）。

<Setter TargetName="border" Property="BorderBrush" 
     Value="{Binding Path=(local:ThemeProperties.ButtonBorderColour), 
         RelativeSource={RelativeSource TemplatedParent}}"/>

希望这会有所帮助。

来源

2012-02-10 18:32:09

嘿我编辑了我的答案，它现在应该工作。这是一个语法错误，对此感到遗憾。 – 2012-02-10 22:34:19

谢谢小川，那已经很完美了。我还可以看到我的代码和链接网页上的示例之间的区别，因为示例没有在以前不赞赏的setter中使用TemplateBinding。再次感谢！ – thudbutt 2012-02-13 10:14:08

我不明白为什么我的相同案件在设计时不起作用（但它在运行时） - http://stackoverflow.com/questions/41614676/binding-style-property-value-to-an-attached -property-causes-design-time-only-e/41617979 – 2017-01-13 09:56:52

试试这个：

<Setter TargetName="border" Property="BorderBrush" Value="{TemplateBinding Path=(local:ThemeProperties.ButtonBorderColour)}" />

的区别是酒店周围的括号表明它是一个附加属性。

来源

2012-02-10 18:36:18

不幸的是，似乎没有被认为是有效的语法，它只是返回类型'（本地：ThemeProperties的“没有找到的错误。 – thudbutt 2012-02-10 19:08:30

对不起，你需要'路径='在它的前面。在XAML解析器中出现了一个怪癖，我会更新我的答案 – 2012-02-10 19:40:10

仍然没有快乐，仍然被标记为无效的语法，并且在'TemplateBindingExtension'类型中找不到'The property'Path'的错误。 – thudbutt 2012-02-10 21:07:03

模板绑定与附加属性

回答

相关问题