CN102222354B - 一种图形界面的自动绘制方法及系统 - Google Patents

Abstract

本发明公开了种图形界面的自动绘制方法，该方法包括：设置图形界面中每个目标图片的切分参数和绘制参数，根据设置的切分参数和绘制参数生成可扩展标记语言(XML)文件；解析XML文件，根据XML文件中的切分参数切分并获取对应的目标图片，根据XML文件中的绘制参数和目标图片自动绘制图形界面。本发明还公开了一种图形界面的自动绘制系统，该系统中的自动绘制单元，用于解析XML文件，根据XML文件中的切分参数切分并获取对应的目标图片，根据XML文件中的绘制参数和目标图片自动绘制图形界面。采用本发明的方法及系统，提高了日常图形界面开发的效率。

Description

一种图形界面的自动绘制方法及系统

技术领域

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

背景技术

目前，各类图形界面比如常见的软件界面中，需要大量的图片来实现软件界面的绘制。现有的通用绘制方式是：将图片作为构成一个完整的软件界面的各个素材，通过众多图片的编辑组合，将各个图片排列成所需要的大的完整的软件界面。例如，以一款软件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)文件；

解析所述XML文件，根据所述XML文件中的所述切分参数切分并获取对应的目标图片，根据所述XML文件中的所述绘制参数和所述目标图片自动绘制图形界面。

其中，切分时采用的切分依据为：按照所述图形界面的设计需求获取一个完整的图片，将所述完整的图片作为源图片并从中切分出所述目标图片。

其中，所述目标图片为背景图片和/或前景图片。

其中，所述切分参数包括：表征源图片所对应文件名的参数、和表征目标图片在源图片中坐标的参数；

所述绘制参数包括：表征目标图片绘制方式的参数、和表征目标图片间绘图间隔的参数。

其中，所述根据XML文件中的切分参数切分并获取对应的目标图片具体包括：根据所述表征源图片所对应文件名的参数，获取源图片所对应的文件名，读入对应的源图片；根据所述表征目标图片在源图片中坐标的参数，对读入的源图片进行切分，获取对应的目标图片；

相应的，所述根据XML文件中的绘制参数和目标图片自动绘制图形界面具体包括：根据所述表征目标图片绘制方式的参数、和所述表征目标图片间绘图间隔的参数，将对应的目标图片绘制到图形界面中。

其中，绘制时采用的绘制方式包括：直接拷贝的方式、水平拉伸的方式、垂直拉伸的方式中的任意一种或至少一种的组合。

其中，该方法还包括：

当切分后获得的所述目标图片的大小与所述图形界面所需绘制的范围，大小一致时，采用所述直接拷贝的方式将所述目标图片绘制到所述图形界面中；

或者，当切分后获得的所述目标图片的宽度小于所述图形界面所需绘制的宽度，且高度相同时，采用所述水平拉伸的方式将所述目标图片绘制到所述图形界面中；

或者，当切分后获得的所述目标图片的高度小于所述图形界面所需绘制的宽度，且宽度相同时，采用所述垂直拉伸的方式将所述目标图片绘制到所述图形界面中。

一种图形界面的自动绘制系统，该系统包括：参数设置及文件生成单元和自动绘制单元；其中，

参数设置及文件生成单元，用于设置图形界面中每个目标图片的切分参数和绘制参数，根据设置的所述切分参数和所述绘制参数生成XML文件；

自动绘制单元，用于解析所述XML文件，根据所述XML文件中的所述切分参数切分并获取对应的目标图片，根据所述XML文件中的所述绘制参数和所述目标图片自动绘制图形界面。

其中，切分时所采用的切分依据为：按照所述图形界面的设计需求获取一个完整的图片，将所述完整的图片作为源图片并从中切分出所述目标图片。

其中，所述自动绘制单元，进一步用于采用包括直接拷贝的方式、水平拉伸的方式、垂直拉伸的方式中的任意一种、或至少一种的组合的方式实现所述自动绘制。

其中，所述自动绘制单元，进一步用于当切分后获得的所述目标图片的大小与所述图形界面所需绘制的范围，大小一致时，采用所述直接拷贝的方式将所述目标图片绘制到所述图形界面中；

或者，当切分后获得的所述目标图片的宽度小于所述图形界面所需绘制的宽度，且高度相同时，采用所述水平拉伸的方式将所述目标图片绘制到所述图形界面中；

或者，当切分后获得的所述目标图片的高度小于所述图形界面所需绘制的宽度，且宽度相同时，采用所述垂直拉伸的方式将所述目标图片绘制到所述图形界面中。

本发明设置图形界面中每个目标图片的切分参数和绘制参数，根据设置的切分参数和绘制参数生成XML文件；解析XML文件，根据XML文件中的切分参数切分并获取对应的目标图片，根据XML文件中的绘制参数和目标图片自动绘制图形界面。

采用本发明，由于能随需求预先配置切分参数和绘制参数到XML文件中，从而实现对图片的自由定制，而且通过后续对XML文件的自动读取及自动解析因而能实现图形界面的自动绘制，因此，降低了对图片管理及绘制的复杂度，从而大大提高了日常图形界面开发的效率。

附图说明

图1为软件界面的示意图；

图2为构成软件界面的标题栏的示意图；

图3为构成软件界面的底部栏的示意图；

图4为构成中部区域的底部栏的示意图；

图5、图6为标题栏的背景图片的示意图；

图7为标题栏的前景图片的示意图；

图8为底部栏的前景图片的示意图；

图9为中部区域的前景图片的示意图；

图10为本发明所选取的源图片及其所在坐标的示意图；

图11为本发明从源图片中切分后获得目标图片的示意图；

图12为本发明随需求定制而自动绘制的完整流程示意图；

图13为本发明图12中自动绘制软件界面的流程示意图。

具体实施方式

本发明的基本思想是：设置图形界面中每个目标图片的切分参数和绘制参数，根据设置的切分参数和绘制参数生成XML文件；解析XML文件，根据XML文件中的切分参数切分并获取对应的目标图片，根据XML文件中的绘制参数和目标图片自动绘制图形界面。

为使本发明的目的、技术方案和优点更加清楚明白，以下举实施例并参照附图，对本发明进一步详细说明。

一种图形界面的自动绘制方法，该方法主要包括以下内容：

一、设置图形界面中每个目标图片的切分参数和绘制参数，根据设置的切分参数和绘制参数生成XML文件。

二、解析XML文件，根据XML文件中的切分参数切分并获取对应的目标图片，根据XML文件中的绘制参数和目标图片自动绘制图形界面。

这里，针对所述目标图片而言，目标图片为背景图片和/或前景图片。

这里，针对所述切分并获取对应的目标图片而言，切分时采用的切分依据为：按照图形界面的设计需求获取一个完整的图片，将完整的图片作为源图片并从中切分出目标图片。

这里，针对设置的所述切分参数而言，切分参数包括：表征源图片所对应文件名的参数、和表征目标图片在源图片中坐标的参数，二者缺一不可。

这里，针对设置的所述绘制参数而言，绘制参数包括：表征目标图片绘制方式的参数、和表征目标图片间绘图间隔的参数，二者缺一不可。

这里，针对所述根据XML文件中的切分参数切分并获取对应的目标图片具体包括：根据表征源图片所对应文件名的参数，获取源图片所对应的文件名，读入对应的源图片；根据表征目标图片在源图片中坐标的参数，对读入的源图片进行切分，获取对应的目标图片。

相应的，所述根据XML文件中的绘制参数和目标图片自动绘制图形界面具体包括：根据表征目标图片绘制方式的参数、和表征目标图片间绘图间隔的参数，将对应的目标图片绘制到图形界面中。

这里，利用所述表征目标图片绘制方式的参数，将目标图片绘制到图形界面时，相应的采用的绘制方式包括：直接拷贝的方式、水平拉伸的方式、垂直拉伸的方式中的任意一种或至少一种的组合，以下具体阐述。

1、当切分后获得的目标图片的大小与图形界面所需绘制的范围，大小一致时，采用所述直接拷贝的方式将目标图片绘制到图形界面中。

2、当切分后获得的目标图片的宽度小于图形界面所需绘制的宽度，且高度相同时，采用所述水平拉伸的方式将目标图片绘制到图形界面中。

3、当切分后获得的目标图片的高度小于图形界面所需绘制的宽度，且宽度相同时，采用所述垂直拉伸的方式将目标图片绘制到图形界面中。

综上所述，对比本发明与现有技术可知：采用现有的绘制方式会导致图片的组织管理复杂、增加图片开发设计的过程、图片布局不灵活不自由，从而影响到日常图形界面开发的效率。而本发明是基于同样的坐标系，从一个完整的单个图片中进行切分来获得绘制图形界面的各部分图片，并随需求将切分的各部分图片的参数预先设置在标准的XML文件中，通过对该XML文件自动读取、自动解析及自动绘制完成图形界面的绘制。采用本发明具有的优点是：第一，这种切分方式通过减少图片的数量，简化了图片的管理；第二，通过操作完整的图片，使得对图片的更改直接反映到图片开发设计人员；第三，标准统一，且由于减少了背景图片，降低了对于图片格式的一致性要求，因此提高了图片的绘制效率；第四，可以随需求自由定制而自动绘制。总之：采用本发明，无论是对于图片设计人员和软件开发人员，优化了图片的组织管理和开发过程，提高了图形界面比如软件界面的可定制性、从而大大提高了日常图形界面的开发效率。

这里需要指出的是，本文所涉及的图片，如无直接强调指出是前景图片还是背景图片，都包括前景图片和/或背景图片。其中，本发明可以对前景图片仍采用现有的绘制方式，即：读取多个图片后进行编辑、组合及排列最终绘制出一个完整的图形界面，而对背景图片采用本发明切分和定制的绘制方式；本发明也可以对背景图片仍采用现有的绘制方式，而对前景图片采用本发明切分和定制的绘制方式；本发明还可以对背景图片和前景图片都采用本发明切分和定制的绘制方式。

以下对本发明进行举例阐述。

实例一：图片的切分和应用过程。

本实例是对前景图片仍采用现有的绘制方式，仅对背景图片采用本发明切分和定制的绘制方式。

在将图片按照前景图片和背景图片进行分类后，对前景图片保持原有设计，同时背景图片的生成方式是从一个完整的背景图片，如图10所示的图片中切分获得，根据软件开发人员的需求选取合适的长度和宽度。例如，如图2、图3所示的图片中的背景图片可以根据需求从如图10所示的图片中切分。这里，如图10所示的图片，文件名为MainWndBkg.BMP，切分的图片所对应的XML文件表示方式如下：

切分如图2所示的图片的背景图片的XML文件表示方式如下：

<Image＝″MainWndBkg.BMP″EffectArea＝″0，0，100，23″

Draw＝″HFrame″ParamGaps＝″15，0，15，0″/>

切分如图3所示的图片的背景图片的XML文件表示方式如下：

<Image＝″MainWndBkg.BMP″EffectArea＝″0，68，100，100″

Draw＝″HFrame″ParamGaps＝″15，0，15，0″/>

XML文件中，各个参数的意义如下：

(1)Image参数：即为上述表征源图片所对应文件名的参数的一个具体实现。该参数的值，例如MainWndBkg.BMP是图片的文件名，表示根据这个文件名可以读取文件并获得一张图片，然后在这个图片上进行图片的切分。

(2)EffectArea参数：即为上述表征目标图片在源图片中坐标的参数的一个具体实现。表示切分出来的图片在源图片中的坐标。

例如，如图10所示的图片，其图片的本身属性是宽度为100个像素，高度为100像素。这里，将如图10所示的图片作为源图片，切分后获得所需要的目标图片。首先定义该源图片的左上角的坐标为(0，0)，该源图片的右下角设为(100，100)，EffectArea＝″0，0，100，23″表示切分位置是坐标(0，0)和(100，23)所围成的矩形。如图11所示的图片即为从该源图片中按照参数EffectArea＝″0，0，100，23″所切分获得的目标图片。

(3)Draw参数：即为上述表征目标图片绘制方式的参数的一个具体实现。表示切分出来的图片的绘制方式。

图形界面以软件界面为例，由于图片切分后需要绘制到如图1所示的软件界面当中，因此，需要调整绘制的方式，使得图片能够充满到软件界面所需要的部分。图片的绘制方式一般有以下几种：

绘制方式1：直接拷贝的方式。如果切分后获得的图片大小与软件界面所需绘制的范围大小一致，采用直接拷贝的方式，将图片绘制到软件界面当中，在XML文件中的配置是Draw＝″None″。

绘制方式2：水平拉伸的方式。如果切分后获得的图片宽度小于软件界面所需绘制的宽度，但高度相同的情况下，可以采用水平拉伸的方式，将图片绘制到软件界面当中。在XML文件中的配置是Draw＝″HFrame″。

绘制方式3：垂直拉伸的方式。如果切分后获得的图片高度小于软件界面所需绘制的宽度，但宽度相同的情况下，可以采用垂直拉伸的方式，将图片绘制到软件界面当中。在XML文件中的配置是Draw＝″VFrame″。

绘制方式4：水平拉伸的方式和垂直拉伸的方式共用。如果切分后获得的图片宽度小于软件界面所需绘制的宽度，高度也小于软件界面所需绘制的宽度，可以采用水平拉伸的方式和垂直拉伸的方式共用的方式，将图片绘制到软件界面当中。在XML文件中的配置是Draw＝″Frame″。

(4)ParamGaps参数：即为上述表征目标图片间绘图间隔的参数的一个具体实现。表示切分出来的图片的绘图间隔，和参数Draw共同起作用。

当采用直接拷贝的方式，即Draw＝″None″的绘制方式时，ParamGaps的值固定为“0，0，0，0”。

当采用水平拉伸的方式，即Draw＝″HFrame″的绘制方式时，ParamGaps的值为“x1，0，x2，0”。其中x1和x2都表示大于0的整数，x1表示距离图片左端的像素值，x2表示距离图片右端的像素值，在水平拉伸的方式绘制时，图片的中间部分进行拉伸操作，左右两端采用直接拷贝的方式绘制。例如，如图11所示图片的参数ParamGaps＝″15，0，15，0″，其含义为：左右两端宽度为15像素的部分采用直接拷贝的方式绘制，中间部分宽度为70像素的部分采用水平拉伸的方式绘制。

当采用垂直拉伸的方式，即Draw＝″VFrame″的绘制方式时，ParamGaps的值为“0，y1，0，y2”。其中y1和y2都表示大于0的整数，y1表示距离图片上端的像素值，y2表示距离图片下端的像素值。在垂直拉伸的方式绘制时，图片的中间部分进行拉伸操作，上下两端采用直接拷贝的方式绘制。

当采用水平拉伸的方式和垂直拉伸的方式共用，即Draw＝″Frame″的绘制方式时，ParamGaps的值为“x1，y1，x2，y2”。其中x1和x2都表示大于0等整数，x1表示距离图片左端的像素值，x2表示距离图片右端的像素值。y1和y2都表示大于0等整数，y1表示距离图片上端的像素值，y2表示距离图片下端的像素值。

实例二：为本发明的图形界面的自动绘制方法的一个优选实施例，是参数设置、XML文件生成及最终实现图形界面自动绘制的一个完整流程，该图形界面是一个软件界面。如图12所示，该流程包括以下步骤：

步骤101、获取符合软件界面需求的源图片。

步骤102、根据软件界面需求，设置一系列的EffectArea参数、Draw参数、rcParamsGaps参数。

步骤103、根据设置好的EffectArea参数、Draw参数、rcParamsGaps参数生成XML文件。

步骤104、根据XML文件中所设置的参数配置，实现软件界面的自动绘制。

步骤105、软件开发过程当中，如果需要对软件界面进行调整，需要手动更改相关的EffectArea参数、Draw参数、rcParamsGaps参数，重新生成新的XML文件，然后重新执行步骤103、步骤104重新实现软件界面的自动绘制。

实例三：为本发明解析XML文件，根据XML文件中的切分参数切分并获取对应的目标图片，根据XML文件中的绘制参数和目标图片自动绘制图形界面的一个优选实施例，即为图12中所示的步骤104“根据XML文件中所设置的参数配置，实现软件界面的自动绘制”的流程，如图13所示，包括以下步骤：

步骤201：软件读取已生成的XML文件。

步骤202：软件搜索XML文件中的Image参数，获得文件名，读入对应的源图片。

步骤203：软件搜索XML文件中的EffectArea参数，对步骤202中获得的源图片进行切分，获得切分后所需要的目标图片。

步骤204：软件搜索XML文件中的Draw参数和rcParamGaps参数，获得绘制方式和绘制间隔。

步骤205：软件根据步骤203获得的目标图片和步骤204获得的参数，自动绘制软件界面的背景。

步骤206：判断自动绘制是否完成，如果完成，则结束当前自动绘制流程；否则，转入执行步骤203。

这里需要指出的是：软件开发人员检查软件界面的绘制效果，对于不符合要求的绘制进行调整，仅仅需要手动更改对应的XML文件，将参数EffectArea、ParamGaps和Draw的值进行更改，重新执行步骤201～步骤205，在这个过程中不需要图片设计人员重新设计制作图片。

一种图形界面的自动绘制系统，该系统包括：参数设置及文件生成单元和自动绘制单元。其中，参数设置及文件生成单元，用于设置图形界面中每个目标图片的切分参数和绘制参数，根据设置的切分参数和绘制参数生成XML文件。自动绘制单元，用于解析XML文件，根据XML文件中的切分参数切分并获取对应的目标图片，根据XML文件中的绘制参数和目标图片自动绘制图形界面。

这里，切分时所采用的切分依据为：按照图形界面的设计需求获取一个完整的图片，将完整的图片作为源图片并从中切分出目标图片。

这里，自动绘制单元，进一步用于采用包括直接拷贝的方式、水平拉伸的方式、垂直拉伸的方式中的任意一种、或至少一种的组合的方式实现目标图片的自动绘制。

这里，自动绘制单元有以下三种具体实现：

自动绘制单元，进一步用于当切分后获得的目标图片的大小与图形界面所需绘制的范围，大小一致时，采用直接拷贝的方式将目标图片绘制到图形界面中。

自动绘制单元，进一步用于当切分后获得的目标图片的宽度小于图形界面所需绘制的宽度，且高度相同时，采用水平拉伸的方式将目标图片绘制到图形界面中。

自动绘制单元，进一步用于当切分后获得的目标图片的高度小于图形界面所需绘制的宽度，且宽度相同时，采用垂直拉伸的方式将目标图片绘制到图形界面中。

以上所述，仅为本发明的较佳实施例而已，并非用于限定本发明的保护范围。

Claims (9)

1.一种图形界面的自动绘制方法，其特征在于，该方法包括：

按照图形界面的设计需求获取一个完整的单个图片，基于同样的坐标系将所述完整的单个图片作为源图片进行切分来获得绘制所述图形界面所需的各部分目标图片，设置每个目标图片的切分参数和绘制参数，根据设置的所述切分参数和所述绘制参数生成可扩展标记语言XML文件；

自动解析所述可扩展标记语言XML文件，根据所述可扩展标记语言XML文件中的所述切分参数切分并获取对应的目标图片，根据所述可扩展标记语言XML文件中的所述绘制参数和所述目标图片自动绘制图形界面。

2.根据权利要求1所述的方法，其特征在于，所述目标图片为背景图片和/或前景图片。

3.根据权利要求1或2所述的方法，其特征在于，所述切分参数包括：表征源图片所对应文件名的参数和表征目标图片在源图片中坐标的参数；

所述绘制参数包括：表征目标图片绘制方式的参数和表征目标图片间绘图间隔的参数。

4.根据权利要求3所述的方法，其特征在于，所述根据XML文件中的切分参数切分并获取对应的目标图片具体包括：根据所述表征源图片所对应文件名的参数，获取源图片所对应的文件名，读入对应的源图片；根据所述表征目标图片在源图片中坐标的参数，对读入的源图片进行切分，获取对应的目标图片；

相应的，所述根据XML文件中的绘制参数和目标图片自动绘制图形界面具体包括：根据所述表征目标图片绘制方式的参数和所述表征目标图片间绘图间隔的参数，将对应的目标图片绘制到图形界面中。

5.根据权利要求1所述的方法，其特征在于，绘制时采用的绘制方式包括：直接拷贝的方式、水平拉伸的方式、垂直拉伸的方式中的任意一种或至少一种。

6.根据权利要求5所述的方法，其特征在于，该方法还包括：

当切分后获得的所述目标图片的大小与所述图形界面所需绘制的范围大小一致时，采用所述直接拷贝的方式将所述目标图片绘制到所述图形界面中；

或者，当切分后获得的所述目标图片的宽度小于所述图形界面所需绘制的宽度，且高度相同时，采用所述水平拉伸的方式将所述目标图片绘制到所述图形界面中；

或者，当切分后获得的所述目标图片的高度小于所述图形界面所需绘制的宽度，且宽度相同时，采用所述垂直拉伸的方式将所述目标图片绘制到所述图形界面中。

7.一种图形界面的自动绘制系统，其特征在于，该系统包括：参数设置及文件生成单元和自动绘制单元；其中，

参数设置及文件生成单元，用于按照图形界面的设计需求获取一个完整的单个图片，基于同样的坐标系将所述完整的单个图片作为源图片进行切分来获得绘制所述图形界面所需的各部分目标图片，设置每个目标图片的切分参数和绘制参数，根据设置的所述切分参数和所述绘制参数生成XML文件；

自动绘制单元，用于自动解析所述XML文件，根据所述XML文件中的所述切分参数切分并获取对应的目标图片，根据所述XML文件中的所述绘制参数和所述目标图片自动绘制图形界面。

8.根据权利要求7所述的系统，其特征在于，所述自动绘制单元，进一步用于采用包括直接拷贝的方式、水平拉伸的方式、垂直拉伸的方式中的任意一种或至少一种的方式实现所述自动绘制。

9.根据权利要求8所述的系统，其特征在于，所述自动绘制单元，进一步用于当切分后获得的所述目标图片的大小与所述图形界面所需绘制的范围大小一致时，采用所述直接拷贝的方式将所述目标图片绘制到所述图形界面中；

或者，当切分后获得的所述目标图片的宽度小于所述图形界面所需绘制的宽度，且高度相同时，采用所述水平拉伸的方式将所述目标图片绘制到所述图形界面中；

或者，当切分后获得的所述目标图片的高度小于所述图形界面所需绘制的宽度，且宽度相同时，采用所述垂直拉伸的方式将所述目标图片绘制到所述图形界面中。

Images