[发明专利]一种图形界面的自动绘制方法及系统

说明书

技术领域

本发明涉及图形绘制技术，尤其涉及一种按照需求所定制的图形界面的自动绘制方法及系统。

背景技术

目前，各类图形界面比如常见的软件界面中，需要大量的图片来实现软件界面的绘制。现有的通用绘制方式是：将图片作为构成一个完整的软件界面的各个素材，通过众多图片的编辑组合，将各个图片排列成所需要的大的完整的软件界面。例如，以一款软件QQ影音的主界面举例来说，该主界面由标题栏、底部栏和中部区域三部分组成。其中，该主界面如图1所示；标题栏的图片如图2所示；底部栏的图片如图3所示；中部区域的图片如图4所示。而构成主界面的每个部分又都是由各个图片组合而成的，以下分别举例阐述。

一、就标题栏而言，标题栏在绘制的时候包括背景图片和前景图片。本文中涉及的背景图片通俗来说，类似于画画时采用的画布；而前景图片通俗来说，类似于在画布上所绘制的各个图形，不做赘述。比如，如图2所示的标题栏中，11、12所在位置的图片为背景图片，13、14、15、16、17所在位置的图片，即各个按钮的图片为前景图片。如图5、6所示的图片即为标题栏的背景图片；如图7所示的图片即为标题栏的前景图片，且图7为前景图片复用时的图示。

这里，标题栏的背景图片所对应的可扩展标记语言(XML)文件的表示方式如下：

<Image＝″STATIC_CAPTION_LEFT.BMP″/>

<Image＝″STATIC_CAPTION_RIGHT.BMP″/>

二、就底部栏而言，底部栏在绘制的时候也包括背景图片和前景图片。比如，如图3所示的底部栏中，21所在位置的图片为背景图片，22、23、24、25、26、27、28、29、30、31所在位置的图片，即各个按钮的图片为前景图片，如图8所示的图片即为底部栏的前景图片，且图8为前景图片复用时的图示。

这里，底部栏的背景图片所对应的XML文件的表示方式如下：

<Image＝″STATIC_CAPTION_LEFT.BMP″/>

<Image＝″STATIC_CAPTION_LEFT.BMP″/>

<Image＝″STATIC_CAPTION_LEFT.BMP″/>

三、就中部区域而言，中部区域在绘制的时候也包括背景图片和前景图片。中部区域的背景图片为黑色区域，比如，如图4所示的中部区域中，32所在位置的图片为背景图片；如图9所示按钮的图片即为中部区域的前景图片，且图9为前景图片复用时的图示。

前景图片和背景图片都存在复用的情况，尤以前景图片的复用为甚，采用现有的绘制方式，存在以下问题：

1、由于需要对大量的图片进行编辑、组合及排列才能绘制出一个完整的图形界面，而图片的数量繁多，图片的分类和命名复杂，在图片使用的过程中，编辑图片、更换图片都需要选择对应的图片并加以正确命名，因此，对图片管理的工作量很大。

2、对图片进行组合时，由于图形界面中的背景图片由多个图片叠加排列而成，因此，图片设计人员对于多个图片中部分个别图片的大小和颜色的修改，并不能直接形成完整的背景图片，需要专门的软件，比如上述例子软件界面形成时是需要软件QQ影音将所有的图片组织起来加以展现，操作比较繁琐。

3、各个图片在编辑过程中，尽管最初各个图片是分别对应不同的图片格式，但是为了后续组合及排列的需要，需要根据需求保持相应的图片格式，以便于多个图片设计人员合作共同编辑图片的过程中，保持统一的标准。这样多人参与的操作，且图片格式在最初标准并不统一需后续统一，势必增加沟通的复杂度。

4、对图片进行组合及排列时，对于各个图片的位置、布局以及大小限制依赖于各个图片本身的属性，例如图片的高度、长度，而软件开发人员对于图片的大小和位置是难以自由定制的。

综上所述，无论是对于图片设计人员还是软件开发人员，采用现有的绘制方式，由于对图片进行编辑、组合及排列时无法自由定制而无法自动绘制，因此，增加了对图片管理及绘制的复杂度，从而大大影响了日常图形界面开发的效率。

发明内容

有鉴于此，本发明的主要目的在于提供一种图形界面的自动绘制方法及系统，提高了日常图形界面开发的效率。

为达到上述目的，本发明的技术方案是这样实现的：

一种图形界面的自动绘制方法，该方法包括：

设置图形界面中每个目标图片的切分参数和绘制参数，根据设置的所述切分参数和所述绘制参数生成可扩展标记语言(XML)文件；