新建一个MFC单文档应用程序，工程名为Graphic.
1.画点、直线、矩形、椭圆
在菜单上添加一个绘图弹出菜单，并添加点、直线、矩形、椭圆菜单项，ID分别为：IDM_POINT、IDM_LINE、IDM_RECTANGLE、IDM_ELLIPS，并分别添加命令消息响应，
编辑：
void CGraphicView::OnPoint() { // TODO: Add your command handler code here m_nDrawType=1; } void CGraphicView::OnLine() { // TODO: Add your command handler code here m_nDrawType=2; } void CGraphicView::OnRectangle() { // TODO: Add your command handler code here m_nDrawType=3; } void CGraphicView::OnEllpse() { // TODO: Add your command handler code here m_nDrawType=4; }
在CGraphicView类中添加私有的成员变量：
private: CPoint m_ptOrigin; UINT m_nDrawType;
并在构造函数中初始化：
CGraphicView::CGraphicView() { // TODO: add construction code here m_nDrawType=0;//初始化为0 m_ptOrigin=0;//将原点设置成（0，0） }
再在CGraphicView类上添加两个消息处理函数，WM_LBUTTONDOWN,WM_LBUTTONUP,编辑：
void CGraphicView::OnLButtonDown(UINT nFlags, CPoint point) { // TODO: Add your message handler code here and/or call default m_ptOrigin=point;//当鼠标左键按下时，将当前点保存到成员变量当中 CView::OnLButtonDown(nFlags, point); } void CGraphicView::OnLButtonUp(UINT nFlags, CPoint point) { // TODO: Add your message handler code here and/or call default CClientDC dc(this);
CPen pen(PS_SOLID,1,RGB(255,0,0));//创建画笔
dc.SelectObject(&pen);//将画笔选到设备描述表当中
CBrush *pBrush=CBrush::FromHandle
((HBRUSH)GetStockObject(NULL_BRUSH));//创建透明的画刷
dc.SelectObject(pBrush);//将画刷选到设备描环境当中 switch(m_nDrawType) { case 1: dc.SetPixel(point,RGB(255,0,0)); break; case 2: dc.MoveTo(m_ptOrigin); dc.LineTo(point); break; case 3: dc.Rectangle(CRect(m_ptOrigin,point)); break; case 4: dc.Ellipse(CRect(m_ptOrigin,point)); break; default: break; } CView::OnLButtonUp(nFlags, point); }
运行，OK !
2.给程序添加设置对话框
在对话框资源中新建一个对话框，ID: IDD_DIALOG_SETTING ,标题：Setting ,并添加一个静态文本控件(标题：线宽)和一个编辑框控件(ID: IDC_LINE_WIDTH)，双击新建一对话框控件，给它新增一个类(类名：CSettingDlg)，由于VC6.0本身的问题，这里要删除工程目录下的Graphic.clw文件，然后再打开class wizard…. 重新根据源文件建立一个类向导文件，取名仍就为Grahpic.clw。再给编辑框控件添加一个关联的UINT类型的成员变量m_nLineWidth.
再给CGraphicView类添加一个UINT类型的私有成员变量(取名也叫m_nLineWidth)，并在其构造方法中初始化：m_nLineWidth=0;
然后在CGraphicView类当中对话框IDM_SETTING添加一个COMMAND消息响应函数， 编辑：
void CGraphicView::OnSettiing()
{
// TODO: Add your command handler code here
CSettingDlg dlg;//设置一个CSettingDlg对象
dlg.m_nLineWidth=m_nLineWidth;
//将View类中先前保存的值传回到对话框变量
if(IDOK==dlg.DoModal())//如果选择是的OK按钮
{
m_nLineWidth=dlg.m_nLineWidth;//将用户输入的线宽保存到m_nLineWidth
}
}
并在CGraphicView::OnLButtonUp函数中把线宽改成m_nLineWidth替代：
void CGraphicView::OnLButtonUp(UINT nFlags, CPoint point) { // TODO: Add your message handler code here and/or call default CClientDC dc(this); CPen pen(PS_SOLID,m_nLineWidth,RGB(255,0,0));//创建画笔 ……………
………….
………….
}
OK ^_^ !!!
3.添加线型设置选项
在对话框中建一个组框(标题：线型)，并在组框内加三个单选按钮，标题分别为：实线，虚线，点线。并选中实线单选按钮的组属性，并给它添加一个int类型的成员变量m_nStyle 。
然后在CGraphicView::OnSettiing函数中编辑:
void CGraphicView::OnSettiing() { // TODO: Add your command handler code here CSettingDlg dlg;//设置一个CSettingDlg对象 dlg.m_nLineWidth=m_nLineWidth; dlg.m_nLineStyle=m_nLineStyle; //将View类中先前保存的值传回到对话框变量 if(IDOK==dlg.DoModal())//如果选择是的OK按钮 { m_nLineWidth=dlg.m_nLineWidth;//将用户输入的线宽保存到m_nLineWidth m_nLineStyle=dlg.m_nLineStyle; } }
在CGraphicView::OnLButtonU函数中修改：
void CGraphicView::OnLButtonUp(UINT nFlags, CPoint point) { // TODO: Add your message handler code here and/or call default CClientDC dc(this); CPen pen(m_nLineStyle,m_nLineWidth,RGB(255,0,0));//创建画笔 //因为组中的单选按实线，虚线，点线的值恰好是0,1,2,所以不需要作switch语句 .............. .............. .............. CView::OnLButtonUp(nFlags, point); }
4.创建一个颜色对话框
在资源的绘图菜单下，添加一个颜色菜单选项，并在CGrahpicView类中给它添加一个命令消息响应函数OnColor. 然后再在CGrahpicView类中添加一个COLORREF类型的私有的成员变量m_clr，
并在构造函数中将其初始化：
m_clr=RGB(255,0,0);//将颜色初始化为红色
在CGraphicView::OnColor函数中编辑：
void CGraphicView::OnColor() { // TODO: Add your command handler code here CColorDialog Dlg;//创建一个颜色对话框对象 Dlg.m_cc.Flags|=CC_RGBINIT|CC_FULLOPEN;//设置Dlg的标记，与它先前的标记组合起来 //CC_FULLOPEN是把颜色对话框完全展开 Dlg.m_cc.rgbResult=m_clr;//将View类的颜色值设置回颜色对话框去 if(IDOK==Dlg.DoModal()) { m_clr=Dlg.m_cc.rgbResult; } //DoModal:Call this function to display the Windows common color dialog box and allow the user to select a color. }
在CGraphicView::OnLButtonUp中修改：
void CGraphicView::OnLButtonUp(UINT nFlags, CPoint point) { // TODO: Add your message handler code here and/or call default CClientDC dc(this); CPen pen(m_nLineStyle,m_nLineWidth,m_clr);//创建画笔 //因为组中的单选按实线，虚线，点线的值恰好是0,1,2,所以不需要作switch语句 dc.SelectObject(&pen);//将画笔选到设备描述表当中 CBrush *pBrush=CBrush::FromHandle((HBRUSH)GetStockObject(NULL_BRUSH));//创建透明的画刷 dc.SelectObject(pBrush);//将画刷选到设备描环境当中 switch(m_nDrawType) { case 1: dc.SetPixel(point,m_clr); break; .......... .......... .......... } CView::OnLButtonUp(nFlags, point); }
OK !! ^_^
5.创建字体对话框
在资源的绘图菜单下，添加一个字体菜单选项，并在CGrahpicView类中给它添加一个命令消息响应函数OnFont. 然后再在CGrahpicView类中添加一个CFont类型的私有的成员变量m_font，和一个CString类型的私有成员变量m_strFontName,并在构造函数中将其初始化：m_strFontName="";
在CGraphicView::OnFont函数中编辑：
void CGraphicView::OnFont() { // TODO: Add your command handler code here CFontDialog dlg; if(IDOK==dlg.DoModal()) { if(m_font.m_hObject)//如果字体资源对象已存在 { m_font.DeleteObject();//就释放这种字体资源对象 } m_font.CreateFontIndirect(dlg.m_cf.lpLogFont);//再创建一种字体资源，并与之相关联 //CreateFontIndirect:This method initializes a CFont object with the characteristicsgiven in a LOGFONT structure pointed to by lpLogFont. m_strFontName=dlg.m_cf.lpLogFont->lfFaceName;//将字体的名字保存下来 Invalidate();//使窗口无效，下次WM_PAINT消息发送时，窗口就进行重绘 } }
将选择的字体的名字显示出来，在CGraphicView::OnDraw函数中编辑：
void CGraphicView::OnDraw(CDC* pDC) { CGraphicDoc* pDoc = GetDocument(); ASSERT_VALID(pDoc); // TODO: add draw code for native data here CFont *pOldFont=pDC->SelectObject(&m_font);//保存原来的字体 pDC->TextOut(0,0,m_strFontName);//将选择的字体的名字输出 pDC->SelectObject(pOldFont);//将原来的字体选择回去 }
运行， OK !!
6.在设置对话框中做示例
在IDD_DIALOG_SETTING对话框中，拖入一个组框(ID: IDC_SAMPLE,标题：示例)，然后再给IDC_LINE_WIDTH(编辑框)、IDC_RADIO1(实线单选按钮)、IDC_RADIO2、IDC_RADIO3分别添加EN_CHANGE、BN_CLICKED、BN_CLICKED、BN_CLICKED消息响应函数，并在这四个消息响应函数中都添加一句：Invalidate();使窗口无效，这样下次发送WM_PAINT消息，窗口便会重绘。这样就只需要在OnPaint函数中编写一处代码就行了。
接着，在CSettingDlg类上添加一个成员变量：
public:
COLORREF m_clr;//用来保存颜色值
并在构造函数中初始化：
m_clr=RGB(255,0,0);//初始化红色
同样，在CGraphicView::OnSettiing函数中也要修改：
void CGraphicView::OnSettiing() { // TODO: Add your command handler code here CSettingDlg dlg;//设置一个CSettingDlg对象 dlg.m_nLineWidth=m_nLineWidth; dlg.m_nLineStyle=m_nLineStyle; dlg.m_clr=m_clr; //将View类中先前保存的值传回到对话框变量 if(IDOK==dlg.DoModal())//如果选择是的OK按钮 { m_nLineWidth=dlg.m_nLineWidth;//将用户输入的线宽保存到m_nLineWidth m_nLineStyle=dlg.m_nLineStyle; } }
在CSettingDlg类上添加一个WM_PAINT消息响应函数，编辑：
void CSettingDlg::OnPaint() { CPaintDC dc(this); // device context for painting // TODO: Add your message handler code here //在这里完成示例线条的绘制 UpdateData();//将控件上的值反应到成员变量当中 CPen pen(m_nLineStyle,m_nLineWidth,m_clr); dc.SelectObject(&pen); CRect rect; GetDlgItem(IDC_SAMPLE)->GetWindowRect(&rect);//得到静态文本控件矩形区域的大小 ScreenToClient(rect);//将屏幕坐标转换成客户区坐标 dc.MoveTo(rect.left+12,rect.top+rect.Height()/2+3);//示例线条初始位置的坐标 dc.LineTo(rect.right-12,rect.top+rect.Height()/2+3);//示例线条末端坐标，加3是为了调整坐标 // Do not call CDialog::OnPaint() for painting messages }
7.改变对话框控件的背景色及文字颜色
修改整个对话框及其控件的背景色
设置对话框控件的背景色，在CSettingDlg类下添加一个WM_CTLCOLOR消息处理函数，并添加一个私有的成员变量：CBrush m_brush; 并在构造函数中初始化：
m_brush.CreateSolidBrush(RGB(0,0,255));//对画刷进行初始化，蓝色
然后在CSettingDlg::OnCtlColor函数中修改：
HBRUSH CSettingDlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor) { HBRUSH hbr = CDialog::OnCtlColor(pDC, pWnd, nCtlColor); // TODO: Change any attributes of the DC here // TODO: Return a different brush if the default is not desired //return hbr; return m_brush; }
修改某一个控件的背景色
对线型组框修改，首先将线型组框的ID改为：IDC_LINE_STYLE，并在CSettingDlg::OnCtlColor中编辑：
HBRUSH CSettingDlg::OnCtlColor(CDC* pDC, CWnd* pWnd, UINT nCtlColor) { HBRUSH hbr = CDialog::OnCtlColor(pDC, pWnd, nCtlColor); // TODO: Change any attributes of the DC here if(pWnd->GetDlgCtrlID()==IDC_LINE_STYLE)//匹配是否是线型组框 { pDC->SetTextColor(RGB(255,0,0));//设置组框文字颜色为红色 pDC->SetBkMode(TRANSPARENT); //设置文字的背景色为透明 return m_brush; //设置相匹配的控件的背景色 } if(pWnd->GetDlgCtrlID()==IDC_LINE_WIDTH)//匹配编辑框 { pDC->SetTextColor(RGB(255,0,0));//设置编辑框文字颜色为红色 pDC->SetBkMode(TRANSPARENT); //设置文字的背景色为透明 //pDC->SetBkColor(RGB(255,0,0));//设置文字背景色为蓝色 return m_brush; } // TODO: Return a different brush if the default is not desired return hbr; //return m_brush; }
8.修改控件的字体
在对话框中插入一个静态文本控件(ID:IDC_TEXT,标题：程序员)，再给CStringDlg类添加一个私有的成员变量m_font,并在构造函数中初始化：
m_font.CreatePointFont(200,"华文行楷");
在CSettingDlg::OnCtlColor添加：
if(pWnd->GetDlgCtrlID()==IDC_TEXT) //匹配程序员静态文本控件
{
pDC->SelectObject(&m_font); //设置字体
}
9.修改Button控件的背景色和文本颜色
修改OK按钮的文字颜色
先创建一个Button类，然后将CSetttingDlg这个对话框上的按钮控件与它关联。Insert -> new class -> (class type:MFC Class,name:CTestBtn,Base Class:CButton)如果这里出现问题了，可以重新建立那个Class wizard数据库文件。然后可以在CTestBtn上增加一个DrawItem虚函数，并添加以下代码：
void CTestBtn::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct) { // TODO: Add your code to draw the specified item UINT uStyle = DFCS_BUTTONPUSH; // This code only works with buttons. ASSERT(lpDrawItemStruct->CtlType == ODT_BUTTON); // If drawing selected, add the pushed style to DrawFrameControl. if (lpDrawItemStruct->itemState & ODS_SELECTED) uStyle |= DFCS_PUSHED; // Draw the button frame. ::DrawFrameControl(lpDrawItemStruct->hDC, &lpDrawItemStruct->rcItem, DFC_BUTTON, uStyle); // Get the button's text. CString strText; GetWindowText(strText); // Draw the button text using the text color red. COLORREF crOldColor = ::SetTextColor(lpDrawItemStruct->hDC, RGB(255,0,0)); ::DrawText(lpDrawItemStruct->hDC, strText, strText.GetLength(), &lpDrawItemStruct->rcItem, DT_SINGLELINE|DT_VCENTER|DT_CENTER); ::SetTextColor(lpDrawItemStruct->hDC, crOldColor); }
接下来，给OK按钮关联一个成员变量(variable name:m_bntTesm,Category:Control,Variable type:CTestBtn)，并在CSettingDlg.h头文件中包含：#include "TestBtn.h" 头文件。并将OK按钮的属性中的styles的own draw选项选中。运行，OK!
修改cancle按钮的背景色
创建一个基于CButton的类叫CSXBtn,并在这个类里插入一个DrawItem消息处理，编辑：
void CSXBtn::DrawItem(LPDRAWITEMSTRUCT lpDrawItemStruct) { UINT uStyle = BS_DEFPUSHBUTTON ;//DFCS_BUTTONPUSH; // This code only works with buttons. ASSERT(lpDrawItemStruct->CtlType == ODT_BUTTON); // If drawing selected, add the pushed style to DrawFrameControl. if (lpDrawItemStruct->itemState & ODS_SELECTED) uStyle |= DFCS_PUSHED; // Draw the button frame. ::DrawFrameControl(lpDrawItemStruct->hDC, &lpDrawItemStruct->rcItem ,DFC_BUTTON, uStyle); CDC* pDC = CDC::FromHandle(lpDrawItemStruct->hDC); // Get the button's text. CString strText; GetWindowText(strText); // Draw the button text using the text color red. CBrush B; CRect rect; CRect focusRect; focusRect.CopyRect(&lpDrawItemStruct->rcItem); DrawFocusRect(lpDrawItemStruct->hDC, (LPRECT)&focusRect); focusRect.left += 4; focusRect.right -= 4; focusRect.top += 4; focusRect.bottom -= 4; rect.CopyRect(&lpDrawItemStruct->rcItem); pDC->Draw3dRect(rect, ::GetSysColor(COLOR_BTNSHADOW), ::GetSysColor(COLOR_BTNHILIGHT)); B.CreateSolidBrush(RGB(0,255,0)); ::FillRect(lpDrawItemStruct->hDC,&rect, (HBRUSH)B.m_hObject); ::SetBkMode(lpDrawItemStruct->hDC,TRANSPARENT); COLORREF crOldColor = ::SetTextColor(lpDrawItemStruct->hDC, RGB(255,0,0)); ::DrawText(lpDrawItemStruct->hDC, strText, strText.GetLength(), &lpDrawItemStruct->rcItem, DT_SINGLELINE|DT_VCENTER|DT_CENTER); ::SetTextColor(lpDrawItemStruct->hDC, crOldColor); }
10.在窗口中贴图
步骤：1.创建位图
CBitmap bitmap;
Bitmap.LoadBitmap(IDB_BITMAP);
2.创建兼容DC
CDC dcCompatible;
dcCompatible.CreateCompatibleDC(pDC);
3.将位图选到兼容DC中
dcCompatible.SelectObject(&bitmap);
4.将兼容DC中的位图贴到当前DC中
pDC->BitBlt(rect.left,rect.top,rect.Weight(),
rect.Height(),&dcCompatible,0,0,SRCCOPY);
BitBllt: Copies a bitmap from the source device context to this current device context.
Insert -> 资源 -> Bitmap -> 引入一张位图，然后在CGraphicView类上添加一个WM_ERASEBKGND消息处理，
编辑：
BOOL CGraphicView::OnEraseBkgnd(CDC* pDC) //探除窗口 { // TODO: Add your message handler code here and/or call default CBitmap bitmap; bitmap.LoadBitmap(IDB_BITMAP1);//加载位图 BITMAP bmp;//定义一个BITMAP结构体变量 bitmap.GetBitmap(&bmp); //GetBitmap:to retrieve information about a CBitmap object. //This information is returned in the BITMAP structure referred to by pBitmap. CDC dcCompatible; dcCompatible.CreateCompatibleDC(pDC);//创建兼容DC dcCompatible.SelectObject(&bitmap);//将位图选到兼容DC CRect rect; GetClientRect(&rect); //pDC->BitBlt(0,0,rect.Width(),rect.Height(),&dcCompatible,0,0,SRCCOPY); //将兼容DC中的位图贴到当前DC中 pDC->StretchBlt(0,0,rect.Width(),rect.Height(),&dcCompatible, 0,0,bmp.bmWidth,bmp.bmHeight,SRCCOPY); //以上的代码也可以移到OnDraw函数当中,也可以实现这个功能 //OnEraseBkgnd函数: Nonzero if it erases the background; otherwise, it is zero. //return CView::OnEraseBkgnd(pDC);//不能再调用基类的擦除背景函数 return TRUE; }
OK, ^_^ !
练习：
创建一个CDialogBar,然后在CDialogBar上排放一些控件，如放置一个编辑框和列表框，改变编辑框的背景颜色和文字的颜色以及DialogBar本身的背景色；另外要求在列表当中显示一张位图。
