一种页面显示的方法、装置、终端以及存储介质与流程

本申请属于图像处理技术领域，尤其涉及一种页面显示的方法、装置、终端以及存储介质。

背景技术：

手机、平板电脑等终端设备，可以根据当前的显示模式调整页面内的各个显示对象的颜色，以使页面与显示模式相匹配，例如在深色显示模式下，可以对文字、图标等前景对象进行反色以及背景调暗，从而使得显示的页面与深色显示模式相匹配。由于页面背景与前景对象的调整过程是分别进行的，有可能会出现调整后的页面背景与前景对象之间的颜色相同或接近，降低了前景对象与背景之间的对比度，以及影响页面的显示效果。

技术实现要素：

本申请实施例提供了一种页面显示的方法、装置、终端以及存储介质，可以解决现有的页面显示技术，根据显示模式对页面内图像以及前景对象进行调整后，会出现颜色相同或相似的问题。

第一方面，本申请实施例提供了一种页面显示的方法，包括：

将目标页面内的原始背景图像，调整为与当前的显示模式对应的目标背景图像；

识别所述目标页面内各个前景对象在所述目标背景图像内的关联背景区域；

根据所述关联背景区域的背景像素值，将所述前景对象调整为与所述显示模式对应的目标对象；

根据所有所述目标对象以及所述目标背景图像，生成所述目标页面。

在第一方面的一种可能的实现方式中，所述识别所述目标页面内各个前景对象在所述目标背景图像内的关联背景区域，包括：

将所述目标背景图像划分为多个候选背景区域；

根据所述前景对象的中心坐标以及所述目标背景图像的边界坐标，从所述候选背景区域中选取与所述前景对象对应的所述关联背景区域。

在第一方面的一种可能的实现方式中，所述将所述目标背景图像划分为多个候选背景区域，包括：

获取最小前景尺寸，将所述最小前景尺寸作为确定分块尺寸；

基于所述分块尺寸对所述目标背景图像进行划分，得到多个所述候选背景区域。

在第一方面的一种可能的实现方式中，所述根据所述前景对象的中心坐标以及所述目标背景图像的边界坐标，从所述候选背景区域中选取与所述前景对象对应的所述关联背景区域，包括：

根据各个候选背景区域的在所述目标背景图像的显示位置，为各个候选背景区域配置关联的基准行列号；

其中，colunm0为所述候选背景区域的基准列序号；row0为所述所述候选背景区域的基准行序号；(srcx0,srcy0)为所述候选背景图像的边界坐标；(px,py)为所述候选背景区域的中心坐标；(sizex,sizey)为所述候选背景区域的区域尺寸；

将所述前景对象中心坐标导入预设的行列转换模型，计算所述前景对象的目标行列号；所述行列转换模型具体为：

其中，colunm1为所述目标行列号内的列序号；row1为所述目标行列号内的行序号；(srcx1,srcy1)为所述前景对象的中心坐标；(sizex,sizey)为所述候选背景区域的区域尺寸；(targetx,targety)为所述前景对象的对象尺寸；

选取所述基准行列号与所述目标行列号匹配的所述候选背景区域作为所述前景对象的关联背景区域。

在第一方面的一种可能的实现方式中，所述显示模式为深色显示模式，则所述根据所述关联背景区域的背景像素值，将所述前景对象调整为与所述显示模式对应的目标对象，包括：

获取关联背景区域的中心坐标的像素值以及透明度；

根据所述中心坐标的所述像素值以及所述透明度，确定所述关联背景区域的背景亮度值；

若所述背景亮度值大于预设的亮度阈值，则对所述前景对象进行降低亮度处理，生成所述目标对象；

若所述背景亮度值小于或等于所述亮度阈值，则对所述前景对象进行反色处理，生成所述目标对象。

在第一方面的一种可能的实现方式中，在所述根据所述中心坐标的所述像素值以及所述透明度，确定所述关联背景区域的亮度值之后，还包括：

根据所述前景对象内各个像素点的所述像素值，确定所述前景对象对应的特征亮度值；

若所述背景亮度值与所述特征亮度值之间的亮度差值大于预设的反色阈值，则对所述前景对象进行降低亮度处理，生成所述目标对象；

若所述亮度差值小于或等于所述反色阈值，则对所述前景对象进行反色处理，生成所述目标对象。

在第一方面的一种可能的实现方式中，所述识别所述目标页面内各个前景对象在所述目标背景图像内的关联背景区域，包括：

确定所述前景对象在所述目标页面内的显示层级；

在所述目标页面内选取与所述显示层级相邻层级的目标背景图像作为所述前景对象的关联背景图像；

确定所述前景对象在所述关联背景图像内的关联背景区域。

在第一方面的一种可能的实现方式中，所述根据所述关联背景区域的背景像素值，将所述前景对象调整为与所述显示模式对应的目标对象，包括：

根据所述关联背景区域的背景像素值以及所述前景对象的像素值，生成所述前景对象对应的预览对象；

根据所述预览对象对应的所有关联对象的像素值以及所述预览对象的像素值，生成所述前景对象对应的所述目标对象。

第二方面，本申请实施例提供了一种页面显示的装置，包括：

背景图像调整单元，用于将目标页面内的原始背景图像，调整为与当前的显示模式对应的目标背景图像；

关联背景区域识别单元，用于识别所述目标页面内各个前景对象在所述目标背景图像内的关联背景区域；

前景对象调整单元，用于根据所述关联背景区域的背景像素值，将所述前景对象调整为与所述显示模式对应的目标对象；

目标页面生成单元，用于根据所有所述目标对象以及所述目标背景图像，生成所述目标页面。

第三方面，本申请实施例提供了一种终端设备，存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现上述第一方面中任一项所述页面显示的方法。

第四方面，本申请实施例提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现上述第一方面中任一项所述页面显示的方法。

第五方面，本申请实施例提供了一种计算机程序产品，当计算机程序产品在终端设备上运行时，使得终端设备执行上述第一方面中任一项所述页面显示的方法。

可以理解的是，上述第二方面至第五方面的有益效果可以参见上述第一方面中的相关描述，在此不再赘述。

本申请实施例与现有技术相比存在的有益效果是：

本申请实施例通过对目标页面内的原始背景图像进行调整，得到目标背景图像，继而根据各个前景对象在目标背景图像内的关联背景区域的亮度值，确定前景对象的调整策略，并根据调整策略生成前景对象对应的目标对象，最后根据目标背景图像以及目标对象生成目标页面，在调整前景对象时，根据关联的背景区域确定调整策略，避免了调整后的背景图像与前景对象出现颜色相同或相似，提高了页面的显示效果。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动性的前提下，还可以根据这些附图获得其他的附图。

图1是本申请实施例提供的手机的部分结构的框图；

图2是本申请实施例的手机的软件结构示意图；

图3是本申请第一实施例提供的一种页面显示的方法的实现流程图；

图4是本申请一实施例提供的深色显示模式的示意图；

图5是本申请一实施例提供的深色显示模式的示意图；

图6是本申请一实施例提供的关联背景区域的识别示意图；

图7是本申请另一实施例提供的关联背景区域的识别示意图；

图8是本申请第二实施例提供的一种页面显示的方法s302的具体实现流程图

图9是本申请一实施例提供的页面显示的过程中各处理单元的交互示意图；

图10是本申请一实施例提供的基于深色显示模式的页面显示的流程示意图；

图11是本申请第三实施例提供的一种页面显示的方法s801的具体实现流程图；

图12是本申请一实施例提供的候选背景区域的划分示意图；

图13是本申请第四实施例提供的一种页面显示的方法s802的具体实现流程图；

图14是本申请一实施例提供的目标行列号的选取示意图；

图15是本申请第五实施例提供的一种页面显示的方法s304的具体实现流程图；

图16是本申请第六实施例提供的一种页面显示的方法的具体实现流程图；

图17是本申请第七实施例提供的一种页面显示的方法s302的具体实现流程图；

图18是本申请第八实施例提供的一种页面显示的方法s303的具体实现流程图；

图19是本申请一实施例提供的目标对象的生成示意图；

图20是本申请一实施例提供的一种页面显示的设备的结构框图；

图21本申请另一实施例提供的一种终端设备的示意图。

具体实施方式

以下描述中，为了说明而不是为了限定，提出了诸如特定系统结构、技术之类的具体细节，以便透彻理解本申请实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本申请。在其它情况中，省略对众所周知的系统、装置、电路以及方法的详细说明，以免不必要的细节妨碍本申请的描述。

应当理解，当在本申请说明书和所附权利要求书中使用时，术语“包括”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。

还应当理解，在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。

如在本申请说明书和所附权利要求书中所使用的那样，术语“如果”可以依据上下文被解释为“当...时”或“一旦”或“响应于确定”或“响应于检测到”。类似地，短语“如果确定”或“如果检测到[所描述条件或事件]”可以依据上下文被解释为意指“一旦确定”或“响应于确定”或“一旦检测到[所描述条件或事件]”或“响应于检测到[所描述条件或事件]”。

另外，在本申请说明书和所附权利要求书的描述中，术语“第一”、“第二”、“第三”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

在本申请说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此，在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例，而是意味着“一个或多个但不是所有的实施例”，除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”，除非是以其他方式另外特别强调。

本申请实施例提供的页面显示的方法可以应用于手机、平板电脑、可穿戴设备、车载设备、增强现实(augmentedreality，ar)/虚拟现实(virtualreality，vr)设备、笔记本电脑、超级移动个人计算机(ultra-mobilepersonalcomputer，umpc)、上网本、个人数字助理(personaldigitalassistant，pda)等终端设备上，还可以应用于具有显示功能的数据库、服务器以及基于终端人工智能的服务响应系统，本申请实施例对终端设备的具体类型不作任何限制。

例如，所述终端设备可以是wlan中的站点(staion，st)，可以是蜂窝电话、无绳电话、会话启动协议(sessioninitiationprotocol，sip)电话、无线本地环路(wirelesslocalloop，wll)站、个人数字处理(personaldigitalassistant，pda)设备、具有无线通信功能的手持设备、计算设备或连接到无线调制解调器的其它处理设备、电脑、膝上型计算机、手持式通信设备、手持式计算设备、和/或用于在无线系统上进行通信的其它设备以及下一代通信系统，例如，5g网络中的移动终端或者未来演进的公共陆地移动网络(publiclandmobilenetwork，plmn)网络中的移动终端等。

作为示例而非限定，当所述终端设备为可穿戴设备时，该可穿戴设备还可以是应用穿戴式技术对日常穿戴进行智能化设计、开发出可以穿戴的设备的总称，如具有拍摄功能的眼镜、手套、手表、服饰及鞋等。可穿戴设备即直接穿在身上，或是整合到用户的衣服或配件的一种便携式设备，通过附着与用户身上，用于记录用户行进过程中的图像或根据用户发起的拍摄指令，采集环境图像等。可穿戴设备不仅仅是一种硬件设备，更是通过软件支持以及数据交互、云端交互来实现强大的功能。广义穿戴式智能设备包括功能全、尺寸大、可不依赖智能手机实现完整或者部分的功能，如智能手表或智能眼镜等，以及只专注于某一类应用功能，需要和其它设备如智能手机配合使用，如各类进行具有显示屏的智能手表、智能手环等。

以所述终端设备为手机为例。图1示出的是与本申请实施例提供的手机的部分结构的框图。参考图1，手机包括：射频(radiofrequency，rf)电路110、存储器120、输入单元130、显示单元140、传感器150、音频电路160、近场通信模块170、处理器180、以及电源190等部件。本领域技术人员可以理解，图1中示出的手机结构并不构成对手机的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件布置。

下面结合图1对手机的各个构成部件进行具体的介绍：

rf电路110可用于收发信息或通话过程中，信号的接收和发送，特别地，将基站的下行信息接收后，给处理器180处理；另外，将设计上行的数据发送给基站。通常，rf电路包括但不限于天线、至少一个放大器、收发信机、耦合器、低噪声放大器(lownoiseamplifier，lna)、双工器等。此外，rf电路110还可以通过无线通信与网络和其他设备通信。上述无线通信可以使用任一通信标准或协议，包括但不限于全球移动通讯系统(globalsystemofmobilecommunication，gsm)、通用分组无线服务(generalpacketradioservice，gprs)、码分多址(codedivisionmultipleaccess，cdma)、宽带码分多址(widebandcodedivisionmultipleaccess,wcdma)、长期演进(longtermevolution,lte))、电子邮件、短消息服务(shortmessagingservice，sms)等，通过rf电路110接收服务器发送的关于目标页面的页面数据，并根据页面数据生成目标页面。

存储器120可用于存储软件程序以及模块，处理器180通过运行存储在存储器120的软件程序以及模块，从而执行手机的各种功能应用以及数据处理，例如将目标页面的页面数据存储于存储器120的缓存区域内，根据当前的显示模式对页面数据进行调整后，再生成目标页面。存储器120可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序(比如声音播放功能、图像播放功能等)等；存储数据区可存储根据手机的使用所创建的数据(比如音频数据、电话本等)等。此外，存储器120可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他易失性固态存储器件。

输入单元130可用于接收输入的数字或字符信息，以及产生与手机100的用户设置以及功能控制有关的键信号输入。具体地，输入单元130可包括触控面板131以及其他输入设备132。触控面板131，也称为触摸屏，可收集用户在其上或附近的触摸操作(比如用户使用手指、触笔等任何适合的物体或附件在触控面板131上或在触控面板131附近的操作)，并根据预先设定的程式驱动相应的连接装置。

显示单元140可用于显示由用户输入的信息或提供给用户的信息以及手机的各种菜单，例如输出调整后的校正图像。显示单元140可包括显示面板141，可选的，可以采用液晶显示器(liquidcrystaldisplay，lcd)、有机发光二极管(organiclight-emittingdiode,oled)等形式来配置显示面板141。进一步的，触控面板131可覆盖显示面板141，当触控面板131检测到在其上或附近的触摸操作后，传送给处理器180以确定触摸事件的类型，随后处理器180根据触摸事件的类型在显示面板141上提供相应的视觉输出。虽然在图1中，触控面板131与显示面板141是作为两个独立的部件来实现手机的输入和输入功能，但是在某些实施例中，可以将触控面板131与显示面板141集成而实现手机的输入和输出功能。

手机100还可包括至少一种传感器150，比如光传感器、运动传感器以及其他传感器。具体地，光传感器可包括环境光传感器及接近传感器，其中，环境光传感器可根据环境光线的明暗来调节显示面板141的亮度，接近传感器可在手机移动到耳边时，关闭显示面板141和/或背光。作为运动传感器的一种，加速计传感器可检测各个方向上(一般为三轴)加速度的大小，静止时可检测出重力的大小及方向，可用于识别手机姿态的应用(比如横竖屏切换、相关游戏、磁力计姿态校准)、振动识别相关功能(比如计步器、敲击)等；至于手机还可配置的陀螺仪、气压计、湿度计、温度计、红外线传感器等其他传感器，在此不再赘述。

手机100还可以包括摄像头160。可选地，摄像头在手机100的上的位置可以为前置的，也可以为后置的，本申请实施例对此不作限定。

可选地，手机100可以包括单摄像头、双摄像头或三摄像头等，本申请实施例对此不作限定。

例如，手机100可以包括三摄像头，其中，一个为主摄像头、一个为广角摄像头、一个为长焦摄像头。

可选地，当手机100包括多个摄像头时，这多个摄像头可以全部前置，或者全部后置，或者一部分前置、另一部分后置，本申请实施例对此不作限定。

终端设备可以通过近场通信模块170可以接收其他设备发送的设备信息页面，例如该近场通信模块170集成有蓝牙通信模块，通过蓝牙通信模块与其他手机建立通信连接，并接收其他手机反馈的设备信息，生成与该其他手机对应的设备信息页面。虽然图1示出了近场通信模块170，但是可以理解的是，其并不属于手机100的必须构成，完全可以根据需要在不改变申请的本质的范围内而省略。

处理器180是手机的控制中心，利用各种接口和线路连接整个手机的各个部分，通过运行或执行存储在存储器120内的软件程序和/或模块，以及调用存储在存储器120内的数据，执行手机的各种功能和处理数据，从而对手机进行整体监控。可选的，处理器180可包括一个或多个处理单元；优选的，处理器180可集成应用处理器和调制解调处理器，其中，应用处理器主要处理操作系统、用户界面和应用程序等，调制解调处理器主要处理无线通信。可以理解的是，上述调制解调处理器也可以不集成到处理器180中。

手机100还包括给各个部件供电的电源190(比如电池)，优选的，电源可以通过电源管理系统与处理器180逻辑相连，从而通过电源管理系统实现管理充电、放电、以及功耗管理等功能。

手机100还包括音频电路、扬声器，传声器可提供用户与手机之间的音频接口。音频电路可将接收到的音频数据转换后的电信号，传输到扬声器，由扬声器转换为声音信号输出；另一方面，传声器将收集的声音信号转换为电信号，由音频电路接收后转换为音频数据，再将音频数据输出处理器180处理后，经rf电路110以发送给比如另一手机，或者将音频数据输出至存储器120以便进一步处理。例如，用户可以通过音频电路采集用户的语音信号，基于语音信号设置手机的显示模式，并基于当前配置的显示模式对前台显示的目标页面进行调整，输出与当前显示模式相对应的目标页面。

图2是本申请实施例的手机100的软件结构示意图。以手机100操作系统为android系统为例，在一些实施例中，将android系统分为四层，分别为应用程序层、应用程序框架层(framework，fwk)、系统层以及硬件抽象层，层与层之间通过软件接口通信。

如图2所示，所述应用程序层可以一系列应用程序包，应用程序包可以包括短信息，日历，相机，视频，导航，图库，通话等应用程序。

应用程序框架层为应用程序层的应用程序提供应用编程接口(applicationprogramminginterface，api)和编程框架。应用程序框架层可以包括一些预先定义的函数，例如用于接收应用程序框架层所发送的事件的函数。

如图2所示，应用程序框架层可以包括窗口管理器、资源管理器以及通知管理器等。

窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。

资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。

通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息，发出提示音，电子设备振动，指示灯闪烁等。

应用程序框架层还可以包括：

视图系统，所述视图系统包括可视控件，例如显示文字的控件，显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。本申请实施例可以运行与应用程序框架层中，通过文字控件对于目标页面内的文字类型的对象进行调整，并且通过显示图片的控件，对目标页面内的背景图像进行调整，并将调整后的所有页面数据进行封装，生成目标页面。

电话管理器用于提供手机100的通信功能。例如通话状态的管理(包括接通，挂断等)。

系统层可以包括多个功能模块。例如：传感器服务模块，物理状态识别模块，三维图形处理库(例如：opengles)等。

传感器服务模块，用于对硬件层各类传感器上传的传感器数据进行监测，确定手机100的物理状态；

物理状态识别模块，用于对用户手势、人脸等进行分析和识别；

三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。

系统层还可以包括：

表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2d和3d图层的融合。

媒体库支持多种常用的静态图像文件，视频格式回放和录制，以及音频等。媒体库可以支持多种音视频编码格式，例如:mpeg4，h.264，mp3，aac，amr，jpg，png等。

硬件抽象层是硬件和软件之间的层。硬件抽象层可以包括显示驱动、摄像头驱动、传感器驱动、麦克风驱动等，用于驱动硬件层的相关硬件，如显示屏、摄像头、传感器以及麦克风等。

在本申请实施例中，流程的执行主体为安装有页面显示的程序的设备。作为示例而非限定，页面显示的程序的设备具体可以为终端设备，该终端设备可以为用户使用的智能手机、平板电脑、笔记本电脑等，在接收到显示请求时，根据当前的显示模式对显示请求对应的目标页面进行调整，并使得显示的目标页面与显示模式相匹配。图3示出了本申请第一实施例提供的页面显示的方法的实现流程图，详述如下：

在s301中，将目标页面内的原始背景图像，调整为与当前的显示模式对应的目标背景图像。

在本实施例中，终端设备配置有显示屏，可以通过显示屏响应用户发起的显示请求，例如显示应用程序内的操作界面，又或者通过相册应用显示存储于数据库内的图像等。在执行上述显示操作之前，终端设备均可以通过本实施例提供的页面显示的方法，对待显示的目标页面的内容进行调整，以使输出的目标页面与当前的显示模式相匹配，从而能够提高整体页面与显示模式之间的一致性，提高了终端设备的显示效果。

在一种可能的实现方式中，该显示模式可以为深色显示模式，也可以称为“夜间模式”，即在显示环境较暗的情况下或者根据用户的实际显示需求，可以将终端设备的显示界面内的控件以及图片等显示对象，设置为整体亮度值较低的显示模式。需要说明的是，该深色显示模式并非将页面内的所有对象的亮度值均调整至低亮度值，而是整个页面的整体视觉效果属于低亮度模式，即页面的平均亮度值低于预设的亮度阈值。例如，可以将页面内的背景图像设置为低亮度图像或者设置为黑色背景，此时为了使得页面内的文字以及控件等对于用户而言是可见的，可以将文字或控件等对象的颜色配置为白色或亮度较高的颜色，但由于上述对象在整个页面内的显示区域相对于背景图像而言相对较少，因此，页面整体的视觉效果依然输出低亮度的显示模式，与当前的显示效果相匹配。

示例性地，图4示出了本申请一实施例提供的深色显示模式的示意图。其中，图4的(a)为调整为深色显示模式前，某一目标页面的显示效果；图4的(b)为调整为深色显示模式后，该目标页面的显示效果。参见图4所示，该目标页面的背景图像为一单色图像，其颜色为白色，属于亮度较高的颜色，此时，需要将背景图像进行反色处理，调整为黑色背景，并而由于原本页面内的其他前景对象的颜色为黑色，为了使得内容可见，需要对前景图像对应地进行反色处理，将前景对象的颜色调整为白色，从而使得整体页面的色调为暗色调。

示例性地，图5示出了本申请一实施例提供的深色显示模式的示意图。其中，图5的(a)为调整为深色显示模式前，某一目标页面的显示效果；图5的(b)为调整为深色显示模式后，该目标页面的显示效果。参见图5所示，该目标页面的背景图像为一多色混合图像，由于对于多色混合图像无法通过反色来进行深色处理(由于反色处理会影响原本图片的显示效果，甚至无法表现出该图像原本所需表达的内容，因此不会直接对多色图像进行反色处理)，该深色处理主要是降低背景图像的对比度以及亮度值。现有技术中，由于对页面内的各个显示对象进行单独处理，并不会考虑对象之间的关联性，因此，对于文字以及图标等内容，依然是采用反色的调整手段，因此会使得反色后的文字以及图像与深色处理后的背景图像之间的颜色相同或相似，使得文字以及图标等内容的可见度降低，影响整体的显示效果。由此可见，现有的页面显示技术，对各个显示对象均是单独处理，而在页面中，不同显示对象之间是相互重叠显示的，合并显示时可能会出现颜色相同或相似的情况，为了避免上述情况发生，终端设备可以在调整页面时，首先对背景图像进行处理，并根据前景图像在背景图像的关联背景区域，再确定对应的调整策略，进行与显示模式相匹配的颜色调整，保证前景对象与背景图像之间的对比度的同时，使得调整后的前景对象与当前的显示模式相匹配，避免了生成的目标页面出现部分对象因颜色相同或相似而不可见的情况。

在一种可能的实现方式中，该显示模式还可以包括：强对比度显示模式以及高亮度模式等，若该显示模式为强对比度模式，则要求背景图像与前景对象之间的对比度较强，终端设备在后续的操作中可以调整背景图像以及前景对象的饱和度、对比度以及锐度等参数值，以使页面的对比度较强，与显示模式相匹配；对应地，当显示模式为高亮度模式下，终端设备可以通过对背景图像以及前景对象的高光色区进行调整，提高高光色区的比例，并减少阴影色区的比例，提高整体页面的亮度值。终端设备可以根据不同的显示模式确定页面调整策略，并基于页面调整策略对页面内的各个显示对象进行调整，以使调整后的目标页面与当前的显示模式相匹配。

在本实施例中，终端设备可以配置有默认显示模式，各个目标页面的原始页面数据可以是基于默认显示模式生成的数据，即默认显示模式下是根据原始页面数据生成目标页面，而不对原始页面数据进行调整。该默认显示模式可以称为常规显示模式。终端设备若检测到当前的显示模式为默认显示模式，则可以将接收到的目标页面的页面数据进行输出显示，无需对页面内的显示对象的颜色或亮度等参数进行调整；反之，终端设备若检测到当前的显示模式为非默认显示模式，则获取当前的显示模式对应的页面调整策略，并通过该页面调整策略对目标页面内的显示对象进行调整，以及执行s301至s304的相关操作。

在一种可能的实现方式中，终端设备在检测到用户输入显示模式变更指令时，会检测当前前台显示的页面是否与变更后的显示模式相匹配，若是，则无需对当前显示的页面进行调整；反之，若当前显示的页面与变更后的显示模式不匹配，则将当前显示的页面作为目标页面，并执行s301至s304的相关操作。

在一种可能的实现方式中，终端设备在检测到显示模式发生变更后，会获取当前后台运行的应用程序，并获取各个应用程序对应的操作页面。将各个操作页面与当前的显示模式进行匹配，若任一操作页面与当前的显示模式不匹配，则通过s301至s304的方式对该页面进行调整。

在一种可能的实现方式中，终端设备还可以在本地的存储器中存储有目标页面在不同显示模式下的页面数据，或者该目标页面对应的服务器可以根据显示模式配置有对应的页面数据，终端设备可以通过从本地的存储器或页面服务器处获取与当前显示模式匹配的页面数据，并基于获取得到的页面数据输出目标页面；若本地存储器或页面服务器并没有存储有与当前的显示模式相匹配的页面数据，则通过s301至s304的操作对目标页面内的显示对象进行调整，从而生成与显示模式对应的目标页面。

在本实施例中，目标页面可以包含多个显示对象，分别背景图像以及前景对象。其中，背景图像的个数可以为一个，也可以为多个，即目标页面可以有多个不同的背景图像拼接得到，每个背景图像的图像尺寸也可以不同，也可以与终端设备的显示尺寸相匹配，还可以根据实际的显示内容调整显示尺寸，在此不做限定。需要说明的是，背景图像之间可以相互叠加，根据多个背景图像之间相互重叠，构成目标页面的背景。不同的背景图像可以通过配置对应的透明度，以使处于底层的背景图像与处于上层的背景图像相互叠加，构成目标页面的页面背景。在该情况下，终端设备在对原始背景图像调整至与当前实现模式相匹配的目标背景图像时，可以首先对最底层的原始背景图像进行调整，并基于最底层的目标背景图像的亮度值，确定相邻上一层级的原始背景图像的调整策略，若该最底层的目标背景图像的亮度值与相邻上一层级的原始背景图像的亮度值之间的亮度差值小于预设的调整阈值，则对该上一层级的原始背景图像采用第一调整算法进行处理(例如对相邻上一层级的原始背景图像进行反色处理)；反之，若该最底层的目标背景图像的亮度值与相邻上一层级的原始背景图像的亮度值之间的亮度差值大于或等于预设的调整阈值，则对上一层级的原始背景图像采用第二调整算法进行处理(例如对相邻上一层级的原始背景图像进行降低亮度处理)。

在本实施例中，不同的显示模式对应不同的调整算法。终端设备可以根据当前的显示模式获取与之关联的调整算法。该调整算法可以根据显示对象类型的不同，配置有不同的调整模型，例如对于背景图像采用第一调整模型、对于文字对象采用第二调整模型，而对于图标对象则采用第三调整模型。当然，对于同一类型的显示对象的调整模型，还可以根据对象属性区分不同的调整模型，例如对于背景图像为单色背景图像时，则采用第一调整模型；而对于多色背景图像，则采用第二调整模型；还可以根据原始背景图像的原始颜色，确定对应的调整模型，举例性地，若检测到原始背景图像的平均像素值在(255,125)之间，则采用第一调整模型；若检测到原始背景图像的平均像素值在(125,0)之间，则采用第二调整模型，具体采用的调整方式可以根据显示模式、图像层级、对象类型以及图像的色度多个维度进行确定。

举例性地，当前的显示模式为深色显示模式，某一原始背景图像为一单色黑色图像。终端设备获取深色显示模式对应的页面调整策略。该页面调整策略根据背景图像与前景图像分为两个不同的调整算法，分别为第一调整算法以及第二调整算法。在检测到当前所需的调整对象为背景图像时，则采用第一调整算法对原始背景图像进行调整，该第一调整算法需要识别得到该原始背景图像为单色图像，且颜色为黑色，则不对该原始背景图像进行调整，只需降低终端设备显示屏的背光亮度。

在s302中，识别所述目标页面内各个前景对象在所述目标背景图像内的关联背景区域。

在本实施例中，目标页面包含有背景图像以及前景对象。上述前景对象具体为显示于背景图像上层的显示对象，该前景对象包括但不限于：前景图标、文字、控件、触控动画以及弹窗等显示对象。

在本实施例中，每个前景对象的对象信息中可以包含有在目标页面的中心坐标以及该前景对象的对象尺寸。终端设备可以根据上述两个参数，即显示位置以及对象尺寸，识别得到与该前景对象对应的关联背景区域。

在一种可能的实现方式中，确定关联背景区域的方式可以为：若目标页面内的背景图像的个数为多个，则终端设备根据该各个目标背景图像的背景区域，将前景对象的中心坐标所落入的背景区域所对应的目标背景图像，作为该前景对象关联的目标背景图像；终端设备根据该前景对象的对象尺寸以及中心区域，确定该前景对象在目标背景图像中的覆盖区域，并将该覆盖区域识别为该前景对象在目标背景图像内的关联背景区域。

示例性地，图6示出了本申请一实施例提供的关联背景区域的识别示意图。参见图6所示，该目标页面内包含有3个背景图像，分别为背景图像1、背景图像2以及背景图像3，该目标页面还包含有一前景对象即为图标1，终端设备可以通过读取图标1的对象信息，确定该前景对象的中心坐标，而该中心坐标落入了背景图像1的背景区域内，则识别背景图像1为图标1的关联背景图像。终端设备并根据该图标1的对象尺寸，在关联背景图像内提取出对应的关联背景区域。

在一种可能的实现方式中，目标页面内包含有多个目标背景图像，且不同的目标背景图像可以通过调整透明度，使得底层背景图像与上层背景图像相互叠加，构成目标页面的页面背景，在该情况下，某一坐标点可以同时对应两个不同的目标背景图像。在该情况下，终端设备可以对目标页面的所有目标背景图像进行可见图层合并，即根据各个目标背景图像的透明度将多个处于不同图层的目标背景图像进行合并，生成合并背景图像，继而从合并背景图像中确定前景对象对应的关联背景区域。

示例性地，图7示出了本申请另一实施例提供的关联背景区域的识别示意图。参见图7所示，该目标图像包含有背景图像1以及背景图像2。并且背景图像1位于背景图像2的下一显示层级，前景对象则位于背景图像2的上一显示层级，在该情况下，前景对象对应的目标背景图像为背景图像1以及背景图像2。因此，终端设备可以将背景图像1以及背景图像2合并，得到合并背景图像，并根据前景对象的中心坐标以及对象尺寸，在合并背景图像中确定出对应的关联背景区域。

在s303中，根据所述关联背景区域的背景像素值，将所述前景对象调整为与所述显示模式对应的目标对象。

在本实施例中，终端设备在确定了关联背景区域后，可以计算该关联背景区域对应的背景像素值。该背景像素值可以为该关联背景区域的像素均值，在该情况下，终端设备可以将关联背景区域内的各个像素点的像素值进行叠加，并根据累加值计算得到关联背景区域对应的像素均值，将该像素均值作为关联背景区域的背景像素值。可选地，终端设备可以根据各个像素点与关联背景区域的中心坐标之间的距离值，确定各个像素点对应的加权权重，其中，距离中心坐标的距离越小，则对应的加权权重的数值越大，基于各个像素点的加权权重以及像素值进行加权累加，得到加权累加值，并根据加权累加值进行平均，将加权均值作为关联区域的背景像素值。

在一种可能的实现方式中，终端设备可以对目标背景图像进行降采样，即通过预设网格将目标背景图像划分为多个网格区域，并根据各个网格区域的中心坐标点的像素值，作为各个网格区域的像素值，从而生成关于目标背景图像的降采样图像。终端设备根据关联背景区域在降采样图像内对应的网格区域的像素值，确定该关联背景区域的背景像素值。若该前景对象的显示区域覆盖了两个或以上的网格区域，则将覆盖的网格区域的作为前景对象的关联背景区域，又或者将前景对象的中心坐标所在的网格区域作为该前景区域对应的关联背景区域。若关联背景区域对应多个网格区域，则可以根据各个网格区域的像素值的均值，作为该关联背景区域的背景像素值。

在本实施例中，终端设备对前景对象进行调整的方式可以为：终端设备获取前景对象的前景像素值，根据前景像素值、背景像素值以及当前的显示模式对应的颜色色调，对前景对象进行调整。

在一种可能的实现方式中，若该显示模式的深色显示模式，即夜间显示模式，终端设备可以若检测到前景像素值与背景像素值之间的像素差值小于预设的对比阈值，则对前景对象进行反色处理；反之，若检测到前景像素值与背景像素值之间的像素差值大于或等于预设的对比阈值，则表示在调整前，前景对象叠加在目标背景图像上进行显示时，已经具有较高的可见度，此时若继续对前景对象进行反色处理，则反而会导致前景对象叠加在目标背景区域后降低可见度，因此，终端设备并不会对前景对象进行反色处理，而是降低前景对象的亮度值，以使与深色显示模式相匹配。

在一种可能的实现方式中，若该显示模式为高对比度模式，终端设备若检测到前景像素值与背景像素值之间的像素差值小于预设的对比阈值，则对前景对象进行反色处理，并提高反色处理后的前景对象以及目标背景图像的对比度；反之，若检测到前景像素值与背景像素值之间的像素差值大于或等于预设的对比阈值，则表示前景对象与目标背景对象在调整之间已经具有较高的对比度，此时可以无需对前景对象进行反色处理，而是增加前景对象的对比度，得到目标对象。

在本实施例中，目标页面内可以包含有多个前景对象，对各个前景对象执行s302以及s303的操作，生成关于各个前景对象的目标对象，若检测到各个前景对象均调整完毕，此时可以执行s304的操作。

在s304中，根据所有所述目标对象以及所述目标背景图像，生成所述目标页面。

在本实施例中，终端设备可以根据调整后各个前景对象对应的目标对象以及原始背景图像对应的目标背景图像进行封装，生成与当前显示模式相匹配的目标页面。在该情况下，终端设备记录有各个前景对象在目标页面内的显示坐标以及对象层级，同样地，终端设备也记录有各个原始背景图像在目标页面内的显示坐标以及对象层级，终端设备基于上述参数，可以确定各个显示对象(即目标对象以及目标背景图像)在目标页面内的显示区域，并进行拼接以及叠加显示，从而得到目标页面。

以上可以看出，本申请实施例提供的一种页面显示的方法通过对目标页面内的原始背景图像进行调整，得到目标背景图像，继而根据各个前景对象在目标背景图像内的关联背景区域的亮度值，确定前景对象的调整策略，并根据调整策略生成前景对象对应的目标对象，最后根据目标背景图像以及目标对象生成目标页面，在调整前景对象时，根据关联的背景区域确定调整策略，避免了调整后的背景图像与前景对象出现颜色相同或相似，提高了页面的显示效果。

图8示出了本申请第二实施例提供的一种页面显示的方法s302的具体实现流程图。参见图8，相对于图3所述实施例，本实施例提供的一种页面显示的方法中s302包括：s801～s802，具体详述如下：

进一步地，所述识别所述目标页面内各个前景对象在所述目标背景图像内的关联背景区域，包括：

在s801中，将所述目标背景图像划分为多个候选背景区域。

在本实施例中，终端设备可以对目标背景图像进行区域划分，从而将一个面积较大的目标背景图像划分为多个面积较小的候选背景区域，从而能够便于后续对前景对象调整的过程中，确定关联背景区域。由于根据前景对象的对象形状，从目标背景图像中截取与对象形状相匹配的背景区域作为前景对象的关联背景区域，则运算量较大，不仅需要获取前景对象的轮廓信息，并需要根据轮廓信息从目标背景区域内进行区域框取，不仅提取得到的各个候选背景区域的区域大小不一致，并且在前景对象较多以及轮廓较为复杂的情况下，则消耗较多的运算资源进行关联背景区域的识别操作，从而降低了目标页面的生成效率，延长了页面生成的耗时，降低了用户的使用体验。因此，终端设备可以根据预先的划分规则，将目标背景图像划分为多个候选背景区域，从而在确定关联背景区域时，可以从候选背景区域中进行选取，无需根据前景对象的对象轮廓，在目标背景图像内进行截取，减少了终端设备的运算量，从而提高了目标页面的生成效率。

在一种可能的实现方式中，终端设备可以通过预设的区域形状，生成以上述区域形状为单位的网格线，基于上述的网格线对目标背景图像进行划分，从而生成得到多个候选背景区域。其中，该区域形状可以为矩形、正方形、三角形等多边形。

在一种可能的实现方式中，终端设备可以识别目标页面内各个前景对象的对象尺寸，选取数值最小的对象尺寸作为目标尺寸，并基于目标尺寸配置网格，并基于上述网格将目标背景图像划分为多个候选背景区域。根据前景对象的对象尺寸的最小值配置网格，能够使得每个前景对象均能够选取得到与之形状大小相匹配的候选背景区域，避免因候选背景区域过大而导致多个前景对象对应同一关联背景区域，也能够尽可能减少候选背景区域的分块数量，提高了选取的效率。由于对图像进行区域划分，实际上是一个降采样的过程，因此降采样的比例越高，对于运算速度的提升越大，而根据前景对象的尺寸最小值进行网格划分，不仅能够提高运算速率的同时，也能够保证关联背景区域与前景对象之间吻合度，提高了后续调整操作的准确性。

在s802中，根据所述前景对象的中心坐标以及所述目标背景图像的边界坐标，从所述候选背景区域中选取与所述前景对象对应的所述关联背景区域。

在本实施例中，终端设备在配置各个前景对象的显示位置时，该显示位置是前景对象相对于显示屏的位置。但由于每个目标背景图像有对应的显示区域，在需要确定前景对象在目标背景图像中的关联背景区域时，需要考虑目标背景图像内各个候选背景区域相对于显示屏的显示区域，才能够识别得到前景对象的关联背景背景区域。基于此，终端设备需要获取目标背景图像的边界坐标，根据任一边界坐标以及目标背景图像的图像尺寸，则可以确定该目标背景区域的显示区域。并根据各个候选背景区域在目标背景图像上的显示位置，则可以确定各个候选背景区域对应的显示区域，识别前景对象的中心坐标所落入的显示区域，即可以确定该前景对象在目标背景图像中的关联背景区域。

在一种可能的实现方式中，识别关联背景区域的方式可以为：根据目标背景图像的边界坐标以及图像尺寸，确定目标背景图像的显示区域，基于各个候选背景区域的位置，确定各个候选背景区域的显示区域，基于各个候选背景区域的显示区域，确定各个候选背景区域的区域坐标，计算所述区域坐标与前景对象的中心坐标的距离值，选取该距离值小于预设的距离阈值的候选背景区域作为关联背景区域。

示例性地，图9示出了本申请一实施例提供的页面显示的过程中各处理单元的交互示意图。参见图9所示，终端设备包括有显示模式调整单元，位图处理单元、背景图像调整单元、历史图层颜色库以及前景对象处理单元。具体实现过程如下：

1.显示模块调整单元可以用于解析目标页面内包含的显示对象，将目标页面内的原始背景图像交由位图处理单元进行处理；

2.显示模块调整单元可以将解析得到的前景对象导入到前景对象处理单元，其中，导入前景对象处理单元之前，显示模块调整单元可以确定各个前景对象的中心坐标以及对象颜色；需要说明的是，上述步骤1以及2可以同时执行；

3.位图处理模块在获取得到原始背景图像后，可以解析该原始背景图像对应的至少一个边界坐标以及图像尺寸，特别地，可以确定该背景图像的像素信息，例如可以通过平均像素值、特征像素值以及背景图像包含的颜色种类等信息。

4.将包含像素信息以及坐标信息的原始背景图像导入到背景图像调整单元，根据像素信息以及与当前的显示模式相匹配的调整算法对原始背景图像进行调整，得到目标背景图像，将目标背景图像导入到预处理单元，通过预处理单元对目标背景图像进行区域划分得到多个候选背景区域；

5.历史图层颜色库在对目标背景图像进行划分操作后，可以对各个图层的颜色进行存储并记录，生成对应的数据库，具体地，该历史图层颜色库可以额识别各个目标背景区域对应的背景像素值，并将各个背景像素值返回给背景图像调整单元；

6.背景图像调整单元可以将分块后的目标背景图像以及各个候选背景区域的背景像素值发送给前景对象处理单元；

7.前景图像处理单元可以根据各个候选背景区域的像素值以及对应的显示区域，对各个前景对象进行调整，生成目标对象；

8.前进图像处理单元见输出的目标对象返回给显示模式调整单元，通过显示模式调整单元对目标对象以及目标背景图像进行合并，生成目标页面。

示例性地，图10示出了本申请一实施例提供的基于深色显示模式的页面显示的流程示意图。参见图10所示，该目标页面包含有四个不同的显示对象，分别为根视图rootview、背景图层imageview、第一前景文本textview1以及第二前景文本textview2。终端设备将上述四个显示对象同时导入到预处理单元，确定对应的预处理方式，其中，预处理单元可以根据各个显示对象的显示层级的次序依次确定各个待显示对象的调整方式，由于rootview处于最底显示层级，因此预处理单元首先确定rootview的调整方式，该rootview为单色图像，则在进行深色显示模式调整时，需要将单色图像进行反色处理；而imageview为第二层级的显示对象，并且为多色背景图像，则在进行深色显示模式调整时，将imageview的亮度值降低，而无需执行反色处理；最后，对于textview1以及textview2为第三层级的显示对象，且上一层级的背景图像为imageview，执行的是亮度降低处理，此时，若对textview1以及textview2进行反色处理，则会导致反色后的文本对象与关联背景区域的颜色相同或相似，因此，终端设备改变原本的反色处理策略，采用亮度降低处理。终端设备通过预处理单元识别各个显示对象的调整策略，并将各个调整策略以及显示对象通过调整单元进行调整，输出目标背景图像以及目标对象，基于目标背景对象以及目标对象生成目标页面。

在本申请实施例中，通过对目标背景图像进行分块，得到多个候选背景区域，并根据各个前景对象的中心坐标，从候选背景区域中选取关联的目标背景区域，从而能够提高关联背景区域的选取效率，继而减少了目标页面的构建时长。

图11示出了本申请第三实施例提供的一种页面显示的方法s801的具体实现流程图。参见图11，相对于图8所述实施例，本实施例提供的一种页面显示的方法中s801包括：s1101～s1102，具体详述如下：

进一步地，所述将所述目标背景图像划分为多个候选背景区域，包括：

在s1101中，获取最小前景尺寸，将所述最小前景尺寸作为确定分块尺寸。

在本实施例中，终端设备在对目标背景图像进行区域划分时，需要获取基础区域的大小，即上述的分块尺寸。终端设备可以通过检测目标页面内的包含的前景对象的最小尺寸确定分块尺寸，也可以根据行业标准的最小前景尺寸，确定上述分块尺寸。

在s1102中，基于所述分块尺寸对所述目标背景图像进行划分，得到多个所述候选背景区域。

在本实施例中，在确定了每个网格对应的分块尺寸后，可以基于该分块尺寸将显示屏划分为多个区域，并根据目标背景图像在显示屏内所覆盖的网格，得到多个候选背景区域。示例性地，图12示出了本申请一实施例提供的候选背景区域的划分示意图。参见图12所示，目标页面包含有两个背景图像，分别为背景图像1以及背景图像2，其中，背景图像1的边界坐标并非与显示屏的边界重叠，终端设备在获取了分块尺寸后，可以基于分块尺寸对整个显示屏进行划分，得到多个分块，背景图像1以及背景图像2可以根据已生成的网格线，进行区域划分，得到多个候选背景区域。其中，背景图像1包含有3*2个候选背景区域，其第一个候选背景区域相对于显示屏的所有背景区域而言，其行列号为第一行，第二列，与屏幕边界之间具有一定的偏移量。

在本申请实施例中，通过识别显示器的分辨率，确定分块尺寸，并基于分块尺寸对目标背景图像进行区域划分，从而得到多个候选背景区域，提高了分块的准确性，避免了前景对象的关联背景区域重叠。

图13示出了本申请第四实施例提供的一种页面显示的方法s802的具体实现流程图。参见图13，相对于图8所述实施例，本实施例提供的一种页面显示的方法中s802包括：s1301～s1303，具体详述如下：

进一步地，所述根据所述前景对象的中心坐标以及所述目标背景图像的边界坐标，从所述候选背景区域中选取与所述前景对象对应的所述关联背景区域，包括：

在s1301中，根据各个候选背景区域的在所述目标背景图像的显示位置，为各个候选背景区域配置关联的基准行列号；

其中，colunm0为所述候选背景区域的基准列序号；row0为所述所述候选背景区域的基准行序号；(srcx0,srcy0)为所述候选背景图像的边界坐标；(px,py)为所述候选背景区域的中心坐标；(sizex,sizey)为所述候选背景区域的区域尺寸。

在本实施例中，终端设备在对目标背景图像划分为多个候选背景区域后，可以根据各个候选背景区域在目标背景图像内的显示位置，配置对应的基准行列号，通过网格坐标来确定各个候选背景区域的位置，实现了对目标背景图像的降采样处理。

需要说明的是，若目标页面内包含有多个前景对象，则只需执行一次s1301的操作，即确定各个候选背景区域的基准行列号即可，由于通过对目标背景区域进行网格化，在识别关联背景区域时只需确定前景对象的大致位置即可，从而减少了关联背景区域的选取时的运算量，从而能够提高关联背景区域的选取效率。

在s1302中，将所述前景对象中心坐标导入预设的行列转换模型，计算所述前景对象的目标行列号；所述行列转换模型具体为：

将所述前景对象中心坐标导入预设的行列转换模型，计算所述前景对象的目标行列号；所述行列转换模型具体为：

其中，colunm1为所述目标行列号内的列序号；row1为所述目标行列号内的行序号；(srcx1,srcy1)为所述前景对象的中心坐标；(sizex,sizey)为所述候选背景区域的区域尺寸；(targetx,targety)为所述前景对象的对象尺寸。

在本实施例中，终端设备在计算上述行列号的过程中，可以统一采用向下取整的方式计算目标行列号以及基准行列号，在该情况下，上述的转换公式可以变更为：

其中，为取整函数。

举例性地，若某一前景对象的中心坐标为(25,25)，而该前景对象的对象尺寸为3*3像素，上述每个候选背景区域的区域尺寸为5*5，则上述目标行编号通过上述公式计算得到的数值为：(25+3/2)/5＝5.3，通过取整函数进行向下取整，则为5。

在本实施例中，由于目标背景图像与显示屏之间具有一定的偏移量，为了能够确定前景对象与目标背景图像之间的相对位置，在计算前景对象在目标背景图像内对应的目标行列号时，需要考虑目标背景图像的边界坐标对应的偏移量。其中，该边界坐标具体为与显示屏对应的坐标原点距离最近的边界点。举例性地，若该显示屏的原点坐标为左上角的屏幕边界点，则上述目标背景图像的边界坐标即为目标背景图像的左上角的在显示屏的坐标系内的对应的边界坐标。

图14示出了本申请一实施例提供的目标行列号的选取示意图。参见图14所示，目标背景图像并非与终端设备的屏幕边界完全重合，具有一定的偏移量，即(srcx0,srcy0)。在确定该前景对象相对于目标背景区域的目标行列号时，需要考虑上述的偏移量，避免因上述偏移量而导致关联背景区域的选取错位，如图14所示，若不考虑上述的偏移量，前景对象相当于整个显示屏而言，对应的行列号为(3,1)，而相对于目标背景区域的行列号为(2,1)，因为目标背景图像的横坐标与显示屏的坐标原点之间具有一定的偏移量，若基于行列号为(3,1)获取关联背景区域，则会导致背景区域错位，从而影响后续的调整效果。

在s1303中，选取所述基准行列号与所述目标行列号匹配的所述候选背景区域作为所述前景对象的关联背景区域。

在本实施例中，终端设备可以从候选背景区域中，选取基准行列号与目标行列号相匹配的候选背景区域作为关联背景区域。

在本申请实施例中，通过对候选背景区域进行行列编码，并根据行列号为每个前景对象配置对应的关联背景区域，能够提高关联背景区域的选取效率。

图15示出了本申请第五实施例提供的一种页面显示的方法s304的具体实现流程图。参见图15，相对于图3所述实施例，本实施例提供的一种页面显示的方法中s304包括：s1501～s1504，具体详述如下：

进一步地，所述显示模式为深色显示模式，则所述根据所述关联背景区域的背景像素值，将所述前景对象调整为与所述显示模式对应的目标对象，包括：

在s1501中，获取关联背景区域的中心坐标的像素值以及透明度。

在本实施例中，为了提高调整的效率，终端设备可以根据目标背景图像的各个候选背景区域的中心坐标的像素值，作为整个候选背景区域的特征像素值，从而在进行前景图像的调整过程中，可以将目标背景图像降采样为一网格图像，每个网格图像的像素值以及透明度可以根据中心坐标的像素值以及透明度进行确定，从而能够减少目标背景图像在缓存区域内的存储空间，并且能够提高后续操作的处理效率。

在s1502中，根据所述中心坐标的所述像素值以及所述透明度，确定所述关联背景区域的背景亮度值。

在本实施例中，背景亮度值除了与像素值相关外，还与目标背景图像的透明度相关，根据透明度的大小，可以确定下一层级图层对于当前目标背景图像的颜色贡献比例，例如目标背景图像的下一层级的图像为白色图像，且当前的透明度并不为0，则在原有的像素值的基础上，叠加增加白色的比重，从而提高整体图像的亮度值，基于此，为了准确确定目标背景图像的像素值，以便确定前景对象的调整策略，终端设备可以根据中心坐标的像素值以及透明度，计算得到关联背景区域的背景亮度值。

在s1503中，若所述背景亮度值大于预设的亮度阈值，则对所述前景对象进行降低亮度处理，生成所述目标对象。

在本实施例中，由于当前的显示模式为深色显示模式，因此需要使得整体画面的亮度值，此时若检测到关联背景区域的亮度值大于预设的亮度阈值，则表示当前的关联背景区域的处于较高亮度，而前景对象在调整前的默认颜色往往是黑色等低亮度颜色，此时若对上述颜色进行反色，则会变更为高亮度的颜色，从而导致了调整后的关联背景图像与调整后的前景对象的颜色相同或相似，为了避免上述情况发生，终端设备则不对前景对象进行反色，而是对前景对象进行降低亮度处理，从而生成亮度较低的目标对象。

其中，进行降低亮度处理的方式可以为：终端设备将前景对象转换为hsv格式的图像，并对亮度v图层的数值进行调整，基于调整后的v图层与其余两个图像进行合并，从而实现了降低前景对象的亮度的目的。

在s1504中，若所述背景亮度值小于或等于所述亮度阈值，则对所述前景对象进行反色处理，生成所述目标对象。

在本实施例中，终端设备若检测到当前的关联背景区域的亮度值小于或等于亮度阈值，则可以对前景对象进行反色处理，由于前景对象在调整前的默认颜色往往是黑色等低亮度颜色，因此通过反色处理以后会变更为亮度较高的颜色，此时与关联背景之间存在较高的颜色对比度，使得前景对象清晰可见，提高了前景对象的可见度。

在本申请实施例中，通过识别获取关联背景区域的中心坐标的像素值以及透明度，将确定关联背景区域的亮度值，基于亮度值确定前景对象的调整策略，避免背景与前景对象之间颜色相同或相似，提高了调整效果。

图16示出了本申请第六实施例提供的一种页面显示的方法的具体实现流程图。参见图16，相对于图15所述实施例，本实施例提供的一种页面显示的方法在所述根据所述中心坐标的所述像素值以及所述透明度，确定所述关联背景区域的亮度值之后，还包括：s1601～s1603，具体详述如下：

进一步地，在所述根据所述中心坐标的所述像素值以及所述透明度，确定所述关联背景区域的亮度值之后，还包括：

在s1601中，根据所述前景对象内各个像素点的所述像素值，确定所述前景对象对应的特征亮度值。

在本实施例中，终端设备除了可以根据亮度值直接确定前景图像的调整策略外，还可以根据前景对象的实际亮度值，确定调整策略。在该情况下，终端设备可以根据前景对象内各个像素点的像素值，计算该前景对象的像素均值，并基于该像素均值确定前景对象的特征亮度值。在一种可能的实现方式中，终端设备可以选取前景对象的中心坐标的像素值，作为前景对象的特征像素值，并基于中心坐标的特征像素值计算得到前景对象的特征亮度值。

在s1602中，若所述背景亮度值与所述特征亮度值之间的亮度差值大于预设的反色阈值，则对所述前景对象进行降低亮度处理，生成所述目标对象。

在本实施例中，终端设备若检测到背景亮度值与前景对象在调整前的特征亮度值之间的亮度差值大于预设的反色阈值，则表示调整前的对比度已经满足显示要求，无需对前景对象进行反色处理，只需调整亮度即可。

在s1603中，若所述亮度差值小于或等于所述反色阈值，则对所述前景对象进行反色处理，生成所述目标对象。

在本实施例中，终端设备若检测到背景亮度值与前景对象在调整前的特征亮度值之间的亮度差值小于或等于预设的反色阈值，则表示调整前的对比度相差较少，此时对前景对象进行反色处理，则可以提高前景对象与背景图像之间的对比度，因此进行反色处理。

在本申请实施例中，通过获取前景对象的特征亮度值，根据特征亮度值与背景亮度值之间的差值确定调整策略，能够提高调整操作的准确性。

图17示出了本申请第七实施例提供的一种页面显示的方法s302的具体实现流程图。参见图17，相对于图3、图8、图11、图13、图15以及图16任一所述实施例，本实施例提供的一种页面显示的方法在s302包括：s1701～s1703，具体详述如下：

进一步地，所述识别所述目标页面内各个前景对象在所述目标背景图像内的关联背景区域，包括：

在s1701中，确定所述前景对象在所述目标页面内的显示层级。

在本实施例中，目标页面内可以包含有多个图层，每个图层对应一个显示层级，前景对象往往处于较高的显示层级，而背景图像往往处于较低的显示层级，从而实现了以背景图像为底，前景对象覆盖与背景图像之上的显示效果。在该情况下，一个页面可以通过多个背景图像进行叠加构成整个页面的背景，即一个前景对象可以在不同的显示层级对应不同的背景图像，而影响前景对象的可见度以及是否会出现颜色相同或相似的情况时，往往是受相邻层级的背景图像影响。在该情况下，终端设备需要确定与前景对象处于相邻显示层级的背景图像，因此需要识别该前景对象在目标页面内的显示层级。

在s1702中，在所述目标页面内选取与所述显示层级相邻层级的目标背景图像作为所述前景对象的关联背景图像。

在本实施例中，终端设备可以获取得到各个目标背景图像的显示层级，并选取显示层级与前景对象的显示层级相邻的目标背景图像作为前景对象的关联背景图像。

在s1703中，确定所述前景对象在所述关联背景图像内的关联背景区域。

在本实施例中，终端设备在确定了前进对象的关联背景对象后，可以根据前景对象的显示位置，从关联背景图像中确定出对应的关联背景区域。其中，确定关联背景区域的方式可以参见s302的相关描述，还可以采用第二至四实施例提供的方式进行确定，在此不再赘述。

在本申请实施例中，通过确定与前景对象层级相邻的目标背景图像作为关联背景图像，从而在多个背景图像叠加的情况下，能够准确确定关联的背景区域，提高了后续调整方式确定的准确性。

图18示出了本申请第八实施例提供的一种页面显示的方法s303的具体实现流程图。参见图18，相对于图3、图8、图11、图13、图15以及图16任一所述实施例，本实施例提供的一种页面显示的方法在s303包括：s1801～s1802，具体详述如下：

进一步地，所述根据所述关联背景区域的背景像素值，将所述前景对象调整为与所述显示模式对应的目标对象，包括：

在s1801中，根据所述关联背景区域的背景像素值以及所述前景对象的像素值，生成所述前景对象对应的预览对象。

在本实施例中，终端设备除了根据上下层级确定前景对象的调整方式外，还可以根据统一层级相邻的前景对象的调整方式，确定自身的调整方式，从而保证了整体显示效果的一致性。在该情况下，终端设备可以根据关联背景区域的背景像素值以及前景对象的像素值，生成前景对象的预览对象。对所有前景对象均执行上述方式，此时，该预览对象并非最后输出的调整后的前景对象的显示效果。

在s1802中，根据所述预览对象对应的所有关联对象的像素值以及所述预览对象的像素值，生成所述前景对象对应的所述目标对象。

在本实施例中，终端设备可以根据所有预览对象生成对应的预览页面，终端设备可以根据各个预览对象的显示位置，确定每个预览对象对应的关联对象。其中，该关联对象为通过s1801处理后，与预览对象存在关联关系的其他预览对象。上述关联关系可以为两个预览对象之间的显示位置相邻；还可以两个预览对象的对象类型相同；特别地，若两个预览对象为文本对象，且上述两个预览对象位于同一语句或段落，则可以识别上述两个预览对象存在关联关系。

在本实施例中，终端设备可以识别预览对象的像素值与关联对象的像素值之间的差值是否小于预设的关联阈值，若是，则识别预览对象与关联对象之间的显示效果统一，将预览对象作为目标对象；反之，若检测到预览对象与关联对象之间的像素差值大于或等于关联阈值，则识别预览对象与关联对象之间的显示效果不统一，此时可以根据预览对象以及关联对象的像素均值，调整预览对象以及关联对象，将调整后的预览对象作为目标对象，进行显示。

图19示出了本申请一实施例提供的目标对象的生成示意图。参见图19的(a)为基于各个预览对象生成的预览页面；而图19的(b)为基于关联对象对预览对象进行调整后的目标页面。参见图19可以确定，该预览页面内包含有四个前景对象，分别为文本“前”、“景”、“对”以及“像”，其中，根据关联背景区域进行调整后，文本“前”的预览对象调整为白色，而其他文本的预览对象调整为黑色。而由于上述四个对象之间为关联对象，因此需要统一显示效果，因此可以将文本“前”调整为与其他关联对象的调整方式一致的显示效果，即调整为黑色，从而保证关联文本显示效果的一致性。

在本申请实施例中，通过各个前景对象在同一层级的关联对象，根据关联对象确定前景对象的调整策略，保证了同一层级的关联对象之间显示效果的统一性，提高了显示效果。

应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本申请实施例的实施过程构成任何限定。

对应于上文实施例所述的页面显示的方法，图20示出了本申请实施例提供的页面显示的装置的结构框图，为了便于说明，仅示出了与本申请实施例相关的部分。

参照图20，该页面显示的装置包括：

背景图像调整单元201，用于将目标页面内的原始背景图像，调整为与当前的显示模式对应的目标背景图像；

关联背景区域识别单元202，用于识别所述目标页面内各个前景对象在所述目标背景图像内的关联背景区域；

前景对象调整单元203，用于根据所述关联背景区域的背景像素值，将所述前景对象调整为与所述显示模式对应的目标对象；

目标页面生成单元204，用于根据所有所述目标对象以及所述目标背景图像，生成所述目标页面。

可选地，所述关联背景区域识别单元202包括：

候选背景区域划分单元，用于将所述目标背景图像划分为多个候选背景区域；

候选背景区域选取单元，用于根据所述前景对象的中心坐标以及所述目标背景图像的边界坐标，从所述候选背景区域中选取与所述前景对象对应的所述关联背景区域。

可选地，所述候选背景区域划分单元包括：

分块尺寸确定单元，用于获取最小前景尺寸，将所述最小前景尺寸作为确定分块尺寸；

网格划分单元，用于基于所述分块尺寸对所述目标背景图像进行划分，得到多个所述候选背景区域。

可选地，所述候选背景区域选取单元包括：

基准行列号获取单元，用于根据各个候选背景区域的在所述目标背景图像的显示位置，为各个候选背景区域配置关联的基准行列号；

其中，colunm0为所述候选背景区域的基准列序号；row0为所述所述候选背景区域的基准行序号；(srcx0,srcy0)为所述候选背景图像的边界坐标；(px,py)为所述候选背景区域的中心坐标；(sizex,sizey)为所述候选背景区域的区域尺寸；

目标行列号获取单元，用于将所述前景对象中心坐标导入预设的行列转换模型，计算所述前景对象的目标行列号；所述行列转换模型具体为：

将所述前景对象中心坐标导入预设的行列转换模型，计算所述前景对象的目标行列号；所述行列转换模型具体为：

其中，colunm1为所述目标行列号内的列序号；row1为所述目标行列号内的行序号；(srcx1,srcy1)为所述前景对象的中心坐标；(sizex,sizey)为所述候选背景区域的区域尺寸；(targetx,targety)为所述前景对象的对象尺寸；

关联背景区域确定单元，用于选取所述基准行列号与所述目标行列号匹配的所述候选背景区域作为所述前景对象的关联背景区域。

可选地，所述显示模式为深色显示模式，所述前景对象调整单元203包括：

中心坐标获取单元，用于获取关联背景区域的中心坐标的像素值以及透明度；

背景亮度值确定单元，用于根据所述中心坐标的所述像素值以及所述透明度，确定所述关联背景区域的背景亮度值；

第一降低亮度处理单元，用于若所述背景亮度值大于预设的亮度阈值，则对所述前景对象进行降低亮度处理，生成所述目标对象；

第一反色处理单元，用于若所述背景亮度值小于或等于所述亮度阈值，则对所述前景对象进行反色处理，生成所述目标对象。

可选地，所述页面显示单元还包括：

特征亮度值获取单元，用于根据所述前景对象内各个像素点的所述像素值，确定所述前景对象对应的特征亮度值；

第二降低亮度处理单元，用于若所述背景亮度值与所述特征亮度值之间的亮度差值大于预设的反色阈值，则对所述前景对象进行降低亮度处理，生成所述目标对象；

第二反色处理单元，用于若所述亮度差值小于或等于所述反色阈值，则对所述前景对象进行反色处理，生成所述目标对象。

可选地，所述关联背景区域识别单元202包括：

显示层级确定单元，用于确定所述前景对象在所述目标页面内的显示层级；

关联背景图像确定单元，用于在所述目标页面内选取与所述显示层级相邻层级的目标背景图像作为所述前景对象的关联背景图像；

关联背景区域确定单元，用于确定所述前景对象在所述关联背景图像内的关联背景区域。

可选地，所述前景对象调整单元203包括：

预览对象生成单元，用于根据所述关联背景区域的背景像素值以及所述前景对象的像素值，生成所述前景对象对应的预览对象；

关联对象调整单元，用于根据所述预览对象对应的所有关联对象的像素值以及所述预览对象的像素值，生成所述前景对象对应的所述目标对象。

因此，本申请实施例提供的页面显示的装置同样可以通过对目标页面内的原始背景图像进行调整，得到目标背景图像，继而根据各个前景对象在目标背景图像内的关联背景区域的亮度值，确定前景对象的调整策略，并根据调整策略生成前景对象对应的目标对象，最后根据目标背景图像以及目标对象生成目标页面，在调整前景对象时，根据关联的背景区域确定调整策略，避免了调整后的背景图像与前景对象出现颜色相同或相似，提高了页面的显示效果。

图21为本申请一实施例提供的终端设备的结构示意图。如图21所示，该实施例的终端设备21包括：至少一个处理器210(图21中仅示出一个)处理器、存储器211以及存储在所述存储器211中并可在所述至少一个处理器210上运行的计算机程序212，所述处理器210执行所述计算机程序212时实现上述任意各个页面显示的方法实施例中的步骤。

所述终端设备21可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。该终端设备可包括，但不仅限于，处理器210、存储器211。本领域技术人员可以理解，图21仅仅是终端设备21的举例，并不构成对终端设备21的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如还可以包括输入输出设备、网络接入设备等。

所称处理器210可以是中央处理单元(centralprocessingunit，cpu)，该处理器210还可以是其他通用处理器、数字信号处理器(digitalsignalprocessor，dsp)、专用集成电路(applicationspecificintegratedcircuit，asic)、现成可编程门阵列(field-programmablegatearray，fpga)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

所述存储器211在一些实施例中可以是所述终端设备21的内部存储单元，例如终端设备21的硬盘或内存。所述存储器211在另一些实施例中也可以是所述终端设备21的外部存储设备，例如所述终端设备21上配备的插接式硬盘，智能存储卡(smartmediacard,smc)，安全数字(securedigital,sd)卡，闪存卡(flashcard)等。进一步地，所述存储器211还可以既包括所述终端设备21的内部存储单元也包括外部存储设备。所述存储器211用于存储操作系统、应用程序、引导装载程序(bootloader)、数据以及其他程序等，例如所述计算机程序的程序代码等。所述存储器211还可以用于暂时地存储已经输出或者将要输出的数据。

需要说明的是，上述装置/单元之间的信息交互、执行过程等内容，由于与本申请方法实施例基于同一构思，其具体功能及带来的技术效果，具体可参见方法实施例部分，此处不再赘述。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将所述装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。另外，各功能单元、模块的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。上述系统中单元、模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

本申请实施例还提供了一种网络设备，该网络设备包括：至少一个处理器、存储器以及存储在所述存储器中并可在所述至少一个处理器上运行的计算机程序，所述处理器执行所述计算机程序时实现上述任意各个方法实施例中的步骤。

本申请实施例还提供了一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序被处理器执行时实现可实现上述各个方法实施例中的步骤。

本申请实施例提供了一种计算机程序产品，当计算机程序产品在移动终端上运行时，使得移动终端执行时实现可实现上述各个方法实施例中的步骤。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实现上述实施例方法中的全部或部分流程，可以通过计算机程序来指令相关的硬件来完成，所述的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，所述计算机程序包括计算机程序代码，所述计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。所述计算机可读介质至少可以包括：能够将计算机程序代码携带到拍照装置/终端设备的任何实体或装置、记录介质、计算机存储器、只读存储器(rom，read-onlymemory)、随机存取存储器(ram，randomaccessmemory)、电载波信号、电信信号以及软件分发介质。例如u盘、移动硬盘、磁碟或者光盘等。在某些司法管辖区，根据立法和专利实践，计算机可读介质不可以是电载波信号和电信信号。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

在本申请所提供的实施例中，应该理解到，所揭露的装置/网络设备和方法，可以通过其它的方式实现。例如，以上所描述的装置/网络设备实施例仅仅是示意性的，例如，所述模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个系统，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口，装置或单元的间接耦合或通讯连接，可以是电性，机械或其它的形式。

所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

以上所述实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围，均应包含在本申请的保护范围之内。