CN102779045A - 一种界面生成方法、界面编辑器及电子设备 - Google Patents

Abstract

本发明提供一种界面生成方法、装置及电子设备。一种界面生成方法，预先将元件所需的全部图片解压到本地内存中，所述方法包括：接收界面生成请求，所述界面生成请求携带有元件所需图片参数；从本地内存中获取与所述图片参数对应的图片；将图片载入到预先创建的界面中，生成界面中的元件，以生成完整界面。与现有技术相比，本发明提供的界面生成方法可以直接从本地内存中获取图片，减少图片导入时间，提高界面生成效率。

Description

一种界面生成方法、界面编辑器及电子设备

技术领域

本申请涉及界面处理领域，特别涉及一种界面生成方法、界面编辑器及电子设备。

背景技术

Flash软件是一种动画创作与应用程序开发于一身的创作软件，其为创建数字动画、交互式Web站点、桌面应用程序以及手机应用程序开发提供功能全面的创作和编辑环境。

然而，现有Flash软件在接收到界面生成请求时，需要将界面中元件所需图片从远程服务器中导入，即图片导入时间增加，降低界面生成效率。

发明内容

有鉴于此，本申请提供一种界面生成方法，用以解决现有技术中图片从远程服务器导入所导致的界面生成效率降低的问题。

本申请还提供了一种界面编辑器及电子设备，用以保证上述方法在实际中的实现及应用。

基于本申请的一方面，提供一种界面生成方法，预先将元件所需的全部图片解压到本地内存中，所述方法包括：

接收界面生成请求，所述界面生成请求携带有元件所需图片参数；

从本地内存中获取与所述图片参数对应的图片；

将图片载入到预先创建的界面中，生成界面中的元件，以生成完整界面。

优选地，将元件所需的全部图片解压到本地内存中包括：

将各个目录下的所有图片分别打包至一个swf格式图片文件中；

加载各个swf格式图片文件到本地内存中；

解压各个swf格式图片文件，以将元件所需的全部图片解压到本地内存中。

优选地，还包括：将swf格式图片文件的文件大小和文件名组成第一字符组记录在所述swf格式图片文件中。

优选地，在下一次将各个目录下的所有图片分别打包至一个swf格式图片文件中之前还包括：

判断所述第一字符组和第二字符组是否一致，如果否，执行将各个目录下的所有图片分别打包至一个swf格式图片文件中，所述第二字符组为与swf格式图片文件相对应的目录下所有图片的大小和目录名组成的字符组。

优选地，还包括：修改界面中元件的属性。

优选地，界面创建包括：

将可扩展标记语言XML格式的页面源文件转换为actionscript格式文件，所述页面源文件记录有界面的逻辑结构和界面的页面布局；

将actionscript格式文件编译成swf格式文件，以创建界面。

优选地，所述图片参数包括图片名称；

所述从本地内存中获取与所述图片参数对应的图片包括：依据所述图片名称，从本地内存中获取对应的图片。

基于本申请的另一方面，还提供一种界面编辑器，预先将元件所需的全部图片解压到本地内存中，所述界面编辑器包括：

接收模块，用于接收界面生成请求，所述界面生成请求携带有元件所需图片参数；

获取模块，用于从本地内存中获取与所述图片参数对应的图片；

载入模块，用于将图片载入到预先创建的界面中，生成界面中的元件，以生成完整界面。

优选地，还包括：

打包模块，用于将各个目录下的所有图片分别打包至一个swf格式图片文件中；

加载模块，用于加载各个swf格式图片文件到本地内存中；

解压模块，用于解压各个swf格式图片文件，以将元件所需的全部图片解压到本地内存中。

优选地，还包括判断模块，用于判断第一字符组和第二字符组是否一致，如果否，触发所述打包模块，其中所述第一字符组为swf格式图片文件的文件大小和文件名组成的字符组，所述第二字符组为与swf格式图片文件相对应的目录下所有图片的大小和目录名组成的字符组。

基于本申请的再一方面，还提供一种电子设备，包括，上述界面编辑器。

与现有技术相比，本申请包括以下优点：

在本申请中，预先将元件所需的全部图片解压到本地内存中。在接收到界面生成请求后，可以直接从本地内存中获取与图片参数对应的图片，并将图片载入到预先创建的界面中，生成界面中的元件，从而生成完整界面。与现有技术相比，本申请提供的界面生成方法可以直接从本地内存中获取图片，减少图片导入时间，提高界面生成效率。

当然，实施本申请的任一产品并不一定需要同时达到以上所述的所有优点。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本申请的一种界面生成方法的一种流程图；

图2是本申请的一种界面生成方法的一种子流程图；

图3是本申请的一种界面生成方法的另一种子流程图；

图4是本申请的一种界面编辑器的一种结构示意图；

图5是本申请的一种界面编辑器的另一种结构示意图。

具体实施方式

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

本申请可用于众多通用或专用的计算装置环境或配置中。例如：个人计算机、服务器计算机、手持设备或便携式设备、平板型设备、多处理器装置、包括以上任何装置或设备的分布式计算环境等等。

本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述，例如程序模块。一般地，程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请，在这些分布式计算环境中，由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中，程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。

请参考图1，其示出了本申请一种界面生成方法的流程图，可以包括以下步骤：

步骤101：接收界面生成请求，所述界面生成请求携带有元件所需图片参数。

在本实施例中，界面生成请求可以预先与电子设备中的某个控件绑定，如对话框控件。当用户打开对话框时，界面生成请求被发送，界面编辑器接收界面生成请求。

其中，界面生成请求中携带有元件所需图片参数，该图片参数可以包括图片名称。在本实施例中，元件可以为Flash界面中的可视对象。

步骤102：从本地内存中获取与所述图片参数对应的图片。

在图片参数包括图片名称的情况下，界面编辑器可以从本地内存中查找名称为请求中所携带的图片名称的图片。

在本实施例中，元件所需的全部图片被预先解压到本地内存中，因此，编辑器接收到界面生成请求后，可以直接从本地内存中获取界面中元件所需图片，减少图片导入时间，提高界面生成效率。

在本实施例中，元件所需的全部图片解压到本地内存的具体过程请参阅图2所示，可以包括以下步骤：

步骤201：将各个目录下的所有图片分别打包至一个swf格式图片文件中。

在本实施例中，各个目录下的所有图片为元件所需的全部图片。其中，各个目录对应元件所需图片，且不同目录中图片类型不同。编辑器具体可以依据不同图片的使用类型和所属功能模块等需求对图片进行分类，以将不同类型的图片保存在不同的目录下，并将各个目录下的所有图片分别打包至一个swf格式图片文件。

进一步，编辑器可以依据界面的逻辑结构自动控制不同状态下加载的swf格式图片文件。

步骤202：加载各个swf格式图片文件到本地内存中。

步骤203：解压各个swf格式图片文件，以将元件所需的全部图片解压到本地内存中。

在这里需要指出的是：元件所需的全部图片被解压到本地内存后被一直保存在本地内存中，以便后续界面可以直接加载图片。从而降低每次载入图片解压swf文件损耗编辑器的性能，进一步，损耗集成有编辑器的电子设备的性能。

本实施例在解压各个swf格式图片文件后还可以包括：将swf格式图片文件的文件大小和文件名组成第一字符组记录在所述swf格式图片文件中。在下一次将各个目录下的所有图片分别打包至一个swf格式图片文件中，即执行下一次解压过程之前可以判断第一字符组和第二字符组是否一致，如果否，执行将各个目录下的所有图片分别打包至一个swf格式图片文件中，即开始下一次解压过程，如果是，不再进行下一次打包过程。其中，所述第二字符组为目录下所有图片的大小和目录名组成的字符组。

在第一字符组和第二字符组不一致时，表明目录下的图片被更改，此时需要重新将图片解压到本地内存中。目前目录下的图片更改需要用户自主检查，在图片更改后，用户需要手动更新解压到远程服务器中的图片，而本实施例通过对第一字符组和第二字符组是否一致的判断可以自动确定图片是否被更改，进一步可以实现图片的自动更新。

步骤103：将图片载入到预先创建的界面中，生成界面中的元件，以生成完整界面。

其中，将图片载入到预先创建的界面中包括将图片载入到预先创建的界面中相应位置，该位置为与图片对应的元件所在位置。当图片载入到预先创建的界面中，可以通过修改图片的属性完成对界面中元件的属性修改。其中，元件的属性包括元件的共有属性和私有属性。

在本实施例中，界面创建的流程图请参阅图3所示，可以包括以下步骤：

步骤301：将XML(Extensible Markup Language,可扩展标记语言)格式的页面源文件转换为actionscript格式文件，所述页面源文件记录有界面的逻辑结构和界面的页面布局。

步骤302：将actionscript格式文件编译成swf格式文件，以创建界面。

将actionscript格式文件编译成swf格式文件过程中，即会根据界面的逻辑结构和界面的页面布局创建界面。

应用上述技术方案，预先将元件所需的全部图片解压到本地内存中。在接收到界面生成请求后，可以直接从本地内存中获取与图片参数对应的图片，并将图片载入到预先创建的界面中，生成界面中的元件，从而生成完整界面。与现有技术相比，本申请提供的界面生成方法可以直接从本地内存中获取图片，减少图片导入时间，提高界面生成效率。

进一步，通过对第一字符组和第二字符组是否一致的判断可以自动确定图片是否被更改，进一步可以实现图片的自动更新。

与上述方法实施例相对应，本申请还提供一种界面编辑器，其结构示意图请参阅图4所示，包括：接收模块11、获取模块12和载入模块13。其中，

接收模块11，用于接收界面生成请求，所述界面生成请求携带有元件所需图片参数。

获取模块12，用于从本地内存中获取与所述图片参数对应的图片。

在本实施例中，界面编辑器可以预先将元件所需的全部图片解压到本地内存中，从而获取模块12可以直接从本地内存中获取与图片参数对应的图片。

载入模块13，用于将图片载入到预先创建的界面中，生成界面中的元件，以生成完整界面。

请参阅图5，其示出了本申请一种界面编辑器的另一种结构示意图，在图4基础上，还包括：打包模块14、加载模块15、解压模块16和判断模块17。其中，

打包模块14，用于将各个目录下的所有图片分别打包至一个swf格式图片文件中。

加载模块15，用于加载各个swf格式图片文件到本地内存中。

解压模块16，用于解压各个swf格式图片文件，以将元件所需的全部图片解压到本地内存中。

判断模块17，用于判断第一字符组和第二字符组是否一致，如果否，触发所述打包模块，其中所述第一字符组为swf格式图片文件的文件大小和文件名组成的字符组，所述第二字符组为与swf格式图片文件相对应的目录下所有图片的大小和目录名组成的字符组。

在本实施例中，上述界面编辑器可以集成到电子设备中，也可以单独作为一个实体与电子设备相连，另外，需要说明的是，当本申请所述的方法采用软件实现时，可以作为界面编辑器新增的一个功能，也可以单独编写相应的程序，本申请不限定所述方法或装置的实现方式。

需要说明的是，本说明书中的各个实施例均采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似的部分互相参见即可。对于装置类实施例而言，由于其与方法实施例基本相似，所以描述的比较简单，相关之处参见方法实施例的部分说明即可。

最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。

为了描述的方便，描述以上装置时以功能分为各种单元分别描述。当然，在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。

通过以上的实施方式的描述可知，本领域的技术人员可以清楚地了解到本申请可借助软件加必需的通用硬件平台的方式来实现。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在存储介质中，如ROM/RAM、磁碟、光盘等，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）执行本申请各个实施例或者实施例的某些部分所述的方法。

以上对本申请所提供的一种界面生成方法、界面编辑器及电子设备进行了详细介绍，本文中应用了具体个例对本申请的原理及实施方式进行了阐述，以上实施例的说明只是用于帮助理解本申请的方法及其核心思想；同时，对于本领域的一般技术人员，依据本申请的思想，在具体实施方式及应用范围上均会有改变之处，综上所述，本说明书内容不应理解为对本申请的限制。

Claims (11)

1.一种界面生成方法，其特征在于，预先将元件所需的全部图片解压到本地内存中，所述方法包括：

接收界面生成请求，所述界面生成请求携带有元件所需图片参数；

从本地内存中获取与所述图片参数对应的图片；

将图片载入到预先创建的界面中，生成界面中的元件，以生成完整界面。

2.根据权利要求1所述的方法，其特征在于，将元件所需的全部图片解压到本地内存中包括：

将各个目录下的所有图片分别打包至一个swf格式图片文件中；

加载各个swf格式图片文件到本地内存中；

解压各个swf格式图片文件，以将元件所需的全部图片解压到本地内存中。

3.根据权利要求2所述的方法，其特征在于，还包括：将swf格式图片文件的文件大小和文件名组成第一字符组记录在所述swf格式图片文件中。

4.根据权利要求3所述的方法，其特征在于，在下一次将各个目录下的所有图片分别打包至一个swf格式图片文件中之前还包括：

判断所述第一字符组和第二字符组是否一致，如果否，执行将各个目录下的所有图片分别打包至一个swf格式图片文件中，所述第二字符组为与swf格式图片文件相对应的目录下所有图片的大小和目录名组成的字符组。

5.根据权利要求1所述的方法，其特征在于，还包括：修改界面中元件的属性。

6.根据权利要求1所述的方法，其特征在于，界面创建包括：

将可扩展标记语言XML格式的页面源文件转换为actionscript格式文件，所述页面源文件记录有界面的逻辑结构和界面的页面布局；

将actionscript格式文件编译成swf格式文件，以创建界面。

7.根据权利要求1至6任意一项所述的方法，其特征在于，所述图片参数包括图片名称；

所述从本地内存中获取与所述图片参数对应的图片包括：依据所述图片名称，从本地内存中获取对应的图片。

8.一种界面编辑器，其特征在于，预先将元件所需的全部图片解压到本地内存中，所述界面编辑器包括：

接收模块，用于接收界面生成请求，所述界面生成请求携带有元件所需图片参数；

获取模块，用于从本地内存中获取与所述图片参数对应的图片；

载入模块，用于将图片载入到预先创建的界面中，生成界面中的元件，以生成完整界面。

9.根据权利要求8所述的界面编辑器，其特征在于，还包括：

打包模块，用于将各个目录下的所有图片分别打包至一个swf格式图片文件中；

加载模块，用于加载各个swf格式图片文件到本地内存中；

解压模块，用于解压各个swf格式图片文件，以将元件所需的全部图片解压到本地内存中。

10.根据权利要求9所述的界面编辑器，其特征在于，还包括判断模块，用于判断第一字符组和第二字符组是否一致，如果否，触发所述打包模块，其中所述第一字符组为swf格式图片文件的文件大小和文件名组成的字符组，所述第二字符组为与swf格式图片文件相对应的目录下所有图片的大小和目录名组成的字符组。

11.一种电子设备，其特征在于，包括，如权利要求8至10任意一项所述的界面编辑器。

Images