ToolStrip控件左右拖拽移动效果实现

1.主窗体下部添加一个Panel乘放ToolStrip控件以实现ToolStrip在窗体下部定位。
2.当ToolStrip控件中子控件超出屏幕时，拖动控件可以实现滑动效果。拖动到控件边缘距窗体边缘1/3宽度时（可设）,自动回弹。拖动控件边缘在屏幕内时释放鼠标，控件自动回弹，边缘吸附窗体边缘。
3.当ToolStrip控件中子控件数目较少可以在屏幕上完全显示时，拖动效果不可见。
4.增加 添加、删除 按钮，点击时可增删一个ToolStripButton，方便拖动效果可见（ToolStrip控件中子控件超出屏幕）与不可见（ToolStrip控件中子控件可以在屏幕上完全显示时）的演示。
5.拖动鼠标离开ToolStrip控件再释放，不会触发MouseUp事件，引起控件边缘在屏幕中时释放鼠标自动吸附效果失效。待解决。

 源码：https://files.cnblogs.com/files/tobeforever/DragDemo.rar

参考文章：WinForm 实现鼠标拖动控件跟随效果(图文) @SkySoot

http://www.cnblogs.com/SkySoot/archive/2011/12/20/2294733.html

/*==================================================================================================
** 类 名 称:FrmDragTest
** 创 建 人:liu
** 当前版本：V1.0.0
** CLR 版本:4.0.30319.42000
** 创建时间:2017/5/6 19:53:44

** 修改人        修改时间        修改后版本        修改内容


** 功能描述：ToolStrip控件左右拖拽移动效果实现
  
 * 主窗体下部添加一个Panel乘放ToolStrip控件以实现ToolStrip在窗体下部定位。
 * 当ToolStrip控件中子控件超出屏幕时，拖动控件可以实现滑动效果。拖动到控件边缘距窗体边缘1/3宽度时（可设），
   自动回弹。拖动控件边缘在屏幕内时释放鼠标，控件自动回弹，边缘吸附窗体边缘。
 * 当ToolStrip控件中子控件数目较少可以在屏幕上完全显示时，拖动效果不可见。
 * 增加 添加、删除 按钮，点击时可增删一个ToolStripButton，方便拖动效果可见（ToolStrip控件中子控件超出屏幕）
   与不可见（ToolStrip控件中子控件可以在屏幕上完全显示时）的演示。
 * 拖动鼠标离开ToolStrip控件再释放，不会触发MouseUp事件，引起控件边缘在屏幕中时释放鼠标自动吸附效果失效。待解决。
 
==================================================================================================
 Copyright @2017. liu. All rights reserved.
==================================================================================================*/
using System;
using System.Drawing;
using System.Windows.Forms;

namespace DragDemo
{
    public partial class FrmDragTest : Form
    {
        #region 字段

        /// <summary>
        /// 被拖动的ToolStrip控件
        /// </summary>
        private ToolStrip _toolStrip;

        /// <summary>
        /// 当前ToolStripButton数目
        /// </summary>
        private int _itemCount;
        
        #endregion

        #region 构造

        public FrmDragTest()
        {
            InitializeComponent();
        }
        
        #endregion

        #region 初始化

        private void FrmTest_Load(object sender, EventArgs e)
        {
            this.Size = new Size(530, 350);
            // 窗体大小调整时，检查边缘是否留白
            this.Resize += (sender1, e1) => { CheckBlank(); };
            // 添加一个Panel乘放ToolStrip控件以实现ToolStrip在窗体下部定位
            var pnlmain = new Panel { Dock = DockStyle.Bottom, Height = 80 };

            _toolStrip = new ToolStrip
            {
                // 注意Dock属性必须为None
                Dock = DockStyle.None,
                AutoSize = true,
                //BackgroundImageLayout = ImageLayout.None,
                GripStyle = ToolStripGripStyle.Hidden,
                // 子项除超出屏幕显示时不溢出显示
                LayoutStyle = ToolStripLayoutStyle.Flow,
                Height = 78,
                Location = new Point(0, 1),
                ImageScalingSize = new Size(102, 78)
            };

            //默认添加些Button以显示效果
            for (int j = 0; j < 10; j++)
            {
                AddOneButton();
            }

            pnlmain.Controls.Add(_toolStrip);
            this.Controls.Add(pnlmain);

            // 添加键
            var btnAdd = new Button { Size = new Size(80, 40), Text = @"Add", Location = new Point(150, 100) };
            btnAdd.Click += btnAdd_Click;
            this.Controls.Add(btnAdd);
            // 移除键
            var btnRemove = new Button { Size = new Size(80, 40), Text = @"Remove", Location = new Point(300, 100) };
            btnRemove.Click += btnRemove_Click;
            this.Controls.Add(btnRemove);
        }
        
        #endregion

        #region 自动添加移除

        private void btnAdd_Click(object sender, EventArgs e)
        {
            AddOneButton();
        }

        private void btnRemove_Click(object sender, EventArgs e)
        {
            RemoveOneButton();
        }

        /// <summary>
        /// 向_toolStrip添加一个Button
        /// </summary>
        private void AddOneButton()
        {
            var tsbtn = new ToolStripButton
            {
                AutoSize = false,
                DisplayStyle = ToolStripItemDisplayStyle.Text,
                Text = (++_itemCount).ToString(),
                Size = new Size(100, 78),
                BackColor = Color.YellowGreen,
                Margin = new Padding(0, 0, 2, 0)
            };
            tsbtn.MouseDown += Controls_MouseDown;
            tsbtn.MouseMove += Controls_MouseMove;
            tsbtn.MouseUp += Controls_MouseUp;
            _toolStrip.Items.Add(tsbtn);
        }

        /// <summary>
        /// 移除队尾的Button
        /// </summary>
        private void RemoveOneButton()
        {
            _toolStrip.Items.RemoveAt(--_itemCount);
        }

        #endregion

        #region 拖动效果实现

        /*
        * 理解了下面的几个概念,就能完全明白相对坐标的变化.
        * Cursor.Position 获取的是相对于用户屏幕的光标坐标
        * PointToClient() 方法可将屏幕坐标 Cursor.Position 换算成工作区的坐标
        */

        /// <summary>
        /// 保存拖动前鼠标X坐标
        /// </summary>
        private int _curX;
        /// <summary>
        /// 保存拖动前_ToolStrip控件X坐标
        /// </summary>
        private int _oldToolStripX;

        /// <summary>
        /// 按键按下，记录当前光标X坐标与拖动前_ToolStrip控件X坐标
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void Controls_MouseDown(object sender, MouseEventArgs e)
        {
            if (e.Button == MouseButtons.Left)
            {
                // 获取当前光标X坐标
                _curX = Cursor.Position.X;
                // 获取拖动前_ToolStrip控件X坐标
                _oldToolStripX = _toolStrip.Location.X;
            }
        }

        /// <summary>
        /// 鼠标移动，拖动_ToolStrip控件
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void Controls_MouseMove(object sender, MouseEventArgs e)
        {
            if (e.Button == MouseButtons.Left)
            {
                // x最小值，对应右侧拖动到边界时x坐标值
                int minX = this.Width - _toolStrip.Width;
                // 图标当前可以全部显示，拖动效果不可见
                if (minX > 0) return;

                // _ToolStrip控件X轴新坐标
                // 当前鼠标X坐标-拖动前鼠标X坐标=X轴鼠标偏移量，加上拖动前控件X坐标，即为新坐标
                int newToolStripX = Cursor.Position.X - _curX + _oldToolStripX;

                // 右侧空白超过屏幕宽度1/3，自动回弹
                if (newToolStripX < minX - this.Width / 3)
                {
                    // 左拖动过度，修正
                    newToolStripX = minX;
                }
                // 左侧空白超过屏幕宽度1/3，自动回弹
                else if (newToolStripX > this.Width / 3)
                {
                    // 右拖动过多，修正
                    newToolStripX = 0;
                }

                _toolStrip.Location = new Point(newToolStripX, 0);
            }
        }

        /// <summary>
        /// 鼠标松开，检查两侧是否留白
        /// </summary>
        /// <param name="sender"></param>
        /// <param name="e"></param>
        private void Controls_MouseUp(object sender, MouseEventArgs e)
        {
            if (e.Button == MouseButtons.Left)
            {
                CheckBlank();
            }
        }

        /// <summary>
        /// 检查两侧是否留白
        /// </summary>
        private void CheckBlank()
        {

            // x最小值，对应右侧拖动到边界时x坐标值
            int minX = this.Width - _toolStrip.Width;
            // 图标全部显示，拖动效果不可见
            if (minX > 0) return;

            // 左边界限制，左侧不留空
            if (_toolStrip.Location.X > 0)
            {
                _toolStrip.Location = new Point(0, 0);
            }
            // 右边界限制，右侧不留空
            else if (_toolStrip.Location.X < minX)
            {
                _toolStrip.Location = new Point(minX, 0);
            }

        }



        #endregion
    }
}