Method and apparatus for displaying pictures
By superimposing multiple pictures in the interface area of the mobile terminal's application software and cropping using the inclination angle of the mobile terminal, the problem of efficiently displaying pictures in the limited interface area is solved, and a higher interface utilization rate is achieved.
Patent Information
- Application Number
- CN201910677482.7
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2019-07-25
- Publication Date
- 2025-06-10
- Estimated Expiration
- 2039-07-25
AI Technical Summary
The limited screen size of the mobile terminal results in poor results when serving information/content in the interface area of the application software. How to display pictures more efficiently in the limited interface area becomes a problem.
By overlaying at least two pictures in the same preset interface area and cropping using the tilt angle of the mobile terminal, the pictures that are currently invisible to the user can be revealed, thereby displaying more pictures in a limited interface area.
It realizes displaying more pictures in a limited interface area, improves the utilization rate of the interface area, and allows users to easily view multiple pictures.
Smart Images

Figure HDA0002143753110000011 
Figure HDA0002143753110000012 
Figure HDA0002143753110000021
Abstract
Description
Technical Field
[0001] The present invention relates to the technical field of picture display, and particularly to a method and device for displaying pictures. Background Art
[0002] With the improvement of the performance of mobile terminals and the development of communication technologies, the frequency and duration of users using application software through mobile terminals are increasing continuously. Therefore, application software has become one of the choices for information / content providers to deliver information / content. In the process of researching the existing solutions for delivering information / content through application software, the inventor found that limited by the screen size of mobile terminals, the interface area available for application software to deliver information / content is limited. Therefore, how to more efficiently deliver information / content in a limited interface area has become an urgent problem to be solved. Summary of the Invention
[0003] In view of this, the present invention provides a method and device for displaying pictures, mainly aiming to display more pictures in a limited interface area, thereby improving the utilization rate of the interface area.
[0004] In a first aspect, the present invention provides a method for displaying pictures, which is applied to a mobile terminal. The method includes:
[0005] Overlaying and displaying at least two pictures in the same preset interface area of the application software;
[0006] When the mobile terminal tilts in a preset first direction with the side parallel to the preset reference plane as the axis, obtaining the tilt angle of the mobile terminal;
[0007] Based on the cutting track corresponding to the preset first direction, cutting the pictures currently visible to the user among the at least two pictures according to the obtained tilt angle to reveal the pictures currently invisible to the user.
[0008] In a second aspect, the present invention provides a device for displaying pictures, which is applied to a mobile terminal. The device includes:
[0009] A display unit, configured to overlay and display at least two pictures in the same preset interface area of the application software;
[0010] An obtaining unit, configured to obtain the tilt angle of the mobile terminal when the mobile terminal tilts in a preset first direction with the side parallel to the preset reference plane as the axis;
[0011] A cutting unit, configured to cut the pictures currently visible to the user among the at least two pictures according to the obtained tilt angle based on the cutting track corresponding to the preset first direction to reveal the pictures currently invisible to the user.
[0012] In a third aspect, the present invention provides a storage medium storing a plurality of instructions adapted to be loaded and executed by a processor to perform the method for displaying pictures as described in the first aspect above.
[0013] In a fourth aspect, the present invention provides an electronic device comprising: a storage medium and a processor;
[0014] The processor is adapted to implement each instruction;
[0015] The storage medium is adapted to store a plurality of instructions;
[0016] The instructions are adapted to be loaded and executed by the processor to perform the method for displaying pictures as described in the first aspect above.
[0017] In a fifth aspect, the present invention provides a method for displaying pictures, which is applied to a mobile terminal. The method includes:
[0018] Overlaying at least two pictures and displaying them in the same preset interface area of the application software;
[0019] Performing a touch operation on the pictures displayed in the interface of the application software according to a preset touch method. In response to the touch method, cropping the picture currently visible to the user among the at least two pictures along a cropping trajectory corresponding to a preset first direction to reveal the picture currently invisible to the user.
[0020] In a sixth aspect, the present invention provides a storage medium storing a plurality of instructions adapted to be loaded and executed by a processor to perform the method for displaying pictures as described in the fifth aspect above.
[0021] By means of the above technical solutions, for the method and device for displaying pictures provided by the present invention, in order to enable a user to view more than one picture, two or more pictures are overlaid and displayed in the same preset interface area of the application software. When the mobile terminal tilts in a preset first direction with its side parallel to the preset reference plane as the axis, the tilt angle of the mobile terminal is obtained. Then, based on the cropping trajectory corresponding to the preset first direction, the picture currently visible to the user among the displayed pictures is cropped according to the obtained tilt angle to reveal the picture currently invisible to the user for the user to view. It can be seen that in the solution provided by the present invention, multiple pictures can be overlaid and displayed in the same preset interface area, and the picture currently visible to the user is adjusted based on the tilt angle of the mobile terminal so that the user can view the multiple displayed pictures. Therefore, the solution provided by the present invention can display more pictures in a limited interface area, thereby improving the utilization rate of the interface area.
[0022] The above description is only an overview of the technical solution of the present invention. In order to better understand the technical means of the present invention, it can be implemented according to the content of the specification. And in order to make the above and other objects, features and advantages of the present invention more obvious and understandable, the specific embodiments of the present invention are specifically exemplified below. BRIEF DESCRIPTION OF THE DRAWINGS
[0023] In order to more clearly illustrate the technical solutions in the embodiments of the present invention or the prior art, the following will briefly introduce the drawings required for use in the description of the embodiments or the prior art. Obviously, the drawings in the following description are some embodiments of the present invention. For those of ordinary skill in the art, other drawings can be obtained based on these drawings without creative efforts.
[0024] Figure 1 Shows a flowchart of a method for displaying a picture provided by an embodiment of the present invention;
[0025] Figure 2 Shows a schematic diagram of two superimposed pictures provided by an embodiment of the present invention;
[0026] Figure 3 Shows a schematic diagram of the tilted state of a mobile terminal provided by an embodiment of the present invention;
[0027] Figure 4 Shows a schematic diagram of the tilted state of a mobile terminal provided by another embodiment of the present invention;
[0028] Figure 5 Shows a schematic diagram of three superimposed pictures provided by an embodiment of the present invention;
[0029] Figure 6 Shows a schematic diagram of three superimposed pictures provided by an embodiment of the present invention;
[0030] Figure 7 Shows a schematic diagram of the picture cropping state provided by an embodiment of the present invention;
[0031] Figure 8 Shows a schematic diagram of the picture cropping state provided by another embodiment of the present invention;
[0032] Figure 9 Shows a schematic diagram of the picture cropping state provided by yet another embodiment of the present invention;
[0033] Figure 10 Shows a flowchart of a method for displaying a picture provided by another embodiment of the present invention;
[0034] Figure 11 Shows a schematic diagram of the tilted state of a mobile terminal provided by yet another embodiment of the present invention;
[0035] Figure 12 Shows a schematic diagram of the tilt state of a mobile terminal provided by another embodiment of the present invention;
[0036] Figure 13 Shows a schematic diagram of the tilt state of a mobile terminal provided by another embodiment of the present invention;
[0037] Figure 14 Shows a schematic diagram of the tilt state of a mobile terminal provided by another embodiment of the present invention;
[0038] Figure 15 Shows a flowchart of a method for displaying a picture provided by another embodiment of the present invention;
[0039] Figure 16 Shows a schematic structural diagram of a picture display device provided by an embodiment of the present invention;
[0040] Figure 17 Shows a schematic structural diagram of a picture display device provided by another embodiment of the present invention;
[0041] Figure 18 Shows a schematic structural diagram of a picture display device provided by another embodiment of the present invention. Detailed implementation manners
[0042] Hereinafter, exemplary embodiments of the present disclosure will be described in more detail with reference to the accompanying drawings. Although the exemplary embodiments of the present disclosure are shown in the drawings, it should be understood that the present disclosure can be implemented in various forms and should not be limited by the embodiments set forth herein. On the contrary, these embodiments are provided so that the present disclosure can be more thoroughly understood and the scope of the present disclosure can be completely conveyed to those skilled in the art.
[0043] An embodiment of the present invention provides a method for displaying a picture, and this method is applied to a mobile terminal, such as Figure 1 As shown, this method mainly includes:
[0044] 101. Stack and display at least two pictures in the same preset interface area of the application software.
[0045] In practical applications, the application software is software deployed on the mobile terminal and can perform corresponding operations. The specific type of the application software is not specifically limited in this embodiment. Optionally, the application software can be, but is not limited to, any one of game application software, video playback application software, music playback application software, text reading application software, and shopping application software. The application software that stacks and displays pictures in the interface area is any application software running in the foreground on the mobile terminal.
[0046] In this embodiment, the position and size of the interface area involved can be determined based on service requirements, and there are at least the following two setting rules for the position and size of the interface area:
[0047] First, the size of the interface area is the same as the display screen size of the mobile terminal. When two or more pictures are superimposed and displayed in this interface area, the size of the pictures is also the same as the display screen size of the mobile terminal, and the pictures fill the entire display screen, providing a better viewing effect for users to view the pictures.
[0048] Second, the size of the interface area is smaller than the display screen size of the mobile terminal, and the interface area can be displayed at any position in the application software. Exemplarily, the interface area is located in the central area of the application software, or, in order to prevent the displayed pictures in the interface area from covering the central area of the application software, the interface area is located in a non - central area of the application software. In this way, since the size of the interface area is smaller than the display screen size of the mobile terminal, when pictures are displayed in the interface area, the pictures cannot completely cover the content currently displayed by the application software, enabling users to view the content currently displayed by the application software while viewing the pictures. Exemplarily, as Figure 2 shown, the interface area is set in the central area of the application software, and the size of the interface area is smaller than the display screen size of the mobile terminal "mobile phone" with a 20 - inch screen. When pictures 21 and 22 are superimposed and displayed in the interface area, the user can still see the video played by the video - playing application software. Pictures 21 and 22 are superimposed and displayed in the interface area, and picture 21 covers picture 22. It should be noted that when two or more pictures are superimposed and displayed in the interface area and the mobile terminal is not tilted, each picture can completely cover the next adjacent picture, or each picture partially covers the next adjacent picture. Figure 2 In, picture 21 partially covers picture 22.
[0049] In practical applications, when two or more pictures are superimposed and displayed in the same preset interface area of the application software, at least part of the picture in the lower layer is covered by the adjacent upper - layer picture, and only the picture at the top layer is not covered by any picture, and the user of the mobile terminal can directly view the picture at the top layer. The purpose of superimposing two or more pictures in the same preset interface area of the application software is to place multiple pictures for users to view in the limited interface area for user - displayed pictures, thereby improving the utilization rate of the interface area.
[0050] In this embodiment, the shapes or sizes of two or more pictures for superimposed display may be the same or different. It should be noted that when selecting the shapes and sizes of the pictures, as long as at least a part of the picture in the lower layer can be covered by the adjacent picture in the upper layer when the pictures are superimposed for display. In this embodiment, the shape of the picture is not specifically limited. Optionally, the shape of the picture may include, but is not limited to, any one of a square, a rectangle, a triangle, a trapezoid, and an irregular shape. In addition, the types of two or more pictures for superimposed display may be the same or different, and the types of pictures are not specifically limited in this embodiment. Exemplarily, the picture may be a picture with transparency. Moreover, the contents of two or more pictures for superimposed display may be the same or different. Exemplarily, among the three pictures superimposed and displayed at the same time, two pictures are vehicle pictures and one picture is a food picture.
[0051] The selection of pictures will be described below. Two or more pictures for superimposed display can be selected by at least the following three methods:
[0052] First, select the pictures with the top promotion priorities at the current time from a preset picture library as the pictures for superimposed display. The types of pictures in the picture library are not specifically limited in this embodiment. Optionally, the pictures in the picture library may be pictures for displaying product information / content, and these pictures can be used for advertising. It should be noted that the promotion priorities of the pictures in the picture library will change over time, so that while ensuring that important pictures are displayed first, it can also ensure that secondary pictures have the opportunity to be displayed.
[0053] Second, count the content browsed by the user using the mobile terminal or application software within a set time period, determine the product types corresponding to the browsed content, and count the number of times each product type is browsed. Select the pictures in the preset picture library corresponding to the product types with the top N browsing times as the displayed pictures, where N≥1. In addition, the browsing times are sorted in descending order of the browsing times. Using this method to select pictures can more targeted display pictures for users and improve the picture display effect.
[0054] Third, select the pictures of the same information publisher as the pictures for superimposed display. The selected multiple pictures may correspond to products of the same series or multiple series of products. Exemplarily, the multiple pictures are pictures of the same model of commodity in different colors. This method can meet the needs of information publishers to display comparison pictures of commodities.
[0055] The display time points of two or more pictures superimposed and displayed in the same preset interface area of the application software will be described below. There are at least the following display time points for the two or more pictures superimposed and displayed:
[0056] First, when the current time point reaches the preset display time point, two or more pictures are superimposed and displayed in the same interface area.
[0057] Second, when the application software enters the preset state, two or more pictures are superimposed and displayed in the same interface area. Herein, the preset state is not specifically limited in this embodiment. Optionally, the preset state may include but is not limited to the running state, the paused state, or the state of not being operated within a preset duration. Exemplarily, when the video playback application software pauses the video playback, it is determined that the video playback application software enters the preset state. When the text reading application software is not operated within a preset duration and stays on the same display content for a long time, it is determined that the text reading application software enters the preset state.
[0058] Third, at a set frequency, two or more pictures are superimposed and displayed in the same interface area.
[0059] It should be noted that regardless of which one of the above three types the display time point for superimposing two or more pictures is, in order to ensure that the displayed pictures are the latest ones, the pictures are selected immediately before being displayed.
[0060] 102. When the mobile terminal tilts in a preset first direction with the side parallel to the preset reference plane as the axis, obtain the tilt angle of the mobile terminal.
[0061] In practical applications, the mobile terminal is used to deploy and run application software. The specific type of the mobile terminal can be determined according to service requirements and is not specifically limited in this embodiment. Optionally, the mobile terminal is a device with a display screen. Exemplarily, the mobile terminal may include but is not limited to mobile phones, tablet computers, and smart watches.
[0062] In practical applications, the preset reference plane can be selected according to service requirements. Optionally, the preset reference plane is a plane parallel to any side of the mobile terminal, or the preset reference plane is a plane parallel to any internal component of the mobile terminal, or the preset reference plane is a plane parallel to the display screen of the mobile terminal. Exemplarily, the reference plane is the ground or a desktop.
[0063] The following explains the preset first direction: The first direction can be preset based on specific service requirements and is not specifically limited in this embodiment. Optionally, there are at least the following two preset principles for the first direction:
[0064] First, the direction in which the first side of the mobile terminal (optionally, the first side is the display screen side of the mobile terminal) inclines towards the reference plane is preset as the first direction. When the mobile terminal tilts with the side parallel to the preset reference plane as the axis and the first side of the mobile terminal inclines towards the reference plane, it is tilting in the first direction. Exemplarily, such as Figure 3As shown, when the mobile terminal 20 takes its side A parallel to the reference plane as the axis and the display screen side of the mobile terminal tilts along the trajectory a towards the reference plane, it is tilting in the first direction.
[0065] Second, the direction in which the second side of the mobile terminal (optionally, the second side is the backplane side of the mobile terminal opposite to the display screen side) inclines towards the reference plane is preset as the second direction. Exemplarily, as Figure 4 shown, when the mobile terminal 20 takes its side A parallel to the reference plane as the axis and the backplane of the mobile terminal (not shown in the figure) tilts along the trajectory b towards the reference plane, it is tilting in the second direction.
[0066] In practical applications, the magnitude of the tilt angle of the mobile terminal changes as the amplitude of the mobile terminal tilting in the preset first direction changes. The tilt angle of the mobile terminal can be obtained by the following method: Use the gyroscope built in the mobile terminal to obtain the tilt angle between the mobile terminal and the preset reference plane. This gyroscope has an angle measurement function, and the specific model of this gyroscope can be determined based on specific service requirements and is not specifically limited in this embodiment.
[0067] 103. Based on the cutting trajectory corresponding to the preset first direction, cut the pictures currently visible to the user among the at least two pictures according to the obtained tilt angle to reveal the pictures currently invisible to the user.
[0068] In practical applications, the specific implementation steps of cutting the pictures currently visible to the user among the pictures shown in an overlay manner according to the obtained tilt angle based on the cutting trajectory corresponding to the preset first direction can be: According to the corresponding relationship between the preset cutting position and the angle interval, determine the cutting position corresponding to the angle interval containing the tilt angle as the first target cutting position. Based on the cutting trajectory corresponding to the preset first direction, cut the pictures currently visible to the user among the pictures shown in an overlay manner according to the first target cutting position.
[0069] It should be noted that when cutting the pictures currently visible to the user, if the pictures currently visible to the user are the pictures located at the bottom layer among the pictures shown in an overlay manner, then in order to increase the time for the user to view the pictures, the bottom layer pictures will no longer be cut.
[0070] Specifically, the shape and trend of the cutting trajectory can be determined according to service requirements and are not specifically limited in this embodiment. Optionally, the cutting trajectory can include but is not limited to a linear cutting trajectory or an arbitrary curved cutting trajectory. It should be noted that the shape and trend of the cutting trajectories of two or more pictures shown in an overlay manner can be different or the same. Additionally, the cutting trajectories of any two adjacent pictures can be parallel or non-parallel.
[0071] Exemplarily, as Figure 5As shown, three pictures 21, 22, and 23 are superimposed and displayed in the same interface area of the application software in the mobile terminal 20. Based on the cutting track corresponding to the preset first direction, the picture currently visible to the user among the superimposed pictures is cut according to the obtained tilt angle, so as to reveal the picture that the user cannot currently see. Among them, the cutting tracks 211 of picture 21 and the cutting tracks 221 of picture 22 have the same shape, both are linear cutting tracks, and the cutting track 211 is parallel to the cutting track 221.
[0072] Exemplarily, as Figure 6 As shown, three pictures 21, 22, and 23 are superimposed and displayed in the same interface area of the application software in the mobile terminal 20. Based on the cutting track corresponding to the preset first direction, the picture currently visible to the user among the superimposed pictures is cut according to the obtained tilt angle, so as to reveal the picture that the user cannot currently see. Among them, the cutting tracks 211 of picture 21 and the cutting tracks 221 of picture 22 have different shapes. The cutting track 211 is a linear cutting track, and the cutting track 221 is a curved cutting track. The cutting track 211 and the cutting track 221 are not parallel to each other.
[0073] Specifically, when cutting the picture currently visible to the user among the at least two pictures according to the obtained tilt angle, the cutting track divides the picture into the currently retained area and the currently cut area. Among them, the currently cut area is the area that needs to be cut off. At least part of the currently cut area of the upper picture among any two adjacent pictures coincides with at least part of the currently retained area of the lower picture. In this way, after the currently cut area of the upper picture is cut off, at least part of the currently retained area of the lower picture can be displayed for the user of the mobile terminal to view, so that the user can understand the content in the lower picture, thereby completing the promotion of the picture content.
[0074] In practical applications, the area of the cut area of the picture currently visible to the user changes with the tilt angle. Here, the cut area of the picture refers to the total area that has been cut off from the picture. The relationship between the area of the cut area of the picture currently visible to the user and the tilt angle is at least one of the following relationships:
[0075] First, the area of the cut area of the picture currently visible to the user decreases as the tilt angle increases. Exemplarily, the following uses Figure 7 , Figure 8 and Figure 9 to illustrate the relationship between the area of the cut area of the picture currently visible to the user and the tilt angle: Figure 7Schematic diagram of the cutting position corresponding to the cutting trajectory 211 of the currently visible picture 20 when the tilt angle of the mobile terminal is 60°. The light-colored area 21A below the cutting trajectory 211 is the cut area. Figure 8 Schematic diagram of the cutting position corresponding to the cutting trajectory 211 of the currently visible picture 20 when the tilt angle of the mobile terminal is 90°. The light-colored area 21A below the cutting trajectory 211 is the cut area. Figure 9 Schematic diagram of the cutting position corresponding to the cutting trajectory 211 of the currently visible picture 20 when the tilt angle of the mobile terminal is 120°. The light-colored area 21A below the cutting trajectory 211 is the cut area. From Figure 7 、 Figure 8 and Figure 9 it can be seen that the area of the cut area of the currently visible picture 20 of the user decreases as the tilt angle increases. It should be noted that the illustrated scissors are only for illustration and do not represent the existence of scissors or similar markings in the interface.
[0076] Second, the area of the cut area of the currently visible picture of the user increases as the tilt angle increases.
[0077] Third, the area of the cut area of the currently visible picture of the user increases as the tilt angle decreases.
[0078] It should be noted that the variation law of the area of the cut area of the currently visible picture of the user with the tilt angle can be selected from any one of the above three based on business requirements, and no specific limitation is made in this embodiment.
[0079] In the picture display method provided by the embodiment of the present invention, in order to enable the user to view more than one picture, two or more pictures are superimposed and displayed in the same preset interface area of the application software. When the mobile terminal tilts around its side parallel to the preset reference plane in the preset first direction, the tilt angle of the mobile terminal is obtained. Then, based on the cutting trajectory corresponding to the preset first direction, the currently visible picture among the displayed pictures is cut according to the obtained tilt angle, so as to reveal the pictures that the user cannot currently see for the user to view. It can be seen that in the solution provided by the embodiment of the present invention, multiple pictures can be superimposed and displayed in the same preset interface area, and the currently visible picture of the user is adjusted based on the tilt angle of the mobile terminal, so that the user can view the multiple displayed pictures. Therefore, the solution provided by the embodiment of the present invention can display more pictures in a limited interface area, thereby improving the utilization rate of the interface area.
[0080] Further, according to Figure 1 the method shown, another embodiment of the present invention also provides a picture display method, as Figure 10 shown, the method mainly includes:
[0081] 301. Detect whether the application software enters a preset state; if so, execute 302; otherwise, continue to execute this step.
[0082] In practical applications, the preset state can be determined based on business requirements and is not specifically limited in this embodiment. It should be noted that the state in which the user is likely to view the content of the picture is set as the preset state. Optionally, the preset state may include, but is not limited to, at least one or more of the running state, the pause state, or the state of not being operated within a preset duration.
[0083] Exemplarily, when the video playback application software pauses the video playback, it indicates that the user of the mobile terminal is very likely in a resting state. At this time, the user is more likely to view the picture content. Therefore, the pause state is set as the preset state.
[0084] Exemplarily, when the game application software pauses the game operation, it indicates that the user of the mobile terminal is very likely in a resting state. At this time, the user is more likely to view the picture content. Therefore, the pause state is set as the preset state.
[0085] Exemplarily, for the text reading application software or the shopping application software, when it is not operated within a preset duration and stays on the same display content for a long time, it indicates that the user may be in a resting state. At this time, the user is more likely to view the picture content. Therefore, the state of not being operated within a preset duration and staying on the same display content for a long time is set as the preset state.
[0086] Specifically, when it is detected that the application software enters the preset state, it is determined that pictures can be displayed for the user to view, and 302 is executed. When it is checked that the application software does not enter the preset state, the application software is continuously detected at a set frequency to determine whether it enters the preset state, so that once the application software enters the preset state, pictures can be displayed for the user to view in a timely manner.
[0087] 302. Overlay and display at least two pictures in the same preset interface area of the application software.
[0088] Specifically, the detailed explanation of overlaying two or more pictures in the same preset interface area of the application software is basically the same as the detailed explanation in step 101 above and will not be elaborated here.
[0089] However, it should be noted that in order to ensure that the pictures can be completely displayed within the interface area, optionally, the size of the pictures should not be greater than the size of the interface area.
[0090] Exemplarily, such as Figure 2As shown, the interface area is set in the central area of the application software, and the size of the interface area is smaller than the size of the display screen of the mobile terminal 20 (optionally, a mobile phone). When Picture 21 and Picture 22 are superimposed and displayed in the interface area, the user can still view the video played by the video playback application software. Picture 21 and Picture 22 are superimposed and displayed in the interface area, and a part of Picture 21 covers the upper part of Picture 22. At this time, side A of the mobile terminal 20 is parallel to the reference plane "desktop".
[0091] 303. Determine the tilting direction in which the mobile terminal tilts with the side parallel to the preset reference plane as the axis; when the mobile terminal tilts with the side parallel to the preset reference plane as the axis towards the preset first direction, execute 304; when the mobile terminal tilts with the side parallel to the preset reference plane as the axis towards the preset second direction, execute 306.
[0092] In practical applications, the tilting directions in which the mobile terminal can tilt with the side parallel to the preset reference plane as the axis can include two: the first is the preset first direction. When the mobile terminal tilts with the side parallel to the preset reference plane as the axis towards the first direction, the picture currently visible to the user is cropped to reveal the picture currently invisible to the user for the user to view. The second is the preset second direction, where the second direction is opposite to the first direction. In order for the user to view the cropped picture area again, when the mobile terminal tilts with the side parallel to the preset reference plane as the axis towards the second direction, the cropped area in the picture is restored to block the picture currently visible to the user and provide the restored picture for the user to view again.
[0093] Specifically, the process of restoring the cropped area in the picture can include: finding the complete original picture corresponding to the cropped picture in the preset picture library according to the identification of the picture, and then using the found original picture to restore the cropped picture.
[0094] 304. When the mobile terminal tilts with the side parallel to the preset reference plane as the axis towards the preset first direction, obtain the tilt angle of the mobile terminal.
[0095] Specifically, when the mobile terminal tilts, the built-in gyroscope of the mobile terminal is used to obtain the tilt angle between the mobile terminal and the preset reference plane. The gyroscope here measures the rotational angular velocity when the mobile terminal tilts. The tilt angle of the mobile terminal can be obtained according to the rotational angular velocity measured by the gyroscope.
[0096] It should be noted that since the gyroscope is built into the mobile terminal, when the mobile terminal tilts, the tilt angle of the mobile terminal can be obtained more accurately.
[0097] Exemplarily, such as Figure 11As shown, when the mobile terminal tilts in a preset first direction with its side parallel to the preset reference plane as the axis, that is, when the mobile terminal 20 tilts with its side A parallel to the reference plane and the display screen of the mobile terminal tilts laterally towards the reference plane "desktop / horizontal plane / ground", it is tilting in the first direction, and the tilt angle of the mobile terminal is obtained as 75°.
[0098] 305. Based on the cutting trajectory corresponding to the preset first direction, cut the picture currently visible to the user among the at least two pictures according to the obtained tilt angle to reveal the picture currently invisible to the user, and perform step 308.
[0099] Specifically, the specific implementation process of this step 305 may include: determining the cutting position corresponding to the angle interval containing the tilt angle as the first target cutting position according to the corresponding relationship between at least one preset cutting position and at least one angle interval. Based on the cutting trajectory corresponding to the preset first direction, cut the picture currently visible to the user among the at least two pictures according to the first target cutting position.
[0100] Specifically, in order to avoid the situation where one tilt angle corresponds to two or more cutting positions, resulting in cutting chaos, in the corresponding relationship between at least one cutting position and at least one angle interval, one cutting position only corresponds to one angle interval.
[0101] Exemplarily, as Figure 11 shown, according to the corresponding relationship between the preset cutting position and the angle interval, the cutting position T1 corresponding to the angle interval containing the tilt angle of 75° is determined as the target cutting position T1 of picture 21. Based on the cutting trajectory 211 corresponding to the preset first direction, cut the currently visible picture 21 of the user according to the target cutting position T1 to reveal the currently invisible picture 22 for the user to view.
[0102] In addition, it should be noted that the area of the cut area of the picture currently visible to the user decreases as the tilt angle increases. Exemplarily, as Figure 12 shown, when the mobile terminal tilts in a preset first direction with its side parallel to the preset reference plane as the axis, that is, when the mobile terminal 20 tilts with its side A parallel to the reference plane and the display screen of the mobile terminal tilts laterally towards the "desktop", it is tilting in the first direction, and the tilt angle of the mobile terminal is obtained as 60°. According to the corresponding relationship between the preset cutting position and the angle interval, the cutting position T2 corresponding to the angle interval containing the tilt angle of 75° is determined as the target cutting position T2 of picture 21. Based on the cutting trajectory 211 corresponding to the preset first direction, cut the currently visible picture 21 of the user according to the target cutting position T2 to reveal the currently invisible picture 22 for the user to view. It can be seen that Figure 12 the tilt angle of 60° inFigure 11 The tilt angle of 75° in Figure 12 the area of the cropped area of the picture 21 in Figure 11 is larger than the area of the cropped area of the picture 21 in
[0103] 306. When the mobile terminal tilts with its side parallel to the preset reference plane as the axis in the preset second direction, obtain the tilt angle of the mobile terminal; the second direction is opposite to the first direction.
[0104] Specifically, when the mobile terminal tilts, use the gyroscope built in the mobile terminal to obtain the tilt angle between the mobile terminal and the preset reference plane. Here, the gyroscope measures the rotational angular velocity when the mobile terminal tilts. According to the rotational angular velocity measured by the gyroscope, the tilt angle of the mobile terminal can be obtained.
[0105] It should be noted that since the gyroscope is built in the mobile terminal, when the mobile terminal tilts, the tilt angle of the mobile terminal can be obtained more accurately.
[0106] Exemplarily, as Figure 13 shown, when the mobile terminal 20 tilts with its side A parallel to the reference plane as the axis, and the back panel side of the mobile terminal opposite to the display screen side (the back panel side is not shown in the figure) tilts towards the reference plane, it is tilting in the second direction. The tilt angle of the mobile terminal is obtained as 105°
[0107] 307. Based on the cropping trajectory corresponding to the preset second direction, at least partially restore the pictures that the user cannot currently see in the at least two pictures according to the obtained tilt angle to block the pictures that the user can currently see.
[0108] Specifically, the specific implementation process of this step 307 may include: determining the second target cropping position corresponding to the angle interval containing the tilt angle according to the corresponding relationship between at least one preset cropping position and at least one angle interval. Based on the cropping trajectory corresponding to the preset second direction, at least partially restore the pictures that the user cannot currently see in the at least two pictures according to the second target cropping position.
[0109] Specifically, in order to avoid the situation where one tilt angle corresponds to two or more cropping positions and cause confusion in restoration, in the corresponding relationship between at least one cropping position and at least one angle interval, one cropping position only corresponds to one angle interval. It should be noted that the corresponding relationship between this cropping position and the angle interval may be the same as or different from the corresponding relationship for determining the first target cropping position.
[0110] Exemplarily, as Figure 13As shown, according to the corresponding relationship between the preset cutting position and the angle interval, the cutting position T3 corresponding to the angle interval including the inclination angle of 105° is determined as the target cutting position T3 of the picture 21. Based on the cutting trajectory 211 corresponding to the preset second direction, the picture 21 currently visible to the user is restored according to the target cutting position T3, so as to block the picture currently visible to the user and let the user view the restored picture 21 again.
[0111] In practical applications, the area of the restored area of the picture that is currently invisible to the user changes with the change of the inclination angle. The restored area mentioned here is the total area of the area other than the cut area in the picture. The relationship between the area of the restored area of the picture that is currently invisible to the user and the inclination angle is at least one of the following relationships:
[0112] First, the area of the restored area of the picture that is currently invisible to the user increases with the increase of the inclination angle. Exemplarily, as Figure 14 shown, when the mobile terminal 20 takes its side A parallel to the reference plane as the axis and the back panel side of the mobile terminal opposite to the display screen side (the back panel side is not shown in the figure) tilts towards the reference plane, it is tilting towards the second direction. The inclination angle of the mobile terminal is obtained as 120°. According to the corresponding relationship between the preset cutting position and the angle interval, the cutting position T4 corresponding to the angle interval including the inclination angle of 120° is determined as the target cutting position T4 of the picture 21. Based on the cutting trajectory 211 corresponding to the preset second direction, the picture 21 currently visible to the user is restored according to the target cutting position T4, so as to block the picture currently visible to the user and let the user view the restored picture 21 again. It can be seen that Figure 14 the inclination angle 120° of the mobile terminal is greater than Figure 13 the inclination angle 105° of the mobile terminal, Figure 14 and the area of the restored area of the picture 21 in Figure 14 the upper area of the cutting trajectory 211 in Figure 13 is greater than the area of the restored area of the picture 21 in Figure 14 the upper area of the cutting trajectory 211 in
[0113] Second, the area of the restored area of the picture that is currently invisible to the user decreases with the increase of the inclination angle.
[0114] Third, the area of the cut area of the picture currently visible to the user increases with the decrease of the inclination angle.
[0115] It should be noted that the change law of the area of the restored area of the picture that is currently invisible to the user with the inclination angle can be selected from any one of the above three according to business requirements, and no specific limitation is made in this embodiment.
[0116] 308. At the position corresponding to the cutting trajectory in the cut picture, perform a transparency fade - in and fade - out process.
[0117] Specifically, perform a transparency fade - in and fade - out process at the edge corresponding to the cutting trajectory within the picture retention area, so as to create a transition at the position where two adjacent pictures overlap, and increase the sense of hierarchy between the pictures.
[0118] 309. At the position corresponding to the cutting trajectory in the cut picture, add a preset cutting auxiliary mark.
[0119] Specifically, the purpose of adding a cutting auxiliary mark at the edge corresponding to the cutting position is to clearly distinguish between two adjacent pictures, so as to prevent the user of the mobile terminal from being unable to clearly distinguish the overlapping pictures when viewing the pictures.
[0120] Specifically, the cutting auxiliary mark may include, but is not limited to, a marking line consistent with the cutting trajectory, and / or a marking pattern. The specific forms of the marking line and the marking pattern can both be determined according to business requirements. Optionally, in order to improve the aesthetics, the marking object can be a marking pattern in the form of a cartoon such as an animal. For example: Figure 7 As shown, after the picture 21 is cut according to the cutting trajectory 211, add a marking line B1 and a marking pattern B2 at the edge corresponding to the cutting trajectory 211 of the picture 21.
[0121] The embodiment of the present invention provides a method for displaying pictures. This method is applied to a mobile terminal. As Figure 15 shown, this method mainly includes:
[0122] 401. Overlay and display at least two pictures in the same preset interface area of the application software.
[0123] Specifically, the specific details of this step are basically the same as the specific details of the above - mentioned step 101. For details, refer to the specific details of step 101, and will not be elaborated here.
[0124] 402. Perform a touch operation on the pictures displayed in the interface of the application software according to a preset touch method. In response to the touch method, cut the picture currently visible to the user among the at least two pictures along the cutting trajectory corresponding to a preset first direction, so as to reveal the picture that the user currently cannot see.
[0125] In practical applications, the preset touch method can be set according to specific business requirements, and no specific limitation is made here. Optionally, there are at least the following three preset touch methods:
[0126] The first one is gesture touch.
[0127] Specifically, the gestures may include, but are not limited to, at least one of single-finger tapping, double-finger tapping, sliding a finger along a specific trajectory, moving multiple fingers perpendicular to the interface, moving two fingers outward along the same straight line, moving two fingers inward along the same straight line, and sliding multiple fingers in the same specific direction.
[0128] In practical applications, for the gesture touch control method of finger tapping, the cutting position corresponding to the cutting trajectory changes with the number of touch operations of the gesture touch control. Exemplarily, from the first gesture touch control to the Nth gesture touch control, the picture currently visible to the user among the at least two pictures is cut along the cutting trajectory corresponding to the preset first direction to reveal the picture currently invisible to the user. During this process, the cut-off area of the currently visible picture becomes larger and larger. From the (N + 1)th gesture touch control to the (N + N)th gesture touch control, at least partial restoration is performed on the picture currently invisible to the user among the at least two pictures along the cutting trajectory corresponding to the preset second direction to cover the picture currently visible to the user. Here, N is an integer greater than or equal to 1.
[0129] In practical applications, for the gesture touch control method of moving two fingers along the same straight line, the cutting position corresponding to the cutting trajectory changes with the change in the distance between the two fingers. Exemplarily, when the two fingers move outward along the same straight line, the picture currently visible to the user among the at least two pictures is cut along the cutting trajectory corresponding to the preset first direction to reveal the picture currently invisible to the user. During this process, as the distance between the two fingers increases, the cut-off area of the currently visible picture becomes larger and larger. When the two fingers move inward along the same straight line, at least partial restoration is performed on the picture currently invisible to the user among the at least two pictures along the cutting trajectory corresponding to the preset second direction to cover the picture currently visible to the user. During this process, as the distance between the two fingers decreases, the restored area of the picture currently invisible to the user becomes larger and larger.
[0130] Second, voice touch control.
[0131] Specifically, the voice touch control is a specific voice. When the specific voice is collected, in response to the voice, the picture currently visible to the user among the at least two pictures is cut along the cutting trajectory corresponding to the preset first direction to reveal the picture currently invisible to the user.
[0132] In practical applications, the voices corresponding to voice touch are divided into two types. One is the voice corresponding to the first direction, and the other is the voice corresponding to the second direction. Exemplarily, when the mobile terminal collects the voice for the first direction, it cuts the currently visible picture of the user among at least two pictures according to the cutting track corresponding to the preset first direction, so as to reveal the pictures that the user cannot currently see. When the mobile terminal collects the voice for the second direction, it at least partially restores the pictures that the user cannot currently see among the at least two pictures according to the cutting track corresponding to the preset second direction, so as to cover the pictures that the user can currently see.
[0133] In practical applications, in order to improve the fun of voice touch, the voices corresponding to voice touch can be set independently by the user in the mobile terminal according to their own needs.
[0134] Thirdly, rotation touch.
[0135] Specifically, the rotation angle is the rotation angle of the mobile terminal. When the mobile terminal tilts in the preset first direction with its side parallel to the preset reference plane as the axis, the tilt angle of the mobile terminal is obtained; based on the cutting track corresponding to the preset first direction, the currently visible picture of the user among at least two pictures is cut according to the obtained tilt angle, so as to reveal the pictures that the user cannot currently see.
[0136] Specifically, when the mobile terminal tilts in the preset second direction with its side parallel to the preset reference plane as the axis, the tilt angle of the mobile terminal is obtained; the second direction is opposite to the first direction. Based on the cutting track corresponding to the preset second direction, the pictures that the user cannot currently see among at least two pictures are at least partially restored according to the obtained tilt angle, so as to cover the pictures that the user can currently see.
[0137] For the picture display method provided by the present invention, in order to enable the user to view more than one picture, two or more pictures are superimposed and displayed in the same preset interface area of the application software. The pictures displayed in the interface of the application software are touched according to the preset touch method. In response to the touch method, the currently visible picture of the user among the at least two pictures is cut according to the cutting track corresponding to the preset first direction, so as to reveal the pictures that the user cannot currently see. It can be seen that in the solution provided by the embodiment of the present invention, multiple pictures can be superimposed and displayed in the same preset interface area, and the currently visible pictures of the user are cut under the external touch operation, so that the user can view the multiple pictures displayed. Therefore, the solution provided by the embodiment of the present invention can display more pictures in a limited interface area, thereby improving the utilization rate of the interface area.
[0138] Further, according to Figure 1The method embodiment shown in FIG. 10 or 11, another embodiment of the present invention further provides a picture display device, which is applied to a mobile terminal, such as Figure 16 shown, the device includes:
[0139] A display unit 51, configured to superimpose and display at least two pictures in the same preset interface area of the application software;
[0140] An acquisition unit 52, configured to acquire the tilt angle of the mobile terminal when the mobile terminal tilts in a preset first direction with the side parallel to the preset reference plane as the axis;
[0141] A cutting unit 53, configured to cut the pictures currently visible to the user among the at least two pictures according to the acquired tilt angle based on the cutting trajectory corresponding to the preset first direction, so as to reveal the pictures currently invisible to the user.
[0142] For the picture display device provided by the embodiment of the present invention, in order to enable the user to view more than one picture, two or more pictures are superimposed and displayed in the same preset interface area of the application software. When the mobile terminal tilts in a preset first direction with the side parallel to the preset reference plane as the axis, the tilt angle of the mobile terminal is acquired. Then, based on the cutting trajectory corresponding to the preset first direction, the pictures currently visible to the user among the displayed pictures are cut according to the acquired tilt angle, so as to reveal the pictures currently invisible to the user for the user to view. It can be seen that in the solution provided by the embodiment of the present invention, multiple pictures can be superimposed and displayed in the same preset interface area, and the pictures currently visible to the user are adjusted based on the tilt angle of the mobile terminal, so that the user can view the multiple displayed pictures. Therefore, the solution provided by the embodiment of the present invention can display more pictures in a limited interface area, thereby improving the utilization rate of the interface area.
[0143] Optionally, the area of the cut area of the picture currently visible to the user decreases as the tilt angle increases.
[0144] Optionally, as Figure 17 shown, the cutting unit 53 includes:
[0145] A first determination module 531, configured to determine the cutting position corresponding to the angle interval containing the tilt angle as the first target cutting position according to the corresponding relationship between at least one preset cutting position and at least one angle interval;
[0146] A cutting module 532, configured to cut the pictures currently visible to the user among the at least two pictures according to the first target cutting position based on the cutting trajectory corresponding to the preset first direction.
[0147] Optionally, as Figure 17As shown, the obtaining unit 52 is further configured to obtain the inclination angle of the mobile terminal when the mobile terminal tilts in a preset second direction with an edge parallel to the preset reference plane as the axis; the second direction is opposite to the first direction.
[0148] The device further includes:
[0149] A restoration unit 54, configured to at least partially restore the pictures that are currently invisible to the user in the at least two pictures according to the obtained inclination angle based on the cutting trajectory corresponding to the preset second direction, so as to block the pictures that are currently visible to the user.
[0150] Optionally, the area of the restored area of the pictures that are currently invisible to the user increases as the inclination angle increases.
[0151] Optionally, as Figure 17 shown, the restoration unit 54 includes:
[0152] A second determination module 541, configured to determine the cutting position corresponding to the angle interval containing the inclination angle as the second target cutting position according to the corresponding relationship between at least one preset cutting position and at least one angle interval;
[0153] A restoration module 542, configured to at least partially restore the pictures that are currently invisible to the user in the at least two pictures according to the second target cutting position based on the cutting trajectory corresponding to the preset second direction.
[0154] Optionally, as Figure 17 shown, the device further includes:
[0155] A processing unit 55, configured to perform a transparency gradient processing at a position corresponding to the cutting trajectory in the cut pictures.
[0156] Optionally, as Figure 17 shown, the device further includes:
[0157] An adding unit 56, configured to add a preset cutting auxiliary mark at a position corresponding to the cutting trajectory in the cut pictures.
[0158] Optionally, as Figure 17 shown, the obtaining unit 52 is configured to obtain the inclination angle between the mobile terminal and the preset reference plane by using a gyroscope built in the mobile terminal.
[0159] Optionally, as Figure 17 shown, the device further includes:
[0160] The detection unit 57 is configured to detect whether the application software enters a preset state; if so, trigger the display unit 51 to superimpose and display at least two pictures in the same preset interface area of the application software.
[0161] In the picture display device provided by the embodiment of the present invention, the detailed description of the methods adopted during the operation of each functional module can be referred to Figure 1 or Figure 10 the corresponding method detailed description in the method embodiment, which will not be elaborated here.
[0162] Further, according to Figure 15 the method embodiment shown, another embodiment of the present invention further provides a picture display device, which is applied to a mobile terminal, as Figure 18 shown, the device includes:
[0163] The display unit 61 is configured to superimpose and display at least two pictures in the same preset interface area of the application software;
[0164] The cutting unit 62 is configured to perform a touch operation on the pictures displayed in the interface of the application software according to a preset touch method, and in response to the touch method, cut the picture currently visible to the user among the at least two pictures along a cutting trajectory corresponding to a preset first direction, so as to reveal the picture currently invisible to the user.
[0165] In the picture display device provided by the embodiment of the present invention, in order to enable the user to view more than one picture, two or more pictures are superimposed and displayed in the same preset interface area of the application software. A touch operation is performed on the pictures displayed in the interface of the application software according to a preset touch method, and in response to the touch method, the picture currently visible to the user among the at least two pictures is cut along a cutting trajectory corresponding to a preset first direction, so as to reveal the picture currently invisible to the user. It can be seen that in the solution provided by the embodiment of the present invention, multiple pictures can be superimposed and displayed in the same preset interface area, and the picture currently visible to the user is cut under an external touch operation, so that the user can view the multiple pictures displayed. Therefore, the solution provided by the embodiment of the present invention can display more pictures in a limited interface area, thereby improving the utilization rate of the interface area.
[0166] In the picture display device provided by the embodiment of the present invention, the detailed description of the methods adopted during the operation of each functional module can be referred to Figure 15 the corresponding method detailed description in the method embodiment, which will not be elaborated here.
[0167] Further, according to the above embodiment, another embodiment of the present invention further provides a storage medium, the storage medium stores multiple instructions, and the instructions are suitable for being loaded and executed by a processor as above Figure 15The method for displaying the picture described above.
[0168] Furthermore, according to the above embodiments, another embodiment of the present invention further provides an electronic device, which includes: a storage medium and a processor;
[0169] The processor is adapted to implement each instruction;
[0170] The storage medium is adapted to store multiple instructions;
[0171] The instructions are adapted to be loaded and executed by the processor as described above Figure 15 The method for displaying the picture described above.
[0172] In the above embodiments, the descriptions of each embodiment have their own focuses. For the parts not detailed in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.
[0173] It can be understood that the relevant features in the above methods and devices can be referred to each other. In addition, the "first", "second", etc. in the above embodiments are used to distinguish each embodiment, and do not represent the superiority or inferiority of each embodiment.
[0174] Those skilled in the art can clearly understand that for the convenience and brevity of description, the specific working processes of the systems, devices and units described above can refer to the corresponding processes in the foregoing method embodiments, and will not be elaborated here.
[0175] The algorithms and displays provided herein are not inherently related to any specific computer, virtual system or other device. Various general-purpose systems can also be used in conjunction with the teachings herein. The structure required to construct such a system is obvious from the above description. In addition, the present invention is not directed to any specific programming language. It should be understood that the content of the present invention described herein can be implemented using various programming languages, and the descriptions of specific languages above are for disclosing the best mode of the present invention.
[0176] In the specification provided herein, a large number of specific details are set forth. However, it can be understood that the embodiments of the present invention can be practiced without these specific details. In some instances, well-known methods, structures and technologies have not been shown in detail so as not to obscure the understanding of this specification.
[0177] Similarly, it should be understood that, for the purpose of streamlining the present disclosure and assisting in understanding one or more of the various inventive aspects, in the foregoing description of the exemplary embodiments of the present invention, the various features of the present invention are sometimes grouped together into a single embodiment, figure, or description thereof. However, the disclosed method should not be construed as reflecting an intention that the claimed invention requires more features than are expressly recited in each claim. Rather, as reflected in the following claims, the inventive aspects lie in less than all of the features of the single foregoing disclosed embodiment. Thus, the claims following the detailed description are hereby expressly incorporated into the detailed description, with each claim standing on its own as a separate embodiment of the present invention.
[0178] Those skilled in the art will appreciate that the modules in the devices in the embodiments can be adaptively changed and disposed in one or more devices different from those of the embodiments. The modules or units or components in the embodiments can be combined into one module or unit or component, and in addition, they can be divided into multiple sub-modules or sub-units or sub-components. Except that at least some of such features and / or processes or units are mutually exclusive, any combination can be used to combine all the features disclosed in this specification (including the accompanying claims, abstract, and drawings) and all the processes or units of any method or device so disclosed. Unless otherwise expressly stated, each feature disclosed in this specification (including the accompanying claims, abstract, and drawings) can be replaced by an alternative feature that provides the same, equivalent, or similar purpose.
[0179] In addition, those skilled in the art will be able to understand that, although some of the embodiments described herein include certain features included in other embodiments rather than other features, the combination of the features of different embodiments means that it is within the scope of the present invention and forms different embodiments. For example, in the following claims, any one of the claimed embodiments can be used in any combination.
[0180] Each component embodiment of the present invention can be implemented in hardware, or in software modules running on one or more processors, or in a combination thereof. Those skilled in the art should understand that a microprocessor or a digital signal processor (DSP) can be used in practice to implement some or all of the functions of some or all of the components in the method, apparatus, and framework for running a deep neural network model according to the embodiments of the present invention. The present invention can also be implemented as a device or device program (for example, a computer program and a computer program product) for executing part or all of the methods described herein. Such a program for implementing the present invention can be stored on a computer-readable medium, or can be in the form of one or more signals. Such signals can be downloaded from an Internet website, or provided on a carrier signal, or provided in any other form.
[0181] It should be noted that the above embodiments illustrate the present invention rather than limit the present invention, and those skilled in the art can design alternative embodiments without departing from the scope of the appended claims. In the claims, any reference signs placed between parentheses shall not be construed as limiting the claim. The word "comprising" does not exclude the presence of elements or steps not listed in the claim. The word "a" or "an" preceding an element does not exclude the presence of a plurality of such elements. The present invention can be implemented by means of hardware including several different elements and by means of a suitably programmed computer. In the unit claims listing several devices, several of these devices can be embodied by the same item of hardware. The use of the words first, second, and third, etc. does not denote any order. These words can be interpreted as names.
Claims
1. A method for displaying pictures, characterized in that, applied to a mobile terminal, the method includes: Overlaying at least two pictures and displaying them in the same preset interface area of the application software; When the mobile terminal tilts in a preset first direction with the side parallel to the preset reference plane as the axis, obtaining the tilt angle of the mobile terminal; Based on the cutting trajectory corresponding to the preset first direction, cutting the pictures currently visible to the user among the at least two pictures according to the obtained tilt angle, so as to reveal the pictures currently invisible to the user, and the area of the cut area of the pictures currently visible to the user changes with the change of the tilt angle.
2. The method according to claim 1, characterized in that, The area of the cut area of the pictures currently visible to the user decreases as the tilt angle increases.
3. The method according to claim 1, characterized in that, The step of cutting the pictures currently visible to the user among the at least two pictures according to the obtained tilt angle based on the cutting trajectory corresponding to the preset first direction includes: According to the corresponding relationship between at least one preset cutting position and at least one angle interval, determining the cutting position corresponding to the angle interval containing the tilt angle as the first target cutting position; Based on the cutting trajectory corresponding to the preset first direction, cutting the pictures currently visible to the user among the at least two pictures according to the first target cutting position.
4. The method according to claim 1, characterized in that, The method further includes: When the mobile terminal tilts in a preset second direction with the side parallel to the preset reference plane as the axis, obtaining the tilt angle of the mobile terminal; the second direction is opposite to the first direction; Based on the cutting trajectory corresponding to the preset second direction, at least partially restoring the pictures currently invisible to the user among the at least two pictures according to the obtained tilt angle, so as to block the pictures currently visible to the user.
5. The method according to claim 4, characterized in that, The area of the restored area of the pictures currently invisible to the user increases as the tilt angle increases.
6. The method according to claim 4, characterized in that, The step of at least partially restoring the pictures currently invisible to the user among the at least two pictures according to the obtained tilt angle based on the cutting trajectory corresponding to the preset second direction includes: According to the corresponding relationship between at least one preset cutting position and at least one angle interval, determining the cutting position corresponding to the angle interval containing the tilt angle as the second target cutting position; Based on the cutting trajectory corresponding to the preset second direction, at least partially restoring the pictures currently invisible to the user among the at least two pictures according to the second target cutting position.
7. The method according to any one of claims 1-6, characterized in that, The method further includes: Performing a transparency fade-out process at the position corresponding to the cutting trajectory in the cut pictures.
8. The method according to any one of claims 1-6, characterized in that, The method further includes: Adding a preset cutting auxiliary mark at the position corresponding to the cutting trajectory in the cut pictures.
9. The method according to claim 1 or 4, characterized in that, Obtaining the tilt angle of the mobile terminal includes: Obtaining the tilt angle between the mobile terminal and the preset reference plane by using a gyroscope built in the mobile terminal.
10. According to the method described in any one of claims 1-6, characterized in that the method further includes: detecting whether the application software enters a preset state; if so, performing the operation of superimposing and displaying at least two pictures in the same preset interface area of the application software.
11. An apparatus for displaying pictures, characterized in that it is applied to a mobile terminal, and the apparatus includes: a display unit for superimposing and displaying at least two pictures in the same preset interface area of the application software; an obtaining unit for obtaining the tilt angle of the mobile terminal when the mobile terminal tilts in a preset first direction with its side parallel to the preset reference plane as the axis; a cutting unit for cutting the picture currently visible to the user among the at least two pictures according to the obtained tilt angle based on the cutting trajectory corresponding to the preset first direction, so as to expose the picture currently invisible to the user, and the area of the cut area of the picture currently visible to the user changes with the change of the tilt angle.
12. A storage medium, characterized in that the storage medium stores multiple instructions, and the instructions are suitable for being loaded and executed by a processor to perform the picture display method described in any one of claims 1 to 10.
13. An electronic device, characterized in that the electronic device includes: a storage medium and a processor; the processor is adapted to implement each instruction; the storage medium is adapted to store multiple instructions; the instructions are suitable for being loaded and executed by the processor to perform the picture display method described in any one of claims 1 to 10.
14. A method for displaying pictures, characterized in that it is applied to a mobile terminal, and the method includes: superimposing and displaying at least two pictures in the same preset interface area of the application software; performing a touch operation on the pictures displayed in the interface of the application software according to a preset touch method, and in response to the touch method, cutting the picture currently visible to the user among the at least two pictures according to the cutting trajectory corresponding to the preset first direction, so as to expose the picture currently invisible to the user, and the area of the cut area of the picture currently visible to the user changes with the change of the tilt angle.
15. A storage medium, characterized in that the storage medium stores multiple instructions, and the instructions are suitable for being loaded and executed by a processor to perform the picture display method described in claim 14.
Citation Information
Patent Citations
Displaying method and system for character interface of mobile phone game and device of method and system
CN109331472A