我想要一张图片来填充一个图片框,但不要留下任何空格。因此,当未调整图像框的宽高比时,切掉部分图像以适合。并在用户调整窗口/图片框大小时进行调整。现有选项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();
}
}
答案 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;