Windows Forms 如何让自定义按钮下拉TreeView超出Panel边框正常显示

我搜索了很久都未找到匹配的解决方案：我有一个自定义按钮，点击后会在按钮下方展示TreeView，功能运行正常，但将按钮放入Panel中时（Panel是自定义按钮的父容器，按钮是TreeView的父容器），点击按钮后Panel边框会裁剪TreeView控件。我知晓修改控件父容器可解决该问题，但我希望该控件的行为和普通ComboBox一致，下拉内容可渲染（绘制、显示）在Panel边框上方。

预期实现效果 #

当前实际表现 #

WinForm中子控件默认会被父容器的裁剪区域限制，要实现和ComboBox一致的下拉不被裁剪效果，核心是不要将TreeView作为按钮/Panel的子控件，而是使用弹出式容器承载TreeView，直接在顶级窗口层级渲染。

方案1：使用ToolStripDropDown承载TreeView（推荐） #

该方案复用.NET原生弹出容器，自带失焦自动关闭、无父容器裁剪特性，代码量最少，实现逻辑和原生ComboBox一致。

// 窗体类内声明成员
private ToolStripDropDown _treeDropDown;
private TreeView _dropDownTreeView;

// 初始化逻辑（可放在窗体构造或自定义按钮的初始化方法中）
private void InitDropDownTreeView()
{
    // 初始化TreeView，绑定节点、设置样式等
    _dropDownTreeView = new TreeView();
    _dropDownTreeView.Size = new Size(200, 300); // 按需设置尺寸
    _dropDownTreeView.NodeMouseClick += (sender, e) =>
    {
        // 节点点击回调：将选中值同步到按钮，关闭弹出层
        yourCustomButton.Text = e.Node.Text;
        _treeDropDown.Close();
    };

    // 用ToolStripControlHost包裹TreeView
    var treeHost = new ToolStripControlHost(_dropDownTreeView);
    treeHost.Padding = Padding.Empty;
    treeHost.Margin = Padding.Empty;

    // 初始化弹出容器
    _treeDropDown = new ToolStripDropDown();
    _treeDropDown.Padding = Padding.Empty;
    _treeDropDown.AutoSize = true;
    _treeDropDown.Items.Add(treeHost);
}

// 自定义按钮点击事件
private void YourCustomButton_Click(object sender, EventArgs e)
{
    // 计算弹出位置：按钮左下角的屏幕坐标
    var showPos = yourCustomButton.PointToScreen(new Point(0, yourCustomButton.Height));
    _treeDropDown.Show(showPos);
}

方案2：自定义无边框Form作为弹出容器（灵活度更高） #

如果需要对弹出层做更多自定义扩展，可使用独立无边框Form承载TreeView：

• 新建Form，设置属性：FormBorderStyle = FormBorderStyle.None、ShowInTaskbar = false、StartPosition = FormStartPosition.Manual
• 将TreeView停靠在Form内，设置Form尺寸和TreeView一致
• 按钮点击时计算按钮左下角屏幕坐标，赋值给Form的Location属性，调用Show(this)方法显示
• 重写父窗体的OnMove、OnResize方法，父窗体移动/缩放时自动隐藏弹出Form
• 处理弹出Form的Deactivate事件，失去焦点时自动关闭

注意事项 #

• 两种方案均不要将TreeView设置为按钮或Panel的子控件，否则仍会触发父容器裁剪
• 高DPI适配场景下，弹出位置计算需要同步DPI缩放系数

内容的提问来源于stack exchange，提问作者Supertime Developer