[發明專利]一種繪制用戶界面的方法及裝置

在審

• 申請號: 201710018691.1
• 申請日: 2017-01-11
• 公開（公告）號: CN107015795A
• 公開（公告）日: 2017-08-04
• 發明（設計）人: 劉超
• 申請（專利權）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F9/44
• 分類號: G06F9/44
• 代理公司: 北京晉德允升知識產權代理有限公司11623
• 代理人: 楊移

1.一種繪制用戶界面的方法，其特征在于，預先在客戶端中定義用戶界面UI對應的數據結構，所述方法包括：

接收服務端下發的UI對應的配置參數；

根據所述UI對應的配置參數配置所述UI對應的數據結構；

根據配置后的所述UI對應的數據結構，確定所述UI對應的繪制數據；

根據所述繪制數據，繪制所述UI。

2.根據權利要求1所述的方法，其特征在于，在接收服務端下發的UI對應的配置參數之前，所述方法還包括：

接收用戶輸入的交互指令；

根據所述交互指令，向所述服務端發送所述交互指令對應的UI繪制請求，以使所述服務端根據所述UI繪制請求下發UI對應的配置參數。

3.根據權利要求1或2所述的方法，其特征在于，預先在客戶端中定義用戶界面UI對應的數據結構，具體包括：

預先定義視圖組件對應的數據結構；

預先定義UI的視圖組件的布局對應的數據結構；

根據所述UI對應的配置參數配置所述UI對應的數據結構，具體包括:

根據所述配置參數中的繪制參數，配置視圖組件對應的數據結構，以及根據所述配置參數中的布局參數，配置所述UI的視圖組件布局對應的數據結構。

4.根據權利要求3所述的方法，其特征在于，所述方法還包括：預先在客戶端中定義解析函數，所述解析函數用于解析所述數據結構；

根據配置后的所述UI對應的數據結構，確定所述UI對應的繪制數據，具體包括：

根據所述解析函數從各視圖組件對應的數據結構中解析出各視圖組件的繪制信息；以及根據所述解析函數從所述UI的視圖組件的布局對應的數據結構中解析出所述UI的視圖組件的布局信息；

將解析出的各視圖組件的繪制信息和所述UI的視圖組件的布局信息作為所述UI對應的繪制數據。

5.根據權利要求4所述的方法，其特征在于，預先定義UI的視圖組件的布局對應的數據結構，具體包括：

預先定義視圖塊對應的數據結構，作為UI的視圖組件的布局對應的數據結構；一個視圖塊中包含視圖組件和/或子視圖塊；

根據所述解析函數從所述UI的視圖組件布局對應的數據結構中解析出所述UI的視圖組件的布局信息，具體包括：

針對每個視圖塊，根據所述解析函數，從該視圖塊對應的數據結構中解析出該視圖塊的位置坐標；

針對該視圖塊中的每個視圖組件，根據所述解析函數，從該視圖組件對應的數據結構中解析出該視圖組件相對于該視圖塊的相對位置坐標；

將針對每個視圖塊確定出的位置坐標和針對每個視圖組件確定出的相對位置坐標，作為所述UI的視圖組件的布局信息。

6.根據權利要求5所述的方法，其特征在于，根據所述解析函數，從該視圖塊對應的數據結構中解析出該視圖塊的位置坐標，具體包括：

根據所述解析函數，確定該視圖塊的父視圖塊，從該視圖塊對應的數據結構中解析出該視圖塊相對于所述父視圖塊的相對位置坐標。

7.根據權利要求6所述的方法，其特征在于，根據所述繪制數據，繪制所述UI，具體包括：

根據每個視圖組件對應的繪制信息和相對位置坐標，以及每個視圖塊的相對位置坐標，繪制該視圖組件；所述UI是由繪制出的各視圖組件組合而成的。

8.一種繪制用戶界面的裝置，其特征在于，預先在所述裝置中定義用戶界面UI對應的數據結構，所述裝置包括：

接收模塊，接收服務端下發的UI對應的配置參數；

配置模塊，根據所述UI對應的配置參數配置所述UI對應的數據結構；

確定模塊，根據配置后的所述UI對應的數據結構，確定所述UI對應的繪制數據；

繪制模塊，根據所述繪制數據，繪制所述UI。

9.根據權利要求8所述的方法，其特征在于，所述裝置還包括：

請求模塊，在所述接收模塊接收服務端下發的UI對應的配置參數之前，接收用戶輸入的交互指令；根據所述交互指令，向所述服務端發送所述交互指令對應的UI繪制請求，以使所述服務端根據所述UI繪制請求下發UI對應的配置參數。