用户界面组件库主题颜色切换方法及相关装置与流程

本发明涉及计算机，具体而言，涉及一种用户界面组件库主题颜色切换方法及相关装置。

背景技术：

1、在实际业务场景中，用户界面组件库的主题颜色切换是需要人工干预的，其原因在于不同主题颜色下，色值的映射存在“二义性”。

2、例如，组件1与组件2在橙色主题下的背景色的色值均为#d79122，但组件1在红色主题下的背景色的色值为#14658，组件2在红色主题下的背景色的色值为#d84453，当需将用户界面组件库从红色主题切换至橙色主题时，色值#14658和#d84453均可直接被替换为#d79122，即色值#14658可以映射为#d79122，#d84453可以映射为#d79122。但当需将用户界面组件库从橙色主题切换至红色主题时，色值#d79122却无法同时映射为#14658和#d84453，此时，则需要人工进行干预。

3、由于用户界面组件库的规模以及色值数量，使得主题颜色切换过程中人工干预量巨大，需要花费大量的时间，且容易出错。

技术实现思路

1、为了减少用户界面组件库主题颜色切换过程中的人工干预量，提高切换速度，本发明实施例提供了一种用户界面组件库主题颜色切换方法及相关装置。

2、本发明实施例的技术方案可以这样实现：

3、第一方面，本发明实施例提供一种用户界面组件库主题颜色切换方法，所述方法包括：

4、响应用户针对交互界面的选择操作，确定待切换主题颜色对应的色系源色值；

5、基于所述色系源色值，生成针对所述待切换主题颜色的用户界面组件库样式文件，所述用户界面组件库样式文件包含全部组件与所述色系源色值的匹配关系；

6、运行所述用户界面组件库样式文件，根据所述匹配关系对全部组件进行颜色更新。

7、可选地，所述基于所述色系源色值，生成针对所述待切换主题颜色的用户界面组件库样式文件的步骤包括：

8、根据所述色系源色值，得到多个色系关联色值；

9、建立多个所述色系关联色值与多个预先构建的样式类别之间的第一映射关系，所述样式类别用于描述所述用户界面组件库中组件的样式；

10、建立多个所述样式类别与多个预先构建的组件类别之间的第二映射关系，所述组件类别用于描述所述用户界面组件库中组件的结构；

11、基于所述第一映射关系和所述第二映射关系，生成针对所述待切换主题颜色的用户界面组件库样式文件。

12、可选地，所述样式类别包括主题项，所述建立多个所述色系关联色值与多个预先构建的样式类别之间的第一映射关系的步骤包括：

13、根据每个所述样式类别的主题项，从所有所述样式类别中确定出每个有效样式类别，所述有效样式类别的主题项为所述待切换主题颜色；

14、通过响应用户输入的配置指令，确定每个所述有效样式类别对应的色系关联色值，以建立所述第一映射关系。

15、可选地，所述样式类别还包括色系项、状态项和颜色属性项，所述组件类别包括组件描述项、色系项、状态项和颜色属性项，所述建立多个所述样式类别与多个预先构建的组件类别之间的第二映射关系的步骤包括：

16、针对任意一个目标组件类别，根据所述目标组件类别的色系项、状态项和颜色属性项，从所有所述有效样式类别中确定出所述目标组件类别对应的映射样式类别，所述映射样式类别与所述目标组件类别具有相同的色系项、状态项和颜色属性项；

17、遍历每个所述组件类别，得到每个所述组件类别对应的映射样式类别，以建立所述第二映射关系。

18、可选地，所述基于所述第一映射关系和所述第二映射关系，生成针对所述目标主题的用户界面组件库样式文件的步骤包括：

19、根据所述第一映射关系和所述第二映射关系，生成组件-样式映射表；

20、利用预设种子函数和所述组件-样式映射表，得到所述用户界面组件库的组件样式表；

21、编译所述组件样式表，得到所述用户界面组件库样式文件。

22、可选地，所述根据所述色系源色值，得到多个色系关联色值的步骤包括：

23、将所述色系源色值进行格式转化处理；

24、通过调整格式转化处理后的色系源色值的色相区间、饱和度区间和明度区间，得到多个色系关联色值。

25、第二方面，本发明实施例提供一种用户界面组件库主题颜色切换装置，所述装置包括：

26、确定模块，用于响应用户针对交互界面的选择操作，确定待切换主题颜色对应的色系源色值；

27、生成模块，用于基于所述色系源色值，生成针对所述待切换主题颜色的用户界面组件库样式文件，所述用户界面组件库样式文件包含全部组件与所述色系源色值的匹配关系；

28、切换模块，用于运行所述用户界面组件库样式文件，根据匹配关系对全部组件进行颜色更新。

29、可选地，所述生成模块具体用于：

30、根据所述色系源色值，得到多个色系关联色值；

31、建立多个所述色系关联色值与多个预先构建的样式类别之间的第一映射关系，所述样式类别用于描述所述用户界面组件库中组件的样式；

32、建立多个所述样式类别与多个预先构建的组件类别之间的第二映射关系，所述组件类别用于描述所述用户界面组件库中组件的结构；

33、基于所述第一映射关系和所述第二映射关系，生成针对所述待切换主题颜色的用户界面组件库样式文件。

34、第三方面，本发明实施例提供一种电子设备，其包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时实现如前述第一方面所述的用户界面组件库主题颜色切换方法。

35、第四方面，本发明实施例提供一种计算机可读存储介质，其存储有计算机程序，所述计算机程序被处理器执行时实现如前述第一方面所述的用户界面组件库主题颜色切换方法。

36、相较于现有技术，本发明实施例提供的一种用户界面组件库主题颜色切换方法及相关装置，首先，响应用户针对交互界面的选择操作，确定待切换主题颜色对应的色系源色值；然后，基于色系源色值，生成针对待切换主题颜色的用户界面组件库样式文件，其中，用户界面组件库样式文件包含全部组件与色系源色值的匹配关系；最后，运行用户界面组件库样式文件，根据匹配关系对全部组件进行颜色更新。由于本发明实施例通过生成包含全部组件与色系源色值的匹配关系的用户界面组件库样式文件，来对全部组件进行颜色更新，从而减少用户界面组件库主题颜色切换过程中的人工干预量，提高切换速度。

技术特征：

1.一种用户界面组件库主题颜色切换方法，其特征在于，所述方法包括：

2.如权利要求1所述的方法，其特征在于，所述基于所述色系源色值，生成针对所述待切换主题颜色的用户界面组件库样式文件的步骤包括：

3.如权利要求2所述的方法，其特征在于，所述样式类别包括主题项，所述建立多个所述色系关联色值与多个预先构建的样式类别之间的第一映射关系的步骤包括：

4.如权利要求3所述的方法，其特征在于，所述样式类别还包括色系项、状态项和颜色属性项，所述组件类别包括组件描述项、色系项、状态项和颜色属性项，所述建立多个所述样式类别与多个预先构建的组件类别之间的第二映射关系的步骤包括：

5.如权利要求2所述的方法，其特征在于，所述基于所述第一映射关系和所述第二映射关系，生成针对所述目标主题的用户界面组件库样式文件的步骤包括：

6.如权利要求2所述的方法，其特征在于，所述根据所述色系源色值，得到多个色系关联色值的步骤包括：

7.一种用户界面组件库主题颜色切换装置，其特征在于，所述装置包括：

8.如权利要求7所述的装置，其特征在于，所述生成模块具体用于：

9.一种电子设备，其特征在于，其包括存储器和处理器，所述存储器存储有计算机程序，所述计算机程序被所述处理器执行时实现如权利要求1～7任一项所述的用户界面组件库主题颜色切换方法。

10.一种计算机可读存储介质，其特征在于，其存储有计算机程序，所述计算机程序被处理器执行时实现如权利要求1～7任一项所述的用户界面组件库主题颜色切换方法。

技术总结
本发明提供的一种用户界面组件库主题颜色切换方法及相关装置，涉及计算机技术领域。所述方法：首先，响应用户针对交互界面的选择操作，确定待切换主题颜色对应的色系源色值；然后，基于色系源色值，生成针对待切换主题颜色的用户界面组件库样式文件，其中，用户界面组件库样式文件包含全部组件与色系源色值的匹配关系；最后，运行用户界面组件库样式文件，根据匹配关系对全部组件进行颜色更新，从而减少用户界面组件库主题颜色切换过程中的人工干预量，提高切换速度。

技术研发人员：吕天丁,阙光伟,芮正云,李德静,温泉,李一冰,胡烈
受保护的技术使用者：恒生电子股份有限公司
技术研发日：
技术公布日：2024/1/11