在 Windows Store App 中的宽幅图块上使用方形图像

Question

在我的应用程序中，我想实现辅助磁贴，以便让用户直接访问我的应用程序的特定部分，并在该磁贴上显示特定于部分的信息。

对于磁贴图像，我想使用将直接访问的部分的图标，但我只能访问直接从网络下载的正方形图像 link（创建磁贴时） .由于我没有宽瓷砖的图像，我试图用透明边框填充它们以创建宽瓷砖。我使用了 WritableBitmapEx 库，但我的代码导致了 AccessViolationException。

StorageFile file = await ApplicationData.Current.TemporaryFolder.GetFileAsync(tempFileName);
IRandomAccessStream fileStream = await file.OpenAsync(Windows.Storage.FileAccessMode.ReadWrite);                                              

WriteableBitmap bitmap = new WriteableBitmap(150, 150);
await bitmap.SetSourceAsync(fileStream);

WriteableBitmap bitmapDummy = BitmapFactory.New(310, 150);

using (bitmapDummy.GetBitmapContext())
{
    using (bitmap.GetBitmapContext())
    {
        bitmapDummy.Blit(new Rect(80.0, 0.0, 150, 150), bitmap, new Rect(0.0, 0.0, 150, 150), WriteableBitmapExtensions.BlendMode.None);
    }
 }

异常发生在bitmap.GetBitmapContext()，所以我无法创建图像。

我在这里尝试做的是创建一个空的宽瓦片图像并将方形瓦片图像放在它的中间。

最后我还想将图像转换为透明的 PNG，但这是另一个问题，因为我还不知道如何创建位图。

提前感谢您的帮助。

Answer 1

我找到了解决方案 here。在我尝试访问它之前，图像似乎没有加载到 WriteableBitmap 中，因此抛出了 AccessViolationException。因此，

WriteableBitmap bitmap = new WriteableBitmap(150, 150);
await bitmap.SetSourceAsync(fileStream);

我开始使用了，

WriteableBitmap bitmap = await BitmapFactory.New(1, 1).FromStream(fileStream);

现在问题已经解决了。

为找到此问题的人调整方形图像大小和填充的完整代码如下。

public static async Task PadPngImage(StorageFile inputFile, StorageFile outputFile, uint width, uint height, uint boundingBoxWidth, uint boundingBoxHeight)
{
    // Resize the input image
    StorageFile temporaryFile = await ApplicationData.Current.TemporaryFolder.CreateFileAsync("PadImageTemporaryFile.png", CreationCollisionOption.ReplaceExisting);
    await ResizeImage(inputFile, temporaryFile, width, height);            

    // Create a stream linked to resized image
    using (IRandomAccessStream temporaryFileStream = await temporaryFile.OpenAsync(Windows.Storage.FileAccessMode.ReadWrite))
    {
        WriteableBitmap bitmap = await BitmapFactory.New(1, 1).FromStream(temporaryFileStream);

        // Create an empty image with specified bounding dimentions
        WriteableBitmap bitmapDummy = BitmapFactory.New((int)boundingBoxWidth, (int)boundingBoxHeight);

        using (bitmapDummy.GetBitmapContext())
        {
            using (bitmap.GetBitmapContext())
            {
                // Calculate position of the image
                Rect center = new Rect((boundingBoxWidth - width) / 2, (boundingBoxHeight - height) / 2, width, height);

                bitmapDummy.Blit(center, bitmap, new Rect(0.0, 0.0, width, height), WriteableBitmapExtensions.BlendMode.None);                        
            }
        }

        using(IRandomAccessStream stream = await outputFile.OpenAsync(Windows.Storage.FileAccessMode.ReadWrite))
        {
            await bitmapDummy.ToStream(stream, BitmapEncoder.PngEncoderId);
        }                
    }
}

public static async Task ResizeImage(StorageFile inputFile, StorageFile outputFile, uint newWidth, uint newHeight)
{
    // Input Stream & Decoder
    using (IRandomAccessStream fileStream = await inputFile.OpenAsync(Windows.Storage.FileAccessMode.Read))
    {
        BitmapDecoder decoder = await BitmapDecoder.CreateAsync(fileStream);

        // Output Stream & Encoder                
        using (IRandomAccessStream stream = await outputFile.OpenAsync(Windows.Storage.FileAccessMode.ReadWrite))
        {
            BitmapEncoder encoder = await BitmapEncoder.CreateForTranscodingAsync(stream, decoder);

            // Scale the bitmap image
            encoder.BitmapTransform.ScaledWidth = newWidth;
            encoder.BitmapTransform.ScaledHeight = newHeight;
            encoder.BitmapTransform.InterpolationMode = BitmapInterpolationMode.Fant;

            await encoder.FlushAsync();
        }
    }
}

在 Windows Store App 中的宽幅图块上使用方形图像

Using a square image on a wide tile in Windows Store App

c#

image-scaling

live-tile

windows-store-apps