Shape DragEnter doesn't work like ContainerShape does

[seokhyun]

"Shape" DragEnter doesn't work like "ContainerShape" does



RadDiagramContainerShape has OnDragEnter Event. so, on Diagram, if i drag shape into Containershape then DragEnter, DragOver, DragLeave are worked.

but Shape doesn't have DragEnter and DragOver. 



i want to do senario that when "Shape" is dragged to other "Shape", other "Shape"'s DragEnter event is activated.



i handled DragEnter on "Shape",

"DragDropManager.AddDragEnterHandler(this, MyDragEnterEventMethod);"



but, MyDragEnterEventMethod doesn't work when "Shape" is dragged to other "Shape" on Diagram.

MyDragEnterEventMethod only work when control DragContent to DragDropManager.AddDragInitializeHandler.



DragDropManager.AddDragInitializeHandler Code is below

DragDropManager.AddDragInitializeHandler(this.diagram, OnDragSourceDragInitialize);



and OnDragSourceDragInitialize Code is below

private void OnDragSourceDragInitialize(object sender, DragInitializeEventArgs e)
        {
            this.dragVisualControl.Content = this.PrepareDragVisualTypeB(e.OriginalSource as RadDiagramShape);
            e.DragVisual = this.dragVisualControl;
            e.DragVisualOffset = e.RelativeStartPoint;
            e.AllowedEffects = DragDropEffects.All;
        }

Shape DragEnter doesn't work like ContainerShape does

 

RadDiagramContainerShape has OnDragEnter Event. so, on Diagram, if i drag shape into Containershape then DragEnter, DragOver, DragLeave are worked.

but Shape doesn't have DragEnter and DragOver. 

 

i want to do senario if shape is dragged to other shape then other shape's DragEnter event is activated.

 

i tried to handle DragEnter on shape,

"DragDropManager.AddDragEnterHandler(this, MyDragEnterEventMethod);" in Customshape implements RadDiagramShape,

 

but, MyDragEnterEventMethod doesn't work when shape is dragged to other shape on Diagram.

MyDragEnterEventMethod only work when control DragContent to DragDropManager.AddDragInitializeHandler.

 

DragDropManager.AddDragInitializeHandler Code is below

DragDropManager.AddDragInitializeHandler(this.diagram, OnDragSourceDragInitialize);

 

and OnDragSourceDragInitialize Code is below

private void OnDragSourceDragInitialize(object sender, DragInitializeEventArgs e)
        {
            this.dragVisualControl.Content = this.PrepareDragVisualTypeB(e.OriginalSource as RadDiagramShape);
            e.DragVisual = this.dragVisualControl;
            e.DragVisualOffset = e.RelativeStartPoint;
            e.AllowedEffects = DragDropEffects.All;
        }

 

How do i Activate Shape DragEnter, DragOver, DragLeave like ContainerShape does?

i need to cases

case 1. when it dragged "Shape1" to "Shape2", "Shape2"'s Drag Enter is activated.

case 2. when it dropped "Shape1" to "Shape2", "Shape2"'s Drop Event  is activated.

[seokhyun]

hm.. i found DraggingService.DragOverShape.

But DragOverShape only works on ContainerShape too.

How do i get a DragOverShape also RadDiagramShape?

[Petar Mladenov]

Hello seokhyun,

The RadDiagram's drag drop feature does not use WPF drag/drop events nor DragDropManager's ones. It internally has DraggingService which organizes the drag drop logic (by manually handling mouse events and performing hit-testing under mouse). Also drop is primarily focused on containers which implement IDragDropAware interface. So one possible way to here is to make your normal shapes implement this interface. For more information on how to create custom shape in RadDiagram please check the following article:   

    Diagram Custom Shape Regards

However, there is also another way to detect that DraggingService is working (shape is being dragged) and there is shape under the mouse. The below code is somehow similar to what diagram does internally:

        DraggingService dragService;

        public MainWindow()
        {
            InitializeComponent();
            this.dragService = this.Diagram.ServiceLocator.GetService<IDraggingService>() as DraggingService;
            if (dragService != null)
            {
                dragService.Dragging += DragService_Dragging;
            }
        }

        private void DragService_Dragging(object sender, PositionChangedEventArgs e)
        {
            var notDraggedShapesUnderPoint = this.Diagram.Shapes
                .Where(x => !x.IsSelected && 
                             x.IsEnabled && 
                             x.Visibility == Visibility.Visible && 
                             x.Bounds.Contains(e.OldPosition, x.RenderTransformOrigin, x.RotationAngle));
           
            var dropAwareShape = notDraggedShapesUnderPoint.OrderBy(x => x.ZIndex).LastOrDefault();

            if (dropAwareShape != null)
            {
                
            }
        }

The last if clause can be used as an entry point and you can also fire a custom event there. However, for more precise work over the dragging service I would encourage you to inherit it and so you can better utilize protected members and change the logic easier.

Dragging Serice

Diagram Custom Services SDK

,
Petar Mladenov
Progress Telerik