WO2016180170A1

WO2016180170A1 - Interface icon management method and system

Info

Publication number: WO2016180170A1
Application number: PCT/CN2016/079554
Authority: WO
Inventors: 倪天雪
Original assignee: 阿里巴巴集团控股有限公司; 倪天雪
Priority date: 2015-05-12
Filing date: 2016-04-18
Publication date: 2016-11-17
Also published as: CN106293302A

Abstract

An interface icon management method and system. The method comprises: after a current interface detects an icon management trigger operation, generating an icon management interface, wherein the icon management interface comprises a to-be-managed icon region and a to-be-added icon region (101); and upon receiving an icon adding trigger operation, adding an icon selected from the to-be-added icon region to a specific position of the to-be-managed icon region; alternatively, upon receiving an icon deletion trigger operation, deleting a selected icon from the to-be-managed icon region (102). The method generates an icon management interface comprising the to-be-managed icon region and the to-be-added icon region, and the icon is managed on the icon management interface without switching to another page, thus facilitating a user operation, ensuring high efficiency of the interface icon management, and improving user experience.

Description

Interface icon management method and system

Technical field

The present application relates to the field of smart terminal technologies, and in particular, to a method and system for managing interface icons.

Background technique

With the increasing intelligence of mobile terminals such as smart phones and tablet computers, the application software on mobile terminals is becoming more and more abundant. Each time an application is installed, an icon is generated on the interface of the mobile terminal, so that the user clicks on the icon to launch the application. The IOS operating system shown in FIG. 1 includes multiple application software icons. When the application software on the mobile terminal is large, the user may not find the mobile terminal after downloading a new application software. In the case of the application software, this wastes the user's time and is not conducive to the user experience.

Similarly, for some applications that contain multiple functions, the interface of the application software will include various function icons, such as UC browser (as shown in Figure 2a), when the user needs to use the UC browser containing various function icons. When the interface is managed, if a new function icon is added, the user needs to click the “+” icon, and the UC browser will switch to the list page (as shown in FIG. 2b), and the user adds the desired content through the list page. Function icon. However, the page for adding the icon is separated from the original page, and the user needs to add the function icon on different pages, so that the icon is not added efficiently. Moreover, when there are many function icons included in the UC browser, after the user completes the icon addition, there may also be a situation in which it is not easy to find the newly added icon in the interface of the UC browser.

Summary of the invention

In view of the above problems, the present application provides an interface icon management method and system, and the management interface of the icon to be managed enhances the ease of use of the management interface, thereby facilitating user operations and improving the user experience.

To achieve the above objective, the present application provides an interface icon management method, where the method includes:

After the interface interface management triggering operation is detected, the icon management interface includes an icon area to be managed and an icon area to be added, where the icon area to be managed is drawn according to an icon customized by the current interface. The icon area to be added is drawn according to an icon that can be customized by the current interface;

When an icon addition triggering operation is received, an icon selected in the to-be-added icon area is added to a specific location of the to-be-managed icon area; or

When the icon deletion triggering operation is received, the selected icon is deleted from the to-be-managed icon area.

In another aspect, the present application further provides an interface icon management system, where the system includes:

a generating module, configured to generate an icon management interface after the interface interface management triggering operation is performed on the current interface, where the icon management interface includes an icon area to be managed and an icon area to be added, where the icon area to be managed is customized according to the current interface The icon is drawn, and the icon area to be added is drawn according to a customizable icon of the current interface.

An icon adding module, configured to add an icon selected in the to-be-added icon area to a specific location of the to-be-managed icon area when receiving an icon adding triggering operation;

The icon deletion module is configured to delete the selected icon from the to-be-managed icon area when receiving the icon deletion triggering operation.

According to the foregoing technical solution, the application has the beneficial effects that: after monitoring the customized interface triggering operation, the application generates an icon management interface including an icon area to be managed and an icon area to be added, which can be completed on the icon management interface. The management of icons, such as adding, deleting, and quickly searching and filtering icons, eliminates the need to switch to another page, thereby facilitating user operations, ensuring efficient management of interface icons and improving user experience.

DRAWINGS

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

1 is a schematic diagram of an interface of an Apple operating system in the prior art;

2a is a schematic diagram of an interface of a UC browser in the prior art;

2b is another schematic diagram of an interface of a UC browser in the prior art;

3 is a flowchart of a method according to an embodiment of the present application;

4 is a flowchart of a method according to another embodiment of the present application;

FIG. 5 is a schematic diagram of an interface of a mobile terminal according to an embodiment of the present application;

6 is another schematic diagram of an interface of a mobile terminal according to an embodiment of the present application;

7 is a schematic diagram of a system according to an embodiment of the present application;

FIG. 8 is another schematic diagram of a system according to an embodiment of the present application.

detailed description

Preferred embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While the preferred embodiment of the present invention has been shown in the drawings, it is understood that Rather, these embodiments are provided so that this disclosure will be thorough and complete.

FIG. 3 is a schematic flowchart of an interface icon management method according to an embodiment of the present application. The method described in this embodiment includes the following:

Step 101: After the icon management triggering operation is detected on the current interface, generate an icon management interface, where the icon management interface includes an icon area to be managed and an icon area to be added, where the icon area to be managed is customized according to the current interface. The icon is drawn, and the icon area to be added is drawn according to a currently customizable icon of the interface.

In the embodiment of the present application, each application software included in the mobile terminal or each function icon included in the application software is collectively referred to as an icon. When the above icon is displayed on the interface of the mobile terminal, information such as the name, icon, service, and/or execution action of each icon may be included. The arrangement position information of each icon in the interface will also be reflected in the current interface.

Specifically, the interface icon management triggering operation in this embodiment may refer to long pressing any icon on a certain interface of the mobile terminal, thereby starting a management operation on the icon on the interface. The interface icon management triggering operation in this embodiment may also be clicking an edit icon on the current interface of the mobile terminal, wherein the edit icon may be customized, such as a “+” icon or the like. In addition, the interface icon management triggering operation may also be a preset gesture or the like on the current interface of the mobile terminal, which is not limited herein.

The generated icon management interface is used to manage the arrangement position of the icons in the current interface, and implement functions such as adding an icon or deleting an icon.

The icon that has been customized by the current interface is an icon that the user has set or defined in the current interface, such as an icon that has been displayed on the current interface; the icon that has been customized by the current interface further includes an icon of the current interface that has been customized. Arrange the position.

The current interface customizable icon is a server-stored or locally stored icon that can be added to the current interface.

Step 102: Add an icon selected in the to-be-added icon area to a specific location of the to-be-managed icon area when receiving an icon addition triggering operation; or, when an icon deletion triggering operation is received, the selected The icon is deleted from the to-be-managed icon area.

The icon addition trigger operation or the icon deletion trigger operation in this step 102 can be implemented by dragging.

In this embodiment, after the interface icon management triggering operation is detected, an icon management interface including an icon area to be managed and an icon area to be added is generated, and the icon management interface, such as adding and deleting icons, may be completed on the icon management interface. Quickly search and filter, etc., and no longer need to switch to another page, which facilitates the user's operation, ensures the efficient management of the interface icons, and improves the user experience.

In this step 101, the generating the to-be-managed icon area includes: acquiring basic information of each icon in the current interface, and arrangement information of each icon in the current interface; and according to the basic information and the arrangement information of the respective icons, the respective The icon is drawn in the area of the icon to be managed.

In this step 101, the generating the icon area to be added includes: acquiring basic information of each icon stored on the server side or locally stored; deleting an icon existing in the current interface from the acquired icon; according to the basic information of the icon, The deleted icon is drawn in the icon area to be added.

FIG. 3 is only a basic embodiment of the method described in the present application, and on this basis, a certain expansion and optimization can be performed in the present application. Referring to Figure 4, another specific embodiment of the method described herein is shown. The method described in this embodiment has the following steps:

Step 201: Monitor the interface of the mobile terminal to determine whether the interface icon management trigger operation is detected. If yes, execute step 202, otherwise continue monitoring.

The interface icon management triggering operation in this step 201 is the same as the interface icon management triggering operation in step 101, and is not repeated here.

Step 202: Generate an icon management interface including an icon area to be managed and an icon area to be added.

The method for generating the to-be-managed icon area and the to-be-added icon area in the step 202 may include: obtaining the basic information of each icon from the to-be-added icon database, in addition to the method described in step 101; The basic information of the icon is drawn in the icon area to be added. The above-mentioned to-be-added icon database stores basic information of all icons except for the respective icons existing on the current interface.

Step 203: Generate a deletion flag on each icon in the to-be-managed icon area, and generate an addition flag on each icon in the to-be-added icon area.

In step 204, the full screen interface is monitored. When the icon addition triggering operation is detected, step 205 is performed. When the icon deletion triggering operation is detected, step 209 is performed.

In step 205, a trigger operation is added to the icon, and when the icon adding trigger operation is a click operation, step 206 is performed. When the icon adding trigger operation is a drag operation, step 207 is performed.

In this step 205, the click operation specifically refers to clicking the add flag on an icon in the icon area to be added, and the drag operation specifically refers to dragging an icon in the icon area to be added to the icon area to be managed. .

In the embodiment of the present application, the method for adding an icon may be directly clicking an add icon on an icon in the icon area to be added, or dragging an icon in the icon area to be added to the icon area to be managed. It can also be other operations that can implement adding icons, and is not limited to these two.

Step 206: Add an icon selected in the to-be-added icon area to the end of the to-be-managed icon area, and remove the icon from the to-be-added icon area.

Since the icon database to be added stores basic information of all the icons except the respective icons already existing on the current interface, after the icon is removed from the icon area to be added in this step 206, the basic information of the icon is also required. Remove from the database of icons to be added.

Step 207: Calculate location information that the icon is dragged to the to-be-managed icon area according to the arrangement information of each icon in the current to-be-managed icon area.

Step 208: Add an icon selected in the to-be-added icon area to the dragged position in the to-be-managed icon area, and remove the icon from the to-be-added icon area.

After the icon is removed from the icon area to be added in this step 208, the basic information of the icon needs to be deleted from the icon database to be added.

Step 209: When the icon deletion triggering operation is detected, the selected icon is deleted from the to-be-managed icon area, and the icon is added to the to-be-added icon area.

In this step 209, the icon deletion triggering operation may be a click operation or a drag operation. The click operation specifically refers to clicking the delete flag on an icon in the icon area to be managed, and the drag operation specifically refers to dragging an icon in the icon area to be managed to the icon area to be added. Regardless of which of the above-mentioned icon deletion trigger operations is detected, the above icon is deleted from the to-be-managed icon area, and the icon is added to the icon area to be added.

After the icon is added to the icon area to be added in this step 209, the basic information of the icon needs to be added to the icon database to be added.

In the embodiment of the present application, after the interface icon management triggering operation is detected, a corresponding deletion flag appears on each icon in the icon area to be managed of the icon management interface, and each icon in the icon area of the icon management interface to be added is displayed. The corresponding add flag will appear. At this time, the user can click the corresponding add flag on the icon in the icon to be added to add the corresponding icon, and also click the corresponding delete flag on each icon in the icon to be managed to delete the corresponding icon. Such addition or deletion of icons can be completed in the icon management interface, and no need to switch to another page, thereby facilitating the operation of the user, ensuring efficient interface management and improving the user experience.

In addition, based on the embodiment shown in FIG. 4, the present application also has the following expandable technology. The specific steps are as follows:

Step 301: After monitoring the interface icon management triggering operation, generate an icon management interface including an icon area to be managed and an icon area to be added, where the icon area to be added includes a search bar and a list bar.

The icon area to be added in this embodiment is divided into two parts: a search bar and a list bar, so that the search function is added in the icon area to be added, and the user can input the key of the icon that he wants to find in the search field of the icon area to be added. Words, search results will be displayed in the list bar of the icon area to be added, which greatly facilitates the user's operation, saves the time to find related icons in the icon area to be added, and improves the user experience.

Step 302: Receive a query word input by the user through the search bar in the icon area to be added, and search for a matching icon from the local list data or the server side list data according to the query word.

In step 303, the matching result is displayed in the list column of the icon area to be added.

The icon adding operation and the icon deleting operation in this embodiment are similar to the operations in steps 203 to 208 in the flow shown in FIG. 4, and are not repeated here.

Referring to FIG. 5-6, it is a schematic diagram of a mobile terminal interface in a specific application scenario for the embodiment. As shown in FIG. 5, the interface may be a mobile terminal interface including each application software, or may be an interface of an application software including each function icon in the mobile terminal.

In this embodiment, the user can long press any icon in the interface shown in FIG. 5 to trigger the interface icon management. When the interface icon management triggering operation is detected, the icon management interface shown in FIG. 6 is automatically generated.

The upper part of the icon management interface is an icon area to be managed, and the to-be-managed icon area is generated according to the interface of FIG. 5, and the basic information and arrangement information of each icon in the to-be-managed icon area are in the interface shown in FIG. The basic information and arrangement information of each icon are corresponding. In addition, the lower part of the icon management interface is an icon area to be added. As shown in FIG. 6 , the to-be-added icon area is further divided into a search bar and a list bar. When the user inputs a query word through the search bar to find related icons, The list bar displays the relevant search results. When the user does not input the query word through the search bar, the list bar displays the icons stored on the server side or locally stored.

In this embodiment, after the customized interface is started, a delete flag appears on each icon in the icon area to be managed, and an add flag appears on each icon in the icon area to be added, as shown in FIG. The flag is "-" and the added flag is "+". At this time, the user can click the "-" on any icon in the icon area to be managed to delete the icon, or directly drag any icon in the icon area to be managed to the icon area to be added to delete the icon, and the same user You can click the "+" on any icon in the icon to be added to add the icon to the end of the icon area to be managed, or directly drag any icon in the icon area to be added to any position in the icon area to be managed. Add this icon to any location in the area to be managed icon.

In this way, the addition, deletion, quick search and screening of various icons in the mobile terminal interface can be completed in the icon management interface, and no need to switch to another page, thereby facilitating the operation of the user and ensuring the interface management. Efficient and enhance the user experience.

In this embodiment, when the number of icons in the to-be-managed icon area and/or the to-be-added icon area exceeds the corresponding visible area in the full-screen page, scrolling is generated in the to-be-managed icon area and/or the to-be-added icon area. And viewing the icons in the to-be-managed icon area and/or the icon area to be added in a scrolling list manner. In this way, the form of the scroll bar can make more icons can be included in the icon area to be managed and the icon area to be added, thereby improving the user experience.

FIG. 7 is a schematic diagram of an interface icon management system according to the embodiment. As shown in FIG. 7 , the interface icon management system includes: a generating module 701, an icon adding module 702, and an icon deleting module 703.

The generating module 701 is configured to generate an icon management interface after the interface interface management triggering operation is performed on the current interface, where the icon management interface includes an icon area to be managed and an icon area to be added, where the icon area to be managed is customized according to the current interface. The icon is drawn, and the icon area to be added is drawn according to a customizable icon of the current interface.

In this embodiment, the generating module 701 monitors the mobile terminal interface, and when the interface icon management triggering operation is detected, the management of the icon on the interface is started; wherein the interface icon management triggering operation may refer to the user pressing the mobile terminal. Any icon on an interface may also be an edit icon on the current interface of the mobile terminal, wherein the edit icon may be customized, such as a "+" icon, or may be pre-arranged on the current interface of the mobile terminal. a gesture or the like; therefore, when the generating module 701 detects the above operation, an icon including the icon area to be managed and the icon area to be added is generated. Management interface.

The icon adding module 702 is configured to add an icon selected in the to-be-added icon area to a specific location of the to-be-managed icon area when the icon adding triggering operation is received.

The icon deletion module 703 is configured to delete the selected icon from the to-be-managed icon area when the icon deletion triggering operation is received.

The icon addition trigger operation or the icon deletion trigger operation in this embodiment is implemented by dragging. The icon-adding trigger operation is implemented by dragging the dragging method to drag an icon in the icon area to be added to the icon area to be managed; the icon-delete triggering operation is performed by dragging, and the dragging is performed in the icon area to be managed. An icon is added to the icon area to be added.

In this embodiment, an icon management interface including an icon area to be managed and an icon area to be added is generated, so that the icon management interface, such as adding, deleting, quickly searching, and filtering, can be completed on the icon management interface. Need to switch to another page, which facilitates the user's operation, ensures the efficient management of the interface icons, and improves the user experience.

Specifically, referring to FIG. 8 , the generating module 701 includes a to-be-managed icon area generating unit 7011 and an to-be-added icon area generating unit 7012 .

The to-be-managed icon area generating unit 7011 is configured to acquire basic information of each icon in the current interface, and arrangement information of each icon in the current interface, and draw the respective icons according to the basic information and the arrangement information of the respective icons. Manage icon areas.

The to-be-added icon area generating unit 7012 is configured to acquire basic information of each icon stored on the server side or locally stored, delete an icon existing in the current interface from the acquired icon, and then pass the basic information of the icon. The deleted processed icon is drawn in the icon area to be added.

In this embodiment, the interface icon management system further includes an icon database 704 to be added for storing basic information of all icons except the respective icons existing on the current interface.

At this time, the to-be-added icon area is generated according to each icon stored in the icon database 704 to be added; correspondingly, the to-be-added icon area generating unit 7012 is configured to obtain basic information of each icon from the to-be-added icon database 704, according to Basic information of the icon, the icon is drawn In the area to be added icon.

The generating module 701 in this embodiment further includes a flag generating unit 7013, configured to generate a delete flag on each icon in the icon area to be managed, and generate an add flag on each icon in the icon area to be added.

At this time, the icon addition trigger operation or the icon deletion trigger operation can be realized by clicking the addition flag or deleting the flag, in addition to being implemented by the drag method described above. The icon addition trigger operation is implemented by clicking the add flag, and refers to clicking the add flag on an icon in the icon area to be added, and the icon delete trigger operation is implemented by clicking the delete flag to click on one of the to-be-managed icon areas. The delete flag on the icon.

When the icon addition triggering operation in this embodiment is implemented by clicking the add flag, the icon adding module 702 adds the above icon to the end of the to-be-managed icon area, and removes the icon from the to-be-added icon area. When the icon addition triggering operation is implemented by dragging, the icon adding module 702 adds the above icon to the dragged position in the to-be-managed icon area, and removes the icon from the to-be-added icon area. At this time, the user can add the icon to any position in the to-be-managed icon area where he wants to add the icon by dragging, thereby facilitating the user to manage the interface icon, further facilitating the user to find the added icon, which is convenient for the user's operation. To enhance the user experience.

In this embodiment, the interface icon management system further includes a processing module 705, configured to delete the added icon in the to-be-added icon database 704 after the icon adding module 702 completes the adding operation, or in the icon deleting module 703. After the deletion operation is completed, the deleted icon is added in the to-be-added icon database 704.

The to-be-added icon area generating unit 7012 in this embodiment is further configured to generate an icon area to be added including a search bar and a list bar. In this way, by adding a search function to the icon area to be added, the user can input the keyword of the icon that he wants to find in the search field of the icon area to be added, and the search result is displayed in the list column of the icon area to be added, so that The user's operation is greatly facilitated, and the time for finding relevant icons in the icon area to be added is saved, thereby improving the user experience.

The generating module 701 in this embodiment further includes a scroll bar generating unit 7014, configured to: when the number of icons in the icon area to be managed and/or the icon area to be added exceeds the visible area, in the icon area to be managed and / or generate a scroll bar in the icon area to be added. This way you can scroll through the list Viewing the icons in the to-be-managed icon area and/or the icon area to be added may enable more icons to be included in the icon area to be managed and the icon area to be added, thereby improving the user experience.

The interface icon management method and system provided by the application generate an icon management interface including an icon area to be managed and an icon area to be added, and the icon management interface can be completed on the icon management interface, such as adding, deleting, and quickly searching for icons. Filtering, etc., and no longer need to switch to another page, thus facilitating the user's operation, ensuring efficient interface management and improving the user experience.

Furthermore, the method according to the present application can also be embodied as a computer program product comprising a computer readable medium having stored thereon a computer program for performing the functions described above in the method of the present application . The various illustrative logical blocks, modules, circuits, and algorithm steps described in connection with the disclosure herein may be implemented as electronic hardware, computer software, or combinations of both.

The flowchart and block diagrams in the Figures illustrate the architecture, functionality, and operation of possible implementations of systems and methods in accordance with various embodiments of the present application. In this regard, each block of the flowchart or block diagram can represent a module, a program segment, or a portion of code that includes one or more of the Executable instructions. It should also be noted that in some alternative implementations, the functions noted in the blocks may also occur in a different order than the ones in the drawings. For example, two consecutive blocks may be executed substantially in parallel, and they may sometimes be executed in the reverse order, depending upon the functionality involved. It is also noted that each block of the block diagrams and/or flowcharts, and combinations of blocks in the block diagrams and/or flowcharts, can be implemented in a dedicated hardware-based system that performs the specified function or operation. Or it can be implemented by a combination of dedicated hardware and computer instructions.

The various embodiments of the present application have been described above, and the foregoing description is illustrative and not restrictive. Numerous modifications and changes will be apparent to those skilled in the art without departing from the scope of the invention. The choice of terms used herein is intended to best explain the principles, practical applications, or technical improvements in the various embodiments of the embodiments, or to enable those of ordinary skill in the art to understand the embodiments disclosed herein.

Claims

An interface icon management method, the method comprising:

After the interface interface management triggering operation is detected, the icon management interface includes an icon area to be managed and an icon area to be added, where the icon area to be managed is drawn according to an icon customized by the current interface. The icon area to be added is drawn according to an icon that can be customized by the current interface;

When an icon addition triggering operation is received, an icon selected in the to-be-added icon area is added to a specific location of the to-be-managed icon area; or

When the icon deletion triggering operation is received, the selected icon is deleted from the to-be-managed icon area.
The method according to claim 1, wherein the generating the to-be-managed icon area comprises:

Obtain basic information of each icon in the current interface, and arrangement information of each icon in the current interface;

And drawing the respective icons in the to-be-managed icon area according to the basic information and the arrangement information of the respective icons.
The method according to claim 1, wherein the generating the icon area to be added comprises:

Obtain basic information of various icons stored on the server side or locally stored;

Deleting an icon existing in the current interface from the acquired icon;

The icon after the deletion process is drawn in the icon area to be added according to the basic information of the icon.
The method according to claim 1, wherein the generating the icon area to be added further comprises:

Obtain basic information of each icon from the database to be added;

The icon is drawn in the icon area to be added according to the basic information of the icon.
The method according to claim 3 or 4, wherein the to-be-added icon area further comprises a search bar and a list bar.
The method according to any one of claims 1 to 5, wherein the generating the to-be-managed icon area and the to-be-added icon area further comprises: an icon in the to-be-managed icon area and/or an icon area to be added When the number exceeds the visible area, a scroll bar is generated in the to-be-managed icon area and/or the icon area to be added.
The method according to claim 1, wherein the icon addition trigger operation or the icon deletion trigger operation is implemented by dragging.
The method according to claim 2 or 3, wherein each icon in the generated icon area to be managed further includes a deletion flag, and each icon in the generated icon area to be added further includes an addition flag.
The method according to claim 8, wherein the icon addition trigger operation or the icon deletion trigger operation is implemented by dragging; or

The icon addition trigger operation or the icon deletion trigger operation is implemented by clicking an add flag or a delete flag.
The method according to claim 4, wherein after the adding operation, the method further comprises: deleting the added icon in the to-be-added icon database; or

After the deleting operation, the method further includes: adding the deleted icon to the to-be-added icon database.
An interface icon management system, characterized in that the system comprises:

a generating module, configured to generate an icon management interface after the interface interface management triggering operation is performed on the current interface, where the icon management interface includes an icon area to be managed and an icon area to be added, where the icon area to be managed is customized according to the current interface The icon is drawn, and the icon area to be added is drawn according to a customizable icon of the current interface.

An icon adding module, configured to add an icon selected in the to-be-added icon area to a specific location of the to-be-managed icon area when receiving an icon adding triggering operation;

The icon deletion module is configured to delete the selected icon from the to-be-managed icon area when receiving the icon deletion triggering operation.
The system of claim 11, wherein the generating module specifically comprises:

a to-be-managed icon area generating unit, configured to acquire basic information of each icon in the current interface, and arrangement information of each icon in the current interface, and draw the respective icons according to the basic information and the arrangement information of the respective icons. Manage icon areas.
The system of claim 11, wherein the generating module specifically comprises:

An icon area generating unit is configured to acquire basic information of each icon stored on the server side or locally stored, delete an icon existing in the current interface from the acquired icon, and then pass the basic information of the icon. The deleted processed icon is drawn in the icon area to be added.
The system of claim 11 wherein said system further comprises:

The icon database to be added is used to store basic information of all icons except the respective icons existing on the current interface.
The system according to claim 14, wherein the to-be-added icon area generating unit is further configured to: obtain basic information of each icon from the to-be-added icon database, and draw the icon according to the basic information of the icon In the area to be added icon.
The system according to claim 13 or 15, wherein said to-be-added icon area further comprises a search bar and a list bar.
The system according to any one of claims 11 to 16, wherein the generating module further comprises:

a scroll bar generating unit, configured to generate a scroll bar in the to-be-managed icon area and/or the to-be-added icon area when the number of icons in the to-be-managed icon area and/or the to-be-added icon area exceeds the visible area.
The system according to claim 11, wherein said icon addition triggering operation or icon deletion triggering operation is implemented by dragging.
A system according to claim 12 or 13, wherein said generating module further comprises include:

And a flag generating unit, configured to generate a delete flag on each icon in the icon area to be managed, and generate an add flag on each icon in the icon area to be added.
The system according to claim 19, wherein said icon addition trigger operation or icon deletion trigger operation is implemented by dragging; or

The icon addition trigger operation or the icon deletion trigger operation is implemented by clicking an add flag or a delete flag.
The system of claim 14 wherein said system further comprises:

And a processing module, configured to delete the added icon in the to-be-added icon database after the adding operation, or add the deleted icon in the to-be-added icon database after the deleting operation.