1

Я хочу, чтобы у меня объекты в Canvas двигались при нажатие мыши и перемещение по горизонтали. Всё получается отлично, кроме того, что если я не двигаю мышь и отпускаю левую кнопку, всё успешно, но если я двигаю мышь и в этот момент отпускаю, бывает не срабатывает MouseUp событие. Как можно это исправить? Приоритет событий что ли. Но надо, чтобы все расчеты в событии MouseMove заканчивались, если вызывается событие MouseUp.

5
  • А почему не приходит MouseUp? Вы небось забыли сделать Capture?
    – VladD
    23 ноя 2017 в 15:50
  • @VladD Да, не делал, а что это именно? Ну, как я понял, если я в данный момент двигаю мышь и отпускаю кнопку, то у меня не успевает ловить MouseUp т.к. идет просчет по событию MouseMove
    – Fresto
    24 ноя 2017 в 6:16
  • Нет, проблема не в этом. Проблема в том, что если вы не делаете Capture, то при выходе за границы элемента вам перестают доставляться мышиные события, в частности MouseUp. Хороший пример смотрите в ответе @tym32167 и тут.
    – VladD
    24 ноя 2017 в 9:49
  • @VladD а, этот момент у меня был прописал через MouseLeave
    – Fresto
    24 ноя 2017 в 10:27
  • К вам после MouseDown должен прийти либо MouseLeave, либо MouseUp. Если не приходит, вы где-то ошиблись.
    – VladD
    24 ноя 2017 в 10:40

2 ответа 2

3

Я как то писал законченный пример для перетаскивания элементов на канвасе. У меня перетаскивается по 2 координатам, но вы можете просто удалить изменения по вертикали и оставить только по горизонтали

class MyWnd : Window
{       
    public MyWnd()
    {
        var c = new Canvas();
        c.Background = new SolidColorBrush(Colors.White);

        var rect = new Rectangle 
                   { 
                     Fill = new SolidColorBrush(Colors.Red), 
                     Width = 20, Height = 20 
                    };
        c.Children.Add(rect);

        this.Content = c;

        Canvas.SetLeft(rect, 0);
        Canvas.SetTop(rect, 0);

        rect.MouseLeftButtonDown+=Handle_MouseDown;
        rect.MouseLeftButtonUp+=Handle_MouseUp;
        rect.MouseMove+=Handle_MouseMove;
    }


    bool isMouseCaptured;
    double mouseVerticalPosition;
    double mouseHorizontalPosition;

    public void Handle_MouseDown(object sender, MouseEventArgs args)
    {
        var item = sender as FrameworkElement;
        mouseVerticalPosition = args.GetPosition(null).Y;
        mouseHorizontalPosition = args.GetPosition(null).X;
        isMouseCaptured = true;
        item.CaptureMouse();
    }

    public void Handle_MouseMove(object sender, MouseEventArgs args)
    {
        var item = sender as FrameworkElement;
        if (isMouseCaptured)
        {

            // Calculate the current position of the object.
            double deltaV = args.GetPosition(null).Y - mouseVerticalPosition;
            double deltaH = args.GetPosition(null).X - mouseHorizontalPosition;
            double newTop = deltaV + (double)item.GetValue(Canvas.TopProperty);
            double newLeft = deltaH + (double)item.GetValue(Canvas.LeftProperty);

            // Set new position of object.
            item.SetValue(Canvas.TopProperty, newTop);
            item.SetValue(Canvas.LeftProperty, newLeft);

            // Update position global variables.
            mouseVerticalPosition = args.GetPosition(null).Y;
            mouseHorizontalPosition = args.GetPosition(null).X;
        }
    }

    public void Handle_MouseUp(object sender, MouseEventArgs args)
    {
        var item = sender as FrameworkElement;
        isMouseCaptured = false;
        item.ReleaseMouseCapture();
        mouseVerticalPosition = -1;
        mouseHorizontalPosition = -1;
    }
}

void Main()
{
    var wnd = new MyWnd();
    wnd.ShowDialog();
}

А по поводу Capture, что вам советовали - это у меня в строчке item.CaptureMouse();

4
  • Спасибо большое, пригодится мне в будущем. Еще 1 вопрос, например, у меня в Canvas'e очень много прямоугольников. Как можно реализовать то, чтобы при наведение на любой из прямоугольник в данном Canvas'e, у меня показывались его координаты в ToolTip? MouseEnter реализует заход именно в поле Canvas, но нужно отследить, на какой именно объект попал курсор мыши и если это один из многих прямоугольников, мы выводим рядом с мышью окошко с его координатами.
    – Fresto
    24 ноя 2017 в 8:19
  • А, я просто для каждого прямоугольника добавляю ToolTip. Всё оказывается просто)
    – Fresto
    24 ноя 2017 в 8:28
  • Так подпишитесь на MouseEnter для прямоугольника. Я делал подобное в виде Behavior - смотрите HoverBehavior<T>
    – tym32167
    24 ноя 2017 в 8:29
  • Я вас понял, если что, буду таким образом записывать, спасибо)
    – Fresto
    24 ноя 2017 в 8:43
2

Не использовать MouseUp. Достаточно в MouseMove проверять наличие нажатия клавиши.

    private void MouseMove(object sender, MouseEventArgs e)
    {
        if (e.LeftButton == MouseButtonState.Pressed)
        {
             // Тут ваш код движения.
        }
    }
1
  • Гениально, как я до этого сразу не догадался) Буду знать. Спасибо большое!
    – Fresto
    24 ноя 2017 в 6:19

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.