[发明专利]界面颜色适配方法、装置、计算机设备及存储介质

说明书

本发明公开了一种界面颜色适配方法、装置、计算机设备及存储介质，所述方法包括：获取基础偏好图片，并采用图像调色板提取出基础偏好图片的颜色值；根据各个颜色值出现的数量占所有的颜色值出现数量的比例确定基础偏好图片的主色调；获取界面中包含的页面元素信息，页面元素信息包括元素标识和元素区域，其中，元素区域包括页面元素左上角坐标和右下角坐标；基于页面元素信息，采用预设的计算公式计算每一元素标识对应的元素的重要等级；按照预设的映射关系填充每一重要等级对应的元素标识的元素区域，得到界面的目标配色。该界面颜色适配方法实现了界面配色的自动化适配，大大提高了界面颜色适配效率。

技术领域

本发明涉及计算机技术领域，尤其涉及一种界面颜色适配方法、装置、计算机设备及存储介质。

背景技术

当今时代，网络上的APP多种多样，覆盖了人们生活的方方面面。随着人们网络生活的日益丰富，APP基本功能作用已不是用户唯一的关注点，大家对APP的品质、界面外观也有了较高的要求。

然而，现有技术需要用户通过选取的APP的皮肤、壁纸或者系统设置进行更改以达到对APP界面外观的颜色适配的目的，过程比较繁琐，影响APP颜色适配效率，因此，如何提高APP的界面配色的便捷性成为一个重要问题。

发明内容

本发明实施例提供一种界面颜色适配方法、装置、计算机设备及存储介质，以解决界面颜色适配效率不高的问题。

一种界面颜色适配方法，包括：

获取基础偏好图片，所述基础偏好图片包括设备上的主题图片或者壁纸图片中的至少一项，并采用图像调色板提取出所述基础偏好图片的颜色值；

根据各个所述颜色值出现的数量占所有的所述颜色值出现数量的比例确定所述基础偏好图片的主色调；

获取界面中包含的页面元素信息，所述页面元素信息包括元素标识和元素区域，其中，所述元素区域包括页面元素左上角坐标和右下角坐标；

基于所述页面元素信息，采用如下公式计算每一所述元素标识对应的元素的重要等级：

其中，P_i表示为所述第i个元素标识对应的元素的重要等级的数值，λ_i表示为所述第i个元素标识对应的元素的预设的元素权重，m_i表示为所述第i个元素属性对应的元素的预设的重要等级的数值，η_i表示为所述第i个元素标识对应的元素的面积预设的面积权重，ξ_i表示为所述第i个元素标识对应的元素的距离预设的距离权重，(x_i,y_i)表示为所述第i个元素标识对应的元素的左上角坐标，(X_i,Y_i)表示为所述所述第i个元素标识对应的元素的右下角坐标，(x_c,y_c)表示为所述界面的中心坐标；

按照预设的映射关系填充每一所述重要等级对应的元素标识的元素区域，得到所述界面的目标配色，其中，所述映射关系是每一所述主色调与每一所述重要等级之间的映射关系。

一种界面颜色适配装置，包括：

颜色值提取模块，用于获取基础偏好图片，所述基础偏好图片包括设备上的主题图片或者壁纸图片中的至少一项，并采用图像调色板提取出所述基础偏好图片的颜色值；

主色调确定模块，用于根据各个所述颜色值出现的数量占所有的所述颜色值出现数量的比例确定所述基础偏好图片的主色调；

元素信息获取模块，用于获取界面中包含的页面元素信息，所述页面元素信息包括元素标识和元素区域，其中，所述元素区域包括页面元素左上角坐标和右下角坐标；