RAPTOR圖形與視窗交互課件

第2章RAPTOR圖形與視窗交互

《基于RAPTOR的可視化計(jì)算案例教程》第2章RAPTOR圖形與視窗交互

《基于RAPTOR的可視學(xué)習(xí)目標(biāo)RAPTOR環(huán)境如何繪制圖形?用戶如何與RAPTOR圖形環(huán)境交互？學(xué)習(xí)目標(biāo)RAPTOR環(huán)境如何繪制圖形?RAPTOR圖形窗口簡介可視化計(jì)算的重要手段是使用圖形來描述計(jì)算問題、求解過程和結(jié)果RAPTOR過程調(diào)用在專門的圖形視窗中實(shí)現(xiàn)繪制矩形，圓，弧、橢圓圖形和線條，并在幾何形體中填充顏色，也可以在圖形窗口中顯示文本和數(shù)字RAPTOR圖形視窗可接受用戶使用鼠標(biāo)與鍵盤與之交互，為游戲程序設(shè)計(jì)提供支持RAPTOR圖形窗口簡介可視化計(jì)算的重要手段是使用圖形來描述圖形窗口的打開與定義Open_graph_Window（X_Size，Y_Size）圖形窗口的打開與定義Open_graph_Window（X_RAPTOR圖形窗口和坐標(biāo)表示RAPTOR圖形窗口和坐標(biāo)表示圖形窗口的應(yīng)用過程右圖程序所示，圖形窗口的打開和關(guān)閉通常是圖形應(yīng)用中的第一和最后一個調(diào)用命令圖形窗口的應(yīng)用過程右圖程序所示，圖形窗口的打開和關(guān)閉通常是圖繪圖過程與參數(shù)-常量繪圖過程與參數(shù)-常量繪圖過程與參數(shù)-變量繪圖過程與參數(shù)-變量繪圖過程與參數(shù)-公式繪圖過程與參數(shù)-公式繪制弧線Draw_Arc(X1，Y1，X2，Y2，Startx，Starty，Endx，Endy，Color)繪制弧線Draw_Arc(X1，Y1，X2，Y2，Star繪制弧線的思考題在一些圖形原稿的輸入中，例如手繪的動漫原型輸入到計(jì)算機(jī)中時，離不開弧線的輸入，問題是在弧線輸入時，如何才能獲取到定位所需的8個坐標(biāo)點(diǎn)?繪制弧線的思考題在一些圖形原稿的輸入中，例如手繪的動漫原型輸非標(biāo)區(qū)域繪制-三角形色彩填充：Flood_Fill(X，Y，Color)非標(biāo)區(qū)域繪制-三角形色彩填充：Flood_Fill(X，Y，簡單的圖形窗口應(yīng)用簡單的圖形窗口應(yīng)用圖形窗口輸入主要考慮包括：如何提示用戶進(jìn)行輸入？如何判斷用戶是否已經(jīng)輸入？采用阻塞型輸入和非阻塞型輸入？采用鼠標(biāo)還是鍵盤進(jìn)行輸入？如果用戶輸入有錯，例如按下非輸入提示的鍵或者點(diǎn)擊了輸入?yún)^(qū)域以外的區(qū)域，程序是否需要進(jìn)行提示？圖形窗口輸入主要考慮包括：名詞解釋阻塞型輸入使用阻塞型輸入命令時，將暫停程序運(yùn)行，等待用戶輸入，直到用戶輸入后，程序才繼續(xù)運(yùn)行；非阻塞型輸入使用非阻塞型輸入命令可以得到有關(guān)鼠標(biāo)或鍵盤的當(dāng)前信息，但不影響執(zhí)行中的程序名詞解釋阻塞型輸入一個圓形按鈕輸入程序的設(shè)計(jì)一個圓形按鈕輸入程序的設(shè)計(jì)按鈕程序：maim子圖負(fù)責(zé)用戶輸入全局控制繪制按鈕畫面（creat子圖）等待用戶選擇(Get_Mouse_Button)檢測用戶點(diǎn)擊（detection子圖）最后顯示用戶的輸入結(jié)果按鈕程序：maim子圖負(fù)責(zé)用戶輸入全局控制create子圖打開和定義窗口大小循環(huán)繪制4個按鈕提示用戶輸入create子圖打開和定義窗口大小Detection子圖子圖用循環(huán)檢測點(diǎn)擊循環(huán)包含兩個過程：判斷點(diǎn)擊區(qū)域和顯示點(diǎn)擊出錯子圖設(shè)計(jì)中，用戶如果不選中某個按鈕，實(shí)際上不能退出子圖Detection子圖子圖用循環(huán)檢測點(diǎn)擊按鈕輸入程序的設(shè)計(jì)優(yōu)缺點(diǎn)+鼠標(biāo)位置的計(jì)算非常關(guān)鍵，這里使用了圓的標(biāo)準(zhǔn)方程“(x-a)2+(y-b)2=r2”（在算法中的表達(dá)為(x-a)^2+(y-125)^2<=2500的決策語句）進(jìn)行判斷-執(zhí)行效率較低-一旦出錯，出錯信息沒有清除功能按鈕輸入程序的設(shè)計(jì)優(yōu)缺點(diǎn)+鼠標(biāo)位置的計(jì)算非常關(guān)鍵，這里使用了一個矩形按鈕輸入程序的設(shè)計(jì)一個矩形按鈕輸入程序的設(shè)計(jì)Main子圖負(fù)責(zé)用戶輸入全局控制繪制按鈕畫面（drawbuttons子圖）等待用戶選擇(Get_Mouse_Button)用戶輸入提示檢測用戶點(diǎn)擊（detection子圖）Main子圖負(fù)責(zé)用戶輸入全局控制drawbuttons子圖drawbuttons子圖detection子圖子圖用分支處理點(diǎn)擊左側(cè)分支判斷點(diǎn)擊區(qū)域；右側(cè)表示出錯子圖設(shè)計(jì)中，無論選擇對錯，一律退出子圖detection子圖子圖用分支處理點(diǎn)擊思考與實(shí)驗(yàn)題detection子圖中的決策條件：

Y<=200為何只有一個值？*矩形按鈕比圓形按鈕程序在算法上有何改進(jìn)？思考與實(shí)驗(yàn)題detection子圖中的決策條件：detection子圖子圖用分支處理點(diǎn)擊左側(cè)分支判斷點(diǎn)擊區(qū)域；右側(cè)表示出錯子圖設(shè)計(jì)中，無論選擇對錯，一律退出子圖detection子圖子圖用分支處理點(diǎn)擊在圖形視窗中畫點(diǎn)并自動連線設(shè)計(jì)的基本思路：手動接受用戶繪制的點(diǎn)；按照定義，使用專門語句完成部分不規(guī)則的邊連接，使用循環(huán)完成部分有規(guī)則的連接；輸出所有點(diǎn)的位置坐標(biāo)，有利于將來將點(diǎn)的位置保存到數(shù)組，并從數(shù)組中恢復(fù)這個圖的同構(gòu)圖。在圖形視窗中畫點(diǎn)并自動連線設(shè)計(jì)的基本思路：Drawpoints子圖（隨意點(diǎn)擊）繪圖的效果Drawpoints子圖（隨意點(diǎn)擊）繪圖的效果Drawpoints子圖兩種記錄圓點(diǎn)位置的方法，其中s字符串可以直接輸出到文件中Drawpoints子圖兩種記錄圓點(diǎn)位置的方法，其中s字符串圖論圖形中的邊的繪制（一）按照預(yù)定的要求繪制無規(guī)律的兩點(diǎn)之間的邊圖論圖形中的邊的繪制（一）按照預(yù)定的要求繪制無規(guī)律的兩點(diǎn)之間圖論圖形中的邊的繪制（二）使用循環(huán)方式繪制符合某種規(guī)律的邊圖論圖形中的邊的繪制（二）使用循環(huán)方式繪制符合某種規(guī)律的邊一個算法的兩種輸出（一）可視化的結(jié)果輸出形式一個算法的兩種輸出（一）可視化的結(jié)果輸出形式一個算法的兩種輸出（二）主控臺的字符串形式：(297,694)(627,223)(684,661)(281,234)(106,494)(823,438)Runcomplete.78symbolsevaluated.一個算法的兩種輸出（二）主控臺的字符串形式：算法輸入輸出的兩種形式的討論可視化輸入、輸出方式：方便與問題的原型進(jìn)行比對，減少輸入錯誤，減少輸入時的工作量，符合人機(jī)交互需求；字符型的輸入、輸出：部分圖論問題可以使用字符形式進(jìn)行輸入、輸出，但不是全部；字符形式的輸出可以方便文本文件的結(jié)果保存。算法輸入輸出的兩種形式的討論可視化輸入、輸出方式：方便與問題在圖形視窗中接受鍵盤輸入在圖形視窗中接受鍵盤輸入鍵盤輸入案例的要點(diǎn)點(diǎn)陣圖像的載入圖片中文字的設(shè)計(jì)無需考慮坐標(biāo)問題鍵盤輸入案例的要點(diǎn)點(diǎn)陣圖像的載入鍵盤輸入指令Get_Key_String在RAPTOR中返回字符形式的鍵值，例如”a”,”A”,”PageDown”鍵盤輸入指令Get_Key_String在RAPTOR中返回鍵盤輸入指令與程序功能調(diào)用鍵盤輸入指令與程序功能調(diào)用RAPTOR圖形與視窗交互課件有關(guān)點(diǎn)陣圖形的應(yīng)用思考題RAPTOR支持點(diǎn)陣圖形的特點(diǎn)，使得許多游戲程序可以在此環(huán)境下，以可視的形式來實(shí)現(xiàn)。例如，石頭、剪刀、布這個游戲是大家普遍熟悉的，可以實(shí)驗(yàn)在網(wǎng)上尋找該游戲的圖片，剪裁后應(yīng)用在自己設(shè)計(jì)的游戲程序中！有關(guān)點(diǎn)陣圖形的應(yīng)用思考題RAPTOR支持點(diǎn)陣圖形的特點(diǎn)，使得在圖形視窗中繪制曲線曲線繪制的主要過程：通過對話窗口輸入函數(shù)的參數(shù)值在圖形窗口繪制坐標(biāo)與參考線在規(guī)定區(qū)間內(nèi)，以Δ的增量進(jìn)行計(jì)算，并使用畫圓點(diǎn)的方式繪制曲線曲線繪制完成后，使用阻塞型輸入語句“Wait_for_Kay”將繪制完成的曲線進(jìn)行展示，并等待用戶輸入任意鍵結(jié)束在圖形視窗中繪制曲線曲線繪制的主要過程：通過對話輸入?yún)?shù)并打開窗口通過對話輸入?yún)?shù)并打開窗口繪制坐標(biāo)與參考線繪制坐標(biāo)與參考線計(jì)算、增量和繪制考慮一下，為何

沒有使用畫線，而

是用畫點(diǎn)的方式，

進(jìn)行曲線的繪制繪制的曲線區(qū)間，

是從哪里到哪里？計(jì)算、增量和繪制考慮一下，為何

沒有使用畫線，而

是用畫點(diǎn)的動畫繪制效果的輸出使用矢量方式在圖形界面中繪制動畫，是可視化計(jì)算中的一種重要的計(jì)算表達(dá)方式注意傳統(tǒng)動畫電影使用多幀放映，使用每一幅位圖之間的差異來表現(xiàn)動畫效果。而工程圖和卡通漫畫等，它們主要由線條和色塊組成，用代數(shù)式來表達(dá)每個元素。然后把這些元素的代數(shù)式和它們的屬性作為文件存盤，這樣生成的就叫矢量圖動畫繪制效果的輸出使用矢量方式在圖形界面中繪制動畫，是可視化RAPTOR的矢量動畫語句Freeze_graph_Window和Update_graph_Window可用來平滑動畫顯示Freeze_graph_Window通過為圖形對象提供特殊的屏幕緩沖區(qū)，圖像的重繪數(shù)據(jù)可以直接從緩沖區(qū)讀取在Freeze_graph_Window被調(diào)用語句后（Unfreeze_graph_Window調(diào)用語句前），該緩沖區(qū)保存了所有圖形調(diào)用語句的繪制結(jié)果RAPTOR的矢量動畫語句Freeze_graph_Wind動態(tài)圖象--鐘擺繪制流程圖初始部分：

注意在Freeze_graph_Window之后，所有圖形繪制的結(jié)果保存在緩存區(qū)動態(tài)圖象--鐘擺繪制流程圖初始部分：

注意在Freeze_g鐘擺繪制流程圖Clear_windows語句擦除前一幀圖像計(jì)算與圖形繪制被保存在緩存Update_Graph_Windows將緩存的內(nèi)容輸出鐘擺繪制流程圖Clear_windows語句擦除前一幀圖像鐘擺繪制流程圖鐘擺繪制