Solved

WPF: Thumb DragDelta not Working

Posted on 2010-09-12
2
2,019 Views
Last Modified: 2012-05-10
I wrote a custom adorner for the WPF InkCanvas. It takes over the built-in adorner that InkCanvas provides, and I designed it to do the same things (Select, Resize, Move, etc the adorned elements).

My Thumbs (one on each corner of a Path that has a RectangelGeomoetry locate perfectly when the adorner is added. However, the DragDelta code is not operating correctly. I'll use the TopLeft THumb as the example. As I click on the Thumb and drag it, the Thumb lags about 50-100 pixels behind the mouse point. After I let go, it places correctly, But when I select it again, it bounces back to the TopLeft corner briefly before it starts tracking.

FYI- The Thumbs are in the Adorner layer (they are not children on the InkCanvas).

Here is the code:
// Handler for thumb dragging
    void ThumbPointAdorner_OnDragDelta(object sender, DragDeltaEventArgs args)
    {
      FrameworkElement adornedElement = this.AdornedElement as FrameworkElement;
      Thumb movingThumb = sender as Thumb;

      if (adornedElement == null || movingThumb == null) return;

        {      

            if ((Math.Abs(args.HorizontalChange) > 0) || (Math.Abs(args.VerticalChange) > 0))
            {
                Rect rect = new Rect( (movingThumb as FrameworkElement).DesiredSize);

                rect.Offset(args.HorizontalChange, args.VerticalChange);

                movingThumb.Arrange(rect);
                this.UpdateLayout();
                parentElement.UpdateLayout();

            }
  
        }
    }
   
 // Arrange the Adorners.

    protected override Size ArrangeOverride(Size finalSize)
    {

      // desiredWidth and desiredHeight are the width and height of the element that's being adorned.  
      // These will be used to place the ResizingAdorner at the corners of the adorned element.  
      double desiredWidth  = _adornedElement.DesiredSize.Width;
      double desiredHeight = _adornedElement.DesiredSize.Height;

        // adornerWidth & adornerHeight are used for placement as well.
      double adornerWidth = this.DesiredSize.Width;
      double adornerHeight = this.DesiredSize.Height;

          Point topLeftPoint = new Point( InkCanvas.GetLeft(_adornedElement),
                                   InkCanvas.GetTop(_adornedElement));
                        
          IDictionary<string, Point> points = Helper.GetFourPoints(adornerHeight,
                                                            adornerWidth, 
                                                            new Point(0,0));

//        TopLeftPoint
//        TopRightPoint
//        BottomLeftPoint
//        BottomRightPoint

      {
            //_thumbs[0].Arrange( new Rect( points["TopLeftPoint"], _thumbs[0].DesiredSize));
            //_thumbs[1].Arrange( new Rect( points["TopRightPoint"], _thumbs[1].DesiredSize));
            //_thumbs[2].Arrange( new Rect( points["BottomLeftPoint"], _thumbs[2].DesiredSize));
            //_thumbs[3].Arrange(new Rect(points["BottomRightPoint"], _thumbs[3].DesiredSize));

          Size outlineSize = new Size(_adornedElement.DesiredSize.Width , _adornedElement.DesiredSize.Height );

          Rect _adornedElementRect = new Rect(outlineSize);
            
            _adornerOutline.Data = new RectangleGeometry(_adornedElementRect);
            _adornerOutline.Arrange(new Rect(outlineSize));

            _thumbs[0].Arrange( new Rect(points["TopLeftPoint"],  finalSize));
            _thumbs[1].Arrange(new Rect(points["TopRightPoint"], finalSize));
            _thumbs[2].Arrange(new Rect(points["BottomLeftPoint"], finalSize));
            _thumbs[3].Arrange(new Rect(points["BottomRightPoint"], finalSize));

      }
      // Return the final size.
      return finalSize;
    }

Open in new window

0
Comment
Question by:cardinalone
2 Comments
 
LVL 29

Accepted Solution

by:
Kumaraswamy R earned 500 total points
Comment Utility
0
 

Author Closing Comment

by:cardinalone
Comment Utility
Thanks for the link,. it re-pointed my efforts. I also found a bug in my code that also was part of the solution.
0

Featured Post

Maximize Your Threat Intelligence Reporting

Reporting is one of the most important and least talked about aspects of a world-class threat intelligence program. Here’s how to do it right.

Join & Write a Comment

Exception Handling is in the core of any application that is able to dignify its name. In this article, I'll guide you through the process of writing a DRY (Don't Repeat Yourself) Exception Handling mechanism, using Aspect Oriented Programming.
Real-time is more about the business, not the technology. In day-to-day life, to make real-time decisions like buying or investing, business needs the latest information(e.g. Gold Rate/Stock Rate). Unlike traditional days, you need not wait for a fe…
This video discusses moving either the default database or any database to a new volume.
Get a first impression of how PRTG looks and learn how it works.   This video is a short introduction to PRTG, as an initial overview or as a quick start for new PRTG users.

771 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question

Need Help in Real-Time?

Connect with top rated Experts

9 Experts available now in Live!

Get 1:1 Help Now