《实用VC编程之玩转控件》第10课：Picture图像控件

本文转载自：VC驿站

https://www.cctry.com/thread-297441-1-1.html

Picture图像控件顾名思义，是用来显示图片用的，那么很多新手学员在拖拽了一个Picture控件到对话框界面上之后不知道怎么使用了。接下来就给大家介绍一下！
 

1、Picture控件加载静态BMP图片资源：
a、向工程中插入一个BMP类型的图片资源，例如，ID为：IDC_BITMAP1
b、在Picture控件的Type属性下拉框中选择Bitmap；
c、在Picture控件的Image属性下拉框中选择BMP资源ID为IDC_BITMAP1即可。

Type属性下拉列表中有8种类型，下面分别介绍下：
Frame：显示一个无填充的矩形框，边框颜色可以通过Color属性的下拉列表设定
Etched Horz：显示一条横分割线
Etched Vert：显示一条竖分割线
Rectangle：显示一个填充的矩形框，矩形颜色可通过Color属性的下拉列表设定
Icon：显示一个图标（Icon），图标通过Image下拉列表来设置图标资源ID
Bitmap：显示一个位图（Bitmap），位图通过Image下拉列表来设置位图资源ID
Enhanced Metafile：显示一个加强的元数据文件（Metafile）
Owner Draw：自绘

2、Picture控件通过代码的方式动态加载BMP图片资源：

CBitmap bitmap;  // CBitmap对象，用于加载位图
bitmap.LoadBitmap(IDB_BITMAP1);  // 将位图IDB_BITMAP1加载到bitmap
HBITMAP hBmp = (HBITMAP)bitmap.GetSafeHandle();  // 获取bitmap加载位图的句柄
m_PicCtrl.SetBitmap(hBmp);    // 设置图片控件m_PicCtrl的位图图片为IDB_BITMAP1

或者：

HBITMAP hBitmap = ::LoadBitmap(AfxGetInstanceHandle(),
MAKEINTRESOURCE(IDB_BITMAP1));
m_PicCtrl.SetBitmap(hBitmap);

3、Picture控件加载磁盘上面的BMP图片：

HBITMAP hBitmap = (HBITMAP)::LoadImage(AfxGetInstanceHandle(), TEXT("D:\\test.bmp"), IMAGE_BITMAP, 50, 50, LR_DEFAULTCOLOR | LR_LOADFROMFILE | LR_CREATEDIBSECTION);
m_PicCtrl.SetBitmap(hBitmap);

分析：
加载的图片在当前EXE的模块外
可以指定图片大小，如上图中的50, 50，若实际大小和此不相符，会自动缩放图片
LR_DEFAULTCOLOR — 指定按照原图的颜色加载图片，不可少
LR_LOADFROMFILE — 加载外部的Bitmap，一定要指定
LR_CREATEDIBSECTION — 一般会指定
如若按照图片本身的大小加载，则设置cx,cy为0,0，并且在最后的标志位加上|LR_DEFAULTSIZE
注意：从网上下载的Bitmap图片可能用上面的方法加载失败，返回的HBITMAP为NULL，GetLastError()返回0，这个一般是图片格式的问题，可以用Windows的画图程序打开Bitmap再另存为24位位图的bmp格式就可以了。

4、Picture控件加载 png、jpg 等常用格式图片：
默认情况下，Picture控件只能显示BMP类型的图像，因为BMP文件格式是微软自家的。但是bmp这个确实不是很常用，或者说针对 png、jpg、gif 等文件类型来说 bmp 不常用。那么Picture控件如何来显示我们常用的 png、jpg 等图像格式呢？这里要借助微软的ATL中的一个类：CImage（VC6用不了，VC6可以考虑使用开源的 CxImage）

代码如下：

CImage image;
image.Load(_T("fp_scan.png"));
HBITMAP hBmp = image.Detach();
m_PicCtrl.SetBitmap(hBmp);
m_PicCtrl.SetWindowPos(NULL, 0, 0, 48, 48, SWP_NOACTIVATE | SWP_NOMOVE | SWP_NOZORDER);

5、开源控件类：
https://www.codeproject.com/Arti ... ically-show-picture
An MFC picture control to dynamically show pictures in a dialog

https://www.codeproject.com/Arti ... anced-Image-Control
 

具体操作细节见视频教程的演示和讲解！

6、小作业：
自己实现利用Picture图像控件显示 icon 图标类型的文件。

第10课免费试看，下载地址：

https://www.cctry.com/thread-297441-1-1.html