添加到我的 UserControl 的 TabControl 的 TabPage 的控件在重建后消失

Question

我有一个UserControl，其中包含一个TabControl。我启用了TabControl 及其TabPages 的设计器，因此用户可以添加/删除/修改标签页并向标签页添加控件。

当我将 UserControl 添加到 Form 并在标签页上添加控件时，一切正常，并且可以正确添加/删除/更改控件，直到我构建项目或保存更改并关闭并重新打开表单。

当我构建项目时，我在标签页中所做的所有更改以及我添加到标签页的每个控件都会被删除。控件存在于designer.cs，但它们不显示在标签页上。

为什么我在UserControl的TabControl的标签页中添加的控件在rebuild后消失了？

我的用户控件源代码：

注意：tbBody 是 TabControl

[Designer(typeof(MainDesigner))]
public partial class MZTabControl : UserControl
{
    private bool isdesign = false;
    private bool allowtbodyresize = false;
    public MZTabControl()
    {
        InitializeComponent();
    }
    [Category("MZ TabControl"),
    DesignerSerializationVisibility(DesignerSerializationVisibility.Content)]
    public TabControl TabControlArea
    {
        get
        {
            return tbBody;
        }
    }
}

我的设计器源代码：

public class MainDesigner : ParentControlDesigner
{
    private DesignerVerbCollection dvc = new DesignerVerbCollection();
    public override void Initialize(System.ComponentModel.IComponent component)
    {
        base.Initialize(component);

        if (this.Control is MZTabControl)
        {
            this.EnableDesignMode(((MZTabControl)this.Control).TabControlArea, 
                "TabControlArea");
            var uc = (MZTabControl)component;

            foreach (TabPage tbpg in uc.tbBody.TabPages)
            {
                EnableDesignMode(tbpg, tbpg.Name);
            }
        }
    }
}

重建或清理之前：Screenshot
重建或清理后：Screenshot

Answer 1

Form 的设计者看不到您在UserControl 中创建的那些TabPag 控件。

您可以从UserControl 中TabControl 的TabPages 集合中删除所有项目。如果您需要TabControl 在添加到Form 后有一些页面，您可以在用户控件设计器的InitializeNewComponent 方法中添加一些标签页。然后用户可以更改这些页面或将页面添加/删除到您的UserControl 的TabControl，并且所有选项卡及其内容都将被序列化，因为这样Form 设计人员可以看到这些选项卡。

用户控制1

为TabControl创建一个公共属性并用DesignerSerializationVisibility装饰它，通过传递DesignerSerializationVisibility.Content作为值来表示设计者序列化控件的内容：

using System.ComponentModel;
using System.Windows.Forms;
using System.Windows.Forms.Design;
[Designer(typeof(UserControl1Designer))]
public partial class UserControl1 : UserControl
{
    public UserControl1() { InitializeComponent(); }
    [DesignerSerializationVisibility(DesignerSerializationVisibility.Content)]
    public TabControl MyTabControl 
    {
       get { return this.tabControl1; } 
    }
    private void InitializeComponent()
    {
        this.tabControl1 = new System.Windows.Forms.TabControl();
        this.SuspendLayout();
        this.tabControl1.Name = "tabControl1";
        this.tabControl1.Dock = DockStyle.Fill;
        this.Controls.Add(this.tabControl1);
        this.Name = "UserControl1";
        this.ResumeLayout(true);
    }
    private System.Windows.Forms.TabControl tabControl1;
}

UserControl1Designer

使用设计器的EnableDesignMode 方法启用TabControl 的设计器。还通过添加 2 TabPage 来初始化 TabControl，就像原始控件执行的工作一样。为此，您应该使用IDesignerHost 服务，如下所示。

public class UserControl1Designer : ParentControlDesigner
{
    public override void Initialize(System.ComponentModel.IComponent component)
    {
        base.Initialize(component);
        this.EnableDesignMode(((UserControl1)this.Control).MyTabControl, "MyTabControl");
    }
    public override void InitializeNewComponent(System.Collections.IDictionary values)
    {
        base.InitializeNewComponent(values);
        AddTab();
        AddTab();
    }
    private void AddTab()
    {
        TabControl tabControl = ((UserControl1)this.Control).MyTabControl;
        var svc = (IDesignerHost)this.GetService(typeof(IDesignerHost));
        if (svc != null)
        {
            var tab1 = (TabPage)svc.CreateComponent(typeof(TabPage));
            tab1.Text = tab1.Name;
            tab1.UseVisualStyleBackColor = true;
            tabControl.TabPages.Add(tab1);
            var property = TypeDescriptor.GetProperties(tabControl)["Controls"];
            base.RaiseComponentChanging(property);
            base.RaiseComponentChanged(property, null, null);
        }
    }
}

然后，如果您从工具箱中拖动UserControl1 并将其添加到表单中，您可以看到用户控件包含一个可编辑的选项卡控件，其中包含2 个可编辑的选项卡页，所有更改都将被序列化并被持久化。

注意

如果您的UserControl 的TabContrl 中有一个或两个页面并且您想让它们成为可编辑的，您应该在您的UserControl 中创建公共属性并启用每个标签页的设计器，其名称为相应的属性。

考虑EnableDesignMode的备注部分中的此注释：

孩子不直接参与持久化，但如果 它作为主控件的属性公开。

用户控制

您应该为要公开的每个 TabPage 拥有一个公共属性：

[DesignerSerializationVisibility(DesignerSerializationVisibility.Content)]
public TabControl MyTabControl
{ 
    get { return this.tabControl1; } 
}
[DesignerSerializationVisibility(DesignerSerializationVisibility.Content)]
public TabPage T1 
{
    get { return this.tabPage1; } 
}

设计师

public class MyUserControl2Designer : ParentControlDesigner
{
    public override void Initialize(System.ComponentModel.IComponent component)
    {
        base.Initialize(component);
        this.EnableDesignMode(((UserControl2)this.Control).MyTabControl, "MyTabControl");
        this.EnableDesignMode(((UserControl2)this.Control).T1, "T1");
    }
}