Modification ListView WPF

Version imprimable

26/10/2010, 00h10
WPFHelp

Modification ListView WPF

Bonjour,

Je cherche à modifier une listview pour cela j'ai modifier le template et j'obtiens un resultat a peu pres satisfaisant mais que sur une colonne car si je rajoute plus d'une colonne ma listview ne marche pas

je cherche a faire une listview comme ceci
http://www.pcsoft.fr/windev/captures...e-inclines.jpg

Comment faire car je n'y arrive pas

D'avance Merci
26/10/2010, 09h57
jmix90

Citation:

Envoyé par WPFHelp

si je rajoute plus d'une colonne ma listview ne marche pas
i

C'est à dire elle ne marche pas ?
26/10/2010, 10h45
WPFHelp

Non elle ne marche pas car j'ai juste fais une rotation de la zone header de la listview et si je met une colonne de plus elle se retrouve en prolongement de la premiere mais pas a coté
26/10/2010, 10h48
jmix90

Est ce que tu peux fournir un peu du code que tu utilises stp?

As-tu essayé d'utiliser une LayouTransform et/ou un RenderTransform ?

A ta place, j'utiliserai un LayoutTransform ...

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
 
<Trigger Property="Role" Value="Padding">
					<Setter Property="Template">
						<Setter.Value>
							<ControlTemplate TargetType="{x:Type GridViewColumnHeader}">
								<Border x:Name="HeaderBorder" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="0,1,0,1" Background="{TemplateBinding Background}" RenderTransformOrigin="0.5,0.5">
									<Border.RenderTransform>
										<TransformGroup>
											<ScaleTransform/>
											<SkewTransform/>
											<RotateTransform Angle="-25"/>
											<TranslateTransform/>
										</TransformGroup>
									</Border.RenderTransform>
								</Border>
								<ControlTemplate.Triggers>
									<Trigger Property="Height" Value="Auto">
										<Setter Property="MinHeight" Value="20"/>
									</Trigger>
								</ControlTemplate.Triggers>
							</ControlTemplate>
						</Setter.Value>
					</Setter>
				</Trigger>

26/10/2010, 11h01
jmix90

Je confirme, utilise un LayoutTransform à la place du RenderTransform :)

Merci

Code:

1
2
3
4
5
6
7
8
9
10
11
 
<GridViewHeaderRowPresenter AllowsColumnReorder="{Binding TemplatedParent.View.AllowsColumnReorder, RelativeSource={RelativeSource TemplatedParent}}" ColumnHeaderContainerStyle="{DynamicResource GridViewColumnHeaderStyle1}" ColumnHeaderToolTip="{Binding TemplatedParent.View.ColumnHeaderToolTip, RelativeSource={RelativeSource TemplatedParent}}" ColumnHeaderStringFormat="{Binding TemplatedParent.View.ColumnHeaderStringFormat, RelativeSource={RelativeSource TemplatedParent}}" ColumnHeaderContextMenu="{Binding TemplatedParent.View.ColumnHeaderContextMenu, RelativeSource={RelativeSource TemplatedParent}}" ColumnHeaderTemplate="{Binding TemplatedParent.View.ColumnHeaderTemplate, RelativeSource={RelativeSource TemplatedParent}}" Columns="{Binding TemplatedParent.View.Columns, RelativeSource={RelativeSource TemplatedParent}}" ColumnHeaderTemplateSelector="{Binding TemplatedParent.View.ColumnHeaderTemplateSelector, RelativeSource={RelativeSource TemplatedParent}}" Margin="3.28,-3.5,0,0" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" Height="19.366" VerticalAlignment="Top" HorizontalAlignment="Left" Width="107.194">
								<GridViewHeaderRowPresenter.LayoutTransform>
									<TransformGroup>
										<ScaleTransform ScaleX="0.75" ScaleY="1.45"/>
										<SkewTransform/>
										<RotateTransform Angle="-59"/>
										<TranslateTransform/>
									</TransformGroup>
								</GridViewHeaderRowPresenter.LayoutTransform>
							</GridViewHeaderRowPresenter>

Mais colonnes sont toujours dans leur prolongement mais jamais cote a cote quelle est la commade pour le faire utiliser un stack pannel

26/10/2010, 11h42
jmix90

Via le ColumnHeaderContainerStyle je crois...