CN113569169A - 一种页面显示方法和装置 - Google Patents
一种页面显示方法和装置 Download PDFInfo
- Publication number
- CN113569169A CN113569169A CN202110862604.7A CN202110862604A CN113569169A CN 113569169 A CN113569169 A CN 113569169A CN 202110862604 A CN202110862604 A CN 202110862604A CN 113569169 A CN113569169 A CN 113569169A
- Authority
- CN
- China
- Prior art keywords
- target
- picture object
- terminal
- color
- original
- 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.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 56
- 238000009877 rendering Methods 0.000 claims abstract description 51
- 238000004891 communication Methods 0.000 claims description 19
- 238000004590 computer program Methods 0.000 claims description 14
- 230000006870 function Effects 0.000 claims description 14
- 230000008569 process Effects 0.000 claims description 9
- 238000012545 processing Methods 0.000 claims description 8
- 230000009471 action Effects 0.000 description 3
- 238000004380 ashing Methods 0.000 description 3
- 238000010586 diagram Methods 0.000 description 3
- 238000013500 data storage Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 239000000835 fiber Substances 0.000 description 1
- 230000006872 improvement Effects 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
Images
Classifications
-
- 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/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/001—Texturing; Colouring; Generation of texture or colour
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/40—Filling a planar surface by adding surface attributes, e.g. colour or texture
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- General Engineering & Computer Science (AREA)
- Facsimile Image Signal Circuits (AREA)
Abstract
本发明实施例提供了一种页面显示方法和装置,应用于终端,涉及计算机技术领域,方法包括:获取待显示的目标页面中的原始图片对象;创建灰度色彩空间;基于灰度色彩空间和原始图片对象的尺寸大小,生成对应的位图图形上下文;将原始图片对象写入位图图形上下文,得到对应的灰度图,作为目标图片对象;基于目标图片对象进行渲染,以在终端中显示灰白模式的目标页面。基于此,能够以灰白模式显示目标页面,降低成本,提高显示灰白模式的页面的效率。
Description
技术领域
本发明涉及计算机技术领域,特别是涉及一种页面显示方法和装置。
背景技术
随着移动终端的快速发展,用户可以通过移动终端中的应用程序访问网络。例如,用户可以通过视频类应用程序观看视频,或者,也可以通过音乐类应用程序播放音乐。
在一些场景中,需要将应用程序的页面切换为指定模式,例如,在纪念日等特殊的日期,需要将应用程序的页面设置为灰白模式。
发明内容
本发明实施例的目的在于提供一种页面显示方法和装置,以显示灰白模式的页面。具体技术方案如下:
在本发明实施的第一方面,首先提供了一种页面显示方法,所述方法应用于终端,所述方法包括:
获取待显示的目标页面中的原始图片对象;
创建灰度色彩空间;
基于所述灰度色彩空间和所述原始图片对象的尺寸大小,生成对应的位图图形上下文;
将所述原始图片对象写入所述位图图形上下文,得到对应的灰度图,作为目标图片对象;
基于所述目标图片对象进行渲染,以在所述终端中显示灰白模式的目标页面。
可选的,在所述基于所述目标图片对象进行渲染,以在所述终端中显示灰白模式的目标页面之前,所述方法还包括:
获取所述目标页面中除所述原始图片对象以外的非图片对象,以及获取用于表示所述非图片对象的颜色的颜色对象,作为原始颜色对象;
获取所述原始颜色对象对应的灰度值,得到目标颜色对象;
所述基于所述目标图片对象进行渲染,以在所述终端中显示灰白模式的目标页面,包括:
基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面。
可选的,所述获取所述原始颜色对象对应的灰度值,得到目标颜色对象,包括:
调用所述终端提供的灰度值获取函数,对所述原始颜色对象进行处理,得到目标颜色对象。
可选的,在所述基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面之前,所述方法还包括:
判断所述终端是否开启灰白模式;
所述基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面,包括:
在开启灰白模式的情况下,基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面;
所述方法还包括:
若未开启灰白模式,则基于所述原始图片对象、所述原始颜色对象和所述非图片对象进行渲染,以在所述终端中显示非灰白模式的目标页面。
在本发明实施的第二方面,还提供了一种页面显示装置,所述装置应用于终端,所述装置包括:
原始图片对象获取模块,用于获取待显示的目标页面中的原始图片对象;
创建模块,用于创建灰度色彩空间;
生成模块,用于基于所述灰度色彩空间和所述原始图片对象的尺寸大小,生成对应的位图图形上下文;
目标图片对象获取模块,用于将所述原始图片对象写入所述位图图形上下文,得到对应的灰度图,作为目标图片对象;
第一渲染模块,用于基于所述目标图片对象进行渲染,以在所述终端中显示灰白模式的目标页面。
可选的,所述装置还包括:
原始颜色对象获取模块,用于在所述基于所述目标图片对象进行渲染,以在所述终端中显示灰白模式的目标页面之前,获取所述目标页面中除所述原始图片对象以外的非图片对象,以及获取用于表示所述非图片对象的颜色的颜色对象,作为原始颜色对象;
目标颜色对象获取模块,用于获取所述原始颜色对象对应的灰度值,得到目标颜色对象;
所述第一渲染模块,具体用于基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面。
可选的,所述目标颜色对象获取模块,具体用于调用所述终端提供的灰度值获取函数,对所述原始颜色对象进行处理,得到目标颜色对象。
可选的,所述装置还包括:
判断模块,用于在所述基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面之前,判断所述终端是否开启灰白模式;
所述第一渲染模块,具体用于在开启灰白模式的情况下,基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面;
所述装置还包括:
第二渲染模块,用于若未开启灰白模式,则基于所述原始图片对象、所述原始颜色对象和所述非图片对象进行渲染,以在所述终端中显示非灰白模式的目标页面。
在本发明实施的又一方面,还提供了一种终端,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现上述任一所述的页面显示方法。
在本发明实施的又一方面,还提供了一种计算机可读存储介质,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现上述任一所述的页面显示方法。
在本发明实施的又一方面,还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述任一所述的页面显示方法。
本发明实施例提供的页面显示方法,可以获取待显示的目标页面中的原始图片对象;创建灰度色彩空间;基于灰度色彩空间和原始图片对象的尺寸大小,生成对应的位图图形上下文;将原始图片对象写入位图图形上下文,得到对应的灰度图,作为目标图片对象;基于目标图片对象进行渲染,以在终端中显示灰白模式的目标页面。
基于上述处理,能够以灰白模式显示目标页面,且并不需要技术人员手动生成原始图片对象对应的灰度图,以及向终端下发该灰度图,能够降低成本,提高显示灰白模式的页面的效率。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍。
图1为本发明实施例提供的一种页面显示方法的流程图;
图2为本发明实施例提供的另一种页面显示方法的流程图;
图3为本发明实施例提供的一种页面显示方法示例的流程图;
图4为本发明实施例提供的一种页面显示装置的结构图;
图5为本发明实施例提供的一种终端的结构图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行描述。
本发明实施例提供了一种页面显示方法,该方法可以应用于终端,该终端可以为智能手机、平板电脑等设备。该终端可以基于页面向用户显示网络资源,例如,图片、文字等信息。
参见图1,图1为本发明实施例提供的一种页面显示方法的流程图,该方法可以包括以下步骤:
S101:获取待显示的目标页面中的原始图片对象。
S102:创建灰度色彩空间。
S103:基于灰度色彩空间和原始图片对象的尺寸大小,生成对应的位图图形上下文。
S104:将原始图片对象写入位图图形上下文,得到对应的灰度图,作为目标图片对象。
S105:基于目标图片对象进行渲染,以在终端中显示灰白模式的目标页面。
基于本发明实施例提供的页面显示方法,能够以灰白模式显示目标页面,且并不需要技术人员手动生成原始图片对象对应的灰度图,以及向终端下发该灰度图,能够降低成本,提高显示灰白模式的页面的效率。
针对步骤S101,目标页面可以为终端中安装的应用程序的页面,目标页面中的原始图片对象,也就是,目标页面中包含的原始的彩色图片。其中,原始图片对象可以为一个,也可以为多个。
在一个实施例中,终端可以通过动态hook(钩子)的方式,截取终端原生的对象获取函数所获取的原始图片对象。
针对步骤S102,在一个实施例中,针对IOS系统,可以基于CGColorSpaceCreateDeviceGray(色彩空间创建方法灰色)函数生成灰度色彩空间。
创建灰度色彩空间,使得位图图形上下文可以基于该灰度色彩空间对表示灰度的像素值进行解释。
针对步骤S103,一个实施例中,针对IOS系统,可以基于CGBitmapCont extCreate(位图图形上下文创建)函数创建位图图形上下文。
该位图图形上下文的参数,可以包含原始图片对象的尺寸大小(即宽度和高度),以及创建的灰度色彩空间。
位图图形上下文表示当前的位图绘制环境。该步骤中创建的位图图形上下文,可以理解为一个灰度色彩空间对应的,且尺寸大小与原始图片对象一致的画布。
另外,该位图图形上下文的参数还可以包括:data(数据),表示指向要渲染的绘制内存的地址;bitsPerComponent(组件的位数),表示内存中像素的每个组件的位数;bitmapInfo(位图的布局信息),表示是否包含透明通道。
针对步骤S104,将原始图片对象写入上述位图图形上下文,也就可以基于该位图图形上下文对原始图片对象进行灰化处理,得到对应的灰度图。
具体的,对原始图片对象进行解码,得到每一像素点的像素值,然后,对像素值进行二进制化处理,进而,可以计算二进制化后的像素值对应的灰度值。即,可以得到每一像素点对应的灰度值,也就可以得到原始图片对象对应的灰度图(即目标图片对象)。
另外,目标页面中除图片对象以外,还可以包含其他对象。例如,目标页面中的对象还可以包括文字、背景、表格等,这类对象可以称为非图片对象。因此,为了实现目标页面整体上的灰白模式,还可以对非图片对象进行灰化处理。
在一个实施例中,在图1的基础上,参见图2,在上述步骤S105之前,该方法还可以包括以下步骤:
S106:获取目标页面中除原始图片对象以外的非图片对象,以及获取用于表示非图片对象的颜色的颜色对象,作为原始颜色对象。
S107:获取原始颜色对象对应的灰度值,得到目标颜色对象。
相应的,上述步骤S105可以包括:
S1051:基于目标图片对象、目标颜色对象和非图片对象进行渲染,以在终端中显示灰白模式的目标页面。
在本发明实施例中,终端可以通过动态hook的方式,截取终端原生的对象获取函数所获取的非图片对象和对应的原始颜色对象。
目标页面中的每一非图片对象可以对应一个颜色对象(即原始颜色对象),该颜色对象用于表示该非图片对象的颜色,例如,该颜色对象包括对应的非图片对象的像素值。
因此,针对每一非图片对象,可以获取该非图片对象的原始颜色对象对应的灰度值(即目标颜色对象),进而,可以基于目标颜色对象对该非图片对象进行渲染,得到灰白模式的该非图片对象。
基于上述处理,可以对目标页面中的图片对象和非图片对象进行灰化处理,也就能够实现目标页面整体上的灰白模式。
在一个实施例中,针对上述步骤S107,终端可以基于预设公式计算原始颜色对象对应的灰度值,得到目标颜色对象。
例如,预设公式可以为公式(1)。
Gray = R×0.299+G×0.587+B×0.114 (1)
其中,Gray表示灰度值,R表示原始颜色对象中红色通道的像素值、G表示原始颜色对象中绿色通道的像素值、B表示原始颜色对象中蓝色通道的像素值。
在另一个实施例中,上述步骤S107可以包括以下步骤:
调用终端提供的灰度值获取函数,对原始颜色对象进行处理,得到目标颜色对象。
其中,灰度值获取函数,用于计算原始颜色对象对应的灰度值。
在一个实施例中,针对IOS系统,可以调用Get White(获取白色)函数,以基于该函数对原始颜色对象进行处理,可以得到对应的灰度值(即目标颜色对象)。
在一个实施例中,在上述步骤S1051之前,该方法还可以包括以下步骤:
步骤一:判断终端是否开启灰白模式。
相应的,上述步骤S1051可以包括以下步骤:
在开启灰白模式的情况下,基于目标图片对象、目标颜色对象和非图片对象进行渲染,以在终端中显示灰白模式的目标页面。
进而,该方法还可以包括以下步骤:若未开启灰白模式,则基于原始图片对象、原始颜色对象和非图片对象进行渲染,以在终端中显示非灰白模式的目标页面。
在本发明实施例中,终端还可以检测当前是否开启灰白模式。
一种实现方式中,若预定时刻时,终端需要以灰白模式显示页面,则当终端检测到当前达到预设时刻时,可以确定开启灰白模式。
一种实现方式中,当终端接收到用户的灰白模式开启指令时,也可以确定开启灰白模式。
此时,终端则可以基于目标图片对象、目标颜色对象和非图片对象进行渲染,以显示灰白模式的目标页面。
相应的,若未开启灰白模式,则终端基于原始图片对象、原始颜色对象和非图片对象进行渲染,以显示非灰白模式(即彩色模式)的目标页面。
参见图3,图3为本发明实施例提供的一种页面显示方法示例的流程图。
在应用程序启动后,终端可以判断是否开启灰白模式。
若未开启灰白模式,则可以进行界面加载,即,获取目标页面中包含的对象的数据。
然后,可以生成UIKit(User Interface Kit,用户界面颜色装置),即,生成目标页面中对象对应的控件。进而,则可以基于上述对象的数据,生成UIColor(User InterfaceColor,用户界面颜色)源对象(即原始颜色对象)和UIImage(User Interface Image,用户界面图片)源对象(即原始图片对象),并使用原始UIColor与UIImage进行渲染。
若开启灰白模式,则可以执行动态hook方法,以获取目标页面中的对象。然后,可以进行界面加载,并生成UIKit对象,进而,生成UIColor源对象(即原始颜色对象)和UIImage源对象(即原始图片对象)。
然后,针对原始颜色对象,可以获取灰色色值参数,并生成灰色UIColor对象,即,获取原始颜色对象对应的灰度值,得到目标颜色对象。针对原始图片对象,可以生成灰色色值空间,生成新的图像上下文,并对源图解码生成灰白像素值写入上下文,获取灰白UIImage对象,即,创建灰度色彩空间,并生成对应的位图图形上下文,将原始图片对象写入位图图形上下文,得到目标图片对象。
进而,可以使用处理后的UIColor与UIImage进行渲染,即,基于目标图片对象、目标颜色对象和非图片对象进行渲染。
基于相同的发明构思,本发明实施例还提供了一种页面显示装置,该装置应用于终端,参见图4,图4为本发明实施例提供的一种页面显示装置的结构图,包括:
原始图片对象获取模块401,用于获取待显示的目标页面中的原始图片对象;
创建模块402,用于创建灰度色彩空间;
生成模块403,用于基于所述灰度色彩空间和所述原始图片对象的尺寸大小,生成对应的位图图形上下文;
目标图片对象获取模块404,用于将所述原始图片对象写入所述位图图形上下文,得到对应的灰度图,作为目标图片对象;
第一渲染模块405,用于基于所述目标图片对象进行渲染,以在所述终端中显示灰白模式的目标页面。
可选的,所述装置还包括:
原始颜色对象获取模块,用于在所述基于所述目标图片对象进行渲染,以在所述终端中显示灰白模式的目标页面之前,获取所述目标页面中除所述原始图片对象以外的非图片对象,以及获取用于表示所述非图片对象的颜色的颜色对象,作为原始颜色对象;
目标颜色对象获取模块,用于获取所述原始颜色对象对应的灰度值,得到目标颜色对象;
所述第一渲染模块405,具体用于基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面。
可选的,所述目标颜色对象获取模块,具体用于调用所述终端提供的灰度值获取函数,对所述原始颜色对象进行处理,得到目标颜色对象。
可选的,所述装置还包括:
判断模块,用于在所述基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面之前,判断所述终端是否开启灰白模式;
所述第一渲染模块405,具体用于在开启灰白模式的情况下,基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面;
所述装置还包括:
第二渲染模块,用于若未开启灰白模式,则基于所述原始图片对象、所述原始颜色对象和所述非图片对象进行渲染,以在所述终端中显示非灰白模式的目标页面。
本发明实施例还提供了一种终端,如图5所示,包括处理器501、通信接口502、存储器503和通信总线504,其中,处理器501,通信接口502,存储器503通过通信总线504完成相互间的通信,
存储器503,用于存放计算机程序;
处理器501,用于执行存储器503上所存放的程序时,实现如下步骤:
获取待显示的目标页面中的原始图片对象;
创建灰度色彩空间;
基于所述灰度色彩空间和所述原始图片对象的尺寸大小,生成对应的位图图形上下文;
将所述原始图片对象写入所述位图图形上下文,得到对应的灰度图,作为目标图片对象;
基于所述目标图片对象进行渲染,以在所述终端中显示灰白模式的目标页面。
上述终端提到的通信总线可以是外设部件互连标准(Peripheral ComponentInterconnect,简称PCI)总线或扩展工业标准结构(Extended Industry StandardArchitecture,简称EISA)总线等。该通信总线可以分为地址总线、数据总线、控制总线等。为便于表示,图中仅用一条粗线表示,但并不表示仅有一根总线或一种类型的总线。
通信接口用于上述终端与其他设备之间的通信。
存储器可以包括随机存取存储器(Random Access Memory,简称RAM),也可以包括非易失性存储器(non-volatile memory),例如至少一个磁盘存储器。可选的,存储器还可以是至少一个位于远离前述处理器的存储装置。
上述的处理器可以是通用处理器,包括中央处理器(Central Processing Unit,简称CPU)、网络处理器(Network Processor,简称NP)等;还可以是数字信号处理器(Digital Signal Processor,简称DSP)、专用集成电路(Application SpecificIntegrated Circuit,简称ASIC)、现场可编程门阵列(Field-Programmable Gate Array,简称FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。
在本发明提供的又一实施例中,还提供了一种计算机可读存储介质,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现上述实施例中任一所述的页面显示方法。
在本发明提供的又一实施例中,还提供了一种包含指令的计算机程序产品,当其在计算机上运行时,使得计算机执行上述实施例中任一所述的页面显示方法。
在上述实施例中,可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时,可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时,全部或部分地产生按照本发明实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中,或者从一个计算机可读存储介质向另一个计算机可读存储介质传输,例如,所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线(DSL))或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质,(例如,软盘、硬盘、磁带)、光介质(例如,DVD)、或者半导体介质(例如固态硬盘Solid State Disk(SSD))等。
需要说明的是,在本文中,诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来,而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本说明书中的各个实施例均采用相关的方式描述,各个实施例之间相同相似的部分互相参见即可,每个实施例重点说明的都是与其他实施例的不同之处。尤其,对于装置、终端、计算机可读存储介质以及计算机程序产品实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。
Claims (10)
1.一种页面显示方法,其特征在于,所述方法应用于终端,所述方法包括:
获取待显示的目标页面中的原始图片对象;
创建灰度色彩空间;
基于所述灰度色彩空间和所述原始图片对象的尺寸大小,生成对应的位图图形上下文;
将所述原始图片对象写入所述位图图形上下文,得到对应的灰度图,作为目标图片对象;
基于所述目标图片对象进行渲染,以在所述终端中显示灰白模式的目标页面。
2.根据权利要求1所述的方法,其特征在于,在所述基于所述目标图片对象进行渲染,以在所述终端中显示灰白模式的目标页面之前,所述方法还包括:
获取所述目标页面中除所述原始图片对象以外的非图片对象,以及获取用于表示所述非图片对象的颜色的颜色对象,作为原始颜色对象;
获取所述原始颜色对象对应的灰度值,得到目标颜色对象;
所述基于所述目标图片对象进行渲染,以在所述终端中显示灰白模式的目标页面,包括:
基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面。
3.根据权利要求2所述的方法,其特征在于,所述获取所述原始颜色对象对应的灰度值,得到目标颜色对象,包括:
调用所述终端提供的灰度值获取函数,对所述原始颜色对象进行处理,得到目标颜色对象。
4.根据权利要求2所述的方法,其特征在于,在所述基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面之前,所述方法还包括:
判断所述终端是否开启灰白模式;
所述基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面,包括:
在开启灰白模式的情况下,基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面;
所述方法还包括:
若未开启灰白模式,则基于所述原始图片对象、所述原始颜色对象和所述非图片对象进行渲染,以在所述终端中显示非灰白模式的目标页面。
5.一种页面显示装置,其特征在于,所述装置应用于终端,所述装置包括:
原始图片对象获取模块,用于获取待显示的目标页面中的原始图片对象;
创建模块,用于创建灰度色彩空间;
生成模块,用于基于所述灰度色彩空间和所述原始图片对象的尺寸大小,生成对应的位图图形上下文;
目标图片对象获取模块,用于将所述原始图片对象写入所述位图图形上下文,得到对应的灰度图,作为目标图片对象;
第一渲染模块,用于基于所述目标图片对象进行渲染,以在所述终端中显示灰白模式的目标页面。
6.根据权利要求5所述的装置,其特征在于,所述装置还包括:
原始颜色对象获取模块,用于在所述基于所述目标图片对象进行渲染,以在所述终端中显示灰白模式的目标页面之前,获取所述目标页面中除所述原始图片对象以外的非图片对象,以及获取用于表示所述非图片对象的颜色的颜色对象,作为原始颜色对象;
目标颜色对象获取模块,用于获取所述原始颜色对象对应的灰度值,得到目标颜色对象;
所述第一渲染模块,具体用于基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面。
7.根据权利要求6所述的装置,其特征在于,所述目标颜色对象获取模块,具体用于调用所述终端提供的灰度值获取函数,对所述原始颜色对象进行处理,得到目标颜色对象。
8.根据权利要求6所述的装置,其特征在于,所述装置还包括:
判断模块,用于在所述基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面之前,判断所述终端是否开启灰白模式;
所述第一渲染模块,具体用于在开启灰白模式的情况下,基于所述目标图片对象、所述目标颜色对象和所述非图片对象进行渲染,以在所述终端中显示灰白模式的目标页面;
所述装置还包括:
第二渲染模块,用于若未开启灰白模式,则基于所述原始图片对象、所述原始颜色对象和所述非图片对象进行渲染,以在所述终端中显示非灰白模式的目标页面。
9.一种终端,其特征在于,包括处理器、通信接口、存储器和通信总线,其中,处理器,通信接口,存储器通过通信总线完成相互间的通信;
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现权利要求1-4任一所述的方法步骤。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现权利要求1-4任一所述的方法步骤。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110862604.7A CN113569169A (zh) | 2021-07-29 | 2021-07-29 | 一种页面显示方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202110862604.7A CN113569169A (zh) | 2021-07-29 | 2021-07-29 | 一种页面显示方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN113569169A true CN113569169A (zh) | 2021-10-29 |
Family
ID=78168859
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202110862604.7A Pending CN113569169A (zh) | 2021-07-29 | 2021-07-29 | 一种页面显示方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN113569169A (zh) |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103761079A (zh) * | 2013-12-12 | 2014-04-30 | 北京奇虎科技有限公司 | 页面自动变灰的方法和装置 |
CN104850372A (zh) * | 2014-02-18 | 2015-08-19 | 腾讯科技(深圳)有限公司 | 页面显示方法和装置 |
CN105094759A (zh) * | 2014-04-29 | 2015-11-25 | 广州市动景计算机科技有限公司 | 一种浏览模式切换处理方法及装置 |
CN111427573A (zh) * | 2020-03-09 | 2020-07-17 | 南京贝湾信息科技有限公司 | 一种模式生成方法、计算设备及存储介质 |
CN111597002A (zh) * | 2020-05-15 | 2020-08-28 | 北京奇艺世纪科技有限公司 | 一种页面渲染方法、装置、电子设备及存储介质 |
CN111833417A (zh) * | 2020-07-14 | 2020-10-27 | 广州探途网络技术有限公司 | 安卓应用程序实现黑白模式的方法及系统 |
CN111949353A (zh) * | 2020-08-13 | 2020-11-17 | 中国工商银行股份有限公司 | 基于iOS的移动端APP全量页面灰度化方法和装置 |
CN112965779A (zh) * | 2021-03-26 | 2021-06-15 | 网易(杭州)网络有限公司 | 页面模式切换方法、装置和设备 |
-
2021
- 2021-07-29 CN CN202110862604.7A patent/CN113569169A/zh active Pending
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103761079A (zh) * | 2013-12-12 | 2014-04-30 | 北京奇虎科技有限公司 | 页面自动变灰的方法和装置 |
CN104850372A (zh) * | 2014-02-18 | 2015-08-19 | 腾讯科技(深圳)有限公司 | 页面显示方法和装置 |
CN105094759A (zh) * | 2014-04-29 | 2015-11-25 | 广州市动景计算机科技有限公司 | 一种浏览模式切换处理方法及装置 |
CN111427573A (zh) * | 2020-03-09 | 2020-07-17 | 南京贝湾信息科技有限公司 | 一种模式生成方法、计算设备及存储介质 |
CN111597002A (zh) * | 2020-05-15 | 2020-08-28 | 北京奇艺世纪科技有限公司 | 一种页面渲染方法、装置、电子设备及存储介质 |
CN111833417A (zh) * | 2020-07-14 | 2020-10-27 | 广州探途网络技术有限公司 | 安卓应用程序实现黑白模式的方法及系统 |
CN111949353A (zh) * | 2020-08-13 | 2020-11-17 | 中国工商银行股份有限公司 | 基于iOS的移动端APP全量页面灰度化方法和装置 |
CN112965779A (zh) * | 2021-03-26 | 2021-06-15 | 网易(杭州)网络有限公司 | 页面模式切换方法、装置和设备 |
Non-Patent Citations (5)
Title |
---|
WEIXIN_30834783: "Xcode9学习笔记51 - 将一张普通的图片转换成灰度图片CGColorSpaceCreateDeviceGray", pages 1, Retrieved from the Internet <URL:https://blog.csdn.net/weixin_30834783/article/details/95899251> * |
互动教程网: "6.2 使用图形上下文转换图片为灰度图 [iOS开发-Xcode教程]", pages 1 - 10, Retrieved from the Internet <URL:《https://www.jianshu.com/p/11c3573efce4》> * |
无言义对: "iOS整个APP实现灰色主题的示例代码", pages 1 - 3, Retrieved from the Internet <URL:https://www.jb51.net/article/205303.htm> * |
李子哈哈: "iOS OpenCV图像灰度处理", pages 1 - 3, Retrieved from the Internet <URL:https://www.jianshu.com/p/a7c05d724a40> * |
牛小牛很牛: "UIImage:去色功能的实现", pages 1 - 2, Retrieved from the Internet <URL:https://www.jianshu.com/p/6331792d52bc> * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN107025480B (zh) | 图像生成方法及其设备 | |
CN112395038B (zh) | 一种共享桌面时调整文字的方法和装置 | |
CN110163786B (zh) | 一种去除水印的方法、装置及设备 | |
AU2014402162B2 (en) | Method and apparatus for setting background of UI control, and terminal | |
CN110750664B (zh) | 图片的显示方法及装置 | |
CN105279006B (zh) | 基于Android系统的屏幕截图方法及终端 | |
CN110874172B (zh) | 放大app界面的方法、装置、介质及电子设备 | |
CN111709894B (zh) | 图像处理方法、装置、电子设备及存储介质 | |
CN111223155A (zh) | 图像数据处理方法、装置、计算机设备和存储介质 | |
CN113051235A (zh) | 文档加载方法、装置、终端和存储介质 | |
CN113625923A (zh) | 基于远程云桌面的鼠标处理方法、装置、存储介质及设备 | |
CN113569169A (zh) | 一种页面显示方法和装置 | |
CN111008934A (zh) | 一种场景构建方法、装置、设备及存储介质 | |
CN111061414A (zh) | 皮肤更换方法、装置、电子设备及可读存储介质 | |
CN106302821B (zh) | 一种数据请求方法及其设备 | |
CN113391779A (zh) | 类纸屏幕的参数调节方法、装置及设备 | |
CN110059563B (zh) | 一种文本处理方法和装置 | |
CN108449625B (zh) | 视频截图方法、装置及终端 | |
CN108734149B (zh) | 一种文本数据扫描方法和装置 | |
CN107688636B (zh) | 一种页面适配方法和装置 | |
CN111949353A (zh) | 基于iOS的移动端APP全量页面灰度化方法和装置 | |
CN110189279B (zh) | 模型训练方法、装置、电子设备及存储介质 | |
CN111435313A (zh) | 一种软件换肤的方法及装置 | |
CN110930333A (zh) | 图像修复方法、装置、电子设备及计算机可读存储介质 | |
CN107404624B (zh) | Hdr信号处理的优化方法、装置及计算机可读存储介质 |
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 |