WFP TranslateTransform错误

时间:2016-09-27 05:22:24

标签: wpf drag-and-drop wpf-controls draggable mousemove

我正在开展一个绘图项目。我在其中创建一个可拖动的窗口,用户可以单击任何对象并将其移动到不同的位置,就像我们在PhotoShop中使用我们的图层一样。

我编写的程序完美地适用于屏幕上的One对象,只需拖动它就可以移动到我想要的任何位置。但是当对象的数量增加时,它就会引起一个非常奇怪的问题。当我单击任何对象时,它会在窗口上创建所有对象的集群,并开始将转换应用于整个集群。

注意:所有对象都是图片,而容器是画布

以下是我正在使用的一些图片和代码。

    private Point _currentPoint;
    private Point _ancherPoint;
    private bool _isInDrag = false;
    private TranslateTransform _transform = new TranslateTransform();
    private Image _element;
    private void DropList_MouseLeftButtonDown( object sender, MouseButtonEventArgs e )
    {
        _element = FindAnchestor<Image>( ( DependencyObject )e.OriginalSource );

        if( _element != null )
        {
            _ancherPoint = e.GetPosition( DropList );
            _isInDrag = true;
            _element.CaptureMouse();
            e.Handled = true;

        }
    }

    private void DropList_MouseMove( object sender, MouseEventArgs e )
    {
        if( _isInDrag )
        {
            _currentPoint = e.GetPosition( DropList );


            _transform.X += ( _currentPoint.X - _ancherPoint.X );
            _transform.Y += ( _currentPoint.Y - _ancherPoint.Y );

            Lbl.Content = _element.Source.ToString();

             Source on which transfrom is going to happen
            _element.RenderTransform = _transform;
            _ancherPoint = _currentPoint;
        }
    }
    private void DropList_MouseLeftButtonUp( object sender, MouseButtonEventArgs e )
    {
        if( _isInDrag )
        {
            _element.ReleaseMouseCapture();
            _isInDrag = false;
            e.Handled = true;
        }
    }

    private static T FindAnchestor<T>( DependencyObject current ) where T : DependencyObject
    {
        do
        {
            if( current is T )
            {
                return ( T )current;
            }
            current = VisualTreeHelper.GetParent( current );
        }
        while( current != null );
        return null;
    }

这是我可以将它移动到任何我想要的地方的单个对象,而不会有任何混乱。 enter image description here

这里我有三个对象。当我点击它们中的任何一个时,它们会组成一个簇并开始一起移动。 enter image description here

1 个答案:

答案 0 :(得分:1)

问题是您对所有元素使用相同的TranslateTransform实例。相反,您应该在创建元素时为每个元素创建一个新实例,或者例如在MouseDown处理程序中:

private void DropList_MouseLeftButtonDown(object sender, MouseButtonEventArgs e)
{
    _element = FindAnchestor<Image>((DependencyObject)e.OriginalSource);

    if (_element != null)
    {
        var point = e.GetPosition((IInputElement)sender);
        _isInDrag = true;
        _element.CaptureMouse();
        _element.RenderTransform = new TranslateTransform(point.X, point.Y); // here
        e.Handled = true;
    }
}

移动时使用它:

private void DropList_MouseMove(object sender, MouseEventArgs e)
{
    if (_isInDrag)
    {
        var point = e.GetPosition((IInputElement)sender);
        var transform = (TranslateTransform)_element.RenderTransform;
        transform.X = point.X;
        transform.Y = point.Y;
    }
}