[发明专利]基于卡片的用户界面动态控制的方法和装置

说明书

本发明公开了基于卡片的用户界面动态控制的方法和装置，涉及计算机技术领域。该方法的一具体实施方式包括：解析用户界面列表数据中每个卡片的字典数据，确定所述卡片的内部布局、整体样式以及组件列表数据；解析所述组件列表数据中每个组件的字典数据，确定每个组件的用户界面元素、内部布局和内部样式，并将所述组件与对应的业务数据绑定；基于所述用户界面中所有卡片的组件所绑定的业务数据，渲染所述用户界面，以实现对所述用户界面的动态控制。该实施方式能够大大提高卡片的UI控制力度，单个卡片可以对接不同的业务数据，进而适配不同的业务，具有高业务融合和扩展性。

技术领域

本发明涉及计算机技术领域，尤其涉及一种基于卡片的用户界面动态控制的方法和装置。

背景技术

目前用户界面(User Interface，UI)展示主要基于卡片。卡片的概念是Google在2012年提出，本质是信息的集合体。

在实现本发明过程中，发明人发现现有技术中至少存在如下问题：

1、卡片本身UI控制力度较弱，卡片内部的UI元素的样式和布局基本固定，这会造成最终要实现的卡片数量庞大，且臃肿。比如，如果某个卡片里的图片大小不一样，需要新增卡片支持。

2、卡片业务场景单一，单个卡片的展示内容基本来自同一个业务场景，不能适配多个不同的业务数据。

发明内容

有鉴于此，本发明实施例提供一种基于卡片的用户界面动态控制的方法和装置，能够大大提高卡片的UI控制力度，单个卡片可以对接不同的业务数据，进而适配不同的业务，具有高业务融合和扩展性。

为实现上述目的，根据本发明实施例的一个方面，提供了一种基于卡片的用户界面动态控制的方法，包括：

解析用户界面列表数据中每个卡片的字典数据，确定所述卡片的内部布局、整体样式以及组件列表数据；

解析所述组件列表数据中每个组件的字典数据，确定每个组件的用户界面元素、内部布局和内部样式，并将所述组件与对应的业务数据绑定；

基于所述用户界面中所有卡片的组件所绑定的业务数据，渲染所述用户界面，以实现对所述用户界面的动态控制。

可选地，所述卡片的字典数据包括：卡片类型字段、卡片样式字段和组件列表数据；

确定所述卡片的内部布局、整体样式的步骤包括：根据所述卡片类型字段确定所述卡片的内部布局，根据所述卡片样式字段确定所述卡片的内部整体样式。

可选地，所述组件的字典数据包括：组件类型字段、组件样式字段和组件业务字段；

确定组件的用户界面元素、内部布局和内部样式的步骤包括：根据所述组件的组件类型字段确定所述组件的内部用户界面元素和布局，根据所述组件的组件样式字段确定所述组件的内部样式；解析所述组件业务字段，将所述组件与对应的业务数据绑定。

可选地，解析所述组件业务字段之后，还包括：根据所述组件的组件业务字段确定所述组件的交互方式。

根据本发明实施例的第二方面，提供一种基于卡片的用户界面动态控制的装置，包括：

卡片解析模块，解析用户界面列表数据中每个卡片的字典数据，确定所述卡片的内部布局、整体样式以及组件列表数据；

组件解析模块，解析所述组件列表数据中每个组件的字典数据，确定每个组件的用户界面元素、内部布局和内部样式，并将所述组件与对应的业务数据绑定；

界面渲染模块，基于所述用户界面中所有卡片的组件所绑定的业务数据，渲染所述用户界面，以实现对所述用户界面的动态控制。

可选地，所述卡片的字典数据包括：卡片类型字段、卡片样式字段和组件列表数据；