Question

我有一个轨迹栏，可以在我移动图像时放大或缩小图像，但它不能平滑地缩放，缩放为200％或更多时会出现分秒滞后。

private void trackBar1_ValueChanged(object sender, EventArgs e)
{
    zoom = trackBar1.Value;
    zoomValue = (float)(zoom / 10.0f);
    newBitmap = new Bitmap((int)(currWidth * zoomValue), (int)(currHeight * zoomValue));

    g = Graphics.FromImage(newBitmap);
    Matrix mx = new Matrix();
    mx.Scale(zoomValue, zoomValue);

    g.InterpolationMode = InterpolationMode.HighQualityBicubic;
    g.Transform = mx;
    g.DrawImage(currImage, new Rectangle(0, 0, currWidth, currHeight));
    g.Dispose();
    mx.Dispose();
    panel1.BackgroundImage = newBitmap;
}

我找到了一个用户控件http://www.codeproject.com/KB/graphics/YLScsImagePanel.aspx，可以非常顺利地缩放。没有任何滞后。

private void trackBar1_Scroll(object sender, EventArgs e)
{
    imagePanel1.Zoom = trackBar1.Value * 0.02f;
}

这是来自自定义控件ImagePanel.cs

public float Zoom
{
    get { return zoom; }
    set
    {
        if (value < 0.001f) value = 0.001f;
        zoom = value;

        displayScrollbar();
        setScrollbarValues();
        Invalidate();
    }
}

protected override void OnPaint(PaintEventArgs e)
{
    base.OnPaint(e);

    //draw image
    if(image!=null)
    {
        Rectangle srcRect,distRect;
        Point pt=new Point((int)(hScrollBar1.Value/zoom),(int)(vScrollBar1.Value/zoom));
        if (canvasSize.Width * zoom < viewRectWidth && canvasSize.Height * zoom < viewRectHeight)
            srcRect = new Rectangle(0, 0, canvasSize.Width, canvasSize.Height);  // view all image
        else srcRect = new Rectangle(pt, new Size((int)(viewRectWidth / zoom), (int)(viewRectHeight / zoom))); // view a portion of image

        distRect=new Rectangle((int)(-srcRect.Width/2),-srcRect.Height/2,srcRect.Width,srcRect.Height); // the center of apparent image is on origin

        Matrix mx=new Matrix(); // create an identity matrix
        mx.Scale(zoom,zoom); // zoom image
        mx.Translate(viewRectWidth/2.0f,viewRectHeight/2.0f, MatrixOrder.Append); // move image to view window center

        Graphics g=e.Graphics;
        g.InterpolationMode=interMode;
        g.Transform=mx;
        g.DrawImage(image,distRect,srcRect, GraphicsUnit.Pixel);
    }

}

是因为我每次创建一个新的位图都会滞后吗？如何让它像这样平滑地缩放？

Answer 1

正如@CodingBarfield所提到的，在trackBar1_ValueChanged()方法中计算缩放图像并不是一个好主意。原因是如果你缩放太快，你仍然会在每个中间步骤中计算重新缩放的图像（即使是那些从未显示过的步骤）。因此，将方法更改为如下所示：

private void trackBar1_ValueChanged(object sender, EventArgs e)
{
    panel1.Invalidate();
}

将缩放本身放到OnPaint()方法中，看起来像这样：

protected override void OnPaint(PaintEventArgs e)
{
    base.OnPaint(e);

    zoom = trackBar1.Value;
    if (lastZoom != zoom)
    {
        // the zoom has changed, clear the cache
        lastZoom = zoom;
        imageCache = null;
    }

    if (imageCache == null && image != null)
    {
        // compute scaled image
        imageCache = scaleImage(image, zoom);
    }

    //draw image
    if(image!=null)
    {
        ...
    }
}

OnPaint()方法中的缩放不是100％干净的解决方案，因为它仍然可以稍微保留您的GUI线程。更好的选择是使用后台线程，但我认为这应该足够了，它可以节省一些编码时间。

此外，您只需缩放所需图像的一部分即可获得额外的性能提升。这种技术可以保存缩放的平方，因此缩放越大，保存的计算就越多。

另一种选择是选择一些计算量较小的插值模式。或者你甚至可以计算一些低质量的近似值，显示它，然后使用后台线程计算一些质量更好的图像。

或许您可以抛弃所有这些代码并稍微修改CodePlex example以满足您的需求:)。

希望这有帮助。

如何使此图像变焦更快？

1 个答案: