设计视图 + 用户控件/tabitem 显示为空按钮答案

【问题标题】：Design view + user control/tabitem shows up as empty button设计视图 + 用户控件/tabitem 显示为空按钮
【发布时间】：2015-02-26 23:43:03
【问题描述】：

所以我想将 TabControl 的 TabItems 分成不同的文件。我找到了为每个选项卡创建用户控制然后将 UserControl 替换为 TabItem 的建议。那行得通，我能够在我的 TabControl 中引用独立的 TabItem，并且该选项卡可以在正在运行的应用程序中查看。唯一的问题是无法再在设计视图中查看 TabItem。我认为这与以下事实有关，因为它是一个独立的 TabItem，没有包装在 tabcontrol 中。

以下链接是我使用的参考：TabItem in a separate XAML

【问题讨论】：

您能否提供一些关于自定义TabItems 的代码示例
@MicheldeNijs - 我用错误和正确的代码发布了我的解决方案。

标签： c# wpf xaml user-controls

【解决方案1】：

NVM。我想到了。问题是将其保留为用户控件并将其包含在 TabItem 中，而不是将 UserControl 重命名为 TabItem 并将其包含在 TabControll 中。

错误：

<TabControl>
    <myTabItems:Tab1 />
    <myTabItems:Tab2 />
    ...
    <myTabItems:Tabn />
</TabControl>

TabItem 控件（错误）

<TabItem x:Class="MyProject.My_Tabs.Tab1"
         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">
    <Grid>
        <!-- Content goes here -->
    </Grid>
</TabItem>

右：

<TabControl>
    <TabItem>
        <myTabItems:Tab1 />
    </TabItem>
    <TabItem>
        <myTabItems:Tab2 />
    </TabItem>
    ...
    <TabItem>
        <myTabItems:Tabn />
    </TabItem>    
</TabControl>

TabItem 控件（RIGHT）

<UserControl x:Class="MyProject.My_Tabs.Tab1"
         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">
    <Grid>
        <!-- Content goes here -->
    </Grid>
</UserControl>

【讨论】：