CN107402700A - Page display method and device - Google Patents

Page display method and device Download PDF

Info

Publication number
CN107402700A
CN107402700A CN201710475507.6A CN201710475507A CN107402700A CN 107402700 A CN107402700 A CN 107402700A CN 201710475507 A CN201710475507 A CN 201710475507A CN 107402700 A CN107402700 A CN 107402700A
Authority
CN
China
Prior art keywords
view
father
sub
slide
stop place
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Granted
Application number
CN201710475507.6A
Other languages
Chinese (zh)
Other versions
CN107402700B (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 Xiaodu Information Technology Co Ltd
Original Assignee
Beijing Xiaodu Information 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 Xiaodu Information Technology Co Ltd filed Critical Beijing Xiaodu Information 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

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 present invention, which provides a kind of page display method and device, this method, to be included:The slide triggered in response to user to the page, obtain the first stop place of father's view and the second stop place of sub- view in the page;Glide direction, the first stop place and the second stop place according to corresponding to slide determine the response order of father's view and sub- view response slide;According to response order, according to sliding distance corresponding to glide direction and slide, display control is carried out to father's view and sub- view, so as to realize, father's view and sub- view slide the respective data message of display in a certain order and successively in the page, can also improve the exposure rate at the top of sub- view.

Description

Page display method and device
Technical field
The present invention relates to Internet technical field, more particularly to a kind of page display method and device.
Background technology
Multiple client application program is often installed, to meet to use in the terminal devices such as the smart mobile phone of user The use demand at family.For example, it is fitted with taking out client in the mobile phone of many users, to meet user whenever and wherever possible The online shopping need such as make a reservation.
Usually, many data messages have been usually contained in a page, user generally requires to perform slip to the page Operation can just view whole data messages.And the data message included in the page is the tissue in the form of view, user When being slided on screen, father's view all can enter line slip in response to the slide of user simultaneously with sub- view and show, i.e., father regards Figure and each self-contained data message of sub- view can slide towards the glide direction that user triggers simultaneously.
Such as when user's finger upward sliding, it may be such that the gradual upward sliding of data message in father's view And make it that father's view is gradually packed up, meanwhile, the data message of sub- view also can gradually upward sliding and so that sub- view is gradually received Rise.
The content of the invention
In the prior art, father's view in the page and sub- view carry out the page and shown in response to the slide of user simultaneously Mode, often cause the same time, the data message at least two different views changes simultaneously, and user is often not The change of this multiple different views can be concerned about simultaneously, so that the man-machine interaction of the page is poor, user's impression is bad.
Moreover, exemplified by selling scene in addition, in the trade company's page for taking out client, the data included in some father's view are believed Breath, which often such as rises, send the information such as price, dispatching duration, dispatching expense, trade company's introduction, and what is usually contained in sub- view is Specific merchandise news, because different pieces of information information is worth difference for a user, so as to which user is to father's view and sub- view Degree of concern is different, more pays close attention to sub- view.And in the case where the page is initially shown, if user triggers the behaviour of upward sliding Make, the data message in sub- view and father's view moves up simultaneously, will make it that the exposure rate at the top of sub- view is very low, i.e. user See that the probability of the merchandise news at the top of sub- view substantially reduces.
In view of this, the embodiment of the present invention provides a kind of page display method and device, the father to realize in the page regard Figure and sub- view sequentially slide the effect of display, improve the exposure rate at the top of sub- view.
In a first aspect, the embodiment of the present invention provides a kind of page display method, including:
The slide triggered in response to user to the page, obtain the first stop place and the son of father's view in the page Second stop place of view;
According to glide direction, first stop place and second stop place corresponding to the slide, really Fixed father's view and the sub- view respond the response order of the slide;
According to response order, according to sliding distance corresponding to the glide direction and the slide, to described Father's view and the sub- view carry out display control.
Second aspect, the embodiment of the present invention provide a kind of page display device, including:
Acquisition module, for the slide triggered in response to user to the page, obtain of father's view in the page One stop place and the second stop place of sub- view;
Determining module, for glide direction, first stop place and described according to corresponding to the slide Two stop places, determine that father's view and the sub- view respond the response order of the slide;
Control module, for according to response order, being slided according to corresponding to the glide direction and the slide Dynamic distance, display control is carried out to father's view and the sub- view.
In a possible design, the structure of above-mentioned page display device includes processor and memory, described to deposit Reservoir is used to store the program for supporting page display device to perform page display method in above-mentioned first aspect, the processor quilt It is configured for performing the program stored in the memory.The page display device can also include communication interface, be used for Page display device and other equipment or communication.
The third aspect, the embodiments of the invention provide a kind of computer-readable storage medium, for storing page display device institute Computer software instructions, it, which is included, is used to perform the program in above-mentioned first aspect involved by page display method.
Page display method and device provided in an embodiment of the present invention, when user triggers slide to the page, obtain First stop place and the second stop place corresponding to the current difference of father's view and sub- view in the triggering moment page, that is, exist The position at the place of father's view and sub- view at the time of triggering slide.And then stopped according to first stop place and second Position is stayed, the glide direction with reference to corresponding to slide, to determine that father's view and sub- view respond the response order of slide, I.e. who first responds the slide, and whom responds the slide after.Afterwards, according to response order, according to glide direction and cunning Sliding distance corresponding to dynamic operation, display control is carried out to father's view and sub- view, so as to realize in the page father's view and Sub- view slides the respective data message of display in a certain order and successively, can also improve the exposure rate at the top of sub- view.
Brief description of the drawings
In order to illustrate more clearly about the embodiment of the present invention or technical scheme of the prior art, below will be to embodiment or existing There is the required accompanying drawing used in technology description to be briefly described, it should be apparent that, drawings in the following description are this hairs Some bright embodiments, for those of ordinary skill in the art, on the premise of not paying creative work, can be with root Other accompanying drawings are obtained according to these accompanying drawings.
Fig. 1 is the flow chart of page display method embodiment one provided in an embodiment of the present invention;
Fig. 2 a are the flow chart of page display method embodiment two provided in an embodiment of the present invention;
Fig. 2 b- Fig. 2 f are interface schematic diagram corresponding to Fig. 2 a illustrated embodiments;
Fig. 3 a are the flow chart of page display method embodiment three provided in an embodiment of the present invention;
Fig. 3 b- Fig. 3 d are interface schematic diagram corresponding to Fig. 3 a illustrated embodiments;
Fig. 4 a are the flow chart of page display method example IV provided in an embodiment of the present invention;
Fig. 4 b are interface schematic diagram corresponding to Fig. 4 a illustrated embodiments;
Fig. 5 a are the flow chart of page display method embodiment five provided in an embodiment of the present invention;
Fig. 5 b are interface schematic diagram corresponding to Fig. 5 a illustrated embodiments;
Fig. 6 a are a kind of implementation process figure of step 103 in embodiment illustrated in fig. 1 under optional situation;
Fig. 6 b are the interface schematic diagram under situation shown in Fig. 6 a;
Fig. 7 a are the implementation process figure of step 103 in embodiment illustrated in fig. 1 under another optional situation;
Fig. 7 b are the interface schematic diagram under situation shown in Fig. 7 a;
Fig. 8 is the structural representation of page display device embodiment one provided in an embodiment of the present invention;
Fig. 9 is the structural representation of page display device embodiment two provided in an embodiment of the present invention;
Figure 10 is the structural representation of page display device embodiment three provided in an embodiment of the present invention;
Figure 11 is the structural representation of page display device example IV provided in an embodiment of the present invention;
Figure 12 is the structural representation of page display device embodiment five provided in an embodiment of the present invention;
Figure 13 is the structural representation of page display device embodiment six provided in an embodiment of the present invention;
Figure 14 is the structural representation of page display device embodiment seven provided in an embodiment of the present invention;
Figure 15 is the structural representation of electronic equipment corresponding with page display device provided in an embodiment of the present invention.
Embodiment
To make the purpose, technical scheme and advantage of the embodiment of the present invention clearer, below in conjunction with the embodiment of the present invention In accompanying drawing, the technical scheme in the embodiment of the present invention is clearly and completely described, it is clear that described embodiment is Part of the embodiment of the present invention, rather than whole embodiments.Based on the embodiment in the present invention, those of ordinary skill in the art The every other embodiment obtained under the premise of creative work is not made, belongs to the scope of protection of the invention.
The term used in embodiments of the present invention is only merely for the purpose of description specific embodiment, and is not intended to be limiting The present invention." one kind ", " described " and "the" of singulative used in the embodiment of the present invention and appended claims It is also intended to including most forms, unless context clearly shows that other implications, " a variety of " generally comprise at least two, but not Exclusion includes at least one situation.
It should be appreciated that term "and/or" used herein is only a kind of incidence relation for describing affiliated partner, represent There may be three kinds of relations, for example, A and/or B, can be represented:Individualism A, while A and B be present, individualism B these three Situation.In addition, character "/" herein, it is a kind of relation of "or" to typically represent forward-backward correlation object.
It will be appreciated that though XXX may be described using term first, second, third, etc. in embodiments of the present invention, but These XXX should not necessarily be limited by these terms.These terms are only used for distinguishing XXX.For example, model of the embodiment of the present invention is not being departed from In the case of enclosing, the first XXX can also be referred to as the 2nd XXX, and similarly, the 2nd XXX can also be referred to as the first XXX.
Depending on linguistic context, word as used in this " if ", " if " can be construed to " ... when " or " when ... " or " in response to determining " or " in response to detection ".Similarly, depending on linguistic context, phrase " if it is determined that " or " such as Fruit detects (condition or event of statement) " can be construed to " when it is determined that when " or " in response to determine " or " when detection (statement Condition or event) when " or " in response to detect (condition or event of statement) ".
It should also be noted that, term " comprising ", "comprising" or its any other variant are intended to nonexcludability Comprising, so that commodity or system including a series of elements not only include those key elements, but also including without clear and definite The other element listed, or also include for this commodity or the intrinsic key element of system.In the feelings not limited more Under condition, the key element that is limited by sentence "including a ...", it is not excluded that in the commodity including the key element or system also Other identical element be present.
Further what deserves to be explained is, the order in various embodiments of the present invention between each step is adjustable, and is not It must be performed according to the order of following citing.
Fig. 1 is the flow chart of page display method embodiment one provided in an embodiment of the present invention, and what the present embodiment provided should Page display method can be performed by a page display device, and the page display device can be implemented as software, or realize For the combination of software and hardware, the page display device can be integrally disposed in the client of user equipment.As shown in figure 1, This method comprises the following steps:
101st, the slide triggered in response to user to the page, the first stop place of father's view and son in the page are obtained Second stop place of view.
102nd, glide direction, the first stop place and the second stop place according to corresponding to slide, determine father's view With the response order of sub- view response slide.
103rd, according to response order, according to sliding distance corresponding to glide direction and slide, father's view and son are regarded Figure carries out display control.
In the present embodiment, two views are comprised at least in the page, different data messages is carried in each view.Work as the page In when only including two views, the two views are the view with set membership, and one is father's view, and one is sub- view. When not only including two views in the page, alternatively, multiple views can be organized into tree, from top and under can have Root View, multiple medial views and leaf view, wherein, multiple medial views include the sub- view of Root View, also including leaf Father's view of sub- view.
Alternatively, user slides and triggers the above-mentioned slide for certain page on the touchscreen, at the beginning of being user Begin to open slide page triggering or that user triggers during the page is checked.
Alternatively, father's view of the above-mentioned stop place of acquisition first and the second stop place and sub- view can be present bits View in screen viewing area.When the view number in screen viewing area is multiple, it can obtain and wherein each regard The stop place of figure, due to father and son's corresponding relation be present between this multiple view, so as to subsequently carry out responding slide The timing really of response order, the set membership that can be combined between this multiple view are determined.For convenience of description, the present embodiment is only By any two of acquisition have set membership father's view and sub- view exemplified by illustrate.
First stop place of above-mentioned father's view refers to that father's view is currently in the page at the time of user triggers slide In present position, and the first stop place of father's view can be with the current institute in the page of certain reference point in father's view The position being in characterizes, i.e., the reference point in first stop place of first stop place as father's view, the reference Point can be the bottom frame of father's view.Similarly, the second stop place of sub- view can be with certain reference point such as bottom of sub- view The position of portion's frame represents.
For father's view, sliding position scope of father's view in the page can initially be shown by the first of father's view Position and the first completion display location are defined, so as to which above-mentioned first stop place can be located at by first initial display position With the first closed interval for completing display location determination.Wherein, the first initial display position refers to when the page is initially opened, father View position present in the page, the data message that the first completion display location refers to include in father's view, which is slided, to be shown When finishing, father's view position present in the page.Wherein, the data message included in father's view is shown by slip to be finished, The data message that can be understood as including in father's view skids off the viewing area of screen, presents and is similar to data message by whole Hiding effect, therefore be referred to as completing display location.
For sub- view, sliding position scope of the sub- view in the page can be by the second of sub- view Initial display position and the second completion display location are defined, so as to, above-mentioned second stop place can be located at it is second initial by this Complete the closed interval that display location determines in display location and second.Wherein, the second initial display position refers to initial in the page During opening, sub- view position present in the page, the second completion display location refers to the data message included in sub- view Shown by slip when finishing, sub- view position present in the page.
, can be according to slide behind the second stop place of the first stop place and sub- view that get father's view Corresponding glide direction, the first stop place and the second stop place, determine the sound of father's view and sub- view response slide Should order.Wherein, the response action of slide can be included sliding the data message shown in father's view, sub- view, drawn Stretch father's view, the frame of sub- view.
The effect of the slide of user's triggering is responded in the embodiment of the present invention, during in order to realize father's view and sub- view difference Fruit is, it is necessary to set father's view and sub- view to respond the slide when user triggers the slide of different glide directions Response order.
In practical application, the glide direction of user is generally upward sliding and slide downward.In a kind of simplest realization In mode, it can set:If the glide direction of user is downward, the response order of sub- view is prior to father's view, i.e., sub- view Slide is responded prior to father's view;Conversely, if the glide direction of user is upward, the response order of father's view prior to Sub- view, i.e. father's view respond slide prior to sub- view.
In another implementation, response order has outside the Pass except the glide direction with user, can also be with father's view The first stop place it is relevant with the second stop place of sub- view, now, the response of father's view and sub- view order will have More flexibilities, specifically refer to the description in subsequent embodiment.
After the response order of father's view and sub- view is determined, rung according to the response sequential control father view and sub- view The slide triggered using family.
Wherein, to the display control of father's view and sub- view in addition to the control comprising response order, in addition to slip side To with two aspects of sliding distance.
For glide direction, under a kind of situation, father's view and sub- view are to the response action of the slide, sliding Dynamic each self-contained data message of display.Now, the slip display direction of data message touches with user in father's view and sub- view The glide direction of hair is consistent.Such as user's triggering to skid off direction upward, then in father's view, sub- view data message be also to Upper to slide display, now, the effect for gradually skidding off viewing area will be presented in the data message in father's view and sub- view.
For sliding distance, because father's view and sub- view are the slides that successively respond user, then ring When the view answered begins to respond to, mainly by user triggering sliding distance depending on.Under a kind of optional scene, when with The view that the triggered sliding distance in family first to respond is shown from sliding again, and the user also is continuing to produce Raw sliding distance, then switch to and proceeded to respond to the sliding distance by the view of rear response and slided display.
It is understood that starting to slide on the touchscreen along with user, there is preferential ring in father's view and sub- view The view of order is answered just to begin to respond to the slide, that is to say, that along with the continuous generation of sliding distance, father's view or son View responds therewith.
In the present embodiment, alternatively, the sliding distance corresponding to the slide of user's triggering can include:
User's first sliding distance caused by during continuously contact touch-screen, and described touch is not being contacted according to user The second sliding distance that instantaneous linear velocity and default resistance factor when touching screen determine.
That is, in the present embodiment, whether a slide of measure user triggering terminates, not only can according to The time that family contacts touch-screen measures with the time for leaving touch-screen, can also be slided with being produced contacting touch-screen since user Dynamic distance starts, and in the case where not detecting that user contacts touch-screen again, whether sliding distance is persistently produced to measure.
In practical application, it is alternatively possible to constantly gather user's finger on the touchscreen with certain smaller time interval Corresponding touch location, so as to obtain the sliding distance in each time interval.So as to, since user triggers slide, I.e. since user's finger contacts touch-screen, untill when user's finger does not contact and leaves touch-screen, can constantly it detect Distance caused by user is continuously slipping on the touchscreen, the distance is above-mentioned first sliding distance.
At this point it is possible to when often obtaining caused sliding distance in a time interval, control in father's view and sub- view The view of preferential answering slide carries out response action.
In addition, if user's finger can have certain instantaneous linear velocity when leaving touch-screen, then can be according to the wink When linear velocity and default resistance factor, it is determined that in each time interval because of inertia and caused by sliding distance, referred to as second slides Distance.
It is alternatively possible to set certain threshold speed, if instantaneous linear velocity when user's finger leaves touch-screen is big In the threshold speed, then caused sliding distance is considered due to the effect of inertia of the instantaneous linear velocity, otherwise, if user's finger Instantaneous linear velocity when leaving touch-screen is less than the threshold speed, then it is assumed that the slide that user currently triggers terminates, and father regards Figure, sub- view stop responding the slide.
What deserves to be explained is in the embodiment of the present invention, the slip of data message in the sliding distance and view of user's triggering Distance can have default function corresponding relation, and the data in relation pair father view and sub- view can be answered according to the function pair Information carries out display control.
To sum up, in the present embodiment, when user triggers slide to the page, the father obtained in the triggering moment page regards First stop place and the second stop place corresponding to figure and the current difference of sub- view, i.e., father regards at the time of slide is triggered The position at the place of figure and sub- view.And then according to first stop place and the second stop place, it is corresponding with reference to slide Glide direction, to determine that father's view and sub- view respond the response order of slide, i.e., who first responds the slide, who After respond the slide.Afterwards, it is right according to sliding distance corresponding to glide direction and slide according to response order Father's view and sub- view carry out display control, so as to realize in the page father's view and sub- view in a certain order and according to Secondary slide shows respective data message, can also improve the exposure rate at the top of sub- view.
The response order for describing father's view and sub- view in detail with reference to several embodiments is pledged love condition really.
Fig. 2 a are the flow chart of page display method embodiment two provided in an embodiment of the present invention, as shown in Figure 2 a, can be with Comprise the following steps:
201st, the slide triggered in response to user to the page, the first stop place of father's view and son in the page are obtained Second stop place of view.
The 202nd, if the first stop place is located at the first initial display position corresponding to father's view and the first completion display location Between, or the first stop place is located at the first initial display position, it is determined that and in glide direction, the response order of father's view Prior to sub- view.
203rd, according to response order, according to sliding distance corresponding to glide direction and slide, father's view and son are regarded Figure carries out display control.
For ease of paired observation, schematic diagram goes out a kind of father's view first and sub- view is all located at each self-corresponding completion display The situation of position, as shown in Figure 2 b, now, the lower frame of father's view completes display location, the lower frame of sub- view positioned at first Display location is completed positioned at second.And illustrate that a kind of father's view and sub- view are all located at each self-corresponding initial display position Situation, as shown in Figure 2 c, now, the lower frame of father's view is located at the first initial display position, and the lower frame of sub- view is located at Second initial display position.
In Fig. 2 b and Fig. 2 c, father's view is view corresponding to name of firm, and sub- view is to promote mainly corresponding view today, In Fig. 2 c, when father's view and sub- view are all located at respective initial display position, wrapped in father's view corresponding to name of firm Include and sent the data messages such as price, dispatching expense, preferential activity, businessman's bulletin, promoted mainly today and wrapped in corresponding sub- view Include the data message of multiple commodity.It is limited to the size of each view and the size of screen viewing area, father's view and son regards Data message in figure possibly once can not be shown completely.In figure 2b, when father's view and sub- view are all located at respective completion During display location, the data message in father's view is equivalent to the viewing area for being gone out screen by slip, the data message of sub- view The viewing area of screen can all be slided out.In some cases, for example sub- view is the leaf view of the page, and now, son regards The data message of figure can also have part to be displayed in viewing area, such as last three commodity letter of Fig. 2 b neutron views Breath.
In the present embodiment, if the first stop place is located at the first initial display position corresponding to father's view and first and completes to show Between showing position, or the first stop place is located at the first initial position, then no matter the glide direction of user's triggering is to go back upwards It is downward, in glide direction, the response order of father's view is all prior to sub- view.Illustrated with reference to drawings described below.
What deserves to be explained is if the first stop place of father's view meets above-mentioned condition, now, the second of sub- view Stop place is located at the second initial display position of sub- view.
When the first stop place of father's view is located at the first initial display position of father's view, the second of sub- view stops Position is located at the second initial display position of sub- view, as shown in left figure in Fig. 2 d, it is assumed that now glide direction is upward:Due to father The response order of view then controls the preferential upward sliding of father's view to show in father's view and wrapped prior to sub- view according to sliding distance The data message contained.When sliding distance has caused the data message upward sliding in father's view is shown to finish, now, father's view Display location will be completed positioned at the first of father's view, as shown in the figure among Fig. 2 d.And then if continue to produce upward slip away from From then then controlling sub- view upward sliding to show the data message wherein included according to sliding distance, such as right figure institute in Fig. 2 d Show, illustrate that sub- view upward sliding shows but do not cause also sub- view to be located at the second of the sub- view feelings for completing display location Shape.
What deserves to be explained is if when sliding distance make it that upward sliding has shown its whole number included to sub- view It is believed that breath, and the sub- view is the leaf view of the page, and upward sliding distance also is continuing to produce, then now, the son The frame of view can produce the effect being pulled up.Now, the frame being stretched can be the bottom frame of sub- view.This situation It will illustrate in subsequent embodiment.Wherein, it is because of if the son why to have the limitation for the leaf view that sub- view is the page View is not leaf view, during it is shown by upward sliding, another sub- view using the sub- view as father's view Continue to respond upward sliding distance and upward sliding is shown.
If the situation as shown in left figure in Fig. 2 d, if now glide direction is downward, the father is presented in father's view and sub- view View is the Root View in the page, then now, the sliding distance of user's triggering can cause father's view to produce the effect stretched downwards, It will illustrate in subsequent embodiment.
Display location is completed when the first stop place of father's view is located at the first initial display position of father's view and first Between when, the second stop place of sub- view is located at the second initial display position of sub- view, as shown in left figure in Fig. 2 e, it is assumed that Now glide direction is upward:Because the response order of father's view is prior to sub- view, then control father's view excellent according to sliding distance First upward sliding shows the data message wherein included.The data message upward sliding in father's view is caused when sliding distance Display finishes, and now, father's view will complete display location positioned at the first of father's view, as shown in the middle graph in Fig. 2 e.And then If continuing to produce upward sliding distance, then sub- view upward sliding is controlled to show the number wherein included according to sliding distance It is believed that breath, as shown in right figure in Fig. 2 e, the figure illustrates that sub- view upward sliding shows but do not cause also sub- view positioned at son The second of view completes the situation of display location.
In addition, complete display when the first stop place of father's view is located at the first initial display position of father's view and first When between position, the second stop place of sub- view is located at the second initial display position of sub- view, as shown in left figure in Fig. 2 f, Assuming that now glide direction is downward:Because the response order of father's view is prior to sub- view, then father is controlled to regard according to sliding distance Scheme preferential slide downward and show the data message wherein included.When sliding distance make it that the data message in father's view is downward Slide display to finish, now, father's view is by positioned at the first initial display position of father's view, as shown in the right figure in Fig. 2 f.Enter And if continue to produce downward sliding distance, and father's view is Root View, then father's view can produce downward drawing effect, It will illustrate in subsequent embodiment.
Fig. 3 a are the flow chart of page display method embodiment three provided in an embodiment of the present invention, as shown in Figure 3 a, can be with Comprise the following steps:
301st, the slide triggered in response to user to the page, the first stop place of father's view and son in the page are obtained Second stop place of view.
The 302nd, if the first stop place is located at the first completion display location corresponding to father's view, and the second stop place set Between the second initial display position corresponding to sub- view and second complete display location or the second stop place is located at second Complete display location, it is determined that in glide direction, the response order of sub- view is prior to father's view.
303rd, according to response order, according to sliding distance corresponding to glide direction and slide, father's view and son are regarded Figure carries out display control.
In the present embodiment, if the first stop place is located at the first completion display location corresponding to father's view, also, second stops Stay position be located at the second initial display position corresponding to sub- view and second complete display location between or the second stop place Display location is completed positioned at second, then no matter the glide direction of user's triggering is upward or downward, in glide direction, son regards The response order of figure is all prior to father's view.Illustrated with reference to drawings described below.
Display location is completed when the first stop place of father's view is located at the first of father's view, and the second of sub- view stops When staying position positioned at the second completion display location, as shown in left figure in Fig. 3 b, if now glide direction is downward:Then due to sub- view Response order prior to father's view, show that the data wherein included are believed according to sliding distance priority acccess control view slide downward Breath.When sliding distance has caused the data message slide downward in sub- view is shown to finish, now, sub- view will regard positioned at son First initial display position of figure, as shown in the middle graph in Fig. 3 b.And then if continuing to produce downward sliding distance, after And control father's view slide downward to show the data message wherein included according to sliding distance, and as shown in right figure in Fig. 3 b, signal Be father's view slide downward show but also do not cause father's view be located at father's view the first initial display position situation.
In addition, if the first stop place of father's view, which is located at the first of father's view, completes display location, and sub- view Display location is completed in second stop place positioned at second, that is, when the situation shown in left figure is presented in Fig. 3 b, now glide direction to On, the sub- view is the leaf view in the page, then now, the sliding distance of user's triggering can cause sub- view produces to pull up The effect stretched, it will illustrate in subsequent embodiment.
Display location is completed when the first stop place of father's view is located at the first of father's view, and the second of sub- view stops Stay position be located at the second initial display position corresponding to sub- view and second complete display location between when, such as left figure institute in Fig. 3 c Show, if now glide direction is downward:Then because the response order of sub- view is prior to father's view, according to sliding distance priority acccess control Sub- view slide downward shows the data message wherein included.When sliding distance make it that the data message in sub- view is downward Slide display to finish, now, sub- view is by positioned at the first initial display position of sub- view, as shown in the middle graph in Fig. 3 c. And then if continuing to produce downward sliding distance, then control father's view slide downward to show according to sliding distance and wherein wrap The data message contained, as shown in right figure in Fig. 3 c, illustrate that father's view slide downward is shown but also not so that father's view is located at The situation of first initial display position of father's view.
And complete display location, and the second of sub- view when the first stop place of father's view is located at the first of father's view When stop place is located between the second initial display position corresponding to sub- view and the second completion display location, such as left figure in Fig. 3 d It is shown, if now glide direction is upward:Then because the response order of sub- view is prior to father's view, preferentially controlled according to sliding distance System view upward sliding shows the data message wherein included.When sliding distance caused data message in sub- view to Upper slip display finishes, and now, sub- view will complete display location positioned at the first of sub- view, as shown in the right figure in Fig. 3 d. And then if continue to produce upward sliding distance, and the sub- view is leaf view, then sub- view can produce the effect being pulled up Fruit, it will illustrate in subsequent embodiment.
Fig. 4 a are the flow chart of page display method example IV provided in an embodiment of the present invention, as shown in fig. 4 a, can be with Comprise the following steps:
401st, the slide triggered in response to user to the page, the first stop place of father's view and son in the page are obtained Second stop place of view.
The 402nd, if the first stop place is located at the first completion display location corresponding to father's view, and the second stop place set In the second initial display position corresponding to sub- view, and glide direction is upward, it is determined that the response order of sub- view is preferential In father's view.
403rd, according to response order, according to sliding distance corresponding to glide direction and slide, father's view and son are regarded Figure carries out display control.
Display location is completed when the first stop place of father's view is located at corresponding to father's view first, and the of sub- view Two stop places are located at corresponding to sub- view during the second initial display position, as shown in left figure in Fig. 4 b.If now glide direction Upwards, then sub- view response order prior to father's view.Now, shown according to the sub- view upward sliding of sliding distance priority acccess control Show the data message wherein included.When sliding distance has caused the data message upward sliding in sub- view is shown to finish, this When, sub- view will complete display location positioned at the first of sub- view, as shown in the right figure in Fig. 4 b.And then if continue produce to On sliding distance, and the sub- view is leaf view, then sub- view can produce the effect being pulled up, will be in subsequent embodiment Middle signal.
Fig. 5 a are the flow chart of page display method embodiment five provided in an embodiment of the present invention, as shown in Figure 5 a, can be with Comprise the following steps:
501st, the slide triggered in response to user to the page, the first stop place of father's view and son in the page are obtained Second stop place of view.
The 502nd, if the first stop place is located at the first completion display location corresponding to father's view, and the second stop place set In the second initial display position corresponding to sub- view, and glide direction is downward, it is determined that the response order of father's view is preferential In sub- view.
503rd, according to response order, according to sliding distance corresponding to glide direction and slide, father's view and son are regarded Figure carries out display control.
Display location is completed when the first stop place of father's view is located at corresponding to father's view first, and the of sub- view Two stop places are located at corresponding to sub- view during the second initial display position, as shown in left figure in Fig. 5 b.If now glide direction Downwards, then father's view response order prior to sub- view.Now, the preferential slide downward of father's view is controlled to show according to sliding distance Show the data message wherein included.When sliding distance has caused the data message slide downward in father's view is shown to finish, this When, father's view is by positioned at the first initial display position of father's view, as shown in the middle graph in Fig. 5 b.And then if continue to produce Downward sliding distance, and father's view is Root View, then father's view can produce downward drawing effect, will be in subsequent embodiment Middle signal.
To sum up several embodiments, when user triggers slide, according to triggering moment father view and each automatic stop of sub- view The position stayed, with reference to glide direction, determine that father's view and sub- view respond the order of the slide, so as to realize father's view and Sub- view can sequentially respond the effect of slide.Due to the presence of the response order so that the data letter at the top of sub- view Probability of the breath exposed to viewing area greatly increases, and improves the exposure rate at the top of sub- view.
Fig. 6 a are a kind of implementation process figure of step 103 in embodiment illustrated in fig. 1 under optional situation, as shown in Figure 6 a, can To comprise the following steps:
If the 601, glide direction is upward, sub- view is the leaf view in the page, and sliding distance has caused son View is located at the second completion display location corresponding to sub- view, then continues to be pulled up the frame of sub- view according to sliding distance.
If the 602, detecting that slide terminates, the sub- view of resilience to second completes display location.
Mentioned in previous embodiment, when upper user triggers upward sliding, if the triggered sliding distance of user causes Display finishes the data message of sub- view upwards so that sub- view is in corresponding second and completes display location, also, if should When sub- view is the leaf view in the page, it is upward that upward sliding distance caused by continuation can make it that the frame of sub- view produces The effect of stretching.
As shown in left figure in Fig. 6 b, now illustrate that father's view (name of firm), leaf view (today is promoted mainly) respectively Positioned at respective completion display location, the figure among Fig. 6 b illustrates that leaf view produces the effect that is pulled up, in Fig. 6 b Right figure illustrates that leaf view recoils to the corresponding effect for completing display location.
To understand the generation process of above-mentioned drawing effect on the whole, for example, assuming that three views in the page be present:A、 B, C, A are that B father's view, B are C father's views.Assuming that the response order determined is followed successively by ABC, and glide direction is upward, then exists When the display of Root View A upward slidings is completed, Root View, which is located at, completes display location, then, sub- view B upward slidings corresponding to it It has been shown that, after the completion of sub- view B is shown, positioned at completion display location corresponding to it.Then, leaf view C upward slidings are shown, After the completion of display, positioned at completion display location corresponding to it.If now also continuing to produce sliding distance, can be pulled up Leaf view C frame, the frame can be the bottom frames of leaf view.At the end of slide is detected, then should Leaf view C bottom frame, which recoils to, completes display location corresponding to leaf view C.Wherein, the slide terminates to refer to Do not continue to produce sliding distance.
Fig. 7 a are the implementation process figure of step 103 in embodiment illustrated in fig. 1 under another optional situation, as shown in Figure 7a, It may include steps of:
If the 701, glide direction is downward, father's view is the Root View in the page, and sliding distance has caused father to regard Figure is located at the first initial display position corresponding to father's view, then continues to stretch the frame of father's view downwards according to sliding distance.
If the 702, detecting that slide terminates, resilience father view to the first initial display position.
Mentioned in previous embodiment, when upper user triggers slide downward, if the triggered sliding distance of user causes Display finishes the data message of father's view downwards so that father's view is in corresponding first initial display position, also, if should When father's view is the Root View in the page, downward sliding distance caused by continuation can cause the frame of father's view produces to pull down The effect stretched.The frame can be top frame or bottom frame.
As shown in left figure in Fig. 7 b, Root View (name of firm), sub- view (today is promoted mainly) position respectively are now illustrated that Figure among respective initial display position, Fig. 7 b illustrates that Root View produces the effect that stretches downwards, right figure in Fig. 7 b Illustrate that Root View recoils to the effect of corresponding initial display position.
To understand the generation process of above-mentioned drawing effect on the whole, for example, assuming that three views in the page be present:A、 B, C, A are that B father's view, B are C father's views.Assuming that being currently at the state that the page has just been opened, view A, B, C are respectively positioned on respectively Self-corresponding initial display position, if now triggering the operation of glide direction downward sliding, it can directly produce Root View A side The effect that frame stretches downwards.At the end of slide is detected, then Root View A frame is recoiled into Root View A and corresponded to Initial display position.Wherein, the slide terminates to refer to not continue to produce sliding distance.
As shown in left figure in Fig. 7 b, now illustrate that view A, B, C are respectively positioned on respective initial display position, in Fig. 7 b Between figure illustrate that Root View A produces the effect of stretching, right figure illustrates that Root View A is initial corresponding to recoiling in Fig. 7 b The effect of display location.
Assuming that the leaf view in Fig. 6 a and Fig. 7 a, Root View are defined as view X, then alternatively, for view X side The drawing process of frame, the position being stretched to can determine according to equation below:
Rate=(maxTranslation-fabs (originY (n)))/maxTranslation;
OriginY (n+1)=originY (n)+translation*rate.
Wherein, rate is drawing coefficient, and maxTranslation is default maximum tension distance, and fabs is to take absolute value Operator, originY (n) is the position at n-th time interval rearview X frame, and originY (n+1) is n-th Position at+1 time interval rearview X frame, translation be slip in (n+1)th time interval away from From.
The page display device of one or more embodiments of the invention described in detail below.Those skilled in the art can To understand, the step of commercially available nextport hardware component NextPort can be used to be instructed by this programme for these page display devices configured come Form.
Fig. 8 is the structural representation of page display device embodiment one provided in an embodiment of the present invention, as shown in figure 8, should Device includes:Acquisition module 11, determining module 12, control module 13.
Acquisition module 11, for the slide triggered in response to user to the page, obtain father's view in the page First stop place and the second stop place of sub- view.
Determining module 12, for glide direction, first stop place and described according to corresponding to the slide Second stop place, determine that father's view and the sub- view respond the response order of the slide.
Control module 13, for according to the response order, according to corresponding to the glide direction and the slide Sliding distance, display control is carried out to father's view and the sub- view.
Alternatively, the really sliding distance includes:
The user first sliding distance caused by during continuously contact touch-screen, and do not connect according to the user The second sliding distance that instantaneous linear velocity and default resistance factor when touching the touch-screen determine.
Fig. 8 shown devices can perform the method for embodiment illustrated in fig. 1, the part that the present embodiment is not described in detail, can join Examine the related description to embodiment illustrated in fig. 1.In implementation procedure and the technique effect embodiment shown in Figure 1 of the technical scheme Description, will not be repeated here.
Fig. 9 is the structural representation of page display device embodiment two provided in an embodiment of the present invention, as shown in figure 9, On the basis of embodiment illustrated in fig. 8, the determining module 12 includes:First determining unit 121.
First determining unit 121, if it is initial aobvious to be located at corresponding to father's view first for first stop place Show between position and the first completion display location, or first stop place is located at first initial display position, then It is determined that in the glide direction, the response order of father's view is prior to the sub- view.
Fig. 9 shown devices can perform the method for Fig. 2 a illustrated embodiments, the part that the present embodiment is not described in detail, can join Examine the related description to Fig. 2 a illustrated embodiments.The implementation procedure and technique effect of the technical scheme are referring to Fig. 2 a illustrated embodiments In description, will not be repeated here.
Figure 10 is the structural representation of page display device embodiment three provided in an embodiment of the present invention, as shown in Figure 10, On the basis of previous embodiment, the determining module 12 includes:Second determining unit 122.
Second determining unit 122, if it is aobvious to be located at the first completion corresponding to father's view for first stop place Show position, and second stop place is located at the second initial display position corresponding to the sub- view and second and completes display Display location is completed positioned at described second between position or second stop place, it is determined that in the glide direction, The response order of the sub- view is prior to father's view.
Figure 10 shown devices can perform the method for Fig. 3 a illustrated embodiments, and the part that the present embodiment is not described in detail can The related description of reference pair Fig. 3 a illustrated embodiments.The implementation procedure and technique effect of the technical scheme are referring to implementation shown in Fig. 3 a Description in example, will not be repeated here.
Figure 11 is the structural representation of page display device example IV provided in an embodiment of the present invention, as shown in figure 11, On the basis of previous embodiment, the determining module 12 includes:3rd determining unit 123.
3rd determining unit 123, if it is aobvious to be located at the first completion corresponding to father's view for first stop place Show position, and second stop place is located at the second initial display position corresponding to the sub- view, and the slip Direction is upward, it is determined that the response order of the sub- view is prior to father's view.
Figure 11 shown devices can perform the method for Fig. 4 a illustrated embodiments, and the part that the present embodiment is not described in detail can The related description of reference pair Fig. 4 a illustrated embodiments.The implementation procedure and technique effect of the technical scheme are referring to implementation shown in Fig. 4 a Description in example, will not be repeated here.
Figure 12 is the structural representation of page display device embodiment five provided in an embodiment of the present invention, as shown in figure 12, On the basis of previous embodiment, the determining module 12 includes:4th determining unit 124.
4th determining unit 124, if it is aobvious to be located at the first completion corresponding to father's view for first stop place Show position, and second stop place is located at the second initial display position corresponding to the sub- view, and the slip Direction is downward, it is determined that the response order of father's view is prior to the sub- view.
Figure 12 shown devices can perform the method for Fig. 5 a illustrated embodiments, and the part that the present embodiment is not described in detail can The related description of reference pair Fig. 5 a illustrated embodiments.The implementation procedure and technique effect of the technical scheme are referring to implementation shown in Fig. 5 a Description in example, will not be repeated here.
Figure 13 is the structural representation of page display device embodiment six provided in an embodiment of the present invention, as shown in figure 13, On the basis of previous embodiment, the control module 13 includes:First control unit 131, the second control unit 132.
First control unit 131, if being upward for the glide direction, the sub- view is the leaf in the page View, and the sliding distance has caused the sub- view to be located at the second completion display location corresponding to the sub- view, Then continuation is pulled up the frame of the sub- view according to the sliding distance.
Second control unit 132, if for detecting that the slide terminates, sub- view described in resilience to described Two complete display location.
Figure 13 shown devices can perform the method for Fig. 6 a illustrated embodiments, and the part that the present embodiment is not described in detail can The related description of reference pair Fig. 6 a illustrated embodiments.The implementation procedure and technique effect of the technical scheme are referring to implementation shown in Fig. 6 a Description in example, will not be repeated here.
Figure 14 is the structural representation of page display device embodiment seven provided in an embodiment of the present invention, as shown in figure 14, On the basis of previous embodiment, the control module 13 includes:3rd control unit 133, the 4th control unit 134.
3rd control unit 133, if being downward for the glide direction, father's view is that the root in the page regards Figure, and the sliding distance has caused father's view to be located at the first initial display position corresponding to father's view, then Continuation stretches downwards the frame of father's view according to the sliding distance.
4th control unit 134, if for detecting that the slide terminates, father's view described in resilience to described One initial display position.
Figure 14 shown devices can perform the method for Fig. 7 a illustrated embodiments, and the part that the present embodiment is not described in detail can The related description of reference pair Fig. 7 a illustrated embodiments.The implementation procedure and technique effect of the technical scheme are referring to implementation shown in Fig. 7 a Description in example, will not be repeated here.
Device embodiment described above is only schematical, wherein the unit illustrated as separating component can To be or may not be physically separate, it can be as the part that unit is shown or may not be physics list Member, you can with positioned at a place, or can also be distributed on multiple NEs.It can be selected according to the actual needs In some or all of module realize the purpose of this embodiment scheme.Those of ordinary skill in the art are not paying creativeness Work in the case of, you can to understand and implement.
The built-in function and structure of page display device are the foregoing described, in a possible design, page display dress The structure put can realize that for an electronic equipment, the electronic equipment be such as server, and as shown in figure 15, the electronic equipment can wrap Include:Processor 21 and memory 22.Wherein, the memory 22, which is used to store, supports page display device to perform any of the above-described reality The program of the page display method provided in example is applied, the processor 21 is configurable for performing and stored in the memory 22 Program.
Described program includes one or more computer instruction, wherein, one or more computer instruction is described Processor 21 can realize following steps when performing:
The slide triggered in response to user to the page, obtain the first stop place and the son of father's view in the page Second stop place of view;
According to glide direction, first stop place and second stop place corresponding to the slide, really Fixed father's view and the sub- view respond the response order of the slide;
According to response order, according to sliding distance corresponding to the glide direction and the slide, to described Father's view and the sub- view carry out display control.
Alternatively, the processor 21 is additionally operable to perform all or part of step in aforementioned approaches method step.
Wherein, communication interface 23 can also be included in the structure of the page display device, for page display device with Other equipment or communication.
In addition, the embodiments of the invention provide a kind of computer-readable storage medium, for storing used in page display device Computer software instructions, it, which is included, is used to perform the program in above-mentioned each method embodiment involved by page display method.
Through the above description of the embodiments, those skilled in the art can be understood that each embodiment can Realized by the mode of general hardware platform necessary to add, naturally it is also possible to come real by way of hardware and software combination It is existing.Based on such understanding, the part that above-mentioned technical proposal substantially contributes to prior art in other words can be with calculating The form of machine product embodies, and the present invention can use the meter for wherein including computer usable program code in one or more The computer journey that calculation machine usable storage medium is implemented on (including but is not limited to magnetic disk storage, CD-ROM, optical memory etc.) The form of sequence product.
The present invention is the flow with reference to method according to embodiments of the present invention, equipment (system) and computer program product Figure and/or block diagram describe.It should be understood that can be by every first-class in computer program instructions implementation process figure and/or block diagram Journey and/or the flow in square frame and flow chart and/or block diagram and/or the combination of square frame.These computer programs can be provided The processors of all-purpose computer, special-purpose computer, Embedded Processor or other programmable data processing devices is instructed to produce A raw machine so that produced by the instruction of computer or the computing device of other programmable data processing devices for real The device for the function of being specified in present one flow of flow chart or one square frame of multiple flows and/or block diagram or multiple square frames.
These computer program instructions, which may be alternatively stored in, can guide computer or other programmable data processing devices with spy Determine in the computer-readable memory that mode works so that the instruction being stored in the computer-readable memory, which produces, to be included referring to Make the manufacture of device, the command device realize in one flow of flow chart or multiple flows and/or one square frame of block diagram or The function of being specified in multiple square frames.
These computer program instructions can be also loaded into computer or other programmable data processing devices so that counted Series of operation steps is performed on calculation machine or other programmable devices to produce computer implemented processing, so as in computer or The instruction performed on other programmable devices is provided for realizing in one flow of flow chart or multiple flows and/or block diagram one The step of function of being specified in individual square frame or multiple square frames.
In a typical configuration, computing device includes one or more processors (CPU), input/output interface, net Network interface and internal memory.
Internal memory may include computer-readable medium in volatile memory, random access memory (RAM) and/or The forms such as Nonvolatile memory, such as read-only storage (ROM) or flash memory (flash RAM).Internal memory is computer-readable medium Example.
Computer-readable medium includes permanent and non-permanent, removable and non-removable media can be by any method Or technology come realize information store.Information can be computer-readable instruction, data structure, the module of program or other data. The example of the storage medium of computer includes, but are not limited to phase transition internal memory (PRAM), static RAM (SRAM), moved State random access memory (DRAM), other kinds of random access memory (RAM), read-only storage (ROM), electric erasable Programmable read only memory (EEPROM), fast flash memory bank or other memory techniques, read-only optical disc read-only storage (CD-ROM), Digital versatile disc (DVD) or other optical storages, magnetic cassette tape, the storage of tape magnetic rigid disk or other magnetic storage apparatus Or any other non-transmission medium, the information that can be accessed by a computing device available for storage.Define, calculate according to herein Machine computer-readable recording medium does not include temporary computer readable media (transitory media), such as data-signal and carrier wave of modulation.
Finally it should be noted that:The above embodiments are merely illustrative of the technical solutions of the present invention, rather than its limitations;Although The present invention is described in detail with reference to the foregoing embodiments, it will be understood by those within the art that:It still may be used To be modified to the technical scheme described in foregoing embodiments, or equivalent substitution is carried out to which part technical characteristic; And these modification or replace, do not make appropriate technical solution essence depart from various embodiments of the present invention technical scheme spirit and Scope.
The present invention discloses A1, a kind of page display method, including:
The slide triggered in response to user to the page, obtain the first stop place and the son of father's view in the page Second stop place of view;
According to glide direction, first stop place and second stop place corresponding to the slide, really Fixed father's view and the sub- view respond the response order of the slide;
According to response order, according to sliding distance corresponding to the glide direction and the slide, to described Father's view and the sub- view carry out display control.
A2, the method according to A1, the glide direction according to corresponding to the slide, first stop place Put with second stop place, determine that father's view and the sub- view respond the response order of the slide, bag Include:
If first stop place, which is located at the first initial display position corresponding to father's view and first, completes display Between position, or first stop place is located at first initial display position, it is determined that in the glide direction, The response order of father's view is prior to the sub- view.
A3, the method according to A1, the glide direction according to corresponding to the slide, first stop place Put with second stop place, determine that father's view and the sub- view respond the response order of the slide, bag Include:
If first stop place is located at the first completion display location corresponding to father's view, and described second stops Stay position be located at the second initial display position corresponding to the sub- view and second complete display location between or described second Display location is completed positioned at described second in stop place, it is determined that in the glide direction, the response order of the sub- view Prior to father's view.
A4, the method according to A1, the glide direction according to corresponding to the slide, first stop place Put with second stop place, determine that father's view and the sub- view respond the response order of the slide, bag Include:
If first stop place is located at the first completion display location corresponding to father's view, and described second stops Position is stayed to be located at the second initial display position corresponding to the sub- view, and the glide direction is upward, it is determined that described The response order of sub- view is prior to father's view.
A5, the method according to A1, the glide direction according to corresponding to the slide, first stop place Put with second stop place, determine that father's view and the sub- view respond the response order of the slide, bag Include:
If first stop place is located at the first completion display location corresponding to father's view, and described second stops Position is stayed to be located at the second initial display position corresponding to the sub- view, and the glide direction is downward, it is determined that described The response order of father's view is prior to the sub- view.
A6, the method according to any one of A1 to A5, the sliding distance include:
The user first sliding distance caused by during continuously contact touch-screen, and do not connect according to the user The second sliding distance that instantaneous linear velocity and default resistance factor when touching the touch-screen determine.
A7, the method according to any one of A1 to A5, it is described according to response order, according to the glide direction With the slide corresponding to sliding distance, display control is carried out to father's view and the sub- view, including:
If the glide direction is upward, the sub- view be the page in leaf view, and it is described slide away from From causing the sub- view be located at corresponding to the sub- view second and complete display location, then continue according to the slip away from From the frame for being pulled up the sub- view.
A8, the method according to A7, methods described also include:
If detecting, the slide terminates, and sub- view described in resilience to described second completes display location.
A9, the method according to any one of A1 to 5, it is described according to response order, according to the glide direction With the slide corresponding to sliding distance, display control is carried out to father's view and the sub- view, including:
If the glide direction is downward, father's view is the Root View in the page, and the sliding distance So that father's view is located at the first initial display position corresponding to father's view, then continue according to the sliding distance The frame of father's view is stretched downwards.
A10, the method according to A9, methods described also include:
If detecting, the slide terminates, father's view described in resilience to first initial display position.
Invention additionally discloses B11, a kind of page display device, including:
Acquisition module, for the slide triggered in response to user to the page, obtain of father's view in the page One stop place and the second stop place of sub- view;
Determining module, for glide direction, first stop place and described according to corresponding to the slide Two stop places, determine that father's view and the sub- view respond the response order of the slide;
Control module, for according to response order, being slided according to corresponding to the glide direction and the slide Dynamic distance, display control is carried out to father's view and the sub- view.
B12, the device according to B11, the determining module include:
First determining unit, if being located at the first initial display position corresponding to father's view for first stop place Put between the first completion display location, or first stop place is located at first initial display position, it is determined that In the glide direction, the response order of father's view is prior to the sub- view.
B13, the device according to B11, the determining module also include:
Second determining unit, if being located at the first completion corresponding to father's view for first stop place shows position Put, and second stop place is located at the second initial display position corresponding to the sub- view and second and completes display location Between or second stop place positioned at described second complete display location, it is determined that it is described in the glide direction The response order of sub- view is prior to father's view.
B14, the device according to B11, the determining module include:
3rd determining unit, if being located at the first completion corresponding to father's view for first stop place shows position Put, and second stop place is located at the second initial display position corresponding to the sub- view, and the glide direction To be upward, it is determined that the response order of the sub- view is prior to father's view.
B15, the device according to B11, the determining module include:
4th determining unit, if being located at the first completion corresponding to father's view for first stop place shows position Put, and second stop place is located at the second initial display position corresponding to the sub- view, and the glide direction To be downward, it is determined that the response order of father's view is prior to the sub- view.
B16, the device according to any one of B11 to B15, the really sliding distance include:
The user first sliding distance caused by during continuously contact touch-screen, and do not connect according to the user The second sliding distance that instantaneous linear velocity and default resistance factor when touching the touch-screen determine.
B17, the device according to any one of B11 to B15, the control module include:
First control unit, if being upward for the glide direction, the sub- view is that the leaf in the page regards Figure, and the sliding distance has caused the sub- view to be located at the second completion display location corresponding to the sub- view, then Continuation is pulled up the frame of the sub- view according to the sliding distance.
B18, the device according to B17, the control module also include:
Second control unit, if for detecting that the slide terminates, sub- view described in resilience to described second Complete display location.
B19, the device according to any one of B11 to B15, the control module include:
3rd control unit, if being downward for the glide direction, father's view is the Root View in the page, And the sliding distance has caused father's view to be located at the first initial display position corresponding to father's view, then continues Stretch the frame of father's view downwards according to the sliding distance.
B20, the device according to B19, the control module also include:
4th control unit, if for detecting that the slide terminates, father's view described in resilience to described first Initial display position.
The invention also discloses C21, a kind of electronic equipment, including memory and processor;Wherein,
The memory is used to store one or more computer instruction, wherein, one or more computer instruction By page display method of the realization as any one of A1 to A10 during the computing device.
The invention also discloses D22, a kind of computer-readable recording medium for being stored with computer program, the computer Program makes computer realize the page display method as any one of A1 to A10 when performing.

Claims (10)

  1. A kind of 1. page display method, it is characterised in that including:
    The slide triggered in response to user to the page, obtain the first stop place of father's view in the page and sub- view The second stop place;
    According to glide direction, first stop place and second stop place corresponding to the slide, institute is determined State father's view and the sub- view responds the response order of the slide;
    According to response order, according to sliding distance corresponding to the glide direction and the slide, the father is regarded Figure and the sub- view carry out display control.
  2. 2. according to the method for claim 1, it is characterised in that the glide direction according to corresponding to the slide, First stop place and second stop place, determine that father's view and the sub- view respond the slide Response order, including:
    If first stop place, which is located at the first initial display position corresponding to father's view and first, completes display location Between, or first stop place is located at first initial display position, it is determined that it is described in the glide direction The response order of father's view is prior to the sub- view.
  3. 3. according to the method for claim 1, it is characterised in that the glide direction according to corresponding to the slide, First stop place and second stop place, determine that father's view and the sub- view respond the slide Response order, including:
    If first stop place is located at the first completion display location corresponding to father's view, and second stop place Setting in the second initial display position corresponding to the sub- view and second complete display location between or it is described second stop Display location is completed positioned at described second in position, it is determined that in the glide direction, the response order of the sub- view is preferential In father's view.
  4. 4. according to the method for claim 1, it is characterised in that the glide direction according to corresponding to the slide, First stop place and second stop place, determine that father's view and the sub- view respond the slide Response order, including:
    If first stop place is located at the first completion display location corresponding to father's view, and second stop place Setting in the second initial display position corresponding to the sub- view, and the glide direction is upward, it is determined that the son regards The response order of figure is prior to father's view.
  5. 5. according to the method for claim 1, it is characterised in that the glide direction according to corresponding to the slide, First stop place and second stop place, determine that father's view and the sub- view respond the slide Response order, including:
    If first stop place is located at the first completion display location corresponding to father's view, and second stop place Setting in the second initial display position corresponding to the sub- view, and the glide direction is downward, it is determined that the father regards The response order of figure is prior to the sub- view.
  6. 6. method according to any one of claim 1 to 5, it is characterised in that the sliding distance includes:
    The user first sliding distance caused by during continuously contact touch-screen, and institute is not being contacted according to the user The second sliding distance that instantaneous linear velocity and default resistance factor when stating touch-screen determine.
  7. 7. method according to any one of claim 1 to 5, it is characterised in that it is described according to the response order, according to Sliding distance corresponding to the glide direction and the slide, display control is carried out to father's view and the sub- view System, including:
    If the glide direction is upward, the sub- view is the leaf view in the page, and the sliding distance is Through causing the sub- view is located at corresponding to the sub- view second to complete display location, then continue according to the sliding distance to The frame of the upper stretching sub- view.
  8. 8. according to the method for claim 7, it is characterised in that methods described also includes:
    If detecting, the slide terminates, and sub- view described in resilience to described second completes display location.
  9. 9. method according to any one of claim 1 to 5, it is characterised in that it is described according to the response order, according to Sliding distance corresponding to the glide direction and the slide, display control is carried out to father's view and the sub- view System, including:
    If the glide direction is downward, father's view is the Root View in the page, and the sliding distance is So that father's view is located at the first initial display position corresponding to father's view, then continue downward according to the sliding distance Stretch the frame of father's view.
  10. A kind of 10. page display device, it is characterised in that including:
    Acquisition module, for the slide triggered in response to user to the page, obtain father's view in the page first stops Stay position and the second stop place of sub- view;
    Determining module, stop for glide direction, first stop place and described second according to corresponding to the slide Position is stayed, determines that father's view and the sub- view respond the response order of the slide;
    Control module, for according to the response order, according to corresponding to the glide direction and the slide slide away from From to father's view and the sub- view progress display control.
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 true CN107402700A (en) 2017-11-28
CN107402700B 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)

Cited By (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108664309A (en) * 2018-05-16 2018-10-16 成都天翼空间科技有限公司 A kind of long method for exhibiting data and system based on Android terminal
CN108958612A (en) * 2018-06-14 2018-12-07 北京字节跳动网络技术有限公司 Control method, control page method, system, equipment and the computer readable storage medium of page sliding
CN109492178A (en) * 2018-11-05 2019-03-19 腾讯科技(深圳)有限公司 A kind of method and device of switch view
CN110099162A (en) * 2019-03-18 2019-08-06 努比亚技术有限公司 A kind of page display processing method and wearable device
CN111475088A (en) * 2019-01-23 2020-07-31 百度在线网络技术(北京)有限公司 Page scrolling method and device, storage medium and terminal equipment
CN112114723A (en) * 2020-09-24 2020-12-22 北京字跳网络技术有限公司 Page sliding method and device and electronic equipment
CN112214155A (en) * 2020-06-09 2021-01-12 北京沃东天骏信息技术有限公司 View information playing method, device, equipment and storage medium
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

Cited By (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN108664309A (en) * 2018-05-16 2018-10-16 成都天翼空间科技有限公司 A kind of long method for exhibiting data and system based on Android terminal
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
CN108958612A (en) * 2018-06-14 2018-12-07 北京字节跳动网络技术有限公司 Control method, control page method, system, equipment and the computer readable storage medium of page sliding
CN109492178A (en) * 2018-11-05 2019-03-19 腾讯科技(深圳)有限公司 A kind of method and device of switch view
CN111475088A (en) * 2019-01-23 2020-07-31 百度在线网络技术(北京)有限公司 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
CN110099162A (en) * 2019-03-18 2019-08-06 努比亚技术有限公司 A kind of page display processing method and wearable device
CN112214155A (en) * 2020-06-09 2021-01-12 北京沃东天骏信息技术有限公司 View information playing method, device, equipment and storage medium
CN112214155B (en) * 2020-06-09 2022-04-26 北京沃东天骏信息技术有限公司 View information playing method, device, equipment and storage medium
CN112114723A (en) * 2020-09-24 2020-12-22 北京字跳网络技术有限公司 Page sliding method and device and electronic equipment
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

Also Published As

Publication number Publication date
CN107402700B (en) 2020-06-09

Similar Documents

Publication Publication Date Title
CN107402700A (en) Page display method and device
US10095389B2 (en) Gesture-based on-chart data filtering
US10261982B2 (en) Asynchronous execution of animation tasks for a GUI
KR101911034B1 (en) Organizing graphical representations on computing devices
CN107577821A (en) The method, apparatus and equipment of a kind of information recommendation
US9582482B1 (en) Providing an annotation linking related entities in onscreen content
CN105573639B (en) For triggering the method and system of the display of application
US20140282221A1 (en) Methods and apparatus for window displaying
CN105144058B (en) Prompt is placed in delay
CN106547420A (en) A kind of page processing method and device
CN109697265B (en) Page returning method and device
US20140208259A1 (en) System and method for retrieving data based on scrolling velocity
CN107707452A (en) For the information displaying method, device and electronic equipment of expression
CN110516418A (en) A kind of operation user identification method, device and equipment
CN104462516B (en) A kind of information cuing method and mobile terminal
US10777019B2 (en) Method and apparatus for providing 3D reading scenario
CN107194213A (en) A kind of personal identification method and device
WO2016150323A1 (en) Method and device for loading operation interface
WO2017215449A1 (en) Display element generating method, display element generating apparatus, display element, and communication software
CN109240769A (en) A kind of method and terminal device of start by set date application page
US11836066B2 (en) Systems and methods for altering a graphical user interface
CN106155524A (en) Page control method and device
CN108304127A (en) A kind of method and device of information input
CN107491297A (en) Drop-down refreshes the implementation method and device at APP interfaces
CN109660659A (en) A kind of mobile phone operation method and system

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
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.

GR01 Patent grant
GR01 Patent grant