StackPanel dynamique dans le Grid d'un TabItem

Version imprimable

11/08/2014, 10h23
Afaf001

1 pièce(s) jointe(s)

StackPanel dynamique dans le Grid d'un TabItem

bonjour,

L'image jointe ci-dessous représente un menu -incomplet- d'une application. Ma fenêtre comporte un TabControl dont les TabItem sont des espaces avec un menu. ma question est la suivante : le Grid de l'espace -TabItem- choisi doit contenir un Panel dynamique selon le choix du menu. Comment je peux réaliser ça ? est-ce que je fais autant de Panel que les choix du menu, en les superposant et en les rendant tous invisibles jusqu'à la selection du choix ? je souhaite qu'il y'aura une meilleure solution.

Merci d'avance pour votre aide précieuse :-)

Pièce jointe 153371
11/08/2014, 11h05
Pragmateek

Pour cette zone tu peux utiliser un ContentControl et en fonction du choix tu assignes le Content différemment.
11/08/2014, 13h35
Afaf001

Merci pour votre réponse,

S'il vous plait comment est ce que je peux assigner un content différemment pour chaque choix du menu ? j'ai lu quelque part qu'il faut utiliser des UserControl et puis les affecter dynamiquement au content du ContentControl.

Je sais pas comment faire mais j'ai essayé quand même d'ajouter un Contrôle Utilisateur au projet, j'ai mis dedans un label juste pour le test et puis je l'ai affecté au Content du ContentControl comme suit :

Code:

this.contentControl.Content = new MachinesUserControl();

mais ça n'a pas marché :?

je voudrais savoir déjà est ce que l'idéee d'utiliser des UserControl est bonne ? si c'est le cas pourquoi ça ne marche pas. sinn est-ce que vous pouvez me proposer une solution meilleure ?

merci :)
11/08/2014, 14h31
Pragmateek

Oui c'est exactement ce qu'il faut faire dans l'idéal.

Est-ce que le ContentControl a la bonne taille, i.e. il s'étale bien ?

Sinon montre nous un peu plus de code, e.g. la partie du XAML où tu déclares le ContentControl.

Voilà la partie du code pour l'insertion du ContentControl dans le fichier MainWindow.XAML :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<Window x:Class="MenuTab.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="600" Width="1300">
       <Grid >
            <TabControl HorizontalAlignment="Left" Height="509" Margin="10,80,0,0" VerticalAlignment="Top" Width="1260">
                     <TabItem  Margin="0,27,-12,-26" Width="50" Padding="0" Height="45">
                             <!-- le header -->
                             <TabItem.header />
                             <Grid >
 
                                      <!-- mon menu -->
                                       <StackPanel />
 
                                      <!--le ContentControl-->
                                      <ContentControl  x:Name="contentControl" HorizontalAlignment="Left" Height="114" Margin="10,126,0,0" VerticalAlignment="Top" Width="730"/>
 
                             </Grid>
                  </TabItem>
 
        </TabControl>
     </Grid>
</Window>

et dans mon UserControl :

Code:

1
2
3
4
5
6
7
8
9
10
11
<UserControl x:Class="MenuTab.MachinesUserControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" 
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008" 
             mc:Ignorable="d" 
             d:DesignHeight="100" d:DesignWidth="300">
    <Grid>
        <TextBlock HorizontalAlignment="Left" Height="66" Margin="51,10,0,0" TextWrapping="Wrap" Text="MACHINES" VerticalAlignment="Top" Width="181"/>
    </Grid>
</UserControl>

11/08/2014, 16h45
Pragmateek

Ce qui me semble suspect c'est que tu as spécifié une taille sur le TabItem : Width="50" Padding="0" Height="45".

Retire là, ça devrait déjà aller mieux.

Et plus généralement en WPF tu ne devrais pas avoir besoin de spécifier autant de tailles en dur.
Il faut plutôt jouer avec la mise en page qui est bien plus aisée qu'avec WinForms.
11/08/2014, 20h03
Afaf001

Merci ça a finalement marché. j'ai juste un dernière question si vous permettez, pourquoi utilise t-on un ContentControl et non pas un StackPanel ? merci :)
11/08/2014, 22h25
Pragmateek

Tu pourrais en effet utiliser un autre conteneur mais le ContentControl est plus "neutre", son rôle est juste d'encapsuler un autre élément, c'est un placeholder.
De plus il permet l'application automatique de templates selon le type de Content via ContentTemplate et ContentTemplateSelector.
11/08/2014, 23h51
Afaf001

D'accord merci infiniment pour votre aide, ça m'a aidé énormément, merci.
12/08/2014, 01h05
Pragmateek

Content d'avoir pu t'aider.

Bonne continuation. :)