Windows Phone 7 中的 Image 使用技巧

如果你正在开发Windows Phone的app,图片应该是必不可少的一个元素。使用图片的方式一般很简单,直接将Image的URI设置成你的图片URI就可以了,但是有很多小细节你需要知道,尤其是当你想优化你的程序性能的时候,比如内存占用等。这些技巧对silverlight的桌面应用同样有效,但是对Windows Phone来说更为重要。

 

1、JPEG vs PNG

①当你在JPEG和PNG之间做选择的时候,所有的不透明图片都应该选择jpg格式,因为wp7上的jpg解码器比png的解码器快了很多。

②当你需要透明图片的时候,只能选择png格式,因为jpg不支持透明。

 

2、Resource vs Content

将图片文件的“生成”属性设置成“资源”或者“内容”会有很大的不同

①Resource:图片文件将会集成到xap中的dll文件中

②Content:图片将会和dll一起被打包到xap中,作为一个实际的图片文件存在。

xap文件可以选择“打开方式”用winrar打开,或者把它改名为*.zip|*.rar再直接打开或解压,就可以看到其中的文件结构。

当你的app很大的时候,将很多图片的Build设置成“Resource”的时候,图片都会集成到dll中,这种情况下,app启动的时间会很长,但是,一旦这些图片被加载,访问图片时速度会比直接从disk上访问快的多(设置成“Content”)。因此,当你需要快速启动的时候,请将图片的Build属性设置成内容,否则,将其设置成资源。

另外:Image 设置URI的方式略有不同

Content: <ImageSource="/ImagesAsContent/smiley1.png"/> 

Resource:<ImageSource="..\ImagesAsResource\smiley3.png"/> 或者是/ImagesAsContent/smiley1.png>

 

3、图片的同步和异步加载

当你在code-behind代码中设置图片source 的时候,一般有两种方式

 1、 BitmapImage.UriSource = uriSource; // 异步加载

 2、  BitmapImage.SetSource(stream);     // 同步加载

注意:这里说的异步并不是真正的异步加载图片,而是说图片的解码和UI线程并行。

①同步加载非法图片,会抛出异常

②异步加载非法图片,会触发ImageFailed事件(如果你订阅了这个事件)

③异步加载合法图片,图片加载完成时ImageOpened事件会被触发

④同步加载合法图片,ImageOpened事件不会被触发

 

4、图片缓存(Image Caching)

①为了防止重复对图片加载和解码,我们在内存中维持一个缓存来复用图片,和浏览器下载文件的缓存不要混淆。

②要注意,缓存中的图片不要过多,不要超过app的生命周期中要使用的内存(90M),对不再使用的图片要通过以下方式及时删除

BitmapImage bitmapImage = image.Source as BitmapImage;
bitmapImage.UriSource = null;
image.Source = null;

 

5、BitmapCreateOption

①Bitmap被创建时,默认的创建选项为“延迟创建”,即:知道图片被真正使用时才会被创建,所以在没有被创建之前是无法取到他的真实的size的。这个选项可以节省CPU&GPU,直到app启动,图片被真正加载的时候。

②可以把BitmpaCreateOption设置成null,强制其立即创建。

③IgnoreImageCache选项在大多数实际项目中都没用,但是在设计工具(如blend)中会用到

 

6、自定义解码

Image的api通常会按照图片的原始格式进行解码,当你需要是用缩略图时,可以使用自定义解码来减少CPU&GPU的占用:

image.Source = PictureDecoder.DecodJpeg(jpgStream, 192,256)

***在目前版本的API中,有一个bug,高和宽的参数搞反了,用的时候只需要交换传递即可。

 

7、Auto Downsampling

element的大小最大不超过2048*2048(WP7下,PC的SL没有这个限制)

图片不要超过2048*2048,否则wp平台会自动压缩图像(降低采样率)以适应2048*2048的限制

 

原文地址

示例代码

你可能感兴趣的:(UWP)