VC++案例教程：第5章 圖形圖像

1、第5章圖形設備接口（繪圖）河北經(jīng)貿(mào)大學信息技術學院2008年12月VC+案例教程VC+案例教程 北大出版社教學目標 了解設備環(huán)境和圖形設備接口（GDI）的基本概念；掌握常用GDI對象的使用方法；掌握如何繪制圖形和輸出文本。VC+案例教程 北大出版社案例介紹 在很多情況下，你可能需要輸出不同格式的文本，或者你希望顯示或瀏覽一些漂亮的背景圖片，或者你還希望繪制出自己喜歡的圖形。本章將通過一個繪制時鐘案例，介紹VC+中常用的繪圖工具和繪圖操作。案例運行效果如圖5.1所示。 VC+案例教程 北大出版社5.1 圖形設備接口 5.1.1 GDI GDI負責系統(tǒng)與用戶或繪圖程序之間的信息交換，并控制在輸出設

2、備上顯示圖形或文字， 是Windows系統(tǒng)的重要組成部分。MFC的CDC類對GDI函數(shù)進行了全面的封裝，使用CDC類可以方便的完成圖形與文本的操作VC+案例教程 北大出版社5.1.2 設備環(huán)境類（CDC） 常用的設備環(huán)境類CDCCClientDCCWindowDCCPaintDCCDC的內(nèi)容 當前GDI繪圖對象及其管理 映射模式 繪圖操作 VC+案例教程 北大出版社5.1.3 設備環(huán)境的使用在視圖類的OnDraw()函數(shù)中 使用設備環(huán)境類的對象使用GetDC( )函數(shù)獲取設備環(huán)境VC+案例教程 北大出版社5.2 CDC類概述 5.2.1 常用的GDI對象5.2.1.1 CPen類 5.2.1.

3、2 CBrush類 5.2.1.3 CFont類 5.2.1.4 CBitmap類 5.2.1.5 CRgn類 VC+案例教程 北大出版社5.2.1.1 CPen類 畫筆用來畫線及繪制有形邊框。Windows提供了兩種筆：裝飾筆和幾何筆。裝飾筆用設備單位畫線，不考慮當前映射模式；幾何筆則用邏輯單位畫線，受當前映射模式的影響 庫存畫筆庫存畫筆由Windows操作系統(tǒng)提供，用戶可以直接使用。庫存畫筆有三種：BLACK_PEN（黑色畫筆）、WHITE_PEN（白色畫筆）和NULL_PEN（空畫筆）。如果要使用這些畫筆，只需調(diào)用CDC類的的成員函數(shù)SelectStockObject()即可 VC+案例

4、教程 北大出版社自定義畫筆創(chuàng)建畫筆：兩種方法一：使用CPen類的帶參構造函數(shù)定義畫筆對象 二：使用CPen類的無參構造函數(shù)定義畫筆對象，再調(diào)用CreatePen()函數(shù)創(chuàng)建指定畫筆。裝載畫筆：SelectObject() 還原畫筆：SelectObject() 和DeleteObject() VC+案例教程 北大出版社5.2.1.2 CBrush類 畫刷是Windows編程時用來填充控件、窗口或其他區(qū)域的GDI對象。1. 庫存畫刷庫存畫刷由Windows操作系統(tǒng)提供，用戶可以通過CDC類的成員函數(shù)SelectStockObject()將庫存畫刷選入設備環(huán)境。庫存畫刷有：BLACK_BRUSH(

5、黑色畫刷)、DKGRAY_BRUSH(深灰色畫刷)、GRAY_BRUSH(灰色畫刷)、LTGRAY_BRUSH淺灰色畫刷、NULL_BRUSH(空畫刷，即內(nèi)部不填充)和WHITE_BRUSH(白畫刷)。 VC+案例教程 北大出版社自定義畫刷 實心畫刷：與實心畫筆相似，可以通過COLORREF在創(chuàng)建畫刷時設置顏色。CreateSo1idBush()陰影畫刷：用預定義陰影圖案來填充區(qū)域。CreateHatchBrush () 位圖畫刷：用88的位圖填充區(qū)域。 CreatePatternBrush () VC+案例教程 北大出版社5.2.1.3 CFont類構造CFont類對象: CFont fon

6、t; 創(chuàng)建CFont類對象: CreateFont()選入CFont類對象: SelectObject();VC+案例教程 北大出版社創(chuàng)建字體BOOL CreateFont (int nHeight, /字體高度，0采用系統(tǒng)默認值，使用邏輯單位 int nWidth, /字體寬度，取0則由系統(tǒng)根據(jù)高寬比取最佳值 int nEscapement, /每行文字相對于頁底的角度，單位為0.1度 int nOrienation, /每個文字相對于頁底的角度，單位為0.1度 DWORD nWeight, /字體粗細度，范圍為11000 DWORD Dwltalic, /如果要求字體傾斜，則取 TRUE

7、DWORD dwUnderline,/如果要求下劃線，則取 TRUE DWORD dwStrikeout,/如果要求中劃線，則取 TRUE DWORD dwCharset, /字體所屬字符集 DWORD dwOutputPrecision,/輸出精度，一般取默認值OUT_DEFAULT_PRECIS DWORD dwClipPrecision, /剪裁精度，常取默認值CLIP_DEFAULT_PRECIS DWORD dwQuality, /輸出質(zhì)量，一般取默認值DEFAULT_QUALITY DWORD dwPitchAndFamily, /字體名可選的系統(tǒng)字符集：ANSI_CHARSETO

8、EM_CHARSETSYMBOL_CHARSETDEFAULT_CHARSETSHIFTJIS_CHARSETVC+案例教程 北大出版社設置字體和背景顏色設置字體顏色：SetTextColor(crColor)；設置背景顏色：SetBkColor(crColor)；crColor為設置的顏色VC+案例教程 北大出版社5.2.1.4 CBitmap類 位圖是常用的圖像存儲格式，可以利用位圖來表示圖像，也可以利用它來創(chuàng)建畫刷。MFC將有關位圖的操作封裝在CBitmap類中。使用位圖的一般步驟為：首先聲明一個CBitmap類對象，然后對位圖對象進行初始化并選入設備環(huán)境，位圖使用完畢后還要調(diào)用Dele

9、leObject()將其清除。常用函數(shù)：LoadBitmap函數(shù) CreateCompatibleBitmap函數(shù)VC+案例教程 北大出版社5.2.1.5 CRgn類CRgn類封裝了一個Windows GDI區(qū)域?qū)ο螅粋€區(qū)域是由多邊形、橢圓或二者組合形成的一種范圍，可以利用它來進行填充、裁剪某個區(qū)域。構造CRgn對象 初始化CRgn對象 刪除CRgn對象： DeleteObject() VC+案例教程 北大出版社5.2.2 CDC中的繪圖操作 5.2.2.1 繪圖模式 繪圖模式是指系統(tǒng)使用當前繪圖工具（包括畫筆、畫刷等）的顏色和屏幕顯示的顏色進行混合以得到新的顯示顏色的方式。繪圖模式?jīng)Q定了顏

10、色混合的算法。默認的繪圖模式是R2_COPYPEN，在這種模式下，系統(tǒng)簡單地將畫筆的顏色復制到顯示設備上。用戶可以通過CDC的成員函數(shù)SetROP2()改變繪圖模式： VC+案例教程 北大出版社5.2.2.2 繪圖函數(shù) 畫點：MoveTo() 畫直線: LineTo()畫橢圓: Ellipse() 畫矩形: Rectangle() VC+案例教程 北大出版社5.2.2.3 輸出文本 設置背景顏色: SetBkColor() 設置背景模式: SetBkMode() 設置文本對齊方式 : SetTextAlign() 設置文本顏色 ：SetTextColor()文本輸出: TextOut()函數(shù)

11、DrawText()函數(shù) VC+案例教程 北大出版社5.2.2.4 顯示位圖 BitBlt函數(shù) StretchBlt函數(shù) VC+案例教程 北大出版社5.2.3 案例5.1 繪制時鐘 本案例通過一個單文檔應用程序，來演示如何在視圖中輸出文本、顯示位圖、繪制時鐘。從而說明設備環(huán)境的獲取和釋放，畫筆、畫刷、字體等GDI對象的使用，以及文本的輸出、背景模式和文本顏色的設置。在本案例中，繪制時鐘是難點。時鐘的表盤通過繪制一個圓形來實現(xiàn)，表的時針、分針和秒針通過繪制不同寬度的直線實現(xiàn)，通過創(chuàng)建新字體實現(xiàn)表盤數(shù)字的繪制。 VC+案例教程 北大出版社1、創(chuàng)建工程用MFC AppWizard(.exe)創(chuàng)建一個

12、對話框應用程序，項目名為UseDC 。VC+案例教程 北大出版社2、使用位圖導入位圖資源。顯示位圖CBitmap Bitmap; Bitmap.LoadBitmap(IDB_BITMAP1); / 加載位圖CDC MemDC;MemDC.CreateCompatibleDC(pDC);/ 創(chuàng)建與pDC兼容的內(nèi)存設備環(huán)境CBitmap *pOldBmp=MemDC.SelectObject(&Bitmap); / 選入位圖CRect rc;GetClientRect(&rc); / 取得視圖客戶區(qū)大小pDC-BitBlt(0,0,rc.Width(),rc.Height(),&MemDC,0,0

13、,SRCCOPY);/顯示MemDC.SelectObject(pOldBmp); / 恢復原來的位圖VC+案例教程 北大出版社3、使用CFont類輸出文本 pDC-SetBkMode(TRANSPARENT); / 設置背景模式 CFont NewFont1; / CFont聲明對象/ 使用CreateFont函數(shù)創(chuàng)建新字體NewFont1.CreateFont(40,0,0,0,400,true,FALSE,0,ANSI_CHARSET, OUT_DEFAULT_PRECIS,CLIP_DEFAULT_PRECIS, DEFAULT_QUALITY, DEFAULT_PITCH | FF_

14、SWISS,Arial);/ 將新字體選入設備環(huán)境CFont* pOldFont=pDC-SelectObject(&NewFont1); pDC-TextOut(20,20,導入背景圖片); / 輸出文本pDC-SelectObject(pOldFont); / 恢復原來的字體NewFont.DeleteObject(); / 釋放資源VC+案例教程 北大出版社（5）繪制時鐘 VC+案例教程 北大出版社（6）設置定時器 SetTimer(1,1000,NULL); / 設置定時器 void CUseDCView:OnTimer(UINT nIDEvent) / TODO: Add your

15、message handler code here and/or call defaultCRect rc;GetClientRect(&rc); / 取得視圖客戶區(qū)大小/ 定義鐘表大小和位置CRect Clock; Clock.left = rc.right - 110 ;Clock.top = rc.top + 10 ;Clock.right = rc.right - 10;Clock.bottom=rc.top + 110 ;CRgn Rgn; / 定義區(qū)域?qū)ο驲gn.CreateEllipticRgnIndirect(&Clock); / 創(chuàng)建一個區(qū)域InvalidateRgn(&Rgn);