WPF - How to set a dependency property of a control from a nested templated control's trigger

Question

I have a subclassed ContentControl (MySpecialContentControl) and added to it a DP called "mySpecialDP". In this control's Style template, there are a few other controls in the templated "ResizeDecorator" (also subclassed controls), like so:

I'm trying to find a way to set the "mySpecialDP" property from the IsMouseOver trigger of the templated control (ResizeDecoratorTemplate) - line 9 above. Can the ResizeDecoratorTemplate know about his "templating parent" (controls:MySpecialContentControl) ?

Answer

MSDN is not letting me update the question -- So adding the use case like this.

The reason for doing this is that the content control is part of a Canvas, and I need to know at the time the MouseLeftButtonDown or MouseMove are being called if the user clicked somewhere inside the Canvas, or particularly on the ResizeThumb control. My idea was to use an enum to distinguish.

Answer

Apologies for the confusing post .. This thing is a transparent bounding box that sits on top of an image, and has 4 corners where the user can resize the box (like the crop ones in image apps).

The ellipse is not in play here - even though it is inside the Canvas and is the content of the ST_BoundingBoxContentControl, I need to know when the user is resizing (IE clicked the ResizeThumb control), as opposed to just move the whole box around clicking anywhere inside the box (which I use cnvs_BoundingBox_PreviewMouseMove and cnvs_BoundingBox_PreviewMouseLeftButtonDown). Since the thumbs are part of ST_BoundingBoxContentControl which is under the Canvas, anywhere I click (including the resize thumb) will trigger the cnvs_BoundingBox_PreviewMouseLeftButtonDown event. So I was hoping to write something like this in the cnvs_BoundingBox_PreviewMouseLeftButtonDown handler:

if (cBox.BoxDragMode != Controls.enmBoxDragMode.NONE) return;

and change the BoxDragMode in the IsMouseOver of the ResizeThumb.

Yes, BoxDragMode is an enum.

Here is the XAML:

And the C# code:

    public enum enmBoxDragMode
    {
        NONE, 
        MOVE,
        RESIZE,
        ROTATE
    }

    public class ST_BoundingBoxContentControl : ContentControl
    {
        public static readonly DependencyProperty BoxDragModeProperty =
            DependencyProperty.Register(
                "BoxDragMode",
                typeof(enmBoxDragMode),
                typeof(ST_BoundingBoxContentControl),
                new PropertyMetadata(enmBoxDragMode.NONE));

        public enmBoxDragMode BoxDragMode
        {
            get => (enmBoxDragMode)GetValue(BoxDragModeProperty);
            set => SetValue(BoxDragModeProperty, value);
        }
    }

    public class ResizeThumb : Thumb
    {
        public ResizeThumb()
        {
            DragDelta += new DragDeltaEventHandler(this.ResizeThumb_DragDelta);
        }

        private void ResizeThumb_DragDelta(object sender, DragDeltaEventArgs e)
        {
            Control designerItem = this.DataContext as Control;

            if (designerItem != null)
            {
                double deltaVertical, deltaHorizontal;

                switch (VerticalAlignment)
                {
                    case VerticalAlignment.Bottom:
                        deltaVertical = Math.Min(-e.VerticalChange, designerItem.ActualHeight - designerItem.MinHeight);
                        designerItem.Height -= deltaVertical;
                        break;
                    case VerticalAlignment.Top:
                        deltaVertical = Math.Min(e.VerticalChange, designerItem.ActualHeight - designerItem.MinHeight);
                        Canvas.SetTop(designerItem, Canvas.GetTop(designerItem) + deltaVertical);
                        designerItem.Height -= deltaVertical;
                        break;
                    default:
                        break;
                }

                switch (HorizontalAlignment)
                {
                    case HorizontalAlignment.Left:
                        deltaHorizontal = Math.Min(e.HorizontalChange, designerItem.ActualWidth - designerItem.MinWidth);
                        Canvas.SetLeft(designerItem, Canvas.GetLeft(designerItem) + deltaHorizontal);
                        designerItem.Width -= deltaHorizontal;
                        break;
                    case HorizontalAlignment.Right:
                        deltaHorizontal = Math.Min(-e.HorizontalChange, designerItem.ActualWidth - designerItem.MinWidth);
                        designerItem.Width -= deltaHorizontal;
                        break;
                    default:
                        break;
                }
            }

            e.Handled = true;
        }
    }

Since I have 4 of these canvases on my page, I was hoping to set the BoxDragMode in the Template (line 43 above) so that each box will have its own.

Thanks for looking.

Share via

WPF - How to set a dependency property of a control from a nested templated control's trigger

2 answers