WPF: comment mettre le feu à un EventTrigger (ou Animation) lors de la liaison des changements?

Nous avons une animation simple qui s'exécute quand un ToggleButton est activée et désactivée (développe un ListView de la hauteur et s'effondre alors une liste de hauteur). Comment avez-vous feu la EventTrigger (ou Animation) pour les <Storyboard x:Key="CommentsCollapse"> lorsque le DataContext de Liaison des changements dans la x:Name="DetailsGrid" Grille dans le code XAML suivant?

En d'autres termes, chaque fois que la Liaison des changements pour le "DetailsGrid", nous voulons que le "CommentsCollapse" table de montage séquentiel pour être déclenchée pour assurer la ListView est retourné à son état effondré.

<Page
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Width="800"
Height="400">
<Page.Resources>
<Storyboard x:Key="CommentsExpand">
<DoubleAnimationUsingKeyFrames
BeginTime="00:00:00"
Storyboard.TargetName="CommentsListView"
Storyboard.TargetProperty="(FrameworkElement.Height)">
<SplineDoubleKeyFrame KeyTime="00:00:00.200" Value="300"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
<Storyboard x:Key="CommentsCollapse">
<DoubleAnimationUsingKeyFrames
BeginTime="00:00:00"
Storyboard.TargetName="CommentsListView"
Storyboard.TargetProperty="(FrameworkElement.Height)">
<SplineDoubleKeyFrame KeyTime="00:00:00.200" Value="75"/>
</DoubleAnimationUsingKeyFrames>
</Storyboard>
</Page.Resources>
<Page.Triggers>
<EventTrigger RoutedEvent="ToggleButton.Checked" SourceName="CommentsToggleButton">
<BeginStoryboard Storyboard="{StaticResource CommentsExpand}"/>
</EventTrigger>
<EventTrigger RoutedEvent="ToggleButton.Unchecked" SourceName="CommentsToggleButton">
<BeginStoryboard Storyboard="{StaticResource CommentsCollapse}"/>
</EventTrigger>
</Page.Triggers>
<Grid DataContext="{Binding Path=CurrentTask.Workflow.Invoice}" x:Name="DetailsGrid">
<StackPanel Orientation="Horizontal">
<Canvas Width="428">
<GroupBox Width="422" Margin="5,0,0,0">
<GroupBox.Header>
<StackPanel Orientation="Horizontal">
<ToggleButton
x:Name="CommentsToggleButton"
Width="20"
Height="10"
Margin="5,0,0,0">
<ToggleButton.Content>
<Rectangle
Width="5"
Height="5"
Fill="Red"/>
</ToggleButton.Content>
</ToggleButton>
<TextBlock Foreground="Blue" Text="Comments"/>
</StackPanel>
</GroupBox.Header>
<ListView
x:Name="CommentsListView"
Height="75"
ItemsSource="{Binding Path=Comments}">
<ListView.View>
<GridView>
<GridViewColumn DisplayMemberBinding="{Binding Path=Date}" Header="Date"/>
<GridViewColumn DisplayMemberBinding="{Binding Path=Name}" Header="User"/>
<GridViewColumn DisplayMemberBinding="{Binding Path=Description}" Header="Comment"/>
</GridView>
</ListView.View>
</ListView>
</GroupBox>
</Canvas>
</StackPanel>
</Grid>
</Page>

InformationsquelleAutor Metro Smurf | 2009-11-19

Je trouve aussi que ce n'est pas possible dans le code XAML. Vous avez besoin de la DataContextChanged événement, qui n'est pas un RoutedEvent et ne peut donc pas être utilisé dans un EventTrigger.

Cela semble fonctionner bien:

<Window x:Class="DatacontextChangedSpike.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="300" Width="300">
<Window.Resources>
<Storyboard x:Key="ListViewExpands" AutoReverse="True" RepeatBehavior="2x">
<DoubleAnimation Storyboard.TargetName="PulsingListView" Storyboard.TargetProperty="Height"
From="10" To="60"/>
</Storyboard>
</Window.Resources>
<StackPanel>
<ListView Name="PulsingListView" BorderThickness="2" BorderBrush="Black"
DataContextChanged="PulsingListView_DataContextChanged">
<TextBlock>Listview</TextBlock>
</ListView>
<Button Click="Button_Click" >Change DataContext</Button>
</StackPanel>
</Window>
using System;
using System.Windows;
using System.Windows.Controls;
using System.Windows.Data;
using System.Windows.Documents;
using System.Windows.Input;
using System.Windows.Media;
using System.Windows.Media.Imaging;
using System.Windows.Media.Animation;
using System.Windows.Navigation;
using System.Windows.Shapes;
namespace DatacontextChangedSpike
{
public partial class Window1 : Window
{
public Window1()
{
DataContext = new List<string>();
InitializeComponent();
}
private void Button_Click(object sender, RoutedEventArgs e)
{
DataContext = new List<int>();
}
private void PulsingListView_DataContextChanged(object sender, DependencyPropertyChangedEventArgs e)
{
var sb = (Storyboard)FindResource("ListViewExpands");
sb.Begin();
}
}
}

on avait essayé au début, mais espérais qu'il était un pur XAML soltution. Merci.

InformationsquelleAutor Dabblernl

1

Vous pouvez déclencher le StoryBoard d'un DataTrigger(EnterAction et ExitAction), si vous pouvez mettre un ViewModel de la propriété à true ou à false lorsque vous modifiez le DataContext. Ainsi, le DataTrigger sera basé sur votre nouveau Bool propriété.
- d'abord nous avons fait quelque chose de similaire, re: en utilisant le ViewModel de la poignée de la gâchette, mais ont finalement opté pour la voie de l'utilisation de la DataContextChanged événement comme suggéré par Dabblernl qu'il conserve la logique de l'INTERFACE utilisateur dans l'INTERFACE utilisateur et de modèle.
InformationsquelleAutor Jobi Joy
0

Je ne pense pas que vous pouvez le faire via la pure Xaml, vous aurez à faire dans le code (ou, mieux encore, d'écrire une Expression généralisée Comportement, de sorte que vous peut décrire dans le code Xaml). Découvrez la PropertyMetadata de votre Propriété de Dépendance pour voir comment vous pouvez brancher sa Propriété a Changé de l'événement.
- avez-vous des ressources (liens) que vous pourriez m'indiquer qui serait me pointer dans la bonne direction?
InformationsquelleAutor Paul Betts

Vous devez vous connecter pour publier un commentaire.