Discussion :

[Nathanael Marchand]

Bonjour,
Je développe une petite appli sur Silverlight 4.
Dans ma vue, il y'a une listbox et j'aimerais changer le fond en fonction de la valeur d'un des champs de mon item.
J'ai donc mis mon template dans un dictionnaire de ressources.
Le template se compose d'une bordure que j'ai nommé theBorder.
Sur cette bordure j'ai mis des DataTrigger avec des GoToStateAction.
Cette bordure contient également des visualtstates contenant chacun une coloranimation.
Enfin la bordure contient un textblock bindé sur ma propriété.

A l'execution, lorsque je change la valeur de ma propriété sur le premier élément de ma liste, on a bien un changement du textblock et de couleur mais les autres éléments il n'ya qu'un changement du textblock.
Je présume que c'est parceque les animations on pour target theBorder et que cet élément ne peut être qu'unique.
Comment puis-je m'en sortir?

[Skyounet]

C'est pas très clair tout ça.

Ton template est appliqué à ta ListBox ou aux items ?
Tu veux changer le background de l'item ou de la ListBox ?

Tu peux montrer ton code ?
Tu as fait ton stuff avec Blend ou à la main ?

[Nathanael Marchand]

Blend ou à la main, peu m'importe!
J'ai pas mis le code car j'ai du mal à le formater dans l'éditeur la (l'indentation n'est pas top)

Mais effectivement c'est beaucoup plus simple à comprendre!

Xaml de ma listbox:

Code :

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

1
2
3
4
5
6
7
8
 
<ListBox x:Name="RaDays" Width="535" ItemsSource="{Binding RaDays, Mode=OneWay}" ItemTemplate="{StaticResource DayTemplate}" SelectionMode="Extended" ScrollViewer.HorizontalScrollBarVisibility="Disabled" Margin="5">
	<ListBox.ItemsPanel>
		<ItemsPanelTemplate>
			<Controls:WrapPanel Orientation="Horizontal" Width="{Binding Width, ElementName=RaDays}"/>
		</ItemsPanelTemplate>
	</ListBox.ItemsPanel>
</ListBox>

Xaml de mon template:

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
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
 
<DataTemplate x:Key="DayTemplate">
	<Border x:Name="theBorder" CornerRadius="5" d:DataContext="{d:DesignInstance Entities:RaDayViewModel, IsDesignTimeCreatable=True}" Width="80" Height="80">
		<Interactivity:Interaction.Triggers>
			<Interactivity:EventTrigger EventName="MouseRightButtonDown">
				<Command:EventToCommand Command="{Binding RightButtonCommand}" PassEventArgsToCommand="True"/>
			</Interactivity:EventTrigger>
			<ei:DataTrigger Binding="{Binding Classification}" Value="Unknown">
				<ei:GoToStateAction StateName="Unknown"/>
			</ei:DataTrigger>
			<ei:DataTrigger Binding="{Binding Classification}" Value="Weekend">
				<ei:GoToStateAction StateName="Weekend"/>
			</ei:DataTrigger>
			<ei:DataTrigger Binding="{Binding Classification}" Value="Work">
				<ei:GoToStateAction StateName="Work"/>
			</ei:DataTrigger>
			<ei:DataTrigger Binding="{Binding Classification}" Value="CP">
				<ei:GoToStateAction StateName="Cp"/>
			</ei:DataTrigger>
			<ei:DataTrigger Binding="{Binding Classification}" Value="CS">
				<ei:GoToStateAction StateName="Cs"/>
			</ei:DataTrigger>
			<ei:DataTrigger Binding="{Binding Classification}" Value="RTT">
				<ei:GoToStateAction StateName="Rtt"/>
			</ei:DataTrigger>
		</Interactivity:Interaction.Triggers>
		<Border.Effect>
			<DropShadowEffect/>
		</Border.Effect>
		<VisualStateManager.CustomVisualStateManager>
			<ei:ExtendedVisualStateManager/>
		</VisualStateManager.CustomVisualStateManager>
		<VisualStateManager.VisualStateGroups>
			<VisualStateGroup x:Name="Classification">
				<VisualStateGroup.Transitions>
					<VisualTransition GeneratedDuration="0:0:1.0">
						<VisualTransition.GeneratedEasingFunction>
							<CubicEase EasingMode="EaseInOut"/>
						</VisualTransition.GeneratedEasingFunction>
					</VisualTransition>
				</VisualStateGroup.Transitions>
				<VisualState x:Name="Unknown">
					<Storyboard>
						<ColorAnimation Storyboard.TargetName="theBorder" Duration="0" To="{StaticResource UnknownColor}" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" d:IsOptimized="True"/>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="Weekend">
					<Storyboard>
						<ColorAnimation Storyboard.TargetName="theBorder" Duration="0" To="{StaticResource WeekendColor}" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" d:IsOptimized="True"/>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="Work">
					<Storyboard>
						<ColorAnimation Storyboard.TargetName="theBorder" Duration="0" To="{StaticResource WorkColor}" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" d:IsOptimized="True"/>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="Cp">
					<Storyboard>
						<ColorAnimation Storyboard.TargetName="theBorder" Duration="0" To="{StaticResource CpColor}" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" d:IsOptimized="True"/>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="Cs">
					<Storyboard>
						<ColorAnimation Storyboard.TargetName="theBorder" Duration="0" To="{StaticResource CsColor}" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" d:IsOptimized="True"/>
					</Storyboard>
				</VisualState>
				<VisualState x:Name="Rtt">
					<Storyboard>
						<ColorAnimation Storyboard.TargetName="theBorder" Duration="0" To="{StaticResource RttColor}" Storyboard.TargetProperty="(Border.Background).(SolidColorBrush.Color)" d:IsOptimized="True"/>
					</Storyboard>
				</VisualState>
			</VisualStateGroup>
		</VisualStateManager.VisualStateGroups>
		<Border.Background>
			<SolidColorBrush Color="White"/>
		</Border.Background>
		<Grid Margin="2,0">
			<Grid.ColumnDefinitions>
				<ColumnDefinition Width="*"/>
				<ColumnDefinition Width="15"/>
			</Grid.ColumnDefinitions>
			<Grid.RowDefinitions>
				<RowDefinition Height="44"/>
				<RowDefinition Height="18"/>
				<RowDefinition Height="18"/>
			</Grid.RowDefinitions>
			<TextBlock Text="{Binding Day, Mode=OneWay, StringFormat=\{0:dd\}}" FontSize="36" FontWeight="Bold" Foreground="Red" />
			<TextBlock Grid.Column="1" Width="8" Text="{Binding Type}" Foreground="Black" FontWeight="Bold" />
			<TextBlock Grid.Row="1" Grid.ColumnSpan="2" Text="{Binding DayOfWeek, Mode=OneWay}" Foreground="Black" FontWeight="Bold" />
			<TextBlock Grid.Row="2" Grid.ColumnSpan="2" Text="{Binding Classification}" Foreground="Black" />
		</Grid>
	</Border>
</DataTemplate>

Edit:
Démo de l'appli sur http://ausy.ou-bien.net
Pour comprendre le problème, il suffit de drag'n'dropper le jour 1 sur la catégorie "congé payé", il se colore en bleu. Le drag'n'drop du jour 2 ne produit rien

[Nathanael Marchand]

Je remonte ce topic pour indiquer que ca a été corrigé dans les versions finales de SL4 et du Control Toolkit