WPF-Daten-Trigger und Story-Boards

Ich versuche, die trigger eine Fortschritt-animation, wenn Sie jemals das ViewModel/Presentation Model Beschäftigt ist. Ich habe ein IsBusy-Eigenschaft, und das ViewModel als DataContext des UserControl. Was ist der beste Weg, um die trigger eine "progressAnimation" story-board, wenn die IsBusy-Eigenschaft true ist? Mischung nur lasst med hinzufügen von Ereignis-Triggern auf einem UserControl Ebene, und ich kann nur das erstellen von property-Trigger in meine Daten Vorlagen.

"ProgressAnimation" ist definiert als eine Ressource, die in der Benutzer-Steuerelement.

Habe ich versucht, indem die DataTriggers als ein Stil für das Benutzersteuerelement, aber wenn ich versuche zu starten, das StoryBoard, bekomme ich die folgende Fehlermeldung:

'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 ist der name des Objekts, bin ich versucht zu animieren, so entfernen target name ist obvisouly NICHT, was ich will.

Ich hatte gehofft, dieses Problem zu lösen in XAML mithilfe von data binding-Techniken, in-Stelle von dass zu setzen Ereignisse und starten/stoppen Sie die animation durch den code.

InformationsquelleAutor der Frage Jonas Follesø | 2008-09-17

Was Sie wollen, ist möglich durch das erklären der animation auf der progressWheel selbst:
Die 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>

Code hinter:

    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);
        }
    }
}

Viewmodel:

    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);
        }
    }
}

Hoffe, das hilft!

InformationsquelleAutor der Antwort Dabblernl

4

Obwohl die Antwort, vor dem anbringen der animation direkt auf das element animiert werden soll, löst dieses problem in einfachen Fällen ist dies nicht wirklich praktikabel, wenn Sie eine komplexe animation, die Bedürfnisse der Zielgruppe mehrere Elemente. (Sie können das anfügen einer animation für jedes element, natürlich, aber es wird ziemlich schrecklich zu verwalten.)

So, gibt es eine alternative Möglichkeit, dies zu lösen, mit dem Sie einen DataTrigger ausführen einer animation, die Ziele benannte Elemente.

Gibt es drei Orte, die Sie anfügen können Auslöser in WPF: Elemente, Stile und Vorlagen. Aber die ersten beiden Möglichkeiten nicht funktionieren hier. Die erste ist ausgeschlossen, weil WPF unterstützt nicht die Verwendung eines DataTrigger direkt auf ein element. (Es gibt keinen besonders guten Grund dafür, soweit ich weiß. Soweit ich mich erinnere, wenn ich die Leute gebeten, auf das WPF-team über so viele Jahre her, Sie sagten, Sie würden gern zu haben, es unterstützt aber nicht die Zeit haben, damit es funktioniert.) Und styles sind out, weil, wie die Fehlermeldung, die Sie gemeldet haben, sagt, Sie kann nicht als Ziel benannte Elemente in einer animation mit einem Format verknüpft.

So, dass die Blätter Vorlagen. Und Sie können entweder die Steuerung oder Daten, die Vorlagen für diese.
```
<ContentControl>
    <ContentControl.Template>
        <ControlTemplate TargetType="ContentControl">
            <ControlTemplate.Resources>
                <Storyboard x:Key="myAnimation">

                    

                </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>

            

        </ControlTemplate>
    </ContentControl.Template>
<ContentControl>
```
Durch diese Konstruktion WPF ist glücklich, lassen Sie die animation beziehen sich auf benannte Elemente in der Vorlage. (Ich habe die animation und das template content-leer - offenbar, Sie würde füllen Sie es mit Ihrem eigentlichen animation nd Inhalt.)

Den Grund, warum das funktioniert im template aber nicht auf einen Stil ist, dass wenn Sie eine Vorlage, die benannten Elemente definiert er wird immer präsent sein, und so ist es sicher für Animationen definiert, die Vorlage der Anwendungsbereich auf diese zu verweisen Elemente. Dies ist nicht generell der Fall mit Stil, denn die Stile, die angewendet werden können, um verschiedene Elemente, von denen jeder kann, die haben ganz andere visual Bäume. (Es ist ein wenig frustrierend, dass es Sie daran hindert, dies zu tun, auch in Szenarien, in denen Sie sicher sein können, dass die erforderlichen Elemente wird da sein, aber vielleicht gibt es etwas, das macht es sehr schwierig für die animation gebunden werden die benannten Elemente an der richtigen Zeit. Ich weiß, es gibt eine ganze Reihe von Optimierungen in den WPF zu aktivieren Sie Elemente von einem Stil, die wiederverwendet werden effizient, so dass vielleicht einer von denen ist, was macht es schwierig, zu unterstützen.)

InformationsquelleAutor der Antwort Ian Griffiths
1

Ich würde empfehlen, RoutedEvent statt Ihre IsBusy-Eigenschaft. Nur die Feuerwehr OnBusyStarted und OnBusyStopped Veranstaltung und die Verwendung Ereignis auslösen, auf die entsprechenden Elemente.

InformationsquelleAutor der Antwort Jobi Joy
1

Abonniert werden kann, um das PropertyChanged-Ereignis der DataObject-Klasse und machen einen RoutedEvent Feuer vom Usercontrol-Ebene.

Für RoutedEvent zu arbeiten, müssen wir die Klasse, die von DependancyObject

InformationsquelleAutor der Antwort Jobi Joy

Können Sie Auslösen.EnterAction um eine animation zu starten, wenn eine Eigenschaft geändert wird.

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

InformationsquelleAutor der Antwort ligaz

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.