Question

如何在WinRT中裁剪/剪辑图像。我有一个完全填充在Windows 8窗口中的图像。我需要从中心剪辑/裁剪图像，我需要将两个图像部分显示为两个单独的网格。我如何通过Windows 8执行相同操作。是否可以在不使用WritableBitmapEx的情况下实现此功能。如果不是，如何通过WritableBitmapEx执行相同操作。

Answer 1

实际上有很多方法可以做到，每种方法都有一些优点和缺点。

WriteableBitmapEx似乎是一种流行的解决方案。我在WinRT XAML Toolkit中有类似的实现。两者基本上都是从完整图像位图复制像素块。它可能不是最快的方式，但如果你想要一个开箱即用的解决方案 - 它是一个易于使用的解决方案。您需要复制像素，因此您不会在操作时优化内存使用，因此可能会在非常大的图像上耗尽内存。如果需要，您可以轻松地重新编制结果，然后将结果保存到图像文件中。
BitmapDecoder解决方案Jan推荐的是我经常使用的解决方案，因为它是平台的一部分，用本机代码编写，可能高度优化，你不复制像素，但如果你想重新编写 - 你我需要再次解码图像。
Xyroid对Clip几何体的建议是一种快速显示解决方案。您实际上并没有修改内存中的位图 - 您只需在屏幕上显示它的一个区域。然后，您需要将整个图像保留在内存中，如果要保存它 - 您仍需要更新位图以保存它 - 使用前两个解决方案之一，或者如果屏幕分辨率为RenderTargetBitmap.Render()，则可能需要使用Rectangle对你来说足够了。虽然更新屏幕上显示的裁剪区域以便快速预览，但应该非常快。
另一个是ImageBrush填充了Transform，您可以在其中应用Rectangle并指定Clip大小来控制裁剪。它与Tramsform解决方案非常相似，而不是剪切图像，在这种情况下，您实际上必须使用Clip（您也可以使用RectangleGeometry - {{1 }}）。对于快速更新 - 使用Transform实际上可能比更新几何体更快，并且还支持缩放和旋转。

Answer 2

您可以使用Bitmapdecoder和BitmapTransform类。 This example非常适合种植。您还应该阅读this tutorial进行裁剪。基本上你实现了这样的函数（取自示例）：

async public static Task<ImageSource> GetCroppedBitmapAsync(StorageFile originalImgFile, Point startPoint, Size corpSize, double scale) 
{ 


if (double.IsNaN(scale) || double.IsInfinity(scale)) 
{ 
    scale = 1; 
} 


// Convert start point and size to integer. 
uint startPointX = (uint)Math.Floor(startPoint.X * scale); 
uint startPointY = (uint)Math.Floor(startPoint.Y * scale); 
uint height = (uint)Math.Floor(corpSize.Height * scale); 
uint width = (uint)Math.Floor(corpSize.Width * scale); 


using (IRandomAccessStream stream = await originalImgFile.OpenReadAsync()) 
{ 


    // Create a decoder from the stream. With the decoder, we can get  
    // the properties of the image. 
    BitmapDecoder decoder = await BitmapDecoder.CreateAsync(stream); 

    // The scaledSize of original image. 
    uint scaledWidth = (uint)Math.Floor(decoder.PixelWidth * scale); 
    uint scaledHeight = (uint)Math.Floor(decoder.PixelHeight * scale); 



    // Refine the start point and the size.  
    if (startPointX + width > scaledWidth) 
    { 
        startPointX = scaledWidth - width; 
    } 


    if (startPointY + height > scaledHeight) 
    { 
        startPointY = scaledHeight - height; 
    } 


    // Create cropping BitmapTransform and define the bounds. 
    BitmapTransform transform = new BitmapTransform(); 
    BitmapBounds bounds = new BitmapBounds(); 
    bounds.X = startPointX; 
    bounds.Y = startPointY; 
    bounds.Height = height; 
    bounds.Width = width; 
    transform.Bounds = bounds; 


    transform.ScaledWidth = scaledWidth; 
    transform.ScaledHeight = scaledHeight; 

    // Get the cropped pixels within the bounds of transform. 
    PixelDataProvider pix = await decoder.GetPixelDataAsync( 
        BitmapPixelFormat.Bgra8, 
        BitmapAlphaMode.Straight, 
        transform, 
        ExifOrientationMode.IgnoreExifOrientation, 
        ColorManagementMode.ColorManageToSRgb); 
    byte[] pixels = pix.DetachPixelData(); 


    // Stream the bytes into a WriteableBitmap 
    WriteableBitmap cropBmp = new WriteableBitmap((int)width, (int)height); 
    Stream pixStream = cropBmp.PixelBuffer.AsStream(); 
    pixStream.Write(pixels, 0, (int)(width * height * 4)); 


    return cropBmp; 
} 


}

Answer 3

XAML静态方式，如果我的屏幕尺寸是1366x768＆amp;我想剪辑中心400x300图像然后我会这样做。

<Image Source="Assets/img100.png" Stretch="Fill">
    <Image.Clip>
        <RectangleGeometry Rect="483,234,400,300" />
    </Image.Clip>
</Image>

动态方式。它将对所有分辨率进行中心剪裁，尽管高度和高度都是宽度是固定的。

double _Height = 300, _Width = 400;
img.Clip = new RectangleGeometry 
{
    Rect = new Rect((Window.Current.Bounds.Width - _Width) / 2, (Window.Current.Bounds.Height - _Height) / 2, _Width, _Height)
};

不要忘记结帐......

How to resize Image in C# WinRT/winmd?

Crop image with rectangle

Crop image with dynamic rectangle coordinate

Cropping tool after file picker (like the one after you take a picture)

WinRT中的裁剪/剪辑图像

3 个答案: