tabControl 中的多个 userControl 实例答案

【问题标题】：multiple userControl instances in tabControltabControl 中的多个 userControl 实例
【发布时间】：2013-12-06 06:48:03
【问题描述】：

我有一个绑定到可观察集合的 tabControl。在 headerTemplate 中，我想绑定到一个字符串属性，并且在 contentTemplate 中我放置了一个用户控件。

这是 MainWindow.xaml 的代码：

<Grid>
    <Grid.Resources>            
        <DataTemplate x:Key="contentTemplate">
                <local:UserControl1 />
        </DataTemplate>

        <DataTemplate x:Key="itemTemplate">
                <Label Content="{Binding Path=Name}" />
        </DataTemplate>
    </Grid.Resources>

    <TabControl IsSynchronizedWithCurrentItem="True" 
                ItemsSource="{Binding Path=Pages}"
                ItemTemplate="{StaticResource itemTemplate}"
                ContentTemplate="{StaticResource contentTemplate}"/>

</Grid>

及其背后的代码：

public partial class MainWindow : Window
{
    public MainWindow()
    {
        InitializeComponent();

        this.DataContext = new MainWindowViewModel();
    }        
}

public class MainWindowViewModel
{
    public ObservableCollection<PageViewModel> Pages { get; set; }

    public MainWindowViewModel()
    {
        this.Pages = new ObservableCollection<PageViewModel>();
        this.Pages.Add(new PageViewModel("first"));
        this.Pages.Add(new PageViewModel("second"));
    }
}

public class PageViewModel
{
    public string Name { get; set; }

    public PageViewModel(string name)
    {
        this.Name = name;
    }
}

所以这个场景中的问题（指定了一个 itemTemplate 和一个 controlTemplate）是我只为用户控件获得一个实例，我希望每个项目都有一个实例那是必然的。

【问题讨论】：

“我想为每个项目创建一个实例” -- 请在此处说明您的需求。 为什么您为每个项目专门创建一个新实例？请具体说明：提供一个好的minimal reproducible example 可以可靠地重现您的问题，并准确解释该代码的作用以及它与您想要它做的不同之处。 （我很抱歉迟到了......我只遇到了这个问题answering a different one；这可能与我在另一个问题中解决的问题相同，也可能不同，所以我想我会要求澄清）.

标签： wpf datatemplate tabcontrol itemtemplate

【解决方案1】：

试试这个：

<TabControl IsSynchronizedWithCurrentItem="True" ItemsSource="{Binding Pages}">
    <TabControl.Resources>
        <DataTemplate x:Key="contentTemplate" x:Shared="False">
            <local:UserControl1/>
        </DataTemplate>
        <Style TargetType="{x:Type TabItem}">
            <Setter Property="Header" Value="{Binding Name}"/>
            <Setter Property="ContentTemplate" Value="{StaticResource contentTemplate}"/>
        </Style>
    </TabControl.Resources>
</TabControl>

【讨论】：

【解决方案2】：

尝试设置

x:Shared="假"

设置为 false 时，修改 Windows Presentation Foundation (WPF) 资源检索行为，以便对资源的请求将为每个请求创建一个新实例，而不是为所有请求共享同一个实例。

【讨论】：

不幸的是，它不起作用。我尝试在 contentTemplate 上设置它，但没有运气。（即使它在单独的资源字典中定义）。而且我什至不允许在 userControl 上设置它...
阅读 Josh Smith (joshsmithonwpf.wordpress.com/2009/01/27/…) 的这篇文章在这篇文章中，他在一个选项卡控件中托管多个视图（用户控件）...
也看看今天早上发现的这篇文章(dev102.com/2009/03/02/…)
感谢您的回复，但在 Josh 的那个示例中，仍然只为 tabControl 中的多个视图创建了一个实例：s

【解决方案3】：

您需要覆盖 PageViewModel 类的 Equals() 方法。

public override bool Equals(object obj)
{
    if (!(obj is PageViewModel)) return false;

    return (obj as PageViewModel).Name == this.Name;
}

这样的事情应该可以工作。

现在它正在寻找值 Name 的相同属性。否则，您还可以添加一个唯一的 ID 属性。

【讨论】：