客户端界面布局的动态调整方法、装置、设备和介质与流程

本公开实施例涉及计算机软件应用技术领域，尤其涉及一种客户端界面布局的动态调整方法、装置、设备和介质。

背景技术：

随着智能终端的普及，实现各种功能的应用软件越来越多。应用软件的客户端会设计各种美观实用的界面，方便用户的操作，吸引用户的兴趣。

现有技术中，客户端是由原生程序来确定固定的界面显示布局的，例如，在电子书软件的首页界面中，设定的显示布局可包括标题栏区域以及列表栏区域。服务器给客户端推送首页界面的数据时，需要根据标题栏区域以及列表栏区域的设定格式来推送数据。客户端根据设定格式获取数据后，填入相应区域。例如，标题栏区域应填入“今日推荐”，列表栏区域应填入今日要推荐的几个书籍的文本类型的名称和图片类型的封面。即，现有技术中，某个界面包括哪些显示区域，以及每个显示区域的应填入的数据对象格式，都是由客户端程序确定的，服务器仅负责推送具体的数据对象的数据内容。

上述技术方案存在的缺陷在于，当业务服务商想要更改界面布局时，需要对客户端软件进行版本升级才可以，所以不便于灵活的对界面显示布局进行调整。

公开内容

本公开实施例提供一种客户端界面布局的动态调整方法、装置、设备和介质，以能够动态进行界面布局显示，而不必进行客户端软件调整。

第一方面，本公开实施例提供了一种客户端界面布局的动态调整方法，该方法包括：

接收服务器推送的配置参数和至少一个界面显示项的数据内容，其中，所述配置参数至少包括模板配置参数和显示项配置参数，所述界面显示项包括至少一个显示对象；

根据所述模板配置参数从客户端本地获取匹配的显示模板；

根据所述显示项配置参数，将界面显示项中显示对象的数据内容填入所述显示模板中；

对填入数据内容的显示模板进行界面渲染并显示。

可选的，所述模板配置参数包括模板标识，或包括模板匹配条件。

可选的，所述显示项配置参数包括下述至少一个：显示对象标签、和显示对象布局参数。

可选的，显示对象标签包括：标题、封面图片、简介、确认按钮、取消按钮、预览图片、预览视频以及关联内容中的至少一个。

可选的，根据所述显示项配置参数，将界面显示项中显示对象的数据内容填入所述显示模板中包括：

根据显示对象标签，从显示模板中查找匹配的模板标签；

将与显示对象标签对应的显示对象的内容数据，作为匹配的模板标签区域的待显示数据。

可选的，将与显示对象标签对应的显示对象的内容数据，作为匹配的模板标签区域的待显示数据包括：

如果匹配的模板标签为多个，则根据多个显示对象的内容数据的接收顺序，或显示项配置参数中的设定显示顺序，依次配置为匹配的模板标签区域的待显示数据。

可选的，所述数据内容的数据类型包括：文字、图片、音频、视频、链接、表格和控件中的至少一个。

可选的，根据所述显示项配置参数，将界面显示项中显示对象的数据内容填入所述显示模板中之后，还包括：

如果确定所述显示模板中存在未填入显示对象，则按照默认规则从本地或远程获取关联内容数据，将关联内容数据填入所述显示对象。

可选的，客户端界面布局的动态调整方法还包括：

从服务器获取新的显示模板，以文件形式存储在客户端本地。

可选的，根据所述显示项配置参数，将界面显示项中显示对象的数据内容填入所述显示模板中包括：

根据所述显示项配置参数，将每个界面显示项中显示对象的数据内容填入对应的一个所述显示模板中；或者

根据所述显示项配置参数，将多个界面显示项中显示对象的数据内容填入对应的一个所述显示模板中。

第二方面，本公开实施例还提供了一种客户端界面布局的动态调整装置，该装置包括：

数据接收模块，用于接收服务器推送的配置参数和至少一个界面显示项的数据内容，其中，所述配置参数至少包括模板配置参数和显示项配置参数，所述界面显示项包括至少一个显示对象；

模板匹配模块，用于根据所述模板配置参数从客户端本地获取匹配的显示模板；

内容填充模块，用于根据所述显示项配置参数，将界面显示项中显示对象的数据内容填入所述显示模板中；

显示模块，用于对填入数据内容的显示模板进行界面渲染并显示。

可选的，所述模板配置参数包括模板标识，或包括模板匹配条件。

可选的，所述显示项配置参数包括下述至少一个：显示对象标签、和显示对象布局参数。

可选的，显示对象标签包括：标题、封面图片、简介、确认按钮、取消按钮、预览图片、预览视频以及关联内容中的至少一个。

可选的，内容填充模块包括：

标签匹配单元，用于根据显示对象标签，从显示模板中查找匹配的模板标签；

内容填充单元，用于将与显示对象标签对应的显示对象的内容数据，作为匹配的模板标签区域的待显示数据。

进一步的，内容填充单元具体用于：

当匹配的模板标签为多个时，根据多个显示对象的内容数据的接收顺序，或显示项配置参数中的设定显示顺序，依次配置为匹配的模板标签区域的待显示数据。

可选的，所述数据内容的数据类型包括：文字、图片、音频、视频、链接、表格和控件中的至少一个。

可选的，客户端界面布局的动态调整装置还包括：空模块填充模块，用于在根据所述显示项配置参数，将界面显示项中显示对象的数据内容填入所述显示模板中之后，当确定所述显示模板中存在未填入显示对象时，按照默认规则从本地或远程获取关联内容数据，将关联内容数据填入所述显示对象。

可选的，客户端界面布局的动态调整装置还包括：模版存储模块，用于从服务器获取新的显示模板，以文件形式存储在客户端本地。

可选的，内容填充模块还可用于根据所述显示项配置参数，将每个界面显示项中显示对象的数据内容填入对应的一个所述显示模板中；或者

根据所述显示项配置参数，将多个界面显示项中显示对象的数据内容填入对应的一个所述显示模板中。

第三方面，本公开实施例提供了一种电子设备，包括：

一个或多个处理装置；

存储装置，用于存储一个或多个程序；

当所述一个或多个程序被所述一个或多个处理装置执行，使得所述一个或多个处理装置实现如本公开任一实施例所述的客户端界面布局的动态调整方法。

第四方面，本公开实施例提供了一种计算机可读介质，其上存储有计算机程序，该程序被处理装置执行时实现如本公开任一实施例所述的客户端界面布局的动态调整方法。

本公开实施例通过从服务器端接收配置参数和界面显示项的数据内容，由服务器在推送数据时决定使用的模板，然后，根据配置参数从客户端本地获取匹配的显示模板，将界面显示项中显示对象的数据内容填入显示模板中，对填入数据内容的显示模板进行界面渲染并显示，解决了对客户端界面显示布局进行调整的方式具有局限性的问题，实现了根据需求对界面显示布局进行动态调整，在更改客户端界面布局时，无需更改客户端程序代码。

附图说明

图1是本公开实施例一中的客户端界面布局的动态调整方法的流程图；

图2是本公开实施例二中的客户端界面布局的动态调整装置的结构示意图；

图3是本公开实施例三中的电子设备的结构示意图。

具体实施方式

为使本公开的目的、技术方案和优点更加清楚，以下将参照本公开实施例中的附图，通过实施方式清楚、完整地描述本公开的技术方案，显然，所描述的实施例是本公开一部分实施例，而不是全部的实施例。基于本公开中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本公开保护的范围。

下述各实施例中，每个实施例中同时提供了可选特征和示例，实施例中记载的各个特征可进行组合，形成多个可选方案，不应将每个编号的实施例仅视为一个技术方案。

实施例一

图1为本公开实施例一提供的客户端界面布局的动态调整方法的流程图，本实施例可适用于调整客户端界面布局的情况，该方法可以由客户端界面布局的动态调整装置来执行，该装置可以由硬件和/或软件构成，并一般集成在电子设备中。

如图1所示，客户端界面布局的动态调整方法具体包括如下步骤：

s110、接收服务器推送的配置参数和至少一个界面显示项的数据内容，其中，所述配置参数至少包括模板配置参数和显示项配置参数，所述界面显示项包括至少一个显示对象。

具体的，模板配置参数包括模板标识，或包括模板匹配条件。其中，模板标识可以是模板的编号或是名称，以表明每一个模板的作用。例如，一个模板的标识为标题，那么表明该模板用于填充的对象内容为标题。模板匹配条件即为模板与显示对象的匹配条件，例如，可以是模板标识与显示对象标签相同。不同类型数据的显示模板可以包括多个，显示模板可以进一步配置标签以进行区分。

显示项配置参数包括下述至少一个：显示对象标签和显示对象布局参数。其中，显示对象标签包括：标题、封面图片、简介、确认按钮、取消按钮、预览图片、预览视频以及关联内容中的至少一个。显示对象布局参数包括各显示对象在显示界面的相对位置关系，和/或显示对象与显示模板边框或是显示模板边框与显示界面边框间的距离等参数，如标题在内容的上方或标题在内容的左侧等相对位置关系。

此外，配置参数还可以包括填入框数量、标签内容、图片渲染方式等。

s120、根据所述模板配置参数从客户端本地获取匹配的显示模板。

即根据模板的标识在客户端本地获取相应的模板。这里要进行说明的是，显示模板以文件的形式存储在客户端本地，当用到任一模板时，可通过调用文件的形式获取该模板。

进一步的，当业务服务商想要变更显示界面布局且更新模板时，可以通过服务器直接将新的模板文件推送到客户端。当客户端获取到新的模板文件时，可将模板文件保存在客户端本地，当用到新的显示模板时，直接调用相应的模板文件即可。

s130、根据所述显示项配置参数，将界面显示项中显示对象的数据内容填入所述显示模板中。

具体的，首先，根据显示对象标签，从显示模板中查找匹配的模板标签；然后，将与显示对象标签对应的显示对象的内容数据，作为匹配的模板标签区域的待显示数据。示例性的，如现实对象的标签为标题，那么可在客户端本地查询模板标签匹配的模板，然后将显示对象的数据内容填充入显示模板相应的位置处。其中，数据内容的数据类型包括：文字、图片、音频、视频、链接、表格和控件中的至少一个。

当为一个显示对象匹配到多个显示模板时，例如有多个模板的标签为标题模板，可随机选择其中一个作为该显示对象的显示模板，或者可根据显示配置参数选择相应的显示模板。

进一步的，当显示对象有多个，匹配的模板标签为多个，则根据多个显示对象的内容数据的接收顺序，依次配置为匹配的模板标签区域的待显示数据。例如，排行榜数据在今日推荐之前显示。或者，显示项配置参数中的设定显示顺序，依次配置为匹配的模板标签区域的待显示数据。

在另一种实施方式中，根据所述显示项配置参数，将界面显示项中显示对象的数据内容填入所述显示模板中包括：根据所述显示项配置参数，将每个界面显示项中显示对象的数据内容填入对应的一个所述显示模板中；即在一个显示模板中包括一个界面显示项时，可将每个界面显示项中显示对象的数据内容填入对应的一个显示模板中。或者根据所述显示项配置参数，将多个界面显示项中显示对象的数据内容填入对应的一个所述显示模板中。即在一个显示模板中，存在多个显示项时，每个显示项有相应的标签信息，则可根据所述显示项配置参数，将多个界面显示项中显示对象的数据内容填入对应的一个所述显示模板中。例如，在一个客户端应用首页的界面中，包含有推荐书单、今日排行及我的收藏三个显示项，这三个显示项在一个显示模板中，那么当用户分别点击这三个显示项，进入各显示项对应的客户端界面中，每个显示项对应一个显示模版。具体的，可以根据显示项配置参数，选择相应的显示模板，显示显示对象的内容数据。

s140、对填入数据内容的显示模板进行界面渲染并显示。

客户端本地的已知模板确定了可渲染显示的模式，客户端可以根据模板，从服务器推送数据中主动拉取数据，进行渲染显示。当显示对象的数据内容均填入对应的显示模板之后，即可对客户端界面进行渲染并显示，以呈现出较好的视觉效果。

进一步的，如果确定显示模板中存在未填入显示对象，则按照默认规则从本地或远程获取关联内容数据，将关联内容数据填入所述显示对象。其中，默认规则可以是语义识别或图片识别规则，识别出已经显示的显示对象数据的语义，然后在本地或服务器端获取相关的内容填入未填入显示对象的区域。相关内容可以是文字内容，也可以是主题图片或背景图片等内容。例如，显示模板中需要展示图片，但服务器没有推送图片内容，只有文字内容，则客户端根据显示模板以及默认规则，可以根据文字找到匹配图片进行展示，或者用默认图片进行填充。

本实施例的技术方案，通过从服务器端接收配置参数和界面显示项的数据内容，由服务器在推送数据时决定使用的模板，然后，根据配置参数从客户端本地获取匹配的显示模板，将界面显示项中显示对象的数据内容填入显示模板中，对填入数据内容的显示模板进行界面渲染并显示，解决了对客户端界面显示布局进行调整的方式具有局限性的问题，实现了根据需求对界面显示布局进行动态调整，在更改客户端界面布局时，无需更改客户端程序代码。

实施例二

图2示出了本公开实施例二提供的一种客户端界面布局的动态调整装置的结构示意图，本公开实施例可适用于动态确定客户端界面布局情况。

如图2所示，本公开实施例中主题色动态确定装置，包括：数据接收模块210、模板匹配模块220、内容填充模块230和显示模块240。

其中，数据接收模块210，用于接收服务器推送的配置参数和至少一个界面显示项的数据内容，其中，所述配置参数至少包括模板配置参数和显示项配置参数，所述界面显示项包括至少一个显示对象；模板匹配模块220，用于根据所述模板配置参数从客户端本地获取匹配的显示模板；内容填充模块230，用于根据所述显示项配置参数，将界面显示项中显示对象的数据内容填入所述显示模板中；显示模块240，用于对填入数据内容的显示模板进行界面渲染并显示。

本公开实施例的技术方案，通过从服务器端接收配置参数和界面显示项的数据内容，由服务器在推送数据时决定使用的模板，然后，根据配置参数从客户端本地获取匹配的显示模板，将界面显示项中显示对象的数据内容填入显示模板中，对填入数据内容的显示模板进行界面渲染并显示，解决了对客户端界面显示布局进行调整的方式具有局限性的问题，实现了根据需求对界面显示布局进行动态调整，在更改客户端界面布局时，无需更改客户端程序代码。

可选的，所述模板配置参数包括模板标识，或包括模板匹配条件。

可选的，所述显示项配置参数包括下述至少一个：显示对象标签、和显示对象布局参数。

可选的，显示对象标签包括：标题、封面图片、简介、确认按钮、取消按钮、预览图片、预览视频以及关联内容中的至少一个。

可选的，内容填充模块包括：

标签匹配单元，用于根据显示对象标签，从显示模板中查找匹配的模板标签；

内容填充单元，用于将与显示对象标签对应的显示对象的内容数据，作为匹配的模板标签区域的待显示数据。

进一步的，内容填充单元具体用于：

当匹配的模板标签为多个时，根据多个显示对象的内容数据的接收顺序，或显示项配置参数中的设定显示顺序，依次配置为匹配的模板标签区域的待显示数据。

可选的，所述数据内容的数据类型包括：文字、图片、音频、视频、链接、表格和控件中的至少一个。

可选的，客户端界面布局的动态调整装置还包括：空模块填充模块，用于在根据所述显示项配置参数，将界面显示项中显示对象的数据内容填入所述显示模板中之后，当确定所述显示模板中存在未填入显示对象时，按照默认规则从本地或远程获取关联内容数据，将关联内容数据填入所述显示对象。

可选的，客户端界面布局的动态调整装置还包括：模版存储模块，用于从服务器获取新的显示模板，以文件形式存储在客户端本地。

可选的，内容填充模块还可用于根据所述显示项配置参数，将每个界面显示项中显示对象的数据内容填入对应的一个所述显示模板中；或者

根据所述显示项配置参数，将多个界面显示项中显示对象的数据内容填入对应的一个所述显示模板中。

上述产品可执行本公开任意实施例所提供的方法，具备执行方法相应的功能模块和有益效果。

实施例三

下面参考图3，其示出了适于用来实现本公开实施例的电子设备300的结构示意图。本公开实施例中的电子设备可以包括但不限于诸如移动电话、笔记本电脑、数字广播接收器、pda(个人数字助理)、pad(平板电脑)、pmp(便携式多媒体播放器)、车载终端(例如车载导航终端)等等的移动终端以及诸如数字tv、台式计算机等等的固定终端，或者各种形式的服务器，如独立服务器或者服务器集群。图3示出的电子设备仅仅是一个示例，不应对本公开实施例的功能和使用范围带来任何限制。

如图3所示，电子设备300可以包括处理装置(例如中央处理器、图形处理器等)301，其可以根据存储在只读存储装置(rom)302中的程序或者从存储装置305加载到随机访问存储装置(ram)303中的程序而执行各种适当的动作和处理。在ram303中，还存储有电子设备300操作所需的各种程序和数据。处理装置301、rom302以及ram303通过总线304彼此相连。输入/输出(i/o)接口305也连接至总线304。

通常，以下装置可以连接至i/o接口305：包括例如触摸屏、触摸板、键盘、鼠标、摄像头、麦克风、加速度计、陀螺仪等的输入装置306；包括例如液晶显示器(lcd)、扬声器、振动器等的输出装置307；包括例如磁带、硬盘等的存储装置308；以及通信装置309。通信装置309可以允许电子设备300与其他设备进行无线或有线通信以交换数据。虽然图3示出了具有各种装置的电子设备300，但是应理解的是，并不要求实施或具备所有示出的装置。可以替代地实施或具备更多或更少的装置。

特别地，根据本公开的实施例，上文参考流程图描述的过程可以被实现为计算机软件程序。例如，本公开的实施例包括一种计算机程序产品，其包括承载在计算机可读介质上的计算机程序，该计算机程序包含用于执行可操作控件的显示方法的程序代码。在这样的实施例中，该计算机程序可以通过通信装置309从网络上被下载和安装，或者从存储装置305被安装，或者从rom302被安装。在该计算机程序被处理装置301执行时，执行本公开实施例的方法中限定的上述功能。

需要说明的是，本公开上述的计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是——但不限于——电、磁、光、电磁、红外线、或半导体的系统、装置或器件，或者任意以上的组合。计算机可读存储介质的更具体的例子可以包括但不限于：具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机访问存储装置(ram)、只读存储装置(rom)、可擦式可编程只读存储装置(eprom或闪存)、光纤、便携式紧凑磁盘只读存储装置(cd-rom)、光存储装置件、磁存储装置件、或者上述的任意合适的组合。在本公开中，计算机可读存储介质可以是任何包含或存储程序的有形介质，该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。而在本公开中，计算机可读信号介质可以包括在基带中或者作为载波一部分传播的数据信号，其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式，包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读信号介质还可以是计算机可读存储介质以外的任何计算机可读介质，该计算机可读信号介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。计算机可读介质上包含的程序代码可以用任何适当的介质传输，包括但不限于：电线、光缆、rf(射频)等等，或者上述的任意合适的组合。

上述计算机可读介质可以是上述电子设备中所包含的；也可以是单独存在，而未装配入该电子设备中。

上述计算机可读介质承载有一个或者多个程序，当上述一个或者多个程序被该处理装置执行时，使得该电子设备：获取推广内容关联的可操作控件；确定可操作控件的目标显示信息；如果推广内容的展示时长达到预设时长，根据目标显示信息，对可操作控件的原始显示信息进行调整。

可以以一种或多种程序设计语言或其组合来编写用于执行本公开的操作的计算机程序代码，上述程序设计语言包括面向对象的程序设计语言—诸如java、smalltalk、c++，还包括常规的过程式程序设计语言—诸如“c”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中，远程计算机可以通过任意种类的网络——包括局域网(lan)或广域网(wan)—连接到用户计算机，或者，可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。

附图中的流程图和框图，图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分，该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个接连地表示的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或操作的专用的基于硬件的系统来实现，或者可以用专用硬件与计算机指令的组合来实现。

描述于本公开实施例中所涉及到的单元可以通过软件的方式实现，也可以通过硬件的方式来实现。其中，模块的名称在某种情况下并不构成对该模块本身的限定，例如，获取模块还可以被描述为“获取推广内容关联的可操作控件的模块”。

注意，上述仅为本公开的较佳实施例及所运用技术原理。本领域技术人员会理解，本公开不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本公开的保护范围。因此，虽然通过以上实施例对本公开进行了较为详细的说明，但是本公开不仅仅限于以上实施例，在不脱离本公开构思的情况下，还可以包括更多其他等效实施例，而本公开的范围由所附的权利要求范围决定。