WPF Styles pour le TabControl / TabPanel / TabItem

Voici un newbie question sur le WPF TabControl, TabItem et TabPanel. Il y a une question connexe sur StackOVF avec une réponse que j'ai heureusement utilisé dans mon application. Voici un lien pour la réponse, et l'extrait de code ainsi:

WPF: Centre TabItems dans un TabControl

<TabControl>
    <TabControl.Resources>
        <Style TargetType="{x:Type TabPanel}">
            <Setter Property="HorizontalAlignment" Value="Center" />
        </Style>
    </TabControl.Resources>

    <TabItem Header="Test 1" />
    <TabItem Header="Test 2" />
    <TabItem Header="Test 3" />
    <TabItem Header="Test 4" />
</TabControl>

Alors que c'est merveilleux, j'aimerais déplacer les Ressources et le Style des trucs à un meilleur emplacement (une feuille de style par exemple). Ma première tentative a été de déplacer le <TabControl.Resources> tag de la <Window.Resources> mais cela ne fonctionne pas. J'ai essayé plusieurs variantes, mais ne pouvait pas le faire fonctionner. Voici un exemple de tentative j'ai un peu attendu pour le travail:

<!-- Doesn't work as expected: -->
<Window.Resources>
    <Style TargetType="{x:Type TabPanel}">
        <Setter Property="HorizontalAlignment" Value="Center" />
    </Style>
</Window.Resources>

La recherche sur le web et msdn ne m'a pas aidé à résoudre mon problème, mais au lieu de me laisser une seconde relatifs à la question: que fait est un TabPanel, et quelle est sa relation avec le TabControl?

Toute l'aide et les conseils seront très appréciés.

(Édité: a commenté dans le dernier exemple que le code ne fonctionne pas pour moi.)

OriginalL'auteur Jeroen | 2010-08-18

  1. 9

    WPF Styles pour le TabControl /TabPanel /TabItem

    TabControl utilise spécialisé TabPanel classe, et non pas un générique Panneau comme StackPanel, car si vous vous trompez dans le TabControl vous vous rendrez compte que le comité ne comprend pas mal de choses qui générique panneaux ne. L'un est le réglage de l'onglet en-tête des articles sur plusieurs lignes. Un autre est que les lignes d'éléments seront réorganisées afin que la sélection de la tabitem en-tête est toujours dans la dernière ligne. Je suppose qu'il pourrait faire encore plus

    Je suis très intéressé de savoir pourquoi leur mettre du style dans la fenêtre de la section de la ressource ne fonctionne pas. Ma première réaction a été il devrait fonctionner jusqu'à ce que j'ai essayé. Je suis d'ajouter ce que une réponse parce que TELLEMENT l'habitude de me laisser ajouter une image dans un commentaire.

    "Ma première réaction a été il devrait fonctionner jusqu'à ce que j'ai essayé." Ah! J'ai donc suis encore sain d'esprit 🙂 Merci pour ton explication sur le TabPanel NVM. Du sens. Un 'indice' j'ai trouvé lors de mon enquête si whas que (si je comprends bien) c'est qu'il n'y a pas de XAML pour TabPanel (il me semble). Par exemple, vous ne pouvez pas ajouter un <TabPanel /> élément pour le TabControl. (Édité commentaire)
    Un peu en retard, mais en fouillant dans mes vieilles questions que j'ai vu que vous avez répondu à une de mes questions. Le crédit où il est dû 🙂

    OriginalL'auteur NVM

  2. 1

    Vous aurez probablement besoin de créer un ControlTemplate pour ce faire.

    Je ne suis pas très familier avec ControlTemplates encore. J'ai piraté le cette exemple:
    http://msdn.microsoft.com/en-us/library/system.windows.controls.primitives.tabpanel.aspx

    <Style  TargetType="{x:Type TabControl}">
        <Setter Property="OverridesDefaultStyle" Value="True" />
        <Setter Property="SnapsToDevicePixels" Value="True" />
        <Setter Property="Template">
            <Setter.Value>
                <ControlTemplate TargetType="{x:Type TabControl}">
                    <Grid KeyboardNavigation.TabNavigation="Local">
                        <Grid.RowDefinitions>
                            <RowDefinition Height="Auto"/>
                            <RowDefinition Height="*"/>
                        </Grid.RowDefinitions>
                        <TabPanel Name="HeaderPanel"
                                  Grid.Row="0"
                                  Panel.ZIndex="1" 
                                  Margin="0,0,4,-1" 
                                  IsItemsHost="True"
                                  KeyboardNavigation.TabIndex="1"
                                  HorizontalAlignment="Center"/>
                      </Grid>

                </ControlTemplate>
            </Setter.Value>
        </Setter>
    </Style>
    Merci pour l'idée de Chris. J'ai vu des échantillons comme cela, mais il semble que beaucoup de code pour modifier un layouting-propriété de la tabheaders, car il vous fait créer l'ensemble de la ControlTemplate. Peut-être un Gourou peut jeter un deuxième avis, dites-nous si c'est le chemin à parcourir?
    Je sais ce que tu veux dire 🙂 j'ai été jouer avec le fait d'essayer de changer la façon dont le dispositif a regardé, et il n'est pas un processus facile. Donc j'espère aussi que quelqu'un a une meilleure façon 🙂

    OriginalL'auteur Crispy