[发明专利]控件视觉效果元素调节方法、装置、电子设备及存储介质

说明书

本申请提供一种控件视觉效果元素调节方法、装置、电子设备及存储介质。该方法包括：基于主控件的尺寸对图片进行处理；确定各个子控件在主控件坐标系下对应的矩形区域，并对矩形区域进行分类，得到与子控件的颜色相对应的矩形区域；对图片中矩形区域对应的颜色进行提取，得到矩形区域的颜色数据；依据颜色数据确定每个矩形区域的主色，将子控件的颜色与矩形区域的主色进行比较，得到颜色差异；当颜色差异满足预设要求时，确定主色的反向颜色，将反向颜色的颜色数据赋值给相应的子控件的矩形区域，以调节子控件的视觉效果元素。本申请能够自动调整控件的颜色以适应任何背景图，提高控件内视觉效果元素的显示效果。

技术领域

本申请涉及应用程序开发技术领域，尤其涉及一种控件视觉效果元素调节方法、装置、电子设备及存储介质。

背景技术

在当前的应用程序开发中，视觉效果元素，如颜色、文字颜色、文字背景蒙层、阴影和边框颜色等，都是界面设计的重要组成部分。特别是在动态图布局中，背景图是由服务器拉取的，可以随时调整变化，而在背景图上又布局着各类控件如文字、按钮等。然而，这种布局模式存在一个显著的问题，即当背景图的颜色对比度低（如浅色或白色）时，其上的文字和按钮可能变得难以辨认。

现有的解决方案主要有三种：第一种是限制服务器传递给客户端的图片内容，只能固定某种颜色，这显然限制了内容的多样性，不利于广告的运营效果。第二种是让界面上所有控件的视觉效果元素可调节，由服务器接口下发视觉效果元素数据，然而这种方式也存在局限性，例如如果图片数量较多，控件较多，运营人员任务重、容易出错，同时如果因网络原因接口数据未到达，控件无法更换视觉效果元素。第三种是把控件及其效果画在图片上，但这种方式无法保证控件在想要的位置，同时如果控件和用户是有交互的，那么一张图片很难实现这一点。因此，目前的视觉效果元素调节方法仍存在无法根据图片动态灵活改变视觉效果元素，导致视觉效果元素单一，呈现效果差的问题。

发明内容

有鉴于此，本申请实施例提供了一种控件视觉效果元素调节方法、装置、电子设备及存储介质，以解决现有技术存在的无法根据图片动态灵活改变视觉效果元素，导致视觉效果元素单一，呈现效果差的问题。

本申请实施例的第一方面，提供了一种控件视觉效果元素调节方法，包括：获取服务器发送的图片，基于承载图片的主控件的尺寸对图片进行处理，以使主控件与图片之间的尺寸相同；确定各个子控件在主控件坐标系下对应的矩形区域，并依据子控件的颜色对矩形区域进行分类，得到与子控件的颜色相对应的一个或多个矩形区域；对图片中每个矩形区域对应的颜色进行提取，得到每个矩形区域对应的颜色数据；依据颜色数据确定每个矩形区域对应的主色，将子控件的颜色与相应的矩形区域的主色进行比较，得到颜色差异，判断颜色差异是否满足预设要求；当颜色差异满足预设要求时，基于主色的RGB值确定与主色相对应的反向颜色，将反向颜色的颜色数据赋值给相应的子控件的矩形区域，以调节子控件的视觉效果元素。

本申请实施例的第二方面，提供了一种控件视觉效果元素调节装置，包括：处理模块，被配置为获取服务器发送的图片，基于承载图片的主控件的尺寸对图片进行处理，以使主控件与图片之间的尺寸相同；分类模块，被配置为确定各个子控件在主控件坐标系下对应的矩形区域，并依据子控件的颜色对矩形区域进行分类，得到与子控件的颜色相对应的一个或多个矩形区域；提取模块，被配置为对图片中每个矩形区域对应的颜色进行提取，得到每个矩形区域对应的颜色数据；比较模块，被配置为依据颜色数据确定每个矩形区域对应的主色，将子控件的颜色与相应的矩形区域的主色进行比较，得到颜色差异，判断颜色差异是否满足预设要求；调节模块，被配置为当颜色差异满足预设要求时，基于主色的RGB值确定与主色相对应的反向颜色，将反向颜色的颜色数据赋值给相应的子控件的矩形区域，以调节子控件的视觉效果元素。

本申请实施例的第三方面，提供了一种电子设备，包括存储器，处理器及存储在存储器上并可在处理器上运行的计算机程序，处理器执行计算机程序时实现上述方法的步骤。