Question

我偶然发现了一个非常烦人的问题，这似乎是微不足道的事情，但我无法找到解决方案。我想要做的是将ColorAnimation的 To 属性绑定到名为MouseOverColor的DependencyProperty。这就是我的风格：

<Style TargetType="{x:Type local:Button}">
  <Setter Property="Background" Value="{StaticResource SolidBlueDark}" />
  <Setter Property="BorderBrush" Value="{x:Null}" />
  <Setter Property="BorderThickness" Value="0" />
  <Setter Property="FocusVisualStyle" Value="{x:Null}" />
  <Setter Property="Foreground" Value="White" />
  <Setter Property="HorizontalContentAlignment" Value="Center" />
  <Setter Property="MouseOverColor" Value="Cyan" />
  <Setter Property="Padding" Value="1" />
  <Setter Property="VerticalContentAlignment" Value="Center" />
  <Setter Property="Template">
    <Setter.Value>
      <ControlTemplate TargetType="{x:Type local:Button}">
        <Grid>
          <VisualStateManager.VisualStateGroups>
            <VisualStateGroup Name="CommonStates">
              <VisualStateGroup.Transitions>
                <VisualTransition GeneratedDuration="0:0:0.4" />
              </VisualStateGroup.Transitions>
              <VisualState Name="Normal" />
              <VisualState Name="MouseOver">
                <Storyboard>
                  <ColorAnimation Storyboard.TargetName="Border" Storyboard.TargetProperty="(Border.Background).Color" To="{TemplateBinding MouseOverColor}" />
                </Storyboard>
              </VisualState>
              <VisualState Name="Pressed" />
              <VisualState Name="Disabled" />
            </VisualStateGroup>
            <VisualStateGroup Name="FocusStates">
              <VisualState Name="Unfocused" />
              <VisualState Name="Focused" />
            </VisualStateGroup>
          </VisualStateManager.VisualStateGroups>
          <Border 
            Name="Border" 
            Background="{TemplateBinding Background}" 
            BorderBrush="{TemplateBinding BorderBrush}" 
            BorderThickness="{TemplateBinding BorderThickness}" 
            Height="{TemplateBinding Height}" 
            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" 
            Width="{TemplateBinding Width}" />
          <ContentPresenter 
            TextBlock.Foreground="{TemplateBinding Foreground}" 
            HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" 
            Margin="{TemplateBinding Padding}" 
            RecognizesAccessKey="True" 
            SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" 
            VerticalAlignment="{TemplateBinding VerticalContentAlignment}" />
        </Grid>
      </ControlTemplate>
    </Setter.Value>
  </Setter>
</Style>

发生的事情是没有任何反应，按钮的颜色保持不变。如果我将ColorAnimation线更改为以下颜色：

<ColorAnimation 
  Storyboard.TargetName="Border"
  Storyboard.TargetProperty="(Border.Background).Color"
  To="Cyan" />

但我需要通过MouseOverColor属性设置 To 颜色而不是硬编码，我该如何实现？我尝试了各种绑定，但结果总是一样。

提前致谢。

编辑：如果我使用静态资源但它不是我想要的，它也有效。真的没办法做我想要的吗？为我希望能够使用并硬编码的每种“鼠标悬停”颜色创建新样式没有任何意义。

Answer 1

根据this MSDN forum thread中的Microsoft作者的说法，WPF不支持您尝试执行的操作。必须冻结动画值，使其不能动态或受约束。我只是偶然发现了相同的限制。如果您尝试这样做，则不会抛出任何错误，它只是没有设置任何颜色。

Answer 2

不确定这是否适合您的案例......

如果MouseOverColor是您自己的自定义属性，请尝试另一种让Templated Binding工作的方法。

{Binding RelativeSource={RelativeSource TemplatedParent}, Path=MouseOverColor}

我已经在这里详细解释了

Image.Height TemplateBinding does not work

Wpf彩色动画绑定

2 个答案: