显示区域填充方法、装置、设备及存储介质制造方法及图纸

本发明专利技术实施例公开了显示区域填充方法、装置、设备及存储介质。其中，该方法包括：检测到图片显示界面的区域填充事件被触发时，基于预设尺寸比例获取待显示图片的边缘图像数据，利用预设聚类算法对边缘图像数据中的像素点按照颜色值进行聚类，并根据聚类结果确定相应的目标颜色值，基于目标颜色值对图片显示界面中的待填充区域进行填充，其中，待填充区域包括待显示图片之外的显示区域。本发明专利技术实施例提供的技术方案，能够更加准确地确定目标颜色值，进而基于目标颜色值对与待显示图片邻接的空白区域进行填充后，可提升图片显示界面的美观度。

Display area filling method, device, equipment and storage medium

【技术实现步骤摘要】
显示区域填充方法、装置、设备及存储介质
本专利技术实施例涉及计算机
，尤其涉及显示区域填充方法、装置、设备及存储介质。
技术介绍
目前，很多电子设备都配置有显示屏，可以利用显示屏显示文字以及图片等内容。在进行图片显示时，通常在图片显示界面中进行，也即图片显示界面中包含需要显示的图片。然而，若图片显示界面和图片的显示尺寸或比例不匹配，则会导致图片无法占满整个图片显示界面，图片显示界面中除了图片显示区域之外的区域(可称为空白区域)就会因没有实际的显示内容而显得比较突兀，影响界面的美观。尤其是对于一些全屏显示场景，如全屏播放场景、全屏浏览场景、全屏编辑场景以及屏幕保护场景等，此时，图片显示界面会占满整个显示屏，而上述空白区域也会随之变大，影响整个显示屏画面的美观。针对上述存在空白区域的问题，现有技术中普遍采用填充颜色的方式来解决，如填充纯白色或纯黑色，然而，目前的填充方案效果并不理想，需要改进。
技术实现思路
本专利技术实施例提供了显示区域填充方法、装置、设备及存储介质，可以优化现有的图片显示界面的显示方案。本文档来自技高网...

【技术保护点】
1.一种显示区域填充方法，其特征在于，包括：/n检测到图片显示界面的区域填充事件被触发时，基于预设尺寸比例获取待显示图片的边缘图像数据；/n利用预设聚类算法对所述边缘图像数据中的像素点按照颜色值进行聚类，并根据聚类结果确定相应的目标颜色值；/n基于所述目标颜色值对所述图片显示界面中的待填充区域进行填充，其中，所述待填充区域包括所述待显示图片之外的显示区域。/n

【技术特征摘要】
1.一种显示区域填充方法，其特征在于，包括：
检测到图片显示界面的区域填充事件被触发时，基于预设尺寸比例获取待显示图片的边缘图像数据；
利用预设聚类算法对所述边缘图像数据中的像素点按照颜色值进行聚类，并根据聚类结果确定相应的目标颜色值；
基于所述目标颜色值对所述图片显示界面中的待填充区域进行填充，其中，所述待填充区域包括所述待显示图片之外的显示区域。


2.根据权利要求1所述的方法，其特征在于，所述检测到图片显示界面的区域填充事件被触发，包括：
检测到待显示图片的高宽比与图片显示界面的高宽比不匹配时或者检测到待显示图片的显示尺寸小于图片显示界面的显示尺寸时，确定检测到图片显示界面的区域填充事件被触发。


3.根据权利要求2所述的方法，其特征在于，
当检测到待显示图片的高宽比小于所述图片显示界面的高宽比时，所述基于预设尺寸比例获取待显示图片的边缘图像数据，包括：
基于第一预设尺寸比例获取待显示图片的上边缘图像数据和下边缘图像数据；
相应的，所述利用预设聚类算法对所述边缘图像数据中的像素点按照颜色值进行聚类，并根据聚类结果确定相应的目标颜色值，包括：
利用第一预设聚类算法分别对所述上边缘图像数据和所述下边缘图像数据中的像素点按照颜色值进行聚类，并根据聚类结果分别确定相应的第一目标颜色值和第二目标颜色值；
相应的，所述基于所述目标颜色值对所述图片显示界面中的待填充区域进行填充，包括：
基于所述第一目标颜色值和所述第二目标颜色值从所述图片显示界面的上边缘至下边缘进行渐变渲染，以实现对待填充区域进行填充。


4.根据权利要求2所述的方法，其特征在于，
当检测到待显示图片的高宽比大于所述图片显示界面的高宽比时，所述基于预设尺寸比例获取待显示图片的边缘图像数据，包括：
基于第二预设尺寸比例获取待显示图片的左边缘图像数据和右边缘图像数据；
相应的，所述利用预设聚类算法对所述边缘图像数据中的像素点按照颜色值进行聚类，并根据聚类结果确定相应的目标颜色值，包括：
利用第二预设聚类算法分别对所述左边缘图像数据和所述右边缘图像数据中的像素点按照颜色值进行聚类，并根据聚类结果分别确定相应的第三目标颜色值和第四目标颜色值；
相应的，所述基于所述目标颜色值对所述图片显示界面中的待填充区域进行填充，包括：
基于所述第三目标颜色值和所述第四目标颜色值从所述图片显示界面的左边缘至右边缘进行渐变渲染，以实现对待填充区域进行填充。


5.根据权利要求2所述的方法，其特征在于，
当检测到待显示图片的显示尺寸小于图片显示界面的显示尺寸时，所述基于预设尺寸比例获取待显示图片的边缘图像数据，包括：
基于第一预设尺寸比例获取待显示图片的上边缘图像数据和下边缘图像数据，和/或，基于第二预设尺寸比例获取待显示图片的左边缘图像数据和右边缘图像数据；
相应的，所述利用预设聚类算法对所述边缘图像数据中的像素点按照颜色值进行聚类，并根据聚类结果确定相应的目标颜色值，包括：
利用第一预设聚类算法分别对所述上边缘图像数据和所述下边缘图像数据中的像素点按照颜色值进行聚类，并根据聚类结果分别确定相应的第一目标颜色值和第二目标颜色值；和/或，利用第二预设聚类算法分别对所述左边缘图像数据和所述右边缘图像数据中的像素点按照颜色值进行聚类，并根据聚类结果分别确定相应的第三目标颜色值和第四目标颜色值；
相应的，所述基于所述目标颜色值对所述图片显示界面中的待填充区域进行填充，包括：
基于所述第一目标颜色值和所述第二目标颜色值从所述图片显示界面的上边缘至下边缘进行渐...

【专利技术属性】
技术研发人员：张楚翘，郭汀鑫，
申请(专利权)人：广州市百果园信息技术有限公司，
类型：发明
国别省市：广东;44