[發明專利]一種移動終端應用界面動態渲染方法和裝置

有效

• 申請號: 201810059539.2
• 申請日: 2018-01-22
• 公開（公告）號: CN108415702B
• 公開（公告）日: 2021-05-25
• 發明（設計）人: 熊浩
• 申請（專利權）人: 北京奇藝世紀科技有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 北京潤澤恒知識產權代理有限公司 11319
• 代理人: 莎日娜

1.一種移動終端應用界面動態渲染方法，其特征在于，包括：

根據移動終端應用可視界面，獲取服務器端對應所述可視界面的更新XML文件和預定義腳本基礎庫；

根據預定義腳本基礎庫解析所述更新XML文件，生成文檔對象模型DOM樹；

依次遍歷所述文檔對象模型DOM樹上的每個DOM節點；

根據所述DOM節點的flex排版屬性，通過native方式創建flex排版節點，并將對應的預設視圖綁定至各所述flex排版節點；

通過所述預定義腳本基礎庫解析所述DOM節點的常規屬性；

根據所述flex排版節點，以及所述DOM節點的常規屬性的解析結果，渲染生成更新的可視界面。

2.根據權利要求1所述的方法，其特征在于，所述DOM節點的常規屬性包括：事件回調標識touch、pingback屬性中的一項或多項。

3.根據權利要求2所述的方法，其特征在于，在所述通過所述預定義腳本基礎庫解析所述DOM節點的常規屬性的步驟之后，還包括：

若解析到所述DOM節點的常規屬性為item樣式屬性，則將所述item樣式屬性數據轉換為對應所述移動終端系統平臺的屬性數據；其中，所述item樣式屬性包括：像素、百分比、寬高比其中的一項或多項。

4.根據權利要求2所述的方法，其特征在于，在所述通過所述預定義腳本基礎庫解析所述DOM節點的常規屬性的步驟之后，還包括：

若解析到所述DOM節點的常規屬性為touch屬性，則根據預定義腳本基礎庫獲取對應所述touch屬性的回調事件，并將所述回調事件綁定至所述DOM節點。

5.根據權利要求2所述的方法，其特征在于，在所述通過所述預定義腳本基礎庫解析所述DOM節點的常規屬性的步驟之后，還包括：

若解析到所述DOM節點的常規屬性為pingback屬性，則根據預定義腳本基礎庫獲取對應的pingback事件，并將所述pingback事件綁定至所述DOM節點。

6.一種移動終端應用界面動態渲染裝置，其特征在于，所述裝置包括：

文件獲取模塊，用于根據移動終端應用可視界面，獲取服務器端對應所述可視界面的更新XML文件和預定義腳本基礎庫；

解析模塊，用于根據預定義腳本基礎庫解析所述更新XML文件，生成文檔對象模型DOM樹；

屬性解析模塊，用于依次遍歷所述文檔對象模型DOM樹上的每個DOM節點；

排版模塊，用于根據所述DOM節點的flex排版屬性，通過native方式創建flex排版節點，并將對應的預設視圖綁定至各所述flex排版節點；

常規屬性解析模塊，用于通過所述預定義腳本基礎庫解析所述DOM節點的常規屬性；

更新模塊，用于根據所述flex排版節點，以及所述DOM節點的常規屬性的解析結果，渲染生成更新的可視界面。

7.根據權利要求6所述的裝置，其特征在于，所述DOM節點的常規屬性包括：事件回調標識touch、pingback屬性中的一項或多項。

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

item樣式屬性解析模塊，用于若解析到所述DOM節點的常規屬性為item樣式屬性，則將所述item樣式屬性數據轉換為對應所述移動終端系統平臺的屬性數據；其中，所述item樣式屬性包括：像素、百分比、寬高比其中的一項或多項。

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

touch屬性解析模塊，用于若解析到所述DOM節點的常規屬性為touch屬性，則根據預定義腳本基礎庫獲取對應所述touch屬性的回調事件，并將所述回調事件綁定至所述DOM節點。

10.根據權利要求7所述的裝置，其特征在于，還包括：

pingback屬性解析模塊，用于若解析到所述DOM節點的常規屬性為pingback屬性，則根據預定義腳本基礎庫獲取對應的pingback事件，并將所述pingback事件綁定至所述DOM節點。