《圖形用戶界面GUI》PPT課件.ppt

《《圖形用戶界面GUI》PPT課件.ppt》由會(huì)員分享，可在線閱讀，更多相關(guān)《《圖形用戶界面GUI》PPT課件.ppt（23頁珍藏版）》請?jiān)谘b配圖網(wǎng)上搜索。

1、圖形用戶界面-GUI,太原工業(yè)學(xué)院 072054112 袁 豪,主要內(nèi)容,簡介 特點(diǎn) GUI的組成部分 實(shí)現(xiàn)方法 GUI準(zhǔn)則 GUI應(yīng)用領(lǐng)域,一、簡介,圖形用戶界面 Graphical User Interface，簡稱 GUI，又稱圖形用戶接口，是指采用圖形方式顯示的計(jì)算機(jī)操作用戶界面。 與早期計(jì)算機(jī)使用的命令行界面相比，圖形界面對于用戶來說在視覺上更易于接受。,一、簡介,如Windows是以GUI（圖形界面）方式操作的，因?yàn)槟憧梢杂檬髽?biāo)來點(diǎn)擊按鈕來進(jìn)行操作，很直觀。而DOS就不具備GUI，所以他只能輸入命令。DOS 的這種界面叫CLI(Command line User Inte

2、rface )命令行模式的人機(jī)接口。 GUI是Graphical User Interface 的簡稱，即圖形用戶界面，通常人機(jī)交互圖形化用戶界面設(shè)計(jì)經(jīng)常讀做“goo-ee”，準(zhǔn)確來說 GUI 就是屏幕產(chǎn)品的視覺體驗(yàn)和互動(dòng)操作部分。,一、簡介,GUI是一種結(jié)合計(jì)算機(jī)科學(xué)、美學(xué)、心理學(xué)、行為學(xué)，及各商業(yè)領(lǐng)域需求分析的人機(jī)系統(tǒng)工程，強(qiáng)調(diào)人機(jī)環(huán)境三者作為一個(gè)系統(tǒng)進(jìn)行總體設(shè)計(jì)。 這種面向客戶的系統(tǒng)工程設(shè)計(jì)其目的是優(yōu)化產(chǎn)品的性能，使操作更人性化，減輕使用者的認(rèn)知負(fù)擔(dān)，使其更適合用戶的操作需求，直接提升產(chǎn)品的市場競爭力。,二、特點(diǎn),GUI的廣泛應(yīng)用是當(dāng)今計(jì)算機(jī)發(fā)展的重大成就之一，他極大地方便了非專業(yè)

3、用戶的使用人們從此不再需要死記硬背大量的命令，取而代之的是可以通過窗口、菜單、按鍵等方式來方便地進(jìn)行操作。 嵌入式GUI具有下面幾個(gè)方面的基本要求：輕型、占用資源少、高性能、高可靠性、便于移植、可配置等特點(diǎn)。,三、GUI的組成部分,桌面 視窗 菜單 圖標(biāo) 按鈕 其他,三、GUI的組成部分,桌面 在啟動(dòng)時(shí)顯示，也是界面中最底層，有時(shí)也指代包括窗口、文件瀏覽器在內(nèi)的“桌面環(huán)境”。在桌面上由于可以重疊顯示窗口，因此可以實(shí)現(xiàn)多任務(wù)化。一般的界面中，桌面上放有各種應(yīng)用程序和數(shù)據(jù)的圖標(biāo)，用戶可以依此開始工作。桌面與既存的文件夾構(gòu)成里面相違背，所以要以特殊位置的文件夾的參照形式來定義內(nèi)容。比如在微軟

4、公司的Windows XP系統(tǒng)中，各種用戶的桌面內(nèi)容實(shí)際保存在系統(tǒng)盤（默認(rèn)為C盤）：Documents and Settings用戶名桌面 文件夾里。,三、GUI的組成部分,視窗 應(yīng)用程序?yàn)槭褂脭?shù)據(jù)而在圖形用戶界面中設(shè)置的基本單元。應(yīng)用程序和數(shù)據(jù)在窗口內(nèi)實(shí)現(xiàn)一體化。在窗口中，用戶可以在窗口中操作應(yīng)用程序，進(jìn)行數(shù)據(jù)的管理、生成和編輯。通常在窗口四周設(shè)有菜單、圖標(biāo)，數(shù)據(jù)放在中央。 在窗口中，根據(jù)各種數(shù)據(jù)/應(yīng)用程序的內(nèi)容設(shè)有標(biāo)題欄，一般放在窗口的最上方，并在其中設(shè)有最大化、最小化（隱藏窗口，并非消除數(shù)據(jù)）、最前面、縮進(jìn)（僅顯示標(biāo)題欄）等動(dòng)作按鈕，可以簡單地對窗口進(jìn)行操作。,三、GUI的組成部

5、分, 單一文件界面 在窗口中，一個(gè)數(shù)據(jù)在一個(gè)窗口內(nèi)完成的方式。在這種情況下，數(shù)據(jù)和顯示窗口的數(shù)量是一樣的。若要在其他應(yīng)用程序的窗口使用數(shù)據(jù)，將相應(yīng)生成新的窗口。因此窗口數(shù)量多，管理復(fù)雜。 多文件界面 在一個(gè)窗口之內(nèi)進(jìn)行多個(gè)數(shù)據(jù)管理的方式。這種情況下，窗口的管理簡單化，但是操作變?yōu)殡p重管理。,,三、GUI的組成部分,上述中，多文件界面主要是微軟視窗系統(tǒng)采用。而在其他環(huán)境中，通常多是單文件界面，所以無所謂單一/多文件界面的稱呼問題。 標(biāo)簽 多文件界面的數(shù)據(jù)管理方式中使用的一種界面，將數(shù)據(jù)的標(biāo)題在窗口中并排，通過選擇標(biāo)簽標(biāo)題顯示必要的數(shù)據(jù)，這樣使得接入數(shù)據(jù)方式變得更為便捷。,三、GUI的組

6、成部分,菜單 將系統(tǒng)可以執(zhí)行的命令以階層的方式顯示出來的一個(gè)界面。一般置于畫面的最上方或者最下方，應(yīng)用程序能使用的所有命令幾乎全部都能放入。重要程度一般是從左到右，越往右重要度越低。命定的層次根據(jù)應(yīng)用程序的不同而不同，一般重視文件的操作、編輯功能，因此放在最左邊，然后往右有各種設(shè)置等操作，最右邊往往設(shè)有幫助。一般使用鼠標(biāo)的第一按鈕進(jìn)行操作。 即時(shí)菜單（又稱功能表） 與應(yīng)用程序準(zhǔn)備好的層次菜單不同，在菜單欄以外的地方，通過鼠標(biāo)的第二按鈕調(diào)出的菜單稱為“即時(shí)菜單”。根據(jù)調(diào)出位置的不同，菜單內(nèi)容即時(shí)變化，列出所指示的對象目前可以進(jìn)行的操作。,三、GUI的組成部分,圖標(biāo) 顯示在管理數(shù)據(jù)的應(yīng)

7、用程序中的數(shù)據(jù)，或者顯示應(yīng)用程序本身。 數(shù)據(jù)管理程序，即在文件夾中用戶數(shù)據(jù)的管理、進(jìn)行特定數(shù)據(jù)管理的程序的情況下，數(shù)據(jù)通過圖標(biāo)顯示出來。通常情況下顯示的是數(shù)據(jù)的內(nèi)容或者與數(shù)據(jù)相關(guān)聯(lián)的應(yīng)用程序的圖案。另外，點(diǎn)擊數(shù)據(jù)的圖標(biāo)，一般可以之間完成啟動(dòng)相關(guān)應(yīng)用程序以后再顯示數(shù)據(jù)本身這兩個(gè)步驟的工作。 應(yīng)用程序的圖標(biāo)只能用于啟動(dòng)應(yīng)用程序。,三、GUI的組成部分,按鈕 菜單中，利用程度高的命令用圖形表示出來，配置在應(yīng)用程序中，成為按鈕。 應(yīng)用程序中的按鈕，通?？梢源娌藛?。一些使用程度高的命令，不必通過菜單一層層翻動(dòng)才能調(diào)出，極大提高了工作效率。但是，各種用戶使用的命令頻率是不一樣的，因此這種配

8、置一般都是可以由用戶自定義編輯。,三、GUI的組成部分,其他 回收站 為了實(shí)現(xiàn)文件刪除的“假安全”功能而設(shè)置了“回收站”（垃圾桶）功能。在文件刪除的時(shí)候，暫時(shí)將其移動(dòng)到系統(tǒng)特定的地方，一旦用戶發(fā)現(xiàn)刪除錯(cuò)誤，還可以將其找回，從而實(shí)現(xiàn)防止錯(cuò)誤刪除的目的。在麥金塔系統(tǒng)中，垃圾桶不僅可以刪除文件，還可以進(jìn)行各種各樣對象的刪除功能，如將可移動(dòng)硬盤從系統(tǒng)中移出，將光盤從光驅(qū)中取出等等。,三、GUI的組成部分, 應(yīng)用程序啟動(dòng)器 從圖形界面上啟動(dòng)應(yīng)用程序有很多方式，有好幾種操作系統(tǒng)都采用菜單形式的程序啟動(dòng)器。NEXTSTEP和Mac OS X中有一種稱為dock的操作面板型的工具，可以存放各種文件和

9、應(yīng)用程序的信息，并通過鼠標(biāo)點(diǎn)擊調(diào)出。,三、GUI的組成部分, 圖形用戶界面的任務(wù)管理 在圖形用戶界面中，用戶操作是以窗口為單位的。除了MDI和Mac OS以外，大多都是窗口數(shù)量=任務(wù)數(shù)量。因此在看整體界面的時(shí)候，怎樣進(jìn)行任務(wù)管理是很重要的。Windows等操作系統(tǒng)中，最常用的方式是在桌面上設(shè)置一個(gè)棒狀的”任務(wù)欄“，放置各種窗口的圖標(biāo)和標(biāo)題，確保系統(tǒng)的可操作性和可視性，方便對窗口進(jìn)行管理。,三、GUI的組成部分,其他的方法包括，在桌面上的菜單中添加各個(gè)窗口管理菜單，在桌面上顯示任務(wù)的圖標(biāo)，用虛擬桌面的方式表面增加桌面的數(shù)量等等。在Mac OS X系統(tǒng)中使用Dock進(jìn)行任務(wù)管理，但是還有Exp

10、os進(jìn)行窗口一覽顯示模式的功能。 指針設(shè)備的操作 圖形用戶界面的基本操作是，用指針設(shè)備（一般是鼠標(biāo)）進(jìn)行指示操作，然后使用設(shè)備上的按鈕（通常為兩到三個(gè)）進(jìn)行動(dòng)作的激活。因此“位置”和“指示”都非常明瞭，從而實(shí)現(xiàn)可視操作。,三、GUI的組成部分,指示的內(nèi)容根據(jù)位置而不同。在數(shù)據(jù)管理應(yīng)用程序中，第一按鈕進(jìn)行指針?biāo)谖恢脭?shù)據(jù)的選擇，而兩次連續(xù)按鈕（所謂“雙擊”）可以調(diào)出預(yù)制的應(yīng)用程序開始處理數(shù)據(jù)。 第二按鈕通常用來顯示即時(shí)菜單。第二按鈕調(diào)出的菜單可以再用第一按鈕進(jìn)行選擇打操作。第三按鈕在X Window System中比較常用。 另外，最近四鍵、五鍵鼠標(biāo)相繼問世，各個(gè)按鈕可以在操作系統(tǒng)中進(jìn)行動(dòng)作定義。,四、實(shí)現(xiàn)方法,針對特定的圖形設(shè)備輸出接口，自行開發(fā)相關(guān)的功能函數(shù)。 購買針對特定嵌入式系統(tǒng)的圖形中間軟件包。 采用源碼開放的嵌入式GUI系統(tǒng)。 使用獨(dú)立軟件開發(fā)商提供的嵌入式GUI產(chǎn)品。,五、GUI 準(zhǔn)則,減少用戶的認(rèn)知負(fù)擔(dān) 保持界面的一致性 滿足不同目標(biāo)用戶的創(chuàng)意需求 用戶界面友好性 圖標(biāo)識別平衡性 圖標(biāo)功能的一致性 建立界面與用戶的互動(dòng)交流,六、GUI 應(yīng)用領(lǐng)域,手機(jī)通訊移動(dòng)產(chǎn)品 電腦操作平臺 軟件產(chǎn)品 PDA產(chǎn)品 數(shù)碼產(chǎn)品 車載系統(tǒng)產(chǎn)品 智能家電產(chǎn)品 游戲產(chǎn)品 產(chǎn)品的在線推廣,The End,Thank you！,