CN105320430B - 页面信息的控制方法及装置 - Google Patents

Abstract

本发明公开一种页面信息的控制方法及装置，本发明实施例终端响应基于参数滑块触发的滑动操作指令；监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置；根据设置的所述滑块位置，获取所述滑块位置对应的所述参数变量的变量信息；滑动所述参数滑块至所述滑块位置处，同时在页面上显示所述参数滑块的滑动过程，并显示滑动后所述参数滑块的状态和所述参数滑块对应的所述变量信息；解决了滑块移动过程中以漏掉图像帧等原因所已引起的显示滑动移动动画卡顿的问题，使得滑动移动时的动画显示更加流畅。

Description

页面信息的控制方法及装置

技术领域

本发明涉及计算机技术，尤其涉及一种页面信息的控制方法及装置。

背景技术

目前，调整终端页面上的信息时，大部分通过滑动代表变量参数的滑块来改变对应的信息，从而达到调整终端页面信息的目的。比如调整某一图像的透明度时，终端通常提供一表示透明度可变范围的滑动条以及代表透明度参数的滑块，用户只需手动滑动滑块即可调整透明度的值，并在页面上显示滑块的滑动过程。在显示相关滑块的滑动过程中，采用的是滑块和用户手指位置同步的方式，或者是滑块和控制滑块移动的光标移动同步的方式，这种同步方式容易导致在滑块移动的过程中出现漏掉图像帧或者动画卡顿的现象，比如控制滑块移动的用户手指或者鼠标光标已经移动至滑动条较远的位置，而滑块却卡在该滑动条的前一位置不能移动，严重影响人机的可交互性，进而也可能影响滑块对应变量的数值变化。

发明内容

鉴于以上内容，有必要提供一种页面信息的控制方法及装置，旨在解决滑块移动过程中出现的动画卡顿的问题。

本发明实施例提供一种页面信息的控制方法，包括以下步骤：

响应基于参数滑块触发的滑动操作指令；其中，所述参数滑块对应页面可调整信息映射的参数变量；

监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置；

根据设置的所述滑块位置，获取所述滑块位置对应的所述参数变量的变量信息；

滑动所述参数滑块至所述滑块位置处，同时在页面上显示所述参数滑块的滑动过程，并显示滑动后所述参数滑块的状态和所述参数滑块对应的所述变量信息。

本发明实施例还提供一种页面信息的控制装置，包括：

参数获取模块，用于：

响应基于参数滑块触发的滑动操作指令；监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置；根据设置的所述滑块位置，获取所述滑块位置对应的所述参数变量的变量信息；其中，所述参数滑块对应页面可调整信息映射的参数变量；

滑动执行模块，用于：滑动所述参数滑块至所述滑块位置处，同时在页面上显示所述参数滑块的滑动过程，并显示滑动后所述参数滑块的状态和所述参数滑块对应的所述变量信息。

本发明实施例终端响应基于参数滑块触发的滑动操作指令；监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置；根据设置的所述滑块位置，获取所述滑块位置对应的所述参数变量的变量信息；滑动所述参数滑块至所述滑块位置处，同时在页面上显示所述参数滑块的滑动过程，并显示滑动后所述参数滑块的状态和所述参数滑块对应的所述变量信息；相较于现有技术中，滑动滑块过程中采用滑块和用户手指位置或者滑块和鼠标光标移动位置同步的方式，本发明实施例解决了滑块移动过程中以漏掉图像帧等原因所已引起的显示滑动移动动画卡顿的问题，使得滑动移动时的动画显示更加流畅。

附图说明

图1是本发明页面信息控制方法应用在色彩调节一应用场景中的页面显示示意图；

图2是本发明页面信息的控制方法应用在钻石设计一应用场景中的页面显示示意图；

图3是本发明页面信息的控制方法应用在应用程序“现金贷”中的第一实施例页面显示示意图；

图4是本发明页面信息的控制方法应用在应用程序“现金贷”中的第二实施例页面显示示意图；

图5是本发明页面信息的控制方法一实施例流程示意图；

图6是本发明页面信息控制方法中，通过监控滑动操作指令对应的滑动位置信息，设置参数滑块的滑块位置一实施例流程示意图；

图7是本发明页面信息的控制装置一实施例功能模块示意图；

图8是本发明页面信息的控制装置一实施例硬件架构示意图。

本发明实施例目的的实现、功能特点及优点将结合实施例，参照附图做进一步说明。

具体实施方式

以下结合说明书附图及具体实施例进一步说明本发明的技术方案。应当理解，此处所描述的具体实施例仅仅用以解释本发明，并不用于限定本发明。

本发明实施例页面信息的控制方法及装置，可以应用在通过滑动滑块来改变该滑块对应参数从而改变页面可调整信息的任一应用场景中；上述应用场景使用本发明实施例页面信息的控制方法及装置时，可以同时设置多个滑块，并根据对上述滑块触发的滑动操作指令，控制滑块的移动，从而改变所述滑块对应的页面可调整信息；比如，针对所述页面可调整信息对应的各调整参数，当该页面可调整信息对应的调整参数有两个时，可以设置其中一个调整参数对应的输入方式为滑动滑块输入，另一调整参数对应的输入方式为通过表单输入；或者，设置这两个调整参数的输入方式均为滑动滑块输入；当该页面可调整信息对应的调整参数有多个时，可以设置所述调整参数的输入方式均为滑动滑块输入，或者设置一部分调整参数的输入方式为滑动滑块输入，另一部分调整参数的输入方式为表单输入。本实施例中，所描述的表单输入可以理解为：终端提供一参数输入控件，供用户手动填写并输入上述调整参数对应的取值。

在本发明一优选实施例中，为了便捷、快速地调整页面可调整信息对应的调整参数的取值，进一步地也为了便捷地观察因调整参数的连续性变化所带来的页面可调整信息的变化，通常将页面可调整信息对应的调整参数的输入方式均设置为滑动滑块输入。如图1所示，图1是本发明页面信息控制方法应用在色彩调节一应用场景中的页面显示示意图；比如，该色彩调节应用场景中，色彩变量和透明度变量均通过滑动滑块的方式来改变其取值，同时，由于色彩和透明度的不同，二者综合确定的颜色组合也随之不同。如图2所示，图2是本发明页面信息的控制方法应用在钻石设计一应用场景中的页面显示示意图；比如，对于成品钻石主要由钻石重量、钻石切工、钻石净度和钻石颜色这四个变量综合确定，通过调整上述变量对应的滑块来调整上述变量的取值，从而根据不同的取值得到对应的钻石效果预览图。如图3所示，图3是本发明页面信息的控制方法应用在应用程序“现金贷”中的第一实施例页面显示示意图；图3中，通过调整虚拟金额相应数值和自然日相应天数分别对应的滑块，即可获知由上述两个变量对应的各参数值的变化。当然，上述图1、图2和图3所示的应用场景中，也可以通过即设置滑块又设置表单控件的方式来调整对应的参数。如图4所示，图4是本发明页面信息的控制方法应用在应用程序“现金贷”中的第二实施例页面显示示意图；图4将图3所示中的虚拟金额相应数值对应的变量参数设置为通过表单控件的形式输入对应的数值，从而使得通过滑动滑块和基于表单控件输入变量值这两种方式相结合的形式来调整页面可调整信息。

本发明实施例提供了一种如图5所示的页面信息的控制方法一实施例；如图5所示，本发明页面信息的控制方法包括以下步骤：

步骤S01、响应基于参数滑块触发的滑动操作指令；其中，所述参数滑块对应页面可调整信息映射的参数变量；

终端接收到基于参数滑块触发的滑动操作指令时，响应上述滑动操作指令。本发明实施例中，对于触屏的终端，用户可以通过手指滑动对应的参数滑块触发上述滑动操作指令，对于非触屏的终端，用户可以通过鼠标光标移动对应的参数滑块来触发上述滑动操作指令。

进一步地，本发明实施例中，为了避免误操作(尤其是对于触屏终端来讲，由于触屏终端对屏幕触控的识别灵敏度高，因此很可能会误识别接收到对应的参数滑块的滑动操作)，一般情况下，设置页面可调整信息对应的各参数滑块默认状态为不可滑动，比如，默认情况下，在终端未接收到针对上述参数滑块的滑动操作指令时，对所述参数滑块进行不可滑动标记。当终端接收到对参数滑块触发的滑动操作指令时，再设置所述参数滑块对应的可滑动标记，表示本次触发的所述滑动操作指令为有效的滑动操作指令。

步骤S02、监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置；

终端响应所述滑动操作指令后，监控所述滑动操作指令对应的滑动位置信息，进而根据获取的所述滑动位置信息，来设置所述参数滑块的滑块位置。

比如，对于参数滑块对应的滑动条所代表的距离为均匀刻度的长度距离时，则终端监控到所述滑动操作指令对应的滑动操作的停止位置，即为所述参数滑块对应的滑块位置。或者，终端监控到触发所述滑动操作指令的滑动操作停止滑动时，获取所述滑动操作对应的滑动起点和滑动终点；计算所述滑动终点和滑动起点之间的距离值；根据所述参数滑块的起始位置及所述距离值，获取所述参数滑块的滑块位置即为：所述起始位置与所述距离值之和对应的位置处。

本发明实施例中，参数滑块对应的滑动条所代表的滑动距离刻度以及终端设置的参数滑块的滑动步进值，可能根据不同的页面可调整信息的不同而有不同的设置，因此，终端根据获取到的所述滑动操作指令对应的滑动位置信息来设置所述参数滑块的滑块位置的设置方式，也会相应不同；终端根据所述滑动位置信息设置参数滑块的滑块位置的具体设置方式，在不同的应用场景中也可能不同，本发明实施例对上述设置方式不进行具体形式的限定。只要根据具体的应用场景，以及滑动条所代表的滑动距离刻度和参数滑块的滑动步进值，基于所述滑动位置信息来获取到所述参数滑块的滑块位置即可。

步骤S03、根据设置的所述滑块位置，获取所述滑块位置对应的所述参数变量的变量信息；

获取并设置所述参数滑块对应的滑块位置后，根据所述滑块位置映射的数值，获取所述滑块位置对应的所述参数变量的变量信息。比如，对于该参数滑块所代表的参数变量，查找参数变量取值表，根据所述参数滑块在滑动条上的所述滑块位置，获取所述滑块位置映射的参数值，即得到所述参数变量对应的变量信息。

或者，获取到所述滑块位置后，计算所述滑块位置对应的距离在所述参数滑块对应的整个滑动条距离的百分比，将所述百分比作为函数参数，代入预设函数关系式，计算得到对应的参数值，从而获取所述参数变量对应的变量信息。其中，所述预设函数关系式可以为所述百分比的一次函数、二次函数或者其他类型的函数关系，本发明实施例对所述预设函数关系式的具体类型及具体表达方式不做限定，只要根据具体的应用环境及所述参数滑块对应地参数变量的特点，设置上述预设函数关系式均可。

步骤S04、滑动所述参数滑块至所述滑块位置处，同时在页面上显示所述参数滑块的滑动过程，并显示滑动后所述参数滑块的状态和所述参数滑块对应的所述变量信息。

获取到所述参数滑块对应的滑块位置及所述参数变量的变量信息后，终端控制所述参数滑块滑动至所述滑块位置处，同时，在页面上显示所述参数滑块的滑动过程；在停止滑动所述参数滑块后，终端在页面上显示滑动后的所述参数滑块的状态，以及所述参数滑块对应的参数变量的所述变量信息。

如图1、图2、图3和图4所述实施例对应的具体应用场景中，以图3所示的应用程序“现金贷”调节为例，滑动图3所示的自然日对应天数的参数滑块时，终端显示对应参数滑块的滑动过程，并在该参数滑块滑动至对应滑块位置处时，在停止滑动所述参数滑块后，终端在页面上显示滑动后的该参数滑块的状态，以及该参数滑块对应的参数变量的变量信息为5天。

在本发明一优选实施例中，终端沿着所述参数滑块对应的滑动条滑动所述参数滑块的同时，在页面上显示该参数滑块的滑动过程，同时，改变所述参数滑块滑过的所述滑动条对应部分的滑动条显示状态；比如，对于所述参数滑块滑动过的滑动条部分，改变所述滑动条部分的显示颜色，使得所述参数滑块滑过的所述滑动条部分与所述参数滑块未滑过的所述滑动条部分的显示有所不同，便于用户查看。以图3为例，如图3所示，天数对应的参数滑块滑动过的滑动条对应部分的显示颜色与未滑动部分对应的显示颜色不同。

进一步，本发明实施例中，终端通过级联样式表CSS3样式，来设置滑动条的凹槽效果、所述参数滑动滑动时的动画效果，以及所述参数滑块滑过的所述滑动条部分的阴影效果及颜色渐变等页面的显示效果。

进一步地，本发明实施例中，终端滑动所述参数滑块的同时，实时显示因所述参数滑块对应的参数变量的不同，而具有不同显示状态的所述页面可调整信息。也可以理解为，终端在滑动所述参数滑块的同时，改变页面可调整信息的显示状态；而该可调整信息是根据所述参数滑块对应的参数变量的变化而发生变化。以图3为例，如图3所示，比如，对于调整页面上天数对应的参数滑块的可调整信息中，终端控制天数对应的参数滑块在滑动的同时，显示因天数不同而带来的需还金额、借款费用这些参数对应的数值也因此而有所不同；比如，当天数为5天时，“需还金额”这一参数对应的数值为525.00，“借款费用”这一参数对应的数值为25.00。

本发明实施例终端响应基于参数滑块触发的滑动操作指令；监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置；根据设置的所述滑块位置，获取所述滑块位置对应的所述参数变量的变量信息；滑动所述参数滑块至所述滑块位置处，同时在页面上显示所述参数滑块的滑动过程，并显示滑动后所述参数滑块的状态和所述参数滑块对应的所述变量信息；相较于现有技术中，滑动滑块过程中采用滑块和用户手指位置或者滑块和鼠标光标移动位置同步的方式，本发明实施例解决了滑块移动过程中以漏掉图像帧等原因所已引起的显示滑动移动动画卡顿的问题，使得滑动移动时的动画显示更加流畅；进一步地，也达到了便捷、快速地调整页面可调整信息的参数变量的有益效果。

进一步地，为了兼容不同终端的设备尺寸以及终端显示的屏幕分辨率，终端采用动态百分比的方式来根据所述滑动操作指令对应的滑动位置信息，设置参数滑块的滑块位置。

请参照图6，图6是本发明页面信息控制方法中，通过监控滑动操作指令对应的滑动位置信息，设置参数滑块的滑块位置一实施例流程示意图；本实施例仅对图5所述实施例中的“步骤S02、监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置”，进行进一步描述，有关本发明实施例页面信息的控制方法所涉及的其他描述，请参照相关实施例的描述，在此不再赘述。

如图6所示，本发明页面信息的控制方法中，终端监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置，可以通过下述方式实现：

步骤S11、获取所述参数滑块可滑动距离的最大值和最小值，计算所述最大值和最小值之差除以100得到的滑动百分值；

本发明实施例中，针对不同的参数滑块，终端配置了各参数滑块分别对应的滑动条的长度，从而对应于不同的滑动条长度，各参数滑块对应了该滑动条长度对应的可滑动距离的最大值和最小值。终端获取所述滑动操作指令对应的所述参数滑块在对应的滑动条上可滑动距离的最大值M和最小值N，计算最大值M和最小值N的差值(M-N)，将上述最大值M和最小值N的差值除以100，得到所述参数滑块对应的滑动百分值a为：

a＝(M-N)/100。

步骤S12、根据所述滑动百分值对应的滑动单位值，计算所述滑动百分值与所述滑动单位值的乘积与所述最小值之和，得到所述参数滑块所需滑动的理论距离；

得到所述参数滑块对应的滑动百分值a后，终端获取所述滑动百分值a对应的滑动单位值；所述滑动单位值可以理解为，所述滑动百分值a对应的每百分之一对应的单位值。计算所述滑动百分值a与所述滑动单位值P的乘积a*P，再求得到的所述乘积a*P的乘积值与所述最小值N的和，得到所述参数滑块所需滑动的理论距离L’为：

L’＝a*P+N。

步骤S13、计算所述理论距离与所述参数滑块的滑动步进值的商值，将所述商值对应的整数值作为所述参数滑块的实际步进倍数；

终端针对不同参数滑块设置了该参数滑块在滑动条上对应滑动的滑动步进值S，并以该滑动步进值S为单位，终端滑动对应的参数滑块。

本实施例中，获取到所述参数滑块所需滑动的理论距离L’后，终端根据所述理论距离L’，获取所述理论距离L’与所述滑动步进值S的商值L’/S，取所述商值L’/S所对应的整数值，并将所述商值L’/S所对应的整数值作为所述参数滑块的实际步进倍数n。

本发明实施例中，由于所述商值L’/S可能为整数，也可能不为整数；因此，若得到的所述商值是整数，则直接将所述商值L’/S作为所述参数滑块的实际步进倍数n，即n＝L’/S。若所述商值L’/S不是整数，则按照四舍五入取整法，获取所述商值L’/S对应的整数值n为：n＝Math.round(L’/S)，并将四舍五入得到的所述整数值n作为所述参数滑块的实际步进倍数n。

步骤S14、获取所述实际步进倍数与所述滑动步进值的步进乘积值，将所述步进乘积值作为所述参数滑块的实际滑动距离；

得到所述参数滑块对应的实际步进倍数n后，终端获取所述实际步进倍数n与所述滑动步进值S的步进乘积值为n*S，并将所述步进乘积值n*S作为所述参数滑块的实际滑动距离L，即L＝n*S。

步骤S15、设置所述实际滑动距离对应的位置为所述参数滑块的滑块位置。

得到所述参数滑块对应的实际滑动距离L后，终端设置得到的所述实际滑动距离L所对应的位置即为所述参数滑块的滑块位置。

本发明实施例终端根据所述滑动操作指令对应的滑动位置信息，通过采用上述动态百分比的方式来设置参数滑块的滑块位置，兼容了不同终端的设备尺寸以及终端显示的不同屏幕分辨率。

本发明实施例还提供一种如图7所示的页面信息的控制装置一实施例；如图7所示，本发明页面信息的控制装置包括：参数获取模块01和滑动执行模块02。

所述参数获取模块01用于：

响应基于参数滑块触发的滑动操作指令；监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置；根据设置的所述滑块位置，获取所述滑块位置对应的所述参数变量的变量信息；其中，所述参数滑块对应页面可调整信息映射的参数变量。

所述参数获取模块01接收到基于参数滑块触发的滑动操作指令时，响应上述滑动操作指令。本发明实施例中，对于触屏的终端，用户可以通过手指滑动对应的参数滑块触发上述滑动操作指令，对于非触屏的终端，用户可以通过鼠标光标移动对应的参数滑块来触发上述滑动操作指令。

进一步地，本发明实施例中，为了避免误操作(尤其是对于触屏终端来讲，由于触屏终端对屏幕触控的识别灵敏度高，因此很可能会误识别接收到对应的参数滑块的滑动操作)，一般情况下，设置页面可调整信息对应的各参数滑块默认状态为不可滑动，比如，默认情况下，在所述参数获取模块01未接收到针对上述参数滑块的滑动操作指令时，对所述参数滑块进行不可滑动标记。当所述参数获取模块01接收到对参数滑块触发的滑动操作指令时，再设置所述参数滑块对应的可滑动标记，表示本次触发的所述滑动操作指令为有效的滑动操作指令。

所述参数获取模块01响应所述滑动操作指令后，监控所述滑动操作指令对应的滑动位置信息，进而根据获取的所述滑动位置信息，来设置所述参数滑块的滑块位置。

比如，对于参数滑块对应的滑动条所代表的距离为均匀刻度的长度距离时，则所述参数获取模块01监控到所述滑动操作指令对应的滑动操作的停止位置，即为所述参数滑块对应的滑块位置。或者，所述参数获取模块01监控到触发所述滑动操作指令的滑动操作停止滑动时，获取所述滑动操作对应的滑动起点和滑动终点；计算所述滑动终点和滑动起点之间的距离值；根据所述参数滑块的起始位置及所述距离值，获取所述参数滑块的滑块位置即为：所述起始位置与所述距离值之和对应的位置处。

本发明实施例中，参数滑块对应的滑动条所代表的滑动距离刻度以及终端设置的参数滑块的滑动步进值，可能根据不同的页面可调整信息的不同而有不同的设置，因此，所述参数获取模块01根据获取到的所述滑动操作指令对应的滑动位置信息来设置所述参数滑块的滑块位置的设置方式，也会相应不同；所述参数获取模块01根据所述滑动位置信息设置参数滑块的滑块位置的具体设置方式，在不同的应用场景中也可能不同，本发明实施例对上述设置方式不进行具体形式的限定。只要根据具体的应用场景，以及滑动条所代表的滑动距离刻度和参数滑块的滑动步进值，基于所述滑动位置信息来获取到所述参数滑块的滑块位置即可。

所述参数获取模块01获取并设置所述参数滑块对应的滑块位置后，根据所述滑块位置映射的数值，获取所述滑块位置对应的所述参数变量的变量信息。比如，对于该参数滑块所代表的参数变量，查找参数变量取值表，根据所述参数滑块在滑动条上的所述滑块位置，获取所述滑块位置映射的参数值，即得到所述参数变量对应的变量信息。

或者，所述参数获取模块01获取到所述滑块位置后，计算所述滑块位置对应的距离在所述参数滑块对应的整个滑动条距离的百分比，将所述百分比作为函数参数，代入预设函数关系式，计算得到对应的参数值，从而获取所述参数变量对应的变量信息。其中，所述预设函数关系式可以为所述百分比的一次函数、二次函数或者其他类型的函数关系，本发明实施例对所述预设函数关系式的具体类型及具体表达方式不做限定，只要根据具体的应用环境及所述参数滑块对应地参数变量的特点，设置上述预设函数关系式均可。

所述滑动执行模块02用于：滑动所述参数滑块至所述滑块位置处，同时在页面上显示所述参数滑块的滑动过程，并显示滑动后所述参数滑块的状态和所述参数滑块对应的所述变量信息。

所述参数获取模块01获取到所述参数滑块对应的滑块位置及所述参数变量的变量信息后，所述滑动执行模块02控制所述参数滑块滑动至所述滑块位置处，同时，在页面上显示所述参数滑块的滑动过程；在停止滑动所述参数滑块后，所述滑动执行模块02在页面上显示滑动后的所述参数滑块的状态，以及所述参数滑块对应的参数变量的所述变量信息。

如图1、图2、图3和图4所述实施例对应的具体应用场景中，以图3所示的应用程序“现金贷”调节为例，所述滑动执行模块02滑动图3所示的自然日对应天数的参数滑块时，所述滑动执行模块02显示对应参数滑块的滑动过程，并在该参数滑块滑动至对应滑块位置处时，在停止滑动所述参数滑块后，所述滑动执行模块02在页面上显示滑动后的该参数滑块的状态，以及该参数滑块对应的参数变量的变量信息为5天。

在本发明一优选实施例中，所述滑动执行模块02沿着所述参数滑块对应的滑动条滑动所述参数滑块的同时，在页面上显示该参数滑块的滑动过程，同时，改变所述参数滑块滑过的所述滑动条对应部分的滑动条显示状态；比如，对于所述参数滑块滑动过的滑动条部分，所述滑动执行模块02改变所述滑动条部分的显示颜色，使得所述参数滑块滑过的所述滑动条部分与所述参数滑块未滑过的所述滑动条部分的显示有所不同，便于用户查看。以图3为例，如图3所示，天数对应的参数滑块滑动过的滑动条对应部分的显示颜色与未滑动部分对应的显示颜色不同。

进一步，本发明实施例中，所述滑动执行模块02通过级联样式表CSS3样式，来设置滑动条的凹槽效果、所述参数滑动滑动时的动画效果，以及所述参数滑块滑过的所述滑动条部分的阴影效果及颜色渐变等页面的显示效果。

进一步地，本发明实施例中，所述滑动执行模块02滑动所述参数滑块的同时，实时显示因所述参数滑块对应的参数变量的不同，而具有不同显示状态的所述页面可调整信息。也可以理解为，所述滑动执行模块02在滑动所述参数滑块的同时，改变页面可调整信息的显示状态；而该可调整信息是根据所述参数滑块对应的参数变量的变化而发生变化。以图3为例，如图3所示，比如，对于调整页面上天数对应的参数滑块的可调整信息中，所述滑动执行模块02控制天数对应的参数滑块在滑动的同时，显示因天数不同而带来的需还金额、借款费用这些参数对应的数值也因此而有所不同；比如，当天数为5天时，“需还金额”这一参数对应的数值为525.00，“借款费用”这一参数对应的数值为25.00。

本发明实施例终端响应基于参数滑块触发的滑动操作指令；监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置；根据设置的所述滑块位置，获取所述滑块位置对应的所述参数变量的变量信息；滑动所述参数滑块至所述滑块位置处，同时在页面上显示所述参数滑块的滑动过程，并显示滑动后所述参数滑块的状态和所述参数滑块对应的所述变量信息；相较于现有技术中，滑动滑块过程中采用滑块和用户手指位置或者滑块和鼠标光标移动位置同步的方式，本发明实施例解决了滑块移动过程中以漏掉图像帧等原因所已引起的显示滑动移动动画卡顿的问题，使得滑动移动时的动画显示更加流畅；进一步地，也达到了便捷、快速地调整页面可调整信息的参数变量的有益效果。

进一步地，请继续参照图7，本发明实施例页面信息的控制装置中，为了兼容不同终端的设备尺寸以及终端显示的屏幕分辨率，所述参数获取模块01采用动态百分比的方式来根据所述滑动操作指令对应的滑动位置信息，设置参数滑块的滑块位置。

如图7所示，本发明页面信息的控制装置中，所述参数获取模块01还用于：

获取所述参数滑块可滑动距离的最大值和最小值，计算所述最大值和最小值之差除以100得到的滑动百分值；根据所述滑动百分值对应的滑动单位值，计算所述滑动百分值与所述滑动单位值的乘积与所述最小值之和，得到所述参数滑块所需滑动的理论距离；计算所述理论距离与所述参数滑块的滑动步进值的商值，将所述商值对应的整数值作为所述参数滑块的实际步进倍数；获取所述实际步进倍数与所述滑动步进值的步进乘积值，将所述步进乘积值作为所述参数滑块的实际滑动距离；设置所述实际滑动距离对应的位置为所述参数滑块的滑块位置。

本发明实施例中，针对不同的参数滑块，终端配置了各参数滑块分别对应的滑动条的长度，从而对应于不同的滑动条长度，各参数滑块对应了该滑动条长度对应的可滑动距离的最大值和最小值。所述参数获取模块01获取所述滑动操作指令对应的所述参数滑块在对应的滑动条上可滑动距离的最大值M和最小值N，计算最大值M和最小值N的差值(M-N)，将上述最大值M和最小值N的差值除以100，得到所述参数滑块对应的滑动百分值a为：

a＝(M-N)/100。

得到所述参数滑块对应的滑动百分值a后，所述参数获取模块01获取所述滑动百分值a对应的滑动单位值；所述滑动单位值可以理解为，所述滑动百分值a对应的每百分之一对应的单位值。所述参数获取模块01计算所述滑动百分值a与所述滑动单位值P的乘积a*P，再求得到的所述乘积a*P的乘积值与所述最小值N的和，得到所述参数滑块所需滑动的理论距离L’为：

L’＝a*P+N。

由于所述滑动执行模块02针对不同参数滑块设置了该参数滑块在滑动条上对应滑动的滑动步进值S，并以该滑动步进值S为单位，所述滑动执行模块02滑动对应的参数滑块；因此，本实施例中，所述参数获取模块01获取到所述参数滑块所需滑动的理论距离L’后，所述参数获取模块01根据所述理论距离L’，获取所述理论距离L’与所述滑动步进值S的商值L’/S，取所述商值L’/S所对应的整数值，并将所述商值L’/S所对应的整数值作为所述参数滑块的实际步进倍数n。

本发明实施例中，由于所述商值L’/S可能为整数，也可能不为整数；因此，若得到的所述商值是整数，所述参数获取模块01则直接将所述商值L’/S作为所述参数滑块的实际步进倍数n，即n＝L’/S。若所述商值L’/S不是整数，所述参数获取模块01则按照四舍五入取整法，获取所述商值L’/S对应的整数值n为：n＝Math.round(L’/S)，并将四舍五入得到的所述整数值n作为所述参数滑块的实际步进倍数n。

得到所述参数滑块对应的实际步进倍数n后，所述参数获取模块01获取所述实际步进倍数n与所述滑动步进值S的步进乘积值为n*S，并将所述步进乘积值n*S作为所述参数滑块的实际滑动距离L，即L＝n*S。

得到所述参数滑块对应的实际滑动距离L后，所述参数获取模块01设置得到的所述实际滑动距离L所对应的位置即为所述参数滑块的滑块位置。

本发明实施例终端根据所述滑动操作指令对应的滑动位置信息，通过采用上述动态百分比的方式来设置参数滑块的滑块位置，兼容了不同终端的设备尺寸以及终端显示的不同屏幕分辨率。

本发明实施例还提供一种页面信息的控制装置所对应的硬件结构，如图8所示，图8是本发明页面信息的控制装置一实施例硬件架构示意图，图8所示的所述页面信息的控制装置包括：处理器101、存储器102、用户接口103、网络接口104以及通信总线105。通信总线105用于所述页面信息的控制装置中各组成部件之间的通信，用户接口103用于接收用户输入的信息，该用户接口103可以为有线接口及无线接口，例如键盘、鼠标等。网络接口104用于所述页面信息的控制装置与外部进行互相通信，该网络接口104也可以包括有线接口及无线接口。存储器102可以包括一个或一个以上计算机可读存储介质，而且其不但包括内部存储器，还包括外部存储器。该存储器中存储有操作系统及页面信息控制应用程序等等。

处理器101用于调用存储器102中的页面信息控制应用程序，以执行以下操作：

通过用户接口103或网络接口104响应基于参数滑块触发的滑动操作指令；其中，所述参数滑块对应页面可调整信息映射的参数变量；

监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息通过通信总线105设置所述参数滑块的滑块位置；

根据设置的所述滑块位置，通过通信总线105获取所述滑块位置对应的所述参数变量的变量信息；

滑动所述参数滑块至所述滑块位置处，同时通过用户接口103在页面上显示所述参数滑块的滑动过程，并显示滑动后所述参数滑块的状态和所述参数滑块对应的所述变量信息。

相较于现有技术中，滑动滑块过程中采用滑块和用户手指位置或者滑块和鼠标光标移动位置同步的方式，本发明实施例解决了滑块移动过程中以漏掉图像帧等原因所已引起的显示滑动移动动画卡顿的问题，使得滑动移动时的动画显示更加流畅。

进一步地，处理器101用于调用存储器102中的页面信息控制应用程序，以执行以下操作：

通过用户接口103或网络接口104监控到触发所述滑动操作指令的滑动操作停止滑动时，获取所述滑动操作对应的滑动起点和滑动终点；

计算所述滑动终点和滑动起点之间的距离值；

根据所述参数滑块的起始位置及所述距离值，通过通信总线105设置所述参数滑块的滑块位置为：所述起始位置与所述距离值之和对应的位置处。

进一步地，处理器101用于调用存储器102中的页面信息控制应用程序，以执行以下操作：

通过通信总线105获取所述参数滑块可滑动距离的最大值和最小值，计算所述最大值和最小值之差除以100得到的滑动百分值；

根据所述滑动百分值对应的滑动单位值，计算所述滑动百分值与所述滑动单位值的乘积与所述最小值之和，得到所述参数滑块所需滑动的理论距离；

计算所述理论距离与所述参数滑块的滑动步进值的商值，将所述商值对应的整数值作为所述参数滑块的实际步进倍数；

获取所述实际步进倍数与所述滑动步进值的步进乘积值，将所述步进乘积值作为所述参数滑块的实际滑动距离；

设置所述实际滑动距离对应的位置为所述参数滑块的滑块位置。

进一步地，处理器101用于调用存储器102中的页面信息控制应用程序，以执行以下操作：

若所述商值是整数，则将所述商值作为所述参数滑块的实际步进倍数；

若所述商值不是整数，则按照四舍五入取整法，获取所述商值对应的整数值，并将所述整数值作为所述参数滑块的实际步进倍数。

进一步地，处理器101用于调用存储器102中的页面信息控制应用程序，以执行以下操作：

滑动所述参数滑块，同时通过通信总线105改变页面可调整信息的显示状态；

其中，所述页面可调整信息根据所述参数滑块对应参数变量的变化而变化。

进一步地，处理器101用于调用存储器102中的页面信息控制应用程序，以执行以下操作：

沿所述参数滑块对应的滑动条滑动所述参数滑块，同时通过用户接口103在页面上显示所述参数滑块的滑动过程，并改变所述参数滑块滑过所述滑动条对应部分的滑动条显示状态。

进一步地，处理器101用于调用存储器102中的页面信息控制应用程序，以执行以下操作：

通过级联样式表的方式，改变滑过所述滑动条对应部分的滑动条所显示的凹槽效果、阴影效果及颜色渐变。

本发明实施例终端根据所述滑动操作指令对应的滑动位置信息，通过采用上述动态百分比的方式来设置参数滑块的滑块位置，兼容了不同终端的设备尺寸以及终端显示的不同屏幕分辨率；进一步地，也达到了便捷、快速地调整页面可调整信息的参数变量的有益效果。

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

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

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中，包括若干指令用以使得一台终端设备(可以是手机，计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。

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

Claims (14)

1.一种页面信息的控制方法，其特征在于，包括以下步骤：

响应基于参数滑块触发的滑动操作指令；其中，所述参数滑块对应页面可调整信息映射的参数变量；

监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置；

根据设置的所述滑块位置，获取所述滑块位置对应的所述参数变量的变量信息；

滑动所述参数滑块至所述滑块位置处，同时在页面上显示所述参数滑块的滑动过程，并显示滑动后所述参数滑块的状态和所述参数滑块对应的所述变量信息；

其中，所述监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置的步骤包括：

获取所述参数滑块可滑动距离的最大值和最小值，计算所述最大值和最小值之差除以100得到的滑动百分值；

根据所述滑动百分值对应的滑动单位值，计算所述滑动百分值与所述滑动单位值的乘积与所述最小值之和，得到所述参数滑块所需滑动的理论距离；

计算所述理论距离与所述参数滑块的滑动步进值的商值，将所述商值对应的整数值作为所述参数滑块的实际步进倍数；

获取所述实际步进倍数与所述滑动步进值的步进乘积值，将所述步进乘积值作为所述参数滑块的实际滑动距离；

设置所述实际滑动距离对应的位置为所述参数滑块的滑块位置。

2.如权利要求1所述的方法，其特征在于，所述监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置的步骤包括：

监控到触发所述滑动操作指令的滑动操作停止滑动时，获取所述滑动操作对应的滑动起点和滑动终点；

计算所述滑动终点和滑动起点之间的距离值；

根据所述参数滑块的起始位置及所述距离值，设置所述参数滑块的滑块位置为：所述起始位置与所述距离值之和对应的位置处。

3.如权利要求1所述的方法，其特征在于，所述将所述商值对应的整数值作为所述参数滑块的实际步进倍数包括：

若所述商值是整数，则将所述商值作为所述参数滑块的实际步进倍数；

若所述商值不是整数，则按照四舍五入取整法，获取所述商值对应的整数值，并将所述整数值作为所述参数滑块的实际步进倍数。

4.如权利要求1所述的方法，其特征在于，所述方法还包括：

滑动所述参数滑块的同时，改变页面可调整信息的显示状态；

其中，所述页面可调整信息根据所述参数滑块对应参数变量的变化而变化。

5.如权利要求1至4任一项所述的方法，其特征在于，所述滑动所述参数滑块至所述滑块位置处，同时在页面上显示所述参数滑块的滑动过程的步骤包括：

沿所述参数滑块对应的滑动条滑动所述参数滑块的同时，在页面上显示所述参数滑块的滑动过程，并改变所述参数滑块滑过所述滑动条对应部分的滑动条显示状态。

6.如权利要求5所述的方法，其特征在于，所述改变所述参数滑块滑过所述滑动条对应部分的滑动条显示状态包括：

通过级联样式表的方式，改变滑过所述滑动条对应部分的滑动条所显示的凹槽效果、阴影效果及颜色渐变。

7.一种页面信息的控制装置，其特征在于，包括：

参数获取模块，用于：

响应基于参数滑块触发的滑动操作指令；其中，所述参数滑块对应页面可调整信息映射的参数变量；监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置；根据设置的所述滑块位置，获取所述滑块位置对应的所述参数变量的变量信息；

其中，所述监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置，包括：

获取所述参数滑块可滑动距离的最大值和最小值，计算所述最大值和最小值之差除以100得到的滑动百分值；

根据所述滑动百分值对应的滑动单位值，计算所述滑动百分值与所述滑动单位值的乘积与所述最小值之和，得到所述参数滑块所需滑动的理论距离；

计算所述理论距离与所述参数滑块的滑动步进值的商值，将所述商值对应的整数值作为所述参数滑块的实际步进倍数；

获取所述实际步进倍数与所述滑动步进值的步进乘积值，将所述步进乘积值作为所述参数滑块的实际滑动距离；

设置所述实际滑动距离对应的位置为所述参数滑块的滑块位置；滑动执行模块，用于：滑动所述参数滑块至所述滑块位置处，同时在页面上显示所述参数滑块的滑动过程，并显示滑动后所述参数滑块的状态和所述参数滑块对应的所述变量信息。

8.如权利要求7所述的装置，其特征在于，所述参数获取模块还用于：

监控到触发所述滑动操作指令的滑动操作停止滑动时，获取所述滑动操作对应的滑动起点和滑动终点；

计算所述滑动终点和滑动起点之间的距离值；

根据所述参数滑块的起始位置及所述距离值，设置所述参数滑块的滑块位置为：所述起始位置与所述距离值之和对应的位置处。

9.如权利要求7所述的装置，其特征在于，所述参数获取模块还用于：

若所述商值是整数，则将所述商值作为所述参数滑块的实际步进倍数；

若所述商值不是整数，则按照四舍五入取整法，获取所述商值对应的整数值，并将所述整数值作为所述参数滑块的实际步进倍数。

10.如权利要求7所述的装置，其特征在于，所述滑动执行模块还用于：

滑动所述参数滑块的同时，改变页面可调整信息的显示状态；

其中，所述页面可调整信息根据所述参数滑块对应参数变量的变化而变化。

11.如权利要求7至10任一项所述的装置，其特征在于，所述滑动执行模块还用于：

沿所述参数滑块对应的滑动条滑动所述参数滑块的同时，在页面上显示所述参数滑块的滑动过程，并改变所述参数滑块滑过所述滑动条对应部分的滑动条显示状态。

12.如权利要求11所述的装置，其特征在于，所述滑动执行模块还用于：

通过级联样式表的方式，改变滑过所述滑动条对应部分的滑动条所显示的凹槽效果、阴影效果及颜色渐变。

13.一种页面信息的控制装置，其特征在于，包括：存储器和处理器；

其中，所述存储器用于存储页面信息控制应用程序；

所述处理器用于执行所述存储器中存储的页面信息控制应用程序；

所述页面信息控制应用程序用于执行权利要求1-6任一项所述的页面信息的控制方法。

14.一种存储介质，其特征在于，所述存储介质中存储有计算机操作指令，所述计算机操作指令用于执行权利要求1-6任一项所述的页面信息的控制方法。