INTERFACE DISPLAY METHOD, APPARATUS, AND STORAGE MEDIUM

Information

  • Patent Application
  • 20170185257
  • Publication Number
    20170185257
  • Date Filed
    November 29, 2016
    7 years ago
  • Date Published
    June 29, 2017
    6 years ago
Abstract
An interface display method, apparatus, and storage medium are provided. The interface display method includes: receiving a first sliding signal acting on a user interface; translating and displaying an interface content in the user interface according to the first sliding signal; and when the interface content is translated to a scrolling area at an edge of the user interface, displaying the interface content in the scrolling area in a scrolling manner, the scrolling manner being a display manner in which the interface content is projected on a plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space.
Description
CROSS REFERENCE TO RELATED APPLICATIONS

The application is based upon and claims priority to Chinese Patent Application No. 201510984779.X, filed on Dec. 24, 2015, the entire contents of which are incorporated herein by reference.


TECHNICAL FIELD

The present disclosure relates to the field of mobile terminals, and more particularly to an interface display method, apparatus, and storage medium.


BACKGROUND

If there are too many interface contents to be displayed by a mobile terminal, due to the size limitation of the screen of the mobile terminal, it is often impossible to display all the interface contents in the user interface.


Typically, a user may operate the mobile terminal by performing a sliding operation to display hidden interface contents in the user interface. For example, when the mobile terminal receives an upward sliding signal acting on the user interface, the interface contents in the user interface may slide upwardly accordingly. As such, the interface contents which were hidden below the user interface can slide upwardly and thus be displayed in the user interface.


SUMMARY

The present disclosure provides an interface display method, apparatus, and storage medium as follow.


According to a first aspect of embodiments of the present disclosure, an interface display method is provided. The method includes: receiving a first sliding signal acting on a user interface; translating and displaying an interface content in the user interface according to the first sliding signal; and displaying, in a scrolling area at an edge of the user interface, the interface content in a scrolling manner when the interface content is translated to the scrolling area, wherein the scrolling manner is a display manner in which the interface content is projected on a plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space.


According to a second aspect of the embodiments of the present disclosure, an interface display apparatus is provided, including: a processor; and a memory for storing instructions executable by the processor. The processor is configured to: receive a first sliding signal acting on a user interface; translate and display an interface content in the user interface according to the first sliding signal; and display, in a scrolling area at an edge of the user interface, the interface content in a scrolling manner when the interface content is translated to the scrolling area, wherein the scrolling manner is a display manner in which the interface content is projected on a plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space.


According to a third aspect of the embodiments of the present disclosure, there is provided a non-transitory computer-readable storage medium having stored therein instructions that, when executed by a processor of a mobile terminal, causes the mobile terminal to perform an interface display method. The method includes: receiving a first sliding signal acting on a user interface; translating and displaying an interface content in the user interface according to the first sliding signal; and displaying, in a scrolling area at an edge of the user interface, the interface content in a scrolling manner when the interface content is translated to the scrolling area, wherein the scrolling manner is a display manner in which the interface content is projected on a plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space.


It is to be understood that both the foregoing general description and the following detailed description are exemplary only and are not restrictive of the present disclosure.





BRIEF DESCRIPTION OF THE DRAWINGS

The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the disclosure and, together with the description, serve to explain the principles of the disclosure.



FIG. 1 is a schematic diagram of a scrolling area involved in an interface display method according to some exemplary embodiments;



FIG. 2 is a flowchart of an interface display method according to an exemplary embodiment.



FIG. 3A is a flowchart of an interface display method according to another exemplary embodiment.



FIG. 3B is a schematic diagram of presentation of a user interface by a mobile terminal according to another exemplary embodiment.



FIG. 3C is a schematic diagram of a scrolling path according to another exemplary embodiment.



FIG. 3D is a schematic diagram of scrolling display of an interface content in a scrolling area according to another exemplary embodiment.



FIG. 3E is a schematic diagram of a scrolling distance and a projection distance according to another exemplary embodiment.



FIG. 3F is a flowchart of another interface display method according to another exemplary embodiment.



FIG. 3G is a schematic diagram of scrolling of an interface content out of a scrolling area according to another exemplary embodiment.



FIG. 3H is a schematic diagram of filling a preset filling content in a blank area according to another exemplary embodiment.



FIG. 4 is a flowchart of an interface display method according to an exemplary embodiment.



FIG. 5 is a flowchart of an interface display method according to another exemplary embodiment.



FIG. 6 is a block diagram of an interface display apparatus according to an exemplary embodiment.



FIG. 7 is a block diagram of an interface display apparatus according to another exemplary embodiment.



FIG. 8 is a block diagram of an interface display apparatus according to an exemplary embodiment.



FIG. 9 is a block diagram of an interface display apparatus according to another exemplary embodiment.



FIG. 10 is a block diagram of an interface display apparatus according to an exemplary embodiment.





DETAILED DESCRIPTION

Here, exemplary embodiments will be described in detail, examples of which are illustrated in the accompanying drawings. The following description refers to the accompanying drawings in which the same or similar numbers in different drawings represent the same or similar elements unless otherwise indicated. The implementations set forth in the following description of exemplary embodiments do not represent all implementations consistent with the present disclosure. Instead, they are merely examples of apparatuses and methods consistent with aspects related to the present disclosure as recited in the appended claims.


A mobile terminal may display an interface content to a user through a user interface. For example, in a browser, a mobile terminal may display a web page content to a user through a user interface. As another example, in e-book reader software, a mobile terminal may display a content in an e-book to a user through a user interface. As still another example, in a social network application, a mobile terminal may display news of good friends to a user through a user interface. During practical implementation, the user interface may occupy the whole screen of a mobile terminal and may also occupy partial screen of the mobile terminal, which is not limited in this embodiment.


In interface display methods provided in various exemplary embodiments of the present disclosure, the user interface may include at least one scrolling area at its edge. For example, the user interface may include a scrolling area at least one of the upper edge, the lower edge, the left edge and the right edge of the user interface. Taking the user interface including two scrolling areas simultaneously as an example, referring to FIG. 1, the user interface may include a first scrolling area 11 at the lower edge and a second scrolling area 12 at the upper edge.


The scrolling area is an area in the user interface between a scrolling line and the screen edge at the side closest to the scrolling line. The scrolling line may be any one of a straight line, a polyline and a curved line. For example, referring to FIG. 1, the scrolling line may be a scrolling line 13 with a polyline shape corresponding to the first scrolling area 11 in the figure and may also be a scrolling line 14 with a curved line shape corresponding to the second scrolling area 12 in the figure.


Optionally, the scrolling line in various exemplary embodiments of the present disclosure may be a virtual and invisible line and merely used for delimiting the scrolling area. During practical implementation, the distance from the scrolling line to the screen edge may be smaller than a preset threshold. For example, taking the scrolling area being the first scrolling area 11 in FIG. 1 as an example, the distance from the scrolling line 13 to the screen edge may be smaller than ⅕ of the screen length.



FIG. 2 is a flowchart of an interface display method according to an exemplary embodiment. As shown in FIG. 2, the interface display method includes the following steps.


In step 201, a first sliding signal acting on a user interface is received.


In step 202, an interface content in the user interface is translated and displayed according to the first sliding signal.


In step 203, when the interface content is translated to a scrolling area at an edge of the user interface, the interface content is displayed in the scrolling area in a scrolling manner.


The scrolling manner is a display manner in which the interface content is projected on a plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space.


In summary, in the interface display method provided in the embodiment of the present disclosure, when an interface content is translated to a scrolling area at an edge of the user interface, the interface content is displayed in the scrolling area in a scrolling manner. The scrolling manner is a display manner in which the interface content is projected on the plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space. As such, it avoids that an interface content may disappear suddenly when the interface content slides to the edge of a user interface, and the interface content can be displayed in a scrolling manner in the scrolling area at the edge and disappear from the user interface smoothly.



FIG. 3A is a flowchart of an interface display method according to an exemplary embodiment. As shown in FIG. 3A, the interface display method includes the following steps.


In step 301, a user interface is displayed.


For example, when a user views the per capita consumption level of province A in each month of the first two quarters through a browser in a mobile terminal, the mobile terminal may present the interface shown in FIG. 3B.


In step 302, a first sliding signal acting on the user interface is received.


The first sliding signal may be a sliding signal of sliding upwardly, sliding downwardly, sliding to the left or sliding to the right.


For example, referring additionally to FIG. 3B, when a user wants to view the interface content displayed in a hidden manner at the upper side of the user interface, the user may apply on the user interface a first sliding signal of sliding downwardly. Correspondingly, the mobile terminal may receive the first sliding signal of sliding downwardly. The interface content displayed in a hidden manner in the user interface refers to a content hidden in the user interface on a side opposite to the sliding direction of the first sliding signal.


In step 303, the interface content is translated and displayed in the sliding direction of the first sliding signal at a sliding speed corresponding to the first sliding signal.


Here, translating and displaying refers to translating the interface content in the sliding direction of the first sliding signal and displaying the same.


Taking the sliding speed corresponding to the first sliding signal (i.e., the sliding speed of the user's finger) being vuser as an example, the mobile terminal may translate and display the interface content in the sliding direction of the first sliding signal according to vuser.


It should be noted that: if before the translating and displaying there is an interface content displayed in a hidden manner on a side opposite to the sliding direction of the first sliding signal in the user interface due to size limitation of the user interface, then during the translating and displaying the interface content hidden on the side opposite to the sliding direction of the first sliding signal in the user interface may enter the screen from the outside of the screen in a translation manner, and the interface content in the user interface on a side corresponding to the sliding direction of the first sliding signal may move out of the screen accordingly.


In step 304, when the interface content moves to a scrolling area at an edge of the user interface, the interface content which scrolls along a scrolling path is displayed according to the sliding speed of the first sliding signal.


The scrolling area is an area located between the scrolling line of the user interface and the screen edge at the side closest to the scrolling line, and the scrolling line is any one of a straight line, a polyline and a curved line.


The scrolling path is a curved path or a polyline path. The curved path includes any one of a helical path, a fan-shaped path, an elliptic fan-shaped path, a hyperbolic path and a parabolic path. The polyline path is formed by connecting a start point, an end point and n intermediate points in the three dimensional space according to a preset connection order, and n is an integer greater than or equal to 0.


For example, referring to FIG. 1), FIG. 2) and FIG. 3) in FIG. 3C (taking the scrolling line being a straight line as an example), the scrolling path is illustrated as an elliptic fan-shaped path 31, a parabolic path 32 and a polyline path 33 respectively. The fan-shaped path is similar to the elliptic fan-shaped path, and the difference lies in that the radii corresponding to two ends of an arc in the fan-shaped path are the same and the radii corresponding to two ends of an arc in the elliptic fan-shaped are different.


Taking the scrolling path being an elliptic fan-shaped path as an example, referring to FIG. 3D (taking the scrolling line being a straight line as an example in the figure), when the interface content is translated to the scrolling area, the interface content entering the scrolling area 34 is displayed in the scrolling area 34 in a scrolling manner. The scrolling manner is a display manner in which the interface content which enters the scrolling area 34 is projected on a plane 35 of the scrolling area 34 when the interface content entering the scrolling area scrolls and retracts along the elliptic fan-shaped path in a three dimensional space.


The scrolling speed of the interface content in the scrolling area is the sliding speed of the first sliding signal, that is, the sliding speed of the interface content is vuser.


In step 305, when the first sliding signal ends, translation of the interface content to the scrolling area is stopped.


It should be noted that step 303 is just described by way of example as the mobile terminal translating and displaying the interface content according to the sliding speed of the first sliding signal.


Optionally, in a possible implementation, step 303 may be replaced with: displaying the interface content according to a first speed, the first speed being inversely related to a projection distance of a scrolling distance on the plane of the scrolling area, the scrolling distance being a distance which the interface content scrolls along the scrolling path.


Referring to FIG. 3E, an arc segment AB is the scrolling distance, and a straight segment CD is the projection distance of the scrolling distance on the plane 35 of the scrolling area 34.


The translation speed of the interface content may reduce as the translation distance of the interface content increases, and reduce to zero when the interface content moves to a preset location.


Optionally, the first speed vi may be:







v
i

=



v
user

*

(

1
-


d
i


d
user



)






or






v
i


=


v
user

*


(

1
-


(


d
i


d
user


)

2


)

.







Here, vuser is the sliding speed of the first sliding signal, duser is the sliding distance of the user's finger from a start where a preset content in the interface content contacts the scrolling line to an end where the content reaches a preset location, and di is the projection distance of the interface content which enters the scrolling area at time t on the plane of the scrolling area.


The preset content may be a content at a trigger location in the user interface corresponding to the first sliding signal or a content in the user interface which is furthest from the scrolling area. The preset location may be a fixed location in the user interface, such as at the scrolling line, and may also be a location offset from the fixed location by a target length. Taking the preset location being the latter as an example, the preset location may be a location where the preset content exists after it reaches the scrolling line and then moves a preset multiple of the finger movement distance. For example, the finger movement distance is d, the preset multiple is ½, then the preset location is a location where the preset content exists after reaching the scrolling line and then moving ½d.


After step 303 is replaced as above, step 304 may be accordingly replaced with: displaying, according to a first speed, the interface content which scrolls along the scrolling path, the first speed being inversely related to a projection distance of a scrolling distance on the plane of the scrolling area, the scrolling distance being a distance which the interface content scrolls along the scrolling path.


The scrolling speed of the interface content may reduce as the translation distance of the interface content increases, and reduce to zero when a preset content in the interface content moves to a preset location. Optionally, the first speed vi may be:







v
i

=



v
user

*

(

1
-


d
i


d
user



)






or






v
i


=


v
user

*


(

1
-


(


d
i


d
user


)

2


)

.







Here, vuser is the sliding speed of the first sliding signal, duser is the sliding distance of the user's finger from a start where a preset content in the interface content contacts the scrolling line to an end where the content reaches a preset location, and di is the projection distance of the interface content which enters the scrolling area at time t on the plane of the scrolling area.


After the above replacement, step 305 may be replaced with: when a preset content in the interface moves to a preset location in the user interface, stopping translating the interface content to the scrolling area, the preset content being a content at a trigger location in the user interface corresponding to the sliding signal or a content in the user interface which is furthest from the scrolling area.


For example, taking the preset location being a location where the preset content exists after it reaches the scrolling line and then moves a preset multiple of a finger movement distance as an example, then after the preset content moves to the scrolling line and continues moving ½d, translation of the interface content to the scrolling area is stopped. Here, d is the movement distance of the finger when the user applies the first sliding signal.


As another example, taking the case where the preset content is a content among interface contents in the user interface which is farthest from the scrolling area and the preset location is the scrolling line as an example, in the user interface shown in FIG. 3B, when the interface content hidden at the uppermost side of the user interface is translated to the scrolling line, translation of the interface content to the scrolling area is stopped.


In another possible implementation, step 303 may be replaced with: translating and displaying, according to a first preset initial speed and a first preset acceleration, the interface content in a uniformly decelerated manner.


The translation speed of the interface content may also be a speed which has the first preset initial speed as its initial speed and decreases uniformly according to the first preset acceleration. Taking the first preset initial speed being the sliding speed vuser of the first sliding signal and the first preset acceleration being a as an example, the translation speed vi is:










v
i

=


v
user

-


a
*


t







(

t



v
user

a


)

.







After step 303 is replaced as above, step 304 may be replaced with: displaying, according to a first preset initial speed and a first preset acceleration, the interface content which scrolls along the scrolling path in a uniformly decelerated manner.


The scrolling speed of the interface content in the scrolling area may also be a speed which has the first preset initial speed as its initial speed and decreases uniformly according to the first preset acceleration. Taking the first preset initial speed being the sliding speed vuser of the first sliding signal and the first preset acceleration being a as an example, the scrolling speed vi is:










v
i

=


v
user

-


a
*


t







(

t



v
user

a


)

.







After the above replacement, step 305 may be replaced with: when the interface content slides in a decelerated manner and the sliding speed reduces to zero, stopping translating the interface content to the scrolling area.


It should be also noted that the scrolling speed vi referred to in this embodiment is a speed at which the interface content is displayed in a scrolling manner along the scrolling path in the three dimensional space, and the speed vscreen of the interface content along the movement trajectory on the plane of the scrolling area is a component of vi on the plane of the scrolling area, that is, vscreen=vi*cos θ. Here, θ is an angle between the speed direction at time t of the interface content moving along the scrolling path in the three dimensional space and a projection thereof on the plane of the scrolling area. For example, referring to FIG. 3E, the relations among vi vscreen and θ are illustrated.


In summary, in the interface display method provided in the embodiments of the present disclosure, when an interface content is translated to a scrolling area at an edge of a user interface, the interface content is displayed in the scrolling area in a scrolling manner. The scrolling manner is a display manner in which the interface content is projected on the plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space. As such, it avoids that an interface content may disappear suddenly when the interface content slides to the edge of a user interface is solved, and the interface content can be displayed in a scrolling manner in the scrolling area at the edge and disappear from the user interface smoothly.


It should be further noted that, after step 305, the mobile terminal may keep the interface content in the user interface stationary. Of course, the mobile terminal may also reversely scroll out the interface content which scrolled into the scrolling area. For example, referring to FIG. 3F, the interface display method may also include the following steps.


In step 306, after stopping translating the interface content to the scrolling area, the interface content which enters the scrolling area is displayed in the scrolling area in a reverse scrolling manner.


The reverse scrolling manner is display manner in which the interface content is projected on the plane of the scrolling area when the interface content scrolls out of the scrolling area reversely along the scrolling path in the three dimensional space. Reverse scrolling display is similar to scrolling display with the difference merely lying in that the scrolling directions of the interface content are opposite, and will not be described here redundantly.


Optionally, as a possible implementation, during the movement of the interface content, if there is a blank area at an edge on a side of the user interface opposite to the scrolling area, in order to avoid wasting display resources of the user interface, the mobile terminal may display in the scrolling area in a reverse scrolling manner the interface content which enters the scrolling area. The mobile terminal will stop reverse scrolling, when the blank area is filled with an interface content again or when the blank area reaches a preset stopping point.


As another possible implementation, if the user wants to view again the interface content which enters the scrolling area, the user may apply a second sliding signal, and the mobile terminal may receive the second sliding signal accordingly. A sliding direction of the second sliding signal is opposite to that of the first sliding signal. After receiving the second sliding signal, the interface content which enters the scrolling area is displayed in the scrolling area in a reverse scrolling manner. In this case, when the second sliding signal ends, reverse scrolling is stopped.


For example, referring to FIG. 3G, after the user applies a second sliding signal of sliding upwardly, the mobile terminal may scroll the interface content in the scrolling area out of the scrolling area along the scrolling path upwardly.


In step 307, an interface content in an area other than the scrolling area of the user interface is reversely translated and displayed.


Similar to step 306, the mobile terminal may reversely translate and display the interface content in an area other than the scrolling area of the user interface.


It should be added that the step of displaying in the scrolling area in a reverse scrolling manner the interface content which enters the scrolling area may be implemented in various manners.


In some embodiments, the interface content which scrolls out of the scrolling area reversely along the scrolling path is displayed in the scrolling area according to a preset speed.


In some embodiments, the interface content which scrolls out of the scrolling area along the scrolling path in a uniformly accelerated manner is displayed according to a second preset initial speed and a second preset acceleration.


The second preset initial speed may be zero and may also be another preset value, which is not limited in this embodiment.


Taking the second preset initial speed being zero as an example, the speed vi for the mobile terminal to scroll out the interface content reversely may be: vi=a*t, where






0

t




2

d

a






and d is a distance which the interface content moves after reaching the scrolling line.


In some embodiments, the interface content which scrolls out of the scrolling area along the scrolling path reversely is displayed according to a second speed, and the second speed varies according to a change in an output of a preset trigonometric function.


The preset trigonometric function may be a sine function or a cosine function, and the speed in this embodiment takes an absolute value of an output of the trigonometric function.


Taking the preset trigonometric function being a sine function as an example, the second speed is








v

i
=





d
s

2

*

sin


(
wt
)



,


where





0


t



π
w



,




ds is a distance from the scrolling line to an edge of the user interface on a side opposite to the sliding direction of the first sliding signal, and w is a preset scrolling rate.


In this embodiment, it is merely described by way of example that the mobile terminal scrolls the interface content which enters the scrolling area reversely in the above manner. Optionally, the mobile terminal may also do this in another manner, which is not limited in this embodiment.


It should be further added that during the movement of the interface content, if a blank area appears at an edge on a side of the user interface opposite to the scrolling area, the mobile terminal may fill and display a preset filling content in the blank area. The preset filling content may include at least one of a color, a pattern, text, a picture and promotion information.


For example, referring additionally to FIG. 3B, if the interface content hidden at the uppermost side of the user interface enters the user interface and continues moving, there will be a blank area at the upper edge of the user interface. In this case, in order to avoid the blank displaying, the mobile terminal may fill and display the preset filling content in this blank area. Taking the filling content being a pattern as an example, the mobile terminal may display the pattern shown in FIG. 3H in the blank area 36.


Optionally, as the translation of the interface content continues, the blank area will expand increasingly, and the mobile terminal may continuously fill this blank area with the preset filling content, which is not limited in this embodiment.


Filling and displaying the present filling content in the blank area avoids wasting display resources of the user interface due to the blank in the user interface. In the meanwhile, the merchant may promote products to the user by filling promotion information in this blank area, thereby increasing the number and variety of the promotion channels of the merchant.


It should also be added that when the mobile terminal displays the user interface, if some interface content in the user interface is already in the scrolling area, then the step of the mobile terminal displaying the user interface may include: in the scrolling area, displaying the interface content in the scrolling area according to a scrolling path; and within the area other than the scrolling area, displaying the interface contents in the other area in a tiled manner. This is not limited in this embodiment.


Displaying the interface content in the scrolling area of the user interface according to a scrolling path avoids that the interface content displayed in a tiled manner may be deformed when it is displayed later in a scrolling manner in the scrolling area, thereby improving user experience.



FIG. 4 is a flowchart of an interface display method according to an exemplary embodiment. The above embodiment is to display an interface content in a scrolling area in a scrolling manner when the interface content is translated to the scrolling area. Unlike the above embodiment, this embodiment is described by way of example as displaying an interface content in a scrolling area in a scrolling manner when the interface content displayed in a hidden manner in the user interface enters the scrolling area from the outside of the screen. As shown in FIG. 4, the interface display method includes the following steps.


In step 401, a sliding signal acting on a user interface is received.


In step 402, an interface content in the user interface is translated and displayed according to the sliding signal.


In step 403, when an interface content displayed in a hidden manner in the user interface enters a scrolling area at an edge of the user interface from the outside of the screen, the interface content is displayed in the scrolling area in a scrolling manner.


The scrolling manner is a display manner in which the interface content is projected on a plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space.


In summary, in the interface display method provided in the embodiment of the present disclosure, by displaying an interface content in a scrolling area in a scrolling manner when the interface content displayed in a hidden manner in a user interface enters the scrolling area at the edge from the outside of the screen, sudden interface display when the interface content just enters the screen is avoided, and the interface content can be displayed in the scrolling area in a scrolling manner and smoothly enter the user interface.



FIG. 5 is a flowchart of an interface display method according to an exemplary embodiment. The above embodiment is to display an interface content in a scrolling area in a scrolling manner when the interface content is translated to the scrolling area. Unlike the above embodiment, this embodiment is described by way of example as displaying an interface content in a scrolling area in a scrolling manner when the interface content displayed in a hidden manner in the user interface enters the scrolling area from the outside of the screen. As shown in FIG. 5, the interface display method includes the following steps.


In step 501, a user interface is displayed.


In step 502, a sliding signal acting on the user interface is received.


In step 503, an interface content is translated and displayed in the sliding direction of the sliding signal at a sliding speed corresponding to the sliding signal.


Steps 501 to 503 are similar to steps 301 to 303 in the above embodiment, and will not be described here redundantly.


In step 504, when an interface content displayed in a hidden manner in the user interface enters a scrolling area at the edge of the user interface from the outside of the screen, the interface content which scrolls along the scrolling path is displayed according to the sliding speed of the sliding signal.


When an interface content in the user interface is translated and displayed, the interface content displayed in a hidden manner in the user interface before may enter the scrolling area at the edge from the outside of the screen. The interface content displayed in a hidden manner in the user interface refers to a content hidden in the user interface on a side opposite to the sliding direction of the sliding signal.


For example, when the user slides downwardly, the interface content displayed in a hidden manner at the upper side of the user interface may enter the scrolling area at the edge of the screen.


The mobile terminal may display the interface content which enters the scrolling area in a scrolling manner. The actual display manner is similar to that in step 304 in the above embodiment, and will not be described here redundantly.


In step 505, when the sliding signal ends, translation of the interface content to the scrolling area is stopped.


It should be noted that step 503 is merely described by way of example as the mobile terminal translating and displaying the interface content according to the sliding speed of the sliding signal.


Optionally, in a possible implementation, step 503 may be replaced with: displaying the interface content according to a target speed, the target speed being inversely related to a projection distance of a scrolling distance on the plane of the scrolling area, the scrolling distance being a distance which the interface content scrolls along the scrolling path.


The translation speed of the interface content may reduce as the translation distance of the interface content increases, and reduce to zero when the interface content moves to a preset location.


Optionally, the target speed vi may be:







v
i

=



v
user

*

(

1
-


d
i


d
user



)






or






v
i


=


v
user

*


(

1
-


(


d
i


d
user


)

2


)

.







Here, vuser is the sliding speed of the sliding signal, duser is the sliding distance of the user's finger from a start where a preset content in the interface content contacts the scrolling line to an end where the content reaches a preset location, and di is the projection distance of the interface content which enters the scrolling area at time t on the plane of the user interface.


The preset content may be a content at a trigger location in the user interface corresponding to the sliding signal or a content in the user interface which is furthest from the scrolling area. The preset location may be a fixed location in the user interface, such as at the scrolling line, and may also be a location offset from the fixed location by a target length. Taking the preset location being the latter as an example, the preset location may be a location where the preset content exists after it reaches the scrolling line and then moves a preset multiple of the finger movement distance.


After step 503 is replaced as above, step 504 may be accordingly replaced with: displaying, according to a target speed, the interface content which scrolls along the scrolling path, the target speed being inversely related to a projection distance of a scrolling distance on the plane of the scrolling area, the scrolling distance being a distance which the interface content scrolls along the scrolling path.


The scrolling speed of the interface content may reduce as the translation distance of the interface content increases, and reduce to zero when a preset content in the interface content moves to a preset location. Optionally, the target speed vi may be:







v
i

=



v
user

*

(

1
-


d
i


d
user



)






or






v
i


=


v
user

*


(

1
-


(


d
i


d
user


)

2


)

.







Here, vuser is the sliding speed of the sliding signal, duser is the sliding distance of the user's finger from a start where a preset content in the interface content contacts the scrolling line to an end where the content reaches a preset location, and di is the projection distance of the interface content which enters the scrolling area at time t on the plane of the scrolling area.


After the above replacement, step 505 may be replaced with: when a preset content in the interface content moves to a preset location in the user interface, stopping translating the interface content to the scrolling area, the preset content being a content at a trigger location in the user interface corresponding to the sliding signal or a content in the user interface which is furthest from the scrolling area.


In another possible implementation, step 503 may also be replaced with: translating and displaying the interface content in a uniformly decelerated manner according to a preset initial speed and a preset acceleration.


Optionally, the translation speed of the interface content in the scrolling area may also be a speed which has the preset initial speed as its initial speed and decreases uniformly from the preset initial speed and which according to the preset acceleration.


Optionally, taking the first initial speed being the sliding speed vuser of the sliding signal and the preset acceleration being a as an example, the scrolling speed vi is:







v
i

=


v
user

-

a
*


t


(

t



v
user

a


)


.







After step 503 is replaced as above, step 504 may be replaced with: displaying, according to a preset initial speed and a preset acceleration, the interface content which scrolls along the scrolling path in a uniformly decelerated manner.


Optionally, the scrolling speed of the interface content in the scrolling area may also be a speed which has the preset initial speed as its initial speed and decelerates uniformly according to the preset acceleration.


Optionally, taking the preset initial speed being the sliding speed vuser of the sliding signal and the preset acceleration being a an example, the scrolling speed vi is:







v
i

=


v
user

-

a
*


t


(

t



v
user

a


)


.







After the above replacement, step 505 may be replaced with: when the interface content slides in a decelerated manner and the sliding speed reduces to zero, stopping translating the interface content to the scrolling area.


It should be also noted that the scrolling speed vi referred to in this step is a speed at which the interface content is displayed in a scrolling manner along the scrolling path in the three dimensional space, and the speed vscreen of the interface content along the movement trajectory on the plane of the scrolling area is a component of vi on the plane of the scrolling area, that is, vscreen=vi*cos θ. Here, θ is an angle between the speed direction at time t of the interface content moving along the scrolling path in the three dimensional space and a projection thereof on the plane of the scrolling area.


It should be further noted that when the mobile terminal displays the user interface, if some interface content in the user interface is already in the scrolling area, then the step of the mobile terminal displaying the user interface may include: in the scrolling area, displaying the interface content in the scrolling area according to a scrolling path; and within the area other than the scrolling area, displaying the interface contents in the other area in a tiled manner. This is not limited in this embodiment.


Displaying the interface content in the scrolling area of the user interface according to a scrolling path avoids that the interface content displayed in a tiled manner may be deformed when it is displayed later in a scrolling manner in the scrolling area, thereby improving user experience.


In summary, in the interface display method provided in the embodiments of the present disclosure, by displaying an interface content in a scrolling area in a scrolling manner when the interface content displayed in a hidden manner in a user interface enters the scrolling area at the edge from the outside of the screen, sudden interface display when the interface content just enters the screen is avoided, and the interface content can be displayed in the scrolling area in a scrolling manner and smoothly enter the user interface.


The following is apparatus embodiments of the present disclosure which can be used to execute the method embodiments of the present disclosure. As to details not disclosed in the apparatus embodiments of the present disclosure, reference can be made to the method embodiments of the present disclosure.



FIG. 6 is a block diagram of an interface display apparatus according to an exemplary embodiment. The interface display apparatus may be implemented as an entirety or a part of a mobile terminal by means of software, hardware, or a combination of both. As shown in FIG. 6, the interface display apparatus may include, but is not limited to, a first receiving module 601, a first display module 620 and a second display module 630.


The first receiving module 610 is configured to receive a first sliding signal acting on a user interface.


The first display module 620 is configured to translate and display an interface content in the user interface according to the first sliding signal received by the first receiving module 610.


The second display module 630 is configured to, when the interface content is translated to a scrolling area at an edge of the user interface, display the interface content in the scrolling area in a scrolling manner.


The scrolling manner is a display manner in which the interface content is projected on a plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space.


In summary, in the interface display apparatus provided in the embodiment of the present disclosure, when an interface content is translated to a scrolling area at an edge of a user interface, the interface content is displayed in the scrolling area in a scrolling manner. The scrolling manner is a display manner in which the interface content is projected on the plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space. As such, it avoids that an interface content may disappear suddenly when the interface content slides to the edge of a user interface, and the interface content can be displayed in a scrolling manner in the scrolling area at the edge and disappear from the user interface smoothly.



FIG. 7 is a block diagram of an interface display apparatus according to an exemplary embodiment. The interface display apparatus may be implemented as an entirety or a part of a mobile terminal by means of software, hardware, or a combination of both. As shown in FIG. 7, the interface display apparatus may include, but is not limited to, a first receiving module 710, a first display module 720 and a second display module 730.


The first receiving module 710 is configured to receive a first sliding signal acting on a user interface.


The first sliding signal may be a sliding signal of sliding upwardly, sliding downwardly, sliding to the left or sliding to the right.


The first display module 720 is configured to translate and display an interface content in the user interface according to the first sliding signal received by the first receiving module 710.


After the first receiving module 710 receives the first sliding signal, the first display module 720 translates and displays the interface content in the user interface according to the sliding direction of the first sliding signal.


The second display module 730 is configured to, when the interface content is translated to a scrolling area at an edge of the user interface, display the interface content in the scrolling area in a scrolling manner.


The scrolling manner is a display manner in which the interface content is projected on a plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space.


When the first display module 720 translates and displays the interface content in the user interface according to the sliding direction of the first sliding signal and the interface content moves to the scrolling line, the second display module 730 may display in the scrolling area in a scrolling manner the interface content which passes the scrolling line (that is, enters the scrolling area).


Optionally, the scrolling area is an area between a scrolling line of the user interface and the edge, the scrolling line being any one of a straight line, a polyline and a curved line.


The scrolling path is a curved path or a polyline path; the curved path includes any one of a helical path, a fan-shaped path, an elliptic fan-shaped path, a hyperbolic path and a parabolic path;


and the polyline path is formed by connecting a start point, an end point and n intermediate points in the three dimensional space according to a preset connection order, n being an integer greater than or equal to 0.


Optionally, the second display module 730 to display the interface content in the scrolling area in a scrolling manner may be implemented in various manners.


In some embodiments, the interface content which scrolls along the scrolling path is displayed according to the sliding speed of the sliding signal.


Taking the sliding speed corresponding to the first sliding signal (i.e., the sliding speed of the user's finger) being vuser as an example, the second display module 730 may display the interface content which scrolls along the scrolling path according to vuser.


In some embodiments, the interface content which scrolls along the scrolling path is displayed according to a first speed, the first speed being inversely related to a projection distance of a scrolling distance on the plane of the scrolling area, the scrolling distance being a distance which the interface content scrolls along the scrolling path.


The scrolling speed of the interface content may reduce as the translation distance of the interface content increases, and reduce to zero when a preset content in the interface content moves to a preset location. Optionally, the first speed vi may be:







v
i

=



v
user

*

(

1
-


d
i


d
user



)






or






v
i


=


v
user

*


(

1
-


(


d
i


d
user


)

2


)

.







Here, vuser is the sliding speed of the first sliding signal, duser is the sliding distance of the user's finger from a start where a preset content in the interface content contacts the scrolling line to an end where the content reaches a preset location, and di is the projection distance of the interface content which enters the scrolling area at time t on the plane of the scrolling area.


The preset content may be a content at a trigger location in the user interface corresponding to the first sliding signal or a content in the user interface which is furthest from the scrolling area. The preset location may be a fixed location in the user interface, such as at the scrolling line, and may also be a location offset from the fixed location by a target length. Taking the preset location being the latter as an example, the preset location may be a location where the preset content exists after it reaches the scrolling line and then moves a preset multiple of the finger movement distance.


In some embodiments, the interface content which scrolls along the scrolling path in a uniformly decelerated manner is displayed according to a first preset initial speed and a first preset acceleration.


Optionally, the scrolling speed of the interface content in the scrolling area may also be a speed which has the first preset initial speed as its initial speed and decreases uniformly according to the first preset acceleration.


Optionally, taking the first preset initial speed being the sliding speed vuser of the first sliding signal and the first preset acceleration being a an example, the scrolling speed vi is:







v
i

=


v
user

-

a
*
t







(

t



v
user

a


)

.







The scrolling speed vi in this embodiment is a speed at which the interface content is displayed in a scrolling manner along the scrolling path in the three dimensional space, and the speed of the interface content along the movement trajectory on the plane of the scrolling area is a component of vi on the plane of the scrolling area, that is, vscreen=vi*cos θ. Here, θ is an angle between the speed direction at time t of the interface content moving along the scrolling path in the three dimensional space and a projection thereof on the plane of the scrolling area.


It should be added that the translation speed at which the first display module 720 translates and displays the interface content is similar to the speed of the scrolling display of the second display module 730, that is, the first display module 720 may also be implemented in various manners.


In some embodiments, the first display module 720 translates and displays the interface content in the sliding direction of the first sliding signal at a sliding speed of the first sliding signal.


Taking the sliding speed corresponding to the first sliding signal (i.e., the sliding speed of the user's finger is vuser) as an example, the first display module 720 may translate and display the interface content in the sliding direction of the first sliding signal according to vuser.


In some embodiments, the interface content is translated and displayed according to a first speed, the first speed being inversely related to a projection distance of a scrolling distance on the plane of the scrolling area, the scrolling distance being a distance which the interface content scrolls along the scrolling path.


The translation speed of the interface content may reduce as the translation distance of the interface content increases, and reduce to zero when the interface content moves to a preset location. Optionally, the first speed vi may be:







v
i

=



v
user

*

(

1
-


d
i


d
user



)






or






v
i


=


v
user

*


(

1
-


(


d
i


d
user


)

2


)

.







Here, vuser is the sliding speed of the first sliding signal, duser is the sliding distance of the user's finger from a start where a preset content in the interface content contacts the scrolling line to an end where the content reaches a preset location, and di is the projection distance of the interface content which enters the scrolling area at time t on the plane of the user interface.


In some embodiments, the interface content is translated and displayed in a uniformly decelerated manner according to a first preset initial speed and a first preset acceleration.


Optionally, the translation speed of the interface content in the scrolling area may also be a speed which has the first preset initial speed as its initial speed and decreases uniformly according to the first preset acceleration.


Optionally, taking the first initial speed being the sliding speed vuser of the first sliding signal and the first preset acceleration being a an example, the scrolling speed vi is:







v
i

=


v
user

-

a
*
t







(

t



v
user

a


)

.







Optionally, the apparatus further includes a third display module 740 and a fourth display module 750.


The third display module 740 is configured to, after translation of the interface content to the scrolling area is stopped, display in the scrolling area in a reverse scrolling manner the interface content which enters the scrolling area.


The reverse scrolling manner is a display manner in which the interface content is projected on the plane of the scrolling area when the interface content scrolls out of the scrolling area reversely along the scrolling path in the three dimensional space.


Optionally, as a possible implementation, during the movement of the interface content, if there is a blank area at an edge on a side of the user interface opposite to the scrolling area, in order to avoid wasting display resources of the user interface, the third display module 740 may display in the scrolling area in a reverse scrolling manner the interface content which enters the scrolling area. In this case, reverse scrolling is stopped, when the blank area is filled with an interface content again or when the blank area reaches a preset stopping point.


The fourth display module 750 is configured to reversely translate and display an interface content in an area other than the scrolling area of the user interface.


Similar to the third display module 740, the fourth display module 750 may reversely translate and display the interface content in an area other than the scrolling area of the user interface.


Optionally, the apparatus further includes a second receiving module 760.


The second receiving module 760 is configured to receive a second sliding signal, and a sliding direction of the second sliding signal is opposite to that of the first sliding signal.


As a possible implementation, if the user wants to view again the interface content which enters the scrolling area, the user may apply a second sliding signal, and the second receiving module 760 may receive the second sliding signal accordingly. The sliding direction of the second sliding signal is opposite to that of the first sliding signal. After receiving the second sliding signal, the third display module 740 displays in the scrolling area in a reverse scrolling manner the interface content which enters the scrolling area.


Optionally, the third display module 740 to display the interface content in a reverse scrolling manner may be implemented in the following manners.


In some embodiments, the interface content which scrolls out of the scrolling area reversely along the scrolling path is displayed in the scrolling area according to a preset speed.


In some embodiments, the interface content which scrolls out of the scrolling area along the scrolling path in a uniformly accelerated manner is displayed according to a second preset initial speed and a second preset acceleration.


The second preset initial speed may be zero and may also be another preset value, which is not limited in this embodiment.


Taking the second preset initial speed being zero as an example, the speed vi for the third display module 740 to scroll out the interface content reversely may be: vi=a*t, where






0

t




2

d

a






and d is a distance which the interface content moves after reaching the scrolling line.


In some embodiments, the interface content which scrolls out of the scrolling area along the scrolling path reversely is displayed according to a second speed, and the second speed varies according to a change in an output of a preset trigonometric function.


The preset trigonometric function may be a sine function or a cosine function, and the second speed is an absolute value of an output of the trigonometric function. Taking the preset trigonometric function being a sine function as an example, the second speed may be








v

i
=





d
s

2

*

sin


(
wt
)



,


where





0


t



π
w



,




ds is a distance from the scrolling line to an edge of the user interface on a side opposite to the sliding direction of the first sliding signal, and w is a preset scrolling rate.


In this embodiment, it is merely described by way of example that the third display module 740 scrolls the interface content which enters the scrolling area reversely in the above several manners. Optionally, the third display module 740 may also do this in another manner, which is not limited in this embodiment.


Optionally, the apparatus further includes a translation stopping module 770.


The translation stopping module 770 is configured to: when the first sliding signal ends, stop translating the interface content to the scrolling area; when a preset content in the interface content moves to a preset location in the user interface, stop translating the interface content to the scrolling area, the preset content being a content at a trigger location in the user interface corresponding to the first sliding signal or a content in the user interface which is furthest from the scrolling area; or when the interface content slides in a decelerated manner and the sliding speed reduces to zero, stop translating the interface content to the scrolling area.


It should be noted that the various implementations of the above translation stopping module 770 may correspond to the various implementations of the second display module 730 respectively.


Optionally, the apparatus further includes a content filling module 780.


The content filling module 780 is configured to, during the movement of the interface content, if a blank area appears at an edge on a side of the user interface opposite to the scrolling area, fill and display a preset filling content in the blank area.


The preset filling content may include at least one of a color, a pattern, text, a picture and promotion information.


Optionally, with the translation of the interface content continues, the blank area will expand increasingly, and accordingly the content filling module 780 may continuously fill this blank area with the preset filling content, which is not limited in this embodiment.


It should be added that when the interface display apparatus displays the user interface, if some interface content in the user interface is already in the scrolling area, then the interface display apparatus displaying the user interface may include: in the scrolling area, displaying the interface content in the scrolling area according to a scrolling path; and within the area other than the scrolling area, displaying the interface content in the other area in a tiled manner. This is not limited in this embodiment.


In summary, in the interface display apparatus provided in the embodiments of the present disclosure, when an interface content is translated to a scrolling area at an edge of a user interface, the interface content is displayed in the scrolling area in a scrolling manner. The scrolling manner is a display manner in which the interface content is projected on the plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space. As such, it avoids that an interface content may disappear suddenly when the interface content slides to the edge of a user interface, and the interface content can be displayed in a scrolling manner in the scrolling area at the edge and disappear from the user interface smoothly.


Filling and displaying the present filling content in the blank area avoids wasting display resources of the user interface due to the blank in the user interface. In the meanwhile, the merchant may promote products to the user by filling promotion information in this blank area, thereby increasing the number and variety of the promotion channels of the merchant.


Displaying the interface content in the scrolling area of the user interface according to a scrolling path avoids that the interface content displayed in a tiled manner may be deformed when it is displayed later in a scrolling manner in the scrolling area, thereby improving user experience.



FIG. 8 is a block diagram of an interface display apparatus according to an exemplary embodiment. The interface display apparatus may be implemented as an entirety or a part of a mobile terminal by means of software, hardware, or a combination of both. As shown in FIG. 8, the interface display apparatus may include, but is not limited to, a receiving module 810, a first display module 820 and a second display module 830.


The receiving module 810 is configured to receive a sliding signal acting on a user interface.


The first display module 820 is configured to translate and display an interface content in the user interface according to the sliding signal received by the receiving module 810.


The second display module 830 is configured to, when the interface content displayed in a hidden manner in the user interface is translated to a scrolling area at the edge from the outside of the screen, display the interface content in the scrolling area in a scrolling manner.


The scrolling manner is a display manner in which the interface content is projected on a plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space.


In summary, in the interface display apparatus provided in the embodiment of the present disclosure, by displaying an interface content in a scrolling area in a scrolling manner when the interface content displayed in a hidden manner in a user interface enters the scrolling area at the edge from the outside of the screen, sudden interface display when the interface content just enters the screen is avoided, and the interface content can be displayed in the scrolling area in a scrolling manner and smoothly enter the user interface.



FIG. 9 is a block diagram of an interface display apparatus according to an exemplary embodiment. The interface display apparatus may be implemented as an entirety or a part of a mobile terminal by means of software, hardware, or a combination of both. As shown in FIG. 9, the interface display apparatus may include, but is not limited to, a receiving module 910, a first display module 920 and a second display module 930.


The receiving module 910 is configured to receive a sliding signal acting on a user interface.


The first display module 920 is configured to translate and display an interface content in the user interface according to the sliding signal received by the receiving module 910.


The implementation method of the first display module 920 is similar to that of the first display module 720 in the above embodiment, and will not be described here redundantly.


The second display module 930 is configured to, when the interface content displayed in a hidden manner in the user interface enters a scrolling area at the edge of the user interface from the outside of the screen, display the interface content in the scrolling area in a scrolling manner.


The scrolling manner is a display manner in which the interface content is projected on a plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space.


Optionally, the scrolling area is an area between a scrolling line of the user interface and the edge, the scrolling line being any one of a straight line, a polyline and a curved line.


The scrolling path is a curved path or a polyline path; the curved path includes any one of a helical path, a fan-shaped path, an elliptic fan-shaped path, a hyperbolic path and a parabolic path; and the polyline path is formed by connecting a start point, an end point and n intermediate points in the three dimensional space according to a preset connection order, n being an integer greater than or equal to 0.


Optionally, the second display module 930 to display the interface content in the scrolling area in a scrolling manner may be implemented in the following manners.


In some embodiments, the interface content which scrolls along the scrolling path is displayed according to the sliding speed of the sliding signal.


Taking the sliding speed corresponding to the sliding signal (i.e., the sliding speed of the user's finger) being vuser as an example, the second display module 930 may display the interface content which scrolls along the scrolling path according to vuser.


In some embodiments, the interface content which scrolls along the scrolling path is displayed according to a target speed, the target speed being inversely related to a projection distance of a scrolling distance on the plane of the scrolling area, the scrolling distance being a distance which the interface content scrolls along the scrolling path.


The scrolling speed of the interface content may reduce as the translation distance of the interface content increases, and reduce to zero when a preset content in the interface content moves to a preset location. Optionally, the target speed vi may be:







v
i

=



v
user

*

(

1
-


d
i


d
user



)






or






v
i


=


v
user

*


(

1
-


(


d
i


d
user


)

2


)

.







Here, vuser is the sliding speed of the sliding signal, duser is the sliding distance of the user's finger from a start where a preset content in the interface content contacts the scrolling line to an end where the content reaches a preset location, and di is the projection distance of the interface content which enters the scrolling area at moment t on the plane of the scrolling area.


The preset content is a content at a trigger location in the user interface corresponding to the sliding signal or a content in the user interface which is furthest from the scrolling area. The preset location may be a fixed location in the user interface, such as at the scrolling line, and may also be a location offset from the fixed location by a target length. Taking the preset location being the latter as an example, the preset location may be a location where the preset content exists after it reaches the scrolling line and then moves a preset multiple of the finger movement distance.


In some embodiments, the interface content which scrolls along the scrolling path in a uniformly decelerated manner is displayed according to a preset initial speed and a preset acceleration.


Optionally, the scrolling speed of the interface content in the scrolling area may also be a speed which has the preset initial speed as its initial speed and decreases uniformly according to the preset acceleration.


Optionally, taking the first initial speed being the sliding speed vuser of the sliding signal and the preset acceleration being a as an example, the scrolling speed vi is:






v
i
=v
user
−a*t (t≦vuser/a)


The scrolling speed vi in this embodiment is a speed at which the interface content is displayed in a scrolling manner along the scrolling path in the three dimensional space, and the speed of the interface content among the movement trajectory on the plane of the scrolling area is a component of vi on the plane of the scrolling area, that is vscreen=vi*cos θ. Here, θ is an angle between the speed direction at time t of the interface content moving along the scrolling path in the three dimensional space and a projection thereof on the plane of the scrolling area.


It should be added that the translation speed at which the first display module 920 translates and displays the interface content is similar to the speed of the scrolling display of the second display module 930, that is, the first display module 920 may be implemented in the following manners.


In some embodiments, the first display module 920 translates and displays the interface content in the sliding direction of the sliding signal at a sliding speed of the sliding signal.


Taking the sliding speed corresponding to the first sliding signal (i.e., the sliding speed of the user's finger) being vuser as an example, the first display module 920 may translate and display the interface content in the sliding direction of the sliding signal according to vuser.


In some embodiments, the interface content is translated and displayed according to a target speed, the target speed being inversely related to a projection distance of a scrolling distance on the plane of the scrolling area, the scrolling distance being a distance which the interface content scrolls along the scrolling path.


The translation speed of the interface content may reduce as the translation distance of the interface content increases, and reduce to zero when the interface content moves to a preset location. Optionally, the target speed vi may be:







v
i

=



v
user

*

(

1
-


d
i


d
user



)






or






v
i


=


v
user

*


(

1
-


(


d
i


d
user


)

2


)

.







Here, vuser is the sliding speed of the sliding signal, duser is the sliding distance of the user's finger from a start when a preset content in the interface content contacts the scrolling line to an end where the content reaches a preset location, and di is the projection distance of the interface content which enters the scrolling area at time t on the plane of the user interface.


In some embodiments, the interface content is translated and displayed in a uniformly decelerated manner according to a preset initial speed and a preset acceleration.


Optionally, the translation speed of the interface content in the scrolling area may also be a speed which has the preset initial speed as its initial speed and which decreases uniformly according to the preset acceleration.


Optionally, taking the first initial speed being the sliding speed vuser of the sliding signal and the preset acceleration being a as an example, the scrolling speed vi is:







v
i

=


v
user

-

a
*
t







(

t



v
user

a


)

.







As to the apparatus in the above embodiment, specific manners for various modules of the apparatus to performing operations have been described in detail in embodiments related to the methods, and will be elaborated here.


Optionally, the apparatus further includes a translation stopping module 940.


The translation stopping module 940 is configured to: when the sliding signal ends, stop translating the interface content to the scrolling area; when a preset content in the interface content moves to a preset location in the user interface, stop translating the interface content to the scrolling area, the preset content being a content at a trigger location in the user interface corresponding to the sliding signal or a content in the user interface which is furthest from the scrolling area; or when the interface content slides in a decelerated manner and the sliding speed reduces to zero, stop translating the interface content to the scrolling area.


The implementation of the translation stopping module 940 is similar to that of the above translation stopping module 770, and will not be described here redundantly.


It should be added that when the interface display apparatus displays the user interface, if some interface content in the user interface is already in the scrolling area, then the step of the interface display apparatus displaying the user interface may include: in the scrolling area, displaying the interface content in the scrolling area according to a scrolling path; and within the area other than the scrolling area, displaying the interface contents in the other area in a tiled manner. This is not limited in this embodiment.


In summary, in the interface display apparatus provided in the embodiments of the present disclosure, by displaying an interface content in a scrolling area in a scrolling manner when the interface content displayed in a hidden manner in a user interface enters the scrolling area at the edge from the outside of the screen, sudden interface display when the interface content just enters the screen is avoided, and the interface content can be displayed in the scrolling area in a scrolling manner and smoothly enter the user interface.


Displaying the interface content in the scrolling area of the user interface according to a scrolling path avoids that the interface content displayed in a tiled manner may be deformed when it is displayed later in a scrolling manner in the scrolling area, thereby improving user experience.


In an exemplary embodiment of the present disclosure, an interface display apparatus is provided, which can implement the interface display method provided in the present disclosure. The interface display apparatus may include: a processor and a memory for storing processor-executable instructions.


The processor is configured to: receive a first sliding signal acting on a user interface;


translate and display an interface content in the user interface according to the first sliding signal;


and when the interface content is translated to a scrolling area at an edge of the user interface, display the interface content in the scrolling area in a scrolling manner, the scrolling manner being a display manner in which the interface content is projected on a plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space.



FIG. 10 is a block diagram of an interface display apparatus according to an exemplary embodiment. For example, the apparatus 1000 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a gaming console, a tablet, a medical device, exercise equipment, a personal digital assistant or the like.


Referring to FIG. 10, the apparatus 1000 may include one or more of the following components: a processing component 1002, a memory 1004, a power supply component 1006, a multimedia component 1008, an audio component 1010, an input/output (I/O) interface 1012, a sensor component 1014 and a communication component 1016.


The processing component 1002 generally controls the overall operations of the apparatus 1000, for example, display, phone call, data communication, camera operation and record operation. The processing component 1002 may include one or more processors 1018 to execute instructions to perform all or part of the steps in the above described methods. In addition, the processing component 1002 may include one or more modules to facilitate the interaction between the processing component 1002 and other components. For example, the processing component 1002 may include a multimedia module to facilitate the interaction between the multimedia component 1008 and the processing component 1002.


The memory 1004 is configured to store various types of data to support the operation performed on the apparatus 1000. Examples of such data include instructions for any applications or methods operated on the apparatus 1000, contact data, phonebook data, messages, pictures, video, etc. The memory 1004 may be implemented using any type of volatile or non-volatile memory devices, or a combination thereof, such as a static random access memory (SRAM), an electrically erasable programmable read-only memory (EEPROM), an erasable programmable read-only memory (EPROM), a programmable read-only memory (PROM), a read-only memory (ROM), a magnetic memory, a flash memory, a magnetic or optical disk.


The power component 1006 provides power to various components of the apparatus 1000. The power component 1006 may include a power supply management system, one or more power sources, and any other components associated with the generation, management, and distribution of power in the apparatus 1000.


The multimedia component 1008 includes a screen providing an output interface between the apparatus 1000 and the user. In some embodiments, the screen may include a Liquid Crystal Display (LCD) and a Touch Panel (TP). If the screen includes the touch panel, the screen may be implemented as a touch screen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touches, swipes, and gestures on the touch panel. The touch sensors may not only sense a boundary of a touch or swipe action, but also sense a period of time and a pressure associated with the touch or swipe action. In some embodiments, the multimedia component 1008 includes a front camera and/or a rear camera. The front camera and the rear camera may receive external multimedia data while the apparatus 1000 is in an operation mode, such as a photographing mode or a video mode. Each of the front camera and the rear camera may be a fixed optical lens system or have focus and optical zoom capability.


The audio component 1010 is configured to output and/or input audio signals. For example, the audio component 1010 includes a microphone (“MIC”) configured to receive an external audio signal when the apparatus 1000 is in an operation mode, such as a call mode, a recording mode, and a voice recognition mode. The received audio signal may be further stored in the memory 1004 or transmitted via the communication component 1016. In some embodiments, the audio component 1010 further includes a speaker to output audio signals.


The I/O interface 1012 provides an interface between the processing component 1002 and peripheral interface modules, such as a keyboard, a click wheel, buttons, and the like. The buttons may include, but are not limited to, a home button, a volume button, a starting button, and a locking button.


The sensor component 1014 includes one or more sensors to provide status assessments of various aspects of the apparatus 1000. For instance, the sensor component 1014 may detect an open/closed status of the apparatus 1000, relative positioning of components, e.g., the display and the keypad, of the apparatus 1000, a change in position of the apparatus 1000 or a component of the apparatus 1000, a presence or absence of user contact with the apparatus 1000, an orientation or an acceleration/deceleration of the apparatus 1000, and a change in temperature of the apparatus 1000. The sensor component 1014 may include a proximity sensor configured to detect the presence of nearby objects without any physical contact. The sensor component 1014 may also include a light sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor component 614 may also include an accelerometer sensor, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.


The communication component 1016 is configured to facilitate wired or wireless communication between the apparatus 1000 and other devices. The apparatus 1000 can access a wireless network based on a communication standard, such as WiFi, 2G; or 3G; or a combination thereof. In one exemplary embodiment, the communication component 1016 receives a broadcast signal or broadcast related information from an external broadcast management system via a broadcast channel. In one exemplary embodiment, the communication component 1016 further includes a near field communication (NFC) module to facilitate short-range communications. For example, the NFC module may be implemented based on a radio frequency identification (RFID) technology, an infrared data association (IrDA) technology, an ultra-wideband (UWB) technology, a Bluetooth (BT) technology, and other technologies.


In exemplary embodiments, the apparatus 1000 may be implemented with one or more application specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, micro-controllers, microprocessors, or other electronic components, for performing the above described interface display methods.


In exemplary embodiments, there is also provided a non-transitory computer readable storage medium including instructions, such as included in the memory 1004, executable by the processor 1018 of the apparatus 1000, for performing the above-described interface display methods. For example, the non-transitory computer-readable storage medium may be a ROM, a RAM, a CD-ROM, a magnetic tape, a floppy disc, an optical data storage device, and the like.


Other embodiments of the present disclosure will be apparent to those skilled in the art from consideration of the specification and practice of the present disclosure disclosed here. This application is intended to cover any variations, uses, or adaptations of the present disclosure following the general principles thereof and including such departures from the present disclosure as come within known or customary practice in the art. It is intended that the specification and embodiments be considered as exemplary only, with a true scope and spirit of the present disclosure being indicated by the appended claims.


It will be appreciated that the present disclosure is not limited to the exact construction that has been described above and illustrated in the accompanying drawings, and that various modifications and changes can be made without departing from the scope thereof. It is intended that the scope of the present disclosure only be limited by the appended claims.

Claims
  • 1. An interface display method, comprising: receiving a first sliding signal acting on a user interface;translating and displaying an interface content in the user interface according to the first sliding signal; anddisplaying, in a scrolling area at an edge of the user interface, the interface content in a scrolling manner when the interface content is translated to the scrolling area, wherein the scrolling manner is a display manner in which the interface content is projected on a plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space.
  • 2. The method according to claim 1, wherein the scrolling path comprises: a curved path comprising any one of a helical path, a fan-shaped path, an elliptic fan-shaped path, a hyperbolic path and a parabolic path; ora polyline path formed by connecting a start point, an end point and n intermediate points in the three dimensional space according to a preset connection order, n being an integer greater than or equal to 0.
  • 3. The method according to claim 1, wherein the scrolling area is an area located between a scrolling line of the user interface and the edge, and the scrolling line comprises any one of a straight line, a polyline and a curved line.
  • 4. The method according to claim 1, wherein displaying, in a scrolling area at an edge of the user interface, the interface content in a scrolling manner comprises: displaying, according to a sliding speed of the first sliding signal, the interface content which scrolls along the scrolling path; ordisplaying, according to a first speed, the interface content which scrolls along the scrolling path, wherein the first speed is inversely related to a projection distance of a scrolling distance on the plane of the scrolling area, and the scrolling distance is a distance which the interface content scrolls along the scrolling path; ordisplaying, according to a first preset initial speed and a first preset acceleration, the interface content which scrolls along the scrolling path in a uniformly decelerated manner.
  • 5. The method according to claim 1, further comprising: displaying, in the scrolling area in a reverse scrolling manner, the interface content which enters the scrolling area after stopping translating the interface content to the scrolling area, wherein the reverse scrolling manner is a display manner in which the interface content is projected on the plane of the scrolling area when the interface content scrolls out of the scrolling area reversely along the scrolling path in the three dimensional space; andtranslating and displaying an interface content in an area other than the scrolling area of the user interface reversely.
  • 6. The method according to claim 5, further comprising: receiving a second sliding signal, a sliding direction of the second sliding signal being opposite to that of the first sliding signal;displaying, in the scrolling area in a reverse scrolling manner, the interface content which enters the scrolling area after receiving the second sliding signal.
  • 7. The method according to claim 5, wherein displaying, in the scrolling area in a reverse scrolling manner, the interface content which enters the scrolling area comprises: displaying, in the scrolling area according to a preset speed, the interface content which scrolls out of the scrolling area reversely along the scrolling path; ordisplaying, according to a second preset initial speed and a second preset acceleration, the interface content which scrolls out of the scrolling area reversely along the scrolling path in a uniformly accelerated manner; ordisplaying, according to a second speed, the interface content which scrolls out of the scrolling area reversely along the scrolling path, wherein the second speed varies according to a change in an output of a preset trigonometric function.
  • 8. The method according to claim 1, further comprising: stopping translating the interface content to the scrolling area when the first sliding signal ends; orstopping translating the interface content to the scrolling area when a preset content in the interface content moves to a preset location in the user interface, wherein the preset content is a content at a trigger location in the user interface corresponding to the first sliding signal or a content in the user interface which is furthest from the scrolling area; orstopping translating the interface content to the scrolling area when the interface content slides at a reduced speed and the sliding speed reduces to zero.
  • 9. The method according to claim 1, further comprising: filling and displaying a preset filling content in a blank area that appears at an edge on a side of the user interface opposite to the scrolling area during the movement of the interface content.
  • 10. An interface display apparatus, comprising: a processor; anda memory for storing instructions executable by the processor;wherein the processor is configured to:receive a first sliding signal acting on a user interface;translate and display an interface content in the user interface according to the first sliding signal; anddisplay, in a scrolling area at an edge of the user interface, the interface content in a scrolling manner when the interface content is translated to the scrolling area, wherein the scrolling manner is a display manner in which the interface content is projected on a plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space.
  • 11. The interface display apparatus of claim 10, wherein the scrolling path comprises a curved path comprising any one of a helical path, a fan-shaped path, an elliptic fan-shaped path, a hyperbolic path and a parabolic path; ora polyline path formed by connecting a start point, an end point and n intermediate points in the three dimensional space according to a preset connection order, n being an integer greater than or equal to 0.
  • 12. The interface display apparatus of claim 10, wherein the scrolling area is an area located between a scrolling line of the user interface and the edge, and the scrolling line comprises any one of a straight line, a polyline line and a curved line.
  • 13. The interface display apparatus of claim 10, wherein the processor configured to display, in a scrolling area at an edge of the user interface, the interface content in a scrolling manner is further configured to: display, according to a sliding speed of the first sliding signal, the interface content which scrolls along the scrolling path; ordisplay, according to a first speed, the interface content which scrolls along the scrolling path, wherein the first speed is inversely related to a projection distance of a scrolling distance on the plane of the scrolling area, and the scrolling distance is a distance which the interface content scrolls along the scrolling path; ordisplay, according to a first preset initial speed and a first preset acceleration, the interface content which scrolls along the scrolling path in a uniformly decelerated manner.
  • 14. The interface display apparatus of claim 10, wherein the processor is further configured to: display, in the scrolling area in a reverse scrolling manner, the interface content which enters the scrolling area after stopping translating the interface content to the scrolling area, wherein the reverse scrolling manner is a display manner in which the interface content is projected on the plane of the scrolling area when the interface content scrolls out of the scrolling area reversely along the scrolling path in the three dimensional space; andtranslate and display an interface content in an area other than the scrolling area of the user interface reversely.
  • 15. The interface display apparatus of claim 14, wherein the processor is further configured to: receive a second sliding signal, a sliding direction of the second sliding signal being opposite to that of the first sliding signal;display, in the scrolling area in a reverse scrolling manner, the interface content which enters the scrolling area after receiving the second sliding signal.
  • 16. The interface display apparatus of claim 14, wherein the processor configured to display in the scrolling area in a reverse scrolling manner the interface content which enters the scrolling area is further configured to: display, in the scrolling area according to a preset speed, the interface content which scrolls out of the scrolling area reversely along the scrolling path; ordisplay, according to a second preset initial speed and a second preset acceleration, the interface content which scrolls out of the scrolling area reversely along the scrolling path in a uniformly accelerated manner; ordisplay, according to a second speed, the interface content which scrolls out of the scrolling area reversely along the scrolling path, wherein the second speed varies according to a change in an output of a preset trigonometric function.
  • 17. The interface display apparatus of claim 10, wherein the processor is further configured to: stop translating the interface content to the scrolling area when the first sliding signal ends; orstop translating the interface content to the scrolling area when a preset content in the interface content moves to a preset location in the user interface, wherein the preset content is a content at a trigger location in the user interface corresponding to the first sliding signal or a content in the user interface which is furthest from the scrolling area; orstop translating the interface content to the scrolling area when the interface content slides at reduced speed and the sliding speed reduces to zero.
  • 18. The interface display apparatus of claim 10, wherein the processor is further configured to: fill and display a preset filling content in a blank area that appears at an edge on a side of the user interface opposite to the scrolling area during the movement of the interface content.
  • 19. A non-transitory computer-readable storage medium having stored therein instructions that, when executed by a processor of a mobile terminal, causes the mobile terminal to perform an interface display method, the method comprising: receiving a first sliding signal acting on a user interface;translating and displaying an interface content in the user interface according to the first sliding signal; anddisplaying, in the scrolling area, the interface content in a scrolling manner when the interface content is translated to a scrolling area at the edge, wherein the scrolling manner is a display manner in which the interface content is projected on a plane of the scrolling area when the interface content scrolls and retracts along a scrolling path in a three dimensional space.
  • 20. The storage medium of claim 19, wherein the scrolling path comprises a curved path comprising any one of a helical path, a fan-shaped path, an elliptic fan-shaped path, a hyperbolic path and a parabolic path; ora polyline path formed by connecting a start point, an end point and n intermediate points in the three dimensional space according to a preset connection order, n being an integer greater than or equal to 0.
Priority Claims (1)
Number Date Country Kind
201510984779.X Dec 2015 CN national