CN108694006A - A kind of method and apparatus realized icon and imitate wheel rolling effect - Google Patents
A kind of method and apparatus realized icon and imitate wheel rolling effect Download PDFInfo
- Publication number
- CN108694006A CN108694006A CN201710232013.5A CN201710232013A CN108694006A CN 108694006 A CN108694006 A CN 108694006A CN 201710232013 A CN201710232013 A CN 201710232013A CN 108694006 A CN108694006 A CN 108694006A
- Authority
- CN
- China
- Prior art keywords
- icon
- circle
- abscissa
- ordinate
- center
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
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
- G06F3/04817—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 using icons
-
- 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/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/0485—Scrolling or panning
-
- 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/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The present invention provides a kind of method and apparatus realized icon and imitate wheel rolling effect, by making icon gather into circle during the screens switch of equipment, and so that the circle is rolled with wheel shape and advance, contribute to the animation effect of enhancing display interface, the direct feel that screens switch is brought to user, improves user experience.It is characterized in that:When indication body is by sub-screen and does not slide on the screen, the icon keeps initial position on the screen;The icon gradually gathers into circle with indication body sliding on the screen, and gathered by the icon it is described round with the indication body continuing to slide and rolls on the screen, to realize the imitative wheel rolling effect of icon.
Description
Technical field
The present invention relates to field of computer technology more particularly to a kind of methods and dress realized icon and imitate wheel rolling effect
It sets.
Background technology
As the portable devices such as mobile phone, tablet computer are growing, more and more terminal applies have been emerged in large numbers
(Application).It is switched on the screen of portable device usually using the indication body of finger, felt pen etc.,
To find corresponding application.
In realizing process of the present invention, inventor has found that at least there are the following problems in the prior art:In the switching of screen
In, dazzling beautiful animation effect undoubtedly can be more attractive, and can be that user brings direct feel.
Invention content
In view of this, the embodiment of the present invention provides a kind of method and apparatus realized icon and imitate wheel rolling effect, it can
By making icon gather into circle during the screens switch of equipment, and so that the circle is rolled with wheel shape and advance, contributes to
The animation effect for enhancing display interface, the direct feel of screens switch is brought to user, improves user experience.In addition, passing through
Round parametric equation positions rapidly each icon position to be shown, reduces the calculating that icon gathers into bowlder large amount of complex, from
And avoid influence equipment performance.
To achieve the above object, one side according to the ... of the embodiment of the present invention provides a kind of imitative cartwheel roll of realization icon
The method of dynamic effect.
A kind of method realized icon and imitate wheel rolling effect of the present invention, which is characterized in that including:When indication body is pressed
Screen and when not sliding on the screen, the icon keeps initial position on the screen;The icon with
Indication body sliding on the screen and gradually gather into circle, and by the icon gather it is described it is round with
The indication body on the screen continue to slide and rolls, to realize the imitative wheel rolling effect of icon.
Optionally, further include:To wait that the circular center location gathered and radius set predefined value, will wait for by
The abscissa in the circular center of circle gathered is denoted as the first center of circle abscissa, will wait the ordinate in the circular center of circle gathered
It is denoted as the first center of circle ordinate;When the icon gradually gathers into circle with indication body sliding on the screen
When, the circular center of circle is moved with the sliding of the indication body.
Optionally, further include:When the sliding distance of the indication body is less than threshold distance, the icon is not gathered into
The circle;When the sliding distance of the indication body is equal to the threshold distance, the icon gathers into the circle;Work as institute
When stating the sliding distance of indication body more than the threshold distance, the circle gathered by the icon is with the indication body
Sliding and roll.
Optionally, further include:When the sliding distance of the indication body is equal to the threshold distance, the icon is gathered into
The circle, according to the number of the icon calculate the icon it is described it is round in rotation angle and abscissa with it is vertical
Coordinate, wherein rotation angle of the icon in the circle is denoted as the first figure when the icon is gathered into the circle
Rotation angle is marked, the abscissa of the icon is denoted as the first icon abscissa when the icon is gathered into the circle, by institute
The ordinate for stating icon when icon gathers into the circle is denoted as the first icon ordinate, the first icon rotation angle
It is designed to that the icon is made in the circle to be separated by by equal angle;The first icon abscissa be the radius with
The product of the cosine of rotation angle of the icon in the circle adds first center of circle abscissa;First icon
Ordinate is that the sinusoidal product of rotation angle of the radius with the icon in the circle adds first center of circle
Ordinate.
Optionally, further include:When the sliding distance of the indication body is less than threshold distance, the icon is not gathered into
The circle, abscissa when being in the initial position according to the icon and ordinate, the first icon abscissa, institute
The first icon ordinate, the first icon rotation angle, the sliding distance and the threshold distance are stated to calculate poly-
Hold together into the circular rotation angle of the icon in the process and abscissa and ordinate, wherein will gather in the icon
The rotation angle for holding together into the circular icon in the process is denoted as the second icon rotation angle, will gather into the icon
The abscissa of the circular icon in the process is denoted as the second icon abscissa, will gather into the circle in the icon
During the ordinate of the icon be denoted as the second icon ordinate.
Optionally, further include:Calculate as follows the second icon rotation angle, the second icon abscissa with
And the second icon ordinate, so that the icon is moved along straight line and is gradually gathered into the circle, it will be described
Sliding distance divided by the threshold distance are denoted as sliding scales;The first icon abscissa and the icon are in described first
It is first poor that the difference of abscissa when beginning position is denoted as, and the first icon ordinate and the icon are in described initial
It is poor that the difference of ordinate when position is denoted as second;The product of first difference and the sliding scales is denoted as the first product, with
And the product of second difference and the sliding scales is denoted as the second product;The second icon abscissa multiplies for described first
The sum of abscissa when product is in the initial position with the icon and the second icon ordinate multiply for described second
Accumulate the sum of ordinate when being in the initial position with the icon;The second icon rotation angle is the sliding scales
With the product of the first icon rotation angle.
Optionally, further include:So that the icon is moved along arc or Bezier and gradually gathers into the circle
Shape.
Optionally, further include:When the sliding distance of the indication body is more than the threshold distance, gathered by the icon
At the circle roll with the sliding of the indication body, according to the roll angle of the circular per unit sliding distance
Degree, the sliding distance, the threshold distance, the first icon rotation angle and first center of circle abscissa and described
First center of circle ordinate calculates abscissa and ordinate of the center of circle during the circular rolling and described
Icon during the circular rolling it is described it is round in it is described it is round in rotation angle and abscissa and
Ordinate, wherein the abscissa in center of circle during the circular rolling is denoted as the second center of circle abscissa, it will be
The ordinate in the center of circle is denoted as the second center of circle ordinate during the circular rolling, will be in the circular rolling
Rotation angle of the icon in the circle is denoted as third icon rotation angle in the process, will be in the circular rolling
The abscissa of the icon is denoted as third icon abscissa in the process, by icon during the circular rolling
Ordinate is denoted as third icon ordinate:Second center of circle abscissa be first center of circle abscissa plus it is described sliding away from
From and the threshold distance difference and second center of circle ordinate be first center of circle ordinate;The third icon
Rotation angle is the roll angle of the difference and the circular per unit sliding distance of the sliding distance and the threshold distance
Product add the first icon rotation angle;The third figure abscissa is the radius and the third icon rotation angle
The product of the cosine of degree adds second center of circle abscissa;The third figure ordinate is the radius and the third icon
The sinusoidal product of rotation angle adds second center of circle ordinate.
Optionally, further include:When the indication body is lifted away from the screen, the icon restores to the initial position.
To achieve the above object, another aspect according to the ... of the embodiment of the present invention provides a kind of imitative cartwheel roll of realization icon
The device of dynamic effect.
A kind of device realized icon and imitate wheel rolling effect of the present invention, including display module, icon module and meter
Calculate module, it is characterised in that:When the display module detects indication body by sub-screen and does not slide on the screen,
The computing module notifies icon described in the icon module to keep initial bit on the screen by the display module
It sets;The sliding of the indication body that the computing module is transmitted according to the display module on the screen, by described aobvious
Show that module notifies icon described in the icon module gradually to gather into circle with indication body sliding on the screen
Shape, and gathered by the icon it is described round with the indication body continuing to slide and roll on the screen,
To realize that icon imitates wheel rolling effect.
Optionally, further include:To wait that the circular center location gathered and radius set predefined value, will wait for by
The abscissa in the circular center of circle gathered is denoted as the first center of circle abscissa, will wait the ordinate in the circular center of circle gathered
It is denoted as the first center of circle ordinate;When the icon gradually gathers into circle with indication body sliding on the screen
When, the computing module determines that the circular center of circle is moved with the sliding of the indication body.
Optionally, further include:When the sliding distance of the indication body is less than threshold distance, the computing module determines institute
It states icon and does not gather into the circle;When the sliding distance of the indication body is equal to the threshold distance, the calculating mould
Block determines that the icon gathers into the circle;When the sliding distance of the indication body is more than the threshold distance, the meter
Module determination is calculated to be rolled with the sliding of the indication body by the circle that the icon is gathered.
Optionally, further include:When the sliding distance of the indication body is equal to the threshold distance, the computing module is true
The fixed icon gathers into the circle, and the computing module calculates the icon in the circle according to the number of the icon
In rotation angle and abscissa and ordinate, wherein the icon is described when the icon is gathered into the circle
Rotation angle in circle is denoted as the first icon rotation angle, the horizontal seat of the icon when icon is gathered into described round
Labeled as the first icon abscissa, the ordinate of the icon is denoted as the first icon and indulges when the icon is gathered into the circle
Coordinate, the first icon rotation angle are designed to that the icon is made in the circle to be separated by by equal angle;It is described
First icon abscissa is the product of the cosine of rotation angle of the radius with the icon in the circle plus described
First center of circle abscissa;The first icon ordinate is rotation angle of the radius with the icon in the circle
Sinusoidal product adds first center of circle ordinate.
Optionally, further include:When the sliding distance of the indication body is less than threshold distance, the computing module determines institute
State icon and do not gather into the circle, the abscissa when computing module is in the initial position according to the icon and
Ordinate, the first icon abscissa, the first icon ordinate, the first icon rotation angle, it is described sliding away from
From and the threshold distance come calculate gather into it is described it is circular during the icon rotation angle and abscissa
With ordinate, wherein the rotation angle for gathering into the circular icon in the process in the icon is denoted as the second figure
Rotation angle is marked, the abscissa that the circular icon in the process is gathered into the icon is denoted as the horizontal seat of the second icon
The ordinate for gathering into the circular icon in the process in the icon is denoted as the second icon ordinate by mark.
Optionally, further include:The computing module calculates the second icon rotation angle, described second as follows
Icon abscissa and the second icon ordinate, so that the icon is moved along straight line and gradually gathered into described
The sliding distance divided by the threshold distance are denoted as sliding scales by circle;By the first icon abscissa and the figure
It is first poor that the difference of abscissa when mark is in the initial position is denoted as, and by the first icon ordinate and the icon
It is poor that the difference of ordinate when in the initial position is denoted as second;The product of first difference and the sliding scales is denoted as
First product, and the product of second difference and the sliding scales is denoted as the second product;The second icon abscissa
The sum of abscissa when being in the initial position for first product and the icon and the second icon ordinate
The sum of ordinate when being in the initial position for second product and the icon;The second icon rotation angle is
The product of the sliding scales and the first icon rotation angle.
Optionally, further include:The computing module so that the icon along arc or Bezier move and gradually
Gather into the circle.
Optionally, further include:When the sliding distance of the indication body is more than the threshold distance, the computing module is true
Fixed to be rolled with the sliding of the indication body by the circle that the icon is gathered, the computing module is according to the circle
The roll angle of the per unit sliding distance of shape, the sliding distance, the threshold distance, the first icon rotation angle with
And first center of circle abscissa and first center of circle ordinate, the center of circle is calculated during the circular rolling
Abscissa and ordinate and the icon during the circular rolling it is described it is round in rotation angle with
And abscissa and ordinate, wherein the abscissa in center of circle during the circular rolling is denoted as second center of circle
The ordinate in center of circle during the circular rolling is denoted as the second center of circle ordinate by abscissa, will be described
Rotation angle of the icon in the circle is denoted as third icon rotation angle during circular rolling, will be described
The abscissa of the icon is denoted as third icon abscissa during circular rolling, will be in the process of the circular rolling
Described in the ordinate of icon be denoted as third icon ordinate:Second center of circle abscissa is that first center of circle abscissa adds
The difference and second center of circle ordinate of the upper sliding distance and the threshold distance are first center of circle ordinate;
The third icon rotation angle is the difference of the sliding distance and the threshold distance and the circular per unit slide away from
From roll angle product add the first icon rotation angle;The third figure abscissa is the radius and described the
The product of the cosine of three icon rotation angles adds second center of circle abscissa;The third figure ordinate be the radius with
The sinusoidal product of the third icon rotation angle adds second center of circle ordinate.
Optionally, further include:When the display module detects that the indication body is lifted away from the screen, the calculating mould
Block notifies icon described in the icon module to restore to the initial position by the display module.
Another aspect according to the ... of the embodiment of the present invention, provides a kind of electronic equipment.
The present invention a kind of electronic equipment include:One or more processors;Storage device, for storing one or more
Program, when one or more of programs are executed by one or more of processors so that one or more of processors
It is able to carry out and realizes the method provided by the present invention realized icon and imitate wheel rolling effect.
It is according to the ... of the embodiment of the present invention in another aspect, providing a kind of computer-readable medium.
A kind of computer-readable medium storage of the present invention has computer program, which is characterized in that described program is handled
Device executes the method that realization icon provided by the present invention imitates wheel rolling effect when executing.
One embodiment in foregoing invention has the following advantages that or advantageous effect:Because using the screens switch in equipment
So that icon is gathered into circle in the process and the circle is made to roll the technological means advanced with wheel shape, so overcoming display interface
Stiff technical problem, and then reach the animation effect of enhancing display interface and improve the technique effect of user experience.In addition, logical
It crosses round parametric equation and positions each icon position to be shown rapidly, reduce the calculating that icon gathers into bowlder large amount of complex,
So as to avoid influence equipment performance.
Description of the drawings
Attached drawing does not constitute inappropriate limitation of the present invention for more fully understanding the present invention.Wherein:
Fig. 1 is that the sliding icon according to the ... of the embodiment of the present invention with indication body gathers into round and circular scrolling stream
Cheng Tu;
Fig. 2 is the circular coordinate diagram according to the ... of the embodiment of the present invention gathered by icon;
Fig. 3 is the coordinate diagram according to the ... of the embodiment of the present invention rolled by the circle that icon is gathered;
Fig. 4 is the schematic diagram that icon according to the ... of the embodiment of the present invention is in initial position;
Fig. 5 is that icon according to the ... of the embodiment of the present invention gradually gathers into circular schematic diagram as indication body slides;
Fig. 6 is the circular schematic diagram according to the ... of the embodiment of the present invention gathered by icon;
Fig. 7 is the schematic diagram according to the ... of the embodiment of the present invention rolled by the circle that icon is gathered;
Fig. 8 is the schematic diagram for the device that realization icon according to the ... of the embodiment of the present invention imitates wheel rolling effect;
Fig. 9 is adapted for the structural representation of the computer system for the terminal device or server of realizing the embodiment of the present application
Figure.
Specific implementation mode
It explains to the exemplary embodiment of the present invention below in conjunction with attached drawing, including the various of the embodiment of the present invention
Details should think them only exemplary to help understanding.Therefore, those of ordinary skill in the art should recognize
It arrives, various changes and modifications can be made to the embodiments described herein, without departing from scope and spirit of the present invention.Together
The description to known function and structure is omitted for clarity and conciseness in sample in following description.
Fig. 1 is that the sliding icon according to the ... of the embodiment of the present invention with indication body gathers into round and circular scrolling stream
Cheng Tu.As shown in Figure 1, in the present embodiment, user's operation is divided into three types:Press that (indication body of such as user's finger is rigid
Just touch screen), it slides (indication body of such as user's finger is slided on the screen), is lifted away from (the finger of such as user's finger
Show that body frames out).Three types correspond to the different processing logics in Fig. 1.
In the present embodiment, when the indication body of finger etc. is by sub-screen but does not slide, the icon on screen is still
It is maintained at initial position, such as is maintained in conventional horizontally-arranged arrangement.When the indication body of finger etc. is slided on the screen
When dynamic, icon on screen will gradually gather into circle with indication body sliding on the screen.Specifically, work as sliding distance
When gathering into the threshold distance slided needed for circle less than icon, the rotation angle of each icon will be calculated and as coordinate position
Abscissa and ordinate, and icon is made to be moved according to the result calculated;Until when sliding distance be equal to the threshold value away from
From when, icon gathers into circle;When sliding distance is more than the threshold distance, i.e., after icon gathers into circle, the circle will be calculated
The rotation angle and new coordinate position of the new coordinate position in the center of circle of shape and corresponding each icon, and make the circle according to being calculated
Result rolled.When the indication body of finger etc. is lifted away from from screen, in the present embodiment, each icon restores to first
Beginning position, such as revert in conventional horizontally-arranged arrangement.
In the present embodiment, when sliding distance is equal to the threshold distance, the circular center of circle gathered by each icon
Position and radius are on the screen predefined value, thus the circle gathered is fixed, and the rotation of round each icon
Gyration and coordinate position are related with the number of icon.The coordinate position of each icon will be determined according to formula 1:
x1=x0+r×cos(θ1)
y1=y0+r×sin(θ1)
Formula 1
Wherein, x0It is the abscissa in the center of circle, y0It is the ordinate in the center of circle, herein, for brevity, also claims it respectively
For the first center of circle abscissa and the first center of circle ordinate.x1It is the abscissa of respective icon when icon gathers into circle, y1It is icon
The ordinate of respective icon when gathering into circle, herein, for brevity, be also referred to as the first icon abscissa and
First icon ordinate.θ1The rotation angle of each icon in a circle when indicating to form round, the rotation angle with it is horizontal to the right
To play initial line, being positive-angle counterclockwise, herein, for brevity, also referred to as the first icon rotation angle.R be wait for by
The circular radius gathered.As described above, in the present embodiment, circular radius, the first center of circle abscissa and first center of circle are vertical
Coordinate is predefined value on the screen.
According to formula 1, first icon rotation angle of each icon will be determined.Assuming that N number of icon is shared on current screen,
In the present embodiment, to make each icon be separated by by equal angle in waiting the circle gathered, then the first icon of each icon
Rotation angle is as shown in formula 2:
Formula 2
Circle is divided into N equal portions, every part of angle, i.e. the first icon rotation angle θ1Take above-mentioned N number of value.
More than, according to formula 1 and formula 2, coordinate position when each icon gathers into circle can be calculated and in circle
Middle rotation angle.
Specifically, if user's operation is that user is slided by sub-screen but not by indication body in S110,
In S111, icon is maintained at initial position, such as is maintained in conventional horizontally-arranged arrangement.
In S120, user is slided on the screen by indication body.
In S121, whether gather into the threshold distance that is slided needed for circle less than icon according to sliding distance to judge to scheme
Whether mark gathers into circle.When sliding distance is less than threshold distance, in S122, icon starts to move, but not yet gathers into
It is round.According to formula 3 calculate icon gather into circular process icon coordinate position:
x2=(x1-xs)×currD/d+xs
y2=(y1-ys)×currD/d+ys
Formula 3
Wherein, x1Gather into abscissa when circle, as the first icon abscissa, y for icon1Gather into circle for icon
Ordinate when shape, as the first icon ordinate;xsAbscissa when initial position, y are in for iconsIt is in just for icon
Ordinate when beginning position;CurrD is the sliding distance of current indication body, and d is that icon gathers into the threshold value slided needed for circle
Distance, in the scene of S122, currD<d;x2To gather into the abscissa of circular icon in the process, y in icon2To scheme
The ordinate that mark gathers into circular icon in the process for brevity, is also referred to as the horizontal seat of the second icon herein
Mark and the second icon ordinate.
According to formula 4 calculate icon gather into circular process icon rotation angle:
θ2=currD/d × θ1
Formula 4
Wherein, as described above, currD is the sliding distance of current indication body, d is that icon is gathered into and slided needed for circle
Threshold distance, in the scene of S122, currD<d;θ1Rotation angle when gathering into circle for icon in a circle, as
One icon rotation angle;θ2To gather into the rotation angle of circular icon in the process in icon, herein, for brevity,
It is referred to as the second icon rotation angle.
As it can be seen that in S122, the rotation angle and coordinate position of each icon are calculated according to sliding scales, and make icon based on
Calculate result movement.In addition, in the present embodiment, each icon is moved along straight line and is gathered into circle, but the present invention is not limited to
This, can also make each icon module be moved along arc, Bezier etc. and gather into circle.
In S124, i.e., it is the branch of "Yes" in S121 and S123, when sliding distance is equal to threshold distance, icon
Gather into circle.That is, in the scene of S124, currD=d, at this time according to formula 3 and formula 4, x2=x1, y2=y1, θ2=
θ1.Icon rotation angle in a circle in the circle gathered and abscissa are calculated separately according to formula 2 and formula 1
With ordinate.In this embodiment, it is alternatively possible to when user presses sub-screen, i.e., in S111, just calculates and waits gathering into bowlder
The rotation angle and abscissa and ordinate of each icon.
Fig. 2 is the circular coordinate diagram according to the ... of the embodiment of the present invention gathered by icon.As shown in Fig. 2, F points representative office
In the icon of initial position, F'Point represents the position of icon when gathering into circle.As it can be seen that icon is using fixed point as the center of circle, around
Radii fixus is distributed on the circular circumference.For brevity, each icon is assumed into a point, but specific technology
Design can't be different because of icon to be changed into a little, will not lead to the incorrect of result.
In S125, i.e., it is the branch of to be in S123 be "No" in S121, when sliding distance is more than threshold distance,
It needs to calculate the new coordinate position in the center of circle and the rotation angle and coordinate position of icon at this time, so that the circle is rolled by result of calculation
It is dynamic.Coordinate position of center of circle during circular scrolling is calculated according to formula 5:
x′0=x0+currD-d
y′0=y0
Formula 5
Wherein, x0For the first center of circle abscissa, y0For the first center of circle ordinate;x′0For the cross in the center of circle in the rolling process of the center of circle
Coordinate, y '0For brevity, it is also referred to as second center of circle herein for the ordinate in the center of circle in the rolling process of the center of circle
Abscissa and the second center of circle ordinate;CurrD is the sliding distance of current indication body, and d gathers into for icon to be slided needed for circle
Threshold distance, in the scene of S125, currD>d.According to formula 5, it can be seen that press rectilinear translation in the center of circle.
According to rotation angle of 6 calculation icon of formula in the circle of rolling:
Formula 6
Wherein, θ1It is the first icon rotation angle;θ3It is rotation of the icon in circle during circular rolling
Angle, herein, for brevity, also referred to as third icon rotation angle;CurrD be current indication body sliding away from
From, d is that icon gathers into the threshold distance slided needed for circle, in the scene of S125, currD>d;For circular per unit
The roll angle of sliding distance, for example, indication body often translate circular corresponding roll angle when 1 pixel, correspondingly, at this time
The unit of currD and d is also pixel.
The abscissa and ordinate of icon during circular rolling can be calculated according to formula 1, but should use at this time
(x′0, y '0) it is used as central coordinate of circle, and θ should be used3As the rotation angle of icon in a circle.That is, formula 1 is rewritten as
Following formula 7:
x3=x '0+r×cos(θ3)
y3=y '0+r×sin(θ3)
Formula 7
Wherein, x '0For the second center of circle abscissa, y '0For the second center of circle ordinate, θ3For third icon rotation angle, x3For
The abscissa of icon, y during circular rolling3The ordinate of icon during for circular rolling, herein, for letter
For the sake of clean, it is also referred to as third icon abscissa and third icon ordinate.
Fig. 3 is the coordinate diagram according to the ... of the embodiment of the present invention rolled by the circle that icon is gathered.Wherein solid line is justified
Indicate the circle initially gathered by icon that is not yet rolled, and dotted line then indicates to slide to the left with indication body level and
The circle of rolling.As shown in figure 3, B points represent the position of icon when gathering into circle, icon when E points represent the circular scrolling
Position.For brevity, each icon is assumed into a point, but specific technical concept can't turn because of by icon
Become a little different, the incorrect of result will not be caused.As shown in figure 3, the sliding distance with indication body increases, generation
The A points in the table center of circle gradually move to C points along negative direction of the x-axis, and the B of representative icon points are moved to E points --- but be not edge at this time
Linear movement.Described in step S125 according to Fig. 1, when the sliding distance of indication body is currD (currD>When d), the coordinate of A points
It is (x0, y0), the coordinate of C points is (x '0, y '0), ray AB is along clockwise direction θ with positive direction of the x-axis angle1, ray CE is along suitable
Clockwise and positive direction of the x-axis angle are θ3。
In S126, the indication body of such as finger is lifted away from from screen.
In S127, icon restores to initial position, for example, restoring into conventional horizontally-arranged arrangement.In the present embodiment,
When indication body is lifted away from from screen, the rotation angle of icon is set as 0 degree, by the translation distance of horizontal axis (x-axis) and the longitudinal axis (y-axis)
It is also configured as 0, and this process is completed by animation.
Fig. 4 to Fig. 7 is the signal according to the ... of the embodiment of the present invention that different location is according to different user's operation icons
Figure.
Fig. 4 is the schematic diagram that icon according to the ... of the embodiment of the present invention is in initial position, i.e., indication body just presses sub-screen
And schematic diagram when not yet sliding and when indication body is lifted away from from screen.In the present embodiment, the initial position of icon is
Horizontally-arranged arrangement.
Fig. 5 is that icon according to the ... of the embodiment of the present invention gradually gathers into circular schematic diagram as indication body slides.With
The sliding for indication body, when sliding distance is less than threshold distance, each icon is gradually moved to according to sliding scales gathers into circle
Position.
Fig. 6 is the circular schematic diagram according to the ... of the embodiment of the present invention gathered by icon.When the sliding distance of indication body
When equal to threshold distance, icon gathers into circle.
Fig. 7 is the schematic diagram according to the ... of the embodiment of the present invention rolled by the circle that icon is gathered.When indication body
Sliding distance be more than threshold distance when, rolled with the sliding of indication body by the circle that icon is gathered, each icon also with one of
Play rotation.
Fig. 8 is the schematic diagram for the device that realization icon according to the ... of the embodiment of the present invention imitates wheel rolling effect.Realize icon
The device of imitative wheel rolling effect includes computing module, display module and icon module.
Display module can be considered as the control used for the external world, and to the external world, incoming icon is shown, and response
It is lifted away from the user's operation of such as user's touch event, including by sub-screen, sliding screen, from screen.And according to calculating mould
The coordinate position and rotation angle for the icon that block is calculated show to provide a user full screen.
The main function of computing module has:It is called, is calculated each when sliding distance is equal to threshold distance by display module
Rotation angle when icon gathers into circle and abscissa and ordinate as coordinate position;Gathering into round process
In, i.e., when sliding distance is less than threshold distance, according to the ratio of current sliding distance, calculate the rotation angle and coordinate of each icon
Position;After gathering into circle, i.e., when sliding distance is more than threshold distance, with the increase of sliding distance, constantly correct each icon
Rotation angle and coordinate position and the coordinate position in the center of circle.
In above-mentioned context, above-mentioned value is passed to display module by computing module, then passes to icon mould by display module
Block, to carry out picture mark position adjustment.The rotation angle and coordinate position for the icon that icon module is passed to according to display module, make figure
Mark is corresponding mobile.
Specifically, when display module detects indication body by sub-screen and does not slide on the screen, computing module is logical
It crosses display module notification icon module and icon is maintained at initial position;Computing module exists according to the indication body that display module transmits
Sliding on screen should gradually be gathered by display module notification icon module icon with the sliding of indication body on the screen
At circle, and by icon gather it is round should be with indication body continuing to slide and roll on the screen, to realize icon
Imitative wheel rolling effect;When display module detects that indication body is lifted away from screen, computing module passes through display module notification icon
Module restores icon to initial position.
Below with reference to Fig. 9, it illustrates the computer systems 900 suitable for the terminal device for realizing the embodiment of the present application
Structural schematic diagram.Terminal device shown in Fig. 9 is only an example, to the function of the embodiment of the present application and should not use model
Shroud carrys out any restrictions.
As shown in figure 9, computer system 900 includes central processing unit (CPU) 901, it can be read-only according to being stored in
Program in memory (ROM) 902 or be loaded into the program in random access storage device (RAM) 903 from storage section 908 and
Execute various actions appropriate and processing.In RAM 903, also it is stored with system 900 and operates required various programs and data.
CPU 901, ROM 902 and RAM 903 are connected with each other by bus 904.Input/output (I/O) interface 905 is also connected to always
Line 904.
It is connected to I/O interfaces 905 with lower component:Importation 906 including keyboard, mouse etc.;It is penetrated including such as cathode
The output par, c 907 of spool (CRT), liquid crystal display (LCD) etc. and loud speaker etc.;Storage section 908 including hard disk etc.;
And the communications portion 909 of the network interface card including LAN card, modem etc..Communications portion 909 via such as because
The network of spy's net executes communication process.Driver 910 is also according to needing to be connected to I/O interfaces 905.Detachable media 911, such as
Disk, CD, magneto-optic disk, semiconductor memory etc. are mounted on driver 910, as needed in order to be read from thereon
Computer program be mounted into storage section 908 as needed.
Particularly, it according to embodiment disclosed by the invention, may be implemented as counting above with reference to the process of flow chart description
Calculation machine software program.For example, embodiment disclosed by the invention includes a kind of computer program product comprising be carried on computer
Computer program on readable medium, the computer program include the program code for method shown in execution flow chart.
In such embodiment, which can be downloaded and installed by communications portion 909 from network, and/or from can
Medium 911 is dismantled to be mounted.When the computer program is executed by central processing unit (CPU) 901, the system that executes the application
The above-mentioned function of middle restriction.
It should be noted that computer-readable medium shown in the application can be computer-readable signal media or meter
Calculation machine readable storage medium storing program for executing either the two arbitrarily combines.Computer readable storage medium for example can be --- but not
Be limited to --- electricity, magnetic, optical, electromagnetic, infrared ray or semiconductor system, device or device, or arbitrary above combination.Meter
The more specific example of calculation machine readable storage medium storing program for executing can include but is not limited to:Electrical connection with one or more conducting wires, just
It takes formula computer disk, hard disk, random access storage device (RAM), read-only memory (ROM), erasable type and may be programmed read-only storage
Device (EPROM or flash memory), optical fiber, portable compact disc read-only memory (CD-ROM), light storage device, magnetic memory device,
Or above-mentioned any appropriate combination.In this application, can be any include computer readable storage medium or storage journey
The tangible medium of sequence, the program can be commanded the either device use or in connection of execution system, device.And at this
In application, computer-readable signal media may include in a base band or as the data-signal that a carrier wave part is propagated,
Wherein carry computer-readable program code.Diversified forms may be used in the data-signal of this propagation, including but unlimited
In electromagnetic signal, optical signal or above-mentioned any appropriate combination.Computer-readable signal media can also be that computer can
Any computer-readable medium other than storage medium is read, which can send, propagates or transmit and be used for
By instruction execution system, device either device use or program in connection.Include on computer-readable medium
Program code can transmit with any suitable medium, including but not limited to:Wirelessly, electric wire, optical cable, RF etc. or above-mentioned
Any appropriate combination.
Flow chart in attached drawing and block diagram, it is illustrated that according to the system of the various embodiments of the application, method and computer journey
The architecture, function and operation in the cards of sequence product.In this regard, each box in flowchart or block diagram can generation
A part for a part for one module, program segment, or code of table, above-mentioned module, program segment, or code includes one or more
Executable instruction for implementing the specified logical function.It should also be noted that in some implementations as replacements, institute in box
The function of mark can also occur in a different order than that indicated in the drawings.For example, two boxes succeedingly indicated are practical
On can be basically executed in parallel, they can also be executed in the opposite order sometimes, this is depended on the functions involved.Also it wants
It is noted that the combination of each box in block diagram or flow chart and the box in block diagram or flow chart, can use and execute rule
The dedicated hardware based systems of fixed functions or operations is realized, or can use the group of specialized hardware and computer instruction
It closes to realize.
Being described in module involved in the embodiment of the present application can be realized by way of software, can also be by hard
The mode of part is realized.Described module can also be arranged in the processor, for example, can be described as:A kind of processor packet
Include display module, icon module and computing module.Wherein, the title of these modules is not constituted under certain conditions to the module
The restriction of itself, for example, display module is also described as " using to show the extraneous icon being passed to for extraneous
Module ".
As on the other hand, present invention also provides a kind of computer-readable medium, which can be
Included in equipment described in above-described embodiment;Can also be individualism, and without be incorporated the equipment in.Above-mentioned calculating
Machine readable medium carries one or more program, when said one or multiple programs are executed by the equipment, makes
Obtaining the equipment includes:When indication body is by sub-screen and does not slide on the screen, icon keeps initial position on the screen;
Icon gradually gathers into circle with indication body sliding on the screen, and the circle gathered by icon is with indication body
On the screen continue to slide and rolls, to realize the imitative wheel rolling effect of icon.
Technical solution according to the ... of the embodiment of the present invention, because making icon gather into using during the screens switch of equipment
Technological means that is round and making the circle advance with the rolling of wheel shape, so the stiff technical problem of display interface is overcome, into
And reaches the animation effect of enhancing display interface and improve the technique effect of user experience.In addition, fast by round parametric equation
Speed positions each icon position to be shown, reduces the calculating that icon gathers into bowlder large amount of complex, so as to avoid influencing to set
Standby performance.
Above-mentioned specific implementation mode, does not constitute limiting the scope of the invention.Those skilled in the art should be bright
It is white, design requirement and other factors are depended on, various modifications, combination, sub-portfolio and replacement can occur.It is any
Modifications, equivalent substitutions and improvements made by within the spirit and principles in the present invention etc., should be included in the scope of the present invention
Within.
Claims (20)
1. a kind of method realized icon and imitate wheel rolling effect, which is characterized in that including:
When indication body is by sub-screen and does not slide on the screen, the icon keeps initial bit on the screen
It sets;
The icon gradually gathers into circle with indication body sliding on the screen, and is gathered by the icon
That holds together is described round with the indication body continuing to slide and roll on the screen, to realize that icon imitates wheel rolling
Effect.
2. according to the method described in claim 1, further including:
To wait that the circular center location gathered and radius set predefined value, the circular center of circle gathered will be waited
Abscissa be denoted as the first center of circle abscissa, will wait that the ordinate in the circular center of circle gathered is denoted as that first center of circle is vertical to be sat
Mark;
When the icon gradually gathers into circle with indication body sliding on the screen, the circular circle
The heart is moved with the sliding of the indication body.
3. according to the method described in claim 2, further including:
When the sliding distance of the indication body is less than threshold distance, the icon does not gather into the circle;
When the sliding distance of the indication body is equal to the threshold distance, the icon gathers into the circle;
When the sliding distance of the indication body is more than the threshold distance, the circle gathered by the icon is with institute
It states the sliding of indication body and rolls.
4. according to the method described in claim 3, further including:When the sliding distance of the indication body is equal to the threshold distance
When, the icon gathers into the circle, and rotation angle of the icon in the circle is calculated according to the number of the icon
Degree and abscissa and ordinate, wherein rotation of the icon in the circle when icon is gathered into described round
Gyration is denoted as the first icon rotation angle, and the abscissa of the icon is denoted as first when the icon is gathered into the circle
Icon abscissa, the ordinate of the icon is denoted as the first icon ordinate when the icon is gathered into the circle,
The first icon rotation angle is designed to that the icon is made in the circle to be separated by by equal angle;
The first icon abscissa is the product of the cosine of rotation angle of the radius with the icon in the circle
In addition first center of circle abscissa;
The first icon ordinate is the sinusoidal product of rotation angle of the radius with the icon in the circle
In addition first center of circle ordinate.
5. according to the method described in claim 4, further including:When the sliding distance of the indication body is less than threshold distance, institute
It states icon and does not gather into the circle, it is abscissa and ordinate when being in the initial position according to the icon, described
First icon abscissa, the first icon ordinate, the first icon rotation angle, the sliding distance and the threshold
Value distance is gathering into the circular rotation angle of the icon in the process and abscissa and ordinate to calculate,
In, the rotation angle that the circular icon in the process is gathered into the icon is denoted as the second icon rotation angle,
The abscissa for gathering into the circular icon in the process in the icon is denoted as the second icon abscissa, it will be described
The ordinate that icon gathers into the circular icon in the process is denoted as the second icon ordinate.
6. according to the method described in claim 5, further including:The second icon rotation angle, described is calculated as follows
Second icon abscissa and the second icon ordinate, so that the icon is moved along straight line and gradually gathered into
The circle,
The sliding distance divided by the threshold distance are denoted as sliding scales;
It is first poor that the difference of abscissa when the first icon abscissa and the icon are in the initial position is denoted as, with
And to be denoted as second poor for the difference of ordinate when the first icon ordinate and the icon be in the initial position;
First difference and the products of the sliding scales are denoted as the first product, and will second difference and the slip ratio
The product of example is denoted as the second product;
The second icon abscissa is the sum of abscissa when first product and the icon are in the initial position,
And the second icon ordinate is the sum of ordinate when second product and the icon are in the initial position;
The second icon rotation angle is the product of the sliding scales and the first icon rotation angle.
7. according to the method described in claim 5, further including:So that the icon moved along arc or Bezier and by
Step gathers into the circle.
8. according to the method described in claim 4, further including:When the sliding distance of the indication body is more than the threshold distance
When, it is rolled with the sliding of the indication body by the circle that the icon is gathered, according to the circular per unit
The roll angle of sliding distance, the sliding distance, the threshold distance, the first icon rotation angle and described first
Center of circle abscissa and first center of circle ordinate, calculate abscissa of center of circle during the circular rolling and
Ordinate and the icon during the circular rolling it is described it is round in rotation angle and abscissa and
Ordinate, wherein the abscissa in center of circle during the circular rolling is denoted as the second center of circle abscissa, it will be
The ordinate in the center of circle is denoted as the second center of circle ordinate during the circular rolling, will be in the circular rolling
Rotation angle of the icon in the circle is denoted as third icon rotation angle in the process, will be in the circular rolling
The abscissa of the icon is denoted as third icon abscissa in the process, by icon during the circular rolling
Ordinate is denoted as third icon ordinate,
Second center of circle abscissa is the difference that first center of circle abscissa adds the sliding distance and the threshold distance,
And second center of circle ordinate is first center of circle ordinate;
The third icon rotation angle is the difference of the sliding distance and the threshold distance and the circular per unit cunning
The product of the roll angle of dynamic distance adds the first icon rotation angle;
The third figure abscissa is that the product of the radius and the cosine of the third icon rotation angle adds described second
Center of circle abscissa;
The third figure ordinate is that the radius and the sinusoidal product of the third icon rotation angle add described second
Center of circle ordinate.
9. according to the method described in claim 1, further including:When the indication body is lifted away from the screen, the icon restores
To the initial position.
10. a kind of device realized icon and imitate wheel rolling effect, including display module, icon module and computing module,
It is characterized in that:
When the display module detects indication body by sub-screen and does not slide on the screen, the computing module is logical
Crossing the display module notifies icon described in the icon module to keep initial position on the screen;
The sliding of the indication body that the computing module is transmitted according to the display module on the screen, by described aobvious
Show that module notifies icon described in the icon module gradually to gather into circle with indication body sliding on the screen
Shape, and gathered by the icon it is described round with the indication body continuing to slide and roll on the screen,
To realize that icon imitates wheel rolling effect.
11. device according to claim 10, further includes:
To wait that the circular center location gathered and radius set predefined value, the circular center of circle gathered will be waited
Abscissa be denoted as the first center of circle abscissa, will wait that the ordinate in the circular center of circle gathered is denoted as that first center of circle is vertical to be sat
Mark;
When the icon gradually gathers into circle with indication body sliding on the screen, the computing module
Determine that the circular center of circle is moved with the sliding of the indication body.
12. according to the devices described in claim 11, further including:
When the sliding distance of the indication body is less than threshold distance, the computing module determines that the icon does not gather into institute
State circle;
When the sliding distance of the indication body is equal to the threshold distance, the computing module determines that the icon gathers into institute
State circle;
When the sliding distance of the indication body is more than the threshold distance, the computing module determination is gathered by the icon
The circle rolled with the sliding of the indication body.
13. device according to claim 12, further includes:When the sliding distance of the indication body is equal to the threshold distance,
The computing module determines that the icon gathers into the circle, and the computing module is according to described in the calculating of the number of the icon
Rotation angle and abscissa and ordinate of the icon in the circle, wherein when the icon is gathered into the circle
Rotation angle of the icon in the circle is denoted as the first icon rotation angle, when the icon is gathered into the circle
The abscissa of the icon is denoted as the first icon abscissa, the ordinate of the icon when icon is gathered into described round
It is denoted as the first icon ordinate,
The first icon rotation angle is designed to that the icon is made in the circle to be separated by by equal angle;
The first icon abscissa is the product of the cosine of rotation angle of the radius with the icon in the circle
In addition first center of circle abscissa;
The first icon ordinate is the sinusoidal product of rotation angle of the radius with the icon in the circle
In addition first center of circle ordinate.
14. device according to claim 13, further includes:It is described when the sliding distance of the indication body is less than threshold distance
Computing module determines that the icon does not gather into the circle, and the computing module is in the initial bit according to the icon
Abscissa and ordinate, the first icon abscissa when setting, the first icon ordinate, the first icon rotation angle
Degree, the sliding distance and the threshold distance come calculate gather into it is described it is circular during the icon rotation angle
Degree and abscissa and ordinate, wherein the rotation angle of the circular icon in the process will be gathered into the icon
Degree is denoted as the second icon rotation angle, and the abscissa that the circular icon in the process is gathered into the icon is denoted as
The ordinate for gathering into the circular icon in the process in the icon is denoted as the second icon by the second icon abscissa
Ordinate.
15. device according to claim 14, further includes:The computing module calculates the second icon rotation as follows
Angle, the second icon abscissa and the second icon ordinate, so that the icon is moved simultaneously along straight line
Gradually gather into the circle,
The sliding distance divided by the threshold distance are denoted as sliding scales;
It is first poor that the difference of abscissa when the first icon abscissa and the icon are in the initial position is denoted as, with
And to be denoted as second poor for the difference of ordinate when the first icon ordinate and the icon be in the initial position;
First difference and the products of the sliding scales are denoted as the first product, and will second difference and the slip ratio
The product of example is denoted as the second product;
The second icon abscissa is the sum of abscissa when first product and the icon are in the initial position,
And the second icon ordinate is the sum of ordinate when second product and the icon are in the initial position;
The second icon rotation angle is the product of the sliding scales and the first icon rotation angle.
16. device according to claim 14, further includes:The computing module make the icon along arc or Bezier into
Row is mobile and gradually gathers into the circle.
17. device according to claim 13, further includes:When the sliding distance of the indication body is more than the threshold distance,
The computing module, which is determined, to be rolled, the calculating by the circle that the icon is gathered with the sliding of the indication body
Module is according to the roll angle of the circular per unit sliding distance, the sliding distance, the threshold distance, described first
Icon rotation angle and first center of circle abscissa and first center of circle ordinate, calculate the center of circle in the circle
Rolling during abscissa and ordinate and the icon during the circular rolling in the circle
In rotation angle and abscissa and ordinate, wherein by the horizontal seat in center of circle during the circular rolling
Labeled as the second center of circle abscissa, the ordinate in center of circle during the circular rolling is denoted as second center of circle and is indulged
Coordinate, by during the circular rolling icon it is described it is round in rotation angle be denoted as the rotation of third icon
The abscissa of icon during the circular rolling is denoted as third icon abscissa by angle, will be in the circle
The ordinate of the icon is denoted as third icon ordinate during the rolling of shape:
Second center of circle abscissa is the difference that first center of circle abscissa adds the sliding distance and the threshold distance,
And second center of circle ordinate is first center of circle ordinate;
The third icon rotation angle is the difference of the sliding distance and the threshold distance and the circular per unit cunning
The product of the roll angle of dynamic distance adds the first icon rotation angle;
The third figure abscissa is that the product of the radius and the cosine of the third icon rotation angle adds described second
Center of circle abscissa;
The third figure ordinate is that the radius and the sinusoidal product of the third icon rotation angle add described second
Center of circle ordinate.
18. device according to claim 10, further includes:When to detect that the indication body is lifted away from described for the display module
When screen, the computing module notifies icon described in the icon module to restore to the initial bit by the display module
It sets.
19. a kind of electronic equipment, which is characterized in that including:
One or more processors;
Storage device, for storing one or more programs,
When one or more of programs are executed by one or more of processors so that one or more of processors are real
The now method as described in any in claim 1-9.
20. a kind of computer-readable medium, is stored thereon with computer program, which is characterized in that described program is held by processor
The method as described in any in claim 1-9 is realized when row.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710232013.5A CN108694006B (en) | 2017-04-11 | 2017-04-11 | Method and device for achieving icon wheel-imitating rolling effect |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201710232013.5A CN108694006B (en) | 2017-04-11 | 2017-04-11 | Method and device for achieving icon wheel-imitating rolling effect |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN108694006A true CN108694006A (en) | 2018-10-23 |
| CN108694006B CN108694006B (en) | 2021-03-30 |
Family
ID=63843427
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201710232013.5A Active CN108694006B (en) | 2017-04-11 | 2017-04-11 | Method and device for achieving icon wheel-imitating rolling effect |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN108694006B (en) |
Cited By (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111610898A (en) * | 2020-04-26 | 2020-09-01 | 北京小米移动软件有限公司 | Application icon display method and device and storage medium |
| CN113568549A (en) * | 2021-04-20 | 2021-10-29 | 华为技术有限公司 | Graphical interface display method, electronic device, medium, and program product |
Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20020033849A1 (en) * | 2000-09-15 | 2002-03-21 | International Business Machines Corporation | Graphical user interface |
| JP2003076460A (en) * | 2001-08-31 | 2003-03-14 | Sony Corp | Device and method for displaying menu |
| CN103955331A (en) * | 2014-05-08 | 2014-07-30 | 广东欧珀移动通信有限公司 | Display processing method and device of application icon |
| CN106020655A (en) * | 2016-05-18 | 2016-10-12 | 北京金山安全软件有限公司 | Method and device for switching interface screen and electronic equipment |
| CN106293326A (en) * | 2016-07-29 | 2017-01-04 | 杭州联络互动信息科技股份有限公司 | A kind of method and device controlling to show with the icon of the equipment of touch screen |
-
2017
- 2017-04-11 CN CN201710232013.5A patent/CN108694006B/en active Active
Patent Citations (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20020033849A1 (en) * | 2000-09-15 | 2002-03-21 | International Business Machines Corporation | Graphical user interface |
| JP2003076460A (en) * | 2001-08-31 | 2003-03-14 | Sony Corp | Device and method for displaying menu |
| CN103955331A (en) * | 2014-05-08 | 2014-07-30 | 广东欧珀移动通信有限公司 | Display processing method and device of application icon |
| CN106020655A (en) * | 2016-05-18 | 2016-10-12 | 北京金山安全软件有限公司 | Method and device for switching interface screen and electronic equipment |
| CN106293326A (en) * | 2016-07-29 | 2017-01-04 | 杭州联络互动信息科技股份有限公司 | A kind of method and device controlling to show with the icon of the equipment of touch screen |
Cited By (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111610898A (en) * | 2020-04-26 | 2020-09-01 | 北京小米移动软件有限公司 | Application icon display method and device and storage medium |
| US11494049B2 (en) | 2020-04-26 | 2022-11-08 | Beijing Xiaomi Mobile Software Co., Ltd. | Method and device for displaying application icon, and storage medium |
| CN113568549A (en) * | 2021-04-20 | 2021-10-29 | 华为技术有限公司 | Graphical interface display method, electronic device, medium, and program product |
Also Published As
| Publication number | Publication date |
|---|---|
| CN108694006B (en) | 2021-03-30 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN103870282B (en) | Method and device for adjusting icon display mode | |
| US20130326420A1 (en) | Methods and devices for user interactive interfaces on touchscreens | |
| US20180364865A1 (en) | Touch control method, user equipment, input processing method, mobile terminal and intelligent terminal | |
| EP4044606B1 (en) | View adjustment method and apparatus for target device, electronic device, and medium | |
| CN102681670A (en) | Mobile terminal and setting method for virtual keyboard of same | |
| EP4161065A1 (en) | Video call interface display control method and apparatus, storage medium, and device | |
| CN104020935A (en) | Method and device used for controlling display object on display screen | |
| JP7402330B2 (en) | Target object display method, device, electronic device, and computer readable medium | |
| EP4175307A1 (en) | Interaction method and apparatus, and electronic device | |
| CN109144370A (en) | A kind of screenshotss method, apparatus, terminal and computer-readable medium | |
| CN108245889B (en) | Free visual angle orientation switching method and device, storage medium and electronic equipment | |
| CN108694006A (en) | A kind of method and apparatus realized icon and imitate wheel rolling effect | |
| KR101909540B1 (en) | Method of user input of portable device using virtual input area | |
| CN103914305B (en) | The method and system of application are freely controlled on a kind of mobile terminal | |
| US20240086053A1 (en) | Display method and apparatus, electronic device, and storage medium | |
| CN103914228A (en) | Mobile terminal and touch screen operating method thereof | |
| US20230251777A1 (en) | Target object display method and apparatus, electronic device and non-transitory computer-readable medium | |
| CN113457117B (en) | Virtual unit selection method and device in game, storage medium and electronic equipment | |
| CN112121437A (en) | Movement control method, device, medium and electronic equipment for target object | |
| CN105335118B (en) | The display methods and device of a kind of electronic equipment control | |
| CN105335007A (en) | Touch control method, user equipment, input processing method and mobile terminal | |
| CN113457144B (en) | Virtual unit selection method and device in game, storage medium and electronic equipment | |
| CN114397961A (en) | Head-mounted display device control method, head-mounted display device assembly, and medium | |
| CN104951223B (en) | A kind of touch screen realizes the method, apparatus and host of magnifying glass | |
| CN109840044B (en) | Screen control method, plug-in and device |
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 | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |