鼠标拖拽效果的实现

「爱情、让人受尽委屈。」 2021-11-10 13:24 451阅读 0赞

我所说的“鼠标拖拽效果”是指，鼠标在某个图标上按下，然后拖动，图标随着鼠标移动；这个效果的实现依赖控件的三个事件：Mouse\_Down,Mouse\_Move,Mouse\_Up

1.  首先在Mouse\_Down事件设置”拖动”标志，表明鼠标已经按下，将要移动；同时记录鼠标的起始位置
2.  然后在Mouse\_Move事件计算鼠标的新位置，将图标设置到鼠标的位置，重新绘图
3.  最后在Mouse\_Up事件关闭”拖动”标志，标志鼠标已经弹起

实现如下：

首先，在Visual Studio 2010创建一个“Windows窗体应用程序”项目，在Form上任意拖入一个控件（比如Button，Label等，为了看得明白，我这里拖入的是PictureBox控件），为PictureBox的Image属性设置图片，效果如下:

![24093454-e6c4c19be9d84916b73f7fed7a16d5c4.jpg][]

然后修改Form对应的代码：

首先为Form增加两个实例变量，分别为拖动标识和PictureBox控件的位置

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

#region Fields
    
    private Boolean m_bDragFlag = false;
    private Point m_oStartLocation;
    
    #endregion

然后为PictureBox控件实现Mouse\_Down,Mouse\_Move,Mouse\_Up事件

![ContractedBlock.gif][] ![ExpandedBlockStart.gif][]

#region Events
    
            //PictureBox.Click事件
            private void pbxDrag_Click(object sender, EventArgs e)
            {
                //0.取控件实例
                var pbxDrag = sender as PictureBox;
    
                //1.用边框模拟选中状态
                pbxDrag.BorderStyle = BorderStyle.FixedSingle;
            }
    
            //PictrueBox.MouseDown事件(鼠标在控件上按下左键触发)
            private void pbxDrag_MouseDown(object sender, MouseEventArgs e)
            {
                //0.取控件实例
                var pbxDrag = sender as PictureBox;
    
                //1.设置"拖动"标识
                this.m_bDragFlag = true;
    
                //2.设置鼠标形状
                this.Cursor = Cursors.SizeAll;
    
                //3.设置初始位置
                this.m_oStartLocation = pbxDrag.Location;
            }
            //PictureBox.MouseMove事件(鼠标在控件上移动后触发)
            private void pbxDrag_MouseMove(object sender, MouseEventArgs e)
            {
                //0.取控件实例
                var pbxDrag = sender as PictureBox;
    
                if (this.m_bDragFlag)
                { 
                    //1.设置鼠标形状
                    this.Cursor = Cursors.Default;
    
                    //2.设置控件新位置
                    pbxDrag.Location = new Point(this.m_oStartLocation.X + e.X, this.m_oStartLocation.Y + e.Y);
    
                    //3.重新绘制图形
                    this.Invalidate();
                    this.Update();
    
                    //4.修正位置
                    this.m_oStartLocation = pbxDrag.Location;
                }
            }
            //PictureBox.MouseUp事件(鼠标在控件上弹起时触发)
            private void pbxDrag_MouseUp(object sender, MouseEventArgs e)
            {
                //0.设置鼠标形状
                this.Cursor = Cursors.Default;
    
                //1.设置"拖动"标识
                this.m_bDragFlag = false;
            }
    
            #endregion

转载于:https://www.cnblogs.com/huaisha/archive/2013/03/24/2978145.html

[24093454-e6c4c19be9d84916b73f7fed7a16d5c4.jpg]: /images/20211109/d66af5fc1ef4403687f894aad4d25d25.png
[ContractedBlock.gif]: https://images.cnblogs.com/OutliningIndicators/ContractedBlock.gif
[ExpandedBlockStart.gif]: /images/20211109/57dd2c2b28a04e9a97a3c128b9a9fdc3.png