如何使该图像缩放得更快？

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 示例以满足您的需求:)。

希望这有帮助。