WO2017049436A1 - Method and device for arranging icons on an android device - Google Patents

Abstract

A method and device for arranging icons on an Android device. The method comprises: determining whether a gesture is made in a designated region of an application interface of an Android device (S01); if yes, loading data structures of icons on three screens (S02), or otherwise, determining again; adding a corresponding background plate for each icon according to the data structures of the icons on the three screens, and enabling the color of the background plate to match that of the icon (S03); calculating the current angle of each icon on each screen according to the screen on which the icon is located, an initial position of the icon, and a sliding angle of the gesture (S04); obtaining the position, size, and transparency of each icon according to the current angle of each icon (S05); opening a panel on the application interface of the Android device, and displaying each icon on the panel (S06), wherein the panel comprises three sub-panels, and each sub-panel is filled with the icons of different types. The method and device for arranging icons on an Android device provided by this solution have the following advantages: the space utilization rate of a screen is high, and multiple icons can be displayed in a limited area.

Description

 Method and device for performing icon arrangement on Android device Technical field

 The present invention relates to the field of icon arrangement, and in particular, to a method and apparatus for performing icon arrangement on an Android device.

Background technique

When people use Android devices, they usually have the requirement of “finding applications” on Android devices. The existing method is to put the applications on the desktop and arrange the applications according to the m*n grid. This will have the following problems: occupying a large screen area and not utilizing a large screen space. In addition, when users need to find more applications, too many applications need to occupy more screen area, affecting the user's experience, and placing too many applications on a limited screen, that is, it can not be effective. Display multiple icons in a limited area.

technical problem

 Since there is no effective icon arrangement in the prior art, it not only affects the appearance, but also causes inconvenience to the user when searching for an application icon.

Technical solution

The technical problem to be solved by the present invention is that the space utilization rate of the above-mentioned screens of the prior art is not high, and the defects of multiple icons cannot be displayed in a limited area, and the space utilization rate of the screen is high and can be limited. A method and apparatus for displaying icons on an Android device displaying a plurality of icons in an area.

The technical solution adopted by the present invention to solve the technical problem is: constructing a method for performing icon arrangement on an Android device, comprising the following steps:

A) determining whether there is a gesture in the designated area on the application interface of the Android device, and if yes, performing step B); otherwise, proceeding to determine the step;

B) loading the data structure of the three-screen icon;

C) according to the data structure of the three-screen icon, respectively adding a corresponding backplane for each icon, and matching the color of the backboard with the color of the icon;

D) calculating a current angle of each of the icons in each screen according to a screen on which the icon is located, an initial position, and an angle swept by the gesture;

E) obtaining the position, size and transparency of each of the icons according to the current angle of each of the icons;

F) opening a panel on the application interface of the Android device, and displaying each of the icons on the panel; the panel includes three sub-panels, each of which is filled with different types of icons.

In the method for performing icon arrangement on an Android device according to the present invention, the step C) further includes:

C1) creating a maximum pixel point color value count array and an average color value array; the maximum pixel point color value count array includes an R color component maximum pixel point color value count array, a G color component maximum pixel point color value count array, and a B color a component maximum pixel point color value count array, the average color value array comprising an R color component value, a G color component value, and a B color component value;

C2) loading an icon of the application, and sampling pixels of different areas of the icon using different sampling rates;

C3) traversing each sampled pixel point, respectively obtaining an R color component, a G color component, and a B color component of each of the sampled pixel points, so that the maximum color pixel color of the R color component in the maximum pixel color value count array The count of the value count array, the G color component maximum pixel point color value count array, and the B color component maximum pixel value count array are respectively incremented by 1, and the R color component array, the G color component array, and the B in the average color value array are added. The color component array is superimposed with the R color component, the G color component, and the B color component of each sampled pixel;

C4) dividing the superimposed R color component value, G color component value, and B color component value in the average color value array by the number of the sampled pixel points, respectively, and obtaining the R color component average value and the G color respectively. Average value of component and B color component;

C5) respectively calculating an R color component maximum pixel point color value, a G color component maximum pixel point color value, and a B color component maximum pixel point color value in the maximum pixel point color value count array;

C6) determining whether the maximum pixel point color value count array has a color value whose number of pixel points is greater than a set number, and if so, performing step C7); otherwise, averaging the R color component average value and the G color component a combination of the value and the average of the B color components as the color of the back panel;

C7) converting the R color component average value, the G color component average value, and the B color component average value in the average color value array to the HSV color space, and maximizing the R color component in the most pixel color value count array The pixel point color value, the G color component maximum pixel point color value, and the B color component maximum pixel point color value are converted to the HSV color space;

C8) determining whether a difference between the H color component of the average color value array and the H color component of the most pixel color value count array is less than a threshold, and if so, the R color component maximum pixel color value, G color a combination of a component maximum pixel point color value and a B color component maximum pixel point color value as a color of the backboard; otherwise, a combination of the R color component average value, the G color component average value, and the B color component average value is taken as The color of the back panel.

In the method for performing icon arrangement on an Android device according to the present invention, the step D) further includes:

D1) The initialization angle is 10800 degrees;

D2) when starting the gesture sliding, recording the angle at which the gesture slides, when the gesture slides clockwise, the current overall angle of the icon increases, and when the gesture slides counterclockwise, the current overall angle of the icon decreases , the current overall angle of the icon is: = (degree + 10800) % 10800, where degree is the current overall angle of the icon;

D3) according to the current overall angle of the icon, the phase of the overall layout of the icon is obtained as phase = degree % 270, wherein phase is the phase of the overall layout of the icon, and degree is the current overall angle of the icon;

D4) The current angle of the icon is obtained from the phase of the overall layout of the icon according to a key frame property set in advance.

In the method for performing icon arrangement on an Android device according to the present invention, the step E) further includes:

E1) calculating a coordinate position of the icon according to a current angle of the icon;

E2) determining whether the current angle of the icon is greater than 90 degrees, if not, correcting the coordinate position of the icon; otherwise, performing step E3);

E3) determining whether the current angle of the icon is between 0 degrees and 90 degrees, and if so, calculating a difference between the current angle of the icon and 45 degrees, and calculating a coordinate position of the icon according to the difference Offset, and the coordinate position of the icon is offset according to the calculated offset; otherwise, step E4) is performed;

E4) determining whether the current angle of the icon is equal to 0 degrees, and if so, shifting the coordinate position of the icon according to the first set offset; otherwise, performing step E5);

E5) determining whether the current angle of the icon is equal to 90 degrees, and if so, shifting the coordinate position of the icon according to the second set offset; otherwise, correcting the coordinate position of the icon; :

E2') determining whether the current angle of the icon is greater than 90 degrees, if not, correcting the size of the icon; otherwise, performing step E3');

E3') determining whether the current angle of the icon is between 0 degrees and 90 degrees, and if so, dividing the screen in which the icon is located into the first area, the second area, and the third area, and setting the first An angle threshold of a region, a second region, and a third region, and a scaling ratio of the second region and the third region, and correspondingly scaling an icon located in the corresponding region; otherwise, correcting the size of the icon .

In the method for performing icon arrangement on an Android device according to the present invention, the set number is 40% of the total number of sampled pixels, and the threshold is 5.

The present invention also relates to an apparatus for implementing the above method for icon arrangement on an Android device, comprising:

a gesture action determining unit: configured to determine whether a specified area on the application interface of the Android device has a gesture;

Data structure loading unit: a data structure for loading a three-screen icon;

a backplane icon matching unit: configured to add a corresponding backplane to each icon according to the data structure of the three-screen icon, and match a color of the backboard with a color of the icon;

An icon current angle calculation unit: configured to calculate a current angle of each of the icons in each screen according to a screen on which the icon is located, an initial position, and an angle that follows the gesture;

a position size transparency calculation unit: configured to respectively acquire a position, a size, and a transparency of each of the icons according to a current angle of each of the icons;

a panel open display unit: configured to open a panel on an application interface of the Android device, and display each of the icons on the panel; the panel includes three sub-panels, each sub-panel respectively filling different types of icons .

In the device of the present invention, the backplane icon matching unit further includes:

Array creation module: used to create a maximum pixel color value count array and an average color value array; the maximum pixel color value count array includes an R color component maximum pixel point color value count array, a G color component maximum pixel point color value count Array and B color component maximum pixel point color value count array, the average color value array including R color component value, G color component value, and B color component value;

Loading sampling module: an icon for loading an application, and sampling pixels of different areas of the icon using different sampling rates;

a pixel traversal module: traversing each sample pixel, respectively obtaining an R color component, a G color component, and a B color component of each of the sampled pixel points, so that the maximum color of the pixel value in the array is counted The component maximum pixel dot color value count array, the G color component maximum pixel dot color value count array, and the B color component maximum pixel value count array are incremented by 1, respectively, and the R color component array in the average color value array, G The color component array and the B color component array are respectively superimposed with the R color component, the G color component, and the B color component of each sample pixel;

a component average calculation module: configured to respectively divide the superimposed R color component value, G color component value, and B color component value in the average color value array by the number of the sampled pixel points, respectively, to obtain an R color Component average, G color component average, and B color component average;

a maximum pixel point color value calculation module: configured to respectively calculate an R color component maximum pixel point color value, a G color component maximum pixel point color value, and a B color component maximum pixel point color value in the maximum pixel point color value count array;

The color value judging module is configured to determine whether the maximum pixel color value count array has a color value whose number of pixel points is greater than a set number, and if so, the average color value array and the maximum pixel color value count array Performing conversion of color space; otherwise, combining the R color component average, the G color component average, and the B color component average as the color of the backboard;

a color space conversion module: configured to convert an R color component average value, a G color component average value, and a B color component average value in the average color value array into an HSV color space, and calculate the maximum pixel color value in an array The R color component maximum pixel point color value, the G color component maximum pixel point color value, and the B color component maximum pixel point color value are converted to the HSV color space;

a difference judging module: configured to determine whether a difference between an H color component of the average color value array and an H color component of the most pixel color value count array is less than a threshold, and if so, the R color component maximum pixel point a combination of a color value, a G color component maximum pixel point color value, and a B color component maximum pixel point color value as a color of the back sheet; otherwise, the R color component average value, the G color component average value, and the B color component The combination of the average values is used as the color of the back sheet.

In the device of the present invention, the icon current angle calculation unit further includes:

Initialization module: used for initialization angle of 10800 degrees;

Icon current overall angle calculation module: for starting a gesture slide, recording an angle at which the gesture slides, when the gesture slides clockwise, the current overall angle of the icon increases, when the gesture slides counterclockwise, The current overall angle of the icon is reduced, and the current overall angle of the icon is: = (degree + 10800) % 10800, where degree is the current overall angle of the icon;

The overall layout phase calculation module is configured to obtain a phase of the overall layout of the icon according to the current overall angle of the icon as phase = Degree % 270, where phase is the phase of the overall layout of the icon and degree is the current overall angle of the icon;

Icon current angle acquisition module: used to obtain the current angle of the icon from the phase of the overall layout of the icon according to a key frame property set in advance.

In the device of the present invention, the location size transparency calculation unit further includes:

An icon coordinate position calculation module: configured to calculate a coordinate position of the icon according to a current angle of the icon;

The first icon current angle determining module is configured to determine whether the current angle of the icon is greater than 90 degrees, and if not, correct the coordinate position of the icon; otherwise, continue to determine the current angle of the icon;

a second icon current angle determining module: configured to determine whether a current angle of the icon is between 0 degrees and 90 degrees, and if so, calculating a difference between a current angle of the icon and 45 degrees, and according to the difference Calculating an offset of the coordinate position of the icon, and causing the coordinate position of the icon to be offset according to the calculated offset; otherwise, continuing to determine the size of the current angle of the icon;

a third icon current angle determining module: configured to determine whether the current angle of the icon is equal to 0 degrees, and if so, to offset the coordinate position of the icon according to the first set offset; otherwise, continue to determine the icon The size of the current angle;

a fourth icon current angle determining module: configured to determine whether a current angle of the icon is equal to 90 degrees, and if so, shifting a coordinate position of the icon according to a second set offset; otherwise, the icon is The coordinate position is not corrected; it also includes:

The fifth icon current angle determining module is configured to determine whether the current angle of the icon is greater than 90 degrees, and if so, correct the size of the icon; otherwise, continue to determine the current angle of the icon;

a sixth icon current angle determining module: configured to determine whether the current angle of the icon is between 0 degrees and 90 degrees, and if yes, dividing the screen where the icon is located into the first area, the second area, and the third area, And respectively setting an angle threshold of the first area, the second area, and the third area, and a scaling ratio of the second area and the third area, and respectively scaling an icon located in the corresponding area; otherwise, The size of the icon is not corrected.

In the apparatus of the present invention, the set number is 40% of the total number of sampled pixels, and the threshold is 5.

Beneficial effect

The method and apparatus for performing icon arrangement on an Android device embodying the present invention have the following beneficial effects: since the position, size, and transparency of each icon can be separately obtained according to the current angle of each icon; that is, the size of the icon is Variable, the panel opened on the application interface of the Android device can display each icon; and the panel includes three sub-panels, each of which is filled with different types of icons, so that the icons can be effectively arranged, so The screen has a high space utilization and can display multiple icons in a limited area.

DRAWINGS

In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the embodiments or the description of the prior art will be briefly described below. Obviously, the drawings in the following description are only It is a certain embodiment of the present invention, and other drawings can be obtained from those skilled in the art without any creative work.

1 is a flowchart of a method and an apparatus for performing icon arrangement on an Android device according to an embodiment of the present invention;

2 is a specific flowchart of adding a corresponding backplane to each icon according to the data structure of the three-screen icon in the embodiment, and matching the color of the backboard with the color of the icon;

FIG. 3 is a specific flowchart of calculating the current angle of each icon in each screen according to the screen where the icon is located, the initial position, and the angle swept by the following gesture;

Figure 4 is a sequence diagram showing the arrangement of icons per screen in the embodiment;

Figure 5 is a layout diagram of a three-screen icon in the embodiment;

FIG. 6 is a specific flowchart of obtaining the position, size, and transparency of each icon according to the current angle of each icon in the embodiment;

Figure 7 is a schematic diagram of each screen divided into three regions in the embodiment;

Figure 8 is a schematic view showing the structure of the apparatus in the embodiment.

Embodiments of the invention

The technical solutions in the embodiments of the present invention are clearly and completely described in the following with reference to the accompanying drawings in the embodiments of the present invention. It is obvious that the described embodiments are only a part of the embodiments of the present invention, but not all embodiments. All other embodiments obtained by a person of ordinary skill in the art based on the embodiments of the present invention without creative efforts are within the scope of the present invention.

In the embodiment of the method and apparatus for performing icon arrangement on an Android device according to the present invention, a flowchart of a method for performing icon arrangement on an Android device is shown in FIG. 1 . In FIG. 1, the method for performing icon arrangement on an Android device includes the following steps:

Step S01: determining whether there is a gesture in the designated area on the application interface of the Android device: in this step, first entering the application interface of the Android device, and then determining whether there is a gesture sliding in the designated area on the application interface of the Android device, the designated area is prior For example, the designated area may be the lower right corner of the application interface. In this step, if the result of the determination is yes, step S02 is performed; otherwise, the determination of this step is continued.

Step S02 loads the data structure of the three-screen icon: if the result of the above step S01 is YES, the step is executed. In this step, the data structure of the three-screen icon is loaded. The above three screens include the current screen, the previous screen and the next screen, and each screen has an icon corresponding to the screen to be displayed. After performing this step, go to step S03.

Step S03 According to the data structure of the three-screen icon, the corresponding backplane is added for each icon, and the color of the backboard is matched with the color of the icon: in this step, according to the data structure of the three-screen icon, each icon is added separately. Corresponding backplanes and matching the color of the backboard to the color of the icon. It is worth mentioning that the color and shape of the icon (application icon) plus the color backboard will look neat and Uniform with the original icon color.

Step S04 Calculate the current angle of each icon in each screen according to the screen where the icon is located, the initial position, and the angle swept by the following gesture: in this step, according to the screen where the icon is located (current screen, previous screen or next screen), The initial position and the angle over which the gesture is swiped, respectively, calculate the current angle of each icon in each screen.

Step S05 respectively obtains the position, size, and transparency of each icon according to the current angle of each icon: in this step, the position, size, and transparency of each icon are respectively obtained according to the current angle of each icon, because each icon The size and position can be adjusted according to the specific situation, so that the icons can be effectively arranged according to the actual situation.

In step S06, a panel is opened on the application interface of the Android device, and each icon is displayed on the panel: in this step, a panel is opened on the application interface of the Android device, and each icon is displayed on the panel, that is, in the panel. The icon can be displayed on the same size. The above panel includes three sub-panels, each of which is filled with different types of icons. When the gesture is swiped on the panel, each slides 90 degrees, and switches to the next sub-panel (previous one) Screen or next screen). In this embodiment, 13 icons can be displayed per screen, and 39 icons are displayed on three screens. The present invention needs to cache 39 icons and their corresponding data structures at the same time, so it may occupy a large memory and is poor in some configurations. The device may cause poor sliding screen efficiency. However, the icons can be effectively arranged, so the space utilization of the screen is high, and multiple icons can be displayed in a limited area.

For the embodiment, the above step S03 can be further refined, and the refined flowchart is as shown in FIG. 2 . In this embodiment, in order to match the color of the backboard with the color of the icon, the embodiment loads the original icon bitmap of the application in the memory, and then analyzes pixel by pixel to find the RGB color closest to the icon pixel. In this way, you need to follow the following principles: try to find the color value of the most pixels in the original icon bitmap. If the number of pixels with one color value is much larger than the number of pixels of other color values, then the color of the back panel uses the color value of the maximum number of pixels; if the color value of the largest pixel number is not found, then the color value is selected. The average color value of all pixels in the icon is used as the color of the back panel. Specifically, in FIG. 2, the foregoing step S03 further includes:

Step S301 Create a maximum pixel color value count array and an average color value array: In order to find the color value of the largest pixel number, you need to create a 255*255*255 int array as a complete RGB vector, then traverse the icon all pixels, for each The RGB color of one pixel is counted, and finally the array subscript with the largest count is returned as the RGB color. But consider saving memory, you can use the approximate method, just create three 255 int arrays, you can approximate the color value of the largest number of pixels. In this step, a maximum pixel color value count array and an average color value array are created, wherein the maximum pixel color value count array includes an R color component maximum pixel point color value count array, a G color component maximum pixel point color value count array, and B color component maximum pixel point color value count array, respectively as R, G, B three color sub-vector counter, used to find the maximum pixel color value, R color component maximum pixel point color value count array, G color component The maximum pixel dot color count array and the B color component maximum pixel dot color value count array are labeled as mostR[], mostG[], mostB[], respectively.

The average color value array includes an R color component value, a G color component value, and a B color component value, and the R color component value, the G color component value, and the B color component value are 3 int variables for accumulating R, G on all pixels. , the sum of the B color components to calculate the average color in the icon. In this embodiment, the R color component value, the G color component value, and the B color component are respectively labeled as sumR, sumG, and sumB.

Step S302 Load the icon of the app and sample the pixels in different areas of the icon with different sampling rates: because the back panel is an extension of the outer edge of the original icon, the color of the pixel near the edge in the original icon takes precedence over the color of the icon near the center. In this way, a higher weight of the icon edge pixels can be achieved by different sampling rates of pixels at different positions of the original icon. In this step, the icon of the application is loaded, and the pixel points in different areas of the icon are sampled using different sampling rates. In this embodiment, if the distance of the pixel from the edge is less than the icon width *0.16, it indicates that the pixel is the edge point, 50% sampling is used; the other pixels are 3% sampling. Of course, in some cases of this embodiment, in order to make the result more accurate, the sampling rate can also be increased.

Step S303 Traversing each sampled pixel, respectively obtaining the R color component, the G color component, and the B color component of each sampled pixel point, so that the R color component of the maximum pixel point color value count array has the largest pixel point color value count array, G color The counts of the component maximum pixel point color value count array and the B color component maximum pixel value count array are respectively incremented by 1, and the R color component array, the G color component array, and the B color component array in the average color value array are respectively sampled with each The R color component, the G color component, and the B color component of the pixel are superimposed: in this step, each sample pixel of the icon is traversed according to the sampling rate in the above step S302, and the pixel point is respectively obtained for each sample pixel point. The R color component, the G color component, and the B color component respectively add 1 to the subscripts of mostR[], mostG[], and mostB[], respectively, and count the R color component and the G color component of the pixel point. The B color components are superimposed with sumR, sumG, and sumB, respectively.

Step S304 The superimposed R color component value, G color component value, and B color component value in the average color value array are respectively divided by the number of sampled pixel points, and the R color component average value, the G color component average value, and the B color are respectively obtained. Component average value: In this step, after the traversal is completed, sumR, sumG, and sumB are respectively divided by the number of sampled pixels, and the R color component average value, the G color component average value, and the B color component average value are respectively obtained. The R color component average, the G color component average, and the B color component average are labeled as averageR, averageG, and averageB, respectively, and averageR, averageG, and averageB constitute the RGB color averageRGB.

Step S305 respectively calculates an R color component maximum pixel point color value, a G color component maximum pixel point color value, and a B color component maximum pixel point color value in the maximum pixel point color value count array: in this step, respectively find the mostR[] The most subscripts in mostG[] and mostB[], which are the R, G, and B with the most pixels, that is, the maximum pixel color value of the R color component, the maximum pixel color value of the G color component, and B color component maximum pixel point color value.

Step S306: determining whether the maximum number of pixels of the color point count array has a color value whose number of pixels is greater than a set number: in this step, determining whether the maximum number of pixels of the color point count array exists is greater than the set number of pixels The color value, for example: mostR[170]=1800, means that there are 1800 pixel points of R=170, and 1800 is the count. In this embodiment, the set number is 40% of the total number of sampled pixels. Of course, in some cases of the embodiment, the number of the above settings may be adjusted accordingly according to specific conditions. In this step, if the result of the determination is yes, then step S308 is performed; otherwise, step S307 is performed.

In step S307, the R color component average value, the G color component average value, and the B color component average value are used as the color of the backboard: if the determination result of the above step S306 is NO, this step is performed. In this step, it is considered that none of the icons is farther than the other colors, and the combination of the R color component average, the G color component average, and the B color component average is used as the color of the back panel.

Step S308 Converting the R color component average value, the G color component average value, and the B color component average value in the average color value array to the HSV color space, and the R color component maximum pixel dot color value in the maximum pixel dot color value count array, G Color component maximum pixel point color value and B color component maximum pixel point color value are converted to HSV color space: if the result of the above step S306 is YES, that is, the number of pixel points is greater than 40% of the total number of sampled pixel points, then this step is performed. . In this step, it is considered that this color value can be included in the candidate best matching color, which is composed into the RGB color mostRGB, in order to compare the average color of the average color value array with the maximum count color in the most pixel color value count array. Converting the R color component average value, the G color component average value, and the B color component average value in the average color value array into the HSV color space, and maximizing the pixel color value of the R color component in the maximum pixel dot color value count array, The G color component maximum pixel point color value and the B color component maximum pixel point color value are converted to the HSV color space.

Step S309 determines whether the difference between the H color component of the average color value array and the H color component of the most pixel color value count array is less than a threshold: in this step, determining the H color component of the average color value array and the maximum pixel color value count The difference between the H color components of the array is less than the threshold. In this embodiment, the threshold is 5. If the result of the determination is yes, step S310 is performed; otherwise, the process returns to step S307.

Step S310 The combination of the R color component maximum pixel point color value, the G color component maximum pixel point color value, and the B color component maximum pixel point color value is used as the color of the backboard: if the determination result of the above step S309 is YES, this step is performed. In this step, a combination of the R color component maximum pixel point color value, the G color component maximum pixel point color value, and the B color component maximum pixel point color value is used as the color of the back plate.

In this embodiment, when the gesture is slid, the angle at which the overall layout slides is recorded: the initial angle is 0 degrees, and the clockwise rotation increases the angle at which the overall sliding of the layout increases, counterclockwise rotation, and the overall sliding angle of the layout. Reduced. For the icon, the position of each 270 degrees of rotation should be restored, that is, the revolution period of the icon is 270 degrees; and the overall gesture angle of the layout is 360 degrees. Therefore, this embodiment adopts the least common multiple of 10800 of 270 and 360 as the period of the recording angle, as shown in FIG. 3 . FIG. 3 is a flowchart of further refinement of the above step S04. In FIG. 3, the above step S04 further includes:

Step S401 The initialization angle is 10800 degrees: In this step, when the fan-shaped interface is slid out, the initialization angle is 10800 degrees. It is worth mentioning that the fan-shaped interface is an application. The fan-shaped interface should be called out from the corner of the screen by gesture. After the call is made, the angle is 10800 degrees without doing anything.

Step S402 When the gesture is started to slide, the angle at which the gesture slides is recorded. When the gesture slides clockwise, the current overall angle of the icon increases. When the gesture slides counterclockwise, the current overall angle of the icon decreases, and the current overall angle of the icon is: = (degree + 10800) % 10800: In this step, when the gesture is started to slide, the angle at which the gesture slides is recorded. When the gesture slides clockwise, the current overall angle of the icon increases. When the gesture slides counterclockwise, the current overall angle of the icon decreases, and then The current overall angle of the icon uses the formula degree = (degree + 10800) % The 10800 is modified to ensure that the current overall angle of the icon is between 0 and 10800 degrees. In the above formula, degree is the current overall angle of the icon.

Step S403: according to the current overall angle of the icon, the phase of the overall layout of the icon is phase = degree % 270: In this step, according to the current overall angle of the icon, the phase of the overall layout of the icon is phase = degree % 270, to ensure that the phase of the overall layout of the icon is between 0 degrees and 270 degrees. In the above formula, phase is the phase of the overall layout of the icon, and degree is the current overall angle of the icon.

Step S404 obtains the current angle of the icon from the phase of the overall layout of the icon according to the key frame attribute set in advance: in this step, according to the key frame attribute set in advance, the current angle of the icon is obtained from the phase of the overall layout of the icon, Specifically, each icon has an intrinsic keyframe property, which is actually a set of mapping mappings [key, Value], where key is the phase of the overall layout of the icon, and value is the angle of the icon under the phase of the overall layout.

The present invention provides three screen icons, which respectively represent "recently opened applications", "common applications" and "quick switches", and there are at most 13 icons per screen. Since the icons of different locations are different in size, the present embodiment arranges the relative positions of each group of icons according to the following principles: First, leaving the large icons to the effective application, leaving the small icons to the placeholders; it is worth mentioning that The size of the icon has a relationship with its coordinate position. Second, it is arranged as symmetrically as possible. According to the above principle, the arrangement order of each screen icon is as shown in FIG. 4. In Figure 4, there are 0-12 icons, each of which represents an icon. The size of these icons is different. Among them, there are 0, 1, 2, 3, 4, and 5; the other icons are relatively small. The layout of the three-screen icon is shown in Figure 5.

In Figure 5, the keyframes for the A6 icon are: [0, 45], [90, 135], [180, 315], [270, 45], indicating that when the phase of the overall layout of the icon is 0 degrees, A6 is at 45 degrees; when the phase of the overall layout of the icon is 90 degrees, the A6 icon is at 135 degrees; when the overall layout of the icon is 180 degrees The A6 icon is at 315 degrees; when the overall layout of the icon is at 270 degrees, since the icon's revolution period is 270 degrees, it is back to the original 45 degrees. The key frame of the B6 icon is: [0, 315], [90, 45], [180, 135], [270, 315], and the special speed of the A11 icon, the key frames are: [0, 72], [45, 90], [90, 135], [172, 0], [180, 5], [244, 30], [245, 60], [270, 72]. In this way, the difference angle of the key frame can be generated according to the phase of the current overall layout of the icon, and the current angle of the icon can be calculated.

For the embodiment, the above step S05 can be further refined, and the refined flowchart is as shown in FIG. 6. In Figure 6, the above step S05 further includes:

Step S501 According to the current angle of the icon, the coordinate position of the icon is calculated: in this step, the coordinate position of the icon is calculated according to the current angle of the icon. In this embodiment, all icons are centered on the lower left corner of the screen and arranged on four concentric circles as shown in FIG. So the coordinate position formula of the icon is: x = Concentric radius * cos (the current angle of the icon); y = the radius of the concentric circle * sin (the current angle of the icon), where x is the abscissa of the icon and y is the ordinate of the icon.

Further, in order to achieve a better visual effect, each icon is made more compact and the whole looks more like a circle. In this embodiment, the coordinate position of the icon is corrected based on the basic coordinate position. Please see the steps below for details.

Step S502: determining whether the current angle of the icon is greater than 90 degrees: in this step, determining whether the current angle of the icon is greater than 90 degrees, and if the result of the determination is yes, indicating that the visible area (upper screen or next screen) has been drawn, Then, step S503 is performed; otherwise, step S504 is performed.

Step S503 The coordinate position of the icon is not corrected: if the result of the above step S502 is YES, then this step is performed. In this step, the coordinate position of the icon is not corrected.

Step S504 It is judged whether the current angle of the icon is between 0 degrees and 90 degrees: if the result of the above step S503 is NO, the step is executed. In this step, it is determined whether the current angle of the icon is between 0 degrees and 90 degrees. If the result of the determination is yes, step S505 is performed; otherwise, step S506 is performed.

Step S505 calculates a difference between the current angle of the icon and 45 degrees, and calculates an offset of the coordinate position of the icon according to the difference, and offsets the coordinate position of the icon according to the calculated offset: if the above steps If the result of the determination in S504 is YES, the present step is executed. In this step, the difference between the current angle of the icon and 45 degrees is calculated, and the offset of the coordinate position of the icon is calculated according to the difference, and the coordinate position of the icon is offset according to the calculated offset. Thus, when the current angle of the icon is at 45 degrees, no offset occurs; when the current angle of the icon is between 0 degrees and 45 degrees, the x position is received at the center of the circle, and the closer to 0 degrees, the more powerful it is. The closer to 0 degrees, the greater the negative offset of x; when the current angle of the icon is between 45 degrees and 90 degrees, the y position is received at the center of the circle, and the closer to 90 degrees, the more severely, that is, the closer it is. At 90 degrees, the negative offset of y is larger.

In addition, the present embodiment defines a maximum offset for each circle of the four-circle icon, indicating an offset when the current angle of the icon is at 0 or 90 degrees, and an offset at 0 degrees. For the first set offset, the offset at 90 degrees is referred to as the second set offset.

Step S506 It is judged whether the current angle of the icon is equal to 0 degrees: if the result of the above step S504 is NO, the present step is executed. In this step, it is determined whether the current angle of the icon is equal to 0 degrees. If the result of the determination is yes, step S507 is performed; otherwise, step S508 is performed.

Step S507 The coordinate position of the icon is offset according to the first set offset: if the result of the above step S506 is YES, the step is executed. In this step, the coordinate position of the icon is offset according to the first set offset. It is worth mentioning that the size of the first set offset can be adjusted accordingly.

Step S508 It is judged whether the current angle of the icon is equal to 90 degrees: if the result of the above step S506 is NO, the present step is executed. In this step, it is determined whether the current angle of the icon is equal to 90 degrees. If the result of the determination is yes, step S509 is performed; otherwise, the process returns to step S503.

Step S509 shifts the coordinate position of the icon according to the second set offset: if the result of the above step S508 is YES, the present step is executed. In this step, the coordinate position of the icon is offset according to the second set offset. It is worth mentioning that the size of the second set offset can be adjusted accordingly.

It also includes the following steps:

Step S502 ′: determining whether the current angle of the icon is greater than 90 degrees: in this step, determining whether the current angle of the icon is greater than 90 degrees, and if the result of the determination is yes, indicating that the visible area has been drawn (upper screen or next screen) Then, step S503' is performed; otherwise, step S504' is performed.

Step S503' does not correct the size of the icon: if the result of the above step S502' is YES, then this step is performed. In this step, the size of the icon is not corrected.

Step S504' determines whether the current angle of the icon is between 0 degrees and 90 degrees: if the result of the above step S502' is negative, the step is performed. In this step, it is determined whether the current angle of the icon is between 0 degrees and 90 degrees. If the result of the determination is yes, then step S505' is performed; otherwise, the process returns to step S503'.

Step S505' divides the screen in which the icon is located into the first area, the second area, and the third area, and sets an angle threshold of the first area, the second area, and the third area, respectively, and the second area and the third area. The scaling is performed, and the icon located for the area is scaled accordingly: if the result of the above step S504' is YES, then this step is performed. In this step, the screen in which the icon is located is divided into a first area A, a second area B, and a third area C (see FIG. 7), and the first area A, the second area B, and the third area C are respectively set. The angle threshold, and the scaling of the second region B and the third region C, and then generate a segmentation difference, and scale the icons located in the corresponding regions accordingly. When the current angle of the icon is in the first area A, the icon is not scaled. When the current angle of the icon is in the second area B, the icon is slowly zoomed; when the current angle of the icon is in the third area C, the icon is sharply zoomed. .

Specifically, in this embodiment, taking the third circle icon in FIG. 5 as an example, the first area A can be considered to be between 15 degrees and 75 degrees; the second area B is 7 degrees to 15 degrees, and 75 degrees to Between 83 degrees; the third region C is between 0 degrees and 7 degrees, and between 83 degrees and 90 degrees. In the first area A, the icon size is always the same; in the second area B, the reduction ratio of the icon size is reduced from 1 to 0.8 of the icon, and in the third area C, the reduction ratio of the icon size is reduced from 0.8 to 0. In this way, the size of the icon can be adjusted according to the actual situation, which not only effectively improves the utilization of the screen space, but also displays multiple icons in a limited area.

The embodiment further relates to an apparatus for implementing the method for performing icon arrangement on an Android device, and a schematic structural diagram thereof is shown in FIG. 7. In FIG. 7, the above apparatus includes a gesture action determining unit 1, a data structure loading unit 2, a backboard icon matching unit 3, an icon current angle calculating unit 4, a position size transparency calculating unit 5, and a panel open display unit 6; The determining unit 1 is configured to determine whether there is a gesture in the designated area on the application interface of the Android device; the data structure loading unit 2 is configured to load the data structure of the three-screen icon; the backboard icon matching unit 3 is configured to use the data structure of the three-screen icon Adding a corresponding backplane to each icon, and matching the color of the backboard with the color of the icon; the icon current angle calculating unit 4 is configured to calculate respectively according to the screen where the icon is located, the initial position, and the angle swept by the following gesture. The current angle of each icon in each screen; the position size transparency calculation unit 5 is configured to respectively acquire the position, size and transparency of each icon according to the current angle of each icon; the panel open display unit 6 is used in the Android device Open a panel on the application interface and display each icon on the panel; the above panel includes three Sub-panels, each of which is populated with different types of icons. The screen has a high space utilization and can display multiple icons in a limited area.

In this embodiment, the backplane icon matching unit 3 further includes an array creation module 31, a load sampling module 32, a pixel traversal module 33, a component average calculation module 34, a maximum pixel color value calculation module 35, and a color value determination module 36. , the color space conversion module 37 and the difference judgment module 38; wherein, the array creation module 31 is configured to create a maximum pixel point color value count array and an average color value array; the maximum pixel point color value count array includes the R color component maximum pixel point color The value count array, the G color component maximum pixel point color value count array, and the B color component maximum pixel point color value count array, the average color value array includes an R color component value, a G color component value, and a B color component value; the loading sampling module 32 An icon for loading an application, using different sampling rates for sampling pixels in different areas of the icon; The pixel traversal module 33 is configured to traverse each sampled pixel point, respectively obtain the R color component, the G color component, and the B color component of each sampled pixel point, so that the maximum pixel point of the R color component in the maximum pixel point color value count array The color value count array, the G color component maximum pixel point color value count array, and the B color component maximum pixel value count array count are respectively incremented by 1, and the R color component array, the G color component array, and the B color in the average color value array are added. The component arrays are respectively superimposed with the R color component, the G color component, and the B color component of each sampled pixel point; the component average value calculation module 34 is configured to make the superimposed R color component value and the G color component in the average color value array. The value and the B color component value are respectively divided by the number of sampled pixel points, and the R color component average value, the G color component average value, and the B color component average value are respectively obtained; the maximum pixel point color value calculation module 35 is configured to calculate the maximum pixel respectively. The maximum color pixel color value of the R color component in the dot color value count array, the maximum pixel dot color value of the G color component, and the maximum pixel dot color value of the B color component; The determining module 36 is configured to determine whether the maximum pixel point color value count array has a color value whose number of pixel points is greater than a set number, and if so, convert the average color value array and the maximum pixel point color value count array into a color space; Otherwise, the combination of the R color component average, the G color component average, and the B color component average is used as the color of the backboard; the color space conversion module 37 is configured to average the R color components in the average color value array, The average value of the G color component and the average of the B color component are converted to the HSV color space, and the R color component maximum pixel dot color value, the G color component maximum pixel dot color value, and the B color component maximum pixel in the maximum pixel dot color value counting array. The point color value is converted to the HSV color space; the difference determining module 38 is configured to determine whether the difference between the H color component of the average color value array and the H color component of the most pixel color value count array is less than a threshold, and if so, the R color component The combination of the maximum pixel point color value, the G color component maximum pixel point color value, and the B color component maximum pixel point color value as the color of the back plate; otherwise, R Average color component, G component average value of the color and B color components and an average of color as the backsheet. The above set number is 40% of the total number of sampled pixels, and the threshold is 5. Certainly, in some cases in this embodiment, the number of the above settings and the size of the threshold may be adjusted accordingly according to specific conditions.

In this embodiment, the icon current angle calculation unit 4 further includes an initialization module 41, an icon current overall angle calculation module 42, an overall layout phase calculation module 43, and an icon current angle acquisition module 44; wherein the initialization module 41 is used to initialize the angle to 10800. The icon current overall angle calculation module 42 is used to record the angle at which the gesture slides when the gesture is started to slide. When the gesture slides clockwise, the current overall angle of the icon increases. When the gesture slides counterclockwise, the current overall angle of the icon is decreased. Small, the current overall angle of the icon is: = (degree + 10800) % 10800, wherein degree is the current overall angle of the icon; the overall layout phase calculation module 43 is configured to obtain the phase of the overall layout of the icon according to the current overall angle of the icon as phase = degree % 270, wherein phase is the phase of the overall layout of the icon, and degree is the current overall angle of the icon; the icon current angle obtaining module 44 is configured to obtain the current angle of the icon from the phase of the overall layout of the icon according to the key frame property set in advance. .

In this embodiment, the location size transparency calculation unit 5 further includes an icon coordinate position calculation module 51, a first icon current angle determination module 52, a second icon current angle determination module 53, a third icon current angle determination module 54, and a fourth icon. The current angle determining module 55, the fifth icon current angle determining module 56, and the sixth icon current angle determining module 57; wherein the icon coordinate position calculating module 51 is configured to calculate the coordinate position of the icon according to the current angle of the icon; the first icon The current angle determining module 52 is configured to determine whether the current angle of the icon is greater than 90 degrees. If yes, the coordinate position of the icon is not corrected; otherwise, the current angle of the icon is determined; the second icon current angle determining module 53 is used for determining Whether the current angle of the icon is between 0 degrees and 90 degrees, and if so, calculating the difference between the current angle of the icon and 45 degrees, and calculating the offset of the coordinate position of the icon according to the difference, and making the coordinate position of the icon Offset according to the calculated offset; otherwise, continue to determine the size of the current angle of the icon; The third icon current angle determining module 54 is configured to determine whether the current angle of the icon is equal to 0 degrees, and if so, to offset the coordinate position of the icon according to the first set offset; otherwise, continue to determine the current angle of the icon; The fourth icon current angle determining module 55 is configured to determine whether the current angle of the icon is equal to 90 degrees. If yes, the coordinate position of the icon is offset according to the second set offset; otherwise, the coordinate position of the icon is not corrected; The fifth icon current angle determining module 56 is configured to determine whether the current angle of the icon is greater than 90 degrees. If yes, the size of the icon is not corrected; otherwise, the size of the current angle of the icon is continuously determined; and the sixth icon is used by the current angle determining module 57. Determining whether the current angle of the icon is between 0 degrees and 90 degrees, and if so, dividing the screen where the icon is located into the first area, the second area, and the third area, and setting the first area, the second area, and the first The angle threshold of the three regions, and the scaling of the second region and the third region, and the icons located in the corresponding regions are scaled accordingly; otherwise, The size of the icon is not corrected.

In summary, in this embodiment, it is implemented that a panel can be opened by a gesture in the lower right corner of an arbitrary application on the Android device, and an icon of similar size is displayed on the panel. By adding a color back panel to the app icon, it looks neat and uniform with the original icon color. In addition, by defining the arrangement of the icons and the trajectory of the movement, it has a sense of bubble. Enhance the user experience while increasing screen space utilization.

The above is only the preferred embodiment of the present invention, and is not intended to limit the present invention. Any modifications, equivalent substitutions, improvements, etc., which are included in the spirit and scope of the present invention, should be included in the present invention. Within the scope of protection.

Claims (10)

1. A method for performing icon arrangement on an Android device, comprising the steps of:

   A) determining whether there is a gesture in the designated area on the application interface of the Android device, and if yes, performing step B); otherwise, proceeding to determine the step;

   B) loading the data structure of the three-screen icon;

   C) according to the data structure of the three-screen icon, respectively adding a corresponding backplane for each icon, and matching the color of the backboard with the color of the icon;

   D) calculating a current angle of each of the icons in each screen according to a screen on which the icon is located, an initial position, and an angle swept by the gesture;

   E) obtaining the position, size and transparency of each of the icons according to the current angle of each of the icons;

   F) opening a panel on the application interface of the Android device, and displaying each of the icons on the panel; the panel includes three sub-panels, each of which is filled with different types of icons.
2. The method for performing icon arrangement on an Android device according to claim 1, wherein the step C) further comprises:

   C1) creating a maximum pixel point color value count array and an average color value array; the maximum pixel point color value count array includes an R color component maximum pixel point color value count array, a G color component maximum pixel point color value count array, and a B color a component maximum pixel point color value count array, the average color value array comprising an R color component value, a G color component value, and a B color component value;

   C2) loading an icon of the application, and sampling pixels of different areas of the icon using different sampling rates;

   C3) traversing each sampled pixel point, respectively obtaining an R color component, a G color component, and a B color component of each of the sampled pixel points, so that the maximum color pixel color of the R color component in the maximum pixel color value count array The count of the value count array, the G color component maximum pixel point color value count array, and the B color component maximum pixel value count array are respectively incremented by 1, and the R color component array, the G color component array, and the B in the average color value array are added. The color component array is superimposed with the R color component, the G color component, and the B color component of each sampled pixel;

   C4) dividing the superimposed R color component value, G color component value, and B color component value in the average color value array by the number of the sampled pixel points, respectively, and obtaining the R color component average value and the G color respectively. Average value of component and B color component;

   C5) respectively calculating an R color component maximum pixel point color value, a G color component maximum pixel point color value, and a B color component maximum pixel point color value in the maximum pixel point color value count array;

   C6) determining whether the maximum pixel point color value count array has a color value whose number of pixel points is greater than a set number, and if so, performing step C7); otherwise, averaging the R color component average value and the G color component a combination of the value and the average of the B color components as the color of the back panel;

   C7) converting the R color component average value, the G color component average value, and the B color component average value in the average color value array to the HSV color space, and maximizing the R color component in the most pixel color value count array The pixel point color value, the G color component maximum pixel point color value, and the B color component maximum pixel point color value are converted to the HSV color space;

   C8) determining whether a difference between the H color component of the average color value array and the H color component of the most pixel color value count array is less than a threshold, and if so, the R color component maximum pixel color value, G color a combination of a component maximum pixel point color value and a B color component maximum pixel point color value as a color of the backboard; otherwise, a combination of the R color component average value, the G color component average value, and the B color component average value is taken as The color of the back panel.
3. The method for performing icon arrangement on an Android device according to claim 1 or 2, wherein the step D) further comprises:

   D1) The initialization angle is 10800 degrees;

   D2) when starting the gesture sliding, recording the angle at which the gesture slides, when the gesture slides clockwise, the current overall angle of the icon increases, and when the gesture slides counterclockwise, the current overall angle of the icon decreases , the current overall angle of the icon is: = (degree + 10800) % 10800, where degree is the current overall angle of the icon;

   D3) according to the current overall angle of the icon, the phase of the overall layout of the icon is obtained as phase = degree % 270, wherein phase is the phase of the overall layout of the icon, and degree is the current overall angle of the icon;

   D4) The current angle of the icon is obtained from the phase of the overall layout of the icon according to a key frame property set in advance.
4. The method for performing icon arrangement on an Android device according to claim 3, wherein the step E) further comprises:

   E1) calculating a coordinate position of the icon according to a current angle of the icon;

   E2) determining whether the current angle of the icon is greater than 90 degrees, if not, correcting the coordinate position of the icon; otherwise, performing step E3);

   E3) determining whether the current angle of the icon is between 0 degrees and 90 degrees, and if so, calculating a difference between the current angle of the icon and 45 degrees, and calculating a coordinate position of the icon according to the difference Offset, and the coordinate position of the icon is offset according to the calculated offset; otherwise, step E4) is performed;

   E4) determining whether the current angle of the icon is equal to 0 degrees, and if so, shifting the coordinate position of the icon according to the first set offset; otherwise, performing step E5);

   E5) determining whether the current angle of the icon is equal to 90 degrees, and if so, shifting the coordinate position of the icon according to the second set offset; otherwise, correcting the coordinate position of the icon; :

   E2') determining whether the current angle of the icon is greater than 90 degrees, if not, correcting the size of the icon; otherwise, performing step E3');

   E3') determining whether the current angle of the icon is between 0 degrees and 90 degrees, and if so, dividing the screen in which the icon is located into the first area, the second area, and the third area, and setting the first An angle threshold of a region, a second region, and a third region, and a scaling ratio of the second region and the third region, and correspondingly scaling an icon located in the corresponding region; otherwise, correcting the size of the icon .
5. The method for performing icon arrangement on an Android device according to claim 2, wherein the set number is 40% of the total number of sampled pixels, and the threshold is 5.
6. An apparatus for implementing the method for performing icon arrangement on an Android device according to claim 1, comprising:

   a gesture action determining unit: configured to determine whether a specified area on the application interface of the Android device has a gesture;

   Data structure loading unit: a data structure for loading a three-screen icon;

   a backplane icon matching unit: configured to add a corresponding backplane to each icon according to the data structure of the three-screen icon, and match a color of the backboard with a color of the icon;

   An icon current angle calculation unit: configured to calculate a current angle of each of the icons in each screen according to a screen on which the icon is located, an initial position, and an angle that follows the gesture;

   a position size transparency calculation unit: configured to respectively acquire a position, a size, and a transparency of each of the icons according to a current angle of each of the icons;

   a panel open display unit: configured to open a panel on an application interface of the Android device, and display each of the icons on the panel; the panel includes three sub-panels, each sub-panel respectively filling different types of icons .
7. The apparatus according to claim 6, wherein the backplane icon matching unit further comprises:

   Array creation module: used to create a maximum pixel color value count array and an average color value array; the maximum pixel color value count array includes an R color component maximum pixel point color value count array, a G color component maximum pixel point color value count Array and B color component maximum pixel point color value count array, the average color value array including R color component value, G color component value, and B color component value;

   Loading sampling module: an icon for loading an application, and sampling pixels of different areas of the icon using different sampling rates;

   a pixel traversal module: traversing each sample pixel, respectively obtaining an R color component, a G color component, and a B color component of each of the sampled pixel points, so that the maximum color of the pixel value in the array is counted The component maximum pixel dot color value count array, the G color component maximum pixel dot color value count array, and the B color component maximum pixel value count array are incremented by 1, respectively, and the R color component array in the average color value array, G The color component array and the B color component array are respectively superimposed with the R color component, the G color component, and the B color component of each sample pixel;

   a component average calculation module: configured to respectively divide the superimposed R color component value, G color component value, and B color component value in the average color value array by the number of the sampled pixel points, respectively, to obtain an R color Component average, G color component average, and B color component average;

   a maximum pixel point color value calculation module: configured to respectively calculate an R color component maximum pixel point color value, a G color component maximum pixel point color value, and a B color component maximum pixel point color value in the maximum pixel point color value count array;

   The color value judging module is configured to determine whether the maximum pixel color value count array has a color value whose number of pixel points is greater than a set number, and if so, the average color value array and the maximum pixel color value count array Performing conversion of color space; otherwise, combining the R color component average, the G color component average, and the B color component average as the color of the backboard;

   a color space conversion module: configured to convert an R color component average value, a G color component average value, and a B color component average value in the average color value array into an HSV color space, and calculate the maximum pixel color value in an array The R color component maximum pixel point color value, the G color component maximum pixel point color value, and the B color component maximum pixel point color value are converted to the HSV color space;

   a difference judging module: configured to determine whether a difference between an H color component of the average color value array and an H color component of the most pixel color value count array is less than a threshold, and if so, the R color component maximum pixel point a combination of a color value, a G color component maximum pixel point color value, and a B color component maximum pixel point color value as a color of the back sheet; otherwise, the R color component average value, the G color component average value, and the B color component The combination of the average values is used as the color of the back sheet.
8. The device according to claim 6 or 7, wherein the icon current angle calculation unit further comprises:

   Initialization module: used for initialization angle of 10800 degrees;

   Icon current overall angle calculation module: for starting a gesture slide, recording an angle at which the gesture slides, when the gesture slides clockwise, the current overall angle of the icon increases, when the gesture slides counterclockwise, The current overall angle of the icon is reduced, and the current overall angle of the icon is: = (degree + 10800) % 10800, where degree is the current overall angle of the icon;

   An overall layout phase calculation module: configured to obtain a phase of the overall layout of the icon according to the current overall angle of the icon as phase = degree % 270, wherein phase is the phase of the overall layout of the icon, and degree is the current overall angle of the icon;

   Icon current angle acquisition module: used to obtain the current angle of the icon from the phase of the overall layout of the icon according to a key frame property set in advance.
9. The device according to claim 8, wherein the location size transparency calculation unit further comprises:

   An icon coordinate position calculation module: configured to calculate a coordinate position of the icon according to a current angle of the icon;

   The first icon current angle determining module is configured to determine whether the current angle of the icon is greater than 90 degrees, and if not, correct the coordinate position of the icon; otherwise, continue to determine the current angle of the icon;

   a second icon current angle determining module: configured to determine whether a current angle of the icon is between 0 degrees and 90 degrees, and if so, calculating a difference between a current angle of the icon and 45 degrees, and according to the difference Calculating an offset of the coordinate position of the icon, and causing the coordinate position of the icon to be offset according to the calculated offset; otherwise, continuing to determine the size of the current angle of the icon;

   a third icon current angle determining module: configured to determine whether the current angle of the icon is equal to 0 degrees, and if so, to offset the coordinate position of the icon according to the first set offset; otherwise, continue to determine the icon The size of the current angle;

   a fourth icon current angle determining module: configured to determine whether a current angle of the icon is equal to 90 degrees, and if so, shifting a coordinate position of the icon according to a second set offset; otherwise, the icon is The coordinate position is not corrected; it also includes:

   The fifth icon current angle determining module is configured to determine whether the current angle of the icon is greater than 90 degrees, and if so, correct the size of the icon; otherwise, continue to determine the current angle of the icon;

   a sixth icon current angle determining module: configured to determine whether the current angle of the icon is between 0 degrees and 90 degrees, and if yes, dividing the screen where the icon is located into the first area, the second area, and the third area, And respectively setting an angle threshold of the first area, the second area, and the third area, and a scaling ratio of the second area and the third area, and respectively scaling an icon located in the corresponding area; otherwise, The size of the icon is not corrected.
10. The apparatus according to claim 7, wherein said set number is 40% of a total number of sampled pixel points, said threshold being 5.