[發明專利]基于卡片的用戶界面動態控制的方法和裝置

有效

• 申請號: 201910899734.0
• 申請日: 2019-09-23
• 公開（公告）號: CN110647327B
• 公開（公告）日: 2023-09-26
• 發明（設計）人: 彭冬華
• 申請（專利權）人: 京東科技控股股份有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38;G06F9/451
• 代理公司: 中原信達知識產權代理有限責任公司 11219
• 代理人: 張一軍;張效榮

本發明公開了基于卡片的用戶界面動態控制的方法和裝置，涉及計算機技術領域。該方法的一具體實施方式包括：解析用戶界面列表數據中每個卡片的字典數據，確定所述卡片的內部布局、整體樣式以及組件列表數據；解析所述組件列表數據中每個組件的字典數據，確定每個組件的用戶界面元素、內部布局和內部樣式，并將所述組件與對應的業務數據綁定；基于所述用戶界面中所有卡片的組件所綁定的業務數據，渲染所述用戶界面，以實現對所述用戶界面的動態控制。該實施方式能夠大大提高卡片的UI控制力度，單個卡片可以對接不同的業務數據，進而適配不同的業務，具有高業務融合和擴展性。

技術領域

本發明涉及計算機技術領域，尤其涉及一種基于卡片的用戶界面動態控制的方法和裝置。

背景技術

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

在實現本發明過程中，發明人發現現有技術中至少存在如下問題：

1、卡片本身UI控制力度較弱，卡片內部的UI元素的樣式和布局基本固定，這會造成最終要實現的卡片數量龐大，且臃腫。比如，如果某個卡片里的圖片大小不一樣，需要新增卡片支持。

2、卡片業務場景單一，單個卡片的展示內容基本來自同一個業務場景，不能適配多個不同的業務數據。

發明內容

有鑒于此，本發明實施例提供一種基于卡片的用戶界面動態控制的方法和裝置，能夠大大提高卡片的UI控制力度，單個卡片可以對接不同的業務數據，進而適配不同的業務，具有高業務融合和擴展性。

為實現上述目的，根據本發明實施例的一個方面，提供了一種基于卡片的用戶界面動態控制的方法，包括：

解析用戶界面列表數據中每個卡片的字典數據，確定所述卡片的內部布局、整體樣式以及組件列表數據；

解析所述組件列表數據中每個組件的字典數據，確定每個組件的用戶界面元素、內部布局和內部樣式，并將所述組件與對應的業務數據綁定；

基于所述用戶界面中所有卡片的組件所綁定的業務數據，渲染所述用戶界面，以實現對所述用戶界面的動態控制。

可選地，所述卡片的字典數據包括：卡片類型字段、卡片樣式字段和組件列表數據；

確定所述卡片的內部布局、整體樣式的步驟包括：根據所述卡片類型字段確定所述卡片的內部布局，根據所述卡片樣式字段確定所述卡片的內部整體樣式。

可選地，所述組件的字典數據包括：組件類型字段、組件樣式字段和組件業務字段；

確定組件的用戶界面元素、內部布局和內部樣式的步驟包括：根據所述組件的組件類型字段確定所述組件的內部用戶界面元素和布局，根據所述組件的組件樣式字段確定所述組件的內部樣式；解析所述組件業務字段，將所述組件與對應的業務數據綁定。

可選地，解析所述組件業務字段之后，還包括：根據所述組件的組件業務字段確定所述組件的交互方式。

根據本發明實施例的第二方面，提供一種基于卡片的用戶界面動態控制的裝置，包括：

卡片解析模塊，解析用戶界面列表數據中每個卡片的字典數據，確定所述卡片的內部布局、整體樣式以及組件列表數據；

組件解析模塊，解析所述組件列表數據中每個組件的字典數據，確定每個組件的用戶界面元素、內部布局和內部樣式，并將所述組件與對應的業務數據綁定；

界面渲染模塊，基于所述用戶界面中所有卡片的組件所綁定的業務數據，渲染所述用戶界面，以實現對所述用戶界面的動態控制。

可選地，所述卡片的字典數據包括：卡片類型字段、卡片樣式字段和組件列表數據；