Триггеры данных и истории WPF

Я пытаюсь запустить анимацию прогресса, когда модель ViewModel/Presentation занята. У меня есть свойство IsBusy, а ViewModel устанавливается как DataContext UserControl. Каков наилучший способ вызвать панель истории "progressAnimation", когда свойство IsBusy верно? Blend only let med add Event-Triggers на уровне UserControl, и я могу создавать триггеры свойств в своих шаблонах данных.

"progressAnimation" определяется как ресурс в пользовательском элементе управления.

Я попытался добавить DataTriggers как стиль в UserControl, но когда я пытаюсь запустить StoryBoard, я получаю следующую ошибку:

'System.Windows.Style' value cannot be assigned to property 'Style' 
of object'Colorful.Control.SearchPanel'. A Storyboard tree in a Style 
cannot specify a TargetName. Remove TargetName 'progressWheel'.

ProgressWheel - это имя объекта, который я пытаюсь оживить, поэтому удаление целевого имени не обязательно, что я хочу.

Я надеялся разрешить это в XAML, используя методы привязки данных, вместо того, чтобы подвергать событиям и запускать/останавливать анимацию с помощью кода.

ОТВЕТЫ

Ответ 1

То, что вы хотите, возможно, объявив анимацию на салоне progressWheel: XAML:

<UserControl x:Class="TriggerSpike.UserControl1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Height="300" Width="300">
<UserControl.Resources>
    <DoubleAnimation x:Key="SearchAnimation" Storyboard.TargetProperty="Opacity" To="1" Duration="0:0:4"/>
    <DoubleAnimation x:Key="StopSearchAnimation" Storyboard.TargetProperty="Opacity" To="0" Duration="0:0:4"/>
</UserControl.Resources>
<StackPanel>
    <TextBlock Name="progressWheel" TextAlignment="Center" Opacity="0">
        <TextBlock.Style>
            <Style>
                <Style.Triggers>
                    <DataTrigger Binding="{Binding IsBusy}" Value="True">
                        <DataTrigger.EnterActions>
                            <BeginStoryboard>
                                <Storyboard>
                                    <StaticResource ResourceKey="SearchAnimation"/>
                                </Storyboard>
                            </BeginStoryboard>
                        </DataTrigger.EnterActions>
                        <DataTrigger.ExitActions>
                            <BeginStoryboard>
                                <Storyboard>
                                   <StaticResource ResourceKey="StopSearchAnimation"/> 
                                </Storyboard>
                            </BeginStoryboard>
                        </DataTrigger.ExitActions>
                    </DataTrigger>
                </Style.Triggers>
            </Style>
        </TextBlock.Style>
        Searching
    </TextBlock>
    <Label Content="Here your search query"/>
    <TextBox Text="{Binding SearchClause}"/>
    <Button Click="Button_Click">Search!</Button>
    <TextBlock Text="{Binding Result}"/>
</StackPanel>

Код позади:

    using System.Windows;
using System.Windows.Controls;

namespace TriggerSpike
{
    public partial class UserControl1 : UserControl
    {
        private MyViewModel myModel;

        public UserControl1()
        {
            myModel=new MyViewModel();
            DataContext = myModel;
            InitializeComponent();
        }

        private void Button_Click(object sender, RoutedEventArgs e)
        {
            myModel.Search(myModel.SearchClause);
        }
    }
}

Модель просмотра:

    using System.ComponentModel;
using System.Threading;
using System.Windows;

namespace TriggerSpike
{
    class MyViewModel:DependencyObject
    {

        public string SearchClause{ get;set;}

        public bool IsBusy
        {
            get { return (bool)GetValue(IsBusyProperty); }
            set { SetValue(IsBusyProperty, value); }
        }

        public static readonly DependencyProperty IsBusyProperty =
            DependencyProperty.Register("IsBusy", typeof(bool), typeof(MyViewModel), new UIPropertyMetadata(false));



        public string Result
        {
            get { return (string)GetValue(ResultProperty); }
            set { SetValue(ResultProperty, value); }
        }

        public static readonly DependencyProperty ResultProperty =
            DependencyProperty.Register("Result", typeof(string), typeof(MyViewModel), new UIPropertyMetadata(string.Empty));

        public void Search(string search_clause)
        {
            Result = string.Empty;
            SearchClause = search_clause;
            var worker = new BackgroundWorker();
            worker.DoWork += worker_DoWork;
            worker.RunWorkerCompleted += worker_RunWorkerCompleted;
            IsBusy = true;
            worker.RunWorkerAsync();
        }

        void worker_RunWorkerCompleted(object sender, RunWorkerCompletedEventArgs e)
        {
            IsBusy=false;
            Result = "Sorry, no results found for: " + SearchClause;
        }

        void worker_DoWork(object sender, DoWorkEventArgs e)
        {
            Thread.Sleep(5000);
        }
    }
}

Надеюсь, это поможет!

Ответ 2

Хотя ответ, который предлагает привязать анимацию непосредственно к элементу, который нужно анимировать, решает эту проблему в простых случаях, это не реально выполнимо, когда у вас сложная анимация, для которой нужно настроить несколько элементов. (Вы можете прикрепить анимацию к каждому элементу, но это становится довольно ужасно для управления.)

Итак, есть альтернативный способ решения этой проблемы, позволяющий использовать DataTrigger для запуска анимации, которая нацелена на именованные элементы.

Есть три места, в которые вы можете прикреплять триггеры в WPF: элементы, стили и шаблоны. Однако первые два варианта здесь не работают. Первое исключается из-за того, что WPF не поддерживает использование DataTrigger непосредственно на элементе. (Насколько я знаю, для этого нет особо веской причины. Насколько я помню, когда я спросил людей в команде WPF об этом много лет назад, они сказали, что им бы понравилось это поддерживать, но не есть время, чтобы заставить его работать.) И стили отсутствуют, потому что, как сообщается в сообщении об ошибке, вы не можете настроить именованные элементы в анимации, связанной со стилем.

Итак, это оставляет шаблоны. И для этого вы можете использовать шаблоны управления или данных.

<ContentControl>
    <ContentControl.Template>
        <ControlTemplate TargetType="ContentControl">
            <ControlTemplate.Resources>
                <Storyboard x:Key="myAnimation">

                    <!-- Your animation goes here... -->

                </Storyboard>
            </ControlTemplate.Resources>
            <ControlTemplate.Triggers>
                <DataTrigger
                    Binding="{Binding MyProperty}"
                    Value="DesiredValue">
                    <DataTrigger.EnterActions>
                        <BeginStoryboard
                            x:Name="beginAnimation"
                            Storyboard="{StaticResource myAnimation}" />
                    </DataTrigger.EnterActions>
                    <DataTrigger.ExitActions>
                        <StopStoryboard
                            BeginStoryboardName="beginAnimation" />
                    </DataTrigger.ExitActions>
                </DataTrigger>
            </ControlTemplate.Triggers>

            <!-- Content to be animated goes here -->

        </ControlTemplate>
    </ContentControl.Template>
<ContentControl>

С этой конструкцией WPF с радостью позволяет анимации ссылаться на именованные элементы внутри шаблона. (Я оставил как анимацию, так и содержимое шаблона пустым здесь - очевидно, вы заполнили бы это своим фактическим анимационным содержимым.)

Причина, по которой это работает в шаблоне, но не в стиле, заключается в том, что при применении шаблона всегда будут присутствовать именованные элементы, поэтому они должны быть безопасными для анимаций, определенных в пределах этого шаблона, для ссылки на эти элементы. Это обычно не относится к стилю, поскольку стили могут применяться к нескольким различным элементам, каждый из которых может иметь совершенно разные визуальные деревья. (Немного разочаровывает то, что это мешает вам делать это даже в сценариях, когда вы можете быть уверены, что требуемые элементы будут там, но, возможно, есть что-то, что очень затрудняет привязку анимации к названным элементам справа Я знаю, что в WPF довольно много оптимизаций для эффективного использования элементов стиля, поэтому, возможно, одним из них является то, что затрудняет поддержку.)

Ответ 3

Я бы рекомендовал использовать RoutedEvent вместо вашего свойства IsBusy. Просто запустите OnBusyStarted и OnBusyStopped событие и используйте Event trigger для соответствующих элементов.

Ответ 4

Вы можете подписаться на событие PropertyChanged класса DataObject и создать огонь RoutedEvent с уровня Usercontrol.

Для работы RoutedEvent нам необходимо получить класс, полученный из DependancyObject

Ответ 5

Вы можете использовать Trigger.EnterAction для запуска анимации при изменении свойства.

<Trigger Property="IsBusy" Value="true">
    <Trigger.EnterActions>
        <BeginStoryboard x:Name="BeginBusy" Storyboard="{StaticResource MyStoryboard}" />
    </Trigger.EnterActions>
    <Trigger.ExitActions>
        <StopStoryboard BeginStoryboardName="BeginBusy" />
    </Trigger.ExitActions>
</Trigger>