终端设备、页面显示处理装置及方法制造方法及图纸

技术编号:14884572 阅读:52 留言:0更新日期:2017-03-25 00:52
本发明专利技术公开一种终端设备、页面显示处理装置及方法。该终端设备包括:存储器、触摸式显示屏和处理器;所述存储器,存储处理器获取的设定图片的部分区域;所述处理器,获取页面中的设定图片的部分区域,将所述获取的设定图片的部分区域设置在所述页面中经过镂空处理的图标的下层,以使在所述触摸式显示屏上,所述图标显示所述设定图片的部分区域的颜色。本发明专利技术提供的方案,能使得在同一个页面里形成界面视觉统一性,提高显示的视觉效果。

【技术实现步骤摘要】

本专利技术涉及移动互联网
,具体涉及一种终端设备、页面显示处理装置及方法
技术介绍
在游戏客户端或游戏网页的页面中,一般会展示色彩鲜艳的UI(UserInterface,用户界面)效果。特别是首页页面,色彩多变,还具有艳丽的banner(横幅广告)图片,在横幅广告图片下面一般具有各种图标,而图标颜色一般固定,这样使得在同一个页面里很难形成视觉色彩统一,显示给用户的视觉效果较差。
技术实现思路
为解决上述技术问题,本专利技术提供一种终端设备、页面显示处理装置及方法,能使得在同一个页面里形成界面视觉统一性,提高显示的视觉效果。根据本专利技术的一个方面,提供一种终端设备,包括:存储器、触摸式显示屏和处理器;所述存储器,存储处理器获取的设定图片的部分区域;所述处理器,获取页面中的设定图片的部分区域,将所述获取的设定图片的部分区域设置在所述页面中经过镂空处理的图标的下层,以使在所述触摸式显示屏上,所述图标显示所述设定图片的部分区域的颜色。根据本专利技术的另一个方面,提供一种页面显示处理装置,包括:获取模块,用于获取页面中的设定图片的部分区域;处理模块,用于将所述获取模块获取的设定图片的部分区域设置在所述页面中经过镂空处理的图标的下层,以使所述图标显示所述设定图片的部分区域的颜色。可选的,所述获取模块是持续获取页面中的颜色动态变化的设定图片的部分区域。可选的,所述处理模块在所述页面中包含至少两个图标时,设置所述至少两个图标根据下层的所述设定图片的部分区域的颜色显示渐变填充效果。可选的,所述获取模块包括:截取子模块,用于截取页面中的设定图片的部分区域;高斯处理子模块,用于对所述截取子模块截取的区域部分进行高斯模糊处理;滤镜子模块,用于对所述截取的部分区域添加滤镜层。可选的,所述处理模块包括:切图子模块,用于将所述图标的形状区域内镂空变为透明,将所述图标的形状区域外设为非透明颜色;合并子模块,用于将所述获取模块获取的设定图片的部分区域与所述切图子模块进行处理后的图标所在区域进行合并,使得所述图标透明显示下层的所述设定图片的部分区域的颜色。根据本专利技术的另一个方面,提供一种页面显示处理方法,包括:获取页面中的设定图片的部分区域;将所述获取的设定图片的部分区域设置在所述页面中经过镂空处理的图标的下层,以使所述图标显示所述设定图片的部分区域的颜色。可选的,所述设定图片包括当前页面的横幅广告图片,所述图标包括与所述横幅广告图片相邻的图标或另一页面中的图标。可选的,所述获取页面中的设定图片的部分区域,包括:持续获取页面中的颜色动态变化的设定图片的部分区域。可选的,所述页面中包含至少两个图标时,所述至少两个图标根据下层的所述设定图片的部分区域的颜色显示渐变填充效果。可选的,所述获取页面中的设定图片的部分区域,包括:截取页面中的设定图片的部分区域,进行高斯模糊处理。可选的,所述进行高斯模糊处理之后还包括:对所述截取的部分区域添加滤镜层。可选的,所述图标按以下方式进行镂空处理:将所述图标的形状区域内镂空变为透明,将所述图标的形状区域外设为非透明颜色。可以发现,本专利技术实施例的技术方案,通过获取页面中的设定图片的部分区域,将所述获取的设定图片的部分区域设置在所述页面中经过镂空处理的图标的下层,这样就可以使得所述图标显示所述设定图片的部分区域的颜色,那么图标显示的颜色就会与图片的颜色相同或相近,使得在同一个页面里形成界面视觉统一性,提高显示给用户的视觉效果。进一步的,本专利技术实施例中所述设定图片可以为当前页面的横幅广告图片,所述图标可以为与所述横幅广告图片相邻的图标或另一页面中的图标,可以应用不同场景。进一步的,本专利技术实施例中,可以持续获取页面中的颜色动态变化的设定图片的部分区域,从而可以根据图片颜色的动态轮播实现图标显示颜色也跟随动态变化,即只要持续替换图标下层即底部的设定图片的部分区域,便能得到颜色可变的渐变图标。进一步的,本专利技术实施例在页面中包含至少两个图标时,所述至少两个图标可以根据下层的所述设定图片的部分区域的颜色显示渐变填充效果,进一步提高显示效果。进一步的,本专利技术实施例可以截取页面中的设定图片的部分区域并进行高斯模糊处理,使图片变得模糊且平滑,减少图片噪声,或者进一步添加滤镜层,通过添加滤镜层可以提高颜色饱和度和亮度,使得图标显示所述设定图片的部分区域的颜色时,显示的颜色更明亮鲜艳。附图说明通过结合附图对本公开示例性实施方式进行更详细的描述,本公开的上述以及其它目的、特征和优势将变得更加明显,其中,在本公开示例性实施方式中,相同的参考标号通常代表相同部件。图1是根据本专利技术的一个实施例的一种终端设备的示意性方框图;图2是根据本专利技术的一个实施例的一种页面显示处理装置的示意性方框图;图3是根据本专利技术的一个实施例的一种页面显示处理装置的另一示意性方框图;图4是根据本专利技术的一个实施例的一种页面显示处理方法的示意性流程图;图5是根据本专利技术的一个实施例的一种页面显示处理方法的另一示意性流程图;图6是根据本专利技术的一个实施例的一种页面显示处理方法中的处理过程示意图。具体实施方式下面将参照附图更详细地描述本公开的优选实施方式。虽然附图中显示了本公开的优选实施方式,然而应该理解,可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反,提供这些实施方式是为了使本公开更加透彻和完整,并且能够将本公开的范围完整地传达给本领域的技术人员。本专利技术提供一种终端设备,能使得在同一个页面里形成界面视觉统一性,提高显示的视觉效果。以下结合附图详细描述本专利技术实施例的技术方案。图1是根据本专利技术的一个实施例的一种终端设备的示意性方框图。如图1所示,在一种终端设备10中包括:存储器11、触摸式显示屏12和处理器13。所述存储器11,存储处理器13获取的设定图片的部分区域。所述处理器13,获取页面中的设定图片的部分区域,将所述获取的设定图片的部分区域设置在所述页面中经过镂空处理的图标的下层,以使在所述触摸式显示屏12上,所述图标显示所述设定图片的部分区域的颜色。其中,所述设定图片可以包括当前页面的横幅广告图片,所述图标可以包括与所述横幅广告图片相邻的图标或另一页面中的图标。在上述设备中的处理器13,可以作为一个独立的装置结构,该独立的装置结构可以称为页面显示处理装置,该页面显示处理装置可以包括多个子模块,下文将结合图2到图3对其结构进行详细说明。图2是根据本专利技术的一个实施例的一种页面显示处理装置的示意性方框图。如图2所示,在一种页面显示处理装置20中,包括:获取模块21、处理模块22。获取模块21,用于获取页面中的设定图片的部分区域。处理模块22,用于将所述获取模块21获取的设定图片的部分区域设置在所述页面中经过镂空处理的图标的下层,以使所述图标显示所述设定图片的部分区域的颜色。其中,所述设定图片可以包括当前页面的横幅广告图片,所述图标可以包括与所述横幅广告图片相邻的图标或另一页面中的图标。由该实施例可见,本专利技术实施例的技术方案,通过获取页面中的设定图片的部分区域,将所述获取的设定图片的部分区域设置在所述页面中经过镂空处理的图标的下层,这样就可以使得所述图标显示所述设定图片的部分区域的颜色,那么图标显示的颜色就会与图片的颜色相同或相近,使得在同一个页面里形成界面视觉本文档来自技高网...
终端设备、页面显示处理装置及方法

【技术保护点】
一种终端设备,其特征在于,包括:存储器、触摸式显示屏和处理器;所述存储器,存储处理器获取的设定图片的部分区域;所述处理器,获取页面中的设定图片的部分区域,将所述获取的设定图片的部分区域设置在所述页面中经过镂空处理的图标的下层,以使在所述触摸式显示屏上,所述图标显示所述设定图片的部分区域的颜色。

【技术特征摘要】
1.一种终端设备,其特征在于,包括:存储器、触摸式显示屏和处理器;所述存储器,存储处理器获取的设定图片的部分区域;所述处理器,获取页面中的设定图片的部分区域,将所述获取的设定图片的部分区域设置在所述页面中经过镂空处理的图标的下层,以使在所述触摸式显示屏上,所述图标显示所述设定图片的部分区域的颜色。2.一种页面显示处理装置,其特征在于,包括:获取模块,用于获取页面中的设定图片的部分区域;处理模块,用于将所述获取模块获取的设定图片的部分区域设置在所述页面中经过镂空处理的图标的下层,以使所述图标显示所述设定图片的部分区域的颜色。3.根据权利要求2所述的装置,其特征在于:所述获取模块是持续获取页面中的颜色动态变化的设定图片的部分区域。4.根据权利要求2所述的装置,其特征在于:所述处理模块在所述页面中包含至少两个图标时,设置所述至少两个图标根据下层的所述设定图片的部分区域的颜色显示渐变填充效果。5.根据权利要求2所述的装置,其特征在于,所述获取模块包括:截取子模块,用于截取页面中的设定图片的部分区域;高斯处理子模块,用于对所述截取子模块截取的部分区域进行高斯模糊处理;滤镜子模块,用于对所述截取的部分区域添加滤镜层。6.根据权利要求2所述的装置,其特征在于,所述处理模块包括:切图子模块,用于将所述图标的形状区域内镂空变为透明,将所述图标的形状区域外设为非透明颜色;...

【专利技术属性】
技术研发人员:黄旭昇
申请(专利权)人:广州爱九游信息技术有限公司
类型:发明
国别省市:广东;44

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1