CN116088997A - Page scrolling display method and device, storage medium and electronic equipment - Google Patents

Page scrolling display method and device, storage medium and electronic equipment Download PDF

Info

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
Application number
CN202310366865.9A
Other languages
Chinese (zh)
Other versions
CN116088997B (en
Inventor
陈泽鹏
綦吉
刘福亮
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shenzhen Weike Technology Co ltd
Original Assignee
Shenzhen Wake Up Technology Co ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shenzhen Wake Up Technology Co ltd filed Critical Shenzhen Wake Up Technology Co ltd
Priority to CN202310366865.9A priority Critical patent/CN116088997B/en
Publication of CN116088997A publication Critical patent/CN116088997A/en
Application granted granted Critical
Publication of CN116088997B publication Critical patent/CN116088997B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

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

Abstract

The application discloses a page scrolling display method, a page scrolling display device, a storage medium and electronic equipment, wherein the page scrolling display method comprises the following steps: monitoring a preset touch screen event, wherein the preset touch screen event comprises a touch screen event and/or a screen interface refreshing event; in response to the detection of the preset touch screen event, updating the current moving distance of the page cursor according to a preset inertial rolling model or a fixed point rolling model to obtain the target moving distance of the page cursor; and controlling the page to be displayed in a rolling way according to the target moving distance of the page cursor. According to the invention, the page animation is displayed in an inertial or fixed-point rolling mode, the speed of the animation is smoothly changed from fast to slow, aesthetic and interactive experience of a user are met, and resonance is easy to generate; meanwhile, a simple inertial or fixed-point rolling model is used for updating the target moving distance, so that the chip resource occupation is reduced, and page jamming is avoided.

Description

Page scrolling display method and device, storage medium and electronic equipment
Technical Field
The present invention relates to the field of display control, and in particular, to a page scrolling display method, device, storage medium, and electronic apparatus.
Background
In the prior art, the realization method of page animation scrolling comprises the following two types: (1) The linear animation, in the whole animation period, each time the displacement animation is called, the page rolling distance of each time is the same; (2) And (3) a nonlinear animation, wherein in the whole animation period, the nonlinear displacement animation is called each time, so that the distance of each page rolling is different.
The two methods also have drawbacks: (1) The realization mode is simple, but the displayed page animation is quite uniform, does not accord with the physical engine classification of natural food, lacks the flexibility and is not easy to resonate with the physical engine; (2) Generally, a nonlinear displacement animation display method is adopted, a complex GUI mathematical model needs to be built, and the complex GUI mathematical model is built and the displacement distance is calculated more complex, so that the running time is long and more chip resources are occupied, the refresh rate is reduced, and the blocking occurs.
Therefore, the page display method with the advantages of fast running time and small model construction difficulty is a technical problem to be solved.
Disclosure of Invention
Based on this, it is necessary to provide a page scrolling display method, apparatus, storage medium and electronic device in order to solve the existing problems.
In a first aspect, an embodiment of the present application provides a page scrolling display method, where the method includes:
monitoring a preset touch screen event, wherein the preset touch screen event comprises a touch screen event and/or a screen interface refreshing event;
responding to the detection of the preset touch screen event, and updating the current moving distance of the page cursor according to a preset inertial rolling model to obtain the target moving distance of the page cursor;
controlling the page to be displayed in a rolling way according to the target moving distance of the page cursor;
the updating the current moving distance of the page cursor according to the preset inertial rolling model to obtain the target moving distance of the page cursor comprises the following steps:
when (when)
Figure SMS_1
When the target moving distance is calculated by the formula (1):
Figure SMS_2
（1）；
when (when)
Figure SMS_3
When the target moving distance is calculated by the formula (2):
Figure SMS_4
（2）；
when (when)
Figure SMS_5
When the target moving distance is calculated by the formula (3):
Figure SMS_6
（3）；/>
wherein ,
Figure SMS_7
for the target movement distance of the page cursor, < >>
Figure SMS_8
For the current distance of movement of the page cursor,
Figure SMS_9
is an inertial attenuation coefficient>
Figure SMS_10
Is distance correction factor, ++>
Figure SMS_11
Limiting the distance, < >, for the buffer offset of the page cursor>
Figure SMS_12
Limiting the distance for the maximum offset of the page cursor on the page,>
Figure SMS_13
and limiting the distance for the minimum offset of the page cursor on the page.
Preferably, the page is controlled to stop scrolling in response to when the current movement distance is 2 pixels or less.
Preferably, the inertial damping coefficient is configured
Figure SMS_14
Configuration->
Figure SMS_15
The value range of (2) is [0,1 ]]The method comprises the steps of carrying out a first treatment on the surface of the Configuring the distance correction factor->
Figure SMS_16
Configuration->
Figure SMS_17
The value range of (2) is [0,1 ]]。
In a second aspect, an embodiment of the present application provides a page scrolling display device, including:
the monitoring module is used for monitoring a preset touch screen event, wherein the preset touch screen event comprises a touch screen event and/or a screen interface refreshing event;
the processing module is used for responding to the detection of the preset touch screen event, updating the current moving distance of the page cursor according to a preset inertial rolling model and obtaining the target moving distance of the page cursor;
and the control module is used for controlling the page to be displayed in a rolling way according to the target moving distance of the page cursor.
In a third aspect, an embodiment of the present application provides a page scrolling display method, where the method includes:
monitoring a preset touch screen event, wherein the preset touch screen event comprises a touch screen event and/or a screen interface refreshing event;
responding to the detection of the preset touch screen event, and updating the current moving distance of the page cursor according to a preset fixed point rolling model to obtain the target moving distance of the page cursor;
controlling the page to be displayed in a rolling way according to the target moving distance of the page cursor;
the updating the current moving distance of the page cursor according to the preset fixed point rolling model to obtain the target moving distance of the page cursor comprises the following steps:
when (when)
Figure SMS_18
When the target moving distance is calculated by the formula (1):
Figure SMS_19
（4）；
when (when)
Figure SMS_20
When the target moving distance is calculated by the formula (2):
Figure SMS_21
（5）；
when (when)
Figure SMS_22
When the target moving distance is calculated by the formula (3):
Figure SMS_23
（6）；
wherein ,
Figure SMS_24
for the target movement distance of the page cursor, < >>
Figure SMS_25
For the current distance of movement of the page cursor,
Figure SMS_26
for the fixed point attenuation coefficient, +.>
Figure SMS_27
Is distance correction factor, ++>
Figure SMS_28
Limiting the distance, < >, for the buffer offset of the page cursor>
Figure SMS_29
And limiting the distance for the maximum offset of the page cursor on the page.
In a fourth aspect, an embodiment of the present application provides a page scrolling display device, including:
the monitoring module is used for monitoring a preset touch screen event, wherein the preset touch screen event comprises a touch screen event and/or a screen interface refreshing event;
the processing module is used for responding to the detection of the preset touch screen event, updating the current moving distance of the page cursor according to a preset fixed point rolling model and obtaining the target moving distance of the page cursor;
and the control module is used for controlling the page to be displayed in a rolling way according to the target moving distance of the page cursor.
In a fifth aspect, embodiments of the present application provide an electronic device, including:
a processor;
a memory for storing the processor-executable instructions;
the processor is configured to read the executable instructions from the memory and execute the executable instructions to implement the method steps described above.
In a sixth aspect, embodiments of the present application provide a computer readable storage medium storing a computer program for performing the above-described method steps.
In the embodiment of the application, the page animation is displayed in an inertial or fixed-point rolling mode, the speed of the animation changes smoothly and slowly from fast to slow, the aesthetic and interactive experience of a user is met, and resonance is easy to generate with the user; meanwhile, the invention uses a simple inertial rolling model or a fixed-point rolling model to update the target moving distance of the page cursor, does not need to use complicated mathematical models and logic calculation, reduces the logic modification threshold and the later maintenance cost of the page animation, reduces the occupation of chip resources, and avoids the problem of blocking pages.
Drawings
Exemplary embodiments of the present invention may be more fully understood by reference to the following drawings. The accompanying drawings are included to provide a further understanding of embodiments of the application and are incorporated in and constitute a part of this specification, illustrate the invention and together with the embodiments of the application, and not constitute a limitation of the invention. In the drawings, like reference numerals generally refer to like parts or steps.
FIG. 1 is a flow chart of a method provided in accordance with an exemplary embodiment of the present application;
FIG. 2 is a schematic diagram of an apparatus according to an exemplary embodiment of the present application;
FIG. 3 is a flow chart of a method provided in accordance with another exemplary embodiment of the present application;
FIG. 4 is a schematic view of an apparatus provided according to another exemplary embodiment of the present application;
FIG. 5 illustrates a schematic diagram of an electronic device provided in an exemplary embodiment of the present application;
fig. 6 shows a schematic diagram of a computer-readable medium according to an exemplary embodiment of the present application.
Detailed Description
Exemplary embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the scope of the disclosure to those skilled in the art.
It is noted that unless otherwise indicated, technical or scientific terms used herein should be given the ordinary meaning as understood by one of ordinary skill in the art to which this application belongs.
In addition, the terms "first" and "second" etc. are used to distinguish different objects and are not used to describe a particular order. Furthermore, the terms "comprise" and "have," as well as any variations thereof, are intended to cover a non-exclusive inclusion. For example, a process, method, system, article, or apparatus that comprises a list of steps or elements is not limited to only those listed steps or elements but may include other steps or elements not listed or inherent to such process, method, article, or apparatus.
The embodiment of the application provides a page scrolling display method, a page scrolling display device, a storage medium and electronic equipment, and the page scrolling display method, the page scrolling display device, the storage medium and the electronic equipment are described below with reference to the accompanying drawings.
Referring to fig. 1, which is a flowchart illustrating a page scrolling method according to some embodiments of the present application, as shown in the figure, the method may include the following steps:
step S101: monitoring a preset touch screen event, wherein the preset touch screen event comprises a touch screen event and/or a screen interface refreshing event;
specifically, before monitoring a preset touch screen event, the page display animation needs to be registered, and the animation registration module mainly calls a place where the page needs to respond to the animation in the software application layer, for example, in the case of triggering clicking, sliding, an encoder and a touch screen. The main function responsibility is to register the required parameters of animation type, target value, maximum movement limit distance, etc. into the animation framework, and to initialize the animation.
After the animation registration is completed. The scrolling animation is then performed according to the parameters and types saved above. Since the action of brushing the screen is performed periodically, the 60hz refresh rate is about 16ms for one brushing. Thus, the moving distance is proportional to the moving speed with the unit time unchanged. Controlling the distance of each screen-brushing movement is equivalent to controlling the speed of the animation. The animation execution module is placed before each trigger of screen brushing for processing, so that the processing period is consistent with the screen brushing period.
In this embodiment, the preset touch screen event may be set by the system, and then the system monitors various operation events related to the preset vertical screen event, for example, monitors a touch screen, refreshing of a screen interface, and the like, so long as various operation events capable of causing movement of a page cursor can be defined as preset touch screen events.
The system can judge various operation events and automatically recognize the triggering state of a preset touch screen. The system only needs to detect a preset touch screen event, namely, the system starts to execute page scrolling operation.
Step S102: in response to the detection of a preset touch screen event, updating the current moving distance of the page cursor according to a preset inertial rolling model to obtain the target moving distance of the page cursor;
specifically, updating the current moving distance of the page cursor according to a preset inertial rolling model to obtain the target moving distance of the page cursor, including:
when (when)
Figure SMS_30
When the target moving distance is calculated by the formula (1):
Figure SMS_31
（1）；
when (when)
Figure SMS_32
When the target moving distance is calculated by the formula (2):
Figure SMS_33
（2）；
when (when)
Figure SMS_34
When the target moving distance is calculated by the formula (3):
Figure SMS_35
（3）；
wherein ,
Figure SMS_36
for the target movement distance of the page cursor, < >>
Figure SMS_37
For the current distance of movement of the page cursor,
Figure SMS_38
is an inertial attenuation coefficient>
Figure SMS_39
Is distance correction factor, ++>
Figure SMS_40
Limiting the distance, < >, for the buffer offset of the page cursor>
Figure SMS_41
Limiting the distance for the maximum offset of the page cursor on the page,>
Figure SMS_42
and limiting the distance for the minimum offset of the page cursor on the page. />
In particular, the inertial damping coefficient
Figure SMS_43
A constant of less than 1, in a more preferred embodiment,/is>
Figure SMS_44
The value of (2) may be 0.95. This coefficient can then be determined by a macro or variable to be used to control the overall animation speed. The larger the value, the longer the distance of inertial scrolling, and the longer the animation; conversely, the smaller the scroll distance, the shorter the animation.
Specifically, it is to be noted that, because of the design reason of the inertial scrolling model, in the present embodiment, the point at which the cursor is finally scrolled is indefinite, and therefore, the maximum offset limit distance and the minimum offset limit distance of the offset variable, and the buffer offset limit distance outside the boundary need to be set in the model.
Meanwhile, if the current movement of the cursor exceeds the upper and lower widest boundary, namely (current movement distance > (maximum movement limit+buffer movement limit)) or (current movement distance < (minimum movement limit-buffer movement limit)), the animation type of the page is immediately switched, and the offset variable is subjected to fixed-point scrolling towards the nearest movement limit.
In another case, if the current moving distance does not reach the above situation, but is in the upper and lower buffer areas, i.e., (current moving distance > maximum offset limit+buffer offset limit distance) or (current moving distance < minimum offset limit distance-buffer offset limit distance), it is decided whether to switch the animation type according to the magnitude of the current moving distance, and the current moving distance is generally smaller than 10 pixels, and of course, the value may be changed to a value representing that the scrolling speed is very small. If the conditions are met, the animation type can be switched, and the target moving distance is subjected to fixed-point scrolling towards the nearest offset limiting distance. The purpose of the two judgments is to have the effect of more flexibly rebounding to the nearest boundary when the current interface touches the boundary.
Specifically, the distance correction factor
Figure SMS_45
To further improve the smoothness of the page scrolling and to reduce the click-through effect of the page display, which is generally a constant with a value of less than 1, in a more preferred embodiment, the distance correction factor +.>
Figure SMS_46
0.8.
In the preferred embodiment, when cycling to 2 pixels or less at the current movement distance, the page is controlled to stop scrolling because the scrolling speed characterized by that distance is very small, resulting in a subsequent calculated displacement that is infinitely close to 0, thus visually giving the user the impression that the moving screen is very draggy.
Step S103: and the control page is scrolled and displayed according to the target moving distance of the cursor.
The page is rolled and displayed according to inertia, so that a smooth animation effect can be caused to people. The non-uniform-speed inertial rolling display of the page can be controlled by the method for controlling the constant-speed continuous page switching and the like, and the inertial rolling display of the page can be controlled according to the state of the preset key, so that the page presents a smooth animation effect, and the usability of a user is improved.
In the embodiment of the application, the page animation is displayed in an inertial rolling mode, the speed of the animation changes smoothly and slowly from fast to slow, aesthetic and interactive experience of a user are met, and resonance is easy to generate with the user; meanwhile, the invention uses a simple inertial rolling model to update the target moving distance of the page cursor, does not need to use complicated mathematical models and logic calculation, reduces the logic modification threshold and the later maintenance cost of the page animation, reduces the occupation of chip resources, and avoids the problem of jam of the page.
In the above embodiment, a method is provided, and corresponding apparatus is also provided. The device provided by the embodiment of the application can implement the method, and the device can be implemented by software, hardware or a combination of software and hardware. For example, the apparatus may comprise integrated or separate functional modules or units to perform the corresponding steps in the methods described above.
The apparatus 20 provided by the embodiments of the present application in some implementations of the embodiments of the present application have the same beneficial effects as the methods provided by the foregoing embodiments of the present application for the same inventive concept.
Referring to fig. 2, a schematic diagram of an apparatus according to some embodiments of the present application is shown. Since the apparatus embodiments are substantially similar to the method embodiments, the description is relatively simple, and reference is made to the description of the method embodiments for relevant points. The device embodiments described below are merely illustrative.
As shown in fig. 2, the apparatus 20 may include:
the monitoring module 201 is configured to monitor a preset touch screen event, where the preset touch screen event includes a touch screen event and/or a screen interface refresh event;
the processing module 202 is configured to update, in response to the detection of the preset touch screen event, a current movement distance of a page cursor according to a preset inertial rolling model, and obtain a target movement distance of the page cursor;
and the control module 203 is used for controlling the page to be displayed in a rolling way according to the target moving distance of the page cursor.
Referring to fig. 3, which is a flowchart illustrating another page scrolling method according to some embodiments of the present application, as shown in the figure, the method may include the following steps:
step S301: monitoring a preset touch screen event, wherein the preset touch screen event comprises a touch screen event and/or a screen interface refreshing event;
specifically, before monitoring a preset touch screen event, the page display animation needs to be registered, and the animation registration module mainly calls a place where the page needs to respond to the animation in the software application layer, for example, in the case of triggering clicking, sliding, an encoder and a touch screen. The main function responsibility is to register the required parameters of animation type, target value, maximum movement limit distance, etc. into the animation framework, and to initialize the animation.
After the animation registration is completed. The scrolling animation is then performed according to the parameters and types saved above. Since the action of brushing the screen is performed periodically, the 60hz refresh rate is about 16ms for one brushing. Thus, the moving distance is proportional to the moving speed with the unit time unchanged. Controlling the distance of each screen-brushing movement is equivalent to controlling the speed of the animation. The animation execution module is placed before each trigger of screen brushing for processing, so that the processing period is consistent with the screen brushing period.
In this embodiment, the preset touch screen event may be set by the system, and then the system monitors various operation events related to the preset vertical screen event, for example, monitors a touch screen, refreshing of a screen interface, and the like, so long as various operation events capable of causing movement of a page cursor can be defined as preset touch screen events.
The system can judge various operation events and automatically recognize the triggering state of a preset touch screen. The system only needs to detect a preset touch screen event, namely, the system starts to execute page scrolling operation.
Step S302: in response to the detection of a preset touch screen event, updating the current moving distance of the page cursor according to a preset fixed point rolling model to obtain the target moving distance of the page cursor;
specifically, updating the current moving distance of the page cursor according to a preset fixed point rolling model to obtain the target moving distance of the page cursor, including:
when (when)
Figure SMS_47
When the target moving distance is calculated by the formula (4):
Figure SMS_48
（4）；
when (when)
Figure SMS_49
When the target moving distance is calculated by the formula (5):
Figure SMS_50
（5）；
when (when)
Figure SMS_51
When the target moving distance is calculated by the formula (6):
Figure SMS_52
（6）；/>
wherein ,
Figure SMS_53
for the target movement distance of the page cursor, < >>
Figure SMS_54
For the current distance of movement of the page cursor,
Figure SMS_55
for the fixed point attenuation coefficient, +.>
Figure SMS_56
Is distance correction factor, ++>
Figure SMS_57
Limiting the distance, < >, for the buffer offset of the page cursor>
Figure SMS_58
And limiting the distance for the maximum offset of the page cursor on the page.
In particular, the fixed point attenuation coefficient is a constant less than 1, which, in a more preferred embodiment,
Figure SMS_59
the value of (2) may be 0.8. When this coefficient can then be determined with a macro or variable for controlling the speed of the overall animation, where the fixed point attenuation coefficient is related to the attenuation of the speed, the larger the value, the slower the attenuation, the longer the animation time, and vice versa, the shorter the animation time.
In this embodiment, the preset fixed point rolling model is added with the current moving distance and offset distance variables when updated, and the moving distance and offset distance variables are cycled to the end condition for triggering. Wherein the time versus animation speed may eventually exhibit a functional relationship similar to that defined by the model of the present invention.
In particular, it should be noted that the point at which the final scroll stops is indefinite for fixed-point scroll design reasons, and therefore the maximum offset limit distance of the offset variable and the buffer offset limit distance outside the boundary need to be set.
The setting of the maximum offset limiting distance is a parameter which is filled in the background when the animation is registered, the parameter can be adjusted according to the condition of the page, and is usually one eighth of the screen length, and the maximum offset limiting distance is essentially used for limiting the maximum moving speed of the page. For example, ifCurrent distance of movement of page
Figure SMS_60
At 500, buffer offset limit distance +.>
Figure SMS_61
Is 10, fixed point attenuation coefficient->
Figure SMS_62
0.8, screen height 280, distance correction factor +.>
Figure SMS_63
2, the target moving distance is calculated by the formula (5):
Figure SMS_64
（5）；
at this time, if the maximum offset limiting distance is not limited, the screen will move 394 pixels, the user will feel suddenly jumped a large section visually, the animation will have a strong cracking sense, and the user experience is very bad; if the maximum deviation limit distance is added, the target moving distance can be compared with the maximum value, and the moving distance of the page cannot exceed the maximum limit distance, so that the animation effect of each frame is ensured, and the current animation can maintain the planar display effect.
Specifically, the distance correction factor
Figure SMS_65
To further improve the smoothness of the page scrolling and to reduce the click-through effect of the page display, which is typically a constant value of less than 10, in a more preferred embodiment, the distance correction factor +.>
Figure SMS_66
2.
In the preferred embodiment, when cycling to 2 pixels or less at the current movement distance, the page is controlled to stop scrolling because the scrolling speed characterized by that distance is very small, resulting in a subsequent calculated displacement that is infinitely close to 0, thus visually giving the user the impression that the moving screen is very draggy.
Step S303: and the control page is scrolled and displayed according to the target moving distance of the cursor.
The page is displayed in a rolling mode according to the fixed points, and a smooth animation effect can be caused to people. The non-uniform fixed-point rolling display of the page can be controlled by the method for controlling the constant-speed continuous switching of the page, and the like, and the fixed-point rolling display of the page can be controlled according to the state of the preset key, so that the page presents a smooth animation effect, and the usability of a user is improved.
In the embodiment of the application, the page animation is displayed in a fixed-point scrolling mode, the speed of the animation changes smoothly and slowly from fast to slow, aesthetic and interactive experience of a user are met, and resonance is easy to generate with the user; meanwhile, the invention uses a simple fixed-point rolling model to update the target moving distance of the page cursor, does not need to use complicated mathematical models and logic calculation, reduces the logic modification threshold and the later maintenance cost of the page animation, reduces the occupation of chip resources, and avoids the problem of page blocking.
In the above embodiment, a method is provided, and corresponding apparatus is also provided. The device provided by the embodiment of the application can implement the method, and the device can be implemented by software, hardware or a combination of software and hardware. For example, the apparatus may comprise integrated or separate functional modules or units to perform the corresponding steps in the methods described above.
The apparatus 20 provided by the embodiments of the present application in some implementations of the embodiments of the present application have the same beneficial effects as the methods provided by the foregoing embodiments of the present application for the same inventive concept.
Referring to fig. 4, a schematic diagram of an apparatus according to some embodiments of the present application is shown. Since the apparatus embodiments are substantially similar to the method embodiments, the description is relatively simple, and reference is made to the description of the method embodiments for relevant points. The device embodiments described below are merely illustrative.
As shown in fig. 4, the apparatus 40 may include:
a monitoring module 401, configured to monitor a preset touch screen event, where the preset touch screen event includes a touch screen event and/or a screen interface refresh event;
the processing module 402 is configured to update, in response to the detection of the preset touch screen event, a current movement distance of a page cursor according to a preset fixed point scrolling model, and obtain a target movement distance of the page cursor;
and the control module 403 is used for controlling the page to be displayed in a rolling way according to the target moving distance of the page cursor.
The embodiment of the application also provides an electronic device corresponding to the method provided by the previous embodiment, wherein the electronic device can be an electronic device for a server, such as a server, including an independent server and a distributed server cluster, so as to execute the method; the electronic device may also be an electronic device for a client, such as a mobile phone, a notebook computer, a tablet computer, a desktop computer, etc., to perform the above method.
Referring to fig. 5, a schematic diagram of an electronic device according to some embodiments of the present application is shown. As shown, the electronic device 50 includes: a processor 500, a memory 501, a bus 502 and a communication interface 503, the processor 500, the communication interface 503 and the memory 501 being connected by the bus 502; the memory 501 stores a computer program executable on the processor 500, and the processor 500 executes the method described above when executing the computer program.
The memory 501 may include a high-speed random access memory (RAM: random Access Memory), and may further include a non-volatile memory (non-volatile memory), such as at least one magnetic disk memory. The communication connection between the system network element and at least one other network element is implemented via at least one communication interface 503 (which may be wired or wireless), the internet, a wide area network, a local network, a metropolitan area network, etc. may be used.
Bus 502 may be an ISA bus, a PCI bus, an EISA bus, or the like. The buses may be classified as address buses, data buses, control buses, etc. The memory 501 is configured to store a program, and the processor 500 executes the program after receiving an execution instruction, and the method disclosed in any of the foregoing embodiments of the present application may be applied to the processor 500 or implemented by the processor 500.
The processor 500 may be an integrated circuit chip with signal processing capabilities. In implementation, the steps of the above method may be performed by integrated logic circuitry in hardware or instructions in software in the processor 500. The processor 500 may be a general-purpose processor, including a central processing unit (Central Processing Unit, CPU for short), a network processor (Network Processor, NP for short), etc.; but may also be a Digital Signal Processor (DSP), application Specific Integrated Circuit (ASIC), an off-the-shelf programmable gate array (FPGA) or other programmable logic device, discrete gate or transistor logic device, discrete hardware components. The disclosed methods, steps, and logic blocks in the embodiments of the present application may be implemented or performed. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like. The steps of a method disclosed in connection with the embodiments of the present application may be embodied directly in hardware, in a decoded processor, or in a combination of hardware and software modules in a decoded processor. The software modules may be located in a random access memory, flash memory, read only memory, programmable read only memory, or electrically erasable programmable memory, registers, etc. as well known in the art. The storage medium is located in the memory 501, and the processor 500 reads the information in the memory 501, and in combination with its hardware, performs the steps of the method described above.
The electronic device provided by the embodiment of the application and the method provided by the embodiment of the application are the same in the invention conception, and have the same beneficial effects as the method adopted, operated or realized by the electronic device.
The present application further provides a computer readable medium corresponding to the method provided in the foregoing embodiment, referring to fig. 6, the computer readable storage medium is shown as an optical disc 60, on which a computer program (i.e. a program product) is stored, where the computer program when executed by a processor performs the foregoing method.
It should be noted that examples of the computer readable storage medium may also include, but are not limited to, a phase change memory (PRAM), a Static Random Access Memory (SRAM), a Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), a Read Only Memory (ROM), an Electrically Erasable Programmable Read Only Memory (EEPROM), a flash memory, or other optical or magnetic storage medium, which will not be described in detail herein.
The computer readable storage medium provided by the above-described embodiments of the present application has the same advantageous effects as the method adopted, operated or implemented by the application program stored therein, for the same inventive concept as the method provided by the embodiments of the present application.
It is noted that the flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present application. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
It will be clear to those skilled in the art that, for convenience and brevity of description, specific working procedures of the above-described systems, apparatuses and units may refer to corresponding procedures in the foregoing method embodiments, and are not repeated herein.
In the several embodiments provided in this application, it should be understood that the disclosed apparatus and method may be implemented in other ways. The above-described apparatus embodiments are merely illustrative, for example, the division of the units is merely a logical function division, and there may be other manners of division in actual implementation, and for example, multiple units or components may be combined or integrated into another system, or some features may be omitted, or not performed. Alternatively, the coupling or direct coupling or communication connection shown or discussed with each other may be through some communication interface, device or unit indirect coupling or communication connection, which may be in electrical, mechanical or other form.
The units described as separate units may or may not be physically separate, and units shown as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
In addition, each functional unit in each embodiment of the present application may be integrated in one processing unit, or each unit may exist alone physically, or two or more units may be integrated in one unit.
The functions, if implemented in the form of software functional units and sold or used as a stand-alone product, may be stored in a computer-readable storage medium. Based on such understanding, the technical solution of the present application may be embodied essentially or in a part contributing to the prior art or in a part of the technical solution, in the form of a software product stored in a storage medium, including several instructions for causing a computer device (which may be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the methods described in the embodiments of the present application. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (RAM, random Access Memory), a magnetic disk, or an optical disk, or other various media capable of storing program codes.
Finally, it should be noted that: the above embodiments are only for illustrating the technical solution of the present application, and not for limiting the same; although the present application has been described in detail with reference to the foregoing embodiments, it should be understood by those of ordinary skill in the art that: the technical scheme described in the foregoing embodiments can be modified or some or all of the technical features thereof can be replaced by equivalents; such modifications and substitutions do not depart from the spirit of the embodiments, and are intended to be included within the scope of the claims and description.

Claims (10)

1. A page scrolling display method, comprising:
monitoring a preset touch screen event, wherein the preset touch screen event comprises a touch screen event and/or a screen interface refreshing event;
responding to the detection of the preset touch screen event, and updating the current moving distance of the page cursor according to a preset inertial rolling model to obtain the target moving distance of the page cursor;
controlling the page to be displayed in a rolling way according to the target moving distance of the page cursor;
the updating the current moving distance of the page cursor according to the preset inertial rolling model to obtain the target moving distance of the page cursor comprises the following steps:
when (when)
Figure QLYQS_1
When the target moving distance is calculated by the formula (1):
Figure QLYQS_2
（1）；
when (when)
Figure QLYQS_3
When calculated by the formula (2)Calculating the target moving distance:
Figure QLYQS_4
（2）；
when (when)
Figure QLYQS_5
When the target moving distance is calculated by the formula (3):
Figure QLYQS_6
（3）；
wherein ,
Figure QLYQS_7
for the target movement distance of the page cursor, < >>
Figure QLYQS_8
For the current movement distance of the page cursor, < >>
Figure QLYQS_9
Is an inertial attenuation coefficient>
Figure QLYQS_10
Is distance correction factor, ++>
Figure QLYQS_11
Limiting the distance, < >, for the buffer offset of the page cursor>
Figure QLYQS_12
Limiting the distance for the maximum offset of the page cursor on the page,>
Figure QLYQS_13
and limiting the distance for the minimum offset of the page cursor on the page.
2. The method as recited in claim 1, further comprising:
and controlling the page to stop scrolling display in response to the current moving distance being less than or equal to 2 pixels.
3. The method as recited in claim 1, further comprising: configuring the inertial damping coefficient
Figure QLYQS_14
Configuration->
Figure QLYQS_15
The value range of (2) is [0,1 ]]The method comprises the steps of carrying out a first treatment on the surface of the Configuring the distance correction factor->
Figure QLYQS_16
Configuration->
Figure QLYQS_17
The value range of (2) is [0,1 ]]。
4. A page scrolling display device, comprising:
the monitoring module is used for monitoring a preset touch screen event, wherein the preset touch screen event comprises a touch screen event and/or a screen interface refreshing event;
the processing module is used for responding to the detection of the preset touch screen event, updating the current moving distance of the page cursor according to a preset inertial rolling model and obtaining the target moving distance of the page cursor;
and the control module is used for controlling the page to be displayed in a rolling way according to the target moving distance of the page cursor.
5. A page scrolling display method, comprising:
monitoring a preset touch screen event, wherein the preset touch screen event comprises a touch screen event and/or a screen interface refreshing event;
responding to the detection of the preset touch screen event, and updating the current moving distance of the page cursor according to a preset fixed point rolling model to obtain the target moving distance of the page cursor;
controlling the page to be displayed in a rolling way according to the target moving distance of the page cursor;
the updating the current moving distance of the page cursor according to the preset fixed point rolling model to obtain the target moving distance of the page cursor comprises the following steps:
when (when)
Figure QLYQS_18
When the target moving distance is calculated by the formula (4): />
Figure QLYQS_19
（4）；
When (when)
Figure QLYQS_20
When the target moving distance is calculated by the formula (5):
Figure QLYQS_21
（5）；
when (when)
Figure QLYQS_22
When the target moving distance is calculated by the formula (6):
Figure QLYQS_23
（6）；
wherein ,
Figure QLYQS_24
for the target movement distance of the page cursor, < >>
Figure QLYQS_25
For the current movement distance of the page cursor, < >>
Figure QLYQS_26
For the fixed point attenuation coefficient, +.>
Figure QLYQS_27
Is distance correction factor, ++>
Figure QLYQS_28
Limiting the distance, < >, for the buffer offset of the page cursor>
Figure QLYQS_29
And limiting the distance for the maximum offset of the page cursor on the page.
6. The method as recited in claim 5, further comprising:
and controlling the page to stop scrolling display in response to the current moving distance being less than or equal to 2 pixels.
7. The method of claim 5, wherein the fixed point attenuation coefficients are configured
Figure QLYQS_30
Configuration->
Figure QLYQS_31
The value range of (2) is [0,1 ]]The method comprises the steps of carrying out a first treatment on the surface of the Configuring the distance correction factor->
Figure QLYQS_32
Configuration->
Figure QLYQS_33
The value range of (2) is 0, 10]。
8. A page scrolling display device, comprising:
the monitoring module is used for monitoring a preset touch screen event, wherein the preset touch screen event comprises a touch screen event and/or a screen interface refreshing event;
the processing module is used for responding to the detection of the preset touch screen event, updating the current moving distance of the page cursor according to a preset fixed point rolling model and obtaining the target moving distance of the page cursor;
and the control module is used for controlling the page to be displayed in a rolling way according to the target moving distance of the page cursor.
9. An electronic device, the electronic device comprising:
a processor;
a memory for storing the processor-executable instructions;
the processor being configured to read the executable instructions from the memory and execute the executable instructions to implement the method of any one of the preceding claims 1 to 3 or to 5-7.
10. A computer readable storage medium, characterized in that the computer readable storage medium stores a computer program for executing the method of any of the above claims 1 to 3 or to 5-7.
CN202310366865.9A 2023-04-07 2023-04-07 Page scrolling display method and device, storage medium and electronic equipment Active CN116088997B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202310366865.9A CN116088997B (en) 2023-04-07 2023-04-07 Page scrolling display method and device, storage medium and electronic equipment

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202310366865.9A CN116088997B (en) 2023-04-07 2023-04-07 Page scrolling display method and device, storage medium and electronic equipment

Publications (2)

Publication Number Publication Date
CN116088997A true CN116088997A (en) 2023-05-09
CN116088997B CN116088997B (en) 2023-07-21

Family

ID=86187263

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202310366865.9A Active CN116088997B (en) 2023-04-07 2023-04-07 Page scrolling display method and device, storage medium and electronic equipment

Country Status (1)

Country Link
CN (1) CN116088997B (en)

Citations (17)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TW200725374A (en) * 2005-12-16 2007-07-01 Primax Electronics Ltd Cursor control device
CN101339484A (en) * 2007-07-03 2009-01-07 昆盈企业股份有限公司 Windows operating system scroll control method
US20100153836A1 (en) * 2008-12-16 2010-06-17 Rich Media Club, Llc Content rendering control system and method
CN103530028A (en) * 2013-10-08 2014-01-22 百度在线网络技术（北京）有限公司 Cursor operating method and device
CN103914260A (en) * 2014-03-31 2014-07-09 苏州浩辰软件股份有限公司 Method and device based on touch screen and used for controlling operation objects
CN107402691A (en) * 2017-07-13 2017-11-28 深圳Tcl新技术有限公司 Display methods, display device and the computer-readable recording medium of terminal cursor
CN109426410A (en) * 2017-09-05 2019-03-05 华为终端（东莞）有限公司 Control the mobile method of cursor, content selecting method, the method and electronic equipment for controlling page scroll
CN109508132A (en) * 2017-09-15 2019-03-22 阿里巴巴集团控股有限公司 The method, apparatus and electronic equipment of page info are provided
CN110851058A (en) * 2019-11-11 2020-02-28 支付宝(杭州)信息技术有限公司 Page virtual scrolling method, device and equipment
CN111475088A (en) * 2019-01-23 2020-07-31 百度在线网络技术（北京）有限公司 Page scrolling method and device, storage medium and terminal equipment
CN112596648A (en) * 2020-12-21 2021-04-02 北京百度网讯科技有限公司 Page processing method and device, electronic equipment and readable storage medium
CN112684960A (en) * 2020-12-29 2021-04-20 平安普惠企业管理有限公司 Front-end list scrolling method and device, computer equipment and storage medium
CN113448478A (en) * 2021-06-25 2021-09-28 亿企赢网络科技有限公司 Control method and device for scroll bar, electronic equipment and medium
CN113918258A (en) * 2021-09-30 2022-01-11 北京达佳互联信息技术有限公司 Page rolling processing method, device, terminal and storage medium
CN114415888A (en) * 2022-01-18 2022-04-29 平安国际智慧城市科技股份有限公司 Page control method, device, equipment and storage medium
CN114491372A (en) * 2022-02-08 2022-05-13 北京有竹居网络技术有限公司 Page processing method and device, electronic equipment and storage medium
CN115480856A (en) * 2022-09-14 2022-12-16 中信百信银行股份有限公司 Method for monitoring front-end page element display, electronic equipment and storage medium

Patent Citations (18)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
TW200725374A (en) * 2005-12-16 2007-07-01 Primax Electronics Ltd Cursor control device
CN101339484A (en) * 2007-07-03 2009-01-07 昆盈企业股份有限公司 Windows operating system scroll control method
US20100153836A1 (en) * 2008-12-16 2010-06-17 Rich Media Club, Llc Content rendering control system and method
CN103530028A (en) * 2013-10-08 2014-01-22 百度在线网络技术（北京）有限公司 Cursor operating method and device
CN103914260A (en) * 2014-03-31 2014-07-09 苏州浩辰软件股份有限公司 Method and device based on touch screen and used for controlling operation objects
CN107402691A (en) * 2017-07-13 2017-11-28 深圳Tcl新技术有限公司 Display methods, display device and the computer-readable recording medium of terminal cursor
CN113821133A (en) * 2017-09-05 2021-12-21 华为终端有限公司 Method for controlling cursor movement, content selection method, method for controlling page scrolling and electronic equipment
CN109426410A (en) * 2017-09-05 2019-03-05 华为终端（东莞）有限公司 Control the mobile method of cursor, content selecting method, the method and electronic equipment for controlling page scroll
CN109508132A (en) * 2017-09-15 2019-03-22 阿里巴巴集团控股有限公司 The method, apparatus and electronic equipment of page info are provided
CN111475088A (en) * 2019-01-23 2020-07-31 百度在线网络技术（北京）有限公司 Page scrolling method and device, storage medium and terminal equipment
CN110851058A (en) * 2019-11-11 2020-02-28 支付宝(杭州)信息技术有限公司 Page virtual scrolling method, device and equipment
CN112596648A (en) * 2020-12-21 2021-04-02 北京百度网讯科技有限公司 Page processing method and device, electronic equipment and readable storage medium
CN112684960A (en) * 2020-12-29 2021-04-20 平安普惠企业管理有限公司 Front-end list scrolling method and device, computer equipment and storage medium
CN113448478A (en) * 2021-06-25 2021-09-28 亿企赢网络科技有限公司 Control method and device for scroll bar, electronic equipment and medium
CN113918258A (en) * 2021-09-30 2022-01-11 北京达佳互联信息技术有限公司 Page rolling processing method, device, terminal and storage medium
CN114415888A (en) * 2022-01-18 2022-04-29 平安国际智慧城市科技股份有限公司 Page control method, device, equipment and storage medium
CN114491372A (en) * 2022-02-08 2022-05-13 北京有竹居网络技术有限公司 Page processing method and device, electronic equipment and storage medium
CN115480856A (en) * 2022-09-14 2022-12-16 中信百信银行股份有限公司 Method for monitoring front-end page element display, electronic equipment and storage medium

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
欧阳夕文: ""面向高龄用户的智能电视交互界面设计研究"", 《中国优秀硕士学位论文全文数据库社会科学Ⅱ辑》, pages 123 - 137 *

Also Published As

Publication number Publication date
CN116088997B (en) 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 (en) Graphics rendering methods for satisfying minimum frame rate requirements
KR101367718B1 (en) Method and apparatus for providing mobile device interoperability
US10540077B1 (en) Conserving processing resources by controlling updates to damaged tiles of a content page
US9720571B2 (en) Immersive mode for a web browser
EP2815298B1 (en) Speculative render ahead and caching in multiple passes
JP2011118479A5 (en)
KR20140030299A (en) Techniques for zooming in and out with dynamic content
JP2019040565A (en) Electronic device, advertisement display method, and advertisement display program
CN116088997B (en) Page scrolling display method and device, storage medium and electronic equipment
CN104035659B (en) Graphic user interface control method and system for rolling content
US20120274645A1 (en) Aligning animation state update and frame composition
CN111045581B (en) Page sliding control method, device, equipment and storage medium
CA2805308A1 (en) Methods and apparatus to perform animation smoothing
CN103777867A (en) Information processing method and electronic device
CN116504189B (en) Electronic ink screen driving method, device, equipment and readable storage medium
CN116149866B (en) Working space adaptive rendering method, device, equipment and readable storage medium
KR20230025744A (en) Method and system for implementing auto sctoll function
CN110489689B (en) Page content updating method and device, electronic equipment and storage medium
CN116246589A (en) Control method, device, equipment and storage medium
WO2012008624A1 (en) Display control device, method, and programme
CN117707381A (en) Interface display method, device, electronic equipment and readable storage medium
JP5944784B2 (en) Display device, display device control method, control program, and computer-readable recording medium recording the control program
CN115733937A (en) Video amplification method, device, equipment and storage medium

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