Image display device, method, medium and electronic device based on mobile terminal

By obtaining the rotation angle value of the mobile terminal, the image is controlled to move on the display screen, which solves the problem of insufficient display screen size of the mobile terminal, realizes the segmented display and synchronous display of the image, and improves the user experience and fun.

CN112534388BActive Publication Date: 2025-01-10BOE TECHNOLOGY GROUP CO LTD
View PDF 3 Cites 0 Cited by

Patent Information

Application Number
CN201980001091.1
Authority / Receiving Office
CN · China
Patent Type
Patents(China)
Current Assignee / Owner
Filing Date
2019-07-19
Publication Date
2025-01-10
Estimated Expiration
2040-05-11

AI Technical Summary

Technical Problem

Insufficient screen size on mobile terminals or excessively large images cause inconvenience for users when viewing images, and existing image display methods lack appeal.

Method used

By obtaining the rotation angle value of the mobile terminal around the axis, the moving speed and direction of the image on the display screen are determined. The image is then moved on the display screen by rotating the terminal, enabling the image to be displayed in different areas and simultaneously displayed on other terminals.

Benefits of technology

It enhances the fun and convenience of image display, allowing users to browse image content beyond the screen without actively touching it, providing a new way of motion-sensing browsing.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN112534388B_ABST
    Figure CN112534388B_ABST
Patent Text Reader

Abstract

The present disclosure relates to the field of image processing technology, and in particular to an image display device, method, medium and electronic device based on a mobile terminal. The device includes: an angle acquisition processor, configured to obtain the angle value of the mobile terminal rotating around the axis of the second direction; a moving speed processor, configured to determine the moving speed of the image in the display screen display interface according to the angle value, and / or, according to the relationship between the size of the image displayed on the display screen along the first direction and the size of the display screen display interface along the first direction; an image movement controller, configured to control the image to move along the first direction in the display screen display interface according to the moving speed. This technical solution obtains image content by rotating the mobile terminal, so that the image in the display interface moves with the rotation of the mobile terminal, providing users with a somatosensory browsing method for images, thereby enhancing the fun of image display.
Need to check novelty before this filing date? Find Prior Art

Description

Background Art

[0002] In the process of office or leisure, it is more and more common to view images through mobile terminals. However, due to the fact that the display screen size of the mobile terminal is not large enough or the size of the image to be displayed is too large, the image size often exceeds the size of the display screen, which brings inconvenience to users viewing images through mobile terminals.

[0003] In the related art, a touch-screen sliding method is used to display various areas of an image on a display screen, so that the user can view the entire content of the image.

[0004] However, the interest of the image display method provided by the related art needs to be improved.

[0005] It should be noted that the information disclosed in the above background technology section is only used to enhance the understanding of the background of the present disclosure, and therefore may include information that does not constitute the prior art known to ordinary technicians in the field. Summary of the invention

[0006] The object of the present disclosure is to provide an image display method based on a mobile terminal, an image display device based on a mobile terminal, and a computer-readable storage medium and an electronic device for implementing the image display method based on a mobile terminal.

[0007] Other features and advantages of the present disclosure will become apparent from the following detailed description, or may be learned in part by the practice of the present disclosure.

[0008] According to a first aspect of an embodiment of the present disclosure, there is provided an image display device based on a mobile terminal, the device comprising:

[0009] A rotation angle acquisition processor, configured to acquire a rotation angle value of the mobile terminal rotating around an axis in a second direction;

[0010] A moving speed processor is configured to determine the moving speed of the image displayed on the display screen of the mobile terminal in the display screen display interface according to the rotation angle value, and / or determine the moving speed of the image in the display screen display interface according to the relationship between the size of the image displayed on the display screen along the first direction and the size of the display screen display interface along the first direction;

[0011] An image movement controller, configured to control the image to move along the first direction in the display interface of the display screen according to the movement speed;

[0012] The first direction and the second direction are substantially perpendicular to each other.

[0013] In an exemplary embodiment of the present disclosure, based on the aforementioned scheme, for a case where the moving speed processor is configured to determine the moving speed of the image displayed on the display screen of the mobile terminal in the display interface of the display screen according to the turning angle value, the moving speed processor is specifically configured as follows: in response to the turning angle value being less than a first turning angle threshold, the moving speed is positively correlated with the turning angle value.

[0014] In an exemplary embodiment of the present disclosure, based on the above-mentioned solution, for a case where the movement speed processor is configured to determine the movement speed of the image in the display interface of the display screen according to the relationship between the size of the image displayed on the display screen along the first direction and the size of the display interface of the display screen along the first direction, the movement speed processor is specifically configured as follows:

[0015] The moving speed is determined according to a size difference between a boundary of the image along the first direction and a boundary of the display interface along the first direction and a second rotation angle threshold.

[0016] In an exemplary embodiment of the present disclosure, based on the above-mentioned solution, the above-mentioned moving speed processor is specifically configured as follows:

[0017] The moving speed is determined according to the ratio of the size difference and the second turning angle threshold.

[0018] In an exemplary embodiment of the present disclosure, based on the above-mentioned solution, the above-mentioned image movement controller is specifically configured as follows:

[0019] Determining a moving size of the image along the first direction according to the moving speed and the rotation angle value;

[0020] According to the moving size, determining a to-be-displayed area in the first direction of the image;

[0021] The image is controlled to move along the first direction in the display interface of the display screen by displaying the area to be displayed on the display screen.

[0022] In an exemplary embodiment of the present disclosure, based on the above scheme,

[0023] The rotation angle acquisition processor is further configured to: acquire the rotation direction of the mobile terminal around the axis of the second direction;

[0024] The image movement controller is further configured to: determine the movement direction of the image according to the rotation direction;

[0025] The rotation direction includes: a clockwise direction around the second direction and a counterclockwise direction around the second direction.

[0026] In an exemplary embodiment of the present disclosure, based on the above solution, the image movement controller is further configured as follows:

[0027] In response to the angle value of the rotation around the axis in the second direction reaching the second angle threshold, the image is controlled to stop moving along the first direction in the display interface of the display screen by stopping determining the next area to be displayed in the first direction.

[0028] In an exemplary embodiment of the present disclosure, based on the above solution, the size of the image in the first direction is larger than the size of the display interface of the display screen in the first direction, and the image movement controller is further configured as follows:

[0029] In response to the angle value being greater than or equal to the first angle threshold and the mobile terminal rotating in a clockwise direction around the axis in the second direction, displaying the second end of the image in the first direction in the display interface; or,

[0030] In response to the rotation angle value being greater than or equal to the first rotation angle threshold and the rotation direction of the mobile terminal around the axis in the second direction being counterclockwise, a first end of the image in the first direction is displayed in the display interface.

[0031] In an exemplary embodiment of the present disclosure, based on the above scheme,

[0032] The first direction is parallel to the first side of the display screen, and the second direction is parallel to the second side of the display screen; or,

[0033] The first direction is parallel to the second side of the display screen, and the second direction is parallel to the first side of the display screen.

[0034] In an exemplary embodiment of the present disclosure, based on the above scheme,

[0035] The above-mentioned rotation angle acquisition processor is further configured to: obtain a third rotation angle value of the above-mentioned mobile terminal rotating around the axis in the above-mentioned first direction;

[0036] The moving speed processor is further specifically configured to: determine the moving speed of the image displayed on the display screen of the mobile terminal along the second direction in the display screen display interface according to the third turning angle value, and / or determine the moving speed of the image along the second direction in the display screen display interface according to the relationship between the size of the image displayed on the display screen along the second direction and the size of the display screen display interface along the second direction;

[0037] The image movement controller is further specifically configured to control the image to move along the second direction in the display interface of the display screen according to the moving speed along the second direction.

[0038] In an exemplary embodiment of the present disclosure, based on the above scheme,

[0039] The rotation angle acquisition processor is further configured to: acquire a fourth rotation angle value of the mobile terminal shaking around an axis perpendicular to the display screen;

[0040] The moving speed processor is further specifically configured to: determine the moving speed of the image displayed on the display screen of the mobile terminal in the display screen display interface according to the fourth turning angle value, and / or determine the moving speed of the image in the display screen display interface according to the relationship between the size of the image displayed on the display screen along the first direction and the size of the display screen display interface along the first direction;

[0041] The image movement controller is also specifically configured to: control the image to move along the first direction in the display interface of the display screen according to the upward movement speed.

[0042] In an exemplary embodiment of the present disclosure, based on the above solution, the above device further includes:

[0043] The instruction generator is configured to generate an instruction for controlling the display terminal to display an image in response to the image movement controller controlling the image to move in the display interface of the display screen.

[0044] In an exemplary embodiment of the present disclosure, based on the above-mentioned solution, the above-mentioned instruction includes the current image area information displayed in the display interface of the above-mentioned display screen, so that the above-mentioned display terminal displays the above-mentioned current image area.

[0045] In an exemplary embodiment of the present disclosure, based on the above-mentioned solution, the above-mentioned instruction is used to control the image displayed in the above-mentioned display terminal to move along the above-mentioned first direction.

[0046] According to a second aspect of the present disclosure, a method for displaying an image based on a mobile terminal is provided, the method comprising:

[0047] Obtaining a rotation angle value of the mobile terminal around an axis in a second direction;

[0048] Determine the moving speed of the image displayed on the display screen of the mobile terminal in the display screen display interface according to the rotation angle value, and / or determine the moving speed of the image in the display screen display interface according to the relationship between the size of the image displayed on the display screen along the first direction and the size of the display screen display interface along the first direction;

[0049] According to the moving speed, controlling the image to move along the first direction in the display interface of the display screen;

[0050] The first direction and the second direction are substantially perpendicular to each other.

[0051] In an exemplary embodiment of the present disclosure, based on the above-mentioned solution, the above-mentioned determining the moving speed of the image displayed on the display screen of the above-mentioned mobile terminal in the display interface of the above-mentioned display screen according to the above-mentioned rotation angle value includes:

[0052] In response to the rotation angle value being less than a first rotation angle threshold, the moving speed of the image in the display interface of the display screen is positively correlated with the rotation angle value.

[0053] In an exemplary embodiment of the present disclosure, based on the above-mentioned solution, the moving speed of the image in the display interface of the display screen is determined according to the relationship between the size of the image displayed on the display screen along the first direction and the size of the display interface of the display screen along the first direction, including:

[0054] The moving speed is determined according to a size difference between the image along the first direction boundary and the display interface along the first direction boundary and a second rotation angle threshold.

[0055] In an exemplary embodiment of the present disclosure, based on the above scheme, determining the moving speed according to the size difference between the image along the first direction boundary and the display interface along the first direction boundary and the first turning angle threshold includes:

[0056] The moving speed is determined according to the ratio of the size difference and the second turning angle threshold.

[0057] In an exemplary embodiment of the present disclosure, based on the above solution, the above method further includes:

[0058] In response to the control of the image to move in the display interface of the display screen, an instruction for controlling the display terminal to display the image is generated.

[0059] According to a third aspect of an embodiment of the present disclosure, there is provided an electronic device, including:

[0060] Processor; and

[0061] A memory, configured to store executable instructions of the processor;

[0062] In which, the processor is configured to perform the steps of the method described in any one of the embodiments of the second aspect above by executing the executable instructions.

[0063] According to a fourth aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided, on which a computer program is stored, and when the program is executed by a processor, the steps of the method described in any one of the embodiments of the second aspect above are implemented.

[0064] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS

[0065] The accompanying drawings herein are incorporated into the specification and constitute a part of the specification, illustrate embodiments consistent with the present disclosure, and together with the specification are used to explain the principles of the present disclosure. Obviously, the accompanying drawings described below are only some embodiments of the present disclosure, and for ordinary technicians in this field, other accompanying drawings can be obtained based on these accompanying drawings without creative work.

[0066] Figure 1 A flowchart schematically illustrates an image display method based on a mobile terminal in an exemplary embodiment of the present disclosure;

[0067] Figure 2 A schematic diagram of a usage scenario according to an embodiment of the present disclosure is shown;

[0068] Figure 3 A usage scenario diagram according to another embodiment of the present disclosure is schematically shown;

[0069] Figure 4 A structural diagram schematically shows an image display device based on a mobile terminal in an exemplary embodiment of the present disclosure;

[0070] Figure 5 A usage scenario diagram according to another embodiment of the present disclosure is schematically shown;

[0071] Figure 6 A flowchart schematically illustrates an image display method based on a mobile terminal in another exemplary embodiment of the present disclosure;

[0072] Figure 7 A flowchart schematically shows an image display method based on a mobile terminal in another exemplary embodiment of the present disclosure;

[0073] Figure 8 A usage scenario diagram according to another embodiment of the present disclosure is schematically shown;

[0074] Fig. 9 A usage scenario diagram according to another embodiment of the present disclosure is schematically shown;

[0075] Fig.10 A flowchart schematically illustrates an image display method based on a mobile terminal in another exemplary embodiment of the present disclosure;

[0076] Fig.11 A flowchart schematically illustrates an image display method based on a mobile terminal in an exemplary embodiment of the present disclosure;

[0077] Fig.12A schematic diagram of a usage scenario according to an embodiment of the present disclosure is shown;

[0078] Fig.13 A flowchart schematically illustrates an image display method based on a mobile terminal in another exemplary embodiment of the present disclosure;

[0079] Fig.14 A usage scenario diagram according to another embodiment of the present disclosure is schematically shown;

[0080] Fig.15 A flowchart schematically shows an image display method based on a mobile terminal in another exemplary embodiment of the present disclosure;

[0081] Fig.16 A usage scenario diagram according to another embodiment of the present disclosure is schematically shown;

[0082] Fig.17 A flowchart of an image display method based on a mobile terminal according to an embodiment of the present disclosure is schematically shown;

[0083] Fig.18 A computer-readable storage medium for implementing the above-mentioned image display method based on a mobile terminal is schematically shown; and,

[0084] Fig.19 An example block diagram of an electronic device for implementing the above-mentioned image display method based on a mobile terminal is schematically shown. DETAILED DESCRIPTION

[0085] Example embodiments will now be described more fully with reference to the accompanying drawings. However, example embodiments can be implemented in a variety of forms and should not be construed as limited to the examples set forth herein; rather, these embodiments are provided so that the disclosure will be more comprehensive and complete and to fully convey the concepts of the example embodiments to those skilled in the art. The described features, structures, or characteristics may be combined in any suitable manner in one or more embodiments.

[0086] In addition, the accompanying drawings are only schematic illustrations of the present disclosure and are not necessarily drawn to scale. The same reference numerals in the figures represent the same or similar parts, and their repeated description will be omitted. Some of the block diagrams shown in the accompanying drawings are functional entities and do not necessarily correspond to physically or logically independent entities. These functional entities can be implemented in software form, or implemented in one or more hardware modules or integrated circuits, or implemented in different networks and / or processor devices and / or microcontroller devices.

[0087] The block diagrams shown in the accompanying drawings are merely functional entities and do not necessarily correspond to physically independent entities. That is, these functional entities may be implemented in software form, or in one or more hardware modules or integrated circuits, or in different networks and / or processor devices and / or microcontroller devices.

[0088] The flowcharts shown in the accompanying drawings are only exemplary and do not necessarily include all the contents and operations / steps, nor must they be executed in the order described. For example, some operations / steps can be decomposed, and some operations / steps can be combined or partially combined, so the actual execution order may change according to actual conditions.

[0089] It should be noted that, although the steps of the method in the present disclosure are described in a specific order in the accompanying drawings, this does not require or imply that the steps must be performed in this specific order, or that all the steps shown must be performed to achieve the desired results. Additionally or alternatively, some steps may be omitted, multiple steps may be combined into one step for execution, and / or one step may be decomposed into multiple steps for execution, etc. In addition, it is also easy to understand that these steps may be, for example, executed synchronously or asynchronously in multiple modules / processes / threads.

[0090] This example implementation first provides an image display method based on a mobile terminal. Figure 1 The flowchart of the image display method based on the mobile terminal in the exemplary embodiment of the present disclosure is schematically shown, which at least improves the interest of the image display of the mobile terminal to a certain extent.

[0091] The execution subject of the mobile terminal-based image display method provided in this embodiment may be a device with computing and processing functions, such as a server, etc. In this embodiment, the execution subject is explained by taking the mobile terminal-based image display device as an example.

[0092] refer to Figure 1 As shown in , the method may include the following steps:

[0093] Step S110, obtaining a rotation angle value of the mobile terminal around an axis in a second direction;

[0094] Step S120, determining the moving speed of the image displayed on the display screen of the mobile terminal in the display screen display interface according to the rotation angle value, and / or determining the moving speed of the image in the display screen display interface according to the relationship between the size of the image displayed on the display screen along the first direction and the size of the display screen display interface along the first direction; and

[0095] Step S130: Control the image to move along the first direction in the display interface of the display screen according to the moving speed.

[0096] exist Figure 1 In the technical solution provided by the illustrated embodiment, the rotation angle value of the mobile terminal around the axis in the second direction is obtained, and the moving speed of the image displayed on the display screen of the mobile terminal in the display screen display interface is determined according to the rotation angle value, and / or the moving speed of the image in the display screen display interface is determined according to the relationship between the size of the image displayed on the display screen along the first direction and the size of the display screen display interface along the first direction, and further, according to the moving speed, the image is controlled to move along the first direction in the display screen display interface. In this technical solution, the image content is obtained by rotating the mobile terminal, so that the image in the display interface moves with the rotation of the mobile terminal, providing the user with a somatosensory browsing method of the image, thereby enhancing the interest of the image display.

[0097] In an exemplary embodiment of the present disclosure, the mobile terminal refers to a terminal device with a display screen, such as a mobile phone, a notebook, a tablet computer, a POS machine, etc. The following embodiments may take a mobile phone as an example to illustrate the specific implementation of the technical solution.

[0098] In the exemplary embodiment, an exemplary usage scenario of the present technical solution is first introduced.

[0099] In an exemplary embodiment, the somatosensory browsing image solution provided in this embodiment is applicable to images of various sizes, including: in the first direction, the image size is larger than the display screen size, the image is equal to the display screen size, and the image size is smaller than the display screen size. Specifically, for the case where the image size is larger than the display screen size in the first direction, the image moves with the rotation of the mobile terminal parallel to the second direction, for example, an undisplayed image area is displayed extending along the first direction. For the case where the image size is smaller than the display screen size in the first direction, the image moves with the rotation of the mobile terminal parallel to the second direction, for example, the image on the display screen is translated along the first direction. For the case where the image size is the same as the display screen size in the first direction, the image does not move with the rotation of the mobile terminal parallel to the second direction.

[0100] For example, Figure 2 FIG. 1 shows a schematic diagram of a usage scenario according to an embodiment of the present disclosure. Figure 2 , the size information of the image 200 is: [x1 (in the X-axis direction), y1 (in the Y-axis direction)], and the size information of the display screen 20 of the mobile terminal phone is: [x2 (first side), y2 (second side)]. Figure 2When the manner shown is displayed on the display screen 20 of the mobile phone, in the X-axis direction, since the first side dimension x2 of the display interface of the display screen 20 is smaller than the dimension x1 of the image 200, according to the somatosensory browsing image solution provided in this embodiment, the image can be extended with more image details by rotating the mobile phone around an axis parallel to the second side of the display screen, thereby realizing viewing of various areas of the image 200.

[0101] For example, Figure 3 FIG. 2 shows another use scenario schematic diagram according to an embodiment of the present disclosure. Figure 2 The embodiment shown, reference Figure 3 , by rotating the mobile terminal (mobile phone 30) around an axis parallel to the second side of the display screen, the image 200 is extended with more image details following the rotation of the mobile phone 30. For example, the current image area 301 displayed on the display screen of the mobile phone 30. In order to facilitate user browsing, the current image area 301 displayed in the mobile phone 30 can also be sent to another display terminal, such as the screen end 31, so that the corresponding image area 311 is also displayed in the screen end 31. This embodiment plays a role in synchronizing the image moving in the display screen of a mobile terminal to another terminal, thereby providing a way for users to browse images through the screen end 31.

[0102] In combination with the image display device 400 based on the mobile terminal, Figure 1 The specific implementation of each step of the illustrated embodiment is described in more detail.

[0103] In an exemplary embodiment, in step S110, the rotation angle value of the mobile terminal rotating around the axis in the second direction is obtained by the rotation angle acquisition processor 401. Exemplarily, the rotation angle acquisition processor 401 may be a gyroscope, an acceleration sensor, and the like.

[0104] In this embodiment, a rectangular display screen (specifically, the first side is recorded as the short side of the display screen in the following embodiments, and the second side is recorded as the long side of the display screen in the following embodiments) is used as an example for relevant description. For a square display screen, the long side of the display screen and the short side of the display screen correspond to the "first side of the square display screen" and the "second side of the square display screen" that intersects with the first side, respectively, so the square display screen is not described separately in the following embodiments. Then, in the following embodiments, the second direction is a direction parallel to the long side of the display screen.

[0105] In an exemplary embodiment, in response to an image having a first size in a first direction greater than a first threshold being displayed on the display screen of the mobile terminal, a gyroscope and an acceleration sensor are triggered to obtain the rotation angle value of the mobile terminal around the axis in the second direction. Exemplarily, the gyroscope and the acceleration sensor can be arranged together inside the mobile phone near the center of the display screen to improve the accuracy of the image display area by improving the accuracy of the angle measurement value. Wherein, the angle between the above-mentioned first direction and the above-mentioned second direction is in the range of [90-l, 90+j] degrees, where l and k are both small positive values, such as 5 or 10.

[0106] Exemplary, reference Figure 2 When the size x1 (i.e., the first size) of the image 200 displayed on the display screen 20 in the X-axis direction is greater than the size x2 of the short side of the display screen, the gyroscope and the acceleration sensor are triggered to obtain the mobile terminal around an axis parallel to the long side direction (i.e., Figure 5 Further, the image area dynamically displayed on the display screen is finally determined based on the rotation angle value around the axis 51, thereby achieving the purpose of displaying the entire image 200 in different areas, providing the user with a browsing effect of the image moving on the display screen, and improving the fun of image display by providing a somatosensory browsing method for the image.

[0107] In an exemplary embodiment, in order to prevent the mobile terminal from rotating too much to affect the user's experience of viewing the display screen, the technical solution sets a rotation angle threshold. Exemplarily, the rotation angle threshold can be set to an angle value not greater than 45 degrees.

[0108] In an exemplary embodiment, in step S120, the moving speed processor 402 determines the moving speed of the image in the display interface of the display screen according to the above-mentioned rotation angle value, and / or determines the moving speed of the image in the display interface of the display screen according to the relationship between the size of the image along the first direction and the size of the display interface of the display screen along the first direction. It can be seen that the technical solution provides multiple ways to determine the moving speed of the image, including the following specific implementations:

[0109] In a specific implementation, the moving speed of the image in the display interface of the display screen is determined according to the above-mentioned turning angle value. In this embodiment, the turning angle value used to determine the above-mentioned moving speed is represented by "first turning angle value". When the above-mentioned "first turning angle value" is within the range of the "first turning angle threshold", the "first turning angle value" is used to determine the moving speed of the image. When the above-mentioned "first turning angle value" is greater than the above-mentioned "first turning angle threshold", the leftmost or rightmost end of the image is displayed on the display screen. Specifically:

[0110] Exemplarily, in response to the first rotation angle value being less than the first rotation angle threshold, the moving speed of the image in the display interface of the display screen is positively correlated with the first rotation angle value. Figure 5 When the first rotation angle value around the axis 51 is large, the image moves faster in the display screen. Conversely, when the first rotation angle value around the axis 51 is small, the image moves slower in the display screen. Specifically, the relationship between the first rotation angle value and the image movement speed can be a linear relationship or a nonlinear relationship. The user controls the image movement speed by adjusting the rotation angle of the mobile terminal, so that the user can manually control the image movement speed according to different needs, thereby improving the somatosensory browsing experience.

[0111] Exemplarily, when the first rotation angle value is greater than or equal to the first rotation angle threshold, one end of the image 200 is directly displayed in the display screen. Specifically, when the first rotation angle value is greater than or equal to the first rotation angle threshold and the rotation direction of the mobile terminal around the axis 51 is clockwise, the rightmost end of the image 200 in the X-axis direction is displayed in the display interface. When the first rotation angle value is greater than or equal to the first rotation angle threshold and the rotation direction of the mobile terminal around the axis 81 is counterclockwise, the leftmost end of the image 200 in the X-axis direction is displayed in the display interface. Thus, the user can conveniently view one end of the image through the rotation angle greater than the first rotation angle threshold, saving the time occupied by the image movement and further improving the user's image browsing experience.

[0112] In another specific implementation, the moving speed of the image in the display interface of the display screen is determined according to the relationship between the size of the image along the first direction and the size of the display interface of the display screen along the first direction.

[0113] In a specific implementation manner, reference Figure 2 and Figure 5 According to the size difference h1 between the boundary x1 of the image 200 along the first direction and the boundary size x2 of the display interface along the first direction (i.e., h1=x1-x2) and the second rotation angle threshold, the moving speed of the image along the first direction in the display interface when rotating around the axis 51 is determined.

[0114] Exemplarily, the second angle threshold represents the maximum value of the mobile phone rotating around the axis 51, and the value is α. Then, according to the ratio of the size difference and the second angle threshold, the specific implementation method of determining the moving speed can be: the moving speed λ1 is (h1 / α), which means that for every 1 degree of rotation of the mobile phone display screen 20 around the axis 51, the image 200 moves (h1 / α) in the short side direction of the display screen 20. In this embodiment, according to the size of the image, the image moving speed is automatically adjusted to facilitate the user to browse the complete image. When the image size is large, the image moving speed is automatically adjusted to speed up to prevent the user from browsing for too long, so as to enhance the user's experience of browsing the image.

[0115] In another specific implementation, the moving speed of the image in the display interface of the display screen is determined simultaneously according to the rotation angle value obtained in step S110 (the first aspect) and the relationship between the size of the image along the first direction and the size of the display interface of the display screen (the second aspect). Specifically, the final image moving speed can be determined by weighting and summing the sub-moving speeds determined in each aspect.

[0116] In an exemplary embodiment, in step S130, the image movement controller 403 controls the image to move along the first direction in the display interface of the display screen according to the movement speed.

[0117] In one embodiment, when the moving speed of the image is determined based on the above-mentioned size difference and the above-mentioned second angle threshold, the moving size of the image along the first direction is determined according to the moving speed and the angle value through the moving size processing module 4031; a to-be-displayed area is determined in the first direction of the above-mentioned image according to the above-mentioned moving size through the to-be-displayed area determination module 4032; and, through the image movement control module 4033, the image is controlled to move along the above-mentioned first direction in the display interface of the above-mentioned display screen by displaying the above-mentioned to-be-displayed area on the above-mentioned display screen.

[0118] Specifically, as the mobile terminal rotates around the axis 51, the angle value is obtained multiple times. For example, once per second. A corresponding moving size is determined for each angle value, and multiple areas to be displayed are determined in the X-axis direction of the image 200 according to the moving size corresponding to each angle value. Further, the technical effect of the image moving in the display screen is achieved by successively displaying the multiple areas to be displayed in the display screen. For example, refer to Figure 2 , if the current display area in the real meeting is the initial area 201 of the image 200, two rotation angle values ​​are obtained as the mobile terminal rotates around the axis 51. A moving size is determined according to the rotation angle value obtained for the first time, and the area to be displayed is further determined to be the middle area 202 according to the moving size, and the middle area 202 is displayed. According to the rotation angle value obtained for the second time, a moving size is determined, and the area to be displayed is further determined to be the last area (i.e., the rightmost area 203) of the image 200 according to the moving size, and the rightmost area 203 is displayed. Thus, the image 200 is displayed in the display screen in different areas to achieve the moving effect of the image in the display screen.

[0119] In the above embodiment, the movement of the image to a set direction is controlled according to the rotation direction, so that the user can manually control the image to move in the required direction according to actual needs, thereby providing the user with a simple and convenient way of browsing images with body sensation.

[0120] In an exemplary embodiment, the rotation angle acquisition processor 401 is further configured to: acquire the rotation direction of the mobile terminal around the axis of the second direction; and the image movement controller 403 is further configured to: determine the movement direction of the image according to the rotation direction. The rotation direction includes: a clockwise direction around the second direction and a counterclockwise direction around the second direction. Specifically, the following Figure 6 and Figure 7 The illustrated embodiments are described in detail respectively:

[0121] For example, Figure 6 The flowchart of the image display method based on the mobile terminal in another exemplary embodiment of the present disclosure is schematically shown, which is a specific implementation of the image display method in the clockwise direction around the axis 51. Figure 6 The method provided in this embodiment includes steps S610 to S630.

[0122] In step S610, a to-be-displayed area is determined in the first direction of the image according to a second rotation angle value rotated clockwise around an axis in the second direction.

[0123] In an exemplary embodiment, reference Figure 5 , the mobile phone rotates clockwise around the axis 51 by an angle (i.e., the second rotation angle value), then a moving size is determined, and further, a to-be-displayed area is determined in the positive direction of the X axis of the image 200 according to the moving size. Exemplarily, the second rotation angle value of the clockwise rotation is s, then in the positive direction of the X axis of the image 200, the size of the to-be-displayed area is determined to be s*λ1.

[0124] In step S620, the area to be displayed is displayed on the display screen, and the next rotation angle value is waited to be obtained.

[0125] Still taking the above embodiment as an example for description, refer to Figure 2 Before the mobile phone is rotated, the image area displayed on the display screen 20 is the initial area 201. After rotating clockwise around the axis 51 by an angle s, the area to be displayed is determined to be the middle area 202. Thus, the user can view another area of ​​the image 200 by rotating the mobile phone.

[0126] In step S630, in response to the second rotation angle value of the clockwise rotation around the axis in the second direction reaching the second rotation angle threshold, the next area to be displayed is determined in the first direction (i.e., the positive direction of the X-axis) to control the image to stop moving in the display screen.

[0127] In an exemplary embodiment, when the rotation angle value of the mobile phone rotating clockwise around the axis 51 reaches the second rotation angle threshold, the last area (i.e., the rightmost area 203) of the image 200 in the first direction is displayed on the display screen 20. Therefore, the rotation angle value of the mobile phone rotating clockwise around the axis 51 is no longer obtained, and the next display area is stopped from being determined in the first direction, thereby controlling the image 200 to stop moving in the display screen.

[0128] For example, Figure 7 The flowchart of the image display method based on the mobile terminal in another exemplary embodiment of the present disclosure is schematically shown, which is a specific implementation of the image display method in the counterclockwise direction around the axis 51. Figure 6 The embodiment shown is different in that the direction in which the mobile terminal rotates around the axis 51 is opposite.

[0129] refer to Figure 7 The method provided in this embodiment includes steps S710 to S730.

[0130] In step S710, a to-be-displayed area is determined in the opposite direction of the first direction of the image according to a second rotation angle value rotated counterclockwise around an axis in the second direction.

[0131] In an exemplary embodiment, reference Figure 8 , the mobile phone rotates counterclockwise around the axis 81 (around the axis parallel to the long side), and a to-be-displayed area is determined in the negative direction of the X axis of the image 200. Exemplarily, the second rotation angle value of the counterclockwise rotation is m, and the size of a to-be-displayed area in the negative direction of the X axis of the image 200 is m*λ1.

[0132] In step S720, the area to be displayed is displayed on the display screen, and the next rotation angle value is waited to be obtained.

[0133] Still taking the above embodiment as an example for description, refer to Figure 2 When the display screen 20 shows the middle area 202, according to Figure 8 After rotating counterclockwise by an angle m around the axis 81, the area to be displayed is determined to be the initial area 201. Thus, the user can view each area of ​​the repeatedly viewed image by rotating the mobile phone back and forth.

[0134] In step S730, in response to receiving a second rotation angle value of a counterclockwise rotation around an axis in the second direction, and the display screen displays an initial area of ​​the image, the initial area is kept displayed.

[0135] In an exemplary embodiment, continue to refer to Figure 8If the angle value of the counterclockwise rotation around the axis 81 is received, and the display screen currently displays the initial area 201 of the image, it means that the leftmost area of ​​the image has been displayed at this time, and the image in the display screen will no longer change even if the counterclockwise rotation around the axis 81 continues. Therefore, the initial area is kept displayed, and the next area to be displayed is stopped in the second direction (i.e., the negative direction of the X axis), so as to control the image to stop moving in the display screen.

[0136] exist Figure 6 and Figure 7 In the illustrated embodiment, the determination of the image area to be displayed and the condition for terminating the determination of the next display area are respectively introduced when the mobile phone rotates clockwise / counterclockwise around an axis parallel to the long side of the mobile phone (the axis around the second direction). Figure 6 and Figure 7 In the embodiment shown, the mobile phone can be rotated to view the X-axis direction (refer to Figure 2 ) is larger than the short side of the display screen. With the image display method provided in this embodiment, the user does not need to actively perform any traditional touch operations on the mobile phone, and can browse the image beyond the screen by simply shaking the mobile phone device slightly.

[0137] The above embodiment provides an image in one direction (reference Figure 2 , in the X-axis direction or in the Y-axis direction) exceeds the display size of the mobile terminal, and an image display method is adopted. Fig. 9 In the following embodiments, an image display method is provided when the image 900 exceeds the display screen size of the mobile terminal in both directions (X-axis direction and Y-axis direction).

[0138] In an exemplary embodiment, Fig.10 A flowchart of an image display method based on a mobile terminal in another exemplary embodiment of the present disclosure is schematically shown. Specifically, a method for displaying an image is provided in which a first size of an image in a first direction is greater than a first threshold value (e.g., the first threshold value is the size of a display screen interface in the first direction), and a second size of an image in a second direction is greater than a second threshold value (e.g., the second threshold value is the size of a display screen interface in the second direction). Specifically, this embodiment is Figure 1 The invention is carried out on the basis of the embodiment shown.

[0139] refer to Fig.10 As shown in , the method may include the following steps:

[0140] In step S1010, a third rotation angle value of the mobile terminal around the axis in the first direction is obtained.

[0141] In an exemplary embodiment, the rotation angle acquisition processor 401 is further configured to: acquire a third rotation angle value of the mobile phone rotating around the axis 91 in the first direction. Specifically, the third rotation angle value can be determined by a gyroscope and an acceleration sensor.

[0142] In step S1020, the moving speed of the image displayed on the display screen of the mobile terminal along the second direction in the display screen display interface is determined according to the third rotation angle value, and / or the moving speed of the image along the second direction in the display screen display interface is determined according to the relationship between the size of the image displayed on the display screen along the second direction and the size of the display screen display interface along the second direction.

[0143] In an exemplary embodiment, the moving speed processor 402 is further configured to determine the moving speed of the image along the second direction according to a third rotation angle value of the mobile phone rotating around the axis 91 in the first direction.

[0144] In the exemplary embodiment, three specific implementations of determining the moving speed in step S1020 are the same as the corresponding embodiments of step S120 and are not described again.

[0145] In step S1030, the image is controlled to move along the second direction in the display interface of the display screen according to the moving speed along the second direction.

[0146] In an exemplary embodiment, the image movement controller 403 is further configured to: control the image to move along the second direction in the display interface of the display screen according to the movement speed in the second direction.

[0147] Fig.10 In the technical solution provided by the embodiment shown, Figure 1 In the embodiment shown, while obtaining the rotation angle value of the axis 51 in the second direction and determining the area to be displayed in the first direction, the rotation angle value of the axis 91 in the first direction is also obtained to determine the area to be displayed in the second direction. Thus, the user can view each area of ​​the image in any direction of the image, meeting the user's need to view images of each area when browsing the image with physical sense.

[0148] The following Fig.10 The specific implementation of each step of the embodiment shown in the figure is described in more detail. Figure 1 The embodiments shown are the same, and the following embodiments still take a mobile phone as an example to illustrate the specific implementation method of the present technical solution.

[0149] For example, Fig. 9 FIG. 2 shows a schematic diagram of a usage scenario according to another embodiment of the present disclosure. Fig. 9, the size of image 900 is larger than the short side of the display screen in the X direction, and larger than the long side of the display screen in the Y direction. Fig. 9 When the manner shown is displayed on the display screen of the mobile phone, the mobile phone can be rotated (rotated in a direction parallel to the long side) to display the mobile phone. Figure 1 In the embodiment shown, various regions of the image 900 are displayed in a manner described below in which the image is rotated in a direction parallel to the short side.

[0150] In an exemplary embodiment, in step S1010, the gyroscope and the acceleration sensor are triggered to obtain the rotation angle value of the mobile terminal around the axis in the first direction. The first direction is described by taking the direction parallel to the short side of the display screen as an example. The second direction is the direction parallel to the long side of the display screen, the first threshold is determined according to the size of the short side of the display screen, and the second threshold is determined according to the size of the long side of the display screen.

[0151] That is to say, reference Fig. 9 , triggering the gyroscope to obtain the mobile terminal around an axis parallel to the long side direction (such as Figure 5 While obtaining the rotation angle value of the axis 51 shown in FIG. 5 , the mobile terminal is rotated about an axis parallel to the short side direction (such as Fig. 9 Further, based on the rotation angle value around the axis 51 and the rotation angle value around the axis 91, the image area dynamically displayed on the display screen is determined, and finally the purpose of displaying the entire image 900 in different areas in the X-axis direction and in the Y-axis direction is achieved.

[0152] In an exemplary embodiment, in order to prevent the mobile terminal from rotating too much to affect the user's experience of viewing the display screen, the third rotation angle threshold is an angle value not greater than 45 degrees.

[0153] In an exemplary embodiment, step S1020 provides a method for determining the moving speed of the image along the second direction based on the relationship between the size of the image displayed on the display screen along the second direction and the size of the display interface of the display screen along the second direction. Specifically, the moving speed of the image when rotating around the axis 91 is determined based on the size difference h2 between the size y3 (i.e., the second size) of the above-mentioned image 900 and the size y4 of the display interface in the second direction (i.e., h2=y3-y4), and the third rotation angle threshold.

[0154] Exemplarily, the third angle threshold represents the maximum value of the mobile phone rotating around the axis 91, and the value is β. Then, according to the ratio of the size difference and the second angle threshold, the specific implementation method of determining the moving speed can be: λ2 is (h2 / β), indicating that for every 1 degree of rotation of the mobile phone display screen 90 around the axis 91, the image 900 moves (h2 / β) in the long side direction of the display screen 90. In this embodiment, according to the size of the image, the image moving speed is automatically adjusted to facilitate the user to browse the complete image. When the image size is large, the image moving speed is automatically adjusted to speed up to prevent the user from browsing for too long, so as to enhance the user's experience of browsing the image.

[0155] In an exemplary embodiment, the image movement controller 403 obtains the second rotation angle value rotating around the axis parallel to the long side direction (such as axis 51) for multiple times, and also obtains the third rotation angle value rotating around the axis parallel to the short side direction (such as axis 91) for multiple times. The image to be displayed area is determined in the direction of the X axis of the image (including the positive direction of the X axis and the negative direction of the X axis) according to the second rotation angle value obtained each time and the above-mentioned moving speed λ1 along the first direction, and the image to be displayed area is also determined in the direction of the Y axis of the image (including the positive direction of the Y axis and the negative direction of the Y axis) according to the third rotation angle value obtained each time and the above-mentioned moving speed λ2 along the second direction.

[0156] For example, Fig.11 The flowchart of the image display method based on the mobile terminal in an exemplary embodiment of the present disclosure is schematically shown, which is a specific implementation of the image display method in the clockwise direction around the axis 121. Fig.11 The method provided in this embodiment includes steps S1110 to S1130.

[0157] In step S1110, a to-be-displayed area is determined in the second direction of the image according to a third rotation angle value rotated clockwise around the axis in the first direction.

[0158] In an exemplary embodiment, reference Fig.12 , the mobile phone rotates clockwise around the axis 121 by an angle (i.e., the third rotation angle value), then a to-be-displayed area is determined in the positive direction of the Y axis of the image 900. Exemplarily, the third rotation angle value of the clockwise rotation is q, then the size of the to-be-displayed area determined in the positive direction of the Y axis of the image 900 is q*λ2.

[0159] In step S1120, the area to be displayed is displayed on the display screen, and the next rotation angle value is waited to be obtained.

[0160] Still taking the above embodiment as an example for description, refer to Fig. 9 and Fig.12Before the mobile phone is rotated around the axis 91, the image area displayed on the display screen 90 is the initial area 901. After the mobile phone is rotated clockwise around the axis 121 at an angle q, the area to be displayed is determined to be the middle area 902. Therefore, the user can browse various image areas in the X direction by rotating the mobile phone around the axis 51, and can also browse various image areas in the Y direction by rotating the mobile phone display screen around the axis 121.

[0161] In step S1030, in response to the third rotation angle value of the clockwise rotation around the axis in the first direction reaching the third rotation angle threshold, the next area to be displayed is determined in the second direction (i.e., the positive direction of the Y axis) to control the image to stop moving in the display screen.

[0162] In an exemplary embodiment, when the rotation angle value of the display screen 90 in the clockwise direction around the axis 121 reaches the third rotation angle threshold, the display screen 90 displays the last area (i.e., the lowermost area 903) of the image 900 in the second direction. Therefore, the rotation angle value of the display screen in the clockwise direction around the axis 91 is no longer obtained, and the determination of the next area to be displayed in the second direction is stopped, thereby controlling the image 900 to stop moving in the display screen.

[0163] For example, Fig.13 The flowchart of the image display method based on the mobile terminal in another exemplary embodiment of the present disclosure is schematically shown, which is a specific implementation of the image display method in the counterclockwise direction around the axis 141. Fig.11 The embodiment shown is different in that the direction in which the mobile terminal rotates around the axis 121 is opposite.

[0164] refer to Fig.13 The method provided in this embodiment includes steps S1310 to S1330.

[0165] In step S1310, a to-be-displayed area is determined in the opposite direction of the second direction of the image according to a third rotation angle value rotated counterclockwise around the axis of the first direction.

[0166] In an exemplary embodiment, reference Fig.14 , the mobile phone rotates counterclockwise around the axis 141 (around the axis parallel to the short side) by an angle (i.e., the second rotation angle value), then a to-be-displayed area is determined in the negative direction of the Y axis of the image 900. Exemplarily, the third rotation angle value of the counterclockwise rotation is p, then the size of the to-be-displayed area determined in the negative direction of the Y axis of the image 900 is p*λ2.

[0167] In step S1320, the area to be displayed is displayed on the display screen, and the next rotation angle value is waited to be obtained.

[0168] Still taking the above embodiment as an example for description, refer to Fig.12 and Fig.14 When the display screen 90 shows the middle area 902, according to Fig.14 After rotating counterclockwise by an angle p around the axis 141, the display area is determined to be the initial area 901. Thus, the user can view each area of ​​the repeatedly viewed image by rotating the mobile phone back and forth.

[0169] In step S1330, in response to receiving a second rotation angle value of a counterclockwise rotation around the axis of the first direction, and the display screen displays the initial area of ​​the image, the initial area is kept displayed.

[0170] In an exemplary embodiment, continue to refer to Fig.14 If the angle value of the counterclockwise rotation around the axis 141 is received, and the display screen currently displays the initial area 901 of the image, it means that the top area of ​​the image has been displayed at this time, and the image on the display screen will no longer change even if the counterclockwise rotation around the axis 141 continues. Therefore, the initial area is kept displayed, and the next area to be displayed is stopped in the first direction (i.e., the negative direction of the Y axis) to control the image to stop moving in the display screen.

[0171] exist Fig.11 and Fig.13 In the embodiment shown, the determination of the image display area and the conditions for terminating the determination of the next display area are introduced when the mobile phone rotates clockwise / counterclockwise around an axis parallel to the long side of the mobile phone (the axis around the second direction) or the mobile phone rotates clockwise / counterclockwise around an axis parallel to the short side of the mobile phone (the axis around the second direction). Fig.11 and Fig.13 In the embodiment shown, the mobile phone can be rotated to view the Y-axis direction (refer to Fig. 9 ) is larger than the short side of the display screen. With the image display method provided in this embodiment, the user does not need to actively perform any traditional touch operations on the mobile phone, and can browse the image beyond the screen by simply shaking the mobile phone device slightly.

[0172] The above embodiments provide a method for allowing a user to view an image portion that exceeds the size of the display screen by rotating the mobile terminal parallel to the long side / short side of the display screen. Fig.15 and Fig.16 In the embodiment shown, Figure 1 On the basis of the illustrated embodiment, a method is provided for obtaining a rotation angle generated by the mobile terminal rotating around an axis 161 (perpendicular to the display screen) to further display an image portion exceeding the size of the display screen based on the rotation angle.

[0173] In an exemplary embodiment, Fig.15The flowchart of the image display method based on the mobile terminal in another exemplary embodiment of the present disclosure is schematically shown. Figure 1 The illustrated embodiments are the same, providing an image display method when a first size of an image in a first direction is greater than a first threshold.

[0174] refer to Fig.15 As shown in , the method may include steps S1510 to S1530.

[0175] In step S1510, a fourth rotation angle value of the mobile terminal shaking around an axis perpendicular to the display screen is obtained.

[0176] In an exemplary embodiment, the rotation angle acquisition processor 401 is further configured to: acquire a fourth rotation angle value of the mobile phone shaking around an axis 161 perpendicular to the display screen.

[0177] In step S1520, the moving speed of the image displayed on the display screen of the mobile terminal in the display screen display interface is determined according to the fourth rotation angle value, and / or the moving speed of the image in the display screen display interface is determined according to the relationship between the size of the image displayed on the display screen along the first direction and the size of the display screen display interface along the first direction.

[0178] In an exemplary embodiment, the movement speed processor 402 is further configured to determine the movement speed of the image 200 along the first direction according to a fourth rotation angle value of the mobile phone rotating around an axis 161 perpendicular to the display screen.

[0179] In the exemplary embodiment, three specific implementations of determining the moving speed in step S1520 are the same as the corresponding embodiments of step S120 and are not described again.

[0180] In step S1530, the image is controlled to move along the first direction in the display interface of the display screen according to the moving speed.

[0181] In an exemplary embodiment, the image movement controller 403 is further specifically configured to control the image 200 to move along the first direction in the display interface of the display screen according to the fourth rotation angle value and the movement speed along the first direction.

[0182] and Figure 1 The embodiments shown are the same, and the following embodiments still take a mobile phone as an example to illustrate the specific implementation of this technical solution. Fig.16 A usage scenario shown is Fig.15 The specific implementation methods of each step are described below.

[0183] In an exemplary embodiment, Figure 1 As described in the embodiment shown, reference Figure 2 and Figure 5 When the size x1 (i.e., the first size) of the image 200 displayed on the display screen 20 in the X-axis direction is greater than the size x2 (i.e., the first threshold) of the short side of the display screen, the gyroscope and the acceleration sensor are triggered to obtain the mobile terminal around an axis parallel to the long side direction (i.e., Figure 5 The angle of rotation of the shaft 51) shown in FIG. Fig.15 In step S1510 of the illustrated embodiment, at the same time, a fourth rotation angle value of the mobile terminal shaking around the axis 161 perpendicular to the display screen can also be obtained through the gyroscope and the acceleration sensor.

[0184] Further, in step S1520, the moving speed of the image along the first direction in the display interface when shaking around the axis 161 is determined based on the size difference between the boundary of the image 200 along the first direction and the boundary size of the display interface along the first direction and the fourth rotation angle threshold.

[0185] Among them, in an exemplary embodiment, in order to prevent the mobile terminal from rotating too much to affect the user's experience of viewing the display screen, the present technical solution sets a fourth angle threshold for the fourth angle value. Fig.16 , including shaking the phone to the left and shaking the phone to the right) the fourth turning angle threshold of shaking is an angle value not greater than 90 degrees.

[0186] In an exemplary embodiment, through step S1520, the moving speed of the image along the first direction in the display interface when the mobile phone is shaken around the axis 161 is determined based on the size difference h1 between the boundary x1 of the image 200 along the first direction and the boundary size x2 of the display interface along the first direction (i.e., h1=x1-x2) and the fourth turning angle threshold. Exemplarily, the fourth turning angle threshold represents the maximum value of shaking the mobile phone to each side around the axis 161, and the value is φ. Then the moving speed λ3 along the first direction can be expressed as [h1 / (2φ)], which means that for every 1 degree of shaking of the mobile phone 20 around the axis 141, the image 200 moves [h1 / (2φ)] in the short side direction of the display screen 20.

[0187] In an exemplary embodiment, the image movement controller 403 obtains the fourth rotation angle value rotating around the axis 161 perpendicular to the display screen for multiple times, and determines the image to be displayed in the direction of the X-axis (including the positive direction of the X-axis and the negative direction of the X-axis) of the image 200 according to the fourth rotation angle value obtained each time and the movement speed λ3 along the first direction. Exemplarily, the mobile phone is shaken to the right by an angle (such as the fourth rotation angle value mentioned above) around the axis 161, and an area to be displayed is determined in the positive direction of the X-axis of the image 200. Exemplarily, the fourth rotation angle value mentioned above is k, and the size of the area to be displayed in the positive direction of the X-axis of the image 200 is k*λ3.

[0188] In an exemplary embodiment, Fig.17 The flowchart is shown when a user browses a large image (i.e., the image size exceeds the display screen size). Specifically, Fig.17 The illustrated embodiment is based on Figure 1 and Fig.15 The embodiment shown is carried out.

[0189] refer to Fig.17 In step S171, trigger the event of entering the large picture browsing. In step S172, determine whether the hardware of the mobile terminal supports the somatosensory browsing method provided by the present technical solution. Exemplarily, if the mobile terminal is provided with a gyroscope and an acceleration sensor, the hardware of the mobile terminal supports the somatosensory browsing method provided by the present technical solution. Otherwise, the hardware of the mobile terminal does not support the somatosensory browsing method provided by the present technical solution.

[0190] When the hardware of the mobile terminal does not support the somatosensory browsing method provided by the present technical solution, step S173 and step S174 are directly executed.

[0191] In step S173, the user is reminded that the somatosensory browsing method provided by the technical solution is not supported. And in step S174, the user is reminded to browse the image by sliding the finger.

[0192] When the hardware of the mobile terminal supports the somatosensory browsing mode provided by the present technical solution, step S175 and step S176 are executed.

[0193] In step S175, based on the received gyroscope data, and in step S176, it is determined that the mobile terminal is rotated around the axis 51 (reference Figure 5 ) is rotated, or is it rotated about the axis 161 (reference Fig.16 )shake.

[0194] When the terminal is moved, it is rotated around the axis 51 (reference Figure 5 ) is rotated, if step S177 is executed: rotate clockwise around the axis 51 (refer to Figure 5). Then further execute step S178: the image extends to the right to obtain more image details. If step S179 is executed: rotate counterclockwise around axis 51 (refer to Figure 8 ). Then, step S180 is further performed: the image is extended to the left to obtain more image details.

[0195] When the terminal is moved, it is rotated around the axis 161 (reference Fig.16 ) is shaken, if step S181 is executed: shake rightward around axis 161 (refer to Fig.16 ). Then further execute step S178: the image extends to the right to obtain more image details. If step S182 is executed: the image is panned to the left around the axis 161 (refer to Fig.16 ). Then, step S180 is further performed: the image is extended to the left to obtain more image details.

[0196] In an exemplary embodiment, during the process of executing step S178 to extend the image to the right to obtain more image details, or during the process of executing step S180 to extend the image to the left to obtain more image details, the user can cancel the somatosensory browsing mode provided by the present technical solution through a preset touch operation (i.e., executing step S183). The preset touch operation can be clicking on the image.

[0197] In this embodiment, the image browsing experience can be achieved by shaking the mobile terminal or by rotating the mobile terminal, which provides the user with multiple operation modes and is conducive to improving the image browsing experience.

[0198] In an exemplary embodiment, reference Figure 4 , the display device based on the mobile terminal provided in this embodiment also includes: an instruction generator 404.

[0199] Exemplarily, in response to the image movement controller 403 controlling the image to move in the display interface of the display screen (eg Figure 1 , Fig.10 or Fig.15 In the embodiment shown, the image moves in the display interface. This embodiment can also generate instructions for controlling the display of images in the display terminal with the instruction generator 404. Exemplarily, the display terminal can include a display interface of a larger size, so that the user can browse images through the larger display interface, such as a picture screen terminal.

[0200] In an exemplary embodiment, reference Figure 3 The instructions generated by the instruction generator 404 include: for controlling the display terminal (screen terminal 31) to display the current image area information in the display interface of the mobile terminal. In other words, the display screen of the mobile terminal display interface is synchronously displayed on the display interface of the display terminal.

[0201] In an exemplary embodiment, the instruction generated by the instruction generator 404 further includes: controlling the image displayed in the display terminal (screen terminal 31) to move along the first direction, that is, dynamically synchronizing the moving picture of the mobile terminal display interface to the display interface of the display terminal.

[0202] Therefore, this embodiment provides a somatosensory browsing method for images on the display terminal (picture screen end 31), which improves the fun of users browsing images on the display terminal (picture screen end 31).

[0203] In an exemplary embodiment, after browsing using the somatosensory browsing method provided by the present technical solution is finished, the somatosensory browsing method provided by the present technical solution can be exited through the return control.

[0204] Those skilled in the art will appreciate that all or part of the steps for implementing the above embodiments are implemented as a computer program executed by a processor (including a CPU / CPU). When the computer program is executed by the CPU / CPU, the above functions defined by the above method provided by the present disclosure are executed. The program may be stored in a computer-readable storage medium, which may be a read-only memory, a disk or an optical disk, etc.

[0205] In addition, it should be noted that the above figures are only schematic illustrations of the processes included in the method according to the exemplary embodiment of the present disclosure, and are not intended to be limiting. It is easy to understand that the processes shown in the above figures do not indicate or limit the time sequence of these processes. In addition, it is also easy to understand that these processes can be performed synchronously or asynchronously, for example, in multiple modules.

[0206] Through the description of the above implementation, it is easy for those skilled in the art to understand that the example implementation described here can be implemented by software, or by software combined with necessary hardware. Therefore, the technical solution according to the implementation of the present disclosure can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (which can be a CD-ROM, a USB flash drive, a mobile hard disk, etc.) or on a network, including several instructions to enable a computing device (which can be a personal computer, a server, a mobile terminal, or a network device, etc.) to execute the method according to the implementation of the present disclosure.

[0207] Those skilled in the art will appreciate that various aspects of the present disclosure may be implemented as systems, methods or program products. Therefore, various aspects of the present disclosure may be specifically implemented in the following forms, namely: complete hardware implementation, complete software implementation (including firmware, microcode, etc.), or a combination of hardware and software, which may be collectively referred to herein as "circuits", "modules" or "systems".

[0208] In an exemplary embodiment of the present disclosure, a computer-readable storage medium is also provided, on which a program product capable of implementing the above method of the present specification is stored. In some possible implementations, various aspects of the present disclosure may also be implemented in the form of a program product, which includes a program code, and when the program product is run on a terminal device, the program code is used to enable the terminal device to execute the steps according to various exemplary implementations of the present disclosure described in the above "Exemplary Method" section of the present specification.

[0209] refer to Fig.18 As shown, a program product 1800 for implementing the above method according to an embodiment of the present disclosure is described, which can adopt a portable compact disk read-only memory (CD-ROM) and include program code, and can be run on a terminal device, such as a personal computer. However, the program product of the present disclosure is not limited thereto, and in this document, a readable storage medium can be any tangible medium containing or storing a program, which can be used by or in combination with an instruction execution system, an apparatus or a device.

[0210] The program product may use any combination of one or more readable media. The readable medium may be a readable signal medium or a readable storage medium. The readable storage medium may be, for example, but not limited to, an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, device or device, or any combination of the above. More specific examples (non-exhaustive list) of readable storage media include: an electrical connection with one or more wires, a portable disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disk read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the above.

[0211] Computer readable signal media may include data signals propagated in baseband or as part of a carrier wave, in which readable program code is carried. Such propagated data signals may take a variety of forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination of the above. Readable signal media may also be any readable medium other than a readable storage medium, which may send, propagate, or transmit a program for use by or in conjunction with an instruction execution system, apparatus, or device.

[0212] The program code embodied on the readable medium may be transmitted using any appropriate medium, including but not limited to wireless, wired, optical cable, RF, etc., or any suitable combination of the foregoing.

[0213] Program code for performing the operations of the present disclosure may be written in any combination of one or more programming languages, including object-oriented programming languages ​​such as Java, C++, etc., and conventional procedural programming languages ​​such as "C" or similar programming languages. The program code may be executed entirely on the user computing device, partially on the user device, as a separate software package, partially on the user computing device and partially on a remote computing device, or entirely on a remote computing device or server. In cases involving a remote computing device, the remote computing device may be connected to the user computing device through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computing device (e.g., through the Internet using an Internet service provider).

[0214] In an exemplary embodiment of the present disclosure, an electronic device capable of implementing the above method is also provided.

[0215] Refer to the following Fig.19 1900 according to this embodiment of the present disclosure is described. Fig.19 The electronic device 1900 shown is merely an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.

[0216] like Fig.19 As shown, the electronic device 1900 is in the form of a general computing device. The components of the electronic device 1900 may include but are not limited to: at least one processing unit 1910, at least one storage unit 1920, and a bus 1930 connecting different system components (including the storage unit 1920 and the processing unit 1910).

[0217] The storage unit stores a program code, which can be executed by the processing unit 1910, so that the processing unit 1910 performs the steps according to various exemplary embodiments of the present disclosure described in the above “Exemplary Method” section of this specification. For example, the processing unit 1910 can perform the following steps: Figure 1 Step S110 shown in: obtaining the rotation angle value of the mobile terminal around the axis of the second direction; step S120: determining the moving speed of the image displayed on the display screen of the mobile terminal in the display screen display interface according to the above-mentioned rotation angle value, and / or, determining the moving speed of the image in the display screen display interface according to the relationship between the size of the image displayed on the display screen along the first direction and the size of the display screen display interface along the first direction; and step S130: controlling the image to move along the first direction in the display screen display interface according to the above-mentioned moving speed; wherein the first direction and the second direction are substantially perpendicular.

[0218] The storage unit 1920 may include a readable medium in the form of a volatile storage unit, such as a random access storage unit (RAM) 19201 and / or a cache storage unit 19202 , and may further include a read-only storage unit (ROM) 19203 .

[0219] The storage unit 1920 may also include a program / utility 19204 having a set (at least one) of program modules 19205, such program modules 19205 including but not limited to: an operating system, one or more application programs, other program modules, and program data, each of which or some combination may include an implementation of a network environment.

[0220] Bus 1930 may represent one or more of several types of bus structures, including a memory unit bus or memory unit controller, a peripheral bus, an accelerated graphics port, a processing unit, or a local bus using any of a variety of bus architectures.

[0221] The electronic device 1900 may also communicate with one or more external devices 2000 (e.g., keyboards, pointing devices, Bluetooth devices, etc.), may also communicate with one or more devices that enable a user to interact with the electronic device 1900, and / or communicate with any device that enables the electronic device 1900 to communicate with one or more other computing devices (e.g., routers, modems, etc.). Such communication may be performed via an input / output (I / O) interface 1950. Furthermore, the electronic device 1900 may also communicate with one or more networks (e.g., a local area network (LAN), a wide area network (WAN), and / or a public network, such as the Internet) via a network adapter 1960. As shown, the network adapter 1960 communicates with other modules of the electronic device 1900 via a bus 1930. It should be understood that, although not shown in the figure, other hardware and / or software modules may be used in conjunction with the electronic device 1900, including but not limited to: microcode, device drivers, redundant processing units, external disk drive arrays, RAID systems, tape drives, and data backup storage systems.

[0222] Through the description of the above implementation, it is easy for those skilled in the art to understand that the example implementation described here can be implemented by software, or by software combined with necessary hardware. Therefore, the technical solution according to the implementation of the present disclosure can be embodied in the form of a software product, which can be stored in a non-volatile storage medium (which can be a CD-ROM, a USB flash drive, a mobile hard disk, etc.) or on a network, including several instructions to enable a computing device (which can be a personal computer, a server, a terminal device, or a network device, etc.) to execute the method according to the implementation of the present disclosure.

[0223] Those skilled in the art will readily appreciate other embodiments of the present disclosure after considering the specification and practicing the invention disclosed herein. This application is intended to cover any variations, uses, or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary technical means in the art that are not disclosed in the present disclosure. The specification and examples are to be considered as exemplary only, and the true scope and spirit of the present disclosure are indicated by the claims.

Claims

1. An image display device based on a mobile terminal, characterized in that: The device comprises: A rotation angle acquisition processor, configured to acquire a rotation angle value of the mobile terminal rotating around an axis in a second direction; a moving speed processor, configured to determine the moving speed of the image in the display screen display interface according to a size difference between a boundary of the image displayed on the display screen of the mobile terminal along a first direction and a boundary of the display screen display interface along the first direction and a ratio of a second turning angle threshold, or to determine the moving speed according to the turning angle value and a ratio of the size difference and the second turning angle threshold; An image movement controller, configured to control the image to move along the first direction in the display interface of the display screen according to the movement speed; The first direction and the second direction are substantially perpendicular.

2. The image display device based on a mobile terminal according to claim 1, characterized in that: For the case where the moving speed processor is configured to determine the moving speed of the image displayed on the display screen of the mobile terminal in the display screen display interface based on the turning angle value, the moving speed processor is specifically configured as follows: in response to the turning angle value being less than a first turning angle threshold, the moving speed is positively correlated with the turning angle value.

3. The image display device based on a mobile terminal according to claim 1, characterized in that: The image movement controller is specifically configured as follows: Determining a moving size of the image along the first direction according to the moving speed and the rotation angle value; According to the moving size, determining a to-be-displayed area in a first direction of the image; The image is controlled to move along the first direction in the display interface of the display screen by displaying the area to be displayed on the display screen.

4. The image display device based on a mobile terminal according to claim 3, characterized in that: The rotation angle acquisition processor is further configured to: acquire the rotation direction of the mobile terminal around the axis of the second direction; The image movement controller is further configured to: determine the movement direction of the image according to the rotation direction; The rotation direction includes: a clockwise direction around the second direction and a counterclockwise direction around the second direction.

5. The image display device based on a mobile terminal according to claim 4, characterized in that: The image movement controller is further configured to: In response to the rotation angle value around the axis in the second direction reaching the second rotation angle threshold, the image is controlled to stop moving along the first direction in the display interface of the display screen by stopping determining the next area to be displayed in the first direction.

6. The image display device based on a mobile terminal according to claim 2, characterized in that: The size of the image in the first direction is greater than the size of the display interface of the display screen in the first direction, and the image movement controller is further configured to: In response to the rotation angle value being greater than or equal to the first rotation angle threshold and the rotation direction of the mobile terminal around the axis in the second direction being clockwise, displaying the second end of the image in the first direction in the display interface; or, In response to the rotation angle value being greater than or equal to the first rotation angle threshold and the rotation direction of the mobile terminal around the axis in the second direction being counterclockwise, a first end of the image in the first direction is displayed in the display interface.

7. The image display device based on a mobile terminal according to any one of claims 1 to 6, characterized in that: The first direction is parallel to the first side of the display screen, and the second direction is parallel to the second side of the display screen; or, The first direction is parallel to the second side of the display screen, and the second direction is parallel to the first side of the display screen.

8. The image display device based on a mobile terminal according to claim 1, characterized in that: The rotation angle acquisition processor is further configured to: acquire a third rotation angle value of the mobile terminal rotating around the axis in the first direction; The moving speed processor is further specifically configured to: determine the moving speed of the image displayed on the display screen of the mobile terminal along the second direction in the display screen display interface according to the third rotation angle value, and / or determine the moving speed of the image along the second direction in the display screen display interface according to the relationship between the size of the image displayed on the display screen along the second direction and the size of the display screen display interface along the second direction; The image movement controller is further specifically configured to control the image to move along the second direction in the display interface of the display screen according to the movement speed along the second direction.

9. The image display device based on a mobile terminal according to claim 1, characterized in that: The rotation angle acquisition processor is further configured to: acquire a fourth rotation angle value of the mobile terminal shaking around an axis perpendicular to the display screen; The moving speed processor is further specifically configured to: determine the moving speed of the image displayed on the display screen of the mobile terminal in the display screen display interface according to the fourth rotation angle value, and / or determine the moving speed of the image in the display screen display interface according to the relationship between the size of the image displayed on the display screen along the first direction and the size of the display screen display interface along the first direction; The image movement controller is further specifically configured to: control the image to move along the first direction in the display interface of the display screen according to the movement speed.

10. The image display device based on a mobile terminal according to claim 1, characterized in that: The device also includes: The instruction generator is configured to generate an instruction for controlling the display terminal to display an image in response to the image movement controller controlling the image to move in the display interface of the display screen.

11. The image display device based on a mobile terminal according to claim 10, characterized in that: The instruction includes current image area information displayed in the display interface of the display screen, so that the display terminal displays the current image area.

12. The image display device based on a mobile terminal according to claim 10, characterized in that: The instruction is used to control the image displayed in the display terminal to move along the first direction.

13. An image display method based on a mobile terminal, characterized in that: The method comprises: Obtaining a rotation angle value of the mobile terminal around an axis in a second direction; Determine the moving speed of the image in the display interface of the display screen according to the ratio of the size difference between the boundary of the image displayed on the display screen of the mobile terminal along the first direction and the boundary of the display interface of the display screen along the first direction and the second turning angle threshold, or determine the moving speed according to the turning angle value and the ratio of the size difference and the second turning angle threshold; According to the moving speed, controlling the image to move along the first direction in the display interface of the display screen; The first direction and the second direction are substantially perpendicular.

14. The image display method based on a mobile terminal according to claim 13, characterized in that: The step of determining the moving speed of the image displayed on the display screen of the mobile terminal in the display screen display interface according to the rotation angle value includes: In response to the rotation angle value being less than a first rotation angle threshold, the moving speed of the image in the display interface of the display screen is positively correlated with the rotation angle value.

15. The image display method based on a mobile terminal according to claim 13, characterized in that: The method further comprises: In response to controlling the image to move in the display interface of the display screen, an instruction for controlling the display terminal to display the image is generated.

16. An electronic device, characterized in that: include: processor; as well as A memory storing a computer program, which, when executed by a processor, implements the image display method based on a mobile terminal according to any one of claims 13 to 15.

17. A computer storage medium storing a computer program, which, when executed by a processor, implements the image display method based on a mobile terminal according to any one of claims 13 to 15.

Citation Information

Patent Citations

  • Mobile terminal and method for displaying images

    CN101739199A

  • Interface display method and device

    CN106371696A

  • Display method and display device in portable terminal

    CN109426405A