鼠标事件-矩形移动

可以把Rectangle改为其他控件,如Panel,实现类似操作。

在MainPage.xaml中:

<Canvas x:Name="rootCanvas" Width="400" Height="300" Background="Gray">
        <Rectangle Canvas.Left="30" Canvas.Top="30" Fill="Red" Width="50" Height="50"
                   MouseLeftButtonDown="Rectangle_MouseLeftButtonDown" 
                   MouseMove="Rectangle_MouseMove"
                   MouseLeftButtonUp="Rectangle_MouseLeftButtonUp"> 
        </Rectangle> 
    </Canvas>


在MainPage.xaml.cs中:

 private void Rectangle_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
        {
            Rectangle item = sender as Rectangle;
            //null是绝对位置,如果是某个控件则是相对这个控件的位置
            mouseVerticalPosition = e.GetPosition(null).Y;
            mouseHorizontalPosition = e.GetPosition(null).X;
            isMouseCaptured = true;
            item.CaptureMouse();//开始捕获鼠标
        }

        private void Rectangle_MouseMove(object sender, MouseEventArgs e)
        {
            Rectangle item = sender as Rectangle;
            if(isMouseCaptured)
            {
                //计算鼠标变化量
                double detaY = e.GetPosition(null).Y - mouseVerticalPosition;
                double detaX = e.GetPosition(null).X - mouseHorizontalPosition;
                //获取矩形新的top和left值
                double newTop = detaY + (double)item.GetValue(Canvas.TopProperty);
                double newLeft = detaX + (double)item.GetValue(Canvas.LeftProperty);
                //设置新的坐标值
                item.SetValue(Canvas.TopProperty, newTop);
                item.SetValue(Canvas.LeftProperty, newLeft);
                //保存现在的鼠标坐标
                mouseHorizontalPosition = e.GetPosition(null).X;
                mouseVerticalPosition = e.GetPosition(null).Y;
            }
            else
            {

            }
        }

        private void Rectangle_MouseLeftButtonUp(object sender, MouseButtonEventArgs e)
        {
            Rectangle item = sender as Rectangle;
            //释放鼠标
            isMouseCaptured = false;
            item.ReleaseMouseCapture();
            mouseHorizontalPosition = -1;
            mouseVerticalPosition = -1;
        }

 

转载于:https://www.cnblogs.com/dot-dot-123/p/3144149.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值