我想使用当天的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像素),这就是锁屏的样子:
而且,是的,创建锁定屏幕图像的自定义用户控件将其网格背景图像拉伸以填充:
<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。
然而,使用它似乎并不能解决潜在的问题(注意:我没有从这个图像中裁剪任何东西,但是使用这个图像因为尺寸很完美)。见下文:
答案 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。