专利名称：一种图形按钮制作方法
技术领域：
本发明涉及一种图形按钮制作方法，特别是涉及一种应用程序中图形化按钮的制作方法。
背景技术：
界面的美观和用户亲和性是应用软件成功的首要条件，用户界面是一个应用程序最重要的部分，图形化用户界面(Graphical User Interface，GUI)是互动窗口、图标、菜单、以及允许用户使用鼠标和键盘来启动程序和打开文件等行动的统称。对用户而言，界面就是应用程序，他们感觉不到幕后正在执行的代码。不论花多少时间和精力来编制和优化代码，应用程序的可用性仍然在很大程度上依赖于界面的好坏。
当前，越来越多的应用程序通过采用图形按钮的形式来改善应用程序的界面。应用程序要做到界面美观，一般的做法是用图形化按钮来代替系统默认按钮，从而改善应用程序的界面。为了使应用程序界面更加生动、美观，图形按钮通常都设计成三维动态按钮，即在窗口中凸起显示的按钮，当用鼠标点击它时，变为凹下显示，当鼠标按键松开时，又恢复为凸起显示。而且通过高亮显示的按钮为可以激活，灰色按钮为不可以激活。
而通常的图形化按钮的实现方法一般是由美工为每一个按钮制作若干幅图，分别代表若干个状态正常，高亮，按下，不可用……。每一幅图上都包含有该按钮的热键及文字。这样虽然能够达到美观的效果，但是当应用程序有大量不同按钮时，美工需要制作的图片量就非常大，这样就占用了大量的程序空间，使应用程序的安装包过于庞大，不利于网络下载。并且当制作好大量的按钮后，后期想更换按钮的式样几乎是不可能的事情。如果要做其它语言版本的应用程序，例如最初完成的是简体中文版，后来要将其改为繁体中文版，就需要把所有的按钮重新制作一遍，因此增加了许多重复的劳动，应用程序的安装包也会相应的增大，使网络下载速度降低，不利于现在普遍需要的网络下载。
因此，目前急需一种应用程序中的图形按钮制作方法，该方法能最大限度地降低应用程序安装包的大小，以便于用户的网络下载，且同时可以根据需要随时调整图形按钮的显示风格，从而使应用程序的界面更加生动、美观。
发明内容
本发明所要解决的技术问题在于提供一种应用程序图形按钮制作方法，该图形按钮制作方法能在降低图形按钮占用的程序空间的同时，方便地改变图形按钮的显示风格。
为了实现上述目的，本发明提供了一种图形按钮制作方法，其特征在于，可在应用程序运行时，实时生成图形按钮，该方法包括如下步骤根据按钮的特定状态制作相应的按钮框图；设定各特定状态下按钮的热键及文字；运行所述应用程序，接收图形按钮显示指令；根据所述图形按钮显示指令，提取相应状态下的按钮框图、热键以及文字；及根据所述按钮框图、热键以及文字，实时生成对应的图形按钮。
所述的图形按钮制作方法，其中，进一步包括如下步骤设定并储存各状态下图形按钮的呈现参数；及根据所述呈现参数调整所述图形按钮。
所述的图形按钮制作方法，其中，所述按钮框图分为复数个组，可根据用户设定，选取相应组的框图。
所述的图形按钮制作方法，其中，所述特定状态包括正常、高亮、按下以及不可用。
所述的图形按钮制作方法，其中，所述呈现参数包括热键颜色，文字颜色以及文字边界。
所述的图形按钮制作方法，其中，所述按钮框图为实时制作的。
根据本发明的图形按钮制作方法，可在应用程序运行时，实时生成图形按钮，降低了应用程序安装包所占用的程序空间，降低了美工人员制作图片的工作量，另外多组按钮框图使得应用程序可以在不同的位置采用不同的风格，也增强了图形按钮制作的灵活性，使图形按钮的风格以及尺寸、形状、颜色、位置、图片上面文字的颜色等，均可以根据需要进行变换，使应用程序界面内容更加丰富。
以下结合附图和具体实施例对本发明进行详细描述，但不作为对本发明的限定。
图1为本发明的图形按钮制作方法的总体流程图；图2为本发明实施例的按钮框图示意图；图3为本发明实施例的图形按钮示意图；图4为本发明的图形按钮制作方法的实施例的流程图。
其中，附图标记如下10-按钮1020-按钮2030-按钮3040-按钮40具体实施方式
本发明为一种图形按钮制作方法，图1为本发明的图形按钮制作方法的总体流程图。如图1所示的图形按钮制作方法的具体流程如下步骤110，根据按钮的特定状态制作相应的按钮框图；步骤120，设定各特定状态下按钮的热键及文字，同时设定并储存各状态下图形按钮的呈现参数；步骤130，运行该应用程序，接收图形按钮显示指令；步骤140，根据该图形按钮显示指令，提取相应状态下的按钮框图、热键以及文字；及步骤150，根据该按钮框图、热键以及文字实时生成相应的图形按钮，同时根据呈现参数调整该图形按钮。
图2为本发明实施例的按钮框图示意图。图3为本发明实施例的图形按钮示意图。
根据本发明的图形按钮制作方法，需要制作若干幅只有边框没有内容的按钮框图，如图2所示。在图2中，按钮10、按钮20、按钮30、按钮40对应的特定状态分别为正常，高亮，按下，不可用。其中，按钮10的内边框和外边框均为蓝色，按钮20的外边框为蓝色内边框为浅橙色，按钮30的外边框为蓝色内边框为深橙色，按钮40的内外边框也均为蓝色但按钮已变灰。通常称这些对应特定状态的若干幅按钮框图为一组图片。可以制作多组这样的图片，分别对应不同的风格，这样程序中不同的地方可以采用不同风格的按钮框图，这样不仅使用户界面具有一致的外观，而且界面可以在不同风格之间进行切换，从而呈现出富于变化的界面。
然后在程序中用预先设定的颜色实时地绘制按钮的热键及文字。这样做的优点是无论应用程序中有多少按钮，只要带上这几张图，再带上文本格式的所有按钮的热键和文字就行了。若要改变程序语言版本，只需要更换按钮的文本。这样美工工作量减少了，若要调整按钮的式样，只要把这几张图更换就可以实现，应用程序的安装包也很小。制作完成的图形按钮如图3所示。其中，完成的按钮10内的文字及方形图案均为蓝色，完成的按钮20内的文字及方形图案均为蓝色，按钮20与按钮10的区别在于按钮20的内边框为橙色，完成的按钮30的内边框及其内的文字和方形图案均为橙色，完成的按钮40变灰，其内的文字及方形图案均为灰色。当然，按钮框图也可以是在应用程序运行时，实时制作。
图4为本发明的图形按钮制作方法的实施例的流程图。
如图4所示，本发明所述的图形按钮制作方法的实施例的运作流程如下步骤410，制作若干幅只有边框没有内容的框图，分别代表若干个状态正常，高亮，按下，不可用...。这里称这若干幅图为一组图片。
步骤420，设定该组图片的呈现参数，包括图片左右两边留白的尺寸(即边界)及各个状态下绘制热键和文字所用的颜色，具体如下<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，设定需要绘制的按钮的热键及文字，具体如下<widgets>
<widget type＝″pushbutton″name＝″settings″accel＝″0″text＝″系统设定″/>
<widget type＝″pushbutton″name＝″help″accel＝″9″text＝″说明″/>
</widgets>
步骤440，应用程序运行时，取得需要绘制的按钮的热键及文字。
步骤450，根据当前的按钮状态找到相应的框图、边界及颜色。可以根据需要在多组框图中进行选择，从而便于打造个性化的图形界面。
步骤460，在程序中根据预先设定的边界，及按钮文字的长短，自动调整按钮的宽度。
步骤470，在程序中根据预先设定的颜色实时地绘制按钮的热键及文字。
当然，本发明还可有其他多种实施例，在不背离本发明精神及其实质的情况下，熟悉本领域的技术人员当可根据本发明作出各种相应的改变和变形，但这些相应的改变和变形都应属于本发明所附的权利要求的保护范围。
权利要求
1.一种图形按钮制作方法，其特征在于，可在应用程序运行时，实时生成图形按钮，所述方法包括如下步骤根据按钮的特定状态制作相应的按钮框图；设定各特定状态下按钮的热键及文字；运行所述应用程序，接收图形按钮显示指令；根据所述图形按钮显示指令，提取相应状态下的按钮框图、热键以及文字；及根据所述按钮框图、热键以及文字，实时生成对应的图形按钮。
2.根据权利要求1所述的图形按钮制作方法，其特征在于，进一步包括如下步骤设定并储存各状态下图形按钮的呈现参数；及根据所述呈现参数调整所述图形按钮。
3.根据权利要求1所述的图形按钮制作方法，其特征在于，所述按钮框图分为多个组，可根据用户设定，选取相应组的框图。
4.根据权利要求1所述的图形按钮制作方法，其特征在于，所述特定状态包括正常、高亮、按下以及不可用。
5.根据权利要求2所述的图形按钮制作方法，其特征在于，所述呈现参数包括热键颜色，文字颜色以及文字边界。
6.根据权利要求1所述的图形按钮制作方法，其特征在于，所述按钮框图为实时制作的。
全文摘要
本发明涉及一种图形按钮制作方法，首先根据按钮的特定状态制作相应的按钮框图，然后设定各特定状态下按钮的热键及文字，运行应用程序时接收图形按钮显示指令，根据该图形按钮显示指令，提取相应状态下的按钮框图、热键以及文字，再根据该按钮框图、热键以及文字实时生成相应的图形按钮，从而可在应用程序运行时，实时生成图形按钮，降低了图形按钮所占用的空间，同时也增强了图形按钮制作的灵活性。
文档编号G06F9/44GK1752927SQ200410080150
公开日2006年3月29日 申请日期2004年9月24日 优先权日2004年9月24日
发明者张东华, 张洪涛, 马苹苹 申请人:英业达股份有限公司