触发器上的 WPF 样式边框厚度答案

【问题标题】：WPF Styling border thickness on trigger触发器上的 WPF 样式边框厚度
【发布时间】：2010-09-08 05:04:17
【问题描述】：

我定义了以下样式...

<!-- Blue Button -->
<Style x:Key="BlueButton" TargetType="{x:Type Button}">
  <Setter Property="OverridesDefaultStyle" Value="True"/>
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="Button">                   
     <Border Name="border" 
        BorderThickness="2"
        Padding="4,2" 
        CornerRadius="5" 
        BorderBrush="{TemplateBinding BorderBrush}"
        Background="{TemplateBinding Background}">
      <Grid >
        <ContentPresenter 
        HorizontalAlignment="Center" 
        VerticalAlignment="Center" 
        Name="content"/>
      </Grid>
    </Border>
    <ControlTemplate.Triggers>
      <Trigger Property="IsMouseOver" Value="True">
        <Setter Property="Background" Value="{DynamicResource BlueGradientOver}"/>
        <Setter Property="BorderBrush" Value="White"/>
      </Trigger>
      <Trigger Property="IsEnabled" Value="False">
        <Setter Property="Background" Value="Black"/>
        <Setter Property="BorderBrush" Value="White"/>
        <!-- how do I set the BorderThickness here? -->
        <Setter Property="Foreground" Value="White"/>
      </Trigger>             
      <Trigger Property="IsPressed" Value="True">
        <Setter Property="Background" Value="{DynamicResource BlueGradient4}"/>
        <Setter Property="BorderBrush" Value="{DynamicResource BlueGradient1}"/>
      </Trigger>
    </ControlTemplate.Triggers>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
  <Setter Property="SnapsToDevicePixels" Value="true"/>
  <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/>
  <Setter Property="Background" Value="{DynamicResource BlueGradient1}"/>
  <Setter Property="BorderBrush" Value="{DynamicResource BlueGradient2}"/>
  <Setter Property="Foreground" Value="White"/>
  <Setter Property="HorizontalContentAlignment" Value="Center"/>
  <Setter Property="VerticalContentAlignment" Value="Center"/>
  <Setter Property="TextBox.TextAlignment" Value="Center"/>  
  <Setter Property="FontFamily" Value="Trebuchet MS"/>
  <Setter Property="FontSize" Value="15pt"/>
  <Setter Property="Effect" Value="{DynamicResource KioskStandardDropShadow}" />
  <Setter Property="IsEnabled" Value="True"/>
</Style>

我想在按钮被禁用时更改BorderThickness 属性，但我不知道该怎么做。

【问题讨论】：

为什么这被否决了？

标签： wpf xaml styles

【解决方案1】：

在您的控件模板中，您将 BorderThickness 设置为 2！应该是：

更新

<!-- Blue Button --> 
<Style x:Key="BlueButton" TargetType="{x:Type Button}"> 
  <Setter Property="OverridesDefaultStyle" Value="True"/> 
  <Setter Property="BorderThickness" Value="2" />
  <Setter Property="Template"> 
    <Setter.Value> 
      <ControlTemplate TargetType="Button">                    
    <Border Name="border"  
        BorderThickness="{TemplateBinding BorderThickness}"  
        Padding="4,2"  
        CornerRadius="5"  
        BorderBrush="{TemplateBinding BorderBrush}" 
        Background="{TemplateBinding Background}"> 
      <Grid > 
        <ContentPresenter  
        HorizontalAlignment="Center"  
        VerticalAlignment="Center"  
        Name="content"/> 
      </Grid> 
    </Border> 
    <ControlTemplate.Triggers> 
      <Trigger Property="IsMouseOver" Value="True"> 
        <Setter Property="Background" Value="{DynamicResource BlueGradientOver}"/> 
        <Setter Property="BorderBrush" Value="White"/> 
      </Trigger> 
      <Trigger Property="IsEnabled" Value="False"> 
        <Setter Property="Background" Value="Black"/> 
        <Setter Property="BorderBrush" Value="White"/> 
        <Setter Property="BorderThickness" Value="10" /> 
        <Setter Property="Foreground" Value="White"/> 
      </Trigger>              
      <Trigger Property="IsPressed" Value="True"> 
        <Setter Property="Background" Value="{DynamicResource BlueGradient4}"/> 
        <Setter Property="BorderBrush" Value="{DynamicResource BlueGradient1}"/> 
      </Trigger> 
    </ControlTemplate.Triggers> 
      </ControlTemplate> 
    </Setter.Value> 
  </Setter> 
  <Setter Property="SnapsToDevicePixels" Value="true"/> 
  <Setter Property="FocusVisualStyle" Value="{StaticResource ButtonFocusVisual}"/> 
  <Setter Property="Background" Value="{DynamicResource BlueGradient1}"/> 
  <Setter Property="BorderBrush" Value="{DynamicResource BlueGradient2}"/> 
  <Setter Property="Foreground" Value="White"/> 
  <Setter Property="HorizontalContentAlignment" Value="Center"/> 
  <Setter Property="VerticalContentAlignment" Value="Center"/> 
  <Setter Property="TextBox.TextAlignment" Value="Center"/>   
  <Setter Property="FontFamily" Value="Trebuchet MS"/> 
  <Setter Property="FontSize" Value="15pt"/> 
  <Setter Property="Effect" Value="{DynamicResource KioskStandardDropShadow}" /> 
  <Setter Property="IsEnabled" Value="True"/> 
</Style>

【讨论】：

谢谢，如何在触发器和默认值上设置它？
触发器可以按预期设置 ->
并且默认值应该设置在顶部（您当前有 OverridesDefaultStyle） - 类似于它在触发器中的完成方式！
谢谢，在您提到 TemplateBinding 之后，我知道该怎么做，我只是想为以后的搜索提供完整的答案。
@rudigrobler 感谢您更新答案。您帮助我了解了模板中发生了什么。

【解决方案2】：

您尝试过 Expression Blend 4 吗？它有一个非常直观的 UI，用于直接在 XAML 上处理行为、触发器和活动。你应该试一试！生成所有代码可能需要 5 分钟（包括边界）。

【讨论】：

我有，但是编辑器太基础了，我通常使用 Visual Studio 和 Emacs，我更喜欢学习语法而不是依赖代码生成。 - 但是，是的，它非常适合做视觉效果。