Customiser un TabControl WPF

Version imprimable

20/08/2009, 16h12
distil

Customiser un TabControl WPF

Bonjour à tous,

je cherche à customiser un TabControl.
je voudrais choisir l'emplacement des "Header de Tab", mais pas seulement les "docker" en haut, bas, gauche, droite, mais plutot, les déplacer par exemple au milieu haut du TabControl.

Pour cela, j'ai parcouru complètement la doc sur les "<ControlTemplate>", j'ai récupérer le ControlTemplate du système appliqué au TabControl, en utilisant le "visual Tree".

Actuellement, je peux donc voir comment WPF met en place un TabControl au travers du ControlTemplate existant.

Mais dans ce ControleTemplate existant, je ne trouve toujours pas de solution pour déplacer les "header" de Tab ou je veux ...

Quelqu'un aurait-il une idée, ou est-ce que c'est impossible en WPF ?

Merci pour vos réponses.
20/08/2009, 17h19
tomlev

Apparemment le positionnement des items est géré par la classe TabPanel. Je pense qu'il faut que tu hérites de TabPanel et que tu redéfinisses les méthodes ArrangeOverride et MeasureOverride, et que tu remplace le TabPanel par ton nouveau panel dans le template
20/08/2009, 17h46
distil

Citation:

Envoyé par tomlev

Je pense qu'il faut que tu hérites de TabPanel et que tu redéfinisses les méthodes ArrangeOverride et MeasureOverride,

Ok, je les redéfini ... mais je leur change quoi à ces méthodes pour bouger les "header" ?

Merci
20/08/2009, 17h57
tomlev

Je sais pas, j'ai jamais fait... faut regarder la doc
ArrangeOverride
MeasureOverride

Tu pourras trouver de l'inspiration en regardant le code de TabPanel avec Reflector ;)
20/08/2009, 18h03
ikeas

écoute redéfini le style avec blend tu vas gagner du temps
regarde ca en attendant
http://www.switchonthecode.com/tutor...inside-and-out
20/08/2009, 18h09
distil

Citation:

Envoyé par ikeas

écoute redéfini le style http://www.switchonthecode.com/tutor...inside-and-out

Yop,

Le style, de quelle façon que je le redéfinisse, ne me permet pas de déplacer les "headers" (il me semble en tout cas).

Avec la redéfinition du style (Avec blend ou pas, c'est la meme chose), on peut seulement décorer ou adapter des textes ou des couleurs, mais pas retoucher aux positionnement des header.
20/08/2009, 18h24
ikeas

ben non tu peux tout faire decaler les header
fo quelque fois redefinir les sous styles
mais ca marche je t'assure

si tu y arrive pas fait moi un dessin de ce que tu veux je regarderais avec le style et je te senderais ic le resultat
20/08/2009, 18h39
distil

Ben,
en fait, avec un tabControl ordinaire, les Header sont en haut a gauche.
Je voudrais que les Header commence au milieu (mais toujours en haut) du tabControl.

Et si j'ajoute par la suite des TabItem dynamiquement, ils continuent de s'imbriquer à la suite des existants (au milieu donc).

Je sais pas si je suis clair...
Mais si c'est effectivement faisable avec les styles, ça m'arrange beaucoup ...
20/08/2009, 18h48
tomlev

c'est possible de le faire que avec des styles, mais ça veut dire qu'il faudra remplacer le TabPanel par un autre type de panel, qui ne sera peut-être pas très adapté pour un TabControl...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<TabControl>
	<TabControl.Resources>
		<Style TargetType="{x:Type TabPanel}">
			<Setter Property="HorizontalAlignment"
					Value="Center" />
		</Style>
	</TabControl.Resources>
	<TabItem Header="plop" />
	<TabItem Header="plop" />
	<TabItem Header="plop" />
	<TabItem Header="plop" />
</TabControl>

20/08/2009, 19h58
distil

Ouarf !

Ben j'étais passé à coté de ça...
Merci beaucoup, exactement ce que je voulais!