页面调整方法、装置、计算机设备和计算机可读存储介质

技术领域

本发明涉及页面调整技术领域，尤其涉及一种页面调整方法、装置、计算机设备和计算机可读存储介质。

背景技术

随着移动终端的普及，越来越多的日常生活需求均可以通过移动终端上的第三方应用程序实现，因而，提升用户与应用程序页面的交互体验，使应用程序的页面能够更友好地显示，也是目前的重要研究方向。

现有技术中，在调整应用程序的页面亮度时，一般具有以下两种调整方式：第一，根据页面亮度变化要求，调整终端的背光亮度；第二，根据页面亮度变化要求，调整页面的色值。发明人发现，对于第一种调整方式，页面亮度调整后同时会影响到终端上其他应用程序的显示，调整方式较复杂；对于第二种调整方式，调整页面色值后效果较差。

因而，提供一种页面调整方法、装置、计算机设备和计算机可读存储介质，以进一步提升页面显示效果，成为本领域亟需解决的技术问题。

发明内容

本发明的目的是提供一种页面调整方法、装置、计算机设备和计算机可读存储介质，用于解决现有技术中页面显示效果差的技术问题。

一方面，为实现上述目的，本发明提供了一种页面调整方法。

该页面调整方法包括：接收页面的亮度调整操作；确定亮度调整操作对应的预设参数的变化值；根据预设参数的变化值、预设参数与红色分量的对应关系、预设参数与绿色分量的对应关系和预设参数与蓝色分量的对应关系，分别计算红色分量值、绿色分量值和蓝色分量值；叠加红色分量值、绿色分量值和蓝色分量值得到色值；以及按照色值调整页面的亮度。

进一步地，页面包括背景图层和图像图层，按照色值设置页面的亮度的步骤包括：按照色值设置背景图层的亮度。

进一步地，预设参数为图像图层中图像的几何参数，页面调整方法还包括：按照几何参数的变化值调整图像图层中的图像。

进一步地，预设参数为角度，预设参数的变化值由0度至180度时，页面的亮度由第一色值至第二色值，预设参数的变化值由180度至360度时，页面的亮度由第二色值至第一色值，其中，第一色值和第二色值为不同的色值。

进一步地，采用以下公式分别计算红色分量值R、绿色分量值G和蓝色分量值B：R＝a*θ

进一步地，亮度调整操作包括在页面上由点A(x

进一步地，亮度调整操作包括在页面上由点C沿第一方向滑动至点D的第二调整操作，采用以下公式确定第二调整操作对应的预设参数的变化值θ：θ＝360*|CD|/L0；其中，|CD|为点C至点D的距离，L0为显示页面的显示屏在第一方向上的长度。

进一步地，图像图层中的图像为时间罗盘，几何参数为时间罗盘的转动角度，其中，时间罗盘的0度至360度等分设置表征0-24小时的时间标识；按照预设参数的变化值调整图像图层中的图像的步骤包括：按照转动角度的变化值转动时间罗盘。

另一方面，为实现上述目的，本发明提供了一种页面调整装置。

该页面调整装置包括：接收模块，用于接收页面的亮度调整操作；第一处理模块，用于确定亮度调整操作对应的预设参数的变化值；第二处理模块，用于根据预设参数的变化值、预设参数与红色分量的对应关系、预设参数与绿色分量的对应关系和预设参数与蓝色分量的对应关系，分别计算红色分量值、绿色分量值和蓝色分量值；第三处理模块，用于叠加红色分量值、绿色分量值和蓝色分量值得到色值；以及调整模块，用于按照色值调整页面的亮度。

为实现上述目的，本发明还提供一种计算机设备，包括存储器、处理器以及存储在存储器上并可在处理器上运行的计算机程序，该处理器执行计算机程序时实现上述方法的步骤。

为实现上述目的，本发明还提供计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现上述方法的步骤。

本发明提供的页面调整方法、装置、计算机设备和计算机可读存储介质，接收到亮度调整操作后，将其映射为预设参数的变化值，然后根据预设参数与红色分量的对应关系、预设参数与绿色分量的对应关系和预设参数与蓝色分量的对应关系，分别计算得到红色分量值、绿色分量值和蓝色分量值，最后将三原色分量值叠加为色值，对页面进行调整，能够在调整色值时单独计算不同颜色分量值的大小，以便能够对不同颜色进行单独控制，达到灵活控制色值中三原色配比的效果，进而实现在改变亮度变化的同时不改变页面颜色色系的目的，提升页面显示效果。

附图说明

图1为本发明实施例一提供的页面调整方法的步骤流程图；

图2为本发明实施例提供的页面调整方法中页面亮度变化效果图；

图3为本发明实施例提供的页面调整方法中一种根据页面亮度操作确定预设参数变化值的示意图；

图4为本发明实施例提供的页面调整方法中另一种根据页面亮度操作确定预设参数变化值的示意图；

图5为本发明实施例提供的页面渲染的示意图；

图6为本发明实施例二提供的页面调整装置的框图；

图7为本发明实施例三提供的计算机设备的硬件结构图。

具体实施方式

为了使本发明的目的、技术方案及优点更加清楚明白，以下结合附图及实施例，对本发明进行进一步详细说明。应当理解，此处所描述的具体实施例仅用以解释本发明，并不用于限定本发明。基于本发明中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本发明保护的范围。

在一种方法中，通过调整页面色值来达到调整页面亮度，具体地，设页面初始色值为XXYYZZ，其中的XX、YY和ZZ分别为红色分量值、绿色分量值和蓝色分量值对应的十六进制数，当需要调整页面亮度时，将页面初始色值XXYYZZ乘以调整系数，得到调整后色值，将页面色值设置为调整后色值，实现页面亮度调整。发明人对此研究发现，在亮度变化后，同时改变了页面颜色的色系，影响页面的显示效果。

为了解决该问题，本发明提供了一种页面调整方法、装置、计算机设备和计算机可读存储介质，在本发明提供的页面调整方法中，用户通过调整操作可对终端上运行的应用程序的页面亮度进行调整，应用程序显示页面后，当终端接收到用户的页面亮度调整操作时，将该页面亮度操作转换为预设参数的变化值，再根据预设参数分别与红色分量、绿色分量和蓝色分量的对应关系，利用预设参数的变化值计算出红色分量值、绿色分量值和蓝色分量值，然后再叠加该红色分量值、绿色分量值和蓝色分量值得到色值，对页面进行调整。从中可以看出，在本发明中，将色值中的红色分量、绿色分量和蓝色分量分别单独计算，在计算时，通过设置变化值与红色分量、绿色分量和蓝色分量不同的对应关系，能够在调整色值时单独计算不同颜色分量值的大小，以便能够对不同颜色进行单独控制，达到灵活控制色值中三原色配比的效果，进而实现在改变亮度变化的同时不改变页面颜色色系的目的，提升页面显示效果。

关于本发明提供的页面调整方法、装置、计算机设备和计算机可读存储介质的具体实施方式，将在下文中详细描述。

实施例一

本发明实施例一提供了一种页面调整方法，该方法可应用于应用程序的页面调整，也可应用于其他图片编辑场景，对于动态调整页面亮度的场景均适用，通过该方法，能够亮度对应的色值中的不同颜色进行单独控制，达到灵活控制色值中三原色配比的效果，具体地，图1为本发明实施例一提供的页面调整方法的步骤流程图，如图1所示，该实施例提供的页面调整方法包括如下的步骤S101至步骤S105。

步骤S101：接收页面的亮度调整操作。

用户可在初始页面的基础上通过在终端上进行亮度调整操作来改变页面的亮度。其中，亮度调整操作可以预先限定为任一种操作，例如，在终端显示屏的水平方向、竖直方向或任意其他方向上的滑动操作，在终端显示屏上的曲线滑动操作，或者，在终端显示屏上的触摸操作等。

步骤S102：确定亮度调整操作对应的预设参数的变化值。

可选地，根据预先定义的亮度调整操作的特点，预设可区分不同亮度调整操作的参数，例如，亮度调整操作为滑动操作，预设参数可以为滑动距离或滑动角度等参数；亮度调整操作为触摸操作时，预设参数可以为触摸时间；亮度调整操作为按压操作时，预设参数可以为按压力度等。在该步骤中，根据亮度调整操作确定对应的预设参数的变化值

步骤S103：根据预设参数的变化值、预设参数与红色分量的对应关系、预设参数与绿色分量的对应关系和预设参数与蓝色分量的对应关系，分别计算红色分量值、绿色分量值和蓝色分量值。

根据亮度调整需求，例如亮度调整需求可以为在亮度变化的同时，不改变色系(具体如：在蓝色色系下页面亮度逐渐变化，在粉色色系下页面亮度逐渐变化)，预先设置预设参数与红色分量的对应关系、预设参数与绿色分量的对应关系和预设参数与蓝色分量的对应关系。

在该步骤中，将预设参数的变化值代入预设参数与红色分量的对应关系，即可得到预设参数的变化值对应的红色分量值，将预设参数的变化值代入预设参数与绿色分量的对应关系，即可得到预设参数的变化值对应的绿色分量值，将预设参数的变化值代入预设参数与蓝色分量的对应关系，即可得到预设参数的变化值对应的蓝色分量值。

步骤S104：叠加红色分量值、绿色分量值和蓝色分量值得到色值。

红色分量值、绿色分量值和蓝色分量值可以为十进制数值0～255标识的颜色值，也可以为十六进制数值#00～#FF标识的颜色值。在该步骤中，将红色分量值、绿色分量值和蓝色分量值叠加为色值，例如，红色分量值、绿色分量值和蓝色分量值分别为#18、#4E、#81，叠加后得到的色值为#184E81。

步骤S105：按照色值调整页面的亮度。

将步骤S104得到的色值作为页面的色值参数，实现页面亮度的调整。

在该实施例提供的页面调整方法中，接收到亮度调整操作后，将其映射为预设参数的变化值，然后根据预设参数与红色分量的对应关系、预设参数与绿色分量的对应关系和预设参数与蓝色分量的对应关系，分别计算得到红色分量值、绿色分量值和蓝色分量值，最后将三原色分量值叠加为色值，对页面进行调整，采用本发明提供的页面调整方法，能够在调整色值时单独计算不同颜色分量值的大小，以便能够对不同颜色进行单独控制，达到灵活控制色值中三原色配比的效果，进而实现在改变亮度变化的同时不改变页面颜色色系的目的，提升页面显示效果。

可选地，在一种实施例中，页面包括背景图层和图像图层，按照色值设置页面的亮度的步骤包括：按照色值设置背景图层的亮度。

具体而言，背景图层为图像图层提供背景，背景图层的色值发生变化时，页面的亮度相应发生变化，在该实施例中，按照色值设置背景图层的亮度可起到调整页面亮度的目的。

采用该实施例提供的页面调整方法，通过调整页面中背景图层的亮度实现页面亮度的调整，在调整过程中可不影响图像图层的正常显示，也即避免页面亮度整体调整时造成对图像图层中图像颜色显示的影响。

可选地，在一种实施例中，预设参数为图像图层中图像的几何参数，页面调整方法还包括：按照几何参数的变化值调整图像图层中的图像。

具体而言，将预设参数设置为图像的几何参数，例如图像的高度、宽度和角度等，根据亮度调整操作确定几何参数的变化值后，在依据该变化值调整背景图层的亮度的同时，调整图像图层中的图像，例如，将图像在高度上进行伸缩、在宽度上进行伸缩或者旋转角度等。

采用该实施例提供的页面调整方法，依据页面调整参数确定几何参数的变化值后，连动调整背景图层的亮度和图像图层的图像，提升用户操作的便利性和交互体验。

可选地，在一种实施例中，预设参数为角度，预设参数的变化值由0度至180度时，页面的亮度由第一色值至第二色值，预设参数的变化值由180度至360度时，页面的亮度由第二色值至第一色值，其中，第一色值和第二色值为不同的色值。

具体而言，设置预设参数为角度，亮度调整操作对应的角度由0度变化至180度再至360度，实现一个圆的变化时，页面的亮度对应由第一色值变化至第二色值再返回至第一色值。图2为本发明实施例提供的页面调整方法中页面亮度变化效果图，如图2所示，第一色值为RGB(红色分量值、绿色分量值和蓝色分量值)：0,0,0；第二色值为RGB：24,78,129。

采用该实施例提供的页面调整方法，设定第一色值和第二色值后，通过亮度调整操作，可方便的由第一色值逐渐调整至第二色值，再由第二色值逐渐返回至第一色值，使得亮度变化更顺滑。

可选地，在一种实施例中，采用以下公式分别计算红色分量值R、绿色分量值G和蓝色分量值B：R＝a*θ

具体而言，请继续参考图2，角度在0度至180之间变化时，与角度在180度至360度之间变化时，产生页面亮度的变化的色值大小对称，因而，只需要计算0度至180之间角度与各颜色色值变化的关系即可。同时，角度在0度至180之间变化时，亮度对应的色值为#000000～#184E81，也即第一色值为#000000，第二色值为#184E81，第二色值对应的十进制数值RGB：24，78，129，同时，为满足亮度调整时不改变色系的色值变化要求，当角度为90度时，色值对应的十进制数值RGB：6，15，30。在此基础上，为得到角度与色值变化的关系，角度与色值构成的二维坐标分别为：

角度与红色分量R的二维坐标：(0,0)；(90,6)；(180,24)；

角度与绿色分量G的二维坐标：(0,0)；(90,15)；(180,78)；

角度与蓝色分量B的二维坐标：(0,0)；(90,30)；(180,129)。

其中，对于角度与红色分量R的二维坐标：(0,0)；(90,6)；(180,24)，拟合后的连接曲线接近于一个二次函数曲线，同时又经过原点(0,0)，因而设角度与红色分量R的关系函数为R＝a*θ

同理，角度与绿色分量G的关系函数为G＝b*θ

同理，角度与蓝色分量B的关系函数为B＝c*θ

其中，第一色值、第二色值和/或色值变换要求发生变化时，a、b、c的值相应发生变化。

可选地，在一种实施例中，亮度调整操作包括在页面上由点A(x

具体而言，第一调整操作为一种滑动操作，根据滑动位置确定预设参数的变化值。图3为本发明实施例提供的页面调整方法中一种根据页面亮度操作确定预设参数变化值的示意图，如图3所示，用户由点A(x

可选地，在一种实施例中，亮度调整操作包括在页面上由点C沿第一方向滑动至点D的第二调整操作，采用以下公式确定第二调整操作对应的预设参数的变化值θ：θ＝360*|CD|/L0，其中，|CD|为点C至点D的距离，L0为显示页面的显示屏在第一方向上的长度。

具体而言，第二调整操作为一种滑动操作，根据滑动位置确定预设参数的变化值。图4为本发明实施例提供的页面调整方法中另一种根据页面亮度操作确定预设参数变化值的示意图，如图4所示，在该图4所示的实施例中，第一方向为显示屏的竖直方向(例如手机的长度方向)，用户由点C(x

可选地，在一种实施例中，图像图层中的图像为时间罗盘，预设参数为时间罗盘的转动角度，其中，时间罗盘的0度至360度等分设置表征0-24小时的时间标识；按照预设参数的变化值调整图像图层中的图像的步骤包括：按照转动角度的变化值转动时间罗盘。

具体而言，时间罗盘上等比刻有24个数字作为时间标识，表示时间，预设参数为时间罗盘的转动角度。当亮度面调整操作为手指的滑动操作时，随着用户手指滑动，时间罗盘轮回滚动0度至360度，对应的时间为0时至24时，对应的页面亮度为第一色值至第二色值，背景图层为星空时，通过设置第一色值和第二色值，可实现星空色值随时间而变化，体现出由天黑至天亮再至天黑的效果。

图5为本发明实施例提供的页面渲染的示意图，如图5所示，在一种应用程序的页面渲染的过程中，应用本发明提供的页面调整方法。具体而言，APP(也即应用程序)启动后，获取页面渲染所需的本地资源文件以进行动画准备渲染展示，其中，本地资源文件包括图像图层中所需的图片以及动画展示中所需的动画视频，可以通过请求云端平台资源文件获得。在初始页面渲染展示后，用户进入星盘选择，也即进入可选择星座的显示页面，该显示页面包括背景图层和图像图层，其中，图像图层中的图像包括时间罗盘和星座，在该页面中，用户可通过转动时间罗盘角度的页面调整操作调整页面，也可通过纵向滑的页面调整操作调整页面。当用户转动时间罗盘角度时，算法工厂根据转动角度计算得到亮度值，该亮度值也即色值；当用户纵向滑时，算法工厂根据滑动操作的坐标值也即滑动距离计算得到亮度值该亮度值也即色值，其中，色值计算的过程可参考上述各个实施例，该处不再赘述。计算得到色值后，实时更新背景图层的亮度，也即实时更新星空亮度。

实施例二

对应于上述实施例一，本发明实施例二提供了一种页面调整装置，相关技术特征和相应地技术效果可参考上述实施例一，在该事实中不再详述。图6为本发明实施例二提供的页面调整装置的框图，如图6所示，该页面调整装置包括：接收模块201、第一处理模块202、第二处理模块203、第三处理模块204和调整模块205。

接收模块201用于接收页面的亮度调整操作；第一处理模块202用于确定亮度调整操作对应的预设参数的变化值；第二处理模块203用于根据预设参数的变化值、预设参数与红色分量的对应关系、预设参数与绿色分量的对应关系和预设参数与蓝色分量的对应关系，分别计算红色分量值、绿色分量值和蓝色分量值；第三处理模块204用于叠加红色分量值、绿色分量值和蓝色分量值得到色值；以及第一调整模块205用于按照色值调整页面的亮度。

可选地，在一种实施例中，页面包括背景图层和图像图层，第一调整模块205在按照色值设置页面的亮度时，具体执行的步骤包括：按照色值设置背景图层的亮度。

可选地，在一种实施例中，预设参数为图像图层中图像的几何参数，页面调整方法还包括：第二调整模块，用于按照几何参数的变化值调整图像图层中的图像。

可选地，在一种实施例中，预设参数为角度，预设参数的变化值由0度至180度时，页面的亮度由第一色值至第二色值，预设参数的变化值由180度至360度时，页面的亮度由第二色值至第一色值，其中，第一色值和第二色值为不同的色值。

可选地，在一种实施例中，采用以下公式分别计算红色分量值R、绿色分量值G和蓝色分量值B：R＝a*θ

可选地，在一种实施例中，亮度调整操作包括在页面上由点A(x

可选地，在一种实施例中，亮度调整操作包括在页面上由点C沿第一方向滑动至点D的第二调整操作，采用以下公式确定第二调整操作对应的预设参数的变化值θ：θ＝360*|CD|/L0；其中，|CD|为点C至点D的距离，L0为显示页面的显示屏在第一方向上的长度。

可选地，在一种实施例中，图像图层中的图像为时间罗盘，几何参数为时间罗盘的转动角度，其中，时间罗盘的0度至360度等分设置表征0-24小时的时间标识；按照预设参数的变化值调整图像图层中的图像的步骤包括：按照转动角度的变化值转动时间罗盘。

实施例三

本实施例还提供一种计算机设备，如可以执行程序的智能手机、平板电脑、笔记本电脑、台式计算机、机架式服务器、刀片式服务器、塔式服务器或机柜式服务器(包括独立的服务器，或者多个服务器所组成的服务器集群)等。如图7所示，本实施例的计算机设备01至少包括但不限于：可通过系统总线相互通信连接的存储器011、处理器012，如图7所示。需要指出的是，图7仅示出了具有组件存储器011和处理器012的计算机设备01，但是应理解的是，并不要求实施所有示出的组件，可以替代的实施更多或者更少的组件。

本实施例中，存储器011(即可读存储介质)包括闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等。在一些实施例中，存储器011可以是计算机设备01的内部存储单元，例如该计算机设备01的硬盘或内存。在另一些实施例中，存储器011也可以是计算机设备01的外部存储设备，例如该计算机设备01上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字(Secure Digital,SD)卡，闪存卡(Flash Card)等。当然，存储器011还可以既包括计算机设备01的内部存储单元也包括其外部存储设备。本实施例中，存储器011通常用于存储安装于计算机设备01的操作系统和各类应用软件，例如实施例二的页面调整装置的程序代码等。此外，存储器011还可以用于暂时地存储已经输出或者将要输出的各类数据。

处理器012在一些实施例中可以是中央处理器(Central Processing Unit，CPU)、控制器、微控制器、微处理器、或其他数据处理芯片。该处理器012通常用于控制计算机设备01的总体操作。本实施例中，处理器012用于运行存储器011中存储的程序代码或者处理数据，例如页面调整方法等。

实施例四

本实施例还提供一种计算机可读存储介质，如闪存、硬盘、多媒体卡、卡型存储器(例如，SD或DX存储器等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘、服务器、App应用商城等等，其上存储有计算机程序，程序被处理器执行时实现相应功能。本实施例的计算机可读存储介质用于存储页面调整装置，被处理器执行时实现实施例一的页面调整方法。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。

上述本发明实施例序号仅仅为了描述，不代表实施例的优劣。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。

以上仅为本发明的优选实施例，并非因此限制本发明的专利范围，凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换，或直接或间接运用在其他相关的技术领域，均同理包括在本发明的专利保护范围内。