Question

我必须为c＃winform项目创建一个图形界面。有一个背景图像和一组小透明图片。用户必须能够将这些小图像放在背景上，选择它们并自由移动它们（我还要计算它们之间的距离，但这是另一个步骤！）。

我知道我可以这样做：

Flicker free drawing using GDI+ and C#

我也发现了这个：

http://cs-sdl.sourceforge.net/

我的问题是：有没有更好或最简单的解决方案来实现这一目标？

更新

现在图像是矩形的。如果图像重叠，则没有问题！

如果小图片有问题我可以用简单的圆圈（DrawEllipse）切换。重要的是用户可以随时点击并移动它们。

Answer 1

我已经找到了一个解决方案，解决了如何从图片框中删除闪烁，却没有找到令人满意的东西......我最终使用了XNA框架中的一些2DVector和精神。它运作良好：）

http://www.xnadevelopment.com/为如何使用它提供了一个很好的解释，它在游戏环境中进行了解释。

Answer 2

Windows Presentation Fo 基金会（WPF）可能是一个更好的解决方案。它比GDI +更具图形倾向，并且速度更快，因为它由DirectX驱动。

Answer 3

如果您不想要flickr，最好的选择是DirectX / XNA / OpenGL。尝试为您的应用程序找到带有精灵的2d框架。

Answer 4

如果您使用WPF，那么您应该使用Canvas作为容器控件。对于图像，您必须在代码隐藏文件中添加这些事件处理程序：

private bool IsDragging = false;
private System.Windows.Point LastPosition;

private void MyImage_MouseDown(object sender, MouseButtonEventArgs e)
{
    // Get the right MyImage
    Image MyImage = sender as Image;

    // Capture the mouse
    if (!MyImage.IsMouseCaptured)
    {
        MyImage.CaptureMouse();
    }

    // Turn the drag mode on
    IsDragging = true;

    // Set the current mouse position to the last position before the mouse was moved
    LastPosition = e.GetPosition(SelectionCanvas);

    // Set this event to handled
    e.Handled = true;
}

private void MyImage_MouseUp(object sender, MouseButtonEventArgs e)
{
    // Get the right MyImage
    Image MyImage = sender as Image;

    // Release the mouse
    if (MyImage.IsMouseCaptured)
    {
        MyImage.ReleaseMouseCapture();
    }

    // Turn the drag mode off
    IsDragging = false;

    // Set this event to handled
    e.Handled = true;
}

private void MyImage_MouseMove(object sender, System.Windows.Input.MouseEventArgs e)
{
    // Get the right MyImage
    Image MyImage = sender as Image;
    // Move the MyImage only when the drag move mode is on
    if (IsDragging)
    {
        // Calculate the offset of the mouse movement
        double xOffset = LastPosition.X - e.GetPosition(SelectionCanvas).X;
        double yOffset = LastPosition.Y - e.GetPosition(SelectionCanvas).Y;

        // Move the MyImage
        Canvas.SetLeft(MyImage, (Canvas.GetLeft(MyImage) - xOffset >= 0.0) && (Canvas.GetLeft(MyImage) + MyImage.Width - xOffset <= SelectionCanvas.ActualWidth) ? Canvas.GetLeft(MyImage) - xOffset : Canvas.GetLeft(MyImage));
        Canvas.SetTop(MyImage, (Canvas.GetTop(MyImage) - yOffset >= 0.0) && (Canvas.GetTop(MyImage) + MyImage.Height - yOffset <= SelectionCanvas.ActualHeight) ? Canvas.GetTop(MyImage) - yOffset : Canvas.GetTop(MyImage));

        // Set the current mouse position as the last position for next mouse movement
        LastPosition = e.GetPosition(SelectionCanvas);
    }
}

我希望有帮助，大卫。

使用c＃的图形用户界面

4 个答案: