剪辑区域不工作
本文关键字:工作 区域 | 更新日期: 2023-09-27 18:08:24
我的WPF应用程序有一个我专门为显示位图的一部分而编写的自定义控件。位图包含在从我公司的后端Windows服务传输到我的程序的对象中,作为byte
数组。数据中包含一个矩形,该矩形指定需要显示的感兴趣图像部分。
此外,当用户单击控件时,它会在该区域的三种不同的"放大"之间循环。这种设置称为"缩放状态"。实际上,在一个设置中,显示的矩形的宽度比随数据传输的矩形指定的区域大60像素。在第二次设置时,矩形的宽度增加25%,在第三次设置时,矩形的宽度增加50%。高度总是被计算以保持显示的位图部分的长宽比与控件的相同。
到目前为止,我一直在从数据中生成新的位图,这些数据被裁剪到上面描述的矩形计算指定的区域。然而,考虑到我们接收到的数据量和位图的大小,这是在使用大量的内存。我需要找到一种方法来减少内存消耗。我在WPF &在MSDN上找到了这篇关于剪辑图像的文章。这似乎是理想的,因为我已经计算了一个矩形,这似乎会使用更少的内存。所以我今天早上修改了我的代码,以便从原始图像中创建CroppedBitmap
。在Int32Rect
中,它创建了一个RetangleGeometry
结构体,并将Image
控件的Clip
属性设置为该矩形。然而,结果是我什么也没看到。
我注释掉了创建RectangleGeometry
的代码,我确实在那个点上看到了控件中的整个图像,所以我知道问题是在计算矩形的代码中的某个地方。我知道代码中的计算是正确的,但是当我将其转换为RectangleGeometry
时,我一定错过了一些东西。
下面是自定义控件使用的模板:
<Style TargetType="{x:Type local:ZoomableImage}">
<Setter Property="Template">
<Setter.Value>
<ControlTemplate TargetType="{x:Type local:ZoomableImage}">
<Border BorderBrush="{TemplateBinding BorderBrush}"
BorderThickness="{TemplateBinding BorderThickness}"
ContextMenu="{TemplateBinding ContextMenu}"
Cursor="{TemplateBinding Cursor}"
Margin="{TemplateBinding Margin}"
Name="ImageBorder">
<Image BitmapEffect="{TemplateBinding BitmapEffect}"
BitmapEffectInput="{TemplateBinding BitmapEffectInput}"
CacheMode="{TemplateBinding CacheMode}"
Effect="{TemplateBinding Effect}"
HorizontalAlignment="Stretch"
Name="Image"
Source="{TemplateBinding ImageToBeZoomed}"
Stretch="{TemplateBinding Stretch}"
VerticalAlignment="Stretch" />
</Border>
</ControlTemplate>
</Setter.Value>
</Setter>
</Style>
下面是计算剪辑矩形的代码:
private void CreateClipRectangle() {
Rect srcRect = new Rect( PlateRectangle.X, PlateRectangle.Y, PlateRectangle.Width, PlateRectangle.Height );
// We want to show some pixels outside the plate's rectangle, so add 60 to the PlateRectangle's Width.
srcRect.Width += 60.0;
// Adjust the Width property for the ZoomState, which increases the height & width of the rectangle around the license plate
if ( ZoomState == ZoomStates.ZoomPlus25 ) {
srcRect.Width = srcRect.Width * 1.25;
} else if ( ZoomState == ZoomStates.ZoomPlus50 ) {
srcRect.Width = srcRect.Width * 1.50;
}
// Make sure that srcRect.Width is not bigger than the ImageToBeZoomed's PixelWidth!
if ( srcRect.Width > ImageToBeZoomed.PixelWidth ) srcRect.Width = ImageToBeZoomed.PixelWidth;
// We need to keep the aspect ratio of the source rectangle the same as the Image's.
// Compute srcRect.Height so the srcRect will have the correct aspect ratio, but don't let
// the rectangle's height get bigger than the original image's height!
srcRect.Height = Math.Min( ImageToBeZoomed.PixelHeight, Math.Round( srcRect.Width * ImageBorder.ActualHeight / ImageBorder.ActualWidth ) );
// Adjust srcRect.X & srcRect.Y to center the source image in the output image
srcRect.X = srcRect.X - ( srcRect.Width - PlateRectangle.Width ) / 2.0;
srcRect.Y = srcRect.Y - ( srcRect.Height - PlateRectangle.Height ) / 2.0;
// Adjust srcRect to keep the cropped region from going off the image's edges.
if ( srcRect.X < 0 ) srcRect.X = 0.0;
if ( srcRect.Y < 0 ) srcRect.Y = 0.0;
if ( ( srcRect.X + srcRect.Width ) > ImageToBeZoomed.PixelWidth ) srcRect.X = ImageToBeZoomed.PixelWidth - srcRect.Width;
if ( ( srcRect.Y + srcRect.Height ) > ImageToBeZoomed.PixelHeight ) srcRect.Y = ImageToBeZoomed.PixelHeight - srcRect.Height;
// Create a new RectangleGeometry object that we will use to clip the ImageToBeZoomed and put it into the Clip property.
ImageControl.Clip = new RectangleGeometry( srcRect, 0.0, 0.0 );
}
ImageToBeZoomed
是类型为BitmapSource
的DependencyProperty
。使用以下代码将byte
数组转换为BitmapImage
:
public static BitmapImage BitmapFromBytes( byte[] imageBytes ) {
BitmapImage image = null;
if ( imageBytes != null ) {
image = new BitmapImage();
try {
using ( MemoryStream memoryStream = new MemoryStream( imageBytes ) ) {
image.BeginInit();
image.CacheOption = BitmapCacheOption.OnLoad;
image.StreamSource = memoryStream;
image.EndInit();
// Freeze the BitmapImage. This helps plug memory leaks & saves memory.
image.Freeze();
}
} catch ( Exception ex ) {
// . . .
}
}
return image;
}
PlateRectangle
属性中的值是ints
,它们以像素为单位。问题是否与需要从像素转换为与设备无关的单位有关?
编辑1
在玩这个时,我发现如果我将RectangleGeometry
结构体的Rect
属性的Y坐标设置为0或负值以外的任何值,我看不到任何图像。这对我来说毫无意义。在大多数情况下,关注的区域在图像的中间& &;顶部或底部边缘附近没有任何地方。有人知道为什么会这样吗?
编辑2
我是唯一一个与WPF Clip
功能有问题的人吗?
看起来您正在为RectangleGeometry
使用的Rect
没有被缩放。这里似乎还有一些其他的缩放问题。
我用这个代替了你的CreateClipRectangle
方法(见内联注释更改/添加的内容):
private void CreateClipRectangle()
{
Rect srcRect = new Rect(PlateRectangle.X, PlateRectangle.Y, PlateRectangle.Width, PlateRectangle.Height);
// We want to show some pixels outside the plate's rectangle, so add 60 to the PlateRectangle's Width.
srcRect.Width += 60.0;
// Adjust the Width property for the ZoomState, which increases the height & width of the rectangle around the license plate
if (ZoomState == ZoomStates.ZoomPlus25)
{
srcRect.Width = srcRect.Width * 1.25;
}
else if (ZoomState == ZoomStates.ZoomPlus50)
{
srcRect.Width = srcRect.Width * 1.50;
}
// Make sure that srcRect.Width is not bigger than the ImageToBeZoomed's PixelWidth!
if (srcRect.Width > ImageToBeZoomed.PixelWidth) srcRect.Width = ImageToBeZoomed.PixelWidth;
// We need to keep the aspect ratio of the source rectangle the same as the Image's.
// Compute srcRect.Height so the srcRect will have the correct aspect ratio, but don't let
// the rectangle's height get bigger than the original image's height!
double aspectRatio = ((double)ImageToBeZoomed.PixelHeight / ImageToBeZoomed.PixelWidth); // <-- ADDED
srcRect.Height = Math.Min(ImageToBeZoomed.PixelHeight, Math.Round(srcRect.Width * aspectRatio)); // <-- CHANGED
// Adjust srcRect.X & srcRect.Y to center the source image in the output image
srcRect.X = srcRect.X - srcRect.Width / 2.0; // <-- CHANGED
srcRect.Y = srcRect.Y - srcRect.Height / 2.0; // <-- CHANGED
// Adjust srcRect to keep the cropped region from going off the image's edges.
if (srcRect.X < 0) srcRect.X = 0.0;
if (srcRect.Y < 0) srcRect.Y = 0.0;
if ((srcRect.X + srcRect.Width) > ImageToBeZoomed.PixelWidth) srcRect.X = ImageToBeZoomed.PixelWidth - srcRect.Width;
if ((srcRect.Y + srcRect.Height) > ImageToBeZoomed.PixelHeight) srcRect.Y = ImageToBeZoomed.PixelHeight - srcRect.Height;
double scaleX = (ImageControl.ActualWidth / ImageToBeZoomed.PixelWidth); // <-- ADDED
double scaleY = (ImageControl.ActualHeight / ImageToBeZoomed.PixelHeight); // <-- ADDED
srcRect.X *= scaleX; // <-- ADDED
srcRect.Y *= scaleY; // <-- ADDED
srcRect.Width *= scaleX; // <-- ADDED
srcRect.Height *= scaleY; // <-- ADDED
// Create a new RectangleGeometry object that we will use to clip the ImageToBeZoomed and put it into the Clip property.
ImageControl.Clip = new RectangleGeometry(srcRect, 0.0, 0.0);
}
我的ImageControl XAML只是
<Image Name="ImageControl" Stretch="Uniform" />
边界检查可能会有进一步的问题,我删除了边界的东西,我不确定,但希望这将让你开始
我认为问题可能是你使用了horizontalalign ="Stretch"和VerticalAlignment="Stretch",这是抛出的显示图像的坐标系统。
试试
<Image Source="...." HorizontalAlignment="Left" VerticalAlignment="Top" Stretch="None"/>