[發明專利]視圖層級的控制方法、裝置及系統、計算機設備及介質

有效

• 申請號: 201910532058.3
• 申請日: 2019-06-19
• 公開（公告）號: CN110362371B
• 公開（公告）日: 2022-07-22
• 發明（設計）人: 張卓斌
• 申請（專利權）人: 北京百度網訊科技有限公司
• 主分類號: G06F9/451
• 分類號: G06F9/451;G06F8/38;G06F8/65
• 代理公司: 北京鴻德海業知識產權代理有限公司 11412
• 代理人: 田宏賓

本發明提供一種視圖層級的控制方法、裝置及系統、計算機設備及介質，涉及云計算領域。其方法包括：若封裝體中第一類型組件的屬性發生變化，檢測全局狀態機是否接收到第一類型組件的屬性信息；根據接收的第一類型組件的屬性信息和已存儲的其他第一類型組件的屬性信息，檢測最大層級的數值是否需要更新；若需要，更新最大層級的數值；向封裝體中的各第一類型組件發送更新后的最大層級的數值，以供對應的第一類型組件檢測自身的真實層級的數值是否小于最大層級的數值，若是，根據對應的占位組件的信息，在第二類型組件中渲染并顯示第一類型組件對應的占位組件。本發明的技術方案，能夠使得小程序中組件的視圖層級變得可控，保證視圖層級展示的準確性。

【技術領域】

本發明涉及計算機應用技術領域，尤其涉及一種視圖層級的控制方法、裝置及系統、計算機設備及介質。

【背景技術】

小程序是一種運行在移動終端的應用之上的程序或者應用，是一種基于移動客戶端，采用WebView組件構造的移動端的應用程序。

實際應用中，若小程序中的某些界面不能采用WebView組件來顯示時，可以調用客戶端的原生組件來顯示。該原生組件是指由Android、iOS等操作系統內置的用于構造用戶界面(User Interface；UI)的組件。其中，WebView組件擁有HTML渲染引擎，可以利用這個特點渲染出一個由HTML元素構造的UI。傳統界面元素如各顯示組件的定位由x/y/z三個軸構成，其中z軸的值決定了元素所在的層級，如果兩個相同的元素x、y軸方向有交集，那么z軸數值越大，渲染層級越靠上，并最終將呈現到用戶的界面中，z軸數值小的元素則會被部分或全部覆蓋，對用戶不可見。

現有技術中，由于WebView組件本身是一個原生組件，內部渲染的HTML視圖使用WebView內部的坐標系，該WebView組件只能視作為一個整體，而無法與原生組件共同使用App維度的坐標系。這樣，在小程序的視圖層中，客戶端的原生組件在z軸方向始終位于頂層，覆蓋了所有由WebView組件渲染引擎生成的視圖，導致小程序的視圖層級無法控制，視圖顯示錯誤。

【發明內容】

本發明提供了一種視圖層級的控制方法及系統、計算機設備及可讀介質，用于實現小程序中視圖層級的可控，保證小程序中的視圖層級展示的準確性。

本發明提供一種視圖層級的控制方法，所述方法包括：

若封裝體中的第一類型組件的屬性發生變化時，檢測全局狀態機是否接收到所述第一類型組件的屬性信息；所述封裝體采用需要控制視圖層級的至少一個第一類型組件與第二類型組件封裝而成；

根據所述全局狀態機接收到的所述第一類型組件的屬性信息和已存儲的其他第一類型組件的屬性信息，檢測所述全局狀態機中的最大層級的數值是否需要更新；

若需要，更新所述全局狀態機中的所述最大層級的數值；

向所述封裝體中的各所述第一類型組件發送更新后的所述最大層級的數值，以供對應的所述第一類型組件檢測自身的所述真實層級的數值是否小于所述最大層級的數值，若是，根據對應的占位組件的信息，在所述第二類型組件中渲染并顯示所述第一類型組件對應的所述占位組件。

本發明還提供一種視圖層級的控制方法，所述方法包括：

若當前第一類型組件的屬性發生變化時，獲取所述當前第一類型組件的屬性信息；

向全局狀態機發送所述當前第一類型組件的屬性信息，以供視圖層級的控制裝置根據所述全局狀態機接收到的所述當前第一類型組件的屬性信息和已存儲的其他第一類型組件的屬性信息，檢測所述全局狀態機中的最大層級的數值是否需要更新，若需要，進行更新；

在所述全局狀態機中的最大層級的數值更新后，接收所述視圖層級的控制裝置發送的更新后的所述最大層級的數值；

檢測自身的所述真實層級的數值是否小于所述最大層級的數值；