CN112148168A - Icon moving method and device and electronic equipment - Google Patents

Icon moving method and device and electronic equipment Download PDF

Info

Publication number
CN112148168A
CN112148168A CN202011048632.7A CN202011048632A CN112148168A CN 112148168 A CN112148168 A CN 112148168A CN 202011048632 A CN202011048632 A CN 202011048632A CN 112148168 A CN112148168 A CN 112148168A
Authority
CN
China
Prior art keywords
icon
target
area
numbering
input
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.)
Granted
Application number
CN202011048632.7A
Other languages
Chinese (zh)
Other versions
CN112148168B (en
Inventor
贾俊茜
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Vivo Mobile Communication Co Ltd
Original Assignee
Vivo Mobile Communication Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Vivo Mobile Communication Co Ltd filed Critical Vivo Mobile Communication Co Ltd
Priority to CN202011048632.7A priority Critical patent/CN112148168B/en
Publication of CN112148168A publication Critical patent/CN112148168A/en
Priority to PCT/CN2021/121281 priority patent/WO2022068805A1/en
Application granted granted Critical
Publication of CN112148168B publication Critical patent/CN112148168B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/0486—Drag-and-drop
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04M—TELEPHONIC COMMUNICATION
    • H04M2250/00—Details of telephonic subscriber devices
    • H04M2250/22—Details of telephonic subscriber devices including a touch pad, a touch sensor or a touch detector

Landscapes

  • Engineering & Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

The application discloses an icon moving method and device and electronic equipment, belongs to the technical field of electronics, and can solve the problem of high icon management difficulty caused by the fact that a user moves an icon. The method comprises the following steps: receiving a first input of dragging a first icon by a user under the condition that the current display interface is a target interface; the target interface comprises N areas, and one area is used for displaying one icon; responding to a first input, numbering the N areas according to a target extrusion direction under the condition that the overlapping area of the first icon and the first area is smaller than a first threshold value; determining a target area of the extruded second icon according to the number of the N areas; the first icon is moved to the first area, and the second icon is moved to the target area. The application is applied to an icon management scene.

Description

Icon moving method and device and electronic equipment
Technical Field
The application belongs to the technical field of electronics, and particularly relates to a method and a device for moving an icon and electronic equipment.
Background
Currently, a large number of applications are installed in an existing electronic device (e.g., a smart phone, a tablet computer, etc.), and entries of the applications are displayed on various interfaces (e.g., a desktop) of the electronic device in the form of icons. Taking a desktop as an example, in general, a user may manage application icons in the desktop through application icons (simply, desktop icons) on the desktop of the mobile electronic device.
In the related art, when a user wants to move a desktop icon a to a target position in a desktop, if the target position is occupied (i.e., the target position has a desktop icon B displayed), the electronic device inserts the desktop icon a into the target position, so as to squeeze the desktop icon B out of the target position, and the display positions of other desktop icons are changed accordingly.
However, due to the randomness of the display positions of other desktop icons, the arrangement of the desktop icons can be greatly changed when a user moves the desktop icons, and the management difficulty of the desktop icons is increased.
Disclosure of Invention
The embodiment of the application aims to provide an icon moving method and device and electronic equipment, and the problem that desktop icons are difficult to manage after a user moves the desktop icons can be solved.
In order to solve the technical problem, the present application is implemented as follows:
in a first aspect, an embodiment of the present application provides a method for moving an icon, where the method includes: receiving a first input of dragging a first icon by a user under the condition that the current display interface is a target interface; the target interface comprises N areas, and one area is used for displaying one icon; in response to a first input, numbering the N regions according to a target extrusion direction under the condition that the overlapping area of the first icon and the first region is smaller than a first threshold value; determining a target area of the extruded second icon according to the number of the N areas; and moving the first icon to the first area, and moving the second icon to the target area.
In a second aspect, an embodiment of the present application provides an icon device, where the icon device includes: the receiving module is used for receiving a first input of dragging a first icon by a user under the condition that the current display interface is a target interface; the target interface comprises N areas, and one area is used for displaying one icon; the numbering module is used for responding to the first input received by the receiving module, and numbering the N areas according to the target extrusion direction under the condition that the overlapping area of the first icon and the first area is smaller than a first threshold value; the determining module is used for determining the target area of the extruded second icon according to the number of the N areas obtained by the numbering module; and the moving module is used for moving the first icon to the first area and moving the second icon to the target area determined by the determining module.
In a third aspect, an embodiment of the present application provides an electronic device, which includes a processor, a memory, and a program or instructions stored on the memory and executable on the processor, and when executed by the processor, the program or instructions implement the steps of the method according to the first aspect.
In a fourth aspect, embodiments of the present application provide a readable storage medium, on which a program or instructions are stored, which when executed by a processor implement the steps of the method according to the first aspect.
In a fifth aspect, an embodiment of the present application provides a chip, where the chip includes a processor and a communication interface, where the communication interface is coupled to the processor, and the processor is configured to execute a program or instructions to implement the method according to the first aspect.
In this embodiment of the application, when the current display interface is a target interface, because the target interface includes N regions and one region is used for displaying one icon, after the electronic device receives a first input that a user drags a first icon, if an overlapping area of the first icon and a first region of the N regions is smaller than a first threshold, the N regions are numbered according to a target extrusion direction, then a target region of an extruded second icon is determined according to the numbers of the N regions, and finally, the first icon is moved to the first region and the second icon is moved to the target region. Therefore, the N areas in the target interface are numbered by using different numbering rules in different extrusion scenes, so that the extruded second icons in different extrusion scenes can move according to different moving rules, the icons in the target interface can move according to certain moving rules, the influence of the moving icons on the icon arrangement in the target interface is reduced, the icon management difficulty in the target interface is also reduced, and the user experience is improved.
Drawings
Fig. 1 is a flowchart of a method for moving an icon according to an embodiment of the present disclosure;
fig. 2 is one of schematic interfaces applied to a method for moving an icon according to an embodiment of the present disclosure;
fig. 3 is a second schematic interface diagram applied to a method for moving an icon according to an embodiment of the present disclosure;
fig. 4 is a second flowchart of a method for moving an icon according to an embodiment of the present application;
fig. 5 is a third schematic interface diagram applied to a method for moving an icon according to an embodiment of the present disclosure;
fig. 6 is a schematic structural diagram of an icon mobile device according to an embodiment of the present disclosure;
fig. 7 is a second schematic structural diagram of an icon mobile device according to an embodiment of the present application;
fig. 8 is a schematic structural diagram of an electronic device according to an embodiment of the present disclosure;
fig. 9 is a second schematic structural diagram of an electronic device according to an embodiment of the present application.
Detailed Description
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, and it is obvious that the described embodiments are some, but not all, embodiments of the present application. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present application.
The terms first, second and the like in the description and in the claims of the present application are used for distinguishing between similar elements and not necessarily for describing a particular sequential or chronological order. It will be appreciated that the data so used may be interchanged under appropriate circumstances such that embodiments of the application may be practiced in sequences other than those illustrated or described herein, and that the terms "first," "second," and the like are generally used herein in a generic sense and do not limit the number of terms, e.g., the first term can be one or more than one. In addition, "and/or" in the specification and claims means at least one of connected objects, a character "/" generally means that a preceding and succeeding related objects are in an "or" relationship.
The method for moving the icon provided in the embodiments of the present application is described in detail below with reference to the accompanying drawings.
The embodiment of the present application provides a method for moving an icon, which may be applied to an electronic device, in other words, the method for moving the icon may be performed by software or hardware installed in the electronic device. As shown in fig. 1, the method for moving an icon provided in the embodiment of the present application may include steps 201 to 203 described below.
Step 201: and receiving a first input of dragging a first icon by a user under the condition that the current display interface is the target interface.
In the embodiment of the application, when the target interface of the electronic device is in an editable state, the user moves the position of the first icon by dragging the first icon.
In this embodiment of the application, the target interface may be any interface in the electronic device that can display an icon. Such as a desktop of the electronic device, a negative one-screen interface, a control center function interface, etc. For example, when the target interface is a desktop, the icon in the present application is a desktop icon.
Step 202: in response to the first input, the N regions are numbered according to the target extrusion direction when the overlapping area of the first icon and the first region is smaller than a first threshold.
In this embodiment, the target interface includes N regions, and one region is used for displaying one icon.
Optionally, in this embodiment of the application, the target interface of the electronic device may be divided into a plurality of icon grids in which the icons may be placed, that is, the target interface in the electronic device may include N regions, which may be N icon grids. It is to be understood that the first area may be a target icon grid of the N icon grids.
It is understood that when the moved first icon partially or completely overlaps with an icon frame, the icon frame can be determined as the target icon frame. However, when the moved first icon partially overlaps the plurality of icon grids, the electronic device may determine the target icon grid from the plurality of icon grids by determining the size of the overlapping area of the moved first icon and each icon grid.
Generally, when the overlapping area of the moved first icon and an icon lattice is greater than or equal to a predetermined threshold, the electronic device may determine that the icon lattice is the target icon lattice, or determine that the icon lattice with the largest overlapping area is the target icon lattice.
Step 203: and determining the target area of the squeezed second icon according to the number of the N areas.
Step 204: the first icon is moved to the first area, and the second icon is moved to the target area.
Optionally, in this embodiment of the application, the moving device of the icon may determine the operation that the user wants to perform on the first area according to the overlapping area of the first icon and the first area.
For example, in the case that the overlapping area of the first icon and the first region is smaller than the first threshold, it is determined that the operation intention of the user on the first region is the first operation intention, that is, the user intends to control the first icon to squeeze the original icon to occupy the first region. And if the overlapping area of the first icon and the first area is larger than or equal to a first threshold, determining that the operation intention of the user on the first area is a second operation intention, namely the user intention controls the first icon to interact with the original icon. For example, taking an icon lattice as an example, assuming that the first threshold is 90% of the area of one complete icon, in the case that an icon B exists in the target icon lattice, if the overlapping area of the target icon lattice and the dragged icon a is greater than or equal to 90% of the area of one complete icon, the operation intention of the user is to control the icon a to interact with the existing icon B; if the overlap area of the target icon grid and the dragged icon a is < 90% of the area of one complete icon, the user's operational intent is to squeeze the existing icon B.
For example, in the case that there is no icon on the first area, the moving device of the icon may directly project the first icon to the first area, that is, directly move the first icon to the first area.
It should be noted that the above "squeeze the original icon" behavior means: and moving the existing original icon in the first area to other positions in the target interface according to a certain rule, thereby moving the empty position in the first area to the moved icon.
For example, in a case where the mobile device of the icon may recognize that the operation intention of the user on the first area is the first operation intention, the mobile device of the icon may determine the target display position of the original icon on the first area (i.e., the above-mentioned target area) according to the target squeeze direction.
Optionally, in this embodiment of the application, before the process of numbering the N regions in the target interface according to the target extrusion direction in the step 202, the technical solution provided in this embodiment of the application may further include the following step a 1:
step A1: and determining the target extrusion direction according to the relative position of the overlapped area of the first icon and the first area relative to the first area.
For example, the icon moving means may determine the target pressing direction according to a length (assumed to be X) and a width (assumed to be Y) of a coinciding area of the dragged first icon and the first region.
The following is an exemplary description of the extrusion direction using an example of an icon grid.
Example 1: as shown in fig. 2 (a), when X < Y, the center axis of the target icon grid in the vertical direction is used as a boundary, and if the overlapping area of the first icon (i.e., the icon a in fig. 2) and the first area is located on the left side of the center axis, it indicates that the target squeezing direction is horizontally to the right, whereas, as shown in fig. 2 (b), the overlapping area of the first icon and the first area is located on the right side of the center axis, it indicates that the target squeezing direction is horizontally to the left.
Example 2: when X ≧ Y is determined, the target direction of squeezing is determined to be vertically downward if the overlapping area of the first icon and the first region is located above the central axis, as shown in fig. 3 (a), and vertically upward if the overlapping area of the first icon and the first region is located below the central axis, as shown in fig. 3 (b).
Further optionally, in this embodiment of the application, the process of numbering the N regions in the target interface according to the target extrusion direction in the step 202 may include the following step B1 or step B2:
step B1: and when the target extrusion direction is the horizontal direction, numbering the N areas according to a first numbering rule.
Step B2: and when the target extrusion direction is the vertical direction, numbering the N areas according to a second numbering rule.
Illustratively, the first numbering rule includes: from left to right, from top to bottom; the second numbering rule includes: from top to bottom and from left to right.
Further optionally, in this embodiment of the application, when the target pressing direction is pressing leftward or pressing upward, the area number of the target area is: the area number of the original area corresponding to the second icon is subtracted by 1 to obtain an area number; or, when the target pressing direction is pressing to the right or downward, the area number of the target area is: and the area number is obtained by adding 1 to the area number of the original area corresponding to the second icon.
Example 3: taking the icon grids as an example, as shown in fig. 2, when X < Y, the icon grids are labeled 1, 2, and 3 … … 12 from top to bottom, from left to right, and from small to large.
As shown in fig. 2 (a), when the target squeezing direction is horizontal to the left, the icon lattice where the squeezed icon is located is the icon lattice located in front of the target icon lattice (i.e., the icon lattice 2), the icon lattices located in front of the target icon lattice are the icon lattices whose sequence numbers are smaller than those of the target icon lattice, and at this time, the central axis in the vertical direction of the target icon lattice is used as an axis, and the icon B (i.e., the original icon) already exists in the squeezed target icon is located in front.
As shown in fig. 2 (B), when the target squeezing direction is horizontal rightward, the icon lattice in which the squeezed icon is located is the icon lattice located behind the target icon lattice (i.e., icon lattice 2), the icon lattices located behind the target icon lattice are the icon lattices with the sequence numbers larger than those of the target icon lattice, and at this time, the squeezed icon B is located behind the target icon lattice with the central axis in the vertical direction of the target icon lattice as the axis.
Example 4: taking the icon grids as an example, as shown in FIG. 3, when X is larger than or equal to Y, the icon grids are marked as 1, 2 and 3 … … 12 from left to right and from top to bottom in sequence.
As shown in fig. 3 (a), when the target squeezing direction is vertically upward, the icon lattice in which the squeezed icon is located is the icon lattice located in front of the target icon lattice (i.e., icon lattice 2), the icon lattices located in front of the target icon lattice are the icon lattices whose sequence numbers are smaller than those of the target icon lattice, and at this time, the icon B (i.e., the original icon) already exists in the squeezed target icon is located in front of the target icon lattice with the central axis of the target icon lattice in the horizontal direction as the axis.
As shown in fig. 3 (B), when the target squeezing direction is horizontal rightward, the icon lattice in which the squeezed icon is located is the icon lattice located behind the target icon lattice (i.e., icon lattice 2), the icon lattices located behind the target icon lattice are the icon lattices whose sequence numbers are greater than those of the target icon lattice, and at this time, the squeezed icon B is located behind the target icon lattice with the horizontal central axis of the target icon lattice as the axis.
Further, the moving means of the icon may determine the target display position of the original icon on the first area (i.e., the target area) according to the target squeeze direction and the squeeze rule.
In one example, the compression rule includes: when the extrusion direction is forward setting, the sequence number of the empty icon lattice with the maximum sequence number of the forward setting is alpha, all icons from the lattice alpha +1 to the lattice B are forward set and moved by one lattice, and a vacant position is moved out for the target icon lattice; when the extrusion direction is post-setting, the number of the empty icon lattice with the minimum post-setting number is beta, all the icons from the lattice beta-1 to the lattice B move one lattice towards the post-setting position, and a vacant position is moved out for the target icon lattice.
In this way, the icons are extruded according to a certain rule, so that the influence of the movement of the icons on the target interface layout and the wallpaper attractiveness is reduced to the maximum extent.
In the method for moving an icon provided in the embodiment of the present application, when a current display interface is a target interface, because the target interface includes N regions and one region is used for displaying one icon, after an electronic device receives a first input that a user drags a first icon, if an overlapping area of the first icon and a first region of the N regions is smaller than a first threshold, the N regions are numbered according to a target extrusion direction, then a target region of an extruded second icon is determined according to the numbers of the N regions, and finally, the first icon is moved to the first region and the second icon is moved to the target region. Therefore, the N areas in the target interface are numbered by using different numbering rules in different extrusion scenes, so that the extruded second icons in different extrusion scenes can move according to different moving rules, the icons in the target interface can move according to certain moving rules, the influence of the moving icons on the icon arrangement in the target interface is reduced, the icon management difficulty in the target interface is also reduced, and the user experience is improved.
In the related art, taking a desktop as an example, when a user wants to place a first desktop icon in the desktop and a second desktop icon in the desktop in a new folder, the user may drag the first desktop icon to a position right above the second desktop icon to trigger operations in creating the folder and adding the desktop icon in the folder by the electronic device. However, in the management process of the desktop icons, it is difficult for the user to precisely drag the desktop icons. Therefore, the user intention of the electronic equipment is difficult to accurately judge, the management difficulty of the desktop icons is increased, and the operation flexibility of the desktop icons is reduced.
Optionally, in this embodiment of the present application, in order to solve the above problem, as shown in fig. 4, after the step 201, the technical solution provided in this embodiment of the present application may further include the following steps 301 and 302:
step 301: in response to the first input, N identifiers are displayed when the overlapping area of the first icon and the first area is greater than or equal to a first threshold value.
Step 302: if the user drags the first icon to a target mark in the N marks, executing a first operation indicated by the target mark;
wherein N is a positive integer.
Illustratively, one identifier indicates one first operation; the first operation is: and controlling the first icon to interact with the original icon on the first area.
Illustratively, the first operation at least includes any one of the following operations:
operation A: displaying a first icon in a first area, and displaying an original icon in an original area of the first icon; that is, the display positions of the first icon and the original icon on the first area are exchanged.
And operation B: and adding a folder icon of the target folder in the first area, and adding the first icon and the original icon on the area into the target folder.
For example, for operation a, the corresponding identifier may prompt the user that the function corresponding to the identifier is icon position exchange; for operation B, the corresponding identifier may prompt the user that the function corresponding to the identifier is to add the first icon to the folder.
Further optionally, in this embodiment of the application, the step 301 may include the following step 301 a:
step 301 a: in response to the first input, in the case that the overlapping area of the first icon and the first area is greater than or equal to a first threshold value, a floating window is displayed above the first area, and N identifiers are displayed in the floating window.
For example, when recognizing that the operation intention of the user on the first area is the target operation intention, the mobile device of the icon may directly display N identifiers around the first area to show options with interactive functions, or may display a floating window above the first area to show options with interactive functions, which is not limited in the embodiment of the present application.
For example, as shown in fig. 5 (a), taking the first area as the target icon grid and the icon B already existing in the target icon grid as an example, when the user moves the moved icon a (i.e., the first icon) to the target icon grid, when the electronic device recognizes that the user intends to control the icon a to interact with the icon B, the electronic device may display a folder icon (i.e., 31 in fig. 5) above the target icon grid and display a location replacement icon (i.e., 32 in fig. 5) on the right side of the target icon grid. When the user wants to add icon a and icon B to a new folder, as shown in fig. 5 (B), the user can drag the icon a to the folder icon 31, at which time the electronic device can create a folder, add the folder icon of the new folder on the target icon sheet, and move icon a and icon B together into the new folder, as shown in fig. 5 (c).
In this way, the mobile device of the icon displays N types of interactive operations that can be currently implemented by the electronic device for the user by displaying N identifiers when recognizing that the user intends to control the first icon to interact with the original icon on the first area. Therefore, when the user drags the first icon to the target mark in the N marks, the mobile device of the icon can accurately acquire the intention of the user. Therefore, the accuracy of the electronic equipment for judging the gestures of the user is improved, the operation difficulty is reduced, and the user experience is improved.
Optionally, in this embodiment of the application, when the first input includes a drag input that a user drags the first icon, the technical solution provided in this embodiment of the application may further include the following step C1:
step C1: and in the process of dragging the first icon by the user, if the user drags the first icon to the target identifier, displaying a preview interface.
The preview interface is used for displaying an operation effect corresponding to the first operation indicated by the target identification.
In conjunction with the step C1, the process of performing the first operation indicated by the target identifier in the step 302 may include the step C2:
step C2: and when the dragging input is finished, executing a first operation indicated by the target identification according to the operation effect.
For example, after the user drags the first icon to the first area, the mobile device of the icon may show an operation effect corresponding to the first operation indicated by the target identifier for the user, and then, when the user releases the finger touching the screen, the dragging input is ended, and the mobile device of the icon executes the first operation indicated by the target identifier according to the previous operation message. Of course, if the first operation indicated by the target identifier has no corresponding operation effect, the first icon returns to its original position, and the operation is terminated.
For example, in the process of dragging the first icon, if the user does not want to continue to execute the first operation indicated by the target identifier after the user views the operation effect, the user may continue to drag the first icon to move to the other identifiers, except for the target identifier, of the N identifiers, so as to replace the first operation that needs to be executed.
Further, when the drag input is ended, if the end position of the drag input is still located in the target identifier, the mobile device of the icon executes the first operation indicated by the target identifier, if the end position of the drag input is still located in another identifier, the mobile device of the icon executes the first operation indicated by the another identifier, and if the end position of the drag input is not located in any identifier of the N identifiers, the mobile device of the icon controls the first icon to return to the original position without performing any processing on the first icon.
Therefore, the operation effect of the first operation indicated by the target identifier is displayed in the process of dragging the moved icon, so that before the first operation is executed, a user can know the operation effect of the first operation, and further whether the first operation needs to be executed or not can be further determined based on the operation effect, the operation accuracy is improved, and the operation flexibility is improved.
In the method for moving an icon provided in the embodiment of the present application, the execution subject may be a mobile device of the icon, or a control module in the mobile device of the icon for executing the method for managing the icon. In the embodiment of the present application, a method for executing icon management by a mobile device of an icon is taken as an example, and a device of the method for moving an icon provided in the embodiment of the present application is described.
An embodiment of the present application provides a mobile device 400, as shown in fig. 6, including: a receiving module 401, a numbering module 402, a determining module 403 and a moving module 404, wherein:
a receiving module 401, configured to receive a first input that a user drags a first icon when a current display interface is a target interface; the target interface comprises N areas, and one area is used for displaying one icon; a numbering module 402, configured to number, in response to a first input received by the receiving module 401, the N regions according to a target extrusion direction when a coincidence area of the first icon and the first region is smaller than a first threshold; a determining module 403, configured to determine a target area of the squeezed second icon according to the numbers of the N areas obtained by the numbering module 402; a moving module 404, configured to move the first icon to a first area and move the second icon to the target area determined by the determining module 403.
Optionally, the determining module 403 is further configured to: and determining the target extrusion direction according to the relative position of the overlapped area of the first icon and the first area relative to the first area.
Optionally, the numbering module 402 is specifically configured to: numbering the N areas according to a first numbering rule under the condition that the target extrusion direction is the horizontal direction; or numbering the N areas according to a second numbering rule under the condition that the target extrusion direction is the vertical direction; wherein the first numbering rule comprises: from left to right, from top to bottom; the second numbering rule includes: from top to bottom and from left to right.
Optionally, when the target pressing direction is pressing leftward or pressing upward, the area number of the target area is: the area number of the original area corresponding to the second icon is subtracted by 1 to obtain an area number; when the target pressing direction is pressing to the right or downward, the area number of the target area is: and the area number is obtained by adding 1 to the area number of the original area corresponding to the second icon.
Optionally, as shown in fig. 7, the apparatus 400 further includes: a display module 405 and an execution module 406, wherein:
a display module 405, configured to display N identifiers when an overlapping area of the first icon and the first region is greater than or equal to the first threshold in response to the first input received by the receiving module 401; an identifier indicates a first operation; an executing module 406, configured to execute a first operation indicated by a target identifier if the user drags the first icon to the target identifier in the N identifiers displayed by the display module 405; wherein N is a positive integer, and the first operation is: and controlling the first icon to interact with the original icon on the first area.
Optionally, the first input includes: a drag input for dragging the first icon by the user; the display module 405 is further configured to, in a process that the user drags the first icon, if the user drags the first icon to the target identifier, display a preview interface, where the preview interface is configured to display an operation effect corresponding to the first operation indicated by the target identifier; the executing module 406 is specifically configured to: when the drag input received by the receiving module 401 is ended, according to the operation effect, the first operation indicated by the target identifier is executed.
In the icon moving apparatus provided in this embodiment of the application, when the current display interface is the target interface, because the target interface includes N regions and one region is used for displaying one icon, after the icon moving apparatus receives a first input that a user drags a first icon, if an overlapping area of the first icon and a first region of the N regions is smaller than a first threshold, the N regions are numbered according to a target squeeze direction, then a target region of a squeezed second icon is determined according to the numbers of the N regions, and finally, the first icon is moved to the first region and the second icon is moved to the target region. Therefore, the N areas in the target interface are numbered by using different numbering rules in different extrusion scenes, so that the extruded second icons in different extrusion scenes can move according to different moving rules, the icons in the target interface can move according to certain moving rules, the influence of the moving icons on the icon arrangement in the target interface is reduced, the icon management difficulty in the target interface is also reduced, and the user experience is improved.
The mobile device shown in the embodiments of the present application may be a device, or may be a component, an integrated circuit, or a chip in a terminal. The device can be mobile electronic equipment or non-mobile electronic equipment. By way of example, the mobile electronic device may be a mobile phone, a tablet computer, a notebook computer, a palm top computer, a vehicle-mounted electronic device, a wearable device, an ultra-mobile personal computer (UMPC), a netbook or a Personal Digital Assistant (PDA), and the like, and the non-mobile electronic device may be a Personal Computer (PC), a Television (TV), a teller machine, a self-service machine, and the like, and the embodiments of the present application are not particularly limited.
The mobile device of the icon in the embodiment of the present application may be a device having an operating system. The operating system may be an Android (Android) operating system, an IOS operating system, or other possible operating systems, which is not specifically limited in the embodiments of the present application.
The mobile device of the icon provided in the embodiment of the present application can implement each process implemented by the method embodiment shown in fig. 1, and is not described here again to avoid repetition.
Optionally, as shown in fig. 8, an electronic device 500 is further provided in this embodiment of the present application, and includes a processor 501, a memory 502, and a program or an instruction stored in the memory 502 and executable on the processor 501, where the program or the instruction is executed by the processor M01 to implement each process of the embodiment of the icon moving method, and can achieve the same technical effect, and in order to avoid repetition, the description is omitted here.
It should be noted that the electronic devices in the embodiments of the present application include the mobile electronic device and the non-mobile electronic device described above.
Fig. 9 is a schematic diagram of a hardware structure of an electronic device implementing an embodiment of the present application.
The electronic device 100 includes, but is not limited to: a radio frequency unit 101, a network module 102, an audio output unit 103, an input unit 104, a sensor 105, a display unit 106, a user input unit 107, an interface unit 108, a memory 109, and a processor 110.
Those skilled in the art will appreciate that the electronic device 100 may further comprise a power source (e.g., a battery) for supplying power to various components, and the power source may be logically connected to the processor 110 through a power management system, so as to implement functions of managing charging, discharging, and power consumption through the power management system. The electronic device structure shown in fig. 9 does not constitute a limitation of the electronic device, and the electronic device may include more or less components than those shown, or combine some components, or arrange different components, and thus, the description is not repeated here.
The user input unit 107 is configured to receive a first input that a user drags a first icon when the current display interface is the target interface; the target interface comprises N areas, and one area is used for displaying one icon; a processor 110, configured to number the N regions according to a target squeezing direction when an overlapping area of the first icon and the first region is smaller than a first threshold in response to a first input received by the user input unit 107; the processor 110 is further configured to determine a target area of the squeezed second icon according to the numbers of the N areas; the processor 110 is further configured to move the first icon to a first area and move the second icon to a target area.
Optionally, the processor 110 is further configured to: and determining the target extrusion direction according to the relative position of the overlapped area of the first icon and the first area relative to the first area.
Optionally, the processor 110 is further configured to: numbering the N areas according to a first numbering rule under the condition that the target extrusion direction is the horizontal direction; or numbering the N areas according to a second numbering rule under the condition that the target extrusion direction is the vertical direction; wherein the first numbering rule comprises: from left to right, from top to bottom; the second numbering rule includes: from top to bottom and from left to right.
Optionally, when the target pressing direction is pressing leftward or pressing upward, the area number of the target area is: the area number of the original area corresponding to the second icon is subtracted by 1 to obtain an area number; when the target pressing direction is pressing to the right or downward, the area number of the target area is: and the area number is obtained by adding 1 to the area number of the original area corresponding to the second icon.
Optionally, the display unit 106 is configured to, in response to the first input received by the user input unit 107, display N identifiers when an overlapping area of the first icon and the first region is greater than or equal to the first threshold; an identifier indicates a first operation; the processor 110 is further configured to execute a first operation indicated by a target identifier if the user drags the first icon to the target identifier in the N identifiers displayed on the display unit 106; wherein N is a positive integer, and the first operation is: and controlling the first icon to interact with the original icon on the first area.
Optionally, the first input includes: a drag input for dragging the first icon by the user; the display unit 106 is further configured to, in a process that the user drags the first icon, if the user drags the first icon to the target identifier, display a preview interface, where the preview interface is configured to display an operation effect corresponding to the first operation indicated by the target identifier; the processor 110 is further configured to: when the drag input received by the user input unit 107 is ended, the first operation indicated by the target identifier is performed according to the operation effect.
In the electronic device provided in the embodiment of the application, when the current display interface is the target interface, because the target interface includes N regions and one region is used for displaying one icon, after the electronic device receives a first input that a user drags a first icon, if an overlapping area of the first icon and a first region of the N regions is smaller than a first threshold, the N regions are numbered according to a target extrusion direction, then a target region of an extruded second icon is determined according to the numbers of the N regions, and finally the first icon is moved to the first region and the second icon is moved to the target region. Therefore, the N areas in the target interface are numbered by using different numbering rules in different extrusion scenes, so that the extruded second icons in different extrusion scenes can move according to different moving rules, the icons in the target interface can move according to certain moving rules, the influence of the moving icons on the icon arrangement in the target interface is reduced, the icon management difficulty in the target interface is also reduced, and the user experience is improved.
It should be understood that, in the embodiment of the present application, the input Unit 104 may include a Graphics Processing Unit (GPU) 1041 and a microphone 1042, and the Graphics Processing Unit 1041 processes image data of a still picture or a video obtained by an image capturing device (such as a camera) in a video capturing mode or an image capturing mode. The display unit 106 may include a display panel 1061, and the display panel 1061 may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like. The user input unit 107 includes a touch panel 1071 and other input devices 1072. The touch panel 1071 is also referred to as a touch screen. The touch panel 1071 may include two parts of a touch detection device and a touch controller. Other input devices 1072 may include, but are not limited to, a physical keyboard, function keys (e.g., volume control keys, switch keys, etc.), a trackball, a mouse, and a joystick, which are not described in detail herein. The memory 109 may be used to store software programs as well as various data including, but not limited to, application programs and an operating system. The processor 110 may integrate an application processor, which primarily handles operating systems, user interfaces, applications, etc., and a modem processor, which primarily handles wireless communications. It will be appreciated that the modem processor described above may not be integrated into the processor 110.
The embodiment of the present application further provides a readable storage medium, where a program or an instruction is stored on the readable storage medium, and when the program or the instruction is executed by a processor, the program or the instruction implements each process of the embodiment of the icon moving method, and can achieve the same technical effect, and in order to avoid repetition, details are not repeated here.
The processor is the processor in the electronic device described in the above embodiment. The readable storage medium includes a computer readable storage medium, such as a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and so on.
The embodiment of the present application further provides a chip, where the chip includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is configured to run a program or an instruction to implement each process of the above-mentioned embodiment of the icon moving method, and can achieve the same technical effect, and is not described here again to avoid repetition.
It should be understood that the chips mentioned in the embodiments of the present application may also be referred to as system-on-chip, system-on-chip or system-on-chip, etc.
It should be noted that, in this document, the terms "comprises," "comprising," or any other variation thereof, are intended to cover a non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements does not include only those elements but may include other elements not expressly listed or inherent to such process, method, article, or apparatus. Without further limitation, an element defined by the phrase "comprising an … …" does not exclude the presence of other like elements in a process, method, article, or apparatus that comprises the element. Further, it should be noted that the scope of the methods and apparatus of the embodiments of the present application is not limited to performing the functions in the order illustrated or discussed, but may include performing the functions in a substantially simultaneous manner or in a reverse order based on the functions involved, e.g., the methods described may be performed in an order different than that described, and various steps may be added, omitted, or combined. In addition, features described with reference to certain examples may be combined in other examples.
Through the above description of the embodiments, those skilled in the art will clearly understand that the method of the above embodiments can be implemented by software plus a necessary general hardware platform, and certainly can also be implemented by hardware, but in many cases, the former is a better implementation manner. Based on such understanding, the technical solutions of the present application may be embodied in the form of a software product, which is stored in a storage medium (such as ROM/RAM, magnetic disk, optical disk) and includes instructions for enabling a terminal (such as a mobile phone, a computer, a server, an air conditioner, or a network device) to execute the method according to the embodiments of the present application.
While the present embodiments have been described with reference to the accompanying drawings, it is to be understood that the invention is not limited to the precise embodiments described above, which are meant to be illustrative and not restrictive, and that various changes may be made therein by those skilled in the art without departing from the spirit and scope of the invention as defined by the appended claims.

Claims (14)

1. A method for moving an icon, the method comprising:
receiving a first input of dragging a first icon by a user under the condition that the current display interface is a target interface; the target interface comprises N areas, and one area is used for displaying one icon;
responding to the first input, and numbering the N areas according to a target extrusion direction under the condition that the overlapping area of the first icon and the first area is smaller than a first threshold value;
determining a target area of the extruded second icon according to the numbers of the N areas;
moving the first icon to the first area and moving the second icon to the target area.
2. The method of claim 1, wherein prior to said numbering said N regions according to a target extrusion direction, said method further comprises:
and determining the target extrusion direction according to the relative position of the overlapped area of the first icon and the first area relative to the first area.
3. The method of claim 1 or 2, wherein said numbering said N regions according to a target extrusion direction comprises:
numbering the N areas according to a first numbering rule under the condition that the target extrusion direction is the horizontal direction;
or,
numbering the N areas according to a second numbering rule under the condition that the target extrusion direction is the vertical direction;
wherein the first numbering rule comprises: from left to right, from top to bottom; the second numbering rule comprises: from top to bottom and from left to right.
4. The method of claim 3,
when the target extrusion direction is leftward or upward extrusion, the area number of the target area is: subtracting 1 from the area number of the original area corresponding to the second icon to obtain an area number;
when the target extrusion direction is rightward or downward extrusion, the area number of the target area is: and the area number is obtained by adding 1 to the area number of the original area corresponding to the second icon.
5. The method of claim 1, wherein after receiving the first input that the user drags the first icon, the method further comprises:
in response to the first input, displaying N identifiers under the condition that the coincidence area of the first icon and the first area is larger than or equal to the first threshold value; an identifier indicates a first operation;
if the user drags the first icon to a target identifier in the N identifiers, executing a first operation indicated by the target identifier;
wherein N is a positive integer, the first operation is: and controlling the first icon to interact with the original icon on the first area.
6. The method of claim 5, wherein the first input comprises: a drag input in which the user drags the first icon; the method further comprises the following steps:
in the process that a user drags the first icon, if the user drags the first icon to the target identifier, displaying a preview interface, wherein the preview interface is used for displaying an operation effect corresponding to a first operation indicated by the target identifier;
the performing the first operation indicated by the target identifier comprises:
and when the dragging input is finished, executing a first operation indicated by the target identification according to the operation effect.
7. An apparatus for moving an icon, the apparatus comprising:
the receiving module is used for receiving a first input of dragging a first icon by a user under the condition that the current display interface is a target interface; the target interface comprises N areas, and one area is used for displaying one icon;
the numbering module is used for responding to the first input received by the receiving module, and numbering the N areas according to a target extrusion direction under the condition that the overlapping area of the first icon and the first area is smaller than a first threshold value;
the determining module is used for determining the target area of the extruded second icon according to the number of the N areas obtained by the numbering module;
and the moving module is used for moving the first icon to the first area and moving the second icon to the target area determined by the determining module.
8. The method of claim 7, wherein the determining module is further configured to:
and determining the target extrusion direction according to the relative position of the overlapped area of the first icon and the first area relative to the first area.
9. The method according to claim 7 or 8, wherein the numbering module is specifically configured to:
numbering the N areas according to a first numbering rule under the condition that the target extrusion direction is the horizontal direction;
or,
numbering the N areas according to a second numbering rule under the condition that the target extrusion direction is the vertical direction;
wherein the first numbering rule comprises: from left to right, from top to bottom; the second numbering rule comprises: from top to bottom and from left to right.
10. The method of claim 9,
when the target extrusion direction is leftward or upward extrusion, the area number of the target area is: subtracting 1 from the area number of the original area corresponding to the second icon to obtain an area number;
when the target extrusion direction is rightward or downward extrusion, the area number of the target area is: and the area number is obtained by adding 1 to the area number of the original area corresponding to the second icon.
11. The method of claim 7, wherein the apparatus further comprises:
the display module is used for responding to the first input received by the receiving module, and displaying N identifiers under the condition that the superposition area of the first icon and the first area is larger than or equal to the first threshold; an identifier indicates a first operation;
the execution module is used for executing a first operation indicated by the target identifier if a user drags the first icon to the target identifier in the N identifiers displayed by the display module;
wherein N is a positive integer, the first operation is: and controlling the first icon to interact with the original icon on the first area.
12. The apparatus of claim 11, wherein the first input comprises: a drag input in which the user drags the first icon; the display module is further configured to, in a process that a user drags the first icon, if the user drags the first icon to the target identifier, display a preview interface, where the preview interface is used to display an operation effect corresponding to the first operation indicated by the target identifier;
the execution module is specifically configured to: and when the dragging input received by the receiving module is finished, executing a first operation indicated by the target identifier according to the operation effect.
13. An electronic device comprising a processor, a memory, and a program or instructions stored on the memory and executable on the processor, the program or instructions when executed by the processor implementing the steps of the method of moving an icon as claimed in any one of claims 1-6.
14. A readable storage medium, characterized in that it stores thereon a program or instructions which, when executed by a processor, implement the steps of the method of moving an icon according to any one of claims 1-6.
CN202011048632.7A 2020-09-29 2020-09-29 Icon moving method and device and electronic equipment Active CN112148168B (en)

Priority Applications (2)

Application Number Priority Date Filing Date Title
CN202011048632.7A CN112148168B (en) 2020-09-29 2020-09-29 Icon moving method and device and electronic equipment
PCT/CN2021/121281 WO2022068805A1 (en) 2020-09-29 2021-09-28 Icon moving method and apparatus, and electronic device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202011048632.7A CN112148168B (en) 2020-09-29 2020-09-29 Icon moving method and device and electronic equipment

Publications (2)

Publication Number Publication Date
CN112148168A true CN112148168A (en) 2020-12-29
CN112148168B CN112148168B (en) 2022-07-08

Family

ID=73894421

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202011048632.7A Active CN112148168B (en) 2020-09-29 2020-09-29 Icon moving method and device and electronic equipment

Country Status (2)

Country Link
CN (1) CN112148168B (en)
WO (1) WO2022068805A1 (en)

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN112947814A (en) * 2021-04-07 2021-06-11 维沃移动通信（杭州）有限公司 Bill counting method and bill counting device
CN113568549A (en) * 2021-04-20 2021-10-29 华为技术有限公司 Graphical interface display method, electronic device, medium, and program product
WO2022068805A1 (en) * 2020-09-29 2022-04-07 维沃移动通信有限公司 Icon moving method and apparatus, and electronic device

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110103228A (en) * 2010-03-12 2011-09-20 엘지전자 주식회사 Content control apparatus and method thereof
CN103699300A (en) * 2013-12-24 2014-04-02 贝壳网际（北京）安全技术有限公司 Icon management method and device in mobile terminal and mobile terminal
CN106354366A (en) * 2016-08-26 2017-01-25 乐视控股（北京）有限公司 Method for treating desktop icons arrangement and device thereof
CN108121485A (en) * 2017-11-10 2018-06-05 深圳市金立通信设备有限公司 A kind of icon method for sorting, terminal and computer readable storage medium
CN111399716A (en) * 2020-03-16 2020-07-10 维沃移动通信有限公司 Icon position adjusting method and electronic equipment

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP6747262B2 (en) * 2016-11-17 2020-08-26 富士通株式会社 User interface method, information processing apparatus, information processing system, and information processing program
CN112148168B (en) * 2020-09-29 2022-07-08 维沃移动通信有限公司 Icon moving method and device and electronic equipment

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR20110103228A (en) * 2010-03-12 2011-09-20 엘지전자 주식회사 Content control apparatus and method thereof
CN103699300A (en) * 2013-12-24 2014-04-02 贝壳网际（北京）安全技术有限公司 Icon management method and device in mobile terminal and mobile terminal
CN106354366A (en) * 2016-08-26 2017-01-25 乐视控股（北京）有限公司 Method for treating desktop icons arrangement and device thereof
CN108121485A (en) * 2017-11-10 2018-06-05 深圳市金立通信设备有限公司 A kind of icon method for sorting, terminal and computer readable storage medium
CN111399716A (en) * 2020-03-16 2020-07-10 维沃移动通信有限公司 Icon position adjusting method and electronic equipment

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2022068805A1 (en) * 2020-09-29 2022-04-07 维沃移动通信有限公司 Icon moving method and apparatus, and electronic device
CN112947814A (en) * 2021-04-07 2021-06-11 维沃移动通信（杭州）有限公司 Bill counting method and bill counting device
CN113568549A (en) * 2021-04-20 2021-10-29 华为技术有限公司 Graphical interface display method, electronic device, medium, and program product

Also Published As

Publication number Publication date
WO2022068805A1 (en) 2022-04-07
CN112148168B (en) 2022-07-08

Similar Documents

Publication Publication Date Title
CN112148168B (en) Icon moving method and device and electronic equipment
CN112135181B (en) Video preview method and device and electronic equipment
CN113163050B (en) Session interface display method and device
CN111831182B (en) Application icon control method and device and electronic equipment
CN112099707A (en) Display method and device and electronic equipment
CN113918260A (en) Application program display method and device and electronic equipment
CN112286612B (en) Information display method and device and electronic equipment
CN112540740A (en) Split screen display method and device, electronic equipment and readable storage medium
CN113703624A (en) Screen splitting method and device and electronic equipment
CN112099714B (en) Screenshot method and device, electronic equipment and readable storage medium
CN113703627A (en) Display method, display device, electronic equipment and readable storage medium
CN112486366A (en) Control display method and device and electronic equipment
CN112764613A (en) Icon arranging method and device, electronic equipment and readable storage medium
CN112269501A (en) Icon moving method and device and electronic equipment
CN113885749A (en) Icon display method and device and electronic equipment
CN113703634A (en) Interface display method and device
CN112306320A (en) Page display method, device, equipment and medium
CN113342222B (en) Application classification method and device and electronic equipment
CN114416264A (en) Message display method and device
CN114442881A (en) Information display method and device, electronic equipment and readable storage medium
CN113885981A (en) Desktop editing method and device and electronic equipment
CN113778277A (en) Application icon management method and device and electronic equipment
CN114327173A (en) Information processing method and device and electronic equipment
CN113885748A (en) Object switching method and device, electronic equipment and readable storage medium
CN113900554A (en) Application icon management method and device and electronic equipment

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