一种界面控制方法及装置与流程

本发明涉及显示控制领域，尤其涉及一种界面控制方法及装置。

背景技术：

cs(client/server)架构，即服务器/客户端架构，是一种软件系统体系结构，通过将任务合理分配到客户端和服务器端，降低了系统的通讯开销。cs架构通常需要安装客户端进行管理操作，客户端通常是根据需求定制的。bs(browser/server)架构即浏览器和服务器架构，在这种架构下，用户工作界面是通过通用的浏览器来实现，极少部分事务逻辑在前端。

由于cs架构和bs架构各具特色，常常使用cs和bs的复合架构。但是，在cs和bs的复合架构中，提供多样化的显示界面成为需要解决的问题。

技术实现要素：

本发明解决的技术问题是提供多样化的显示界面。

为解决上述技术问题，本发明实施例提供一种界面控制方法，包括：客户端接收配置请求，所述配置请求包括对所述客户端的界面的配置信息，所述界面包括第一区域以及对应于所述客户端的内置浏览器的第二区域；由所述配置请求触发，根据所述配置信息对所述第一区域的界面进行配置；由所述配置请求触发，对所述第二区域进行配置，以使配置后的第二区域与所述配置信息相适配。

可选的，由所述配置请求触发，对所述第二区域进行配置包括：由所述配置请求触发，对所述内置浏览器进行刷新；截获响应于所述刷新的响应函数；对所述响应函数进行修改，以使所述响应函数适配于所述配置信息。

可选的，通过调用所述内置浏览器的内部接口截获所述响应函数。

可选的，对所述响应函数进行修改包括：对所述响应函数的头部信息进行配置，以得到适配头部信息，所述适配头部信息与所述配置请求相适配。

可选的，所述配置信息包括对所述界面进行换肤的依赖图片及混合方式。

可选的，所述第一区域包括控件子区；根据所述配置信息对所述第一区域的界面进行配置包括：将所述控件子区的控件掩码图与所述依赖图片依据所述混合方式进行混合。

本发明实施例还提供一种界面控制装置，包括：配置请求接收单元，适于控制客户端接收配置请求，所述配置请求包括对所述客户端的界面的配置信息，所述界面包括第一区域以及对应于所述客户端的内置浏览器的第二区域；第一配置单元，适于由所述配置请求触发，根据所述配置信息对所述第一区域的界面进行配置；第二配置单元，适于由所述配置请求触发，对所述第二区域进行配置，以使配置后的第二区域与所述配置信息相适配。

可选的，所述第二配置单元包括：刷新单元，适于由所述配置请求触发，对所述内置浏览器进行刷新；截获单元，适于截获响应于所述刷新的响应函数；修改单元，适于对所述响应函数进行修改，以使所述响应函数适配于所述配置信息。

可选的，所述截获单元通过调用所述内置浏览器的内部接口截获所述响应函数。

可选的，所述修改单元适于通过以下方式对所述响应函数进行修改：对所述响应函数的头部信息进行配置，以得到适配头部信息，所述适配头部信息与所述配置请求相适配。

可选的，所述配置信息包括对所述界面进行换肤的依赖图片及混合方式。

可选的，所述第一区域包括控件子区；所述第一配置单元适于通过如下方式对所述第一区域的界面进行配置：将所述控件子区的控件掩码图与所述依赖图片依据所述混合方式进行混合。

与现有技术相比，本发明实施例的技术方案具有以下有益效果：

通过客户端接收配置请求，由所述配置请求触发对客户端界面的配置，也就是分别对第一区域和对应于所述客户端的内置浏览器的第二区域的配置，从而使得配置后的第一区域和第二区域的界面均与配置信息相适配，为 所述界面的显示提供更多样化的选择范围。

附图说明

图1是本发明实施例中一种界面控制方法的流程图；

图2是本发明实施例中一种对第二区域进行配置的流程图；

图3是本发明实施例中一种界面控制装置的结构示意图。

具体实施方式

如前所述，cs(client/server)架构，即服务器/客户端架构，是一种软件系统体系结构，通过将任务合理分配到客户端和服务器端，降低了系统的通讯开销。cs架构通常需要安装客户端进行管理操作，客户端通常是根据需求定制的。bs(browser/server)架构即浏览器和服务器架构，在这种架构下，用户工作界面是通过通用的浏览器来实现，极少部分事务逻辑在前端。

由于cs架构可以降低系统的通讯开销，在cs架构中，可以更快速的完成客户端与服务器的通信，适于进行时效性要求较高的数据通信；但cs架构中客户端的开发成本和开发周期较高，故可以结合bs架构，利用bs架构完成对时效性要求较低的数据通信，以降低开发成本并缩短开发周期。

在cs和bs的混合结构中，对cs架构部分对应的显示控制可以在客户端的开发过程中较为方便的进行定义，但是对应于bs架构部分的显示，会受限于bs架构中选用的浏览器，使得bs架构部分对应的显示界面可选择性较少，客户端界面中cs架构对应的区域和bs架构对应的区域难以相协调。

在本发明实施例中，第一区域对应于cs架构部分，第二区域对应于bs架构部分，根据配置信息可以对所述第一区域的界面进行配置，对第二区域进行针对bs架构的配置处理，使得配置后的第二区域与所述配置信息相适配，从而可以给予第二区域更多的选择空间，不再局限于bs架构中选用的内置浏览器。进而使得配置后的第一区域和第二区域的界面均与配置信息相适配，为所述界面的显示提供更多样化的选择范围。

为使本发明的上述目的、特征和有益效果能够更为明显易懂，下面结合附图对本发明的具体实施例做详细的说明。

图1是本发明实施例中一种界面控制方法的流程图。

在步骤s11中，客户端接收配置请求，所述配置请求包括对所述客户端的界面的配置信息。

在具体实施中，所述界面包括第一区域以及对应于所述客户端的内置浏览器的第二区域，其中，客户端可以是运行于终端(例如pc、平板电脑等)上的应用、程序等。客户端的基本功能界面可以是基于cs架构的界面，接收用户信息，为用户提供操作接口，并根据用户需求与服务器进行数据交互。客户端与服务器进行数据交互可以是基于cs架构进行数据交互，也可以是基于bs架构进行数据交互，具体数据交互模式的选择可以根据用户对数据时效性的要求确定。

配置请求可以是对界面进行配置的请求，例如可以是对界面的颜色、背景、字体、显示风格等进行配置的请求。配置请求可以是用户对客户端进行操作后生成的，配置信息是根据配置请求获取的用来指示客户端进行配置的信息。

在步骤s12中，由所述配置请求触发，根据所述配置信息对所述第一区域的界面进行配置。

由于所述第一区域是对应于cs架构的区域，根据所述配置信息对所述第一区域的界面进行配置可以直接由客户端进行本地配置。

在具体实施中，可以运用如下配置过程：

首先，使用主程序框架类绘制背景图，也就是客户端的所有界面的背景绘制和换肤都在这里进行。统一客户端的界面背景绘制，可以不用每个页面再单独去做绘制背景和换肤处理。

其次，根据配置信息向主程序框架类发送对应的控件背景和控件相对于所述界面的位置，由主程序框架类利用控件背景在控件相对于所述界面的位置范围内进行绘制。

按照上述过程对第一区域的界面进行配置后，由于控件背景和对应客户端大背景位置的色彩、亮度、饱和度等等都是一致的，因此需要凸显控件。

在本发明一实施例中，所述配置信息包括对所述界面进行换肤的依赖图片及混合方式。依赖图片可以作为前述背景图。

在一具体实施中，为了凸显控件，将所述控件子区的控件掩码图与所述依赖图片依据所述混合方式进行混合。例如，当混合方式为alpha混合时，可以利用控件掩码图与依赖图片进行alpha混合。alpha混合效果是半透明效果，通过0-1之间的变化，产生由全透明到不透明的效果。控件掩码图可以是单色掩码图，将控件掩码图与背景图进行alpha混合，便能产生控件的凸显效果。

在步骤s13中，由所述配置请求触发，对所述第二区域进行配置，以使配置后的第二区域与所述配置信息相适配。其中，配置后的第二区域与所述配置信息相适配指的是第二区域的显示效果、显示风格等设置与配置信息中包含的显示效果、显示风格的设置保持一致，或形成某种适当的关联关系以达到协调的效果。

由于第二区域是对应于bs架构的区域，客户端可以通过bs架构的内置浏览器与服务器进行数据传输，第二区域的显示包括从服务器获取的数据，默认的显示方式是通过调用内置浏览器进行显示，故第二区域的显示较为单一。在本发明实施例中，通过配置请求触发对第二区域的配置，可以丰富第二区域的显示效果，从而使得第二区域的显示效果可以和第一区域一致或协调。

对第二区域进行配置，例如进行换肤操作，通常可以采用如下方式：通过浏览器向服务器发送请求，服务器进行页面的换肤，在服务器端读取对应的背景图片，然后传回到客户端浏览器进行展示。但按照此种方式，如果背景图片过大，假设128k字节的背景图片，则需要花较长(通常而言，将近1秒)的时间进行传输，而且在客户端浏览器进行渲染也需要时间，则速度较慢，会影响用户体验。同时，如果大量用户同时进行换肤操作，则会对服务器产生大量的资源和网络流量消耗。

而在本发明实施例中，通过客户端本地对所述第二区域进行配置，使配置后的第二区域与所述配置信息相适配，不需服务器做处理，因此可以节省 网络流量并提升配置效率，进而提升用户体验。

图2是本发明实施例中一种对第二区域进行配置的流程图，图1中的步骤s13可以包括：

步骤s131，由所述配置请求触发，对所述内置浏览器进行刷新。

由于第二区域对应于内置浏览器，若对第二区域进行配置，需要对内置浏览器进行刷新，以在重新加载的过程中，对配置进行修改。

步骤s132，截获响应于所述刷新的响应函数。

在具体实施中，可以通过调用所述内置浏览器的内部接口截获所述响应函数。例如，当内置浏览器为谷歌浏览器时，可以通过嵌入式谷歌浏览器框架(cef)提供的接口函数调用浏览器对应的接口，以截获响应函数。

步骤s133，对所述响应函数进行修改，以使所述响应函数适配于所述配置信息。

配置信息中可以包括依赖图片的位置、大小等信息。在具体实施中，可以通过对响应函数进行修改，使得浏览器在资源加载的过程中，处理额外的依赖图片加载功能。

在本发明一实施例中，可以在客户端程序启动时，将所有背景图片资源加载到客户端内存中，从而可以在后续换肤中无需读取硬盘数据，而只要访问内存数据，根据配置信息读取依赖图片，进而加快换肤的速度。

在一具体实施中，对所述响应函数进行修改可以包括：对所述响应函数的头部信息进行配置，以得到适配头部信息，所述适配头部信息与所述配置请求相适配。

对响应函数的头部信息进行修改的过程，可以对应于改写http协议的头部信息的过程，将头部信息替换成依赖图片的位置、格式、大小等参数，以使得浏览器可以获取依赖图片，进行依赖图片对第二区域的填充，在填充完成后进行渲染，以使得第二区域的显示适配于配置信息。

可以理解的是，图1中步骤s12和步骤s13的执行并无先后顺序限制，可以先执行步骤s12，也可以先执行步骤s13，还可以同时并行地执行步骤 s12以及步骤s13。

本发明实施例通过客户端接收配置请求，由所述配置请求触发对客户端界面的配置，也就是分别对第一区域和对应于所述客户端的内置浏览器的第二区域的配置，从而使得配置后的第一区域和第二区域的界面均与配置信息相适配，为所述界面的显示提供更多样化的选择范围。

图3是本发明实施例中一种界面控制装置的结构示意图。

界面控制装置可以包括：配置请求接收单元31，适于控制客户端接收配置请求，所述配置请求包括对所述客户端的界面的配置信息，所述界面包括第一区域以及对应于所述客户端的内置浏览器的第二区域；

第一配置单元32，适于由所述配置请求触发，根据所述配置信息对所述第一区域的界面进行配置；

第二配置单元33，适于由所述配置请求触发，对所述第二区域进行配置，以使配置后的第二区域与所述配置信息相适配。

在具体实施中，所述第二配置单元33可以包括：

刷新单元，适于由所述配置请求触发，对所述内置浏览器进行刷新；

截获单元，适于截获响应于所述刷新的响应函数；

修改单元，适于对所述响应函数进行修改，以使所述响应函数适配于所述配置信息。

在具体实施中，所述截获单元可以通过调用所述内置浏览器的内部接口截获所述响应函数。

在具体实施中，所述修改单元适于通过以下方式对所述响应函数进行修改：对所述响应函数的头部信息进行配置，以得到适配头部信息，所述适配头部信息与所述配置请求相适配。

在具体实施中，所述配置信息可以包括对所述界面进行换肤的依赖图片及混合方式。

在具体实施中，所述第一区域可以包括控件子区；所述第一配置单元适 于通过如下方式对所述第一区域的界面进行配置：将所述控件子区的控件掩码图与所述依赖图片依据所述混合方式进行混合。

本领域普通技术人员可以理解上述实施例的各种方法中的全部或部分步骤是可以通过程序来指令相关的硬件来完成，该程序可以存储于一计算机可读存储介质中，存储介质可以包括：rom、ram、磁盘或光盘等。

虽然本发明披露如上，但本发明并非限定于此。任何本领域技术人员，在不脱离本发明的精神和范围内，均可作各种更动与修改，因此本发明的保护范围应当以权利要求所限定的范围为准。