本公開涉及電子，尤其涉及一種控件背景渲染方法、裝置、電子設備及存儲介質。

背景技術：

1、相關技術中，系統(tǒng)顯示中對模糊的使用，只有對控件整體模糊，控件背景模糊只有跨層背景模糊，即對當前層下其他層的特定區(qū)域做背景模糊處理，但無法對系統(tǒng)中不同控件設置背景模糊和混色。

技術實現(xiàn)思路

1、為克服相關技術中存在的問題，本公開提供一種控件背景渲染方法、裝置、電子設備及存儲介質。

2、根據(jù)本公開實施例的第一方面，提供一種控件背景渲染方法，包括：

3、獲取容器控件對應容器背景的第一截圖數(shù)據(jù)，所述容器控件的多個子控件中包括待渲染控件，所述待渲染控件為離屏控件；

4、根據(jù)所述第一截圖數(shù)據(jù)，確定所述待渲染控件的第一模糊混色背景；

5、根據(jù)所述待渲染控件在所述容器控件中的第一預設控件位置，將所述第一模糊混色背景繪制在主畫布界面上，以生成所述待渲染控件的第一控件背景圖像；

6、將所述待渲染控件的元素內容圖像繪制在所述第一控件背景圖像上。

7、可選地，所述根據(jù)所述第一截圖數(shù)據(jù)，確定待渲染控件的第一模糊混色背景，包括：

8、獲取所述容器控件在預設界面上的第二截圖數(shù)據(jù)；

9、對所述第一截圖數(shù)據(jù)和所述第二截圖數(shù)據(jù)進行模糊混色處理，生成所述第一模糊混色背景。

10、可選地，所述對所述第一截圖數(shù)據(jù)和所述第二截圖數(shù)據(jù)進行模糊混色處理，生成所述第一模糊混色背景，包括：

11、將所述第一截圖數(shù)據(jù)中各個像素與周圍像素進行加權平均，生成第一模糊背景圖像，以及將所述第二截圖數(shù)據(jù)中各個像素與周圍像素進行加權平均，生成第二模糊背景圖像；

12、對所述第一截圖數(shù)據(jù)和所述第二截圖數(shù)據(jù)中的各個像素進行加權平均，生成所述第一模糊混色背景。

13、可選地，所述方法還包括：

14、響應于所述容器背景的更換，獲取更換后的所述容器背景的第二截圖數(shù)據(jù)；

15、根據(jù)所述第二截圖數(shù)據(jù)，確定所述待渲染控件的第二模糊混色背景；

16、基于所述第一預設控件位置，將所述元素內容圖像繪制在所述第二模糊混色背景上，以生成所述待渲染控件的第二控件背景圖像；

17、將所述第二控件背景圖像繪制在變化后的所述主畫布界面上。

18、可選地，所述獲取更換后的所述容器背景的第二截圖數(shù)據(jù)，包括：

19、獲取變更后的所述主畫布界面的變更背景圖像；

20、獲取所述容器控件在預設界面上的第三截圖數(shù)據(jù)；

21、對所述變更背景圖像和所述第三截圖數(shù)據(jù)進行模糊混色處理，生成所述第二截圖數(shù)據(jù)。

22、可選地，所述將所述待渲染控件的元素內容圖像繪制在所述第一控件背景圖像上，包括：

23、獲取所述待渲染控件在所述主畫布界面上的預設圖像大小；

24、根據(jù)所述預設圖像大小對所述元素內容圖像進行縮放，以生成目標內容圖像；

25、將所述目標內容圖像繪制在所述第一控件背景圖像上。

26、根據(jù)本公開實施例的第二方面，提供一種控件背景渲染裝置，包括：

27、獲取模塊，被配置為獲取容器控件對應容器背景的第一截圖數(shù)據(jù)，所述容器控件的多個子控件中包括待渲染控件，所述待渲染控件為離屏控件；

28、確定模塊，被配置為根據(jù)所述第一截圖數(shù)據(jù)，確定所述待渲染控件的第一模糊混色背景；

29、生成模塊，被配置為根據(jù)所述待渲染控件在所述容器控件中的第一預設控件位置，將所述第一模糊混色背景繪制在主畫布界面上，以生成所述待渲染控件的第一控件背景圖像；

30、執(zhí)行模塊，被配置為將所述待渲染控件的元素內容圖像繪制在所述第一控件背景圖像上。

31、可選地，所述確定模塊，包括：

32、獲取子模塊，被配置為獲取所述容器控件在預設界面上的第二截圖數(shù)據(jù)；

33、生成子模塊，被配置為對所述第一截圖數(shù)據(jù)和所述第二截圖數(shù)據(jù)進行模糊混色處理，生成所述第一模糊混色背景。

34、根據(jù)本公開實施例的第三方面，提供一種電子設備，包括：

35、處理器；

36、用于存儲處理器可執(zhí)行指令的存儲器；

37、其中，所述處理器被配置為執(zhí)行所述可執(zhí)行指令實現(xiàn)本公開第一方面中任一項所述控件背景渲染方法的步驟。

38、根據(jù)本公開實施例的第四方面，提供一種計算機可讀存儲介質，其上存儲有計算機程序指令，該程序指令被處理器執(zhí)行時實現(xiàn)本公開第一方面所提供的控件背景渲染方法的步驟。

39、本公開的實施例提供的技術方案可以包括以下有益效果：

40、通過上述方式，獲取容器控件對應容器背景的第一截圖數(shù)據(jù)，根據(jù)第一截圖數(shù)據(jù)，確定待渲染控件的第一模糊混色背景，容器控件的多個子控件中包括待渲染控件，待渲染控件為離屏控件，根據(jù)待渲染控件在容器控件中的第一預設控件位置，將第一模糊混色背景繪制在主畫布界面上，以生成待渲染控件的第一控件背景圖像，將待渲染控件的元素內容圖像繪制在第一控件背景圖像上。從而在離屏控件的繪制過程中將元素背景繪制和元素其他內容繪制的過程分離，在離屏控件的模糊混色背景變化時，不用重繪離屏父控件，減少控件繪制過程中的功耗。

41、應當理解的是，以上的一般描述和后文的細節(jié)描述僅是示例性和解釋性的，并不能限制本公開。

技術特征：

1.一種控件背景渲染方法，其特征在于，包括：

2.根據(jù)權利要求1所述的方法，其特征在于，所述根據(jù)所述第一截圖數(shù)據(jù)，確定待渲染控件的第一模糊混色背景，包括：

3.根據(jù)權利要求2所述的方法，其特征在于，所述對所述第一截圖數(shù)據(jù)和所述第二截圖數(shù)據(jù)進行模糊混色處理，生成所述第一模糊混色背景，包括：

4.根據(jù)權利要求1所述的方法，其特征在于，所述方法還包括：

5.根據(jù)權利要求4所述的方法，其特征在于，所述獲取更換后的所述容器背景的第二截圖數(shù)據(jù)，包括：

6.根據(jù)權利要求1所述的方法，其特征在于，所述將所述待渲染控件的元素內容圖像繪制在所述第一控件背景圖像上，包括：

7.一種控件背景渲染裝置，其特征在于，包括：

8.根據(jù)權利要求7所述的裝置，其特征在于，所述確定模塊，包括：

9.一種電子設備，其特征在于，包括：

10.一種計算機可讀存儲介質，其上存儲有計算機程序指令，其特征在于，該程序指令被處理器執(zhí)行時實現(xiàn)權利要求1-6中任一項所述方法的步驟。

技術總結
本公開涉及一種控件背景渲染方法、裝置、電子設備及存儲介質，該方法包括：獲取容器控件對應容器背景的第一截圖數(shù)據(jù)，根據(jù)第一截圖數(shù)據(jù)，確定待渲染控件的第一模糊混色背景，容器控件的多個子控件中包括待渲染控件，待渲染控件為離屏控件，根據(jù)待渲染控件在容器控件中的第一預設控件位置，將第一模糊混色背景繪制在主畫布界面上，以生成待渲染控件的第一控件背景圖像，將待渲染控件的元素內容圖像繪制在第一控件背景圖像上。從而在離屏控件的繪制過程中將元素背景繪制和元素其他內容繪制的過程分離，在離屏控件的模糊混色背景變化時，不用重繪離屏父控件，減少控件繪制過程中的功耗。

技術研發(fā)人員：肖鑫,王星暉,劉立軍
受保護的技術使用者：北京小米移動軟件有限公司
技術研發(fā)日：
技術公布日：2025/4/28