CN104063053A - Image displaying method and device as well as electronic device - Google Patents
Image displaying method and device as well as electronic device Download PDFInfo
- Publication number
- CN104063053A CN104063053A CN201410239626.8A CN201410239626A CN104063053A CN 104063053 A CN104063053 A CN 104063053A CN 201410239626 A CN201410239626 A CN 201410239626A CN 104063053 A CN104063053 A CN 104063053A
- Authority
- CN
- China
- Prior art keywords
- screen
- target image
- attitude
- anglec
- rotation
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
Abstract
The invention relates to an image displaying method and device as well as an electronic device, and belongs to the field of mobile display. The method comprises the following steps: determining the screen position of the electronic device; acquiring the height parameter of the target image, wherein the target image is a horizontal cross-section image of a three-dimensional figure, and the height parameter is set in advance and used for indicating the parameter of the height of target image in the three-dimensional space; displaying the target image according to the screen position and the height parameter. The image displaying method and device as well as the electronic device are used for displaying images.
Description
Technical field
The disclosure relates to mobile display field, relates in particular to a kind of method for displaying image, device and electronic equipment.
Background technology
Along with the development in mobile display field, in order to improve user, to experience, it is more and more important that the interface of the mobile devices such as smart mobile phone, panel computer and E-book reader is just becoming.
In correlation technique, the content typesetting of take is accepted by user gradually as main design.Developer is when design display interface, conventionally be chosen under the flat prerequisite of plane and refine design element, remove unnecessary loaded down with trivial details details in interface, guarantee as far as possible succinct the reductions user vision burden of the page, make user for information obtain change more directly and simply.
In realizing process of the present disclosure, find that correlation technique at least exists following problem:
Adopt the interface of flattening design too dull, be easy to make user to produce visual fatigue, and the interface of flattening design can only staticly show conventionally, and the mutual and feedback between user is poor, and user is experienced and has larger negative effect.
Summary of the invention
In order to solve in correlation technique owing to adopting flattening design to cause interface too dull and can only the static problem showing, disclosure embodiment provides a kind of method for displaying image, device and electronic equipment.Described technical scheme is as follows:
First aspect, provides a kind of method for displaying image, and described method comprises:
Determine the screen attitude of electronic equipment, the screen that described screen attitude is used to indicate described electronic equipment deflection angle with respect to the horizontal plane;
Obtain the height parameter of target image, the level cross-sectionn image that described target image is three-dimensional picture, described height parameter is what set in advance, is used to indicate the parameter of the height of described target image in three dimensions;
According to described screen attitude and described height parameter, show described target image.
Optionally, describedly according to described screen attitude and described height parameter, show described target image, comprising:
According to described screen attitude and described target image, determine the display graphics that described target image is corresponding, described display graphics is described target image vertical projection formed figure in described screen;
According to described screen attitude and described height parameter, determine picture displacement, described picture displacement is used to indicate described display graphics moving direction and displacement with respect to the projected position of described target image in described screen;
Described display graphics is started to move from described projected position in described screen according to described picture displacement;
Show the described display graphics after moving.
Optionally, the screen attitude of described definite electronic equipment, comprising:
Determine first anglec of rotation and second anglec of rotation; Described first anglec of rotation be the described screen x axle of take in the first rectangular coordinate system as axle center according to the angle being rotated counterclockwise, described second anglec of rotation be the described screen y axle of take in described the first rectangular coordinate system as axle center according to the angle being rotated counterclockwise; Described the first rectangular coordinate system is parallel with surface level;
According to described first anglec of rotation and described second anglec of rotation, determine the anglec of rotation of described screen in space, according to the described anglec of rotation, determine the screen attitude of described electronic equipment.
Optionally, describedly according to described screen attitude and described height parameter, determine picture displacement, comprising:
According to following formula, calculate described picture displacement
a＝h*sinα，b＝h*sinβ；
Wherein, h is described height parameter, α is described second anglec of rotation, β is described first anglec of rotation, second rectangular coordinate system at described picture displacement place is parallel with described screen, and when described screen is parallel to surface level, described the second rectangular coordinate system is identical with described the first rectangular coordinate system.
Optionally, describedly according to described screen attitude and described target image, determine the display graphics that described target image is corresponding, comprising:
According to described screen attitude and described target image when described screen is parallel with surface level with respect to target image described in the location positioning of described screen the current location with respect to screen, wherein, it is parallel with surface level that described target image keeps, and when screen attitude changes, the relative position between the center of the described three-dimensional picture that described target image is corresponding and described screen remains unchanged;
According to described target image, with respect to the current location of described screen, determine described display graphics.
Second aspect, provides a kind of image display device, and described device comprises:
Attitude determination module, for determining the screen attitude of electronic equipment, the screen that described screen attitude is used to indicate described electronic equipment deflection angle with respect to the horizontal plane;
Parameter acquisition module, for obtaining the height parameter of target image, the level cross-sectionn image that described target image is three-dimensional picture, described height parameter is what set in advance, is used to indicate the parameter of the height of described target image in three dimensions;
Display module, for showing described target image according to described screen attitude and described height parameter.
Optionally, described display module comprises:
Figure determining unit, for determining according to described screen attitude and described target image the display graphics that described target image is corresponding, described display graphics is described target image vertical projection formed figure in described screen;
Displacement determining unit, for determining picture displacement according to described screen attitude and described height parameter, described picture displacement is used to indicate described display graphics moving direction and displacement with respect to the projected position of described target image in described screen;
Mobile unit, for starting described display graphics to move from described projected position at described screen according to described picture displacement;
Display unit, for showing the described display graphics after moving.
Optionally, described attitude determination module, comprising:
Angle determining unit, for determining first anglec of rotation and second anglec of rotation; Described first anglec of rotation be the described screen x axle of take in the first rectangular coordinate system as axle center according to the angle being rotated counterclockwise, described second anglec of rotation be the described screen y axle of take in described the first rectangular coordinate system as axle center according to the angle being rotated counterclockwise; Described the first rectangular coordinate system is parallel with surface level;
Attitude determining unit, for determining that according to described first anglec of rotation and described second anglec of rotation described screen is in the anglec of rotation in space, determines the screen attitude of described electronic equipment according to the described anglec of rotation.
Optionally, described displacement determining unit, for calculating described picture displacement according to following formula
a＝h*sinα，b＝h*sinβ；
Wherein, h is described height parameter, α is described second anglec of rotation, β is described first anglec of rotation, second rectangular coordinate system at described picture displacement place is parallel with described screen, and when described screen is parallel to surface level, described the second rectangular coordinate system is identical with described the first rectangular coordinate system.
Optionally, described figure determining unit, comprising:
Location positioning subelement, for according to described screen attitude and described target image when described screen is parallel with surface level with respect to target image described in the location positioning of described screen the current location with respect to screen, wherein, it is parallel with surface level that described target image keeps, and when screen attitude changes, the relative position between the center of the described three-dimensional picture that described target image is corresponding and described screen remains unchanged;
Figure is determined subelement, for determining described display graphics according to described target image with respect to the current location of described screen.
The third aspect, provides a kind of electronic equipment, and described electronic equipment comprises:
Processor;
For storing the storer of described processor executable;
Wherein, described processor is configured to:
Determine the screen attitude of electronic equipment, the screen that described screen attitude is used to indicate described electronic equipment deflection angle with respect to the horizontal plane;
Obtain the height parameter of target image, the level cross-sectionn image that described target image is three-dimensional picture, described height parameter is what set in advance, is used to indicate the parameter of the height of described target image in three dimensions;
According to described screen attitude and described height parameter, show described target image.
The technical scheme that disclosure embodiment provides can be brought following beneficial effect:
By determining the screen attitude of electronic equipment, obtain the height parameter of target image, according to this screen attitude and this height parameter, show this target image, when user's deflection electronic equipment, can be according to the height parameter target image of the screen attitude of the electronic equipment after deflection and target image, to simulate the display effect of 3 D stereo by planar graph, can solve in correlation technique owing to adopting flattening design to cause interface too dull and can only the static problem showing, can show three-dimensional body according to user's operation simulation, reach and improve the effect that user experiences.
Should be understood that, it is only exemplary and explanatory that above general description and details are hereinafter described, and can not limit the disclosure.
Accompanying drawing explanation
Accompanying drawing is herein merged in instructions and forms the part of this instructions, shows and meets embodiment of the present disclosure, and be used from and explain principle of the present disclosure with instructions one.
Fig. 1 is according to the process flow diagram of a kind of method for displaying image shown in an exemplary embodiment;
Fig. 2 is according to the process flow diagram of a kind of method for displaying image shown in another exemplary embodiment;
Fig. 3 is according to a kind of electronic equipment deflection schematic diagram shown in another exemplary embodiment;
Fig. 4 is according to the another kind of electronic equipment deflection schematic diagram shown in another exemplary embodiment;
Fig. 5 is according to the three dimensions schematic diagram of a kind of target image shown in another exemplary embodiment;
Fig. 6 is according to a kind of target image perspective view shown in another exemplary embodiment;
Fig. 7 shows schematic diagram according to the image after a kind of movement shown in another exemplary embodiment;
Fig. 8 is according to the process flow diagram of a kind of method for displaying image shown in another exemplary embodiment;
Fig. 9 is according to a kind of target image perspective view shown in another exemplary embodiment;
Figure 10 is according to the clock display interface in a kind of smart mobile phone shown in another exemplary embodiment;
Figure 11 is according to the schematic diagram of a kind of image display device shown in an exemplary embodiment;
Figure 12 is according to the schematic diagram of a kind of image display device shown in another exemplary embodiment;
Figure 13 is according to the block diagram of a kind of electronic equipment shown in an exemplary embodiment.
Embodiment
Here will at length to exemplary embodiment, describe, its example shown in the accompanying drawings.When description below relates to accompanying drawing, unless separately there is expression, the same numbers in different accompanying drawings represents same or analogous key element.Embodiment described in following exemplary embodiment does not represent all embodiments consistent with the disclosure.On the contrary, they are only and equipment as consistent in some aspects that described in detail in appended claims, of the present disclosure and the example of method.
Fig. 1 is according to the process flow diagram of a kind of method for displaying image shown in an exemplary embodiment, and as shown in Figure 1, this method for displaying image can be for target image in electronic equipment.This electronic equipment can be the mobile devices such as smart mobile phone, panel computer and E-book reader.This method for displaying image can comprise the following steps:
In step 102, determine the screen attitude of electronic equipment, the screen that this screen attitude is used to indicate this electronic equipment deflection angle with respect to the horizontal plane;
In step 104, obtain the height parameter of target image, the level cross-sectionn image that this target image is three-dimensional picture, this height parameter is what set in advance, is used to indicate the parameter of the height of this target image in three dimensions;
In step 106, according to this screen attitude and this height parameter, show this target image.
Wherein, in flattening design, a visual content in the display interface of electronic equipment can be comprised of several plane pictures, each plane picture is for showing the xsect of this visual content on the different level of three dimensions, such as, the clock of take in flattening interface is example, the outer meter dial of clock, inner meter dial, hour hands, minute hand and time scale can show by different plane pictures respectively, developer arranges height parameter according to spatial altitude corresponding to this each plane picture for each plane picture in advance, when user's deflection electronic equipment, can show each plane picture according to the height parameter of the screen attitude of the electronic equipment after deflection and each plane picture, to simulate the display effect of 3 D stereo by planar graph.
In sum, method for displaying image shown in this exemplary embodiment, by determining the screen attitude of electronic equipment, obtain the height parameter of target image, according to this screen attitude and this height parameter, show this target image, when user's deflection electronic equipment, can be according to the height parameter target image of the screen attitude of the electronic equipment after deflection and target image, to simulate the display effect of 3 D stereo by planar graph, can solve in correlation technique owing to adopting flattening design to cause interface too dull and can only the static problem showing, can show three-dimensional body according to user's operation simulation, reach and improve the effect that user experiences.
Fig. 2 is according to the process flow diagram of a kind of method for displaying image shown in another exemplary embodiment, and as shown in Figure 2, this method for displaying image can be for target image in electronic equipment.This electronic equipment can be the mobile devices such as smart mobile phone, panel computer and E-book reader.This method for displaying image can comprise the following steps:
In step 202, determine the screen attitude of electronic equipment;
Wherein, the screen that this screen attitude is used to indicate this electronic equipment deflection angle with respect to the horizontal plane.
Electronic equipment deflection schematic diagram as shown in Figure 3, suppose that electronic equipment is smart mobile phone, initial time is in horizontality, while it being carried out to deflection in user uses the process of smart mobile phone, the screen of mobile phone can form certain angle theta with surface level, and this angle theta can be used to indicate this screen attitude.
When determining the screen attitude of electronic equipment, can determine first anglec of rotation and second anglec of rotation; The x axle that this first anglec of rotation be take in the first rectangular coordinate system for this screen as axle center according to the angle being rotated counterclockwise, the y axle that this second anglec of rotation be take in this first rectangular coordinate system for this screen as axle center according to the angle being rotated counterclockwise; This first rectangular coordinate system is parallel with surface level.According to this first anglec of rotation and this second anglec of rotation, determine the anglec of rotation of this screen in space, according to this anglec of rotation, determine the screen attitude of this electronic equipment.
The smart mobile phone that the electronic equipment of take is rectangular screen is example, set up the three-dimensional cartesian coordinate system in three dimensions, and in this three-dimensional cartesian coordinate system, x axle is parallel with surface level with the plane at y axle place, the z axle of this three-dimensional cartesian coordinate system is vertical with the plane at this screen place, in the present embodiment, only need to determine component α and the angle theta component β on the plane of x axle and z axle composition of angle theta in the plane of y axle and z axle composition, can determine the deflection situation of user to smart mobile phone, wherein, electronic equipment deflection schematic diagram as shown in Figure 4, α can regard smart mobile phone as take the angle that y axle is rotated counterclockwise as axle center, β can regard smart mobile phone as take the angle that x axle is rotated counterclockwise as axle center.According to α and β, can determine the anglec of rotation of smart mobile phone in three dimensions, according to the anglec of rotation in this three dimensions, can determine the screen attitude of smart mobile phone.
In step 204, obtain the height parameter of target image;
Wherein, the level cross-sectionn image that this target image is three-dimensional picture, this height parameter is what set in advance, is used to indicate the parameter of the height of this target image in three dimensions.
The three dimensions schematic diagram of target image as shown in Figure 5, suppose to show in screen the projection of two target images, these two target images are the cross sectional image of a three-dimensional picture on two different levels, be respectively circular and square, distance between this circle and square and place, this three-dimensional picture bottom plane is respectively H1 and H2, developer is in advance respectively according to the distance height parameter h1 corresponding for this circle arranges between the plane at place bottom this circle and square and this three-dimensional picture, and corresponding height parameter h2 is set for this square, and H1/H2=h1/h2.
In step 206, according to this screen attitude and this target image, determine the display graphics that this target image is corresponding, this display graphics is this target image vertical projection formed figure in screen;
When user is during by electronic equipment deflection, the shape of the vertical projection of target image in screen changes, target image perspective view as shown in Figure 6, wherein, user is by smart mobile phone during by horizontality deflection to the right, circular vertical projection in screen becomes ellipse from circle, and the vertical projection of square in screen becomes rectangle from square.
In step 208, according to this screen attitude and this height parameter, determine picture displacement;
Wherein, this picture displacement is used to indicate this display graphics moving direction and displacement with respect to the projected position of this target image in screen.
When determining picture displacement according to this screen attitude and this height parameter, can calculate this picture displacement according to following formula
a＝h*sinα，b＝h*sinβ；
Wherein, h is this height parameter, and α is this second anglec of rotation, and β is this first anglec of rotation.
In step 210, this display graphics is started to move from this projected position in this screen according to this picture displacement, show this display graphics after moving.
Wherein, second rectangular coordinate system at this picture displacement place is parallel with screen, and when screen is parallel to surface level, the second rectangular coordinate system is identical with the first rectangular coordinate system, when a be on the occasion of time, sense of displacement is the x axle positive dirction of the second rectangular coordinate system, b be on the occasion of time, sense of displacement is the y axle positive dirction of the second rectangular coordinate system.
In the present embodiment, because the height parameter of each target image is different, therefore, the picture displacement that each target image of calculate obtaining is corresponding is not identical yet, being about to display graphics corresponding to each target image moves according to displacement separately, by the display graphics to each target image is corresponding after electronic equipment deflection, according to displacements mobile different in the screen that do not coexist of height parameter, fictionalize visual stereoeffect.
Image after movement as shown in Figure 7 shows schematic diagram, wherein, smart mobile phone screen is rectangle, the x axle of the second rectangular coordinate system is parallel with smart mobile phone top, y axle is parallel with smart mobile phone side, user by smart mobile phone according to the y axle α (0 ° < α < 90 °) that counterclockwise rotates a certain angle, by smart mobile phone according to the x axle β (0 ° < β < 90 °) that counterclockwise rotates a certain angle, the display graphics in screen moves to upper left side, and displacement is directly proportional to height parameter, and (circular height parameter is larger, corresponding oval-shaped displacement is larger, foursquare height is less, corresponding rectangular displacement is also less).
In sum, method for displaying image shown in this exemplary embodiment, by determining the screen attitude of electronic equipment, obtain the height parameter of target image, according to this screen attitude and this height parameter, show this target image, when user's deflection electronic equipment, can be according to the height parameter target image of the screen attitude of the electronic equipment after deflection and target image, to simulate the display effect of 3 D stereo by planar graph, can solve in correlation technique owing to adopting flattening design to cause interface too dull and can only the static problem showing, can show three-dimensional body according to user's operation simulation, reach and improve the effect that user experiences.
Fig. 8 is according to the process flow diagram of a kind of method for displaying image shown in another exemplary embodiment, and as shown in Figure 8, this method for displaying image can be for target image in electronic equipment.This electronic equipment can be the mobile devices such as smart mobile phone, panel computer and E-book reader.This method for displaying image can comprise the following steps:
In step 302, by attitude sensor, determine the screen attitude of electronic equipment;
Wherein, the screen that this screen attitude is used to indicate this electronic equipment deflection angle with respect to the horizontal plane, the attitude sensor that this screen attitude can arrange in electronic equipment detects to be determined.
Electronic equipment deflection schematic diagram as shown in Figure 3, suppose that electronic equipment is smart mobile phone, initial time is in horizontality, while it being carried out to deflection in user uses the process of smart mobile phone, the screen of mobile phone can form certain angle theta with surface level, and this angle theta can be used to indicate this screen attitude.
When determining the screen attitude of electronic equipment, can determine first anglec of rotation and second anglec of rotation; The x axle that this first anglec of rotation be take in the first rectangular coordinate system for this screen as axle center according to the angle being rotated counterclockwise, the y axle that this second anglec of rotation be take in this first rectangular coordinate system for this screen as axle center according to the angle being rotated counterclockwise; This first rectangular coordinate system is parallel with surface level.According to this first anglec of rotation and this second anglec of rotation, determine the anglec of rotation of this screen in space, according to this anglec of rotation, determine the screen attitude of this electronic equipment.
The smart mobile phone that the electronic equipment of take is rectangular screen is example, set up the three-dimensional cartesian coordinate system in three dimensions, and in this three-dimensional cartesian coordinate system, x axle is parallel with surface level with the plane at y axle place, the z axle of this three-dimensional cartesian coordinate system is vertical with the plane at this screen place, in the present embodiment, only need to determine component α and the angle theta component β on the plane of x axle and z axle composition of angle theta in the plane of y axle and z axle composition, can determine the deflection situation of user to smart mobile phone, wherein, electronic equipment deflection schematic diagram as shown in Figure 4, α can regard smart mobile phone as take the angle that y axle is rotated counterclockwise as axle center, β can regard smart mobile phone as take the angle that x axle is rotated counterclockwise as axle center.
In step 304, obtain the height parameter of target image;
Wherein, the level cross-sectionn image that this target image is three-dimensional picture, this height parameter is what set in advance, is used to indicate the parameter of the height of this target image in three dimensions.
The three dimensions schematic diagram of target image as shown in Figure 5, suppose to show in screen the projection of two target images, these two target images are the cross sectional image of a three-dimensional picture on two different levels, be respectively circular and square, distance between this circle and square and place, this three-dimensional picture bottom plane is respectively H1 and H2, developer is in advance respectively according to the distance height parameter h1 corresponding for this circle arranges between the plane at place bottom this circle and square and this three-dimensional picture, and corresponding height parameter h2 is set for this square, and H1/H2=h1/h2.
In step 306, according to this screen attitude and this target image, determine the display graphics that this target image is corresponding, this display graphics is this target image vertical projection formed figure in screen;
When determining display graphics corresponding to this target image, according to this screen attitude and target image when screen is parallel with surface level with respect to the location positioning target image of screen the current location with respect to screen, wherein, it is parallel with surface level that this target image keeps, and when screen attitude changes, the center of the three-dimensional picture that this target image is corresponding and the relative position between screen remain unchanged; According to this target image, with respect to the current location of screen, determine this display graphics.
Target image perspective view as shown in Figure 9, in three dimensions, the circular and corresponding same three-dimensional picture of square, the central spot of this three-dimensional picture is in the middle of circular and square.At T1 constantly, screen is parallel with surface level, and the circular and projection of square in screen is still circular and square; At T2 constantly, screen is the certain angle of deflection to the right with respect to the horizontal plane, now, three-dimensional picture is done as a whole, and its position changes, and the central point of this three-dimensional picture and the position between screen with at T1, remain unchanged the position with respect to screen constantly time, now, this circle is projected as ellipse in screen, and this square is projected as rectangle in screen, and this circle and the projection of square in screen move to right constantly with respect to T1.
In step 308, according to this screen attitude and this height parameter, determine picture displacement;
Wherein, this picture displacement is used to indicate this display graphics moving direction and displacement with respect to the projected position of this target image in screen.
When determining picture displacement according to this screen attitude and this height parameter, can calculate this picture displacement according to following formula
a＝h*sinα，b＝h*sinβ；
Wherein, h is this height parameter, and α is this second anglec of rotation, and β is this first anglec of rotation.
In step 310, this display graphics is started to move from this projected position in this screen according to this picture displacement, show this display graphics after moving.
Wherein, second rectangular coordinate system at this picture displacement place is parallel with screen, and when screen is parallel to surface level, the second rectangular coordinate system is identical with the first rectangular coordinate system, when a be on the occasion of time, sense of displacement is the x axle positive dirction of the second rectangular coordinate system, b be on the occasion of time, sense of displacement is the y axle positive dirction of the second rectangular coordinate system.
In the present embodiment, because the height parameter of each target image is different, therefore, the picture displacement that each target image of calculate obtaining is corresponding is not identical yet, be about to display graphics that each target image will be corresponding according to displacement separately, projected position place from target image in screen starts to move, by the display graphics to each target image is corresponding after electronic equipment deflection according to mobile different displacement in the screen that do not coexist of height parameter, simulate two target images spatial offset visually, with this, fictionalize visual stereoeffect.
Image after movement as shown in Figure 7 shows schematic diagram, wherein, smart mobile phone screen is rectangle, the x axle of the second rectangular coordinate system is parallel with smart mobile phone top, y axle is parallel with smart mobile phone side, user is revolved the angle [alpha] that counterclockwise turns certain (0 ° < α < 90 °) by smart mobile phone according to y axle, by smart mobile phone according to the x axle β (0 ° < β < 90 °) that counterclockwise rotates a certain angle, the display graphics in screen moves to upper left side, and displacement is directly proportional to height parameter, and (circular height parameter is larger, corresponding oval-shaped displacement is larger, foursquare height is less, corresponding rectangular displacement is also less).
Such as, clock display interface in smart mobile phone as shown in figure 10, clock patterns in interface designs according to flattening, clock face is comprised of three target images, be respectively clock outer ring, clock inner ring and pointer, developer is that three target images arrange different height parameters in advance, when user is by smart mobile phone deflection (α ≠ 0 left, β=0), time, clock outer ring, clock inner ring and display graphics corresponding to pointer move right; When user is during by smart mobile phone deflection to the right (α ≠ 0, β=0), clock outer ring, clock inner ring and display graphics corresponding to pointer are moved to the left; And the displacement of clock outer ring, display graphics that clock inner ring is corresponding with pointer is different, with this, simulates the 3-D display effect of clock outer ring, clock inner ring and pointer.
In sum, method for displaying image shown in this exemplary embodiment, by determining the screen attitude of electronic equipment, obtain the height parameter of target image, according to this screen attitude and this height parameter, show this target image, when user's deflection electronic equipment, can be according to the height parameter target image of the screen attitude of the electronic equipment after deflection and target image, to simulate the display effect of 3 D stereo by planar graph, can solve in correlation technique owing to adopting flattening design to cause interface too dull and can only the static problem showing, can show three-dimensional body according to user's operation simulation, reach and improve the effect that user experiences.
Figure 11 is according to the schematic diagram of a kind of image display device shown in an exemplary embodiment, as shown in figure 11, this image display device can be for carrying out as shown in Figure 1, Figure 2 or the method for displaying image of Fig. 8 shown in arbitrary, with target image in electronic equipment.This electronic equipment can be the mobile devices such as smart mobile phone, panel computer and E-book reader.This image display device can comprise: attitude determination module 401, parameter acquisition module 402 and display module 403;
Described attitude determination module 401 is set to for determining the screen attitude of electronic equipment, the screen that described screen attitude is used to indicate described electronic equipment deflection angle with respect to the horizontal plane;
Described parameter acquisition module 402 is set to for obtaining the height parameter of target image, described target image is a level cross-sectionn image of three-dimensional picture, described height parameter is what set in advance, is used to indicate the parameter of the height of described target image in three dimensions;
Described display module 403 is set to for showing described target image according to described screen attitude and described height parameter.
In sum, image display device shown in this exemplary embodiment, by determining the screen attitude of electronic equipment, obtain the height parameter of target image, according to this screen attitude and this height parameter, show this target image, when user's deflection electronic equipment, can be according to the height parameter target image of the screen attitude of the electronic equipment after deflection and target image, to simulate the display effect of 3 D stereo by planar graph, can solve in correlation technique owing to adopting flattening design to cause interface too dull and can only the static problem showing, can show three-dimensional body according to user's operation simulation, reach and improve the effect that user experiences.
Figure 12 is according to the schematic diagram of a kind of image display device shown in another exemplary embodiment, as shown in figure 12, this image display device can be for carrying out as shown in Figure 1, Figure 2 or the method for displaying image of Fig. 8 shown in arbitrary, with target image in electronic equipment.This electronic equipment can be the mobile devices such as smart mobile phone, panel computer and E-book reader.This image display device can comprise: attitude determination module 501, parameter acquisition module 502 and display module 503;
Described attitude determination module 501 is set to for determining the screen attitude of electronic equipment, the screen that described screen attitude is used to indicate described electronic equipment deflection angle with respect to the horizontal plane;
Described parameter acquisition module 502 is set to for obtaining the height parameter of target image, described target image is a level cross-sectionn image of three-dimensional picture, described height parameter is what set in advance, is used to indicate the parameter of the height of described target image in three dimensions;
Described display module 503 is set to for showing described target image according to described screen attitude and described height parameter.
Described display module 503 comprises: figure determining unit 5031, displacement determining unit 5032, mobile unit 5033 and display unit 5034;
Described figure determining unit 5031 is set to for determining according to described screen attitude and described target image the display graphics that described target image is corresponding, and described display graphics is described target image vertical projection formed figure in described screen;
Described displacement determining unit 5032 is set to for determining picture displacement according to described screen attitude and described height parameter, and described picture displacement is used to indicate described display graphics moving direction and displacement with respect to the projected position of described target image in described screen;
Described mobile unit 5033 is set to for described display graphics is started to move from described projected position at described screen according to described picture displacement;
Described display unit 5034 is set to for showing the described display graphics after moving.
Described attitude determination module 501, comprising: angle determining unit 5011 and attitude determining unit 5012;
Described angle determining unit 5011 is set to for determining first anglec of rotation and second anglec of rotation; Described first anglec of rotation be the described screen x axle of take in the first rectangular coordinate system as axle center according to the angle being rotated counterclockwise, described second anglec of rotation be the described screen y axle of take in the first rectangular coordinate system as axle center according to the angle being rotated counterclockwise; Described the first rectangular coordinate system is parallel with surface level;
Described attitude determining unit 5012 is set to, for determining that according to described first anglec of rotation and described second anglec of rotation described screen is in the anglec of rotation in space, determine the screen attitude of described electronic equipment according to the described anglec of rotation.
Described displacement determining unit 5032 is set to for calculating described picture displacement according to following formula
a＝h*sinα，b＝h*sinβ；
Wherein, h is described height parameter, α is described second anglec of rotation, β is described first anglec of rotation, second rectangular coordinate system at described picture displacement place is parallel with described screen, and when described screen is parallel to surface level, described the second rectangular coordinate system is identical with described the first rectangular coordinate system.
Described figure determining unit 5031, comprising: location positioning subelement 5031a and figure are determined subelement 5031b;
Described location positioning subelement 5031a be set to for according to described screen attitude and described target image when described screen is parallel with surface level with respect to target image described in the location positioning of described screen the current location with respect to screen, wherein, it is parallel with surface level that described target image keeps, and when screen attitude changes, the relative position between the center of the described three-dimensional picture that described target image is corresponding and described screen remains unchanged;
Described figure determines that subelement 5031b is set to for determining described display graphics according to described target image with respect to the current location of described screen.
In sum, image display device shown in this exemplary embodiment, by determining the screen attitude of electronic equipment, obtain the height parameter of target image, according to this screen attitude and this height parameter, show this target image, when user's deflection electronic equipment, can be according to the height parameter target image of the screen attitude of the electronic equipment after deflection and target image, to simulate the display effect of 3 D stereo by planar graph, can solve in correlation technique owing to adopting flattening design to cause interface too dull and can only the static problem showing, can show three-dimensional body according to user's operation simulation, reach and improve the effect that user experiences.
Figure 13 is according to the block diagram of a kind of electronic equipment 600 shown in an exemplary embodiment.For example, electronic equipment 600 can be mobile phone, computing machine, digital broadcast terminal, information receiving and transmitting equipment, game console, flat-panel devices, Medical Devices, body-building equipment, personal digital assistant etc.
With reference to Figure 13, electronic equipment 600 can comprise following one or more assembly: processing components 602, storer 604, power supply module 606, multimedia groupware 608, audio-frequency assembly 610, the interface 612 of I/O (I/O), sensor module 614, and communications component 616.
Processing components 602 is controlled the integrated operation of electronic equipment 600 conventionally, such as with demonstration, call, data communication, the operation that camera operation and record operation are associated.Processing components 602 can comprise that one or more processors 620 carry out instruction, to complete all or part of step of above-mentioned method.In addition, processing components 602 can comprise one or more modules, is convenient to mutual between processing components 602 and other assemblies.For example, processing components 602 can comprise multi-media module, to facilitate mutual between multimedia groupware 608 and processing components 602.
Storer 604 is configured to store various types of data to be supported in the operation of electronic equipment 600.The example of these data comprises for any application program of operation on electronic equipment 600 or the instruction of method, contact data, telephone book data, message, picture, video etc.Storer 604 can be realized by the volatibility of any type or non-volatile memory device or their combination, as static RAM (SRAM), Electrically Erasable Read Only Memory (EEPROM), Erasable Programmable Read Only Memory EPROM (EPROM), programmable read only memory (PROM), ROM (read-only memory) (ROM), magnetic store, flash memory, disk or CD.In storer 604, also store one or more modules, these one or more modules are configured to be carried out by these one or more processors 620, with complete above-mentioned Fig. 1, Fig. 2 or Fig. 8 arbitrary shown in all or part of step of method.
The various assemblies that power supply module 606 is electronic equipment 600 provide electric power.Power supply module 606 can comprise power-supply management system, one or more power supplys, and other and the assembly that generates, manages and distribute electric power to be associated for electronic equipment 600.
Multimedia groupware 608 is included in the screen that an output interface is provided between described electronic equipment 600 and user.In certain embodiments, screen can comprise liquid crystal display (LCD) and touch panel (TP).If screen comprises touch panel, screen may be implemented as touch-screen, to receive the input signal from user.Touch panel comprises that one or more touch sensors are with the gesture on sensing touch, slip and touch panel.Described touch sensor is the border of sensing touch or sliding action not only, but also detects duration and the pressure relevant to described touch or slide.In certain embodiments, multimedia groupware 608 comprises a front-facing camera and/or post-positioned pick-up head.When electronic equipment 600 is in operator scheme, during as screening-mode or video mode, front-facing camera and/or post-positioned pick-up head can receive outside multi-medium data.Each front-facing camera and post-positioned pick-up head can be fixing optical lens systems or have focal length and optical zoom ability.
Audio-frequency assembly 610 is configured to output and/or input audio signal.For example, audio-frequency assembly 610 comprises a microphone (MIC), and when electronic equipment 600 is in operator scheme, during as call model, logging mode and speech recognition mode, microphone is configured to receive external audio signal.The sound signal receiving can be further stored in storer 604 or be sent via communications component 616.In certain embodiments, audio-frequency assembly 610 also comprises a loudspeaker, for output audio signal.
I/O interface 612 is for providing interface between processing components 602 and peripheral interface module, and above-mentioned peripheral interface module can be keyboard, some striking wheel, button etc.These buttons can include but not limited to: home button, volume button, start button and locking press button.
Sensor module 614 comprises one or more sensors, is used to electronic equipment 600 that the state estimation of various aspects is provided.For example, sensor module 614 can detect the opening/closing state of electronic equipment 600, the relative positioning of assembly, for example described assembly is display and the keypad of electronic equipment 600, the position of an assembly of all right detected electrons equipment 600 of sensor module 614 or electronic equipment 600 changes, the existence that user contacts with electronic equipment 600 or do not have the temperature variation of electronic equipment 600 orientation or acceleration/deceleration and electronic equipment 600.Sensor module 614 can comprise proximity transducer, be configured to without any physical contact time detect near the existence of object.Sensor module 614 can also comprise optical sensor, as CMOS or ccd image sensor, for using in imaging applications.In certain embodiments, this sensor module 614 can also comprise acceleration transducer, gyro sensor, Magnetic Sensor, pressure transducer or temperature sensor.
Communications component 616 is configured to be convenient to the communication of wired or wireless mode between electronic equipment 600 and other equipment.Electronic equipment 600 can access the wireless network based on communication standard, as WiFi, and 2G or 3G, or their combination.In one exemplary embodiment, communications component 616 receives broadcast singal or the broadcast related information from external broadcasting management system via broadcast channel.In one exemplary embodiment, described communications component 616 also comprises near-field communication (NFC) module, to promote junction service.For example, can be based on radio-frequency (RF) identification (RFID) technology in NFC module, Infrared Data Association (IrDA) technology, ultra broadband (UWB) technology, bluetooth (BT) technology and other technologies realize.
In the exemplary embodiment, electronic equipment 600 can be realized by one or more application specific integrated circuit (ASIC), digital signal processor (DSP), digital signal processing appts (DSPD), programmable logic device (PLD) (PLD), field programmable gate array (FPGA), controller, microcontroller, microprocessor or other electronic components, for carrying out said method.
In the exemplary embodiment, also provide a kind of non-provisional computer-readable recording medium that comprises instruction, for example, comprised the storer 604 of instruction, above-mentioned instruction can have been carried out said method by the processor 620 of electronic equipment 600.For example, this non-provisional computer-readable recording medium can be ROM, random access memory (RAM), CD-ROM, tape, floppy disk and optical data storage equipment etc.
Those skilled in the art, considering instructions and putting into practice after disclosure herein, will easily expect other embodiment of the present disclosure.The application is intended to contain any modification of the present disclosure, purposes or adaptations, and these modification, purposes or adaptations are followed general principle of the present disclosure and comprised undocumented common practise or the conventional techniques means in the art of the disclosure.Instructions and embodiment are only regarded as exemplary, and true scope of the present disclosure and spirit are pointed out by claim.
Should be understood that, the disclosure is not limited to precision architecture described above and illustrated in the accompanying drawings, and can carry out various modifications and change not departing from its scope.The scope of the present disclosure is only limited by appended claim.
Claims (11)
1. a method for displaying image, is characterized in that, described method comprises:
Determine the screen attitude of electronic equipment, the screen that described screen attitude is used to indicate described electronic equipment deflection angle with respect to the horizontal plane;
Obtain the height parameter of target image, the level cross-sectionn image that described target image is three-dimensional picture, described height parameter is what set in advance, is used to indicate the parameter of the height of described target image in three dimensions;
According to described screen attitude and described height parameter, show described target image.
2. method according to claim 1, is characterized in that, describedly according to described screen attitude and described height parameter, shows described target image, comprising:
According to described screen attitude and described target image, determine the display graphics that described target image is corresponding, described display graphics is described target image vertical projection formed figure in described screen;
According to described screen attitude and described height parameter, determine picture displacement, described picture displacement is used to indicate described display graphics moving direction and displacement with respect to the projected position of described target image in described screen;
Described display graphics is started to move from described projected position in described screen according to described picture displacement;
Show the described display graphics after moving.
3. method according to claim 2, is characterized in that, the screen attitude of described definite electronic equipment, comprising:
Determine first anglec of rotation and second anglec of rotation; Described first anglec of rotation be the described screen x axle of take in the first rectangular coordinate system as axle center according to the angle being rotated counterclockwise, described second anglec of rotation be the described screen y axle of take in described the first rectangular coordinate system as axle center according to the angle being rotated counterclockwise; Described the first rectangular coordinate system is parallel with surface level;
According to described first anglec of rotation and described second anglec of rotation, determine the anglec of rotation of described screen in space, according to the described anglec of rotation, determine the screen attitude of described electronic equipment.
4. method according to claim 3, is characterized in that, describedly according to described screen attitude and described height parameter, determines picture displacement, comprising:
According to following formula, calculate described picture displacement
a＝h*sinα，b＝h*sinβ；
Wherein, h is described height parameter, α is described second anglec of rotation, β is described first anglec of rotation, second rectangular coordinate system at described picture displacement place is parallel with described screen, and when described screen is parallel to surface level, described the second rectangular coordinate system is identical with described the first rectangular coordinate system.
5. method according to claim 2, is characterized in that, describedly according to described screen attitude and described target image, determines the display graphics that described target image is corresponding, comprising:
According to described screen attitude and described target image when described screen is parallel with surface level with respect to target image described in the location positioning of described screen the current location with respect to screen, wherein, it is parallel with surface level that described target image keeps, and when screen attitude changes, the relative position between the center of the described three-dimensional picture that described target image is corresponding and described screen remains unchanged;
According to described target image, with respect to the current location of described screen, determine described display graphics.
6. an image display device, is characterized in that, described device comprises:
Attitude determination module, for determining the screen attitude of electronic equipment, the screen that described screen attitude is used to indicate described electronic equipment deflection angle with respect to the horizontal plane;
Parameter acquisition module, for obtaining the height parameter of target image, the level cross-sectionn image that described target image is three-dimensional picture, described height parameter is what set in advance, is used to indicate the parameter of the height of described target image in three dimensions;
Display module, for showing described target image according to described screen attitude and described height parameter.
7. device according to claim 6, is characterized in that, described display module comprises:
Figure determining unit, for determining according to described screen attitude and described target image the display graphics that described target image is corresponding, described display graphics is described target image vertical projection formed figure in described screen;
Displacement determining unit, for determining picture displacement according to described screen attitude and described height parameter, described picture displacement is used to indicate described display graphics moving direction and displacement with respect to the projected position of described target image in described screen;
Mobile unit, for starting described display graphics to move from described projected position at described screen according to described picture displacement;
Display unit, for showing the described display graphics after moving.
8. device according to claim 7, is characterized in that, described attitude determination module, comprising:
Angle determining unit, for determining first anglec of rotation and second anglec of rotation; Described first anglec of rotation be the described screen x axle of take in the first rectangular coordinate system as axle center according to the angle being rotated counterclockwise, described second anglec of rotation be the described screen y axle of take in described the first rectangular coordinate system as axle center according to the angle being rotated counterclockwise; Described the first rectangular coordinate system is parallel with surface level;
Attitude determining unit, for determining that according to described first anglec of rotation and described second anglec of rotation described screen is in the anglec of rotation in space, determines the screen attitude of described electronic equipment according to the described anglec of rotation.
9. device according to claim 8, is characterized in that, described displacement determining unit, for calculating described picture displacement according to following formula
a＝h*sinα，b＝h*sinβ；
Wherein, h is described height parameter, α is described second anglec of rotation, β is described first anglec of rotation, second rectangular coordinate system at described picture displacement place is parallel with described screen, and when described screen is parallel to surface level, described the second rectangular coordinate system is identical with described the first rectangular coordinate system.
10. device according to claim 7, is characterized in that, described figure determining unit, comprising:
Location positioning subelement, for according to described screen attitude and described target image when described screen is parallel with surface level with respect to target image described in the location positioning of described screen the current location with respect to screen, wherein, it is parallel with surface level that described target image keeps, and when screen attitude changes, the relative position between the center of the described three-dimensional picture that described target image is corresponding and described screen remains unchanged;
Figure is determined subelement, for determining described display graphics according to described target image with respect to the current location of described screen.
11. 1 kinds of electronic equipments, is characterized in that, described electronic equipment comprises:
Processor;
For storing the storer of described processor executable;
Wherein, described processor is configured to:
Determine the screen attitude of electronic equipment, the screen that described screen attitude is used to indicate described electronic equipment deflection angle with respect to the horizontal plane;
Obtain the height parameter of target image, the level cross-sectionn image that described target image is three-dimensional picture, described height parameter is what set in advance, is used to indicate the parameter of the height of described target image in three dimensions;
According to described screen attitude and described height parameter, show described target image.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410239626.8A CN104063053B (en) | 2014-05-30 | 2014-05-30 | Method for displaying image, device and electronic equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201410239626.8A CN104063053B (en) | 2014-05-30 | 2014-05-30 | Method for displaying image, device and electronic equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104063053A true CN104063053A (en) | 2014-09-24 |
| CN104063053B CN104063053B (en) | 2018-02-06 |
Family
ID=51550802
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201410239626.8A Active CN104063053B (en) | 2014-05-30 | 2014-05-30 | Method for displaying image, device and electronic equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104063053B (en) |
Cited By (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107193442A (en) * | 2017-06-14 | 2017-09-22 | 广州爱九游信息技术有限公司 | Graphic display method, graphics device, electronic equipment and storage medium |
| CN107526566A (en) * | 2017-09-13 | 2017-12-29 | 青岛真时科技有限公司 | The display control method and device of a kind of mobile terminal |
| CN108737642A (en) * | 2018-04-13 | 2018-11-02 | 维沃移动通信有限公司 | The display methods and device of content |
| CN112560839A (en) * | 2020-12-02 | 2021-03-26 | 随锐科技集团股份有限公司 | Automatic identification method and system for reading of pointer instrument |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090148124A1 (en) * | 2007-09-28 | 2009-06-11 | Yahoo!, Inc. | Distributed Automatic Recording of Live Event |
| CN101655769A (en) * | 2008-08-18 | 2010-02-24 | Lg电子株式会社 | Portable terminal and driving method of the same |
| CN103369130A (en) * | 2012-04-10 | 2013-10-23 | Lg电子株式会社 | Display apparatus and method of controlling same |
-
2014
- 2014-05-30 CN CN201410239626.8A patent/CN104063053B/en active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20090148124A1 (en) * | 2007-09-28 | 2009-06-11 | Yahoo!, Inc. | Distributed Automatic Recording of Live Event |
| CN101655769A (en) * | 2008-08-18 | 2010-02-24 | Lg电子株式会社 | Portable terminal and driving method of the same |
| CN103369130A (en) * | 2012-04-10 | 2013-10-23 | Lg电子株式会社 | Display apparatus and method of controlling same |
Non-Patent Citations (1)
| Title |
|---|
| 田原: "《室内设计制图与识图》", 31 December 2013 * |
Cited By (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN107193442A (en) * | 2017-06-14 | 2017-09-22 | 广州爱九游信息技术有限公司 | Graphic display method, graphics device, electronic equipment and storage medium |
| CN107526566A (en) * | 2017-09-13 | 2017-12-29 | 青岛真时科技有限公司 | The display control method and device of a kind of mobile terminal |
| CN107526566B (en) * | 2017-09-13 | 2021-05-28 | 歌尔科技有限公司 | Display control method and device of mobile terminal |
| CN108737642A (en) * | 2018-04-13 | 2018-11-02 | 维沃移动通信有限公司 | The display methods and device of content |
| WO2019196863A1 (en) * | 2018-04-13 | 2019-10-17 | 维沃移动通信有限公司 | Content display method and apparatus |
| CN112560839A (en) * | 2020-12-02 | 2021-03-26 | 随锐科技集团股份有限公司 | Automatic identification method and system for reading of pointer instrument |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104063053B (en) | 2018-02-06 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP6408692B2 (en) | Fingerprint input guidance method and apparatus | |
| US11231845B2 (en) | Display adaptation method and apparatus for application, and storage medium | |
| US10101156B2 (en) | Method and apparatus for determining spatial parameter based on image and terminal device | |
| JP6109413B2 (en) | Image display method, image display apparatus, terminal, program, and recording medium | |
| CN105512605A (en) | Face image processing method and device | |
| CN104034309A (en) | Angle measurement method, angle measurement device and terminal | |
| CN105447462A (en) | Facial pose estimation method and device | |
| CN104613959A (en) | Navigation method and device for wearable device and electronic equipment | |
| CN104077585B (en) | Method for correcting image, device and terminal | |
| EP3312702B1 (en) | Method and device for identifying gesture | |
| EP3232156A1 (en) | Obstacle locating method, apparatus and system, computer program and recording medium | |
| CN104484858B (en) | Character image processing method and processing device | |
| CN107656666A (en) | Mobile terminal and rolling speed determine method | |
| CN107656682A (en) | Mobile terminal and angle of bend computational methods | |
| US20200402321A1 (en) | Method, electronic device and storage medium for image generation | |
| CN105513137A (en) | Three dimensional model and scene creating method and apparatus based on mobile intelligent terminal | |
| CN104537132A (en) | Motion data recording method and device | |
| CN107202574A (en) | Motion track information modification method and device | |
| CN107102801A (en) | Terminal screen spinning solution and device | |
| CN104063053A (en) | Image displaying method and device as well as electronic device | |
| CN104156695A (en) | Method and device for aligning face image | |
| CN108280434A (en) | The method and apparatus for showing information | |
| CN103914151A (en) | Information display method and device | |
| CN104599236B (en) | A kind of method and apparatus of image rectification | |
| CN103984476B (en) | menu display method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| C06 | Publication | ||
| PB01 | Publication | ||
| C10 | Entry into substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |