wpf(C#)中如何实现Image的移动操作?

beipiao1008 2008-10-08 04:35:18

在一WPF项目中想要对几个图像进行移动操作,于是将其放在Image里面
可是只能对一个进行移动操作,请问如何对另一个也进行移动操作呀[如下面中的myImage1]?
现在中是放了二个,如果放多个时,如果实现对他们的拖动操作?[选中其中一个进行拖动操作时,其它的不动]

望高手指点,在线等~~解决发上散分.

相关代码如下:
XAML代码:
[code=XAML]
<Window x:Class="WpfApplication2.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
Title="Window1" Height="348" Width="430">
<Canvas MouseMove="Canvas_MouseMove"
MouseDown="Canvas_MouseDown"
MouseUp="Canvas_MouseUp"
Height="320" Width="350"
Background="Black"
ForceCursor="False" Name="myCanvas">
<Image Name="myImage" Width="61" Height="86"
Canvas.Left="50" Canvas.Top="50"
Source="images/2.gif" Cursor="Hand">
</Image>
<Image Name="myImage1" Width="62" Height="90"
Canvas.Left="150" Canvas.Top="150"
Cursor="Hand" Source="images/1.gif" >
</Image>
</Canvas>
</Window>
[/code]
对myImage的移动代码[其它的不会写了^_^]:



bool isBeginMove = false;

        private void Canvas_MouseMove(object sender, MouseEventArgs e)

        {

            if (isBeginMove)

            {

                Point position = e.GetPosition(this);

                double pX = position.X;

                double pY = position.Y;

                



                myImage.SetValue(Canvas.LeftProperty, pX - myImage.Width / 2);

                myImage.SetValue(Canvas.TopProperty, pY - myImage.Height / 2); 

            }

        }



        private void Canvas_MouseDown(object sender, MouseButtonEventArgs e)

        {

            if (e.ButtonState == e.LeftButton)

            {

                isBeginMove = true;

                

            } 

        }



        private void Canvas_MouseUp(object sender, MouseButtonEventArgs e)

        {

            isBeginMove = false;

        }

...全文

1471 14 打赏收藏转发到动态举报

写回复

用AI写文章

14 条回复

切换为时间正序

请发表友善的回复…

发表回复

more0308 2009-03-02

打赏
举报

成了··刚才TRY了一下··最后看了·是权限问题··解决了··麻烦了·

more0308 2009-03-02

打赏
举报

我到有个问题很想问···
这个是WPF的··能成··
如果我是PAGE的工程···
DragDrop.DoDragDrop(ImageCanvas, _selectImage, DragDropEffects.Move);
就会出现异常··
如何能在PAGE运行正常呢·？

beipiao1008 2008-10-11

打赏
举报

非常感谢zhouyongh
当然也感谢大家的关注 thanks

zhouyongh 2008-10-11

打赏
举报

给你写一个

[code=XAML]
<Window x:Class="WpfApplication8.Window1"
xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
xmlns:sys="clr-namespace:System;assembly=mscorlib"
Title="Window1" Height="300" Width="300">
<Window.Resources>
<Style TargetType="Image">
<EventSetter Event="PreviewMouseLeftButtonDown" Handler="Image_PreviewMouseLeftButtonDown"/>
</Style>
</Window.Resources>
<Grid>
<Canvas Name="ImageCanvas" DragOver="ImageCanvas_DragOver" AllowDrop="True"
PreviewMouseLeftButtonUp="ImageCanvas_PreviewMouseLeftButtonUp"
MouseMove="ImageCanvas_MouseMove">
<Image Canvas.Left="120" Height="81" Width="60" Source="yohan.jpg"/>
<Image Height="81" Width="60" Source="yohan.jpg"/>
<Image Canvas.Left="180" Height="81" Width="60" Source="yohan.jpg"/>
</Canvas>
</Grid>
</Window>
[/code]



public partial class Window1 : Window

{

    private bool _isDragging = false;

    private Point _startPoint;

    private Point _relativePoint;

    private Image _selectImage;



    public Window1()

    {

        InitializeComponent();

    }



    private void Image_PreviewMouseLeftButtonDown(object sender, MouseButtonEventArgs e)

    {

        _selectImage = sender as Image;

        _startPoint = e.GetPosition(ImageCanvas);

        _relativePoint = e.GetPosition(_selectImage);

        _isDragging = true;

        foreach (Image image in ImageCanvas.Children)

        {

            image.SetValue(Canvas.ZIndexProperty, 0);

        }

        _selectImage.SetValue(Canvas.ZIndexProperty, 1);

    }



    private void ImageCanvas_PreviewMouseLeftButtonUp(object sender, MouseButtonEventArgs e)

    {

        _isDragging = false;

    }



    private void ImageCanvas_DragOver(object sender, DragEventArgs e)

    {

        if (e.Data != null && e.Data.GetDataPresent(typeof(Image)))

        {

            Image image = e.Data.GetData(typeof(Image)) as Image;

            Point p = e.GetPosition(ImageCanvas);



            image.SetValue(Canvas.LeftProperty, p.X - _relativePoint.X);

            image.SetValue(Canvas.TopProperty, p.Y - _relativePoint.Y); 

        }

    }



    private void ImageCanvas_MouseMove(object sender, MouseEventArgs e)

    {

        if (e.LeftButton == MouseButtonState.Pressed && _isDragging )

        {

            Point newPos = e.GetPosition(ImageCanvas);

            if ((Math.Abs(newPos.X - _startPoint.X) > SystemParameters.MinimumHorizontalDragDistance) ||

                (Math.Abs(newPos.Y - _startPoint.Y) > SystemParameters.MinimumVerticalDragDistance))

            {

                ImageCanvas.GiveFeedback += new GiveFeedbackEventHandler(ImageCanvas_GiveFeedback);

                DragDrop.DoDragDrop(ImageCanvas, _selectImage, DragDropEffects.Move);

                _isDragging = false;

                ImageCanvas.GiveFeedback -= new GiveFeedbackEventHandler(ImageCanvas_GiveFeedback);

            }

        }

    }



    void ImageCanvas_GiveFeedback(object sender, GiveFeedbackEventArgs e)

    {

        Mouse.SetCursor(Cursors.Arrow);  //Set Cursor

        e.Handled = true;

    }

}