Question

我想使用当天的Bing图像作为我应用的锁定屏幕图像的背景，但是我在使用1080p设备时想要缩放图像时遇到了问题。

这是每日1080p Bing图像的示例：http://www.bing.com//az/hprichbg/rb/BeaverMeadow_EN-US12190942812_1920x1080.jpg。它是1920 * 1080的照片。

我所做的是裁剪它以便我使用的照片是1080 * 1080像素，然后创建一个新的锁定屏幕图像，即1080 * 1920.这是代码：

    public static void SaveToJpeg(Stream stream)
    {
        using (IsolatedStorageFile iso = IsolatedStorageFile.GetUserStoreForApplication())
        {
            using (IsolatedStorageFileStream isostream = iso.CreateFile("lockscreen.jpg"))
            {
                try
                {
                    BitmapImage bitmap = new BitmapImage();
                    bitmap.SetSource(stream);
                    WriteableBitmap wb = new WriteableBitmap(bitmap);

                    // Cropping image so that only 1080 out of the 1920 horizontal pixels are used.
                    wb = CropImage(wb, 1080, 1920, 1080, 1080);

                    // 1080 * 1920 are the phone's dimesions.
                    Extensions.SaveJpeg(wb, isostream, 1080, 1920, 0, 100);
                    isostream.Close();
                }
                catch( Exception e )
                {
                }
            }
        }
    }

    public static WriteableBitmap CropImage(WriteableBitmap source, int phoneWidth, int phoneHeight,
                                                     int width, int height)
    {

        // Based on the phone's width/height and image's width/height, will determine
        // the correct x and y offsets.
        int xOffset = 0, yOffset = 0;

        if( phoneWidth >= source.PixelWidth )
        {
            xOffset = 0;
        }
        else
        {
            xOffset = source.PixelWidth - phoneWidth;
            xOffset = xOffset / 2 + xOffset / 4;
        }

        if (phoneHeight >= height)
        {
            yOffset = 0;
        }
        else
        {
            yOffset = height - phoneHeight;
            yOffset = yOffset / 2;
        }


        var sourceWidth = source.PixelWidth;

        // Get the resultant image as WriteableBitmap with specified size
        var result = new WriteableBitmap(width, height);

        // Create the array of bytes
        for (var x = 0; x <= height - 1; x++)
        {
            var sourceIndex = xOffset + (yOffset + x) * sourceWidth;
            var destinationIndex = x * width;

            Array.Copy(source.Pixels, sourceIndex, result.Pixels, destinationIndex, width);
        }
        return result;
    }

不出所料，鉴于Bing图像的高度为1080像素（而不是1920像素），这就是锁屏的样子：

enter image description here

而且，是的，创建锁定屏幕图像的自定义用户控件将其网格背景图像拉伸以填充：

        <Grid.Background>
            <ImageBrush 
                x:Name="Background"
                Stretch="Fill"/>
        </Grid.Background>

为了让Bing图像优雅地填满屏幕，我需要做些什么？也就是说，我不想对原始图像进行不成比例的调整（像素化），以使其与1080p手机的尺寸相匹配。

更新：我找到了当天Bing图像的另一张1080 x 1920照片（即精确尺寸为1080p手机锁屏）：http://www.bing.com//az/hprichbg/rb/BeaverMeadow_EN-US12190942812_1080x1920.jpg。

然而，使用它似乎并不能解决潜在的问题（注意：我没有从这个图像中裁剪任何东西，但是使用这个图像因为尺寸很完美）。见下文：

enter image description here

Answer 1

好的，这太傻了。在锁定屏幕用户控件的xaml中，我只需要增加Grid最后一行的高度：

        <Grid.RowDefinitions>
            <RowDefinition Height="auto"/>
            <RowDefinition Height="0"/>
            <RowDefinition Height="30"/>
            <RowDefinition Height="160"/> 
            <RowDefinition Height="18"/>  
            <RowDefinition Height="1920"/> 
        </Grid.RowDefinitions>

之前设定为900。

将1920 * 1080p照片缩放为1080p Windows Phone上的锁定屏幕图像

1 个答案: