CN111930461A - 基于Android的移动端APP全量页面灰度化方法和装置 - Google Patents
基于Android的移动端APP全量页面灰度化方法和装置 Download PDFInfo
- Publication number
- CN111930461A CN111930461A CN202010811648.2A CN202010811648A CN111930461A CN 111930461 A CN111930461 A CN 111930461A CN 202010811648 A CN202010811648 A CN 202010811648A CN 111930461 A CN111930461 A CN 111930461A
- Authority
- CN
- China
- Prior art keywords
- page
- graying
- android
- mobile terminal
- pages
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Telephone Function (AREA)
Abstract
本发明提供一种基于Android的移动端APP全量页面灰度化方法和装置,该方法包括:从应用数据库或配置文件获取灰度化开关参数;判断该灰度化开关参数是否满足预设条件;若是,对移动端APP全量页面进行分类,分别对各类页面进行灰度化,通过设置灰度化开关参数,并对页面进行分类,针对各类页面分别进行灰度化,实现页面的全量灰度化,不影响***性能,防止***灰度化时出错。
Description
技术领域
本发明涉及人工智能技术领域,尤其涉及一种基于Android的移动端APP全量页面灰度化方法和装置。
背景技术
在某些特殊的日子里,全国的各大网站和移动端APP会“用网络的方式”缅怀逝者,需要实现APP灰度化显示效果。目前,大多数APP的实现方式都比较原始,没有统一高效的实现方法,例如淘宝、京东等APP多数采用首页灰度和图片灰度实现灰度化,大多数银行的APP都是采用业务人员手工维护替换首页图片为灰度图片实现灰度化,存在维护工作量大、无法支持APP各功能页面全量替换等问题。
发明内容
针对现有技术中的问题,本发明提供一种基于Android的移动端APP全量页面灰度化方法和装置、电子设备以及计算机可读存储介质,能够至少部分地解决现有技术中存在的问题。
为了实现上述目的,本发明采用如下技术方案:
第一方面,提供一种基于Android的移动端APP全量页面灰度化方法,包括:
从应用数据库或配置文件获取灰度化开关参数;
判断该灰度化开关参数是否满足预设条件;
若是,对移动端APP全量页面进行分类,分别对各类页面进行灰度化。
进一步地,该页面包括:C端页面、RN页面以及H5页面三类;
该分别对各类页面进行灰度化,包括:
利用画布技术对C端页面及其子页面进行绘制渲染;
利用View绘制API对RN页面及其子页面进行绘制渲染;
通过设置页面的顶层dom元素的css filter对H5页面进行灰度化。
进一步地,该利用画布技术对C端页面及其子页面进行绘制渲染,包括:
通过设置颜色过滤器的颜色饱和度配置画布中的画笔;
调用配置好的画布对C端页面及其子页面进行绘制渲染。
进一步地,该利用View绘制API对RN页面及其子页面进行绘制渲染,包括:
通过设置颜色过滤器的颜色饱和度配置View绘制API中的画笔;
调用配置好的View绘制API对RN页面及其子页面进行绘制渲染。
进一步地,该通过设置页面的顶层dom元素的css filter对H5页面进行灰度化,包括:
获取该H5页面的顶层dom元素;
通过CSS filter滤镜的方式,把该顶层dom元素的css filter属性设置为预设灰度转换参数。
第二方面,提供一种基于Android的移动端APP全量页面灰度化装置,包括:
灰度化开关参数获取模块,从应用数据库或配置文件获取灰度化开关参数;
判断模块,判断该灰度化开关参数是否满足预设条件;
分类模块,若灰度化开关参数满足预设条件,对移动端APP全量页面进行分类;
灰度化模块,分别对各类页面进行灰度化。
进一步地,该页面包括:C端页面、RN页面以及H5页面三类;
该灰度化模块包括:
C端灰度化单元,利用画布技术对C端页面及其子页面进行绘制渲染;
RN页面灰度化单元,利用View绘制API对RN页面及其子页面进行绘制渲染;
H5页面灰度化单元,通过设置页面的顶层dom元素的css filter对H5页面进行灰度化。
进一步地,该C端灰度化单元包括:
第一画笔设置子单元,通过设置颜色过滤器的颜色饱和度配置画布中的画笔;
C端绘制渲染子单元,调用配置好的画布对C端页面及其子页面进行绘制渲染。
进一步地,该RN页面灰度化单元包括:
第二画笔设置子单元,通过设置颜色过滤器的颜色饱和度配置View绘制API中的画笔;
RN页面绘制渲染子单元,调用配置好的View绘制API对RN页面及其子页面进行绘制渲染。
进一步地,该H5页面灰度化单元包括:
顶层dom元素获取子单元,获取该H5页面的顶层dom元素;
H5页面灰度化子单元,通过CSS filter滤镜的方式,把该顶层dom元素的cssfilter属性设置为预设灰度转换参数。
第三方面,提供一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,该处理器执行该程序时实现上述的基于Android的移动端APP全量页面灰度化方法的步骤。
第四方面,提供一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现上述的基于Android的移动端APP全量页面灰度化方法的步骤。
本发明提供的基于Android的移动端APP全量页面灰度化方法和装置,该方法包括:从应用数据库或配置文件获取灰度化开关参数;判断该灰度化开关参数是否满足预设条件;若是,对移动端APP全量页面进行分类,分别对各类页面进行灰度化,通过设置灰度化开关参数,并对页面进行分类,针对各类页面分别进行灰度化,实现页面的全量灰度化,不影响***性能,防止***灰度化时出错。
需要说明的是,本发明提供的基于Android的移动端APP全量页面灰度化方法和装置可用于金融领域,比如银行客户端,也可用于除金融领域之外的任意领域,比如购物APP或视频APP,本发明实施例中对应用领域不做限定。
为让本发明的上述和其他目的、特征和优点能更明显易懂,下文特举较佳实施例,并配合所附图式,作详细说明如下。
附图说明
为了更清楚地说明本申请实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。在附图中:
图1是本发明实施例中的基于Android的移动端APP全量页面灰度化方法的流程示意图一;
图2A是本发明实施例中的基于Android的移动端APP全量页面灰度化方法的流程示意图二;
图2B示出了安卓C端页面灰度化效果;
图2C示出了RN页面灰度化效果;
图2D示出了H5页面灰度化效果;
图3示出了图2A中步骤S410的具体步骤;
图4示出了图2A中步骤S420的具体步骤;
图5示出了图2A中步骤S430的具体步骤;
图6示出了本发明实施例中例举的一种基于Android的移动端APP全量页面灰度化方法的流程图;
图7示出了本发明实施例中对C端页面灰度化的流程;
图8示出了本发明实施例中对RN页面灰度化的流程;
图9示出了本发明实施例中对H5页面灰度化的流程;
图10是本发明实施例中的基于Android的移动端APP全量页面灰度化装置的结构框图;
图11示出了灰度化模块的具体结构;
图12示出了C端灰度化单元的具体结构;
图13示出了RN页面灰度化单元的具体结构;
图14示出了H5页面灰度化单元的具体结构;
图15为本发明实施例电子设备的结构图。
具体实施方式
为了使本技术领域的人员更好地理解本申请方案,下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本申请一部分的实施例,而不是全部的实施例。基于本申请中的实施例,本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例,都应当属于本申请保护的范围。
本领域内的技术人员应明白,本发明的实施例可提供为方法、***、或计算机程序产品。因此,本发明可采用完全硬件实施例、完全软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
需要说明的是,本申请的说明书和权利要求书及上述附图中的术语“包括”和“具有”以及他们的任何变形,意图在于覆盖不排他的包含,例如,包含了一系列步骤或单元的过程、方法、***、产品或设备不必限于清楚地列出的那些步骤或单元,而是可包括没有清楚地列出的或对于这些过程、方法、产品或设备固有的其它步骤或单元。
需要说明的是,在不冲突的情况下,本申请中的实施例及实施例中的特征可以相互组合。下面将参考附图并结合实施例来详细说明本申请。
灰度化处理是将一幅彩色图像转化为灰度图像的过程。彩色图像分为R,G,B三个分量,分别显示出红绿蓝等各种颜色,灰度化就是使彩色图像的R,G,B分量相等的过程。灰度值大的像素点比较亮(像素颜色值最大为255,为白色),反之比较暗(像素颜色值最小为0,为黑色)。
灰度图像的去色原理:当颜色RGB的三色通道的数值一样,即R=G=B,图像显示为灰色,同时为了保证图像的亮度,需要保证同一个通道中的R+G+B的结果接近1。
在App中,我们对于颜色的处理时会采用颜色矩阵,一个4*5的矩阵,如下所示:
该颜色矩阵应用到一个具体的颜色上,颜色的参数矩阵一般为,各参数分别表示R、B、G及透明度A,最终颜色计算如下:
灰度化效果可通过上述颜色矩阵计算实现。在Android中调用饱和度API实现颜色矩阵计算达到灰度效果。
本发明提供一种基于Android的移动端APP全量页面灰度化方法,可以通过一个简单的参数或者开关设置,就能实现整个Android***APP全量页面灰度化显示。
图1是本发明实施例中的基于Android的移动端APP全量页面灰度化方法的流程示意图一;如图1所示,该方法可以包括以下内容:
步骤S100:从应用数据库或配置文件获取灰度化开关参数;
具体地,用户登录APP时,***自动从应用数据库或者配置文件获取灰度化开关参数,以进行判断是否需对APP进行灰度化处理。
步骤S200:判断所述灰度化开关参数是否满足预设条件;
若是,执行步骤S300;否则,结束流程。
举例来说,如果灰度化开关参数标志为是,则***自动进入灰度化处理流程,对APP各种层次的页面进行全面的灰度化处理,如果灰度化开关参数标志为否,则结束灰度化流程,保持原样打开,不进行灰度化处理。
步骤S300:对移动端APP全量页面进行分类;
步骤S400:分别对各类页面进行灰度化。
本领域技术人员可以理解的是,基于不同技术架构,开发的页面种类不唯一,基于Android的移动端APP页面包括:C端页面、RN(React Native)页面以及H5页面三类;灰度化处理时对整个APP所有页面进行全量灰度化处理,包括安卓C端页面灰度化处理、安卓RN页面灰度化处理、H5页面灰度化三种不同的处理,涉及APP技术栈(Android,RN,H5,CSS)等技术领域。
经过灰度发处理后的APP,所有页面全面灰度化显示,达到想要的灰度效果。
通过设置灰度化开关参数,并对页面进行分类,针对各类页面分别进行灰度化,实现页面的全量灰度化,不影响***性能,防止***灰度化时出错。克服业界常用Android***APP灰度化的缺点,支持包括原生APP开发、WebApp开发、混合APP开发等各种开发方式开发的APP。
在一个可选的实施例中,灰度化处理包括:安卓C端灰度化处理、安卓RN页面灰度化处理、H5页面灰度化,自动根据APP页面的分类,分别调用相应的处理流程进行灰度化处理,从而实时显示出灰度化后的各种页面,参见图2A,该步骤S400可以包括以下内容:
步骤S410:利用画布技术对C端页面及其子页面进行绘制渲染;
安卓C端页面经过统一处理,整个安卓APP的C端所有页面和图片,都全量实现了灰度化显示。灰度化显示效果如图2B所示。
步骤S420:利用View绘制API对RN页面及其子页面进行绘制渲染;
安卓RN页面经过统一处理,整个安卓APP的RN页面和图片,都全量实现了灰度化显示。灰度化显示效果如图2C所示。
步骤S430:通过设置页面的顶层dom元素的css filter对H5页面进行灰度化。
H5页面灰度化后调用此恢显公共CSS代码,把H5页面全部灰显化。H5页面灰度化效果如图2D所示。
在一个可选的实施例中,参见图3,该步骤S410可以包括以下内容:
步骤S411:通过设置颜色过滤器的颜色饱和度配置画布中的画笔;
在灰度控制参数满足预设条件,需要进行灰度化时,调用C端灰度公共处理程序,具体地:
首先,创建***画笔Paint对象,画笔可用于调用安卓***绘图API,可以对***进行渲染。
然后,创建颜色过滤器ColorMatrixColorFilter对象,设置颜色过滤器颜色饱和度的参数值为0,当饱和度为0时,可实现显示图像灰度化。
之后,根据设置的颜色过滤器饱和度,画笔通过***自带的底层API把已设置好参数值的颜色过滤器传入到画笔中,后面用此画笔就能进行灰度绘制。
最后,创建***画布Canvas,重写***画布的draw及dispatchDraw,通过画布调用已设置好的画笔Paint实现画面布局的重新绘制渲染。
步骤S412:调用配置好的画布对C端页面及其子页面进行绘制渲染。
具体地,创建自定义布局GrayFrameLayout类(一种灰度框架层级),采用自定义布局方法,替换掉***Activity根布局的方式,调用已创建好的画布,重新进行客户端布局画面的绘制渲染,从而实现客户端的首页及其子页面都根据新画布的设置以灰度方式展示,实现灰度化效果。
在一个可选的实施例中,参见图4,该步骤S420可以包括以下内容:
步骤S421:通过设置颜色过滤器的颜色饱和度配置View绘制API中的画笔;
在灰度控制参数满足预设条件,需要进行灰度化时,调用RN页面灰度公共处理程序,具体地:
首先,创建***画笔Paint,画笔可用于调用安卓***绘图API,可以对***进行渲染。
其次,创建颜色过滤器ColorMatrixColorFilter,设置颜色过滤器颜色饱和度的参数值为0,当饱和度为0时,可实现显示图像灰度化。
最后,根据设置的颜色过滤器饱和度,画笔通过***自带的底层API把已设置好参数值的颜色过滤器传入到画笔中,后面用此画笔可进行灰度绘制。
步骤S422:调用配置好的View绘制API对RN页面及其子页面进行绘制渲染。
具体地,在安卓的View设置硬件加速时,传入已经设置好饱和度的画笔,通过Activity的DecorView调用View绘制API进行重新进行客户端画面的绘制渲染,从而实现RN页面的首页及其子页面都根据新的设置以灰度方式展示,实现灰度化效果。
在一个可选的实施例中,在灰度控制参数满足预设条件,需要进行灰度化时,调用应用的公共灰度CSS文件,具体地,参见图5,该步骤S430可以包括以下内容:
步骤S431:获取所述H5页面的顶层dom元素;
具体地,根据CSS样式的特性,获取***所有H5页面的顶层dom元素;
步骤S432:通过CSS filter滤镜的方式,把所述顶层dom元素的css filter属性设置为预设灰度转换参数。
通过CSS filter滤镜的方式,把顶层dom元素设置css filter属性为grayscale(100%),当grayscale值设置为100%时,代表整个页面全部灰度化显示。
所有H5的页面的顶层dom元素通过公共CSS文件设置为css filter属性为grayscale(100%)后,所有H5页面都会以灰度化的方式显示。
值得说明的是,filter属性将模糊或颜色偏移等图形效果应用于元素。通常用于调整图像、背景和边框的渲染。CSS标准里包含了一些已实现预定义效果的函数。其中,grayscale(amount)函数是对图片进行灰度转换,amount是转换值的大小,可以是number或percentage。当值为100%时,灰度最大。0%时与原图没有区别。0%到100%之间的值会使灰度线性变化。amount为空时会自动***0。
为了使本领域技术人员更好地理解本发明,下面举例对本发明实施例提供的基于Android的移动端APP全量页面灰度化方法进行说明:
参见图6,该基于Android的移动端APP全量页面灰度化方法包括:
步骤S101:打开APP,自动读取灰度开关标志;
步骤S102:是否进行灰度化;
若是,执行步骤S103:若否,结束。
步骤S103:灰度化处理;
步骤S104:APP全部页面和图片灰度显示。
参见图7,对C端页面进行灰度化时,包括:
步骤D101:创建画笔;
步骤D102:设置颜色饱和度;
步骤D103:画笔调用颜色过滤器;
步骤D104:重写***画布;
步骤D105:重新***根布局。
参见图8,对RN页面进行灰度化时,包括:
步骤T101:创建画笔;
步骤T102:设置颜色饱和度;
步骤T103:画笔调用颜色过滤器;
步骤T104:view视图层重新绘制灰度页面。
参见图9,对H5页面进行灰度化时,包括:
步骤P101:进入应用公共CSS;
步骤P102:获取***所有H5页面的顶层dom元素;
步骤P103:设置css filter属性;
步骤P104:所有H5页面灰度化显示。
基于同一发明构思,本申请实施例还提供了一种基于Android的移动端APP全量页面灰度化装置,可以用于实现上述实施例所描述的方法,如下面的实施例所述。由于基于Android的移动端APP全量页面灰度化装置解决问题的原理与上述方法相似,因此基于Android的移动端APP全量页面灰度化装置的实施可以参见上述方法的实施,重复之处不再赘述。以下所使用的,术语“单元”或者“模块”可以实现预定功能的软件和/或硬件的组合。尽管以下实施例所描述的装置较佳地以软件来实现,但是硬件,或者软件和硬件的组合的实现也是可能并被构想的。
图10是本发明实施例中的基于Android的移动端APP全量页面灰度化装置的结构框图一。如图10所示,该基于Android的移动端APP全量页面灰度化装置具体包括:灰度化开关参数获取模块10、判断模块20、分类模块30以及灰度化模块40。
灰度化开关参数获取模块10从应用数据库或配置文件获取灰度化开关参数;
判断模块20判断所述灰度化开关参数是否满足预设条件;
分类模块30若灰度化开关参数满足预设条件,对移动端APP全量页面进行分类;
灰度化模块40分别对各类页面进行灰度化。
通过设置灰度化开关参数,并对页面进行分类,针对各类页面分别进行灰度化,实现页面的全量灰度化,不影响***性能,防止***灰度化时出错。克服业界常用Android***APP灰度化的缺点,支持包括原生APP开发、WebApp开发、混合APP开发等各种开发方式开发的APP。
在一个可选的实施例中,参见图11,该灰度化模块包括:C端灰度化单元41、RN页面灰度化单元42以及H5页面灰度化单元43。
C端灰度化单元41利用画布技术对C端页面及其子页面进行绘制渲染;
RN页面灰度化单元42利用View绘制API对RN页面及其子页面进行绘制渲染;
H5页面灰度化单元43通过设置页面的顶层dom元素的css filter对H5页面进行灰度化。
在一个可选的实施例中,参见图12,该C端灰度化单元包括:第一画笔设置子单元41a以及C端绘制渲染子单元41b。
第一画笔设置子单元41a通过设置颜色过滤器的颜色饱和度配置画布中的画笔;
C端绘制渲染子单元41b调用配置好的画布对C端页面及其子页面进行绘制渲染。
在一个可选的实施例中,参见图13,该RN页面灰度化单元包括:第二画笔设置子单元42a以及RN页面绘制渲染子单元42b。
第二画笔设置子单元42a通过设置颜色过滤器的颜色饱和度配置View绘制API中的画笔;
RN页面绘制渲染子单元42b调用配置好的View绘制API对RN页面及其子页面进行绘制渲染。
在一个可选的实施例中,参见图14,该H5页面灰度化单元包括:顶层dom元素获取子单元43a以及H5页面灰度化子单元43b。
顶层dom元素获取子单元43a获取所述H5页面的顶层dom元素;
H5页面灰度化子单元43b通过CSS filter滤镜的方式,把所述顶层dom元素的cssfilter属性设置为预设灰度转换参数。
上述实施例阐明的装置、模块或单元,具体可以由计算机芯片或实体实现,或者由具有某种功能的产品来实现。一种典型的实现设备为电子设备,具体的,电子设备例如可以为个人计算机、膝上型计算机、蜂窝电话、相机电话、智能电话、个人数字助理、媒体播放器、导航设备、电子邮件设备、游戏控制台、平板计算机、可穿戴设备或者这些设备中的任何设备的组合。
在一个典型的实例中电子设备具体包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现上述基于Android的移动端APP全量页面灰度化方法的步骤。
下面参考图15,其示出了适于用来实现本申请实施例的电子设备600的结构示意图。
如图15所示,电子设备600包括中央处理单元(CPU)601,其可以根据存储在只读存储器(ROM)602中的程序或者从存储部分608加载到随机访问存储器(RAM))603中的程序而执行各种适当的工作和处理。在RAM603中,还存储有***600操作所需的各种程序和数据。CPU601、ROM602、以及RAM603通过总线604彼此相连。输入/输出(I/O)接口605也连接至总线604。
以下部件连接至I/O接口605:包括键盘、鼠标等的输入部分606;包括诸如阴极射线管(CRT)、液晶显示器(LCD)等以及扬声器等的输出部分607;包括硬盘等的存储部分608;以及包括诸如LAN卡,调制解调器等的网络接口卡的通信部分609。通信部分609经由诸如因特网的网络执行通信处理。驱动器610也根据需要连接至I/O接口605。可拆卸介质611,诸如磁盘、光盘、磁光盘、半导体存储器等等,根据需要安装在驱动器610上,以便于从其上读出的计算机程序根据需要被安装如存储部分608。
特别地,根据本发明的实施例,上文参考流程图描述的过程可以被实现为计算机软件程序。例如,本发明的实施例包括一种计算机可读存储介质,其上存储有计算机程序,该计算机程序被处理器执行时实现上述基于Android的移动端APP全量页面灰度化方法的步骤。
在这样的实施例中,该计算机程序可以通过通信部分609从网络上被下载和安装,和/或从可拆卸介质611被安装。
计算机可读介质包括永久性和非永久性、可移动和非可移动媒体可以由任何方法或技术来实现信息存储。信息可以是计算机可读指令、数据结构、程序的模块或其他数据。计算机的存储介质的例子包括,但不限于相变内存(PRAM)、静态随机存取存储器(SRAM)、动态随机存取存储器(DRAM)、其他类型的随机存取存储器(RAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、快闪记忆体或其他内存技术、只读光盘只读存储器(CD-ROM)、数字多功能光盘(DVD)或其他光学存储、磁盒式磁带,磁带磁磁盘存储或其他磁性存储设备或任何其他非传输介质,可用于存储可以被计算设备访问的信息。按照本文中的界定,计算机可读介质不包括暂存电脑可读媒体(transitory media),如调制的数据信号和载波。
为了描述的方便,描述以上装置时以功能分为各种单元分别描述。当然,在实施本申请时可以把各单元的功能在同一个或多个软件和/或硬件中实现。
本发明是参照根据本发明实施例的方法、设备(***)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
还需要说明的是,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、商品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、商品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、商品或者设备中还存在另外的相同要素。
本领域技术人员应明白,本申请的实施例可提供为方法、***或计算机程序产品。因此,本申请可采用完全硬件实施例、完全软件实施例或结合软件和硬件方面的实施例的形式。而且,本申请可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器、CD-ROM、光学存储器等)上实施的计算机程序产品的形式。
本申请可以在由计算机执行的计算机可执行指令的一般上下文中描述,例如程序模块。一般地,程序模块包括执行特定任务或实现特定抽象数据类型的例程、程序、对象、组件、数据结构等等。也可以在分布式计算环境中实践本申请,在这些分布式计算环境中,由通过通信网络而被连接的远程处理设备来执行任务。在分布式计算环境中,程序模块可以位于包括存储设备在内的本地和远程计算机存储介质中。
本说明书中的各个实施例均采用递进的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于***实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本申请的实施例而已,并不用于限制本申请。对于本领域技术人员来说,本申请可以有各种更改和变化。凡在本申请的精神和原理之内所作的任何修改、等同替换、改进等,均应包含在本申请的权利要求范围之内。
Claims (12)
1.一种基于Android的移动端APP全量页面灰度化方法,其特征在于,包括:
从应用数据库或配置文件获取灰度化开关参数;
判断所述灰度化开关参数是否满足预设条件;
若是,对移动端APP全量页面进行分类,分别对各类页面进行灰度化。
2.根据权利要求1所述的基于Android的移动端APP全量页面灰度化方法,其特征在于,所述页面包括:C端页面、RN页面以及H5页面三类;
所述分别对各类页面进行灰度化,包括:
利用画布技术对C端页面及其子页面进行绘制渲染;
利用View绘制API对RN页面及其子页面进行绘制渲染;
通过设置页面的顶层dom元素的css filter对H5页面进行灰度化。
3.根据权利要求2所述的基于Android的移动端APP全量页面灰度化方法,其特征在于,所述利用画布技术对C端页面及其子页面进行绘制渲染,包括:
通过设置颜色过滤器的颜色饱和度配置画布中的画笔;
调用配置好的画布对C端页面及其子页面进行绘制渲染。
4.根据权利要求2所述的基于Android的移动端APP全量页面灰度化方法,其特征在于,所述利用View绘制API对RN页面及其子页面进行绘制渲染,包括:
通过设置颜色过滤器的颜色饱和度配置View绘制API中的画笔;
调用配置好的View绘制API对RN页面及其子页面进行绘制渲染。
5.根据权利要求2所述的基于Android的移动端APP全量页面灰度化方法,其特征在于,所述通过设置页面的顶层dom元素的css filter对H5页面进行灰度化,包括:
获取所述H5页面的顶层dom元素;
通过CSS filter滤镜的方式,把所述顶层dom元素的css filter属性设置为预设灰度转换参数。
6.一种基于Android的移动端APP全量页面灰度化装置,其特征在于,包括:
灰度化开关参数获取模块,从应用数据库或配置文件获取灰度化开关参数;
判断模块,判断所述灰度化开关参数是否满足预设条件;
分类模块,若灰度化开关参数满足预设条件,对移动端APP全量页面进行分类;
灰度化模块,分别对各类页面进行灰度化。
7.根据权利要求6所述的基于Android的移动端APP全量页面灰度化装置,其特征在于,所述页面包括:C端页面、RN页面以及H5页面三类;
所述灰度化模块包括:
C端灰度化单元,利用画布技术对C端页面及其子页面进行绘制渲染;
RN页面灰度化单元,利用View绘制API对RN页面及其子页面进行绘制渲染;
H5页面灰度化单元,通过设置页面的顶层dom元素的css filter对H5页面进行灰度化。
8.根据权利要求7所述的基于Android的移动端APP全量页面灰度化装置,其特征在于,所述C端灰度化单元包括:
第一画笔设置子单元,通过设置颜色过滤器的颜色饱和度配置画布中的画笔;
C端绘制渲染子单元,调用配置好的画布对C端页面及其子页面进行绘制渲染。
9.根据权利要求7所述的基于Android的移动端APP全量页面灰度化装置,其特征在于,所述RN页面灰度化单元包括:
第二画笔设置子单元,通过设置颜色过滤器的颜色饱和度配置View绘制API中的画笔;
RN页面绘制渲染子单元,调用配置好的View绘制API对RN页面及其子页面进行绘制渲染。
10.根据权利要求7所述的基于Android的移动端APP全量页面灰度化装置,其特征在于,所述H5页面灰度化单元包括:
顶层dom元素获取子单元,获取所述H5页面的顶层dom元素;
H5页面灰度化子单元,通过CSS filter滤镜的方式,把所述顶层dom元素的css filter属性设置为预设灰度转换参数。
11.一种电子设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现权利要求1至5任一项所述的基于Android的移动端APP全量页面灰度化方法的步骤。
12.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该计算机程序被处理器执行时实现权利要求1至5任一项所述的基于Android的移动端APP全量页面灰度化方法的步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010811648.2A CN111930461B (zh) | 2020-08-13 | 2020-08-13 | 基于Android的移动端APP全量页面灰度化方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010811648.2A CN111930461B (zh) | 2020-08-13 | 2020-08-13 | 基于Android的移动端APP全量页面灰度化方法和装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN111930461A true CN111930461A (zh) | 2020-11-13 |
CN111930461B CN111930461B (zh) | 2023-09-15 |
Family
ID=73311665
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010811648.2A Active CN111930461B (zh) | 2020-08-13 | 2020-08-13 | 基于Android的移动端APP全量页面灰度化方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111930461B (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114237799A (zh) * | 2021-12-20 | 2022-03-25 | 湖南快乐阳光互动娱乐传媒有限公司 | 一种页面指定区域灰度化方法及装置 |
Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103761079A (zh) * | 2013-12-12 | 2014-04-30 | 北京奇虎科技有限公司 | 页面自动变灰的方法和装置 |
-
2020
- 2020-08-13 CN CN202010811648.2A patent/CN111930461B/zh active Active
Patent Citations (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103761079A (zh) * | 2013-12-12 | 2014-04-30 | 北京奇虎科技有限公司 | 页面自动变灰的方法和装置 |
Non-Patent Citations (2)
Title |
---|
XUWENNENG: "android图片的灰度化处理", pages 1 - 2, Retrieved from the Internet <URL:https://blog.csdn.net/xuwenneng/article/details/52634979> * |
攻城ALONE: "CSS实现网页变灰的效果", pages 1 - 4, Retrieved from the Internet <URL:https://www.cnblogs.com/aloneer/p/13452315.html> * |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN114237799A (zh) * | 2021-12-20 | 2022-03-25 | 湖南快乐阳光互动娱乐传媒有限公司 | 一种页面指定区域灰度化方法及装置 |
CN114237799B (zh) * | 2021-12-20 | 2024-01-16 | 湖南快乐阳光互动娱乐传媒有限公司 | 一种页面指定区域灰度化方法及装置 |
Also Published As
Publication number | Publication date |
---|---|
CN111930461B (zh) | 2023-09-15 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109472839B (zh) | 图像生成方法和装置、计算机设备和计算机存储介质 | |
CN115831061B (zh) | 墨水屏显示方法、装置、终端设备和存储介质 | |
CN116052605A (zh) | 墨水屏刷新方法、装置、墨水屏设备及存储介质 | |
CN111090384B (zh) | 软键盘的显示方法及装置 | |
US11481927B2 (en) | Method and apparatus for determining text color | |
CN111930461B (zh) | 基于Android的移动端APP全量页面灰度化方法和装置 | |
CN105589667A (zh) | 对显示设备的显示图像进行截屏的方法及装置 | |
CN113053322B (zh) | 一种电子墨水屏的显示优化方法及相关装置 | |
CN106296757A (zh) | 一种图像处理方法和装置 | |
CN110765384A (zh) | 客户端的分辨率适配方法、存储介质及终端 | |
CN112819691B (zh) | 图像处理方法、装置、设备及可读存储介质 | |
CN113626129A (zh) | 一种页面颜色的确定方法、装置及电子设备 | |
CN110880164A (zh) | 一种图像处理方法、装置、设备及计算机存储介质 | |
CN117611703A (zh) | 弹幕字符的渲染方法、装置、设备、存储介质及程序产品 | |
CN111068314B (zh) | 一种基于Unity的NGUI资源渲染处理方法及装置 | |
CN115509474A (zh) | 题目显示方法、装置、存储介质以及电子设备 | |
CN112686939A (zh) | 景深图像的渲染方法、装置、设备及计算机可读存储介质 | |
CN111949353A (zh) | 基于iOS的移动端APP全量页面灰度化方法和装置 | |
CN111930462A (zh) | Pc端全量页面灰度化方法和装置 | |
CN114307143A (zh) | 图像处理方法及装置、存储介质、计算机设备 | |
CN111338627B (zh) | 前端网页主题颜色调节方法及装置 | |
CN114489910A (zh) | 一种视频会议数据显示方法、装置、设备及介质 | |
US11217205B2 (en) | Method and apparatus for rendering contents for vision accessibility | |
CN110975284A (zh) | 一种基于Unity的NGUI资源渲染处理方法及装置 | |
CN112162719A (zh) | 显示内容渲染方法及装置、计算机可读介质和电子设备 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |