CN104915102B - The exchange method and device of graphical interfaces - Google Patents
The exchange method and device of graphical interfaces Download PDFInfo
- Publication number
- CN104915102B CN104915102B CN201510359660.3A CN201510359660A CN104915102B CN 104915102 B CN104915102 B CN 104915102B CN 201510359660 A CN201510359660 A CN 201510359660A CN 104915102 B CN104915102 B CN 104915102B
- Authority
- CN
- China
- Prior art keywords
- distance
- switching times
- resolution ratio
- interface
- trigger signal
- 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.)
- Expired - Fee Related
Links
Landscapes
- Processing Or Creating Images (AREA)
Abstract
The invention discloses a kind of exchange method of graphical interfaces and devices.Wherein, this method includes：Obtain pre-set first graphic element and second graph element；Using the presumptive area and second graph element in the first graphic element, display interface is filled；Obtain trigger signal；According to trigger signal, the first graphic element is moved into the first distance from presumptive area to predetermined direction；According to trigger signal, second graph element is moved into second distance to predetermined direction.The present invention solves in the prior art because using the dynamic interaction interface for utilizing animation software to make, the problem that caused dynamic interaction interface development is cumbersome, versatility is low.
Description
Technical field
The present invention relates to internet arenas, in particular to the exchange method and device of a kind of graphical interfaces.
Background technology
In recent years, with the development of mobile Internet, life, study, work etc. can be realized on webpage.And it is based on
The user interface of traditional button, picture composition, can no longer meet needs.
In today of function increasingly homogeneity, while carrying out application function itself, can interface bring to user
Feeling of freshness also becomes more important.In the prior art, it is made using animation software (such as Adobe Flash) dynamic
State interactive interface receives praises from customers because of its gorgeous effect and good interactive performance.But utilize animation software system
The dynamic interaction interface made, the process of production and modification are very complicated.Also, it in operation state interactive interface, needs
Call specific player plug-in, versatility just receive the limitation that corresponding player plug-in whether is installed in system.Meanwhile it utilizing
There is also system resources to occupy the problems such as high at the dynamic interaction interface that animation software is produced.The above problem, either exploit person
The exploitation of member or the usage experience of terminal user, are all greatly affected.
For in the prior art because using the dynamic interaction interface for utilizing animation software to make, caused dynamic interaction interface
Problem cumbersome, that versatility is low is developed, currently no effective solution has been proposed.
Invention content
The main purpose of the present invention is to provide a kind of exchange method of graphical interfaces and devices, to solve in the prior art
Because using the dynamic interaction interface for utilizing animation software to make, caused dynamic interaction interface development is cumbersome, versatility is low asks
Topic.
To achieve the goals above, one side according to the ... of the embodiment of the present invention provides a kind of interaction of graphical interfaces
Method.This method includes：Obtain pre-set first graphic element and second graph element；Using in the first graphic element
Presumptive area and second graph element, are filled display interface；Obtain trigger signal；According to trigger signal, by the first figure
Shape element moves the first distance from presumptive area to predetermined direction；According to trigger signal, by second graph element to predetermined direction
Mobile second distance.
Further, after obtaining pre-set first graphic element and second graph element, method further includes：It obtains
Take the interface resolution ratio of display interface and/or pre-set switching times, wherein switching times are to being filled in display interface
The number that content switches over；According to interface resolution ratio and/or switching times, the first distance and second distance are determined.
Further, when individually obtaining interface resolution ratio, according to interface resolution ratio and/or switching times, first is determined
Distance and second distance include：According to the first image resolution ratio of interface resolution ratio and the first graphic element, to the first pattern primitive
Element carries out cutting, determines switching times；According to switching times and the first image resolution ratio, the first distance is determined；According to switching time
Second image resolution ratio of number and second graph element, determines second distance.
Further, when individually obtaining switching times, according to interface resolution ratio and/or switching times, determine first away from
Include from second distance：According to the first image resolution ratio of switching times and the first graphic element, the first distance is determined；According to
Second image resolution ratio of switching times and second graph element, determines second distance.
Further, when obtaining interface resolution ratio and switching times simultaneously, according to interface resolution ratio and/or switching time
Number, determines that the first distance and second distance include：According to interface resolution ratio and switching times, the first graphic element is zoomed in and out
Obtain the third image resolution ratio of the first graphic element；According to switching times and third image resolution ratio, the first distance is determined；Root
According to the second image resolution ratio of switching times and second graph element, second distance is determined.
Further, after obtaining trigger signal, method further includes：Obtain text information；According to trigger signal and text
Word information switches in the word content shown in display interface.
Further, according to trigger signal and text information, switching in the word content shown in display interface includes：Root
According to text information and switching times, the literal field with switching times quantity Matching is determined；According to institute's trigger signal, switch successively
Literal field in display interface for display.
Further, switching the literal field in display interface for display successively includes：According to trigger signal, the is obtained
One graphic element real-time practical displacement distance during switching；According to practical displacement distance and the first distance, calculate
Go out the switching ratio of practical displacement distance and the first distance；According to switching ratio, the transparency property of literal field is adjusted.
To achieve the goals above, another aspect according to the ... of the embodiment of the present invention provides a kind of interaction of graphical interfaces
Device, the device include：First acquisition module, for obtaining pre-set first graphic element and second graph element；It fills out
Mold filling block, for using the presumptive area and second graph element in the first graphic element, being filled to display interface；Second
Acquisition module, for obtaining trigger signal；First processing module, for according to trigger signal, the first graphic element to be made a reservation for certainly
The first distance is moved to predetermined direction in region；Second processing module, for according to trigger signal, by second graph element to predetermined
Move second distance in direction.
Further, device further includes：Third acquisition module, for obtaining text information；Third processing module is used for root
According to trigger signal and text information, the word content shown in display interface is switched in.
According to inventive embodiments, by obtaining pre-set first graphic element and second graph element；Utilize first
Presumptive area in graphic element and second graph element, are filled display interface；Obtain trigger signal；Believed according to triggering
Number, the first graphic element is moved into the first distance from presumptive area to predetermined direction；According to trigger signal, by second graph element
Second distance is moved to predetermined direction, is solved in the prior art because using the dynamic interaction interface for utilizing animation software to make,
The problem that caused dynamic interaction interface development is cumbersome, versatility is low.Developer is reached soft without using third party's animation
In the case of part, so that it may with the purpose of simple and fast development behavior interactive interface.By above-described embodiment, two can be passed through
The visual effect of dynamic interaction is realized in the movement of the graphic element of superposition.
Description of the drawings
The attached drawing constituted part of this application is used to provide further understanding of the present invention, schematic reality of the invention
Example and its explanation are applied for explaining the present invention, is not constituted improper limitations of the present invention.In the accompanying drawings：
Fig. 1 is a kind of flow chart of the exchange method of according to embodiments of the present invention one graphical interfaces；
Fig. 2 is a kind of according to embodiments of the present invention one optional flow chart of the exchange method of graphical interfaces；
Fig. 3 is a kind of according to embodiments of the present invention one optional flow chart of the exchange method of graphical interfaces；
Fig. 4 is a kind of structural schematic diagram of the interactive device of according to embodiments of the present invention two graphical interfaces；And
Fig. 5 is a kind of according to embodiments of the present invention two optional structural schematic diagrams of the interactive device of graphical interfaces.
Specific implementation mode
It should be noted that in the absence of conflict, the features in the embodiments and the embodiments of the present application can phase
Mutually combination.The present invention will be described in detail below with reference to the accompanying drawings and embodiments.
In order to enable those skilled in the art to better understand the solution of the present invention, below in conjunction in the embodiment of the present invention
Attached drawing, technical scheme in the embodiment of the invention is clearly and completely described, it is clear that described embodiment is only
The embodiment of a part of the invention, instead of all the embodiments.Based on the embodiments of the present invention, ordinary skill people
The every other embodiment that member is obtained without making creative work should all belong to the model that the present invention protects
It encloses.
It should be noted that term " first " in description and claims of this specification and above-mentioned attached drawing, "
Two " etc. be for distinguishing similar object, without being used to describe specific sequence or precedence.It should be appreciated that using in this way
Data can be interchanged in the appropriate case, so as to the embodiment of the present invention described herein.In addition, term " comprising " and " tool
Have " and their any deformation, it is intended that cover it is non-exclusive include, for example, containing series of steps or unit
Process, method, system, product or equipment those of are not necessarily limited to clearly to list step or unit, but may include without clear
It is listing to Chu or for these processes, method, product or equipment intrinsic other steps or unit.
Embodiment 1
An embodiment of the present invention provides a kind of exchange method of graphical interfaces, Fig. 1 is figure according to the ... of the embodiment of the present invention
The flow chart of the exchange method at interface, as shown in Figure 1, that the method comprising the steps of is as follows：
Step S11 obtains pre-set first graphic element and second graph element.
Step S13 fills out display interface using the presumptive area and second graph element in the first graphic element
It fills.
Step S15 obtains trigger signal.
First graphic element is moved the first distance from presumptive area to predetermined direction by step S17 according to trigger signal.
Second graph element is moved second distance by step S19 according to trigger signal to predetermined direction.
S11 to step S19 through the above steps, using the presumptive area of the first graphic element got as Background
Layer, while by second graph element overlaid on Background From Layer.When getting trigger signal, the first graphic element and second
Respectively in the predetermined direction, movement is different away to generate mobile effect for graphic element.Developer is reached not
In the case of using third party's animation software, so that it may with the purpose of simple and fast development behavior interactive interface.Pass through above-mentioned reality
Example is applied, the visual effect of dynamic interaction is realized in the movement for the graphic element that can be superimposed by two.To solve existing skill
Because using the dynamic interaction interface for utilizing animation software to make in art, caused dynamic interaction interface development is cumbersome, versatility is low
The problem of.
It, can be using the first graphic element as Background From Layer, using in the first graphic element as an alternative embodiment
Presumptive area display interface is filled.It, can be by the first figure as Background From Layer when getting trigger signal
Element is moved to predetermined direction.Wherein, the first graphic element for being filled to display interface, when moving each time,
Region for filling display interface can be moved according to identical direction, can also be moved according to different directions
It is dynamic.When in the first graphic element for filling the region of display interface in the case where carrying out mobile in the same direction, whenever
First graphic element gets trigger signal again after being moved to one side edge, then will use the presumptive area pair of the first graphic element
Display interface is filled.
As an alternative embodiment, each area in the first graphic element for being filled to display interface
Domain, edge, which can be arranged, to overlap so that the switching in two regions becomes with continuity.
It, can be according to the size pair of display interface when being filled to display interface as an alternative embodiment
Two graphic elements zoom in and out, and zoom to the size for being suitable for display.Alternatively, can also be imitated in conjunction with the display of the first graphic element
Fruit adjusts the size of second graph element.To make graphical interfaces when moving, between second graph element and the first graphic element
Parallax is generated, to promote the display effect of the first graphic element and second graph element.
As an alternative embodiment, trigger signal can be the touch-sensitive signal got by touch sensitive screen, can also
It is the specific instruction signal got by the extraneous input equipment such as keyboard, mouse.Wherein, touch-sensitive signal can be divided into click again
Signal, slip signals etc..
As an alternative embodiment, when the trigger signal received is slip signals, can pre-set one
Preset distance on predetermined direction.Be obtained by calculation the practical sliding distance of the slip signals received in a predetermined direction and
The mobile ratio of preset distance.First graphic element and/or second graph element according to above-mentioned mobile ratio, to predetermined direction into
Row movement.It can reach rolling by the first graphic element and/or second graph element are slided with finger by the above method
Effect improves impact sense of the graphical interfaces in interaction.
As an alternative embodiment, second distance can be directly calculated by the first distance.Specifically, first will
Then first graphic element, pre-sets a parallax coefficient A according to N times of width uniform zoom to screen width.When to existing
When real interface switches over, the first graphic element can be to predetermined rectangular movement the first distance T, then the second of second graph element
Displacement distance can be calculated by T/A, in this way, being achieved that the first graphic element and second graph element with different rates
It is carried out at the same time movement, to form the effect of parallax.
As an alternative embodiment, as shown in Fig. 2, obtaining pre-set first graphic element and the in step S11
After two graphic elements, method can also include：
Step S121 obtains the interface resolution ratio of display interface and/or pre-set switching times, wherein switching time
Number is the number switched over to filling content in display interface.
Step S123 determines the first distance and second distance according to interface resolution ratio and/or switching times.
Specifically, by step S121 to step S123, both first can be determined by individually obtaining interface resolution ratio
Distance and second distance can also determine the first distance and second distance by individually obtaining pre-set switching times,
Interface resolution ratio and pre-set switching times can certainly be obtained simultaneously to determine the first distance and second distance.With it is upper
It states three kinds of methods and corresponds to three kinds of different algorithms, to according to the different condition of input, determine the first distance and second distance.
In addition to this, naturally it is also possible to according to the needs of developer, directly acquire the first distance and second distance.
As an alternative embodiment, when individually obtaining interface resolution ratio, step S123 according to interface resolution ratio and/or
Switching times determine that the first distance and second distance include：
Step S31a, according to the first image resolution ratio of interface resolution ratio and the first graphic element, to the first graphic element
Cutting is carried out, determines switching times.
Step S33a determines the first distance according to switching times and the first image resolution ratio.
Step S35a determines second distance according to the second image resolution ratio of switching times and second graph element.
In practice, the same graphical interfaces may be applied in different equipment.Therefore, step can be passed through
S31a obtains the interface resolution ratio for showing graphical interfaces first to step S35a, according to the first figure of interface resolution ratio pair
Element carries out cutting, so that it is determined that the switching times total to the first graphic element.Then, according to switching times and the first image point
Resolution, switching times and the second image resolution ratio, determine the first distance and second distance.
As an alternative embodiment, when individually obtaining switching times, step S123 is according to interface resolution ratio and/or cuts
Number is changed, determines that the first distance and second distance include：
Step S31b determines the first distance according to the first image resolution ratio of switching times and the first graphic element.
Step S33b determines second distance according to the second image resolution ratio of switching times and second graph element.
Specifically, switching times are directly acquired to step S33b by step S31b, to according to switching times and first
Image resolution ratio, switching times and the second image resolution ratio, determine the first distance and second distance.
As an alternative embodiment, when obtaining interface resolution ratio and switching times simultaneously, step S123 is according to interface
Resolution ratio and/or switching times determine that the first distance and second distance include：
Step S31c zooms in and out the first graphic element to obtain the first figure according to interface resolution ratio and switching times
The third image resolution ratio of element.
Step S33c determines the first distance according to switching times and third image resolution ratio.
Step S35c determines second distance according to the second image resolution ratio of switching times and second graph element.
Specifically, by step S31c and step S33c, the back of the body can be calculated according to interface resolution ratio and switching times
The demand resolution ratio of scape picture.Resolution ratio according to demand carries out equal proportion scaling, after obtaining scaling to the first graphic element
The first graphic element third image resolution ratio.Finally, according to third image resolution ratio and switching times, it is calculated first
Second distance is calculated according to the second image resolution ratio and switching times in distance.
As an alternative embodiment, as shown in figure 3, after step S15 obtains trigger signal, method further includes：
Step S161 obtains text information.
Step S163 switches in the word content shown in display interface according to trigger signal and text information.
Specifically, other than showing the first graphic element and second graph element in display interface, can also lead to
Step S161 to step S163 is crossed, text information is obtained, so that word is coordinated with graphic element and shows, obtains preferably display effect
Fruit.By text information, the content shown by the first graphic element and second graph element is explained, or to scheme
The mode that shape element and text information are combined is shown.
It is switched in display interface in step S163 according to trigger signal and text information as an alternative embodiment
In the word content of display, may include：
Step S1631 determines the literal field with switching times quantity Matching according to text information and switching times.
Step S1633 switches the literal field in display interface for display successively according to institute's trigger signal.
Specifically, by step S1631 to step S1633, the text information that will be got is divided according to switching times
Section processing, obtains the literal field with switching times quantity Matching.According to trigger signal, successively to the not identical text in text information
Word field is shown.
As an alternative embodiment, literal field can be directly according to having divided the text information of paragraph directly true in advance
Fixed, can also be to be obtained according to the determination of the quantity of punctuation mark and switching times in whole section of text information, herein, no
Text information is specifically limited.And the carrier of text information, can be text file, xml document etc..
As an alternative embodiment, in step S1633 according to institute's trigger signal, switch successively in display interface for showing
In the literal field shown, can also include：
Step S331, according to trigger signal, obtain the first graphic element during switching it is practical in real time it is mobile away from
From.
Practical displacement distance and the first distance is calculated according to practical displacement distance and the first distance in step S333
Switch ratio.
Step S335 adjusts the transparency property of literal field according to switching ratio.
Specifically, by step S331 to step S335, by the transparency of literal field and practical displacement distance and first
The switching ratio of distance is associated, and the transparency of literal field is made to change with handover process, to make word word
Section visually generates excessively, in handoff procedure to achieve the purpose that promote the visual effect of switching.
As an alternative embodiment, in practical application, when the content in each pair of graphical interfaces switches over, word
Field can all generate variation, and word segment can all have transparent excessive variation effect.Wherein, the transparency of word segment
Numerical value is determined according to the switching ratio S of practical displacement distance and the first distance.For example, screen width is 720, when advancing slip
360 are moved, the value of that switching ratio S is exactly as 0.5.After obtaining switching ratio S because the attribute value of transparency be between
(i.e. 0 is all-transparent, and 1 is opaque) between 0-1, then 1-S is exactly the transparency property value of word segment.
It, can be transparent by word segment in order to further promote the usage experience of user as an alternative embodiment
The change of degree is set as in the first graphic element the revival after mobile a distance, then, need whether setting one changes
The judgment threshold C of transparency value.Wherein, judgment threshold C could be provided as 0.8, if transparency (1-S)>C, then, it will be saturating
Lightness is set as 1.
Embodiment 2
The embodiment of the present invention additionally provides a kind of interactive device of graphical interfaces, as shown in figure 4, the device may include：
First acquisition module 21, filling module 23, the second acquisition module 25, first processing module 27 and Second processing module 29.
Wherein, the first acquisition module 21, for obtaining pre-set first graphic element and second graph element.Filling
Module 23, for using the presumptive area and second graph element in the first graphic element, being filled to display interface.Second
Acquisition module 25, for obtaining trigger signal.First processing module 27 is used for according to trigger signal, certainly by the first graphic element
Presumptive area moves the first distance to predetermined direction.Second processing module 29 is used for according to trigger signal, by second graph element
Second distance is moved to predetermined direction.
Pass through above-mentioned first acquisition module 21, filling module 23, the second acquisition module 25, first processing module 27 and second
Processing module 29, using the presumptive area of the first graphic element got as Background From Layer, while by second graph element
It is superimposed upon on Background From Layer.When getting trigger signal, the first graphic element and second graph element are respectively according to predetermined
Direction, movement it is different away to generate mobile effect.Developer is reached without using third party's animation software
In the case of, so that it may with the purpose of simple and fast development behavior interactive interface.By above-described embodiment, can be superimposed by two
Graphic element movement, realize the visual effect of dynamic interaction.Utilize animation soft because using in the prior art to solve
The dynamic interaction interface that part makes, the problem that caused dynamic interaction interface development is cumbersome, versatility is low.
It, can be using the first graphic element as Background From Layer, using in the first graphic element as an alternative embodiment
Presumptive area display interface is filled.It, can be by the first figure as Background From Layer when getting trigger signal
Element is moved to predetermined direction.Wherein, the first graphic element for being filled to display interface, when moving each time,
Region for filling display interface can be moved according to identical direction, can also be moved according to different directions
It is dynamic.When in the first graphic element for filling the region of display interface in the case where carrying out mobile in the same direction, whenever
First graphic element gets trigger signal again after being moved to one side edge, then will use the presumptive area pair of the first graphic element
Display interface is filled.
As an alternative embodiment, each area in the first graphic element for being filled to display interface
Domain, edge, which can be arranged, to overlap so that the switching in two regions becomes with continuity.
It, can be according to the size pair of display interface when being filled to display interface as an alternative embodiment
Two graphic elements zoom in and out, and zoom to the size for being suitable for display.Alternatively, can also be imitated in conjunction with the display of the first graphic element
Fruit adjusts the size of second graph element.To make graphical interfaces when moving, between second graph element and the first graphic element
Parallax is generated, to promote the display effect of the first graphic element and second graph element.
As an alternative embodiment, trigger signal can be the touch-sensitive signal got by touch sensitive screen, can also
It is the specific instruction signal got by the extraneous input equipment such as keyboard, mouse.Wherein, touch-sensitive signal can be divided into click again
Signal, slip signals etc..
As an alternative embodiment, when the trigger signal received is slip signals, can pre-set one
Preset distance on predetermined direction.Be obtained by calculation the practical sliding distance of the slip signals received in a predetermined direction and
The mobile ratio of preset distance.First graphic element and/or second graph element according to above-mentioned mobile ratio, to predetermined direction into
Row movement.It can reach rolling by the first graphic element and/or second graph element are slided with finger by the above method
Effect improves impact sense of the graphical interfaces in interaction.
As an alternative embodiment, second distance can be directly calculated by the first distance.Specifically, first will
Then first graphic element, pre-sets a parallax coefficient A according to N times of width uniform zoom to screen width.When to existing
When real interface switches over, the first graphic element can be to predetermined rectangular movement the first distance T, then the second of second graph element
Displacement distance can be calculated by T/A, in this way, being achieved that the first graphic element and second graph element with different rates
It is carried out at the same time movement, to form the effect of parallax.
As an alternative embodiment, can also include in the interactive device of above-mentioned graphical interfaces：4th acquisition module and
Fourth processing module.
Wherein, the 4th acquisition module, the interface resolution ratio for obtaining display interface and/or pre-set switching time
Number, wherein switching times are the number switched over to filling content in display interface.Fourth processing module, for according to boundary
Face resolution ratio and/or switching times determine the first distance and second distance.
Specifically, by above-mentioned 4th acquisition module and fourth processing module, can both be differentiated by individually obtaining interface
Rate determines the first distance and second distance, can also determine the first distance by individually obtaining pre-set switching times
And second distance, naturally it is also possible to while interface resolution ratio and pre-set switching times are obtained to determine the first distance and
Two distances.From above-mentioned three kinds of methods algorithm that correspond to three kinds different, to according to the different condition of input, determine the first distance
And second distance.In addition to this, naturally it is also possible to according to the needs of developer, directly acquire the first distance and second distance.
As an alternative embodiment, as shown in figure 5, above-mentioned apparatus further includes：Third acquisition module 261 and third processing
Module 263.
Wherein, third acquisition module 261, for obtaining text information；Third processing module 263, for being believed according to triggering
Number and text information, switch in the word content shown in display interface.
Specifically, other than showing the first graphic element and second graph element in display interface, can also lead to
Third acquisition module 261 and third processing module 263 are crossed, text information is obtained, so that word is coordinated with graphic element and shows, obtain
Better display effect.By text information, the content shown by the first graphic element and second graph element is explained
Illustrate, or is shown in such a way that graphic element and text information are combined.
Following steps can also be performed in third processing module 263 as an alternative embodiment：
Step 1, according to text information and switching times, the literal field with switching times quantity Matching is determined.
Step 2, according to institute's trigger signal, switch the literal field in display interface for display successively.
Specifically, through the above steps, the text information that will be got carries out segment processing according to switching times, obtains
With the literal field of switching times quantity Matching.According to trigger signal, the different literals field in text information is carried out successively
Displaying.
As an alternative embodiment, literal field can be directly according to having divided the text information of paragraph directly true in advance
Fixed, can also be to be obtained according to the determination of the quantity of punctuation mark and switching times in whole section of text information, herein, no
Text information is specifically limited.And the carrier of text information, can be text file, xml document etc..
As an alternative embodiment, in above-mentioned steps 2 according to institute's trigger signal, switch successively in display interface for showing
In the literal field shown, can also include：
Step 2.1, according to trigger signal, obtain the first graphic element during switching it is practical in real time it is mobile away from
From.
Step 2.2, according to practical displacement distance and the first distance, cutting for practical displacement distance and the first distance is calculated
Change ratio.
Step 2.3, according to switching ratio, the transparency property of literal field is adjusted.
It, can be by the transparency of literal field and practical displacement distance and the first distance specifically, through the above steps
Switching ratio is associated, and so that the transparency of literal field is changed with handover process, to make literal field cut
During changing, visually generate excessively, to achieve the purpose that promote the visual effect of switching.
It should be noted that for each method embodiment above-mentioned, for simple description, therefore it is all expressed as a series of
Combination of actions, but those skilled in the art should understand that, the present invention is not limited by the described action sequence because
According to the present invention, certain steps can be performed in other orders or simultaneously.Secondly, those skilled in the art should also know
It knows, embodiment described in this description belongs to preferred embodiment, and involved action and module are not necessarily of the invention
It is necessary.
In the above-described embodiments, it all emphasizes particularly on different fields to the description of each embodiment, there is no the portion being described in detail in some embodiment
Point, it may refer to the associated description of other embodiment.
In several embodiments provided herein, it should be understood that disclosed device, it can be by another way
It realizes.For example, the apparatus embodiments described above are merely exemplary, for example, the unit division, it is only a kind of
Division of logic function, formula that in actual implementation, there may be another division manner, such as multiple units or component can combine or can
To be integrated into another system, or some features can be ignored or not executed.Another point, shown or discussed is mutual
Coupling, direct-coupling or communication connection can be by some interfaces, the INDIRECT COUPLING or communication connection of device or unit,
Can be electrical or other forms.
The unit illustrated as separating component may or may not be physically separated, aobvious as unit
The component shown may or may not be physical unit, you can be located at a place, or may be distributed over multiple
In network element.Some or all of unit therein can be selected according to the actual needs to realize the mesh of this embodiment scheme
's.
In addition, each functional unit in each embodiment of the present invention can be integrated in a processing unit, it can also
It is that each unit physically exists alone, it can also be during two or more units be integrated in one unit.Above-mentioned integrated list
The form that hardware had both may be used in member is realized, can also be realized in the form of SFU software functional unit.
If the integrated unit is realized in the form of SFU software functional unit and sells or use as independent product
When, it can be stored in a computer read/write memory medium.Based on this understanding, technical scheme of the present invention is substantially
The all or part of the part that contributes to existing technology or the technical solution can be in the form of software products in other words
It embodies, which is stored in a storage medium, including some instructions are used so that a computer
Equipment (can be personal computer, mobile terminal, server or network equipment etc.) executes side described in each embodiment of the present invention
The all or part of step of method.And storage medium above-mentioned includes：USB flash disk, read-only memory (ROM, Read-Only Memory),
Random access memory (RAM, Random Access Memory), mobile hard disk, magnetic disc or CD etc. are various to be stored
The medium of program code.
The foregoing is only a preferred embodiment of the present invention, is not intended to restrict the invention, for the skill of this field
For art personnel, the invention may be variously modified and varied.All within the spirits and principles of the present invention, any made by repair
Change, equivalent replacement, improvement etc., should all be included in the protection scope of the present invention.
Claims (9)
1. a kind of exchange method of graphical interfaces, which is characterized in that including：
Obtain pre-set first graphic element and second graph element, wherein first element is Background From Layer, described
Second element is superimposed upon on the Background From Layer；
Using in first graphic element presumptive area and the second graph element, display interface is filled；
Obtain trigger signal；
According to the trigger signal, first graphic element is moved into the first distance from the presumptive area to predetermined direction；
According to the trigger signal, the second graph element is moved into second distance to the predetermined direction；
After obtaining pre-set first graphic element and second graph element, the method further includes：
Obtain the interface resolution ratio of the display interface and pre-set switching times, wherein the switching times is to institutes
State the number that filling content switches in display interface；
According to interface resolution ratio and the switching times, first distance and the second distance are determined.
2. according to the method described in claim 1, it is characterized in that, when individually obtaining the interface resolution ratio, according to interface
Resolution ratio and the switching times determine that first distance and the second distance include：
According to the first image resolution ratio of the interface resolution ratio and first graphic element, to first graphic element into
Row cutting determines the switching times；
According to the switching times and described first image resolution ratio, first distance is determined；
According to the second image resolution ratio of the switching times and second graph element, the second distance is determined.
3. according to the method described in claim 1, it is characterized in that, when individually obtaining the switching times, divided according to interface
Resolution and the switching times determine that first distance and the second distance include：
According to the first image resolution ratio of the switching times and first graphic element, first distance is determined；
According to the second image resolution ratio of the switching times and second graph element, the second distance is determined.
4. according to the method described in claim 1, it is characterized in that, interface resolution ratio and the switching times ought be obtained simultaneously
When, it is described according to interface resolution ratio and the switching times, determine first distance and described second away from, from including：
According to the interface resolution ratio and the switching times, first graphic element is zoomed in and out to obtain first figure
The third image resolution ratio of shape element；
According to the switching times and the third image resolution ratio, first distance is determined；
According to the second image resolution ratio of the switching times and second graph element, the second distance is determined.
5. method as claimed in any of claims 1 to 4, which is characterized in that described after obtaining trigger signal
Method further includes：
Obtain text information；
According to the trigger signal and the text information, the word content shown in the display interface is switched in.
6. according to the method described in claim 5, it is characterized in that, according to the trigger signal and the text information, switch
The word content shown in the display interface includes：
According to the text information and the switching times, the literal field with the switching times quantity Matching is determined；
According to institute's trigger signal, switch the literal field for display in the display interface successively.
7. according to the method described in claim 6, it is characterized in that, according to institute's trigger signal, switch the display interface successively
In for display the literal field include：
According to the trigger signal, the first graphic element real-time practical displacement distance during switching is obtained；
According to the practical displacement distance and first distance, the practical displacement distance and first distance is calculated
Switching ratio；
According to the switching ratio, the transparency property of the literal field is adjusted.
8. a kind of interactive device of graphical interfaces, which is characterized in that including：
First acquisition module, for obtaining pre-set first graphic element and second graph element, wherein described first yuan
Element is Background From Layer, and the second element is to be superimposed upon on the Background From Layer；
Module is filled, for utilizing presumptive area and the second graph element in first graphic element, to showing boundary
Face is filled；
Second acquisition module, for obtaining trigger signal；
First processing module, for according to the trigger signal, will first graphic element from the presumptive area to making a reservation for
Move the first distance in direction；
Second processing module, for according to the trigger signal, by the second graph element to predetermined direction movement the
Two distances；
Described device further includes：
Third acquisition module obtains the display after obtaining pre-set first graphic element and second graph element
The interface resolution ratio at interface and pre-set switching times, wherein the switching times are to being filled in the display interface
The number that content switches over；
Determining module, for according to interface resolution ratio and the switching times, determining first distance and the second distance.
9. device according to claim 8, which is characterized in that described device further includes：
Third acquisition module, for obtaining text information；
Third processing module, for according to the trigger signal and the text information, switching in the display interface and showing
Word content.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510359660.3A CN104915102B (en) | 2015-06-25 | 2015-06-25 | The exchange method and device of graphical interfaces |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201510359660.3A CN104915102B (en) | 2015-06-25 | 2015-06-25 | The exchange method and device of graphical interfaces |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN104915102A CN104915102A (en) | 2015-09-16 |
| CN104915102B true CN104915102B (en) | 2018-09-07 |
Family
ID=54084211
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201510359660.3A Expired - Fee Related CN104915102B (en) | 2015-06-25 | 2015-06-25 | The exchange method and device of graphical interfaces |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN104915102B (en) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108845737B (en) * | 2018-06-29 | 2019-08-09 | 掌阅科技股份有限公司 | Picture staggered floor display methods, electronic equipment and storage medium |
| CN109002241B (en) * | 2018-06-29 | 2019-06-18 | 掌阅科技股份有限公司 | View staggered floor display methods, electronic equipment and storage medium |
| CN114205457B (en) * | 2020-08-29 | 2023-05-16 | 华为技术有限公司 | Method for moving user interface element, electronic equipment and storage medium |
Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101087459A (en) * | 2006-06-09 | 2007-12-12 | 三星电子株式会社 | Portable device and method of providing menu icons |
| CN103473799A (en) * | 2013-09-02 | 2013-12-25 | 腾讯科技（深圳）有限公司 | Picture dynamic processing method, device and terminal equipment |
| CN103677553A (en) * | 2012-09-14 | 2014-03-26 | 腾讯科技（深圳）有限公司 | Method and device for achieving dynamic background |
| WO2015038337A1 (en) * | 2013-09-16 | 2015-03-19 | Thomson Licensing | Method and apparatus for caption parallax over image while scrolling |
-
2015
- 2015-06-25 CN CN201510359660.3A patent/CN104915102B/en not_active Expired - Fee Related
Patent Citations (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101087459A (en) * | 2006-06-09 | 2007-12-12 | 三星电子株式会社 | Portable device and method of providing menu icons |
| CN103677553A (en) * | 2012-09-14 | 2014-03-26 | 腾讯科技（深圳）有限公司 | Method and device for achieving dynamic background |
| CN103473799A (en) * | 2013-09-02 | 2013-12-25 | 腾讯科技（深圳）有限公司 | Picture dynamic processing method, device and terminal equipment |
| WO2015038337A1 (en) * | 2013-09-16 | 2015-03-19 | Thomson Licensing | Method and apparatus for caption parallax over image while scrolling |
Also Published As
| Publication number | Publication date |
|---|---|
| CN104915102A (en) | 2015-09-16 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN104718528B (en) | Determine the method, apparatus and terminal device of the color of interface control | |
| CN108268186B (en) | Selection points on an electroanatomical map | |
| CN109718538A (en) | The frame choosing method of virtual objects and device, electronic equipment, storage medium in game | |
| CN104777957B (en) | A kind of display methods and electronic equipment | |
| CN109643212A (en) | 3D document editing system | |
| CN103543925B (en) | A kind of method and apparatus for operating picture | |
| MX2014003535A (en) | User interface for editing a value in place. | |
| CN104281360B (en) | Editing and processing device and editing and processing method | |
| CN109508093A (en) | A kind of virtual reality exchange method and device | |
| US20150269128A1 (en) | Portlet display on portable computing devices | |
| CN103605461A (en) | Method and terminal for displaying application interfaces | |
| CN107330768A (en) | Personalized material displaying control method, device and system | |
| CN109725803A (en) | Comment information processing method and processing device, storage medium, electronic equipment | |
| CN105488833A (en) | Method and apparatus for realizing 3D transition animation for 2D control | |
| CN104915102B (en) | The exchange method and device of graphical interfaces | |
| CN107704157A (en) | A kind of multi-screen interface operation method, device and storage medium | |
| CN106681616A (en) | Browser function bar display method, browser function bar display device and processing equipment | |
| CN108491140B (en) | Interactive content display method and device | |
| CN104536652B (en) | A kind of list display method and terminal | |
| CN104182117A (en) | Human-computer interaction method and device for flattening information structure | |
| CN101976195B (en) | Method and device for setting user interface | |
| Kim et al. | Comparison of 3D and 2D menus for cell phones | |
| CN106991110A (en) | The switching method and device of Webpage | |
| US20140215383A1 (en) | Parallax scrolling user interface | |
| CN109753198A (en) | Interface access method, display methods, equipment, medium |
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 | ||
| CF01 | Termination of patent right due to non-payment of annual fee | ||
| CF01 | Termination of patent right due to non-payment of annual fee |
Granted publication date: 20180907 Termination date: 20210625 |