CN107193442A - Graphic display method, graphics device, electronic equipment and storage medium - Google Patents
Graphic display method, graphics device, electronic equipment and storage medium Download PDFInfo
- Publication number
- CN107193442A CN107193442A CN201710449005.6A CN201710449005A CN107193442A CN 107193442 A CN107193442 A CN 107193442A CN 201710449005 A CN201710449005 A CN 201710449005A CN 107193442 A CN107193442 A CN 107193442A
- Authority
- CN
- China
- Prior art keywords
- parameter
- screen
- deflection
- displacement
- user equipment
- 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.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
Abstract
The invention discloses a kind of graphic display method, graphics device, electronic equipment and storage medium.This method includes：Figure is shown on the screen of user equipment, figure includes at least two parts；And make at least two parts of figure that displacement different from each other occur on screen around the deflection of the axis parallel to screen in response to user equipment.Thus, the deflection situation based on user equipment causes the different parts of figure that displacement different from each other occurs on the display screen, so that user, which sees, thinks that figure has third dimension after figure, lifts the experience effect of user.
Description
Technical field
The present invention relates to graphical display technics field, more particularly to a kind of graphic display method, graphics device, electronics
Equipment and storage medium.
Background technology
Increasingly improving for electronic product brings more convenient and more high-quality experience effect for user, however, people
Remain desirable to constantly lifting electronic equipment and its software Consumer's Experience.
For example, the interface (including mobile phone interface and Application Program Interface) of the equipment such as existing smart mobile phone is only limitted to two
Content is shown on dimensional plane so that the tiling of the graphical content such as icon, word is illustrated on interface, and displaying lacks third dimension, user
It is difficult to obtain the impression to entity or manipulation in kind, not sufficiently good visual experience effect is brought to user.
Therefore, there is still a need for a kind of can lift the figure shows scheme of Consumer's Experience effect.
The content of the invention
It is an object of the invention to provide a kind of graphic display method, graphics device, electronic equipment and storage medium, with
So that after shown figure is seen by the user, user thinks that figure has third dimension, lifts the visual experience effect of user.
According to an aspect of the invention, there is provided a kind of graphic display method, this method includes：In the screen of user equipment
Figure is shown on curtain, figure includes at least two parts；And in response to user equipment around the axis parallel to screen deflection,
Make at least two parts of figure that displacement different from each other occur on screen.
Thus, the different displacements by each several part of figure on screen, can allow user to feel that figure has third dimension.
Preferably, in response to user equipment around the axis parallel to screen deflection, at least two parts of figure is existed
The step of displacement different from each other occurs on screen can include：Obtain deflection parameter of the user equipment around axis；And be based on
Parameter is deflected, respectively with least two parts of different displacement parameter mobile graphics.
As a result, the displacement of each several part is related to the degree of deflection of user equipment, namely screen is relative to human eye
Angle is relevant, so that figure is not lofty relative to the change of screen, and enhancing third dimension.
Preferably, at least two parts can be at least two least partially overlapped figure layers.
Preferably, deflection of the user equipment around axis so that the first end of user equipment is relative with first end close to user
The second end away from user, the displacement different from each other on screen of at least two figure layers to be located in any two of which figure layer
The lower figure layer of lower floor is relative to the upper figure layer positioned at upper strata closer to first end.
So, it is same or like with the true view change occurred up and down with visual angle change for two layers, give people true to nature
Stereo vision experience.
Be preferably based on deflection parameter, respectively with least two part of different displacement parameter mobile graphics the step of
It can include：It is based upon different functions relation and offset parameter that at least two parts are set respectively, is at least two parts
Displacement parameter is assigned respectively.
Preferably, during user equipment is around the deflection parallel to the axis of screen, at least one portion of figure
Position on screen keeps constant.
As a result, the amount of calculation of user equipment is reduced, and a reference do not moved can be provided, good to user
Visual experience, and user will not come over dizzy and fatigue.
Preferably, at least two parts can be moved in same direction；And/or at least two parts can be along phase
Anti- direction movement.
Thus, it is possible to as needed, strengthen the third dimension of figure in a variety of manners.
Preferably, deflection parameter can include lateral deflection parameter and longitudinal direction deflection parameter, and lateral deflection parameter is screen
The deflection parameter that is deflected around y direction of transverse axis, longitudinal axis deflection parameter is that the longitudinal axis of screen is joined around the deflection that X direction deflect
Number.
Correspondingly, displacement parameter can include the lateral displacement parameter obtained based on lateral deflection parameter and inclined based on longitudinal direction
Turn the length travel parameter that parameter is obtained.
Thus, two displacement parameters are obtained based on deflection parameter respectively, simplifies the calculating of user equipment.
Preferably, electronic compass sensor, gyroscope can be included by sensor detection deflection parameter, sensor
Any one in sensor, acceleration sensor or its combination.
Thus, based on the various sensor often all set in mobile device, the deflection of equipment can easily be obtained
Parameter.
According to another aspect of the present invention, a kind of graphics device is additionally provided, the device can include：Figure shows
Module, for showing figure on the screen of user equipment, figure includes at least two parts；And displacement module, for ringing
Should in user equipment around the axis parallel to screen deflection, make figure at least two parts occur on screen it is different from each other
Displacement.
Preferably, displacement module can include：Parameter acquiring submodule, joins for obtaining user equipment around the deflection of axis
Number；And mobile submodule, for based on deflection parameter, respectively with least two of different displacement parameter mobile graphics
Point.
Preferably, at least two parts are at least two least partially overlapped figure layers.
Preferably, deflection of the user equipment around axis so that the first end of user equipment is relative with first end close to user
The second end away from user, the displacement different from each other on screen of at least two figure layers to be located in any two of which figure layer
The lower figure layer of lower floor is relative to the upper figure layer positioned at upper strata closer to first end.
Preferably, mobile submodule can be also used for：It is based upon the different functions relation that at least two parts are set respectively
And offset parameter, it is that at least two parts assign displacement parameter respectively.
Preferably, during user equipment is around the deflection parallel to the axis of screen, at least one portion of figure
Position on screen keeps constant.
Preferably, at least two parts can be moved in same direction；And/or at least two parts can also edge
Opposite direction movement.
Preferably, deflection parameter can include lateral deflection parameter and longitudinal direction deflection parameter, and lateral deflection parameter is screen
The deflection parameter that is deflected around y direction of transverse axis, longitudinal axis deflection parameter is that the longitudinal axis of screen is joined around the deflection that X direction deflect
Number.
Correspondingly, displacement parameter can include the lateral displacement parameter obtained based on lateral deflection parameter and inclined based on longitudinal direction
Turn the length travel parameter that parameter is obtained.
Preferably, electronic compass sensor, gyro sensors can be included by sensor detection deflection parameter, sensor
Any one in device, acceleration sensor or its combination.
According to another aspect of the invention, a kind of electronic equipment is additionally provided, including：Display screen；Processor；And deposit
Reservoir, is stored thereon with executable code, when executable code is executed by processor, and makes any of the above described one of computing device
Graphic display method.
According to another aspect of the invention, a kind of non-transitory machinable medium is additionally provided, is stored thereon with
Executable code, when computing device of the executable code by electronic equipment, makes the figure of computing device any of the above-described
Display methods.
By the figure shows scheme of the present invention, it can make based on user equipment around the deflection of the axis parallel to screen
Displacement different from each other occurs on screen for the different piece of figure, allows user to feel that the figure seen has relief, carries
Rise the experience effect of user.
Brief description of the drawings
By the way that disclosure illustrative embodiments are described in more detail with reference to accompanying drawing, the disclosure above-mentioned and its
Its purpose, feature and advantage will be apparent, wherein, in disclosure illustrative embodiments, identical reference number
Typically represent same parts.
Fig. 1 shows the schematic block diagram of electronic equipment according to an embodiment of the invention.
Fig. 2 shows the indicative flowchart of graphic display method according to an embodiment of the invention.
Fig. 3 shows the axial schematic diagram of the user equipment according to the present invention.
Fig. 4 shows the indicative flowchart of the method according to an embodiment of the invention for making figure displacement.
Fig. 5 A-5D show figure shows change schematic diagram according to embodiments of the present invention.
Fig. 6 shows the schematic block diagram of graphics device according to an embodiment of the invention.
Fig. 7 shows the schematic block diagram of displacement module according to an embodiment of the invention.
Fig. 8 A-8E show an application examples according to the present invention.
Embodiment
The preferred embodiment of the disclosure is more fully described below with reference to accompanying drawings.Although showing the disclosure in accompanying drawing
Preferred embodiment, however, it is to be appreciated that may be realized in various forms the disclosure without the embodiment party that should be illustrated here
Formula is limited.On the contrary, these embodiments are provided so that the disclosure is more thorough and complete, and can be by the disclosure
Scope intactly conveys to those skilled in the art.
As it was previously stated, in order that user feels that the figure seen has three-dimensional display effect, the present invention proposes one kind
Figure shows scheme, including graphic display method and realize the graphics device of this method, electronic equipment.Below will knot
Close the figure shows scheme that drawings and Examples describe the present invention in detail.
The figure shows scheme of the present invention can be realized that Fig. 1 is shown according to a reality of the invention by a kind of electronic equipment
Apply the schematic block diagram of the electronic equipment of example.
As shown in figure 1, the electronic equipment 100 of the present invention can include display screen 110, processor 120 and memory
130.Wherein, can be stored with executable code on memory 130, when the executable code is performed by processor 120, make place
Reason device 120 performs the graphic display method of the present invention.
The electronic equipment can be any suitable electronic equipment that can be for users to use, preferably can be portable electric
Sub- equipment, can include but is not limited to smart mobile phone, tablet personal computer or other portable sets.
Various sensor can be installed in electronic equipment 100, for example, electronic compass (magnetic force induction device), gyroscope, plus
Velocity sensor, range sensor etc., the various parameters in direction, position or motion to sense electronic equipment etc..Sensing
Device can provide the offset on the deflection parameter required for the method for the present invention, such as deflection angle, all directions.
Below in conjunction with the accompanying drawings and embodiment describe in detail the present invention graphic display method.
Fig. 2 shows the indicative flowchart of graphic display method according to an embodiment of the invention.
As shown in Fig. 2 in step S210, figure is shown on the screen of user equipment.
Here user equipment can be all electronic equipments as shown in Figure 1, and screen can be the display screen of user equipment
Curtain.
Shown figure can be single figure or the complete figure combined by multiple figures,
And can have certain shape and/or color and/or display effect or other attributive character.Figure can also have a variety of
Implication or function, in a preferred embodiment, figure can be icons, for example desktop icons, interface icon, application program circle
Face icon etc..
Figure can include at least two parts.At least two parts included by one figure can refer to complete by one
Several blocks for the partial content including figure respectively that whole figure is not divided overlappingly
At least two parts of figure can also be at least two least partially overlapped figure layers, such as composition full graphics
Multiple figure layers where multiple figures difference.When the various pieces of figure are least partially overlapped figure layers, each figure layer is equal
Can be transparent, translucent or opaque.
At least two parts of figure can also be the different parts defined in other forms, not be limited herein.
In step S220, in response to user equipment around the deflection of the axis parallel to screen, make at least two of figure
Divide and displacement different from each other occurs on screen.
Here axis is any axis parallel with the screen of user equipment.
Fig. 3 shows the schematic diagram of the screen coordinate of user equipment according to an embodiment of the invention.
By taking the smart mobile phone shown in Fig. 3 as an example, can the display screen setting screen coordinate based on mobile phone, with display screen
Center as origin, transverse axis X is represented with the axle parallel to mobile phone short side (the relatively small one side of size), it is long parallel to mobile phone
The axle on side (relatively large sized one side) represents longitudinal axis Y.Wherein, transverse axis X and/or longitudinal axis Y have direction (positive and negative axle), arrow
Head is oriented to positive (positive axis), and opposite direction is reverse (negative axle).
When user equipment herein deflects around axis can be it is any parallel to transverse axis or the axis of the longitudinal axis,
It can be the axis of any synthesis axle parallel to transverse and longitudinal axle.
The displacement that the various pieces of figure occur on screen refers to display location of the various pieces of figure on screen
It is subjected to displacement.The each several part of figure can also have default relative position relation in Virtual Space on depth direction, in tool
In body practice, the relative position relations of the various pieces of figure can be change can also be it is unchanged, do not limit herein
System.
Although the figure at any one moment is all plane, each several part of figure with equipment deflect and in screen
The displacement of upper generation and the process being subjected to displacement can make one to feel that figure is three-dimensional, and user can control solid in real time
The impression of manipulation, lifts the experience effect of user.
It should be appreciated that user equipment deflection and figure at least two parts displacement can be simultaneously complete
, or, the completion of the displacement of at least two parts of figure can have the short period than the completion of the deflection of user equipment
Delay.
In addition, at least two parts of figure can be at least two least partially overlapped figure layers, user equipment is around axle
The deflection of line so that the first end of user equipment is close to user, and second end relative with first end is away from user.Wherein, first
End and the second end to generally represent user equipment on the position where symmetrical two corresponding points of screen center, for example
The left side and the right of screen, the upper left corner and the lower right corner etc..
It should be appreciated that the description to " first " and " second " here, it is intended to which description object is distinguish between, rather than it is suitable to its
Sequence and size have any regulation expressed or implied.
The displacement different from each other on screen of at least two figure layers enables to be located at lower floor in any two of which figure layer
Lower figure layer relative to the upper figure layer positioned at upper strata closer to first end.Occur up and down with visual angle change for two layers with real
View change is same or like, gives people perspective view experience true to nature.
During concrete implementation, can deflection parameter based on acquisition, it is determined that corresponding to the different piece of figure
Different displacement parameters, the appropriate section based on displacement parameter mobile graphics so that the different part of figure on screen each other
Occur different displacements, allow user to feel that the figure seen is three-dimensional.Therefore step S220 can include son as shown in Figure 4
Step.
Fig. 4 shows the method for making figure various pieces distinguish displacement in step S220 according to an embodiment of the invention
Flow chart.
First, in step S221, deflection parameter of the user equipment around axis is obtained.
Here deflection parameter can be detected by sensor, the sensor can be electronic compass sensor,
Any one in gyro sensor and acceleration transducer or its combination.Sensor can be arranged in user equipment, real
When monitor user equipment deflection, in order in time obtain user equipment deflection parameter.
Lateral deflection parameter and longitudinal direction deflection parameter can be included by deflecting parameter.Wherein, lateral deflection parameter is screen
The deflection parameter that transverse axis is deflected around y direction, longitudinal axis deflection parameter is that the longitudinal axis of screen is joined around the deflection that X direction is deflected
Number.
When user equipment is only deflected along an axis direction in transverse axis or the longitudinal axis, deflection parameter only includes corresponding vertical
To deflection parameter or lateral deflection parameter.
When user equipment is around other axis (axis that can be parallel to the synthesis axle of horizontal stroke/longitudinal axis) direction deflection, this
When deflection parameter can be decomposed into X direction lateral deflection parameter and y direction longitudinal direction deflection parameter.
The deflection parameter of acquisition can be subjected to displacement as the various pieces in subsequent step, making figure on screen according to
According to.
Then, in step S222, based on deflection parameter, respectively with least two of different displacement parameter mobile graphics
Point.
Here " displacement parameter " refers to cause the different piece of figure that the parameter of change in location occurs on screen.
Displacement parameter can be determined based on deflection parameter, and it can include the transverse direction obtained based on lateral deflection parameter
Displacement parameter and the length travel parameter obtained based on longitudinal direction deflection parameter.Lateral displacement parameter refers to some part edge of figure
The parameter of X direction movement, length travel parameter refers to the parameter that some part of figure is moved along y direction.
With deflecting parameter accordingly, when deflection parameter only includes one in lateral deflection parameter or longitudinal direction deflection parameter
When, displacement parameter is also only including one in lateral displacement parameter or length travel parameter.When deflection parameter is simultaneously including laterally
During with longitudinal direction deflection parameter, displacement parameter can also be decomposed into lateral displacement parameter and length travel parameter.
The different piece of figure can have different displacement parameters.Different displacement parameters can both refer to certain of figure
Direction that two parts are subjected to displacement is different, can either refer to shift value that certain two part is moved it is different or
The direction and shift value that certain two part is moved are differed.
The displacement of the various pieces of figure is related to the degree of deflection of user equipment, namely screen is relative to the folder of human eye
Angle is relevant, can so make it that the change of the display location of figure various pieces is not lofty, and strengthen third dimension.
Alternatively, it is also possible to set different functional relations respectively at least two parts of figure, it is based upon at least two
Different functions relation and deflection parameter that part is set respectively, are that at least two parts assign displacement parameter respectively.
Here functional relation can be linear functional relation or other functional relations, preferably increasing function.
When being set to linear functional relation, it can divide for the different piece (such as different blocks or different figure layers) of figure
She Zhi not have the linear function y of different coefficientsi=kix+b。
Wherein, x represents the deflection parameter of user equipment；yiIt is the corresponding displacement parameter in i-th of part of figure；kiIt is figure
The coefficient of the corresponding linear function in i-th of part of shape；B is arbitrary constant, can be zero can also non-zero, corresponding to different portions
The different functions divided could be arranged to the constant b with identical or different numerical value, can preferably set with identical numerical value
Constant b, it is highly preferred that b=0 can be set.
Function y for different piece iiWith different slope (coefficient) ki, the coefficient k of each functioniCan be
Difference series etc. have the ordered series of numbers of rule relation, and the displacement of the various pieces of the figure so obtained is also rule, allows user to feel
Feel between each several part in depth to be equidistant.But, the coefficient y of each functioniCan also be non-arithmetic progression, or with it
Its non-rule relation, does not feel at equal intervals between a kind of each layer of user.
After deflection parameter is obtained, deflection parameter is substituted into function, corresponding displacement parameter is obtained.When x is lateral deflection
During parameter, corresponding yiIt is the corresponding lateral displacement parameter in i-th of part of figure, it is corresponding when x is longitudinal direction deflection parameter
yiIt is the corresponding length travel parameter in i-th of part of figure.Based on displacement parameter on screen mobile graphics at least two
Part, makes the displacement of each several part related to the degree of deflection of equipment, namely screen is relevant relative to the angle of human eye so that figure
Change relative to screen is not lofty, and can strengthen third dimension.
Functional relation can also be nonlinear function yi=fi(x), it for example can be quadratic function.
When being set to nonlinear function, the quadratic function with different coefficients can be set for the different piece of figure respectively
yi=ki1x2+ki2x+b。
Wherein, x represents the deflection parameter of user equipment, yiIt is the corresponding displacement parameter in i-th of part of figure；ki1And ki2
The coefficient of the corresponding function in i-th of part of figure, b is arbitrary constant, can be zero can also non-zero, corresponding to different portions
The different functions divided could be arranged to the constant b with identical or different numerical value, can preferably set with identical numerical value
Constant b, it is highly preferred that b=0 can be set.
Collinearity functional relation is similar, the coefficient k of nonlinear functioni1And ki2Can also be that there is rule relation respectively, with
User is allowed to feel have between each layer of figure in depth at equal intervals.Certainly, coefficient ki1And ki2There can also be non-rule to close
System, will not be repeated here.
Thus, the displacement parameter based on imparting distinguishes at least two parts of mobile graphics so that each several part is on screen
Occur displacement different from each other, allow user to feel that the figure seen has third dimension so that user can control three-dimensional behaviour in real time
The impression of work.
During user equipment is around the deflection parallel to the axis of screen, at least one portion of figure can be set
Position on screen keeps constant, to reduce amount of calculation.Further, it is possible to which providing one does not move reference, to user with good
Stereo vision experience, user do not feel as dizziness or fatigue yet.
The part do not moved can be any one part of figure.Preferably, the part can be phase in some
To the part in the centre position for occuping figure, such as a block in the middle of figure, or occupy one in the middle of multiple figure layers
Figure layer etc..
In the case of keeping constant in the position of at least one portion of figure, it can strengthen in a variety of ways as needed
The third dimension of figure, for example, other parts of figure can be made to move in same direction, or can also make its of figure
He moves part in opposite direction.
Technical scheme for a better understanding of the present invention, is illustrated using smart mobile phone as user equipment, Fig. 5 A-5D
Show the schematic diagram of figure shows process according to an embodiment of the invention.It is from mobile phone top along the longitudinal axis shown in figure
(Y) top view that direction is looked down into, and eyes of user is toward the screen of equipment.
Assuming that setting three equally distributed figure layers 1., 2., 3. in Virtual Space 3, each figure layer can be shown in
On screen 2, and set and the figure layer of screen 2 is closer in any two figure layer is referred to as figure layer, the figure layer further from screen 2 claims
For lower figure layer.
It should be noted that the figure shows scheme in order to illustrate schematically that the present invention, to fill different figures in Fig. 5 A-5D
The rectangle frame of case represents figure layer and is distinguish between, while making the underlapped display on display screen 2 of each figure layer.Also, only with
One eye schematically shows the eyes of user.In displacement process, as three figure layers of Virtual Space, set between them
Relative position relation on depth direction is constant.
The solution of the present invention expects that user feels that each figure layer is not together, and has on the depth direction of normal to screen
Spacing, so that third dimension is presented.In practice, figure layer can be any form, for example, can have thickness or without thickness, can also be
Not equidistantly distributed in Virtual Space, can also overlapping display on the display screen.
When being deflected shown in Fig. 5 A-5D for user equipment, each figure for the figure shown on screen that user sees
The change procedure of the display location of layer.Wherein, display location of the figure layer on screen is that figure layer is being shielded along with human eye line direction
By the underlapped display of the projection of each figure layer in order to being described in location of projection on curtain, figure.
As shown in Figure 5A, the eyes 1 of user face display screen 2 and the figure shown thereon, and 1., 2., 3. figure layer is shielding
Projection on curtain is 1. ', 2. ', 3. ' display on the display screen, eyes of user is it is seen that X-Y scheme.Wherein, face and refer to
The eyes of user are towards vertical display screen, and user's sight is perpendicular to device screen., can not also between multi-layer image in practice
It is completely overlapped, and change the visual angle between human eye and screen by deflecting mobile phone.
As shown in Fig. 5 B-5D, when user equipment deflects, such as equipment deflects certain angle relative to the screen longitudinal axis,
I.e. user's sight is when angle change (compared with user faces screen) occurs for the screen of user equipment, the first end of user equipment
(this refers to the right-hand member of mobile phone), close to user, second end (this refers to the left end of mobile phone) relative with first end is away from use
Family.
By causing each figure layer that different displacements occur on screen with different displacement parameters, each figure layer is in display
Displacement different from each other causes the lower figure layer in any two of which figure layer positioned at lower floor relative to positioned at the upper of upper strata on screen
Figure layer is closer to first end, so as to allow user to feel that figure has third dimension.
Fig. 5 B Virtual Space layer position setting is set corresponding to the corresponding Virtual Space layer positions of Fig. 5 A, Fig. 5 C and 5D
It is fixed different from Fig. 5 A, it is depicted without corresponding schematic elevation view.
Refer to above, in user equipment in the deflection of axis, at least one portion of figure can be set
Position on screen keeps constant.In this case, the constant part difference in the display location of setting can allow user to feel
Feel the third dimension of figure.
It is described in detail below with reference to Fig. 5 B-5D.Wherein, in order to make it easier to understand that technical scheme, scheme
In be considered as with the figure layer with screen Overlapping display and keep the constant figure layer in display location (figure layer is 1. aobvious with being superimposed for screen in Fig. 5 A
Show and do not indicate that the display location of restriction figure layer 1. is constant).
As shown in Figure 5 B, display location of the figure layer for occuping the first floor 1. on screen is set constant, the user based on acquisition
2. and 3. the deflection parameter of equipment determined after the displacement parameter of figure layer, and by figure layer, the projection on screen is 2. respectively ' and 3. ' along
The transverse axis of screen is moved to the side close to first end respectively, the numerical values recited of mobile displacement parameter for figure layer 3. '>Figure layer
②’。
As shown in Figure 5 C, display location of the figure layer for occuping middle 2. on screen is set constant, the user based on acquisition
The deflection parameter of equipment determined after the displacement parameter of figure layer, by the projection of figure layer 1. on screen 1. ' along the X direction of screen
Away from first end side move, by the projection of figure layer 3. on screen 3. ' along the X direction of screen close to the one of first end
Move side.
As shown in Figure 5 D, display location of the figure layer for occuping last layer 3. on screen is set constant, the user based on acquisition
1. and 2. the deflection parameter of equipment determined after the displacement parameter of figure layer, and by figure layer, the projection on screen is 1. respectively ' and 2. ' along
The transverse axis of screen is moved to the side away from first end respectively, the numerical values recited of mobile displacement parameter for figure layer 1. '>Figure layer
②’。
Thus, by with different set-up modes and foregoing graphic display method so that at least the two of figure
Individual part can in response to user equipment deflection, occur on the display screen with different displacement parameters respectively different from each other
Displacement, allows user to feel that the figure seen is three-dimensional, lifts the experience effect of user.
So far, the graphic display method of the present invention is described in detail in combined Fig. 2-Fig. 5 and embodiment.
The graphics device for realizing the graphic display method of the present invention is sketched below in conjunction with Fig. 6-7.
Fig. 6 shows the schematic block diagram of graphics device according to an embodiment of the invention.Wherein, figure shows
The functional module of device 600 can be realized by the combination for the hardware, software or hardware and software for realizing the principle of the invention.Ability
Field technique personnel are it is understood that the functional module described by Fig. 6 can combine or be divided into submodule, so that real
The principle of existing foregoing invention.Therefore, description herein can support to functions described herein module it is any it is possible combination,
Or divide or further limit.
Graphics device 600 shown in Fig. 6 only can just be schemed below for realizing the graphic display method shown in Fig. 2
The operation that the functional module and each functional module that shape display device 600 can have can be performed is described briefly, for it
In the detail section that is related to may refer to description above in association with Fig. 2, repeat no more here.
As shown in fig. 6, the graphics device 600 of the present invention can include image display module 610 and displacement module
620。
Image display module 610 can be used for showing figure on the screen of user equipment, wherein, the figure can include
At least two parts.
Displacement module 620 can be used for the deflection around the axis parallel to screen in response to user equipment, make figure extremely
Displacement different from each other occurs on screen for few two parts.
Alternatively, displacement module 620 of the invention can also include submodule.Fig. 7 is shown according to a reality of the invention
Apply the schematic block diagram of the displacement module 620 of example.Displacement module 620 shown in Fig. 7 can make figure for realizing shown in Fig. 4
Occurs the method and step of different displacements.
As shown in fig. 7, the displacement module 620 of the present invention can include parameter acquiring submodule 621 and mobile submodule
622。
Parameter acquiring submodule 621 can be used for obtaining deflection parameter of the user equipment around axis.Sensor can be passed through
Detection deflection parameter, deflection parameter can include lateral deflection parameter and longitudinal direction deflection parameter.
Mobile submodule 622 can be used for based on parameter is deflected, respectively with different displacement parameter mobile graphics at least
Two parts.Preferably, at least two parts can be at least two least partially overlapped figure layers.It is corresponding with deflection parameter
, displacement parameter can include the lateral displacement parameter obtained based on lateral deflection parameter and deflect what parameter was obtained based on longitudinal direction
Length travel parameter.
Preferably, mobile submodule 622 can be also used for being based upon the different functions pass that at least two parts are set respectively
System and offset parameter, are that at least two parts assign displacement parameter respectively.
During user equipment is around the deflection parallel to the axis of screen, at least one portion of figure can be in screen
Position on curtain keeps constant, and other parts can be moved in same direction, and/or other parts can also edge
Opposite direction movement.
【Application examples】
Fig. 8 A-8E show an application examples according to the present invention.
With the iPhone equipment I shown in Fig. 8 A, and application program shown in Fig. 8 B icon each figure layer 1.,
2., 3. exemplified by illustrate.Wherein, 1., 2., 3. setting also illustrates that order of the figure layer by upper strata to lower floor simultaneously, with angle [alpha], β
Lateral deflection parameter and longitudinal direction deflection parameter (parameter can also be other parameters) are represented respectively, and are set mobile phone and deflected past
Cheng Zhong, display location of the intermediate layer figure layer 2. on screen II is constant.
As shown in Figure 8 C, when eyes of user faces cell phone apparatus, each figure layer of icon is overlapping to be shown on screen.
As in fig. 8d, cell phone apparatus is rotated a certain angle α around the longitudinal axis, rotated a certain angle β around transverse axis so that
The one end in the upper left corner of mobile phone is close to user.It is that each figure layer assigns displacement parameter in response to the deflection of equipment, correspondingly will figure
The projection of layer 1. on the display screen is moved towards the direction deflected close to mobile phone so that the icon that user sees is three-dimensional.
As illustrated in fig. 8e, by cell phone apparatus around longitudinal axis rotation alpha, around transverse axis rotation β (α, β here with shown in Fig. 8 D
Yawing moment is opposite) so that the one end in the lower right corner of mobile phone is close to user, in response to the deflection of equipment, is that each figure layer is assigned
Displacement parameter, the direction movement that correspondingly 2. and 3. projection on the display screen is deflected towards mobile phone by figure layer so that user
The icon seen is three-dimensional.
Thus, the figure shows scheme based on the present invention is that may be such that user feels that the figure seen is three-dimensional, lifting
The experience effect of user.
So far, it is described in detail by reference to drawings and Examples according to graphic display method of the invention, figure shows
Device and electronic equipment.
In addition, the method according to the invention is also implemented as a kind of computer program, the computer program includes being used for
The computer program code instruction of the above steps limited in the above method for performing the present invention.
Or, the present invention can also be embodied as a kind of (or the computer-readable storage of non-transitory machinable medium
Medium), be stored thereon with executable code (or computer program or computer instruction code), when the executable code (or
Computer program or computer instruction code) by electronic equipment computing device when, make the computing device according to this hair
Bright above-mentioned graphic display method.
Or, the method according to the invention is also implemented as a kind of computer program product, the computer program product
Including computer-readable medium, it is stored with what is limited in the above method for performing the present invention on the computer-readable medium
The computer program of above-mentioned functions.Those skilled in the art will also understand is that, various with reference to described by disclosure herein are shown
Example property logical block, module, circuit and algorithm steps may be implemented as the combination of electronic hardware, computer software or both.
Flow chart and block diagram in accompanying drawing show that the possibility of the system and method for multiple embodiments according to the present invention is real
Existing architectural framework, function and operation.At this point, each square frame in flow chart or block diagram can represent module, a journey
A part for sequence section or code, a part for the module, program segment or code is comprising one or more defined for realizing
The executable instruction of logic function.It should also be noted that in some realizations as replacement, the function of being marked in square frame also may be used
With with different from the order marked in accompanying drawing generation.For example, two continuous square frames can essentially be performed substantially in parallel,
They can also be performed in the opposite order sometimes, and this is depending on involved function.It is also noted that block diagram and/or stream
The combination of each square frame in journey figure and the square frame in block diagram and/or flow chart, can use function or operation as defined in execution
Special hardware based system realize, or can be realized with the combination of specialized hardware and computer instruction.
It is described above various embodiments of the present invention, described above is exemplary, and non-exclusive, and
It is not limited to disclosed each embodiment.In the case of without departing from the scope and spirit of illustrated each embodiment, for this skill
Many modifications and changes will be apparent from for the those of ordinary skill in art field.The selection of term used herein, purport
The principle, practical application or the improvement to the technology in market of each embodiment are best being explained, or is making the art
Other those of ordinary skill are understood that each embodiment disclosed herein.
Claims (20)
1. a kind of graphic display method, this method includes：
Figure is shown on the screen of user equipment, the figure includes at least two parts；And
In response to the user equipment around the deflection of the axis parallel to the screen, make described at least two of the figure
Divide and displacement different from each other occurs on the screen.
2. according to the method described in claim 1, wherein, it is described in response to the user equipment around the axle parallel to the screen
The deflection of line, at least two part of the figure is set to be wrapped the step of displacement different from each other occurs on the screen
Include：
Obtain deflection parameter of the user equipment around the axis；And
Based on the deflection parameter, at least two part of the figure is moved with different displacement parameters respectively.
3. method according to claim 2, wherein, at least two part is at least two least partially overlapped figures
Layer.
4. method according to claim 3, wherein,
Deflection of the user equipment around the axis so that the first end of the user equipment is close to user, with described first
The second relative end is held away from the user,
Displacement different from each other to be located at lower floor in any two of which figure layer at least two figure layer on the screen
Lower figure layer relative to the upper figure layer positioned at upper strata closer to the first end.
5. method according to claim 2, wherein, it is described to be based on the deflection parameter, respectively with different displacement parameters
The step of at least two part of the mobile figure, includes：
It is based upon different functions relation and the offset parameter that at least two part is set respectively, is described at least two
Individual part assigns the displacement parameter respectively.
6. according to the method described in claim 1, wherein,
During deflection of the user equipment around the axis parallel to the screen, at least one portion of the figure
Position on the screen keeps constant.
7. method according to claim 6, wherein,
Move in same direction at least two parts；And/or
Move in opposite direction at least two parts.
8. the method according to any one of claim 2-7, wherein,
The deflection parameter includes lateral deflection parameter and longitudinal direction deflection parameter, and the lateral deflection parameter is the horizontal stroke of the screen
The deflection parameter that axle is deflected around y direction, longitudinal axis deflection parameter be the screen the longitudinal axis around X direction deflect it is inclined
Turn parameter,
Correspondingly, the displacement parameter includes the lateral displacement parameter obtained based on the lateral deflection parameter and based on described vertical
The length travel parameter obtained to deflection parameter.
9. method according to claim 8, wherein,
The deflection parameter is detected by sensor,
The sensor includes any one or its combination in electronic compass sensor, gyro sensor, acceleration sensor.
10. a kind of graphics device, the device includes：
Image display module, for showing figure on the screen of user equipment, the figure includes at least two parts；And
Displacement module, for, around the deflection of the axis parallel to the screen, making the figure in response to the user equipment
Displacement different from each other occurs on the screen at least two part.
11. device according to claim 10, wherein, the displacement module includes：
Parameter acquiring submodule, for obtaining deflection parameter of the user equipment around the axis；And
Mobile submodule, for based on the deflection parameter, being moved respectively with different displacement parameters described in the figure extremely
Few two parts.
12. device according to claim 11, wherein, at least two part is least partially overlapped at least two
Figure layer.
13. device according to claim 12, wherein,
Deflection of the user equipment around the axis so that the first end of the user equipment is close to user, with described first
The second relative end is held away from the user,
Displacement different from each other to be located at lower floor in any two of which figure layer at least two figure layer on the screen
Lower figure layer relative to the upper figure layer positioned at upper strata closer to the first end.
14. device according to claim 12, wherein, the mobile submodule is additionally operable to：
It is based upon different functions relation and the offset parameter that at least two part is set respectively, is described at least two
Individual part assigns the displacement parameter respectively.
15. device according to claim 10, wherein,
During deflection of the user equipment around the axis parallel to the screen, at least one portion of the figure
Position on the screen keeps constant.
16. device according to claim 14, wherein,
Move in same direction at least two parts；And/or
Move in opposite direction at least two parts.
17. the device according to any one of claim 11-16, wherein,
The deflection parameter includes lateral deflection parameter and longitudinal direction deflection parameter, and the lateral deflection parameter is the horizontal stroke of the screen
The deflection parameter that axle is deflected around y direction, longitudinal axis deflection parameter be the screen the longitudinal axis around X direction deflect it is inclined
Turn parameter,
Correspondingly, the displacement parameter includes the lateral displacement parameter obtained based on the lateral deflection parameter and based on described vertical
The length travel parameter obtained to deflection parameter.
18. device according to claim 17, wherein,
The deflection parameter is detected by sensor,
The sensor includes any one or its combination in electronic compass sensor, gyro sensor, acceleration sensor.
19. a kind of electronic equipment, including：
Display screen；
Processor；And
Memory, is stored thereon with executable code, when the executable code is by the computing device, makes the processing
Device performs the graphic display method as any one of claim 1-9.
20. a kind of non-transitory machinable medium, is stored thereon with executable code, when the executable code is electric
During the computing device of sub- equipment, make computing device figure shows side as claimed in any one of claims 1-9 wherein
Method.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710449005.6A CN107193442A (en) | 2017-06-14 | 2017-06-14 | Graphic display method, graphics device, electronic equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710449005.6A CN107193442A (en) | 2017-06-14 | 2017-06-14 | Graphic display method, graphics device, electronic equipment and storage medium |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| CN107193442A true CN107193442A (en) | 2017-09-22 |
Family
ID=59879096
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710449005.6A Pending CN107193442A (en) | 2017-06-14 | 2017-06-14 | Graphic display method, graphics device, electronic equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107193442A (en) |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108536332A (en) * | 2018-04-03 | 2018-09-14 | 京东方科技集团股份有限公司 | Determination method and device, touch control display apparatus, storage medium and the computer equipment of touch-control layer pattern |
| CN109976624A (en) * | 2017-12-28 | 2019-07-05 | 腾讯科技（深圳）有限公司 | Image display method, device, equipment and computer readable storage medium |
| US10909943B2 (en) | 2019-02-01 | 2021-02-02 | Beijing Boe Optoelectronics Technology Co., Ltd. | Gate drive circuit and driving method thereof, display panel and display device |
Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102141846A (en) * | 2011-03-09 | 2011-08-03 | 中兴通讯股份有限公司 | Method for intuitively browsing contents and mobile terminal |
| CN103616966A (en) * | 2013-11-29 | 2014-03-05 | 广州市久邦数码科技有限公司 | Gravity sensing 3D table top system and implementing method thereof |
| CN104063053A (en) * | 2014-05-30 | 2014-09-24 | 小米科技有限责任公司 | Image displaying method and device as well as electronic device |
| CN104349157A (en) * | 2013-07-25 | 2015-02-11 | 联发科技股份有限公司 | 3D displaying apparatus and method thereof |
| CN106155474A (en) * | 2016-06-15 | 2016-11-23 | 广州神马移动信息科技有限公司 | The method and device of display view control dynamic effect |
| US20160349975A1 (en) * | 2015-05-29 | 2016-12-01 | Toshiba Medical Systems Corporation | Medical image processing apparatus, magnetic resonance imaging apparatus and medical image processing method |
| CN106325649A (en) * | 2015-06-19 | 2017-01-11 | 深圳创锐思科技有限公司 | 3d dynamic display method and mobile terminal |
-
2017
- 2017-06-14 CN CN201710449005.6A patent/CN107193442A/en active Pending
Patent Citations (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102141846A (en) * | 2011-03-09 | 2011-08-03 | 中兴通讯股份有限公司 | Method for intuitively browsing contents and mobile terminal |
| CN104349157A (en) * | 2013-07-25 | 2015-02-11 | 联发科技股份有限公司 | 3D displaying apparatus and method thereof |
| CN103616966A (en) * | 2013-11-29 | 2014-03-05 | 广州市久邦数码科技有限公司 | Gravity sensing 3D table top system and implementing method thereof |
| CN104063053A (en) * | 2014-05-30 | 2014-09-24 | 小米科技有限责任公司 | Image displaying method and device as well as electronic device |
| US20160349975A1 (en) * | 2015-05-29 | 2016-12-01 | Toshiba Medical Systems Corporation | Medical image processing apparatus, magnetic resonance imaging apparatus and medical image processing method |
| CN106325649A (en) * | 2015-06-19 | 2017-01-11 | 深圳创锐思科技有限公司 | 3d dynamic display method and mobile terminal |
| CN106155474A (en) * | 2016-06-15 | 2016-11-23 | 广州神马移动信息科技有限公司 | The method and device of display view control dynamic effect |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN109976624A (en) * | 2017-12-28 | 2019-07-05 | 腾讯科技（深圳）有限公司 | Image display method, device, equipment and computer readable storage medium |
| CN108536332A (en) * | 2018-04-03 | 2018-09-14 | 京东方科技集团股份有限公司 | Determination method and device, touch control display apparatus, storage medium and the computer equipment of touch-control layer pattern |
| CN108536332B (en) * | 2018-04-03 | 2021-05-14 | 京东方科技集团股份有限公司 | Method and device for determining touch layer graph, touch display device, storage medium and computer equipment |
| US11079869B2 (en) | 2018-04-03 | 2021-08-03 | Boe Technology Group Co., Ltd. | Method for determining touch layer pattern, touch display device, computer device and storage medium |
| US10909943B2 (en) | 2019-02-01 | 2021-02-02 | Beijing Boe Optoelectronics Technology Co., Ltd. | Gate drive circuit and driving method thereof, display panel and display device |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP5496032B2 (en) | Tactile sensation presentation apparatus and control method for tactile sensation presentation apparatus | |
| CN104661011B (en) | Stereoscopic image display method and hand-held terminal | |
| KR102260705B1 (en) | Friction modulation for three dimensional relief in a haptic device | |
| CN107193442A (en) | Graphic display method, graphics device, electronic equipment and storage medium | |
| CN104680532B (en) | A kind of object marking method and device | |
| CN104765156B (en) | A kind of three-dimensional display apparatus and 3 D displaying method | |
| TWI547853B (en) | System and method for displaying user interface | |
| CN108076208A (en) | A kind of display processing method and device, terminal | |
| US7773085B2 (en) | Flexible landscape display system for information display and control | |
| WO2013091483A1 (en) | Method and device for software interface display on terminal, and computer storage medium | |
| CN105159522A (en) | Method for response of virtual reality display device to operation of peripheral device | |
| CN103826114B (en) | Stereo display method and free stereo display apparatus | |
| CN110740309A (en) | image display method, device, electronic equipment and storage medium | |
| KR20100067155A (en) | Apparatus and method for providing realistic contents through augmented book | |
| CN104933980A (en) | Display driving method and apparatus, and display apparatus | |
| JP6174646B2 (en) | Computer program for 3-axis operation of objects in virtual space | |
| EP0714057A1 (en) | Method and apparatus for displaying a cursor along a two dimensional representation of a computer generated three dimensional surface | |
| JP6558365B2 (en) | Image processing apparatus, image processing method, and program | |
| KR20010047046A (en) | Generating method of stereographic image using Z-buffer | |
| CN112292656A (en) | Image display system, image display method, and computer program | |
| CN113918024A (en) | Distortion removing method and device for transparent A-column curved screen and storage medium | |
| KR20140019199A (en) | Method of producing 3d earth globes based on natural user interface using motion-recognition infrared camera | |
| JPH02262119A (en) | Three-dimentional display system by laminated liquid crystal display device | |
| JP2018084629A (en) | Image display device | |
| CN106527774B (en) | Processing method and device for non-contact input handwriting |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| TA01 | Transfer of patent application right |
Effective date of registration: 20200810 Address after: 310052 room 508, floor 5, building 4, No. 699, Wangshang Road, Changhe street, Binjiang District, Hangzhou City, Zhejiang Province Applicant after: Alibaba (China) Co.,Ltd. Address before: 510665 Guangdong city of Guangzhou province Whampoa Tianhe District Road No. 163 Xiping Yun Lu Yun Ping radio square B tower 13 floor 02 unit self Applicant before: Guangzhou Aijiuyou Information Technology Co.,Ltd. |
|
| TA01 | Transfer of patent application right | ||
| RJ01 | Rejection of invention patent application after publication |
Application publication date: 20170922 |
|
| RJ01 | Rejection of invention patent application after publication |