WPF TabControl et DataTemplates

Un autre moyen serait d'utiliser DataTemplateSelectors et ont chacune résoudre la ressource à partir d'une autre ResourceDictionary.

OriginalL'auteur Kent Boogaart

Vous pouvez supprimer le x:Key 🙂 Cela va automatiquement appliquer le modèle lorsque le type est rencontré (probablement l'un des plus puissants et des sous-utilisés, les caractéristiques de WPF, de l'omi.

Ce Dr WPF article revient sur DataTemplates assez bien. La section que vous aurez envie de payer l'attention, c'est "Définir un Modèle par Défaut pour un Type de Données CLR".

http://www.drwpf.com/blog/Home/tabid/36/EntryID/24/Default.aspx

Si ce n'est pas votre situation, vous pourriez être en mesure de faire quelque chose proche de ce que vous êtes à la recherche pour l'utilisation d'un Style (ItemContainerStyle) et la définition du contenu et de l'en-tête basé sur le type de données à l'aide d'un déclencheur.

L'exemple ci-dessous repose sur votre ViewModel avoir une propriété appelée "Type" défini à peu près comme ceci (facile à mettre dans une base ViewModel si vous en avez un):

public Type Type 
{ 
   get { return this.GetType(); } 
}

Tant et aussi longtemps que vous avez fait cela, cela devrait vous permettre de faire ce que vous voulez. Remarque j'ai "Une Tête!" dans un textblock ici, mais qui pourrait facilement être n'importe quoi (icône, etc).

Je l'ai ici deux façons... un style s'applique modèles (si vous avez un investissement important dans ces déjà) et l'autre utilise seulement les organismes de normalisation pour déplacer le contenu vers les bons endroits.

<Window x:Class="WpfApplication1.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="300" Width="300"
xmlns:local="clr-namespace:WpfApplication1">
<Window.Resources>
<CompositeCollection x:Key="MyCollection">
<local:AViewModel Header="A Viewmodel" Content="A Content" />
<local:BViewModel Header="B ViewModel" Content="B Content" />
</CompositeCollection>
<DataTemplate x:Key="ATypeHeader" DataType="{x:Type local:AViewModel}">
<WrapPanel>
<TextBlock>A Header!</TextBlock>
<TextBlock Text="{Binding Header}" />
</WrapPanel>
</DataTemplate>
<DataTemplate x:Key="ATypeContent" DataType="{x:Type local:AViewModel}">
<StackPanel>
<TextBlock>Begin "A" Content</TextBlock>
<TextBlock Text="{Binding Content}" />
</StackPanel>
</DataTemplate>
<Style x:Key="TabItemStyle" TargetType="TabItem">
<Style.Triggers>
<!-- Template Application Approach-->
<DataTrigger Binding="{Binding Path=Type}" Value="{x:Type local:AViewModel}">
<Setter Property="HeaderTemplate" Value="{StaticResource ATypeHeader}" />
<Setter Property="ContentTemplate" Value="{StaticResource ATypeContent}" />
</DataTrigger>
<!-- Just Use Setters Approach -->
<DataTrigger Binding="{Binding Path=Type}" Value="{x:Type local:BViewModel}">
<Setter Property="Header">
<Setter.Value>
<WrapPanel>
<TextBlock Text="B Header!"></TextBlock>
<TextBlock Text="{Binding Header}" />
</WrapPanel>
</Setter.Value>
</Setter>
<Setter Property="Content" Value="{Binding Content}" />
</DataTrigger>
</Style.Triggers>
</Style>
</Window.Resources>
<Grid>
<TabControl ItemContainerStyle="{StaticResource TabItemStyle}" ItemsSource="{StaticResource MyCollection}" />
</Grid>

HTH, Anderson

OriginalL'auteur Anderson Imes

Josh Smith utilise exactement cette technique (de la conduite d'un contrôle onglet avec un modèle de vue collection) dans son excellent article et exemple de projet Des Applications WPF Avec Le Modèle model-View-ViewModel Modèle de Conception. Dans cette approche, parce que chaque élément de la machine virtuelle de la collection correspond à un DataTemplate reliant le point de Vue de la VM Type (en omettant le x:Clé comme Anderson Ime correctement les notes), chaque onglet peut avoir un complètement différent de l'INTERFACE utilisateur. Voir l'article complet et le code source pour plus de détails.

Les éléments-clés de la XAML sont:

 <DataTemplate DataType="{x:Type vm:CustomerViewModel}">
<vw:CustomerView />
</DataTemplate>
<DataTemplate x:Key="WorkspacesTemplate">
<TabControl 
IsSynchronizedWithCurrentItem="True" 
ItemsSource="{Binding}" 
ItemTemplate="{StaticResource ClosableTabItemTemplate}"
Margin="4"
/>

Il y a un bémol - la conduite d'un WPF TabControl à partir d'un ItemsSource a des problèmes de performances si l'INTERFACE utilisateur dans les onglets est gros et complexe et, par conséquent, lente à se dessiner (par exemple, datagrid avec beaucoup de données). Pour en savoir plus sur cette question, une recherche pour "WPF VirtualizingStackPanel pour une amélioration des performances".

OriginalL'auteur CyberMonk