调整图像大小以填充图片框而不拉伸

时间:2015-09-06 10:58:57

标签: c# picturebox

我想要一张图片来填充一个图片框,但不要留下任何空格。因此,当未调整图像框的宽高比时,切掉部分图像以适合。并在用户调整窗口/图片框大小时进行调整。现有选项Sizemode = Zoom会留下空白,因为它害怕切断任何图像并Sizemode = StretchImage拉伸图像,扭曲它。

我能想到的唯一方法是创建一个算法来调整图像大小,保持对比度,并将图像的宽度或长度设置为pictureBox的宽度或长度,并创建运行算法的运行时循环曾经一帧。对于它所做的事情以及那种hackish来说,它看起来似乎很重要。有更好的选择吗?

编辑: 对于任何人来说,我实施Ivan Stoev的解决方案略有不同:

class ImageHandling
{
    public static Rectangle GetScaledRectangle(Image img, Rectangle thumbRect)
    {
        Size sourceSize = img.Size;
        Size targetSize = thumbRect.Size;
        float scale = Math.Max((float) targetSize.Width / sourceSize.Width, (float) targetSize.Height / sourceSize.Height);
        var rect = new RectangleF();
        rect.Width = scale * sourceSize.Width;
        rect.Height = scale * sourceSize.Height;
        rect.X = (targetSize.Width - rect.Width) / 2;
        rect.Y = (targetSize.Height - rect.Height) / 2;
        return Rectangle.Round(rect);
    }

    public static Image GetResizedImage(Image img, Rectangle rect)
    {
        Bitmap b = new Bitmap(rect.Width, rect.Height);
        Graphics g = Graphics.FromImage((Image) b);
        g.InterpolationMode = InterpolationMode.HighQualityBicubic;
        g.DrawImage(img, 0, 0, rect.Width, rect.Height);
        g.Dispose();
        try
        {
            return (Image)b.Clone();
        }
        finally
        {
            b.Dispose();
            b = null;
            g = null;
        }
    }

    public Form1()
    {
        InitializeComponent();
        updateMainBackground();
    }

    void updateMainBackground()
    {
        Image img = Properties.Resources.BackgroundMain;
        Rectangle newRect = ImageHandling.GetScaledRectangle(img, mainBackground.ClientRectangle);
        mainBackground.Image = ImageHandling.GetResizedImage(img, newRect);
    }

    private void Form1_Resize(object sender, EventArgs e)
    {
        updateMainBackground();
    }
}

3 个答案:

答案 0 :(得分:1)

根据PictureBoxSizeMode文档,您可以指定PictureBoxSizeMode.Zoom以使图像保持其宽高比。它将变焦尽可能大,而图像框中没有任何部分图像溢出。

你可以使用Dock属性(设置DockStyle.Full)来使图片框调整大小到其容器的大小。

答案 1 :(得分:1)

如果我理解正确,您正在寻找“填充”模式(类似于Windows背景图片)。没有标准的方法可以做到这一点,但在一个小的计算和GDI +的帮助下创建自己的并不是那么难:

using System;
using System.Drawing;
using System.IO;
using System.Net;
using System.Windows.Forms;

namespace Samples
{
    public class ImageFillBox : Control
    {
        public ImageFillBox()
        {
            SetStyle(ControlStyles.Selectable | ControlStyles.SupportsTransparentBackColor, false);
            SetStyle(ControlStyles.AllPaintingInWmPaint | ControlStyles.OptimizedDoubleBuffer | ControlStyles.Opaque | ControlStyles.UserPaint | ControlStyles.ResizeRedraw, true);
        }
        private Image image;
        public Image Image
        {
            get { return image; }
            set
            {
                if (image == value) return;
                image = value;
                Invalidate();
            }
        }
        protected override void OnPaint(PaintEventArgs e)
        {
            base.OnPaint(e);
            if (image == null)
                e.Graphics.Clear(BackColor);
            else
            {
                Size sourceSize = image.Size, targetSize = ClientSize;
                float scale = Math.Max((float)targetSize.Width / sourceSize.Width, (float)targetSize.Height / sourceSize.Height);
                var rect = new RectangleF();
                rect.Width = scale * sourceSize.Width;
                rect.Height = scale * sourceSize.Height;
                rect.X = (targetSize.Width - rect.Width) / 2;
                rect.Y = (targetSize.Height - rect.Height) / 2;
                e.Graphics.DrawImage(image, rect);
            }
        }
    }
    static class Test
    {
        static void Main()
        {
            Application.EnableVisualStyles();
            Application.SetCompatibleTextRenderingDefault(false);
            var testForm = new Form();
            testForm.Controls.Add(new ImageFillBox
            {
                Dock = DockStyle.Fill,
                Image = GetImage(@"http://www.celebrityrockstarguitars.com/rock/images/Metall_1.jpg")
            });
            Application.Run(testForm);
        }
        static Image GetImage(string path)
        {
            var uri = new Uri(path);
            if (uri.IsFile) return Image.FromFile(path);
            using (var client = new WebClient())
                return Image.FromStream(new MemoryStream(client.DownloadData(uri)));
        }
    }
}

答案 2 :(得分:0)

有一个相当简单的解决方案。 PictureBox.SizeMode的一些设置可以为我们提供帮助。缩放将调整图像以适合该框,“正常”将放置图片而不会调整大小。我们要做的是检查图像的高度和宽度,如果图像的宽度和宽度大于PictureBox,我们将进行缩放,否则将使用“普通”放置。见下文:

if (image.Height > pctbx_ImageRecognition.Height || image.Width > pctbx_ImageRecognition.Width)
    pctbx_ImageRecognition.SizeMode = PictureBoxSizeMode.Zoom;
else
    pctbx_ImageRecognition.SizeMode = PictureBoxSizeMode.Normal;