使用Visual C++ 2010創(chuàng)建Ribbon界面
隨著Office 2007的發(fā)布,它改變了以往傳統(tǒng)的下拉式菜單用戶界面,取而代之的是全新的被稱之為“Ribbon”的固定式工具欄界面。微軟聲稱這種新的用戶界面能夠使用戶更容易地使用軟件的各項常用功能,例如Word 2007中的保存,設(shè)置格式,插入圖片等常用功能,都可以從Ribbon界面快速地訪問到,從而提高用戶的生產(chǎn)效率。
雖然很多用戶還在抱怨“不習(xí)慣Ribbon界面”、“很多功能找不到位置”等等,但是,隨著微軟的“強制”推行,Ribbon界面也在越來越被人們所接受,很多應(yīng)用軟件也開始采用Ribbon界面。更重要的是,在即將到來的Windows 7中,操作系統(tǒng)本身更是大量地應(yīng)用了Ribbon界面。不管我們愿意或者不愿意,Ribbon界面開始大張旗鼓地攻占我們的軟件界面,成為繼下拉式菜單后新的標(biāo)準(zhǔn)用戶界面。作為用戶,我們需要逐漸熟悉這種新的軟件用戶界面;而作為開發(fā)者,更是需要了解和認(rèn)識這種新的軟件用戶界面,新的交互方式,從而利于這種新界面的優(yōu)勢,為用戶提供更加優(yōu)秀的軟件。
“Ribbon來了!”
Windows平臺的進化,往往都伴隨著系統(tǒng)圖形界面的重新設(shè)計。從Windows XP到Windows Vista,最大的革新就是Windows Aero的引入。而在微軟的下一代Windows平臺Windows 7中,雖然Aero被保留下來,但是Windows 7的圖形用戶界面更多的是朝著Office 2007相同的方向前進,無論是系統(tǒng)自帶的工具軟件,例如畫圖、寫字板等,還是上層的第三方應(yīng)用軟件,例如Office 2007、AutoCAD、SnagIt等等,都全面應(yīng)用了Ribbon界面。
在傳統(tǒng)的軟件界面設(shè)計中,我們都是采用“文件”、“編輯”、“視圖”的菜單模式,這儼然成為軟件界面設(shè)計的標(biāo)準(zhǔn)。但是現(xiàn)實的情況是,隨著軟件的功能越來越強大,下拉菜單也隨之變得越來越長,用戶根本不清楚菜單深處到底隱藏著什么重要的功能。這往往意味著用戶要求軟件實現(xiàn)的功能,其實軟件早已經(jīng)具有了,只是在菜單中隱藏得比較深,用戶沒有找到而已。越來越長的菜單的另外一個弊端是,很多常用的功能被埋沒在眾多的菜單項中,使得用戶在使用常用的功能時,還需要進行多次菜單選擇,這無疑降低了工作效率。為了改變這種現(xiàn)狀,微軟進行了大量的研究,在廣泛聽取用戶意見的基礎(chǔ)上,同時經(jīng)過了嚴(yán)格的可用性測試,終于在Office 2007中推出了革命性的Ribbon界面。
跟傳統(tǒng)的菜單式用戶界面相比較,Ribbon界面的優(yōu)勢主要體現(xiàn)在如下幾個方面:
- 所有功能有組織地集中存放,不再需要查找級聯(lián)菜單、工具欄等等
- 更好地在每個應(yīng)用程序中組織命令
- 提供足夠顯示更多命令的空間
- 豐富的命令布局可以幫助用戶更容易地找到重要的,常用的功能
- 可以顯示圖示,對命令的效果進行預(yù)覽,例如改變文本的格式等
- 更加適合觸摸屏操作
雖然從菜單式界面到Ribbon界面有一個漫長的熟悉的過程,但是一個不爭的事實是,Ribbon界面正在被越來越多的人接受,相應(yīng)的,越來越多的軟件開發(fā)商開始拋棄傳統(tǒng)的菜單式界面,轉(zhuǎn)而采用Ribbon界面。Visual Studio 2010作為面向下一代Windows平臺的開發(fā)工具,自然是對Ribbon界面全面支持。下面我們就來看看如何利于Visual Studio 2010開發(fā)面向Windows 7的Ribbon界面。
創(chuàng)建MFC應(yīng)用程序項目
實際上,Ribbon界面(Office 2007風(fēng)格的界面)的開發(fā)早在2008年就隨著Visual C++ Feature Pack被引入到Visual Studio 2008中。在即將到來的Visual Studio 2010中,Ribbon界面的開發(fā)更是得到了原生的支持,使得Ribbon界面的開發(fā)更加簡便高效!
首先,我們啟動Visual Studio 2010,創(chuàng)建一個基于MFC的應(yīng)用程序,項目模板我們選擇“MFC Application”:
創(chuàng)建MFC應(yīng)用程序
在接下來的“MFC應(yīng)用程序向?qū)А敝校覀兙涂梢詫椖康目梢暬L(fēng)格進行選擇和配置。Visual Studio 2010支持MFC風(fēng)格、標(biāo)準(zhǔn)的Windows風(fēng)格,Visual Studio 2005風(fēng)格和Office 2007風(fēng)格。而這里的Office 2007風(fēng)格,就是我們要創(chuàng)建的Ribbon界面:
設(shè)置Ribbon界面風(fēng)格
在接下來的向?qū)ы撝,我們可以選擇命令欄(工具欄。菜單欄)的樣式,這里我們當(dāng)然選擇“Use a ribbon”了。當(dāng)然,為了跟舊有的系統(tǒng)保持兼容,Visual Studio 2010也支持傳統(tǒng)的命令式界面,如果你的用戶比較保守,想繼續(xù)使用傳統(tǒng)的菜單式界面,我們可以選擇“Use a menu bar and toolbar”:
選擇命令欄的風(fēng)格
為了支持豐富的Office 2007界面風(fēng)格,MFC默認(rèn)情況下為MFC文檔應(yīng)用程序添加了類似Outlook風(fēng)格的導(dǎo)航面板(Navigation pane)和標(biāo)題條(Caption bar)。這兩者并不是我們關(guān)注的重點,為了更好的展示Ribbon界面,我們這里就去掉這兩個多余的面板:
去掉多余的界面元素
到這里,針對新項目的設(shè)置就完成了,點擊“Finish”按鈕關(guān)閉應(yīng)用程序向?qū)В琕isual Studio 2010就會按照我們的設(shè)置創(chuàng)建相應(yīng)的MFC應(yīng)用程序解決方案。編譯運行這個解決方案,我們就得到了第一個具有Ribbon界面的應(yīng)用程序。
第一個Ribbon界面應(yīng)用程序
出處:藍色理想
責(zé)任編輯:bluehearts
上一頁 下一頁 Visual C++ 2010創(chuàng)建Ribbon界面 [1]
◎進入論壇網(wǎng)絡(luò)編程版塊參加討論
|