界面元素主题色切换方法、设备、介质和程序产品与流程

本发明涉及软件开发，尤其涉及界面全局视觉元素动态定制，特别涉及一种界面元素主题色切换方法、设备、介质和程序产品。

背景技术：

1、在数字化时代，用户界面的个性化定制已成为提升用户体验的重要一环。当前，许多网站都提供了界面主题定制功能，允许用户根据自己的喜好选择主题色，从而打造出独一无二的个性化界面。

2、然而，当前的界面主题定制技术尚未实现对图形元素(如图片、图标、背景图等)颜色的动态调整。在调整界面主题色时，通常只能针对按钮、输入框等界面元素进行颜色的动态变化，而界面中的图形元素颜色却保持不变。这导致用户在定制主题时，无法实现对图形元素颜色的个性化调整，从而影响了整体界面的协调性和美观度。

技术实现思路

1、本发明提供一种界面元素主题色切换方法、设备、介质和程序产品，用以解决无法对界面中图形元素的颜色进行动态调整的缺陷。

2、本发明提供一种界面元素主题色切换方法，包括：

3、响应于主题色切换请求，获取界面中待处理图形元素的源主题色和目标主题色；

4、计算所述目标主题色和所述源主题色之间的差值，并基于所述差值，确定所述待处理图形元素的显示样式中的滤镜属性；

5、基于所述滤镜属性，对所述待处理图形元素进行主题色切换。

6、根据本发明提供的一种界面元素主题色切换方法，所述计算所述目标主题色和所述源主题色之间的差值，包括：

7、确定所述目标主题色和所述源主题色的当前颜色模式值；

8、在所述当前颜色模式值为目标颜色模式值的情况下，基于所述目标主题色的目标颜色模式值和所述源主题色的目标颜色模式值，计算所述目标主题色和所述源主题色之间的差值，所述目标颜色模式值为用于表征色相、饱和度和亮度三个颜色参数的值；

9、在所述当前颜色模式值不为所述目标颜色模式值的情况下，将所述当前颜色模式值转换为所述目标颜色模式值，并基于所述目标主题色的目标颜色模式值和所述源主题色的目标颜色模式值，计算所述目标主题色和所述源主题色之间的差值。

10、根据本发明提供的一种界面元素主题色切换方法，所述将所述当前颜色模式值转换为所述目标颜色模式值，包括：

11、在所述当前颜色模式值为第一颜色模式值的情况下，将所述第一颜色模式值转换为第二颜色模式值，再将所述第二颜色模式值转换为所述目标颜色模式值；

12、在所述当前颜色模式值为所述第二颜色模式值的情况下，将所述第二颜色模式值转换为所述目标颜色模式值；

13、其中，所述第一颜色模式值为十六进制颜色值，所述第二颜色模式值为用于表征红、绿和蓝三个通道的颜色值。

14、根据本发明提供的一种界面元素主题色切换方法，所述将所述第一颜色模式值转换为第二颜色模式值，包括：

15、将所述第一颜色模式值转换为整数，并将转换得到的整数按颜色通道进行分割，得到红色分量值、绿色分量值和蓝色分量值；

16、基于所述红色分量值、所述绿色分量值和所述蓝色分量值，得到所述第二颜色模式值。

17、根据本发明提供的一种界面元素主题色切换方法，所述将所述第二颜色模式值转换为所述目标颜色模式值，包括：

18、将所述第二颜色模式值中的红色分量值、绿色分量值和蓝色分量值均进行归一化处理，并比较归一化后的各分量值，确定最大分量值和最小分量值；

19、基于所述最大分量值和所述最小分量值的平均值，确定亮度值；

20、在所述最大分量值和所述最小分量值相等的情况下，确定色相值和饱和度值均为0；

21、在所述最大分量值和所述最小分量值不相等的情况下，基于所述亮度值、所述最大分量值和所述最小分量值，确定饱和度值，并基于所述最大分量值、所述最小分量值以及所述归一化后的各分量值，确定色相值；

22、对所述色相值、所述饱和度值和所述亮度值进行标准化处理，得到所述目标颜色模式值。

23、根据本发明提供的一种界面元素主题色切换方法，所述差值包括色相差、饱和度差和亮度差，所述基于所述目标主题色的目标颜色模式值和所述源主题色的目标颜色模式值，计算所述目标主题色和所述源主题色之间的差值，包括：

24、基于所述目标主题色的目标颜色模式值中的色相值和所述源主题色的目标颜色模式值中的色相值，确定所述目标主题色和所述源主题色之间的色相差；

25、基于所述目标主题色的目标颜色模式值中的饱和度值和所述源主题色的目标颜色模式值中的饱和度值，确定所述目标主题色和所述源主题色之间的饱和度差；

26、基于所述目标主题色的目标颜色模式值中的亮度值和所述源主题色的目标颜色模式值中的亮度值，确定所述目标主题色和所述源主题色之间的亮度差。

27、根据本发明提供的一种界面元素主题色切换方法，所述基于所述差值，确定所述待处理图形元素的显示样式中的滤镜属性，包括：

28、基于所述差值中的色相差，确定色相旋转值；

29、基于所述差值中的饱和度差，确定饱和度调整值；

30、基于所述色相旋转值和所述饱和度调整值，确定所述滤镜属性。

31、本发明还提供一种界面元素主题色切换装置，包括：

32、获取单元，用于响应于主题色切换请求，获取界面中待处理图形元素的源主题色和目标主题色；

33、确定单元，用于计算所述目标主题色和所述源主题色之间的差值，并基于所述差值，确定所述待处理图形元素的显示样式中的滤镜属性；

34、切换单元，用于基于所述滤镜属性，对所述待处理图形元素进行主题色切换。

35、本发明还提供一种电子设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，所述处理器执行所述程序时实现如上述任一种所述界面元素主题色切换方法。

36、本发明还提供一种非暂态计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现如上述任一种所述界面元素主题色切换方法。

37、本发明还提供一种计算机程序产品，包括计算机程序，所述计算机程序被处理器执行时实现如上述任一种所述界面元素主题色切换方法。

38、本发明提供的界面元素主题色切换方法、设备、介质和程序产品，通过响应于主题色切换请求，获取界面中待处理图形元素的源主题色和目标主题色，并自动计算目标主题色和源主题色之间的差值，从而可以根据该差值调整待处理图形元素的滤镜属性，不仅实现了对图形元素进行主题色切换，而且切换过程无需手动干预，能够实时完成，大大提高了主题色切换的效率，减少了维护成本和时间。此外，通过计算目标主题色和源主题色之间的差值来确定滤镜属性，可以更准确地实现主题色切换，使得图形元素在主题色切换过程中尽可能保持色彩的一致性，避免了手动调整颜色导致的色彩不协调问题，有助于确保界面元素的视觉连贯性，从而提高界面定制的准确性和可靠性。

技术特征：

1.一种界面元素主题色切换方法，其特征在于，包括：

2.根据权利要求1所述的界面元素主题色切换方法，其特征在于，所述计算所述目标主题色和所述源主题色之间的差值，包括：

3.根据权利要求2所述的界面元素主题色切换方法，其特征在于，所述将所述当前颜色模式值转换为所述目标颜色模式值，包括：

4.根据权利要求3所述的界面元素主题色切换方法，其特征在于，所述将所述第一颜色模式值转换为第二颜色模式值，包括：

5.根据权利要求3所述的界面元素主题色切换方法，其特征在于，所述将所述第二颜色模式值转换为所述目标颜色模式值，包括：

6.根据权利要求2至5任一项所述的界面元素主题色切换方法，其特征在于，所述差值包括色相差、饱和度差和亮度差，所述基于所述目标主题色的目标颜色模式值和所述源主题色的目标颜色模式值，计算所述目标主题色和所述源主题色之间的差值，包括：

7.根据权利要求1至5任一项所述的界面元素主题色切换方法，其特征在于，所述基于所述差值，确定所述待处理图形元素的显示样式中的滤镜属性，包括：

8.一种电子设备，包括存储器、处理器及存储在所述存储器上并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述程序时实现如权利要求1至7任一项所述界面元素主题色切换方法。

9.一种非暂态计算机可读存储介质，其上存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述界面元素主题色切换方法。

10.一种计算机程序产品，包括计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至7任一项所述界面元素主题色切换方法。

技术总结本发明涉及全局视觉元素动态定制技术领域，提供一种界面元素主题色切换方法、设备、介质和程序产品，其中方法包括：响应于主题色切换请求，获取界面中待处理图形元素的源主题色和目标主题色；计算所述目标主题色和所述源主题色之间的差值，并基于所述差值，确定所述待处理图形元素的显示样式中的滤镜属性；基于所述滤镜属性，对所述待处理图形元素进行主题色切换。本发明提供的方法、装置、设备、介质和程序产品，能够自动实现对界面中的图形元素进行主题色切换，无需手动干预，大大提高了主题色切换的效率，而且图形元素在主题色切换过程中能够尽可能保持色彩的一致性，确保了主题色切换的效果。技术研发人员：请求不公布姓名受保护的技术使用者：上海壁仞科技股份有限公司技术研发日：技术公布日：2024/7/29