[发明专利]界面布局的方法和装置

说明书

本发明涉及一种界面布局的方法，所述方法包括：接收服务器发送的卡片数据，所述卡片数据包括卡片标识；根据所述卡片标识查找与该卡片标识对应的布局文件；根据所述布局文件和所述卡片数据进行界面的布局。该方法通过预先在服务器中预置各种卡片的定义，当调整或更新界面时，只需要将对应的卡片数据下发到客户端，客户端根据对应的布局文件就可以完成界面布局的更新，不需要在客户端进行维护，该方法实现了动态布局客户端界面，省时省力。此外，还提出了一种界面布局的装置。

技术领域

本发明涉及计算机技术，特别是涉及一种界面布局的方法和装置。

背景技术

随着移动互联网的发展，人们使用终端中的APP可以完成订餐、购物、打车、支付等多样化的需求，这就要求APP可以承载多种多样的业务，同时面对新需求要有快速迭代更新的能力。

传统的原生APP的界面和功能都由客户端决定，如果需要变更功能或增加新界面需要修改客户端、然后重新发布客户端版本，等用户慢慢升级上来。也就是说，传统的原生布局方案一旦发布就不能修改，也无法增加新的界面，即使是非常小的界面样式调整也必须在客户端维护，费时费力。

发明内容

基于此，有必要针对上述问题，提出一种无须在客户端维护，省时省力的界面布局的方法和装置。

一种界面布局的方法，所述方法包括：接收服务器发送的卡片数据，所述卡片数据包括卡片标识；根据所述卡片标识查找与该卡片标识对应的布局文件；根据所述布局文件和所述卡片数据进行界面的布局。

在其中一个实施例中，所述根据所述布局文件和所述卡片数据进行界面的布局的步骤包括：调用卡片渲染器根据所述布局文件中预设的卡片尺寸在界面上渲染生成卡片模板；根据所述布局文件将所述卡片数据按照预设的规则填充至所述卡片模板，完成界面布局。

在其中一个实施例中，所述根据所述布局文件将所述卡片数据按照预设的规则填充至所述卡片模板，完成界面布局的步骤包括：根据所述卡片数据中的卡片元素ID按照所述布局文件将对应的卡片元素填充至所述卡片模板；将所述卡片数据中的卡片元素对应的功能数据添加到所述卡片模板，完成界面布局。

一种界面布局的装置，所述装置包括：接收模块，用于接收服务器发送的卡片数据，所述卡片数据包括卡片标识；查找模块，用于根据所述卡片标识查找与该卡片标识对应的布局文件；布局模块，用于根据所述布局文件和所述卡片数据进行界面的布局。

在其中一个实施例中，所述布局模块包括：卡片模板生成模块，用于调用卡片渲染器根据所述布局文件中预设的卡片尺寸在界面上渲染生成卡片模板；填充模块，用于根据所述布局文件将所述卡片数据按照预设的规则填充至所述卡片模板，完成界面布局。

在其中一个实施例中，所述填充模块还用于根据所述卡片数据中的卡片元素ID按照所述布局文件将对应的卡片元素填充至所述卡片模板，将所述卡片数据中的卡片元素对应的功能数据添加到所述卡片模板，完成界面布局。

上述界面布局的方法和装置，通过预先在服务器中预置各种卡片的定义，当需要发布新的界面时，只需要在服务器重新设置当前使用的界面卡片，然后将对应的卡片数据发送给客户端，客户端接收到服务器发送的卡片数据，根据卡片数据中的卡片标识查找与该卡片标识对应的布局文件，继而根据布局文件和卡片数据进行界面的布局。在这个过程中，当调整或更新界面时，只需要将对应的卡片数据下发到客户端，客户端根据对应的布局文件就可以完成界面布局的更新，不需要在客户端进行维护，该方法实现了动态布局客户端界面，省时省力。

一种界面布局的方法，所述方法包括：接收客户端发送的卡片请求；根据所述卡片请求获取当前的版本标识；根据所述当前的版本标识获取与该版本标识对应的卡片数据；将所述卡片数据发送给所述客户端，以使所述客户端根据所述卡片数据进行界面的布局。