[ListView] Comment customiser la ligne de selection ?

Version imprimable

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:

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

15/09/2008, 14h20
Thomas Lebrun

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

oui j'ai tente cela

Code:

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:

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:

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

Salut,

Citation:

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:

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>

Bref c'est dans l'idée du code du premier message ;).

15/09/2008, 17h00
ikeas

merci :king:
j'avais pas pense a rajouter un listviewitem dans blend ....:oops: