CN110647262B

CN110647262B - Page display method and device

Info

Publication number: CN110647262B
Application number: CN201810680117.7A
Authority: CN
Inventors: 李天泽; 陈锦海; 宋培岩
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2018-06-27
Filing date: 2018-06-27
Publication date: 2022-02-25
Anticipated expiration: 2038-06-27
Also published as: CN110647262A

Abstract

The invention discloses a page display method and device, and belongs to the technical field of internet. The method comprises the following steps: detecting a sliding operation on a page, and determining a page rolling distance of the sliding operation; when the page rolling direction of the sliding operation is downward rolling, determining a target page rolling distance of the list control according to the display state of the page content of the webpage control and the page rolling distance of the sliding operation; and scrolling and displaying the page content of the list control according to the target page scrolling distance of the list control, and keeping the position of the webpage control aligned with the position of the top control of the list control. By adopting the method and the device, the rolling display process of smoothly connecting the webpage control and the list control can be realized.

Description

Page display method and device

Technical Field

The invention relates to the technical field of internet, in particular to a page display method and device.

Background

In an android operating system, a control (View) can be generally used as a basic building module of a page. A control may occupy a rectangular area on the screen of the terminal for rendering the page content and handling user-triggered events, such as handling a user click event or a slide event.

As shown in the information page diagram of fig. 1, an information APP (Application program) can be installed on a terminal of the android operating system to provide an article for a user to read. The information page can be composed of a web page control (WebView) and a list control (ListView), and can display article contents and other article titles and comment contents for extended reading. The web page control can be used for displaying article content, and related codes are generally written by using HTML (HyperText Markup Language); the list control may be used to display an extended reading list or a review list, with the relevant code typically written in the Java language.

As shown in fig. 2, the position diagrams of the web page control and the list control are shown, in the bottom page of the article, the web page control and the list control are generally in a vertical arrangement relationship, and the two controls are independent of each other. If the user performs sliding operation on the screen, when the terminal displays the joint of the web page control and the list control, the joint processing needs to be performed through a scroll control (ScrollView) due to the difference of the writing languages of the two controls. For example, the terminal may intercept a sliding event of the user, forward the sliding event to the web page control when the page content of the web page control is completely displayed in the screen, and process the sliding event by the web page control; when the terminal displays the joint of the webpage control and the list control, the sliding event is forwarded to the rolling control, and the rolling event processes the sliding event; and when the webpage control completely moves out of the screen and the list control is completely displayed in the screen, forwarding the sliding event to the list control, and processing the sliding event by the list control.

However, when forwarding the sliding event, the terminal only transmits the termination speed of the current control to the next control, and does not transmit the acceleration to the next control, so that the next control scrolls the page content based on different accelerations, and a pause phenomenon occurs in the page display process. Therefore, a method for displaying a page that can smoothly connect a web page control and a list control is needed.

Disclosure of Invention

The embodiment of the invention provides a page display method and device, which can reduce a pause phenomenon in a page display process. The technical scheme is as follows:

in one aspect, a method for displaying a page is provided, and the method includes:

detecting a sliding operation on a page, and determining a page rolling distance of the sliding operation;

when the page rolling direction of the sliding operation is downward rolling, determining a target page rolling distance of the list control according to the display state of the page content of the webpage control and the page rolling distance of the sliding operation;

and scrolling and displaying the page content of the list control according to the target page scrolling distance of the list control, and keeping the position of the webpage control aligned with the position of the top control of the list control.

In one aspect, an apparatus for displaying a page is provided, the apparatus including:

the detection module is used for detecting the sliding operation of the page and determining the page rolling distance of the sliding operation;

the first determining module is used for determining a target page rolling distance of the list control according to the display state of the page content of the webpage control and the page rolling distance of the sliding operation when the page rolling direction of the sliding operation is downward rolling;

and the first scrolling module is used for scrolling and displaying the page content of the list control according to the target page scrolling distance of the list control and keeping the position of the webpage control aligned with the position of the top control of the list control.

In one aspect, a terminal is provided, which includes a processor and a memory, where at least one instruction, at least one program, a set of codes, or a set of instructions is stored in the memory, and the at least one instruction, the at least one program, the set of codes, or the set of instructions is loaded and executed by the processor to implement the method for page display as described above.

In one aspect, a computer readable storage medium is provided, in which at least one instruction, at least one program, a set of codes, or a set of instructions is stored, which is loaded and executed by the processor to implement the method of page display as described above.

The technical scheme provided by the embodiment of the invention has the following beneficial effects:

in the embodiment of the invention, when the terminal is connected with the scrolling display of the webpage control and the list control, the remaining page scrolling distance of the currently scrolling control can be determined by performing connection processing through the page scrolling distance, then the page content of the next control is displayed in a scrolling manner based on the remaining page scrolling distance, and further the scrolling display process is realized without performing connection processing through the scrolling control. In addition, in the process of scrolling and displaying the list control, the position of the webpage control is kept aligned with the position of the top control of the list control, so that the residual page scrolling distance of the list control can be calculated through the position of the top control, and the problem that the list control cannot accurately measure the residual page scrolling distance can be solved.

Drawings

In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings needed to be used in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.

FIG. 1 is a schematic diagram of an information page according to an embodiment of the present invention;

FIG. 2 is a schematic diagram illustrating positions of a web page control and a list control according to an embodiment of the present invention;

FIG. 3 illustrates a positional relationship between a web page control and a list control according to an embodiment of the present invention;

FIG. 4 is a flowchart of a method for displaying a page according to an embodiment of the present invention;

FIG. 5 is a schematic diagram of an information page according to an embodiment of the present invention;

FIG. 6 is a schematic diagram of page scrolling speed provided by an embodiment of the invention;

FIG. 7 is a schematic diagram of page scrolling speed provided by an embodiment of the invention;

FIG. 8 is a schematic structural diagram of a page display apparatus according to an embodiment of the present invention;

fig. 9 is a schematic structural diagram of a terminal according to an embodiment of the present invention.

Detailed Description

In order to make the objects, technical solutions and advantages of the present invention more apparent, embodiments of the present invention will be described in detail with reference to the accompanying drawings.

The user can browse the page through any application client on the terminal. When the terminal is used for browsing the page, the user can click the link of the page to trigger the page acquisition instruction. Furthermore, the terminal may request page data from the server corresponding to the page through the link of the page, where the page data may include page data of a web page control and page data of a list control. The terminal can be provided with a webpage control and a list control, and when receiving the page data of the webpage control and the page data of the list control sent by the server, the terminal can load corresponding page data based on the webpage control and the list control so as to display corresponding page content in the screen.

When loading page data, the terminal can display page content according to preset text settings, wherein the text settings can be line spacing, fonts and the like. The page content displayed by the terminal has a certain page height, which can be used to represent the height relationship between the page content and the screen, and the page height can have the same dimension as the screen height, so that the scrolling distance of the scrolled page displayed on the screen can be determined by the distance of the page height.

The page display method provided by the embodiment of the invention can be realized based on the position relationship between the webpage control and the list control shown in fig. 3. As shown in fig. 3, the web page control and the list control are not in a vertical relationship, but the web page control may be covered on the list control, and the web page control and the list control are independent from each other and do not affect each other in terms of function implementation. And the webpage control can be aligned with the top control of the list control in position, and when the position of the list control changes, the list control can send the position change parameters to the webpage control so that the webpage control can adjust the position information of the webpage control. If the page height of the web page control changes, the web page control can send a page height change parameter to the top control so that the top control can adjust the occupied page height, and at the moment, the position information of the top control can also be adjusted. For example, when the user increases the font size displayed by the terminal, the font size of the page content of the web page control is correspondingly increased, and the occupied page height is increased. The position variation parameter and the page height variation parameter may be used to indicate a variation distance, and may also be used to indicate a parameter obtained after variation, and are not limited herein.

The web page control may have page content set therein, but the top control has no page content set therein, and the top control only serves to provide a location reference for the web page control. On the basis, when a user browses a page containing the webpage control and the top control, the user can see the page content of the webpage control.

As shown in fig. 4, the processing flow of the method for page display may include the following steps:

401. the terminal detects the sliding operation of the page and determines the page rolling distance of the sliding operation.

When the user browses the page displayed by the terminal, a sliding operation may be performed, for example, when the user reads the information page shown in fig. 5, the user may perform a sliding operation on the screen of the terminal, so as to scroll down the page content of the question and answer page and view the answers of other people.

At this time, the terminal may detect a page sliding operation performed by the user, and intercept a sliding event triggered by the sliding operation, so as to allocate a relevant parameter of the sliding event to a web page control or a list control in a subsequent process, for example, the relevant parameter may be a page sliding distance or a sliding speed, and the like.

The page sliding distance is taken as an example, when the terminal detects the page sliding operation of the user, the terminal can intercept the sliding event triggered by the sliding operation, determine the page rolling distance of the sliding operation, further determine the page rolling distance allocated to the webpage control or the list control, and the page rolling distance can be used for indicating the distance of the control for rolling page content. In one possible implementation, the terminal may detect an initial speed and acceleration of the sliding operation, and then calculate a page scrolling distance of the sliding operation according to the initial speed and acceleration. The embodiment of the present invention does not limit the specific implementation of how to determine the page scrolling distance.

402. The terminal judges whether the page scrolling direction of the sliding operation is downward scrolling, if so, step 403 is executed, and if not, step 409 is executed.

The page scrolling direction refers to the scrolling direction of the page content, and can include both downward scrolling and upward scrolling. When the user slides upwards on the screen, the page can move upwards, but for the page content, the page content in the downward direction is continuously displayed on the screen, namely the page scrolling direction is downward scrolling; similarly, when the user slides down on the screen, the page scrolling direction is scrolling upwards.

The terminal can determine a corresponding page scrolling direction based on the sliding operation of the user, and determine whether the page scrolling direction is downward scrolling. If yes, jumping to step 403, and preferentially judging whether the webpage control can be scrolled; if not, the page scrolling direction is indicated as scrolling upwards, and the step 409 can be skipped to preferentially judge whether the list control can be scrolled.

Referring to fig. 1 and 5, when a user clicks to enter an information page, the user can first see the page content of the web page control, and after the page content of the web page control is scrolled downwards to the end, the user can see the page content of the list control. In practical application, when the page scrolling direction is downward scrolling, the probability that the page content of the web page control needs to be scrolled and displayed is high. Therefore, in the embodiment of the invention, when the page scrolling direction is downward scrolling, the webpage control is ensured to be preferentially scrolled downward, and the processing flow of the terminal can be simplified.

403. When the page scrolling direction is downward scrolling, the terminal judges whether the page content of the web page control can be scrolled, if so, step 404 is executed, and if not, step 405 is executed.

If the displayable page content still exists in the page scrolling direction, the page content can be scrolled, and the terminal can continue to scroll and display the page content, so that the user can continue to browse the page content. The webpage control can have a function of judging whether the page content can be rolled, and the terminal can know whether the page content can be rolled through the webpage control.

The web page control can monitor whether its page content can be scrolled, and two possible embodiments are described below:

in one possible implementation, the web page control may determine whether the page content can still be loaded in the page scrolling direction, and if not, may determine that the page content of the web page control cannot be scrolled, and otherwise, may determine that scrolling is possible.

In another possible implementation, the web page control may determine whether the currently displayed page content includes the first line of content or the last line of content in the page scrolling direction, e.g., if the page content scrolls downward, determine whether the last line of content is included, and if so, may determine that scrolling is not possible.

Furthermore, according to any of the above embodiments, the terminal can know whether the web page control can be scrolled. If scrolling is enabled, then it may jump to step 404; if not, indicating that the page contents of the list control are to be scrolled, the page scroll distance of the list control needs to be determined, and the process can jump to step 405.

404. And if the page content of the webpage control can be scrolled, the terminal scrolls and displays the page content of the webpage control.

The terminal may scroll down the page content of the web page control in response to the sliding operation in step 401 based on the page scrolling distance determined in step 401, which may include two cases: firstly, the page rolling distance is less than or equal to the page height of the webpage control, and when the rolling display is stopped, the page content of the webpage control is still completely displayed in the screen of the terminal; and secondly, the page scrolling distance is greater than the page height of the webpage control, and when the scrolling display is stopped, the page content of the list control can still be displayed on the screen of the terminal. In addition, because the web page control and the list control are independent in function implementation, the terminal can control the list control to keep static in the process of scrolling and displaying the web page control.

For the first case, the terminal does not need to determine the page scrolling distance of the list control, and the page content of the web page control is scrolled and displayed based on the page scrolling distance.

For the second case, the terminal may scroll and display the page content of the web page control based on the page scrolling distance, and in the process of scrolling and displaying the web page control, step 403 still continues to perform processing, that is, continues to determine whether the page content of the web page control can be scrolled. Upon determining that the page contents of the web page control cannot be scrolled further, the process may jump to step 405.

405. If the page content of the web page control cannot be scrolled, the terminal judges whether the web page control is in a visible state, if so, the step 406 is executed, and if not, the step 407 is executed.

In a possible implementation manner, the terminal may determine whether the page content of the web page control is displayed in the screen, that is, whether the web page control is in a visible state.

406. And if the webpage control is in a visible state, the terminal determines the residual page scrolling distance as the target page scrolling distance of the list control.

If the webpage control is in a visible state, the terminal can determine the page rolling distance of the webpage control which has rolled, and determine the difference value between the page rolling distance of the sliding operation and the page rolling distance of the webpage control which has rolled as the target page rolling distance of the list control.

407. And if the webpage control is in an invisible state, determining the page scrolling distance of the sliding operation as the target page scrolling distance of the list control by the terminal.

It has been described in the above procedure that the process of the terminal jumping to step 405-407 may include two cases: step one, directly jumping from step 403 to step 405, and then executing the processing of 406 or 407; after the processing of step 404, the process jumps to step 405 to execute the processing of 406 or 407.

In the first case of jumping to step 405, when the user performs a sliding operation, the web page control has already been scrolled to the end, and at this time, the web page control may or may not be displayed on the screen. If the webpage control is in a visible state at this time, the terminal can determine that the scrolling distance of the scrolled page of the webpage control is 0, and subtract the scrolling distance of the scrolled page of the webpage control from the scrolling distance of the scrolled page of the webpage control to obtain the scrolling distance of the scrolled page of the sliding operation. If the webpage control is in the invisible state at this time, the terminal can determine the page scrolling distances of all the sliding operations as the target page scrolling distance of the list control. Therefore, in the case of page content scrolling downwards, if the webpage control cannot be scrolled at first, the terminal allocates all page scrolling distances of the sliding operation to the list control no matter whether the webpage control is visible or invisible.

In the second case of jumping to step 405, the terminal has scrolled through the web page control to display the page content of the web page, consuming a portion of the page scrolling distance. At this time, the web page control is in a visible state, and the terminal may determine the page scrolling distance that the web page control has scrolled, for example, generally, the page content of the web page control is relatively fixed, the terminal may obtain the page height at which the bottom edge of the screen is located when the terminal just starts scrolling, and since all the page content within the page height is scrolled and displayed, the page height may be determined as the scrolled page scrolling distance.

408. And the terminal displays the page content of the list control in a rolling mode according to the target page rolling distance of the list control, and keeps the position of the webpage control aligned with the position of the top control of the list control.

Furthermore, when determining the target page scroll distance of the lower list control, the terminal may scroll and display the page content of the list control based on the target page scroll distance. The top control is used as a list item of the list control, and when the list control scrolls, the top control can also scroll correspondingly. In order to ensure that the page formed by the web page control and the list control is integrated in visual effect, during the scrolling process of the list control, the terminal may keep the position of the web page control aligned with the position of the top control, where the position may be a position relative to the screen, and as shown in fig. 3, the top control may send a position change parameter relative to the screen to the web page control, so that the web page control and the top control are kept aligned. On the basis, when the page continues to scroll downwards, the webpage control moves upwards in the visual effect until the scrolling display is stopped or the screen is moved out.

In order to ensure that the scrolling display of the web page control and the list control are smoothly connected, the technician may set the same scrolling parameter for the web page control and the list control, for example, may set the same acceleration, which is not limited herein.

409. When the page scrolling direction is scrolling upwards, the terminal determines whether the page content of the list control can be scrolled, if so, step 410 is executed, and if not, step 413 is executed.

Similar to the web page control, the list control may also monitor whether the page content can be scrolled, and the terminal may know whether the page content can be scrolled through the list control.

In one possible embodiment, the list control may determine whether the page content is still displayed on the screen in the page scrolling direction, i.e., whether the page content of the list control is in a visible state. If there is no content displayed on the screen, it may be determined that the page content of the list control is scrollable, and conversely, it may be determined that scrolling is not possible.

Furthermore, the terminal can know whether the list control can be scrolled or not through the mode. Similar to the web page control, if scrolling is possible, then one can jump to step 410; if not, it may jump to step 413.

410. And if the webpage content of the list control can be scrolled, the terminal scrolls and displays the page content of the list control.

The terminal may scroll up the page contents of the display list control based on the page scroll distance determined in step 401. During the scrolling of the list control, the terminal may maintain the position of the web page control and the position of the top control aligned.

411. The terminal judges whether the page content of the list control is in a visible state, if so, the step 410 is executed, and if not, the step 412 is executed.

In the process of scrolling and displaying the list control, if the page content of the list control is in a visible state, the terminal can continue to scroll and display the list control, that is, continue to execute step 410; if the page content of the list control is in an invisible state, scrolling of the list control can be stopped, the list control is controlled to remain stationary, and a jump can be made to step 412.

Similar to the web page control, the situation of the terminal scrolling and displaying the list control can be divided into two types: in the first case, the terminal can scroll and display the page content of the list control based on all the page scrolling distances without determining the page scrolling distance of the web page control; in the second case, the terminal only consumes a part of the page scrolling distance when scrolling the page content of the list control, and when it is determined that the page content of the list control cannot be scrolled continuously, that is, the page content of the list control is in an invisible state, the terminal may jump to step 412.

412. And if the page content of the list control is in an invisible state, the terminal determines the residual page rolling distance as the target page rolling distance of the webpage control.

The terminal consumes a part of page rolling distance by rolling and displaying the page content of the list control, namely after the list control rolls upwards for the part of page rolling distance, the page content is completely moved out of the screen, and the top control can be just displayed on the whole screen. At this time, the terminal may determine that the page content of the list control is in an invisible state, and may determine the page scrolling distance that the list control has scrolled.

Generally, the scrolling distance of a scrolled page needs to be determined by the page height of the page content. Because the page content of the list control is variable, the final page content cannot be determined under the condition that the page content is not loaded, that is, the page height is variable, and the list control cannot accurately measure the page height, the page scrolling distance of the list control which has scrolled cannot be determined according to the page height of the page content. When the remaining page scroll distance is transferred to the web page control, a situation that the remaining page scroll distance is undetermined to cause distance loss may occur, and a pause phenomenon occurs in the page display process.

According to the method and the device, the position information of the top control is introduced as reference, the scrolling distance of the scrolled page of the list control is determined according to the position information of the top control, the page height of the list control can be prevented from being measured, and the problem of distance loss when the remaining page scrolling distance is transmitted to the webpage control is solved.

In one possible implementation, the position information of the top control may be the position of the bottom edge of the top control relative to the screen, for example, if the position of the bottom edge of the screen is noted as 0, the position information of the top control may be the distance from the bottom edge of the top control to the bottom edge of the screen (e.g., 100).

When the terminal detects the sliding operation of the user on the page, the first position of the top control at the moment can be recorded. When the terminal judges that the page content of the list control is in an invisible state, the second position of the top control at the moment can be recorded, and the distance between the first position and the second position is calculated, so that the scrolling distance of the page scrolled by the list control can be obtained.

Further, the terminal may calculate a difference between the page scroll distance of the sliding operation and the page scroll distance of the list control that has been scrolled, and determine the difference as the target page scroll distance of the web page control.

413. And the terminal determines the page rolling distance of the sliding operation as the target page rolling distance of the webpage control.

When the terminal determines in step 409 that the page content of the list control cannot be scrolled, that is, when the page starts to scroll, the page content that is not already displayed in the list control is already displayed, and at this time, the top control can be displayed on the whole screen. Since the positions of the web page control and the top control are aligned, and no page content in the top control can be scrolled and displayed, the terminal can determine all the page scrolling distances determined in step 401 as the target page scrolling distance of the web page list.

414. And the terminal displays the page content of the webpage control in a rolling manner according to the target page rolling distance of the webpage control.

After the terminal determines the target scrolling distance of the webpage control, the page content of the webpage control can be displayed in a scrolling mode based on the target page scrolling distance.

Fig. 6 is a schematic diagram of page scrolling speed without the page display method provided by the present application, which illustrates a problem of a pause phenomenon occurring in a page display process in the background art, where two abnormal points exist in fig. 6, and taking page downward scrolling as an example, the two abnormal points occur at time points when a web page control transits to a scroll control and when a scroll control transits to a list control, respectively, and accelerations at the connected positions are inconsistent.

As shown in fig. 7, the page scrolling speed after the page display method provided by the present application is adopted is schematically shown, the page scrolling speed changes smoothly, the scrolling display process of the web page control and the list control can be smoothly linked, and the page display consistency is improved. In addition, because the webpage control is not directly nested in the list control, the webpage control and the list control are mutually independent in function realization, technicians do not need to additionally modify the webpage control and the list control, and the development cost is saved. And the joint scrolling of the webpage control and the list control is realized by aligning the positions of the webpage control and the top control, so that the compatibility of the page can be improved.

Based on the same technical concept, the embodiment of the invention also provides a page display device, which can be the terminal. As shown in fig. 8, the apparatus includes:

the detecting module 810 is configured to detect a sliding operation on a page, and determine a page scrolling distance of the sliding operation;

a determining module 820, configured to determine, when the page scrolling direction of the sliding operation is downward scrolling, a target page scrolling distance of the list control according to the display state of the page content of the web page control and the page scrolling distance of the sliding operation;

and a scrolling module 830, configured to scroll and display the page content of the list control according to the target page scrolling distance of the list control, and keep the position of the web page control aligned with the position of the top control of the list control.

Optionally, the determining module 820 is configured to:

if the page content of the webpage control can be scrolled, scrolling and displaying the page content of the webpage control based on the page scrolling distance of the sliding operation;

and if the page content of the webpage control cannot be scrolled, determining the target page scrolling distance of the list control.

Optionally, the determining module 820 is configured to:

if the webpage control is in a visible state, determining the page rolling distance of the webpage control which has rolled, and determining the difference value between the page rolling distance of the sliding operation and the page rolling distance of the webpage control which has rolled as the target page rolling distance of the list control;

and if the webpage control is in an invisible state, determining the page scrolling distance of the sliding operation as the target page scrolling distance of the list control.

Optionally, the determining module 820 is further configured to determine, when the page scrolling direction of the sliding operation is upward scrolling, a target page scrolling distance of the web page control according to the display state of the page content of the list control and the page scrolling distance of the sliding operation;

the scrolling module 830 is further configured to scroll and display the page content of the web page control according to the target page scrolling distance of the web page control.

Optionally, the determining module 820 is configured to:

if the page content of the list control can be scrolled, scrolling and displaying the page content of the list control based on the page scrolling distance of the sliding operation, keeping the position of the webpage control aligned with the position of a top control of the list control, and determining the target page scrolling distance of the webpage control;

and if the page content of the list control cannot be scrolled, determining the page scrolling distance of the sliding operation as the target page scrolling distance of the webpage control.

Optionally, the determining module 820 is configured to:

when the page content of the list control is in an invisible state, determining the scrolling distance of the scrolled page of the list control according to the position information of the top control;

and determining the difference value between the page scrolling distance of the sliding operation and the page scrolling distance of the list control as the target page scrolling distance of the webpage control.

Optionally, the detecting module 810 is further configured to:

determining a first position of the top control when the sliding operation is detected;

the determining module 820 is configured to:

determining a second position of the top control when page content of the list control is in an invisible state;

and determining the distance between the first position and the second position as the page scrolling distance of the list control.

With regard to the apparatus in the above-described embodiment, the specific manner in which each module performs the operation has been described in detail in the embodiment related to the method, and will not be elaborated here.

It should be noted that: in the page display apparatus provided in the above embodiment, when displaying a page, only the division of the above functional modules is used for illustration, and in practical applications, the above function distribution may be completed by different functional modules according to needs, that is, the internal structure of the terminal is divided into different functional modules to complete all or part of the above described functions. In addition, the page display apparatus and the page display method provided in the above embodiments belong to the same concept, and specific implementation processes thereof are described in detail in the method embodiments and are not described herein again.

Fig. 9 is a block diagram illustrating a terminal 900 according to an exemplary embodiment of the present invention. The terminal 900 may be: a smart phone, a tablet computer, an MP3 player (Moving Picture Experts Group Audio Layer III, motion video Experts compression standard Audio Layer 3), an MP4 player (Moving Picture Experts Group Audio Layer IV, motion video Experts compression standard Audio Layer 4), a notebook computer, or a desktop computer. Terminal 900 may also be referred to by other names such as user equipment, portable terminals, laptop terminals, desktop terminals, and the like.

In general, terminal 900 includes: a processor 901 and a memory 902.

Processor 901 may include one or more processing cores, such as a 4-core processor, an 8-core processor, and so forth. The processor 901 may be implemented in at least one hardware form of a DSP (Digital Signal Processing), an FPGA (Field-Programmable Gate Array), and a PLA (Programmable Logic Array). The processor 901 may also include a main processor and a coprocessor, where the main processor is a processor for Processing data in an awake state, and is also called a Central Processing Unit (CPU); a coprocessor is a low power processor for processing data in a standby state. In some embodiments, the processor 901 may be integrated with a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content required to be displayed on the display screen. In some embodiments, the processor 901 may further include an AI (Artificial Intelligence) processor for processing computing operations related to machine learning.

Memory 902 may include one or more computer-readable storage media, which may be non-transitory. The memory 902 may also include high-speed random access memory, as well as non-volatile memory, such as one or more magnetic disk storage devices, flash memory storage devices. In some embodiments, a non-transitory computer readable storage medium in memory 902 is used to store at least one instruction for execution by processor 901 to implement a method of page display provided by method embodiments herein.

In some embodiments, terminal 900 can also optionally include: a peripheral interface 903 and at least one peripheral. The processor 901, memory 902, and peripheral interface 903 may be connected by buses or signal lines. Various peripheral devices may be connected to the peripheral interface 903 via a bus, signal line, or circuit board. Specifically, the peripheral device includes: at least one of a radio frequency circuit 904, a touch display screen 905, a camera 906, an audio circuit 907, a positioning component 908, and a power supply 909.

The peripheral interface 903 may be used to connect at least one peripheral related to I/O (Input/Output) to the processor 901 and the memory 902. In some embodiments, the processor 901, memory 902, and peripheral interface 903 are integrated on the same chip or circuit board; in some other embodiments, any one or two of the processor 901, the memory 902 and the peripheral interface 903 may be implemented on a separate chip or circuit board, which is not limited by this embodiment.

The Radio Frequency circuit 904 is used for receiving and transmitting RF (Radio Frequency) signals, also called electromagnetic signals. The radio frequency circuitry 904 communicates with communication networks and other communication devices via electromagnetic signals. The radio frequency circuit 904 converts an electrical signal into an electromagnetic signal to transmit, or converts a received electromagnetic signal into an electrical signal. Optionally, the radio frequency circuit 904 comprises: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a subscriber identity module card, and so forth. The radio frequency circuit 904 may communicate with other terminals via at least one wireless communication protocol. The wireless communication protocols include, but are not limited to: metropolitan area networks, various generation mobile communication networks (2G, 3G, 4G, and 5G), Wireless local area networks, and/or WiFi (Wireless Fidelity) networks. In some embodiments, the radio frequency circuit 904 may also include NFC (Near Field Communication) related circuits, which are not limited in this application.

The display screen 905 is used to display a UI (User Interface). The UI may include graphics, text, icons, video, and any combination thereof. When the display screen 905 is a touch display screen, the display screen 905 also has the ability to capture touch signals on or over the surface of the display screen 905. The touch signal may be input to the processor 901 as a control signal for processing. At this point, the display 905 may also be used to provide virtual buttons and/or a virtual keyboard, also referred to as soft buttons and/or a soft keyboard. In some embodiments, the display 905 may be one, providing the front panel of the terminal 900; in other embodiments, the number of the display panels 905 may be at least two, and each of the display panels is disposed on a different surface of the terminal 900 or is in a foldable design; in still other embodiments, the display 905 may be a flexible display disposed on a curved surface or a folded surface of the terminal 900. Even more, the display screen 905 may be arranged in a non-rectangular irregular figure, i.e. a shaped screen. The Display panel 905 can be made of LCD (Liquid Crystal Display), OLED (Organic Light-Emitting Diode), and other materials.

The camera assembly 906 is used to capture images or video. Optionally, camera assembly 906 includes a front camera and a rear camera. Generally, a front camera is disposed at a front panel of the terminal, and a rear camera is disposed at a rear surface of the terminal. In some embodiments, the number of the rear cameras is at least two, and each rear camera is any one of a main camera, a depth-of-field camera, a wide-angle camera and a telephoto camera, so that the main camera and the depth-of-field camera are fused to realize a background blurring function, and the main camera and the wide-angle camera are fused to realize panoramic shooting and VR (Virtual Reality) shooting functions or other fusion shooting functions. In some embodiments, camera assembly 906 may also include a flash. The flash lamp can be a monochrome temperature flash lamp or a bicolor temperature flash lamp. The double-color-temperature flash lamp is a combination of a warm-light flash lamp and a cold-light flash lamp, and can be used for light compensation at different color temperatures.

Audio circuit 907 may include a microphone and a speaker. The microphone is used for collecting sound waves of a user and the environment, converting the sound waves into electric signals, and inputting the electric signals to the processor 901 for processing, or inputting the electric signals to the radio frequency circuit 904 for realizing voice communication. For stereo sound acquisition or noise reduction purposes, the microphones may be multiple and disposed at different locations of the terminal 900. The microphone may also be an array microphone or an omni-directional pick-up microphone. The speaker is used to convert electrical signals from the processor 901 or the radio frequency circuit 904 into sound waves. The loudspeaker can be a traditional film loudspeaker or a piezoelectric ceramic loudspeaker. When the speaker is a piezoelectric ceramic speaker, the speaker can be used for purposes such as converting an electric signal into a sound wave audible to a human being, or converting an electric signal into a sound wave inaudible to a human being to measure a distance. In some embodiments, audio circuit 907 may also include a headphone jack.

The positioning component 908 is used to locate the current geographic Location of the terminal 900 for navigation or LBS (Location Based Service). The Positioning component 908 may be a Positioning component based on the GPS (Global Positioning System) in the united states, the beidou System in china, the graves System in russia, or the galileo System in the european union.

Power supply 909 is used to provide power to the various components in terminal 900. The power source 909 may be alternating current, direct current, disposable or rechargeable. When power source 909 comprises a rechargeable battery, the rechargeable battery may support wired or wireless charging. The rechargeable battery may also be used to support fast charge technology.

In some embodiments, terminal 900 can also include one or more sensors 910. The one or more sensors 910 include, but are not limited to: acceleration sensor 911, gyro sensor 912, pressure sensor 913, fingerprint sensor 914, optical sensor 915, and proximity sensor 916.

The acceleration sensor 911 can detect the magnitude of acceleration in three coordinate axes of the coordinate system established with the terminal 900. For example, the acceleration sensor 911 may be used to detect the components of the gravitational acceleration in three coordinate axes. The processor 901 can control the touch display 905 to display the user interface in a landscape view or a portrait view according to the gravitational acceleration signal collected by the acceleration sensor 911. The acceleration sensor 911 may also be used for acquisition of motion data of a game or a user.

The gyro sensor 912 may detect a body direction and a rotation angle of the terminal 900, and the gyro sensor 912 may cooperate with the acceleration sensor 911 to acquire a 3D motion of the user on the terminal 900. The processor 901 can implement the following functions according to the data collected by the gyro sensor 912: motion sensing (such as changing the UI according to a user's tilting operation), image stabilization at the time of photographing, game control, and inertial navigation.

Pressure sensors 913 may be disposed on the side bezel of terminal 900 and/or underneath touch display 905. When the pressure sensor 913 is disposed on the side frame of the terminal 900, the user's holding signal of the terminal 900 may be detected, and the processor 901 performs left-right hand recognition or shortcut operation according to the holding signal collected by the pressure sensor 913. When the pressure sensor 913 is disposed at a lower layer of the touch display 905, the processor 901 controls the operability control on the UI interface according to the pressure operation of the user on the touch display 905. The operability control comprises at least one of a button control, a scroll bar control, an icon control and a menu control.

The fingerprint sensor 914 is used for collecting a fingerprint of the user, and the processor 901 identifies the user according to the fingerprint collected by the fingerprint sensor 914, or the fingerprint sensor 914 identifies the user according to the collected fingerprint. Upon recognizing that the user's identity is a trusted identity, processor 901 authorizes the user to perform relevant sensitive operations including unlocking the screen, viewing encrypted information, downloading software, paying, and changing settings, etc. The fingerprint sensor 914 may be disposed on the front, back, or side of the terminal 900. When a physical key or vendor Logo is provided on the terminal 900, the fingerprint sensor 914 may be integrated with the physical key or vendor Logo.

The optical sensor 915 is used to collect ambient light intensity. In one embodiment, the processor 901 may control the display brightness of the touch display 905 based on the ambient light intensity collected by the optical sensor 915. Specifically, when the ambient light intensity is high, the display brightness of the touch display screen 905 is increased; when the ambient light intensity is low, the display brightness of the touch display screen 905 is turned down. In another embodiment, the processor 901 can also dynamically adjust the shooting parameters of the camera assembly 906 according to the ambient light intensity collected by the optical sensor 915.

Proximity sensor 916, also known as a distance sensor, is typically disposed on the front panel of terminal 900. The proximity sensor 916 is used to collect the distance between the user and the front face of the terminal 900. In one embodiment, when the proximity sensor 916 detects that the distance between the user and the front face of the terminal 900 gradually decreases, the processor 901 controls the touch display 905 to switch from the bright screen state to the dark screen state; when the proximity sensor 916 detects that the distance between the user and the front surface of the terminal 900 gradually becomes larger, the processor 901 controls the touch display 905 to switch from the breath screen state to the bright screen state.

Those skilled in the art will appreciate that the configuration shown in fig. 9 does not constitute a limitation of terminal 900, and may include more or fewer components than those shown, or may combine certain components, or may employ a different arrangement of components.

It will be understood by those skilled in the art that all or part of the steps for implementing the above embodiments may be implemented by hardware, or may be implemented by a program instructing relevant hardware, where the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disk, etc.

The above description is only exemplary of the present invention and should not be taken as limiting, and any modifications, equivalents, improvements and the like that are within the spirit and principle of the present invention should be included in the present invention.

Claims

1. A method of page display, the method comprising:

detecting a sliding operation on a page, and determining a page rolling distance of the sliding operation, wherein page data of the page comprises page data of a webpage control and page data of a list control, and the webpage control is covered on the list control;

and according to the target page scrolling distance of the list control, scrolling and displaying the page content of the list control, and keeping the position of the web page control aligned with the position of a top control of the list control, wherein the top control is a list item of the list control, and the top control is not provided with the page content.

2. The method of claim 1, wherein determining the target page scroll distance of the list control according to the display state of the page content of the web page control and the page scroll distance of the sliding operation comprises:

3. The method of claim 2, wherein determining the target page scroll distance for the list control comprises:

4. The method of claim 1, further comprising:

when the page rolling direction of the sliding operation is upward rolling, determining a target page rolling distance of the webpage control according to the display state of the page content of the list control and the page rolling distance of the sliding operation;

and displaying the page content of the webpage control in a rolling manner according to the target page rolling distance of the webpage control.

5. The method of claim 4, wherein determining the target page scrolling distance of the web page control according to the display state of the page content of the list control and the page scrolling distance of the sliding operation comprises:

6. The method of claim 5, wherein determining the target page scroll distance of the web page control comprises:

7. The method of claim 6, further comprising:

when the page content of the list control is in an invisible state, determining the scrolling distance of the scrolled page of the list control according to the position information of the top control, including:

8. An apparatus for page display, the apparatus comprising:

the detection module is used for detecting the sliding operation of a page and determining the page rolling distance of the sliding operation, the page data of the page comprises the page data of a webpage control and the page data of a list control, and the webpage control is covered on the list control;

the determining module is used for determining a target page rolling distance of the list control according to the display state of the page content of the webpage control and the page rolling distance of the sliding operation when the page rolling direction of the sliding operation is downward rolling;

and the scrolling module is used for scrolling and displaying the page content of the list control according to the target page scrolling distance of the list control and keeping the position of the webpage control aligned with the position of a top control of the list control, wherein the top control is a list item of the list control, and the page content is not set in the top control.

9. The apparatus of claim 8, wherein the determining module is further configured to:

10. The apparatus of claim 8, wherein the determining module is further configured to:

and the scrolling module is also used for displaying the page content of the webpage control in a scrolling manner according to the target page scrolling distance of the webpage control.

11. The apparatus of claim 10, wherein the determining module is further configured to:

12. The apparatus of claim 11, wherein the determining module is further configured to:

13. The apparatus of claim 12, wherein the detection module is further configured to:

the determination module is to:

14. A terminal, characterized in that it comprises a processor and a memory in which at least one instruction, at least one program, set of codes or set of instructions is stored, which is loaded and executed by the processor to implement the method of page display according to any one of claims 1 to 7.

15. A computer readable storage medium having stored therein at least one instruction, at least one program, a set of codes, or a set of instructions, which is loaded and executed by a processor to implement a method of page display according to any one of claims 1 to 7.