1

我偶然发现了一个非常烦人的问题，这似乎是一件微不足道的事情，但我无法找到解决方案。我想要做的是将 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颜色而不是硬编码，我该如何实现呢？我尝试了各种绑定，但结果总是一样的。

提前致谢。

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

4

2 回答 2

2

根据此 MSDN 论坛主题中的一位 Microsoft 作者的说法，WPF 不支持您尝试执行的操作。动画值必须被冻结，因此它们不能是动态的或绑定的。我只是偶然发现了同样的限制。如果您尝试这样做，则不会引发错误，它只是没有设置任何颜色。

于 2016-06-17T22:44:11.283 回答
0

不确定这是否适合您的情况...

如果MouseOverColor是您自己的自定义属性 - 尝试另一种Templated Binding工作方式。 

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

我在这里更详细地解释了它

Image.Height TemplateBinding 不起作用

于 2013-04-07T11:36:10.057 回答