CN107402700B - Page display method and device - Google Patents

Page display method and device Download PDF

Info

Publication number
CN107402700B
CN107402700B CN201710475507.6A CN201710475507A CN107402700B CN 107402700 B CN107402700 B CN 107402700B CN 201710475507 A CN201710475507 A CN 201710475507A CN 107402700 B CN107402700 B CN 107402700B
Authority
CN
China
Prior art keywords
view
sliding
parent
child
page
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
Application number
CN201710475507.6A
Other languages
Chinese (zh)
Other versions
CN107402700A (en
Inventor
唐波
雷岗
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Beijing Xingxuan Technology Co Ltd
Original Assignee
Beijing Xingxuan Technology Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Beijing Xingxuan Technology Co Ltd filed Critical Beijing Xingxuan Technology Co Ltd
Priority to CN201710475507.6A priority Critical patent/CN107402700B/en
Publication of CN107402700A publication Critical patent/CN107402700A/en
Application granted granted Critical
Publication of CN107402700B publication Critical patent/CN107402700B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction 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/04842Selection of displayed objects or displayed text elements
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input 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/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483Interaction with page-structured environments, e.g. book metaphor

Abstract

The embodiment of the invention provides a page display method and a device, wherein the method comprises the following steps: responding to sliding operation triggered by a user on a page, and acquiring a first stop position of a parent view and a second stop position of a child view in the page; determining the response sequence of the parent view and the child view responding to the sliding operation according to the sliding direction, the first stopping position and the second stopping position corresponding to the sliding operation; according to the response sequence, the parent view and the child view are subjected to display control according to the sliding direction and the sliding distance corresponding to the sliding operation, so that the parent view and the child view in the page can sequentially slide and display respective data information according to a certain sequence, and the exposure rate of the top of the child view can be improved.

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
A plurality of client applications are often installed in a terminal device of a user, such as a smart phone, so as to meet the use requirements of the user. For example, many users have takeout clients installed in their mobile phones to meet the shopping needs of users such as online ordering anytime and anywhere.
Generally, a page often contains a lot of data information, and a user often needs to perform a sliding operation on the page to view all the data information. The data information contained in the page is organized in a view form, when a user slides on the screen, the parent view and the child view can simultaneously respond to the sliding operation of the user to perform sliding display, namely the data information contained in the parent view and the data information contained in the child view can simultaneously slide towards the sliding direction triggered by the user.
For example, when the finger of the user slides upwards, the data information in the parent view may gradually slide upwards to gradually collapse the parent view, and at the same time, the data information in the child view may also gradually slide upwards to gradually collapse the child view.
Disclosure of Invention
In the prior art, a parent view and a child view in a page respond to a sliding operation of a user at the same time to display the page, so that data information in at least two different views is changed at the same time, and the user cannot pay attention to the change of the multiple different views at the same time, so that the page has poor man-machine interaction and the user feels poor.
Moreover, taking a takeout scene as an example, in a merchant page of a takeout client, data information included in a certain parent view is often information such as a starting price, a delivery duration, a delivery cost, a merchant introduction and the like, while specific commodity information is often included in a child view, and different data information has different values for users, so that the users have different attention degrees to the parent view and the child view, and pay more attention to the child view. And under the condition that the page is initially displayed, if the user triggers the operation of upward sliding, the data information in the child view and the parent view simultaneously moves upward, so that the exposure rate at the top of the child view is low, namely the probability that the user sees the commodity information at the top of the child view is greatly reduced.
In view of this, embodiments of the present invention provide a page display method and apparatus, so as to achieve the effect of sequentially sliding and displaying a parent view and a child view in a page, and improve the exposure rate at the top of the child view.
In a first aspect, an embodiment of the present invention provides a page display method, including:
responding to sliding operation triggered by a user on a page, and acquiring a first stop position of a parent view and a second stop position of a child view in the page;
determining the response sequence of the parent view and the child view responding to the sliding operation according to the sliding direction corresponding to the sliding operation, the first stopping position and the second stopping position;
and according to the response sequence, performing display control on the parent view and the child view according to the sliding direction and the sliding distance corresponding to the sliding operation.
In a second aspect, an embodiment of the present invention provides a page display apparatus, including:
the acquisition module is used for responding to sliding operation triggered by a user on a page, and acquiring a first stop position of a parent view and a second stop position of a child view in the page;
a determining module, configured to determine, according to a sliding direction corresponding to the sliding operation, the first staying position, and the second staying position, a response order in which the parent view and the child view respond to the sliding operation;
and the control module is used for performing display control on the parent view and the child view according to the response sequence and the sliding direction and the sliding distance corresponding to the sliding operation.
In a possible design, the structure of the page display device includes a processor and a memory, the memory is used for storing a program for supporting the page display device to execute the page display method in the first aspect, and the processor is configured to execute the program stored in the memory. The page display apparatus may further include a communication interface for the page display apparatus to communicate with other devices or a communication network.
In a third aspect, an embodiment of the present invention provides a computer storage medium for storing computer software instructions for a page display apparatus, which includes a program for executing the page display method in the first aspect.
According to the page display method and device provided by the embodiment of the invention, when a user triggers the sliding operation on the page, the first stopping position and the second stopping position respectively corresponding to the parent view and the child view in the page at the triggering moment are obtained, namely the positions of the parent view and the child view at the moment of triggering the sliding operation. And then, according to the first stopping position and the second stopping position, combining the sliding direction corresponding to the sliding operation to determine the response sequence of the parent view and the child view responding to the sliding operation, namely who responds to the sliding operation first and who responds to the sliding operation later. And then, according to the response sequence, performing display control on the parent view and the child view according to the sliding direction and the sliding distance corresponding to the sliding operation, so that the parent view and the child view in the page can sequentially slide and display respective data information according to a certain sequence, and the exposure rate of the top of the child view can also be improved.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and those skilled in the art can also obtain other drawings according to the drawings without creative efforts.
Fig. 1 is a flowchart of a first embodiment of a page display method according to an embodiment of the present invention;
fig. 2a is a flowchart of a second page display method according to an embodiment of the present invention;
FIGS. 2 b-2 f are schematic views of corresponding interfaces of the embodiment shown in FIG. 2 a;
fig. 3a is a flowchart of a third embodiment of a page display method according to the present invention;
FIGS. 3 b-3 d are schematic views of corresponding interfaces of the embodiment shown in FIG. 3 a;
fig. 4a is a flowchart of a fourth embodiment of a page display method according to the present invention;
FIG. 4b is a schematic view of an interface corresponding to the embodiment shown in FIG. 4 a;
fig. 5a is a flowchart of a fifth embodiment of a page display method according to the present invention;
FIG. 5b is a schematic view of an interface corresponding to the embodiment shown in FIG. 5 a;
FIG. 6a is a flowchart illustrating the implementation of step 103 in the embodiment shown in FIG. 1 in an alternative scenario;
FIG. 6b is a schematic view of the interface in the situation shown in FIG. 6 a;
FIG. 7a is a flowchart illustrating the implementation of step 103 in the embodiment shown in FIG. 1 in an alternative scenario;
FIG. 7b is a schematic view of the interface in the situation shown in FIG. 7 a;
fig. 8 is a schematic structural diagram of a first page display device according to an embodiment of the present invention;
fig. 9 is a schematic structural diagram of a second page display device according to an embodiment of the present invention;
fig. 10 is a schematic structural diagram of a third page display device according to an embodiment of the present invention;
fig. 11 is a schematic structural diagram of a fourth page display device according to an embodiment of the present invention;
fig. 12 is a schematic structural diagram of a fifth page display device according to an embodiment of the present invention;
fig. 13 is a schematic structural diagram of a sixth embodiment of a page display device according to an embodiment of the present invention;
fig. 14 is a schematic structural diagram of a seventh embodiment of a page display device according to an embodiment of the present invention;
fig. 15 is a schematic structural diagram of an electronic device corresponding to a page display apparatus according to an embodiment of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are some, but not all, embodiments of the present invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
The terminology used in the embodiments of the invention is for the purpose of describing particular embodiments only and is not intended to be limiting of the invention. As used in the examples of the present invention and the appended claims, the singular forms "a", "an", and "the" are intended to include the plural forms as well, and "a" and "an" generally include at least two, but do not exclude at least one, unless the context clearly dictates otherwise.
It should be understood that the term "and/or" as used herein is merely one type of association that describes an associated object, meaning that three relationships may exist, e.g., a and/or B may mean: a exists alone, A and B exist simultaneously, and B exists alone. In addition, the character "/" herein generally indicates that the former and latter related objects are in an "or" relationship.
It should be understood that although the terms first, second, third, etc. may be used to describe XXX in embodiments of the present invention, these XXX should not be limited to these terms. These terms are used only to distinguish XXX. For example, a first XXX may also be referred to as a second XXX, and similarly, a second XXX may also be referred to as a first XXX, without departing from the scope of embodiments of the present invention.
The words "if", as used herein, may be interpreted as "at … …" or "at … …" or "in response to a determination" or "in response to a detection", depending on the context. Similarly, the phrases "if determined" or "if detected (a stated condition or event)" may be interpreted as "when determined" or "in response to a determination" or "when detected (a stated condition or event)" or "in response to a detection (a stated condition or event)", depending on the context.
It is also noted that the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a good or system that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such good or system. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a commodity or system that includes the element.
It is further worth noting that the order between the steps in the embodiments of the present invention may be adjusted, and is not necessarily performed in the order illustrated below.
Fig. 1 is a flowchart of a first embodiment of a page display method according to an embodiment of the present invention, where the page display method provided in this embodiment may be executed by a page display apparatus, the page display apparatus may be implemented as software, or implemented as a combination of software and hardware, and the page display apparatus may be integrally disposed in a client of a user equipment. As shown in fig. 1, the method comprises the steps of:
101. and responding to the sliding operation triggered by the user on the page, and acquiring a first stop position of a parent view and a second stop position of a child view in the page.
102. And determining the response sequence of the parent view and the child view responding to the sliding operation according to the sliding direction, the first stopping position and the second stopping position corresponding to the sliding operation.
103. And according to the response sequence, performing display control on the parent view and the child view according to the sliding direction and the sliding distance corresponding to the sliding operation.
In this embodiment, the page includes at least two views, and each view carries different data information. When only two views are included in a page, the two views are views with a parent-child relationship, one is a parent view and one is a child view. When the page contains not only two views, optionally, the multiple views may be organized into a tree structure, and from top to bottom, there may be a root view, multiple intermediate views and a leaf view, where the multiple intermediate views include a child view of the root view and also include a parent view of the leaf view.
Optionally, the sliding operation for a certain page triggered by the user sliding on the touch screen may be triggered by the user initially opening the page, or may be a sliding operation triggered by the user in the process of viewing the page.
Optionally, the parent view and the child view for acquiring the first dwell position and the second dwell position may be views currently located in the visual area of the screen. When the number of the views in the visual area of the screen is multiple, the stop position of each view can be obtained, and because parent-child corresponding relations exist among the multiple views, when the response sequence of the response sliding operation is determined subsequently, the parent-child relations among the multiple views can be combined for determination. For convenience of description, the present embodiment is described by taking only an example of any two obtained parent views and child views having a parent-child relationship.
The first stopping position of the parent view refers to a position where the parent view is currently located in the page at the time when the user triggers the sliding operation, and the first stopping position of the parent view may be characterized by a position where a certain reference point in the parent view is currently located in the page, that is, the first stopping position to which the reference point corresponds is the first stopping position of the parent view, and the reference point may be a bottom border of the parent view. Similarly, the second dwell position of the sub-view may be represented by the position of some reference point of the sub-view, such as the bottom border.
For the parent view, the sliding position range of the parent view in the page may be defined by a first initial display position and a first completed display position of the parent view, and thus, the first stopping position may be located in a closed interval determined by the first initial display position and the first completed display position. The first initial display position refers to a position where the parent view is located in the page when the page is initially opened, and the first finished display position refers to a position where the parent view is located in the page when the data information contained in the parent view is completely displayed in a sliding manner. The data information contained in the parent view can be understood as the data information sliding out of the visual area of the screen after the sliding display of the data information contained in the parent view is finished, and the effect similar to the effect that the data information is completely hidden is presented, so that the display finishing position is called.
Likewise, for the sub-view, the range of the sliding position of the sub-view in the page may be defined by a second initial display position and a second completed display position of the sub-view, and thus, the second stopping position may be located in a closed interval determined by the second initial display position and the second completed display position. The second initial display position refers to a position where the sub-view is located in the page when the page is initially opened, and the second finished display position refers to a position where the sub-view is located in the page when the sliding display of the data information contained in the sub-view is finished.
After the first stopping position of the parent view and the second stopping position of the child view are obtained, the response sequence of the parent view and the child view in response to the sliding operation can be determined according to the sliding direction, the first stopping position and the second stopping position corresponding to the sliding operation. And the response action to the sliding operation can comprise sliding data information in the parent view and the child view, and stretching the borders of the parent view and the child view.
In the embodiment of the present invention, in order to achieve an effect that the parent view and the child view do not respond to the sliding operation triggered by the user at the same time, it is necessary to set a response sequence of the parent view and the child view to respond to the sliding operation when the user triggers the sliding operation in different sliding directions.
In practical applications, the sliding direction of the user is generally upward sliding and downward sliding. In a simplest implementation, there may be provided: if the sliding direction of the user is downward, the response sequence of the child view is prior to the parent view, namely the child view responds to the sliding operation prior to the parent view; on the contrary, if the sliding direction of the user is upward, the response order of the parent view is prior to the child view, that is, the parent view responds to the sliding operation prior to the child view.
In another implementation, the response sequence may be related to a first stop position of the parent view and a second stop position of the child view in addition to the sliding direction of the user, and in this case, the response sequence of the parent view and the child view will have more flexibility, as described in the following embodiments.
And after the response sequence of the parent view and the child view is determined, controlling the sliding operation of the parent view and the child view in response to the triggering of the user according to the response sequence.
The display control of the parent view and the child view comprises two levels of sliding direction and sliding distance besides the control of response sequence.
For the sliding direction, in one case, the parent view and the child view respond to the sliding operation by sliding the data information contained in each view. At this time, the sliding display direction of the data information in the parent view and the child view is consistent with the sliding direction triggered by the user. For example, if the slide-out direction triggered by the user is upward, the data information in the parent view and the child view is also displayed in an upward sliding manner, and at this time, the data information in the parent view and the child view will show an effect of gradually sliding out of the visual area.
For the sliding distance, the parent view and the child view respond to the sliding operation of the user in sequence, and when the view responding later starts to respond depends on the sliding distance triggered by the user. In an alternative scenario, when the user has triggered a swipe distance that has made the first-responding view no longer available for the swipe display, and the user is still continuing to generate the swipe distance, then a switch is made to the second-responding view to continue the swipe display in response to the swipe distance.
It is understood that, as the user starts to slide on the touch screen, the view having the priority response order among the parent view and the child view starts to respond to the sliding operation, that is, as the sliding distance is continuously generated, the parent view or the child view responds accordingly.
In this embodiment, optionally, the sliding distance corresponding to the sliding operation triggered by the user may include:
the touch screen comprises a first sliding distance generated by a user during continuous contact with the touch screen and a second sliding distance determined according to the instantaneous linear speed of the user when the user does not contact the touch screen and a preset resistance factor.
That is to say, in this embodiment, whether one sliding operation triggered by the user is finished or not is measured, which may be measured not only according to the time when the user contacts the touch screen and the time when the user leaves the touch screen, but also according to whether the sliding distance starts to be generated since the user contacts the touch screen, and whether the sliding distance continues to be generated or not in the case that the user is not detected to contact the touch screen again.
In practical applications, optionally, the corresponding touch position of the user's finger on the touch screen may be continuously collected at certain small time intervals, so as to obtain the sliding distance in each time interval. Therefore, the distance generated by the continuous sliding of the user on the touch screen can be continuously detected from the start of the sliding operation triggered by the user, namely from the start of the contact of the finger of the user on the touch screen to the time when the finger of the user is not in contact with the touch screen, namely is separated from the touch screen, and the distance is the first sliding distance.
At this time, the view which preferentially responds to the sliding operation among the parent view and the child view may be controlled to perform the response operation every time the sliding distance generated within one time interval is obtained.
In addition, if the user's finger will have a certain instantaneous linear velocity when leaving the touch screen, the sliding distance due to inertia in each time interval, referred to as the second sliding distance, can be determined according to the instantaneous linear velocity and a preset resistance factor.
Optionally, a certain speed threshold may be set, if the instantaneous linear velocity of the user's finger when leaving the touch screen is greater than the speed threshold, the sliding distance generated due to the inertia effect of the instantaneous linear velocity is considered, otherwise, if the instantaneous linear velocity of the user's finger when leaving the touch screen is less than the speed threshold, the currently triggered sliding operation of the user is considered to be finished, and the parent view and the child view stop responding to the sliding operation.
It should be noted that, in the embodiment of the present invention, the sliding distance triggered by the user and the sliding distance of the data information in the view may have a preset functional correspondence, and the data information in the parent view and the data information in the child view may be displayed and controlled according to the functional correspondence.
In summary, in this embodiment, when the user triggers the sliding operation on the page, a first stopping position and a second stopping position, which are currently and respectively corresponding to the parent view and the child view in the page at the time of triggering the sliding operation, are obtained, that is, positions of the parent view and the child view at the time of triggering the sliding operation are located. And then, according to the first stopping position and the second stopping position, combining the sliding direction corresponding to the sliding operation to determine the response sequence of the parent view and the child view responding to the sliding operation, namely who responds to the sliding operation first and who responds to the sliding operation later. And then, according to the response sequence, performing display control on the parent view and the child view according to the sliding direction and the sliding distance corresponding to the sliding operation, so that the parent view and the child view in the page can sequentially slide and display respective data information according to a certain sequence, and the exposure rate of the top of the child view can also be improved.
The following describes the determination of the response sequence of the parent view and the child view in detail with reference to several embodiments.
Fig. 2a is a flowchart of a second embodiment of a page display method according to an embodiment of the present invention, and as shown in fig. 2a, the method may include the following steps:
201. and responding to the sliding operation triggered by the user on the page, and acquiring a first stop position of a parent view and a second stop position of a child view in the page.
202. And if the first stopping position is located between the first initial display position and the first finishing display position corresponding to the parent view, or the first stopping position is located at the first initial display position, determining that the response sequence of the parent view has priority over the response sequence of the child view in the sliding direction.
203. And according to the response sequence, performing display control on the parent view and the child view according to the sliding direction and the sliding distance corresponding to the sliding operation.
For the purpose of comparative observation, first, a case where the parent view and the child view are located at the respective complete display positions is schematically illustrated, as shown in fig. 2b, in which the lower frame of the parent view is located at the first complete display position and the lower frame of the child view is located at the second complete display position. And a case that the parent view and the child view are both located at the respective initial display positions is illustrated, as shown in fig. 2c, at this time, the lower border of the parent view is located at the first initial display position, and the lower border of the child view is located at the second initial display position.
In fig. 2b and 2c, the parent view is a view corresponding to the business name, and the child view is a view corresponding to the present main push, in fig. 2c, when the parent view and the child view are both located at their respective initial display positions, the parent view corresponding to the business name includes data information such as the starting price, the distribution fee, the discount activities, the business bulletin, etc., and the child view corresponding to the present main push includes data information of a plurality of goods. Data information in the parent view and the child view may not be fully displayed at once, limited by the size of each view and the size of the viewable area of the screen. In fig. 2b, when the parent view and the child view are located at the respective display completion positions, the data information in the parent view is equivalent to being slid out of the visual area of the screen, and the data information in the child view may also be slid out of the visual area of the screen. In some cases, such as the sub-view is a leaf view of the page, the data information of the sub-view may also be partially displayed in the visual area, such as the last three items of merchandise information of the sub-view in fig. 2 b.
In this embodiment, if the first stopping position is located between the first initial display position and the first completed display position corresponding to the parent view, or the first stopping position is located at the first initial position, the response order of the parent view is prior to that of the child view in the sliding direction regardless of whether the sliding direction triggered by the user is upward or downward. This is illustrated in connection with the following figures.
It should be noted that, if the first stopping position of the parent view satisfies the above condition, at this time, the second stopping position of the child view is located at the second initial display position of the child view.
When the first stopping position of the parent view is located at the first initial display position of the parent view, the second stopping position of the child view is located at the second initial display position of the child view, as shown in the left diagram of fig. 2d, and it is assumed that the sliding direction is upward at this time: and controlling the parent view to slide upwards preferentially to display the data information contained in the parent view according to the sliding distance because the response sequence of the parent view has priority over the child view. When the sliding distance has caused the data information in the parent view to be slid up and displayed, the parent view will be located at the first finished display position of the parent view, as shown in the middle diagram of fig. 2 d. Furthermore, if the upward sliding distance is continuously generated, then the sub-view is controlled to slide upward to display the data information contained therein according to the sliding distance, as shown in the right diagram in fig. 2d, which illustrates a situation that the sub-view is slid upward but the sub-view is not yet located at the second display completion position of the sub-view.
It should be noted that if the sub-view has been slid upwards by the sliding distance to display all the data information contained in the sub-view, and the sub-view is a leaf view of the page, and the upward sliding distance is still being generated, at this time, the border of the sub-view will generate an upward stretching effect. At this time, the stretched frame may be a bottom frame of the sub-view. This will be explained in the following embodiments. The reason why there is a limitation that the child view is a leaf view of the page is that if the child view is not a leaf view, another child view having the child view as a parent view continues to slide upward in response to the upward sliding distance in the process of being slid upward.
If the parent view and the child view are shown as the left view in fig. 2d, if the sliding direction is downward at this time, and the parent view is the root view in the page, then the sliding distance triggered by the user may cause the parent view to generate a downward stretching effect, which will be illustrated in the subsequent embodiment.
When the first dwell position of the parent view is between the first initial display position and the first completed display position of the parent view, the second dwell position of the child view is at the second initial display position of the child view, as shown in the left diagram of fig. 2e, assuming that the sliding direction is now upward: and controlling the parent view to slide upwards preferentially to display the data information contained in the parent view according to the sliding distance because the response sequence of the parent view has priority over the child view. When the sliding distance has caused the data information in the parent view to be slid up and displayed, the parent view will be located at the first finished display position of the parent view, as shown in the middle diagram in fig. 2 e. Furthermore, if the upward sliding distance is continuously generated, then the sub-view is controlled to slide upward to display the data information contained therein according to the sliding distance, as shown in the right diagram in fig. 2e, which illustrates a situation where the sub-view is slid upward but the sub-view is not yet located at the second display completion position of the sub-view.
In addition, when the first dwell position of the parent view is between the first initial display position and the first completed display position of the parent view, the second dwell position of the child view is at the second initial display position of the child view, as shown in the left diagram of fig. 2f, assuming that the sliding direction is downward at this time: and controlling the parent view to slide downwards preferentially to display the data information contained in the parent view according to the sliding distance because the response sequence of the parent view has priority over the child view. When the sliding distance has caused the data information in the parent view to be slid down and displayed, the parent view will be located at the first initial display position of the parent view, as shown in the right diagram of fig. 2 f. Further, if the downward sliding distance is continuously generated and the parent view is the root view, the parent view generates a downward stretching effect, which will be illustrated in the following embodiments.
Fig. 3a is a flowchart of a third embodiment of a page display method according to an embodiment of the present invention, and as shown in fig. 3a, the method may include the following steps:
301. and responding to the sliding operation triggered by the user on the page, and acquiring a first stop position of a parent view and a second stop position of a child view in the page.
302. And if the first stopping position is located at the first finishing display position corresponding to the parent view, and the second stopping position is located between the second initial display position and the second finishing display position corresponding to the child view or the second stopping position is located at the second finishing display position, determining that the response sequence of the child view is prior to the parent view in the sliding direction.
303. And according to the response sequence, performing display control on the parent view and the child view according to the sliding direction and the sliding distance corresponding to the sliding operation.
In this embodiment, if the first stopping position is located at the first finishing display position corresponding to the parent view, and the second stopping position is located between the second initial display position and the second finishing display position corresponding to the child view, or the second stopping position is located at the second finishing display position, the response order of the child view is prior to that of the parent view in the sliding direction regardless of whether the sliding direction triggered by the user is upward or downward. This is illustrated in connection with the following figures.
When the first stopping position of the parent view is located at the first finished display position of the parent view and the second stopping position of the child view is located at the second finished display position, as shown in the left diagram of fig. 3b, if the sliding direction is downward: the child view is preferentially controlled to slide down to display the data information contained therein according to the sliding distance since the response order of the child view is prior to that of the parent view. When the sliding distance has caused the data information in the sub-view to be slid downwards and displayed, the sub-view will be located at the first initial display position of the sub-view, as shown in the middle diagram in fig. 3 b. Furthermore, if the downward sliding distance is continuously generated, then the parent view is controlled to slide downward according to the sliding distance to display the data information contained therein, as shown in the right diagram in fig. 3b, which illustrates a situation that the parent view is slid downward but the parent view is not yet located at the first initial display position of the parent view.
In addition, if the first stopping position of the parent view is located at the first display completing position of the parent view, and the second stopping position of the child view is located at the second display completing position, that is, when the situation shown in the left diagram in fig. 3b is presented, the sliding direction is upward at this time, and the child view is a leaf view in the page, at this time, the sliding distance triggered by the user may cause the child view to generate an upward stretching effect, which will be illustrated in the subsequent embodiment.
When the first stopping position of the parent view is located at the first finished display position of the parent view, and the second stopping position of the child view is located between the second initial display position and the second finished display position corresponding to the child view, as shown in the left diagram of fig. 3c, if the sliding direction is downward: the child view is preferentially controlled to slide down to display the data information contained therein according to the sliding distance since the response order of the child view is prior to that of the parent view. When the sliding distance has caused the data information in the sub-view to be slid downwards and displayed, the sub-view will be located at the first initial display position of the sub-view, as shown in the middle diagram in fig. 3 c. Furthermore, if the downward sliding distance is continuously generated, then the parent view is controlled to slide downward to display the data information contained therein according to the sliding distance, as shown in the right diagram in fig. 3c, which illustrates a situation that the parent view is slid downward but the parent view is not yet located at the first initial display position of the parent view.
And when the first stopping position of the parent view is located at the first finished display position of the parent view, and the second stopping position of the child view is located between the second initial display position and the second finished display position corresponding to the child view, as shown in the left diagram of fig. 3d, if the sliding direction is upward: the child view is preferentially controlled to slide upward to display the data information contained therein according to the sliding distance since the response order of the child view is prior to that of the parent view. When the sliding distance has caused the data information in the sub-view to be slid upwards and displayed, at this time, the sub-view will be located at the first display completion position of the sub-view, as shown in the right diagram in fig. 3 d. Further, if the upward sliding distance continues to be generated, and the sub-view is a leaf view, the sub-view will generate an upward stretching effect, which will be illustrated in the following embodiments.
Fig. 4a is a flowchart of a fourth embodiment of a page display method according to the embodiment of the present invention, as shown in fig. 4a, the method may include the following steps:
401. and responding to the sliding operation triggered by the user on the page, and acquiring a first stop position of a parent view and a second stop position of a child view in the page.
402. And if the first stopping position is located at the first finishing display position corresponding to the parent view, the second stopping position is located at the second initial display position corresponding to the child view, and the sliding direction is upward, the response sequence of the child view is determined to be prior to the parent view.
403. And according to the response sequence, performing display control on the parent view and the child view according to the sliding direction and the sliding distance corresponding to the sliding operation.
When the first dwell position of the parent view is at the first completed display position corresponding to the parent view and the second dwell position of the child view is at the second initial display position corresponding to the child view, as shown in the left diagram of fig. 4 b. If the sliding direction is upward at this time, the response order of the child view is prior to that of the parent view. At this time, the sub-view is preferentially controlled to slide upwards to display the data information contained in the sub-view according to the sliding distance. When the sliding distance has caused the data information in the sub-view to be slid upwards and displayed, at this time, the sub-view will be located at the first display completion position of the sub-view, as shown in the right diagram in fig. 4 b. Further, if the upward sliding distance continues to be generated, and the sub-view is a leaf view, the sub-view will generate an upward stretching effect, which will be illustrated in the following embodiments.
Fig. 5a is a flowchart of a fifth embodiment of a page display method according to an embodiment of the present invention, and as shown in fig. 5a, the method may include the following steps:
501. and responding to the sliding operation triggered by the user on the page, and acquiring a first stop position of a parent view and a second stop position of a child view in the page.
502. And if the first stopping position is located at the first finishing display position corresponding to the parent view, the second stopping position is located at the second initial display position corresponding to the child view, and the sliding direction is downward, the priority of the response sequence of the parent view over the child view is determined.
503. And according to the response sequence, performing display control on the parent view and the child view according to the sliding direction and the sliding distance corresponding to the sliding operation.
When the first dwell position of the parent view is at the first completed display position corresponding to the parent view and the second dwell position of the child view is at the second initial display position corresponding to the child view, as shown in the left diagram of fig. 5 b. If the sliding direction is downward at this time, the response order of the parent view is prior to that of the child view. At this time, the parent view is controlled to preferentially slide down to display the data information contained therein according to the sliding distance. When the sliding distance has caused the data information in the parent view to be slid down and displayed, the parent view will be in the first initial display position of the parent view, as shown in the middle diagram in fig. 5 b. Further, if the downward sliding distance is continuously generated and the parent view is the root view, the parent view generates a downward stretching effect, which will be illustrated in the following embodiments.
To sum up, when the user triggers the sliding operation, the sequence of the parent view and the child view responding to the sliding operation is determined according to the respective positions of the parent view and the child view at the triggering time and the sliding direction, so that the effect that the parent view and the child view can respond to the sliding operation in sequence is realized. Due to the existence of the response sequence, the probability that the data information at the top of the sub-view is exposed to the visible area is greatly increased, and the exposure rate at the top of the sub-view is improved.
Fig. 6a is a flowchart of the implementation of step 103 in the embodiment shown in fig. 1 in an alternative situation, and as shown in fig. 6a, the following steps may be included:
601. and if the sliding direction is upward, the sub-view is a leaf view in the page, and the sliding distance enables the sub-view to be located at the second finished display position corresponding to the sub-view, continuing to stretch the frame of the sub-view upward according to the sliding distance.
602. And if the sliding operation is detected to be finished, rebounding the child view to a second finished display position.
In the foregoing embodiment, when the upper user triggers the upward sliding, if the sliding distance that the user has triggered causes the data information of the sub-view to be displayed upward completely, the sub-view is located at the corresponding second display completion position, and if the sub-view is a leaf view in the page, the upward sliding distance that is continuously generated causes the border of the sub-view to generate an upward stretching effect.
As shown in the left diagram of fig. 6b, this time it is indicated that the parent view (business name) and the leaf view (main push today) are located at respective display completion positions, the diagram in the middle of fig. 6b indicates that the leaf view generates an upward stretching effect, and the right diagram in fig. 6b indicates that the leaf view rebounds to the corresponding display completion position.
To understand the above generation process of the stretching effect as a whole, for example, assume that there are three views in the page: A. b, C, A is the parent view of B and B is the parent view of C. Assuming that the determined response sequence is ABC in sequence and the sliding direction is upward, when the root view A finishes the upward sliding display, the root view is located at the corresponding completion display position, and then the sub-view B performs the upward sliding display and is located at the corresponding completion display position after the sub-view B finishes the display. Then, the leaf view C slides upward and is displayed, after the display is completed, at its corresponding completed display position. If the sliding distance continues to be generated at this point, the border of the leaf view C, which may be the bottom border of the leaf view, is stretched upward. And when the sliding operation is detected to be finished, rebounding the bottom border of the leaf view C to the finished display position corresponding to the leaf view C. Wherein, the sliding operation is finished, that is, the sliding distance is not generated any more.
Fig. 7a is a flowchart of an implementation of step 103 in the embodiment shown in fig. 1 in another alternative situation, and as shown in fig. 7a, the implementation may include the following steps:
701. if the sliding direction is downward, the parent view is a root view in the page, and the sliding distance enables the parent view to be located at the first initial display position corresponding to the parent view, the frame of the parent view continues to be stretched downward according to the sliding distance.
702. And if the sliding operation is detected to be finished, rebounding the parent view to the first initial display position.
In the foregoing embodiment, when the upper user triggers the downward sliding, if the sliding distance that the user has triggered causes the data information of the parent view to be displayed completely downward, the parent view is located at the corresponding first initial display position, and if the parent view is the root view in the page, the downward sliding distance that is continuously generated causes the border of the parent view to generate the effect of stretching downward. The frame may be a top frame or a bottom frame.
As shown in the left diagram of fig. 7b, this time it is indicated that the root view (business name) and the child view (today's main push) are respectively located at their initial display positions, the diagram in the middle of fig. 7b indicates that the root view generates a downward stretching effect, and the right diagram in fig. 7b indicates that the root view rebounds to the corresponding initial display position.
To understand the above generation process of the stretching effect as a whole, for example, assume that there are three views in the page: A. b, C, A is the parent view of B and B is the parent view of C. Assuming that the current page is in the state of being opened immediately, the views A, B, C are all located at their corresponding initial display positions, and if a sliding operation in the sliding direction is triggered at this time, the effect of stretching the border of the root view a downward is directly generated. And when the sliding operation is detected to be finished, rebounding the frame of the root view A to the initial display position corresponding to the root view A. Wherein, the sliding operation is finished, that is, the sliding distance is not generated any more.
As shown in the left diagram of fig. 7b, this time illustrating that the views A, B, C are all located at respective initial display positions, the diagram in the middle of fig. 7b illustrates the effect of the root view a creating stretch, and the diagram in the right diagram of fig. 7b illustrates the effect of the root view a rebounding to the corresponding initial display position.
Assuming that the leaf view and the root view in fig. 6a and fig. 7a are defined as view X, the stretching position of the border of view X may be determined according to the following formula:
rate=(maxTranslation–fabs(originY(n)))/maxTranslation;
originY(n+1)=originY(n)+translation*rate。
wherein, rate is a stretch coefficient, maxTranslation is a preset maximum stretch distance, fabs is an operator for taking absolute values, originY (n) is a position where the frame of the nth time interval back view X is located, originY (n +1) is a position where the frame of the (n +1) th time interval back view X is located, and translation is a sliding distance in the (n +1) th time interval.
A page display apparatus according to one or more embodiments of the present invention will be described in detail below. Those skilled in the art will appreciate that these page display devices can be constructed using commercially available hardware components configured through the steps taught by the present solution.
Fig. 8 is a schematic structural diagram of a first page display device according to an embodiment of the present invention, and as shown in fig. 8, the device includes: the device comprises an acquisition module 11, a determination module 12 and a control module 13.
The obtaining module 11 is configured to obtain a first stopping position of a parent view and a second stopping position of a child view in a page in response to a sliding operation triggered by a user on the page.
A determining module 12, configured to determine, according to the sliding direction corresponding to the sliding operation, the first stopping position, and the second stopping position, a response order of the parent view and the child view in response to the sliding operation.
And the control module 13 is configured to perform display control on the parent view and the child view according to the response sequence and according to the sliding direction and the sliding distance corresponding to the sliding operation.
Optionally, the determining the sliding distance includes:
the first sliding distance generated by the user during continuous contact with the touch screen and the second sliding distance determined according to the instantaneous linear speed of the user when the user does not contact with the touch screen and a preset resistance factor.
The apparatus shown in fig. 8 can perform the method of the embodiment shown in fig. 1, and reference may be made to the related description of the embodiment shown in fig. 1 for a part of this embodiment that is not described in detail. The implementation process and technical effect of the technical solution refer to the description in the embodiment shown in fig. 1, and are not described herein again.
Fig. 9 is a schematic structural diagram of a second embodiment of the page display device according to the embodiment of the present invention, as shown in fig. 9, based on the embodiment shown in fig. 8, the determining module 12 includes: a first determination unit 121.
A first determining unit 121, configured to determine that the parent view has a higher response order than the child view in the sliding direction if the first stopping position is located between a first initial display position and a first completed display position corresponding to the parent view, or the first stopping position is located at the first initial display position.
The apparatus shown in fig. 9 can perform the method of the embodiment shown in fig. 2a, and reference may be made to the related description of the embodiment shown in fig. 2a for a part of this embodiment that is not described in detail. The implementation process and technical effect of the technical solution refer to the description in the embodiment shown in fig. 2a, and are not described herein again.
Fig. 10 is a schematic structural diagram of a third embodiment of the page display device according to the embodiment of the present invention, and as shown in fig. 10, on the basis of the foregoing embodiment, the determining module 12 includes: a second determination unit 122.
A second determining unit 122, configured to determine that the response order of the child view is prior to the parent view in the sliding direction if the first stopping position is located at a first complete display position corresponding to the parent view, and the second stopping position is located between a second initial display position and a second complete display position corresponding to the child view or the second stopping position is located at the second complete display position.
The apparatus shown in fig. 10 can perform the method of the embodiment shown in fig. 3a, and reference may be made to the related description of the embodiment shown in fig. 3a for a part of this embodiment that is not described in detail. The implementation process and technical effect of this technical solution are described in the embodiment shown in fig. 3a, and are not described herein again.
Fig. 11 is a schematic structural diagram of a fourth embodiment of the page display device according to the embodiment of the present invention, as shown in fig. 11, based on the foregoing embodiment, the determining module 12 includes: a third determination unit 123.
A third determining unit 123, configured to determine that the response order of the child view is prior to the parent view if the first stopping position is located at a first complete display position corresponding to the parent view, the second stopping position is located at a second initial display position corresponding to the child view, and the sliding direction is upward.
The apparatus shown in fig. 11 can perform the method of the embodiment shown in fig. 4a, and reference may be made to the related description of the embodiment shown in fig. 4a for a part of this embodiment that is not described in detail. The implementation process and technical effect of this technical solution are described in the embodiment shown in fig. 4a, and are not described herein again.
Fig. 12 is a schematic structural diagram of a fifth embodiment of a page display apparatus according to an embodiment of the present invention, and as shown in fig. 12, on the basis of the foregoing embodiment, the determining module 12 includes: a fourth determination unit 124.
A fourth determining unit 124, configured to determine that the response order of the parent view is prior to the child view if the first stopping position is located at a first complete display position corresponding to the parent view, the second stopping position is located at a second initial display position corresponding to the child view, and the sliding direction is downward.
The apparatus shown in fig. 12 can perform the method of the embodiment shown in fig. 5a, and reference may be made to the related description of the embodiment shown in fig. 5a for a part of this embodiment that is not described in detail. The implementation process and technical effect of this technical solution are described in the embodiment shown in fig. 5a, and are not described herein again.
Fig. 13 is a schematic structural diagram of a sixth embodiment of a page display device according to an embodiment of the present invention, and as shown in fig. 13, on the basis of the foregoing embodiment, the control module 13 includes: a first control unit 131 and a second control unit 132.
The first control unit 131 is configured to, if the sliding direction is upward, the sub-view is a leaf view in the page, and the sliding distance already enables the sub-view to be located at a second display completion position corresponding to the sub-view, continue to stretch a border of the sub-view upward according to the sliding distance.
A second control unit 132, configured to, if it is detected that the sliding operation is finished, resil the sub-view to the second finished display position.
The apparatus shown in fig. 13 can perform the method of the embodiment shown in fig. 6a, and reference may be made to the related description of the embodiment shown in fig. 6a for a part of this embodiment that is not described in detail. The implementation process and technical effect of this technical solution are described in the embodiment shown in fig. 6a, and are not described herein again.
Fig. 14 is a schematic structural diagram of a seventh embodiment of a page display device according to an embodiment of the present invention, and as shown in fig. 14, on the basis of the foregoing embodiment, the control module 13 includes: a third control unit 133 and a fourth control unit 134.
A third controlling unit 133, configured to continue to stretch the border of the parent view downwards according to the sliding distance if the sliding direction is downwards, the parent view is a root view in the page, and the sliding distance already enables the parent view to be located at a first initial display position corresponding to the parent view.
A fourth control unit 134, configured to, if it is detected that the sliding operation is finished, resil the parent view to the first initial display position.
The apparatus shown in fig. 14 can perform the method of the embodiment shown in fig. 7a, and reference may be made to the related description of the embodiment shown in fig. 7a for a part of this embodiment that is not described in detail. The implementation process and technical effect of this technical solution are described in the embodiment shown in fig. 7a, and are not described herein again.
The above-described embodiments of the apparatus are merely illustrative, and the units described as separate parts may or may not be physically separate, and parts displayed as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the modules may be selected according to actual needs to achieve the purpose of the solution of the present embodiment. One of ordinary skill in the art can understand and implement it without inventive effort.
The internal functions and structures of the page display apparatus are described above, and in one possible design, the structure of the page display apparatus may be implemented as an electronic device, such as a server, as shown in fig. 15, and the electronic device may include: a processor 21 and a memory 22. Wherein the memory 22 is used for storing a program for supporting the page display device to execute the page display method provided in any one of the above embodiments, and the processor 21 is configured to execute the program stored in the memory 22.
The program comprises one or more computer instructions which, when executed by the processor 21, are capable of performing the steps of:
responding to sliding operation triggered by a user on a page, and acquiring a first stop position of a parent view and a second stop position of a child view in the page;
determining the response sequence of the parent view and the child view responding to the sliding operation according to the sliding direction corresponding to the sliding operation, the first stopping position and the second stopping position;
and according to the response sequence, performing display control on the parent view and the child view according to the sliding direction and the sliding distance corresponding to the sliding operation.
Optionally, the processor 21 is further configured to perform all or part of the steps of the foregoing methods.
The structure of the page display device may further include a communication interface 23, which is used for the page display device to communicate with other devices or a communication network.
In addition, an embodiment of the present invention provides a computer storage medium for storing computer software instructions for a page display apparatus, which includes a program for executing the page display method in each of the above-mentioned method embodiments.
Through the above description of the embodiments, those skilled in the art will clearly understand that each embodiment can be implemented by adding a necessary general hardware platform, and of course, can also be implemented by a combination of hardware and software. With this understanding in mind, the above-described aspects and portions of the present technology which contribute substantially or in part to the prior art may be embodied in the form of a computer program product, which may be embodied on one or more computer-usable storage media having computer-usable program code embodied therein, including without limitation disk storage, CD-ROM, optical storage, and the like.
The present invention is described with reference to flowchart illustrations and/or block diagrams of methods, apparatus (systems), and computer program products according to embodiments of the invention. It will be understood that each flow and/or block of the flow diagrams and/or block diagrams, and combinations of flows and/or blocks in the flow diagrams and/or block diagrams, can be implemented by computer program instructions. These computer program instructions may be provided to a processor of a general purpose computer, special purpose computer, embedded processor, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instruction means which implement the function specified in the flowchart flow or flows and/or block diagram block or blocks.
These computer program instructions may also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer implemented process such that the instructions which execute on the computer or other programmable apparatus provide steps for implementing the functions specified in the flowchart flow or flows and/or block diagram block or blocks.
In a typical configuration, a computing device includes one or more processors (CPUs), input/output interfaces, network interfaces, and memory.
The memory may include forms of volatile memory in a computer readable medium, Random Access Memory (RAM) and/or non-volatile memory, such as Read Only Memory (ROM) or flash memory (flash RAM). Memory is an example of a computer-readable medium.
Computer-readable media, including both non-transitory and non-transitory, removable and non-removable media, may implement information storage by any method or technology. The information may be computer readable instructions, data structures, modules of a program, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), Static Random Access Memory (SRAM), Dynamic Random Access Memory (DRAM), other types of Random Access Memory (RAM), Read Only Memory (ROM), Electrically Erasable Programmable Read Only Memory (EEPROM), flash memory or other memory technology, compact disc read only memory (CD-ROM), Digital Versatile Discs (DVD) or other optical storage, magnetic cassettes, magnetic tape magnetic disk storage or other magnetic storage devices, or any other non-transmission medium that can be used to store information that can be accessed by a computing device. As defined herein, a computer readable medium does not include a transitory computer readable medium such as a modulated data signal and a carrier wave.
Finally, it should be noted that: the above examples are only intended to illustrate the technical solution of the present invention, but not to limit it; although the present invention has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; and such modifications or substitutions do not depart from the spirit and scope of the corresponding technical solutions of the embodiments of the present invention.
The invention discloses a1 and a page display method, which comprises the following steps:
responding to sliding operation triggered by a user on a page, and acquiring a first stop position of a parent view and a second stop position of a child view in the page;
determining the response sequence of the parent view and the child view responding to the sliding operation according to the sliding direction corresponding to the sliding operation, the first stopping position and the second stopping position;
and according to the response sequence, performing display control on the parent view and the child view according to the sliding direction and the sliding distance corresponding to the sliding operation.
A2, according to the method in A1, the determining the response sequence of the parent view and the child view in response to the sliding operation according to the sliding direction, the first stopping position and the second stopping position corresponding to the sliding operation includes:
and if the first stopping position is located between a first initial display position and a first finished display position corresponding to the parent view, or the first stopping position is located at the first initial display position, determining that the response order of the parent view is prior to the child view in the sliding direction.
A3, according to the method in A1, the determining the response sequence of the parent view and the child view in response to the sliding operation according to the sliding direction, the first stopping position and the second stopping position corresponding to the sliding operation includes:
and if the first stopping position is located at a first finishing display position corresponding to the parent view, and the second stopping position is located between a second initial display position and a second finishing display position corresponding to the child view or the second stopping position is located at the second finishing display position, determining that the response sequence of the child view is prior to the parent view in the sliding direction.
A4, according to the method in A1, the determining the response sequence of the parent view and the child view in response to the sliding operation according to the sliding direction, the first stopping position and the second stopping position corresponding to the sliding operation includes:
and if the first stopping position is located at a first finishing display position corresponding to the parent view, the second stopping position is located at a second initial display position corresponding to the child view, and the sliding direction is upward, determining that the response sequence of the child view is prior to the parent view.
A5, according to the method in A1, the determining the response sequence of the parent view and the child view in response to the sliding operation according to the sliding direction, the first stopping position and the second stopping position corresponding to the sliding operation includes:
and if the first stopping position is located at a first finishing display position corresponding to the parent view, the second stopping position is located at a second initial display position corresponding to the child view, and the sliding direction is downward, the response order of the parent view is determined to be prior to the child view.
A6, the method of any one of A1 to A5, the sliding distance comprising:
the first sliding distance generated by the user during continuous contact with the touch screen and the second sliding distance determined according to the instantaneous linear speed of the user when the user does not contact with the touch screen and a preset resistance factor.
A7, the method according to any one of A1 to A5, wherein the performing display control on the parent view and the child view according to the sliding direction and the sliding distance corresponding to the sliding operation in the response sequence comprises:
if the sliding direction is upward, the sub-view is a leaf view in the page, and the sliding distance enables the sub-view to be located at a second finished display position corresponding to the sub-view, then the frame of the sub-view continues to be stretched upward according to the sliding distance.
A8, the method of A7, the method further comprising:
and if the sliding operation is detected to be finished, rebounding the sub-view to the second finished display position.
A9, the method according to any one of A1 to 5, wherein the performing display control on the parent view and the child view according to the sliding direction and the sliding distance corresponding to the sliding operation according to the response sequence comprises:
if the sliding direction is downward, the parent view is a root view in the page, and the sliding distance enables the parent view to be located at a first initial display position corresponding to the parent view, continuing to stretch a border of the parent view downward according to the sliding distance.
A10, the method of A9, the method further comprising:
and if the sliding operation is detected to be finished, rebounding the father view to the first initial display position.
The invention also discloses B11, a page display device, comprising:
the acquisition module is used for responding to sliding operation triggered by a user on a page, and acquiring a first stop position of a parent view and a second stop position of a child view in the page;
a determining module, configured to determine, according to a sliding direction corresponding to the sliding operation, the first staying position, and the second staying position, a response order in which the parent view and the child view respond to the sliding operation;
and the control module is used for performing display control on the parent view and the child view according to the response sequence and the sliding direction and the sliding distance corresponding to the sliding operation.
B12, the apparatus of B11, the means for determining comprising:
a first determining unit, configured to determine that, in the sliding direction, the parent view has a higher response order than the child view if the first stopping position is located between a first initial display position and a first completed display position corresponding to the parent view, or the first stopping position is located at the first initial display position.
B13, the apparatus of B11, the determining module further comprising:
a second determining unit, configured to determine that the response order of the child view is prior to the parent view in the sliding direction if the first stopping position is located at a first complete display position corresponding to the parent view, and the second stopping position is located between a second initial display position and a second complete display position corresponding to the child view or the second stopping position is located at the second complete display position.
B14, the apparatus of B11, the means for determining comprising:
a third determining unit, configured to determine that the response order of the child view is prior to the parent view if the first stopping position is located at a first completed display position corresponding to the parent view, the second stopping position is located at a second initial display position corresponding to the child view, and the sliding direction is upward.
B15, the apparatus of B11, the means for determining comprising:
a fourth determining unit, configured to determine that the response order of the parent view is prior to the child view if the first stopping position is located at a first completed display position corresponding to the parent view, the second stopping position is located at a second initial display position corresponding to the child view, and the sliding direction is downward.
B16, the apparatus of any one of B11-B15, the determining the sliding distance comprising:
the first sliding distance generated by the user during continuous contact with the touch screen and the second sliding distance determined according to the instantaneous linear speed of the user when the user does not contact with the touch screen and a preset resistance factor.
B17, the device according to any one of B11 to B15, the control module comprising:
and the first control unit is used for continuing to stretch the frame of the sub-view upwards according to the sliding distance if the sliding direction is upwards, the sub-view is a leaf view in the page, and the sliding distance enables the sub-view to be located at a second display completion position corresponding to the sub-view.
B18, the apparatus of B17, the control module further comprising:
and the second control unit is used for rebounding the sub-view to the second display completion position if the sliding operation is detected to be finished.
B19, the device according to any one of B11 to B15, the control module comprising:
and a third control unit, configured to continue to stretch the border of the parent view downward according to the sliding distance if the sliding direction is downward, the parent view is a root view in the page, and the sliding distance already enables the parent view to be located at a first initial display position corresponding to the parent view.
B20, the apparatus of B19, the control module further comprising:
and the fourth control unit is used for rebounding the parent view to the first initial display position if the sliding operation is detected to be finished.
The invention also discloses C21, an electronic device, comprising a memory and a processor; wherein the content of the first and second substances,
the memory is to store one or more computer instructions that, when executed by the processor, implement the page display method of any one of A1-A10.
The invention also discloses D22, a computer readable storage medium storing a computer program which, when executed by a computer, implements the page display method as described in any one of A1 to A10.

Claims (12)

1. A page display method, comprising:
responding to sliding operation triggered by a user on a page, and acquiring a first stop position of a parent view and a second stop position of a child view in the page;
determining the response sequence of the parent view and the child view responding to the sliding operation according to the sliding direction corresponding to the sliding operation, the first stopping position and the second stopping position;
according to the response sequence, according to the sliding direction and the sliding distance corresponding to the sliding operation, performing display control on the parent view and the child view so as to enable the parent view and the child view to sequentially respond to the sliding operation according to the response sequence;
wherein the parent view and the child view in the page are associated with the same application.
2. The method according to claim 1, wherein the determining the response sequence of the parent view and the child view in response to the sliding operation according to the sliding direction, the first stopping position and the second stopping position corresponding to the sliding operation comprises:
and if the first stopping position is located between a first initial display position and a first finished display position corresponding to the parent view, or the first stopping position is located at the first initial display position, determining that the response order of the parent view is prior to the child view in the sliding direction.
3. The method according to claim 1, wherein the determining the response sequence of the parent view and the child view in response to the sliding operation according to the sliding direction, the first stopping position and the second stopping position corresponding to the sliding operation comprises:
and if the first stopping position is located at a first finishing display position corresponding to the parent view, and the second stopping position is located between a second initial display position and a second finishing display position corresponding to the child view or the second stopping position is located at the second finishing display position, determining that the response sequence of the child view is prior to the parent view in the sliding direction.
4. The method according to claim 1, wherein the determining the response sequence of the parent view and the child view in response to the sliding operation according to the sliding direction, the first stopping position and the second stopping position corresponding to the sliding operation comprises:
and if the first stopping position is located at a first finishing display position corresponding to the parent view, the second stopping position is located at a second initial display position corresponding to the child view, and the sliding direction is upward, determining that the response sequence of the child view is prior to the parent view.
5. The method according to claim 1, wherein the determining the response sequence of the parent view and the child view in response to the sliding operation according to the sliding direction, the first stopping position and the second stopping position corresponding to the sliding operation comprises:
and if the first stopping position is located at a first finishing display position corresponding to the parent view, the second stopping position is located at a second initial display position corresponding to the child view, and the sliding direction is downward, the response order of the parent view is determined to be prior to the child view.
6. The method of any one of claims 1 to 5, wherein the sliding distance comprises:
the first sliding distance generated by the user during continuous contact with the touch screen and the second sliding distance determined according to the instantaneous linear speed of the user when the user does not contact with the touch screen and a preset resistance factor.
7. The method according to any one of claims 1 to 5, wherein performing display control on the parent view and the child view according to the sliding direction and the sliding distance corresponding to the sliding operation in the response sequence comprises:
if the sliding direction is upward, the sub-view is a leaf view in the page, and the sliding distance enables the sub-view to be located at a second finished display position corresponding to the sub-view, then the frame of the sub-view continues to be stretched upward according to the sliding distance.
8. The method of claim 7, further comprising:
and if the sliding operation is detected to be finished, rebounding the sub-view to the second finished display position.
9. The method according to any one of claims 1 to 5, wherein performing display control on the parent view and the child view according to the sliding direction and the sliding distance corresponding to the sliding operation in the response sequence comprises:
if the sliding direction is downward, the parent view is a root view in the page, and the sliding distance enables the parent view to be located at a first initial display position corresponding to the parent view, continuing to stretch a border of the parent view downward according to the sliding distance.
10. A page display apparatus, comprising:
the acquisition module is used for responding to sliding operation triggered by a user on a page, and acquiring a first stop position of a parent view and a second stop position of a child view in the page;
a determining module, configured to determine, according to a sliding direction corresponding to the sliding operation, the first staying position, and the second staying position, a response order in which the parent view and the child view respond to the sliding operation;
the control module is used for performing display control on the parent view and the child view according to the response sequence and the sliding direction and the sliding distance corresponding to the sliding operation, so that the parent view and the child view sequentially respond to the sliding operation according to the response sequence;
wherein the parent view and the child view in the page are associated with the same application.
11. A server, comprising: an input-output device and a processor; the processor is coupled to the input-output device, and the input-output device and the processor are used for realizing the page display method according to any one of claims 1 to 9.
12. A computer storage medium storing a computer program which causes a computer to implement the page display method according to any one of claims 1 to 9 when executed.
CN201710475507.6A 2017-06-21 2017-06-21 Page display method and device Active CN107402700B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710475507.6A CN107402700B (en) 2017-06-21 2017-06-21 Page display method and device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710475507.6A CN107402700B (en) 2017-06-21 2017-06-21 Page display method and device

Publications (2)

Publication Number Publication Date
CN107402700A CN107402700A (en) 2017-11-28
CN107402700B true CN107402700B (en) 2020-06-09

Family

ID=60404725

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710475507.6A Active CN107402700B (en) 2017-06-21 2017-06-21 Page display method and device

Country Status (1)

Country Link
CN (1) CN107402700B (en)

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108664309B (en) * 2018-05-16 2021-04-06 成都天翼空间科技有限公司 Android terminal-based long data display method and system
CN108958612B (en) * 2018-06-14 2021-03-26 北京字节跳动网络技术有限公司 Method for controlling page sliding, method and system for controlling page, terminal device and medium
CN109492178A (en) * 2018-11-05 2019-03-19 腾讯科技(深圳)有限公司 A kind of method and device of switch view
CN111475088B (en) * 2019-01-23 2021-07-20 百度在线网络技术(北京)有限公司 Page scrolling method and device, storage medium and terminal equipment
CN110099162B (en) * 2019-03-18 2021-04-30 努比亚技术有限公司 Page display processing method and wearable device
CN112214155B (en) * 2020-06-09 2022-04-26 北京沃东天骏信息技术有限公司 View information playing method, device, equipment and storage medium
CN112114723B (en) * 2020-09-24 2022-03-29 北京字跳网络技术有限公司 Page sliding method and device and electronic equipment
CN112860365A (en) * 2021-02-09 2021-05-28 北京达佳互联信息技术有限公司 Content display method and device, electronic equipment and readable storage medium

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104020945A (en) * 2013-02-28 2014-09-03 联想(北京)有限公司 Information processing method and electronic equipment
CN104423875A (en) * 2013-09-11 2015-03-18 华为技术有限公司 Information display method and device
CN104571904A (en) * 2013-10-28 2015-04-29 联想(北京)有限公司 Information processing method and electronic equipment

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN104020945A (en) * 2013-02-28 2014-09-03 联想(北京)有限公司 Information processing method and electronic equipment
CN104423875A (en) * 2013-09-11 2015-03-18 华为技术有限公司 Information display method and device
CN104571904A (en) * 2013-10-28 2015-04-29 联想(北京)有限公司 Information processing method and electronic equipment

Also Published As

Publication number Publication date
CN107402700A (en) 2017-11-28

Similar Documents

Publication Publication Date Title
CN107402700B (en) Page display method and device
EP3407221B1 (en) Methods and devices for searching and displaying information on a terminal
CN106547420B (en) Page processing method and device
EP2895952B1 (en) Displaying an application set identifier
US20150339002A1 (en) Asynchronous Execution of Animation Tasks for a GUI
US20160055232A1 (en) Gesture-based on-chart data filtering
CN106303729B (en) Exchange method, interactive device and user equipment based on barrage
CN106326251B (en) The full-scale adaptation method and device of object to be presented
CN107977137B (en) Object display method, device and equipment of application page
CN106570714B (en) Recommendation method for matching object picture, and mapping relation establishment method and device
CN108491140B (en) Interactive content display method and device
CN106470270B (en) Application prompt message processing method and device on mobile terminal
CN110928626A (en) Interface switching method and device and electronic equipment
CN111767002A (en) Page display method, device, equipment and storage medium
CN103257795A (en) Method and device for showing contact person list
CN114092370A (en) Image display method and device, computer equipment and storage medium
CN109240678B (en) Code generation method and device
CN111562845B (en) Method, device and equipment for realizing three-dimensional space scene interaction
CN113282169A (en) Interaction method and device of head-mounted display equipment and head-mounted display equipment
CN113282167B (en) Interaction method and device of head-mounted display equipment and head-mounted display equipment
CN110808899B (en) Content sharing method, device, client, server and system
US10600062B2 (en) Retail website user interface, systems, and methods for displaying trending looks by location
CN114067084A (en) Image display method and device
CN110231903B (en) Parameter adjusting method and device
CN113434214B (en) Method and device for displaying components in page

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
CB02 Change of applicant information

Address after: Building N3, Jinyu Zhizao workshop, No. 27, Jiancai Chengzhong Road, Haidian District, Beijing 100096

Applicant after: Beijing Xingxuan Technology Co.,Ltd.

Address before: 100085 Beijing, Haidian District on the road to the information on the ground floor of the 1 to the 3 floor of the 2 floor, room 11, 202

Applicant before: Beijing Xiaodu Information Technology Co.,Ltd.

CB02 Change of applicant information
GR01 Patent grant
GR01 Patent grant