示例:WPF中使用DecodePixelHeight和DecodePixelWidth优化Image性能

已于 2024-06-17 19:03:55 修改
阅读量452 收藏 10
点赞数 5
分类专栏： WPF 文章标签： wpf
于 2024-06-17 19:02:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/u010975589/article/details/139752035
版权

一、目的：在使用Image控件时，如果图片太大或者图片数量过多时加载出来的程序内存会非常的大，但一般图片多时我们只要预览缩略图就可以，查看时再显示原图，这个时候需要通过通过设置BitmapImage的DecodePixelHeight和DecodePixelWidth属性来优化图片性能


二、实现

如下图分别是原图，DecodePixelHeight=200 150 100 50 20的显示效果，当做缩略图时设置一个合理的值可以在内存和清晰度上面做均衡

三、环境


VS2022

四、示例

具体实现方式如下

   <Image>
       <Image.Source>
           <BitmapImage DecodePixelHeight="50" UriSource="2.jpg"/>
       </Image.Source>
   </Image>

 DecodePixelHeight="50"就是设置50Pixel的效果，通常DecodePixelHeight和DecodePixelWidth只设置一个就可以了，这样可以保证比例正确

五、需要了解的知识点

BitmapImage.DecodePixelHeight Property (System.Windows.Media.Imaging) | Microsoft Learn 

BitmapImage 类 (System.Windows.Media.Imaging) | Microsoft Learn

Image 类 (System.Windows.Controls) | Microsoft Learn

六、源码地址

GitHub - HeBianGu/WPF-ControlDemo: 示例

GitHub - HeBianGu/WPF-ControlBase: Wpf封装的自定义控件资源库

GitHub - HeBianGu/WPF-Control: WPF轻量控件和皮肤库

七、了解更多

System.Windows.Controls 命名空间 | Microsoft Learn

https://github.com/HeBianGu

HeBianGu的个人空间-HeBianGu个人主页-哔哩哔哩视频

He BianGu
关注
  • 5
    点赞
  • 踩
  • 10
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
WPF Image OpacityMask示例
10-21
在这个示例中，我们将深入探讨如何使用 `OpacityMask` 属性来为 `Image` 控件创建复杂的透明效果。 首先，`OpacityMask` 是一个 `Brush` 对象，它可以是各种类型的画刷，如 `SolidColorBrush`、`...
示例：WPF动态窗口内容切换
12-30
WPF窗口内容动态切换。我第一次喜欢上WPF的原因是WPF窗口切换，操作超级简单、超级方便。从此，就成了WPF的铁粉，WPF中的每一项新的特征，都会让你拍案叫绝。...此技巧在我的作品中，大量使用，也供你借鉴。
在 WPF 中使用 BitmapImage 类时，要注意内存占用可能会持续走高的一个问题
君子居易
07-23 1803
如果通过 BitmapImage 类不断的打开图片文件（在窗口中加载很多图片，尤其是大体积图片的话），会使 WPF 程序的内存占用持续走高，直到内存耗尽报出异常。 通过内存跟踪查看，占用过多的都是 Unmanaged 部分，并不是 .net 对象。 暂时还没有探索到具体原因，目前看到一个比较有效的方法就是在加载图片完成后 调用 BitmapImage 对象的 Freeze 方法，虽然一开始内存仍然会持续走高 但是在内存即将耗尽或下次内存回收时，会根据情况释放之前占用的过多内存，不会一直持续走高直到耗
解决WPF图片模糊最佳方法（绑定PixelWidth与PixelHeight）
wangchaoqi1985的博客
07-12 231
解决WPF图片模糊最佳方法（绑定PixelWidth与PixelHeight）
WPF 基础（十三）Bitmap、BitmapImage、Image的区别。BitmapImage、Bitmap、byte[]之间的相互转化。Bitmap存储图片到本地。
xpj8888的博客
03-08 2万+
一、简介 1、Bitmap（Bitmap类、.bmp格式） 1.1、Bitmap是什么类型文件？ 参考：https://blog.csdn.net/wander_wang/article/details/38661653 BMP（全称Bitmap）是Windows操作系统中的标准图像文件格式，可以分成两类：设备相关位图（DDB）和设备无关位图（DIB），使用非常广。它采用位映...
WPF高性能绘图的方法
lweiyue的专栏
05-06 1万+
如果我们只需要在画布中摆放少量的图形元素，那么直接使用Line、Rectangle这些对象是没有问题的。但当我们的图形元素数量巨大（比如说10万个），或是刷新频繁（比如说50毫秒刷新一次）时，WPF就会消耗大量的资源和出现卡顿的现象。为了解决这个问题，我们使用WriteableBitmap，用它作为绘图的基础画布。使用过GDI+的同学应该都听过双缓存，也就是我们先把复杂的绘图过程写到内存里，然后把...
C# wpf之图片加载遇到的坑
Mr_WTX的博客
12-31 424
场景是，在page的loaded方法里加载大量的图片。开始是显示了前面几张后面就是空的，然而后面设置了(bitmapimage)bitmap.DecodePixelWidth=800后图片都显示出来了。这是为什么？
WPF中使用Image控件元素显示图片文件和内存Bitmap位图的方式
热门推荐
就在昨天之技术点滴
07-30 4万+
WPF中显示图片的控件为Image控件。以下分别介绍显示图片文件和内存位图的使用方法，主要介绍如何赋予Image对象的Source属性值。 （一）使用图片文件 方式一： &lt;Image Width="320"  Source="D:\\xxx.jpg"/&gt; 方式二： &lt;Image Width="320"&gt;       &lt;Image.Source&gt;    ..
示例：WPF按钮背景切换
12-30
在WPF中，Button控件的背景图片更换的示例代码。查了不少资料，然后走了不少弯路，终于找到了一个可行的解决方案。写了一个简单的示例，里面添加了详细的注释。如果你正好在想办法给控件动态换背景，这个就正好适合...
Prism-Samples-Wpf:演示如何在WPF中使用各种Prism功能的示例
05-26
演示如何在WPF中使用各种Prism功能的示例。 如果您刚开始使用Prism，建议您从第一个示例开始，然后按顺序（按顺序）从列表中移出。 每个样本都基于先前样本的概念。 话题 描述 创建一个基本的引导程序和外壳 创建...
WPF中使用SignalR 进行双向通信完整示例
03-30
WPF中使用SignalR 进行双向通信 基于(.net 6)
WPF 设置图片的分辨率DPI
YouyoMei的博客
03-01 2888
WPF 修改图片的分辨率/DPI 在WPF中，当使用到PNG之类的图片作为背景时。我发现一个问题：图片属性（Windows）的宽、高相同的两张图片在WPF界面上显示却大小不一。如下图所示。 在后台应用程序调试时发现，两个图片的DPI不一致。 2.png 3.png 百度了下，网友提供了三种解决方法： 创建 BitmapImage 对象，根据当前屏幕的 DPI 值计算 DecodePixe...
WPF路径转换为图片（考虑内存泄漏问题）
最新发布
weixin_45526252的博客
09-05 1032
在WPF框架中，使用BitmapImage经常会导致内存释放不干净，占用内存过大的问题。
【C#/WPF】修改图像的DPI、Resolution
weixin_33810302的博客
04-21 646
问题： WPF中默认使用的图像的DPI是96。如果我们使用的图素的DPI不是96时（比如是72），那么WPF会把图片的DPI自动改为96，导致图像加载出来的实际大小Width和Height会比想要的大（原图显示大小会是实际图大小的72/96 = 3/4），比如图片会在Image控件内显示超框了。 如何发现问题的： 这个问题是Debug中从Bitmap身上的HorizontalResoluti...
WPF中加载高分辨率图片性能优化
weixin_34234721的博客
11-02 439
在最近的项目中，遇到一个关于WPF中同时加载多张图片时，内存占用非常高的问题。 问题背景： 在一个ListView中同时加载多张图片，注意：我们需要加载的图片分辨率非常高。 代码： XAML: <Grid> <Grid.RowDefinitions> <RowDefinition Height="Aut...
WPF- 图像的旋转、转换、裁剪和拉伸
lpy1016lc的专栏
02-11 1万+
WPF- 图像的旋转、转换、裁剪和拉伸 （前台） 通过 WPF，用户可以使用 BitmapImage 的属性或使用其他 BitmapSource 对象（如 CroppedBitmap 或 FormatConvertedBitmap）来转换图像。上述图像转换可以缩放或旋转图像、更改图像的像素格式或裁切图像。 第9章习题有关WPF习题中用到的图像源可以从本博客的相册《第9章习题WPF习
wpf Image动态加载图片终极解决办法
alohaCPP的专栏
11-25 1万+
// Create source BitmapImage myBitmapImage = new BitmapImage(); // BitmapImage.UriSource must be in a BeginInit/EndInit block myBitmapImage.BeginInit(); myBitmapImage.UriSource = new Uri(str, UriKin
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值