CN108694006B - Method and device for achieving icon wheel-imitating rolling effect - Google Patents
Method and device for achieving icon wheel-imitating rolling effect Download PDFInfo
- Publication number
- CN108694006B CN108694006B CN201710232013.5A CN201710232013A CN108694006B CN 108694006 B CN108694006 B CN 108694006B CN 201710232013 A CN201710232013 A CN 201710232013A CN 108694006 B CN108694006 B CN 108694006B
- Authority
- CN
- China
- Prior art keywords
- icon
- circle
- icons
- abscissa
- ordinate
- 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.)
- Active
Links
Images
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 invention provides a method and a device for realizing the wheel-simulated rolling effect of icons, which are beneficial to enhancing the animation effect of a display interface, bring visual feeling of screen switching to a user and improve the user experience by gathering the icons into a circle and enabling the circle to roll forward in a wheel shape in the screen switching process of equipment. The method is characterized in that: when a pointer presses a screen and does not slide on the screen, the icon remains at an initial position on the screen; the icons gradually gather into a circle along with the sliding of the indicating body on the screen, and the circle gathered by the icons rolls along with the continuous sliding of the indicating body on the screen, so that the effect of rolling the icons to imitate the wheels is achieved.
Description
Technical Field
The invention relates to the technical field of computers, in particular to a method and a device for achieving an icon wheel-imitating rolling effect.
Background
With the increasing development of portable devices such as mobile phones and tablet computers, more and more terminal applications (applications) are emerging. A pointer such as a finger, a touch pen, or the like is generally used to switch on a screen of the portable device to find a corresponding application.
In the process of implementing the invention, the inventor finds that at least the following problems exist in the prior art: in the switching of the screen, the dazzling animation effect is certainly more attractive, and the intuitive feeling can be brought to the user.
Disclosure of Invention
In view of this, embodiments of the present invention provide a method and an apparatus for implementing an icon wheel-simulated rolling effect, which are capable of gathering icons into a circle in a screen switching process of a device and making the circle advance in a wheel-shaped rolling manner, so as to enhance an animation effect of a display interface, bring a visual feeling of screen switching to a user, and improve user experience. In addition, the positions to be displayed of the icons are quickly positioned through the parameter equation of the circle, so that a large amount of complex calculation when the icons are gathered into the circle is reduced, and the influence on the performance of equipment is avoided.
To achieve the above object, according to an aspect of an embodiment of the present invention, a method for achieving a wheel-rolling effect of an icon is provided.
The invention discloses a method for realizing an icon wheel-imitated rolling effect, which is characterized by comprising the following steps of: when a pointer presses a screen and does not slide on the screen, the icon remains at an initial position on the screen; the icons gradually gather into a circle along with the sliding of the indicating body on the screen, and the circle gathered by the icons rolls along with the continuous sliding of the indicating body on the screen, so that the effect of rolling the icons to imitate the wheels is achieved.
Optionally, the method further comprises: setting predefined values for the circle center position and the radius of the circle to be gathered, recording the abscissa of the circle center of the circle to be gathered as a first circle center abscissa, and recording the ordinate of the circle center of the circle to be gathered as a first circle center ordinate; when the icons gradually gather into a circle along with the sliding of the indicating body on the screen, the circle center of the circle moves along with the sliding of the indicating body.
Optionally, the method further comprises: when the sliding distance of the indicating body is smaller than a threshold distance, the icons are not gathered into the round shape; when the sliding distance of the indicating body is equal to the threshold distance, the icons are gathered into the round shape; when the sliding distance of the indicator is greater than the threshold distance, the circle formed by the icons being gathered together rolls as the indicator slides.
Optionally, the method further comprises: when the sliding distance of the indicator is equal to the threshold distance, the icons are gathered into a circular shape, the rotation angle of the icons in the circular shape, the abscissa and the ordinate are calculated according to the number of the icons, the rotation angle of the icons in the circular shape when the icons are gathered into the circular shape is recorded as a first icon rotation angle, the abscissa of the icons when the icons are gathered into the circular shape is recorded as a first icon abscissa, the ordinate of the icons when the icons are gathered into the circular shape is recorded as a first icon ordinate, and the first icon rotation angle is designed to enable the icons to be spaced at equal angles in the circular shape; the first icon abscissa is the product of the radius and the cosine of the rotation angle of the icon in the circle plus the first circle center abscissa; the first icon ordinate is the product of the radius and the sine of the rotation angle of the icon in the circle plus the first circle center ordinate.
Optionally, the method further comprises: when the sliding distance of the indicating body is smaller than a threshold distance, the icons are not gathered into a circular shape, and the rotation angle of the icons in the process of gathering into the circular shape and the abscissa and the ordinate are calculated according to the abscissa and the ordinate when the icons are at the initial position, the first icon abscissa, the first icon ordinate, the first icon rotation angle, the sliding distance and the threshold distance, wherein the rotation angle of the icons in the process of gathering into the circular shape is recorded as a second icon rotation angle, the abscissa of the icons in the process of gathering into the circular shape is recorded as a second icon abscissa, and the ordinate of the icons in the process of gathering into the circular shape is recorded as a second icon ordinate.
Optionally, the method further comprises: calculating the rotation angle of the second icon, the abscissa of the second icon and the ordinate of the second icon according to the following steps so that the icons move along a straight line and gradually gather into a circle, and dividing the sliding distance by the threshold distance to obtain a sliding proportion; recording the difference between the first icon abscissa and the icon abscissa at the initial position as a first difference, and recording the difference between the first icon ordinate and the icon ordinate at the initial position as a second difference; recording a product of the first difference and the sliding proportion as a first product, and recording a product of the second difference and the sliding proportion as a second product; the second icon abscissa is the sum of the first product and the abscissa when the icon is at the initial position, and the second icon ordinate is the sum of the second product and the ordinate when the icon is at the initial position; the second icon rotation angle is a product of the sliding ratio and the first icon rotation angle.
Optionally, the method further comprises: so that the icons move along an arc or a Bezier curve and gradually gather together into the circle.
Optionally, the method further comprises: when the sliding distance of the indicator is greater than the threshold distance, the circle formed by gathering the icons rolls along with the sliding of the indicator, and according to the rolling angle of each unit of sliding distance of the circle, the sliding distance, the threshold distance, the first icon rotation angle, the first circle center abscissa and the first circle center ordinate, the abscissa and the ordinate of the circle center in the process of rolling the circle are calculated, and the rotation angle, the abscissa and the ordinate of the icon in the circle in the process of rolling the circle are calculated, wherein the abscissa of the circle center in the process of rolling the circle is recorded as the second circle center abscissa, the ordinate of the circle center in the process of rolling the circle is recorded as the second circle center ordinate, and the rotation angle of the icon in the circle in the process of rolling the circle is recorded as the third icon rotation angle And recording an abscissa of the icon during the circular scrolling as a third icon abscissa, and recording an ordinate of the icon during the circular scrolling as a third icon ordinate: the second circle center abscissa is the first circle center abscissa plus the difference between the sliding distance and the threshold distance, and the second circle center ordinate is the first circle center ordinate; the third icon rotation angle is the product of the difference between the sliding distance and the threshold distance and the rolling angle per unit sliding distance of the circle plus the first icon rotation angle; the third graph abscissa is the product of the radius and the cosine of the third icon rotation angle plus the second circle center abscissa; and the third graph vertical coordinate is the product of the radius and the sine of the third icon rotation angle plus the second circle center vertical coordinate.
Optionally, the method further comprises: when the indicating body is lifted off the screen, the icon is restored to the initial position.
To achieve the above object, according to another aspect of the embodiments of the present invention, there is provided an apparatus for achieving a wheel-rolling effect of an icon.
The invention discloses a device for realizing the rolling effect of an icon imitating a wheel, which comprises a display module, an icon module and a calculation module, and is characterized in that: when the display module detects that a pointer presses down a screen and does not slide on the screen, the calculation module informs the icon module through the display module that the icon is kept at an initial position on the screen; the calculation module informs the icon module through the display module that the icons are gradually gathered into a circle along with the sliding of the indication body on the screen according to the sliding of the indication body on the screen, which is transmitted by the display module, and the circle gathered by the icons rolls along with the continuous sliding of the indication body on the screen, so that the effect of rolling the icons to imitate the wheels is realized.
Optionally, the method further comprises: setting predefined values for the circle center position and the radius of the circle to be gathered, recording the abscissa of the circle center of the circle to be gathered as a first circle center abscissa, and recording the ordinate of the circle center of the circle to be gathered as a first circle center ordinate; when the icons gradually gather into a circle along with the sliding of the indicating body on the screen, the calculation module determines that the circle center of the circle moves along with the sliding of the indicating body.
Optionally, the method further comprises: when the sliding distance of the indicator is smaller than a threshold distance, the calculation module determines that the icons are not gathered into the circle; when the sliding distance of the indicator is equal to the threshold distance, the calculation module determines that the icons are gathered into the circle; when the sliding distance of the pointer is greater than the threshold distance, the calculation module determines that the circle formed by the icons being gathered rolls as the pointer slides.
Optionally, the method further comprises: when the sliding distance of the indicator is equal to the threshold distance, the calculation module determines that the icons are gathered into a circle, and the calculation module calculates the rotation angle, the abscissa and the ordinate of the icons in the circle according to the number of the icons, wherein the rotation angle of the icons in the circle when the icons are gathered into the circle is recorded as a first icon rotation angle, the abscissa of the icons when the icons are gathered into the circle is recorded as a first icon abscissa, the ordinate of the icons when the icons are gathered into the circle is recorded as a first icon ordinate, and the first icon rotation angle is designed to enable the icons to be spaced at equal angles in the circle; the first icon abscissa is the product of the radius and the cosine of the rotation angle of the icon in the circle plus the first circle center abscissa; the first icon ordinate is the product of the radius and the sine of the rotation angle of the icon in the circle plus the first circle center ordinate.
Optionally, the method further comprises: when the sliding distance of the indicator is less than a threshold distance, the calculation module determines that the icons are not bunched together in the circle, the calculation module calculates the rotation angle of the icon in the process of gathering the icon into the circle, the abscissa and the ordinate according to the abscissa and the ordinate of the icon when the icon is at the initial position, the first icon abscissa, the first icon ordinate, the first icon rotation angle, the sliding distance and the threshold distance, the rotation angle of the icon in the process of gathering the icon into the circular shape is recorded as a second icon rotation angle, the abscissa of the icon in the process of gathering the icon into the circular shape is recorded as a second icon abscissa, and the ordinate of the icon in the process of gathering the icon into the circular shape is recorded as a second icon ordinate.
Optionally, the method further comprises: the calculation module calculates the rotation angle of the second icon, the abscissa of the second icon and the ordinate of the second icon according to the following steps so that the icons move along a straight line and gradually gather into a circle, and the sliding distance is divided by the threshold distance to be recorded as a sliding proportion; recording the difference between the first icon abscissa and the icon abscissa at the initial position as a first difference, and recording the difference between the first icon ordinate and the icon ordinate at the initial position as a second difference; recording a product of the first difference and the sliding proportion as a first product, and recording a product of the second difference and the sliding proportion as a second product; the second icon abscissa is the sum of the first product and the abscissa when the icon is at the initial position, and the second icon ordinate is the sum of the second product and the ordinate when the icon is at the initial position; the second icon rotation angle is a product of the sliding ratio and the first icon rotation angle.
Optionally, the method further comprises: the calculation module causes the icons to move along an arc or Bezier curve and gradually converge into the circle.
Optionally, the method further comprises: when the sliding distance of the indicating body is greater than the threshold distance, the calculating module determines that the circle formed by gathering the icons rolls along with the sliding of the indicating body, and the calculating module calculates an abscissa and an ordinate of the circle center in the process of rolling the circle and a rotation angle, an abscissa and an ordinate of the icon in the circle in the process of rolling the circle according to the rolling angle of each unit of sliding distance of the circle, the sliding distance, the threshold distance, the first icon rotation angle, the first circle center abscissa and the first circle center ordinate, wherein the abscissa of the circle center in the process of rolling the circle is recorded as a second circle center abscissa, and the ordinate of the circle center in the process of rolling the circle is recorded as a second circle center ordinate, recording a rotation angle of the icon in the circle during the circular scroll as a third icon rotation angle, recording an abscissa of the icon during the circular scroll as a third icon abscissa, and recording an ordinate of the icon during the circular scroll as a third icon ordinate: the second circle center abscissa is the first circle center abscissa plus the difference between the sliding distance and the threshold distance, and the second circle center ordinate is the first circle center ordinate; the third icon rotation angle is the product of the difference between the sliding distance and the threshold distance and the rolling angle per unit sliding distance of the circle plus the first icon rotation angle; the third graph abscissa is the product of the radius and the cosine of the third icon rotation angle plus the second circle center abscissa; and the third graph vertical coordinate is the product of the radius and the sine of the third icon rotation angle plus the second circle center vertical coordinate.
Optionally, the method further comprises: when the display module detects that the indicating body is lifted off the screen, the calculation module informs the icon module of the icon restoring to the initial position through the display module.
According to yet another aspect of an embodiment of the present invention, an electronic device is provided.
An electronic device of the present invention includes: one or more processors; and the storage device is used for storing one or more programs, and when the one or more programs are executed by the one or more processors, the one or more processors can execute the method for realizing the icon imitation wheel rolling effect provided by the invention.
According to yet another aspect of embodiments of the present invention, a computer-readable medium is provided.
A computer-readable medium of the present invention stores a computer program, which when executed by a processor performs the method for implementing the icon wheel-rolling simulation effect provided by the present invention.
One embodiment of the above invention has the following advantages or benefits: because the technical means of gathering the icons into a circle and enabling the circle to advance in a wheel-shaped rolling manner in the screen switching process of the equipment is adopted, the technical problem that the display interface is stiff is solved, and the technical effects of enhancing the animation effect of the display interface and improving the user experience are further achieved. In addition, the positions to be displayed of the icons are quickly positioned through the parameter equation of the circle, so that a large amount of complex calculation when the icons are gathered into the circle is reduced, and the influence on the performance of equipment is avoided.
Drawings
The drawings are included to provide a better understanding of the invention and are not to be construed as unduly limiting the invention. Wherein:
FIG. 1 is a flow chart of icons gathering together into a circle and scrolling in a circle as a sliding of a pointer according to an embodiment of the present invention;
FIG. 2 is a graph of circles gathered by icons according to an embodiment of the present invention;
FIG. 3 is a graph of the scrolling of circles gathered by icons according to an embodiment of the present invention;
FIG. 4 is a schematic diagram of an icon in an initial position according to an embodiment of the present invention;
FIG. 5 is a schematic diagram of icons progressively gathering together into a circle as the pointer slides in accordance with an embodiment of the present invention;
FIG. 6 is a schematic view of a circle gathered by icons according to an embodiment of the present invention;
FIG. 7 is a schematic diagram of a circle gathered by icons scrolling in accordance with an embodiment of the present invention;
FIG. 8 is a schematic diagram of an apparatus for implementing the rolling effect of an icon simulated wheel according to an embodiment of the invention;
fig. 9 is a schematic structural diagram of a computer system suitable for implementing the terminal device or the server according to the embodiment of the present application.
Detailed Description
Exemplary embodiments of the present invention are described below with reference to the accompanying drawings, in which various details of embodiments of the invention are included to assist understanding, and which are to be considered as merely exemplary. Accordingly, those of ordinary skill in the art will recognize that various changes and modifications of the embodiments described herein can be made without departing from the scope and spirit of the invention. Also, descriptions of well-known functions and constructions are omitted in the following description for clarity and conciseness.
Fig. 1 is a flowchart of icons gathering in a circle and scrolling in a circle as a sliding of a pointer according to an embodiment of the present invention. As shown in fig. 1, in the present embodiment, the user operation is divided into three types: press (the pointer such as the user's finger just touches the screen), slide (the pointer such as the user's finger slides on the screen), lift (the pointer such as the user's finger leaves the screen). The three types correspond to different processing logic in fig. 1.
In this embodiment, when a pointer such as a finger or the like presses the screen but does not slide, the icons on the screen remain at the initial positions, for example, in the conventional landscape arrangement. When a pointer such as a finger slides on the screen, the icons on the screen gradually gather into a circle as the pointer slides on the screen. Specifically, when the sliding distance is less than the threshold distance of sliding required for gathering the icons into a circle, the rotation angle of each icon and the abscissa and ordinate which are coordinate positions are calculated, and the icons are moved according to the calculated result; until the icons gather into a circle when the sliding distance equals the threshold distance; and when the sliding distance is greater than the threshold distance, namely the icons are gathered into a circle, calculating a new coordinate position of the circle center of the circle, the rotation angle and the new coordinate position of each corresponding icon, and rolling the circle according to the calculated result. When the pointer such as a finger or the like is lifted off the screen, in the present embodiment, the icons are restored to the original positions, for example, in the conventional horizontal row arrangement.
In the present embodiment, when the sliding distance is equal to the threshold distance, the center position and the radius of the circle gathered by each icon are predefined values on the screen, and thus the gathered circle is fixed, and the rotation angle and the coordinate position of each icon on the circle are related to the number of icons. The coordinate position of each icon will be determined according to equation 1:
x1=x0+r×cos(θ1)
y1=y0+r×sin(θ1)
Wherein x is0Is the abscissa of the center of the circle, y0Is the ordinate of the circle center, which is also referred to herein as the first circle center abscissa and the first circle center ordinate, respectively, for the sake of brevity. x is the number of1Is the abscissa, y, of the corresponding icon when the icons are gathered into a circle1Are the ordinates of the corresponding icons when they are brought together in a circle, which are also referred to herein, for brevity, as the first icon abscissa and the first icon ordinate, respectively. Theta1Which represents a rotation angle of each icon in a circle when the circle is formed, the rotation angle having a horizontal right as a start edge and a counterclockwise as a positive angle, and is also referred to as a first icon rotation angle herein for brevity. r is the radius of the circle to be gathered. As described above, in the present embodiment, the circle radius, the first circle center abscissa, and the first circle center ordinate are predefined values on the screen.
The first icon rotation angle for each icon will be determined according to equation 1. Assuming that there are N icons on the current screen, in the present embodiment, in order to make the icons equally spaced in the circle to be gathered, the first icon rotation angle of each icon is as shown in formula 2:
I.e. the circle is divided into N equal parts, the angle of each part, i.e. the rotation angle theta of the first icon1Take the above N values.
In the above, according to the formula 1 and the formula 2, the coordinate position and the rotation angle in the circle when the icons are gathered together into the circle can be calculated.
Specifically, if the user operation is that the user presses the screen through the pointer without sliding in S110, the icons are held in the initial positions, for example, in the conventional landscape arrangement in S111.
In S120, the user slides on the screen through the pointer.
In S121, whether the icons are rounded is determined according to whether the sliding distance is smaller than a threshold distance of sliding required for the icons to be rounded. When the sliding distance is less than the threshold distance, the icons start to move but have not been gathered into a circle in S122. Calculating the coordinate position of the icon in the process of gathering the icon into a circle according to formula 3:
x2=(x1-xs)×currD/d+xs
y2=(y1-ys)×currD/d+ys
equation 3
Wherein x is1The abscissa of the icon when the icon is gathered into a circle is the first icon abscissa, y1The ordinate of the icons when the icons are gathered into a circle is the ordinate of the first icon; x is the number ofsIs the abscissa, y, of the icon at its initial positionsIs the ordinate of the icon at the initial position; currD is the sliding distance of the current indicator, d is the threshold distance of sliding required for the icons to gather into a circle, and in the S122 scenario, currD<d;x2Is the abscissa, y, of the icon during its gathering into a circle2The ordinate of the icon during its gathering into a circle is also referred to herein, for brevity, as the second icon abscissa and the second icon ordinate, respectively.
Calculating the rotation angle of the icon in the process of gathering the icon into a circle according to formula 4:
θ2=currD/d×θ1
equation 4
Wherein curD is the current indicator, as described aboveSliding distance, d is the threshold distance of sliding required for the icons to gather into a circle, in the scenario of S122, currD<d;θ1The rotation angle of the icons in the circle when the icons are gathered into the circle is the first icon rotation angle; theta2The rotation angle of the icons during the process of gathering the icons into a circle is referred to herein as the second icon rotation angle for brevity.
As can be seen, in S122, the rotation angle and the coordinate position of each icon are calculated based on the sliding ratio, and the icon is moved according to the calculation result. In the present embodiment, the icons are moved along a straight line and are rounded, but the present invention is not limited to this, and the icon modules may be moved along an arc, a bezier curve, or the like and rounded.
In S124, i.e., the branch of "yes" in both S121 and S123, when the sliding distance is equal to the threshold distance, the icons are gathered into a circle. That is, in the scenario of S124, currD ═ d, at this time, x is according to equation 3 and equation 42=x1,y2=y1,θ2=θ1. And respectively calculating the rotation angle of the icon in the circle when the icon is gathered into the circle, and the abscissa and the ordinate according to the formula 2 and the formula 1. In this implementation, optionally, the rotation angle of each icon when the user presses the screen, i.e., in S111, and the abscissa and the ordinate when the icons are to be rounded up may be calculated.
Fig. 2 is a graph of circles gathered by icons according to an embodiment of the present invention. As shown in fig. 2, point F represents the icon in its initial position, and point F' represents the position of the icon when it is gathered into a circle. It can be seen that the icons are distributed around a fixed radius on the circumference of the circle with the fixed point as the center of the circle. For the sake of simplicity, each icon is assumed to be a point, but the specific technical concept does not differ by changing the icon into a point and does not cause the result to be incorrect.
In S125, that is, in S121, the branch is "no" in S123, when the sliding distance is greater than the threshold distance, a new coordinate position of the center of the circle and the rotation angle and the coordinate position of the icon are calculated so that the circle is scrolled according to the calculation result. Calculating the coordinate position of the circle center in the circular rolling process according to formula 5:
x′0=x0+currD-d
y′0=y0
equation 5
Wherein x is0Is the abscissa of the first circle center, y0Is a first circle center longitudinal coordinate; x'0Is the abscissa of the circle center in the circle center rolling process, y'0The ordinate of the circle center during the circle center rolling process is also referred to as a second circle center abscissa and a second circle center ordinate, respectively, herein for brevity; currD is the sliding distance of the current indicator, d is the threshold distance of sliding required for the icons to gather into a circle, and in the S125 scene, currD>d. From equation 5, it can be seen that the center of the circle translates in a straight line.
The rotation angle of the icon in the scrolled circle is calculated according to equation 6:
equation 6
Wherein, theta1Is a first icon rotation angle; theta3Is the angle of rotation of the icon in the circle during the scrolling of the circle, which is also referred to herein for brevity as the third icon angle of rotation; currD is the sliding distance of the current indicator, d is the threshold distance of sliding required for the icons to gather into a circle, and in the S125 scene, currD>d;The roll angle per unit sliding distance for a circle, for example, is the corresponding roll angle for a circle for each 1 pixel translation of the pointer, and accordingly, the units of currD and d are also pixels at this time.
The abscissa and ordinate of the icon during the scrolling of the circle may be calculated according to equation 1, but should be taken to be (x'0,y′0) As a center coordinate, and theta should be adopted3As the angle of rotation of the icon in the circle. That is, equation 1 is rewritten as equation 7 below:
x3=x′0+r×cos(θ3)
y3=y′0+r×sin(θ3)
equation 7
Wherein, x'0Is a second circle center abscissa, y'0Is the second center ordinate, θ3Is a third icon rotation angle, x3Abscissa, y, of the icon during scrolling in a circle3The ordinate of the icon during circular scrolling is also referred to herein, for brevity, as the third icon abscissa and the third icon ordinate, respectively.
FIG. 3 is a graph of the scrolling of circles gathered by icons according to an embodiment of the present invention. Where the solid circles represent circles initially gathered by the icons that have not been scrolled, and the dashed lines represent circles that scroll as the pointer is slid horizontally to the left. As shown in fig. 3, point B represents the position of the icon when gathered into a circle, and point E represents the position of the icon when the circle is scrolled. For the sake of simplicity, each icon is assumed to be a point, but the specific technical concept does not differ by changing the icon into a point and does not cause the result to be incorrect. As shown in fig. 3, as the sliding distance of the pointer increases, the point a representing the center of the circle gradually translates to the point C in the negative direction of the x-axis, and the point B representing the icon moves to the point E — but not in a straight line at this time. When the sliding distance of the indicator is currD (currD), as described in step S125 of fig. 1>d) When the coordinates of the point A are (x)0,y0) And the coordinate of point C is (x'0,y′0) The included angle between the ray AB in the clockwise direction and the positive direction of the x-axis is theta1The included angle between the clockwise direction of the ray CE and the positive direction of the x-axis is theta3。
In S126, the pointer such as a finger is lifted off the screen.
In S127, the icon is restored to the original position, for example, to the normal horizontal arrangement. In this embodiment, when the pointer is lifted off the screen, the rotation angle of the icon is set to 0 degrees, and the translation distance between the horizontal axis (x-axis) and the vertical axis (y-axis) is also set to 0, and this process is completed by animation.
Fig. 4 to 7 are schematic diagrams of icons in different positions according to different user operations according to an embodiment of the present invention.
Fig. 4 is a schematic diagram of an icon in an initial position, namely a schematic diagram when the indicating body just presses down the screen and does not slide yet and a schematic diagram when the indicating body is lifted off the screen according to the embodiment of the invention. In the present embodiment, the initial positions of the icons are arranged in rows.
Fig. 5 is a schematic view of icons gradually gathering to a circular shape as the pointer slides according to an embodiment of the present invention. Along with the sliding of the indicating body, when the sliding distance is smaller than the threshold distance, each icon gradually moves to the position where the icons are gathered into a circle according to the sliding proportion.
Fig. 6 is a schematic diagram of a circle gathered by icons according to an embodiment of the present invention. When the sliding distance of the pointer is equal to the threshold distance, the icons gather together into a circle.
Fig. 7 is a schematic diagram of scrolling through circles gathered by icons according to an embodiment of the present invention. When the sliding distance of the indicator is greater than the threshold distance, the circle formed by the icons being gathered rolls along with the sliding of the indicator, and the icons rotate together with the sliding of the indicator.
Fig. 8 is a schematic diagram of an apparatus for implementing the effect of rolling an icon to simulate a wheel according to an embodiment of the invention. The device for realizing the rolling effect of the icon imitating the wheel comprises a computing module, a display module and an icon module.
The display module may be considered an external control, displaying externally incoming icons, and responding to user operations such as user touch events, including pressing down on the screen, sliding the screen, lifting off the screen, and the like. And providing the whole screen display for the user according to the coordinate position and the rotation angle of the icon calculated by the calculation module.
The main functions of the computing module are as follows: the display module calls the icons and calculates the rotation angle of the icons when the icons are gathered into a circle when the sliding distance is equal to the threshold distance, and the abscissa and the ordinate which serve as coordinate positions; in the process of gathering the icons into a circle, namely when the sliding distance is smaller than the threshold distance, calculating the rotation angle and the coordinate position of each icon according to the proportion of the current sliding distance; after the icons are gathered into a circle, namely when the sliding distance is greater than the threshold distance, the rotation angle and the coordinate position of each icon and the coordinate position of the center of the circle are continuously corrected along with the increase of the sliding distance.
In the context, the calculation module transmits the value to the display module, and then the display module transmits the value to the icon module to adjust the position of the icon. The icon module enables the icon to move correspondingly according to the rotation angle and the coordinate position of the icon transmitted by the display module.
Specifically, when the display module detects that the indicator presses the screen and does not slide on the screen, the calculation module informs the icon module through the display module to keep the icon at the initial position; the calculation module informs the icon module through the display module that the icons are gradually gathered into a circle along with the sliding of the indicator on the screen according to the sliding of the indicator on the screen transmitted by the display module, and the circle gathered by the icons is rolled along with the continuous sliding of the indicator on the screen, so as to realize the effect of rolling the icons to imitate the wheels; when the display module detects that the indicating body is lifted off the screen, the calculation module informs the icon module to restore the icon to the initial position through the display module.
Referring now to FIG. 9, shown is a block diagram of a computer system 900 suitable for use in implementing a terminal device of an embodiment of the present application. The terminal device shown in fig. 9 is only an example, and should not bring any limitation to the functions and the scope of use of the embodiments of the present application.
As shown in fig. 9, the computer system 900 includes a Central Processing Unit (CPU)901 that can perform various appropriate actions and processes in accordance with a program stored in a Read Only Memory (ROM)902 or a program loaded from a storage section 908 into a Random Access Memory (RAM) 903. In the RAM 903, various programs and data necessary for the operation of the system 900 are also stored. The CPU 901, ROM 902, and RAM 903 are connected to each other via a bus 904. An input/output (I/O) interface 905 is also connected to bus 904.
The following components are connected to the I/O interface 905: an input portion 906 including a keyboard, a mouse, and the like; an output section 907 including components such as a Cathode Ray Tube (CRT), a Liquid Crystal Display (LCD), and the like, and a speaker; a storage portion 908 including a hard disk and the like; and a communication section 909 including a network interface card such as a LAN card, a modem, or the like. The communication section 909 performs communication processing via a network such as the internet. The drive 910 is also connected to the I/O interface 905 as necessary. A removable medium 911 such as a magnetic disk, an optical disk, a magneto-optical disk, a semiconductor memory, or the like is mounted on the drive 910 as necessary, so that a computer program read out therefrom is mounted into the storage section 908 as necessary.
In particular, according to the embodiments of the present disclosure, the processes described above with reference to the flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a computer readable medium, the computer program comprising program code for performing the method illustrated in the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network through the communication section 909, and/or installed from the removable medium 911. The above-described functions defined in the system of the present application are executed when the computer program is executed by a Central Processing Unit (CPU) 901.
It should be noted that the computer readable medium shown in the present application may be a computer readable signal medium or a computer readable storage medium or any combination of the two. A computer readable storage medium may be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination of the foregoing. More specific examples of the computer readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, a hard disk, a Random Access Memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the present application, a computer readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In this application, however, a computer readable signal medium may include a propagated data signal with computer readable program code embodied therein, for example, in baseband or as part of a carrier wave. Such a propagated data signal may take many forms, including, but not limited to, electro-magnetic, optical, or any suitable combination thereof. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: wireless, wire, fiber optic cable, RF, etc., or any suitable combination of the foregoing.
The flowchart and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present application. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams or flowchart illustration, and combinations of blocks in the block diagrams or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.
The modules described in the embodiments of the present application may be implemented by software or hardware. The described modules may also be provided in a processor, which may be described as: a processor includes a display module, an icon module, and a computing module. The names of the modules do not limit the modules themselves in some cases, and for example, a display module may be further described as a "module for use by the outside world to display icons coming in from the outside world".
As another aspect, the present application also provides a computer-readable medium, which may be contained in the apparatus described in the above embodiments; or may be separate and not incorporated into the device. The computer readable medium carries one or more programs which, when executed by a device, cause the device to comprise: when the pointer presses the screen and does not slide on the screen, the icon remains at an initial position on the screen; the icons gradually gather into a circle along with the sliding of the indicating body on the screen, and the circle gathered by the icons rolls along with the continuous sliding of the indicating body on the screen, so that the effect that the icons roll along the wheel is achieved.
According to the technical scheme of the embodiment of the invention, as the technical means of gathering the icons into a circle and enabling the circle to advance in a wheel-shaped rolling manner in the screen switching process of the equipment is adopted, the technical problem of stiff display interface is solved, and the technical effects of enhancing the animation effect of the display interface and improving the user experience are achieved. In addition, the positions to be displayed of the icons are quickly positioned through the parameter equation of the circle, so that a large amount of complex calculation when the icons are gathered into the circle is reduced, and the influence on the performance of equipment is avoided.
The above-described embodiments should not be construed as limiting the scope of the invention. Those skilled in the art will appreciate that various modifications, combinations, sub-combinations, and substitutions can occur, depending on design requirements and other factors. Any modification, equivalent replacement, and improvement made within the spirit and principle of the present invention should be included in the protection scope of the present invention.
Claims (18)
1. A method for realizing the rolling effect of an icon imitating a wheel is characterized by comprising the following steps:
when a pointer presses a screen and does not slide on the screen, the icon remains at an initial position on the screen;
the icons gradually gather into a circle along with the sliding of the indicator on the screen, and the circle gathered by the icons rolls along with the continuous sliding of the indicator on the screen so as to realize the effect of rolling the icons to imitate the wheels;
when the sliding distance of the indicating body is smaller than the threshold distance of sliding required by the icons gathered into a circle, calculating the rotation angle and the coordinate position of each icon according to the ratio of the sliding distance to the threshold distance, and enabling the icons to move according to the calculation result;
when the sliding distance is equal to the threshold distance, the icons gather together into the circle; the angle of rotation of the icon in the circle is determined by the number of icons;
when the sliding distance is greater than the threshold distance, the circle formed by the icons being gathered rolls as the pointer slides.
2. The method of claim 1, further comprising:
setting predefined values for the circle center position and the radius of the circle to be gathered, recording the abscissa of the circle center of the circle to be gathered as a first circle center abscissa, and recording the ordinate of the circle center of the circle to be gathered as a first circle center ordinate;
when the icons gradually gather into a circle along with the sliding of the indicating body on the screen, the circle center of the circle moves along with the sliding of the indicating body.
3. The method of claim 2, further comprising: when the sliding distance of the indicator is equal to the threshold distance, the icons are gathered into a circular shape, the rotation angle of the icons in the circular shape, the abscissa and the ordinate are calculated according to the number of the icons, wherein the rotation angle of the icons in the circular shape when the icons are gathered into the circular shape is recorded as a first icon rotation angle, the abscissa of the icons when the icons are gathered into the circular shape is recorded as a first icon abscissa, and the ordinate of the icons when the icons are gathered into the circular shape is recorded as a first icon ordinate,
the first icon rotation angle is designed to space the icons at equal angles in the circle;
the first icon abscissa is the product of the radius and the cosine of the rotation angle of the icon in the circle plus the first circle center abscissa;
the first icon ordinate is the product of the radius and the sine of the rotation angle of the icon in the circle plus the first circle center ordinate.
4. The method of claim 3, further comprising: when the sliding distance of the indicating body is smaller than a threshold distance, the icons are not gathered into a circular shape, and the rotation angle of the icons in the process of gathering into the circular shape and the abscissa and the ordinate are calculated according to the abscissa and the ordinate when the icons are at the initial position, the first icon abscissa, the first icon ordinate, the first icon rotation angle, the sliding distance and the threshold distance, wherein the rotation angle of the icons in the process of gathering into the circular shape is recorded as a second icon rotation angle, the abscissa of the icons in the process of gathering into the circular shape is recorded as a second icon abscissa, and the ordinate of the icons in the process of gathering into the circular shape is recorded as a second icon ordinate.
5. The method of claim 4, further comprising: calculating the rotation angle of the second icon, the abscissa of the second icon and the ordinate of the second icon according to the following steps so that the icons move along a straight line and gradually gather into a circle,
dividing the sliding distance by the threshold distance to be recorded as a sliding proportion;
recording the difference between the first icon abscissa and the icon abscissa at the initial position as a first difference, and recording the difference between the first icon ordinate and the icon ordinate at the initial position as a second difference;
recording a product of the first difference and the sliding proportion as a first product, and recording a product of the second difference and the sliding proportion as a second product;
the second icon abscissa is the sum of the first product and the abscissa when the icon is at the initial position, and the second icon ordinate is the sum of the second product and the ordinate when the icon is at the initial position;
the second icon rotation angle is a product of the sliding ratio and the first icon rotation angle.
6. The method of claim 4, further comprising: so that the icons move along an arc or a Bezier curve and gradually gather together into the circle.
7. The method of claim 3, further comprising: when the sliding distance of the indicator is greater than the threshold distance, the circle formed by gathering the icons rolls along with the sliding of the indicator, and according to the rolling angle of each unit of sliding distance of the circle, the sliding distance, the threshold distance, the first icon rotation angle, the first center abscissa and the first center ordinate, the abscissa and the ordinate of the center of the circle in the process of rolling the circle are calculated, and the rotation angle, the abscissa and the ordinate of the icon in the circle in the process of rolling the circle are calculated, wherein the abscissa of the center of the circle in the process of rolling the circle is recorded as a second center abscissa, the ordinate of the center of the circle in the process of rolling the circle is recorded as a second center ordinate, and the rotation angle of the icon in the circle in the process of rolling the circle is recorded as a third icon rotation angle, recording an abscissa of the icon during the circular scrolling as a third icon abscissa, recording an ordinate of the icon during the circular scrolling as a third icon ordinate,
the second circle center abscissa is the first circle center abscissa plus the difference between the sliding distance and the threshold distance, and the second circle center ordinate is the first circle center ordinate;
the third icon rotation angle is the product of the difference between the sliding distance and the threshold distance and the rolling angle per unit sliding distance of the circle plus the first icon rotation angle;
the third icon abscissa is the product of the radius and the cosine of the third icon rotation angle plus the second circle center abscissa;
and the third icon longitudinal coordinate is the product of the radius and the sine of the third icon rotation angle plus the second circle center longitudinal coordinate.
8. The method of claim 1, further comprising: when the indicating body is lifted off the screen, the icon is restored to the initial position.
9. The utility model provides a realize device of imitative wheel roll effect of icon, includes display module, icon module and calculation module, its characterized in that:
when the display module detects that a pointer presses down a screen and does not slide on the screen, the calculation module informs the icon module through the display module that the icon is kept at an initial position on the screen;
the computing module informs the icon module through the display module that the icons are gradually gathered into a circle along with the sliding of the indicator on the screen according to the sliding of the indicator on the screen, which is transmitted by the display module, and the circle gathered by the icons rolls along with the continuous sliding of the indicator on the screen, so that the effect of rolling the icons to imitate the wheels is realized; when the sliding distance of the indicating body is smaller than the threshold distance of sliding required by the icons gathered into a circle, calculating the rotation angle and the coordinate position of each icon according to the ratio of the sliding distance to the threshold distance, and enabling the icons to move according to the calculation result; when the sliding distance is equal to the threshold distance, the icons gather together into the circle; the angle of rotation of the icon in the circle is determined by the number of icons; when the sliding distance is greater than the threshold distance, the circle formed by the icons being gathered rolls as the pointer slides.
10. The apparatus of claim 9, further comprising:
setting predefined values for the circle center position and the radius of the circle to be gathered, recording the abscissa of the circle center of the circle to be gathered as a first circle center abscissa, and recording the ordinate of the circle center of the circle to be gathered as a first circle center ordinate;
when the icons gradually gather into a circle along with the sliding of the indicating body on the screen, the calculation module determines that the circle center of the circle moves along with the sliding of the indicating body.
11. The apparatus of claim 10, further comprising: when the sliding distance of the indicator is equal to the threshold distance, the calculation module determines that the icons are gathered into a circle, and the calculation module calculates the rotation angle, the abscissa and the ordinate of the icons in the circle according to the number of the icons, wherein the rotation angle, the abscissa of the icons in the circle when the icons are gathered into the circle is taken as a first icon rotation angle, the abscissa of the icons when the icons are gathered into the circle is taken as a first icon abscissa, and the ordinate of the icons when the icons are gathered into the circle is taken as a first icon ordinate,
the first icon rotation angle is designed to space the icons at equal angles in the circle;
the first icon abscissa is the product of the radius and the cosine of the rotation angle of the icon in the circle plus the first circle center abscissa;
the first icon ordinate is the product of the radius and the sine of the rotation angle of the icon in the circle plus the first circle center ordinate.
12. The apparatus of claim 11, further comprising: when the sliding distance of the indicator is less than a threshold distance, the calculation module determines that the icons are not bunched together in the circle, the calculation module calculates the rotation angle of the icon in the process of gathering the icon into the circle, the abscissa and the ordinate according to the abscissa and the ordinate of the icon when the icon is at the initial position, the first icon abscissa, the first icon ordinate, the first icon rotation angle, the sliding distance and the threshold distance, the rotation angle of the icon in the process of gathering the icon into the circular shape is recorded as a second icon rotation angle, the abscissa of the icon in the process of gathering the icon into the circular shape is recorded as a second icon abscissa, and the ordinate of the icon in the process of gathering the icon into the circular shape is recorded as a second icon ordinate.
13. The apparatus of claim 12, further comprising: the calculation module calculates the rotation angle of the second icon, the abscissa of the second icon and the ordinate of the second icon according to the following steps so that the icons move along a straight line and gradually gather together into a circle,
dividing the sliding distance by the threshold distance to be recorded as a sliding proportion;
recording the difference between the first icon abscissa and the icon abscissa at the initial position as a first difference, and recording the difference between the first icon ordinate and the icon ordinate at the initial position as a second difference;
recording a product of the first difference and the sliding proportion as a first product, and recording a product of the second difference and the sliding proportion as a second product;
the second icon abscissa is the sum of the first product and the abscissa when the icon is at the initial position, and the second icon ordinate is the sum of the second product and the ordinate when the icon is at the initial position;
the second icon rotation angle is a product of the sliding ratio and the first icon rotation angle.
14. The apparatus of claim 12, further comprising: the calculation module causes the icons to move along an arc or Bezier curve and gradually converge into the circle.
15. The apparatus of claim 11, further comprising: when the sliding distance of the indicating body is greater than the threshold distance, the calculating module determines that the circle formed by gathering the icons rolls along with the sliding of the indicating body, and the calculating module calculates an abscissa and an ordinate of the circle center in the process of rolling the circle and a rotation angle, an abscissa and an ordinate of the icon in the circle in the process of rolling the circle according to the rolling angle of each unit of sliding distance of the circle, the sliding distance, the threshold distance, the first icon rotation angle, the first circle center abscissa and the first circle center ordinate, wherein the abscissa of the circle center in the process of rolling the circle is recorded as a second circle center abscissa, and the ordinate of the circle center in the process of rolling the circle is recorded as a second circle center ordinate, recording a rotation angle of the icon in the circle during the circular scroll as a third icon rotation angle, recording an abscissa of the icon during the circular scroll as a third icon abscissa, and recording an ordinate of the icon during the circular scroll as a third icon ordinate:
the second circle center abscissa is the first circle center abscissa plus the difference between the sliding distance and the threshold distance, and the second circle center ordinate is the first circle center ordinate;
the third icon rotation angle is the product of the difference between the sliding distance and the threshold distance and the rolling angle per unit sliding distance of the circle plus the first icon rotation angle;
the third icon abscissa is the product of the radius and the cosine of the third icon rotation angle plus the second circle center abscissa;
and the third icon longitudinal coordinate is the product of the radius and the sine of the third icon rotation angle plus the second circle center longitudinal coordinate.
16. The apparatus of claim 9, further comprising: when the display module detects that the indicating body is lifted off the screen, the calculation module informs the icon module of the icon restoring to the initial position through the display module.
17. An electronic device, comprising:
one or more processors;
a storage device for storing one or more programs,
when executed by the one or more processors, cause the one or more processors to implement the method of any one of claims 1-8.
18. A computer-readable medium, on which a computer program is stored, which, when being executed by a processor, carries out the method according to any one of claims 1-8.
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 CN108694006A (en) | 2018-10-23 |
CN108694006B true 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) |
Families Citing this family (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 |
CN115469781B (en) * | 2021-04-20 | 2023-09-01 | 华为技术有限公司 | Graphic interface display method, electronic device, medium and program product |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
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 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
GB2366978A (en) * | 2000-09-15 | 2002-03-20 | Ibm | GUI comprising a rotatable 3D desktop |
-
2017
- 2017-04-11 CN CN201710232013.5A patent/CN108694006B/en active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
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 |
Also Published As
Publication number | Publication date |
---|---|
CN108694006A (en) | 2018-10-23 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US9910558B2 (en) | Methods and devices for user interactive interfaces on touchscreens | |
CN103412725B (en) | A kind of touch operation method and device | |
WO2018133357A1 (en) | Multi-screen interaction touch display method, apparatus, storage medium and terminal | |
US20160092080A1 (en) | Touch interface for precise rotation of an object | |
CA2925390C (en) | Methods and terminal devices for displaying interface content using multiple grids | |
CN104572058B (en) | A kind of information processing method and electronic equipment | |
CN110347317B (en) | Window switching method and device, storage medium and interactive intelligent panel | |
US20180101298A1 (en) | Graph display apparatus, graph display method and storage medium | |
WO2015117341A1 (en) | Mobile terminal and method for one-handed operation thereof, and computer storage medium | |
CN111330275B (en) | Interaction method and device in game, storage medium and electronic equipment | |
JP6630669B2 (en) | Adjustment method and adjustment device for widget area | |
US20120180000A1 (en) | Method and system for simulating three-dimensional operating interface | |
CN102768607B (en) | Method and device for realizing touch operation application program | |
CN108694006B (en) | Method and device for achieving icon wheel-imitating rolling effect | |
CN104020935A (en) | Method and device used for controlling display object on display screen | |
CN111833243B (en) | Data display method, mobile terminal and storage medium | |
CN110032296B (en) | Method and device for determining virtual object in terminal, terminal and storage medium | |
KR20160134822A (en) | Method and Apparatus for Realizaing Human-Machine Interaction | |
US20230384923A1 (en) | Method, apparatus, electronic device and storage medium for invoking touch screen magnifier | |
CN111124242B (en) | Function key display method and device, electronic equipment and storage medium | |
CN113457117B (en) | Virtual unit selection method and device in game, storage medium and electronic equipment | |
CN113457144B (en) | Virtual unit selection method and device in game, storage medium and electronic equipment | |
CN104951221A (en) | Touch operation response method and electronic device | |
CN105487801B (en) | Progress bar adjusting method and mobile terminal | |
US20180053325A1 (en) | Ribbon to quick access toolbar icon conversion |
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 |