WO2019242457A1

WO2019242457A1 - Application page displaying method and mobile terminal

Info

Publication number: WO2019242457A1
Application number: PCT/CN2019/088642
Authority: WO
Inventors: 罗永浩; 鲁威; 陈桂斌; 苗华云
Original assignee: 北京字节跳动网络技术有限公司
Priority date: 2018-06-21
Filing date: 2019-05-27
Publication date: 2019-12-26
Also published as: CN109753199B; CN109753199A

Abstract

Disclosed are an application page displaying method and a mobile terminal. In the method, a mobile terminal first obtains a first application page to be displayed corresponding to a screen, and a first direction and a first distance for moving the mobile terminal; and displays the page to be displayed when determining that the first direction is a preset direction and the first distance is greater than a preset first threshold. The display of an application page only depends on whether a direction and a distance for moving a mobile terminal meet requirements, and whether a screen corresponds to a certain application page to be displayed. According to the method, a user does not need to touch a specific button on the screen or make a page switching gesture. Therefore, the dependency of page display on a manual touch operation of the user is reduced, the convenience of page display is improved, and the user experience is effectively improved.

Description

Application page display method and mobile terminal

Technical field

The present disclosure relates to the technical field of electronic devices, and in particular, to an application page display method and a mobile terminal.

Background technique

When using a mobile terminal, users often face the need to switch pages within an application (Application, APP). For example, switching from the WeChat chat page to the circle of friends page, from the browser's web page page to the history page, and so on. At this time, the mobile terminal needs to be changed from displaying the current page to displaying a new page.

The existing application page display method is that the mobile terminal first responds to the user's triggering of a screen button, jumps from the current page to the application's menu page or page management window, and then according to the user's special switching gesture or selection operation in the page management window To display the corresponding page. However, this method is cumbersome to operate, and has a high dependence on the user's manual touch operation. When the screen of the mobile terminal is large and the screen buttons are in an inaccessible position, the difficulty of displaying the new page of the application increases. Therefore, the convenience of this method is low, resulting in a decline in user experience.

Summary of the Invention

In order to solve the above technical problems in the prior art, the present disclosure provides an application page display method and a mobile terminal. The mobile terminal can conveniently display an application page without the user having to click a screen button of the mobile terminal or use a special switching gesture.

The technical solutions of the present disclosure to solve the technical problems are:

A first aspect of the present disclosure provides a method for displaying an application page. The method includes:

Obtaining a first application to-be-displayed page corresponding to a mobile terminal screen, and a first direction and a first distance of the mobile terminal moving;

When it is determined that the first direction is a preset direction and the first distance is greater than a preset first threshold, the page to be displayed of the first application is displayed; the preset direction is a direction perpendicular to the screen of the mobile terminal.

Optionally, obtaining the first application to-be-displayed page corresponding to the screen of the mobile terminal includes:

Obtaining a second direction and a second distance that the mobile terminal moves;

Obtaining the first application to-be-displayed page corresponding to the mobile terminal screen according to the second direction, the second distance, and the initial position of each page of the first application; the initial position of each page of the first application is the Each page of the first application is tiled on a plane according to a preset layout, the plane is parallel to the screen of the mobile terminal; the second direction is parallel to the screen of the mobile terminal, and includes at least upward, downward, One of left and right.

Optionally, the first direction and the second direction are obtained by at least one of the following:

An acceleration sensor, a gyroscope sensor, and a camera sensor provided on the mobile terminal.

Optionally, obtaining the first distance moved by the mobile terminal includes:

According to an acceleration sensor provided by the mobile terminal, a first acceleration of the mobile terminal movement is obtained; according to a timer provided by the mobile terminal, a first time of the mobile terminal movement is obtained; according to the first acceleration and the Said first time, obtaining a first speed of movement of said mobile terminal; integrating said first speed within an interval of said first time to obtain said first distance;

The obtaining the second distance moved by the mobile terminal includes:

Obtaining a second acceleration of the mobile terminal movement according to the acceleration sensor; obtaining a second time of movement of the mobile terminal according to the timer; obtaining the second acceleration of the mobile terminal according to the second acceleration and the second time A second speed at which the mobile terminal moves; integrating the second speed within the second time interval to obtain the second distance.

Optionally, obtaining the first distance moved by the mobile terminal includes:

Obtaining a first environment image captured by the camera sensor provided by the mobile terminal when the mobile terminal moves in the first direction; and according to the feature point position change between every two adjacent frames in the first environment image To determine the distance that the mobile terminal moves between every two adjacent frames, and add up the distance that the mobile terminal moves between all two adjacent frames to obtain the first distance;

The obtaining the second distance moved by the mobile terminal includes:

Obtaining a second environment image captured by the camera sensor provided by the mobile terminal when the mobile terminal moves in the second direction; and according to the feature point position change between every two adjacent frames in the second environment image To determine the distance that the mobile terminal moves between each two adjacent frames, and add up the distance that the mobile terminal moves between all two adjacent frames to obtain the second distance.

Optionally, after displaying the page to be displayed on the first application, the method further includes:

Obtaining a third direction and a third distance that the mobile terminal moves;

When it is determined that the third direction is opposite to the first direction and the third distance is greater than a preset second threshold, the screen of the mobile terminal corresponds to the page to be displayed of the first application.

When it is detected that a preset button on the mobile terminal is triggered, the screen of the mobile terminal corresponds to the page to be displayed of the first application.

Optionally, the screen of the mobile terminal corresponding to the page to be displayed of the first application includes:

The screen of the mobile terminal includes a micro window of the page to be displayed of the first application, and a display area of the micro window is always smaller than a full screen display area of the screen of the mobile terminal.

A second aspect of the present disclosure provides a mobile terminal including: a controller and a screen;

A controller for obtaining a first application to-be-displayed page corresponding to the screen, and a first direction and a first distance of the mobile terminal movement; determining that the first direction is a preset direction and the first distance is greater than When the first threshold value is preset, control displays the page of the first application to be displayed through the screen; the preset direction is a direction perpendicular to the screen.

A third aspect of the present disclosure provides a computer-readable storage medium having stored thereon a computer program that, when executed by a processor, implements the application page display method provided by the first aspect above.

Compared with the prior art, the present disclosure has at least the following advantages:

In the present disclosure, a mobile terminal first obtains a first application to-be-displayed page corresponding to a screen, and a first direction and a first distance of the mobile terminal moving; it is determined that the first direction is a preset direction and the first distance is greater than the preset first At the threshold, the page to be displayed is displayed. It can be seen that whether the application page is displayed or not depends only on whether the mobile terminal's moving direction and distance meet the requirements, and whether the screen corresponds to a certain page of the application to be displayed. This method does not require the user to touch a specific button on the screen or perform a page switching gesture. Therefore, the dependency of the page display on the user's manual touch operation is reduced, the convenience of the page display is improved, and the user experience is effectively improved.

BRIEF DESCRIPTION OF THE DRAWINGS

In order to explain the technical solutions in the embodiments of the present disclosure or the prior art more clearly, the drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, the drawings in the following description are merely These are some of the embodiments described in this disclosure. For those of ordinary skill in the art, other drawings can be obtained based on these drawings without paying creative labor.

FIG. 1 is a flowchart of an application page display method according to this embodiment;

FIG. 2 is a schematic layout diagram of each page of a first application according to an embodiment of the present disclosure; FIG.

3 is a schematic diagram of a scene of a mobile terminal screen corresponding to a page to be displayed according to an embodiment of the present disclosure;

4 is a schematic diagram of another mobile terminal screen corresponding to a page to be displayed according to an embodiment of the present disclosure;

5 is a schematic diagram of a scene of a mobile terminal screen corresponding to a page to be displayed according to an embodiment of the present disclosure;

FIG. 6 is a flowchart of a method for displaying an application page according to this embodiment; FIG.

7 is a schematic diagram of a mobile terminal moving leftward according to an embodiment of the present disclosure;

8 is a schematic diagram of a mobile terminal moving down according to an embodiment of the present disclosure;

FIG. 9 is a schematic diagram of a mobile terminal moving rightward according to an embodiment of the present disclosure; FIG.

10 is a schematic diagram of moving up a mobile terminal according to an embodiment of the present disclosure;

FIG. 11 is a schematic layout diagram of each page of a first application according to an embodiment of the present disclosure; FIG.

FIG. 12 is a schematic diagram of a mobile terminal moved 20mm to the left according to an embodiment of the present disclosure;

13 is a schematic diagram of a mobile terminal moving along a back surface of a screen of a mobile terminal according to an embodiment of the present disclosure;

14 is a schematic diagram of a full-screen display page of a mobile terminal according to an embodiment of the present disclosure;

FIG. 15 is a schematic structural diagram of a mobile terminal according to an embodiment of the present disclosure.

detailed description

In the prior art, when a mobile terminal displays an application page, it needs to first respond to the user ’s trigger operation on the screen button, jump from the current page to the application's menu page or page management window, and then according to the user's special switching gesture or in the page management The selection operation of the window displays the corresponding page. For example, the page displayed on the mobile terminal is a dialogue page between the user and the contact. At this time, the user needs to read the message on the WeChat “Friends Circle” page. Then the user needs to click the back button on the screen to go to the WeChat menu page, and then Click the "Discover" button and select "Friends" to enter the "Friends" page.

Obviously, the current method of displaying application pages is too cumbersome. In addition, because this method is too dependent on the user ’s manual touch operation, when the screen of the mobile terminal is large and the on-screen buttons are in hard-to-reach locations, it will cause the difficulty of displaying new application pages to increase, resulting in a decline in user experience.

In order to solve the above problem, an embodiment of the present disclosure provides an application page display method. A mobile terminal first obtains a first application to-be-displayed page corresponding to a screen, and a first direction and a first distance of the mobile terminal movement; determining that the first direction is When the preset direction and the first distance are greater than a preset first threshold, a page to be displayed is displayed. It can be known from this method that whether the application page is displayed or not only depends on whether the direction and distance of the mobile terminal meets the requirements, and whether the screen corresponds to a certain page of the application to be displayed. This method does not require the user to touch a specific button on the screen or perform a page switching gesture. Therefore, the dependency of the page display on the user's manual touch operation is reduced, the convenience of the page display is improved, and the user experience is effectively improved.

In order to enable those skilled in the art to better understand the present disclosure, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the accompanying drawings in the embodiments of the present disclosure. Obviously, the described embodiments are only These embodiments are part of, but not all of, the embodiments of the present disclosure. Based on the embodiments in the present disclosure, all other embodiments obtained by a person of ordinary skill in the art without creative efforts shall fall within the protection scope of the present disclosure.

Method embodiment:

It should be noted that, in this embodiment, the mobile terminal may be any mobile or portable electronic device, including but not limited to a smart phone, a mobile computer, a tablet computer, a Personal Digital Assistant (PDA), a media player, and the like. When a user needs to use a mobile terminal to display a certain page of an application, he can carry the mobile terminal to move through a handheld gesture.

Referring to FIG. 1, FIG. 1 is a flowchart of an application page display method provided by this embodiment.

This embodiment provides a method for displaying an application page, including:

S101: Obtain a first application to-be-displayed page corresponding to a screen of a mobile terminal, and a first direction and a first distance that the mobile terminal moves.

The page to be displayed refers to the application page that the mobile terminal needs to display according to the needs of the user. In this embodiment, the first application is exemplarily described as the application to which the page to be displayed belongs.

In this embodiment, each page of the first application may be tiled on a plane parallel to the screen of the mobile terminal according to a preset layout. FIG. 2 is a schematic diagram of layout of each page of a first application according to an embodiment of the present disclosure. As shown in the exemplary layout shown in FIG. 2, page A is provided in one plane, and page B, page C, page D, and page E are provided directly to the left, directly below, right, and directly above page A in the plane; Pages F and G are set to the left and right of page C; pages H and I are set to the left and right of page E.

When a mobile terminal displays a page in full screen, it can only display one page at a time. Therefore, before the mobile terminal displays the page to be displayed, in order to avoid displaying the pages other than the page to be displayed of the first application by mistake, it is necessary to first determine the pages to be displayed from the many pages of the first application. In this embodiment, the page corresponding to the screen of the mobile terminal is used as the page to be displayed for the first application. Referring to FIGS. 3 to 5 below, specific scenarios of three types of mobile terminal screens corresponding to pages to be displayed are illustrated.

In the scenario shown in FIG. 3, the mobile terminal screen 21 includes a preset area 211 for determining a corresponding page, and the preset area 211 includes at most one first application page at a time, and the mobile terminal screen 21 may include both Complete pages for multiple first apps. When the preset area 211 contains a certain page of the first application, the mobile terminal uses the page as a page corresponding to the mobile terminal screen 21, that is, a page to be displayed. According to the scenario illustrated in FIG. 3, page A is included in the preset area 211, so the page to be displayed of the first application corresponding to the mobile terminal screen 21 is page A.

The scenario shown in FIG. 4 is similar to FIG. 3. The mobile terminal screen 21 includes a preset area 212 for determining a corresponding page. The preset area 212 includes at most one first application page at a time. The mobile terminal screen 21 only Can contain a complete page of a first application at the same time. When the preset area 212 contains a certain page of the first application, the mobile terminal uses the page as a page corresponding to the mobile terminal screen 212, that is, a page to be displayed. According to the scenario illustrated in FIG. 4, page A is included in the preset area 212, so the page to be displayed of the first application corresponding to the mobile terminal screen 21 is page A.

In the scenario shown in FIG. 5, the mobile terminal screen 21 includes at most one complete page of the first application, and the mobile terminal uses the unique complete page included in the mobile terminal screen 21 as the page corresponding to the mobile terminal screen 21, that is, the page to be displayed. According to the scenario illustrated in FIG. 5, page A is included in the mobile terminal screen 21, so the page to be displayed of the first application corresponding to the mobile terminal screen 21 is page A.

It can be understood that, in the foregoing scenario example, the shapes of the preset area 211 and the preset area 212 may be rectangular, circular, or oval, and the shape of the preset area is not specifically limited. The positions of the center of gravity of the preset region 211 and the preset region 212 may be shown in FIG. 3 and FIG. 4 respectively, and may coincide with the position of the center of gravity of the mobile terminal screen 21, or may not coincide with the position of the center of gravity of the mobile terminal screen 21 The area 211 or the preset area 212 is located above, below, left or right in the mobile terminal screen 21.

It can be understood that when the user selects a page to be displayed from each page of the first application, the screen of the mobile terminal may correspond to a page that does not currently need to be displayed multiple times. In order to prevent the mobile terminal from displaying a page that does not currently need to be displayed, the mobile terminal also needs to determine the user's selection through additional user operations. Further, in the method for displaying an application page provided in this embodiment, after obtaining a page to be displayed corresponding to a screen of a mobile terminal, it is also necessary to obtain a first direction and a first distance that the mobile terminal moves.

In this embodiment, the first direction is specifically the direction in which the mobile terminal moves after obtaining the page to be displayed corresponding to the screen of the mobile terminal; the first distance is specifically after obtaining the page to be displayed corresponding to the screen of the mobile terminal, the mobile terminal uses the first direction as The distance moved by the direction of movement.

S102: When it is determined that the first direction is a preset direction and the first distance is greater than a preset first threshold, a page to be displayed is displayed.

The preset first threshold is a preset distance limit for triggering the mobile terminal to display the operation of the page to be displayed. In this step, the consistency between the first direction and the preset direction, and the relationship between the first distance and the preset first threshold are two determining factors that determine whether the mobile terminal can display the displayed page. Only when the mobile terminal determines that the first direction is a preset direction and the first distance is greater than a preset first threshold, the mobile terminal displays a page to be displayed.

In this embodiment, the preset direction is a direction perpendicular to the screen of the mobile terminal. The preset direction may be the back direction of the screen of the mobile terminal, or the front direction of the screen of the mobile terminal. It should be noted that when the preset direction is used to determine a first direction in which the mobile terminal moves, the preset direction is unique.

As a specific implementation manner, if the preset direction is the back direction of the screen of the mobile terminal, when the mobile terminal determines that the first direction is the back direction of the screen of the mobile terminal and the first distance is greater than the preset first threshold, the page to be displayed is displayed . As another specific implementation manner, if the preset direction is the front direction of the screen of the mobile terminal, when the mobile terminal determines that the first direction is the front direction of the screen of the mobile terminal and the first distance is greater than the preset first threshold, the display is to be displayed page.

The above is an application page display method provided by an embodiment of the present disclosure. A mobile terminal first obtains a first application to-be-displayed page corresponding to a screen, and a first direction and a first distance the mobile terminal moves; it is determined that the first direction is a preset direction and When the first distance is greater than a preset first threshold, a page to be displayed is displayed. It can be known that in this method, whether the application page is displayed or not depends only on whether the direction and distance of the mobile terminal's movement meets the requirements, and whether the screen corresponds to a certain page of the application to be displayed. This method does not require the user to touch a specific button on the screen or perform a page switching gesture. Therefore, the dependency of the page display on the user's manual touch operation is reduced, the convenience of the page display is improved, and the user experience is effectively improved.

In practical applications, mobile terminals often face the need to switch from the current page of the first application displayed at the current moment to another page of the first application to be displayed at the next moment. Therefore, on the basis of the application page display method provided in the foregoing embodiment, the embodiment of the present disclosure also provides another application page display method, which details how to implement the switching display of pages.

Referring to FIG. 6, FIG. 6 is a flowchart of an application page display method provided by this embodiment.

The application page display method provided in this embodiment includes:

S601: Obtain a second direction and a second distance that the mobile terminal moves.

In this embodiment, after the mobile terminal is moved a second distance in the second direction, the first application page corresponding to the screen of the mobile terminal is determined as the first application to be displayed page. Therefore, in this step, in order to correctly obtain the page to be displayed of the first application, the mobile terminal first obtains the second direction and the second distance when it actually moves.

The second direction is parallel to the screen of the mobile terminal and includes at least one of upward, downward, leftward, and rightward. The acceleration sensor provided on the mobile terminal can obtain the movement direction of the mobile terminal, the gyroscope sensor can be used to locate and orient the mobile terminal while it is moving, and the image obtained by the camera sensor can be used by the mobile terminal to judge the mobile terminal's Direction of movement. Therefore, the second direction of the mobile terminal may be obtained by one or more of an acceleration sensor, a gyro sensor, and a camera sensor. The second direction obtained with multiple sensors has higher accuracy.

Referring to FIGS. 7 to 10, there are illustrated schematic diagrams of a mobile terminal moving in four different directions, and FIGS. 7 to 10 all use the scene of the mobile terminal screen shown in FIG. 5 corresponding to a page to be displayed as a movement reference. In the scenario shown in FIG. 5, the mobile terminal screen 21 corresponds to page A of the first application.

As shown in FIG. 7, after the mobile terminal moves a second distance in a direction parallel to the mobile terminal screen 21 to the left, the page B of the first application is facing the mobile terminal screen 21. Therefore, after moving, the page to be displayed of the first application corresponding to the mobile terminal screen 21 is page B.

As shown in FIG. 8, after the mobile terminal moves a second distance in a direction parallel to the downward direction of the mobile terminal screen 21, the page C of the first application is facing the mobile terminal screen 21. Therefore, after moving, the page to be displayed of the first application corresponding to the mobile terminal screen 21 is page C.

As shown in FIG. 9, after the mobile terminal moves a second distance in a direction parallel to the mobile terminal screen 21 to the right, the page D of the first application is facing the mobile terminal screen 21. Therefore, after moving, the page to be displayed of the first application corresponding to the mobile terminal screen 21 is page D.

As shown in FIG. 10, after the mobile terminal moves a second distance in an upward direction parallel to the mobile terminal screen 21, the page E of the first application is facing the mobile terminal screen 21. Therefore, after moving, the page to be displayed of the first application corresponding to the mobile terminal screen 21 is page E.

It should be noted that when the mobile terminal is moved, it can be moved once or in place multiple times, and each movement is performed according to any one of the second directions shown in FIG. 7 to FIG. 10. If the mobile terminal is in place by moving multiple times, the second direction of each movement may be the same or different. If the mobile terminal is in place by moving a plurality of times, the obtained second distance is also a second distance corresponding to the second direction for each second direction of the movement.

In this embodiment, when the mobile terminal is moved in the second direction, the acceleration obtained by the acceleration sensor is used as the second acceleration. The mobile terminal may specifically select a second distance acquisition method according to the magnitude of the second acceleration acquired by the acceleration sensor. Two methods for determining the second distance obtaining method according to the magnitude of the acceleration are provided below.

First, when the second acceleration of the mobile terminal is less than or equal to a preset acceleration threshold, the mobile terminal uses a camera sensor set by itself to capture a second environment image; thereafter, according to each second frame in the second environment image, The position of the feature point changes to determine the distance moved by the mobile terminal between each two adjacent frames; finally, the distance moved by the mobile terminal between all two adjacent frames is accumulated to obtain the second distance. To facilitate understanding, this embodiment is exemplified below: It takes 2 seconds for the mobile terminal to move in the second direction, and the camera takes 2 seconds of video. The video consists of image frames taken at 30 frames per second, so the video contains a total of 60 frames. image. The distance moved by the mobile terminal between the shooting moments of the two frames of images is determined according to the position changes of the feature points in each of the two adjacent frames of images. Thus, the distances are accumulated to obtain the second distance that the mobile terminal moves during the 2-second video shooting process.

Second, when the second acceleration of the mobile terminal is greater than a preset acceleration threshold, obtain a second time when the mobile terminal moves according to the timer; and obtain the second time according to the second acceleration and the second time. A second speed at which the mobile terminal moves; integrating the second speed within the second time interval to obtain the second distance.

It should be noted that the first way to obtain the second distance is more suitable for scenarios where the mobile terminal moves slowly and moves relatively smoothly. In this scenario, the second distance obtained by image processing has higher accuracy. In combination with the second distance obtained by the first method, an error in obtaining the second distance by the second method may be corrected. The second method of obtaining the second distance is more suitable for a scene where the mobile terminal moves fast. In this scene, the image captured by the camera sensor is likely to have insufficient clarity. By calculating acceleration and time, The accuracy of obtaining the second distance by integrating the calculation results is high.

S602: Obtain the first application to-be-displayed page corresponding to the screen of the mobile terminal according to the second direction, the second distance, and the initial position of each page of the first application.

It should be noted that the initial position of each page of the first application refers to a position where each page of the first application is tiled on a plane according to a preset layout. Specifically, the plane may be a plane parallel to the screen of the mobile terminal. According to the initial position of each page of the first application, the mobile terminal can obtain the relative position relationship of each page before the mobile terminal moves.

For easy understanding, please refer to the layout diagram of each page of the first application shown in FIG. 11. As shown in the exemplary layout shown in FIG. 11, a page A is provided in a plane parallel to the screen of the mobile terminal. The page A is located in a preset area 211. The preset area 211 is used to determine the page corresponding to the screen of the mobile terminal, that is, the page A is located at The plane is facing the position of the mobile terminal screen 21. Page B, page C, page D, and page E are set to the left, right, right, and directly above page A in the plane; pages F and G are set to the left and right of page C; A page H and a page I are provided directly to the left and right of the page E. The distance between each page is 20mm in the horizontal direction and 30mm in the vertical direction.

It should be noted that FIG. 11 is only an exemplary layout of each page of the first application. According to different layouts, each page may have other initial positions and relative position relationships. The layout of each page on the plane is not limited here.

According to the initial position of each page, the mobile terminal can obtain the relative position relationship of each page, such as the relative direction and distance of each page on the same plane, and the page facing the screen of the mobile terminal. Therefore, the mobile terminal obtains the The second direction and the second distance of the actual movement and the initial position of each page are calculated accordingly, which can determine the page corresponding to the screen after the mobile terminal moves. It should be noted that the screen of the mobile terminal corresponds to only one first application page at a time. This page is the page to be displayed for the first application.

S603: Obtain a first direction and a first distance that the mobile terminal moves.

The first direction in which the mobile terminal moves is the direction in which the mobile terminal moves after obtaining the first application to be displayed page corresponding to the screen of the mobile terminal in S602. The first distance is the distance that the mobile terminal moves in the first direction after obtaining the first application page to be displayed corresponding to the screen of the mobile terminal in S602.

The first direction of the mobile terminal may be obtained through one or more of an acceleration sensor, a gyro sensor, and a camera sensor. The first direction obtained with multiple sensors has higher accuracy.

In this embodiment, when the mobile terminal is moved in the first direction, the acceleration obtained by the acceleration sensor is used as the first acceleration. The mobile terminal may specifically select a method for acquiring the first distance according to the magnitude of the first acceleration acquired by the acceleration sensor. Two methods for determining the first distance obtaining method according to the magnitude of the acceleration are provided below.

First, when the first acceleration of the mobile terminal is less than or equal to a preset acceleration threshold, the mobile terminal uses a camera sensor set by itself to capture a first environment image; and thereafter, according to every first two adjacent frames in the first environment image The position of the feature point changes to determine the distance that the mobile terminal moves between every two adjacent frames; finally, the distance that the mobile terminal moves between all two adjacent frames is accumulated to obtain the first distance.

Second, when the first acceleration of the mobile terminal is greater than a preset acceleration threshold, the first time that the mobile terminal moves is obtained according to the timer; and the first time is obtained according to the first acceleration and the first time. A first speed at which the mobile terminal moves; integrating the first speed within the first time interval to obtain the first distance.

It should be noted that the first way to obtain the first distance is more suitable for scenarios where the mobile terminal moves slowly and moves relatively smoothly. In this scenario, the first distance obtained through image processing has higher accuracy. In combination with the first distance obtained by the first method, an error existing in obtaining the first distance by the second method may be corrected. The second method of obtaining the first distance is more suitable for a scene where the mobile terminal moves fast. In this scene, the image captured by the camera sensor is likely to have insufficient clarity. By calculating acceleration and time, The accuracy of obtaining the first distance by integrating the calculation results is high.

S604: When it is determined that the first direction is a preset direction and the first distance is greater than a preset first threshold, a page to be displayed is displayed.

Step 604 in this embodiment is the same as step 102 in the foregoing embodiment. For brevity, it will not be described in detail here. For detailed information, refer to the description in the foregoing embodiment.

To facilitate understanding of the implementation process of the above S601 to S604, specific examples are described below with reference to FIGS. 11 to 14.

Take the initial position of each page in the layout diagram of each page of the first application shown in FIG. 11 as an example. FIG. 12 is a schematic diagram of a mobile terminal moving 20 mm in a direction parallel to the mobile terminal screen 21 to the left. According to the first direction of movement is left, the first distance of movement is 20mm, and the initial position of each page, it is determined that the first application page B is a page to be displayed corresponding to the mobile terminal screen 21, and page B is located in the preset area 211 . In this example, the preset direction is the back direction of the screen 21 of the mobile terminal. After that, the mobile terminal moves toward the rear surface of the mobile terminal screen 21, and as the moving distance gradually increases, the page B corresponding to the mobile terminal screen 21 is gradually enlarged. As shown in FIG. 13, it is a schematic diagram of a magnification effect of a page to be displayed when the mobile terminal moves along the back of the mobile terminal screen 21. As shown in FIG. 14, when the second distance moved exceeds a preset first threshold, the mobile terminal determines that the page to be displayed needs to be displayed, so the real content of page B, that is, the WeChat chat page is displayed in full screen.

S605: Obtain a third direction and a third distance that the mobile terminal moves.

The third direction in which the mobile terminal moves is the direction in which the mobile terminal moves after the S604 mobile terminal displays the page to be displayed. The third distance is the distance that the mobile terminal moves in the third direction after the S604 mobile terminal displays the page to be displayed.

Similar to the optional acquisition methods of the first direction and the second direction, the third direction of the mobile terminal may be obtained through one or more of an acceleration sensor, a gyro sensor, and a camera sensor. The third direction obtained using multiple sensors has higher accuracy.

Similar to the optional obtaining method of the first distance and the second distance, the mobile terminal may specifically select the obtaining method of the third distance according to the magnitude of the acceleration obtained by the acceleration sensor when the mobile terminal obtained by the acceleration sensor moves in the third direction. For details, please refer to the description above, and will not be repeated here.

S606: When it is determined that the third direction is the opposite direction of the first direction and the third distance is greater than a preset second threshold, the screen of the mobile terminal corresponds to the page to be displayed.

The preset second threshold is a preset distance limit for triggering an operation of the mobile terminal screen corresponding to a page to be displayed. In this step, whether the third direction is opposite to the preset direction, and the relationship between the third distance and the preset second threshold is to determine whether the mobile terminal can return from the state of the page to be displayed to the screen corresponding to the state of the page to be displayed. Determinants. Only when it is determined that the third direction is opposite to the first direction and the third distance is greater than a preset second threshold, the screen of the mobile terminal corresponds to the page to be displayed.

In this embodiment, the first direction determined by S604 is unique. As a specific implementation manner, if the determined first direction is the back direction of the screen of the mobile terminal, when the mobile terminal determines that the third direction is the front direction of the screen of the mobile terminal and the third distance is greater than a preset second threshold, The screen of the mobile terminal corresponds to the page to be displayed. As another specific implementation manner, if the determined first direction is the front direction of the screen of the mobile terminal, when the mobile terminal determines that the third direction is the back direction of the screen of the mobile terminal and the third distance is greater than a preset second threshold , The screen of the mobile terminal corresponds to the page to be displayed.

When the mobile terminal returns from the state of displaying the page to be displayed to the screen corresponding to the state of the page to be displayed, the content displayed on the screen of the mobile terminal changes from the page to be displayed in full screen to a preset area of the screen or a miniature window containing the page to be displayed in the center . The miniature window may be a schematic diagram of a page to be displayed, a representative icon of the page to be displayed, or a historical screenshot of the page to be displayed, etc., or may be a miniature page screen to be displayed. It should be noted that the display area of the micro window is always smaller than the full screen display area of the screen.

The above is an application page display method provided by an embodiment of the present disclosure. A mobile terminal first obtains a second direction and a second distance that the mobile terminal moves; according to the second direction, the second distance, and an initial position of each page of the first application, the mobile terminal is obtained. The first application page corresponding to the screen to be displayed. After that, the first direction and the first distance of the mobile terminal are obtained, and when it is determined that the first direction is a preset direction and the first distance is greater than a preset first threshold, a page to be displayed is displayed. After displaying the page to be displayed, if a mobile terminal movement is detected, a third direction and a third distance of the mobile terminal movement are obtained, and it is determined that the third direction is the opposite direction of the first direction and the third distance is greater than a preset second threshold, The screen of the mobile terminal corresponds to the state of the page to be displayed. It can be known from this that the method realizes the switching of the state of the mobile terminal from the screen corresponding to the page to be displayed of the first application, to displaying the page to be displayed, and then back to the screen corresponding to the page to be displayed. Furthermore, the mobile terminal can repeatedly execute the application page display method provided in this embodiment to switch from a certain page displaying the first application to another page displaying the first application, so as to satisfy the user's convenient switching of multiple pages of the same application. Demonstrated demand.

In addition, the embodiment of the present disclosure also provides another optional implementation manner to achieve the effect of the above-mentioned page switching display. After the above-mentioned embodiment S604 displays the page to be displayed, when the mobile terminal detects that the screen is touched or a preset button on the screen is triggered, the screen of the mobile terminal corresponds to the page to be displayed. To facilitate understanding of this implementation, an example is described below.

The mobile terminal is preset with a button for causing the mobile terminal to return from the state of displaying the page to be displayed to the screen corresponding to the state of the page to be displayed. This button can be set on a mobile terminal where the user can touch it, such as near the screen lock key of the mobile terminal, on the screen of the mobile terminal, or on the back of the mobile terminal case. In addition, this function can also share the same button with the existing functions of the mobile terminal. When the mobile terminal detects that the button is triggered, it indicates that the user wishes to make the mobile terminal pause or stop browsing the currently displayed page, and wishes to reselect the page to be displayed on the screen. At this time, the mobile terminal responds to the user's trigger operation, Corresponds to the page to be displayed.

It can be understood that, in this embodiment, the mobile terminal may also return from displaying the status of the page to be displayed to the screen corresponding to the status of the page to be displayed in other ways. For example, the above functions are implemented in response to a specific gesture of the user, or according to the flip angle of the mobile terminal itself. Here, the specific implementation of the mobile terminal from displaying the status of the page to be displayed back to the screen corresponding to the status of the page to be displayed is not limited.

Corresponding to the application page display method provided by the foregoing embodiments, an embodiment of the present disclosure also provides a mobile terminal. The specific implementation of the mobile terminal is described below with reference to FIG. 15.

Mobile terminal embodiment:

15, FIG. 15 is a schematic structural diagram of a mobile terminal according to an embodiment of the present disclosure. The mobile terminal 15 may include a controller 151 and a screen 21.

The controller 151 is configured to obtain a first application to-be-displayed page corresponding to the screen, and a first direction and a first distance that the mobile terminal moves; determine that the first direction is a preset direction and the first When a distance is greater than a preset first threshold, controlling to display the page to be displayed through the screen; the preset direction is a direction perpendicular to the screen of the mobile terminal.

The screen 21 is configured to display the layout of each page of the first application, and display the pages to be displayed of the first application according to the control of the controller 151. When the screen 21 displays the layout of each page of the first application, it corresponds to only one first application page at a time. When the screen 21 displays the page to be displayed of the first application according to the control of the controller 151, only one page to be displayed of the first application is displayed full screen at a time.

In the mobile terminal provided in this embodiment, whether the application page is displayed or not depends only on whether the mobile terminal moves in a direction and distance that meets the requirements, and whether the screen corresponds to a certain page of the application to be displayed. The mobile terminal does not require the user to touch a specific button on the screen or perform a page switching gesture. Therefore, the dependence of the page display on the user's manual touch operation is reduced, the convenience of the page display is improved, and the user experience is effectively improved.

An embodiment of the present disclosure further provides a non-transitory computer-readable storage medium storing a computer program, and the operation instructions included in the program can be executed by a processor to complete the application page display method provided by the foregoing embodiment. For example, the non-transitory computer-readable storage medium may be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, and the like.

A non-transitory computer-readable storage medium, when instructions in the storage medium are executed by a processor of a mobile terminal, enable the mobile terminal to execute an application page display method, the method includes:

Obtaining a first application to-be-displayed page corresponding to a mobile terminal screen, and a first direction and a first distance that the mobile terminal moves;

When it is determined that the first direction is a preset direction and the first distance is greater than a preset first threshold, the page to be displayed is displayed; the preset direction is a direction perpendicular to the screen of the mobile terminal.

An embodiment of the present disclosure further provides a processor for running operation instructions contained in a computer program stored in a non-transitory computer-readable storage medium:

The above descriptions are merely preferred embodiments of the present disclosure, and do not limit the present disclosure in any form. Although the present disclosure has been disclosed as above with preferred embodiments, it is not intended to limit the present disclosure. Any person skilled in the art can make many possible changes and modifications to the technical solutions of the present disclosure, or modify them to equivalent equivalents without departing from the scope of the technical solutions of the present disclosure. Examples. Therefore, any simple modifications, equivalent changes, and modifications made to the above embodiments according to the technical essence of the present disclosure without departing from the content of the technical solution of the present disclosure still fall within the protection scope of the technical solution of the present disclosure.

Claims

An application page display method is characterized in that it includes:

Obtaining a first application to-be-displayed page corresponding to a mobile terminal screen, and a first direction and a first distance of the mobile terminal moving;

When it is determined that the first direction is a preset direction and the first distance is greater than a preset first threshold, displaying the page of the first application to be displayed; the preset direction is a direction perpendicular to the screen of the mobile terminal.
The method for displaying an application page according to claim 1, wherein the step of obtaining a first application to-be-displayed page corresponding to a screen of a mobile terminal comprises:

Obtaining a second direction and a second distance that the mobile terminal moves;

Obtaining the first application to-be-displayed page corresponding to the mobile terminal screen according to the second direction, the second distance, and the initial position of each page of the first application; the initial position of each page of the first application is the Each page of the first application is tiled on a plane according to a preset layout, the plane is parallel to the screen of the mobile terminal; the second direction is parallel to the screen of the mobile terminal, and includes at least upward, downward, One of left and right.
The method for displaying an application page according to claim 2, wherein the first direction and the second direction are obtained by at least one of the following:

An acceleration sensor, a gyroscope sensor, and a camera sensor provided on the mobile terminal.
The method for displaying an application page according to claim 2, wherein the obtaining the first distance moved by the mobile terminal comprises:

According to an acceleration sensor provided by the mobile terminal, a first acceleration of the mobile terminal movement is obtained; according to a timer provided by the mobile terminal, a first time of the mobile terminal movement is obtained; according to the first acceleration and the Said first time, obtaining a first speed of movement of said mobile terminal; integrating said first speed within an interval of said first time to obtain said first distance;

The obtaining the second distance moved by the mobile terminal includes:

Obtaining a second acceleration of the mobile terminal movement according to the acceleration sensor; obtaining a second time of movement of the mobile terminal according to the timer; obtaining the second acceleration of the mobile terminal according to the second acceleration and the second time A second speed at which the mobile terminal moves; integrating the second speed within the second time interval to obtain the second distance.
The method for displaying an application page according to claim 2, wherein the obtaining the first distance moved by the mobile terminal comprises:

Obtaining a first environment image captured by the camera sensor provided by the mobile terminal when the mobile terminal moves in the first direction; and according to the feature point position change between every two adjacent frames in the first environment image To determine the distance that the mobile terminal moves between every two adjacent frames, and add up the distance that the mobile terminal moves between all two adjacent frames to obtain the first distance;

The obtaining the second distance moved by the mobile terminal includes:

Obtaining a second environment image captured by the camera sensor provided by the mobile terminal when the mobile terminal moves in the second direction; and according to the feature point position change between every two adjacent frames in the second environment image To determine the distance that the mobile terminal moves between each two adjacent frames, and add up the distance that the mobile terminal moves between all two adjacent frames to obtain the second distance.
The method for displaying an application page according to claim 1 or 2, wherein after displaying the page to be displayed of the first application, further comprising:

Obtaining a third direction and a third distance that the mobile terminal moves;

When it is determined that the third direction is opposite to the first direction and the third distance is greater than a preset second threshold, the screen of the mobile terminal corresponds to the page to be displayed of the first application.
The method for displaying an application page according to claim 1 or 2, wherein after displaying the page to be displayed of the first application, further comprising:

When it is detected that a preset button on the mobile terminal is triggered, the screen of the mobile terminal corresponds to the page to be displayed of the first application.
The method for displaying an application page according to claim 6, wherein the screen of the mobile terminal corresponding to the page to be displayed of the first application comprises:

The screen of the mobile terminal includes a micro window of the page to be displayed of the first application, and a display area of the micro window is always smaller than a full screen display area of the screen of the mobile terminal.
A mobile terminal, comprising: a controller and a screen;

The controller is configured to obtain a first application to-be-displayed page corresponding to the screen, and a first direction and a first distance that the mobile terminal moves; determine that the first direction is a preset direction and the first When the distance is greater than a preset first threshold, controlling to display the page of the first application to be displayed through the screen; the preset direction is a direction perpendicular to the screen.
A computer-readable storage medium, characterized in that a computer program is stored thereon, and when the computer program is executed by a processor, the application page display method according to any one of claims 1-8 is implemented.