C# WPF中的DataTemplateSelector
我想在具有不同绑定和控件的两个视图之间切换。我可以使用DataTemplateSelector执行此操作吗C# WPF中的DataTemplateSelector,c#,wpf,mvvm,datatemplateselector,C#,Wpf,Mvvm,Datatemplateselector,我想在具有不同绑定和控件的两个视图之间切换。我可以使用DataTemplateSelector执行此操作吗 <TabControl ItemsSource="{Binding Items}" SelectedIndex="{Binding SelectedTabIndex, Mode=TwoWay}"> <TabControl.ItemTemplate> <DataTemplate>
<TabControl
ItemsSource="{Binding Items}" SelectedIndex="{Binding SelectedTabIndex, Mode=TwoWay}">
<TabControl.ItemTemplate>
<DataTemplate>
<DockPanel>
<TextBlock Text="{Binding TabName}"><TextBlock.Background><SolidColorBrush /></TextBlock.Background></TextBlock>
<Button Name="btnDelete" DockPanel.Dock="Right" Margin="5,0,0,0" Padding="0" CommandParameter="{Binding RelativeSource={RelativeSource AncestorType={x:Type TabItem}}, Path=Name}" BorderBrush="#00000000">
<Image Source="/WPF_AccApp;component/Images/11.gif" Height="11" Width="11"></Image>
</Button>
<DockPanel.Background>
<SolidColorBrush />
</DockPanel.Background>
</DockPanel>
</DataTemplate>
</TabControl.ItemTemplate>
<DataTemplate>
<y:TabView /> //Here I want to have two diferent views
</DataTemplate>
</TabControl>
//这里我想有两种不同的观点
实际上,这取决于切换逻辑和视图模型的设计方式。可以有多个解决方案。例如,这里的示例根本没有DataTemplateSelector
,它基于样式触发器
视图模型:
public class ItemVm
{
public string Name { get; set; }
public bool IsSelected { get; set; }
public int X { get; set; }
public int Y { get; set; }
}
XAML:
DataTemplateSelector
允许您实现更复杂的逻辑,但也有其自身的缺点:如果您想从视图中获取某些内容,必须遍历元素树。您可以使用模板选择器或用户控件如何选择视图?在我的主视图中,单击按钮,通过ContextMenu。我不仅要更改选项卡的样式,还要更改其datacontext和控件。例如,TabView1具有绑定到ViewModel1和ObservableCollection1的文本框和数据网格。TabView2只有绑定到ViewModel2和ObservableCollection2的DataGrid。
<Grid>
<Grid.RowDefinitions>
<RowDefinition Height="Auto"/>
<RowDefinition Height="*"/>
</Grid.RowDefinitions>
<!-- This one chooses the view -->
<CheckBox x:Name="ViewSelector" Content="View shapes"/>
<TabControl Grid.Row="1" ItemsSource="{Binding}">
<TabControl.Resources>
<DataTemplate x:Key="TextualTemplateKey">
<StackPanel>
<TextBlock Text="{Binding X}"/>
<TextBlock Text="{Binding Y}"/>
</StackPanel>
</DataTemplate>
<DataTemplate x:Key="ShapesTemplateKey">
<Rectangle Fill="Green" Width="{Binding X}" Height="{Binding Y}"/>
</DataTemplate>
</TabControl.Resources>
<TabControl.ItemTemplate>
<DataTemplate>
<TextBlock Text="{Binding Name}"/>
</DataTemplate>
</TabControl.ItemTemplate>
<TabControl.ItemContainerStyle>
<Style TargetType="{x:Type TabItem}">
<Setter Property="IsSelected" Value="{Binding IsSelected}"/>
<Setter Property="ContentTemplate" Value="{StaticResource TextualTemplateKey}"/>
<Style.Triggers>
<!-- When "View shapes" is checked, we're changing data template to a new one -->
<DataTrigger Binding="{Binding IsChecked, ElementName=ViewSelector}" Value="True">
<Setter Property="ContentTemplate" Value="{StaticResource ShapesTemplateKey}"/>
</DataTrigger>
</Style.Triggers>
</Style>
</TabControl.ItemContainerStyle>
</TabControl>
</Grid>