Discussion :

[Masmeta]

Bonjour,

Avez vous une idée de comment faire clignoter une ligne d'un listview suivant une valeur de binding?

Actuellement je fait ceci pour changer les couleurs suivant les valeurs de mes données:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
 
<ListView.ItemContainerStyle>
                <Style TargetType="{x:Type ListViewItem}">
                    <Style.Triggers>
 
                        <DataTrigger Binding="{Binding Level}" Value="INFO">
                            <Setter Property="Background" Value="Transparent"/>
                        </DataTrigger>
                        <MultiDataTrigger>
                            <MultiDataTrigger.Conditions>
                                <Condition Binding="{Binding Path=Level}" Value="WARN" />
                                <Condition Binding="{Binding Path=State}" Value="2" />
                            </MultiDataTrigger.Conditions>
                            <Setter Property="Background" Value="Orange" />
                        </MultiDataTrigger>
 
                        <MultiDataTrigger>
                            <MultiDataTrigger.Conditions>
                                <Condition Binding="{Binding Path=Level}" Value="WARN" />
                                <Condition Binding="{Binding Path=State}" Value="1" />
                            </MultiDataTrigger.Conditions>
                            <Setter Property="Background" Value="#c15d01" />
                        </MultiDataTrigger>
                        <MultiDataTrigger>
                            <MultiDataTrigger.Conditions>
                                <Condition Binding="{Binding Path=Level}" Value="FATAL" />
                                <Condition Binding="{Binding Path=State}" Value="2" />
                            </MultiDataTrigger.Conditions>
                            <Setter Property="Background" Value="Red" />
                        </MultiDataTrigger>
 
                        <MultiDataTrigger>
                            <MultiDataTrigger.Conditions>
                                <Condition Binding="{Binding Path=Level}" Value="FATAL" />
                                <Condition Binding="{Binding Path=State}" Value="1" />
                            </MultiDataTrigger.Conditions>
                            <Setter Property="Background" Value="#900000" />
                        </MultiDataTrigger>
                    </Style.Triggers>
                    <Setter Property="Height" Value="35" />
                </Style>
            </ListView.ItemContainerStyle>

Merci de votre aide

[MABROUKI]

Bonjour

Au lieu d'injecter dans les MultiDataTrigger un setter tu devrais y injecter MultiDataTrigger.EnterActions & MultiDataTrigger.ExitActions
Demarrer simplement un storyboard en ressources ciblant un ListViewItem..
Le storyboard peut animer l'opacite ,la forme du Listviewitem ou ...que sais-je..
Voici un "feux clignotement qui fait "fretiller" les couleurs avec un DiscreteColorKeyFrame("saut brusque") avec des keytime courts...
bref voici le code xaml:
[code]
<Window x:Class="WpfBlinkListView.WinListViewColorAnimation"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:local="clr-namespace:WpfBlinkListView"
Title="WinListViewColorAnimation" Height="300" Width="300">
<Window.Resources>
<local:Blinks x:Key="l"></local:Blinks>

<!--ICI LE STORYBOARD WARN -->

<Storyboard
x:Key="colorAnimWARN" >
<ColorAnimationUsingKeyFrames
Storyboard.TargetProperty="(ListViewItem.Background).(SolidColorBrush.Color)"
Duration="0:0:3"
RepeatBehavior="Forever">
<DiscreteColorKeyFrame Value="Transparent" KeyTime="0:0:0.0" />
<DiscreteColorKeyFrame Value="RoyalBlue" KeyTime="0:0:1.0" />
<DiscreteColorKeyFrame Value="Red" KeyTime="0:0:2.0" />
</ColorAnimationUsingKeyFrames>
</Storyboard>
<!--ICI LE STORYBOARD FATAL -->

<Storyboard
x:Key="colorAnimFATAL" >
<ColorAnimationUsingKeyFrames
Storyboard.TargetProperty="(ListViewItem.Background).(SolidColorBrush.Color)"
Duration="0:0:3"
FillBehavior="HoldEnd"
RepeatBehavior="Forever">
<DiscreteColorKeyFrame Value="Transparent" KeyTime="0:0:0.0" />
<DiscreteColorKeyFrame Value="LimeGreen" KeyTime="0:0:1.0" />
<DiscreteColorKeyFrame Value="Red" KeyTime="0:0:2.0" />
</ColorAnimationUsingKeyFrames>
</Storyboard>

<!--ICI LE ItemContainerStyle-->

<Style
x:Key="st"
TargetType="{x:Type ListViewItem}"
>
<Style.Triggers>
<DataTrigger
Binding="{Binding Level}"
Value="INFO">
<Setter Property="Background" Value="Transparent"/>
</DataTrigger>
<MultiDataTrigger>
<MultiDataTrigger.Conditions>
<Condition Binding="{Binding Path=Level}" Value="WARN" />
<Condition Binding="{Binding Path=State}" Value="2" />
</MultiDataTrigger.Conditions>
<!--vire tous ces setters-->
<!--<Setter Property="Background" Value="Orange" />-->
<MultiDataTrigger.EnterActions>
<BeginStoryboard
Storyboard="{Binding Source={StaticResource colorAnimWARN}}">
</BeginStoryboard>
</MultiDataTrigger.EnterActions>
<MultiDataTrigger.ExitActions >
<BeginStoryboard
Storyboard="{Binding Source={StaticResource colorAnimWARN}}">
</BeginStoryboard>
</MultiDataTrigger.ExitActions>
</MultiDataTrigger>

<MultiDataTrigger>
<MultiDataTrigger.Conditions>
<Condition Binding="{Binding Path=Level}" Value="WARN" />
<Condition Binding="{Binding Path=State}" Value="1" />
</MultiDataTrigger.Conditions>
<!--<Setter Property="Background" Value="#c15d01" />-->
<MultiDataTrigger.EnterActions>
<BeginStoryboard
Storyboard="{Binding Source={StaticResource colorAnimWARN}}">
</BeginStoryboard>
</MultiDataTrigger.EnterActions>
<MultiDataTrigger.ExitActions >
<BeginStoryboard
Storyboard="{Binding Source={StaticResource colorAnimWARN}}">
</BeginStoryboard>
</MultiDataTrigger.ExitActions>
</MultiDataTrigger>
<MultiDataTrigger>
<MultiDataTrigger.Conditions>
<Condition Binding="{Binding Path=Level}" Value="FATAL" />
<Condition Binding="{Binding Path=State}" Value="2" />
</MultiDataTrigger.Conditions>
<!--<Setter Property="Background" Value="Red" />-->
<MultiDataTrigger.EnterActions>
<BeginStoryboard
Storyboard="{Binding Source={StaticResource colorAnimFATAL}}">
</BeginStoryboard>
</MultiDataTrigger.EnterActions>
<MultiDataTrigger.ExitActions >
<BeginStoryboard
Storyboard="{Binding Source={StaticResource colorAnimFATAL}}">
</BeginStoryboard>
</MultiDataTrigger.ExitActions>
</MultiDataTrigger>

<MultiDataTrigger>
<MultiDataTrigger.Conditions>
<Condition Binding="{Binding Path=Level}" Value="FATAL" />
<Condition Binding="{Binding Path=State}" Value="1" />
</MultiDataTrigger.Conditions>
<!--<Setter Property="Background" Value="#900000" />-->
<MultiDataTrigger.EnterActions>
<BeginStoryboard
Storyboard="{Binding Source={StaticResource colorAnimFATAL}}">
</BeginStoryboard>
</MultiDataTrigger.EnterActions>
<MultiDataTrigger.ExitActions >
<BeginStoryboard
Storyboard="{Binding Source={StaticResource colorAnimFATAL}}">
</BeginStoryboard>
</MultiDataTrigger.ExitActions>
</MultiDataTrigger>
</Style.Triggers>
<Setter Property="Height" Value="35" />
</Style>
</Window.Resources>
<StackPanel>
<ListView
Height="200"
IsSynchronizedWithCurrentItem="True"
ItemContainerStyle="{StaticResource st}"
ItemsSource="{Binding Source={StaticResource l}}">
<ListView.View >
<GridView
AllowsColumnReorder="true">
<GridViewColumn
x:Name="col1"
Header="Level" Width="100"
DisplayMemberBinding="{Binding Path=Level}" >
</GridViewColumn>
<GridViewColumn
Header="State" Width="100"
DisplayMemberBinding="{Binding Path=State}">
</GridViewColumn>
</GridView>
</ListView.View>
</ListView>

</StackPanel>
</Window>

[CODE]
Le code behind .cs du class Blink de test:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
 
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Collections.ObjectModel;
 
namespace WpfBlinkListView
{
    public class Blink
    {
        public Blink(string  l,int s)  
        {  
 
            Level =l;
            State =s ;
 
        }
        public string Level { get; set; }
        public int State { get; set; }
 
    }
    public class Blinks : ObservableCollection<Blink>
    {
        private Blink b;
 
        public Blinks()
        {
            for (int i = 1; i < 21; i++)
            {
                if (i % 5 == 0)
                {
 
                    b = new Blink("FATAL", 2);
 
                }
                else if (i % 2 == 0)
                {
                    b = new Blink("WARN", 1);
 
                }
                else
                {
                    b = new Blink("INFO", 1);
 
 
                }
                this.Add(b);
            }
        }
    }
}

bon code....

[Masmeta]

Merci de ton code
Je teste cela demain