一种图形按钮制作方法技术

本发明专利技术涉及一种图形按钮制作方法，首先根据按钮的特定状态制作相应的按钮框图，然后设定各特定状态下按钮的热键及文字，运行应用程序时接收图形按钮显示指令，根据该图形按钮显示指令，提取相应状态下的按钮框图、热键以及文字，再根据该按钮框图、热键以及文字实时生成相应的图形按钮，从而可在应用程序运行时，实时生成图形按钮，降低了图形按钮所占用的空间，同时也增强了图形按钮制作的灵活性。

【技术实现步骤摘要】

本专利技术涉及，特别是涉及一种应用程序中图形化按钮的制作方法。
技术介绍
界面的美观和用户亲和性是应用软件成功的首要条件，用户界面是一个应用程序最重要的部分，图形化用户界面(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＝″#本文档来自技高网...

【技术保护点】
一种图形按钮制作方法，其特征在于，可在应用程序运行时，实时生成图形按钮，所述方法包括如下步骤：根据按钮的特定状态制作相应的按钮框图；设定各特定状态下按钮的热键及文字；运行所述应用程序，接收图形按钮显示指令；根 据所述图形按钮显示指令，提取相应状态下的按钮框图、热键以及文字；及根据所述按钮框图、热键以及文字，实时生成对应的图形按钮。

【技术特征摘要】
1.一种图形按钮制作方法，其特征在于，可在应用程序运行时，实时生成图形按钮，所述方法包括如下步骤根据按钮的特定状态制作相应的按钮框图；设定各特定状态下按钮的热键及文字；运行所述应用程序，接收图形按钮显示指令；根据所述图形按钮显示指令，提取相应状态下的按钮框图、热键以及文字；及根据所述按钮框图、热键以及文字，实时生成对应的图形按钮。2.根据权利要求1所述的图形按钮制作方法，其特征在于，进一步包括如下步骤设定并储存各状态下图形按钮的呈...

【专利技术属性】
技术研发人员：张东华，张洪涛，马苹苹，
申请(专利权)人：英业达股份有限公司，
类型：发明
国别省市：71[中国|台湾]