CN111782121B - Page rolling control method and device, readable storage medium and electronic equipment - Google Patents
Page rolling control method and device, readable storage medium and electronic equipment Download PDFInfo
- Publication number
- CN111782121B CN111782121B CN202010751545.1A CN202010751545A CN111782121B CN 111782121 B CN111782121 B CN 111782121B CN 202010751545 A CN202010751545 A CN 202010751545A CN 111782121 B CN111782121 B CN 111782121B
- Authority
- CN
- China
- Prior art keywords
- page
- user interface
- graphical user
- size
- sliding
- 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.)
- Active
Links
Images
Classifications
-
- 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
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- 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
- G06F3/0485—Scrolling or panning
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The disclosure relates to the technical field of human-computer interaction, and provides a page scrolling control method and device, a computer readable storage medium and electronic equipment. Wherein, the method comprises the following steps: controlling the page to scroll in response to a sliding operation on a currently displayed page in the graphical user interface; and adjusting the size of the page in the graphical user interface according to the scrolling speed of the page. According to the method and the device, the size of the page in the graphical user interface can be controlled based on the page rolling speed, so that the flexibility of page rolling control can be improved, a user can conveniently and quickly find interesting information in the page, the operation is simplified, and the page checking efficiency is improved.
Description
Technical Field
The present disclosure relates to the field of human-computer interaction technologies, and in particular, to a page scrolling control method, a page scrolling control device, a computer-readable storage medium, and an electronic device.
Background
Page scrolling has become a fundamental way for people to interact with electronic devices today. For example, an App page is opened, and as the user slides, the content in the page window is continuously scrolled, so that the user can obtain the required information from the continuously scrolled content.
In the related art, when a user searches for a specific content in a page, the page needs to be continuously slid to find the content, for example, a sliding list including hundreds or even thousands of lines in the page, and when the user wants to find a line concerned by the user, the user needs to continuously slide down from the first line and view the content at the same time, which is very time-consuming. In particular, when the font, icon, or the like of a page is large, the content of the page that can be displayed is small, and a long-time operation by the user is required.
Therefore, in the related technology, the page scrolling operation is complicated, the efficiency is low, operation fatigue is easily caused, and the user experience is influenced.
It is to be noted that the information disclosed in the above background section is only for enhancement of understanding of the background of the present disclosure, and thus may include information that does not constitute prior art known to those of ordinary skill in the art.
Disclosure of Invention
The present disclosure aims to provide a page scrolling control method and apparatus, a computer-readable storage medium, and an electronic device, so as to improve the problem of low page viewing efficiency at least to a certain extent.
Additional features and advantages of the disclosure will be set forth in the detailed description which follows, or in part will be obvious from the description, or may be learned by practice of the disclosure.
According to a first aspect of the present disclosure, there is provided a page scroll control method, including:
controlling the page to scroll in response to a sliding operation on a currently displayed page in the graphical user interface;
and adjusting the size of the page in the graphical user interface according to the scrolling speed of the page.
In an exemplary embodiment of the present disclosure, based on the foregoing solution, the page includes a sliding list; when the page is controlled to scroll along the up-down direction of the graphical user interface, the adjusting the size of the page in the graphical user interface according to the scrolling speed of the page comprises:
and adjusting the unit height of the sliding list in the graphical user interface according to the scrolling speed of the page.
In an exemplary embodiment of the present disclosure, based on the foregoing,
the adjusting the unit height of the sliding list in the graphical user interface according to the scrolling speed of the page comprises:
acquiring a preset association relation between the rolling speed and the unit height of the sliding list, wherein the preset association relation is a relation that the unit height of the sliding list changes along with the rolling speed;
And determining a target unit height corresponding to the current scrolling speed of the sliding list according to the preset incidence relation, and adjusting the unit height of the sliding list to the target unit height.
In an exemplary embodiment of the present disclosure, based on the foregoing,
the determining the target unit height corresponding to the current scrolling speed of the sliding list according to the preset incidence relation comprises:
determining a target unit height corresponding to the current scrolling speed of the sliding list through the following preset association relationship:
wherein v represents a current scrolling speed, n represents a correlation coefficient, n is a positive number, a represents an initial unit height of the slide list, and a' represents a target unit height of the slide list corresponding to the current scrolling speed.
In an exemplary embodiment of the present disclosure, based on the foregoing solution, in the process of controlling the page scrolling, the method further includes:
when the scrolling speed is greater than or equal to a first preset threshold value, executing a step of adjusting the size of the page in the graphical user interface according to the scrolling speed of the page;
when the scrolling speed is less than the first preset threshold, maintaining the size of the page in the graphical user interface.
In an exemplary embodiment of the present disclosure, based on the foregoing solution, the adjusting the size of the sliding list on the graphical user interface according to the scrolling speed of the page includes:
when the current size of the page in the graphical user interface is smaller than or equal to a second preset threshold, keeping the size of the page in the graphical user interface as the current size.
In an exemplary embodiment of the disclosure, based on the foregoing scheme, the second preset threshold is determined according to a size of a preset element in the page.
In an exemplary embodiment of the present disclosure, based on the foregoing scheme, the scrolling speed of the page is determined by:
and determining the scrolling speed of the page along the target sliding direction of the sliding operation according to the sliding speed of the sliding operation.
In an exemplary embodiment of the disclosure, based on the foregoing scheme, the scrolling speed is the number of pixels scrolled in a unit time of the page along the target sliding direction. In an exemplary embodiment of the present disclosure, based on the foregoing solution, the adjusting the size of the page in the graphical user interface according to the scrolling speed of the page further includes:
And when the scroll speed is smaller than a third preset threshold value, adjusting the size of the page on the graphical user interface to be an initial size.
According to a second aspect of the present disclosure, there is provided a page scroll control apparatus,
the sliding operation response module is configured to respond to the sliding operation on the currently displayed page in the graphical user interface and control the page to scroll;
a page sizing module configured to size the page in the graphical user interface according to a scrolling speed of the page.
According to a third aspect of the present disclosure, there is provided a computer-readable storage medium having stored thereon a computer program which, when executed by a processor, implements the page scroll control method as described in the first aspect of the embodiments above.
According to a fourth aspect of the embodiments of the present disclosure, there is provided an electronic apparatus including: a processor; and a storage device for storing one or more programs which, when executed by the one or more processors, cause the one or more processors to implement the page scroll control method as described in the first aspect of the embodiments above.
As can be seen from the foregoing technical solutions, the page scrolling control method, the page scrolling control device, and the computer-readable storage medium and the electronic device for implementing the page scrolling control method in the exemplary embodiments of the present disclosure have at least the following advantages and positive effects:
in the technical solution provided by some embodiments of the present disclosure, first, in response to a sliding operation on a currently displayed page in a graphical user interface, controlling a page to scroll, wherein an initial size of the page in a scrolling direction is larger than a size of the graphical user interface; second, the page is resized in the graphical user interface according to the scrolling speed of the page. Compared with the prior art, the technical scheme of the page scrolling method and the device can adjust the size of the page in the graphical user interface based on the scrolling speed of the page, so that the flexibility of page scrolling control can be improved, a user can conveniently and quickly find a desired position in the page, the operation is simplified, and the page viewing efficiency is improved.
It is to be understood that both the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the disclosure.
Drawings
The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and together with the description, serve to explain the principles of the disclosure. It is to be understood that the drawings in the following description are merely exemplary of the disclosure, and that other drawings may be derived from those drawings by one of ordinary skill in the art without the exercise of inventive faculty.
FIG. 1 illustrates a flow diagram of a page scroll control method in an exemplary embodiment of the present disclosure;
FIG. 2 illustrates a flow chart of a method of adjusting a unit height of a sliding list in an exemplary embodiment of the present disclosure;
FIG. 3 is a schematic diagram illustrating a change in size of a sliding list in a graphical user interface in an exemplary embodiment of the present disclosure;
FIG. 4 is a schematic diagram illustrating an exemplary embodiment of a page scrolling control device according to the present disclosure;
FIG. 5 shows a schematic structural diagram of a computer-readable storage medium in an exemplary embodiment of the present disclosure; and (c) a second step of,
fig. 6 shows a schematic structural diagram of an electronic device in an exemplary embodiment of the present disclosure.
Detailed Description
Example embodiments will now be described more fully with reference to the accompanying drawings. Example embodiments may, however, be embodied in many different forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided so that this disclosure will be thorough and complete, and will fully convey the concept of example embodiments to those skilled in the art. The described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments. In the following description, numerous specific details are provided to give a thorough understanding of embodiments of the disclosure. One skilled in the relevant art will recognize, however, that the subject matter of the present disclosure can be practiced without one or more of the specific details, or with other methods, components, devices, steps, and the like. In other instances, well-known technical solutions have not been shown or described in detail to avoid obscuring aspects of the present disclosure.
The terms "a", "an", "the" and "said" are used in this specification to denote the presence of one or more elements/components/parts/etc.; the terms "comprising" and "having" are intended to be inclusive and mean that there may be additional elements/components/etc. other than the listed elements/components/etc.; the terms "first" and "second", etc. are used merely as labels, and are not limiting on the number of their objects.
Furthermore, the drawings are merely schematic illustrations of the present disclosure and are not necessarily drawn to scale. The same reference numerals in the drawings denote the same or similar parts, and thus their repetitive description will be omitted. Some of the block diagrams shown in the figures are functional entities and do not necessarily correspond to physically or logically separate entities.
In an embodiment of the present disclosure, there is first provided a page scroll control method, and fig. 1 shows a flowchart of the page scroll control method in an exemplary embodiment of the present disclosure, and referring to fig. 1, the method includes:
step S110, responding to the sliding operation of the current displayed page in the graphical user interface, and controlling the page to scroll;
and step S120, adjusting the size of the page in the graphical user interface according to the scrolling speed of the page.
In the technical solution provided by some embodiments of the present disclosure, first, in response to a sliding operation on a currently displayed page in a graphical user interface, controlling a page to scroll, wherein an initial size of the page in at least one direction is larger than a size of the graphical user interface; second, the page is resized in the graphical user interface according to the scrolling speed of the page. Compared with the prior art, the technical scheme of the page scrolling method and the device can adjust the size of the page in the graphical user interface based on the scrolling speed of the page, so that the flexibility of page scrolling control can be improved, a user can conveniently and quickly find a desired position in the page, the operation is simplified, and the page viewing efficiency of the user is improved.
The following detailed description of the various steps in the example shown in fig. 1 is provided:
in step S110, in response to a slide operation on a page currently displayed in the graphical user interface, the page is controlled to scroll.
The initial size of the page in at least one direction is larger than the size of the graphical user interface, so that when a user operates the page to slide, the page can be scrolled, and if the user slides a long page upwards, the long page upwards scrolls, and the content which is not displayed below is continuously displayed.
In an exemplary embodiment, the pages may include any organization of information that is capable of being scrolled through a graphical user interface, such as a slide list, a document page, a website page, various application pages, and the like.
The initial size of the page in the at least one direction may include at least one of an initial unit height, an initial unit width, an initial display scale in the graphic user interface, and the like of the page. When the page is similar to the information organization of a document page, the initial unit height of the page may be the height of each page, e.g., the height of any page in the document. The initial unit width of a page may be the width of a page per page, such as the width of any page in a document.
The sliding operation may include any triggering operation that enables the page to scroll on the graphical user interface, including but not limited to sliding, touching, dragging, and the like.
For example, when a user slides a page in a graphical user interface on a client, the page can be controlled to scroll in the graphical user interface of the client.
Further, in the process of controlling the page to scroll, whether the scrolling speed of the page is less than a first preset threshold value or not can be judged, and when the scrolling speed of the page is less than the first preset threshold value, the size of the page on the graphical user interface is kept. That is, when the scrolling speed is less than the first preset threshold, the size of the page on the graphical user interface is not adjusted.
When the scroll speed of the page is greater than or equal to the first preset threshold, the above-mentioned step S120 may be performed. In step S120, the size of the page in the graphical user interface is adjusted according to the scrolling speed of the page.
For example, the scroll speed of the page along the target sliding direction of the sliding operation may be determined according to the sliding speed of the sliding operation. Specifically, the scroll speed may be the number of pixels that the page scrolls in the target sliding direction in a unit time.
The target sliding direction may include an operation direction for scrolling the page in any direction of the graphical user interface, for example, a direction for sliding along an up-down direction or a left-right direction of the graphical user interface.
For example, when a user performs a sliding operation on a page on a graphical user interface, the sliding operation may cause the page to scroll in the graphical user interface along a sliding direction, and a relationship between a sliding speed of the user and a scrolling speed of the page is positive, that is, the larger the sliding speed is, the larger the scrolling speed is, so that the scrolling speed of the page along a target sliding direction of the sliding operation may be determined according to the sliding speed of the sliding operation.
In an exemplary embodiment, resizing the page in the graphical user interface may include: adjusting at least one of a height of the page in the graphical user interface, a width of the page in the graphical user interface, and a display scale of the page in the graphical user interface.
For example, the page may include a slide list, and the size of the slide list in the graphical user interface may include at least one of a unit height, a unit width, a display scale in the graphical user interface, and the like of the slide list. Wherein the unit height may be a height of each row of the sliding list and the unit width may be a width of each column of the sliding list. The heights of the rows may be equal or different, and likewise, the widths of the columns may be equal or different, which is not particularly limited in this exemplary embodiment.
For example, when the page is a sliding list, resizing the page in the graphical user interface according to the scrolling speed of the page may include: and adjusting at least one of the unit height of the sliding list in the graphical user interface according to the scrolling speed of the page, the unit width of the sliding list in the graphical user interface according to the scrolling speed of the page, and the display scale of the sliding list in the graphical user interface according to the scrolling speed of the page. When the page is controlled to scroll along the up and down direction of the graphical user interface, the size of the page in the graphical user interface is adjusted according to the scrolling speed of the page, and the method comprises the following steps: and adjusting the unit height of the sliding list in the graphical user interface according to the scrolling speed of the page. For example, fig. 2 is a flowchart illustrating a method of adjusting a unit height of a slide list in a graphic user interface according to a scroll speed. Referring to fig. 2, the method may include steps S210 to S220.
In step S210, a preset association relationship between the scroll speed and the unit height of the slide list is acquired. The preset correlation is a relation that the unit height of the sliding list changes along with the scrolling speed.
In an exemplary embodiment, the predetermined association between the unit height of the slide list and the scroll speed may have a negative correlation, i.e., the unit height of the slide list decreases as the scroll speed increases.
When the scrolling speed is higher, the unit height of the sliding list is reduced, so that more list boxes can be displayed on the graphical user interface, and the target list box can be displayed more quickly. Therefore, the user can quickly reach the target position of the sliding list, so that the use efficiency of the sliding list is improved.
Before obtaining the preset association relationship between the scrolling speed and the unit height of the sliding list, the preset association relationship between the scrolling speed and the unit height of the sliding list may be determined according to the specific situation of the sliding list, for example, the number of rows.
Specifically, when the number of lines is large, the negative correlation between the scroll speed and the unit height of the slide list can be enhanced, and when the number of lines is small, the negative correlation between the scroll speed and the unit height of the slide list can be reduced.
For example, the preset correlation between the scroll speed and the unit height of the slide list may be as shown in the following equation (1):
wherein v represents the current scrolling speed, n represents the correlation coefficient, n is a positive number, a represents the initial unit height of the sliding list, and a' represents the target unit height of the sliding list corresponding to the current scrolling speed.
In the above-mentioned preset correlation (1), the correlation coefficient n may affect the degree of the above-mentioned negative correlation, and the larger n,
the smaller the size of the light beam, then,
the larger the scrolling speed, the closer the target unit height a' of the slide list and the initial unit height a of the slide list are to each other. That is, the larger n, the smaller the influence of the current scroll speed on the unit height of the slide list, i.e., negative therebetweenThe lower the degree of correlation.
Then, when the number of lines is small, n can be set to be large, and at this time, the influence of the current scrolling speed v on the unit height of the sliding list is small; when the number of lines is large, n can be set small, and at this time, the influence of the current scroll speed v on the unit height of the slide list is large.
Thus, when the number of lines is larger, the unit height of the sliding list is more obviously reduced along with the increase of the scrolling speed, so that the user can reach the target position in the sliding list more quickly; when the number of lines is less, the reduction of the unit height of the sliding list is less obvious along with the increase of the rolling speed, so that a user can conveniently and quickly reach a target position compared with the normal display, and the display effect of each list frame of the sliding list can be ensured.
Therefore, the preset association relationship (1) can flexibly control the unit height of the sliding list along with the change of the scrolling speed according to the specific situation of each sliding list, so that the display effect of the sliding list can be ensured while the viewing efficiency of the sliding list is improved.
After the preset association relationship is determined and obtained, in step S220, the target unit height corresponding to the current scrolling speed of the sliding list is determined according to the preset association relationship, and the unit height of the sliding list is adjusted to the target unit height.
For example, a specific implementation manner of step S220 may be to determine the target unit height corresponding to the current scrolling speed of the sliding list by performing the preset association relationship (1).
After the target unit height corresponding to the current scrolling speed of the sliding list is determined, the current unit height of the sliding list may be adjusted to the target unit height. Specifically, the current unit height may be adjusted to the target unit height along the target sliding direction. The target sliding direction may be a direction of sliding up and down along the graphical user interface, and the target sliding direction is consistent with the scrolling direction of the sliding list.
Generally, the unit height of the sliding list is understood to be the height of each row, which may or may not be equal. When the heights of all the rows of the sliding list are equal, the height of each row can be directly adjusted to the target unit height; when the heights of all rows of the sliding list are not equal, the target unit heights of all rows can be determined proportionally according to the proportions among all rows of the sliding list, and then all rows are adjusted to the target unit heights corresponding to all rows, so that the use efficiency of the sliding list is improved, and the display effect of all rows is guaranteed. Of course, when the heights of the rows are not equal, the height of each row may also be directly adjusted to the target unit height, which is not particularly limited in the exemplary embodiment.
It should be noted that the preset association relationship (1) is only an exemplary description, and any other association relationship with negative correlation is within the protection scope of the present disclosure.
In addition, when the page is controlled to scroll along the left and right directions of the graphical user interface, the page is adjusted in size in the graphical user interface according to the scrolling speed of the page, including: and adjusting the unit width of the sliding list in the graphical user interface according to the scrolling speed of the page. The specific embodiment of adjusting the unit width of the sliding list in the graphical user interface according to the scrolling speed is similar to the above-mentioned adjusting the unit height of the sliding list in the graphical user interface according to the scrolling speed, and reference may be made to the above-mentioned steps S210 to S220.
When the unit width of the slide list in the graphical user interface is adjusted according to the scroll speed, a in the preset association relationship (1) may represent an initial unit width of the slide list, and a' may represent a target unit width of the slide list corresponding to the current scroll speed.
Further, the specific embodiment of adjusting the display scale of the sliding list on the graphical user interface according to the scrolling speed is similar to the above-mentioned embodiment of adjusting the unit height of the sliding list on the graphical user interface according to the scrolling speed, and reference may also be made to steps S210 to S220.
When the display scale of the sliding list on the graphical user interface is adjusted according to the scrolling speed, a in the preset association relationship (1) may represent an initial display scale of the sliding list, and a' may represent a target display scale of the sliding list corresponding to the current scrolling speed.
It should be noted that, the above is only an example of how to adjust the size of the sliding list in the graphical user interface according to the scrolling speed, and any other page may also be adjusted in the graphical user interface according to the scrolling speed in a similar manner as described above.
For example, to ensure the display effect during the page scrolling process, resizing the page in the graphical user interface according to the scrolling speed of the page may include: and when the current size of the page in the graphical user interface is smaller than or equal to a second preset threshold, keeping the size of the page in the graphical user interface as the current size. The second preset threshold may be determined according to the size of the preset element in the page.
In an exemplary embodiment, the size of the preset element may be a size of a minimum display height of the page, taking that the page is a sliding list as an example, the preset element may be key display content capable of distinguishing different list boxes, which may be a title bar of each list box, and the like, and the size of the preset element may be a size occupied by the key display content capable of distinguishing different list boxes, that is, the second preset threshold may be a size occupied by the key display content capable of distinguishing different list boxes.
And when the current size of the page in the graphical user interface is smaller than or equal to a second preset threshold, keeping the size of the page in the graphical user interface as the current size, namely the current size does not change along with the scrolling speed. Thus, the display effect of each page can be ensured.
And when the current size of the page in the graphical user interface is larger than a second preset threshold, the size of the page in the graphical user interface can be adjusted to be the target size corresponding to the current scrolling speed according to the preset association relation. Therefore, the target page position can be reached more quickly while the display effect is ensured.
Taking the adjustment of the height of the sliding list in the graphical user interface as an example, as shown in fig. 3, the height between the dashed line 32 and the dashed line 33 is an initial list item height a, which is the initial unit height a, and the height of the "key element B" 31 may be the height of the preset element, and in response to the sliding operation on the sliding list, the list item height of the sliding list may be adjusted to the height between the dashed line 34 and the dashed line 35, which is the "sliding list item height a'". In order to guarantee the display effect of each list box, if the "initial list item height a" is greater than or equal to the "key element B", the minimum value of the "sliding list item height a'" may be the height value of the "key element B" during the sliding. If the "initial list item height A" is less than the "key element B", the "initial list item height" may be maintained throughout the sliding process.
For example, in order to improve the viewing efficiency of the page and ensure the display effect of each page, a specific embodiment of adjusting the size of the page in the graphical user interface according to the scrolling speed of the page may further be that, when the scrolling speed is greater than or equal to a preset maximum scrolling speed, the size of the page in the graphical user interface is maintained as the size corresponding to the maximum scrolling speed. The maximum scrolling speed is greater than the first preset threshold, and the size corresponding to the maximum scrolling speed may be the height of the preset element.
And when the scrolling speed is less than the maximum scrolling speed, the size of the page in the graphical user interface can be adjusted to be the target size corresponding to the current scrolling speed according to the preset association relationship.
For example, when the scrolling speed of the page in the graphical user interface is less than a third preset threshold, for example, when the scrolling stops, that is, the scrolling speed is 0, indicating that the target position is about to be reached or has been reached at this time, the size of the page in the graphical user interface may be adjusted to the initial size to facilitate the user to view the content in the target position.
It should be noted that, according to the needs of the actual situation, the limiting conditions of the first preset threshold, the second preset threshold, and the maximum scrolling speed may also be disregarded, and the size of the page in the graphical user interface is directly adjusted according to the scrolling speed of the page, which is also within the protection scope of the present disclosure. For example, the preset element in the page may not exist, and the size of the preset element in the corresponding page does not exist, so that the second preset threshold may not exist, that is, the size of the page in the graphical user interface may be adjusted according to the scroll speed regardless of whether the current size is smaller than the second preset threshold.
In the exemplary embodiment, based on the scrolling speed of the page, the size of the page in the graphical user interface can be adjusted, so that the flexibility of page scrolling control can be improved, and the viewing efficiency of the page can be improved. Meanwhile, the display effect of each page can be ensured while the viewing efficiency of the page is improved by judging the page size or the scrolling speed.
Those skilled in the art will appreciate that all or part of the steps implementing the above embodiments are implemented as computer programs executed by a CPU. The computer program, when executed by the CPU, performs the functions defined by the method provided by the present invention. The program may be stored in a computer readable storage medium, which may be a read-only memory, a magnetic or optical disk, or the like.
Furthermore, it should be noted that the above-mentioned figures are only schematic illustrations of the processes involved in the method according to exemplary embodiments of the invention, and are not intended to be limiting. It will be readily understood that the processes shown in the above figures are not intended to indicate or limit the chronological order of the processes. In addition, it is also readily understood that these processes may be performed synchronously or asynchronously, e.g., in multiple modules.
Fig. 4 is a schematic structural diagram of a page scroll control apparatus in an exemplary embodiment of the present disclosure. Referring to fig. 4, the page scroll control apparatus 400 may include: a sliding operation response module 410 and a page size adjustment module 420. Wherein:
the above-mentioned sliding operation response module 410, configured to respond to the sliding operation on the currently displayed page in the graphical user interface, and control the page to scroll;
the page resizing module 420, described above, is configured to resize the page in the graphical user interface according to the scrolling speed of the page.
In an exemplary embodiment of the present disclosure, based on the foregoing embodiment, the page includes a sliding list, and when the control page is scrolled in an up-down direction of the graphical user interface, the page size adjusting module 420 includes a unit height adjusting unit configured to:
and adjusting the unit height of the sliding list in the graphical user interface according to the scrolling speed of the page.
In an exemplary embodiment of the present disclosure, based on the foregoing embodiment, the height adjusting unit described above is further specifically configured to:
acquiring a preset association relation between the rolling speed and the unit height of the sliding list, wherein the preset association relation is a relation that the unit height of the sliding list changes along with the rolling speed;
And determining the target unit height corresponding to the current scrolling speed of the sliding list according to the preset incidence relation, and adjusting the unit height of the sliding list to the target unit height.
In an exemplary embodiment of the present disclosure, based on the foregoing embodiment, the height adjusting unit described above determines the target unit height corresponding to the current scroll speed of the sliding list by performing the following preset association relationship:
wherein v represents the current scrolling speed, n represents the correlation coefficient, n is a positive number, a represents the initial unit height of the sliding list, and a' represents the target unit height of the sliding list corresponding to the current scrolling speed.
In an exemplary embodiment of the present disclosure, based on the foregoing embodiment, the page size adjusting module 420 is further specifically configured to:
when the scrolling speed is greater than or equal to a first preset threshold value, executing a step of adjusting the size of the page in the graphical user interface according to the scrolling speed of the page;
and when the scrolling speed is less than the first preset threshold value, maintaining the size of the page in the graphical user interface.
In an exemplary embodiment of the present disclosure, based on the foregoing embodiment, the page size adjusting module 420 is further specifically configured to:
When the current size of the page in the graphical user interface is smaller than or equal to a second preset threshold, keeping the size of the page in the graphical user interface as the current size;
wherein the second preset threshold is determined according to the size of the preset element in the page
In an exemplary embodiment of the present disclosure, based on the foregoing embodiment, the page size adjustment module 420 further includes a scroll speed determination unit configured to:
determining the rolling speed of the page along the target sliding direction of the sliding operation according to the sliding speed of the sliding operation;
the scrolling speed is the number of pixels scrolled in the unit time along the target sliding direction of the page.
In an exemplary embodiment of the present disclosure, based on the foregoing embodiment, the page size adjustment module 420 further includes an initial size recovery unit configured to:
and when the scrolling speed is less than a third preset threshold value, adjusting the size of the page on the graphical user interface to be the initial size.
The specific details of each unit in the page scroll control device have been described in detail in the corresponding page scroll control method, and therefore are not described herein again.
It should be noted that although in the above detailed description several modules or units of the device for action execution are mentioned, such a division is not mandatory. Indeed, the features and functionality of two or more modules or units described above may be embodied in one module or unit, according to embodiments of the present disclosure. Conversely, the features and functions of one module or unit described above may be further divided into embodiments by a plurality of modules or units.
Moreover, although the steps of the methods of the present disclosure are depicted in the drawings in a particular order, this does not require or imply that the steps must be performed in this particular order, or that all of the depicted steps must be performed, to achieve desirable results. Additionally or alternatively, certain steps may be omitted, multiple steps combined into one step execution, and/or one step broken down into multiple step executions, etc.
Through the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments described herein may be implemented by software, or by software in combination with necessary hardware. Therefore, the technical solution according to the embodiments of the present disclosure may be embodied in the form of a software product, which may be stored in a non-volatile storage medium (which may be a CD-ROM, a usb disk, a removable hard disk, etc.) or on a network, and includes several instructions to enable a computing device (which may be a personal computer, a server, a mobile terminal, or a network device, etc.) to execute the method according to the embodiments of the present disclosure.
In an exemplary embodiment of the present disclosure, there is also provided a computer storage medium capable of implementing the above method. On which a program product capable of implementing the above-described method of the present specification is stored. In some possible embodiments, various aspects of the disclosure may also be implemented in the form of a program product comprising program code for causing a terminal device to perform the steps according to various exemplary embodiments of the disclosure described in the "exemplary methods" section above of this specification, when the program product is run on the terminal device.
Referring to fig. 5, a program product 500 for implementing the above method according to an embodiment of the present disclosure is described, which may employ a portable compact disc read only memory (CD-ROM) and include program code, and may be run on a terminal device, such as a personal computer. However, the program product of the present disclosure is not limited thereto, and in this document, a readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device.
The program product may employ any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. A readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples (a non-exhaustive list) of the readable storage medium include: an electrical connection having one or more wires, a portable disk, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.
A computer readable signal medium may include a propagated data signal with readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A readable signal medium may also be any readable medium that is not a readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device.
Program code embodied on a readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wireline, optical fiber cable, RF, etc., or any suitable combination of the foregoing.
Program code for carrying out operations for the present disclosure may be written in any combination of one or more programming languages, including an object oriented programming language such as Java, C + + or the like and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computing device, partly on the user's device, as a stand-alone software package, partly on the user's computing device and partly on a remote computing device, or entirely on the remote computing device or server. In the case of a remote computing device, the remote computing device may be connected to the user computing device through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computing device (e.g., through the internet using an internet service provider).
In addition, in an exemplary embodiment of the present disclosure, an electronic device capable of implementing the above method is also provided.
As will be appreciated by one skilled in the art, aspects of the present disclosure may be embodied as a system, method or program product. Accordingly, various aspects of the disclosure may be embodied in the form of: an entirely hardware embodiment, an entirely software embodiment (including firmware, microcode, etc.) or an embodiment combining hardware and software aspects that may all generally be referred to herein as a "circuit," module "or" system.
An electronic device 600 according to this embodiment of the disclosure is described below with reference to fig. 6. The electronic device 600 shown in fig. 6 is only an example and should not bring any limitations to the function and scope of use of the embodiments of the present disclosure.
As shown in fig. 6, the electronic device 600 is in the form of a general purpose computing device. The components of the electronic device 600 may include, but are not limited to: the at least one processing unit 610, the at least one memory unit 620, a bus 630 connecting different system components (including the memory unit 620 and the processing unit 610), and a display unit 640.
Wherein the storage unit stores program code that is executable by the processing unit 610 to cause the processing unit 610 to perform steps according to various exemplary embodiments of the present disclosure as described in the above section "exemplary methods" of this specification. For example, the processing unit 610 may perform the following as shown in fig. 1: step S110, responding to the sliding operation of the current displayed page in the graphical user interface, and controlling the page to roll; and step S120, adjusting the size of the page in the graphical user interface according to the scrolling speed of the page. As another example, the processing unit 610 may perform various steps as shown in fig. 2.
The storage unit 620 may include readable media in the form of volatile memory units, such as a random access memory unit (RAM)6201 and/or a cache memory unit 6202, and may further include a read-only memory unit (ROM) 6203.
The memory unit 620 may also include a program/utility 6204 having a set (at least one) of program modules 8205, such program modules 6205 including, but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which, or some combination thereof, may comprise an implementation of a network environment.
The electronic device 600 may also communicate with one or more external devices 700 (e.g., keyboard, pointing device, bluetooth device, etc.), with one or more devices that enable a user to interact with the electronic device 600, and/or with any devices (e.g., router, modem, etc.) that enable the electronic device 600 to communicate with one or more other computing devices. Such communication may occur via an input/output (I/O) interface 650. Also, the electronic device 600 may communicate with one or more networks (e.g., a Local Area Network (LAN), a Wide Area Network (WAN), and/or a public network such as the Internet) via the network adapter 660. As shown, the network adapter 660 communicates with the other modules of the electronic device 600 over the bus 630. It should be appreciated that although not shown in the figures, other hardware and/or software modules may be used in conjunction with the electronic device 600, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems, among others.
Through the above description of the embodiments, those skilled in the art will readily understand that the exemplary embodiments described herein may be implemented by software, or by software in combination with necessary hardware. Therefore, the technical solution according to the embodiments of the present disclosure may be embodied in the form of a software product, which may be stored in a non-volatile storage medium (which may be a CD-ROM, a usb disk, a removable hard disk, etc.) or on a network, and includes several instructions to enable a computing device (which may be a personal computer, a server, a terminal device, or a network device, etc.) to execute the method according to the embodiments of the present disclosure.
Furthermore, the above-described figures are merely schematic illustrations of processes included in methods according to exemplary embodiments of the present disclosure, and are not intended to be limiting. It will be readily understood that the processes shown in the above figures are not intended to indicate or limit the chronological order of the processes. In addition, it is also readily understood that these processes may be performed synchronously or asynchronously, e.g., in multiple modules.
Other embodiments of the disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the disclosure disclosed herein. This application is intended to cover any variations, uses, or adaptations of the disclosure following, in general, the principles of the disclosure and including such departures from the present disclosure as come within known or customary practice within the art to which the disclosure pertains. It is intended that the specification and examples be considered as exemplary only, with a true scope and spirit of the disclosure being indicated by the following claims.
Claims (10)
1. A page scroll control method, comprising:
controlling the page to scroll in response to a sliding operation on a currently displayed page in the graphical user interface;
adjusting the size of the page in the graphical user interface according to the scrolling speed of the page;
the page comprises a sliding list; when the page is controlled to scroll along the up-down direction of the graphical user interface, the adjusting the size of the page in the graphical user interface according to the scrolling speed of the page comprises:
adjusting a unit height of the sliding list in the graphical user interface according to the scrolling speed of the page, wherein the unit height comprises the height of each row of the sliding list;
the unit height of the sliding list and the scrolling speed have a negative correlation preset correlation relationship, and the negative correlation degree represented by the preset correlation relationship is positively correlated with the line number of the sliding list;
the adjusting the size of the page on the graphical user interface according to the scrolling speed of the page further comprises:
when the current size of the page in the graphical user interface is smaller than or equal to a second preset threshold, keeping the size of the page in the graphical user interface as the current size; and the second preset threshold is determined according to the size of the preset element in the page.
2. The page scrolling control method of claim 1, wherein said adjusting the unit height of said sliding list in said graphical user interface according to the scrolling speed of said page comprises:
acquiring a preset association relation between the rolling speed and the unit height of the sliding list, wherein the preset association relation is a relation that the unit height of the sliding list changes along with the rolling speed;
and determining a target unit height corresponding to the current scrolling speed of the sliding list according to the preset incidence relation, and adjusting the unit height of the sliding list to the target unit height.
3. The page scrolling control method according to claim 2, wherein the determining the target unit height corresponding to the current scrolling speed of the sliding list according to the preset association relationship comprises:
determining a target unit height corresponding to the current scrolling speed of the sliding list through the following preset association relationship:
wherein v represents a current scrolling speed, n represents a correlation coefficient, and n is a positive number, a represents an initial unit height of the slide list, and a' represents a target unit height of the slide list corresponding to the current scrolling speed.
4. The page scrolling control method of claim 1, wherein in controlling the scrolling of the page, the method further comprises:
when the scrolling speed is greater than or equal to a first preset threshold value, executing a step of adjusting the size of the page in the graphical user interface according to the scrolling speed of the page;
when the scrolling speed is less than the first preset threshold, maintaining the size of the page in the graphical user interface.
5. The page scrolling control method of claim 1, wherein the scrolling speed of the page is determined by:
and determining the rolling speed of the page along the target sliding direction of the sliding operation according to the sliding speed of the sliding operation.
6. The page scrolling control method according to claim 5, wherein the scrolling speed is the number of pixels of the page scrolled in a unit time along the target sliding direction.
7. The page scrolling control method of claim 1, wherein said resizing the page in the graphical user interface in accordance with the scrolling speed of the page, further comprises:
And when the scrolling speed is less than a third preset threshold value, adjusting the size of the page on the graphical user interface to be an initial size.
8. A page scroll control apparatus, comprising:
the sliding operation response module is configured to respond to the sliding operation of the currently displayed page in the graphical user interface and control the page to scroll;
a page sizing module configured to size the page in the graphical user interface according to a scrolling speed of the page;
the page comprises a sliding list; when the page is controlled to scroll along the up-down direction of the graphical user interface, the adjusting the size of the page in the graphical user interface according to the scrolling speed of the page comprises:
adjusting a unit height of the sliding list in the graphical user interface according to the scrolling speed of the page, wherein the unit height comprises the height of each row of the sliding list;
the unit height of the sliding list and the scrolling speed have a negative correlation preset correlation relationship, and the negative correlation degree represented by the preset correlation relationship is positively correlated with the line number of the sliding list;
The adjusting the size of the page on the graphical user interface according to the scrolling speed of the page further comprises:
when the current size of the page in the graphical user interface is smaller than or equal to a second preset threshold, keeping the size of the page in the graphical user interface as the current size; and the second preset threshold is determined according to the size of the preset element in the page.
9. A computer-readable storage medium on which a computer program is stored, the program, when executed by a processor, implementing the page scroll control method according to any one of claims 1 to 7.
10. An electronic device, comprising:
one or more processors;
storage means for storing one or more programs which, when executed by the one or more processors, cause the one or more processors to implement the page scroll control method according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010751545.1A CN111782121B (en) | 2020-07-30 | 2020-07-30 | Page rolling control method and device, readable storage medium and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202010751545.1A CN111782121B (en) | 2020-07-30 | 2020-07-30 | Page rolling control method and device, readable storage medium and electronic equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111782121A CN111782121A (en) | 2020-10-16 |
| CN111782121B true CN111782121B (en) | 2022-05-31 |
Family
ID=72766121
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202010751545.1A Active CN111782121B (en) | 2020-07-30 | 2020-07-30 | Page rolling control method and device, readable storage medium and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111782121B (en) |
Families Citing this family (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113434138B (en) * | 2021-06-23 | 2023-05-12 | 网易（杭州）网络有限公司 | Information display method and device and electronic equipment |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102138123A (en) * | 2008-08-26 | 2011-07-27 | 苹果公司 | Dynamic control of list navigation based on list item properties |
| KR20110099413A (en) * | 2010-03-02 | 2011-09-08 | 삼성전자주식회사 | Method and apparatus for dispalying items according to scrolling |
| CN102576292A (en) * | 2009-10-30 | 2012-07-11 | 摩托罗拉*** | Method and device for enhancing scrolling operations in a display device |
| CN102612679A (en) * | 2009-11-17 | 2012-07-25 | 高通股份有限公司 | Method of scrolling items on a touch screen user interface |
| CN105843516A (en) * | 2015-01-13 | 2016-08-10 | 阿里巴巴集团控股有限公司 | Method and device for displaying information during scrolling of list page |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| KR20140122292A (en) * | 2013-03-28 | 2014-10-20 | 삼성전자주식회사 | Display method of display apparatus and display apparatus |
-
2020
- 2020-07-30 CN CN202010751545.1A patent/CN111782121B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102138123A (en) * | 2008-08-26 | 2011-07-27 | 苹果公司 | Dynamic control of list navigation based on list item properties |
| CN102576292A (en) * | 2009-10-30 | 2012-07-11 | 摩托罗拉*** | Method and device for enhancing scrolling operations in a display device |
| CN102612679A (en) * | 2009-11-17 | 2012-07-25 | 高通股份有限公司 | Method of scrolling items on a touch screen user interface |
| KR20110099413A (en) * | 2010-03-02 | 2011-09-08 | 삼성전자주식회사 | Method and apparatus for dispalying items according to scrolling |
| CN105843516A (en) * | 2015-01-13 | 2016-08-10 | 阿里巴巴集团控股有限公司 | Method and device for displaying information during scrolling of list page |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111782121A (en) | 2020-10-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US8266544B1 (en) | HTML pop-up control | |
| US9756140B2 (en) | Tracking user behavior relative to a network page | |
| CA2712925C (en) | Editing a document using a transitory editing surface | |
| US7434174B2 (en) | Method and system for zooming in and out of paginated content | |
| US20130050249A1 (en) | Selective rendering of off-screen content | |
| CN109408752B (en) | Online document display method and device and electronic equipment | |
| RU2614539C2 (en) | Task-based address bar and tabs scaling | |
| US20140006986A1 (en) | Responsive graphical user interface | |
| US9563327B1 (en) | Intelligent adjustment of graphical user interfaces | |
| EP3572954A1 (en) | Browser page display method and device, storage medium, and terminal | |
| CN101432711A (en) | User interface system and method for selectively displaying a portion of a display screen | |
| KR20110060989A (en) | Method and apparatus for displaying pop-up | |
| CN106155654B (en) | Method and device for shielding webpage operation and electronic equipment | |
| CN105528200A (en) | Browser tab display method and device | |
| CN111475239A (en) | Page processing method and system of application program, electronic device and storage medium | |
| CN108008876B (en) | Display method, device and equipment of floating window and storage medium | |
| CN111782121B (en) | Page rolling control method and device, readable storage medium and electronic equipment | |
| CN112631474B (en) | Method and device for moving elements in page, medium and equipment | |
| EP3043251A1 (en) | Method of displaying content and electronic device implementing same | |
| CN107220351B (en) | Page margin width calculation method and device, storage medium and electronic equipment | |
| CN110658974B (en) | Page sliding method and device, electronic equipment and storage medium | |
| CN117111799A (en) | Data display method and device, storage medium and electronic equipment | |
| CN114510284A (en) | Page loading method and device, electronic equipment and readable storage medium | |
| CN114077371A (en) | Information display method and device, electronic equipment and storage medium | |
| CN112800373A (en) | Webpage resource data generation method and device, computer 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 |