Анимация элементов в DataTemplate ContentControl

Я настоятельно рекомендую вам изучить Blend при работе над проектами WPF. В то время как XAML с помощью навыков клавиатуры действительно полезен, Blend также очень полезен. Мне потребовалось около 5 минут, чтобы построить для вас следующий пример: это DataTemplate котором есть состояния.

(сначала я создал пустой DataTemplate, затем я редактировал в Blend)

Пользователь может нажать любую из двух кнопок внизу, и текущее состояние будет изменено.

Как вы увидите ниже, поведение оказалось действительно полезным для работы с состояниями, без кода.

XAML:

<Window x:Class="WpfApplication3.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions"
        xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
        xmlns:wpfApplication3="clr-namespace:WpfApplication3"
        Title="MainWindow"
        Width="525"
        Height="350">
    <Window.Resources>
        <wpfApplication3:MyObject x:Key="MyObject1" />
        <DataTemplate x:Key="Template1" DataType="wpfApplication3:MyObject">
            <Grid>
                <Grid.ColumnDefinitions>
                    <ColumnDefinition />
                    <ColumnDefinition />
                </Grid.ColumnDefinitions>
                <Grid.RowDefinitions>
                    <RowDefinition Height="37*" />
                    <RowDefinition Height="13*" />
                </Grid.RowDefinitions>
                <VisualStateManager.VisualStateGroups>
                    <VisualStateGroup x:Name="VisualStateGroup">
                        <VisualState x:Name="Red">
                            <Storyboard>
                                <ColorAnimationUsingKeyFrames Storyboard.TargetName="button" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)">
                                    <EasingColorKeyFrame KeyTime="0" Value="Red" />
                                </ColorAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                        <VisualState x:Name="Green">
                            <Storyboard>
                                <ColorAnimationUsingKeyFrames Storyboard.TargetName="button" Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)">
                                    <EasingColorKeyFrame KeyTime="0" Value="Lime" />
                                </ColorAnimationUsingKeyFrames>
                            </Storyboard>
                        </VisualState>
                    </VisualStateGroup>
                </VisualStateManager.VisualStateGroups>
                <Button x:Name="button"
                        Grid.RowSpan="1"
                        Grid.ColumnSpan="2"
                        Width="100"
                        Height="100"
                        Margin="2"
                        Content="Button"
                        FontSize="26.667" />
                <Button Grid.Row="1"
                        Width="Auto"
                        Margin="2"
                        Content="State1">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <ei:GoToStateAction StateName="Red" />
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
                <Button Grid.Row="1"
                        Grid.Column="1"
                        Width="Auto"
                        Margin="2"
                        Content="State2">
                    <i:Interaction.Triggers>
                        <i:EventTrigger EventName="Click">
                            <ei:GoToStateAction StateName="Green" />
                        </i:EventTrigger>
                    </i:Interaction.Triggers>
                </Button>
            </Grid>
        </DataTemplate>
    </Window.Resources>
    <Grid>
        <ContentControl Content="{StaticResource MyObject1}" ContentTemplate="{StaticResource Template1}" />
    </Grid>
</Window>

Код-за:

namespace WpfApplication3
{
    public partial class MainWindow
    {
        public MainWindow() {
            InitializeComponent();
        }
    }

    internal class MyObject
    {
        public string Category { get; set; }
        public int Value { get; set; }
    }
}

РЕДАКТИРОВАТЬ

Чтобы ответить на вопрос вашего вопроса, эти состояния принадлежат к DataTemplate; определение этих состояний вне его не имеет никакого смысла, и, как вы испытали, это даже невозможно, и это по уважительной причине!

Представьте, что вы используете этот шаблон в двух разных местах, будут ли они иметь одинаковое состояние? Конечно, нет, поэтому в ней должны быть определены состояния, а не снаружи.