WPF TabControl DataBinding 到另一个类

Question

我在我的第一个 Wpf 项目中使用MahApps，更具体地说是tabControls。我在一个小型测试项目中对其进行了测试。它运行良好，直到我尝试将我的代码合并到我的项目中。

这是我背后的代码示例：

public class Datas
{
    public ObservableCollection<string> titles { get; set; }

    public Datas()
    {
        init();
    }

    public void init()
    {
        titles = new ObservableCollection<string>()
        {
            "Title 1",
            "Title 2",
            "Title 3",
            "Title 4"
        };
    }
}

public partial class Window1 : MetroWindow
{
    private Datas datas;

    public Window1()
    {
        init();
    }

    private void init()
    {
        datas = new Datas();
        this.DataContext = this;
    }
}

还有我的 Xaml 代码：

<TabControl DataContext="{Binding Datas}">
    <TabControl.ItemTemplate>
        <DataTemplate>
            <TextBlock Text="{Binding titles}"/>
        </DataTemplate>
    </TabControl.ItemTemplate>
    <TabControl.ContentTemplate>
        <DataTemplate>
            <TextBlock Text="Content" />
        </DataTemplate>
    </TabControl.ContentTemplate>
</TabControl>

到目前为止，我一直在寻找几天。我找到了一个关于dataBinding to another class 的话题，但它似乎对我不起作用。不确定我是否可以在我的 Window1 类中使用这两个 DataContexts，即使我尝试了类似 binding multiple controls to different dataContexts 的东西。

我真的需要这样的东西吗？它似乎比我需要的要大，但我可能错了。所以，我的问题是我希望我的标签的标题是我列表中的那些，并且它不显示任何内容（但运行时没有错误）。

感谢您的帮助，请慢慢回答，我还是 Wpf 的新手 :)

Answer 1

窗户：

<Window x:Class="WpfApplication1.MainWindow"
        xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
        xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
        Title="MainWindow" Height="350" Width="525">
    <Grid>
        <TabControl ItemsSource="{Binding Titles}">
            <TabControl.ItemTemplate>
                <DataTemplate>
                    <TextBlock Text="{Binding}"/>
                </DataTemplate>
            </TabControl.ItemTemplate>
            <TabControl.ContentTemplate>
                <DataTemplate>
                    <TextBlock Text="Content" />
                </DataTemplate>
            </TabControl.ContentTemplate>
        </TabControl>
    </Grid>
</Window>

Window 背后的代码：

    public partial class MainWindow : Window
    {
        public MainWindow()
        {
            this.DataContext = new Datas();
            this.InitializeComponent();
        }
    }

    public class Datas
    {
        private ObservableCollection<String> titles;
        public ObservableCollection<String> Titles
        {
            get
            {
                if (this.titles == null)
                {
                    this.titles = new ObservableCollection<String>()
                    {
                        "Title 1",
                        "Title 2",
                        "Title 3",
                        "Title 4"
                    };
                }
                return this.titles;
            }
        }
    }

一些建议：

• 绑定仅适用于 public 属性。

• 如果您不打算修改 ObservableCollection，请不要公开它，而是使用 IList（它更轻）。

• 在 WPF 中，至少对于属性而言，惰性初始化比构造函数初始化更自然（参见 Titles 属性）。

• 看看.NET capitalization conventions，更喜欢使用 Pascal Casing 作为属性。

Answer 2

设置ItemsSource 的TabControl 并在您的Window 的DataContext 中定义公共属性Datas

 <TabControl ItemsSource="{Binding Datas.titles}">
   <TabControl.ItemTemplate>
            <DataTemplate>
                <TextBlock Text="{Binding}"/>
            </DataTemplate>
        </TabControl.ItemTemplate>



 public partial class Window1 : MetroWindow
{


    public Window1()
    {
        init();
    }

    private void init()
    {
        Datas = new Datas();
        this.DataContext = this;
    }

     public Datas Datas{get;set;}
}