CN116088997A - 一种页面滚动显示方法、装置、存储介质和电子设备 - Google Patents
一种页面滚动显示方法、装置、存储介质和电子设备 Download PDFInfo
- Publication number
- CN116088997A CN116088997A CN202310366865.9A CN202310366865A CN116088997A CN 116088997 A CN116088997 A CN 116088997A CN 202310366865 A CN202310366865 A CN 202310366865A CN 116088997 A CN116088997 A CN 116088997A
- Authority
- CN
- China
- Prior art keywords
- page
- moving distance
- distance
- touch screen
- cursor
- 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.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 74
- 238000005096 rolling process Methods 0.000 claims abstract description 46
- 238000012544 monitoring process Methods 0.000 claims abstract description 19
- 238000001514 detection method Methods 0.000 claims abstract description 13
- 230000004044 response Effects 0.000 claims abstract description 8
- 230000000670 limiting effect Effects 0.000 claims description 21
- 238000012937 correction Methods 0.000 claims description 14
- 238000012545 processing Methods 0.000 claims description 14
- 238000004590 computer program Methods 0.000 claims description 7
- 238000013016 damping Methods 0.000 claims description 3
- 230000002452 interceptive effect Effects 0.000 abstract description 4
- 230000002829 reductive effect Effects 0.000 abstract description 2
- 238000010586 diagram Methods 0.000 description 10
- 230000000694 effects Effects 0.000 description 10
- 230000001680 brushing effect Effects 0.000 description 8
- 238000004891 communication Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 7
- 238000006073 displacement reaction Methods 0.000 description 6
- 238000013178 mathematical model Methods 0.000 description 5
- 230000004048 modification Effects 0.000 description 4
- 238000012986 modification Methods 0.000 description 4
- 230000009286 beneficial effect Effects 0.000 description 3
- 230000000903 blocking effect Effects 0.000 description 3
- 238000004364 calculation method Methods 0.000 description 3
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000012423 maintenance Methods 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000009471 action Effects 0.000 description 2
- 230000001351 cycling effect Effects 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000008859 change Effects 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 238000005336 cracking Methods 0.000 description 1
- 238000000802 evaporation-induced self-assembly Methods 0.000 description 1
- 230000002441 reversible effect Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Controls And Circuits For Display Device (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请公开了一种页面滚动显示方法、装置、存储介质和电子设备，其方法包括：监测到预设触屏事件，所述预设触屏事件包括触摸屏幕事件和/或屏幕界面刷新事件；响应于监测到所述预设触屏事件，按照预设惯性滚动模型或定点滚动模型对页面光标的当前移动距离进行更新，获得所述页面光标的目标移动距离；控制页面按照所述页面光标的目标移动距离滚动显示。本发明通过惯性或定点滚动的方式显示页面动画，动画的速率由快到慢平滑变化，符合用户的审美和交互体验，容易产生共鸣；同时，使用了简易的惯性或定点滚动模型来更新目标移动距离，减少了芯片资源占用，避免了页面卡顿。
Description
技术领域
本发明涉及显示控制领域，具体涉及一种页面滚动显示方法、装置、存储介质和电子设备。
背景技术
现有技术中，页面动画滚动的实现方法有以下两类：（1）线性动画，在整个动画周期中，每一次调用位移动画，每一次的页面滚动距离都是相同的；（2）非线性动画，在整个动画周期中，每次调用非线性的位移动画，使得每次页面滚动的距离存在差异。
上述两类方法也存在缺陷：（1）实现方式虽然简单，但显示出来的页面动画十分匀速，不符合自然食物的物理引擎归类，缺少灵动感，不容易与用于产生共鸣；（2）一般采用非线性位移的动画显示方法，需要构建复杂的GUI数学模型，而复杂的GUI数学模型构建和位移距离的计算都较为复杂，使得运行时间长且占用较多芯片资源，从而导致刷新速率下降并会出现卡顿。
所以涉及一种运行时间快、模型构建难度小的页面显示方法，是待解决的技术问题。
发明内容
基于此，有必要针对现有的问题，提供一种页面滚动显示方法、装置、存储介质和电子设备。
第一方面，本申请实施例提供了一种页面滚动显示方法，所述方法包括：
监测到预设触屏事件，所述预设触屏事件包括触摸屏幕事件和/或屏幕界面刷新事件；
响应于监测到所述预设触屏事件，按照预设惯性滚动模型对页面光标的当前移动距离进行更新，获得所述页面光标的目标移动距离；
控制页面按照所述页面光标的目标移动距离滚动显示；
其中，所述按照预设惯性滚动模型更新页面光标的当前移动距离，得到所述页面光标的目标移动距离，包括：
当时，由公式（1）计算得到所述目标移动距离：
（1）；
当时，由公式（2）计算得到所述目标移动距离：
（2）；
当时，由公式（3）计算得到所述目标移动距离：
（3）；
其中，为所述页面光标的目标移动距离，为所述页面光标的当前移动距离，为惯性衰减系数，为距离修正因子，为所述页面光标的缓冲偏移限制距离，为所述页面光标在页面的最大偏移限制距离，为所述页面光标在页面的最小偏移限制距离。
优选地，响应于当所述当前移动距离小于等于2个像素时，控制页面停止滚动显示。
优选地，配置所述惯性衰减系数，配置的取值范围为[0,1]；配置所述距离修正因子，配置的取值范围为[0,1]。
第二方面，本申请实施例提供了一种页面滚动显示装置，所述装置包括：
监测模块，用于监测到预设触屏事件，所述预设触屏事件包括触摸屏幕事件和/或屏幕界面刷新事件；
处理模块，用于响应于监测到所述预设触屏事件，按照预设惯性滚动模型对页面光标的当前移动距离进行更新，获得所述页面光标的目标移动距离；
控制模块，控制页面按照所述页面光标的目标移动距离滚动显示。
第三方面，本申请实施例提供了一种页面滚动显示方法，所述方法包括：
监测到预设触屏事件，所述预设触屏事件包括触摸屏幕事件和/或屏幕界面刷新事件；
响应于监测到所述预设触屏事件，按照预设定点滚动模型对页面光标的当前移动距离进行更新，获得所述页面光标的目标移动距离；
控制页面按照所述页面光标的目标移动距离滚动显示；
其中，所述按照预设定点滚动模型更新页面光标的当前移动距离，得到所述页面光标的目标移动距离，包括：
当时，由公式（1）计算得到所述目标移动距离：
（4）；
当时，由公式（2）计算得到所述目标移动距离：
（5）；
当时，由公式（3）计算得到所述目标移动距离：
（6）；
其中，为所述页面光标的目标移动距离，为所述页面光标的当前移动距离，为定点衰减系数，为距离修正因子，为所述页面光标的缓冲偏移限制距离，为所述页面光标在页面的最大偏移限制距离。
第四方面，本申请实施例提供了一种页面滚动显示装置，所述装置包括：
监测模块，用于监测到预设触屏事件，所述预设触屏事件包括触摸屏幕事件和/或屏幕界面刷新事件；
处理模块，用于响应于监测到所述预设触屏事件，按照预设定点滚动模型对页面光标的当前移动距离进行更新，获得所述页面光标的目标移动距离；
控制模块，用于控制页面按照所述页面光标的目标移动距离滚动显示。
第五方面，本申请实施例提供一种电子设备，所述电子设备包括：
处理器；
用于存储所述处理器可执行指令的存储器；
所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述可执行指令以实现上述的方法步骤。
第六方面，本申请实施例提供一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，所述计算机程序用于执行上述的方法步骤。
在本申请实施例中，通过惯性或定点滚动的方式显示页面动画，动画的速率由快到慢平滑而缓慢的变化，符合用户的审美和交互体验，容易与用户产生共鸣；同时，本发明使用了简易的惯性滚动模型或定点滚动模型来更新页面光标的目标移动距离，不需要使用繁杂的数学模型和逻辑计算，减低了页面动画的逻辑修改门槛和后期维护成本，且减少了芯片资源占用，避免了页面的卡顿问题。
附图说明
通过参考下面的附图，可以更为完整地理解本发明的示例性实施方式。附图用来提供对本申请实施例的进一步理解，并且构成说明书的一部分，与本申请实施例一起用于解释本发明，并不构成对本发明的限制。在附图中，相同的参考标号通常代表相同部件或步骤。
图1为根据本申请一示例性实施例提供的方法的流程图；
图2为根据本申请一示例性实施例提供的装置的结构示意图；
图3为根据本申请另一示例性实施例提供的方法的流程图；
图4为根据本申请另一示例性实施例提供的装置的结构示意图；
图5示出了本申请一示例性实施例提供的一种电子设备的示意图；
图6示出了本申请一示例性实施例提供的一种计算机可读介质的示意图。
具体实施方式
下面将参照附图更详细地描述本公开的示例性实施方式。虽然附图中显示了本公开的示例性实施方式，然而应当理解，可以以各种形式实现本公开而不应被这里阐述的实施方式所限制。相反，提供这些实施方式是为了能够更透彻地理解本公开，并且能够将本公开的范围完整的传达给本领域的技术人员。
需要注意的是，除非另有说明，本申请使用的技术术语或者科学术语应当为本申请所属领域技术人员所理解的通常意义。
另外，术语“第一”和“第二”等是用于区别不同对象，而不是用于描述特定顺序。此外，术语“包括”和“具有”以及它们任何变形，意图在于覆盖不排他的包含。例如包含了一系列步骤或单元的过程、方法、***、产品或设备没有限定于已列出的步骤或单元，而是可选地还包括没有列出的步骤或单元，或可选地还包括对于这些过程、方法、产品或设备固有的其它步骤或单元。
本申请实施例提供一种页面滚动显示方法、装置、存储介质和电子设备，下面结合附图进行说明。
请参考图1，其示出了本申请的一些实施方式所提供的一种页面滚动显示方法的流程图，如图所示，方法可以包括以下步骤：
步骤S101：监测到预设触屏事件，预设触屏事件包括触摸屏幕事件和/或屏幕界面刷新事件；
具体地，在监测预设触屏事件之前，需要先对页面显示动画进行注册，动画注册模块主要调用在软件应用层，例如在触发点击，滑动，编码器，触摸屏幕的情况下，需要页面做出动画响应的地方。主要的功能职责是将需要的动画类型，目标值，最大移动限制距离等参数注册到动画框架，并进行动画初始化。
在动画注册完成后。接下来滚动动画便是依据以上保存的参数和类型进行执行。由于刷屏的动作是周期执行的，例如60hz刷新率便是大约16ms一次刷屏。因此在单位时间不变的情况下，移动距离就和移动的速度成正比。控制每一次刷屏移动的距离就相当于控制了动画的速度。其中动画执行模块就放置于每次触发刷屏前进行处理，因此处理周期与刷屏周期一致。
本实施例中，预设触屏事件可以通过***进行设置，而后***对关于预设竖屏事件的各种操作事件进行监测，例如监测触摸屏幕、屏幕界面的刷新等，只要能够引起页面光标移动的各种操作事件都可以定义为预设触屏事件。
其中，***会对各种操作事件进行判断，并自动识别出对预设触屏的触发状态。而***只需要检测到预设的触屏事件，即启动执行页面滚动操作。
步骤S102：响应于监测到预设触屏事件，按照预设惯性滚动模型对页面光标的当前移动距离进行更新，得到页面光标的目标移动距离；
具体地，按照预设惯性滚动模型更新页面光标的当前移动距离，得到页面光标的目标移动距离，包括：
当时，由公式（1）计算得到所述目标移动距离：
（1）；
当时，由公式（2）计算得到所述目标移动距离：
（2）；
当时，由公式（3）计算得到所述目标移动距离：
（3）；
其中，为所述页面光标的目标移动距离，为所述页面光标的当前移动距离，为惯性衰减系数，为距离修正因子，为所述页面光标的缓冲偏移限制距离，为所述页面光标在页面的最大偏移限制距离，为所述页面光标在页面的最小偏移限制距离。
具体地，所述惯性衰减系数为小于1的常数，在更优选的实施例中，的取值可以为0.95。当然后续可以用一个宏或者变量确定定好这个系数用于控制整体动画的速度。数值越大，惯性滚动的距离就越长，动画越久；反之，则滚动距离越小，动画越短。
具体地，需要注意的是，因为惯性滚动模型的设计原因，在本实施例中，光标最终滚动停止的点是不定的，因此，在模型中需要设定偏移变量的最大偏移限制距离和最小偏移限制距离，以及边界之外的缓冲偏移限制距离。
同时，规定光标的当前移动如果偏移变量已经超出了上下最宽的边界，也就是（当前移动距离>（最大偏移限制+缓冲偏移限制））或者（当前移动距离<（最小偏移限制-缓冲偏移限制）），便立即切换页面的动画类型，将偏移变量往最近的偏移限制进行定点滚动。
在另一种情况下，如果当前移动距离没有达到上述的情况，但是其处在上下两个缓冲区域内，即（当前移动距离>最大偏移限制+缓冲偏移限制距离）或者（当前移动距离<最小偏移限制距离-缓冲偏移限制距离），则视本次移动距离的大小决定是否要切换动画类型，通常本次移动距离小于10个像素，当然该数值也可更改为一个能代表滚动速度很小的数值。如果符合条件就可以切换动画类型，将目标移动距离往最近的偏移限制距离进行定点滚动。以上两个判断的目的是为了当前界面触碰到边界时能有更灵动回弹至最近边界的效果。
具体地，距离修正因子的加入是为了进一步改善页面滚动的平滑度，减少页面显示的卡顿效果，一般其取值为小于1的常数，在更优选的实施例中，距离修正因子为0.8。
在优选的实施例中，当循环到在当前移动距离小于等于2个像素时，就控制页面停止滚动显示，这是由于该距离下表征的滚动速度实在太小，导致后续的计算位移会无限接近于0，从而视觉上会给用户移动画面非常拖沓的感觉。
步骤S103：控制页面按照光标的目标移动距离滚动显示。
其中，页面按照惯性进行滚动显示，会给人造成一种平滑的动画效果。控制页面非匀速惯性滚动显示，可以是控制等速连续切换页面等上述方法，可根据预设按键所处的状态，来控制页面进行惯性滚动显示，使得页面呈现流畅平滑的动画效果，提高了用户的使用性。
在本申请实施例中，通过惯性滚动的方式显示页面动画，动画的速率由快到慢平滑而缓慢的变化，符合用户的审美和交互体验，容易与用户产生共鸣；同时，本发明使用了简易的惯性滚动模型来更新页面光标的目标移动距离，不需要使用繁杂的数学模型和逻辑计算，减低了页面动画的逻辑修改门槛和后期维护成本，且减少了芯片资源占用，避免了页面的卡顿问题。
在上述的实施例中，提供了一种方法，与之相对应的，本申请还提供一种装置。本申请实施例提供的装置可以实施上述方法，该装置可以通过软件、硬件或软硬结合的方式来实现。例如，该装置可以包括集成的或分开的功能模块或单元来执行上述各方法中的对应步骤。
在本申请实施例的一些实施方式中本申请实施例提供的装置20，与本申请前述实施例提供的方法出于相同的发明构思，具有相同的有益效果。
请参考图2，其示出了本申请的一些实施方式所提供的一种装置的示意图。由于装置实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。
如图2所示，装置20可以包括：
监测模块201，用于监测到预设触屏事件，所述预设触屏事件包括触摸屏幕事件和/或屏幕界面刷新事件；
处理模块202，用于响应于监测到所述预设触屏事件，按照预设惯性滚动模型对页面光标的当前移动距离进行更新，获得所述页面光标的目标移动距离；
控制模块203，用于控制页面按照所述页面光标的目标移动距离滚动显示。
请参考图3，其示出了本申请的一些实施方式所提供的另一种页面滚动显示方法的流程图，如图所示，方法可以包括以下步骤：
步骤S301：监测到预设触屏事件，预设触屏事件包括触摸屏幕事件和/或屏幕界面刷新事件；
具体地，在监测预设触屏事件之前，需要先对页面显示动画进行注册，动画注册模块主要调用在软件应用层，例如在触发点击，滑动，编码器，触摸屏幕的情况下，需要页面做出动画响应的地方。主要的功能职责是将需要的动画类型，目标值，最大移动限制距离等参数注册到动画框架，并进行动画初始化。
在动画注册完成后。接下来滚动动画便是依据以上保存的参数和类型进行执行。由于刷屏的动作是周期执行的，例如60hz刷新率便是大约16ms一次刷屏。因此在单位时间不变的情况下，移动距离就和移动的速度成正比。控制每一次刷屏移动的距离就相当于控制了动画的速度。其中动画执行模块就放置于每次触发刷屏前进行处理，因此处理周期与刷屏周期一致。
本实施例中，预设触屏事件可以通过***进行设置，而后***对关于预设竖屏事件的各种操作事件进行监测，例如监测触摸屏幕、屏幕界面的刷新等，只要能够引起页面光标移动的各种操作事件都可以定义为预设触屏事件。
其中，***会对各种操作事件进行判断，并自动识别出对预设触屏的触发状态。而***只需要检测到预设的触屏事件，即启动执行页面滚动操作。
步骤S302：响应于监测到预设触屏事件，按照预设定点滚动模型对页面光标的当前移动距离进行更新，得到页面光标的目标移动距离；
具体地，按照预设定点滚动模型更新页面光标的当前移动距离，得到页面光标的目标移动距离，包括：
当时，由公式（4）计算得到所述目标移动距离：
（4）；
当时，由公式（5）计算得到所述目标移动距离：
（5）；
当时，由公式（6）计算得到所述目标移动距离：
（6）；
其中，为所述页面光标的目标移动距离，为所述页面光标的当前移动距离，为定点衰减系数，为距离修正因子，为所述页面光标的缓冲偏移限制距离，为所述页面光标在页面的最大偏移限制距离。
具体地，定点衰减系数为小于1的常数，在更优选的实施例中，的取值可以为0.8。当然后续可以用一个宏或者变量确定好这个系数用于控制整体动画的速度，其中，定点衰减系数与速度的衰减有关，数值越大，衰减越慢，动画时间越长，反之，则动画时间越短。
本实施例中，预设定点滚动模型本次更新的时候都会将本次移动距离和偏移距离变量加入，循环往复到结束条件触发。其中，时间与动画速度的关系最终可能会呈现出类似于本发明模型定义的函数关系。
具体地，需要注意的是，因为定点滚动设计原因，最终滚动停止的点是不定的，因此需要设定偏移变量的最大偏移限制距离以及边界之外的缓冲偏移限制距离。
其中，最大偏移限制距离的设置是在动画注册时就填入后台的参数，该参数是可以根据页面情况进行调整的，通常是屏幕长度的八分之一，最大偏移限制距离本质上是为了限制页面的最大移动速度。例如，如果页面的当前移动距离为500时，缓冲偏移限制距离为10，定点衰减系数为0.8，屏幕高为280，距离修正因子为2，则目标移动距离由公式（5）计算得出：
（5）；
此时，如果不限制最大偏移限制距离，屏幕就会移动394个像素，用户在视觉上会感觉突然跳了一大段，动画会出现很强的割裂感，用户体验非常不好；而如果加上最大偏移限制距离，目标移动距离会跟最大值进行比较，页面的移动距离不会超过最大限制距离，从而保证了每一帧的动画效果，使得当前动画能够维持平面的显示效果。
具体地，距离修正因子的加入是为了进一步改善页面滚动的平滑度，减少页面显示的卡顿效果，一般其取值为小于10的常数，在更优选的实施例中，距离修正因子为2。
在优选的实施例中，当循环到在当前移动距离小于等于2个像素时，就控制页面停止滚动显示，这是由于该距离下表征的滚动速度实在太小，导致后续的计算位移会无限接近于0，从而视觉上会给用户移动画面非常拖沓的感觉。
步骤S303：控制页面按照光标的目标移动距离滚动显示。
其中，页面按照定点进行滚动显示，会给人造成一种平滑的动画效果。控制页面非匀速定点滚动显示，可以是控制等速连续切换页面等上述方法，可根据预设按键所处的状态，来控制页面进行定点滚动显示，使得页面呈现流畅平滑的动画效果，提高了用户的使用性。
在本申请实施例中，通过定点滚动的方式显示页面动画，动画的速率由快到慢平滑而缓慢的变化，符合用户的审美和交互体验，容易与用户产生共鸣；同时，本发明使用了简易的定点滚动模型来更新页面光标的目标移动距离，不需要使用繁杂的数学模型和逻辑计算，减低了页面动画的逻辑修改门槛和后期维护成本，且减少了芯片资源占用，避免了页面的卡顿问题。
在上述的实施例中，提供了一种方法，与之相对应的，本申请还提供一种装置。本申请实施例提供的装置可以实施上述方法，该装置可以通过软件、硬件或软硬结合的方式来实现。例如，该装置可以包括集成的或分开的功能模块或单元来执行上述各方法中的对应步骤。
在本申请实施例的一些实施方式中本申请实施例提供的装置20，与本申请前述实施例提供的方法出于相同的发明构思，具有相同的有益效果。
请参考图4，其示出了本申请的一些实施方式所提供的一种装置的示意图。由于装置实施例基本相似于方法实施例，所以描述得比较简单，相关之处参见方法实施例的部分说明即可。下述描述的装置实施例仅仅是示意性的。
如图4所示，装置40可以包括：
监测模块401，用于监测到预设触屏事件，所述预设触屏事件包括触摸屏幕事件和/或屏幕界面刷新事件；
处理模块402，用于响应于监测到所述预设触屏事件，按照预设定点滚动模型对页面光标的当前移动距离进行更新，获得所述页面光标的目标移动距离；
控制模块403，用于控制页面按照所述页面光标的目标移动距离滚动显示。
本申请实施方式还提供一种与前述实施方式所提供的方法对应的电子设备，所述电子设备可以是用于服务端的电子设备，例如服务器，包括独立的服务器和分布式服务器集群等，以执行上述方法；所述电子设备也可以是用于客户端的电子设备，例如手机、笔记本电脑、平板电脑、台式机电脑等，以执行上述方法。
请参考图5，其示出了本申请的一些实施方式所提供的一种电子设备的示意图。如图所示，所述电子设备50包括：处理器500，存储器501，总线502和通信接口503，所述处理器500、通信接口503和存储器501通过总线502连接；所述存储器501中存储有可在所述处理器500上运行的计算机程序，所述处理器500运行所述计算机程序时执行本申请前述方法。
其中，存储器501可能包含高速随机存取存储器（RAM：Random Access Memory），也可能还包括非不稳定的存储器（non-volatile memory），例如至少一个磁盘存储器。通过至少一个通信接口503（可以是有线或者无线）实现该***网元与至少一个其他网元之间的通信连接，可以使用互联网、广域网、本地网、城域网等。
总线502可以是ISA总线、PCI总线或EISA总线等。所述总线可以分为地址总线、数据总线、控制总线等。其中，存储器501用于存储程序，所述处理器500在接收到执行指令后，执行所述程序，前述本申请实施例任一实施方式揭示的方法可以应用于处理器500中，或者由处理器500实现。
处理器500可能是一种集成电路芯片，具有信号的处理能力。在实现过程中，上述方法的各步骤可以通过处理器500中的硬件的集成逻辑电路或者软件形式的指令完成。上述的处理器500可以是通用处理器，包括中央处理器(Central Processing Unit，简称CPU)、网络处理器(Network Processor，简称NP)等；还可以是数字信号处理器(DSP)、专用集成电路(ASIC)、现成可编程门阵列(FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件。可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本申请实施例所公开的方法的步骤可以直接体现为硬件译码处理器执行完成，或者用译码处理器中的硬件及软件模块组合执行完成。软件模块可以位于随机存储器，闪存、只读存储器，可编程只读存储器或者电可擦写可编程存储器、寄存器等本领域成熟的存储介质中。该存储介质位于存储器501，处理器500读取存储器501中的信息，结合其硬件完成上述方法的步骤。
本申请实施例提供的电子设备与本申请实施例提供的方法出于相同的发明构思，具有与其采用、运行或实现的方法相同的有益效果。
本申请实施方式还提供一种与前述实施方式所提供的方法对应的计算机可读介质，请参考图6，其示出的计算机可读存储介质为光盘60，其上存储有计算机程序（即程序产品），所述计算机程序在被处理器运行时，会执行前述方法。
需要说明的是，所述计算机可读存储介质的例子还可以包括，但不限于相变内存(PRAM)、静态随机存取存储器 (SRAM)、动态随机存取存储器 (DRAM)、其他类型的随机存取存储器 (RAM)、只读存储器 (ROM)、电可擦除可编程只读存储器 (EEPROM)、快闪记忆体或其他光学、磁性存储介质，在此不再一一赘述。
本申请的上述实施例提供的计算机可读存储介质与本申请实施例提供的方法出于相同的发明构思，具有与其存储的应用程序所采用、运行或实现的方法相同的有益效果。
需要说明的是，附图中的流程图和框图显示了根据本申请的多个实施例的***、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上，流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分，所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意，在有些作为替换的实现中，方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如，两个连续的方框实际上可以基本并行地执行，它们有时也可以按相反的顺序执行，这依所涉及的功能而定。也要注意的是，框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合，可以用执行规定的功能或动作的专用的基于硬件的***来实现，或者可以用专用硬件与计算机指令的组合来实现。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的***、装置和单元的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。
在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。以上所描述的装置实施例仅仅是示意性的，例如，所述单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，又例如，多个单元或组件可以结合或者可以集成到另一个***，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些通信接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
所述作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。
所述功能如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备（可以是个人计算机，服务器，或者网络设备等）执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器（ROM，Read-Only Memory）、随机存取存储器（RAM，Random Access Memory）、磁碟或者光盘等各种可以存储程序代码的介质。
最后应说明的是：以上各实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述各实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分或者全部技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的范围，其均应涵盖在本申请的权利要求和说明书的范围当中。
Claims (10)
1.一种页面滚动显示方法，其特征在于，包括：
监测到预设触屏事件，所述预设触屏事件包括触摸屏幕事件和/或屏幕界面刷新事件；
响应于监测到所述预设触屏事件，按照预设惯性滚动模型对页面光标的当前移动距离进行更新，获得所述页面光标的目标移动距离；
控制页面按照所述页面光标的目标移动距离滚动显示；
其中，所述按照预设惯性滚动模型更新页面光标的当前移动距离，得到所述页面光标的目标移动距离，包括：
当时，由公式（1）计算得到所述目标移动距离：
（1）；
当时，由公式（2）计算得到所述目标移动距离：
（2）；
当时，由公式（3）计算得到所述目标移动距离：
（3）；
其中，为所述页面光标的目标移动距离，为所述页面光标的当前移动距离，为惯性衰减系数，为距离修正因子，为所述页面光标的缓冲偏移限制距离，为所述页面光标在页面的最大偏移限制距离，为所述页面光标在页面的最小偏移限制距离。
2.根据权利要求1所述的方法，其特征在于，还包括：
响应于当所述当前移动距离小于等于2个像素时，控制页面停止滚动显示。
3.根据权利要求1所述的方法，其特征在于，还包括：配置所述惯性衰减系数，配置的取值范围为[0,1]；配置所述距离修正因子，配置的取值范围为[0,1]。
4.一种页面滚动显示装置，其特征在于，包括：
监测模块，用于监测到预设触屏事件，所述预设触屏事件包括触摸屏幕事件和/或屏幕界面刷新事件；
处理模块，用于响应于监测到所述预设触屏事件，按照预设惯性滚动模型对页面光标的当前移动距离进行更新，获得所述页面光标的目标移动距离；
控制模块，控制页面按照所述页面光标的目标移动距离滚动显示。
5.一种页面滚动显示方法，其特征在于，包括：
监测到预设触屏事件，所述预设触屏事件包括触摸屏幕事件和/或屏幕界面刷新事件；
响应于监测到所述预设触屏事件，按照预设定点滚动模型对页面光标的当前移动距离进行更新，获得所述页面光标的目标移动距离；
控制页面按照所述页面光标的目标移动距离滚动显示；
其中，所述按照预设定点滚动模型更新页面光标的当前移动距离，得到所述页面光标的目标移动距离，包括：
当时，由公式（4）计算得到所述目标移动距离：
（4）；
当时，由公式（5）计算得到所述目标移动距离：
（5）；
当时，由公式（6）计算得到所述目标移动距离：
（6）；
其中，为所述页面光标的目标移动距离，为所述页面光标的当前移动距离，为定点衰减系数，为距离修正因子，为所述页面光标的缓冲偏移限制距离，为所述页面光标在页面的最大偏移限制距离。
6.根据权利要求5所述的方法，其特征在于，还包括：
响应于当所述当前移动距离小于等于2个像素时，控制页面停止滚动显示。
7.根据权利要求5所述的方法，其特征在于，配置所述定点衰减系数，配置的取值范围为[0，1]；配置所述距离修正因子，配置的取值范围为[0，10]。
8.一种页面滚动显示装置，其特征在于，包括：
监测模块，用于监测到预设触屏事件，所述预设触屏事件包括触摸屏幕事件和/或屏幕界面刷新事件；
处理模块，用于响应于监测到所述预设触屏事件，按照预设定点滚动模型对页面光标的当前移动距离进行更新，获得所述页面光标的目标移动距离；
控制模块，用于控制页面按照所述页面光标的目标移动距离滚动显示。
9.一种电子设备，其特征在于，所述电子设备包括：
处理器；
用于存储所述处理器可执行指令的存储器；
所述处理器，用于从所述存储器中读取所述可执行指令，并执行所述可执行指令以实现上述权利要求1至3或至5-7中任一项所述的方法。
10.一种计算机可读存储介质，其特征在于，所述计算机可读存储介质存储有计算机程序，所述计算机程序用于执行上述权利要求1至3或至5-7中任一项所述的方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310366865.9A CN116088997B (zh) | 2023-04-07 | 2023-04-07 | 一种页面滚动显示方法、装置、存储介质和电子设备 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310366865.9A CN116088997B (zh) | 2023-04-07 | 2023-04-07 | 一种页面滚动显示方法、装置、存储介质和电子设备 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN116088997A true CN116088997A (zh) | 2023-05-09 |
| CN116088997B CN116088997B (zh) | 2023-07-21 |
Family
ID=86187263
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202310366865.9A Active CN116088997B (zh) | 2023-04-07 | 2023-04-07 | 一种页面滚动显示方法、装置、存储介质和电子设备 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN116088997B (zh) |
Citations (17)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| TW200725374A (en) * | 2005-12-16 | 2007-07-01 | Primax Electronics Ltd | Cursor control device |
| CN101339484A (zh) * | 2007-07-03 | 2009-01-07 | 昆盈企业股份有限公司 | 窗口操作***的卷页控制方法 |
| US20100153836A1 (en) * | 2008-12-16 | 2010-06-17 | Rich Media Club, Llc | Content rendering control system and method |
| CN103530028A (zh) * | 2013-10-08 | 2014-01-22 | 百度在线网络技术（北京）有限公司 | 光标操作方法及装置 |
| CN103914260A (zh) * | 2014-03-31 | 2014-07-09 | 苏州浩辰软件股份有限公司 | 基于触摸屏的操作对象的控制方法及装置 |
| CN107402691A (zh) * | 2017-07-13 | 2017-11-28 | 深圳Tcl新技术有限公司 | 终端光标的显示方法、显示装置及计算机可读存储介质 |
| CN109426410A (zh) * | 2017-09-05 | 2019-03-05 | 华为终端（东莞）有限公司 | 控制光标移动的方法、内容选择方法、控制页面滚动的方法及电子设备 |
| CN109508132A (zh) * | 2017-09-15 | 2019-03-22 | 阿里巴巴集团控股有限公司 | 提供页面信息的方法、装置及电子设备 |
| CN110851058A (zh) * | 2019-11-11 | 2020-02-28 | 支付宝(杭州)信息技术有限公司 | 一种页面虚拟滚动方法、装置及设备 |
| CN111475088A (zh) * | 2019-01-23 | 2020-07-31 | 百度在线网络技术（北京）有限公司 | 页面滚动的方法、装置、存储介质和终端设备 |
| CN112596648A (zh) * | 2020-12-21 | 2021-04-02 | 北京百度网讯科技有限公司 | 页面处理方法、装置、电子设备及可读存储介质 |
| CN112684960A (zh) * | 2020-12-29 | 2021-04-20 | 平安普惠企业管理有限公司 | 前端列表滚动方法、装置、计算机设备及存储介质 |
| CN113448478A (zh) * | 2021-06-25 | 2021-09-28 | 亿企赢网络科技有限公司 | 一种对滚动条的控制方法、装置、电子设备及介质 |
| CN113918258A (zh) * | 2021-09-30 | 2022-01-11 | 北京达佳互联信息技术有限公司 | 页面滚动处理方法、装置、终端以及存储介质 |
| CN114415888A (zh) * | 2022-01-18 | 2022-04-29 | 平安国际智慧城市科技股份有限公司 | 一种页面控制方法、装置、设备及存储介质 |
| CN114491372A (zh) * | 2022-02-08 | 2022-05-13 | 北京有竹居网络技术有限公司 | 页面处理方法、装置、电子设备及存储介质 |
| CN115480856A (zh) * | 2022-09-14 | 2022-12-16 | 中信百信银行股份有限公司 | 一种监听前端页面元素展现方法、电子设备及存储介质 |
-
2023
- 2023-04-07 CN CN202310366865.9A patent/CN116088997B/zh active Active
Patent Citations (18)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| TW200725374A (en) * | 2005-12-16 | 2007-07-01 | Primax Electronics Ltd | Cursor control device |
| CN101339484A (zh) * | 2007-07-03 | 2009-01-07 | 昆盈企业股份有限公司 | 窗口操作***的卷页控制方法 |
| US20100153836A1 (en) * | 2008-12-16 | 2010-06-17 | Rich Media Club, Llc | Content rendering control system and method |
| CN103530028A (zh) * | 2013-10-08 | 2014-01-22 | 百度在线网络技术（北京）有限公司 | 光标操作方法及装置 |
| CN103914260A (zh) * | 2014-03-31 | 2014-07-09 | 苏州浩辰软件股份有限公司 | 基于触摸屏的操作对象的控制方法及装置 |
| CN107402691A (zh) * | 2017-07-13 | 2017-11-28 | 深圳Tcl新技术有限公司 | 终端光标的显示方法、显示装置及计算机可读存储介质 |
| CN113821133A (zh) * | 2017-09-05 | 2021-12-21 | 华为终端有限公司 | 控制光标移动的方法、内容选择方法、控制页面滚动的方法及电子设备 |
| CN109426410A (zh) * | 2017-09-05 | 2019-03-05 | 华为终端（东莞）有限公司 | 控制光标移动的方法、内容选择方法、控制页面滚动的方法及电子设备 |
| CN109508132A (zh) * | 2017-09-15 | 2019-03-22 | 阿里巴巴集团控股有限公司 | 提供页面信息的方法、装置及电子设备 |
| CN111475088A (zh) * | 2019-01-23 | 2020-07-31 | 百度在线网络技术（北京）有限公司 | 页面滚动的方法、装置、存储介质和终端设备 |
| CN110851058A (zh) * | 2019-11-11 | 2020-02-28 | 支付宝(杭州)信息技术有限公司 | 一种页面虚拟滚动方法、装置及设备 |
| CN112596648A (zh) * | 2020-12-21 | 2021-04-02 | 北京百度网讯科技有限公司 | 页面处理方法、装置、电子设备及可读存储介质 |
| CN112684960A (zh) * | 2020-12-29 | 2021-04-20 | 平安普惠企业管理有限公司 | 前端列表滚动方法、装置、计算机设备及存储介质 |
| CN113448478A (zh) * | 2021-06-25 | 2021-09-28 | 亿企赢网络科技有限公司 | 一种对滚动条的控制方法、装置、电子设备及介质 |
| CN113918258A (zh) * | 2021-09-30 | 2022-01-11 | 北京达佳互联信息技术有限公司 | 页面滚动处理方法、装置、终端以及存储介质 |
| CN114415888A (zh) * | 2022-01-18 | 2022-04-29 | 平安国际智慧城市科技股份有限公司 | 一种页面控制方法、装置、设备及存储介质 |
| CN114491372A (zh) * | 2022-02-08 | 2022-05-13 | 北京有竹居网络技术有限公司 | 页面处理方法、装置、电子设备及存储介质 |
| CN115480856A (zh) * | 2022-09-14 | 2022-12-16 | 中信百信银行股份有限公司 | 一种监听前端页面元素展现方法、电子设备及存储介质 |
Non-Patent Citations (1)
| Title |
|---|
| 欧阳夕文: ""面向高龄用户的智能电视交互界面设计研究"", 《中国优秀硕士学位论文全文数据库社会科学Ⅱ辑》, pages 123 - 137 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN116088997B (zh) | 2023-07-21 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US10254955B2 (en) | Progressively indicating new content in an application-selectable user interface | |
| US8933952B2 (en) | Pre-rendering new content for an application-selectable user interface | |
| KR101499372B1 (ko) | 최소 프레임 레이트 요건들을 충족시키는 그래픽 렌더링 방법들 | |
| US9720571B2 (en) | Immersive mode for a web browser | |
| US9785332B1 (en) | Conserving processing resources by controlling updates to damaged tiles of a content page | |
| US20130152001A1 (en) | Adjusting user interface elements | |
| KR20120042883A (ko) | 이동 기기의 상호운영성을 제공하는 방법 및 장치 | |
| EP2815298A1 (en) | Speculative render ahead and caching in multiple passes | |
| US20130326394A1 (en) | Value specification in a responsive interface control | |
| CN116088997B (zh) | 一种页面滚动显示方法、装置、存储介质和电子设备 | |
| CN111045581B (zh) | 一种页面滑动控制方法、装置、设备及存储介质 | |
| US20120274645A1 (en) | Aligning animation state update and frame composition | |
| CN113268307A (zh) | 页面组件显示方法、装置、设备及存储介质 | |
| CN103777867A (zh) | 信息处理方法及电子设备 | |
| CN116504189B (zh) | 电子墨水屏驱动方法、装置、设备及可读存储介质 | |
| CN116149866B (zh) | 工作空间自适应渲染方法、装置、设备及可读存储介质 | |
| KR20230025744A (ko) | 자동 스크롤 기능 구현을 위한 방법 및 시스템 | |
| EP2690537A1 (en) | Modifying transition sequences in a user interface depending on frequency of use | |
| WO2012008624A1 (ja) | 表示制御装置、方法、及び、プログラム | |
| CN115733937A (zh) | 一种视频放大方法、装置、设备及存储介质 | |
| CN116795538A (zh) | 编译进程管理方法、装置及电子设备 | |
| CN116974420A (zh) | 终端设备的显示方法、终端设备及计算机可读存储介质 | |
| CN116302264A (zh) | 界面动效执行方法、装置、终端设备及存储介质 | |
| JPH11296542A (ja) | 情報表示装置及びその表示方法並びにその制御プログラムを記録した記録媒体 | |
| WO2014200540A1 (en) | Fixed header control for grouped grid panel |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant | ||
| CP03 | Change of name, title or address | ||
| CP03 | Change of name, title or address |
Address after: 4208, Tower A, Hongrongyuan North Station Center, Minzhi Street North Station Community, Longhua District, Shenzhen City, Guangdong Province, 518000 Patentee after: Shenzhen Weike Technology Co.,Ltd. Country or region after: China Address before: 518109 room 1501, building e, phase II, Xinghe world, Minle community, Minzhi street, Longhua District, Shenzhen City, Guangdong Province Patentee before: SHENZHEN WAKE UP TECHNOLOGY CO.,LTD. Country or region before: China |