[發明專利]組件層級的調整方法和裝置

在審

• 申請號: 201810442258.5
• 申請日: 2018-05-10
• 公開（公告）號: CN110471656A
• 公開（公告）日: 2019-11-19
• 發明（設計）人: 逄志浩;劉佳
• 申請（專利權）人: 北京京東尚科信息技術有限公司;北京京東世紀貿易有限公司
• 主分類號: G06F8/38
• 分類號: G06F8/38
• 代理公司: 11219 中原信達知識產權代理有限責任公司
• 代理人: 張一軍;張效榮<國際申請>=<國際公布>

本發明公開了一種組件層級的調整方法和裝置，涉及計算機技術領域。該方法的一具體實施方式包括：從層級調整指令觸發的事件中，獲取所述層級調整指令針對的畫布中組件的標識和層級調整策略；其中，所述組件事先與預先存儲的組件數組中含有所述組件的標識的數組元素綁定；按照所述層級調整策略調整該數組元素在所述組件數組中的位置；在調整完畢之后，根據該數組元素在所述組件數組中的當前位置渲染所述畫布。該實施方式能夠在不依賴于組件z?index屬性的前提下靈活調整組件層級。

技術領域

本發明涉及計算機技術領域，尤其涉及一種組件層級的調整方法和裝置。

背景技術

在基于瀏覽器實現網頁編輯器的過程中，畫布中的多個組件之間會互相層疊，因此需要對組件的層級關系進行調整。在現有的技術方案中，一般通過對組件的堆疊順序值z-index進行簡單加減以實現組件層級的調整：z-index值越大，組件離用戶越近；反之則離用戶越遠。

在實現本發明的過程中，發明人發現現有技術至少存在以下問題：

1.現有技術易使組件的z-index值間斷，且z-index最大值一般遠大于組件數目，這導致在調整某個組件的層級時，往往需要對該組件進行多次觸發才能達到預期效果。

2.在現有技術中，組件z-index值相同時，其層級關系取決于組件的載入順序，這事實上導致此種情況下組件的實際層級無法控制。

3.現有技術需要記錄每個組件即時的z-index值，這使得組件存儲和網絡傳輸的成本增加。

發明內容

有鑒于此，本發明實施例提供一種組件層級的調整方法和裝置，可在不依賴于組件z-index屬性的前提下靈活調整組件層級，從而克服現有技術中組件層級關系混亂、組件存儲與網絡傳輸成本較高的缺陷。

為實現上述目的，根據本發明的一個方面，提供了一種組件層級的調整方法。

本發明實施例的組件層級的調整方法包括：從層級調整指令觸發的事件中，獲取所述層級調整指令針對的畫布中組件的標識和層級調整策略；其中，所述組件事先與預先存儲的組件數組中含有所述組件的標識的數組元素綁定；按照所述層級調整策略調整該數組元素在所述組件數組中的位置；在調整完畢之后，根據該數組元素在所述組件數組中的當前位置渲染所述畫布。

可選地，所述方法進一步包括：使所述畫布中每一組件的堆疊順序值z-index保持為默認值。

可選地，所述層級調整指令包括：層級上移指令；以及，所述按照所述層級調整策略調整該數組元素在所述組件數組中的位置具體包括：確定該數組元素在所述組件數組中的初始位置；在該初始位置不是所述組件數組末端時，將該數組元素置于該初始位置的上一位置。

可選地，所述層級調整指令包括：層級下移指令；以及，所述按照所述層級調整策略調整該數組元素在所述組件數組中的位置具體包括：確定該數組元素在所述組件數組中的初始位置；在該初始位置不是所述組件數組開端時，將該數組元素置于該初始位置的下一位置。

可選地，所述層級調整指令包括：層級置頂指令；以及，所述按照所述層級調整策略調整該數組元素在所述組件數組中的位置具體包括：確定該數組元素在所述組件數組中的初始位置；在該初始位置不是所述組件數組末端時，將該數組元素置于所述組件數組末端。

可選地，所述層級調整指令包括：層級置底指令；以及，所述按照所述層級調整策略調整該數組元素在所述組件數組中的位置具體包括：確定該數組元素在所述組件數組中的初始位置；在該初始位置不是所述組件數組開端時，將該數組元素置于所述組件數組開端。

可選地，所述層級調整指令包括：刪除指令；以及，所述按照所述層級調整策略調整該數組元素在所述組件數組中的位置具體包括：將該數組元素從所述組件數組中刪除。