CN109885222B - Icon processing method and device, electronic equipment and computer readable medium - Google Patents
Icon processing method and device, electronic equipment and computer readable medium Download PDFInfo
- Publication number
- CN109885222B CN109885222B CN201910121260.7A CN201910121260A CN109885222B CN 109885222 B CN109885222 B CN 109885222B CN 201910121260 A CN201910121260 A CN 201910121260A CN 109885222 B CN109885222 B CN 109885222B
- Authority
- CN
- China
- Prior art keywords
- icon
- page
- touch operation
- user
- display position
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Abstract
The embodiment of the application discloses an icon processing method and device, electronic equipment and a computer readable medium, and relates to the field of mobile terminals. The method comprises the following steps: acquiring a first icon and a second icon selected by a user in a plurality of icons in an appointed boundary; under the condition that the first icon and the second icon are continuously selected, acquiring a first touch operation acting on the first icon and a second touch operation acting on the second icon; judging whether the first touch operation and the second touch operation meet a specified condition; and if so, displaying the first icon at the second initial display position, and displaying the second icon at the first initial display position. Therefore, under the condition that the first icon and the second icon are selected simultaneously, the user performs first touch operation on the first icon and performs second touch operation on the second icon, and the positions of the first icon and the second icon are interchanged, so that the operation of the user can be reduced, and the user experience is improved.
Description
Technical Field
The present application relates to the field of mobile terminals, and in particular, to an icon processing method and apparatus, an electronic device, and a computer-readable medium.
Background
At present, electronic equipment used by a user generally comprises a desktop interface, icons of a plurality of application programs are displayed on the interface, if the two icons are to be transposed, a first icon needs to be operated to move to the position of a second icon, then the second icon is moved to the original position of the first icon, the operation is too complicated, and the user experience is poor.
Disclosure of Invention
The application provides an icon processing method, an icon processing device, an electronic device and a computer readable medium, so as to overcome the defects.
In a first aspect, an embodiment of the present application provides an icon processing method, which is applied to an electronic device, where the electronic device includes a designated interface, and multiple icons are displayed in the designated interface, and each icon corresponds to an initial display position. The method comprises the following steps: acquiring a first icon and a second icon selected by a user in the plurality of icons in the designated interface, wherein the first icon corresponds to a first initial display position of the designated interface, and the second icon corresponds to a second initial display position of the designated interface; under the condition that the first icon and the second icon are continuously selected, acquiring a first touch operation acting on the first icon and a second touch operation acting on the second icon; judging whether the first touch operation and the second touch operation meet a specified condition; and if so, displaying the first icon at the second initial display position, and displaying the second icon at the first initial display position.
In a second aspect, an embodiment of the present application further provides an icon processing apparatus, which is applied to an electronic device, where the electronic device includes a designated interface, and a plurality of icons are displayed in the designated interface, and each icon corresponds to an initial display position. The icon processing apparatus includes: the device comprises a first acquisition unit, a second acquisition unit, a judgment unit and a processing unit. The first obtaining unit is used for obtaining a first icon and a second icon selected by a user in the plurality of icons in the designated interface, wherein the first icon corresponds to a first initial display position of the designated interface, and the second icon corresponds to a second initial display position of the designated interface. A second acquisition unit configured to acquire a first touch operation on the first icon and a second touch operation on the second icon when the first icon and the second icon are continuously selected. And the judging unit is used for judging whether the first touch operation and the second touch operation meet a specified condition. And the processing unit is used for displaying the first icon at the second initial display position and displaying the second icon at the first initial display position if the first icon is met.
In a third aspect, an embodiment of the present application further provides an electronic device, including: one or more processors; a memory; the screen is used for displaying a designated interface, a plurality of icons are displayed in the designated interface, and each icon corresponds to an initial display position; one or more applications, wherein the one or more applications are stored in the memory and configured to be executed by the one or more processors, the one or more programs configured to perform the above-described methods.
In a fourth aspect, the present application further provides a computer-readable medium, in which a program code is stored, where the program code can be called by a processor to execute the above method.
The icon processing method and device, the electronic equipment and the computer readable medium are applied to the electronic equipment, the electronic equipment comprises a designated interface, a plurality of icons are displayed in the designated interface, and each icon corresponds to an initial display position. If the positions of the two icons need to be interchanged, the user can simultaneously select a first icon and a second icon, wherein the first icon corresponds to a first initial display position of the designated interface, the second icon corresponds to a second initial display position of the designated interface, the electronic equipment acquires the first icon and the second icon selected by the user from the icons in the designated interface, then acquires a first touch operation acting on the first icon and a second touch operation acting on the second icon under the condition that the first icon and the second icon are continuously selected, and displays the first icon at the second initial display position and displays the second icon at the first initial display position if the first touch operation and the second touch operation meet designated conditions. Therefore, under the condition that the first icon and the second icon are selected simultaneously, the user performs the first touch operation on the first icon and performs the second touch operation on the second icon, and when the first touch operation and the second touch operation meet the specified conditions, the positions of the first icon and the second icon are interchanged, so that the operation of the user can be reduced, and the user experience is improved.
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 are briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present application, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
FIG. 1 is a schematic diagram illustrating an icon displayed on a desktop interface of a system provided by an embodiment of the present application;
FIG. 2 is a schematic diagram illustrating an icon displayed on a desktop interface of a system provided by another embodiment of the present application;
FIG. 3 is a flowchart illustrating a method of processing an icon according to an embodiment of the present application;
FIG. 4 is a diagram illustrating an icon provided by an embodiment of the present application in a selected state;
FIG. 5 illustrates a schematic diagram of a system desktop interface after icon position swapping, as provided by an embodiment of the present application;
FIG. 6 is a flowchart illustrating a method of processing an icon according to another embodiment of the present application;
FIG. 7 illustrates a schematic diagram of various location points provided by embodiments of the present application;
FIG. 8 is a schematic diagram illustrating an icon being dragged according to an embodiment of the present application;
FIG. 9 is a schematic diagram illustrating an icon being dragged according to another embodiment of the present application
FIG. 10 is a schematic diagram illustrating the intersection of the trajectories when the first icon and the second icon are dragged according to another embodiment of the present application;
FIG. 11 is a flowchart illustrating a method of icon processing according to yet another embodiment of the present application;
FIG. 12 is a schematic diagram illustrating a first page icon selected according to an embodiment of the present application;
fig. 13 is a schematic diagram illustrating a page turning operation in a state where an icon of a first page is selected according to an embodiment of the present application;
FIG. 14 is a schematic diagram illustrating a second page icon selected according to an embodiment of the present application;
FIG. 15 is a block diagram of an icon processing apparatus according to an embodiment of the present application;
fig. 16 shows a block diagram of an electronic device provided in an embodiment of the present application;
fig. 17 shows a storage unit for storing or carrying program codes for implementing an icon processing method according to an embodiment of the present application.
Detailed Description
In order to make the technical solutions better understood by those skilled in the art, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the drawings in the embodiments of the present application.
Referring to fig. 1, a system desktop interface 101 of an electronic device 100 is shown, a plurality of icons 101 are displayed in the system desktop interface 101, each icon 101 corresponds to an application, the application may be an application installed on the system, and in particular, when the application is installed in the electronic device 100, an icon of the application is displayed on the system desktop interface 101, i.e., the system generates a default display position, i.e., an initial display position, the initial display position is generated in such a manner that the initial display position is displayed according to a preset rule, for example, in a direction from the left side to the right side of the screen, and are sequentially displayed from the top to the bottom of the screen, each icon corresponds to one display area, the display area corresponds to an initial display position of the icon, and as an embodiment, the initial display position of the icon is a pixel coordinate corresponding to a central point of the initial display area of the icon.
The user can readjust the display position of each icon on the system desktop interface 101, for example, selecting one of the icons and moving the icon to a desired display position, so that the display position of each icon displayed on the system desktop interface 101 can be readjusted.
In addition, the system desktop interface 101 may include multiple pages, and each page may display an icon, as shown in fig. 2, a user may move an icon on one page to another page, specifically, the user may hold one icon and drag the icon to the left side or the right side of the screen, and then the electronic device may perform a page turning action, and the system desktop interface 101 switches to an adjacent page, and then the user drags the icon to a desired display position on the page, thereby implementing a change of the display position of the icon.
However, the inventor has found in research that when a user uses an electronic device, if many applications are downloaded, the icon layout of the desktop is very disordered. In this time, if a user wants to replace two icons which are far apart from each other, the user needs to move the first icon to the back of the second icon first and then move the second icon to the position before the first icon, that is, needs to drag twice, and if the number of icons which need to be replaced is large, the user is very cumbersome and wastes energy.
Therefore, in order to solve the foregoing drawback, an embodiment of the present application provides an icon processing method, as shown in fig. 3, which is applied to an electronic device, where the electronic device includes a designated interface, and a plurality of icons are displayed in the designated interface, where each icon corresponds to an initial display position, and specifically, the method includes: s301 to S304.
S301: and acquiring a first icon and a second icon selected by a user in the plurality of icons in the designated boundary surface.
If the designated interface may be the system desktop interface 101, the first icon corresponds to a first initial display position of the designated interface, and the second icon corresponds to a second initial display position of the designated interface.
The user can select one or more icons in the plurality of icons in the designated interface, as an embodiment, the user continuously touches a certain icon, and when the duration reaches a certain time length, for example, 1 second, the icon can be selected, and the selected icon can be displayed in a magnified form, as shown in fig. 4, the icon 4 and the icon 9 are selected and magnified, and the user can visually know that the icon 4 and the icon 9 are selected. In addition, the icon may be selected by touching, for example, by double-clicking the screen continuously for multiple times at the display position corresponding to the icon, and if the electronic device detects that a certain area of the screen is double-clicked, the electronic device searches for the icon corresponding to the area and marks the icon as the selected icon.
S302: and acquiring a first touch operation acting on the first icon and a second touch operation acting on the second icon under the condition that the first icon and the second icon are continuously selected.
As an implementation manner, after a user clicks a screen or continuously presses the screen for a certain time, the first icon and the second icon are selected, and then, after the first icon and the second icon are selected, the user continues to touch and operate the first icon and the second icon, and the touch operation includes dragging, pressing, and the like.
S303: and judging whether the first touch operation and the second touch operation meet a specified condition.
S304: displaying the first icon at the second initial display position and the second icon at the first initial display position.
Specifically, the touch operation includes a drag operation and a press operation, where the drag operation may change a position of an operated icon, the drag operation corresponds to the movement track, and the press operation is an operation in which the user continuously presses the screen, and the press operation corresponds to the press parameter, so that in the process of the touch operation, the user may press the icon while dragging the icon, or may continuously press the icon without dragging the icon.
The electronic device may determine whether the first touch operation and the second touch operation satisfy the specified condition according to the movement trajectory of the drag operation in the first and second touch operations, or may determine whether the first touch operation and the second touch operation satisfy the specified condition according to the pressing parameter, and then different manners are adopted, and the meanings represented by the specified condition are different.
As an embodiment, the first touch operation includes a first pressing operation, the second touch operation includes a second pressing operation, and the first pressing operation corresponds to the first pressing parameter, and the second pressing operation includes the second pressing parameter, so that the first touch operation corresponds to the first pressing parameter, and the second touch operation corresponds to the second pressing parameter. The pressing parameters include pressing force, pressing time and the like.
Specifically, a specific implementation manner of determining whether the first touch operation and the second touch operation satisfy a specified condition may be: acquiring a first pressing parameter corresponding to the first touch operation and a second pressing parameter corresponding to the first touch operation; and judging whether the first pressing parameter and the second pressing parameter accord with preset parameters.
The first pressing parameter may be a first pressing force, and the second pressing parameter may be a second pressing force, then the first pressing force corresponding to the first touch operation and the second pressing force corresponding to the first touch operation are obtained, where the pressing force corresponding to the touch operation may be a plurality of pressing forces collected according to a sampling frequency during the continuous pressing operation, and the pressing force corresponding to the touch operation is obtained according to the collected plurality of pressing forces, for example, an average value of the collected plurality of pressing forces may be used as the pressing force corresponding to the touch operation.
After a first pressing force degree corresponding to the first touch operation and a second pressing force degree corresponding to the second touch operation are obtained, whether the first pressing force degree and the second pressing force degree are both larger than a specified pressing force degree is judged, if both the first pressing force degree and the second pressing force degree are larger than the specified pressing force degree, the first touch operation and the second touch operation are judged to meet specified conditions, and if the first pressing force degree is smaller than or equal to the specified pressing force degree or the first pressing force degree is smaller than or equal to the specified pressing force degree, the first touch operation and the second touch operation are judged not to meet the specified conditions.
In addition, the first pressing parameter may be a first pressing duration, and the second pressing parameter may be a second pressing duration, and then a first pressing duration corresponding to the first touch operation and a second pressing duration corresponding to the first touch operation are obtained, where the pressing duration corresponding to the touch operation may be a duration of the pressing operation, that is, a duration from the beginning to the end of the touch operation.
After a first pressing duration corresponding to the first touch operation and a second pressing duration corresponding to the second touch operation are obtained, whether the first pressing duration and the second pressing duration are both greater than a specified pressing duration is judged, if both are greater, the first touch operation and the second touch operation are judged to meet specified conditions, and if the first pressing duration is less than or equal to the specified pressing duration or the first pressing duration is less than or equal to the specified pressing duration, the first touch operation and the second touch operation are judged not to meet the specified conditions.
As an embodiment, after the user selects the first icon and the second icon, the area of the screen of the display position corresponding to the first icon and the area of the screen of the display position corresponding to the second icon are pressed with the first pressing force degree and the second pressing force degree, respectively, if both the first pressing force degree and the second pressing force degree are greater than the designated pressing force degree, the display positions of the first icon and the second icon are interchanged, as shown in fig. 5, the positions of the icon 4 and the icon 9 are interchanged compared with the positions of the icon 4 and the icon 9 within the interface shown in fig. 1, that is, the icon 4 is displayed at the initial display position of the icon 9, and the icon 9 is displayed at the initial display position of the icon 4. Specifically, after selecting the icon 4 and the icon 9, the user may press the icon 4 and the icon 9 with force at the same time, and then when the user releases his hand, the positions of the icon 4 and the icon 9 may be interchanged, or after detecting that both the pressing force degree corresponding to the icon 4 and the pressing force degree corresponding to the icon 9 are greater than the specified force degree, the user may interchange the positions of the icon 4 and the icon 9 regardless of whether the user releases his hand.
As another embodiment, after the user selects the first icon and the second icon, the area of the screen at the display position corresponding to the first icon and the area of the screen at the display position corresponding to the second icon are pressed respectively, and both the first pressing time duration corresponding to the first icon and the second pressing time duration corresponding to the second icon are longer than the specified time length, then the display positions of the first icon and the second icon are interchanged, such as the positions of icon 4 and icon 9 shown in fig. 5 are interchanged. Specifically, after the user selects the icon 4 and the icon 9, and simultaneously presses the icon 4 and the icon 9 for a specified time, then positions of the icon 4 and the icon 9 may be interchanged when the user releases his hand, or the positions of the icon 4 and the icon 9 may be interchanged after pressing the icon 4 and the icon 9 for the specified time, regardless of whether the user releases his hand.
Further, the following embodiments may be referred to in the specific implementation manner of determining whether the first touch operation and the second touch operation satisfy the specified condition according to the drag operation.
Specifically, referring to fig. 6, if the first touch operation includes a first drag operation, and the second touch operation includes a second drag operation, the method includes: s601 to S604.
S601: and acquiring a first icon and a second icon selected by a user in the plurality of icons in the designated boundary surface.
S602: and under the condition that the first icon and the second icon are continuously selected, acquiring a first dragging operation acting on the first icon and a second dragging operation acting on the second icon.
After the user selects the first icon and the second icon in the designated interface, the first icon and the second icon are in a selected state, for example, as shown in fig. 4, the selected icon is enlarged and positioned on the layers of other icons, or the selected icon is in a floating state. Then, the user continues to touch the first icon and the second icon, that is, the display area corresponding to the first icon and the display area corresponding to the second icon on the screen are kept in a pressed state, and the first icon is dragged to execute the first dragging operation and the second icon is dragged to execute the second dragging operation, so that the first dragging operation and the second dragging operation are monitored, specifically, the position point of the first icon under the action of the first dragging operation at each moment and the corresponding first display area can be recorded, and the position point of the second icon under the action of the second dragging operation at each moment and the corresponding second display area can be recorded according to a certain sampling frequency.
S603: and judging whether the first icon and the second icon are at least partially overlapped under the action of the first dragging operation and the second dragging operation.
Because the first display area corresponding to each moment of the first icon under the action of the first dragging operation and the second display area corresponding to each moment of the second icon under the action of the second dragging operation can be recorded, therefore, the display regions to which the first icon and the second icon correspond at each time can be determined, and, the boundaries of the display area can be marked by the coordinates of the respective pixel points on the screen, e.g., the first display area corresponding to the first icon is distributed over the area enclosed by coordinates 1, 2, 3 and 4, the shape of the area corresponds to the shape of the first icon, for example, the area may be a rectangle, and then the coordinates 1, 2, 3, and 4 may be four vertices of the rectangular display area corresponding to the first icon, and similarly, the second display area corresponding to the second icon may also be marked by the coordinates of the pixel point.
By acquiring the position of the first display area of the first icon and the position of the second display area of the second icon, it can be determined whether the first icon and the second icon overlap each other, and specifically, when the range of the first display area is partially the same as the range of the second display area, it can be determined that the first icon and the second icon partially overlap each other.
As an embodiment, S604 may be executed when the first icon and the second icon partially overlap, that is, the first icon is displayed at the second initial display position, and the second icon is displayed at the first initial display position.
As another embodiment, S604 may be executed again when the first icon and the second icon are completely overlapped.
Specifically, in order to achieve a display effect that a plurality of icons are distributed neatly in a designated plane, the size and the shape of each icon may be consistent, and then the display position of the first icon at each time under the first dragging operation and the display position of the second icon at each time under the second dragging operation may also be obtained by detecting the display positions corresponding to the center point of the first icon and the center point of the second icon.
Specifically, the process of the dragging operation is described by taking the first icon as an example, and the user drags the first icon to slide on the screen in a state that the first icon is selected, so that the user can input a target track on the screen in a sliding gesture mode, and the target track is the dragging operation.
The target track may be formed by a plurality of track points, the track points may be selected as a plurality of track points selected at predetermined intervals on the target track, and each track point in the target track corresponds to one piece of position information on the screen because the target track corresponds to one display area on the screen. The pixel coordinate system is a coordinate system preset for each pixel point on the screen, for example, one corner point of the screen is a coordinate origin, and a diagonal point of the coordinate origin is the maximum coordinate of the coordinate system, which may correspond to the resolution of the screen. If g1 shown in fig. 7 is a first location point of the first icon pair, each first location point corresponds to a time point, which may be the time point when the first icon is at the first location point.
The first position point may be a position corresponding to a center point of the icon, and in order to monitor a time when the first icon and the second icon are partially overlapped, a position point after the center point of the first icon in the sliding direction of the first drag operation along the first icon may be selected as the first position point, and a position point after the center point of the second icon in the sliding direction of the second drag operation along the second icon may be selected as the second position point.
Specifically, taking the first icon as an example, the electronic device collects, at sampling intervals, a position point of a center point of the first icon under the action of the first dragging operation, and records as a center position point, coordinates of the center position point may be recorded as (x1, y1), as shown in fig. 7, the user inputs a sliding gesture on the screen using a finger, g1 is a starting touch point of the sliding gesture, the collection time point corresponding to the g1 is taken as a starting point, after a specified time interval, the center point of the first icon is located at a position of coordinates (x1, y1), and then adds a numerical value to both an abscissa and an ordinate of the coordinates to obtain (x1+ x0, y1+ y0), where x0 and y0 may be positive numbers or negative numbers, as an implementation manner, if the current sliding direction moves along a positive direction of an abscissa axis of a pixel system, both x0 and y0 are positive numbers, whereas x0 and y0 are negative numbers if the current sliding direction moves in a negative direction along the abscissa axis of the pixel coordinate system, so that it can be ensured that a point following the center point of the first icon in the sliding direction is selected as the position point.
Where x0 and y0 may be sized according to actual usage, in some embodiments, x0 may be set according to a horizontal distance between a center point of the first icon and a first designated boundary of the first icon, where the first designated boundary may be a boundary with a shortest horizontal distance from the center point, and x0 is less than or equal to the horizontal distance, and similarly, y0 may be set according to a vertical distance between the center point of the first icon and a second designated boundary of the first icon, where the second designated boundary may be a boundary with a shortest vertical distance from the center point, and x0 is less than or equal to the vertical distance. For example, if the first icon is rectangular, the horizontal distance is the distance from the center point of the first icon to the perpendicular line of the short side, and the vertical distance is the distance from the center point of the first icon to the perpendicular line of the long side.
The specific implementation manner of determining whether the first icon and the second icon are at least partially under the actions of the first dragging operation and the second dragging operation may be: acquiring each first position point in the first dragging operation; acquiring each second position point in the second dragging operation; and judging whether the same position points exist between the plurality of first position points and the plurality of second position points.
The first position point may be a coordinate point corresponding to a center point of the first icon, and the second position point may be a coordinate point corresponding to a center point of the second icon, if the first position point and the second position point are the same and the first icon and the second icon are the same in size, then the first icon and the second icon are completely overlapped at this time, and whether the first icon and the second icon are partially overlapped may be determined by obtaining a distance between the first position point and the second position point, whether the distance is smaller than a specified value, and if the distance is smaller than the specified value, determining that the first icon and the second icon are partially overlapped, where the specified value may be a sum of a farthest distance between the center point of the first icon and each vertex of the second icon.
When the user drags the first icon and the second icon, the user often covers the first icon and the second icon with fingers, so that the first icon and the second icon are difficult to completely overlap, and when the two icons are close to each other, the two fingers limit the close of the two icons, so that the first position point and the second position point can be set according to the coordinate points exemplified by (x1+ x0, y1+ y0) above.
If the first position point is the same as the second position point, the display area corresponding to the first icon and the display area corresponding to the second icon are overlapped, that is, the first icon and the second icon are partially overlapped.
As shown in fig. 8, the user can operate the first icon 102A and the second icon 102B with one hand, for example, by pressing the second icon 102B with a thumb, pressing the first icon 102A with an index finger, and after a certain time, the first icon 102A and the second icon 102B are selected, for example, the first icon 102A and the second icon are in a floating state, and then, the user controls the fingers to press the first icon 102A and the second icon 102B while the thumb and the index finger are drawn close to each other, so that the first icon 102A and the second icon 102B can be gradually brought close to each other, as shown in fig. 9, the first icon 102A is the icon 4 in the figure, the second icon 102B is the icon 9 in the figure, as shown in fig. 9(a), the first icon 102A and the second icon 102B are dragged in a direction close to each other, and the distance between the first icon 102A and the second icon 102B gradually decreases, as shown in fig. 9(B), the first icon 102A and the second icon 102B partially coincide, and then S604 is performed. Therefore, after the icon is selected and dragged, the first icon moves from the initial position of the icon 4 to the initial position of the icon 9, the second icon moves from the initial position of the icon 9 to the initial position of the icon 4, and the movement direction of the icon 9 is consistent with the position where the icon 9 is finally located, namely the direction of the initial position of the icon 4, so that better operation effect, visual effect and user experience can be obtained.
In addition, as shown in fig. 8 and 9, the user operates the first icon and the second icon to move simultaneously, and when the two icons reach the vicinity of the same position so that the first icon and the second icon partially overlap, the positions of the two icons are switched.
As another embodiment, S604 may be performed when the first icon and the second icon do not move to the same position at the same time, but the tracks of the first icon and the second icon have the same position point, that is, the tracks intersect with each other. Specifically, as shown in fig. 10, if the first icon is icon 4 and the second icon is icon 9, the first icon and the second icon are dragged at the same time, and the sliding tracks corresponding to the dragging operations of the first icon and the second icon are different, and the first icon and the second icon have the same position point, for example, if the position point G shown in fig. 10 is the same position point, the time point when the first icon reaches the position point G is t1, and the time point when the second icon reaches the position point G is t2, t1 and t2 may be different, for example, if the first icon first passes through the position point G, and then the second icon passes through the position point G, S604 may be performed.
Of course, S604 may be executed again when t1 is the same as t 2. Specifically, a first time point of the searched same position point in the first dragging operation and a second time point of the searched same position point in the second dragging operation are obtained; and judging whether the first time point and the second time point are the same, if so, executing S604.
S604: displaying the first icon at the second initial display position and the second icon at the first initial display position.
Referring to fig. 11, a method for processing an icon provided in an embodiment of the present application is shown, where the method includes: s1101 to S1106.
S1101: and acquiring a first icon selected by a user in the first page.
The designated interface includes a plurality of pages, each of which displays an icon, and as shown in fig. 12, a first icon 102A of the first page 101A is selected by a finger of the user, and the first icon 102A may be, for example, the icon 9 described above.
S1102: when the situation that the first icon is dragged to a second page is monitored, under the condition that the first icon is continuously selected, a second icon selected by a user is obtained on the second page.
If the user performs the page turning operation while continuously selecting, i.e., continuously pressing, the first icon 102A, the page turning operation may be a page turning instruction input by voice, for example, a page turning instruction is input by inputting "h i, a certain" function is to call the voice recognition module, and a voice instruction input by "h i" as the page turning "can be recognized by the electronic device. In addition, the page turning operation may be input by a physical key, for example, when the icon is selected, the volume adjustment key is pressed to implement the page turning operation, for example, when the volume increase key is pressed, the designated interface can be turned forward by one page, and when the volume decrease key is pressed, the designated interface can be turned backward by one page.
As an implementation manner, in the embodiment of the present application, the first icon may be dragged to a boundary of the screen, so as to enable a page turning operation, specifically, if the first icon is dragged to the right side of the screen, a page turning operation is performed, and if the first icon 102A is dragged to the right side of the first page 101A as shown in fig. 13 and a page turning operation is performed, as shown in fig. 14, a current interface of the screen is changed from the first page 101A to the second page 101B, and the first icon 102 has been dragged to the second page 101B, and the user selects the second icon 102B with another finger while keeping pressing the first icon 102A, so as to complete the selection operation of two icons across the pages.
S1103: and acquiring a first touch operation acting on the first icon and a second touch operation acting on the second icon under the condition that the first icon and the second icon are continuously selected.
S1104: and judging whether the first touch operation and the second touch operation meet a specified condition.
S1105: detecting whether the first icon and the second icon are cancelled by touch operation.
If the first touch operation and the second touch operation satisfy the specified condition, determining whether the first icon and the second icon are touch operation cancelled, specifically, when the electronic device detects that the user cancels the touch operation or presses the icon, determining that the icon is touch operation cancelled, thereby executing the operation of S1106.
S1106: displaying the first icon at the second initial display position and the second icon at the first initial display position.
The first icon and the second icon are cancelled when the touch operation is cancelled, for example, when the user stops pressing the first icon and the second icon, and both the first icon and the second icon are cancelled, the electronic device will display the first icon at the second initial display position and display the second icon at the first initial display position.
As an embodiment, if the touch operation is cancelled on the first icon and the second icon, whether the touch operation is cancelled on the first icon and the second icon at the same time is determined, and if yes, the first icon is displayed at the second initial display position, and the second icon is displayed at the first initial display position.
Specifically, the electronic device acquires a time point when the touch operation of a first icon is cancelled, records the time point as a first time point, acquires a time point when the touch operation of a second icon is cancelled, records the time point as a second time point, acquires an absolute value of a time difference between the first time point and the second time point as a time difference value, judges whether the time difference value is smaller than a specified time length, judges that the touch operation of the first icon and the second icon is cancelled simultaneously if the time difference value is smaller than the specified time length, and judges that the touch operation of the first icon and the second icon is not cancelled simultaneously if the time difference value is larger than or equal to the specified time length.
If the touch operation of the first icon and the second icon is simultaneously cancelled, the first icon and the second icon can be continuously kept in the selected state, that is, the first icon and the second icon are continuously in the floating state or the enlarged state, and then after the positions of the first icon and the second icon are interchanged, the first icon and the second icon can be cancelled, of course, when the touch operation of the first icon and the second icon is simultaneously cancelled, the selected state of the first icon and the second icon can be cancelled, and the position interchange operation of the first icon and the second icon can be executed.
In addition, in the process of interchanging the first icon and the second icon, a moving process of the first icon and the second icon may be displayed on the screen, specifically, the first icon and the second icon are moved to a target position where the first icon and the second icon are partially overlapped and the target position is a position between an initial display position of the first icon and an initial display position of the second icon, then, the user simultaneously cancels the touch operation of the first icon and the second icon, for example, releases the finger, and after the touch operation of the first icon and the second icon is simultaneously cancelled, the user may continue to maintain the first icon and the second icon in a selected state where the icons are enlarged, for example, and then, the first icon is moved toward the initial display position of the second icon and the second icon is moved toward the initial display position of the first icon, and the first icon and the second icon keep the icons in the enlarged state, then, even if the first icon and the second icon are not dragged by the user, the moving process of the first icon and the second icon is shown on the screen, and then, the first icon is located at the initial display position of the second icon and the second icon is located at the initial display position of the first icon, the selected state of the first icon and the second icon is cancelled, for example, restored to the initial size, and the initial display state, that is, the state shown in fig. 5.
In another embodiment, it may be detected whether the first icon and the second icon are touch-operation-cancelled, and when the first icon is touch-operation-cancelled, the first icon is displayed at the second initial display position, and when the second icon is touch-operation-cancelled, the second icon is displayed at the first initial display position.
For example, when the user brings the first icon and the second icon close to each other, and after the first icon and the second icon are partially overlapped, the touch operation of the first icon is canceled, but the touch operation of the second icon is not canceled, the first icon is moved to the initial display position of the second icon, and then the user cancels the touch operation of the second icon, and then the second icon is moved to the initial display position of the first icon, that is, the touch operations of the first icon and the second icon may not be canceled at the same time, and which cancellation starts moving.
Referring to fig. 15, a block diagram of an icon processing apparatus 1500 according to an embodiment of the present disclosure is shown, where the apparatus may include: a first acquisition unit 1501, a second acquisition unit 1502, a determination unit 1503, and a processing unit 1504.
A first obtaining unit 1501, configured to obtain a first icon and a second icon selected by a user in the plurality of icons in the designated interface, where the first icon corresponds to a first initial display position of the designated interface, and the second icon corresponds to a second initial display position of the designated interface.
Further, the first obtaining unit 1501 is further configured to obtain a first icon selected by a user in a first page, and when it is monitored that the first icon is dragged to a second page, obtain a second icon selected by the user in the second page under the condition that the first icon is continuously selected.
A second acquiring unit 1502 is configured to acquire a first touch operation on the first icon and a second touch operation on the second icon when the first icon and the second icon are continuously selected.
A determining unit 1503, configured to determine whether the first touch operation and the second touch operation satisfy a specified condition.
Further, the determining unit 1503 is further configured to determine whether the first icon and the second icon at least partially overlap under the effect of the first dragging operation and the second dragging operation, and if at least partially overlap, display the first icon at the second initial display position, and display the second icon at the first initial display position.
Specifically, the determining unit 1503 is further configured to obtain each first position point in the first dragging operation; acquiring each second position point in the second dragging operation; judging whether the same position points exist between the first position points and the second position points or not; and if so, displaying the first icon at the second initial display position, and displaying the second icon at the first initial display position.
The processing unit 1504 is configured to, if yes, display the first icon at the second initial display position, and display the second icon at the first initial display position.
Further, the processing unit 1504 is further configured to detect whether the first icon and the second icon are cancelled from the touch operation; and if the first icon is cancelled, displaying the first icon at the second initial display position, and displaying the second icon at the first initial display position. The processing unit 1504 is specifically configured to, if the first icon and the second icon are cancelled, determine whether the touch operation is cancelled at the same time; if so, displaying the first icon at the second initial display position, and displaying the second icon at the first initial display position.
It can be clearly understood by those skilled in the art that, for convenience and brevity of description, the specific working processes of the above-described apparatuses and modules may refer to the corresponding processes in the foregoing method embodiments, and are not described herein again.
In the several embodiments provided in the present application, the coupling between the modules may be electrical, mechanical or other type of coupling.
In addition, functional modules in the embodiments of the present application may be integrated into one processing module, or each of the modules may exist alone physically, or two or more modules are integrated into one module. The integrated module can be realized in a hardware mode, and can also be realized in a software functional module mode.
Referring to fig. 16, a block diagram of an electronic device according to an embodiment of the present disclosure is shown. The electronic device 100 may be a smart phone, a tablet computer, an electronic book, or other electronic devices capable of running an application. The electronic device 100 in the present application may include one or more of the following components: a processor 110, a memory 120, a screen 140, and one or more applications, wherein the one or more applications may be stored in the memory 120 and configured to be executed by the one or more processors 110, the one or more programs configured to perform the methods as described in the aforementioned method embodiments.
The Memory 120 may include a Random Access Memory (RAM) or a Read-Only Memory (Read-Only Memory). The memory 120 may be used to store instructions, programs, code sets, or instruction sets. The memory 120 may include a stored program area and a stored data area, wherein the stored program area may store instructions for implementing an operating system, instructions for implementing at least one function (such as a touch function, a sound playing function, an image playing function, etc.), instructions for implementing various method embodiments described below, and the like. The data storage area may also store data created by the electronic device 100 during use (e.g., phone book, audio-video data, chat log data), and the like.
The screen 140 is used to display information input by a user, information provided to the user, and various graphic user interfaces of the electronic device, which may be formed of graphics, text, icons, numbers, video, and any combination thereof, and in one example, a touch screen may be provided on the display panel so as to be integrated with the display panel.
Referring to fig. 17, a block diagram of a computer-readable storage medium according to an embodiment of the present application is shown. The computer-readable medium 1700 has stored therein program code that can be invoked by a processor to perform the methods described in the method embodiments above.
The computer-readable medium 1700 may be an electronic memory such as a flash memory, an EEPROM (electrically erasable programmable read only memory), an EPROM, a hard disk, or a ROM. Alternatively, the computer-readable storage medium 1700 includes a non-volatile computer-readable storage medium. The computer readable storage medium 1700 has storage space for program code 1710 that performs any of the method steps described above. The program code can be read from or written to one or more computer program products. The program code 1710 may be compressed, for example, in a suitable form.
Finally, it should be noted that: the above embodiments are only used to illustrate the technical solutions of the present application, and not to limit the same; although the present application has been described in detail with reference to the foregoing embodiments, it will be understood by those of ordinary skill in the art that: the technical solutions described in the foregoing embodiments may still be modified, or some technical features may be equivalently replaced; such modifications and substitutions do not necessarily depart from the spirit and scope of the corresponding technical solutions in the embodiments of the present application.
Claims (7)
1. An icon processing method is applied to an electronic device, the electronic device comprises a first page and a second page, a first initial display position of a first icon is located in the first page, and a second initial display position of a second icon is located in the second page, and the method comprises the following steps:
acquiring the selection operation of a user on a first icon in the first page, wherein the selected icon is in a selected state;
under the condition that the first icon is in the selected state, based on the detected pressing operation of the user on a volume adjusting key of the electronic equipment, turning the first page to the second page, and displaying the first icon at the designated position of the second page;
under the condition that the first icon and the second icon are both in the selected state, acquiring a first dragging operation acting on the first icon and a second dragging operation acting on the second icon in the second page;
judging whether the first icon and the second icon are at least partially overlapped under the action of the first dragging operation and the second dragging operation;
if there is at least a partial overlap of the two,
detecting whether the first icon and the second icon are subjected to drag cancellation operation or not;
and if the touch operation of the first icon and the second icon is cancelled, displaying the first icon at the second initial display position, and displaying the second icon at the first initial display position.
2. The method of claim 1, wherein determining whether the first icon and the second icon are at least partially affected by the first drag operation and the second drag operation comprises:
acquiring each first position point in the first dragging operation;
acquiring each second position point in the second dragging operation;
judging whether the same position points exist between the first position points and the second position points or not;
and if so, judging that the first icon and the second icon are at least partially overlapped.
3. The method according to claim 1, wherein displaying a first movement track on the designated interface when the first icon is canceled from the touch operation, and displaying a second movement track on the designated interface when the second icon is canceled from the touch operation comprises:
if the first icon and the second icon are cancelled, judging whether the touch operation is cancelled at the same time;
and if so, displaying the first moving track and the second moving track on the designated interface.
4. The method of claim 1 or 2, wherein the designated interface comprises a plurality of pages; the acquiring a first icon and a second icon selected by a user in the plurality of icons in the designated boundary surface comprises:
acquiring a first icon selected by a user in a first page;
when the situation that the first icon is dragged to a second page is monitored, under the condition that the first icon is continuously selected, a second icon selected by a user is obtained on the second page.
5. An icon processing apparatus, applied to an electronic device including a first page and a second page, wherein a first initial display position of a first icon is located in the first page, and a second initial display position of a second icon is located in the second page, the apparatus comprising:
the first acquiring unit is used for acquiring the selection operation of a user on a first icon in the first page, wherein the selected icon is in a selected state;
a second obtaining unit, configured to, when the first icon is in a selected state, based on a detected pressing operation of a volume adjustment key of the electronic device by a user, turn from the first page to the second page, and display the first icon at a specified position of the second page; under the condition that the first icon and the second icon are both in the selected state, acquiring a first dragging operation acting on the first icon and a second dragging operation acting on the second icon in the second page;
the judging unit is used for judging whether the first icon and the second icon are at least partially overlapped under the action of the first dragging operation and the second dragging operation;
the processing unit is used for detecting whether the first icon and the second icon are subjected to drag cancellation operation or not if at least parts of the first icon and the second icon are overlapped; and if the touch operation of the first icon and the second icon is cancelled, displaying the first icon at the second initial display position, and displaying the second icon at the first initial display position.
6. An electronic device, comprising:
one or more processors;
a memory;
the screen is used for displaying a designated interface, a plurality of icons are displayed in the designated interface, and each icon corresponds to an initial display position;
one or more applications, wherein the one or more applications are stored in the memory and configured to be executed by the one or more processors, the one or more programs configured to perform the method of any of claims 1-4.
7. A computer-readable medium, in which a program code is stored, the program code being called by a processor to execute the method of any of claims 1-4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910121260.7A CN109885222B (en) | 2019-02-13 | 2019-02-13 | Icon processing method and device, electronic equipment and computer readable medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910121260.7A CN109885222B (en) | 2019-02-13 | 2019-02-13 | Icon processing method and device, electronic equipment and computer readable medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109885222A CN109885222A (en) | 2019-06-14 |
| CN109885222B true CN109885222B (en) | 2021-03-02 |
Family
ID=66928429
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910121260.7A Active CN109885222B (en) | 2019-02-13 | 2019-02-13 | Icon processing method and device, electronic equipment and computer readable medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109885222B (en) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112181218A (en) * | 2019-07-01 | 2021-01-05 | 珠海金山办公软件有限公司 | Switching processing method and device, computer storage medium and terminal |
| CN110536006B (en) * | 2019-08-16 | 2021-03-02 | 维沃移动通信有限公司 | Object position adjusting method and electronic equipment |
| CN110543267A (en) * | 2019-08-23 | 2019-12-06 | 珠海格力电器股份有限公司 | method and device for moving position of desktop icon |
| CN111198637B (en) * | 2019-12-30 | 2021-12-07 | 维沃移动通信有限公司 | Operation control method and electronic equipment |
| CN112486367B (en) * | 2020-11-27 | 2022-08-16 | 维沃移动通信有限公司 | Application icon management method and device |
| CN113805781A (en) * | 2021-08-05 | 2021-12-17 | 北京房江湖科技有限公司 | Chart component arrangement method, device, equipment, storage medium and program product |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105824520A (en) * | 2015-06-29 | 2016-08-03 | 维沃移动通信有限公司 | Desktop icon batch processing method and mobile terminal |
| CN108696642A (en) * | 2018-05-15 | 2018-10-23 | 维沃移动通信有限公司 | Arrange figure calibration method and mobile terminal |
Family Cites Families (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN202110523U (en) * | 2011-06-14 | 2012-01-11 | 上海博泰悦臻电子设备制造有限公司 | Terminal equipment and icon position interchanging device of terminal equipment |
| CN202133989U (en) * | 2011-06-14 | 2012-02-01 | 上海博泰悦臻电子设备制造有限公司 | Terminal unit and icon position exchanging device thereof |
| CN202133988U (en) * | 2011-06-14 | 2012-02-01 | 上海博泰悦臻电子设备制造有限公司 | Terminal equipment and icon position interchanging device of terminal equipment |
| JP6382008B2 (en) * | 2014-07-22 | 2018-08-29 | 株式会社東芝 | Image processing apparatus, object display method, and program |
| JP2016194785A (en) * | 2015-03-31 | 2016-11-17 | ブラザー工業株式会社 | Print control program, print control method, and information processor |
| CN105094527A (en) * | 2015-06-26 | 2015-11-25 | 小米科技有限责任公司 | Icon exchanging method and device |
| CN105843497A (en) * | 2015-06-29 | 2016-08-10 | 维沃移动通信有限公司 | Method for batch processing of desktop icons and mobile terminal |
| CN113138701A (en) * | 2015-11-05 | 2021-07-20 | 小米科技有限责任公司 | Icon position interchange method and device |
| CN106980433A (en) * | 2016-01-19 | 2017-07-25 | 阿里巴巴集团控股有限公司 | The group technology and device of icon |
| CN107870705B (en) * | 2016-09-28 | 2021-12-28 | 珠海金山办公软件有限公司 | Method and device for changing icon position of application menu |
-
2019
- 2019-02-13 CN CN201910121260.7A patent/CN109885222B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN105824520A (en) * | 2015-06-29 | 2016-08-03 | 维沃移动通信有限公司 | Desktop icon batch processing method and mobile terminal |
| CN108696642A (en) * | 2018-05-15 | 2018-10-23 | 维沃移动通信有限公司 | Arrange figure calibration method and mobile terminal |
Non-Patent Citations (1)
| Title |
|---|
| Effect of Icon Affiliation and Distance Moved on Detection of Icon Position Change on a Situation Awareness Display;Durlach, Paula J;《MILITARY PSYCHOLOGY》;20101231;第98-109页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109885222A (en) | 2019-06-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109885222B (en) | Icon processing method and device, electronic equipment and computer readable medium | |
| JP4215549B2 (en) | Information processing device that operates in touch panel mode and pointing device mode | |
| US10983668B2 (en) | Method and apparatus for component display processing | |
| CN106909305B (en) | Method and apparatus for displaying graphical user interface | |
| US8830273B2 (en) | Display control apparatus and display control method, display control program, and recording medium | |
| JP5718042B2 (en) | Touch input processing device, information processing device, and touch input control method | |
| CN110597439B (en) | Screen capture method and device, electronic equipment and computer readable medium | |
| EP1873621A1 (en) | Driving method and input method for touch panel | |
| JP5664147B2 (en) | Information processing apparatus, information processing method, and program | |
| US9870144B2 (en) | Graph display apparatus, graph display method and storage medium | |
| KR101575762B1 (en) | Editing device and storage medium for storing editing program | |
| CN103197880B (en) | The method and apparatus that keyboard is shown in the terminal with touch-screen | |
| JP2007293820A (en) | Terminal machine and method for controlling terminal machine equipped with touch screen | |
| KR20140047515A (en) | Electronic device for inputting data and operating method thereof | |
| CN107765951A (en) | Method, apparatus, electronic equipment and the storage medium of task switching | |
| JP2011134273A (en) | Information processor, information processing method, and program | |
| JP2015148857A (en) | Information browsing device, object selection control program, and object selection control method | |
| EP4155891A1 (en) | Device control method and apparatus, and storage medium and electronic device | |
| CN107092410A (en) | Interface alternation method, equipment and the intelligent terminal of a kind of touch-screen | |
| CN113342232A (en) | Icon generation method and device, electronic equipment and readable storage medium | |
| JP4096727B2 (en) | Electronic device and display control method thereof | |
| CN104750356A (en) | Mobile terminal | |
| CN114860149A (en) | Content editing control method and device, electronic equipment and storage medium | |
| JP4143529B2 (en) | Information input device, information input method, computer program, and computer-readable storage medium | |
| CN113485590A (en) | Touch operation method and device |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |