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

时间:2014-11-05 00:02:20

标签: windows-phone-8 windows-phone scaling lockscreen image-scaling

我想使用当天的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

1 个答案:

答案 0 :(得分:0)

好的,这太傻了。在锁定屏幕用户控件的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。