[发明专利]一种绘制用户界面的方法及装置

权利要求书

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对应的配置参数。