Discussion :

[Mythrandil]

Bonjour à tous.

J'ai cherché quelque chose sans trouver (je dois chercher mal). J'aimerais personnaliser ma Listview en fonction des données que je Databinde (verbe inventé pour l'occasion).

En gros dans mes données Databindées, j'ai un booleen et selon la valeur de ce booléen j'aimerais que la couleur de fond de la ligne change.

Pourriez vous me donner un coup de pouce ?

Merci d'avance.

[binoo]

Salut,

tu peux jouer sur le style des ListViewItem. Avec un DataTrigger sur ta propriété (bool) :

Code xml :

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
            <Style TargetType="{x:Type ListViewItem}">
 
              <Setter Property="Control.Template">
                <Setter.Value>
                  <ControlTemplate TargetType="ListViewItem">
                    <Border Name="Border" SnapsToDevicePixels="true" Background="Red" 
                    BorderThickness="0" >
                      <GridViewRowPresenter VerticalAlignment="{TemplateBinding VerticalContentAlignment}" 
                                    OpacityMask="{x:Null}" />
                    </Border>
                    <ControlTemplate.Triggers>
 
                       <DataTrigger Binding="{Binding Path=TaPropriete}" Value="True" >
                        <Setter Property="Background" TargetName="Border" Value="Blue" />
                      </DataTrigger>
 
                   </ControlTemplate.Triggers>
                  </ControlTemplate>
                </Setter.Value>
              </Setter>
 
            </Style>

[Mythrandil]

Merci je vais voir avec ça.

[Mythrandil]

Cela marche parfaitement. Par contre du coup je perds mon feedback de Selection de Ligne classique lié à la Listview.

Rajouter un Trigger dans le Style ? (EventTrigger ?)

[binoo]

Oui moi j'ai mis que ce qui concernait la problématique.

Le DataTrigger est ce qu'il faut ajouter pour obtenir ton comportement. Voici le style par défaut d'un ListViewItem :

Code xml :

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
		<Style x:Key="ListViewItemStyle1" TargetType="{x:Type ListViewItem}">
			<Setter Property="Background" Value="Transparent"/>
			<Setter Property="VerticalContentAlignment" Value="Center"/>
			<Setter Property="Template">
				<Setter.Value>
					<ControlTemplate TargetType="{x:Type ListViewItem}">
						<Border SnapsToDevicePixels="true" x:Name="Bd" Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" Padding="{TemplateBinding Padding}">
							<GridViewRowPresenter SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/>
						</Border>
						<ControlTemplate.Triggers>
							<Trigger Property="IsSelected" Value="true">
								<Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.HighlightBrushKey}}"/>
								<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.HighlightTextBrushKey}}"/>
							</Trigger>
							<MultiTrigger>
								<MultiTrigger.Conditions>
									<Condition Property="IsSelected" Value="true"/>
									<Condition Property="Selector.IsSelectionActive" Value="false"/>
								</MultiTrigger.Conditions>
								<Setter Property="Background" TargetName="Bd" Value="{DynamicResource {x:Static SystemColors.ControlBrushKey}}"/>
								<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.ControlTextBrushKey}}"/>
							</MultiTrigger>
							<Trigger Property="IsEnabled" Value="false">
								<Setter Property="Foreground" Value="{DynamicResource {x:Static SystemColors.GrayTextBrushKey}}"/>
							</Trigger>
						</ControlTemplate.Triggers>
					</ControlTemplate>
				</Setter.Value>
			</Setter>
		</Style>

Ajoutes y le DataTrigger

[seiryujay]

Moi j'aurai plutôt fait ça :

Code xml :

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
 
        <Style TargetType="{x:Type ListViewItem}">
            <Style.Triggers>
                <DataTrigger Binding="{Binding Path=Content}" <!--ou TaPropriete-->
                             Value="True">
                    <Setter Property="Background"
                            Value="Green">
                    </Setter>
                </DataTrigger>
                <DataTrigger Binding="{Binding Path=Content}" <!--ou TaPropriete-->
                             Value="False">
                    <Setter Property="Background"
                            Value="Red">
                    </Setter>
                </DataTrigger>
            </Style.Triggers>
        </Style>

[Mythrandil]

Tout simplement parfait...

Merci pour tout. Ou peut on trouver un cours ou un tutorial sur ce genre de chose ?