一种游戏页面绘制方法、装置、设备及存储介质与流程

本申请涉及计算机技术领域，尤其涉及一种游戏页面绘制方法、装置、设备及存储介质。

背景技术：

随着计算机技术的不断发展，越来越多的应用程序可供用户下载在终端设备上，在用户的生活中发挥不同的作用。用户在各种应用的使用过程中，必然涉及与各种活动页面的交互。因此，页面绘制也成为应用程序开发过程中的重点。

现有技术中，不同的应用的页面开发，往往需要结合相应的开发工具，而这些开发工具往往具有一定的专业性。例如，游戏页面的开发过程中，常常会结合unity3d等工具预先绘制包括不同活动页面所需控件的活动面板，即先通过游戏开发工具绘制好活动面板，再把活动面板打包放置在服务器。游戏应用加载时，从服务器上拉取打包的文件，加载并展示活动页面。但即使不同活动页面的活动面板也往往都不同，现有技术就需要分别绘制不同活动的活动面板，活动结束后，之前绘制的活动面板也不能被其他活动重用，且如果面板内容有调整，需要先通过开发工具调整活动面板内容，再更新到相应的文件中，并发布更新到终端。导致整个开发过程冗长繁琐，且耗费较多人力。因此，需要提供更高效的方案。

技术实现要素：

本申请提供了一种游戏页面绘制方法、装置、设备及存储介质，可以大大降低开发难度，提升游戏页面绘制的效率。

一方面，本申请提供了一种游戏页面绘制方法，应用于设置有初始活动面板的应用终端，所述初始活动面板隐藏设置有基础控件，所述方法包括：

响应于目标页面的请求，获取所述目标页面的配置文件，所述配置文件包括控件列表信息和控件属性信息，所述控件属性信息表征所述目标页面中控件的样式布局和事件功能属性；

从所述初始活动面板中复制出与所述控件列表信息相对应的基础控件；

基于所述控件属性信息在所述初始活动面板中绘制所述与所述控件列表信息相对应的基础控件，生成所述目标页面。

另一方面提供了一种游戏页面绘制装置，所述装置设置有初始活动面板，所述初始活动面板隐藏设置有基础控件，所述装置包括：

第一配置文件获取模块，用于响应于目标页面的页面绘制请求，获取所述目标页面的配置文件，所述配置文件包括控件列表信息和控件属性信息，所述控件属性信息表征所述目标页面中控件的样式布局和事件功能属性；

第一基础控件复制模块，用于从所述初始活动面板中复制出与所述控件列表信息相对应的基础控件；

目标页面生成模块，用于基于所述控件属性信息在所述初始活动面板中绘制所述与所述控件列表信息相对应的基础控件，生成所述目标页面。

另一方面提供了一种游戏页面绘制设备，所述设备有初始活动面板，所述初始活动面板隐藏设置有基础控件，所述设备包括处理器和存储器，所述存储器中存储有至少一条指令或至少一段程序，所述至少一条指令或所述至少一段程序由所述处理器加载并执行以实现如上述的游戏页面绘制方法。

另一方面提供了一种计算机可读存储介质，所述存储介质中存储有至少一条指令或至少一段程序，所述至少一条指令或所述至少一段程序由处理器加载并执行以实现如上述的游戏页面绘制方法。

本申请提供的游戏页面绘制方法、装置、设备及存储介质，具有如下技术效果：

本申请通过在终端上预先设置初始活动面板，且该初始活动面板仅隐藏设置有用于绘制页面的基础控件，在目标页面需要进行绘制时，再获取包括目标页面中控件列表信息和控件属性信息的配置文件，基于该控件属性信息可以对控件的样式布局和事件功能属性直接进行配置，避免了使用复杂的开发工具去绘制面板内容，减少开发人员的知识储备要求，大大降低开发难度，提升游戏页面绘制的效率。

附图说明

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

图1是本申请实施例提供的一种应用环境的示意图；

图2是本申请实施例提供的一种初始活动面板及加载后的初始活动面板的示意图；

图3是本申请实施例提供的一种游戏页面绘制方法的流程示意图；

图4是本申请实施例提供的一种控件列表信息的示意图；

图5是本申请实施例提供的一种响应于目标页面的页面绘制请求，获取所述目标页面的配置文件的流程示意图；

图6是本申请实施例提供的一种从所述初始活动面板中复制出与所述控件列表信息相对应的基础控件的流程示意图；

图7是本申请实施例提供的另一种从所述初始活动面板中复制出与所述控件列表信息相对应的基础控件的流程示意图；

图8是本申请实施例提供的一种基于当前复制出的基础控件的控件属性信息在所述初始活动面板中绘制所述当前复制出的基础控件的流程示意图；

图9是本申请实施例提供的一种目标页面的示意图；

图10是本申请实施例提供的另一种游戏页面绘制方法的流程示意图；

图11是本申请实施例提供的一种游戏页面绘制装置的结构示意图；

图12是本申请实施例提供的一种客户端的结构示意图。

具体实施方式

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

需要说明的是，本申请的说明书和权利要求书及上述附图中的术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。应该理解这样使用的数据在适当情况下可以互换，以便这里描述的本申请的实施例能够以除了在这里图示或描述的那些以外的顺序实施。此外，术语“包括”和“具有”以及他们的任何变形，意图在于覆盖不排他的包含，例如，包含了一系列步骤或单元的过程、方法、系统、产品或服务器不必限于清楚地列出的那些步骤或单元，而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。

请参阅图1，图1是本申请实施例提供的一种应用环境的示意图，如图1所示，该应用环境可以包括终端01和服务器02。

本说明书实施例中，所述终端01可以包括智能手机、台式计算机、平板电脑、笔记本电脑、智能音箱、数字助理、增强现实(augmentedreality，ar)/虚拟现实(virtualreality，vr)设备、智能可穿戴设备等类型的实体设备。也可以包括运行于实体设备中的软体，例如虚拟机等。本申请实施例中终端上运行的操作系统可以包括但不限于安卓系统、ios系统、linux、windows等。

本说明书实施例中，所述服务器02可以是独立的物理服务器，也可以是多个物理服务器构成的服务器集群或者分布式系统，还可以是提供云服务、云数据库、云计算、云函数、云存储、网络服务、云通信、中间件服务、域名服务、安全服务、cdn(contentdeliverynetwork，内容分发网络)、以及大数据和人工智能平台等基础云计算服务的云服务器。

本说明书实施例中，上述终端01以及服务器02可以通过有线或无线通信方式进行直接或间接地连接，本申请在此不做限制。

本说明书实施例中，所述终端01可以包括设置有初始活动面板的应用终端，具体的，所述初始活动面板可以隐藏设置有基础控件。具体的，所述基础控件可以包括结合业务需求设置的剔除了样式布局和事件功能属性的常用控件。在一个具体的实施例中，所述基础控件可以包括：剔除了样式布局和事件功能属性的图片控件、文本控件、列表控件、按钮控件和panel控件(窗体控件)等。具体的，如图2所示，将基础控件隐藏设置在初始活动面板上，可以在后续页面生成时，直接加载空白的初始活动面板。

本说明书实施例，通过将基础控件隐藏设置在初始活动面板上，可以使得后续直接复制基础控件，也能保证初始活动面可以在不同活动页面中复用。

本说明书实施例中，所述服务器02可以为所述终端01提供后台服务，具体的，可以为所述终端01提供终端页面的配置文件。

以下以终端01为执行主体介绍本申请一种游戏页面绘制方法的具体实施例中，图3是本申请实施例提供的一种游戏页面绘制方法的流程示意图，本说明书提供了如实施例或流程图所述的方法操作步骤，但基于常规或者无创造性的劳动可以包括更多或者更少的操作步骤。实施例中列举的步骤顺序仅仅为众多步骤执行顺序中的一种方式，不代表唯一的执行顺序。在实际中的系统或终端产品执行时，可以按照实施例或者附图所示的方法顺序执行或者并行执行(例如并行处理器或者多线程处理的环境)。具体的如图3所示，所述方法可以包括：

s301：响应于目标页面的页面绘制请求，获取所述目标页面的配置文件。

本说明书实施例中，所述目标页面可以包括游戏应用中任一活动页面；所述配置文件可以包括控件列表信息和控件属性信息；具体的，所述控件列表信息可以包括目标页面中控件的控件标识和控件类型，每一控件标识和控件类型一一对应。具体的，由于控件之间往往存在层级关系(即某一控件b可以绘制在另一控件a的之上)，本说明书实施例中，控件列表信息可以包括树状结构的控件列表信息，树状结构的控件列表信息中每一节点对应一个控件的控件标识和控件类型。在一些具体的实施例中，如图4所示，图4是本申请实施例提供的一种控件列表信息的示意图，如图4可见，控件可以具有子控件，也可以不具有子控件。例如页面中某一位置的图片控件可以为一个单独的图片控件，也可以为具有按钮功能的图片控件，相应的，该具有按钮功能的图片控件可以设置有子控件：按钮控件(这里按钮控件与图片控件之间具有层级关系)；相应的，该按钮控件还可以有子控件：文本控件(这里按钮控件与文本控件之间具有层级关系)等。

本说明书实施例中，所述控件属性信息可以表征所述目标页面中控件的样式布局和事件功能属性。具体的，在实际应用中，页面中的控件是对基础控件进行样式布局和事件功能属性的设置后的控件，相应的，页面中控件对应的基础控件的控件类型，即为该页面中控件的控件类型。例如，页面中控件对应的基础控件为剔除了样式布局和事件功能属性的按钮控件，相应的，该页面中的控件的控件类型可以为按钮控件。

本说明书实施例中，不同控件的控件属性信息不同。具体的，当所述控件的控件类型为button(按钮)控件时，控件属性信息可以包括位置(position),是否显示(display)，大小(size)，图片地址(imageurl)等样式布局属性，以及点击事件(处理点击事件请求的url)的事件功能属性；

当所述控件的控件类型为img(图片)控件时，控件属性信息可以包括位置(position)，是否显示(display)，大小(size)，图片地址(imageurl)等样式布局属性。

当所述控件的控件类型为panel(窗口)控件时，控件属性信息可以包括位置(position)，大小(size)，是否显示(display)，子控件列表等样式布局属性。

当所述控件的控件类型为text(文本)控件时，控件属性信息可以包括位置(position)，大小(size)，是否显示(display)、字体等样式布局属性。

当所述控件的控件类型为list(列表)控件，控件属性信息可以包括位置(position)，大小(size)，是否显示(display)等，子控件之间的间隙(包括横向x和纵向y上的间隙)等样式布局属性。

此外，需要说明的是，本说明书实施例中，panel(窗口)控件、list(列表)控件、text(文本)控件、img(图片)控件等本身不具有事件功能属性，可以通过在这些控件上增加具有事件功能属性的子控件的方式来配置，例如在texture(图片)控件上增加按钮控件，相应的，当控件包括子控件时，该控件的控件属性信息还可以包括控件间的层级信息parent。

在实际应用中，所述配置文件可以为预先配置，并存储在服务器。在配置界面中可以采用html(hypertextmarkuplanguage，超文本标记语言)等基础语言来依次配置目标页面中每个控件的控件属性信息。在一个具体的实施例中，如下是基于html的配置文件的部分配置信息：

[{"name":"bg_img","type":"img","parent":"root","size":"800,500","position":"0,0","depth":1,"url":"http://down.game.qq.com/pandora/images/wmsj/20190918103122/b312c37565c4264fe38b2c431b13e11d_1568773882.png","subgo":[{"name":"button_get","type":"button","parent":"root","size":"146,54","position":"0,0","depth":2,"url":"http://down.game.qq.com/pandora/images/wmsj/20190920192519/63f044e92ed65726465364eef1b8a7a5_1568978719.png","ctrl":"take","action":"query"},{"name":"button_got","type":"button","parent":"root","size":"146,54","position":"0,0","depth":3,"url":"http://down.game.qq.com/pandora/images/wmsj/20190920192535/42d02829857033a09c7a39b683cb1f6e_1568978735.png","ctrl":"","action":""},{"name":"button_got","type":"text","parent":"root","size":"146,24","position":"0,0","depth":4,"text":"thisisatest","fontsize":20,"fontcolor":"#ff33ff"}]}]

其中，上述的"subgo"表示子控件列表，"depth"表示游戏内控件的上下层次，基于该上下层次信息和"parent"层级信息可以构建相应的控件列表信息。

在配置完标页面中每个控件的控件属性信息后，可以基于目标页面中每个控件的属性信息生成该目标页面的配置文件，并存储在服务器。

本说明书实施例中，如图5所示，所述响应于目标页面的页面绘制请求，获取所述目标页面的配置文件包括：

s3011：接收所述目标页面的页面绘制请求，加载所述初始活动面板；

s3013：向服务器发送所述目标页面的配置文件获取请求；

s3015：接收所述服务器返回的所述目标页面的配置文件。

在实际应用中，在接收到页面绘制请求后，可以直接加载本地的初始活动面板，并从服务器获取配置文件。

本说明书实施例中，将控件事件功能属性直接配置在配置文件中，即使不具有相关应用开发工具的使用经验，也能通过在简单的编辑界面对配置文件的配置，实现页面的绘制开发，大大降低了游戏页面绘制开发的难度。

s303：从所述初始活动面板中复制出与所述控件列表信息相对应的基础控件。

本说明书实施例中，如图6所示，从所述初始活动面板中复制出与所述控件列表信息相对应的基础控件可以包括：

s3031：基于深度优先算法遍历所述树状结构的控件列表信息中节点。

s3033：在遍历到每一节点时，获取所述每一节点对应的控件的控件类型。

s3035：从所述初始活动面板中复制出所述控件类型对应的基础控件。

本说明书实施例中，考虑到某些控件之间具有层级关系(例如图4中对应的控件a和控件b之间具有层级关系)，相应的，在绘制时，需要先绘制父控件(控件a)，再绘制子控件(控件b)；本说明书实施例中，可以基于深度优先算法(在遍历树状结构类型的数据时，在确定根节点之后，先遍历该根节点的子节点的算法被称为深度优先算法)遍历所述树状结构的控件列表信息中节点，在遍历到每一节点时，获取每一节点对应的控件的控件类型，并从初始活动面板中复制出所述控件类型对应的基础控件。相应的，在复制出一个基础控件后，执行该基础控件的绘制操作。

本说明书实施例中，所述从所述初始活动面板中复制出所述控件类型对应的基础控件可以包括：基于预设对象复制函数从所述初始活动面板中复制出所述控件类型对应的基础控件。

在实际应用中，不同类型的应用对应不同的开发工具，相应的，不同的开发工具具有不同的预设对象复制函数，在一个具体的实施例中，以游戏应用的开发工具unity3d为例，预设对象复制函数可以为unityengine.gameobject.instantiate()。

在另一些实施例中，如图7所示，所述所述从所述初始活动面板中复制出与所述控件列表信息相对应的基础控件还包括：

s3037：将复制出的基础控件按照复制的先后顺序依次排列。

本说明书实施例中，将基于深度优先算法遍历节点后，复制出的基础控件按照复制的先后顺序依次排列，可以保证后续绘制时，针对具有层级关系的控件也能直接按序绘制，大大提高了游戏页面绘制过程中的处理效率。

s305：基于所述控件属性信息在所述初始活动面板中绘制所述与所述控件列表信息相对应的基础控件，生成所述目标页面。

本说明书实施例中，可以在复制出一个基础控件后，执行该基础控件的绘制操作；也可以在复制出目标页面的全部基础控件后，执行基础控件的绘制操作。

在一个具体的实施例中，当采用复制出一个基础控件后，执行该基础控件的绘制操作的方案时，基于所述控件属性信息在所述初始活动面板中绘制所述与所述控件列表信息相对应的基础控件，生成所述目标页面可以包括：

1)基于当前复制出的基础控件的控件属性信息在所述初始活动面板中绘制所述当前复制出的基础控件。

2)当在所述初始活动面板中绘制的所述当前复制出的基础控件对应所述树状结构的控件列表信息中的最后一个被遍历的节点时，生成所述目标页面。

本说明书实施例中，所述目标页面中每一控件的控件标识一一对应所述目标页面中每一控件的控件属性信息；相应的，如图8所述，所述基于当前复制出的基础控件的控件属性信息在所述初始活动面板中绘制所述当前复制出的基础控件可以包括：

s901：确定所述当前复制出的基础控件所对应的控件标识；

s903：基于所述所对应的控件标识确定所述当前复制出的基础控件的控件属性信息；

s905：根据确定出的控件属性信息在所述初始活动面板中绘制所述当前复制出的基础控件。

在另一些实施例中，当复制出目标页面的全部基础控件后，执行基础控件的绘制操作的方案时，所述基于所述控件属性信息在所述初始活动面板中绘制所述与所述控件列表信息相对应的基础控件，生成所述目标页面可以包括：

1)按照基础控件的排列顺序依次在所述初始活动面板中，基于基础控件的控件属性信息绘制基础控件；

2)当在所述初始活动面板中绘制按序排序的基础控件中的最后一个基础控件时，生成所述目标页面。

具体的，这里依次绘制每一基础控件的具体步骤可以参见上述图8对应的实施例，在此不再赘述。

在一个具体的实施例中，以目标页面为某一游戏活动页面为例，如图9所示，图9是本申请实施例提供的一种目标页面的示意图。从图9中可见，可以结合实际应用中的场景设置相应的初始活动面板，然后结合相应的活动，在初始活动面板中结合基础控件和配置文件进行页面配置。

由以上本说明书实施例提供的技术方案可见，本说明书通过在应用终端上预先设置初始活动面板，且该初始活动面板仅隐藏设置有用于绘制页面的基础控件，在目标页面需要进行绘制时，再获取包括目标页面中控件列表信息和控件属性信息的配置文件，基于该控件属性信息可以对控件的样式布局和事件功能属性直接进行配置，避免了使用复杂的开发工具去绘制面板内容，减少开发人员的知识储备要求，大大降低开发难度，提升游戏页面绘制的效率。

在另一些实施例中，如图10所示，所述方法还包括：

s307：响应于基于所述目标页面触发的页面刷新指令，获取所述页面刷新指令对应的刷新页面的配置文件，所述刷新页面的配置文件包括所述刷新页面与所述目标页面间的变更配置，所述变更配置包括变更控件列表信息和变更控件属性信息；

s309：从所述初始活动面板中复制出与所述变更控件列表信息相对应的基础控件；

s311：基于所述变更控件属性信息在所述目标页面中绘制所述与所述变更控件列表信息相对应的基础控件，生成所述刷新页面。

本说明书实施例中，同一应用中的不同活动页面可以共用一个初始活动面板，相应的，在从一个活动页面更新到另一个活动页面时，可以获取两个活动页面间变更部分的配置文件，基于该变更部分的配置文件刷新页面。

本申请实施例还提供了一种游戏页面绘制装置，如图11所示，所述装置设置有初始活动面板，所述初始活动面板隐藏设置有基础控件，所述装置包括：

第一配置文件获取模块1110，可以用于响应于目标页面的页面绘制请求，获取所述目标页面的配置文件，所述配置文件包括控件列表信息和控件属性信息，所述控件属性信息表征所述目标页面中控件的样式布局和事件功能属性；

第一基础控件复制模块1120，可以用于从所述初始活动面板中复制出与所述控件列表信息相对应的基础控件；

目标页面生成模块1130，可以用于基于所述控件属性信息在所述初始活动面板中绘制所述与所述控件列表信息相对应的基础控件，生成所述目标页面。

在一些实施例中，所述控件列表信息包括树状结构的控件列表信息，所述树状结构的控件列表信息中每一节点对应一个控件的控件标识和控件类型；

所述第一基础控件复制模块1120可以包括：

遍历单元，用于基于深度优先算法遍历所述树状结构的控件列表信息中节点；

控件类型获取单元，用于在遍历到每一节点时，获取所述每一节点对应的控件的控件类型；

基础控件复制单元，用于从所述初始活动面板中复制出所述控件类型对应的基础控件；

相应的，在复制出一个基础控件后，所述目标页面生成模块可以包括：

第一基础控件绘制单元，用于基于当前复制出的基础控件的控件属性信息在所述初始活动面板中绘制所述当前复制出的基础控件；

第一目标页面生成单元，用于当在所述初始活动面板中绘制的所述当前复制出的基础控件对应所述树状结构的控件列表信息中的最后一个被遍历的节点时，生成所述目标页面。

在一些实施例中，所述基础控件复制单元具体用于基于预设对象复制函数从所述初始活动面板中复制出所述控件类型对应的基础控件。

在一些实施例中，所述目标页面中每一控件的控件标识一一对应所述目标页面中每一控件的控件属性信息；

所述第一基础控件绘制单元包括：

控件标识确定单元，用于确定所述当前复制出的基础控件所对应的控件标识；

控件属性信息确定单元，用于基于所述所对应的控件标识确定所述当前复制出的基础控件的控件属性信息；

第二基础控件绘制单元，用于根据确定出的控件属性信息在所述初始活动面板中绘制所述当前复制出的基础控件。

在一些实施例中，所述第一基础控件复制模块还包括：

基础控件排序单元，用于将复制出的基础控件按照复制的先后顺序依次排列；

相应的，所述目标页面生成模块包括：

第三基础控件绘制单元，用于按照基础控件的排列顺序依次在所述初始活动面板中，基于基础控件的控件属性信息绘制基础控件；

第二目标页面生成单元，用于当在所述初始活动面板中绘制按序排序的基础控件中的最后一个基础控件时，生成所述目标页面。

在一些实施例中，所述第一配置文件获取模块包括：

页面绘制请求接收单元，用于接收所述目标页面的页面绘制请求；

初始活动面板加载单元，用于加载所述初始活动面板；

配置文件获取请求发生单元，用于向服务器发送所述目标页面的配置文件获取请求；

配置文件接收单元，用于接收所述服务器返回的所述目标页面的配置文件。

在一些实施例中，所述方法还包括：

第二配置文件获取模块，用于响应于基于所述目标页面触发的页面刷新指令，获取所述页面刷新指令对应的刷新页面的配置文件，所述刷新页面的配置文件包括所述刷新页面与所述目标页面间的变更配置，所述变更配置包括变更控件列表信息和变更控件属性信息；

第二基础控件复制模块，用于从所述初始活动面板中复制出与所述变更控件列表信息相对应的基础控件；

刷新页面生成模块，用于基于所述变更控件属性信息在所述目标页面中绘制所述与所述变更控件列表信息相对应的基础控件，生成所述刷新页面。

所述的装置实施例中的装置与方法实施例基于同样的申请构思。

本申请实施例提供了一种游戏页面绘制设备，所述设备有初始活动面板，所述初始活动面板隐藏设置有基础控件，该游戏页面绘制设备包括处理器和存储器，该存储器中存储有至少一条指令、或至少一段程序，该至少一条指令、或该至少一段程序由该处理器加载并执行以实现如上述方法实施例所提供的游戏页面绘制方法。

存储器可用于存储软件程序以及模块，处理器通过运行存储在存储器的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、功能所需的应用程序等；存储数据区可存储根据所述设备的使用所创建的数据等。此外，存储器可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器还可以包括存储器控制器，以提供处理器对存储器的访问。

本申请实施例所提供的方法实施例可以在客户端(移动终端、计算机终端)、服务器或者类似的运算装置中执行。以运行在客户端上为例，图12是本申请实施例提供的一种客户端的结构示意图，如图12所示，该客户端可以用于实施上述实施例中提供的信息交互方法。具体来讲：

所述客户端可以包括rf(radiofrequency，射频)电路1210、包括有一个或一个以上计算机可读存储介质的存储器1220、输入单元1230、显示单元1240、传感器1250、音频电路1260、wifi(wirelessfidelity，无线保真)模块1270、包括有一个或者一个以上处理核心的处理器1280、以及电源1290等部件。本领域技术人员可以理解，图12中示出的客户端结构并不构成对客户端的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。其中：

rf电路1210可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，交由一个或者一个以上处理器1280处理；另外，将涉及上行的数据发送给基站。通常，rf电路1210包括但不限于天线、至少一个放大器、调谐器、一个或多个振荡器、用户身份模块(sim)卡、收发信机、耦合器、lna(lownoiseamplifier，低噪声放大器)、双工器等。此外，rf电路1210还可以通过无线通信与网络和其他客户端通信。所述无线通信可以使用任一通信标准或协议，包括但不限于gsm(globalsystemofmobilecommunication，全球移动通讯系统)、gprs(generalpacketradioservice，通用分组无线服务)、cdma(codedivisionmultipleaccess，码分多址)、wcdma(widebandcodedivisionmultipleaccess,宽带码分多址)、lte(longtermevolution,长期演进)、电子邮件、sms(shortmessagingservice，短消息服务)等。

存储器1220可用于存储软件程序以及模块，处理器1280通过运行存储在存储器1220的软件程序以及模块，从而执行各种功能应用以及数据处理。存储器1220可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、功能所需的应用程序等；存储数据区可存储根据所述客户端的使用所创建的数据等。此外，存储器1220可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。相应地，存储器1220还可以包括存储器控制器，以提供处理器1280和输入单元1230对存储器1220的访问。

输入单元1230可用于接收输入的数字或字符信息，以及产生与用户设置以及功能控制有关的键盘、鼠标、操作杆、光学或者轨迹球信号输入。具体地，输入单元1230可包括触敏表面1231以及其他输入设备1232。触敏表面1231，也称为触摸显示屏或者触控板，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触敏表面1231上或在触敏表面1231附近的操作)，并根据预先设定的程式驱动相应的连接装置。可选的，触敏表面1231可包括触摸检测装置和触摸控制器两个部分。其中，触摸检测装置检测用户的触摸方位，并检测触摸操作带来的信号，将信号传送给触摸控制器；触摸控制器从触摸检测装置上接收触摸信息，并将它转换成触点坐标，再送给处理器1280，并能接收处理器1280发来的命令并加以执行。此外，可以采用电阻式、电容式、红外线以及表面声波等多种类型实现触敏表面1231。除了触敏表面1231，输入单元1230还可以包括其他输入设备1232。具体地，其他输入设备1232可以包括但不限于物理键盘、功能键(比如音量控制按键、开关按键等)、轨迹球、鼠标、操作杆等中的一种或多种。

显示单元1240可用于显示由用户输入的信息或提供给用户的信息以及所述客户端的各种图形用户接口，这些图形用户接口可以由图形、文本、图标、视频和其任意组合来构成。显示单元1240可包括显示面板1241，可选的，可以采用lcd(liquidcrystaldisplay，液晶显示器)、oled(organiclight-emittingdiode,有机发光二极管)等形式来配置显示面板1241。进一步的，触敏表面1231可覆盖显示面板1241，当触敏表面1231检测到在其上或附近的触摸操作后，传送给处理器1280以确定触摸事件的类型，随后处理器1280根据触摸事件的类型在显示面板1241上提供相应的视觉输出。其中，触敏表面1231与显示面板1241可以两个独立的部件来实现输入和输入功能，但是在某些实施例中，也可以将触敏表面1231与显示面板1241集成而实现输入和输出功能。

所述客户端还可包括至少一种传感器1250，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板1241的亮度，接近传感器可在所述客户端移动到耳边时，关闭显示面板1241和/或背光。作为运动传感器的一种，重力加速度传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别客户端姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于所述客户端还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

音频电路1260、扬声器1261，传声器1262可提供用户与所述客户端之间的音频接口。音频电路1260可将接收到的音频数据转换后的电信号，传输到扬声器1261，由扬声器1261转换为声音信号输出；另一方面，传声器1262将收集的声音信号转换为电信号，由音频电路1260接收后转换为音频数据，再将音频数据输出处理器1280处理后，经rf电路1210以发送给比如另一客户端，或者将音频数据输出至存储器1220以便进一步处理。音频电路1260还可能包括耳塞插孔，以提供外设耳机与所述客户端的通信。

wifi属于短距离无线传输技术，所述客户端通过wifi模块1270可以帮助用户收发电子邮件、浏览网页和访问流式媒体等，它为用户提供了无线的宽带互联网访问。虽然图12示出了wifi模块1270，但是可以理解的是，其并不属于所述客户端的必须构成，完全可以根据需要在不改变发明的本质的范围内而省略。

处理器1280是所述客户端的控制中心，利用各种接口和线路连接整个客户端的各个部分，通过运行或执行存储在存储器1220内的软件程序和/或模块，以及调用存储在存储器1220内的数据，执行所述客户端的各种功能和处理数据，从而对客户端进行整体监控。可选的，处理器1280可包括一个或多个处理核心；优选的，处理器1280可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器1280中。

所述客户端还包括给各个部件供电的电源1290(比如电池)，优选的，电源可以通过电源管理系统与处理器1280逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。电源1290还可以包括一个或一个以上的直流或交流电源、再充电系统、电源故障检测电路、电源转换器或者逆变器、电源状态指示器等任意组件。

尽管未示出，所述客户端还可以包括摄像头、蓝牙模块等，在此不再赘述。具体在本实施例中，客户端的显示单元是触摸屏显示器，客户端还包括有存储器，以及一个或者一个以上的程序，其中一个或者一个以上程序存储于存储器中，且经配置以由一个或者一个以上处理器执行本发明中方法实施例中的指令。

本申请的实施例还提供了一种存储介质，所述存储介质可设置于设备之中以保存用于实现方法实施例中一种游戏页面绘制方法相关的至少一条指令、或至少一段程序，该至少一条指令或该至少一段程序由该处理器加载并执行以实现上述方法实施例提供的游戏页面绘制方法。

可选地，在本实施例中，上述存储介质可以位于计算机网络的多个网络服务器中的至少一个网络服务器。可选地，在本实施例中，上述存储介质可以包括但不限于：u盘、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、移动硬盘、磁碟或者光盘等各种可以存储程序代码的介质。

由上述本申请提供的游戏页面绘制方法、装置、服务器或存储介质的实施例可见，本申请中通过在应用终端上预先设置初始活动面板，且该初始活动面板仅隐藏设置有用于绘制页面的基础控件，在目标页面需要进行绘制时，再获取包括目标页面中控件列表信息和控件属性信息的配置文件，基于该控件属性信息可以对控件的样式布局和事件功能属性直接进行配置，避免了使用复杂的开发工具去绘制面板内容，减少开发人员的知识储备要求，大大降低开发难度，提升游戏页面绘制的效率。

需要说明的是：上述本申请实施例先后顺序仅仅为了描述，不代表实施例的优劣。且上述对本说明书特定实施例进行了描述。其它实施例在所附权利要求书的范围内。在一些情况下，在权利要求书中记载的动作或步骤可以按照不同于实施例中的顺序来执行并且仍然可以实现期望的结果。另外，在附图中描绘的过程不一定要求示出的特定顺序或者连续顺序才能实现期望的结果。在某些实施方式中，多任务处理和并行处理也是可以的或者可能是有利的。

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

本领域普通技术人员可以理解实现上述实施例的全部或部分步骤可以通过硬件来完成，也可以通过程序来指示相关的硬件完成，所述的程序可以存储于一种计算机可读存储介质中，上述提到的存储介质可以是只读存储器，磁盘或光盘等。

以上所述仅为本申请的较佳实施例，并不用以限制本申请，凡在本申请的精神和原则之内，所作的任何修改、等同替换、改进等，均应包含在本申请的保护范围之内。