[發明專利]一種視圖組件的布局方法及系統

在審

• 申請號: 201710041324.3
• 申請日: 2017-01-20
• 公開（公告）號: CN108334386A
• 公開（公告）日: 2018-07-27
• 發明（設計）人: 高巍;洪小龍;黃宇
• 申請（專利權）人: 阿里巴巴集團控股有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451
• 代理公司: 北京晉德允升知識產權代理有限公司 11623
• 代理人: 楊移

1.一種視圖組件的布局方法，其特征在于，包括：

接收布局容器發送的用戶界面UI的目標區域的屬性信息；

根據所述屬性信息，確定所述目標區域中待布局的第一視圖組件的標識；

根據視圖組件的標識與布局策略之間的映射關系，確定與所述第一視圖組件的標識對應的布局策略；

按照所述布局策略，從所述第一視圖組件開始，在所述目標區域中布局視圖組件。

2.根據權利要求1所述的方法，其特征在于，接收布局容器發送的用戶界面UI中目標區域的屬性信息，具體包括：

接收布局容器發送的目標區域的大小和所述UI的可見區域中第二視圖組件的標識；

根據所述屬性信息，確定所述目標區域中待布局的第一視圖組件的標識，具體包括：

根據所述目標區域的大小和所述第二視圖組件的標識，確定所述第一視圖組件的標識。

3.根據權利要求2所述的方法，其特征在于，根據所述目標區域的大小和所述第二視圖組件的標識，確定所述第一視圖組件的標識，具體包括：

若所述第二視圖組件為所述UI的可見區域中的最后一個視圖組件，則當監測到所述UI正向滾動時，將與所述第二視圖組件的標識相鄰的下一個標識，確定為所述第一視圖組件的標識。

4.根據權利要求2所述的方法，其特征在于，根據所述目標區域的大小和所述第二視圖組件的標識，確定所述第一視圖組件的標識，具體包括：

若所述第二視圖組件為所述UI的可見區域中的第一個視圖組件，則當監測到所述UI逆向滾動時，將與所述第二視圖組件的標識相鄰的上一個標識，確定為所述第一視圖組件的標識。

5.根據權利要求1所述的方法，其特征在于，視圖組件的標識與布局策略之間的映射關系，通過以下方式確定：

確定各布局邏輯分別對應的標識范圍，以及各標識范圍分別對應的布局參數；

針對每個標識范圍，根據該標識范圍對應的布局邏輯和布局參數，確定該標識范圍對應的布局策略，并建立該標識范圍中包含的視圖組件的標識與所述布局策略之間的映射關系。

6.根據權利要求5所述的方法，其特征在于，建立該標識范圍中包含的視圖組件的標識與所述布局策略之間的映射關系，具體包括：

針對每個標識范圍，確定該標識范圍中的第一個標識和最后一個標識；

建立所述第一個標識與所述布局策略之間的映射關系，以及建立所述最后一個標識與所述布局策略之間的映射關系。

7.根據權利要求1所述的方法，其特征在于，按照所述布局策略，從所述第一視圖組件開始，在所述目標區域中布局視圖組件，具體包括：

根據所述布局策略，確定待布局的各視圖組件的寬度以及測量各視圖組件的高度；

根據所述布局策略和待布局的各視圖組件的寬度、高度，從所述第一個視圖組件開始，按標識順序在所述目標區域中布局視圖組件。

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

當布局的視圖組件未填滿所述目標區域時，觸發下次視圖組件的布局。

9.根據權利要求1所述的方法，其特征在于，在所述目標區域中布局視圖組件之前，獲取所述第一視圖組件，包括：

確定所述第一視圖組件的類型；

當所述布局容器回收的視圖組件中存在所述類型的視圖組件時，獲取所述類型的視圖組件；

當所述布局容器回收的視圖組件中不存在所述類型的視圖組件時，獲取新生成的所述類型的視圖組件。

10.根據權利要求1～9任一項所述的方法，其特征在于，所述方法還包括：

當在所述目標區域中完成視圖組件的布局時，對于填充了視圖組件的所述目標區域，若進一步確定需要布局指定的視圖組件，則根據所述指定的視圖組件的標識，確定與所述標識對應的布局策略，并按照所述布局策略，布局所述指定的視圖組件，所述指定的視圖組件包含懸浮類型的視圖組件和吸邊類型的視圖組件中的至少一種。