[發明專利]創建智能小程序的原生組件的方法、裝置、設備和存儲介質

有效

• 申請號: 201811272807.5
• 申請日: 2018-10-30
• 公開（公告）號: CN109558118B
• 公開（公告）日: 2022-07-22
• 發明（設計）人: 馬斌
• 申請（專利權）人: 百度在線網絡技術（北京）有限公司
• 主分類號: G06F8/30
• 分類號: G06F8/30
• 代理公司: 北京鴻德海業知識產權代理有限公司 11412
• 代理人: 袁媛

本發明提供了一種創建智能小程序的原生組件的方法、裝置、設備和計算機存儲介質，其中方法包括：獲取用戶為創建智能小程序的原生組件所輸入的對應各原生組件的屬性值；根據所述對應各原生組件的屬性值建立各原生組件之間的父子關系；根據所述父子關系以及所述對應各原生組件的屬性值繪制各原生組件的視圖，完成智能小程序的原生組件的創建。本發明能夠簡化用戶創建智能小程序的原生組件的步驟，并能夠提升用戶創建智能小程序的原生組件的靈活性。

【技術領域】

本發明涉及互聯網技術領域，尤其涉及一種創建智能小程序的原生組件的方法、裝置、設備和計算機存儲介質。

【背景技術】

為了使智能小程序獲得更加接近原生APP的用戶體驗，通過創建智能小程序的原生組件的方式可以給開發者用戶提供更加豐富的應用程序界面，進而給使用者用戶帶來更好的交互體驗。由于智能小程序的原生組件層級較高，因此會導致在原生組件的上層無法再覆蓋其他任何原生組件的問題。但在實際應用過程中卻存在需要在原生組件上層覆蓋其他原生組件的場景。

現有技術在解決在原生組件上層覆蓋其他原生組件的問題時，一般采用以下方式：將各原生組件(以越先出現層級越低的原則)設置為相同級別的節點，再通過調整CSS(Cascading Style Sheets，層疊樣式表)布局，使得各原生組件在視覺上展現成有遮擋關系的存在，從而實現在原生組件的上層覆蓋其他原生組件的目的。

現有技術所采用的上述方式會導致以下問題：開發者用戶必須嚴格控制各原生組件的展現順序，越靠前的原生組件層級越低，當出現調整層級關系的場景時，需要刪除已有的全部組件；開發者用戶在刪除存在遮擋關系的原生組件時，需要從上到下逐個刪除在該原生組件上層的所有原生組件；開發者用戶無法在原生組件中實現事件冒泡，為了實現類似效果，需要給所有原生組件逐個綁定事件；一些原生組件在運行之后會改變其原始層級，從而會覆蓋原本在其上層的原生組件。因此，現有技術創建智能小程序的原生組件的步驟較為繁瑣，且所存在的上述問題會極大地降低開發者用戶在創建智能小程序的原生組件時靈活性。

【發明內容】

有鑒于此，本發明提供了一種創建智能小程序的方法、裝置、設備和計算機存儲介質，用于簡化智能小程序的原生組件的創建步驟，并能夠提升用戶在創建智能小程序的原生組件時的靈活性。

本發明為解決技術問題所采用的技術方案是提供一種創建智能小程序的原生組件的方法，所述方法包括：獲取用戶為創建智能小程序的原生組件所輸入的對應各原生組件的屬性值；根據所述對應各原生組件的屬性值建立各原生組件之間的父子關系；根據所述父子關系以及所述對應各原生組件的屬性值繪制各原生組件的視圖，完成智能小程序的原生組件的創建。

根據本發明一優選實施例，所述對應各原生組件的屬性值包括：各原生組件的名稱、各原生組件之間的覆蓋關系、各原生組件的坐標、各原生組件的樣式以及各原生組件所在頁面的名稱。

根據本發明一優選實施例，所述根據所述對應各原生組件的屬性值建立各原生組件之間的父子關系包括：根據對應各原生組件的屬性值確定各原生組件中的父組件以及子組件；建立父組件及其對應的子組件之間的父子關系。

根據本發明一優選實施例，所述根據對應各原生組件的屬性值確定各原生組件中的父組件以及子組件包括：獲取所述對應各原生組件的屬性值中的各原生組件之間的覆蓋關系；將所述覆蓋關系中位于下層的原生組件確定為父組件，將所述覆蓋關系中位于上層的原生組件確定為與父組件對應的子組件。

根據本發明一優選實施例，所述根據所述父子關系以及所述對應各原生組件的屬性值繪制原生組件的視圖包括：根據所述父子關系中父組件的屬性值繪制父組件的視圖，并根據所述父子關系中子組件的屬性值在所述父組件的視圖上層繪制子組件的視圖。

根據本發明一優選實施例，所述根據所述父子關系中父組件的屬性值繪制父組件的視圖包括：根據所述父子關系中父組件的屬性值得到父組件的繪制參數；根據所述父組件的繪制參數繪制父組件的視圖。