MFC 基础知识:对话框背景添加图片和按钮Button添加图片

简介:

        很长时间没有接触MFC相关的知识了,我大概是在大二时候学习的MFC相关知识及图像处理,现在由于要帮个朋友完成个基于C++的程序,所以又回顾了下相关知识。的确,任何知识一段时间过后都比较容易忘记,但回顾起来还是很有印象的。
        这篇文章主要是回顾以前的MFC基础知识,给对话框添加背景图片和给按钮button添加背景图片;希望此篇基础性文章对大家有所帮助!同时为下次做MFC相关知识提供点此时所想所感吧。内容比较简单,高手飘过~

一. 对话框背景添加图片

        首先通过VS2012创建MFC对话框应用程序,项目名为RecoveryMovie;然后在资源视图中打开Dialog,即IDD_RECOVERYMOVIE_DIALOG,再编辑对话框删除默认内容。
        第二步右键“资源视图”中的项目名称,添加资源。



        第三步添加选择Bitmap导入图片,图片文件最好放在项目res目录中,同时是BMP格式图片。上传后的图片如下图所示IDB_BITMAP1。

  
        第四步打开“解决方案”中XXXDlg.cpp文件(该对话框对应的源文件),找到OnPaint()函数,修改else部分代码,如下:
	else
	{
		//注释该语句:防止重复调用重画函数
		//CDialogEx::OnPaint();

		//添加代码对话框背景贴图
		CPaintDC   dc(this);   
		CRect   rect;   
		GetClientRect(&rect);                                 //获取对话框长宽       
		CDC   dcBmp;                                           //定义并创建一个内存设备环境
		dcBmp.CreateCompatibleDC(&dc);                         //创建兼容性DC
		CBitmap   bmpBackground;   
		bmpBackground.LoadBitmap(IDB_BITMAP1);                 //载入资源中的IDB_BITMAP1图片
		BITMAP   m_bitmap;                                     //图片变量                
		bmpBackground.GetBitmap(&m_bitmap);                    //将图片载入位图中
		CBitmap   *pbmpOld=dcBmp.SelectObject(&bmpBackground); //将位图选入临时内存设备环境  
		//调用函数显示图片 StretchBlt显示形状可变
		dc.StretchBlt(0,0,rect.Width(),rect.Height(),&dcBmp,0,0,
			m_bitmap.bmWidth,m_bitmap.bmHeight,SRCCOPY);   	

		/******************************************************/
		/** StretchBlt()                                     **/
		/** 参数x、y位图目标矩形左上角x、y的坐标值 居中      **/
		/** nWidth、nHeigth位图目标矩形的逻辑宽度和高度      **/
		/** pSrcDC表示源设备CDC指针                          **/
		/** xSrc、ySrc表示位图源矩形的左上角的x、y逻辑坐标值 **/
		/** dwRop表示显示位图的光栅操作方式                  **/
		/** SRCCOPY用于直接将位图复制到目标环境中            **/
		/******************************************************/
	}


        此时运行程序即可显示背景图片,同时你拉伸对话框时可能会出现闪动Bug。
        因此你可以设置Dialog的属性Border为Dialog Frame(对话框外框),默认的Resizing是可以调控大小的。
        注意:如果图像出现失贞,添加代码如下:
dc.SetStretchBltMode(COLORONCOLOR);// 若不设置这个模式,图片会严重失真
dc.StrtchBlt....

二. 按钮BUTTON添加背景图片

        首先在“资源视图”中给Dialog添加3个按钮,分别为IDC_BUTTON1、IDC_BUTTON2和IDC_BUTTON3,如下图所示:

        第二步按照前面的方法添加资源:按钮背景图片,即“播放视频”图片。添加后在资源视图中选中图片资源,点击属性可以修改ID值。如下图所示,把IDB_BITMAP2修改为IDB_StartMovie1。
 
        第三步通过快捷键(Ctrl+Shift+X或视图->类向导)打开“类向导”,选择类名为CRecoverMovieDlg,在成员变量中点击添加变量,如下图添加3个按钮的成员变量。



        此时你会发现在XXXDlg.cpp中函数DoDataExchange()中会自动增加下面DDX_Control()的代码:
void CRecoveryMovieDlg::DoDataExchange(CDataExchange* pDX)
{
	CDialogEx::DoDataExchange(pDX);
	DDX_Control(pDX, IDC_BUTTON1, m_buttonstart);
	DDX_Control(pDX, IDC_BUTTON2, m_buttonfix);
	DDX_Control(pDX, IDC_BUTTON3, m_buttonexit);
}
        第四步在XXXDlg.cpp中找到初始化函数OnInitDialog(),在“// TODO:在此添加额外的初始化代码”中添加如下代码:
	// TODO: 在此添加额外的初始化代码

	//初始化窗口 设置窗口为500*500大小
	MoveWindow(0,0,500,500);  

	/*******************************************************************************/
	/* (重点知识:实现按钮位置设置)                                                 */
	/*    1.使用Ctrl+Shift+X打开类资源导向 增加开始\结束按钮的成员变量 Button型    */
	/*    2.使用函数SetWindowPos()设置两个按钮的位置                               */
	/*******************************************************************************/

	/*******************************************************************************/
	/* SetWindowPos()函数                                                          */
	/*		参数:const CWnd* pWndInsertAfter,int x,int y,int cx,int cy,UINT nFlags */
	/*      hwnd是窗口的句柄,x、y、cx、cy分别是窗口的x和y坐标、宽和高度           */
	/*      hWndInsertAfter用来指定窗口的Z位置,代表深度.这个参数接受5种值:         */
	/*  HWND_BOTTOM、 HWND_NOTOPMOST、HWND_TOP、HWND_TOPMOST或者另一个窗口的句柄   */
	/*      wFlags用来指定附加的选项                                               */
	/*******************************************************************************/

	//窗口句柄设置为NULL SWP_SHOWWINDOW显示窗口  SWP_NOSIZE保持当前大小忽略cx\xy故设置为0
	m_buttonstart.SetWindowPos(NULL,20,280,0,0,SWP_SHOWWINDOW|SWP_NOSIZE);   
	m_buttonfix.SetWindowPos(NULL,20,325,0,0,SWP_SHOWWINDOW|SWP_NOSIZE);  
	m_buttonexit.SetWindowPos(NULL,20,370,0,0,SWP_SHOWWINDOW|SWP_NOSIZE);  

	//设置按钮属性 点击按钮背景图片变换
	m_buttonstart.LoadBitmaps(IDB_StartMovie1,IDB_StartMovie2);
	m_buttonfix.LoadBitmaps(IDB_StartMovie1,IDB_StartMovie2);
	m_buttonexit.LoadBitmaps(IDB_StartMovie1,IDB_StartMovie2);

	return TRUE;  // 除非将焦点设置到控件,否则返回 TRUE
       此时你运行程序会出现如下错误:Error class "CButton"没有成员“LoadBitmaps”。函数LoadBitmaps()的功能是点击按钮实现两张背景图片的替换。

        第五步需要在XXXDlg.h头文件中把public成员变量CButton全部修改为CBitmapButton,如下图为修改第一个变量所示:
// CRecoveryMovieDlg 对话框
class CRecoveryMovieDlg : public CDialogEx
{
// 构造
public:
	CRecoveryMovieDlg(CWnd* pParent = NULL);	// 标准构造函数

// 对话框数据
	enum { IDD = IDD_RECOVERYMOVIE_DIALOG };

	protected:
	virtual void DoDataExchange(CDataExchange* pDX);	// DDX/DDV 支持

// 实现
protected:
	HICON m_hIcon;

	// 生成的消息映射函数
	virtual BOOL OnInitDialog();
	afx_msg void OnSysCommand(UINT nID, LPARAM lParam);
	afx_msg void OnPaint();
	afx_msg HCURSOR OnQueryDragIcon();
	DECLARE_MESSAGE_MAP()
public:
	CBitmapButton m_buttonstart;
	CBitmapButton m_buttonfix;
	CBitmapButton m_buttonexit;
};
        第六步:此时虽然你能运行程序,但是按钮背景依然没有,因为你还需要分别设置三个按钮的属性“Owner Draw”为True,它指定按钮为所有者描述的按钮。
        运行结果如下图所示:
 
        最后希望文章对大家有所帮助,如果文章中有不足之处或错误的地方,还请海涵!个人推荐初学者尤其很多老师布置作业需要用MFC完成的可以学习,没有什么语言流行,它们都是贯通的,都需要一步一个脚印的去学习。
        (By:Eastmount 2015-4-27 深夜3点   http://blog.csdn.net/eastmount/

目录
相关文章
|
6月前
|
Java Android开发
Android Studio入门之按钮触控的解析及实战(附源码 超详细必看)(包括按钮控件、点击和长按事件、禁用与恢复按钮)
Android Studio入门之按钮触控的解析及实战(附源码 超详细必看)(包括按钮控件、点击和长按事件、禁用与恢复按钮)
688 0
|
API 计算机视觉
Qt实用技巧:自定义窗口标题栏
Qt实用技巧:自定义窗口标题栏
Qt实用技巧:自定义窗口标题栏
|
4月前
|
前端开发 JavaScript
Elementplus如何使面包屑往左边移动,右边头像下拉菜单如何写,下拉菜单如何靠中一点,下拉菜单出现文字不对齐怎么办,如何设置鼠标样式,如何使用阿里妈妈icon,如何点击icon全屏
Elementplus如何使面包屑往左边移动,右边头像下拉菜单如何写,下拉菜单如何靠中一点,下拉菜单出现文字不对齐怎么办,如何设置鼠标样式,如何使用阿里妈妈icon,如何点击icon全屏
Elementplus如何使面包屑往左边移动,右边头像下拉菜单如何写,下拉菜单如何靠中一点,下拉菜单出现文字不对齐怎么办,如何设置鼠标样式,如何使用阿里妈妈icon,如何点击icon全屏
|
计算机视觉
Qt实用技巧:QWidget中QPushButton成为可点击的图标(实现全透明,不论点击与否都只显示Icon)
Qt实用技巧:QWidget中QPushButton成为可点击的图标(实现全透明,不论点击与否都只显示Icon)
PyQt5 技术篇-鼠标移动控件显示提示,Qt Designer控件提示设置方法。
PyQt5 技术篇-鼠标移动控件显示提示,Qt Designer控件提示设置方法。
1040 0
PyQt5 技术篇-鼠标移动控件显示提示,Qt Designer控件提示设置方法。
PyQt5 技巧篇-按钮竖排显示方法,Qt Designer设置按钮竖排显示。
PyQt5 技巧篇-按钮竖排显示方法,Qt Designer设置按钮竖排显示。
675 0
PyQt5 技巧篇-按钮竖排显示方法,Qt Designer设置按钮竖排显示。
|
程序员 开发工具 C语言
Qt编写自定义控件47-面板区域控件
一、前言 在很多web网页上,经常可以看到一个设备对应一个面板,或者某种同等类型的信息全部放在一个面板上,该面板还可以拖来拖去的,这个控件首次用在智能访客管理平台中,比如身份证信息一个面板,访客信息一个面板,被访人信息一个面板,这样相当于分类展示了,还提供了对应的标题栏有文字显示,这个控件的使用场景也是非常多,还有个子标题可以设置,拓展了报警闪烁的接口。
1230 0
Qt编写自定义控件27-颜色按钮面板
一、前言 颜色按钮面板主要用在提供一个颜色按钮面板,用户单击某个按钮,然后拿到对应的颜色值,用户可以预先设定常用的颜色集合,传入到控件中,自动生成面板颜色集合按钮,每当滑过按钮的时候,按钮边缘高亮提示当前所在颜色的按钮,当选中某个按钮时,右侧颜色条显示当前选中的颜色,此控件功能极其简单,直接采用动态生成按钮的方式,设置按钮的样式表来设置对应的颜色和高亮边框等,单击按钮发出颜色改变信号即可,对外提供该信号就行,非常适合初学者学习。
1067 0