簡單圖形繪制與動態(tài)效果ppt課件

1、實驗工程實驗工程二、簡單圖形繪制與動態(tài)效果二、簡單圖形繪制與動態(tài)效果通通 知知n每周課堂提問記入平常成果。每周課堂提問記入平常成果。n第一階段內(nèi)容在第六周終了第一階段內(nèi)容在第六周終了n第第7周安排一次檢驗：周安排一次檢驗：n方式：筆試方式：筆試n內(nèi)容：第三章至第七章。有關(guān)概念、程序設(shè)計。內(nèi)容：第三章至第七章。有關(guān)概念、程序設(shè)計。n本次布置的實驗分兩部分：必做和選做本次布置的實驗分兩部分：必做和選做建立程序建立程序“工程的步驟工程的步驟(課本第二章課本第二章)n要求按照以下步驟規(guī)范執(zhí)行要求按照以下步驟規(guī)范執(zhí)行n啟動啟動VC+，點擊，點擊File/New菜單菜單nWorkspace: 建立任務(wù)區(qū)。

2、取任務(wù)區(qū)稱號，文件夾建立任務(wù)區(qū)。取任務(wù)區(qū)稱號，文件夾選擇在選擇在E盤為了有效地保管文檔，不要運用默許文盤為了有效地保管文檔，不要運用默許文件夾件夾nProject:建立工程。取工程稱號留意選擇在建立工程。取工程稱號留意選擇在“當(dāng)前當(dāng)前任務(wù)區(qū)任務(wù)區(qū)nFile:建立源程序文件。取文件名。輸入源程序。建立源程序文件。取文件名。輸入源程序。n編譯、銜接、運轉(zhuǎn)。了解程序文件存放的物理位置編譯、銜接、運轉(zhuǎn)。了解程序文件存放的物理位置n運用運用MSDN查找查找API函數(shù)的運用方法：函數(shù)的運用方法：nHelp/Search: “活動子集選擇活動子集選擇“Platform SDK; “要查找的單詞輸入相關(guān)要查找

3、的單詞輸入相關(guān)API函數(shù)名，在函數(shù)名，在“選擇主題選擇主題中查找并雙擊該函數(shù)名，即可得到關(guān)于函數(shù)的闡明、中查找并雙擊該函數(shù)名，即可得到關(guān)于函數(shù)的闡明、運用例如。運用例如。關(guān)于在工程中添加文件、在任關(guān)于在工程中添加文件、在任務(wù)區(qū)中添加工程務(wù)區(qū)中添加工程n請查閱課本請查閱課本P49，重點留意，重點留意:n關(guān)于任務(wù)區(qū)面板關(guān)于任務(wù)區(qū)面板“FileView中樹狀組織與磁中樹狀組織與磁盤物理文件的關(guān)系盤物理文件的關(guān)系n關(guān)于任務(wù)區(qū)中工程與工程文件的編輯關(guān)于任務(wù)區(qū)中工程與工程文件的編輯n工具欄的設(shè)置工具欄的設(shè)置練習(xí)一練習(xí)一 作圖作圖n對例對例4-1作如下修正，獲得不同效果：作如下修正，獲得不同效果：n改動圖形

4、填充色：三種圖形運用不同顏色；改動圖形填充色：三種圖形運用不同顏色；n改動圖形外框線型；改動圖形外框線型；n在圓角矩形中畫兩條對角線；參考例在圓角矩形中畫兩條對角線；參考例4-3n在橢圓中畫出長軸和短軸軸長自定在橢圓中畫出長軸和短軸軸長自定n試在用戶區(qū)中加畫一個三角形本人設(shè)計坐標(biāo)，試在用戶區(qū)中加畫一個三角形本人設(shè)計坐標(biāo)，運用運用Polyline或或Polygonn思索：把畫筆畫刷語句注釋后，能否可畫圖？思索：把畫筆畫刷語句注釋后，能否可畫圖？練習(xí)二：窗口刷新音訊處置與用戶區(qū)顏色變化練習(xí)二：窗口刷新音訊處置與用戶區(qū)顏色變化n在課本程序在課本程序3-1中的窗口函數(shù)中的窗口函數(shù)WndProc添加語句

5、，添加語句，對對windows發(fā)送過來的窗口刷新音訊發(fā)送過來的窗口刷新音訊WM_PAINT進(jìn)展處置，并用不同顏色刷新用戶區(qū)。進(jìn)展處置，并用不同顏色刷新用戶區(qū)。n仔細(xì)閱讀以下有關(guān)內(nèi)容：仔細(xì)閱讀以下有關(guān)內(nèi)容：n窗口變化后的刷新懇求與刷新過程：窗口變化后的刷新懇求與刷新過程：n音訊處置過程：音訊處置過程：windows操作系統(tǒng)與窗口函數(shù)操作系統(tǒng)與窗口函數(shù)n畫圖步驟：見后頁畫圖步驟：見后頁n圖形刷新的概念圖形刷新的概念n畫圖的根本方法畫圖的根本方法圖形刷新的概念、畫圖的根本方法：圖形刷新的概念、畫圖的根本方法：圖形刷新是繪圖過程中必需思索的重要問題圖形刷新是繪圖過程中必需思索的重要問題刷新懇求刷新懇求

6、對刷新懇求的呼應(yīng)對刷新懇求的呼應(yīng)刷新方法刷新方法包括(1) 刷新懇求刷新懇求 運用程序在運用程序在窗口中窗口中繪制了一個繪制了一個橢圓，橢圓，顏色列表框顏色列表框覆蓋了覆蓋了橢圓的一部橢圓的一部分分封鎖顏色封鎖顏色選框，選框，運用程序運用程序需求恢需求恢復(fù)被覆蓋復(fù)被覆蓋部分的顏部分的顏色和外形色和外形窗口大小的調(diào)整窗口大小的調(diào)整窗口挪動窗口挪動被覆蓋后的恢復(fù)被覆蓋后的恢復(fù)(2) 系統(tǒng)對刷新懇求的呼應(yīng)系統(tǒng)對刷新懇求的呼應(yīng) 當(dāng)用戶區(qū)的內(nèi)容需求刷新時，系統(tǒng)向運用當(dāng)用戶區(qū)的內(nèi)容需求刷新時，系統(tǒng)向運用程序音訊隊列發(fā)送程序音訊隊列發(fā)送WM_PAINT音訊，系統(tǒng)在音訊，系統(tǒng)在運用程序的音訊隊列中參與該音訊，

7、以通知窗運用程序的音訊隊列中參與該音訊，以通知窗口函數(shù)執(zhí)行刷新處置口函數(shù)執(zhí)行刷新處置三種三種刷新刷新窗口挪動后的刷新窗口挪動后的刷新被覆蓋區(qū)域的刷新被覆蓋區(qū)域的刷新對象穿越后的刷新對象穿越后的刷新(系統(tǒng)自動完成系統(tǒng)自動完成)用戶區(qū)挪動或顯示用戶區(qū)挪動或顯示用戶窗口大小改動用戶窗口大小改動程序經(jīng)過滾動條滾動窗口程序經(jīng)過滾動條滾動窗口窗口被另一個窗口覆蓋的窗口被另一個窗口覆蓋的恢復(fù)如下拉式菜單封鎖等恢復(fù)如下拉式菜單封鎖等光標(biāo)穿過用戶區(qū)光標(biāo)穿過用戶區(qū)圖標(biāo)拖過用戶區(qū)圖標(biāo)拖過用戶區(qū)窗口被另一個窗口覆蓋的區(qū)域稱為無效區(qū)域。窗口被另一個窗口覆蓋的區(qū)域稱為無效區(qū)域。 Windows系統(tǒng)為每個窗口建立了一個系統(tǒng)

8、為每個窗口建立了一個PAINTSTRUCT構(gòu)造，該構(gòu)造，該構(gòu)造中包含了包圍無效區(qū)域的一個最小矩形的構(gòu)造構(gòu)造中包含了包圍無效區(qū)域的一個最小矩形的構(gòu)造RECT，運用，運用程序可以根據(jù)這個無效矩形執(zhí)行刷新操作。程序可以根據(jù)這個無效矩形執(zhí)行刷新操作。 Typedef struct tagPAINTSTRUCTTypedef struct tagPAINTSTRUCT HDC hdc; HDC hdc;/設(shè)備描畫表句柄設(shè)備描畫表句柄 BOOL fErase; BOOL fErase;/普通取真值，表示擦除無效矩普通取真值，表示擦除無效矩形的背景形的背景 RECT rcPaint; RECT rcPain

9、t;/無效矩形標(biāo)識無效矩形標(biāo)識 BOOL fRestore; BOOL fRestore;/系統(tǒng)保管系統(tǒng)保管 BOOL fIncUpdate; BOOL fIncUpdate;/系統(tǒng)保管系統(tǒng)保管 BYTE rgbReserved16 BYTE rgbReserved16；/系統(tǒng)保管系統(tǒng)保管 PAINTSTRUCT; PAINTSTRUCT;rcPaint 為規(guī)范的為規(guī)范的RECT數(shù)據(jù)構(gòu)造，數(shù)據(jù)構(gòu)造，其作用是標(biāo)識無效矩形，它包含了其作用是標(biāo)識無效矩形，它包含了無效矩形的左上角和右下角的坐標(biāo)無效矩形的左上角和右下角的坐標(biāo)常用的常用的Windows運用程序刷新窗運用程序刷新窗口的方法口的方法保管副本

10、。刷保管副本。刷新時將副本拷新時將副本拷貝到相應(yīng)的窗貝到相應(yīng)的窗口中口中記錄事件。刷新記錄事件。刷新時重新執(zhí)行這個時重新執(zhí)行這個曾經(jīng)發(fā)生的事件曾經(jīng)發(fā)生的事件重新繪制。將圖形重新繪制。將圖形繪制處置程序放在繪制處置程序放在音訊音訊WM_PAINT呼應(yīng)模塊中，刷新呼應(yīng)模塊中，刷新時重繪圖形時重繪圖形(3) 有效的刷新方法有效的刷新方法音訊處置過程音訊處置過程Cpu memory Keyboardmouse CRTWindows控制一切資源控制一切資源運轉(zhuǎn)中的運轉(zhuǎn)中的windows程序程序窗口程序窗口程序窗口操作窗口操作窗口窗口message+窗口標(biāo)識窗口標(biāo)識獲取本窗獲取本窗口的音訊口的音訊處置結(jié)果

11、處置結(jié)果顯示結(jié)果顯示結(jié)果畫圖步驟畫圖步驟n預(yù)備畫輪廓的畫筆預(yù)備畫輪廓的畫筆n預(yù)備填充的畫刷預(yù)備填充的畫刷nWindows中每個對象都有中每個對象都有“句柄，畫筆、畫刷也句柄，畫筆、畫刷也是對象，也要經(jīng)過是對象，也要經(jīng)過“句柄來運用句柄來運用n定義畫筆、畫刷的句柄變量：定義畫筆、畫刷的句柄變量：nHPEN hPen;nHBRUSH hBrush;n但但hPen、hBrush還只是隨機數(shù)還只是隨機數(shù)n指定某種畫筆、畫刷給指定某種畫筆、畫刷給hPen,hBrush:nhPen=CreatePen(PS_SOLID,n2,nRGB(red, green, blue)n);nhBrush=CreateS

12、olidBrush(nRGB(red,0,0)n);線型線型線寬線寬線色線色畫刷畫刷顏色顏色畫圖的有關(guān)概念畫圖的有關(guān)概念n誰擔(dān)任畫圖？誰擔(dān)任畫圖？nWindows直接畫？直接畫？nWindows經(jīng)過一套稱為經(jīng)過一套稱為“設(shè)備無關(guān)的圖設(shè)備無關(guān)的圖形接口程序形接口程序GDI函數(shù)進(jìn)展畫圖函數(shù)進(jìn)展畫圖n程序員的責(zé)任程序員的責(zé)任n把有關(guān)要求：筆、刷、圖形、參數(shù)提供應(yīng)把有關(guān)要求：筆、刷、圖形、參數(shù)提供應(yīng)GDI設(shè)備描畫表設(shè)備描畫表n記錄各種作圖要求與參數(shù)的數(shù)據(jù)構(gòu)造記錄各種作圖要求與參數(shù)的數(shù)據(jù)構(gòu)造nWindows在任一時辰都能為每個窗口提供用在任一時辰都能為每個窗口提供用于作圖的于作圖的“設(shè)備描畫表設(shè)備描畫表

13、n作圖前普通都要先獲取當(dāng)前窗口的作圖前普通都要先獲取當(dāng)前窗口的“設(shè)備描畫設(shè)備描畫表表n經(jīng)過函數(shù)把作圖所需的設(shè)備畫筆、畫刷、經(jīng)過函數(shù)把作圖所需的設(shè)備畫筆、畫刷、圖形、參數(shù)圖形、參數(shù)“寫入設(shè)備描畫表，也就是提寫入設(shè)備描畫表，也就是提供應(yīng)供應(yīng)GDIn調(diào)用調(diào)用GDI函數(shù)由函數(shù)由GDI進(jìn)展作圖。進(jìn)展作圖。設(shè)備描畫表的獲取設(shè)備描畫表的獲取n設(shè)備描畫表是一個對象，也要運用設(shè)備描畫表是一個對象，也要運用“句柄句柄nHDChDC; /定義一個句柄定義一個句柄n為為hDC賦值：賦值：nhDC=GetDC(hwnd);/可用于各種音訊處置時畫圖可用于各種音訊處置時畫圖n或或nhDC=BeginPaint(hwnd,

14、&ps);/僅用于僅用于WM_PAINTn這兩種方法各有不同的適用場所這兩種方法各有不同的適用場所處置非處置非WM_PAINTWM_PAINT音訊時繪圖音訊時繪圖處置處置WM_PAINTWM_PAINT音訊時繪圖音訊時繪圖畫圖的程序?qū)懺谀睦?？畫圖的程序?qū)懺谀睦?？n主要在對主要在對WMPAINT音訊的處置中進(jìn)展作圖音訊的處置中進(jìn)展作圖n圖形刷新圖形刷新n畫圖程序設(shè)計的根本方法思緒畫圖程序設(shè)計的根本方法思緒n畫筆、畫刷的定義、選入畫筆、畫刷的定義、選入n圖形參數(shù)的計算圖形參數(shù)的計算n調(diào)用作圖函數(shù)調(diào)用作圖函數(shù)調(diào)用調(diào)用GDI繪圖函數(shù)畫圖繪圖函數(shù)畫圖n畫一個圓畫一個圓n畫一個矩形畫一個矩形n畫一

15、個餅畫一個餅n把整個用戶區(qū)刷新：把整個用戶區(qū)刷新：Rectangle(hdc,PtStr.rcPaint.left,n PtStr.rcPaint,n PtStr.rcPaint.right,n PtStr.rcPaint.bottom);RECT類型：定義了類型：定義了一個矩形區(qū)域及其左一個矩形區(qū)域及其左上角和右下角的坐標(biāo)上角和右下角的坐標(biāo)匈牙利表示法匈牙利表示法n變量名以一個或多個小寫字母開場，這些小變量名以一個或多個小寫字母開場，這些小寫字母表示變量的數(shù)據(jù)類型。寫字母表示變量的數(shù)據(jù)類型。n變量的后續(xù)字符描畫變量的作用變量的后續(xù)字符描畫變量的作用n如：如：szCmdLine，hInstan

16、ce，hPenn變量名既描畫了變量的作用，也描畫了變量變量名既描畫了變量的作用，也描畫了變量的數(shù)據(jù)類型的數(shù)據(jù)類型n防止產(chǎn)生數(shù)據(jù)類型不匹配防止產(chǎn)生數(shù)據(jù)類型不匹配n及早發(fā)現(xiàn)錯誤及早發(fā)現(xiàn)錯誤程序設(shè)計程序設(shè)計n在窗口函數(shù)在窗口函數(shù)WndProc中添加定義變量：中添加定義變量：nHDC hdc; /設(shè)備描畫表句柄設(shè)備描畫表句柄nPAINTSTRUCT PtStr; /無效矩形變量無效矩形變量nHBRUSH hbrush; /畫刷句柄畫刷句柄 nstatic int r=0,g=0,b=0; /三原色三原色程序設(shè)計程序設(shè)計n在處置在處置WM_PAINT處寫入以下程序，然后編譯、銜接、運轉(zhuǎn)。處寫入以下程序，

17、然后編譯、銜接、運轉(zhuǎn)。ncase WM_PAINT:nhdc=BeginPaint(hwnd,&PtStr); hbrush=CreateHatchBrush(HS_CROSS,RGB(r,g,b);nSelectObject(hdc,hbrush);nRectangle(hdc,PtStr.rcPaint.left,PtStr.rcPaint,n PtStr.rcPaint.right,PtStr.rcPaint.bottom);nr=(r+10)%255; g=(g+10)%255; b=(b+10)%255;nEndPaint(hwnd,&PtStr);nreturn 0

18、;n思索：窗口變化放大、復(fù)原、挪動、大小有何不同？為什么？思索：窗口變化放大、復(fù)原、挪動、大小有何不同？為什么？改良效果：在窗口大小變化時也能對整個改良效果：在窗口大小變化時也能對整個用戶區(qū)進(jìn)展刷新用戶區(qū)進(jìn)展刷新n添加對添加對WM_SIZE音訊的處置音訊的處置ncase WM_SIZE:nInvalidateRect(hwnd,NULL,TRUE);nreturn 0;nInvalidateRect函數(shù)的作用：運用戶區(qū)失效，函數(shù)的作用：運用戶區(qū)失效，讓讓windows產(chǎn)生一條產(chǎn)生一條WM_PAINT音訊：音訊：n InvalidateRect(hwnd,NULL,FALSE/TRUE)nNUL

19、L:刷新整個用戶區(qū)；刷新整個用戶區(qū)；TRUE：去除用戶區(qū)：去除用戶區(qū)當(dāng)前圖像；當(dāng)前圖像；練習(xí)三練習(xí)三 ：挪動的圖形：挪動的圖形n以課本程序以課本程序4-1為根底，添加刷新與程序暫停函數(shù)，為根底，添加刷新與程序暫停函數(shù)，使圖形動起來。使圖形動起來。n圖形能動的緣由：圖形能動的緣由：n刷新后在另一個位置畫圖刷新后在另一個位置畫圖n添加一個圖形位移變量添加一個圖形位移變量x，每次畫圖后增量，每次畫圖后增量nx+=10; 使圖形的坐標(biāo)進(jìn)展位移，如：使圖形的坐標(biāo)進(jìn)展位移，如：nRoundRect(hDC,50+x,120,100+x,200,15,15);n強迫刷新：強迫刷新：nInvalidateRe

20、ct(hwnd,NULL, TRUE)；n控制刷新頻率：控制刷新頻率：Sleep(100); /強迫程序暫停強迫程序暫停0.1秒秒n修正對修正對WM_PAINT音訊的處置音訊的處置練習(xí)三：挪動的圖形練習(xí)三：挪動的圖形窗口函數(shù)開頭的變量定義，添加：窗口函數(shù)開頭的變量定義，添加：static int x=0; /思索：為什么定義思索：為什么定義static?case WM_PAINT:hdc=BeginPaint(hWnd,&PtStr);RoundRect(hDC,50+x,120,100+x,200,15,15);EndPaint(hWnd,&PtStr);Sleep(100)

21、;x+=10;if (x300) InvalidateRect(hWnd,NULL,1);return 0; /思索：為什么設(shè)思索：為什么設(shè)300為限？加大一些行嗎？為限？加大一些行嗎？練習(xí)四：在鼠標(biāo)單擊時圖形變化練習(xí)四：在鼠標(biāo)單擊時圖形變化n單擊鼠標(biāo)產(chǎn)生鼠標(biāo)音訊單擊鼠標(biāo)產(chǎn)生鼠標(biāo)音訊WM_LBUTTONDOWN,WM_RBUTTONDOWN。在這些音訊到達(dá)窗口函數(shù)時，強迫刷新用戶區(qū)，重新在這些音訊到達(dá)窗口函數(shù)時，強迫刷新用戶區(qū)，重新畫圖。畫圖。n區(qū)分左右鍵畫不同的圖形：設(shè)兩個標(biāo)志變量區(qū)分左右鍵畫不同的圖形：設(shè)兩個標(biāo)志變量nstatic int lbutt=1, rbutt=0; n在處置鼠標(biāo)音

22、訊時更新這兩個變量在處置鼠標(biāo)音訊時更新這兩個變量n處置處置WM_PAINT音訊時要分別根據(jù)音訊時要分別根據(jù)lbutt和和rbutt的的形狀選擇畫不同的圖形。形狀選擇畫不同的圖形。程序設(shè)計程序設(shè)計n窗口函數(shù)中添加變量定義窗口函數(shù)中添加變量定義nstatic int lbutt=1,rbutt=0;n處置鼠標(biāo)音訊處置鼠標(biāo)音訊ncase WM_LBUTTONDOWN:nlbutt=1;rbutt=0;nInvalidateRect(hWnd,NULL,1);nreturn 0;ncase WM_RBUTTONDOWN:nlbutt=0;rbutt=1;nInvalidateRect(hWnd,NUL

23、L,1);nreturn 0;程序設(shè)計程序設(shè)計n選擇畫不同圖形選擇畫不同圖形nif (lbutt=1) /按下左鍵畫按下左鍵畫圖形圖形nnnelse /按下右鍵畫按下右鍵畫圖形圖形nn實驗義務(wù)五：以習(xí)題實驗義務(wù)五：以習(xí)題4-6為根底為根底n分析、了解分析、了解“習(xí)題書的程序習(xí)題書的程序4-6，要求對，要求對46進(jìn)展各方面的進(jìn)展各方面的“探求，產(chǎn)生不同的動態(tài)效果：探求，產(chǎn)生不同的動態(tài)效果：n改動正弦波的幅度改動正弦波的幅度n小圓球的運動軌跡變成筒狀小圓球的運動軌跡變成筒狀n小圓球上下運動小圓球上下運動n小圓球能反復(fù)運動或往復(fù)運動小圓球能反復(fù)運動或往復(fù)運動n按照實驗報告要求完成義務(wù)，在網(wǎng)絡(luò)課堂提交

24、。按照實驗報告要求完成義務(wù)，在網(wǎng)絡(luò)課堂提交。習(xí)題習(xí)題4-6的分析的分析n正弦曲線的表現(xiàn)正弦曲線的表現(xiàn)n延續(xù)曲線由離散點組成，點的密度影響曲線質(zhì)量。延續(xù)曲線由離散點組成，點的密度影響曲線質(zhì)量。n正弦曲線離散點的計算：正弦曲線離散點的計算：nPOINT lpSin100;/存儲正弦曲線點的坐存儲正弦曲線點的坐標(biāo)標(biāo).nfor(int j=0;j100;j+) /生成正弦曲線點生成正弦曲線點的坐標(biāo)的坐標(biāo).nlpSinj.x=(long)(j*2*Pi/100*60);nlpSinj.y=(long)(dfRange*sin(j*2*Pi/100);nn思索：默許的坐標(biāo)原點在哪里？在用戶區(qū)左上角。思索：

25、默許的坐標(biāo)原點在哪里？在用戶區(qū)左上角。一個周期的橫坐標(biāo)分為一個周期的橫坐標(biāo)分為100100等份等份縱坐標(biāo)縱坐標(biāo)Y Y的值有正負(fù)，怎樣辦？的值有正負(fù)，怎樣辦？對對“負(fù)值坐標(biāo)的處置負(fù)值坐標(biāo)的處置nY軸方向加一個振幅軸方向加一個振幅nPOINT lpSin100; /存儲正弦曲線點的坐標(biāo)存儲正弦曲線點的坐標(biāo).nfor(int j=0;j100;j+) /生成正弦曲線點的坐標(biāo)生成正弦曲線點的坐標(biāo).nlpSinj.x=(long)(j*2*Pi/100*60);nlpSinj.y=(long)(dfRange*sin(j*2*Pi/100)+dfRange;nn為了看清圓，在為了看清圓，在X、Y方向再加圓半徑方向再加圓半徑nlpSinj.x=(long)(j*2*Pi/100*60) +0.2*dfRange; nlpSinj.yn =(long)(dfRange*sin(j*2*Pi/100)+1.6*dfRange；坐標(biāo)計算放在音坐標(biāo)計算放在音訊循環(huán)之前訊循環(huán)之前圓半徑的變化：圓半徑的變化：振幅的振幅的0.20.