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

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

【技术实现步骤摘要】

本专利技术涉及计算机技术，尤其涉及一种页面信息的控制方法及装置。
技术介绍
目前，调整终端页面上的信息时，大部分通过滑动代表变量参数的滑块来改变对应的信息，从而达到调整终端页面信息的目的。比如调整某一图像的透明度时，终端通常提供一表示透明度可变范围的滑动条以及代表透明度参数的滑块，用户只需手动滑动滑块即可调整透明度的值，并在页面上显示滑块的滑动过程。在显示相关滑块的滑动过程中，采用的是滑块和用户手指位置同步的方式，或者是滑块和控制滑块移动的光标移动同步的方式，这种同步方式容易导致在滑块移动的过程中出现漏掉图像帧或者动画卡顿的现象，t匕如控制滑块移动的用户手指或者鼠标光标已经移动至滑动条较远的位置，而滑块却卡在该滑动条的前一位置不能移动，严重影响人机的可交互性，进而也可能影响滑块对应变量的数值变化。
技术实现思路
鉴于以上内容，有必要提供一种页面信息的控制方法及装置，旨在解决滑块移动过程中出现的动画卡顿的问题。本专利技术实施例提供一种页面信息的控制方法，包括以下步骤:响应基于参数滑块触发的滑动操作指令；其中，所述参数滑块对应页面可调整信息映射的参数变量；监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置；根据设置的所述滑块位置，获取所述滑块位置对应的所述参数变量的变量信息；滑动所述参数滑块至所述滑块位置处，同时在页面上显示所述参数滑块的滑动过程，并显示滑动后所述参数滑块的状态和所述参数滑块对应的所述变量信息。本专利技术实施例还提供一种页面信息的控制装置，包括:参数获取模块，用于:响应基于参数滑块触发的滑动操作指令；监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置；根据设置的所述滑块位置，获取所述滑块位置对应的所述参数变量的变量信息；其中，所述参数滑块对应页面可调整信息映射的参数变量；滑动执行模块，用于:滑动所述参数滑块至所述滑块位置处，同时在页面上显示所述参数滑块的滑动过程，并显示滑动后所述参数滑块的状态和所述参数滑块对应的所述变量信息。本专利技术实施例终端响应基于参数滑块触发的滑动操作指令；监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置；根据设置的所述滑块位置，获取所述滑块位置对应的所述参数变量的变量信息；滑动所述参数滑块至所述滑块位置处，同时在页面上显示所述参数滑块的滑动过程，并显示滑动后所述参数滑块的状态和所述参数滑块对应的所述变量信息；相较于现有技术中，滑动滑块过程中采用滑块和用户手指位置或者滑块和鼠标光标移动位置同步的方式，本专利技术实施例解决了滑块移动过程中以漏掉图像帧等原因所已引起的显示滑动移动动画卡顿的问题，使得滑动移动时的动画显示更加流畅。【附图说明】图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、响应基于参数滑块触发的滑动操作指令；其中，所述参数滑块对应页面可调整信息映射的参数变量；终端接收到基于参数滑块触发的滑动操作指令时，响应上述滑动操作指令。本专利技术实施例中，对于触屏的终端，用户可以通过手指滑动对应的参数滑块触发上述滑动操作指令，对于非触屏的终端，用户可以通过鼠标光标移动对应的参数滑块来触发上述滑动操作指令。进一步地，本专利技术实施例中，为了避免误操作(尤其是对于触屏终端来讲，由于触屏终端对屏幕触控的识别灵敏度高，因此很可能会误识别接收到对应的参数滑块的滑动操作)，一般情况下，设置页面可调整信息对应的各参数滑块默认状态为不可滑动，比如，默认情况下，在终端未接收到针对上述参数滑块的滑动操作指令时，对所述参数滑块进行不可滑动标记。当终端接收到对参数滑本文档来自技高网...

【技术保护点】
一种页面信息的控制方法，其特征在于，包括以下步骤：响应基于参数滑块触发的滑动操作指令；其中，所述参数滑块对应页面可调整信息映射的参数变量；监控所述滑动操作指令对应的滑动位置信息，根据所述滑动位置信息设置所述参数滑块的滑块位置；根据设置的所述滑块位置，获取所述滑块位置对应的所述参数变量的变量信息；滑动所述参数滑块至所述滑块位置处，同时在页面上显示所述参数滑块的滑动过程，并显示滑动后所述参数滑块的状态和所述参数滑块对应的所述变量信息。

【技术特征摘要】

【专利技术属性】
技术研发人员：彭英，朱雪青，梁家华，陈碧琳，
申请(专利权)人：腾讯科技深圳有限公司，
类型：发明
国别省市：广东;44