專利名稱：一種圖形按鈕制作方法
技術(shù)領(lǐng)域：
本發(fā)明涉及一種圖形按鈕制作方法，特別是涉及一種應(yīng)用程序中圖形化按鈕的制作方法。
背景技術(shù)：
界面的美觀和用戶親和性是應(yīng)用軟件成功的首要條件，用戶界面是一個應(yīng)用程序最重要的部分，圖形化用戶界面(Graphical User Interface，GUI)是互動窗口、圖標(biāo)、菜單、以及允許用戶使用鼠標(biāo)和鍵盤來啟動程序和打開文件等行動的統(tǒng)稱。對用戶而言，界面就是應(yīng)用程序，他們感覺不到幕后正在執(zhí)行的代碼。不論花多少時間和精力來編制和優(yōu)化代碼，應(yīng)用程序的可用性仍然在很大程度上依賴于界面的好壞。
當(dāng)前，越來越多的應(yīng)用程序通過采用圖形按鈕的形式來改善應(yīng)用程序的界面。應(yīng)用程序要做到界面美觀，一般的做法是用圖形化按鈕來代替系統(tǒng)默認(rèn)按鈕，從而改善應(yīng)用程序的界面。為了使應(yīng)用程序界面更加生動、美觀，圖形按鈕通常都設(shè)計成三維動態(tài)按鈕，即在窗口中凸起顯示的按鈕，當(dāng)用鼠標(biāo)點擊它時，變?yōu)榘枷嘛@示，當(dāng)鼠標(biāo)按鍵松開時，又恢復(fù)為凸起顯示。而且通過高亮顯示的按鈕為可以激活，灰色按鈕為不可以激活。
而通常的圖形化按鈕的實現(xiàn)方法一般是由美工為每一個按鈕制作若干幅圖，分別代表若干個狀態(tài)正常，高亮，按下，不可用……。每一幅圖上都包含有該按鈕的熱鍵及文字。這樣雖然能夠達到美觀的效果，但是當(dāng)應(yīng)用程序有大量不同按鈕時，美工需要制作的圖片量就非常大，這樣就占用了大量的程序空間，使應(yīng)用程序的安裝包過于龐大，不利于網(wǎng)絡(luò)下載。并且當(dāng)制作好大量的按鈕后，后期想更換按鈕的式樣幾乎是不可能的事情。如果要做其它語言版本的應(yīng)用程序，例如最初完成的是簡體中文版，后來要將其改為繁體中文版，就需要把所有的按鈕重新制作一遍，因此增加了許多重復(fù)的勞動，應(yīng)用程序的安裝包也會相應(yīng)的增大，使網(wǎng)絡(luò)下載速度降低，不利于現(xiàn)在普遍需要的網(wǎng)絡(luò)下載。
因此，目前急需一種應(yīng)用程序中的圖形按鈕制作方法，該方法能最大限度地降低應(yīng)用程序安裝包的大小，以便于用戶的網(wǎng)絡(luò)下載，且同時可以根據(jù)需要隨時調(diào)整圖形按鈕的顯示風(fēng)格，從而使應(yīng)用程序的界面更加生動、美觀。

發(fā)明內(nèi)容
本發(fā)明所要解決的技術(shù)問題在于提供一種應(yīng)用程序圖形按鈕制作方法，該圖形按鈕制作方法能在降低圖形按鈕占用的程序空間的同時，方便地改變圖形按鈕的顯示風(fēng)格。
為了實現(xiàn)上述目的，本發(fā)明提供了一種圖形按鈕制作方法，其特征在于，可在應(yīng)用程序運行時，實時生成圖形按鈕，該方法包括如下步驟根據(jù)按鈕的特定狀態(tài)制作相應(yīng)的按鈕框圖；設(shè)定各特定狀態(tài)下按鈕的熱鍵及文字；運行所述應(yīng)用程序，接收圖形按鈕顯示指令；根據(jù)所述圖形按鈕顯示指令，提取相應(yīng)狀態(tài)下的按鈕框圖、熱鍵以及文字；及根據(jù)所述按鈕框圖、熱鍵以及文字，實時生成對應(yīng)的圖形按鈕。
所述的圖形按鈕制作方法，其中，進一步包括如下步驟設(shè)定并儲存各狀態(tài)下圖形按鈕的呈現(xiàn)參數(shù)；及根據(jù)所述呈現(xiàn)參數(shù)調(diào)整所述圖形按鈕。
所述的圖形按鈕制作方法，其中，所述按鈕框圖分為復(fù)數(shù)個組，可根據(jù)用戶設(shè)定，選取相應(yīng)組的框圖。
所述的圖形按鈕制作方法，其中，所述特定狀態(tài)包括正常、高亮、按下以及不可用。
所述的圖形按鈕制作方法，其中，所述呈現(xiàn)參數(shù)包括熱鍵顏色，文字顏色以及文字邊界。
所述的圖形按鈕制作方法，其中，所述按鈕框圖為實時制作的。
根據(jù)本發(fā)明的圖形按鈕制作方法，可在應(yīng)用程序運行時，實時生成圖形按鈕，降低了應(yīng)用程序安裝包所占用的程序空間，降低了美工人員制作圖片的工作量，另外多組按鈕框圖使得應(yīng)用程序可以在不同的位置采用不同的風(fēng)格，也增強了圖形按鈕制作的靈活性，使圖形按鈕的風(fēng)格以及尺寸、形狀、顏色、位置、圖片上面文字的顏色等，均可以根據(jù)需要進行變換，使應(yīng)用程序界面內(nèi)容更加豐富。
以下結(jié)合附圖和具體實施例對本發(fā)明進行詳細描述，但不作為對本發(fā)明的限定。


圖1為本發(fā)明的圖形按鈕制作方法的總體流程圖；圖2為本發(fā)明實施例的按鈕框圖示意圖；圖3為本發(fā)明實施例的圖形按鈕示意圖；圖4為本發(fā)明的圖形按鈕制作方法的實施例的流程圖。
其中，附圖標(biāo)記如下10-按鈕1020-按鈕2030-按鈕3040-按鈕40具體實施方式
本發(fā)明為一種圖形按鈕制作方法，圖1為本發(fā)明的圖形按鈕制作方法的總體流程圖。如圖1所示的圖形按鈕制作方法的具體流程如下步驟110，根據(jù)按鈕的特定狀態(tài)制作相應(yīng)的按鈕框圖；步驟120，設(shè)定各特定狀態(tài)下按鈕的熱鍵及文字，同時設(shè)定并儲存各狀態(tài)下圖形按鈕的呈現(xiàn)參數(shù)；步驟130，運行該應(yīng)用程序，接收圖形按鈕顯示指令；步驟140，根據(jù)該圖形按鈕顯示指令，提取相應(yīng)狀態(tài)下的按鈕框圖、熱鍵以及文字；及步驟150，根據(jù)該按鈕框圖、熱鍵以及文字實時生成相應(yīng)的圖形按鈕，同時根據(jù)呈現(xiàn)參數(shù)調(diào)整該圖形按鈕。
圖2為本發(fā)明實施例的按鈕框圖示意圖。圖3為本發(fā)明實施例的圖形按鈕示意圖。
根據(jù)本發(fā)明的圖形按鈕制作方法，需要制作若干幅只有邊框沒有內(nèi)容的按鈕框圖，如圖2所示。在圖2中，按鈕10、按鈕20、按鈕30、按鈕40對應(yīng)的特定狀態(tài)分別為正常，高亮，按下，不可用。其中，按鈕10的內(nèi)邊框和外邊框均為藍色，按鈕20的外邊框為藍色內(nèi)邊框為淺橙色，按鈕30的外邊框為藍色內(nèi)邊框為深橙色，按鈕40的內(nèi)外邊框也均為藍色但按鈕已變灰。通常稱這些對應(yīng)特定狀態(tài)的若干幅按鈕框圖為一組圖片?？梢灾谱鞫嘟M這樣的圖片，分別對應(yīng)不同的風(fēng)格，這樣程序中不同的地方可以采用不同風(fēng)格的按鈕框圖，這樣不僅使用戶界面具有一致的外觀，而且界面可以在不同風(fēng)格之間進行切換，從而呈現(xiàn)出富于變化的界面。
然后在程序中用預(yù)先設(shè)定的顏色實時地繪制按鈕的熱鍵及文字。這樣做的優(yōu)點是無論應(yīng)用程序中有多少按鈕，只要帶上這幾張圖，再帶上文本格式的所有按鈕的熱鍵和文字就行了。若要改變程序語言版本，只需要更換按鈕的文本。這樣美工工作量減少了，若要調(diào)整按鈕的式樣，只要把這幾張圖更換就可以實現(xiàn)，應(yīng)用程序的安裝包也很小。制作完成的圖形按鈕如圖3所示。其中，完成的按鈕10內(nèi)的文字及方形圖案均為藍色，完成的按鈕20內(nèi)的文字及方形圖案均為藍色，按鈕20與按鈕10的區(qū)別在于按鈕20的內(nèi)邊框為橙色，完成的按鈕30的內(nèi)邊框及其內(nèi)的文字和方形圖案均為橙色，完成的按鈕40變灰，其內(nèi)的文字及方形圖案均為灰色。當(dāng)然，按鈕框圖也可以是在應(yīng)用程序運行時，實時制作。
圖4為本發(fā)明的圖形按鈕制作方法的實施例的流程圖。
如圖4所示，本發(fā)明所述的圖形按鈕制作方法的實施例的運作流程如下步驟410，制作若干幅只有邊框沒有內(nèi)容的框圖，分別代表若干個狀態(tài)正常，高亮，按下，不可用...。這里稱這若干幅圖為一組圖片。
步驟420，設(shè)定該組圖片的呈現(xiàn)參數(shù)，包括圖片左右兩邊留白的尺寸(即邊界)及各個狀態(tài)下繪制熱鍵和文字所用的顏色，具體如下<pushbutton type＝″default″margin＝″14″>
<picture type＝″normal″color＝″#333399″paper＝″white″>b1.png</picture>
<picture type＝″mouseover″color＝″#333399″paper＝″white″>b2.png</picture>
paper＝″white″>b3.png</picture>
<picture type＝″disable″color＝″#8899aa″paper＝″#ccddee″>b4.png</picture>
</pushbutton>
步驟430，設(shè)定需要繪制的按鈕的熱鍵及文字，具體如下<widgets>
<widget type＝″pushbutton″name＝″settings″accel＝″0″text＝″系統(tǒng)設(shè)定″/>
<widget type＝″pushbutton″name＝″help″accel＝″9″text＝″說明″/>
</widgets>
步驟440，應(yīng)用程序運行時，取得需要繪制的按鈕的熱鍵及文字。
步驟450，根據(jù)當(dāng)前的按鈕狀態(tài)找到相應(yīng)的框圖、邊界及顏色?？梢愿鶕?jù)需要在多組框圖中進行選擇，從而便于打造個性化的圖形界面。
步驟460，在程序中根據(jù)預(yù)先設(shè)定的邊界，及按鈕文字的長短，自動調(diào)整按鈕的寬度。
步驟470，在程序中根據(jù)預(yù)先設(shè)定的顏色實時地繪制按鈕的熱鍵及文字。
當(dāng)然，本發(fā)明還可有其他多種實施例，在不背離本發(fā)明精神及其實質(zhì)的情況下，熟悉本領(lǐng)域的技術(shù)人員當(dāng)可根據(jù)本發(fā)明作出各種相應(yīng)的改變和變形，但這些相應(yīng)的改變和變形都應(yīng)屬于本發(fā)明所附的權(quán)利要求的保護范圍。
權(quán)利要求
1.一種圖形按鈕制作方法，其特征在于，可在應(yīng)用程序運行時，實時生成圖形按鈕，所述方法包括如下步驟根據(jù)按鈕的特定狀態(tài)制作相應(yīng)的按鈕框圖；設(shè)定各特定狀態(tài)下按鈕的熱鍵及文字；運行所述應(yīng)用程序，接收圖形按鈕顯示指令；根據(jù)所述圖形按鈕顯示指令，提取相應(yīng)狀態(tài)下的按鈕框圖、熱鍵以及文字；及根據(jù)所述按鈕框圖、熱鍵以及文字，實時生成對應(yīng)的圖形按鈕。
2.根據(jù)權(quán)利要求1所述的圖形按鈕制作方法，其特征在于，進一步包括如下步驟設(shè)定并儲存各狀態(tài)下圖形按鈕的呈現(xiàn)參數(shù)；及根據(jù)所述呈現(xiàn)參數(shù)調(diào)整所述圖形按鈕。
3.根據(jù)權(quán)利要求1所述的圖形按鈕制作方法，其特征在于，所述按鈕框圖分為多個組，可根據(jù)用戶設(shè)定，選取相應(yīng)組的框圖。
4.根據(jù)權(quán)利要求1所述的圖形按鈕制作方法，其特征在于，所述特定狀態(tài)包括正常、高亮、按下以及不可用。
5.根據(jù)權(quán)利要求2所述的圖形按鈕制作方法，其特征在于，所述呈現(xiàn)參數(shù)包括熱鍵顏色，文字顏色以及文字邊界。
6.根據(jù)權(quán)利要求1所述的圖形按鈕制作方法，其特征在于，所述按鈕框圖為實時制作的。
全文摘要
本發(fā)明涉及一種圖形按鈕制作方法，首先根據(jù)按鈕的特定狀態(tài)制作相應(yīng)的按鈕框圖，然后設(shè)定各特定狀態(tài)下按鈕的熱鍵及文字，運行應(yīng)用程序時接收圖形按鈕顯示指令，根據(jù)該圖形按鈕顯示指令，提取相應(yīng)狀態(tài)下的按鈕框圖、熱鍵以及文字，再根據(jù)該按鈕框圖、熱鍵以及文字實時生成相應(yīng)的圖形按鈕，從而可在應(yīng)用程序運行時，實時生成圖形按鈕，降低了圖形按鈕所占用的空間，同時也增強了圖形按鈕制作的靈活性。
文檔編號G06F9/44GK1752927SQ200410080150
公開日2006年3月29日 申請日期2004年9月24日 優(yōu)先權(quán)日2004年9月24日
發(fā)明者張東華, 張洪濤, 馬蘋蘋 申請人:英業(yè)達股份有限公司