如何创建C#版浮动工具栏？

所谓的浮动工具栏，效果图如下：







也就是说，可以将工具栏拖出其原先的停靠位置，而且可以将拖出来的工具栏再拖放回去。

实现的基本思路如下

1、拖动出来以后，需要创建一个大小合适的窗口，作为工具栏新的停靠容器，这个窗口可以这样设置：

FormBorderStyle = System.Windows.Forms.FormBorderStyle.FixedToolWindow;

ShowIcon = false;

ShowInTaskbar = false;

TopMost = true;

2、浮动工具栏可以扩展自.Net Framework提供的ToolStrip，它被拖动都某个位置，松开鼠标左键时，会触发EndDarg事件，在这个事件中，我们将其从原来的停靠容器中移除，同时根据鼠标左键松开时，在鼠标所在位置上创建一个窗口，作为工具栏的新容器。

这个就是基本的思路了，下面是浮动工具栏FloatToolstrip 具体的实现代码：

 

 

代码

using System;

using System.Collections.Generic;

using System.ComponentModel;

using System.Drawing;

using System.Data;

using System.Text;

using System.Windows.Forms;

namespace FloatToolStripDemo

{

    public partial class FloatToolstrip : ToolStrip

    {

        private ToolStripPanel tsPanel;

        public FloatToolstrip()

        {

            InitializeComponent();

            this.EndDrag += new EventHandler(MyToolStrip_EndDrag);

            this.SizeChanged += new EventHandler(MyToolStrip_SizeChanged);

        }

        private ToolStripFloatWindow floatForm;

        public ToolStripFloatWindow FloatForm

        {

            get { return floatForm; }

            set

            {

                floatForm = value;

                if (floatForm != null)

                {

                    floatForm.LocationChanged += new EventHandler(floatForm_LocationChanged);

                    floatForm.FormClosing += new FormClosingEventHandler(floatForm_FormClosing);

                }

            }

        }

        void floatForm_FormClosing(object sender, FormClosingEventArgs e)

        {

            e.Cancel = true;

        }

        private void floatForm_LocationChanged(object sender, EventArgs e)

        {

            //当floatwindws的位置移动到toolstrippanel中时，将this放置到 toolstripPanel上 

            if (this.floatForm == null)

            {

                return;

            }

            else

            {

                if (floatForm.HasCreated)

                {

                    Point currentPt = new Point(floatForm.Location.X, floatForm.Location.Y);

                    Point minPt = this.tsPanel.PointToScreen(tsPanel.Location);

                    Point maxPt;

                    if (this.tsPanel.Height <= 20)

                    {

                        maxPt = new Point(minPt.X + this.tsPanel.Width, minPt.Y + 20);

                    }

                    else

                    {

                        maxPt = new Point(minPt.X + this.tsPanel.Width, minPt.Y + this.tsPanel.Height);

                    }

                    if ((currentPt.X > minPt.X) && (currentPt.X < maxPt.X) && (currentPt.Y > minPt.Y - 25) && (currentPt.Y < maxPt.Y - 25))

                    {

                        this.floatForm.Controls.Remove(this);

                        this.tsPanel.SuspendLayout();

                        this.tsPanel.Controls.Add(this);

                        this.Location = this.tsPanel.PointToClient(currentPt);

                        this.tsPanel.ResumeLayout();

                        this.floatForm.Dispose();

                        this.floatForm = null;

                    }

                }

            }

        }

        public bool isFloating

        {

            get

            {

                return (floatForm != null);

            }

        }

        public ToolStripPanel ToolStripPanel

        {

            get

            {

                return this.tsPanel;

            }

            set

            {

                this.tsPanel = value;

            }

        }

        private void MyToolStrip_EndDrag(object sender, EventArgs e)

        {

            //判断移除时

            if (this.tsPanel == null)

            {

                MessageBox.Show("请先设置ToolStripPanel属性");

                return;

            }

            Point dockPoint = Cursor.Position;

            int openX, openY;

            openX = dockPoint.X;

            openY = dockPoint.Y;

            Point clientPt = this.tsPanel.Parent.PointToClient(dockPoint);

            if (clientPt.Y > tsPanel.Height)

            {

                ToolStripFloatWindow tsfw = new ToolStripFloatWindow();

                this.tsPanel.Controls.Remove(this);

                tsfw.Controls.Add(this);

                this.Left = 0;

                this.Top = 0;

                this.FloatForm = tsfw;

                Point newLoc = new Point(openX, openY);

                tsfw.Show();

                tsfw.Location = newLoc;

                tsfw.SetBounds(newLoc.X, newLoc.Y, this.ClientSize.Width, this.ClientSize.Height+25);

            }

        }

        private void MyToolStrip_SizeChanged(object sender, EventArgs e)

        {

            if (this.isFloating)

            {

                this.floatForm.Width = this.ClientSize.Width;

            }

        }

    }

}

 

动态创建的作为浮动工具栏临时容器的窗口，需要加入一些处理技巧，以免发生在创建该窗口的工作尚未结束时，Dispose了这个窗口，这种情况发生在快速拖动工具栏时，触发了EndDrag事件，导致去创建临时窗口作为工具栏新的容器，而这时又将工具栏拖回原停靠容器中，会导致Dispose还没有创建完毕的临时窗口，发生异常！

下面是具体的代码：

代码

 

代码

using System;

using System.Collections.Generic;

using System.Text;

using System.Windows.Forms;

namespace FloatToolStripDemo

{

    public class ToolStripFloatWindow : Form

    {

        //解决鼠标拖动后，已经正在创建，但是触发Dispose的问题

        private bool hasCreated=false;

        public bool HasCreated

        {

            get

            {

                return hasCreated;

            }

        }

        public ToolStripFloatWindow():base()

        {

            this.FormBorderStyle = System.Windows.Forms.FormBorderStyle.FixedToolWindow;

            this.Name = "ToolStripFloatWindow";

            this.ShowIcon = false;

            this.ShowInTaskbar = false;

            this.TopMost = true;

            this.Load += new System.EventHandler(this.ToolStripFloatWindow_Load);

        }

        private void ToolStripFloatWindow_Load(object sender, EventArgs e)

        {

            this.hasCreated = true;

        }

    }

}