У меня есть enum на viewmodel, который представляет один из 5 цветов, и я использую ValueConverter для преобразования этих значений в фактические цвета.Значения анимации раскадровки привязки
В частности, это цвет фона каждого элемента списка, который нужно изменить, так как он зависает.
У меня есть настраиваемый элемент управления с визуальным менеджером состояний и группой мыши, которая использует SplineColorKeyFrame для анимации цвета наведения (это задано в шаблоне управления шаблоном). Пользовательский элемент управления имеет свойство зависимости для него для цвета наведения.
Это отлично работает, если значение SplineColorKeyFrame является ресурсом или установлено в xaml как фиксированный цвет. Однако он просто оживляет прозрачность, когда я устанавливаю значение в значение «{TemplateBinding HoverColor}»
Даже установка DependencyProperty в xaml для цвета и попытка использования 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>
Итак, после того, как вы выкапываете, кажется, что TemplateBinding ожидает, что целью будет объект зависимости, однако свойство SplineColorKeyFrame.Value не является, это просто свойство. – Matt
Поцарапайте, что после быстрого взгляда с отражателем выясняется, что это свойство зависимостей. – Matt