WO2024021902A1

WO2024021902A1 - Method and apparatus for moving icon, and electronic device and storage medium

Info

Publication number: WO2024021902A1
Application number: PCT/CN2023/099183
Authority: WO
Inventors: 胡志通
Original assignee: Oppo广东移动通信有限公司
Priority date: 2022-07-29
Filing date: 2023-06-08
Publication date: 2024-02-01
Also published as: CN115145444A

Abstract

Disclosed in the present application are a method and apparatus for moving an icon, and an electronic device and a storage medium. The method comprises: displaying an icon editing interface, wherein the icon editing interface comprises a plurality of icons, which are arranged in rows and columns, the plurality of icons respectively correspond to icon serial numbers, and the icon serial numbers respectively corresponding to the plurality of icons increase spirally from inside to outside; in response to an icon operation instruction, determining an icon to be operated from among the plurality of icons; determining, from among the plurality of icons, icons to be selected which are adjacent to the display position of the icon to be operated and have icon serial numbers greater than the icon serial number of the icon to be operated; acquiring the number of icons to be selected as a first number of icons, and determining, on the basis of the first number of icons, a target icon from among the icons to be selected; and removing the icon to be operated from the display position thereof, and filling the display position of the icon, to be operated, with the target icon for display. In the embodiments of the present application, position filling logic of icons is rationally set, such that the problem of the icons being disordered during position filling can be avoided, thereby improving the use experience of a user.

Description

Icon moving method, device, electronic device and storage medium

Cross-references to related applications

This application claims priority from Chinese application No. CN202210906223.9, filed on July 29, 2022, the entire content of which is hereby incorporated by reference for all purposes.

Technical field

The present application relates to the technical field of electronic equipment, and more specifically, to an icon moving method, device, electronic equipment, and storage medium.

Background technique

With the development of science and technology, electronic devices are used more and more widely and have more and more functions, and they have become one of the necessities in people's daily life. Currently, as the number of applications installed on electronic devices increases, electronic devices gradually begin to support users' operations such as moving and deleting application icons.

Contents of the invention

In view of the above problems, this application proposes an icon moving method, device, electronic device and storage medium to solve the above problems.

In a first aspect, embodiments of the present application provide a method for moving icons. The method includes: displaying an icon editing interface, wherein the icon editing interface includes multiple icons arranged in rows and columns, and each of the multiple icons Corresponding to the icon serial number, the icon serial number corresponding to each of the plurality of icons increases spirally from the inside to the outside; in response to the icon operation instruction, the icon to be operated is determined from the plurality of icons, wherein the icon operation instruction is Instructing to stop the display of the icon at its display position; from the plurality of icons, determine the icon to be selected that is adjacent to the display position of the icon to be operated and whose icon number is greater than the icon number of the icon to be operated; obtain all The number of icons to be selected is used as the first number of icons, and the target icon is determined from the icons to be selected based on the first number of icons; the icon to be operated is removed from its display position, and the The target icon is added to the display position of the icon to be operated for display.

In a second aspect, embodiments of the present application provide an icon moving device. The device includes: an icon editing interface display module for displaying an icon editing interface, wherein the icon editing interface includes a plurality of icons arranged in rows and columns. Icon, each of the plurality of icons corresponds to an icon serial number, and the icon serial number corresponding to each of the plurality of icons spirally increases from the inside to the outside; the icon to be operated determining module is used to respond to the icon operation instruction and select the icon from the plurality of icons. Determine the icon to be operated among the icons, wherein the icon operation instruction is used to instruct to stop the display of the icon at its display position; the icon to be selected determining module is used to determine the icon to be operated from the plurality of icons. The display position of the icon to be selected is adjacent and the icon number is greater than the icon number of the icon to be operated; a target icon determination module is used to obtain the number of icons of the icon to be selected as the first number of icons, and based on the first The number of icons determines the target icon from the icons to be selected; the icon moving module is used to remove the icon to be operated from its display position and replace the target icon to the display position of the icon to be operated. display.

In a third aspect, embodiments of the present application provide an electronic device, including a memory and a processor. The memory is coupled to the processor, and the memory stores instructions that are executed when the instructions are executed by the processor. The processor executes the above method.

In a fourth aspect, embodiments of the present application provide a computer-readable storage medium, the computer-readable storage medium stores program code, and the program code can be called by a processor to execute the above method.

Description of drawings

In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings needed to be used in the description of the embodiments will be briefly introduced below. Obviously, the drawings in the following description are only some embodiments of the present application. For those skilled in the art, other drawings can also be obtained based on these drawings without exerting creative efforts.

Figure 1 shows a schematic diagram of the arrangement of multiple icons;

Figure 2 shows a schematic flowchart of an icon moving method provided by an embodiment of the present application;

Figure 3 shows a schematic diagram of a planetary view provided by an embodiment of the present application;

Figure 4 shows a schematic diagram of the effect of removing the deformation filter in the planet view provided by the embodiment of the present application;

Figure 5 shows a schematic arrangement diagram of multiple icons provided by the embodiment of the present application;

Figure 6 shows a schematic flowchart of an icon moving method provided by an embodiment of the present application;

Figure 7 shows a schematic flowchart of an icon moving method provided by an embodiment of the present application;

Figure 8 shows a schematic diagram of icon filling provided by the embodiment of the present application;

Figure 9 shows a schematic flowchart of an icon moving method provided by an embodiment of the present application;

Figure 10 shows a schematic diagram of multiple icon circles provided by the embodiment of the present application;

Figure 11 shows a schematic diagram of the paths of multiple icons provided by the embodiment of the present application reaching the edge zone;

Figure 12 shows a schematic flowchart of an icon moving method provided by an embodiment of the present application;

Figure 13 shows a module block diagram of a mobile device of an icon provided by an embodiment of the present application;

Figure 14 shows a block diagram of an electronic device used to perform an icon moving method according to an embodiment of the present application;

Figure 15 shows a storage unit used to save or carry the program code for implementing the icon moving method according to the embodiment of the present application.

Detailed ways

In order to enable those in the technical field to better understand the solution of the present application, the technical solution in the embodiment of the present application will be clearly and completely described below in conjunction with the drawings in the embodiment of the present application.

Among them, as the number of applications installed on electronic devices increases, users' needs for moving or deleting application icons also gradually increase. Among them, for electronic devices that support icon filling, the filling logic is spiral filling, that is, after one of the icons is deleted and filled, the positions of almost all icons change, resulting in a confusing sense of icon display. For example, please refer to Figure 1. Figure 1 shows a schematic diagram of the arrangement of multiple icons. As shown in Figure 1, the order of the icons is a spiral arrangement from inside to outside. If the "head" in the icon is After deletion, all subsequent icons will be filled forward until the "tail" in the icon is filled forward, causing the positions of all icons to change and the display of the icons to be disrupted, resulting in poor user experience. good.

In response to the above problems, the inventor discovered after long-term research and proposed the icon moving method, device, electronic device and storage medium provided by the embodiment of the present application. By reasonably setting the filling logic of the icon, the filling process can be avoided Solve the problem of icons being disrupted and improve the user experience. The specific icon moving method will be described in detail in subsequent embodiments.

Please refer to Figure 2. Figure 2 shows a schematic flow chart of an icon moving method provided by an embodiment of the present application. This method is used to avoid the problem of icons being disrupted during the filling process and improve the user experience by reasonably setting the icon filling logic. In a specific embodiment, the icon moving method is applied to the icon mobile device 200 as shown in FIG. 13 and the electronic device 100 configured with the icon mobile device 200 (FIG. 14). The following will take an electronic device as an example to illustrate the specific process of this embodiment. Of course, it can be understood that the electronic devices applied in this embodiment may include wearable electronic devices such as mobile phones, tablet computers, and smart watches. This will not be discussed here. Make limitations. The process shown in Figure 2 will be described in detail below. The method of moving the icon may specifically include the following steps:

Step S110: Display an icon editing interface, wherein the icon editing interface includes a plurality of icons arranged in rows and columns, each of the plurality of icons has an icon serial number corresponding to it, and the icon serial number corresponding to each of the plurality of icons is from the inside to the outside. Spiral increase.

In this embodiment, the electronic device may display an icon editing interface, where the icon editing interface may include multiple icons arranged in a matrix. As a method, the icon editing interface may include an icon display interface (such as a desktop), or the icon editing interface may include an application list interface, which is not limited here.

In some embodiments, when the electronic device is a device with a larger screen such as a mobile terminal or a tablet computer, it can be considered that the electronic device has a larger area to display multiple icons on an icon display interface such as a desktop, then the icon editor The interface can display the interface as an icon. When the electronic device is a device with a small screen such as a smart watch or a smart bracelet, it can be considered that the electronic device does not have a large area to display multiple icons on an icon display interface such as the desktop, and the multiple icons can be displayed on the application list interface. icon, the icon editing interface can be an application list interface.

As a method, when multiple icons are displayed in a matrix arrangement, the multiple icons can be arranged in a regular matrix. At this time, the display sizes of the multiple icons are consistent or similar. For example, the Multiple icons can be arranged according to the 6*6 determinant rule, they can be arranged according to the 8*8 determinant rule, they can be arranged according to the 16*16 determinant rule, etc. There are no limitations here. As another way, when multiple icons are displayed in the form of a matrix, the multiple icons can be arranged in an irregular matrix. For example, they can be arranged in a planet view. In this case, the multiple icons can be arranged in an irregular matrix. The icons are displayed at inconsistent or dissimilar sizes.

Please refer to Figures 3 and 4. Figure 3 shows a schematic diagram of a planet view provided by an embodiment of the present application, and Figure 4 shows a schematic diagram of the planet view provided by an embodiment of the present application without the deformation filter effect. As shown in Figure 3, when multiple icons are arranged according to the planet view, the display sizes of the multiple icons are inconsistent or not similar. After removing the deformation filter of the planet view, they are also arranged in a regular determinant manner. Arrange the icons so that the display sizes of multiple icons are the same or similar, as shown in Figure 4.

In this embodiment, each of the plurality of icons has an icon serial number corresponding to it, and the icon serial number corresponding to each of the plurality of icons spirally increases from the inside to the outside. In some embodiments, the initial arrangement order of the multiple icons (the icon serial numbers corresponding to the multiple icons) can be set by default by the electronic device. For example, the electronic device can set the corresponding icons of the multiple icons according to the installation order of the application. Serial number, for example, the earlier an application is installed, the smaller the icon serial number corresponding to its icon, and the later the application is installed, the larger the icon serial number corresponding to its icon is; or, the initial arrangement order of multiple icons (more The icon serial numbers corresponding to each icon) can be manually adjusted by the user according to needs, and are not limited here. Among them, it can be understood that the "icon serial number" can be a kind of virtual mapping. In this embodiment, it is only used to represent the arrangement relationship of multiple icons, and is not intended to make other limitations. In addition, after the multiple icons are sorted, The icon serial number can also be re-identified, which is not limited here.

As a method, the icon serial numbers corresponding to the multiple icons can be natural numbers. That is, the icon serial numbers corresponding to the multiple icons can start from 0 and increase in a spiral manner from the inside to the outside.

Please refer to Figure 5. Figure 5 shows a schematic diagram of the arrangement of multiple icons provided by an embodiment of the present application. As shown in Figure 5, multiple icons are arranged in rows and columns, and the icon serial numbers corresponding to the multiple icons may include 0. ~63, then the icon numbers corresponding to the multiple icons start from 0 and increase in a spiral manner from the inside to the outside to 63.

Step S120: In response to an icon operation instruction, determine an icon to be operated from the plurality of icons, wherein the icon operation instruction is used to instruct to stop the display of the icon at its display position.

In this embodiment, during the process of displaying the icon editing interface, it can be monitored whether an icon operation instruction for instructing to stop the display of the icon at its display position is received, wherein when the icon operation instruction is detected, it can be responded to The icon operation instruction determines an icon to be operated from a plurality of icons, where the determined icon to be operated is the icon to be stopped at its display position.

As a way, the icon operation instruction may include an icon deletion instruction, that is, in response to the icon deletion instruction, the icon to be operated may be determined from a plurality of icons, wherein the icon deletion instruction is used to instruct the icon to be deleted from its display position. . As yet another way, the icon operation instruction may include an icon movement instruction, that is, the icon to be operated may be determined from a plurality of icons in response to the icon movement instruction, wherein the icon movement instruction is used to instruct the icon to be moved from its display position. Remove, for example, move an icon from its display position to the end.

In some embodiments, during the process of displaying the icon editing interface, the electronic device may determine that the icon operation instruction is detected when the target voice information is detected; the electronic device may determine that the icon operation instruction is detected when the target touch operation on the icon editing interface is detected. In this case, it is determined that the icon operation instruction is detected; when a target touch operation on the target control of the electronic device is detected, it is determined that the icon operation instruction is detected.

Step S130: From the plurality of icons, determine the icon to be selected that is adjacent to the display position of the icon to be operated and whose icon number is greater than the icon number of the icon to be operated.

In this embodiment, when the icon to be operated is determined, the icon to be selected that is adjacent to the display position of the icon to be operated and whose icon number is greater than the icon number of the icon to be operated may be determined from the plurality of icons.

As a way, when the icon to be operated is determined, the display position of the icon to be operated can be obtained, and based on the display position of the icon to be operated, the display position corresponding to the icon to be operated is determined from among multiple icons. Then, the icon serial number of the icon to be operated can be obtained, and based on the icon serial number of the icon to be operated, from the icons adjacent to the display position of the icon to be operated, determine that the icon serial number is greater than the icon serial number of the icon to be operated icon as the icon to be selected.

As another way, when the icon to be operated is determined, the icon serial number of the icon to be operated can be obtained, and based on the icon serial number of the icon to be operated, an icon whose icon serial number is greater than the icon to be operated is determined from multiple icons. Then, the display position of the icon to be operated can be obtained, and based on the display position of the icon to be operated, from the icons whose icon serial number is greater than the icon sequence number of the icon to be operated, determine the display position adjacent to the icon to be operated icon as the icon to be selected.

As another way, when the icon to be operated is determined, the display position of the icon to be operated and the icon serial number of the icon to be operated can be obtained, and based on the display position of the icon to be operated and the icon of the icon to be operated, The sequence number determines from the plurality of icons the icon that is adjacent to the display position of the icon to be operated and whose icon number is greater than the icon sequence number of the icon to be operated, as the icon to be selected.

Step S140: Obtain the number of icons of the icons to be selected as a first number of icons, and determine a target icon from the icons to be selected based on the first number of icons.

In this embodiment, when the icon to be selected is determined from multiple icons, the number of icons of the icon to be selected can be obtained, and the obtained number of icons of the icon to be selected is used as the first number, and based on the The first number of icons determines an icon to be selected from the icons to be selected as the target icon.

In some embodiments, a first preset mapping relationship may be preset and stored. The preset mapping relationship may include a first number of icons, a way to determine the target icon, and a correspondence between the first number of icons and the way to determine the target icon. relation. Therefore, in this embodiment, when the first number of icons is obtained, a method for determining the target icon corresponding to the first number of icons can be determined based on the first preset mapping relationship, so as to determine the target icon according to the first number of icons. The corresponding target icon is determined by determining the target icon from the icons to be selected.

In some implementations, the first number of icons may include 0, 1, 2, 3, and 4, which is not limited here.

Step S150: Remove the icon to be operated from its display position, and replace the target icon to the display position of the icon to be operated for display.

In this embodiment, when the target icon is determined, the icon to be operated can be removed from its display position, and the target icon can be replaced to the display position of the icon to be operated for display, so as to avoid the replacement process. Fixed the problem of other icons being disrupted to improve the user experience.

In some implementations, if the icon operation instruction is an icon deletion instruction, the icon to be operated can be deleted from its display position, and the target icon can be replaced to the display position of the icon to be operated for display; if the icon operation instruction is an icon With a move instruction, the icon to be operated can be deleted from its display position and moved to the indicated display position, and the target icon can be replaced to the display position of the icon to be operated for display.

An icon moving method provided by an embodiment of the present application displays an icon editing interface, wherein the icon editing interface includes a plurality of icons arranged in rows and columns, each of the plurality of icons corresponds to an icon serial number, and each of the plurality of icons corresponds to an icon. The serial number spirally increases from the inside to the outside. In response to the icon operation instruction, the icon to be operated is determined from multiple icons. The icon operation instruction is used to instruct the display of the stop icon at its display position. From the multiple icons, Determine the icon to be selected that is adjacent to the display position of the icon to be operated and whose icon number is greater than the icon number of the icon to be operated, obtain the number of icons of the icon to be selected as the first number of icons, and determine from the icons to be selected based on the first number of icons The target icon removes the icon to be operated from its display position and fills the target icon to the display position of the icon to be operated. Thus, by reasonably setting the filling logic of the icon, it is possible to avoid the problem of image filling during the filling process. Solve the problem of disrupted markings and improve the user experience.

Please refer to FIG. 6 , which is a schematic flowchart of an icon moving method provided by an embodiment of the present application. The process shown in Figure 6 will be described in detail below. The method of moving the icon may specifically include the following steps:

Step S210: Display an icon editing interface, wherein the icon editing interface includes a plurality of icons arranged in rows and columns, each of the plurality of icons has an icon serial number corresponding to it, and the icon serial number corresponding to each of the plurality of icons is from the inside to the outside. Spiral increase.

Step S220: In response to an icon operation instruction, determine an icon to be operated from the plurality of icons, wherein the icon operation instruction is used to instruct to stop the display of the icon at its display position.

Step S230: From the plurality of icons, determine the icon to be selected that is adjacent to the display position of the icon to be operated and whose icon number is greater than the icon number of the icon to be operated.

Step S240: Obtain the number of icons of the icons to be selected as a first number of icons, and determine a target icon from the icons to be selected based on the first number of icons.

Step S250: Remove the icon to be operated from its display position, and replace the target icon to the display position of the icon to be operated for display.

For detailed descriptions of steps S210 to S250, please refer to steps S110 to S150, which will not be described again here.

Step S260: Use the target icon as the icon to be operated, and repeatedly execute the step of determining, from the plurality of icons, the icon adjacent to the display position of the icon to be operated and having an icon number greater than the icon to be operated. The step of selecting the icon of the icon serial number, to the step of removing the icon to be operated from its display position, and filling the target icon to the display position of the icon to be operated for display, until The replacement of multiple icons mentioned above is completed.

In this embodiment, after determining the target icon from multiple icons and filling the target icon to the display position of the icon to be operated for display, the original display position of the target icon may be blank. Therefore, in order to ensure that the icon For the display effect of the editing interface (multiple icons), you can select icons from multiple icons except the target icon for filling, and so on until the filling of multiple icons is completed. Among them, the completion of multiple icon filling can be that there is no icon that can be moved and filled among the multiple icons, or the completion of multiple icon filling can be the display that there is no white space between every two icons in the multiple icons. Location.

In some embodiments, after determining the target icon from multiple icons and filling the target icon to the display position of the icon to be operated for display, the target icon can be used as the icon to be operated, and step S230-step can be repeated. S250 until multiple icons are replaced.

The icon moving method provided by an embodiment of the present application is compared with the icon moving method shown in Figure 2. This embodiment also uses the target icon as the icon to be operated, and repeatedly performs the icon filling operation until multiple icons are The filling is completed, so that multiple icons can be filled in sequence, improving the display effect of the icons and improving the user experience.

Please refer to FIG. 7 , which is a schematic flowchart of an icon moving method provided by an embodiment of the present application. The process shown in Figure 7 will be described in detail below. The method of moving the icon may specifically include the following steps:

Step S310: Display an icon editing interface, wherein the icon editing interface includes a plurality of icons arranged in rows and columns, each of the plurality of icons corresponds to an icon serial number, and the icon serial numbers corresponding to each of the plurality of icons are from inside to outside. Spiral increase.

Step S320: In response to an icon operation instruction, determine an icon to be operated from the plurality of icons, wherein the icon operation instruction is used to instruct to stop the display of the icon at its display position.

Step S330: From the plurality of icons, determine the icon to be selected that is adjacent to the display position of the icon to be operated and whose icon number is greater than the icon number of the icon to be operated.

Step S340: Obtain the number of icons of the icon to be selected as the first number of icons.

For the detailed description of step S310 to step S340, please refer to step S310 to step S340, which will not be described again here.

Step S350: If the number of the first icons is at least two, obtain the distance between each of the at least two icons to be selected and the origin of the coordinate axis of the target coordinate system, where the icon serial number corresponding to each of the plurality of icons is The origin of the coordinate axis serves as the center point of the spiral and increases spirally from the inside to the outside.

In this embodiment, the icon editing interface can establish a target coordinate system, wherein the X-axis of the target coordinate system can be parallel to the rows in which multiple icons are arranged, and the Y-axis of the target coordinate system can be arranged in parallel with the rows of multiple icons. The columns are parallel, and the corresponding icon serial numbers of multiple icons use the origin of the coordinate axis of the target coordinate system as the spiral center point to spirally increase from the inside to the outside. In the target coordinate system, between two adjacent icons in the horizontal and vertical directions The distance between them is consistent. For example, among multiple icons, the icon with icon number "0" is located at the display position closest to the origin of the coordinate axis in the first quadrant of the target coordinate system; the icon with icon number "1" is located at the fourth quadrant of the target coordinate system. The display position closest to the origin of the coordinate axis in the quadrant; the icon with icon number "2" is located at the display position closest to the origin of the coordinate axis in the third quadrant of the target coordinate system; the icon with icon number "3" is located at the target coordinate The display position closest to the origin of the coordinate axis in the second quadrant of the system.

In this embodiment, if the number of first icons is at least two, for example, if the number of first icons is two, three, or four, it means that the number of icons to be selected is at least two, and then at least two icons can be obtained. The distance between each icon to be selected and the origin of the coordinate axis of the target coordinate system. As an implementable method, obtain the coordinate information of at least two icons to be selected in the target coordinate system. Based on the coordinate information of the at least two icons to be selected in the target coordinate system and the coordinate information of the origin of the coordinate axis, you can Obtain the distance between the at least two coordinates to be selected and the origin of the coordinate axis of the target coordinate system.

In some embodiments, if the number of first icons is one, it means that the number of icons to be selected is one, and the one icon to be selected can be directly determined as the target icon.

In some embodiments, if the number of first icons is 0, it means that the number of icons to be selected is 0, then the icon to be operated can be directly removed from its display position, and the icons to be operated on can be kept. The display position of other icons except the icon remains unchanged.

Step S360: From at least two of the icons to be selected, determine the icon to be determined that is the largest distance from the origin of the coordinate axis.

In this embodiment, when the distance between each of the at least two icons to be selected and the origin of the coordinate axis of the target coordinate system is obtained, the one with the largest distance from the origin of the coordinate axis can be determined from the at least two icons to be selected. Select the icon, and use the icon to be selected that is the largest distance from the origin of the coordinate axis as the icon to be determined.

In some embodiments, when the distance between each of the at least two icons to be selected and the origin of the coordinate axis of the target coordinate system is obtained, the distance between each of the at least two icons to be selected and the origin of the coordinate axis of the target coordinate system can be calculated. Compare, and use the icon to be selected that has the largest distance from the origin of the coordinate axis as the icon to be determined.

Step S370: Obtain the number of icons of the icon to be determined as a second number of icons, and determine the target icon from the icons to be determined based on the second number of icons.

In this embodiment, when the icon to be determined is determined from at least two icons to be selected, the number of icons of the icon to be determined can be obtained, and the obtained number of icons of the icon to be determined is used as the second number, and The target icon is determined from the icons to be determined based on the second number.

In some embodiments, a second preset mapping relationship may be preset and stored. The preset mapping relationship may include the second number of icons, the determination method of the target icon, and the correspondence between the second number of icons and the determination method of the target icon. relation. Therefore, in this embodiment, when the second number of icons is obtained, a method for determining the target icon corresponding to the second number of icons can be determined based on the second preset mapping relationship, so as to determine the target icon according to the second number of icons. The corresponding target icon is determined by determining the target icon from the icons to be determined.

In some implementations, the number of second icons may include one or two, which is not limited here. Among them, if the number of the second icon is one, the icon to be determined can be directly determined as the target icon; if the number of the second icon is two, the icon to be determined with the smallest icon number among the two icons to be determined is determined for the target icon.

Step S380: Remove the icon to be operated from its display position, and replace the target icon to the display position of the icon to be operated for display.

For the detailed description of step S380, please refer to step S150, which will not be described again here.

For example, please refer to FIG. 8 , which shows a schematic diagram of icon filling provided by an embodiment of the present application. It is assumed that the icon to be operated is an icon with an icon number of 0.

From multiple icons, it can be determined that the icons to be selected that are adjacent to the display position of the icon with icon number 0 and whose icon number is greater than the icon number 0 are: the icon with icon number 1, the icon with icon number 3, and the icon with icon number 0. The icon with the serial number 5, and the icon with the icon serial number 7. At this time, it can be known that the number of icons to be selected is 4 (that is, more than 1), then you can compare the icon with the icon number 1, the icon with the icon number 3, the icon with the icon number 5, and the icon with the icon number The distance between each icon of 7 and the origin of the coordinate axis (as shown in Figure 5, the origin of the coordinate axis is the distance between the icon with icon number 0, the icon with icon number 1, the icon with icon number 2, and the icon with icon number 3 center point). Among them, the comparison shows that the icon with icon number 5 and the icon with icon number 7 have the largest distance from the origin of the coordinate axis. Then the icon with the smaller icon number can be determined from the icon with icon number 5 and icon number 7 as the icon. The target icon means that the icon with icon number 5 can be determined as the target icon, and the icon with icon number 5 can be moved from its display position to the display position of the icon with icon number 0.

After that, the icon with the icon number 5 can be used as the icon to be operated. From the multiple icons, it can be determined that the icon to be selected is adjacent to the display position of the icon with the icon number 5 and the icon number is greater than the icon number 5: icon The icon with serial number 6 and the icon with serial number 18. At this time, it can be known that the number of icons to be selected is 2 (that is, more than 1), and then the distances from the icon with icon number 6 and the icon with icon number 18 to the origin of the coordinate axis can be compared. Among them, the comparison found that the distance between the icon with icon number 18 and the origin of the coordinate axis is greater than the distance between the icon with icon number 6 and the origin of the coordinate axis. Then the icon with icon number 18 can be determined as the target icon, and the icon number is The icon of 18 is moved from its display position to the display position of the icon with icon number 5.

After that, the icon with the icon number 18 can be used as the icon to be operated. From the multiple icons, it can be determined that the icon to be selected is adjacent to the display position of the icon with the icon number 18 and the icon number is greater than the icon number 18: Icon The icon with serial number 19 and the icon with serial number 39. At this time, it can be known that the number of icons to be selected is 2 (that is, more than 1), and the distances from the icon with icon number 19 and the icon with icon number 39 to the origin of the coordinate axis can be compared. Among them, the comparison found that the distance between the icon with icon number 39 and the origin of the coordinate axis is greater than the distance between the icon with icon number 19 and the origin of the coordinate axis. Then the icon with icon number 39 can be determined as the target icon, and the icon number is The icon 39 is moved from its display position to the display position of the icon with icon number 18.

After that, the icon with icon number 39 can be used as the icon to be operated. From multiple icons, it can be determined that the icon to be selected is adjacent to the display position of the icon with icon number 39 and has an icon number greater than icon number 39: Icon The icon with serial number 40. At this time, it can be known that the number of icons to be selected is 1, then the icon with icon number 40 can be directly determined as the target icon, and the icon with icon number 40 can be moved from its display position to the icon with icon number 39 The display position of the icon.

By analogy, from the icon with icon number 40 to the icon with icon number 62, they are all the same judgment results as the icon with icon number 39, which will not be described again here.

Finally, the icon with the icon number 63 can be used as the icon to be operated, and the icon to be selected that is adjacent to the display position of the icon with the icon number 63 and whose icon number is greater than the icon number 63 can be determined from multiple icons, where, It ends when it is found that there is no icon with a larger icon number around the icon with icon number 63.

Based on the above method, it can be determined that when the icon with icon number 0 is determined as the icon to be operated, the determined filling rules are 0~5~18~39~40~41~42~43~44~45~46~47 ~48~49~50~51~52~53~54~55~56~57~58~59~60~61~62~63.

Compared with the icon moving method shown in FIG. 2 , the icon moving method provided by an embodiment of the present application also adopts different target icon determination methods according to the number of icons to be selected, so that it can Improve the accuracy of the determined target icon to improve the user experience.

Please refer to FIG. 9 , which is a schematic flowchart of an icon moving method provided by an embodiment of the present application. The process shown in Figure 9 will be described in detail below. The method may specifically include the following steps:

Step S410: Display an icon editing interface, wherein the icon editing interface includes a plurality of icons arranged in rows and columns, each of the plurality of icons has an icon serial number corresponding to it, and the icon serial number corresponding to each of the plurality of icons is from the inside to the outside. Spiral increase.

Step S420: In response to an icon operation instruction, determine an icon to be operated from the plurality of icons, wherein the icon operation instruction is used to instruct to stop the display of the icon at its display position.

For detailed descriptions of steps S410 to S420, please refer to steps S110 to S120, which will not be described again here.

Step S430: Obtain the icon serial number corresponding to the icon to be operated as the first icon serial number, and determine the icon circle to which the icon to be operated in the n icon circles and the icon circle to which it belongs based on the first icon serial number. Icon sorting, wherein the n icon circles are established according to the display positions of the multiple icons, n is a natural number, when n=0, the number of icons included in the 0th icon circle is one, and one The icon is the icon with the smallest icon number among the plurality of icons. When n>0, the number of icons included in the n-th icon circle is 8n, and in each of the icon circles, it is located in the lower right corner of the icon circle. The icon is regarded as the 8n-1th icon of the icon circle to which it belongs, and the icon located adjacent to the left side of the 8n-1th icon is regarded as the 0th icon of the icon circle to which it belongs.

In this embodiment, for multiple icons arranged in rows and columns in the icon editing interface, n icon circles can be established according to the display positions of the multiple icons, where n is a natural number. When n=0, the number of icons included in the 0th icon circle is one, and one icon is the icon with the smallest icon number among multiple icons; when n>0, the icon of the icon included in the nth icon circle The number is 8n, and in each of the icon circles, the icon located in the lower right corner of the icon circle is regarded as the 8n-1th icon of the icon circle to which it belongs, and the icon located adjacent to the left of the 8n-1th icon is regarded as The 0th icon of the icon circle it belongs to.

For example, assume that the icon serial numbers corresponding to the multiple icons are natural numbers from 0 to 63, and the icon serial numbers 0 to 63 spirally increase from the inside to the outside. Then, among the n icon circles created, the first icon circle includes one icon and the icon number of the one icon is 0; the second icon circle includes 8 icons and the icon numbers of the 8 icons are 1 to 8. , the icon located in the lower right corner of the second icon circle is used as the 7th icon of the second icon circle (the icon with icon number 8), and the icon located adjacent to the left of the 7th icon is used as the second icon circle The 0th icon (the icon with icon number 1); the third icon circle includes 16 icons and the icon numbers of the 16 icons are 9 to 24. The icon located in the lower right corner of the third icon circle is the third icon The 15th icon of the circle (the icon with icon number 24), and the icon located adjacent to the left of the 7th icon is the 0th icon of the second icon circle (the icon with icon number 9). analogy.

In some embodiments, when an icon to be operated is determined, the icon serial number corresponding to the icon to be operated can be obtained, the icon serial number corresponding to the icon to be operated is used as the first icon serial number, and the determination is made based on the first icon serial number. The icon circle to which the to-be-operated icon belongs among the above-mentioned n icon circles, and the icon ordering in the icon circle to which it belongs.

Please refer to FIG. 10 , which shows a schematic diagram of multiple icon circles provided by an embodiment of the present application. As shown in Figure 11, n icon circles are established for multiple icons with icon serial numbers 0 to 63. Among them, the icon with icon serial number 0 belongs to the 0th icon circle, and the icons with icon serial numbers 1 to 8 belong to the 0th icon circle. In one icon circle, icons with icon numbers 9 to 24 belong to the second icon circle, icons with icon numbers 25 to 48 belong to the third icon circle, and so on. It can be found that the 0th icon circle only has one icon with icon number 0. If the nth icon circle is full, the nth icon circle includes 8n icons. For example, the first icon circle includes 8 icons, and the second icon circle contains 8n icons. Each icon circle includes 16 icon circles. In the nth circle (n≠0), the icon in the lower right corner is the tail, and the icon to the left of the tail is the head. For example, the tail of the first icon circle is the icon with icon number 8, and the head is the icon with icon number 1. The tail of the second icon circle is the icon with icon number 24, and the head is the icon with icon number 9. You might as well call the head the 0th icon of the nth icon circle, and the tail is called the 8n-1th icon of the nth icon circle. For example, the icon with icon number 1 is the 0th icon of the first icon circle. , the icon with icon number 8 is the 7th icon of 1 icon circle, the icon with icon number 9 is the 0th icon of the second icon circle, the icon with icon number 24 is the 0th icon of the second icon circle 15 icons.

Based on this, given an icon, it is possible to calculate which icon circle it belongs to and which icon it is in the icon circle. As an implementable method, in the case of obtaining the first icon serial number, Subtract the total number of icons included in each icon circle from the first icon serial number. If the result after subtracting the total number of icons in the n-th icon circle is less than the total number of icons in the n+1-th icon circle, it means that the icon to be operated belongs to The n+1th icon circle, and the result indicates which icon of the n+1th icon circle the icon to be operated on is. For example, assuming that the icon number to be operated is 30, you can first subtract the total number of icons included in the 0th icon circle from 30, 1, to get 29. 29 is not less than the 1st icon circle package. The total number of icons included in the first icon circle is 8, then subtract the total number of icons included in the first icon circle from 29 to 21, and 21 is not less than the total number of icons included in the second icon circle, 16, then subtract the total number of icons included in the second icon circle from 21 The total number of icons is 16, which is 5. 5 is less than the total number of icons included in the third icon circle, 24. Therefore, it can be determined that the icon to be operated with the icon number 30 belongs to the third icon circle and is the fifth icon of the third icon circle. .

Step S440: Determine a target direction according to the icon circle to which the icon to be operated in the n icon circles belongs and the icon sorting in the icon circle to which it belongs, and determine the icon to be selected located in the target direction.

In this embodiment, after obtaining the icon circle to which the icon to be operated in the nth icon circle belongs, and the icon sorting of the icon circle to which it belongs, it is possible to obtain the icon circle according to the position of the icon to be operated in the nth icon circle. The icon circle to which it belongs, and the sorting of icons in the icon circle to which it belongs, determine the target direction, and determine the icon to be selected located in the target direction.

In some embodiments, when n=0, the target direction can be determined to be above the icon to be operated; when n>0, the target direction can be determined according to the icon circle to which the icon to be operated belongs in the nth icon circle, and the icon circle to which it belongs. Sort the icons in the icon circle to determine the target direction. Among them, when n=0, it can be determined that the icon circle to which the icon to be operated belongs is the 0th icon circle, and the next icon is above it, that is, it can be determined that the target direction is above the icon to be operated; when n>0 , it can be determined that the icon circle described by the icon to be operated is the nth icon circle (n>0), and the next icon may be above, below, left, right, etc., which is not limited here.

As an implementable manner, the electronic device can preset and store the first condition, the second condition and the third condition, wherein the first condition is x>4n-3 and x<6n, and the second condition is x= 0 or x>6n-1, the third condition is x<2n, where x is the icon ordering of the icon to be operated in the icon circle to which it belongs. Therefore, in this embodiment, after obtaining the icon circle to which the icon to be operated in the nth icon circle belongs (that is, obtaining n) and the icon sorting of the icon circle to which it belongs (that is, obtaining x), you can The icon to be operated is compared with the first condition, the second condition, and the third condition respectively to determine whether the icon to be operated satisfies the first condition, the second condition, and the third condition, and the judgment result is obtained as the third condition. One judgment result.

If the first judgment result indicates that the icon to be operated satisfies the first condition, that is, if the first judgment result indicates that the icon to be operated satisfies x>4n-3 and x<6n, then the target direction can be determined to be above the icon to be operated.

Among them, if the first judgment result indicates that the icon to be operated satisfies the second condition, that is, if the first judgment result indicates that the icon to be operated satisfies x=0 or x>6n-1, then it can be determined that the target direction is to the right of the icon to be operated. .

If the first judgment result represents that the icon to be operated satisfies the third condition, that is, if the first judgment result represents that the icon to be operated satisfies x<2n, then the target direction can be determined to be below the icon to be operated.

Among them, if the first judgment result represents that the icon to be operated does not satisfy the first condition, the second condition and the third condition, that is, if the first judgment result represents that the icon to be operated does not satisfy x>4n-3 and x<6n, it does not satisfy x=0 or x>6n-1, and x<2n is not satisfied, then the target direction can be determined to be the left of the icon to be operated.

In some embodiments, when the icon to be operated and the target direction are determined, the icon located in the target direction of the icon to be operated based on the icon to be operated and the target direction may be determined as the icon to be operated.

For example, take the icon with the icon number 30 as an example. The icon with the icon number 30 belongs to the 5th icon in the third icon circle, then n=3, x=5. It can be known that the icon number 30 If the icon meets the third condition, the target direction is below the icon with icon number 30.

Step S450: Obtain the icon serial number of the icon to be selected as the second icon serial number.

In this embodiment, when the icon to be selected is determined, the icon serial number of the icon to be selected may be obtained, and the icon serial number of the icon to be selected may be used as the second icon serial number.

In some embodiments, when n=0, it can be determined that the second icon number is 5 when the target direction is the direction of the icon to be operated, 1 when the target direction is below the icon to be operated, and 1 when the target direction is below the icon to be operated. It is 3 when the operation icon is to the left and 7 when the target direction is to the right of the icon to be operated. When n=0, it can be determined that the target direction is above the icon to be operated, and the icon number of the icon to be operated can be determined to be 5.

In some embodiments, when n>0, the serial number of the icon to be selected can be obtained based on the first icon serial number, the icon circle to which the icon to be operated belongs in the n icon circles, and the icon sorting in the icon circle to which it belongs. As the second icon serial number.

As an implementable manner, the electronic device may preset and store the fourth condition, the fifth condition, the sixth condition, the seventh condition, the eighth condition, the ninth condition and the tenth condition, where the fourth condition is x=8n-1, the fifth condition is x=2n-1, the sixth condition is x=4n-1, the seventh condition is x=6n-1, the eighth condition is x<2n-1, and the ninth condition is x<4n-1, the tenth condition is x<6n-1, where x is the icon order of the icon to be operated on in the icon circle to which it belongs, and m is the first icon serial number. Therefore, in this embodiment, after obtaining the icon serial number of the icon to be operated (that is, obtaining m), the icon circle to which the icon to be operated in the nth icon circle belongs (that is, obtaining n), and the icon in the icon circle to which it belongs In the case of sorting (that is, obtaining x), the icon to be operated can be compared with the fourth condition, the fifth condition, the sixth condition, the seventh condition, the eighth condition, the ninth condition, and the tenth condition respectively to determine Whether the icon to be operated satisfies the fourth condition, whether it satisfies the fifth condition, whether it satisfies the sixth condition, whether it satisfies the seventh condition, whether it satisfies the eighth condition, whether it satisfies the ninth condition, whether it satisfies the tenth condition, and the judgment result is obtained as the second judgment result.

Among them, if the second judgment result indicates that the icon to be operated satisfies the fourth condition, that is, if the second judgment result indicates that the icon to be operated satisfies x=8n-1, then it can be determined that the second icon serial number is above the icon to be operated in the target direction. When it is m-1, the target direction is below the icon to be operated. When the target direction is to the left of the icon to be operated, it is m+1-8n. When the target direction is to the right of the icon to be operated, it is m+7+8n. Based on this, combined with the target direction (one of up, down, left, and right) determined in the above manner, the second icon serial number can be determined.

Among them, if the second judgment result indicates that the icon to be operated satisfies the fifth condition, that is, if the second judgment result indicates that the icon to be operated satisfies x=2n-1, then it can be determined that the second icon serial number is above the icon to be operated in the target direction. When the target direction is below the icon to be operated, it is m+1+8n. When the target direction is to the left of the icon to be operated, it is m+3+8n. When the target direction is to the right of the icon to be operated, it is m+3+8n. When square, it is m-1. Based on this, combined with the target direction (one of up, down, left, and right) determined in the above manner, the second icon serial number can be determined.

Among them, if the second judgment result indicates that the icon to be operated satisfies the sixth condition, that is, if the second judgment result indicates that the icon to be operated satisfies x=4n-1, then it can be determined that the second icon serial number is above the icon to be operated in the target direction. When the target direction is below the icon to be operated, it is m-1. When the target direction is to the left of the icon to be operated, it is m+3+8n. When the target direction is to the right of the icon to be operated, it is m+3+8n. When square, it is m-1. Based on this, combined with the target direction (one of up, down, left, and right) determined in the above manner, the second icon serial number can be determined.

Among them, if the second judgment result indicates that the icon to be operated satisfies the seventh condition, that is, if the second judgment result indicates that the icon to be operated satisfies x=6n-1, then it can be determined that the second icon serial number is above the icon to be operated in the target direction. It is m+5+8n when the target direction is below the icon to be operated, it is m+1 when the target direction is to the left of the icon to be operated, and it is m-1 when the target direction is to the right of the icon to be operated. is m-7+8n. Based on this, combined with the target direction (one of up, down, left, and right) determined in the above manner, the second icon serial number can be determined.

Among them, if the second judgment result represents that the icon to be operated satisfies the eighth condition, that is, if the second judgment result represents that the icon to be operated satisfies x<2n-1, then it can be determined that the second icon serial number is above the icon to be operated in the target direction. When the target direction is below the icon to be operated, it is m+1+8n. When the target direction is to the left of the icon to be operated, it is m+1. When x=0, in the target direction When it is to the right of the icon to be operated, it is m-1+8n. When x≠0, when the target direction is to the right of the icon to be operated, it is m-1. Based on this, combined with the target direction (one of up, down, left, and right) determined in the above manner, the second icon serial number can be determined.

Among them, if the second judgment result indicates that the icon to be operated satisfies the ninth condition, that is, if the second judgment result indicates that the icon to be operated satisfies x<4n-1, then it can be determined that the second icon serial number is above the icon to be operated in the target direction. is m+1 when the target direction is below the icon to be operated, m-1 when the target direction is to the left of the icon to be operated, m+3+8n when the target direction is to the right of the icon to be operated is m+5-8n. Based on this, combined with the target direction (one of up, down, left, and right) determined in the above manner, the second icon serial number can be determined.

Wherein, if the second judgment result represents that the icon to be operated satisfies the tenth condition, that is, if the second judgment result represents that the icon to be operated satisfies x<6n-1, then it can be determined that the second icon serial number is above the icon to be operated in the target direction. When the target direction is below the icon to be operated, it is m+3-8n. When the target direction is to the left of the icon to be operated, it is m-1. When the target direction is to the right of the icon to be operated, it is m+5+8n. Square time is m+1. Based on this, combined with the target direction (one of up, down, left, and right) determined in the above manner, the second icon serial number can be determined.

Among them, if the second judgment result represents that the icon to be operated does not satisfy the fourth condition, the fifth condition, the sixth condition, the seventh condition, the eighth condition, the ninth condition, and the tenth condition, that is, the second judgment result represents that the icon to be operated does not satisfy the fourth condition, the fifth condition, the sixth condition, the seventh condition, the eighth condition, the ninth condition, and the tenth condition. If the operation icon does not satisfy x=8n-1, x=2n-1, x=4n-1, x=6n-1, x<2n-1, x<4n-1, x<6n-1, it can be determined that the The second icon serial number is m-1 when the target direction is above the icon to be operated, m+1 when the target direction is below the icon to be operated, and m+1-8n when the target direction is to the left of the icon to be operated. , when the target direction is to the right of the icon to be operated, it is m+7+8n. Based on this, combined with the target direction (one of up, down, left, and right) determined in the above manner, the second icon serial number can be determined.

Among them, taking the icon with the icon number 30 as an example, the icon with the icon number 30 belongs to the fifth icon of the third icon circle, then n=3, x=5, m=30, and its target direction is the icon number. The icon with the icon number 30 satisfies the eighth condition. When the target direction is below the icon to be operated, the second icon number is m+1+8n=30+1+3*8=55.

Step S460: If the second icon number is less than or equal to the total number of the plurality of icons, determine the icon to be selected as the target icon.

Among them, the filling of icons can be roughly divided into two stages. The first stage is to find a path to the edge zone triggered by the icon to be operated (as shown in Figure 11). The second stage is filled in a spiral manner. After obtaining the third In the case of two icon serial numbers, the second icon serial number can be verified. If the second icon serial number is greater than the total number of all icons, it means that it is out of bounds, that is, the first stage has been calculated to the edge, and the second stage is started. , if it is less than or equal to the total number of all icons, it means that the boundary has not been crossed, and the icon corresponding to the second icon number will continue to be used as the next icon, and the first stage will be executed again until the boundary is crossed.

In some embodiments, when the second icon serial number is obtained, the second icon serial number can be compared with the total number of multiple icons to determine whether the second icon serial number is less than or equal to the total number of multiple icons. If it is determined that the second icon number is less than or equal to the total number of icons, the icon to be selected can be determined as the target icon for filling.

Step S470: If the second icon number is greater than the total number of the plurality of icons, determine the icon with icon number m+1 as the target icon, where m is the first icon number.

Among them, if it is determined that the second icon serial number is greater than the total number of multiple icons, spiral filling can be performed, that is, the icon serial number is m+1 The icon is determined to be the target icon for filling.

For example, taking the icon with the icon number 39 as an example, it belongs to the 14th icon in the third icon circle. Through the above algorithm calculation, the next icon of the icon with the icon number 39 is above it, and the next icon is If the icon number is greater than the total number of multiple icons (64), it means that there is no next icon above, which can be considered to be out of bounds. Then a spiral fill-in can be performed, that is, the icon with the icon number 39+1=40 is determined as the target icon. Fill in.

Step S480: Remove the icon to be operated from its display position, and replace the target icon to the display position of the icon to be operated for display.

For the detailed description of step S480, please refer to step S150, which will not be described again here.

In the icon moving method provided by an embodiment of the present application, compared with the icon moving method shown in Figure 2, this embodiment also obtains the icon serial number corresponding to the icon to be operated as the first icon serial number, and determines it based on the first icon serial number. The icon circle to which the icon to be operated on belongs to in the n icon circles and the sorting of the icons in the icon circle to which it belongs is determined based on the icon circle to which the icon to be operated belongs to in the n icon circles and the sorting of icons in the icon circle to which it belongs. In the target direction and the icon to be selected located in the target direction, the icon serial number of the icon to be selected is obtained as the second icon serial number. If the second icon serial number is less than or equal to the total number of multiple icons, the icon to be selected is determined as the target icon. If the second icon number is greater than the total number of multiple icons, the icon whose icon number is the first icon number + 1 is determined as the target icon, thereby improving the efficiency and accuracy of determining the target icon.

Please refer to FIG. 12 , which is a schematic flowchart of an icon moving method provided by an embodiment of the present application. The process shown in Figure 12 will be described in detail below. The method may specifically include the following steps:

Step S510: Display an icon editing interface, wherein the icon editing interface includes a plurality of icons arranged in rows and columns, each of the plurality of icons has an icon serial number corresponding to it, and the icon serial number corresponding to each of the plurality of icons is from the inside to the outside. Spiral increase.

Step S520: In response to an icon operation instruction, determine an icon to be operated from the plurality of icons, wherein the icon operation instruction is used to instruct to stop the display of the icon at its display position.

For detailed descriptions of steps S510 to S520, please refer to steps S110 to S120, which will not be described again here.

Step S530: Obtain the icon serial number of the icon to be operated.

In this embodiment, when the icon to be operated is obtained, the icon serial number of the icon to be operated can be obtained. As an implementable method, when an icon to be operated is obtained, the coordinate information of the icon to be operated in the target coordinate system can be obtained, and based on the coordinate information of the icon to be operated in the target coordinate system, the coordinate information of the icon to be operated can be obtained. The icon serial number of the operation icon.

Step S540: Based on the preset mapping relationship, determine the target icon serial number corresponding to the icon serial number of the icon to be operated, and determine the icon corresponding to the target icon serial number as the target icon.

In some embodiments, a preset mapping relationship may be set and stored in advance, where the preset mapping relationship may include a complementary path of an icon serial number corresponding to each icon in the plurality of icons. Therefore, in this embodiment, when the icon serial number corresponding to the icon to be operated is obtained, the target icon serial number corresponding to the icon serial number of the icon to be operated can be determined based on the preset mapping relationship, and the target icon serial number can be determined The corresponding icon is determined as the target icon, which can effectively increase the speed of determining the target icon and improve the user experience.

In some implementations, when icons are deleted, moved, added, etc. among multiple icons, the preset mapping relationship can be updated to ensure the accuracy of the preset mapping relationship, which will not be described again here.

Step S550: Remove the icon to be operated from its display position, and replace the target icon to the display position of the icon to be operated for display.

For the specific description of step S550, please refer to step S150, which will not be described again here.

The icon moving method provided by an embodiment of the present application is compared to the icon moving method shown in Figure 2. This embodiment also obtains the icon serial number of the icon to be operated, and determines the icon serial number of the icon to be operated based on the preset mapping relationship. The corresponding target icon serial number is determined, and the icon corresponding to the target icon serial number is determined as the target icon, thereby improving the efficiency of obtaining the target icon.

Please refer to FIG. 13 , which shows a module block diagram of a mobile device of an icon provided by an embodiment of the present application. The following will be explained with reference to the block diagram shown in Figure 13. The icon moving device 200 includes: an icon editing interface display module 210, an icon to be operated determining module 220, an icon to be selected determining module 230, a target icon determining module 240 and an icon moving module. Module 250, which:

The icon editing interface display module 210 is used to display the icon editing interface, wherein the icon editing interface includes a plurality of icons arranged in rows and columns, each of the plurality of icons corresponds to an icon serial number, and each of the plurality of icons corresponds to an icon serial number. The icon serial number increases spirally from inside to outside.

The icon to be operated determining module 220 is configured to determine an icon to be operated from the plurality of icons in response to an icon operation instruction, wherein the icon operation instruction is used to instruct to stop the display of the icon at its display position.

The icon to be selected determining module 230 is configured to determine, from the plurality of icons, an icon to be selected that is adjacent to the display position of the icon to be operated and whose icon number is greater than the icon number of the icon to be operated.

The target icon determination module 240 is configured to obtain the number of icons of the icons to be selected as the first number of icons, and determine the target icon from the icons to be selected based on the first number of icons.

Further, the target icon determination module 240 includes: a distance acquisition submodule, an icon to be determined determination submodule, and a first target Icons identify submodules where:

A distance acquisition submodule, configured to acquire the distances between at least two of the icons to be selected and the origin of the coordinate axis of the target coordinate system if the number of the first icons is at least two, wherein each of the plurality of icons corresponds to The icon number of the icon increases spirally from the inside to the outside with the origin of the coordinate axis as the center point of the spiral.

The icon to be determined determining sub-module is used to determine the icon to be determined that is the largest distance from the origin of the coordinate axis from at least two of the icons to be selected.

The first target icon determination submodule is configured to obtain the number of icons of the icon to be determined as the second number of icons, and determine the target icon from the icons to be determined based on the second number of icons.

Further, the first target icon determination sub-module includes: a first target icon determination unit and a second target icon determination unit, wherein:

The first target icon determining unit is configured to determine one of the icons to be determined as the target icon if the number of the second icons is one.

The second target icon determining unit is configured to determine the icon to be determined with the smallest icon number from the two icons to be determined as the target icon if the number of the second icons is two.

Further, the target icon determination module 240 includes: a second target icon determination sub-module, wherein:

The second target icon determination submodule is configured to determine one of the icons to be selected as the target icon if the number of the first icons is one.

The icon moving module 250 is used to remove the icon to be operated from its display position and replace the target icon to the display position of the icon to be operated for display.

Further, the mobile device 200 of the icon also includes: a loop module, wherein:

A loop module, configured to use the target icon as the icon to be operated, and repeatedly execute the step of determining from the plurality of icons that the display position of the icon to be operated is adjacent and that the icon number is greater than the icon to be operated. the step of the icon to be selected according to the icon serial number of the icon, to the step of removing the icon to be operated from its display position and filling the target icon to the display position of the icon to be operated for display, Until the filling of the multiple icons is completed.

Further, the icon mobile device 200 further includes: a display position maintaining module, wherein:

A display position holding module, configured to remove the to-be-operated icon from its display position if the number of first icons is 0, and to maintain other icons among the plurality of icons except the to-be-operated icon. The display position of the icon remains unchanged.

Further, the icon mobile device 200 also includes: an information acquisition module, a direction determination module, an icon serial number acquisition module, and a target icon determination module, wherein:

An information acquisition module, configured to obtain the icon serial number corresponding to the icon to be operated as the first icon serial number, and determine the icon circle to which the icon to be operated in the n icon circles and the circle to which it belongs based on the first icon serial number. The icon sorting of the icon circle, wherein the n icon circles are established according to the display positions of the plurality of icons, n is a natural number, when n=0, the number of icons included in the 0th icon circle is one, And one of the icons is the icon with the smallest icon number among the plurality of icons. When n>0, the number of icons included in the n-th icon circle is 8n, and in each of the icon circles, the number of icons located in The icon in the lower right corner of the circle is regarded as the 8n-1th icon of the corresponding icon circle, and the icon located adjacent to the left side of the 8n-1th icon is regarded as the 0th icon of the corresponding icon circle.

A direction determination module, configured to determine the target direction according to the icon circle to which the to-be-operated icon belongs in the n icon circles and the icon sorting in the icon circle to which it belongs, and determine the target direction to be selected located in the target direction. icon;

Further, the direction determination module includes: a first direction determination sub-module and a second direction determination sub-module, wherein:

The first direction determination sub-module is used to determine the target direction to be above the icon to be operated when n=0.

The second direction determination submodule is configured to determine the target when n>0 according to the icon circle to which the to-be-operated icon belongs in the n icon circles and the icon sorting in the icon circle to which it belongs. direction.

Further, the second direction determination sub-module includes: a first direction determination unit, a second direction determination unit, a third direction determination unit and a fourth direction determination unit, wherein:

A first direction determining unit configured to determine that the target direction is above the icon to be operated if the icon to be operated satisfies a first condition, wherein the first condition is x>4n-3 and x< 6n, x is the icon ordering of the icon to be operated in the icon circle to which it belongs.

A second direction determining unit configured to determine the target direction to be the right side of the icon to be operated if the icon to be operated satisfies a second condition, wherein the second condition is x=0 or x>6n -1.

A third direction determining unit is configured to determine the target direction to be below the icon to be operated if the icon to be operated satisfies a third condition, where the third condition is x<2n.

A fourth direction determining unit is configured to determine the target direction to be the left side of the icon to be operated if the icon to be operated does not satisfy the first condition, the second condition and the third condition.

The icon serial number obtaining module is used to obtain the icon serial number of the icon to be selected as the second icon serial number.

Further, the icon serial number acquisition module includes: a first icon serial number acquisition sub-module and a second icon serial number acquisition sub-module, wherein:

The first icon serial number acquisition submodule is configured to determine that when n=0, the second icon serial number is 5, 1, 3, and 7 in sequence when the target direction is the up, down, left, and right of the icon to be operated.

The second icon serial number acquisition submodule is configured to obtain a sub-module based on the first icon serial number, the icon circle to which the to-be-operated icon belongs among the n icon circles, and the icon circle to which it belongs when n>0. Sort the icons, and obtain the serial number of the icon to be selected as the second icon serial number.

Further, the second icon serial number acquisition sub-module includes: a first icon serial number acquisition unit, a second icon serial number acquisition unit, a third icon serial number acquisition unit, a fourth icon serial number acquisition unit, a fifth icon serial number acquisition unit, and a third icon serial number acquisition unit. Sixth icon serial number acquisition unit, seventh icon serial number acquisition unit and eighth icon serial number acquisition unit, wherein:

The first icon serial number acquisition unit is configured to determine that the second icon serial number is m-1, m in sequence when the target direction is the up, down, left, and right of the icon to be operated if the icon to be operated satisfies the fourth condition. +1, m+1-8n and m+7+8n, where the fourth condition is x=8n-1, x is the icon order of the icon to be operated in the icon circle to which it belongs, and m is the first Icon serial number.

The second icon serial number acquisition unit is used to determine that if the icon to be operated satisfies the fifth condition, the second icon serial number is m+1, m in sequence when the target direction is the up, down, left, and right of the icon to be operated. +1+8n, m+3+8n and m-1, where the fifth condition is x=2n-1.

The third icon serial number acquisition unit is configured to determine that the second icon serial number is m+5+8n when the target direction is up, down, left, and right of the icon to be operated if the icon to be operated satisfies the sixth condition. , m-1, m+3+8n and m+1, wherein the sixth condition is x=4n-1.

The fourth icon serial number acquisition unit is used to determine that the second icon serial number is m+5+8n when the target direction is the up, down, left, and right of the icon to be operated if the icon to be operated satisfies the seventh condition. , m+1, m-1 and m+7+8n, wherein the seventh condition is x=6n-1.

The fifth icon serial number acquisition unit is used to determine that the second icon serial number is m+7-8n when the target direction is the upper, lower and left side of the icon to be operated if the icon to be operated satisfies the eighth condition. , m+1+8n and m+1, wherein the eighth condition is x<2n-1, and when x=0, the second icon number is to the right of the icon to be operated in the target direction. When square, it is m-1+8n, when x≠0, the second icon serial number is m-1 when the target direction is to the right of the icon to be operated.

The sixth icon serial number acquisition unit is used to determine that if the icon to be operated satisfies the ninth condition, the second icon serial number is m+1, m in sequence when the target direction is the up, down, left, and right of the icon to be operated. -1, m+3+8n, m+5-8n, wherein the ninth condition is x<4n-1.

The seventh icon serial number acquisition unit is used to determine that the second icon serial number is m+5+8n when the target direction is up, down, left, and right of the icon to be operated if the icon to be operated satisfies the tenth condition. , m+3-8n, m-1, m+1, wherein the tenth condition is x<6n-1.

The eighth icon serial number acquisition unit is used to obtain the unit if the icon to be operated does not satisfy the fourth condition, the fifth condition, the sixth condition, the seventh condition, the eighth condition, and the third condition. Nine conditions and the tenth condition, it is determined that the second icon serial number is m-1, m+1, m+1-8n, m+ in sequence when the target direction is the up, down, left, and right of the icon to be operated. 7+8n.

A target icon determination module, configured to determine the icon to be selected as the target icon if the second icon number is less than or equal to the total number of the plurality of icons.

Further, the icon mobile device 200 further includes: a target icon determination module, wherein:

A target icon determination module, configured to determine the icon with icon number m+1 as the target icon if the second icon number is greater than the total number of the plurality of icons, where m is the first icon number. .

Further, the icon mobile device 200 also includes: an icon serial number acquisition module and a target icon determination module, wherein:

The icon serial number obtaining module is used to obtain the icon serial number of the icon to be operated.

The target icon determination module is configured to determine the target icon serial number corresponding to the icon serial number of the icon to be operated based on the preset mapping relationship, and determine the icon corresponding to the target icon serial number as the target icon.

Those skilled in the art can clearly understand that for the convenience and simplicity of description, the specific working processes of the above-described devices and modules can be referred to the corresponding processes in the foregoing method embodiments, and will not be described again here.

In several embodiments provided in this application, the coupling between modules may be electrical, mechanical or other forms of coupling.

In addition, each functional module in each embodiment of the present application can be integrated into one processing module, or each module can exist physically alone, or two or more modules can be integrated into one module. The above integrated modules can be implemented in the form of hardware or software function modules.

Please refer to FIG. 14 , which shows a structural block diagram of an electronic device 100 provided by an embodiment of the present application. The electronic device 100 may be a smart phone, a tablet computer, an e-book, or other electronic device capable of running applications. The electronic device 100 in this application may to include one or more of the following components: processor 110, memory 120, and one or more application programs, wherein one or more application programs may be stored in memory 120 and configured to be executed by one or more processors 110 , one or more programs are configured to perform the method described in the foregoing method embodiments.

The processor 110 may include one or more processing cores. The processor 110 uses various interfaces and lines to connect various parts of the entire electronic device 100, and executes by running or executing instructions, programs, code sets or instruction sets stored in the memory 120, and calling data stored in the memory 120. Various functions and processing data of the electronic device 100 . Optionally, the processor 110 may use at least one of digital signal processing (Digital Signal Processing, DSP), field-programmable gate array (Field-Programmable Gate Array, FPGA), and programmable logic array (Programmable Logic Array, PLA). implemented in hardware form. The processor 110 may integrate one or a combination of a central processing unit (Central Processing Unit, CPU), a graphics processor (Graphics Processing Unit, GPU), a modem, etc. Among them, the CPU mainly handles the operating system, user interface, and applications; the GPU is responsible for rendering and drawing the content to be displayed; and the modem is used to handle wireless communications. It can be understood that the above-mentioned modem may not be integrated into the processor 110 and may be implemented solely through a communication chip.

The memory 120 may include random access memory (RAM) or read-only memory (Read-Only Memory). Memory 120 may be used to store instructions, programs, codes, sets of codes, or sets of instructions. The memory 120 may include a program storage area and a data storage area, where the program storage area may store instructions for implementing an operating system and instructions for implementing at least one function (such as a touch function, a sound playback function, an image playback function, etc.) , instructions for implementing each of the following method embodiments, etc. The storage data area can also store data created during use of the terminal 100 (such as phone book, audio and video data, chat record data), etc.

Please refer to Figure 15, which shows a structural block diagram of a computer-readable storage medium provided by an embodiment of the present application. Program code is stored in the computer-readable medium 300, and the program code can be called by the processor to execute the method described in the above method embodiment.

Computer-readable storage medium 300 may be electronic memory such as flash memory, EEPROM (Electrically Erasable Programmable Read Only Memory), EPROM, hard disk, or ROM. Optionally, the computer-readable storage medium 300 includes non-transitory computer-readable storage medium. The computer-readable storage medium 300 has storage space for the program code 310 that performs any method steps in the above-mentioned methods. These program codes can be read from or written into one or more computer program products. Program code 310 may, for example, be compressed in a suitable form.

To sum up, the icon moving method, device, electronic device and storage medium provided by the embodiments of the present application display an icon editing interface, wherein the icon editing interface includes multiple icons arranged in rows and columns, each of the multiple icons There are corresponding icon serial numbers, and the icon serial numbers corresponding to the plurality of icons increase spirally from the inside to the outside. In response to the icon operation instruction, the icon to be operated is determined from the plurality of icons, wherein the icon operation instruction is used to indicate that the stop icon is in To display its display position, from multiple icons, determine the icon to be selected that is adjacent to the display position of the icon to be operated and whose icon number is greater than the icon number of the icon to be operated, and obtain the number of icons of the icon to be selected as the first number of icons, And determine the target icon from the icons to be selected based on the number of first icons, remove the icon to be operated from its display position, and fill the target icon to the display position of the icon to be operated for display, so as to reasonably set the icon The replacement logic can avoid the problem of icons being disrupted during the replacement process and improve the user experience.

Finally, it should be noted that the above embodiments are only used to illustrate the technical solution of the present application, but not to limit it; although the present application has been described in detail with reference to the foregoing embodiments, those of ordinary skill in the art will understand that: it can still Modifications are made to the technical solutions described in the foregoing embodiments, or equivalent substitutions are made to some of the technical features; however, these modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions in the embodiments of the present application.

Claims

A method of moving icons, characterized in that the method includes:

Display an icon editing interface, wherein the icon editing interface includes a plurality of icons arranged in rows and columns, each of the plurality of icons corresponds to an icon serial number, and the icon serial number corresponding to each of the plurality of icons spirally increases from the inside to the outside. big;

In response to an icon operation instruction, determine an icon to be operated from the plurality of icons, wherein the icon operation instruction is used to instruct to stop the display of the icon at its display position;

From the plurality of icons, determine the icon to be selected that is adjacent to the display position of the icon to be operated and whose icon number is greater than the icon number of the icon to be operated;

Obtain the number of icons of the icon to be selected as a first number of icons, and determine a target icon from the icons to be selected based on the first number of icons;

The icon to be operated is removed from its display position, and the target icon is replaced to the display position of the icon to be operated for display.
The method according to claim 1, characterized in that after the said icon to be operated is removed from its display position and the target icon is replaced to the display position of the icon to be operated for display ,Also includes:

Use the target icon as the icon to be operated, and repeatedly perform the step of determining, from the plurality of icons, the icon adjacent to the display position of the icon to be operated and with an icon number greater than the icon number of the icon to be operated. From the step of selecting the icon to be selected to the step of removing the icon to be operated from its display position and filling the target icon to the display position of the icon to be operated for display, until the plurality of The icon filling is completed.
The method of claim 1, wherein determining the target icon from the icons to be selected based on the first number of icons includes:

If the number of the first icons is at least two, then the distance between each of the at least two icons to be selected and the origin of the coordinate axis of the target coordinate system is obtained, wherein the icon serial number corresponding to each of the plurality of icons is represented by the coordinates. The axis origin serves as the center point of the spiral and spirally increases from the inside to the outside;

From at least two of the icons to be selected, determine the icon to be determined that is the largest distance from the origin of the coordinate axis;

The number of icons of the icon to be determined is obtained as a second number of icons, and the target icon is determined from the icons to be determined based on the second number of icons.
The method of claim 3, wherein determining the target icon from the icons to be determined based on the second icon quantity includes:

If the number of the second icon is one, then determine one of the icons to be determined as the target icon; or

If the number of the second icons is two, then the icon to be determined with the smallest icon number among the two icons to be determined is determined as the target icon.
The method of claim 1, wherein determining the target icon from the icons to be selected based on the first number of icons includes:

If the number of the first icons is one, then one of the icons to be selected is determined as the target icon.
The method of claim 1, further comprising:

If the number of first icons is 0, the icon to be operated is removed from its display position, and the display positions of other icons among the plurality of icons except the icon to be operated remain unchanged.
The method according to any one of claims 1-6, characterized in that the method further includes:

Obtain the icon serial number corresponding to the icon to be operated as the first icon serial number, and determine the icon circle to which the icon to be operated in the n icon circles belongs and the icon ordering in the icon circle to which it belongs based on the first icon serial number. , wherein the n icon circles are established according to the display positions of the plurality of icons, n is a natural number, when n=0, the number of icons included in the 0th icon circle is one, and one icon is The icon with the smallest icon number among the plurality of icons, when n>0, the number of icons included in the n-th icon circle is 8n, and in each of the icon circles, the icon located in the lower right corner of the icon circle is The 8n-1th icon of the icon circle to which it belongs, and the icon located adjacent to the left of the 8n-1th icon is regarded as the 0th icon of the icon circle to which it belongs;

Determine the target direction according to the icon circle to which the to-be-operated icon belongs in the n icon circles and the icon sorting in the icon circle to which it belongs, and determine the icon to be selected located in the target direction;

Obtain the icon serial number of the icon to be selected as the second icon serial number;

If the second icon number is less than or equal to the total number of the plurality of icons, the icon to be selected is determined as the target icon.
The method according to claim 7, wherein determining the target direction according to the icon circle to which the icon to be operated in the n icon circles belongs and the icon sorting in the icon circle to which it belongs includes:

When n=0, the target direction is determined to be above the icon to be operated;

When n>0, according to the icon circle to which the icon to be operated belongs in the n icon circles and the position of the icon circle to which it belongs, Icon sorting determines the target direction.
The method according to claim 8, wherein determining the target direction according to the icon circle to which the icon to be operated in the n icon circles belongs and the icon sorting in the icon circle to which it belongs includes determining the target direction. :

If the icon to be operated satisfies the first condition, the target direction is determined to be above the icon to be operated, wherein the first condition is x>4n-3 and x<6n, and x is the icon to be operated. The icons are sorted in the icon circle to which they belong;

If the icon to be operated satisfies the second condition, the target direction is determined to be to the right of the icon to be operated, wherein the second condition is x=0 or x>6n-1;

If the icon to be operated satisfies the third condition, the target direction is determined to be below the icon to be operated, wherein the third condition is x<2n;

If the icon to be operated does not satisfy the first condition, the second condition and the third condition, the target direction is determined to be the left of the icon to be operated.
The method according to claim 7, wherein said obtaining the icon serial number of the icon to be selected as the second icon serial number includes:

When n=0, it is determined that the second icon serial numbers are 5, 1, 3, and 7 in sequence when the target direction is the up, down, left, and right of the icon to be operated;

When n>0, the icon to be selected is obtained based on the first icon serial number, the icon circle to which the icon to be operated belongs in the n icon circles, and the icon sorting in the icon circle to which it belongs. The serial number is used as the second icon serial number.
The method according to claim 10, characterized in that the icon sorting is based on the first icon serial number, the icon circle to which the icon to be operated belongs in the n icon circles, and the icon circle to which it belongs. , obtaining the serial number of the icon to be selected as the second icon serial number, including:

If the icon to be operated meets the fourth condition, it is determined that the second icon serial number is m-1, m+1, m+1-8n and m+1-8n in sequence when the target direction is the up, down, left, and right of the icon to be operated. m+7+8n, where the fourth condition is x=8n-1, x is the icon order of the icon to be operated in the icon circle to which it belongs, and m is the first icon serial number;

If the icon to be operated satisfies the fifth condition, it is determined that the second icon serial number is m+1, m+1+8n, m+3+ in sequence when the target direction is up, down, left, and right of the icon to be operated. 8n and m-1, wherein the fifth condition is x=2n-1;

If the icon to be operated satisfies the sixth condition, it is determined that the second icon serial number is m+5+8n, m-1, m+3+ in sequence when the target direction is up, down, left, and right of the icon to be operated. 8n and m+1, wherein the sixth condition is x=4n-1;

If the icon to be operated satisfies the seventh condition, it is determined that the second icon serial number is m+5+8n, m+1, m-1 and when the target direction is up, down, left and right of the icon to be operated. m+7+8n, wherein the seventh condition is x=6n-1;

If the icon to be operated satisfies the eighth condition, it is determined that the second icon serial number is m+7-8n, m+1+8n and m+ in sequence when the target direction is the upper, lower and left of the icon to be operated. 1. Wherein, the eighth condition is x<2n-1, and when x=0, the second icon serial number is m-1+8n when the target direction is to the right of the icon to be operated, When x≠0, the second icon serial number is m-1 when the target direction is to the right of the icon to be operated;

If the icon to be operated satisfies the ninth condition, it is determined that the second icon serial number is m+1, m-1, m+3+8n, when the target direction is up, down, left, and right of the icon to be operated. m+5-8n, wherein the ninth condition is x<4n-1;

If the icon to be operated satisfies the tenth condition, it is determined that the second icon serial number is m+5+8n, m+3-8n, m- when the target direction is up, down, left, and right of the icon to be operated. 1. m+1, wherein the tenth condition is x<6n-1;

If the icon to be operated does not satisfy the fourth condition, the fifth condition, the sixth condition, the seventh condition, the eighth condition, the ninth condition and the tenth condition, Then it is determined that the second icon serial numbers are m-1, m+1, m+1-8n, and m+7+8n in sequence when the target direction is the up, down, left, and right of the icon to be operated.
The method of claim 7, further comprising:

If the second icon number is greater than the total number of the plurality of icons, the icon with icon number m+1 is determined as the target icon, where m is the first icon number.
The method according to any one of claims 1-6, characterized in that the method further includes:

Obtain the icon serial number of the icon to be operated;

Based on the preset mapping relationship, a target icon serial number corresponding to the icon serial number of the icon to be operated is determined, and the icon corresponding to the target icon serial number is determined as the target icon.
The method according to any one of claims 1 to 6, characterized in that, before determining the icon to be operated from the plurality of icons in response to the icon operation instruction, it further includes:

When the target voice information is detected, it is determined that the icon operation instruction is detected; or

In the case where a target touch operation acting on the icon editing interface is detected, it is determined that the icon operation instruction is detected; or

When the target touch operation on the target control is detected, it is determined that the icon operation instruction is detected.
The method according to any one of claims 1 to 6, characterized in that, from the plurality of icons, it is determined that the icon is adjacent to the display position of the icon to be operated and has an icon number greater than that of the icon to be operated. The icon to be selected by the icon serial number, including:

Obtain the icon serial number of the icon to be operated, and based on the icon serial number of the icon to be operated, determine from the plurality of icons the icon whose icon serial number is greater than the icon serial number of the icon to be operated;

Obtain the display position of the icon to be operated, and based on the display position of the icon to be operated, determine from the icons whose icon number is greater than the icon number of the icon to be operated, which are adjacent to the display position of the icon to be operated and The icon to be selected whose icon number is greater than the icon number of the icon to be operated.
The method according to any one of claims 1 to 6, characterized in that, from the plurality of icons, it is determined that the icon is adjacent to the display position of the icon to be operated and has an icon number greater than that of the icon to be operated. The icon to be selected by the icon serial number, including:

Obtain the display position of the icon to be operated, and based on the display position of the icon to be operated, determine from the plurality of icons an icon adjacent to the display position of the icon to be operated;

Obtain the icon serial number of the icon to be operated, and based on the icon serial number of the icon to be operated, determine from the icons adjacent to the display position of the icon to be operated that are adjacent to the display position of the icon to be operated and The icon to be selected whose icon number is greater than the icon number of the icon to be operated.
The method according to any one of claims 1 to 6, characterized in that, from the plurality of icons, it is determined that the icon is adjacent to the display position of the icon to be operated and has an icon number greater than that of the icon to be operated. The icon to be selected by the icon serial number, including:

Obtain the icon serial number of the icon to be operated and the display position of the icon to be operated;

Based on the icon serial number of the icon to be operated and the display position of the icon to be operated, an icon adjacent to the display position of the icon to be operated and with an icon sequence number greater than the icon to be operated is determined from the plurality of icons Serial number icon to be selected.
An icon mobile device, characterized in that the device includes:

The icon editing interface display module is used to display the icon editing interface, wherein the icon editing interface includes a plurality of icons arranged in rows and columns, each of the plurality of icons corresponds to an icon serial number, and the icons corresponding to each of the plurality of icons The serial number increases spirally from inside to outside;

an icon to be operated determining module, configured to determine an icon to be operated from the plurality of icons in response to an icon operation instruction, wherein the icon operation instruction is used to instruct to stop the display of the icon at its display position;

An icon to be selected determining module, configured to determine, from the plurality of icons, an icon to be selected that is adjacent to the display position of the icon to be operated and whose icon number is greater than the icon number of the icon to be operated;

A target icon determination module, configured to obtain the number of icons of the icon to be selected as the first number of icons, and determine the target icon from the icons to be selected based on the first number of icons;

The icon moving module is used to remove the icon to be operated from its display position and replace the target icon to the display position of the icon to be operated for display.
An electronic device, characterized in that it includes a memory and a processor, the memory is coupled to the processor, the memory stores instructions, and when the instructions are executed by the processor, the processor executes as claimed in the claim The method described in any one of claims 1-17.
A computer-readable storage medium, characterized in that the computer-readable storage medium stores program code, and the program code can be called by a processor to execute the method according to any one of claims 1-17 .