[ListView] Comment customiser la ligne de selection ?

**ikeas** · 15/09/2008, 13h21

hello

kékun a une solution simple pour cutomizer la selection (c'est a dire la ligne bleue normal et le text en blanc) d'un element

en fait ce que je veux faire c'est masquer la selection
j'ai bien tente ce style (qu'on a avec le logiciel controlstyles)
mais les coluom ne sont plus bonnes

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
 
<Style TargetType="ListBoxItem" 
               xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" 
               xmlns:s="clr-namespace:System;assembly=mscorlib" 
               xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
               x:Key="toto">
            <Style.Resources>
                <ResourceDictionary />
            </Style.Resources>
            <Setter Property="Panel.Background">
                <Setter.Value>
                    <SolidColorBrush>#00FFFFFF</SolidColorBrush>
                </Setter.Value>
            </Setter>
            <Setter Property="Control.HorizontalContentAlignment">
                <Setter.Value>
                    <Binding Path="HorizontalContentAlignment" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType=ItemsControl, AncestorLevel=1}" />
                </Setter.Value>
            </Setter>
            <Setter Property="Control.VerticalContentAlignment">
                <Setter.Value>
                    <Binding Path="VerticalContentAlignment" RelativeSource="{RelativeSource Mode=FindAncestor, AncestorType=ItemsControl, AncestorLevel=1}" />
                </Setter.Value>
            </Setter>
            <Setter Property="Control.Padding">
                <Setter.Value>
                    <Thickness>2,0,0,0</Thickness>
                </Setter.Value>
            </Setter>
            <Setter Property="Control.Template">
                <Setter.Value>
                    <ControlTemplate TargetType="ListBoxItem">
                        <Border BorderThickness="{TemplateBinding Border.BorderThickness}" Padding="{TemplateBinding Control.Padding}" BorderBrush="{TemplateBinding Border.BorderBrush}" Background="{TemplateBinding Panel.Background}" Name="Bd" SnapsToDevicePixels="True">
                            <ContentPresenter Content="{TemplateBinding ContentControl.Content}" ContentTemplate="{TemplateBinding ContentControl.ContentTemplate}" ContentStringFormat="{TemplateBinding ContentControl.ContentStringFormat}" HorizontalAlignment="{TemplateBinding Control.HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding Control.VerticalContentAlignment}" SnapsToDevicePixels="{TemplateBinding UIElement.SnapsToDevicePixels}" />
                        </Border>
                        <ControlTemplate.Triggers>
                            <Trigger Property="Selector.IsSelected" Value="true">
                                <!--<Setter Property="Panel.Background" TargetName="Bd" Value="Transparent" />
                                <Setter Property="TextElement.Foreground" Value="Black"/>-->
                            </Trigger>
                            <MultiTrigger>
                                <MultiTrigger.Conditions>
                                    <Condition Property="Selector.IsSelected" Value="true" />
                                    <Condition Property="Selector.IsSelectionActive" Value="false"/>
                                </MultiTrigger.Conditions>
                                <Setter Property="Panel.Background" TargetName="Bd" Value="Transparent" />
                                <Setter Property="TextElement.Foreground" Value="Black"/>
                            </MultiTrigger>
                            <!--<Trigger Property="UIElement.IsEnabled">
                                <Setter Property="TextElement.Foreground">
                                    <Setter.Value>
                                        <DynamicResource ResourceKey="{x:Static SystemColors.GrayTextBrushKey}" />
                                    </Setter.Value>
                                </Setter>
                                <Trigger.Value>
                                    <s:Boolean>False</s:Boolean>
                                </Trigger.Value>
                            </Trigger>-->
                        </ControlTemplate.Triggers>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

en fait ce que je sais pas trop c'est comment reccup le style d'origine simplement pour le modifier

**Thomas Lebrun** · 15/09/2008, 15h20

T'as essayé de mettre {x:Null} à la propriété FocusVisualStyle ?

**ikeas** · 15/09/2008, 15h25

oui j'ai tente cela

Code :

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

1
2
3
4
5
6
7
8
9
10
        <ListView Height="125" IsSynchronizedWithCurrentItem="True" ItemsSource="{Binding Mode=Default, Source={StaticResource mangasDS}, XPath=/mangas/manga}" Margin="33,0,86,73.957" Style="{DynamicResource ListViewStyle1}" VerticalAlignment="Bottom" SelectionChanged="ListView_SelectionChanged"
                  FocusVisualStyle="{x:Null}"                  >
            <ListView.View>
                <GridView>
                    <GridViewColumn DisplayMemberBinding="{Binding XPath=title}" />
                    <GridViewColumn DisplayMemberBinding="{Binding XPath=histoire}" />
                </GridView>
            </ListView.View>
        </ListView>

cal dit j'ai trouve la solution sympa

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
 
<Style TargetType="{x:Type ListViewItem}" x:Key="toto"> 
            <Setter Property="Background" Value="Red" />
            <Setter Property="Template">
                <Setter.Value>
                    <ControlTemplate TargetType="{x:Type ListViewItem}" >
                        <Grid Background="Red">
                            <GridViewRowPresenter
                                Content="{TemplateBinding Content}"
                                Columns="{TemplateBinding GridView.ColumnCollection}"/>
                        </Grid>
                    </ControlTemplate>
                </Setter.Value>
            </Setter>
        </Style>

avec

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
 
ListView Margin="33,97,86,220" 
                  IsSynchronizedWithCurrentItem="True" 
                  ItemsSource="{Binding Mode=Default, Source={StaticResource mangasDS}, XPath=/mangas/manga}" Style="{DynamicResource ListViewStyle1}" 
                  ItemContainerStyle="{StaticResource toto}"
		>           
            <ListView.View>
				<GridView>
                    <GridViewColumn DisplayMemberBinding="{Binding XPath=title}"/>
                    <GridViewColumn DisplayMemberBinding="{Binding XPath=histoire}"/>
                </GridView>
			</ListView.View>
		</ListView>

ceci etant ce qui me gene le plus c'est de trouver comment est representé l'orgine sinon c'est delicat de modifier

**binoo** · 15/09/2008, 17h09

Salut,

Envoyé par ikeas

en fait ce que je sais pas trop c'est comment reccup le style d'origine simplement pour le modifier

Via Blend, tu peux faire un clic droit sur ta ListView, faire "Add ListViewItem". Puis tu sélectionnes le ListViewItem et tu peux récupérer le style par défaut en faisant dans le menu "Object -> Edit Style -> Edit a copy".

Ca peut donner ça (j'ai juste commenté une ligne et mis Orange comme couleur de sélection) :

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
31
32
33
34
  	<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="Orange"/>
  							<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.Triggers>
  			<Trigger Property="Selector.IsSelected" Value="False"/>
  			<EventTrigger RoutedEvent="FrameworkElement.Loaded"/>
  		</Style.Triggers>
  	</Style>