【技术实现步骤摘要】
控件视觉效果元素调节方法、装置、电子设备及存储介质
[0001]本申请涉及应用程序开发
，尤其涉及一种控件视觉效果元素调节方法、装置、电子设备及存储介质。
技术介绍
[0002]在当前的应用程序开发中，视觉效果元素，如颜色、文字颜色、文字背景蒙层、阴影和边框颜色等，都是界面设计的重要组成部分。特别是在动态图布局中，背景图是由服务器拉取的，可以随时调整变化，而在背景图上又布局着各类控件如文字、按钮等。然而，这种布局模式存在一个显著的问题，即当背景图的颜色对比度低（如浅色或白色）时，其上的文字和按钮可能变得难以辨认。
[0003]现有的解决方案主要有三种：第一种是限制服务器传递给客户端的图片内容，只能固定某种颜色，这显然限制了内容的多样性，不利于广告的运营效果。第二种是让界面上所有控件的视觉效果元素可调节，由服务器接口下发视觉效果元素数据，然而这种方式也存在局限性，例如如果图片数量较多，控件较多，运营人员任务重、容易出错，同时如果因网络原因接口数据未到达，控件无法更换视觉效果元素。第三种是把控件及其效果画在图片上，...
【技术保护点】
【技术特征摘要】
1.一种控件视觉效果元素调节方法，其特征在于，包括：获取服务器发送的图片，基于承载所述图片的主控件的尺寸对所述图片进行处理，以使所述主控件与所述图片之间的尺寸相同；确定各个子控件在主控件坐标系下对应的矩形区域，并依据所述子控件的颜色对所述矩形区域进行分类，得到与所述子控件的颜色相对应的一个或多个矩形区域；对所述图片中每个所述矩形区域对应的颜色进行提取，得到每个所述矩形区域对应的颜色数据；依据所述颜色数据确定每个所述矩形区域对应的主色，将所述子控件的颜色与相应的所述矩形区域的主色进行比较，得到颜色差异，判断所述颜色差异是否满足预设要求；当所述颜色差异满足预设要求时，基于所述主色的RGB值确定与所述主色相对应的反向颜色，将所述反向颜色的颜色数据赋值给相应的所述子控件的矩形区域，以调节所述子控件的视觉效果元素。2.根据权利要求1所述的方法，其特征在于，所述基于承载所述图片的主控件的尺寸对所述图片进行处理，包括：获取所述主控件及所述图片的宽度，将所述主控件的宽度与所述图片的宽度进行比较，以便确定宽度比；获取所述主控件及所述图片的高度，将所述主控件的高度与所述图片的高度进行比较，以便确定高度比；基于所述宽度比以及所述高度比确定目标比，依据所述目标比对所述图片进行缩放和裁剪。3.根据权利要求1所述的方法，其特征在于，所述确定各个子控件在主控件坐标系下对应的矩形区域，并依据所述子控件的颜色对所述矩形区域进行分类，包括：获取所述子控件在所述主控件坐标系下的位置坐标，依据所述子控件的位置坐标确定与所述子控件相对应的矩形区域；依据所述子控件对应的颜色对所述矩形区域进行划分，将相同颜色的所述子控件对应的矩形区域划分到同一颜色类别下；将所述颜色类别与所述矩形区域之间的对应关系用键值对表示，利用所述键值对生成包含所述对应关系的数据结构。4.根据权利要求1所述的方法，其特征在于，所述对所述图片中每个所述矩形区域对应的颜色进行提取，得到每个所述矩形区域对应的颜色数据，包括：依据所述矩形区域在所述主控件坐标系下的位置以及所述矩形区域的尺寸，将所述图片切割成多个子图片；创建颜色空间对象以及位图上下文对象，其中，所述颜色空间对象用于表征所述图片在设备中对应的RGB颜色空间；将所述子图片对应的矩形区域绘制在所述位图上下文对象中，并获取所述位图上下文对象中每个所述子图片对应矩形区域的颜色数据，其中，所述颜色数据中包含RGBA数值。5.根据权利要求1所述的方法，其特征在于，所述依据所述颜色数据确定每个所述矩形区域对应的主色，包括：创建一个用于统计颜色出现次数的集合，所述集合的大小与所述矩形区域所包含的像
素数量相等；以预定步长遍历所述矩形区域中的像素，每当遍历到一个像素时，从所述颜色数据中获取所述像素的颜色，并将所述像素的颜色存放到数组中；将所述数组添加到所述集合中，对所述集合中各个颜色出现的次数进行统计，将出现次数最多的颜色作为所...
【专利技术属性】
技术研发人员：陈裕聪，唐如意，叶松林，
申请(专利权)人：成都赛力斯科技有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。