我在viewmodel上有一个enum,它代表5种颜色中的一种,我使用ValueConverter将这些值转换为实际颜色。
具体来说,每个列表框项目背景的颜色都会随着它的变化而变化。
我有一个带有可视状态管理器和鼠标悬停组的自定义控件,它使用SplineColorKeyFrame为悬停颜色设置动画(这是在控件模板的xaml中设置的)。自定义控件在悬停颜色上只有一个依赖项属性。
如果SplineColorKeyFrame的值来自资源,或者在xaml中设置为固定颜色,则此方法很有用。但是,当我将Value设置为“{TemplateBinding HoverColor}”
时,它只是透明动画甚至将xaml中的DependencyProperty设置为一种颜色,并尝试使用控件中的TemplateBinding来读取颜色会导致问题,如果我告诉它从绑定中获取它,动画将不会使用正确的颜色或模板绑定。
我已经窥探了应用程序并且可以看到依赖项属性具有正确的值,但它似乎没有在动画中获取该值。
有人可以建议如何解决这个问题吗?
这是我的控制模板:
<Style TargetType="{x:Type local:MyCustomControl}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type local:MyCustomControl}">
<Border Background="{TemplateBinding Background}"
BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}" x:Name="border">
<VisualStateManager.VisualStateGroups>
<VisualStateGroup x:Name="MouseOverGroup">
<VisualStateGroup.Transitions>
<VisualTransition GeneratedDuration="0:0:0.2"/>
</VisualStateGroup.Transitions>
<VisualState x:Name="MouseOver">
<Storyboard>
<ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="border">
<SplineColorKeyFrame KeyTime="0" Value="{TemplateBinding HoverColor}" />
</ColorAnimationUsingKeyFrames>
</Storyboard>
</VisualState>
<VisualState x:Name="Normal"/>
</VisualStateGroup>
</VisualStateManager.VisualStateGroups>
<VisualStateManager.CustomVisualStateManager>
<ic:ExtendedVisualStateManager/>
</VisualStateManager.CustomVisualStateManager>
<i:Interaction.Triggers>
<i:EventTrigger EventName="MouseEnter">
<ic:GoToStateAction x:Name="MouseOverAction" StateName="MouseOver"/>
</i:EventTrigger>
<i:EventTrigger EventName="MouseLeave">
<ic:GoToStateAction x:Name="NormalAction" StateName="Normal"/>
</i:EventTrigger>
</i:Interaction.Triggers>
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
这是我的自定义控制代码:
public class MyCustomControl : Control
{
public static DependencyProperty HoverColorProperty = DependencyProperty.Register("HoverColor", typeof (Color),
typeof (MyCustomControl));
public Color HoverColor
{
get
{
return (Color)GetValue(HoverColorProperty);
}
set
{
SetValue(HoverColorProperty, value);
}
}
static MyCustomControl()
{
DefaultStyleKeyProperty.OverrideMetadata(typeof(MyCustomControl), new FrameworkPropertyMetadata(typeof(MyCustomControl)));
}
}
这是主窗口xaml:
<Window x:Class="Test.MainWindow"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:Test="clr-namespace:Test" Title="MainWindow" Height="350" Width="525">
<Window.DataContext>
<Test:ViewModel/>
</Window.DataContext>
<Grid>
<Test:MyCustomControl HoverColor="Yellow"
HorizontalAlignment="Center" VerticalAlignment="Center" Width="150" Height="150"
Background="Bisque">
</Test:MyCustomControl>
</Grid>
</Window>
答案 0 :(得分:0)
我找到了这个问题的答案。事实证明,由于某种原因,如果StoryBoard在Xaml中内联,则绑定不起作用。如果将Storyboard放在资源中并引用VisualStateManager中的资源,那么一切正常。