WPF ControlTemplate с VisualStates

Question

Я хочу создать шаблон ControlTemplate с предопределенными состояниями VisualStates. Я хочу использовать их с GoToStateActions и DataTriggers.

Я не знаю, что именно здесь происходит не так. Мне кажется, что Привязка не установлена ​​таким образом, как я полагаю.

namespace ControlTemplateVisualState
{
    using System.Windows.Controls;


    public class MyControl : ContentControl
    {
        public MyControl()
        {
            this.DefaultStyleKey = typeof(MyControl);
        }
    }
}

<ResourceDictionary
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" 
    xmlns:ControlTemplateVisualState="clr-namespace:ControlTemplateVisualState" 
    xmlns:i="http://schemas.microsoft.com/expression/2010/interactivity"
    xmlns:ei="http://schemas.microsoft.com/expression/2010/interactions">

    <ControlTemplate x:Key="MyControlTemplate" TargetType="{x:Type ControlTemplateVisualState:MyControl}">
        <Grid x:Name="grid" Background="Red">
            <VisualStateManager.VisualStateGroups>
                <VisualStateGroup x:Name="VisualStateGroup">
                    <VisualState x:Name="IsDisabledState">
                        <Storyboard>
                            <ColorAnimationUsingKeyFrames Storyboard.TargetProperty="(Panel.Background).(SolidColorBrush.Color)" Storyboard.TargetName="grid">
                                <EasingColorKeyFrame KeyTime="0" Value="#FF2BFF00"/>
                            </ColorAnimationUsingKeyFrames>
                        </Storyboard>
                    </VisualState>
                </VisualStateGroup>
            </VisualStateManager.VisualStateGroups>
            <i:Interaction.Triggers>
                <ei:DataTrigger Binding="{Binding IsEnabled, ElementName=grid}" Value="False">
                    <ei:GoToStateAction StateName="IsDisabledState"/>
                </ei:DataTrigger>
            </i:Interaction.Triggers>
        </Grid>
    </ControlTemplate>

    <Style TargetType="{x:Type ControlTemplateVisualState:MyControl}">
        <Setter Property="Background" Value="#FF0010FF"/>
        <Setter Property="Template" Value="{StaticResource MyControlTemplate}"/>
    </Style>
</ResourceDictionary>


<Window
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    x:Class="ControlTemplateVisualState.MainWindow"
    x:Name="Window"
    xmlns:local="clr-namespace:ControlTemplateVisualState"
    Title="MainWindow"
    Width="640" Height="480">

    <Grid x:Name="LayoutRoot">
        <local:MyControl IsEnabled="False"/>
    </Grid>
</Window>

Answer 1

Вы можете попробовать:

<i:Interaction.Behaviors>
      <si:DataStateBehavior Binding='{Binding IsLoggedIn}' Value='True' 
            TrueState='LoggedInState' FalseState='LoggedOutState'/>
</i:Interaction.Behaviors>

Это немного отличается, но работает даже с Silverlight, см: http://expressionblend.codeplex.com/wikipage?title=Behaviors%20and%20Effects&referringTitle=Documentation

Просто убедитесь, что вы получили фиксированную версию, если вы используете WPF4: http://expressionblend.codeplex.com/workitem/8148

Answer 2

Я не думаю, что триггеры и поведения Blend SDK можно использовать в шаблонах элементов управления - только в UserControls: нет конкретного объекта, к которому можно было бы присоединить триггер при разборе XAML. (Я не уверен на 100% в этом объяснении, но я знаю, что, если у вас есть несколько шаблонов элементов управления, вы не можете использовать поведение Blend во всех них.) Вам потребуется код для вызова VSM - это как работают пользовательские элементы управления. Вы будете использовать что-то вроде этого кода из Silverlight Toolkit :

public static void GoToState(Control control, bool useTransitions, params string[] stateNames)
{
    foreach (var name in stateNames)
    {
        if (VisualStateManager.GoToState(control, name, useTransitions))
            break;
    }
}