WO2023051511A1 - 一种图标移动方法、相关图形界面及电子设备 - Google Patents

一种图标移动方法、相关图形界面及电子设备 Download PDF

Info

Publication number
WO2023051511A1
WO2023051511A1 PCT/CN2022/121654 CN2022121654W WO2023051511A1 WO 2023051511 A1 WO2023051511 A1 WO 2023051511A1 CN 2022121654 W CN2022121654 W CN 2022121654W WO 2023051511 A1 WO2023051511 A1 WO 2023051511A1
Authority
WO
WIPO (PCT)
Prior art keywords
application icon
interface
application
electronic device
icon
Prior art date
Application number
PCT/CN2022/121654
Other languages
English (en)
French (fr)
Inventor
樊凯
刘永胜
曹雄伟
Original Assignee
华为技术有限公司
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 华为技术有限公司 filed Critical 华为技术有限公司
Publication of WO2023051511A1 publication Critical patent/WO2023051511A1/zh

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
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/36—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators characterised by the display of a graphic pattern, e.g. using an all-points-addressable [APA] memory
    • G09G5/37—Details of the operation on graphic patterns
    • G09G5/377—Details of the operation on graphic patterns for mixing or overlaying two or more graphic patterns

Definitions

  • the present application relates to the technical field of terminals, in particular to an icon moving method, a related graphical interface and electronic equipment.
  • application icons corresponding to installed applications may be displayed on the display screen, and the user may adjust the positions of these application icons. For example, the user can drag an application icon to a target position to move the application icon, wherein the target position is the position where the user wants to place the application icon.
  • This application provides an icon moving method, a related graphical interface and an electronic device.
  • the icon moving method can support the user to properly adjust the interface layout in the process of moving the icon, reduce the application icon by a certain ratio, and display it in an interface. All application icons, or display more application icons than in the interface before moving, so that the user can quickly confirm the target position of the icon during the process of moving the application icon.
  • the icon moving method can also support the electronic device to dynamically scale the size of the application icon in the interface according to the speed at which the user drags the application icon.
  • the embodiment of the present application provides an icon moving method, the method includes: the electronic device displays N application icons in the first interface on the screen, the N application icons include the first application icon, the first application icon Arranged at the first position in the first interface.
  • the electronic device detects a first user operation selecting to move the first application icon.
  • the electronic device displays more than N application icons on the first interface on the screen.
  • the electronic device detects a second user operation that the user releases the first application icon in the first interface.
  • the electronic device changes and arranges the first application icon to a second position in the first interface, and the second position is a position where the user releases the first application icon in the first interface.
  • the user can quickly locate the target position during the process of moving the application icon.
  • This method provides a more convenient, faster, and more humanized interface operation mode, saving the time of dragging the application icon to the target position , which enhances the human-computer interaction performance, facilitates the user's operation, and improves the user experience.
  • the first user operation of selecting and moving the first application icon may include an operation of selecting and not releasing the first application icon, or an operation of selecting and moving the first application icon. That is, the electronic device may display an interface of more application icons when the user selects and does not release the first application icon, and the first application icon has not been moved. If the user selects the first application icon without moving it, and then releases the first application icon, during this process, the electronic device may also display an interface of more application icons, that is, an icon editing interface. The electronic device may also not display the changed interface when the user selects and does not release the first application icon, but starts to display the interface of more application icons when the user moves the first application icon.
  • the first user operation includes selecting and not releasing the first application icon
  • the electronic device also detects a drag operation
  • the electronic device moves the first application icon in the first interface according to the drag operation .
  • the first user operation includes an operation of selecting and dragging the first application icon, and the electronic device moves the first application icon in the first interface according to the operation of dragging the first application icon.
  • the electronic device when it is detected that the first application icon is selected and not released, displays more than N application icons in the first interface on the screen. And/or, when the first application icon is selected and dragged, the electronic device displays more than N application icons in the first interface on the screen.
  • the number of application icons displayed on the screen is less than or equal to M, where M is the number of all application icons in the electronic device.
  • the size of the application icon displayed on the screen is larger than or equal to the first icon size, and smaller than or equal to the second icon size. That is, the size of the application icon has upper and lower limits.
  • the scaling ratio of the first interface that can just display all application icons without redundant gaps is called the maximum ratio
  • the size of its application icons is called the minimum size (first icon size), which can only display a complete application icon.
  • the scaling ratio of the first interface is called the minimum ratio
  • the size of its application icon is called the maximum size (second icon size). The larger the scaling ratio of the first interface, the smaller the size of the application icons in the interface.
  • the scaling ratios of the rest of the first interface are between the minimum ratio and the maximum ratio, or the size of the application icon on the first interface is between the minimum size and the maximum size. Regardless of the speed of dragging the first application icon, the scaling ratio of the changed first interface will be between the minimum and maximum ratios, or the changing size of the application icon in the first interface will be between the minimum size and the maximum size between.
  • the faster the speed the smaller the size of the application icon in the first interface, or the number of application icons displayed on the screen of the electronic device more.
  • the enlarged interface displays more application icons, which is convenient for the user to quickly find the target location, and can move the first application icon to the attachment of the target location more quickly.
  • the slower the speed the larger the size of the application icon in the first interface, or the number of application icons displayed on the screen of the electronic device less.
  • the reduced interface shows fewer application icons, which is convenient for users to pinpoint the target location.
  • the electronic device changes the arrangement of the first application icon on the first interface.
  • the application icon after the electronic device detects the first user operation is a reduced size application icon.
  • the size of N application icons is a first size
  • the size of more than N application icons is a second size
  • the second size is smaller than or equal to the first size
  • the second size may be equal to the first size. In this case, the space between application icons is reduced, and more application icons may be displayed on the screen. In some embodiments, the second size may also be smaller than the first size. In this case, the display size of the application icons is reduced, and more application icons can be displayed on the screen while the distance between the application icons remains the same.
  • the more than N more application icons include N application icons.
  • the more than N application icons are all application icons in the electronic device.
  • the electronic device when the electronic device detects that the first application icon is selected, the first application icon is enlarged and displayed, or the first application icon is reduced and displayed, or the size of the first application icon remains unchanged, Or mark the first app icon as selected.
  • the display size of the first application icon may remain unchanged, or may dynamically change as the size of other application icons in the first interface changes.
  • the number of application icons displayed on the screen is less than N.
  • the application icon at the position of the first application icon in the first interface is enlarged and displayed.
  • the electronic device displays on the screen the position where the first application icon is arranged in the first interface. second position.
  • the electronic device after the electronic device changes the arrangement of the first application icon to the second position in the first interface, the electronic device detects a third user operation of moving the first interface. Then the electronic device displays on the screen that the first application icons are arranged at the second position on the first interface.
  • the second application icon is located at the second position.
  • the electronic device when the electronic device changes the arrangement of the first application icon to the second position in the first interface, the arrangement of the second application icon is changed to the first position.
  • the second application icon moves to a position next to the second position.
  • the second user operation of releasing the first application icon may be an operation in which the user releases the finger from the display screen.
  • the first interface includes multiple pages, the application icons in the first interface are arranged on the multiple pages, and N application icons are arranged on the first page.
  • the first interface is the desktop of the mobile phone, and the desktop may include multiple pages, and the user can switch the displayed pages of the desktop by swiping left or right.
  • the electronic device displays multiple reduced pages on the screen, and the number of application icons included in the multiple reduced pages is greater than N.
  • the embodiment of the present application provides an icon moving method, including: the electronic device displays the first page, the first application icon is displayed at the first position of the first page, and the application icons of the electronic device are arranged in K Among the pages, K pages include the first page and the second page.
  • the electronic device detects a first user operation selecting to move the first application icon.
  • the electronic device displays the interface of the reduced L pages, where L is less than or equal to K.
  • the electronic device detects a moving operation of moving the first application icon to the reduced second page.
  • the electronic device enlarges and displays the second page.
  • the electronic device detects a second user operation of releasing the first application icon on the second page.
  • the electronic device changes and arranges the first application icon to a second position on the second page, and the second position is a position where the user releases the first application icon on the second page.
  • the user can quickly locate the target page in the process of moving the application icon, and then locate the target position, which is convenient for the user to move the application icon faster, especially when there are many pages and the starting page and target that need to be moved When the pages are not adjacent, the user experience is better.
  • the method provides a more convenient, faster and more humanized interface operation mode, saves the time of dragging the application icon to the target position, enhances the performance of human-computer interaction, facilitates the user's operation, and improves the user experience.
  • the L pages include the reduced first page and the reduced second page.
  • the faster the speed of moving the first application icon the more pages displayed in the interface.
  • the slower the speed of moving the first application icon the fewer pages are displayed in the interface.
  • the size of each page in the interface displaying the reduced L pages is greater than or equal to the first page size and less than or equal to the second page size. That is, the page size of the reduced L pages has upper and lower limits.
  • the scaling ratio of the second interface that can just display all desktop pages without extra gaps is called the maximum ratio, and the size of its pages is called the minimum size (the first page size), and only the second interface of a complete desktop page can be displayed.
  • the scaling ratio of the second interface is called the minimum ratio, and the size of its page is called the maximum size (second page size). The larger the scaling ratio of the second interface, the smaller the size of each page in the interface.
  • the scaling ratios of the rest of the second interface are between the minimum ratio and the maximum ratio, or in other words, the size of each page in the first interface is between the minimum size and the maximum size. Regardless of the speed of dragging the first application icon, the zoom ratio of the changed second interface will be between the minimum and maximum ratios, or the changing size of each page in the second interface will be between the minimum and maximum between sizes.
  • the electronic device may also determine the zoom ratio on the second interface based on the drag speed detected by the user for the first application icon in real time, based on the drag speed range of the drag speed, that is, the second interface
  • the upper scaling ratio can be segmented, and one scaling ratio corresponds to multiple moving speeds in one interval.
  • the first user operation of selecting to move the first application icon may be an operation of selecting and not releasing the first application icon.
  • the electronic device may display the second interface of more pages when the user selects and does not release the first application icon, and the first application icon has not been moved. If the user selects the first application icon without moving it, and then releases the first application icon, during this process, the electronic device may also display the second interface of more pages, that is, the page selection interface.
  • the electronic device may also detect a user's drag operation on the first application icon in the second interface after the first user operation.
  • the electronic device can move the first application icon in the second interface according to the drag operation.
  • the first user operation of selecting and moving the first application icon may also be an operation of selecting and dragging the first application icon.
  • the electronic device may not display the second interface when the user selects and does not release the first application icon, but starts to display the second interface of more pages when the user moves the first application icon. interface.
  • the electronic device may move an application icon in the second interface according to the drag operation in the first user operation.
  • the electronic device when the electronic device detects that the first application icon is selected, the first application icon is enlarged and displayed, or the first application icon is reduced and displayed, or the size of the first application icon remains unchanged, Or mark the first app icon as selected.
  • an interface displaying multiple pages may be triggered.
  • the user selects the first application icon, drags the first application icon to the edge of the screen, and continues to move the first application icon outwards to trigger the interface for displaying multiple pages.
  • This operation method is to consider that the user does not need redundant operations to move the icon on the same page. If it is detected that the user drags the first application icon out of the page, it means that the user has moved the first application icon to other pages.
  • displaying an interface including multiple reduced pages can facilitate the user to quickly select the target page and save user operations.
  • the electronic device displays a reduced interface of L pages on the screen.
  • the electronic device displays on the screen the position where the first application icon is arranged on the second page. second position.
  • the second application icon before the electronic device changes the arrangement of the first application icon to the second position on the second page, the second application icon is arranged at the second position.
  • the second application icon moves to the next position of the second position.
  • the display size of the first application icon may remain unchanged, or may dynamically change as the size of other application icons in the first interface changes.
  • the electronic device may dynamically adjust the arrangement and layout of each page in the interface including L pages, that is, dynamically change the arrangement of each page in the interface. For example, when nine pages are displayed in the interface, the nine pages can be arranged in a nine-square grid shape; when four pages are displayed in the interface, the four pages can be arranged in a matt shape, and so on.
  • the electronic device detects that the moving operation of moving the first application icon to the reduced second page is the operation of selecting the second page, for example, the user drags the first application icon to the reduced size
  • the area after the second page stays for a period of time, such as 1 second.
  • the electronic device when the electronic device detects that the user moves the first application icon to and selects the second page of the interface including L pages, it directly displays that the arrangement of the first application icon is changed to the second page, The user is not required to drag in the enlarged second page. Or the user moves to and selects the second page of the interface including L pages, releases the first application icon, and then directly displays and changes the arrangement of the first application icon to the second page, without requiring the user to zoom in on the second page drag in.
  • the second user operation of releasing the first application icon may be an operation in which the user releases the finger from the display screen.
  • the user wants to give up moving the first application icon, he can release the first application icon in the state where the target page is not selected, as in the If the first application icon is released in the blank area outside the page area of the interface of the L pages, the first application icon can return to the initial position, and the first interface exits the icon editing state.
  • the embodiment of the present application provides an electronic device, and the electronic device may include: a sensor, a display, a memory, and a processor coupled to the memory, multiple application programs, and one or more programs.
  • the sensor is used to detect user operations
  • the display is used to display the interface
  • the computer-executable instructions are stored in the memory.
  • the processor executes the instructions, the electronic device can realize any function of the electronic device in the first aspect or the electronic device in the second aspect. a function.
  • an embodiment of the present application provides a computer storage medium, in which a computer program is stored, and the computer program includes executable instructions, and when executed by a processor, the executable instruction causes the processor to perform the following steps: Operations corresponding to the method provided in the first aspect or the second aspect.
  • an embodiment of the present application provides a computer program product, which, when the computer program product is run on an electronic device, causes the electronic device to execute any possible implementation manner in the first aspect or the second aspect.
  • the embodiment of the present application provides a chip system, which can be applied to electronic equipment, and the chip includes one or more processors, and the processors are used to call computer instructions so that the electronic equipment implements the first aspect or Any possible implementation in the second aspect.
  • the user can quickly locate the target position during the process of moving the application icon.
  • This method provides a more convenient, faster, and more humanized interface operation mode, saving the time and effort of dragging the application icon to the target position. Time, enhance the human-computer interaction performance, facilitate the user's operation, and improve the user experience.
  • FIG. 1A is a schematic diagram of a hardware structure of an electronic device provided by an embodiment of the present application.
  • FIG. 1B is a schematic diagram of the software architecture of the electronic device provided by the embodiment of the present application.
  • FIG. 2A is a schematic diagram of the user interface provided by the embodiment of the present application.
  • FIG. 2B is a schematic diagram of the user interface provided by the embodiment of the present application.
  • FIG. 2C is a schematic diagram of the user interface provided by the embodiment of the present application.
  • FIG. 3A is a schematic diagram of the user interface provided by the embodiment of the present application.
  • FIG. 3B is a schematic diagram of the user interface provided by the embodiment of the present application.
  • FIG. 4 is a schematic diagram of a user interface provided by an embodiment of the present application.
  • FIG. 5A is a schematic diagram of the user interface provided by the embodiment of the present application.
  • FIG. 5B is a schematic diagram of the user interface provided by the embodiment of the present application.
  • FIG. 6 is a schematic diagram of a user interface provided by an embodiment of the present application.
  • FIG. 7 is a schematic diagram of a user interface provided by an embodiment of the present application.
  • FIG. 8 is a schematic diagram of a user interface provided by an embodiment of the present application.
  • FIG. 9 is a schematic diagram of a user interface provided by an embodiment of the present application.
  • FIG. 10 is a schematic diagram of the user interface provided by the embodiment of the present application.
  • Figure 11A is a schematic diagram of the user interface provided by the embodiment of the present application.
  • FIG. 11B is a schematic diagram of the user interface provided by the embodiment of the present application.
  • Fig. 12 is a schematic diagram of the user interface provided by the embodiment of the present application.
  • FIG. 13 is a schematic diagram of the user interface provided by the embodiment of the present application.
  • FIG. 14 is a schematic diagram of the user interface provided by the embodiment of the present application.
  • FIG. 15A is a flow chart of an icon moving method provided by an embodiment of the present application.
  • FIG. 15B is a flow chart of an icon moving method provided by an embodiment of the present application.
  • FIG. 16 is a schematic diagram of a functional module provided by an embodiment of the present application.
  • first and second are used for descriptive purposes only, and cannot be understood as implying or implying relative importance or implicitly specifying the quantity of indicated technical features. Therefore, the features defined as “first” and “second” may explicitly or implicitly include one or more of these features.
  • plurality refers to two or more than two.
  • GUI graphical user interface
  • the application icon is a control indicating an application, which may be displayed as a personalized image, and is one of the entrances for the user to invoke the application. Clicking the application icon corresponding to an application program can quickly open the application program and display the application interface of the application program.
  • Multiple application icons can be neatly and orderly displayed in one interface.
  • multiple application icons in the mobile phone can be scattered on multiple pages of the desktop, and the user can switch between different pages of the desktop to find the target application icon, and then drag the application icon to move from the initial position to the target position.
  • the starting position and the target position are located on discontinuous pages, and the user needs to drag the application icon to pass through the middle page, so the moving efficiency is low.
  • all application icons in the smart watch can be placed in an application icon interface, and the user can drag the application icon to move the position of the application icon.
  • the present application provides an icon moving method, which is applied to the electronic device provided in the present application.
  • the electronic devices provided by this application may include but not limited to portable terminal devices, such as mobile phones, tablet computers, wearable devices such as smart watches, smart bracelets, etc., laptop computers (laptops) with touch-sensitive surfaces or touch panels, Non-portable terminal devices such as desktop computers with touch-sensitive surfaces or touch panels, etc.
  • the icon moving method can support the user in the process of moving the icon, the electronic device properly adjusts the layout of the interface, shrinks the application icon by a certain ratio, displays all the application icons in one interface, or displays more application icons than in the interface before the movement , which is convenient for the user to quickly confirm the target position of the icon during the process of moving the application icon.
  • the icon moving method can also support the electronic device to dynamically scale the size of the application icon in the interface according to the speed at which the user drags the application icon.
  • the user can quickly locate the target position during the process of moving the application icon.
  • This method provides a more convenient, faster, and more humanized interface operation mode, saving the time of dragging the application icon to the target position. , which enhances the human-computer interaction performance, facilitates the user's operation, and improves the user experience.
  • the exemplary electronic device 100 provided by the embodiment of the present application is introduced below.
  • FIG. 1A is a schematic diagram of a hardware structure of an electronic device 100 provided by an embodiment of the present application.
  • the exemplary electronic device 100 provided in the embodiment of the present application can be configured with a display device, which can be, but not limited to, a mobile phone, a notebook computer, a tablet computer (portable android device, PAD), a smart bracelet, a smart watch, a personal computer (personal computer, PC), smart TV (also known as smart screen, large screen, etc.), etc., and can also be smart speakers, electronic photo frames, desktop computers, laptop computers, handheld computers, augmented reality (augmented reality, AR) equipment, Virtual reality (virtual reality, VR) equipment, artificial intelligence (AI) equipment, car machine (vehicle equipment), game console, treadmill, cloud host/cloud server, other smart wearable devices, etc., or the Internet of Things ( Internet of things, IOT) equipment or smart home equipment such as smart water heaters, smart lamps, smart air conditioners, smart weight scales and other types of electronic equipment, this application does not impose any restrictions
  • the structure shown in this embodiment does not constitute a specific limitation on the electronic device 100 .
  • the electronic device 100 may include more or fewer components than those shown in the illustration, some hardware structures may be added or reduced, some components may be combined, some components may be split, or different components layout.
  • the illustrated components can be realized in hardware, software or a combination of software and hardware.
  • the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (universal serial bus, USB) interface 130, a charging management module 140, a power management module 141, a battery 142, and an antenna 1.
  • Antenna 2 mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, earphone jack 170D, sensor module 180, button 190, motor 191, indicator 192, camera 193, display screen 194, and a subscriber identification module (subscriber identification module, SIM) card interface 195, etc.
  • SIM subscriber identification module
  • the sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, bone conduction sensor 180M, etc.
  • the processor 110 is generally used to control the overall operation of the electronic device 100 and may include one or more processing units.
  • the processor 110 may include a central processing unit (central processing unit, CPU), an application processor (application processor, AP), a modem processor, a graphics processing unit (graphics processing unit, GPU), an image signal processor ( image signal processor (ISP), video processing unit (video processing unit, VPU), controller, memory, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural network processing device (neural-network processing unit, NPU), etc.
  • different processing units may be independent devices, or may be integrated in one or more processors.
  • the controller can generate an operation control signal according to the instruction opcode and timing signal, and complete the control of fetching and executing the instruction.
  • Digital signal processors are used to process digital signals. In addition to digital image signals, they can also process other digital signals. For example, when the electronic device 100 selects a frequency point, the digital signal processor is used to perform Fourier transform on the energy of the frequency point.
  • Video codecs are used to compress or decompress digital video.
  • the electronic device 100 may support one or more video codecs.
  • the electronic device 100 can play or record videos in various encoding formats, for example: moving picture experts group (moving picture experts group, MPEG) 1, MPEG2, MPEG3, MPEG4 and so on.
  • MPEG moving picture experts group
  • the NPU is a neural-network (NN) computing processor.
  • NPU neural-network
  • Applications such as intelligent cognition of electronic devices can be realized through NPU, such as: image recognition, face recognition, speech recognition, text understanding, etc.
  • a memory may also be provided in the processor 110 for storing instructions and data.
  • the memory in processor 110 is a cache memory.
  • the memory may hold instructions or data that the processor 110 has just used or recycled. If the processor 110 needs to use the instruction or data again, it can be called directly from the memory. Repeated access is avoided, and the waiting time of the processor 110 is reduced, thus improving the efficiency of the system.
  • processor 110 may include one or more interfaces.
  • the interface may include an integrated circuit (inter-integrated circuit, I2C) interface, an integrated circuit built-in audio (inter-integrated circuit sound, I2S) interface, a pulse code modulation (pulse code modulation, PCM) interface, a universal asynchronous transmitter (universal asynchronous receiver/transmitter, UART) interface, mobile industry processor interface (mobile industry processor interface, MIPI), general-purpose input and output (general-purpose input/output, GPIO) interface, subscriber identity module (subscriber identity module, SIM) interface, and /or universal serial bus (universal serial bus, USB) interface, serial peripheral interface (serial peripheral interface, SPI) interface, etc.
  • I2C integrated circuit
  • I2S integrated circuit built-in audio
  • PCM pulse code modulation
  • PCM pulse code modulation
  • UART universal asynchronous transmitter
  • MIPI mobile industry processor interface
  • GPIO general-purpose input and output
  • subscriber identity module subscriber identity module
  • SIM
  • the I2C interface is a bidirectional synchronous serial bus, including a serial data line (serial data line, SDA) and a serial clock line (derail clock line, SCL).
  • processor 110 may include multiple sets of I2C buses.
  • the processor 110 can be respectively coupled to the touch sensor 180K, the charger, the flashlight, the camera 193 and the like through different I2C bus interfaces.
  • the processor 110 may be coupled to the touch sensor 180K through the I2C interface, so that the processor 110 and the touch sensor 180K communicate through the I2C bus interface to realize the touch function of the electronic device.
  • the I2S interface can be used for audio communication.
  • processor 110 may include multiple sets of I2S buses.
  • the processor 110 may be coupled to the audio module 170 through an I2S bus to implement communication between the processor 110 and the audio module 170 .
  • the audio module 170 can transmit audio signals to the wireless communication module 160 through the I2S interface.
  • the PCM interface can also be used for audio communication, sampling, quantizing and encoding the analog signal.
  • the audio module 170 and the wireless communication module 160 may be coupled through a PCM bus interface.
  • the audio module 170 can also transmit audio signals to the wireless communication module 160 through the PCM interface. Both I2S interface and PCM interface can be used for audio communication.
  • the UART interface is a universal serial data bus used for asynchronous communication.
  • the bus can be a bidirectional communication bus. It converts the data to be transmitted between serial communication and parallel communication.
  • a UART interface is generally used to connect the processor 110 and the wireless communication module 160 .
  • the processor 110 communicates with the Bluetooth module in the wireless communication module 160 through the UART interface to realize the Bluetooth function.
  • the audio module 170 can transmit audio signals to the wireless communication module 160 through the UART interface, so as to realize the function of playing audio.
  • the MIPI interface can be used to connect the processor 110 with peripheral devices such as the display screen 194 and the camera 193 .
  • MIPI interface includes camera serial interface (camera serial interface, CSI), display serial interface (display serial interface, DSI), etc.
  • the processor 110 communicates with the camera 193 through the CSI interface to realize the shooting function of the electronic device.
  • the processor 110 communicates with the display screen 194 through the DSI interface to realize the display function of the electronic device.
  • the GPIO interface can be configured by software.
  • the GPIO interface can be configured as a control signal or as a data signal.
  • the GPIO interface can be used to connect the processor 110 with the camera 193 , the display screen 194 , the wireless communication module 160 , the audio module 170 , the sensor module 180 and so on.
  • the GPIO interface can also be configured as an I2C interface, I2S interface, UART interface, MIPI interface, etc.
  • the USB interface 130 is an interface conforming to the USB standard specification, specifically, it can be a Mini USB interface, a Micro USB interface, a USB Type C interface, and the like.
  • the USB interface 130 can be used to connect a charger to charge the electronic device, and can also be used to transmit data between the electronic device and peripheral devices. This interface can also be used to connect other electronic devices, such as mobile phones, PCs, smart TVs, etc.
  • the USB interface may be USB3.0, which is compatible with high-speed display port (DP) signal transmission, and can transmit video and audio high-speed data.
  • DP high-speed display port
  • the interface connection relationship between the modules shown in the embodiment of the present application is only a schematic illustration, and does not constitute a structural limitation of the electronic device 100 .
  • the electronic device 100 may also adopt different interface connection manners in the foregoing embodiments, or a combination of multiple interface connection manners.
  • the charging management module 140 is configured to receive a charging input from a charger.
  • the charger may be a wireless charger or a wired charger.
  • the charging management module 140 can receive charging input from the wired charger through the USB interface 130 .
  • the charging management module 140 may receive wireless charging input through a wireless charging coil of the electronic device. While the charging management module 140 is charging the battery 142 , it can also provide power for electronic devices through the power management module 141 .
  • the power management module 141 is used for connecting the battery 142 , the charging management module 140 and the processor 110 .
  • the power management module 141 receives the input from the battery 142 and/or the charging management module 140 to provide power for the processor 110 , the internal memory 121 , the display screen 194 , the camera 193 , and the wireless communication module 160 .
  • the power management module 141 can also be used to monitor parameters such as battery capacity, battery cycle times, and battery health status (leakage, impedance).
  • the power management module 141 may also be disposed in the processor 110 .
  • the power management module 141 and the charging management module 140 can also be set in the same device.
  • the wireless communication function of the electronic device 100 can be realized by the antenna 1 , the antenna 2 , the mobile communication module 150 , the wireless communication module 160 , a modem processor, a baseband processor, and the like.
  • Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals.
  • Each antenna in electronic device 100 may be used to cover single or multiple communication frequency bands. Different antennas can also be multiplexed to improve the utilization of the antennas.
  • Antenna 1 can be multiplexed as a diversity antenna of a wireless local area network.
  • the antenna may be used in conjunction with a tuning switch.
  • the mobile communication module 150 can provide the second generation (2th generation, 2G) network/third generation (3th generation, 3G) network/fourth generation (4th generation, 4G) network/fifth generation network applied on the electronic device 100. (5th generation, 5G) network and other wireless communication solutions.
  • the mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (low noise amplifier, LNA) and the like.
  • the mobile communication module 150 can receive electromagnetic waves through the antenna 1, filter and amplify the received electromagnetic waves, and send them to the modem processor for demodulation.
  • the mobile communication module 150 can also amplify the signals modulated by the modem processor, and convert them into electromagnetic waves through the antenna 1 for radiation.
  • At least part of the functional modules of the mobile communication module 150 may be set in the processor 110 . In some embodiments, at least part of the functional modules of the mobile communication module 150 and at least part of the modules of the processor 110 may be set in the same device.
  • a modem processor may include a modulator and a demodulator.
  • the modulator is used for modulating the low-frequency baseband signal to be transmitted into a medium-high frequency signal.
  • the demodulator is used to demodulate the received electromagnetic wave signal into a low frequency baseband signal. Then the demodulator sends the demodulated low-frequency baseband signal to the baseband processor for processing.
  • the low-frequency baseband signal is passed to the application processor after being processed by the baseband processor.
  • the application processor outputs sound signals through audio equipment (not limited to speaker 170A, receiver 170B, etc.), or displays images or videos through display screen 194 .
  • the modem processor may be a stand-alone device.
  • the modem processor may be independent from the processor 110, and be set in the same device as the mobile communication module 150 or other functional modules.
  • the wireless communication module 160 can provide wireless local area networks (wireless local area networks, WLAN) (such as wireless fidelity (Wireless Fidelity, Wi-Fi) network), bluetooth (bluetooth, BT), global navigation satellite, etc. applied on the electronic device 100.
  • System global navigation satellite system, GNSS
  • frequency modulation frequency modulation, FM
  • near field communication technology near field communication, NFC
  • infrared technology infrared, IR
  • the wireless communication module 160 may be one or more devices integrating at least one communication processing module.
  • the wireless communication module 160 receives electromagnetic waves via the antenna 2 , frequency-modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110 .
  • the wireless communication module 160 can also receive the signal to be sent from the processor 110 , frequency-modulate it, amplify it, and convert it into electromagnetic waves through the antenna 2 for radiation.
  • the antenna 1 of the electronic device 100 is coupled to the mobile communication module 150, and the antenna 2 is coupled to the wireless communication module 160, so that the electronic device 100 can communicate with the network and other devices through wireless communication technology.
  • the wireless communication technology may include global system for mobile communications (GSM), general packet radio service (general packet radio service, GPRS), code division multiple access (code division multiple access, CDMA), broadband Code division multiple access (wideband code division multiple access, WCDMA), time division code division multiple access (time-division code division multiple access, TD-SCDMA), long term evolution (long term evolution, LTE), BT, GNSS, WLAN, NFC , FM, and/or IR techniques, etc.
  • GSM global system for mobile communications
  • GPRS general packet radio service
  • code division multiple access code division multiple access
  • CDMA broadband Code division multiple access
  • WCDMA wideband code division multiple access
  • time division code division multiple access time-division code division multiple access
  • TD-SCDMA time-division code division multiple access
  • the GNSS may include a global positioning system (global positioning system, GPS), a global navigation satellite system (global navigation satellite system, GLONASS), a Beidou navigation satellite system (beidou navigation satellite system, BDS), a quasi-zenith satellite system (quasi -zenith satellite system (QZSS) and/or satellite based augmentation systems (SBAS).
  • GPS global positioning system
  • GLONASS global navigation satellite system
  • Beidou navigation satellite system beidou navigation satellite system
  • BDS Beidou navigation satellite system
  • QZSS quasi-zenith satellite system
  • SBAS satellite based augmentation systems
  • the electronic device 100 may implement a display function through a GPU, a display screen 194, an application processor, and the like.
  • the GPU is a microprocessor for image processing, and is connected to the display screen 194 and the application processor. GPUs are used to perform mathematical and geometric calculations for graphics rendering.
  • Processor 110 may include one or more GPUs that execute program instructions to generate or change display information.
  • the display screen 194 is used to display images, videos and the like.
  • the display screen 194 includes a display panel.
  • the display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active matrix organic light emitting diode or an active matrix organic light emitting diode (active-matrix organic light emitting diode, AMOLED), flexible light-emitting diode (flex light-emitting diode, FLED), Miniled, MicroLed, Micro-oLed, quantum dot light emitting diodes (quantum dot light emitting diodes, QLED), etc.
  • the electronic device 100 may include 1 or N display screens 194 , where N is a positive integer greater than 1.
  • the display screen 194 may have a touch-sensitive surface or panel, which can detect a user's touch operation.
  • One or more application icons can be displayed on the display screen 194, and when an operation of moving an application icon acting on the user on the display screen 194 is detected, the display screen 194 can display an interface of application icons scaled to a certain ratio, which is convenient for users Quickly locate the target location of the application icon.
  • the electronic device 100 can realize the shooting function through the ISP, the camera 193 , the video codec, the GPU, the display screen 194 and the application processor.
  • the ISP is used for processing the data fed back by the camera 193 .
  • the light is transmitted to the photosensitive element of the camera through the lens, and the light signal is converted into an electrical signal, and the photosensitive element of the camera transmits the electrical signal to the ISP for processing, and converts it into an image visible to the naked eye.
  • ISP can also perform algorithm optimization on image noise, brightness, and skin color.
  • ISP can also optimize the exposure, color temperature and other parameters of the shooting scene.
  • the ISP may be located in the camera 193 .
  • Camera 193 is used to capture still images or video.
  • the object generates an optical image through the lens and projects it to the photosensitive element.
  • the photosensitive element may be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor.
  • CMOS complementary metal-oxide-semiconductor
  • the photosensitive element converts the light signal into an electrical signal, and then transmits the electrical signal to the ISP to convert it into a digital image signal.
  • the ISP outputs the digital image signal to the DSP for processing.
  • DSP converts digital image signals into standard RGB, YUV and other image signals.
  • the electronic device 100 may include 1 or N cameras 193 , where N is a positive integer greater than 1.
  • the camera 193 may include, but not limited to, a traditional color camera (RGB camera), a depth camera (RGB depth camera), a dynamic vision sensor (dynamic vision sensor, DVS) camera, and the like.
  • camera 193 may be a depth camera.
  • the depth camera can collect the spatial information of the real environment.
  • the electronic device 100 can take pictures of users through the camera 193, recognize different users by face, correspondingly enable different user accounts, and store the information of different users in the accounts of different users, which can ensure that the accounts of different users are not confused, and further protect users. data privacy.
  • the camera 193 may collect hand images or body images of the user, and the processor 110 may be configured to analyze the images collected by the camera 193 to recognize hand motions or body motions input by the user.
  • the camera 193 can be used to recognize the user's hand movements to implement user gesture control.
  • the internal memory 121 may be used to store computer-executable program codes including instructions.
  • the processor 110 executes various functional applications and data processing of the electronic device by executing instructions stored in the internal memory 121 .
  • the internal memory 121 may include an area for storing programs and an area for storing data.
  • the stored program area can store an operating system, at least one application program required by a function (such as a sound playing function, an image playing function, etc.) and the like.
  • the storage data area can store data (such as audio data, phone book, etc.) created during the use of the electronic device.
  • the internal memory 121 may be used to store application programs of one or more applications, and the application programs include instructions.
  • the application program When executed by the processor 110, the application program causes the electronic device 100 to generate content for presentation to the user.
  • the application may include an application for managing the electronic device 100, such as a game application, a conference application, a video application, a desktop application or other applications, and the like.
  • the internal memory 121 may include one or more random access memories (random access memory, RAM) and one or more non-volatile memories (non-volatile memory, NVM).
  • RAM random access memory
  • NVM non-volatile memory
  • Random access memory has the characteristics of fast read/write speed and volatility. Volatile means that once the power is turned off, the data stored in RAM will disappear. Usually, the static power consumption of the random access memory is extremely low, and the operating power consumption is relatively large.
  • the data in RAM is memory data, which can be read at any time and disappears when the power is turned off.
  • Non-volatile memory has the characteristics of non-volatility and stable data storage.
  • Non-volatile means that the stored data will not disappear after the power is turned off, and the data can be saved for a long time without power.
  • the data in NVM includes application data, which can be stored stably in NVM for a long time.
  • Application data refers to the content written during the running of an application or service process, such as photos or videos obtained by a camera application, text edited by a user in a document application, and so on.
  • Random access memory can include static random-access memory (SRAM), dynamic random access memory (DRAM), synchronous dynamic random access memory (synchronous dynamic random access memory, SDRAM), double data rate synchronous Dynamic random access memory (double data rate synchronous dynamic random access memory, DDR SDRAM, such as the fifth generation DDR SDRAM is generally called DDR5SDRAM), etc.
  • SRAM static random-access memory
  • DRAM dynamic random access memory
  • SDRAM synchronous dynamic random access memory
  • SDRAM synchronous dynamic random access memory
  • double data rate synchronous Dynamic random access memory double data rate synchronous dynamic random access memory
  • DDR SDRAM double data rate synchronous dynamic random access memory
  • DDR5SDRAM double data rate synchronous dynamic random access memory
  • the non-volatile memory may include magnetic disk storage, flash memory, and the like.
  • the disk storage device is a memory with a disk as the storage medium, which has the characteristics of large storage capacity, high data transmission rate, and long-term storage of stored data.
  • flash memory can include NOR FLASH, NAND FLASH, 3D NAND FLASH, etc.
  • it can include single-level storage cells (single-level cell, SLC), multi-level storage cells (multi-level cell, MLC), triple-level cell (TLC), quad-level cell (QLC), etc.
  • SLC single-level storage cells
  • MLC multi-level storage cells
  • TLC triple-level cell
  • QLC quad-level cell
  • UFS universal flash storage
  • embedded multimedia memory card embedded multi media Card
  • the random access memory can be directly read and written by the processor 110, and can be used to store executable programs (such as machine instructions) of an operating system or other running programs, and can also be used to store data of users and application programs.
  • the non-volatile memory can also store executable programs and data of users and application programs, etc., and can be loaded into the random access memory in advance for the processor 110 to directly read and write.
  • the external memory interface 120 can be used to connect an external non-volatile memory, so as to expand the storage capacity of the electronic device.
  • the external non-volatile memory communicates with the processor 110 through the external memory interface 120 to implement a data storage function. For example, files such as music and video are stored in an external non-volatile memory.
  • the electronic device 100 can implement audio functions through the audio module 170 , the speaker 170A, the receiver 170B, the microphone 170C, the earphone interface 170D, and the application processor. Such as music playback, recording, etc.
  • the audio module 170 is used to convert digital audio information into analog audio signal output, and is also used to convert analog audio input into digital audio signal.
  • the audio module 170 may also be used to encode and decode audio signals.
  • the audio module 170 may be set in the processor 110 , or some functional modules of the audio module 170 may be set in the processor 110 .
  • Speaker 170A also referred to as a "horn" is used to convert audio electrical signals into sound signals.
  • the electronic device can listen to music through speaker 170A, or listen to hands-free calls.
  • Receiver 170B also called “earpiece” is used to convert audio electrical signals into sound signals.
  • the electronic device receives a call or a voice message, it can listen to the voice by placing the receiver 170B close to the human ear.
  • the microphone 170C also called “microphone” or “microphone” is used to convert sound signals into electrical signals.
  • the user can put his mouth close to the microphone 170C to make a sound, and input the sound signal to the microphone 170C.
  • the electronic device may be provided with at least one microphone 170C.
  • the electronic device can be provided with two microphones 170C, which can also implement a noise reduction function in addition to collecting sound signals.
  • the electronic device can also be equipped with three, four or more microphones 170C to realize sound signal collection, noise reduction, identify sound sources, and realize directional recording functions, etc.
  • the earphone interface 170D is used for connecting wired earphones.
  • the earphone interface 170D can be a USB interface 130, or a 3.5mm open mobile terminal platform (OMTP) standard interface, or a cellular telecommunications industry association of the USA (CTIA) standard interface.
  • OMTP open mobile terminal platform
  • CTIA cellular telecommunications industry association of the USA
  • the electronic device 100 may include one or more keys 190 , and these keys 190 may control the electronic device 100 and provide a user with access to functions on the electronic device 100 .
  • the key 190 may be in the form of a mechanical case such as a button, a switch, or a dial, or may be a touch or near-touch sensing device (such as a touch sensor).
  • the electronic device 100 can receive key input and generate key signal input related to user settings and function control of the electronic device 100 .
  • the keys 190 may include a power key, a volume key and the like.
  • the motor 191 can generate a vibrating reminder.
  • the motor 191 can be used for incoming call vibration prompts, and can also be used for touch vibration feedback.
  • touch operations applied to different applications may correspond to different vibration feedback effects.
  • the motor 191 may also correspond to different vibration feedback effects for touch operations acting on different areas of the electronic device 100 .
  • Different application scenarios for example: time reminder, receiving information, alarm clock, games, etc.
  • the touch vibration feedback effect can also support customization.
  • the indicator 192 can be an indicator light, which can be used to indicate the charging status, the change of the battery capacity, and can also be used to indicate messages, notifications and the like.
  • the electronic device 100 may also include other input and output interfaces, and other devices may be connected to the electronic device 100 through a suitable input and output interface.
  • Components may include, for example, audio/video jacks, data connectors, and the like.
  • the electronic device 100 is equipped with one or more sensors, including but not limited to a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity sensor 180G, a fingerprint sensor 180H, Temperature sensor 180J, touch sensor 180K, ambient light sensor 180L, bone conduction sensor 180M, etc.
  • sensors including but not limited to a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity sensor 180G, a fingerprint sensor 180H, Temperature sensor 180J, touch sensor 180K, ambient light sensor 180L, bone conduction sensor 180M, etc.
  • the pressure sensor 180A is used to sense the pressure signal and convert the pressure signal into an electrical signal.
  • pressure sensor 180A may be disposed on display screen 194 .
  • pressure sensors 180A such as resistive pressure sensors, inductive pressure sensors, and capacitive pressure sensors.
  • a capacitive pressure sensor may be comprised of at least two parallel plates with conductive material.
  • the electronic device 100 determines the intensity of pressure according to the change in capacitance.
  • the electronic device 100 detects the intensity of the touch operation according to the pressure sensor 180A.
  • the electronic device 100 may also calculate the touched position according to the detection signal of the pressure sensor 180A.
  • touch operations acting on the same touch position but with different touch operation intensities may correspond to different operation instructions. For example: when a touch operation with a touch operation intensity less than the first pressure threshold acts on the short message application icon, an instruction to view short messages is executed. When a touch operation whose intensity is greater than or equal to the first pressure threshold acts on the icon of the short message application, the instruction of creating a new short message is executed.
  • touch operations acting on the same touch position but with different touch operation durations may correspond to different operation instructions. For example: when a touch operation whose duration is shorter than the first time threshold acts on the pressure sensor 180A, a confirmation instruction is executed. When a touch operation whose duration is greater than or equal to the first time threshold acts on the pressure sensor 180A, a power on/off command is executed.
  • the gyro sensor 180B can be used to determine the motion posture of the electronic device 100 .
  • the angular velocity of the electronic device about three axes may be determined by the gyro sensor 180B.
  • the gyro sensor 180B can be used for image stabilization. Exemplarily, when the shutter is pressed, the gyro sensor 180B detects the shake angle of the electronic device, calculates the distance that the lens module needs to compensate according to the angle, and allows the lens to counteract the shake of the electronic device through reverse movement to achieve anti-shake.
  • the gyro sensor 180B can also be used for navigation and somatosensory game scenes.
  • the electronic device 100 can confirm the instruction to switch the previous/next display option through the gyro sensor 180B.
  • the air pressure sensor 180C is used to measure air pressure.
  • the electronic device 100 calculates the altitude based on the air pressure value measured by the air pressure sensor 180C to assist positioning and navigation.
  • the magnetic sensor 180D includes a Hall sensor.
  • the electronic device 100 may use the magnetic sensor 180D to detect the opening and closing of the flip leather case.
  • the opening and closing of the clamshell can be detected according to the magnetic sensor 180D.
  • features such as automatic unlocking of the flip cover are set.
  • the acceleration sensor 180E can detect the acceleration of the electronic device 100 in various directions (generally three axes). When the electronic device 100 is stationary, the magnitude and direction of gravity can be detected. It can also be used to identify the posture of electronic devices, and can be used in applications such as horizontal and vertical screen switching, pedometers, etc. In some embodiments, the electronic device 100 may confirm an instruction to switch the previous/next display option through the acceleration sensor 180E.
  • the distance sensor 180F is used to measure the distance.
  • the electronic device 100 may measure the distance by infrared or laser. In some embodiments, when shooting a scene, the electronic device 100 may use the distance sensor 180F for distance measurement to achieve fast focusing.
  • Proximity light sensor 180G may include, for example, light emitting diodes (LEDs) and light detectors, such as photodiodes.
  • the light emitting diodes may be infrared light emitting diodes.
  • the electronic device 100 emits infrared light through the light emitting diode.
  • Electronic device 100 uses photodiodes to detect infrared reflected light from nearby objects. When sufficient reflected light is detected, it may be determined that there is an object near the electronic device 100 . When insufficient reflected light is detected, the electronic device 100 may determine that there is no object nearby.
  • the electronic device 100 can use the proximity light sensor 180G to detect that the user is holding the electronic device 100 close to the ear to make a call, so as to automatically turn off the screen to save power.
  • the proximity light sensor 180G can also be used in leather case mode, automatic unlock and lock screen in pocket mode.
  • the ambient light sensor 180L is used for sensing ambient light brightness.
  • the electronic device 100 can adaptively adjust the brightness of the display screen 194 according to the perceived ambient light brightness.
  • the ambient light sensor 180L can also be used to automatically adjust the white balance when taking pictures.
  • the ambient light sensor 180L can also cooperate with the proximity light sensor 180G to detect whether the electronic device 100 is in the pocket, so as to prevent accidental touch.
  • the fingerprint sensor 180H is used to collect fingerprints.
  • the electronic device 100 can use the collected fingerprint characteristics to implement fingerprint unlocking, access to application locks, take pictures with fingerprints, answer incoming calls with fingerprints, and the like.
  • the temperature sensor 180J is used to detect temperature.
  • the electronic device 100 uses the temperature detected by the temperature sensor 180J to implement a temperature treatment strategy. For example, when the temperature reported by the temperature sensor 180J exceeds a threshold, the electronic device may reduce the performance of a processor located near the temperature sensor 180J, so as to reduce power consumption and implement thermal protection.
  • the electronic device 100 heats the battery 142 to prevent the electronic device 100 from being shut down abnormally due to the low temperature.
  • the electronic device 100 boosts the output voltage of the battery 142 to avoid abnormal shutdown caused by low temperature.
  • the touch sensor 180K is also called “touch device”.
  • the touch sensor 180K can be disposed on the display screen 194, and the touch sensor 180K and the display screen 194 form a touch screen, also called a “touch screen”.
  • the touch sensor 180K is used to detect a touch operation on or near it.
  • the touch sensor can pass the detected touch operation to the application processor to determine the type of touch event.
  • Visual output related to the touch operation can be provided through the display screen 194 .
  • the touch sensor 180K may also be disposed on the surface of the electronic device 100 , which is different from the position of the display screen 194 .
  • the bone conduction sensor 180M can acquire vibration signals. In some embodiments, the bone conduction sensor 180M can acquire the vibration signal of the vibrating bone mass of the human voice. The bone conduction sensor 180M can also contact the human pulse and receive the blood pressure beating signal. In some embodiments, the bone conduction sensor 180M can also be disposed in the earphone, combined into a bone conduction earphone.
  • the audio module 170 can analyze the voice signal based on the vibration signal of the vibrating bone mass of the vocal part acquired by the bone conduction sensor 180M, so as to realize the voice function.
  • the application processor can analyze the heart rate information based on the blood pressure beating signal acquired by the bone conduction sensor 180M, so as to realize the heart rate detection function.
  • the SIM card interface 195 is used for connecting a SIM card.
  • the SIM card can be connected and separated from the electronic device 100 by inserting it into the SIM card interface 195 or pulling it out from the SIM card interface 195 .
  • the electronic device 100 may support 1 or N SIM card interfaces, where N is a positive integer greater than 1.
  • SIM card interface 195 can support Nano SIM card, Micro SIM card, SIM card etc. Multiple cards can be inserted into the same SIM card interface 195 at the same time. The types of the multiple cards may be the same or different.
  • the SIM card interface 195 is also compatible with different types of SIM cards.
  • the SIM card interface 195 is also compatible with external memory cards.
  • the electronic device 100 interacts with the network through the SIM card to implement functions such as calling and data communication.
  • the electronic device 100 adopts an eSIM, that is, an embedded SIM card.
  • the eSIM card can be embedded in the electronic device 100 and cannot be separated from the electronic device 100 .
  • the software system of the electronic device 100 may adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a micro-service architecture, or a cloud architecture.
  • the embodiment of this application uses a layered architecture
  • the system is taken as an example to illustrate the software structure of the electronic device 100 .
  • FIG. 1B is a block diagram of the software structure of the electronic device 100 according to the embodiment of the present application.
  • the layered architecture divides the software into several layers, and each layer has a clear role and division of labor. Layers communicate through software interfaces.
  • the The system is divided into four layers, from top to bottom are application layer, application framework layer, Android runtime ( runtime) and system libraries, and the kernel layer.
  • the application layer can consist of a series of application packages.
  • the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and settings.
  • applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and settings.
  • the font size, thickness and the like can be set in the setting application.
  • the application framework layer provides an application programming interface (application programming interface, API) and a programming framework for applications in the application layer.
  • the application framework layer includes some predefined functions.
  • the application framework layer may include window manager, content provider, view system, phone manager, resource manager, notification manager, etc.
  • a window manager is used to manage window programs.
  • the window manager can get the size of the display screen, determine whether there is a status bar, lock the screen, capture the screen, etc.
  • Content providers are used to store and retrieve data and make it accessible to applications.
  • This data can include videos, images, audio, calls made and received, browsing history and bookmarks, phonebook, etc.
  • the view system includes visual controls, such as controls for displaying text, controls for displaying pictures, and so on.
  • the view system can be used to build applications.
  • a display interface can consist of one or more views.
  • a display interface including a text message notification icon may include a view for displaying text and a view for displaying pictures.
  • Telephony Manager is used to provide communication functions. For example, the management of call status (including connected, hung up, etc.).
  • the resource manager provides various resources for the application, such as localized strings, icons, pictures, layout files, video files, and so on.
  • the notification manager enables the application to display notification information in the status bar, which can be used to convey notification-type messages, and can automatically disappear after a short stay without user interaction.
  • the notification manager is used to notify the download completion, message reminder, etc.
  • the notification manager can also be a notification that appears on the top status bar of the system in the form of a chart or scroll bar text, such as a notification of an application running in the background, or a notification that appears on the screen in the form of a dialog window.
  • prompting text information in the status bar issuing a prompt sound, vibrating the electronic device, and flashing the indicator light, etc.
  • Runtime includes core library and virtual machine. The runtime is responsible for the scheduling and management of the Android system.
  • the core library consists of two parts: one part is the function function that the java language needs to call, and the other part is the core library of Android.
  • the application layer and the application framework layer run in virtual machines.
  • the virtual machine executes the java files of the application program layer and the application program framework layer as binary files.
  • the virtual machine is used to perform functions such as object life cycle management, stack management, thread management, security and exception management, and garbage collection.
  • a system library can include multiple function modules. For example: surface manager (surface manager), media library (Media Libraries), 3D graphics processing library (eg: OpenGL ES), 2D graphics engine (eg: SGL), etc.
  • the surface manager is used to manage the display subsystem and provides the fusion of 2D and 3D layers for multiple applications.
  • the media library supports playback and recording of various commonly used audio and video formats, as well as still image files, etc.
  • the media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.
  • the 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing, etc.
  • 2D graphics engine is a drawing engine for 2D drawing.
  • the kernel layer is the layer between hardware and software.
  • the kernel layer includes at least a display driver, a camera driver, an audio driver, and a sensor driver.
  • a corresponding hardware interrupt is sent to the kernel layer.
  • the kernel layer processes touch operations into original input events (including touch coordinates, time stamps of touch operations, and other information). Raw input events are stored at the kernel level.
  • the application framework layer obtains the original input event from the kernel layer, and identifies the control corresponding to the input event. Take the touch operation as a touch click operation, and the control corresponding to the click operation is the control of the camera application icon as an example.
  • the camera application calls the interface of the application framework layer to start the camera application, and then starts the camera driver by calling the kernel layer.
  • Camera 193 captures still images or video.
  • the software architecture of the electronic device 100 is only an example, and it should be understood that the software architecture shown in the embodiment of the present invention does not constitute a specific limitation to the present application. In some other embodiments of the present application, the software architecture of the electronic device 100 may include more or fewer modules than shown in the figure, or combine some modules, or split some modules, or arrange different architectures.
  • the illustrated components can be realized in hardware, software or a combination of software and hardware.
  • the embodiment of the present application provides an interactive mode of mobile application icons, which can provide users with a faster and more convenient interactive interface and an easier-to-operate, more humanized, and more friendly interactive experience.
  • the electronic device 100 when the user is moving icons, the electronic device 100 properly adjusts the interface layout, shrinks the application icons by a certain ratio, displays all application icons in one interface, or displays more application icons than in the interface before the movement.
  • the application icon is convenient for the user to quickly confirm the target position of the icon during the process of moving the application icon.
  • the electronic device 100 may also be supported to dynamically scale the size of the application icon in the interface according to the speed at which the user drags the application icon.
  • Various embodiments of the present application do not impose any limitation on the scaling ratio of the application icon.
  • the electronic device 100 is taken as a smart watch or a mobile phone as an example for illustration. It can be understood that the multiple embodiments described in this application with smart watches or mobile phones as examples do not constitute any limitation to other embodiments, and the device type of the electronic device 100 can also be other devices, which can realize the solution of the inventive concept of this application All within the protection scope of this application.
  • the electronic device 100 may be configured with a touch-enabled display screen.
  • One or more applications are installed on the electronic device 100, which can provide various application functions.
  • the display screen of the electronic device 100 can display multiple graphical interfaces, such as a desktop and multiple application icons.
  • the electronic device 100 can also support collection and recognition of user operations such as touch, gesture, and voice, and convert them into corresponding instructions.
  • the display screen of the electronic device 100 can recognize touch operations, and when a user operation of selecting and dragging an application icon acting on the touch screen is detected, the application icon can be moved from the initial position to the user-specified location accordingly. target location.
  • the display screen of the smart watch may also be referred to as a "dial".
  • each user interface described in the following embodiments of the present application is only an example interface, and does not limit other embodiments of the present application.
  • different interface layouts can be used in the user interface, more or fewer controls can be included, and other function options can be added or reduced.
  • the technical solutions of the same inventive idea provided by the application are all within the scope of protection of this application.
  • FIG. 2A to FIG. 9 use a smart watch as an example electronic device to describe the relevant graphical interface provided by the embodiment of the present application.
  • FIG. 2A to FIG. 9 it mainly involves a user interface for displaying application icons corresponding to all applications installed on the smart watch.
  • the user interface may be written as an icon interface in the following embodiments of the present application.
  • the icon interface may also be written as the first interface.
  • FIGS. 2A to 2C exemplarily show schematic diagrams of an icon interface displayed on the screen of the electronic device 100 (that is, a smart watch).
  • the arrangement and display size of application icons may be different.
  • the dial interface 201 is an icon interface of a smart watch, and icons of installed application programs can be displayed on the dial interface 201 .
  • the user can click an application icon on the watch face interface 201 to open the corresponding application program.
  • the embodiment of the present application does not limit the shape of the application icon, for example, it may be a circular icon, or a square icon, and so on.
  • the image of the application icon may be a static image or a dynamic image, and this embodiment does not impose any limitation on the expression form of the application icon.
  • one or more application icons may be displayed on the dial interface 201, for example, a clock application icon, a setting application icon, a music application icon, a browser application icon, a sports application icon, a weather application icon, a mailbox application icon, etc. wait.
  • the embodiment of the present application does not impose any limitation on the arrangement and layout of the plurality of application icons.
  • the arrangement of multiple application icons may be aligned in rows and columns, or in a honeycomb shape, or in other arrangements and layouts.
  • Row and column alignment means that the positions of multiple icons are aligned up, down, left, and right, and each icon is surrounded by eight icons, in the shape of a nine-square grid.
  • the arrangement and layout of multiple application icons displayed on the dial interface 202 presents a honeycomb shape.
  • Honeycomb means that each icon is surrounded by six icons in a hexagonal honeycomb shape.
  • the embodiment of the present application does not limit the display size of the application icon.
  • the sizes of the application icons displayed on the dial interface of the smart watch may be consistent or inconsistent.
  • the icon sizes of the plurality of application icons displayed on the dial interface 201 and the dial interface 202 are the same.
  • multiple application icons are displayed on the dial interface 203 , wherein the icon sizes of the multiple application icons decrease sequentially from the center to the border, in a radial shape.
  • the app icon in the center has the largest display size, and the display sizes of other app icons decrease in order from the center to the border.
  • the app icon closer to the center has a larger display size, and the app icon closer to the border has a larger display size. Small.
  • the center icon displayed on the dial interface 203 is a health application icon, and the size of the application icon is the largest, and the music application icon and the browser application icon around the health application icon are smaller than the size of the health application icon.
  • a plurality of application icons such as the clock application icon and the setting application icon are located at the border of the watch face interface 203 , and the displayed size of the application icons at these borders is the smallest, which is smaller than the size of the music application icon or the browser application icon.
  • the arrangement of the application icons can also be arranged in a circular arrangement or other arrangements, and the display size of the application icons can also have more different displays size.
  • Users can zoom in or out on the app icons on the watch face by rotating the crown or other buttons on the smartwatch.
  • the user can also enlarge or reduce the application icon on the dial interface through touch operation or gesture operation.
  • the zoom-in operation is performed, the size of the application icons on the dial interface will become larger, and the number of application icons displayed on the dial interface may decrease.
  • the zoom-out operation is performed, the size of the application icons on the dial interface will become smaller, and the number of application icons displayed on the dial interface may increase.
  • 3A to 3B exemplarily show an embodiment in which the smart watch displays the enlarged or reduced application icon on the dial after recognizing the user's operation of enlarging or reducing the size of the application icon.
  • the smart watch displays a dial interface 301
  • the dial interface 301 displays a plurality of application icons
  • the plurality of application icons are displayed on the dial interface 301 with a size of one.
  • the size can be size two, which is greater than or equal to size one.
  • the zoom-in operation 302 may be a touch operation in which two fingers swipe in opposite directions on the screen as shown in FIG. .
  • the application icon is enlarged to the maximum critical value, the application icon displayed on the dial interface of the smart watch will no longer be enlarged even if the zoom-in operation of the user swiping in opposite directions with two fingers on the screen of the smart watch is detected again.
  • the maximum critical value is the maximum display size of the application icon set by the smart watch. For example, when the application icon is displayed at the maximum size, the display screen of the smart watch may only be able to display a complete application icon.
  • the zoom-in operation 302 is more convenient for the user to observe details.
  • the shrinking operation can reduce the size of the application icons in the smart watch, and display more application icons on the screen.
  • the smart watch displays the dial interface 301, and the zoomed-out display on the dial interface 301
  • the size of the application icons on the dial interface 303 may be size two
  • the size of the application icons on the dial interface 301 may be size one
  • the size two is greater than or equal to size one.
  • the zoom out operation 304 can be a touch operation of pinching and swiping two fingers towards the same position on the screen as shown in FIG. The bigger the multiple.
  • the minimum critical value is the minimum display size of the application icon set by the smart watch. For example, the display of a smart watch can display all application icons on one screen when the application icons are displayed at the smallest size.
  • Zooming out operation 304 can be more convenient for the user to observe the overall effect.
  • zoom-in and zoom-out operations make it easier for users to adjust and view app icons according to their needs. Users can also drag the dial interface to adjust the view of the interface and display other application icons.
  • the above descriptions of user operations are only illustrative examples, and these examples do not impose any limitation on user operations in other embodiments.
  • the user's operation to change the display size of the application icon is not limited to the schemes shown in FIG. 3A to FIG. 3B , and may also be other operations (such as gestures, voice operations, etc.), which are not limited in this embodiment of the present application.
  • Fig. 4 exemplarily shows an embodiment of moving an application icon on a smart watch.
  • FIG. 4 show an embodiment in which the smart watch displays the application icons in the more icon interface on the dial interface after recognizing the user's intention to move the first application icon.
  • the smart watch can recognize the user's intention to move the application icon through the user's operation of selecting and not releasing the application icon, and the smart watch can also recognize the user's intention to move the application icon through the user's operation of selecting and dragging the application icon. intention.
  • the smart watch when an operation of selecting an application icon by the user is detected, the smart watch may enter an icon editing state, so as to facilitate the user to move the selected application icon.
  • the smart watch can display more application icons in the dial interface on the dial interface by reducing the distance between the application icons on the dial interface. In some other embodiments, the smart watch can also display more application icons in the icon interface on the dial interface by reducing the proportion of the application icons on the dial interface.
  • the application icon when an operation of selecting an application icon by the user is detected, the application icon may be reduced by a first ratio, and the application icon may be displayed in the first size. At this time, all application icons may be displayed on the dial interface.
  • the application icon when the operation of selecting the application icon by the user is detected, the application icon may be reduced by a second ratio, the application icon is displayed in the second size, the first ratio is larger than the second ratio, the first size is smaller than the second size, At this time, some application icons may be displayed on the dial interface, and the number of application icons displayed on the dial interface is greater than the number of icons displayed on the dial interface before the smart watch detects the user's selected operation.
  • FIG. 4 displays a dial interface 401, which includes a plurality of complete or incomplete application icons, for example, a map application icon, a weather application icon 402, a browsing icons for exercise apps, icons for fitness apps, icons for health apps, and more.
  • a dial interface 401 which includes a plurality of complete or incomplete application icons, for example, a map application icon, a weather application icon 402, a browsing icons for exercise apps, icons for fitness apps, icons for health apps, and more.
  • the smart watch can display the dial interface 403,
  • the dial interface 403 displays reduced application icons.
  • the dial interface 403 can be used to edit the application icon on the interface, for example, move the position of the application icon.
  • the dial interface 403 is a global state, which means that application icons of all applications on the smart watch are displayed on the dial interface 403 , and all application icons are displayed on the dial interface 403 in a first size.
  • selection of the first application icon to trigger entering the icon editing state is not limited to the long-press operation described in the example, and may also be other operations, which are not limited in this embodiment.
  • the desktop editing function and other functions may be distinguished by the duration or pressure value of the long press operation. For example, pressing and holding the first application icon for 0.5 seconds can trigger the application to display the application shortcut function control, and long pressing the first application icon for 1 second can enter the desktop editing state, and the user can move the position of the application icon. Or, when the long-press operation on the first application icon is greater than the first pressure value, the application can be triggered to display the application shortcut function control, and the long-press operation on the first application icon is greater than the second pressure value to enter the desktop editing state, wherein the first The pressure value is different from the second pressure value.
  • the icons in the dial interface may not be the same size, then when it is detected that the first application icon is selected and the icon editing interface is entered, the application icons displayed in the icon editing interface can be reduced by a certain ratio, namely Each icon is smaller than it was before it was selected.
  • the application icons displayed in the icon editing interface may also be displayed in the same size, some icons may be smaller than the size before selection, some icons may be larger than the size before selection, and some icons may be the same size as before selection.
  • the number of application icons included in the icon editing interface should be greater than or equal to the interface that has not entered the icon editing state, so as to facilitate the user to find the target location.
  • the first application icon may move along the user's dragging track.
  • the weather application icon 402 may move along the dragging track of the user.
  • the user can place the weather application icon 402 to a target position by dragging, and the target position is the position where the user wants to place the weather application icon 402 .
  • the user's dragging direction is upper right, and the weather application icon 402 moves to the upper right corner following the user's dragging track.
  • the target location of the weather application icon 402 is where the exercise application icon 404 is located.
  • the smart watch displays the dial interface 405 .
  • the application icon is displayed on the dial interface 405 in a third size, wherein the third size is larger than the first size.
  • the dial interface 405 includes a sports application icon 404 .
  • the number of application icons displayed on the screen is the least, and the enlarged size of the application icon is the largest.
  • the weather application icon 402 is near the target location, and when it is detected that the user releases the weather application icon 402 , the smart watch displays a dial interface 406 . As shown in (f) of FIG. 4 , the weather application icon 402 and one or more application icons near it are displayed in the dial interface 406 in a third size, wherein the weather application icon 402 is displayed on the target position.
  • the selected weather application icon 402 is the same size before being selected as after being selected. In some other embodiments, the size of the selected weather application icon 402 may be enlarged or reduced relative to the selected size, and is not necessarily the same as the size of other icons in the icon editing interface. The present application does not limit the size of the first application icon.
  • the arrangement of the first application icons may not be changed by dragging and dropping.
  • the intention of the user to move the application icons may be other user operations.
  • the smart watch can change the arrangement of the first application icon by selecting a target position on the icon interface, which is not limited in this embodiment of the present application.
  • the first application icon may follow the dragging track of the user to reach the target position.
  • the second application icon is arranged on the target position, in some embodiments, when the first application icon is moved to the target position, the first application icon can be aligned with the second application icon.
  • the positions of the two application icons are exchanged, and the arrangement of the second application icon is changed to the initial position where the first application icon was originally located.
  • the second application icon and subsequent application icons may be moved back one position in sequence.
  • FIG. 5A shows a case where application icons exchange positions.
  • FIG. 5A shows a dial interface 501, and a plurality of application icons are displayed in the dial interface 501, and the plurality of application icons include a weather application icon 502 and a sports application icon 503 .
  • the user drags the weather application icon 502 to move from the initial position to the target position, where the sports application icon 503 is displayed.
  • the smart watch After completing the location movement operation of the weather application icon 502, the smart watch displays the dial interface 504, as shown in (b) in Figure 5A, the dial interface 504 displays a plurality of application icons, wherein the weather application icon 502 is displayed at the target position Above, the sports application icon 503 is displayed at the initial position, which is the position before the weather application icon 502 starts to move.
  • FIG. 5B shows the situation where the position of the application icon is moved forward.
  • FIG. 5B shows a dial interface 501, and a plurality of application icons are displayed in the dial interface 501, and the plurality of application icons include a weather application icon 502 and a sports application icon 503.
  • the user drags the weather application icon 502 to move from the initial position to the target position, where the sports application icon 503 is displayed.
  • the smart watch displays the dial interface 505 .
  • a plurality of application icons are displayed on the dial interface 505, wherein the weather application icon 502 is displayed on the target position, the sports application icon 503 is displayed on the next position of the target position, and the sports application icon 502 is displayed on the target position.
  • the application icons following the icon 503 move backward one position in turn.
  • the user can drag the first application icon to the second application icon at the target position, overlapping with the second application icon to a certain extent, so as to trigger the change of the position of the application icon.
  • the user may not drag the first application icon to overlap with the second application icon at the target position. For example, when the user drags the first application icon to the edge of the target position, before releasing the first application icon, the arrangement position of the second application icon at the target position can be changed, leaving the target position free for the first application icon. App icon, in terms of visual effect, the first app icon squeezes the second app icon to other positions. In this way, the user can watch the preview effect of the first application icon being located at the target position without releasing the first application icon.
  • the smart watch when the smart watch enters the desktop editing state, it does not display all application icons, but displays some application icons on the dial interface, that is, the reduction ratio of the interface is smaller than the reduction ratio in the global state, and these application icons are represented by The second dimension is displayed on the dial interface. The second size is larger than the first size in the global state. In this case, the application icon can also follow the user's dragging track to reach the target position.
  • the dial interface can scroll to display other icons. Taking dragging the weather application icon as an example, when it is detected that the weather application icon is dragged to the right edge of the screen, the dial interface will scroll to the right to display other icons on the right. For example, before the dial interface scrolls to the right, the application icon on the right edge of the screen is the information application icon, but in the global state, there are multiple application icons such as the mail application icon on the right side of the mail application icon. After the dial interface scrolls to the right, the mail application icon may be displayed on the dial interface, or multiple application icons on the right side of the mail application icon in the global state may be displayed. Similarly, the dial interface can also scroll in other directions and display application icons in other directions, which will not be repeated here.
  • the smart watch when the smart watch detects that the dragging speed is less than the critical speed, the smart watch displays one or more application icons near the first application icon in a fourth size, and the fourth size is larger than the second size. After it is detected that the user releases the first application icon, the first application icon is displayed at the target position. If the target location originally displayed a second application icon, the second application icon can be displayed at the initial position of the first application icon, or it can be displayed at the next position of the target position, and the subsequent application icons are moved down one position in turn, specifically Reference may be made to relevant descriptions in the embodiments shown in FIGS. 5A and 5B , and details are not repeated here.
  • Fig. 6 exemplarily shows an embodiment in which the smart watch restores the initial arrangement position of the first application icon after recognizing that the user gives up the intention of moving the first application icon.
  • the dial interface can also exit the icon editing state.
  • FIG. 6 shows a dial interface 601
  • the dial interface 601 includes a plurality of application icons, which may include complete application icons or incomplete application icons
  • the dial interface 601 includes a weather application icon 602 .
  • the smart watch detects the user's long press operation on the weather application icon 602 , and displays the dial interface 603 .
  • the dial interface 603 displays application icons in a first size.
  • the weather application icon 602 may move along the user's dragging track.
  • FIG. 6( c ) the weather application icon 602 moves upward and rightward following the user's dragging track.
  • the dial interface 601 shown in (e) of FIG. 6 is the same as the dial interface 601 shown in (a) of FIG. The position in the dial interface 601 .
  • Fig. 7 exemplarily shows an embodiment in which the smart watch dynamically changes the display size or quantity of the application icons displayed on the watch face when the change of the dragging speed of the first application icon is recognized.
  • the display size or number of application icons on its dial interface can be dynamically changed. For example, when the first application icon follows the user's dragging track, the smart watch can determine the display size of the application icon on its dial interface based on the user's dragging speed for the first application icon. The faster the dragging speed of an application icon, the smaller the display size of the application icon on the dial interface, and the slower the dragging speed of the user for the first application icon, the larger the display size of the application icon on the dial interface.
  • the way of this dynamic change is to consider that when the user's dragging speed is fast, it can facilitate the user to quickly drag the application icon to the vicinity of the target position, and when the user's dragging speed slows down, it can facilitate the user to accurately locate the target position.
  • FIG. 7 shows a dial interface 701
  • the dial interface 701 includes a plurality of application icons and a weather application icon 702, wherein the plurality of application icons may include complete application icons and different application icons.
  • Complete application icons, and all the above application icons are displayed on the dial interface 701 at a scale of one.
  • the smart watch When the smart watch detects that the user's dragging speed for the weather application icon 702 is v1, the smart watch displays the dial interface 703 .
  • the dial interface 703 includes a plurality of application icons, and these application icons are displayed on the dial interface 703 at a scale of two. Wherein, ratio two is smaller than ratio one, that is, the size of the application icon displayed on the dial interface 703 is smaller than the size of the application icon displayed on the dial interface 701 .
  • the smart watch When the smart watch detects that the user's dragging speed for the weather application icon 702 is v2, the smart watch displays a dial interface 704 . As shown in (c) of FIG. 7 , multiple application icons in the dial interface 704 are displayed on the dial interface 704 at a ratio of three. Wherein, ratio three is smaller than ratio two, and speed v2 is greater than speed v1.
  • the smart watch When the smart watch detects that the user's dragging speed for the weather application icon 702 is v3, the smart watch displays a dial interface 705 . As shown in (d) of FIG. 7 , multiple application icons in the dial interface 705 are displayed on the dial interface 705 at a scale of four. Among them, the ratio four is greater than the ratio three, and the speed v3 is smaller than the speed v2.
  • the weather application icon 702 may change with the size of other application icons in the dial interface.
  • the weather application icon 702 in the dial interface 701 may be displayed at a scale of one
  • the weather application icon 702 in the dial interface 703 may be displayed in a scale of Scale two is displayed
  • the weather application icon 702 in the dial interface 704 can be displayed at a scale three
  • the weather application icon 702 in the dial interface 705 can be displayed at a scale five.
  • the weather application icon 702 can also be displayed with a fixed size. For example, no matter how other application icons in the dial interface change, the size of the weather application icon 702 is the same, such as the second size, and the larger size. App icons are easy for users to drag.
  • the smart watch can detect the user's dragging speed for the first application icon at a fixed frequency, and adjust the display ratio of the application icon on the dial interface in real time based on the dragging speed. In some embodiments, the smart watch can also determine the display ratio of the application icon on the dial interface based on the real-time detection of the user's dragging speed for the first application icon, based on the dragging speed range of the dragging speed.
  • the display size of the icon can be segmented, and one display size corresponds to multiple moving speeds in one section.
  • the relationship between the display size or number of application icons displayed on the screen of the electronic device 100 and the dragging speed may also be other relationships, which are not limited in this embodiment of the present application.
  • each application icon can dynamically adjust the arrangement and layout.
  • the third application icon may move to a nearby position for display when the first application icon approaches. That is, in terms of display effect, the application icons will not overlap, and when the user moves the first application icon, other icons can be pushed to other positions on the dragging track.
  • the smart watch can determine the display of each application icon based on the distance between each application icon displayed on the dial interface and the first application icon size. For example, the application icons displayed on the dial interface can be displayed radially with the first application icon as the center, that is, the farther the distance from the first application icon is, the smaller the size of the application icon will be, and the closer the distance to the first application icon will be. , the app icon will be larger in size.
  • Fig. 8 exemplarily shows an embodiment in which the smart watch dynamically changes the display size of each application icon and/or the layout of each application icon on the dial interface according to the track of dragging the first application icon.
  • FIG. 8 shows a dial interface 801
  • the dial interface 801 is a honeycomb interface for the smart watch to enter an icon editing state.
  • Watch face interface 801 includes a plurality of application icons and a weather application icon 802 .
  • the weather application icon 802 is an application icon that the user selects and drags to move, and its size is the largest, and it is displayed in the dial interface 801 with a size of five. With the weather application icon 802 as the center, the further the distance is, the smaller the size of the application icons will be.
  • one or more application icons displayed in size six such as a map application icon
  • one or more application icons displayed in size seven such as a mailbox application icon
  • Size five is larger than size six
  • size six is larger than size seven.
  • Each application icon may not overlap, and when the user moves the weather application icon 802, other icons may be pushed to other positions on the dragging track, that is, other icons on the dragging track will give way to the selected application icon.
  • the weather application icon 802 is at the lower left of the health application icon 803.
  • the positions of the weather application icon 802 and the health application icon 803 can be exchanged, and the weather application icon 802 is displayed on the upper right of the health application icon 803 .
  • the arrangement and layout change of the dial interface in FIG. 8 is only an example, and the embodiment of the present application does not impose any restrictions on the arrangement and layout of the application icons displayed on the dial interface during the process of moving the first application icon.
  • the user may also be supported to move multiple application icons at the same time.
  • FIG. 9 shows an embodiment in which a user moves a plurality of application icons.
  • the smart watch displays a dial interface 901
  • the dial interface 901 includes a plurality of application icons and a weather application icon 902 .
  • the smart watch detects the user's long-press operation on the application icon or on the screen, and displays the dial interface 904 .
  • the dial interface 904 includes a plurality of application icons, such as a weather application icon 902 and a music application icon 903 .
  • All application icons can be displayed in the dial interface 904 .
  • the user can select multiple application icons, and the application icon selected by the user can be highlighted, or a selected mark can be displayed on the application icon, such as a check mark, or other icons that can be used to distinguish the user selected
  • the identification of application icons and other application icons is not limited in this application.
  • the user selects the weather application icon 902 , and the weather application icon 902 is highlighted.
  • the user can drag the weather application icon 902 to the music application icon 903, as shown in the dial interface 905 in (c) of FIG. 9 .
  • the music application icon 903 is also highlighted and becomes selected.
  • FIG. 9 shows a schematic diagram in which the weather application icon 902 and the music application icon 903 move together following the track dragged by the user.
  • the selected application icons can be glued together to follow the user's dragging trajectory, wherein the glueing sequence of the application icons It can be arranged according to the order in which they are selected by the user, for example, the application icon selected first is displayed at the top layer, and the application icon selected last is displayed at the bottom layer.
  • the user first selects the weather application icon 902 and then selects the music application icon 903 , then the music application icon 903 is stuck under the weather application icon 902 .
  • the smart watch When the user's dragging speed is lower than the critical speed, the smart watch enlarges and displays the application icon, that is, displays the dial interface 906 , and the user can select a target position on the dial interface 906 to place the application icon he drags.
  • the dial interface 906 displays multiple application icons, such as the phone application icon 907 and the application icon dragged by the user, wherein the application icon dragged by the user includes the weather application icon 902 and the music application icon 902.
  • the application icon 903 and the phone application icon 907 are the previous position of the target position, and the target position is the position where the application icon dragged by the user will be placed.
  • the smart watch displays the dial interface 908 .
  • the dial interface 908 displays a plurality of application icons whose arrangement and layout have been changed.
  • the weather application icon 902 and the music application icon 903 are sequentially displayed at the position behind the phone application icon 907, that is, the weather application icon 902 and the music application icon 903 are inserted and displayed at the position behind the phone application icon.
  • a folder may also be established at the target location, and the folder is used to place the one or more application icons selected by the user.
  • the multi-choice icon may also be a selected symbol to indicate a selected state.
  • the dial interface presents an icon editing state, and the icon editing state may be expressed as that each application icon is in a shaking state.
  • a small selection box is displayed at the upper right corner of each icon for the user to select multiple application icons to be moved. If an icon is clicked and selected, the small selection box in the upper right corner can display a selected mark, such as a check mark, and if an icon is not selected, the small selection box in the upper right corner can display blank. If the user still needs to select the application icon 2, the user can also click the small selection box in the upper right corner of the application icon 2 to change the blank small selection box into a small selection box with a selected mark displayed.
  • the icon editing state appears on the watch face interface, and a check mark is displayed on the weather application icon.
  • the smart watch detects that the user clicks or long-presses the music application icon to select an operation, and the music application icon also displays a check mark, and the music application icon is also selected at this time.
  • other application icons can also be selected.
  • the user can press and hold one icon and drag it, and the other selected application icons can move along with it.
  • all the application icons selected by the user move along the trajectory of the user's finger.
  • the smart watch may display a prompt box for asking the user whether to select the same type of application icon.
  • the smart watch may display a prompt box, in which prompt text, confirmation control and/or cancel control are displayed.
  • the content of the prompt text may be "whether to select all social applications at the same time”
  • the confirmation control may be used to trigger the user to confirm the selection of all social application icons
  • the cancel control may be used to trigger the user to unselect other application icons of the same type.
  • the dial interface displays multiple application icons after shrinking Or all application icons after shrinking, that is, more application icons are displayed than in the previous interface. In this way, it is convenient for the user to find the target location more easily during the process of moving the application icon, thereby saving time for moving the application icon.
  • FIG. 10 to FIG. 14 use a mobile phone as an example device to describe the relevant graphical interface provided by the embodiment of the present application.
  • Fig. 10 shows a schematic process of moving an application icon on a mobile phone.
  • FIG. 10 shows a page 1001 of the desktop of the mobile phone, and the page 1001 includes one or more application icons, for example, a clock application icon, a browser application icon, a map application icon, and a setting application icon , the weather application icon 1002, and so on.
  • application icons for example, a clock application icon, a browser application icon, a map application icon, and a setting application icon , the weather application icon 1002, and so on.
  • the desktop of the mobile phone may include multiple pages, and multiple application icons may be scattered and placed on the multiple pages.
  • a page indicator 1003 may also be displayed on the page 1001 to indicate the total number of pages on the desktop and the positional relationship between the currently displayed page and other pages.
  • the mobile phone desktop may include four pages, and the black dot in the page indicator 1003 in the page 1001 is at the second position from the left, which may indicate that the currently displayed page 1001 is the second from the left among the four pages of the desktop. pages.
  • the top of the desktop of the mobile phone also includes a top status bar, and the top status bar may include information such as a communication signal strength indicator, power value, and time.
  • the dock area may include one or more tray icons, for example, a dialer application icon, a message application icon, an address book application icon, and a camera application icon Wait, one or more tray icons in the dock area can keep displaying state when the page is switched.
  • the mobile phone may display multiple pages that are shrunk. For example, the user's long press operation on the weather application icon 1002 is detected, and the mobile phone displays an interface 1004 . As shown in (b) of FIG. 10 , all shrunken pages are displayed on the interface 1004 .
  • the interface 1001 may include four pages, and the interface 1004 displays four shrunken pages, for example, page one, page two 1005, page three 1006, page four, and so on.
  • one or more application icons are arranged on each page, and optionally, folder icons may also be placed on some pages, and the folder icon may be used to store one or more application icons.
  • the user selects an application icon to trigger an interface displaying multiple pages, such as the interface 1004 shown in (b) in FIG. 10 .
  • the user selects an application icon, drags the application icon to the edge of the screen, and continues to move the application icon outward, triggering the interface to display multiple pages, as shown in (b) in Figure 10 interface 1004 shown.
  • This method of operation is to consider that the user does not need redundant operations to move the icon on the same page. If it is detected that the user drags the application icon out of the page, it means that the user has the need to move the application icon to other pages, especially If the target page is not an adjacent interface, the display interface 1004 can facilitate the user to quickly select the target page and save user operations.
  • the mobile phone When it is detected that the user drags the first application icon to move to one of the reduced pages, and the page is selected, the mobile phone exits the selection interface of multiple pages, that is, interface 1004, and then displays the enlarged page of the selected page.
  • the mobile phone may display the enlarged interface of page three.
  • the mobile phone displays a page 1007 .
  • Multiple application icons are displayed on the page 1007, for example, a gallery application icon, a mailbox application icon 1008, etc., and the page 1007 may also include folder icons.
  • a page indicator 1003 may also be displayed below the page 1007, and the black dot in the page indicator 1003 in the page 1007 is at the third position from the left, indicating that the currently displayed page 1007 is the four pages on the desktop from the left. third page.
  • the user can drag the weather application icon 1002 to select a target position on the page 1007, and the target position is the position where the user wants to place the weather application icon 1002.
  • the target location of the mobile weather application icon 1002 is on the page 1007, such as the next location of the mailbox application icon.
  • the user drags the weather application icon 1002 to the next position of the mailbox application icon 1008 , and the mobile phone detects that the user releases the weather application icon 1002 , and the page 1009 can be displayed.
  • the next position of the mail application icon 1008 is the target position.
  • the page 1009 is a page after the weather application icon 1002 is moved and the layout is rearranged.
  • the weather application icon 1002 is arranged at the target position, that is, the weather application icon 1002 is displayed at the position next to the mailbox application icon 1008, and the application icons originally located behind the mailbox application icon 1008 are all moved backward one position in turn.
  • a new folder icon can be displayed on the target location.
  • the mobile phone may place the first application icon in the folder in response to the operation of the user releasing the first application icon.
  • the target position of the first application icon is not selected on the page.
  • the mobile phone detects that the user releases the first application icon, it can display the first application icon at the last position of the page, and the last position refers to the position of the last application icon displayed on the page the next position of .
  • the mobile phone exits the page selection interface, and the first application icon returns to its initial position.
  • the initial position is the position of the first application icon before being moved by the user.
  • the mobile phone When the mobile phone displays the page selection interface, that is, interface 1004, if the user does not select any page, if it is detected that the user releases the operation of the first application icon, the mobile phone will exit the page selection interface, and the first application icon will return to its original page. initial position.
  • an interface with a reduced ratio of the second ratio may be displayed. Assuming that the reduction ratio of the interface displaying all pages is the first ratio, then the first ratio is greater than the second ratio. Assuming that the page in the interface that shrinks and displays some pages is size B, and the page in the interface that displays all pages is reduced in size A, then size B is larger than size A.
  • FIG. 11A shows another page selection interface 1101, on which a complete reduced page (page two 1103), three incomplete reduced pages are displayed on the page selection interface 1101. pages (page one, page three 1104, page four, etc.), and the weather application icon 1102 selected by the user.
  • the page selection interface When it is detected that the user drags the first application icon to move to the edge of the screen, the page selection interface will scroll to display more page parts. For example, as shown in (a) in FIG. 11A , when it is detected that the user drags the weather application icon 1102 to move to the page three 1104 displayed in the lower left corner of the interface 1101 , the page selection interface may scroll down to the left to display the interface 1105 . As shown in (b) in FIG. 11A , there is one complete reduced page (page three 1104 ) and three incomplete reduced pages (page one, page two, page four, etc.) displayed in the interface 1105 , and the weather application icon 1102 .
  • the page three 1104 may be the target page for the user to move the weather application icon 1102 , as shown in (b) of FIG. 11A , the user moves the weather application icon 1102 from page two 1103 to page three 1104 .
  • the arrangement of the shrunk multiple pages on the page selection interface may be aligned in rows and columns as shown in FIG. 11A , or may be arranged in vertical columns as shown in FIG. 11B .
  • the embodiment of the present application does not limit the arrangement of the reduced pages in the page selection interface, nor does it limit the number of reduced pages displayed in the page selection interface and the display ratio of the pages.
  • FIG. 11B shows another vertically arranged page selection interface, see interface 1111 .
  • the interface 1111 displays a complete reduced page (page one 1113 ), an incomplete reduced page (page two 1114 ), and a moving weather application icon 1112 .
  • the page selection interface can scroll down to display more page content, that is, the mobile phone display interface 1116, which displays a complete reduced page (page two 1114), an incomplete reduced page (page three 1115).
  • the user can drag the weather application icon 1112 from the blank area outside the page area in the interface 1111 to the reduced page three 1115 .
  • the mobile phone can display the enlarged page 3 1115 , and the user can move the selected weather application icon 1112 on the page 3 1115 , which is convenient for the user to select a target location on the page 1115 .
  • the reduction ratio of the page selection interface can be limited.
  • the reduction ratio of the page selection interface that just displays all pages and has no extra blank space is reduction ratio A
  • the reduction ratio of completely displaying a page is reduction ratio B.
  • the reduction ratio of the page selection interface in other cases may be between the reduction ratio A and the reduction ratio B.
  • the selected first application icon may have the same size before being selected as after being selected.
  • the size of the selected first application icon after being selected can be enlarged or reduced relative to the selected size, and is not necessarily the same as the size of other icons in the page selection interface.
  • the present application does not limit the size of the first application icon.
  • the selected first application icon can also be displayed with a fixed size. For example, no matter how the other application icons in the dial interface change, the size of the selected first application icon is the same, and the size of the larger application icon is the same. Icons are easy for users to drag.
  • the mobile phone may detect the user's dragging speed for the first application icon at a fixed frequency, and adjust the display ratio of multiple pages on the page selection interface in real time based on the dragging speed.
  • the mobile phone may also determine the display ratios of multiple pages on the page selection interface based on the drag speed detected by the user for the first application icon in real time, based on the drag speed range of the drag speed, that is, The display size of the reduced page may be segmented, and one display size corresponds to multiple moving speeds in one section.
  • the reduction ratio of the interface or in other words, the display size of the page on the interface can be changed dynamically.
  • the mobile phone may determine the display size of the page on the page selection interface or the size of the interface reduction ratio based on the dragging speed of the user dragging the first application icon.
  • the faster the user drags the first application icon the smaller the display size of each page on the page selection interface, and the larger the reduction ratio of the page selection interface.
  • the way of this dynamic change is to consider that when the user's dragging speed is fast, it can facilitate the user to quickly drag the application icon to the vicinity of the target position, and when the user's dragging speed slows down, it can facilitate the user to accurately locate the target position.
  • Fig. 12 exemplarily shows an embodiment in which the mobile phone dynamically changes the display size or number of pages displayed on the screen according to the change of the dragging speed of the first application icon.
  • FIG. 12 displays page 2 of the desktop, that is, interface 1201.
  • the mobile phone displays a page selection interface.
  • the mobile phone can display an interface 1203, in which the reduced scale shows more than one For example, page one, page two 1204, page three 1205, page four, etc. after shrinking.
  • the mobile phone may display an interface 1206 .
  • all reduced pages are displayed in the interface 1206 at a reduced scale of two, for example, page one, page two 1204 , page three 1205 , page four, and so on.
  • the speed v2 is greater than the speed v1
  • the reduction ratio one is smaller than the reduction ratio two, that is, the size of each reduced page in the interface 1206 is smaller than the size of each reduced page in the interface 1203 .
  • the user can drag the weather application icon 1202 from the position on the second page 1204 to the position on the third page 1205 .
  • the mobile phone When the mobile phone detects that the user's dragging speed for the weather application icon 1202 is v3, the mobile phone may display an interface 1207 .
  • the mobile phone When it is detected that the user selects the reduced page 3 1205, the mobile phone displays the enlarged page 3, that is, the interface 1208, as shown in (e) in FIG. For example, the user selects the next position of the mailbox application icon as the target position.
  • the mobile phone may display the interface 1209, as shown in (f) in FIG. 12 .
  • the interface 1209 may display multiple application icons rearranged in layout.
  • the weather application icon 1202 is placed at the next position of the mailbox application icon, and the folder icon at the original target position is moved backward in sequence.
  • the relationship between the display size or number of application icons displayed on the screen of the electronic device 100 and the dragging speed may also be other relationships, which are not limited in this embodiment of the present application.
  • FIG. 13 to FIG. 14 exemplarily show an embodiment in which a user moves multiple application icons at the same time.
  • the user may also be supported to move multiple application icons at the same time, where these application icons may be on the same page or on different pages.
  • the mobile phone displays an interface 1301 in which a weather application icon 1302 is displayed.
  • the mobile phone detects a long press operation on the weather application icon 1302, that is, an operation to select the weather application icon 1302, and the weather application icon 1302 can be highlighted to indicate that it is in a selected state.
  • the weather application icon may also display a selected mark, such as a checkmark mark, which can be used to distinguish other application icons, indicating a selected state, which is not limited in this application.
  • the user can drag the weather application icon 1302 to the map application icon 1303 .
  • the mobile phone displays an interface 1304.
  • the user drags the weather application icon 1302 and stays at the map application icon 1303 for a period of time (for example, 1 second), and the map application icon is high. It is brightly displayed and becomes selected, and the map application icon 1303 and the weather application icon 1305 are glued to form a selected icon set 1305.
  • the order in which the application icons are glued can be arranged according to the order in which they are selected by the user, for example , the application icon selected first is displayed on the top layer, and the application icon selected last is displayed on the bottom layer.
  • the weather application icon 1302 is on the top layer
  • the map application icon 1303 is on the bottom layer.
  • the mobile phone displays an interface 1306, which is a page selection interface, and the specific description of this interface can refer to Relevant content in the foregoing embodiments will not be repeated here.
  • the selected icon set 1305 can move along the user's dragging track.
  • the user selects one of the pages, such as page three, and then the mobile phone can enlarge and display the selected page three, that is, the interface 1307, as shown in (d) in Figure 13, the interface 1307 displays multiple application icons , and the selected icon set 1305 in the dragging state, etc.
  • the mobile phone displays the interface 1308 .
  • the weather application icon 1302 and the map application icon 1303 are arranged in the target position and the position after the target position in sequence according to the selected order, and the application icons originally at the target position and the position after the target position are arranged in sequence. shift.
  • the mobile phone when the user drags the selected icon set 1305 to select a certain target position and releases his finger, the mobile phone can generate a folder at the target position selected by the user, and the selected icon is placed in the folder All application icons in set 1305.
  • the multi-choice icon may also be a selected symbol to indicate a selected state.
  • the mobile phone interface presents an icon editing state, and the icon editing state may be expressed as that each application icon is in a shaking state.
  • a small selection box is displayed at the upper right corner of each icon for the user to select multiple application icons to be moved. If an icon is clicked and selected, the small selection box in the upper right corner can display a selected mark, such as a check mark, and if an icon is not selected, the small selection box in the upper right corner can display blank. If the user still needs to select the application icon 2, the user can also click the small selection box in the upper right corner of the application icon 2 to change the blank small selection box into a small selection box with a selected mark displayed.
  • the mobile phone interface presents an icon editing state, and a check mark is displayed on the weather application icon.
  • the mobile phone detects that the user clicks or long-presses the map application icon to select the icon, and the map application icon also displays a check mark, indicating that the map application icon is also selected at this time.
  • other application icons can also be selected.
  • the user can press and hold one icon and drag it, and the other selected application icons can move along with it.
  • all the application icons selected by the user move along the trajectory of the user's finger.
  • the mobile phone may display a prompt box for asking the user whether to select the same type of application icon.
  • FIG. 14 shows an interface 1401, and multiple application icons are arranged in the interface 1401, for example, a music 1 application icon 1402, a sports application icon, and a music 2 application icon 1403, etc.
  • the mobile phone may display a prompt box 1404, which may include a prompt text, a confirm control, and a cancel control.
  • the prompt text may be "do you need to select all music applications”
  • the confirmation control can be used to trigger the user to confirm the selection of all music icons
  • the cancel control can be used to trigger the user to unselect other application icons of the same type.
  • the mobile phone can display an interface 1405, which is a page selection interface, and more than one reduced page is displayed on the interface 1405, for example, page one , page two, page three, page four, etc., and the selected icon set 1406 generated from all music application icons.
  • an interface 1405 which is a page selection interface, and more than one reduced page is displayed on the interface 1405, for example, page one , page two, page three, page four, etc., and the selected icon set 1406 generated from all music application icons.
  • the mobile phone can zoom in and display page 4, that is, interface 1407 .
  • the user can select a target location for placing all the application icons in the selected icon set 1406 .
  • the user drags the selected icon set 1406 to the next position of the file application icon.
  • the mobile phone may generate a folder icon 1408 at the target position selected by the user or at the last position of the page, as shown in (e) in FIG. 14 . If the folder icon 1408 is clicked, a folder 1409 can be displayed on the mobile phone interface China, as shown in (f) in FIG. 14 . All music application icons in the selected icon set 1406 are displayed in the folder 1409 , that is, the music 1 application icon 1402 and the application 2 application icon 1403 are displayed in the folder 1409 .
  • the mobile phone interface displays a plurality of reduced desktop pages or It is all pages of the desktop after shrinking, that is, more application icons are displayed than in the previous interface. In this way, it is convenient for the user to find the target location more easily during the process of moving the application icon, thereby saving time for moving the application icon.
  • the icon moving method provided in this application is not only applicable to smart watches or mobile phones, but also applicable to other electronic devices with display screens.
  • the realization of various functions, schematic interfaces or user operations reference can be made to smart watches or mobile phones.
  • the mobile phone is used as an example for descriptions in various embodiments, and details are not repeated here.
  • FIG. 2A to FIG. 14 are only exemplary interfaces for assisting readers in understanding the technical solutions described in the present application, and do not limit the user interfaces in other embodiments of the present application.
  • more or fewer user interfaces may be added or removed according to actual conditions, or more or fewer controls may be added or removed, or different human-computer interaction operations may be designed to make the user interface more suitable for the user experience.
  • the embodiment of the method provides an icon moving method, which can support the user in the process of moving the icon, the electronic device properly adjusts the layout of the interface, shrinks the application icon by a certain ratio, and displays all the application icons in one interface. Or display more application icons than in the interface before moving, so that the user can quickly confirm the target position of the icon in the process of moving the application icon.
  • the icon moving method can also support the electronic device to dynamically scale the size of the application icon in the interface according to the speed at which the user drags the application icon.
  • the electronic device 100 involved in the embodiment of the present application can be equipped with a display device, which can be, but not limited to, a mobile phone, a notebook computer, a tablet computer, a smart bracelet, a smart watch, a PC, a smart TV, etc., and can also be a smart speaker, an electronic photo frame, Desktop computers, laptop computers, handheld computers, AR devices, VR devices, AI devices, vehicle-mounted devices, game consoles, other smart wearable devices, etc., or other types of electronic devices such as IOT devices, this application does not make any any restrictions.
  • the electronic device 100 may be configured with a touch-enabled display screen.
  • One or more applications are installed on the electronic device 100, which can provide various application functions.
  • the display screen of the electronic device 100 can display multiple graphical interfaces, such as a desktop and multiple application icons.
  • the electronic device 100 can also support collection and recognition of user operations such as touch, gesture, and voice, and convert them into corresponding instructions.
  • the display screen of the electronic device 100 can recognize touch operations, and when a user operation of selecting and dragging an application icon acting on the touch screen is detected, the application icon can be moved from the initial position to the user-specified location accordingly. target location.
  • Fig. 15A is a flow chart of the icon moving method provided by Embodiment 1, which specifically includes the following steps:
  • the electronic device 100 displays N application icons in a first interface on a screen, where the N application icons include a first application icon, and the first application icon is arranged at a first position in the first interface.
  • the electronic device 100 can be exemplified as a smart watch.
  • the first interface may be an icon display interface in the dial interface described in the foregoing embodiments, and application icons corresponding to one or more applications installed on the electronic device 100 may be arranged on the first interface.
  • the first application icon is an application icon to be moved by the user.
  • the first interface may provide multiple icon positions for placing application icons, and the arrangement refers to arranging the layout in the interface.
  • the first position where the first application icon is arranged is one of the icon positions in the first interface, which is the initial position before the first application icon is moved.
  • the electronic device 100 detects a first user operation of selecting and moving a first application icon.
  • Selecting to move the first application icon means that the electronic device 100 detects the user's tendency to move the first application icon.
  • the manner of the first user operation may include multiple manners, and the implementation manner of the first user operation in this embodiment is not limited.
  • the first user operation of selecting to move the first application icon may be an operation of selecting and not releasing the first application icon.
  • the electronic device 100 may display the interface of more application icons when the user selects and does not release the first application icon, and the first application icon has not been moved. If the user selects the first application icon without moving it, and then releases the first application icon, during this process, the electronic device 100 may also display an interface of more application icons, that is, an icon editing interface.
  • the electronic device 100 may also detect the user's drag operation on the first application icon after the first user operation. The electronic device 100 may move the first application icon in the first interface according to the drag operation.
  • the first user operation of selecting and moving the first application icon may also be an operation of selecting and dragging the first application icon.
  • the electronic device 100 may not display the changed interface when the user selects and does not release the first application icon, but starts to display the interface of more application icons when the user moves the first application icon .
  • the electronic device 100 may move the first application icon in the first interface according to the drag operation in the first user operation.
  • the electronic device 100 may mark the first application icon as a selected state.
  • the electronic device 100 may change the display size of the first application icon, for example, enlarge the display of the first application icon or reduce the display of the first application icon, so as to distinguish it from other application icons and indicate that the first application icon is selected.
  • the electronic device 100 may also mark a special symbol (such as a checkmark, a cross, etc.) on the first application icon, or the electronic device 100 may also highlight the first application icon to indicate that the first application icon is selected. state.
  • the user may also select multiple application icons to move at the same time.
  • the user may also select multiple application icons to move at the same time.
  • reference may be made to the description of the embodiment shown in FIG. 9 above, which will not be repeated here.
  • the electronic device 100 displays more than N application icons in the first interface on the screen.
  • the electronic device 100 may display more than N application icons in the first interface in the screen in response to the first user operation.
  • the timing at which the response of the electronic device 100 occurs may also be different.
  • the electronic device 100 may display more than N application icons on the screen in response to the user's selection operation.
  • the electronic device 100 may display more than N more applications on the screen in response to the user's dragging or moving operation. icon.
  • the more than N application icons displayed on the screen by the electronic device 100 may include the number of application icons displayed on the screen by the electronic device 100 before detecting the first user operation. N application icons.
  • the arrangement and layout of the first interface may change, and some of the more than N application icons may be the same as some of the N application icons in step S101.
  • the more than N application icons displayed on the screen of the electronic device 100 may be the application icons of all applications installed in the electronic device 100, such as M application icons, which may be called a global state, a All the application icons are displayed on the screen, that is, the scaling ratio of the first interface is maximized, referring to the embodiment described in FIG. 4 .
  • the more than N application icons may be some application icons installed in the electronic device 100, that is, the scaling ratio of the first interface is smaller than that in the global state.
  • the first interface of more than N application icons displayed in this step is an icon editing interface, the purpose of which is to increase the number of icons displayed on the screen, so as to facilitate the user to find the target position of the mobile application icon, and to facilitate the user For faster mobile application icons, this embodiment does not limit the specific number of application icons displayed on the first interface.
  • the sizes of the application icons displayed on the screen may be the same or different before and after the electronic device 100 detects the first user operation.
  • the size of the N application icons displayed on the screen before the electronic device 100 detects the first user operation may be referred to as the first size, and the electronic device 100 displays more than N application icon sizes on the screen after the first user operation is detected.
  • the size of the plurality of application icons may be referred to as a second size.
  • the second size may be equal to the first size. In this case, the space between application icons is reduced, and more application icons may be displayed on the screen.
  • the second size may also be smaller than the first size. In this case, the display size of the application icons is reduced, and more application icons can be displayed on the screen while the distance between the application icons remains the same.
  • the display size of the selected first application icon may or may not be the same as that of other application icons in the first interface, which is not limited in this embodiment.
  • the display size of the first application icon may be larger than the second size to distinguish it from other application icons, indicating that the first application icon is in a selected state.
  • the display size of the first application icon may remain unchanged, or may dynamically change with the size of other application icons in the first interface. Examples are not limited.
  • the first application icon moves along with the user's dragging track.
  • the first application icon moves along with the user's dragging track.
  • this step S104 may not be included.
  • the size of the application icon displayed on the screen of the electronic device 100 may also change dynamically.
  • the faster the user drags the first application icon the smaller the size of the application icon in the first interface.
  • the slower the user drags the first application icon the larger the size of the application icon in the first interface.
  • the number of application icons displayed on the screen of the electronic device 100 changes dynamically according to the change of the dragging speed of the user dragging the first application icon.
  • the faster the user drags the first application icon the greater the number of application icons displayed on the screen by the electronic device 100 .
  • the slower the user drags the first application icon the smaller the number of application icons displayed on the screen by the electronic device 100 .
  • the way of this dynamic change is to consider that when the user's dragging speed is fast, it can facilitate the user to quickly drag the application icon to the vicinity of the target position, and when the user's dragging speed slows down, it can facilitate the user to accurately locate the target position.
  • the scaling ratio of the first interface has an upper and lower limit, or in other words, the size of the application icon has an upper and lower limit.
  • the scaling ratio of the first interface that can just display all application icons without redundant gaps is called the maximum ratio
  • the size of its application icons is called the minimum size (first icon size), which can only display a complete application icon.
  • the scaling ratio of the first interface is called the minimum ratio
  • the size of its application icon is called the maximum size (second icon size).
  • the larger the scaling ratio of the first interface the smaller the size of the application icons in the interface.
  • the scaling ratios of the rest of the first interface are between the minimum ratio and the maximum ratio, or the size of the application icon on the first interface is between the minimum size and the maximum size. Regardless of the speed of dragging the first application icon, the scaling ratio of the changed first interface will be between the minimum and maximum ratios, or the changing size of the application icon in the first interface will be between the minimum size and the maximum size between.
  • the number of application icons displayed on the screen is less than N.
  • the application icon at the position of the first application icon in the first interface is enlarged and displayed.
  • the smart watch can also determine the display ratio of the application icon on the dial interface based on the real-time detection of the user's dragging speed for the first application icon, based on the dragging speed range of the dragging speed, that is, the application
  • the display size of the icon can be segmented, and one display size corresponds to multiple moving speeds in one section.
  • the electronic device 100 may dynamically adjust the layout of the interface, that is, dynamically change the arrangement of the first application icon and other application icons in the first interface.
  • the electronic device 100 may dynamically adjust the layout of the interface, that is, dynamically change the arrangement of the first application icon and other application icons in the first interface.
  • the user wants to give up moving the first application icon, he can release the first application icon in the state where the target position is not selected, and the first application icon The application icon can return to the initial position, and the first interface exits the icon editing state.
  • the user wants to give up moving the first application icon, he can release the first application icon in the state where the target position is not selected, and the first application icon The application icon can return to the initial position, and the first interface exits the icon editing state.
  • the electronic device 100 detects a second user operation of releasing the first application icon on the first interface.
  • the second user operation of releasing the first application icon may be that the user releases the finger from the display screen.
  • the electronic device 100 changes and arranges the first application icon to a second position in the first interface.
  • the electronic device 100 may change and arrange the first application icon to a second position in the first interface in response to the second user operation, where the second position is an icon position in the first interface, and refers to the change indicated by the user operation The target location of the first application icon.
  • the electronic device 100 may display a part of the interface around the second position in the first interface on its screen, that is, display the first application icons arranged in the first interface on the screen. on the second position.
  • the electronic device 100 may also display an interface that does not include the second position in the first interface on its screen after changing the arrangement of the first application icons.
  • the electronic device 100 can detect the third user operation of moving the first interface, such as the operation of swiping the screen, and can move the second position to the screen display area, and then you can see the first interface displayed on the screen.
  • Application icons are arranged at the second position.
  • the second application icon before the electronic device 100 changes the arrangement of the first application icons, the second application icon may be arranged at the second position.
  • the first application icon can exchange positions with the second application icon. In the embodiment shown in FIG. to the first position.
  • the second position and subsequent application icons can be moved backwards in sequence, that is, when the electronic device 100 changes the position of the first application icon to the second position, the electronic device 100 can Changing the arrangement of the second application icon to a position next to the second position.
  • the electronic device 100 when the electronic device 100 has not detected the second user operation of releasing the first application icon on the first interface, but the user only drags the first application icon to the second position, the electronic device 100 will A preview arrangement interface for changing and arranging the first application icons to the second position in the first interface may be displayed. After the user releases the first application icon, the electronic device 100 changes the arrangement of the first application icon to the second position in the first interface.
  • Fig. 15B is a flow chart of the icon moving method provided in Embodiment 2, which specifically includes the following steps:
  • the electronic device 100 displays a first page on a screen, where a first application icon is displayed at a first position on the first page.
  • the electronic device 100 may be, for example, a mobile phone.
  • the first page may be one of the desktop pages described in the foregoing embodiments, and application icons corresponding to one or more applications installed on the electronic device 100 may be arranged on the first page. All application icons in the electronic device 100 can be arranged in multiple pages, and each page can provide multiple icon positions for displaying application icons.
  • the first application icon is an application icon to be moved by the user.
  • the first page may provide multiple icon locations for placing application icons, and arrangement refers to the arrangement of layouts in the interface.
  • the first position where the first application icon is arranged is one of the icon positions in the first interface, which is the initial position before the first application icon is moved.
  • the desktop of the electronic device 100 has K pages, and its multiple application icons are arranged on the K pages, and the K pages include a first page and a second page.
  • the first page may be the interface 1001 shown in (a) in FIG. 10
  • the first application icon may be an application icon on the first page, for example, a weather application icon 1002.
  • the electronic device 100 detects a first user operation of selecting and moving a first application icon.
  • Selecting to move the first application icon means that the electronic device 100 detects the user's tendency to move the first application icon.
  • the manner of the first user operation may include multiple manners, and the implementation manner of the first user operation in this embodiment is not limited.
  • the first user operation of selecting to move the first application icon may be an operation of selecting and not releasing the first application icon.
  • the electronic device 100 may display the second interface of more pages when the user selects and does not release the first application icon, and the first application icon has not been moved. If the user selects the first application icon without moving it, and then releases the first application icon, during this process, the electronic device 100 may also display the second interface of more pages, that is, the page selection interface.
  • the electronic device 100 may also detect a user's drag operation on the first application icon in the second interface after the first user operation. The electronic device 100 may move the first application icon in the second interface according to the drag operation.
  • the first user operation of selecting and moving the first application icon may also be an operation of selecting and dragging the first application icon.
  • the electronic device 100 may not display the second interface when the user chooses not to release the first application icon, but starts to display the first interface of more pages when the user moves the first application icon. Second interface.
  • the electronic device 100 may move an application icon in the second interface according to the drag operation in the first user operation.
  • the user selects an application icon to trigger an interface displaying multiple pages, such as the interface 1004 shown in (b) in FIG. 10 .
  • the user selects an application icon, drags the application icon to the edge of the screen, and continues to move the application icon outward, triggering the interface to display multiple pages, as shown in (b) in Figure 10 interface 1004 shown.
  • This method of operation is to consider that the user does not need redundant operations to move the icon on the same page. If it is detected that the user drags the application icon out of the page, it means that the user has the need to move the application icon to other pages, especially If the target page is not an adjacent interface, the display interface 1004 can facilitate the user to quickly select the target page and save user operations. For example, when detecting the third user operation of moving the first application icon to the edge of the screen and out of the first page, the electronic device 100 displays a reduced interface of L pages on the screen.
  • the electronic device 100 may mark the first application icon as a selected state.
  • the electronic device 100 may change the display size of the first application icon, for example, enlarge the display of the first application icon or reduce the display of the first application icon, so as to distinguish it from other application icons and indicate that the first application icon is selected.
  • the electronic device 100 may also mark a special symbol (such as a checkmark, a cross, etc.) on the first application icon, or the electronic device 100 may also highlight the first application icon to indicate that the first application icon is selected. state.
  • the user can also select multiple application icons to move at the same time.
  • multiple application icons For an example description, reference may be made to the description of the embodiment shown in FIG. 13 or FIG. 14 , which will not be repeated here.
  • the electronic device 100 displays the second interface of the reduced L pages on the screen.
  • L is less than or equal to K. That is, the reduced L pages are displayed on the second interface, and the L pages may refer to more than one page.
  • the L pages include a reduced first page and/or a reduced second page.
  • the L pages may not include the shrunk first page and/or the shrunk second page.
  • the interface Movement can occur and more pages can be displayed.
  • the page displayed in (a) interface 1111 in FIG. 11B does not include the target page 1115 , the user can drag the first application icon to the lower edge of the screen, and the interface will move, displaying More pages are displayed, as shown in (b) of FIG. 11B a target page 1115.
  • the second page is the target page for moving the first application icon.
  • the second page may be page three 1006 shown in (b) of FIG. 10 , or page three 1104 shown in FIG. 11A .
  • the second interface of the L pages displayed in this step is to display more pages to facilitate the user to find the target page of the mobile application icon, and to facilitate the user to move the application icon faster, especially when there are many pages and need to be moved
  • the user experience is better when the start page and destination page of the website are not adjacent. This embodiment does not limit the specific number of pages displayed on the second interface.
  • the first application icon when the electronic device 100 detects that the first application icon is selected, the first application icon can be enlarged and displayed, or the first application icon can be reduced and displayed, or the size of the first application icon can be kept unchanged, or the first application icon can be enlarged and displayed.
  • the app icon is marked as selected.
  • the display size of the selected first application icon may or may not be the same as that of other application icons in the first interface, which is not limited in this embodiment.
  • the display size of the first application icon may be larger than that of other application icons to distinguish it from other application icons, indicating that the first application icon is in a selected state.
  • the display size of the first application icon may remain unchanged, or may dynamically change with the size of other application icons in the first interface. Examples are not limited.
  • the display size of multiple pages in the second interface displayed on the screen of the electronic device 100 may also change.
  • the faster the user drags the first application icon the smaller the display size of the page in the second interface is.
  • the slower the user drags the first application icon the larger the display size of the page in the second interface.
  • the number of pages in the second interface displayed on the screen by the electronic device 100 may also change.
  • the faster the user drags the first application icon the more pages the electronic device 100 displays on the screen in the second interface.
  • the slower the user drags the first application icon the fewer pages the electronic device 100 displays on the screen in the second interface.
  • relevant content in the embodiment shown in FIG. 12 which will not be repeated here.
  • the scaling ratio of the second interface has upper and lower limits, or the size of the reduced page has upper and lower limits.
  • the scaling ratio of the second interface that can just display all desktop pages without extra gaps is called the maximum ratio
  • the size of its pages is called the minimum size (the first page size)
  • only the second interface of a complete desktop page can be displayed.
  • the scaling ratio of the second interface is called the minimum ratio
  • the size of its page is called the maximum size (second page size).
  • the larger the scaling ratio of the second interface the smaller the size of each page in the interface.
  • the scaling ratios of the rest of the second interface are between the minimum ratio and the maximum ratio, or in other words, the size of each page in the first interface is between the minimum size and the maximum size.
  • the zoom ratio of the changed second interface will be between the minimum and maximum ratios, or the changing size of each page in the second interface will be between the minimum and maximum between sizes.
  • the mobile phone may also determine the zoom ratio on the second interface based on the drag speed detected by the user for the first application icon in real time, based on the drag speed range of the drag speed, that is, the zoom ratio on the second interface.
  • the scaling ratio can be segmented, and one scaling ratio corresponds to multiple moving speeds in one interval.
  • the electronic device 100 may dynamically adjust the layout of each page in the second interface, that is, dynamically change the arrangement of each page in the second interface.
  • the nine pages can be arranged in a nine-square grid shape; when four pages are displayed in the second interface, the four pages can be arranged in a matt shape, etc., the present embodiment There is no limit to this.
  • the user wants to give up moving the first application icon, he can release the first application icon in the state where the target page is not selected, as shown in When the first application icon is released in the blank area outside the page area of the second interface, the first application icon can return to the initial position, and the first interface exits the icon editing state.
  • the electronic device 100 detects a moving operation of moving the first application icon to and selecting the second page in the second interface.
  • the operation of selecting the second page may be that the user drags the first application icon to the area of the reduced second page and stays there for a period of time, such as 1 second.
  • the electronic device 100 enlarges and displays the second page on the screen.
  • the electronic device 100 may enlarge and display the second page on its screen in response to the user's moving operation of selecting the reduced second page in the second interface.
  • the electronic device 100 when the electronic device 100 detects that the user moves the first application icon to and selects the second page of the second interface, it directly displays the arrangement of the first application icon on the second page. The user drags in the enlarged second page. Or the user moves to and selects the second page of the second interface and releases the first application icon, and then directly displays and changes the arrangement of the first application icon to the second page, without the need for the user to drag in the enlarged second page .
  • the electronic device 100 detects a second user operation of releasing the first application icon on the second page.
  • the second user operation of releasing the first application icon may be that the user releases the finger from the display screen.
  • the electronic device 100 changes the arrangement of the first application icon to the second position on the second page.
  • the second position is the position where the user releases the first application icon on the second page, and the second position is also an icon position on the second page.
  • the second application icon before the electronic device 100 changes the arrangement of the first application icons, the second application icon may be arranged at the second position.
  • the first application icon can exchange positions with the second application icon, that is, when the electronic device 100 changes the position of the first application icon to the second position, the electronic device 100 can change the arrangement of the second application icon to the first position.
  • the second position and subsequent application icons can be moved backwards in sequence, that is, when the electronic device 100 changes the position of the first application icon to the second position, the electronic device 100 can Changing the arrangement of the second application icon to a position next to the second position.
  • the electronic device 100 may display on its screen that the first application icon is arranged at the second position on the second page.
  • the page displayed on the screen may not be the second page.
  • the user can switch to display the second page by swiping the screen left or right, and then can see that the first application icon is arranged in the second position on the second page.
  • the icon moving method provided in this application is not only applicable to smart watches or mobile phones, but also applicable to other electronic devices with display screens.
  • the multiple embodiments described in this application with mobile phones or smart watches as examples do not limit other embodiments.
  • the device type of electronic device 100 is other devices, the implementation of various functions, schematic interfaces or user operations can refer to the following A smart watch or a mobile phone is used as an example for descriptions in various embodiments, and details are not repeated here.
  • the schemes that can realize the inventive concept of the present application are all within the protection scope of the present application.
  • more application icons or more pages containing application icons can be displayed during the process of the user moving the application icons, which is convenient for the user to quickly locate the target location.
  • This method provides a more convenient, faster, and faster
  • the user-friendly interface operation method saves the time of dragging the application icon to the target position, enhances the performance of human-computer interaction, facilitates the user's operation, and improves the user experience.
  • FIG. 16 shows functional modules of an electronic device 100 .
  • the electronic device 100 may include a detection module 1601, a processing module 1602, a display module 1603 and the like.
  • the detection module 1601 may be used to detect user operations on the electronic device 100 by the user and send corresponding instructions to the processing module 1602 .
  • the detection module 1601 detects a user's long press operation on the screen of the electronic device 100, and may send a first instruction to the processing module 1602, where the first instruction is used to instruct the electronic device 100 to enter a desktop editing state.
  • the detection module 1601 detects a user's sliding operation on the screen of the electronic device 100, and may send a second instruction to the processing module 1602, where the second instruction is used to indicate the movement track of the application icon selected by the user.
  • the processing module 1602 may be configured to receive the instruction sent by the detection module 1601, and process the interface image according to the instruction.
  • the processing module 1602 shrinks application icons of all applications installed on the electronic device 100 to a certain ratio to obtain an interface image in a desktop editing state.
  • the processing module 1602 may also receive and respond to the first instruction sent by the detection module 1601, and reduce the application icons of some applications in the electronic device 100 to a certain ratio to obtain the interface image of the desktop editing state.
  • the processing module 1602 may receive and respond to the second instruction sent by the detection module 1601 to obtain an interface image of the icon moving state, in which the moving track of the application icon selected by the user is the same as the sliding operation track of the user.
  • the processing module 1602 may send the interface image to the display module 1603 .
  • the display module 1603 may be configured to receive and display the interface image sent by the processing module 1602 .
  • the detection module 1601 For more functional descriptions of the detection module 1601 , the processing module 1602 , the display module 1603 , etc., reference may be made to the descriptions of the foregoing embodiments such as FIG. 2A to FIG. 15B , which will not be repeated here.
  • the term “when” may be interpreted to mean “if” or “after” or “in response to determining" or “in response to detecting".
  • the phrases “in determining” or “if detected (a stated condition or event)” may be interpreted to mean “if determining" or “in response to determining" or “on detecting (a stated condition or event)” or “in response to detecting (a stated condition or event)”.
  • all or part of them may be implemented by software, hardware, firmware or any combination thereof.
  • software When implemented using software, it may be implemented in whole or in part in the form of a computer program product.
  • the computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on the computer, the processes or functions according to the embodiments of the present application will be generated in whole or in part.
  • the computer can be a general purpose computer, a special purpose computer, a computer network, or other programmable devices.
  • the computer instructions may be stored in or transmitted from one computer-readable storage medium to another computer-readable storage medium, for example, the computer instructions may be transmitted from a website, computer, server or data center Transmission to another website site, computer, server, or data center by wired (eg, coaxial cable, optical fiber, DSL) or wireless (eg, infrared, wireless, microwave, etc.) means.
  • the computer-readable storage medium may be any available medium that can be accessed by a computer, or a data storage device such as a server or a data center integrated with one or more available media.
  • the available media may be magnetic media (eg, floppy disk, hard disk, magnetic tape), optical media (eg, DVD), or semiconductor media (eg, solid state hard disk), etc.
  • the processes can be completed by computer programs to instruct related hardware.
  • the programs can be stored in computer-readable storage media.
  • When the programs are executed may include the processes of the foregoing method embodiments.
  • the aforementioned storage medium includes: ROM or random access memory RAM, magnetic disk or optical disk, and other various media that can store program codes.

Abstract

本申请公开了一种图标移动方法、相关图形界面及电子设备。该图标移动方法可以支持用户在移动图标的过程中，电子设备适当调整界面布局，以一定比例缩小应用图标，在一个界面中显示全部的应用图标，或显示比移动前界面中更多的应用图标，方便用户在移动应用图标的过程中快捷确认该图标的目标位置。该图标移动方法还可以支持电子设备根据用户拖动应用图标速度，动态缩放界面中应用图标的大小。实施本申请提供的方法，用户可以在移动应用图标的过程中快速定位目标位置，该方法提供了更方便、更快捷、更人性化的界面操作方式，节省了拖动应用图标至目标位置的时间，增强了人机交互性能，方便了用户的操作，提高了用户体验。

Description

一种图标移动方法、相关图形界面及电子设备
本申请要求于2021年09月30日提交中国专利局、申请号为202111161063.1、申请名称为“一种图标移动方法、相关图形界面及电子设备”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及终端技术领域，尤其涉及一种图标移动方法、相关图形界面及电子设备。
背景技术
随着终端设备的升级，用户对多样化功能的需求与日俱增。为了满足多样化功能的需求，用户在终端设备上安装的应用程序(application，APP)越来越多。
对于配置有显示屏幕的智能终端设备，已安装的应用对应的应用图标可以显示在显示屏幕中，用户可以对这些应用图标的位置进行调整。例如，用户可以拖动某一应用图标到目标位置，从而移动该应用图标，其中目标位置是用户想要放置该应用图标的位置。
但是，如果终端设备上安装了非常多的应用，尤其在应用图标移动前后位置相距较远的情况下，用户在移动应用图标时，很难找到目标位置，拖动该应用图标到达目标位置的难度较大，拖动过程耗时较长，用户体验差。
发明内容
本申请提供了一种图标移动方法、相关图形界面及电子设备，该图标移动方法可以支持用户在移动图标的过程中，电子设备适当调整界面布局，以一定比例缩小应用图标，在一个界面中显示全部的应用图标，或显示比移动前界面中更多的应用图标，方便用户在移动应用图标的过程中快捷确认该图标的目标位置。该图标移动方法还可以支持电子设备根据用户拖动应用图标速度，动态缩放界面中应用图标的大小。
上述目标和其他目标将通过独立权利要求中的特征来达成。进一步的实现方式在从属权利要求、说明书和附图中体现。
第一方面，本申请实施例提供了一种图标移动方法，该方法包括：电子设备在屏幕中显示第一界面中的N个应用图标，N个应用图标包括第一应用图标，第一应用图标排布在第一界面中的第一位置。电子设备检测到选择移动第一应用图标的第一用户操作。电子设备在屏幕中显示第一界面中的多于N的更多个应用图标。电子设备检测到用户在第一界面中释放第一应用图标的第二用户操作。电子设备将第一应用图标变更排布到第一界面中的第二位置，第二位置为用户在第一界面中释放第一应用图标的位置。
实施第一方面的方法，用户可以在移动应用图标的过程中快速定位目标位置，该方法提供了更方便、更快捷、更人性化的界面操作方式，节省了拖动应用图标至目标位置的时间，增强了人机交互性能，方便了用户的操作，提高了用户体验。
结合第一方面，在一些实施例中，选择移动第一应用图标的第一用户操作可以包括选中不释放第一应用图标的操作，或选中并移动第一应用图标的操作。即，电子设备可以在用户选中不释放该第一应用图标，还未发生移动第一应用图标的时候，就显示更多个应用图标的界面。如果用户选中第一应用图标并未移动，然后就释放该第一应用图标，那么在这个过程中，该电子设备也可以显示更多个应用图标的界面，即图标编辑界面。电子设备还可以在用 户选中不释放该第一应用图标的时候，还未显示变化的界面，而是在用户移动第一应用图标的时刻，开始显示更多个应用图标的界面。
结合第一方面，在一些实施例中，第一用户操作包括选中不释放第一应用图标的操作，电子设备还检测到拖拽操作，电子设备根据拖拽操作在第一界面中移动第一应用图标。
结合第一方面，在一些实施例中，第一用户操作包括选中并拖拽第一应用图标的操作，电子设备根据拖拽第一应用图标的操作在第一界面中移动第一应用图标。
结合第一方面，在一些实施例中，在检测到选中不释放第一应用图标时，电子设备在屏幕中显示第一界面中的多于N的更多个应用图标。和/或，在选中并拖拽第一应用图标时，电子设备在屏幕中显示第一界面中的多于N的更多个应用图标。
结合第一方面，在一些实施例中，在屏幕中显示的应用图标的数量小于或等于M个，M为电子设备中所有应用图标的数量。
结合第一方面，在一些实施例中，在屏幕中显示的应用图标的尺寸大于等于第一图标尺寸，小于等于第二图标尺寸。即，应用图标的尺寸是有上下限的。例如，将可以正好显示所有应用图标，没有多余空隙的第一界面的缩放比例称为最大比例，其应用图标的尺寸称为最小尺寸(第一图标尺寸)，只能够显示一个完整的应用图标的第一界面的缩放比例称为最小比例，其应用图标的尺寸称为最大尺寸(第二图标尺寸)。第一界面的缩放比例越大，其界面中的应用图标的尺寸越小。其余第一界面的缩放比例介于最小比例和最大比例之间，或者说第一界面中的应用图标的尺寸介于最小尺寸和最大尺寸之间。不管拖拽第一应用图标的速度是多少，变化的第一界面的缩放比例会介于最小比例和最大比例之间，或者说第一界面中的应用图标的变化尺寸介于最小尺寸和最大尺寸之间。
结合第一方面，在一些实施例中，在移动第一应用图标的过程中，速度越快，第一界面中的应用图标的尺寸越小，或，电子设备在屏幕中显示的应用图标的数量越多。放大界面显示更多的应用图标方便用户快速查找目标位置，并可以更快速的将第一应用图标移动到目标位置附件。
结合第一方面，在一些实施例中，在移动第一应用图标的过程中，速度越慢，第一界面中的应用图标的尺寸越大，或，电子设备在屏幕中显示的应用图标的数量越少。缩小界面显示更少的应用图标方便用户精确定位目标位置。
结合第一方面，在一些实施例中，在移动第一应用图标的过程中，电子设备改变第一应用图标在第一界面中的排布。
结合第一方面，在一些实施例中，相比于电子设备检测到第一用户操作之前的应用图标的尺寸，在电子设备检测到第一用户操作之后的应用图标为尺寸缩小的应用图标。
结合第一方面，在一些实施例中，N个应用图标的大小为第一尺寸，多于N的更多个应用图标的大小为第二尺寸，第二尺寸小于或等于第一尺寸。
在一些实施例中，第二尺寸可以等于第一尺寸，这种情况下，应用图标之间的间距缩小，屏幕上也可以显示更多的应用图标。在一些实施例中，第二尺寸也可以小于第一尺寸，这种情况下，应用图标的显示尺寸缩小，应用图标间距不变的情况下，屏幕上可以显示更多的应用图标。
结合第一方面，在一些实施例中，多于N的更多个应用图标包括N个应用图标。
结合第一方面，在一些实施例中，多于N的更多个应用图标是电子设备中所有的应用图标。
结合第一方面，在一些实施例中，在电子设备检测到第一应用图标被选中时，放大显示 第一应用图标，或者缩小显示第一应用图标，或者第一应用图标的尺寸保持不变，或者标记第一应用图标处于选中状态。
在一些实施例中，在电子设备检测到第一用户操作前后，第一应用图标的显示尺寸可以保持不变，也可以随着第一界面中其他应用图标的尺寸变化而动态变化。
结合第一方面，在一些实施例中，在第一应用图标停止移动，或移动速度小于第一速度时，在屏幕中显示的应用图标的数量少于N个。
结合第一方面，在一些实施例中，在第一应用图标停止移动，或移动速度小于第二速度时，放大显示第一应用图标在第一界面中所处位置处的应用图标。
结合第一方面，在一些实施例中，在电子设备将第一应用图标变更排布到第一界面中的第二位置之后，电子设备在屏幕中显示第一应用图标排布在第一界面的第二位置。
结合第一方面，在一些实施例中，在电子设备将第一应用图标变更排布到第一界面中的第二位置之后，电子设备检测到移动第一界面的第三用户操作。然后电子设备在屏幕中显示第一应用图标排布在第一界面的第二位置。
结合第一方面，在一些实施例中，在电子设备将第一应用图标变更排布到第一界面中的第二位置之前，第二应用图标位于第二位置处。
结合第一方面，在一些实施例中，在电子设备将第一应用图标变更排布到第一界面中的第二位置的同时，第二应用图标变更排布到第一位置处。
结合第一方面，在一些实施例中，在电子设备将第一应用图标变更排布到第一界面中的第二位置的同时，第二应用图标移动至第二位置的下一个位置。
在一些实施例中，该释放第一应用图标的第二用户操作可以是用户将手指从显示屏上松开的操作。
结合第一方面，在一些实施例中，第一界面包括多个页面，第一界面中的应用图标排布在多个页面中，N个应用图标排布在第一页面中。例如，第一界面是手机的桌面，该桌面可以包括多个页面，用户可以通过左划、右划等操作切换桌面的显示页面。
结合第一方面，在一些实施例中，电子设备在屏幕中显示缩小后的多个页面，缩小后的多个页面中包括的应用图标的数量多于N。
第二方面，本申请实施例提供了一种图标移动方法，包括：电子设备显示第一页面，第一页面的第一位置处显示有第一应用图标，电子设备的应用图标排布在K个页面中，K个页面包括第一页面和第二页面。电子设备检测到选择移动第一应用图标的第一用户操作。电子设备显示缩小后的L个页面的界面，L小于或等于K。电子设备检测到将第一应用图标移动到缩小后的第二页面上的移动操作。电子设备放大显示第二页面。电子设备检测到在第二页面中释放第一应用图标的第二用户操作。电子设备将第一应用图标变更排布到第二页面中的第二位置，第二位置为用户在第二页面中释放第一应用图标的位置。
实施第二方面的方法，用户可以在移动应用图标的过程中快速定位目标页面，进而定位目标位置，方便用户更快的移动应用图标，尤其是在页面很多，且需要移动的起始页面和目标页面并不相邻的情况下，用户体验更佳。该方法提供了更方便、更快捷、更人性化的界面操作方式，节省了拖动应用图标至目标位置的时间，增强了人机交互性能，方便了用户的操作，提高了用户体验。
结合第二方面，在一些实施例中，L个页面包括缩小后的第一页面的和缩小后的第二页面。
结合第二方面，在一些实施例中，移动第一应用图标的速度越快，界面中的显示的页面 越多。
结合第二方面，在一些实施例中，移动第一应用图标的速度越慢，界面中的显示的页面越少。
结合第二方面，在一些实施例中，显示缩小后的L个页面的界面中各个页面的尺寸大于等于第一页面尺寸，小于等于第二页面尺寸。即，缩小后的L个页面的页面尺寸大小是有上下限值的。例如，将可以正好显示所有桌面页面，没有多余空隙的第二界面的缩放比例称为最大比例，其页面的尺寸称为最小尺寸(第一页面尺寸)，只能够显示一个完整的桌面页面的第二界面的缩放比例称为最小比例，其页面的尺寸称为最大尺寸(第二页面尺寸)。第二界面的缩放比例越大，其界面中的每个页面的尺寸越小。其余第二界面的缩放比例介于最小比例和最大比例之间，或者说第一界面中的每个页面的尺寸介于最小尺寸和最大尺寸之间。不管拖拽第一应用图标的速度是多少，变化的第二界面的缩放比例会介于最小比例和最大比例之间，或者说第二界面中的每个页面的变化尺寸介于最小尺寸和最大尺寸之间。
在一些实施例中，电子设备还可以根据实时检测到的用户针对第一应用图标的拖动速度，基于该拖动速度处于的拖动速度区间确定出第二界面上缩放比例，即第二界面上缩放比例可以是分段的，一个缩放比例对应一个区间的多个移动速度。
在一些实施例中，该选择移动第一应用图标的第一用户操作可以是选中不释放第一应用图标的操作。这种情况下，电子设备可以在用户选中不释放该第一应用图标，还未发生移动第一应用图标的时候，就显示更多个页面的第二界面。如果用户选中第一应用图标并未移动，然后就释放该第一应用图标，那么在这个过程中，该电子设备也可以显示更多个页面的第二界面，即页面选择界面。
当第一用户操作是选中不释放第一应用图标的操作时，电子设备在第一用户操作之后还可以检测到在第二界面中的用户针对第一应用图标的拖拽操作。电子设备可以根据该拖拽操作在第二界面中移动第一应用图标。
在另一些实施例中，该选择移动第一应用图标的第一用户操作也可以是选中并拖拽第一应用图标的操作。这种情况下，电子设备可以在用户选中不释放该第一应用图标的时候，还未显示第二界面，而是在用户移动第一应用图标的时刻，才开始显示更多个页面的第二界面。
当第一用户操作是选中并拖拽第一应用图标的操作时，电子设备可以根据第一用户操作中的拖拽操作在第二界面中移动一应用图标。
结合第二方面，在一些实施例中，在电子设备检测到第一应用图标被选中时，放大显示第一应用图标，或者缩小显示第一应用图标，或者第一应用图标的尺寸保持不变，或者标记第一应用图标处于选中状态。
在一些实施例中，用户选中第一应用图标，就可以触发显示多个页面的界面。
在另一些实施例中，用户选中第一应用图标，并且拖拽该第一应用图标至屏幕边缘，继续向外移动该第一应用图标时，才触发显示多个页面的界面。这样的操作方式是考虑到用户在同一个页面中移动图标不需要多余的操作，如果检测到用户将该第一应用图标拖拽出所在页面，表示用户有将该第一应用图标移动至其他页面上的需求，尤其是目标页面不是相邻界面的情况下，显示包括多个缩小页面的界面，可以方便用户快速选择目标页面，节省用户操作。
即，在一些实施例中，在检测到将第一应用图标移动至屏幕边缘并移出第一页面的第三用户操作时，电子设备在屏幕中显示缩小后的L个页面的界面。
结合第二方面，在一些实施例中，在电子设备将第一应用图标变更排布到第二页面中的 第二位置之后，电子设备在屏幕中显示第一应用图标排布在第二页面的第二位置。
结合第二方面，在一些实施例中，在电子设备将第一应用图标变更排布到第二页面中的第二位置之前，第二应用图标排布在第二位置处。在电子设备将第一应用图标变更排布到第二页面中的第二位置的同时，第二应用图标移动至第二位置的下一个位置。
在一些实施例中，在电子设备检测到第一用户操作前后，第一应用图标的显示尺寸可以保持不变，也可以随着第一界面中其他应用图标的尺寸变化而动态变化。
可选的，在移动第一应用图标的过程中，电子设备可以动态调整包括L个页面的界面中各个页面的排列布局，即动态改变该界面中各个页面的排布情况。如该界面中显示九个页面的时候该九个页面可以排布为九宫格形状，该界面中显示四个页面的时候该四个页面可以排布为田字格形状，等。
在一些实施例中，该电子设备检测到将第一应用图标移动到缩小后的第二页面上的移动操作即为选中第二页面的操作，例如可以是用户将第一应用图标拖动至缩小后的第二页面的区域中停留一段时间，如1秒。
在另一些实施例中，电子设备检测到用户将第一应用图标移动到并选中包括L个页面的界面的第二页面时，就直接显示将第一应用图标变更排布到第二页面中，不需要用户在放大后的第二页面中拖动。或者用户移动到并选中包括L个页面的界面的第二页面后释放第一应用图标，然后直接显示将第一应用图标变更排布到第二页面中，不需要用户在放大后的第二页面中拖动。
在一些实施例中，该释放第一应用图标的第二用户操作可以是用户将手指从显示屏上松开的操作。
在其他的一些实施例中，在移动第一应用图标的过程中，用户如果想要放弃移动该第一应用图标，可以在未选定目标页面的状态下松开第一应用图标，如在包括L个页面的界面的页面区域之外的空白区域中释放第一应用图标，该第一应用图标就可以回到初始位置，第一界面退出图标编辑状态。
第三方面，本申请实施例提供了一种电子设备，该电子设备可以包括：传感器、显示器、存储器以及耦合于存储器的处理器，多个应用程序，以及一个或多个程序。传感器用于检测用户操作，显示器用于显示界面，存储器中存储有计算机可执行指令，处理器执行指令时使得电子设备可以实现如第一方面中电子设备或第二方面中电子设备所具有的任一功能。
第四方面，本申请实施例提供了一种计算机存储介质，该存储介质中存储有计算机程序，该计算机程序包括可执行指令，该可执行指令当被处理器执行时使该处理器执行如第一方面或第二方面所提供的方法对应的操作。
第五方面，本申请实施例提供了一种计算机程序产品，当计算机程序产品在电子设备上运行时，使得电子设备执行如第一方面或第二方面中任一可能的实现方式。
第六方面，本申请实施例提供了一种芯片系统，该芯片系统可以应用于电子设备，该芯片包括一个或多个处理器，处理器用于调用计算机指令以使得电子设备实现如第一方面或第二方面中任一可能的实现方式。
实施本申请提供的上述方面，用户可以在移动应用图标的过程中快速定位目标位置，该方法提供了更方便、更快捷、更人性化的界面操作方式，节省了拖动应用图标至目标位置的时间，增强了人机交互性能，方便了用户的操作，提高了用户体验。
附图说明
图1A为本申请实施例提供的电子设备的硬件结构示意图；
图1B为本申请实施例提供的电子设备的软件架构示意图；
图2A为本申请实施例提供的用户界面示意图；
图2B为本申请实施例提供的用户界面示意图；
图2C为本申请实施例提供的用户界面示意图；
图3A为本申请实施例提供的用户界面示意图；
图3B为本申请实施例提供的用户界面示意图；
图4为本申请实施例提供的用户界面示意图；
图5A为本申请实施例提供的用户界面示意图；
图5B为本申请实施例提供的用户界面示意图；
图6为本申请实施例提供的用户界面示意图；
图7为本申请实施例提供的用户界面示意图；
图8为本申请实施例提供的用户界面示意图；
图9为本申请实施例提供的用户界面示意图；
图10为本申请实施例提供的用户界面示意图；
图11A为本申请实施例提供的用户界面示意图；
图11B为本申请实施例提供的用户界面示意图；
图12为本申请实施例提供的用户界面示意图；
图13为本申请实施例提供的用户界面示意图；
图14为本申请实施例提供的用户界面示意图；
图15A为本申请实施例提供的一种图标移动方法的流程图；
图15B为本申请实施例提供的一种图标移动方法的流程图；
图16为本申请实施例提供的一种功能模块示意图。
具体实施方式
下面将结合附图对本申请实施例中的技术方案进行清楚、详尽地描述。其中，在本申请实施例的描述中，除非另有说明，“/”表示或的意思，例如，A/B可以表示A或B；文本中的“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。
以下，术语“第一”、“第二”仅用于描述目的，而不能理解为暗示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征，另外，在本申请实施例的描述中，“多个”是指两个或多于两个。
本申请以下实施例中的术语“用户界面(user interface，UI)”，是应用程序(application，APP)或操作系统(operating system，OS)与用户之间进行交互和信息交换的介质接口，它实现信息的内部形式与用户可以接受形式之间的转换。用户界面是通过java、可扩展标记语言(extensible markup language，XML)等特定计算机语言编写的源代码，界面源代码在电子设备上经过解析，渲染，最终呈现为用户可以识别的内容。用户界面常用的表现形式是图形用户界面(graphic user interface，GUI)，是指采用图形方式显示的与计算机操作相关的用户 界面。它可以是在电子设备的显示屏中显示的文本、图标、按钮、菜单、选项卡、文本框、对话框、状态栏、导航栏、Widget等可视的界面元素。
在本申请以下实施例中，应用图标为指示应用程序的控件，可以显示为个性化图像，是用户调用应用程序的入口之一。点击某个应用程序对应的应用图标，可以快捷打开该应用程序，显示该应用程序的应用界面。
多个应用图标可以整齐、有序地陈列在一个界面中。如，手机中的多个应用图标可以分散放置在桌面的多个页面上，用户可以切换桌面的不同页面来寻找目标应用图标，然后可以拖动应用图标从起始位置移动到目标位置，如果起始位置与目标位置位于不连续的页面中，用户还需要拖动应用图标经过中间的页面，移动效率较低。再如，智能手表中的所有应用图标可以放置在一个应用图标界面中，用户可以拖动应用图标来移动该应用图标的位置。由于智能手表显示屏幕较小，在应用图标很多的情况下，如果移动应用图标的起始位置和目标位置距离较大，无法同时显示在一个界面中，那么用户在拖动应用图标时不好确定目标位置，需要不停的将应用图标拖动至屏幕边缘，使得界面滚动显示出更多的应用图标，从而找出目标位置，这样寻找目标位置的准确性较低，降低了用户的操作体验。
本申请提供了一种图标移动方法，应用在本申请提供的电子设备上。本申请提供的电子设备可以包括但不限于便携式终端设备，例如手机、平板电脑、可穿戴设备如智能手表、智能手环等，具有触敏表面或触控面板的膝上型计算机(laptop)、具有触敏表面或触控面板的台式计算机等非便携式终端设备等。
该图标移动方法可以支持用户在移动图标的过程中，电子设备适当调整界面布局，以一定比例缩小应用图标，在一个界面中显示全部的应用图标，或显示比移动前界面中更多的应用图标，方便用户在移动应用图标的过程中快捷确认该图标的目标位置。该图标移动方法还可以支持电子设备根据用户拖动应用图标速度，动态缩放界面中应用图标的大小。
实施本申请提供的方法，用户可以在移动应用图标的过程中快速定位目标位置，该方法提供了更方便、更快捷、更人性化的界面操作方式，节省了拖动应用图标至目标位置的时间，增强了人机交互性能，方便了用户的操作，提高了用户体验。
下面介绍本申请实施例提供的示例性电子设备100。
图1A为本申请实施例提供的电子设备100的硬件结构示意图。本申请实施例提供的示例性电子设备100可以配置有显示装置，可以但不限于是手机、笔记本电脑、平板电脑(portable android device，PAD)、智能手环、智能手表、个人计算机(personal computer，PC)、智能电视(又可称为智慧屏、大屏等)等，还可以为智能音箱、电子相框、桌面型计算机、膝上型计算机、手持计算机、增强现实(augmented reality，AR)设备、虚拟现实(virtual reality，VR)设备、人工智能(artificial intelligence，AI)设备、车机(车载设备)、游戏机、跑步机、云主机/云服务器、其他智能穿戴设备等，或者是物联网(internet of things，IOT)设备或智能家居设备如智能热水器、智能灯具、智能空调、智能体重秤等其他类型的电子设备，本申请对设备类型不作任何限制。在本实施例中，终端设备也可简称为终端，终端设备通常是可以提供用户界面、可以与用户交互、为用户提供业务功能的智能电子设备。
可以理解的是，本实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中，电子设备100可以包括比图示更多或更少的部件，可以增加或减少部分硬件结构，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬 件，软件或软件和硬件的组合实现。
参考图1A，电子设备100可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194，以及用户标识模块(subscriber identification module，SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A，陀螺仪传感器180B，气压传感器180C，磁传感器180D，加速度传感器180E，距离传感器180F，接近光传感器180G，指纹传感器180H，温度传感器180J，触摸传感器180K，环境光传感器180L，骨传导传感器180M等。
处理器110通常用于控制电子设备100的整体操作，可以包括一个或多个处理单元。例如：处理器110可以包括中央处理器(central processing unit，CPU)，应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processing unit，GPU)，图像信号处理器(image signal processor，ISP)，视频处理单元(video processing unit，VPU)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。
数字信号处理器用于处理数字信号，除了可以处理数字图像信号，还可以处理其他数字信号。例如，当电子设备100在频点选择时，数字信号处理器用于对频点能量进行傅里叶变换等。
视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样，电子设备100可以播放或录制多种编码格式的视频，例如：动态图像专家组(moving picture experts group，MPEG)1，MPEG2，MPEG3，MPEG4等。
NPU为神经网络(neural-network，NN)计算处理器，通过借鉴生物神经网络结构，例如借鉴人脑神经元之间传递模式，对输入信息快速处理，还可以不断的自学习。通过NPU可以实现电子设备的智能认知等应用，例如：图像识别，人脸识别，语音识别，文本理解等。
处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了系统的效率。
在一些实施例中，处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit，I2C)接口，集成电路内置音频(inter-integrated circuit sound，I2S)接口，脉冲编码调制(pulse code modulation，PCM)接口，通用异步收发传输器(universal asynchronous receiver/transmitter，UART)接口，移动产业处理器接口(mobile industry processor interface，MIPI)，通用输入输出(general-purpose input/output，GPIO)接口，用户标识模块(subscriber identity module，SIM)接口，和/或通用串行总线(universal serial bus，USB)接口，串行外设接口(serial peripheral interface，SPI)接口等。
I2C接口是一种双向同步串行总线，包括一根串行数据线(serial data line，SDA)和一根串行时钟线(derail clock line，SCL)。在一些实施例中，处理器110可以包含多组I2C总线。处理器110可以通过不同的I2C总线接口分别耦合触摸传感器180K，充电器，闪光灯，摄像 头193等。例如：处理器110可以通过I2C接口耦合触摸传感器180K，使处理器110与触摸传感器180K通过I2C总线接口通信，实现电子设备的触摸功能。
I2S接口可以用于音频通信。在一些实施例中，处理器110可以包含多组I2S总线。处理器110可以通过I2S总线与音频模块170耦合，实现处理器110与音频模块170之间的通信。在一些实施例中，音频模块170可以通过I2S接口向无线通信模块160传递音频信号。
PCM接口也可以用于音频通信，将模拟信号抽样，量化和编码。在一些实施例中，音频模块170与无线通信模块160可以通过PCM总线接口耦合。在一些实施例中，音频模块170也可以通过PCM接口向无线通信模块160传递音频信号。I2S接口和PCM接口都可以用于音频通信。
UART接口是一种通用串行数据总线，用于异步通信。该总线可以为双向通信总线。它将要传输的数据在串行通信与并行通信之间转换。
在一些实施例中，UART接口通常被用于连接处理器110与无线通信模块160。例如：处理器110通过UART接口与无线通信模块160中的蓝牙模块通信，实现蓝牙功能。在一些实施例中，音频模块170可以通过UART接口向无线通信模块160传递音频信号，实现播放音频的功能。
MIPI接口可以被用于连接处理器110与显示屏194，摄像头193等外围器件。MIPI接口包括摄像头串行接口(camera serial interface，CSI)，显示屏串行接口(display serial interface，DSI)等。在一些实施例中，处理器110和摄像头193通过CSI接口通信，实现电子设备的拍摄功能。处理器110和显示屏194通过DSI接口通信，实现电子设备的显示功能。
GPIO接口可以通过软件配置。GPIO接口可以被配置为控制信号，也可被配置为数据信号。在一些实施例中，GPIO接口可以用于连接处理器110与摄像头193，显示屏194，无线通信模块160，音频模块170，传感器模块180等。GPIO接口还可以被配置为I2C接口，I2S接口，UART接口，MIPI接口等。
USB接口130是符合USB标准规范的接口，具体可以是Mini USB接口，Micro USB接口，USB Type C接口等。USB接口130可以用于连接充电器为电子设备充电，也可以用于电子设备与外围设备之间传输数据。该接口还可以用于连接其他电子设备，例如手机、PC、智能电视等。USB接口可以是USB3.0，用于兼容高速显示接口(display port，DP)信号传输，可以传输视音频高速数据。
可以理解的是，本申请实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备100的结构限定。在本申请另一些实施例中，电子设备100也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。
充电管理模块140用于从充电器接收充电输入。其中，充电器可以是无线充电器，也可以是有线充电器。在一些有线充电的实施例中，充电管理模块140可以通过USB接口130接收有线充电器的充电输入。在一些无线充电的实施例中，充电管理模块140可以通过电子设备的无线充电线圈接收无线充电输入。充电管理模块140为电池142充电的同时，还可以通过电源管理模块141为电子设备供电。
电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储器121，显示屏194，摄像头193，和无线通信模块160等供电。电源管理模块141还可以用于监测电池容量，电池循环次数，电池健康状态(漏电，阻抗)等参数。在其他一些实施例中，电源管理模块141也可以设置于处理器110中。在另一些实施例中，电源管理模块141和充电管理模块140也 可以设置于同一个器件中。
电子设备100的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在电子设备100上的包括第二代(2th generation，2G)网络/第三代(3th generation，3G)网络/第四代(4th generation，4G)网络/第五代(5th generation，5G)网络等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中，调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后，被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A，受话器170B等)输出声音信号，或通过显示屏194显示图像或视频。在一些实施例中，调制解调处理器可以是独立的器件。在另一些实施例中，调制解调处理器可以独立于处理器110，与移动通信模块150或其他功能模块设置在同一个器件中。
无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wireless local area networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。
在一些实施例中，电子设备100的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得电子设备100可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(global system for mobile communications，GSM)，通用分组无线服务(general packet radio service，GPRS)，码分多址接入(code division multiple access，CDMA)，宽带码分多址(wideband code division multiple access，WCDMA)，时分码分多址(time-division code division multiple access，TD-SCDMA)，长期演进(long term evolution，LTE)，BT，GNSS，WLAN，NFC，FM，和/或IR技术等。所述GNSS可以包括全球卫星定位系统(global positioning system，GPS)，全球导航卫星系统(global navigation satellite system，GLONASS)，北斗卫星导航系统(beidou navigation satellite system，BDS)，准天顶卫星系统(quasi-zenith satellite system，QZSS)和/或星基增强系统(satellite based augmentation systems，SBAS)。
电子设备100可以通过GPU，显示屏194，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。
显示屏194用于显示图像，视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organic light-emitting diode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode的，AMOLED)，柔性发光二极管(flex light-emitting diode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot light emitting diodes，QLED)等。在一些实施例中，电子设备100可以包括1个或N个显示屏194，N为大于1的正整数。显示屏194可以具备触敏表面或触敏面板，可以检测到用户的触控操作。该显示屏194上可以显示一个或多个应用图标，当检测到作用于该显示屏194上的用户移动应用图标的操作时，该显示屏194可以显示缩放一定比例的应用图标的界面，方便用户快速定位应用图标的目标位置。
电子设备100可以通过ISP，摄像头193，视频编解码器，GPU，显示屏194以及应用处理器等实现拍摄功能。
ISP用于处理摄像头193反馈的数据。例如，拍照时，打开快门，光线通过镜头被传递到摄像头感光元件上，光信号转换为电信号，摄像头感光元件将所述电信号传递给ISP处理，转化为肉眼可见的图像。ISP还可以对图像的噪点，亮度，肤色进行算法优化。ISP还可以对拍摄场景的曝光，色温等参数优化。在一些实施例中，ISP可以设置在摄像头193中。
摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device，CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor，CMOS)光电晶体管。感光元件把光信号转换成电信号，之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB，YUV等格式的图像信号。在一些实施例中，电子设备100可以包括1个或N个摄像头193，N为大于1的正整数。摄像头193可包括但不限于传统彩色摄像头(RGB camera)、深度摄像头(RGB depth camera)、动态视觉传感器(dynamic vision sensor，DVS)相机等。在一些实施例中，摄像头193可以为深度摄像头。深度摄像头可以采集真实环境的空间信息。
在一些实施例中，电子设备100可以通过摄像头193拍摄用户图像，面部识别不同用户，对应启用不同用户账号，不同用户的账号保存不同用户的信息，可以保证不同用户的账号不混淆，进一步保护用户的数据私密性。
在一些实施例中，摄像头193可以采集用户的手部图像或者身体图像，处理器110可用于对摄像头193采集到的图像进行分析，从而识别用户输入的手部动作或身体动作。比如，可以通过摄像头193识别用户的手部动作从而实现用户手势控制。
内部存储器121可以用于存储计算机可执行程序代码，该可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令，从而执行电子设备的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储电子设备使用过程中所创建的数据(比如音频数据，电话本等)等。
在本申请一些实施例中，内部存储器121可以用于存储一个或多个应用的应用程序，该应用程序包括指令。当该应用程序被处理器110执行时，使得电子设备100生成用于呈现给用户的内容。示例性的，该应用可以包括用于管理电子设备100的应用，如游戏应用、会议 应用、视频应用、桌面应用或其他应用等等。
内部存储器121可以包括一个或多个随机存取存储器(random access memory，RAM)和一个或多个非易失性存储器(non-volatile memory，NVM)。
随机存取存储器具有读取/写入速度快，易失性的特性。易失性指的是一旦断电，RAM中所存储的数据将随之消失。通常情况下，随机存取存储器静态功耗极低，运行功耗相对较大。RAM中的数据即为内存数据，可随时被读取，断电即消失。
非易失性存储器具有非易失性、存储数据稳定的特性。非易失性是指断电后，其所存储的数据不会消失，可以长时间断电保存数据。NVM中的数据包括应用数据，可以长时间稳定存储在NVM中。应用数据是指应用程序或服务进程运行过程中写入的内容，例如拍照类应用获取到的照片或视频、文档类应用中用户编辑的文本等等。
随机存取存储器可以包括静态随机存储器(static random-access memory，SRAM)、动态随机存储器(dynamic random access memory，DRAM)、同步动态随机存储器(synchronous dynamic random access memory，SDRAM)、双倍资料率同步动态随机存取存储器(double data rate synchronous dynamic random access memory，DDR SDRAM，例如第五代DDR SDRAM一般称为DDR5SDRAM)等。
非易失性存储器可以包括磁盘存储器件(magnetic disk storage)、快闪存储器(flash memory)等。
磁盘存储器件是以磁盘为存储介质的存储器，具有存储容量大、数据传输率高、存储数据可长期保存等特点。
快闪存储器按照运作原理划分可以包括NOR FLASH、NAND FLASH、3D NAND FLASH等，按照存储单元电位阶数划分可以包括单阶存储单元(single-level cell,SLC)、多阶存储单元(multi-level cell,MLC)、三阶储存单元(triple-level cell,TLC)、四阶储存单元(quad-level cell,QLC)等，按照存储规范划分可以包括通用闪存存储(英文：universal flash storage，UFS)、嵌入式多媒体存储卡(embedded multi media Card，eMMC)等。
随机存取存储器可以由处理器110直接进行读写，可以用于存储操作系统或其他正在运行中的程序的可执行程序(例如机器指令)，还可以用于存储用户及应用程序的数据等。
非易失性存储器也可以存储可执行程序和存储用户及应用程序的数据等，可以提前加载到随机存取存储器中，用于处理器110直接进行读写。
外部存储器接口120可以用于连接外部的非易失性存储器，实现扩展电子设备的存储能力。外部的非易失性存储器通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部的非易失性存储器中。
电子设备100可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。
音频模块170用于将数字音频信息转换成模拟音频信号输出，也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中，音频模块170可以设置于处理器110中，或将音频模块170的部分功能模块设置于处理器110中。
扬声器170A，也称“喇叭”，用于将音频电信号转换为声音信号。电子设备可以通过扬声器170A收听音乐，或收听免提通话。
受话器170B，也称“听筒”，用于将音频电信号转换成声音信号。当电子设备接听电话或语音信息时，可以通过将受话器170B靠近人耳接听语音。
麦克风170C，也称“话筒”，“传声器”，用于将声音信号转换为电信号。当拨打电话或发送语音信息时，用户可以通过人嘴靠近麦克风170C发声，将声音信号输入到麦克风170C。电子设备可以设置至少一个麦克风170C。在另一些实施例中，电子设备可以设置两个麦克风170C，除了采集声音信号，还可以实现降噪功能。在另一些实施例中，电子设备还可以设置三个，四个或更多麦克风170C，实现采集声音信号，降噪，还可以识别声音来源，实现定向录音功能等。
耳机接口170D用于连接有线耳机。耳机接口170D可以是USB接口130，也可以是3.5mm的开放移动电子设备平台(open mobile terminal platform，OMTP)标准接口，美国蜂窝电信工业协会(cellular telecommunications industry association of the USA，CTIA)标准接口。
电子设备100可以包括一个或多个按键190，这些按键190可以控制电子设备100，为用户提供访问电子设备100上的功能。按键190的形式可以是按钮、开关、刻度盘等机械式案件，也可以是触摸或近触摸式传感设备(如触摸传感器)。电子设备100可以接收按键输入，产生与电子设备100的用户设置以及功能控制有关的键信号输入。按键190可以包括开机键，音量键等。
马达191可以产生振动提示。马达191可以用于来电振动提示，也可以用于触摸振动反馈。例如，作用于不同应用(例如拍照，音频播放等)的触摸操作，可以对应不同的振动反馈效果。作用于电子设备100不同区域的触摸操作，马达191也可对应不同的振动反馈效果。不同的应用场景(例如：时间提醒，接收信息，闹钟，游戏等)也可以对应不同的振动反馈效果。触摸振动反馈效果还可以支持自定义。
指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，通知等。
电子设备100还可以包括其他输入输出接口，可以通过合适的输入输出接口将其他装置连接到电子设备100。组件例如可以包括音频/视频插孔，数据连接器等。
电子设备100上装备有一个或多个传感器，包括但不限于压力传感器180A，陀螺仪传感器180B，气压传感器180C，磁传感器180D，加速度传感器180E，距离传感器180F，接近光传感器180G，指纹传感器180H，温度传感器180J，触摸传感器180K，环境光传感器180L，骨传导传感器180M等。
压力传感器180A用于感受压力信号，可以将压力信号转换成电信号。在一些实施例中，压力传感器180A可以设置于显示屏194。压力传感器180A的种类很多，如电阻式压力传感器，电感式压力传感器，电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器180A，电极之间的电容改变。电子设备100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏194，电子设备100根据压力传感器180A检测所述触摸操作强度。电子设备100也可以根据压力传感器180A的检测信号计算触摸的位置。在一些实施例中，作用于相同触摸位置，但不同触摸操作强度的触摸操作，可以对应不同的操作指令。例如：当有触摸操作强度小于第一压力阈值的触摸操作作用于短消息应用图标时，执行查看短消息的指令。当有触摸操作强度大于或等于第一压力阈值的触摸操作作用于短消息应用图标时，执行新建短消息的指令。在一些实施例中，作用于相同触摸位置，但不同触摸操作时间长度的触摸操作，可以对应不同的操作指令。例如：当有触摸操作时间长度小于第一时间阈值的触摸操作作用于压力传感器180A时，执行确认的指令。当有触摸操作时间长度大于或等于第一时间阈值的触摸操作作用于压力传感器180A时，执行开机/关机的指令。
陀螺仪传感器180B可以用于确定电子设备100的运动姿态。在一些实施例中，可以通过陀螺仪传感器180B确定电子设备围绕三个轴(即，x，y和z轴)的角速度。陀螺仪传感器180B可以用于拍摄防抖。示例性的，当按下快门，陀螺仪传感器180B检测电子设备抖动的角度，根据角度计算出镜头模组需要补偿的距离，让镜头通过反向运动抵消电子设备的抖动，实现防抖。陀螺仪传感器180B还可以用于导航，体感游戏场景。在一些实施例中，电子设备100可以通过陀螺仪传感器180B确认切换上一个/下一个显示选项的指令。
气压传感器180C用于测量气压。在一些实施例中，电子设备100通过气压传感器180C测得的气压值计算海拔高度，辅助定位和导航。
磁传感器180D包括霍尔传感器。电子设备100可以利用磁传感器180D检测翻盖皮套的开合。在一些实施例中，当电子设备100是翻盖机时，可以根据磁传感器180D检测翻盖的开合。进而根据检测到的皮套的开合状态或翻盖的开合状态，设置翻盖自动解锁等特性。
加速度传感器180E可检测电子设备100在各个方向上(一般为三轴)加速度的大小。当电子设备100静止时可检测出重力的大小及方向。还可以用于识别电子设备姿态，应用于横竖屏切换，计步器等应用。在一些实施例中，电子设备100可以通过加速度传感器180E确认切换上一个/下一个显示选项的指令。
距离传感器180F，用于测量距离。电子设备100可以通过红外或激光测量距离。在一些实施例中，拍摄场景，电子设备100可以利用距离传感器180F测距以实现快速对焦。
接近光传感器180G可以包括例如发光二极管(LED)和光检测器，例如光电二极管。发光二极管可以是红外发光二极管。电子设备100通过发光二极管向外发射红外光。电子设备100使用光电二极管检测来自附近物体的红外反射光。当检测到充分的反射光时，可以确定电子设备100附近有物体。当检测到不充分的反射光时，电子设备100可以确定附近没有物体。电子设备100可以利用接近光传感器180G检测用户手持电子设备100贴近耳朵通话，以便自动熄灭屏幕达到省电的目的。接近光传感器180G也可用于皮套模式，口袋模式自动解锁与锁屏。
环境光传感器180L用于感知环境光亮度。电子设备100可以根据感知的环境光亮度自适应调节显示屏194亮度。环境光传感器180L也可用于拍照时自动调节白平衡。环境光传感器180L还可以与接近光传感器180G配合，检测电子设备100是否在口袋里，以防误触。
指纹传感器180H用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解锁，访问应用锁，指纹拍照，指纹接听来电等。
温度传感器180J用于检测温度。在一些实施例中，电子设备100利用温度传感器180J检测的温度，执行温度处理策略。例如，当温度传感器180J上报的温度超过阈值，电子设备执行降低位于温度传感器180J附近的处理器的性能，以便降低功耗实施热保护。在另一些实施例中，当温度低于另一阈值时，电子设备100对电池142加热，以避免低温导致电子设备100异常关机。在其他一些实施例中，当温度低于又一阈值时，电子设备100对电池142的输出电压执行升压，以避免低温导致的异常关机。
触摸传感器180K，也称“触控器件”。触摸传感器180K可以设置于显示屏194，由触摸传感器180K与显示屏194组成触摸屏，也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器，以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中，触摸传感器180K也可以设置于电子设备100的表面，与显示屏194所处的位置不同。
骨传导传感器180M可以获取振动信号。在一些实施例中，骨传导传感器180M可以获 取人体声部振动骨块的振动信号。骨传导传感器180M也可以接触人体脉搏，接收血压跳动信号。在一些实施例中，骨传导传感器180M也可以设置于耳机中，结合成骨传导耳机。音频模块170可以基于所述骨传导传感器180M获取的声部振动骨块的振动信号，解析出语音信号，实现语音功能。应用处理器可以基于所述骨传导传感器180M获取的血压跳动信号解析心率信息，实现心率检测功能。
SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195，或从SIM卡接口195拔出，实现和电子设备100的接触和分离。电子设备100可以支持1个或N个SIM卡接口，N为大于1的正整数。SIM卡接口195可以支持Nano SIM卡，Micro SIM卡，SIM卡等。同一个SIM卡接口195可以同时插入多张卡。所述多张卡的类型可以相同，也可以不同。SIM卡接口195也可以兼容不同类型的SIM卡。SIM卡接口195也可以兼容外部存储卡。电子设备100通过SIM卡和网络交互，实现通话以及数据通信等功能。在一些实施例中，电子设备100采用eSIM，即：嵌入式SIM卡。eSIM卡可以嵌在电子设备100中，不能和电子设备100分离。
电子设备100上可以搭载
Figure PCTCN2022121654-appb-000001
系统、
Figure PCTCN2022121654-appb-000002
系统、
Figure PCTCN2022121654-appb-000003
系统、HarmonyOS或者其他类型的操作系统，本申请对此不作限制。
电子设备100的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。本申请实施例以分层架构的
Figure PCTCN2022121654-appb-000004
系统为例，示例性说明电子设备100的软件结构。
图1B是本申请实施例的电子设备100的软件结构框图。
分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，可以将
Figure PCTCN2022121654-appb-000005
系统分为四层，从上至下分别为应用程序层，应用程序框架层，安卓运行时(
Figure PCTCN2022121654-appb-000006
runtime)和系统库，以及内核层。
应用程序层可以包括一系列应用程序包。
如图1B所示，应用程序包可以包括相机，图库，日历，通话，地图，导航，WLAN，蓝牙，音乐，视频，设置等应用程序。其中，设置应用中可以设定字体的大小、粗细等。
应用程序框架层为应用程序层的应用程序提供应用编程接口(application programming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图1B所示，应用程序框架层可以包括窗口管理器，内容提供器，视图系统，电话管理器，资源管理器，通知管理器等。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。
内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。这些数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。
视图系统包括可视控件，例如显示文字的控件，显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。
电话管理器用于提供通信功能。例如通话状态的管理(包括接通，挂断等)。
资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。
通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息， 可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息，发出提示音，电子设备振动，指示灯闪烁等。
Figure PCTCN2022121654-appb-000007
Runtime包括核心库和虚拟机。
Figure PCTCN2022121654-appb-000008
runtime负责安卓系统的调度和管理。
核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。
应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。
系统库可以包括多个功能模块。例如：表面管理器(surface manager)，媒体库(Media Libraries)，三维图形处理库(例如：OpenGL ES)，2D图形引擎(例如：SGL)等。
表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2D和3D图层的融合。
媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式，例如:MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。
三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。
2D图形引擎是2D绘图的绘图引擎。
内核层是硬件和软件之间的层。内核层至少包含显示驱动，摄像头驱动，音频驱动，传感器驱动。
这里结合启动拍照场景，示例性说明电子设备100软件以及硬件相配合的工作流程。
当触摸传感器180K接收到触摸操作，相应的硬件中断被发给内核层。内核层将触摸操作加工成原始输入事件(包括触摸坐标，触摸操作的时间戳等信息)。原始输入事件被存储在内核层。应用程序框架层从内核层获取原始输入事件，识别该输入事件所对应的控件。以该触摸操作是触摸单击操作，该单击操作所对应的控件为相机应用图标的控件为例，相机应用调用应用框架层的接口，启动相机应用，进而通过调用内核层启动摄像头驱动，通过摄像头193捕获静态图像或视频。
以上对电子设备100的软件架构的介绍仅为示例，可以理解的是，本发明实施例示意的软件架构并不构成对本申请构成具体限定。在本申请另一些实施例中，电子设备100的软件架构可以包括比图示更多或更少的模块，或者组合某些模块，或者拆分某些模块，或者不同的架构布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。
本申请实施例提供了一种移动应用图标的交互方式，可以给用户提供更快捷、更方便的交互界面和更易操作、更人性化、更友好的交互体验。在本申请实施例中，用户在移动图标的过程中，电子设备100适当调整界面布局，以一定比例缩小应用图标，在一个界面中显示全部的应用图标，或显示比移动前界面中更多的应用图标，方便用户在移动应用图标的过程中快捷确认该图标的目标位置。在一些实施例中，还可以支持电子设备100根据用户拖动应用图标速度，动态缩放界面中应用图标的大小。本申请各实施例对应用图标的缩放比例不作任何限制。
下面结合附图详细阐述说明本申请的技术方案。
在本申请提供的以下实施例中，是以电子设备100为智能手表，或手机，作为示例进行说明。可以理解的是，本申请中以智能手表或手机为示例说明的多个实施例并不对其他实施 例构成任何限制，电子设备100的设备类型还可以为其他设备，可以实现本申请发明构思的方案均在本申请保护范围之内。
在本申请实施例中，电子设备100可以配置有支持触控的显示屏。电子设备100上安装有一个或多个应用，可以提供多种应用功能。电子设备100的显示屏可以显示多个图形界面，例如桌面以及多个应用图标。电子设备100还可以支持采集和识别触控、手势、语音等用户操作，并转化为相应指令。如电子设备100的显示屏可以识别触控操作，当检测到作用于触控屏上的选中并拖动某个应用图标的用户操作，可以对应将该应用图标从起始位置移动到用户指定的目标位置。
在本申请各实施例中，智能手表的显示屏又可以称为“表盘”。
可以理解的是，本申请以下实施例中所描述的各个用户界面仅为示例界面，并不对本申请其他实施例构成限制。在其他实施例中，用户界面中可以采用不同的界面布局，可以包括更多或更少的控件，可以增加或减少其他功能选项，以下示例界面也可以迁移用于其他类型设备上，只要基于本申请提供的同一发明思想的技术方案，都在本申请保护范围内。
本申请提供的图标移动的方法可以应用在智能手表上。图2A至图9是以智能手表作为示例电子设备描述本申请实施例提供相关图形界面。
在图2A至图9所示实施例中，主要涉及一种用于展示智能手表上安装的所有应用对应的应用图标的用户界面，该用户界面在本申请以下实施例中可以写作图标界面。在本申请实施例中，该图标界面也可以写作第一界面。
图2A至图2C示例性示出了电子设备100(即智能手表)屏幕上显示的图标界面示意图，在该图标界面中，应用图标的排列方式和显示尺寸可以不同。
参考图2A所示的表盘界面201，表盘界面201为智能手表的图标界面，已安装应用程序的图标可以显示在该表盘界面201中。用户可以点击表盘界面201上的某个应用图标，以打开对应的应用程序。本申请实施例对应用图标的形状不作限制，例如可以为圆形图标，也可以为方形图标，等。应用图标的图像可以是静态图像，也可以是动态图像，本实施例对应用图标的表现形式不作任何限制。
如图2A所示，表盘界面201中可以显示一个或多个应用图标，例如，时钟应用图标、设置应用图标、音乐应用图标、浏览器应用图标、运动应用图标、天气应用图标、邮箱应用图标等等。本申请实施例对这多个应用图标的排列布局方式不做任何限定。例如，多个应用图标的排列方式可以是行列对齐状，也可以是蜂窝状，或其他排列布局方式。
示例性的，如图2A所示，表盘界面201中显示的多个应用图标的排列布局呈现为行列对齐状。行列对齐状指的是多个图标的位置上下左右正对齐，每个图标周围围绕八个图标，呈九宫格形状。
又示例性的，如图2B所示，表盘界面202中显示的多个应用图标的排列布局呈现为蜂窝状。蜂窝状指的是每个图标周围围绕六个图标，呈六边形蜂窝形状。
本申请实施例不对应用图标的显示尺寸大小做限定。智能手表的表盘界面中显示的应用图标的尺寸大小可以一致，也可以不一致。
示例性的，如图2A和图2B所示，表盘界面201和表盘界面202中显示的多个应用图标的图标尺寸大小一致。
又示例性的，如图2C所示，表盘界面203中显示有多个应用图标，其中，该多个应用图标的图标尺寸按照从中心到边界的顺序依次减小，呈放射状。位于中心的应用图标显示的 尺寸最大，其余应用图标的显示尺寸按照从中心到边界的顺序依次减小，越靠近中心位置的应用图标显示的尺寸越大，越靠近边界的应用图标显示的尺寸越小。
如表盘界面203中显示的中心图标为健康应用图标，该应用图标显示的尺寸最大，该健康应用图标周围的音乐应用图标和浏览器应用图标比该健康应用图标的尺寸要小。时钟应用图标和设置应用图标等多个应用图标位于表盘界面203的边界处，这些边界处的应用图标显示的尺寸最小，小于音乐应用图标或浏览器应用图标的尺寸。
不限于图2A至图2C所示的方案，智能手表的表盘上显示的图标界面中，应用图标排列方式还可以是环形排列等其他排列方式，应用图标的显示尺寸也可以有更多不同的显示尺寸。
用户可以通过旋转智能手表的表冠或其他按钮，放大或缩小表盘界面上的应用图标。或者，用户也可以在通过触控操作或手势操作，放大或缩小表盘界面上的应用图标。当执行放大操作时，表盘界面上的应用图标的尺寸会变大，表盘界面中显示的应用图标的数量可能变少。当执行缩小操作时，表盘界面上的应用图标的尺寸会变小，表盘界面中显示的应用图标的数量可能变多。
图3A至图3B示例性示出了智能手表在识别出用户放大或缩小应用图标尺寸的操作后，在表盘上显示放大或缩小后的应用图标的实施例。
示例性的，如图3A中(a)所示，智能手表显示表盘界面301，该表盘界面301显示有多个应用图标，该多个应用图标以尺寸一显示在表盘界面301上。
当检测到用户作用在表盘界面301上的放大操作302时，如图3A中(b)所示，智能手表显示表盘界面303，表盘界面303上显示放大后的多个应用图标，这些应用图标的尺寸可以为尺寸二，尺寸二大于或等于尺寸一。
该放大操作302可以是如图3A所示的两指在屏幕上朝相反方向划动的触控操作，且随着划动过程中两指之间的距离越大，应用图标的放大倍数越大。当应用图标放大至最大临界值时，即使再检测到用户在智能手表屏幕上双指向相反方向划动的放大操作，智能手表在表盘界面上显示的应用图标也不再放大。其中，最大临界值是智能手表设置的应用图标的最大显示尺寸。例如，当应用图标以最大尺寸显示时，智能手表的显示屏可以只能够显示一个完整的应用图标。
放大操作302可以更方便用户观察细节。
需要说明的是，在应用图标较多的情况下，智能手表在表盘界面上一般无法显示所有放大的应用图标。如图3A中(b)所示，智能手表的屏幕中显示有不完整的应用图标，还有更多应用图标没有显示在屏幕中。在图3A的(b)中用虚线表示未显示的应用图标和一些应用图标未完整显示的部分。
反之，缩小操作可以使智能手表中的应用图标的尺寸变小，在屏幕中显示更多的应用图标。
如图3B中(a)所示，当检测到用户作用在表盘界面303上的放大操作304时，如图3B中(b)所示，智能手表显示表盘界面301，表盘界面301上显示缩小后的多个应用图标，表盘界面303上应用图标的尺寸可以为尺寸二，表盘界面301上应用图标的尺寸可以为尺寸一，尺寸二大于或等于尺寸一。
该缩小操作304可以是如图3B所示的两指在屏幕上朝同一个位置捏合划动的触控操作，并且可以随着划动过程中两指之间的距离越小，应用图标的缩小倍数越大。当应用图标缩小至最小临界值时，即使再检测到用户在智能手表屏幕上双指捏合的缩小操作，智能手表在表 盘界面上显示的应用图标也不再缩小。其中，最小临界值是智能手表设置的应用图标的最小显示尺寸。例如，当应用图标以最小尺寸显示时，智能手表的显示屏能够一屏显示所有应用图标。
缩小操作304可以更方便用户观察整体效果。
放大操作和缩小操作能够让用户更方便地根据自身需求调整并查看应用图标。用户还可以拖动表盘界面，以调整界面视野，显示其他的应用图标。以上用户操作的描述仅为示例说明，这些示例不对其他实施例中的用户操作构成任何限制。
用户改变应用图标显示尺寸的操作不限于图3A至图3B所示的方案，还可以是其他的操作(例如手势、语音等操作)，本申请实施例在此不做限定。
图4示例性示出了一种在智能手表上移动应用图标的实施例。
图4中(a)至(b)示出了智能手表在识别出用户移动第一应用图标的意图之后，在表盘界面中显示更多图标界面中的应用图标的实施例。
在本申请实施例中，智能手表可以通过用户选中且不释放应用图标的操作识别出用户移动应用图标的意图，智能手表也可以通过用户选中并拖拽应用图标的操作识别出用户移动应用图标的意图。
在本申请一些实施例中，当检测到用户选中应用图标的操作时，智能手表可以进入图标编辑状态，方便用户移动选中的应用图标。
在一些实施例中，智能手表可以通过缩小表盘界面中应用图标之间的距离，在表盘界面中显示更多图标界面中的应用图标。在另一些实施例中，智能手表也可以通过缩小表盘界面中应用图标的比例，在表盘界面中显示更多图标界面中的应用图标。
在一些实施例中，当检测到用户选中应用图标的操作时，可以将应用图标缩小第一比例，应用图标以第一尺寸显示，这时在表盘界面上可以显示所有应用图标。
在一些实施例中，当检测到用户选中应用图标的操作时，可以将应用图标缩小第二比例，应用图标以第二尺寸显示，第一比例大于第二比例，第一尺寸小于第二尺寸，这时在表盘界面上可以显示部分应用图标，且此时表盘界面中显示的应用图标的数目多于智能手表检测到用户的选中操作之前表盘界面中显示的图标数目。
示例性的，如图4所示，图4中(a)显示有表盘界面401，该表盘界面401中包括多个完整或不完整的应用图标，例如，地图应用图标、天气应用图标402、浏览器应用图标、运动应用图标、健康应用图标，等等。
当检测到用户针对第一应用图标的长按操作，例如当智能手表检测到用户针对天气应用图标402的长按操作时，如图4中(b)所示，智能手表可以显示表盘界面403，该表盘界面403中显示有缩小了的应用图标。该表盘界面403可用于编辑界面上的应用图标，例如移动应用图标的位置等。表盘界面403为全局状态，该全局状态是指在表盘界面403上显示有智能手表上所有应用的应用图标，所有应用图标以第一尺寸显示在表盘界面403上。
需要说明的是，该选中第一应用图标触发进入图标编辑状态的并不限于示例中描述的长按操作，也可以是其他操作，本实施例对此不作限制。
需要说明的是，当用户针对第一应用图标的长按操作还可以触发其他功能，可以通过长按操作的时间长度或压力值区别桌面编辑功能与其他功能。例如，当针对第一应用图标长按0.5秒可以触发该应用显示应用快捷功能控件，针对第一应用图标长按1秒可以进入桌面编辑状态，用户可以移动应用图标的位置。或者是，当针对第一应用图标的长按操作大于第一压 力值可以触发该应用显示应用快捷功能控件，针对第一应用图标长按操作大于第二压力值可以进入桌面编辑状态，其中第一压力值与第二压力值不同。
在另一些实施例中，表盘界面中的图标可能大小并不一致，那么在检测到选中第一应用图标，进入图标编辑界面时，该图标编辑界面中显示的应用图标可以分别以一定比例缩小，即每个图标都比选中之前的尺寸要小。或者该图标编辑界面中显示的应用图标也可以以同一尺寸显示，有些图标比选中之前的尺寸要小，有些图标可能比选中之前的尺寸要大，有些图标可能与选中之前的尺寸相同。
该图标编辑界面包括的应用图标的数量应该大于等于未进入图标编辑状态的界面，以方便用户查找目标位置。
图4中智能手表在识别出用户在图标界面拖拽第一应用图标的操作之后，该第一应用图标可以跟随用户的拖拽轨迹移动。
在表盘界面403上，如图4中(b)所示，当检测到针对天气应用图标402的拖动操作时，天气应用图标402可以跟随用户拖动轨迹移动。用户可以通过拖动操作将天气应用图标402放置到目标位置，目标位置为用户想要放置该天气应用图标402的位置。
示例性的，如图4中(c)所示，用户的拖动方向为右上，天气应用图标402跟随用户的拖动轨迹向右上角移动。如图4中(d)所示，天气应用图标402的目标位置是运动应用图标404所处的位置。
当用户拖动天气应用图标402接近目标位置时，用户拖动应用图标的速度可以降低。当检测到拖动速度小于临界速度时，智能手表显示表盘界面405。如图4中(e)所示，表盘界面405上以第三尺寸显示应用图标，其中，第三尺寸大于第一尺寸。该表盘界面405中包括运动应用图标404。
在一些实施例中，在第一应用图标停止移动，或移动速度小于第一速度时，在屏幕中显示的应用图标的数量最少，应用图标的放大尺寸最大。
如图4中(e)所示，天气应用图标402在目标位置附近，当检测到用户松开天气应用图标402时，智能手表显示表盘界面406。如图4中(f)所示，表盘界面406中以第三尺寸显示有天气应用图标402以及其附近的一个或多个应用图标，其中天气应用图标402显示在目标位置上。
在一些实施例中，被选中的天气应用图标402在被选中前与被选中后的尺寸相同。在另一些实施例中，被选中的天气应用图标402在被选中后的尺寸相对于被选中后的尺寸可以放大或缩小，并不一定与图标编辑界面中的其他图标的尺寸相同。本申请对第一应用图标的尺寸不作限制。
不限于图4所示的方案，在另一些实施例中，也可以不采用拖拽的方式变更第一应用图标的排布，用户移动应用图标的意图可以是其他用户操作，例如在识别出用户移动应用图标的意图之后，智能手表可以通过在图标界面上选定目标位置的方式变更第一应用图标的排布，本申请实施例在此不做限定。
第一应用图标可以跟随用户的拖动轨迹达到目标位置。假设在将第一应用图标移动至目标位置之前，目标位置上排布有第二应用图标，在一些实施例中，当将第一应用图标移动至目标位置上时，第一应用图标可以和第二应用图标交换位置，第二应用图标变更排布到原先第一应用图标所在的起始位置处。在另一些实施例中，当将第一应用图标移动至目标位置上时，第二应用图标以及之后的应用图标可以依次后移一个位置。
图5A示出了应用图标交换位置的情况。示例性的，如图5A所示，图5A中(a)显示了表盘界面501，在表盘界面501中显示有多个应用图标，该多个应用图标中包括天气应用图标502和运动应用图标503。用户拖动天气应用图标502从初始位置向目标位置移动，该目标位置上显示有运动应用图标503。在完成对天气应用图标502的位置移动操作之后，智能手表显示表盘界面504，如图5A中(b)所示，表盘界面504显示有多个应用图标，其中，天气应用图标502显示在目标位置上，运动应用图标503显示在初始位置上，该初始位置为天气应用图标502开始移动前的位置。
图5B示出了应用图标位置顺移的情况。又示例性的，如图5B所示，图5B中(a)显示了表盘界面501，在表盘界面501中显示有多个应用图标，该多个应用图标中包括天气应用图标502和运动应用图标503。用户拖动天气应用图标502从初始位置向目标位置移动，该目标位置上显示有运动应用图标503。在完成对天气应用图标502的位置移动操作之后，如在目标位置处释放天气应用图标502，智能手表显示表盘界面505。如图5B中(b)所示，表盘界面505中显示有多个应用图标，其中，天气应用图标502显示在目标位置上，运动应用图标503显示在目标位置的下一个位置上，且运动应用图标503之后的应用图标依次后移一个位置。
在一些实施例中，用户可以将第一应用图标拖动至目标位置的第二应用图标上，与第二应用图标有一定程度重叠，以触发应用图标位置的变更。
在一些实施例中，用户也可以并不是将第一应用图标拖动至与目标位置的第二应用图标重叠。如，用户将第一应用图标拖动至目标位置的边缘时，在未释放该第一应用图标时，目标位置所在的第二应用图标就可以变换排布位置，将目标位置空出来给第一应用图标，在视觉效果上来看，第一应用图标将第二应用图标挤到了其他位置。这样，用户可以在不松开第一应用图标的情况下，观看第一应用图标位于目标位置上的预览效果。
在一些实施例中，智能手表进入桌面编辑状态时，并不是显示全部应用图标，而是在表盘界面上显示部分应用图标，即该界面缩小比例小于全局状态下的缩小比例，这部分应用图标以第二尺寸显示在表盘界面上。第二尺寸大于全局状态下的第一尺寸。在这种情况下，应用图标也可以跟随用户的拖动轨迹到达目标位置。
在表盘界面未显示所有应用图标时，当检测到应用图标被拖动到屏幕边缘时，表盘界面可以滚动显示出其他图标。以拖动天气应用图标为例，当检测到天气应用图标被拖动到屏幕右侧的边缘处时，表盘界面会向右滚动，显示出右边其他的图标。例如，当表盘界面发生向右滚动之前屏幕右侧边缘处的应用图标是信息应用图标，而在全局状态下邮件应用图标右侧有邮件应用图标等多个应用图标。在表盘界面发生向右滚动之后，表盘界面上可以显示出邮件应用图标，也可以显示出在全局状态下处于邮件应用图标右侧的多个应用图标。同样的，表盘界面也可以向着其他方向滚动并显示出其他方向上的应用图标，此处不再赘述。
同样的，当智能手表检测到拖动速度小于临界速度，智能手表以第四尺寸显示第一应用图标附近的一个或多个应用图标，第四尺寸大于第二尺寸。在检测到用户松开第一应用图标后，第一应用图标显示在目标位置。如果目标位置原先显示有第二应用图标，第二应用图标可以显示在第一应用图标的初始位置，也可以显示在目标位置的下一个位置，且之后的应用图标依次向下移动一个位置，具体可以参考前述图5A和图5B所示实施例中的相关描述，此处不再赘述。
图6示例性示出了智能手表在识别出用户放弃移动第一应用图标的意图后，恢复第一应用图标的初始排布位置的实施例。
在用户拖动第一应用图标移动的过程中，在图标编辑状态下，用户未选定目标位置时，如果用户松开第一应用图标，那么该第一应用图标返回初始位置，初始位置为第一应用图标开始移动前的位置，表盘界面还可以退出图标编辑状态。
示例性的，如图6所示，图6中(a)示出了表盘界面601，表盘界面601包括多个应用图标，其中可以包括完整的应用图标也可以包括不完整的应用图标，表盘界面601包括天气应用图标602。智能手表检测到用户针对天气应用图标602的长按操作，显示表盘界面603。如图6中(b)所示，表盘界面603以第一尺寸显示应用图标。在表盘界面603上，天气应用图标602可以跟随用户的拖动轨迹移动，如图6中(c)所示，天气应用图标602跟随用户的拖动轨迹向右上移动。在用户拖动天气应用图标602移动的过程中，如图6中(d)所示，当检测到用户松开天气应用图标602，并且在松开天气应用图标602时并没有选定目标位置，那么该天气应用图标602返回初始位置，表盘界面退出图标编辑状态，如图6中(e)所示。图6中(e)显示的表盘界面601与图6的(a)中显示的表盘界面601相同，其中，天气应用图标602又恢复显示在其初始位置上，该初始位置是其开始移动前在表盘界面601中所处的位置。
这样，在移动第一应用图标的过程中，用户如果想要放弃移动该第一应用图标，可以在拖动过程中直接松开第一应用图标，不需要其他操作，步骤简单且便于操作。
图7示例性示出了在识别出第一应用图标的拖拽速度变化的情况下，智能手表动态改变表盘中显示的应用图标的显示尺寸或数量的实施例。
在一些实施例中，智能手表进入图标编辑状态后，其表盘界面上应用图标的显示尺寸或数量可以是动态变化的。例如，在第一应用图标跟随用户的拖动轨迹移动的过程中，智能手表可以基于用户针对第一应用图标的拖动速度确定其表盘界面上应用图标的显示大小，示例性的，用户针对第一应用图标的拖动速度越快，表盘界面上应用图标的显示尺寸越小，用户针对第一应用图标的拖动速度越慢，表盘界面上应用图标的显示尺寸越大。
这种动态变化的方式，是考虑到当用户拖动速度较快时，可以方便用户快速拖动应用图标至目标位置附近，当用户拖动速度放缓时，可以方便用户精确定位目标位置。
示例性的，如图7所示，图7中(a)显示了表盘界面701，该表盘界面701包括多个应用图标及天气应用图标702，其中多个应用图标可以包括完整的应用图标和不完整的应用图标，且上述所有应用图标以比例一显示在表盘界面701上。
当智能手表检测到用户针对天气应用图标702的拖动速度为速度v1时，智能手表显示表盘界面703。如图7中(b)所示，表盘界面703包括多个应用图标，这些应用图标以比例二显示在表盘界面703上。其中，比例二小于比例一，即表盘界面703中显示的应用图标尺寸小于表盘界面701中显示的应用图标尺寸。
当智能手表检测到用户针对天气应用图标702的拖动速度为速度v2时，智能手表显示表盘界面704。如图7中(c)所示，表盘界面704中的多个应用图标以比例三显示在该表盘界面704上。其中，比例三小于比例二，且速度v2大于速度v1。
当智能手表检测到用户针对天气应用图标702的拖动速度为速度v3时，智能手表显示表盘界面705。如图7中(d)所示，表盘界面705中的多个应用图标以比例四显示在该表盘界面705上。其中，比例四大于比例三，且速度v3小于速度v2。
其中，天气应用图标702可以随着表盘界面中的其他应用图标的尺寸变化而变化，例如， 表盘界面701中的天气应用图标702可以以比例一显示，表盘界面703中的天气应用图标702可以以比例二显示，表盘界面704中的天气应用图标702可以以比例三显示，表盘界面705中的天气应用图标702可以以比例五显示。
在一些实施例中，天气应用图标702也可以以固定尺寸显示，例如，无论表盘界面中其他应用图标怎么变化，天气应用图标702的尺寸是相同的，如都是第二尺寸，较大尺寸的应用图标便于用户拖动。
需要说明的是，具体实施时，智能手表可以以固定频率检测用户针对第一应用图标的拖动速度，并基于该拖动速度实时调整表盘界面上应用图标的显示比例。在一些实施例中，智能手表还可以根据实时检测到的用户针对第一应用图标的拖动速度，基于该拖动速度处于的拖动速度区间确定出表盘界面上应用图标的显示比例，即应用图标的显示尺寸可以是分段的，一个显示尺寸对应一个区间的多个移动速度。
不限于图7所示的技术方案，电子设备100屏幕上显示的应用图标的显示尺寸或数量的变化与拖拽速度的关系也可以是其他关系，本申请实施例在此不做限定。
在一些实施例中，在第一应用图标跟随用户的拖动轨迹移动的过程中，各个应用图标可以动态调整排列布局。在一些实施例中，当第一应用图标的移动轨迹上有第三应用图标时，第三应用图标可以在第一应用图标接近时移动到附近的位置上显示。即在显示效果上来看，各个应用图标不会重叠，用户移动第一应用图标时可以在拖动轨迹上将其他图标挤到其他位置上。
在一些实施例中，在第一应用图标跟随用户的拖动轨迹移动的过程中，智能手表可以基于表盘界面上显示的各个应用图标与第一应用图标之间的距离确定每个应用图标的显示尺寸。例如，表盘界面上显示的应用图标可以以第一应用图标为中心，呈放射状显示，即，与第一应用图标的距离越远，应用图标的尺寸越小，与第一应用图标的距离越近，应用图标的尺寸越大。
图8示例性示出了智能手表根据拖拽第一应用图标的轨迹，在表盘界面上动态改变各个应用图标的显示尺寸和/或各个应用图标的布局的实施例。
示例性的，如图8所示，图8显示了表盘界面801，表盘界面801是智能手表进入图标编辑状态的蜂窝状界面。表盘界面801包括多个应用图标和天气应用图标802。其中，天气应用图标802为用户选择并拖动移动的应用图标，其尺寸最大，以尺寸五显示在表盘界面801中。以天气应用图标802为中心，距离越远，应用图标的尺寸依次变小。如，表盘界面801中可以显示有以尺寸六显示的一个或多个应用图标，如地图应用图标，和以尺寸七显示的一个或多个应用图标，如邮箱应用图标。尺寸五大于尺寸六，尺寸六大于尺寸七。
各个应用图标可以不重叠，用户移动天气应用图标802时可以在拖动轨迹上将其他图标挤到其他位置上，即拖动轨迹上的其他图标会给所选中的应用图标让出位置。如图8中(a)的表盘界面801所示，天气应用图标802在健康应用图标803的左下方，当用户拖动天气应用图标802经由健康应用图标803的位置时，如图8中(b)的表盘界面804所示，天气应用图标802可以与健康应用图标803的位置进行交换，该天气应用图标802显示在健康应用图标803的右上方。
图8中表盘界面的排列布局变化仅为一个示例，本申请实施例对移动第一应用图标过程中，表盘界面中显示的应用图标的排列布局不作任何限制。
在一些实施例中，也可以支持用户同时移动多个应用图标。图9示出了用户移动多个应用图标的实施例。
示例性的，如图9中(a)所示，智能手表显示有表盘界面901，表盘界面901包括多个应用图标，以及天气应用图标902。智能手表检测到用户针对应用图标或针对屏幕的长按操作，显示表盘界面904。如图9中(b)所示，表盘界面904包括多个应用图标，如天气应用图标902和音乐应用图标903。
表盘界面904中可以显示所有应用图标。在表盘界面904中，用户可以选择多个应用图标，用户选中的应用图标可以高亮显示，也可以在应用图标上显示选中标识，如对号标志，还可以是其他可以用于区别用户选中的应用图标与其他应用图标的标识，本申请在此不做限定。
示例性的，如图9中(b)所示，用户选中天气应用图标902，天气应用图标902高亮显示。当用户还需要选择音乐应用图标903时，用户可以将天气应用图标902拖动至音乐应用图标903处，如图9中(c)的表盘界面905所示。用户拖动天气应用图标902在音乐应用图标903处停留一个时间段一(例如1秒)后，音乐应用图标903也高亮显示，变成选中状态。
图9中(d)示出了天气应用图标902和音乐应用图标903一起跟随用户拖动轨迹移动的示意图。如图9中(d)所示，当天气应用图标902和音乐应用图标903均被用户选中时，被选中的应用图标可以粘连在一起跟随用户的拖动轨迹移动，其中，应用图标的粘连顺序可以按照其被用户选中的顺序排列，例如，先选中的应用图标在最顶层显示，最后选中的应用图标在最底层显示。如图9中(d)中，用户先选中的天气应用图标902，后选中的音乐应用图标903，那么音乐应用图标903粘连在天气应用图标902下面。
当用户的拖动速度小于临界速度时，智能手表放大显示应用图标，即显示表盘界面906，用户可以在该表盘界面906上选取目标位置放置其拖动的应用图标。
示例性的，如图9中(e)所示，表盘界面906显示多个应用图标，如电话应用图标907和用户拖动的应用图标，其中用户拖动的应用图标包括天气应用图标902和音乐应用图标903，电话应用图标907是目标位置的上一个位置，目标位置是用户拖动的应用图标将要放置的位置。
假设用户需要将选中的多个图标拖动至电话应用图标907之后，检测到用户松开选中应用图标的用户操作，智能手表显示表盘界面908。如图9中(f)所示，表盘界面908显示有变更排列布局后的多个应用图标。其中，天气应用图标902和音乐应用图标903依次显示在电话应用图标907之后的位置上，即天气应用图标902和音乐应用图标903插入显示在电话应用图标之后的位置上。
在一些实施例中，当智能手表检测到用户松开选中的一个或多个应用图标，也可以在目标位置建立一个文件夹，该文件夹用于放置用户所选中的一个或多个应用图标。
在一些实施例中，多选图标也可以是以选中标识表示选中状态。如，在智能手表检测到用户选中应用图标一之后，表盘界面呈现图标编辑状态，图标编辑状态可以表现为各个应用图标处于抖动状态。各个图标的右上角显示有小选择框，用于用户选择需要移动的多个应用图标。如果某个图标被点击选中，其右上角的小选择框可以显示选中标识，如对号标识，如果某个图标没有被选中，其右上角的小选择框可以显示空白。若用户还需要选中应用图标二，用户也可以点击应用图标二右上角的小选择框，将空白的小选择框变为显示有选中标识的小选择框。
例如，检测到用户选中天气应用图标之后，表盘界面呈现图标编辑状态，天气应用图标 上显示有对号标识。智能手表检测到用户针对音乐应用图标的单击或长按等选中操作，音乐应用图标上也显示有对号标识，音乐应用图标此时也被选中。同样的，还可以选中其他应用图标。
在用户选择多个应用图标之后，用户可以按住一个图标并拖拽，其他所选中的应用图标可以跟随移动。响应于用户的拖拽操作，用户选中的所有应用图标跟随用户手指的移动轨迹移动。
以上描述的同时移动多个应用图标的实施例不对其他实施例构成限制，选中多个应用图标可以有多种方式。
在另一些实施例中，当检测到用户选中的应用图标一是某一类应用图标时，智能手表可以显示提示框，该提示框用于询问用户是否要选中同一类应用图标。
例如，当用户选中的应用图标一是聊天应用图标时，智能手表可以显示提示框，该提示框中显示有提示文字、确定控件和/或取消控件。其中，提示文字内容可以是“是否要同时选中所有社交类应用”，确定控件可用于触发用户确认选中所有社交类应用图标，取消控件可用于触发用户取消选中其他同一类应用图标。
实施以上图2A至图9的各个实施例及其组合实施例，在用户选中第一应用图标时，或者在用户移动第一应用图标时，该表盘界面中显示的是缩小后的多个应用图标或者是缩小后的所有应用图标，即显示比之前界面中更多的应用图标。这样方便用户在移动应用图标的过程中，更容易找到目标位置，从而节省移动应用图标的时间。
本申请提供的图标移动的方法还可以应用于手机等其他具有显示屏的电子设备上。图10至图14是以手机为示例设备描述本申请实施例提供相关图形界面。
图10示出了手机上移动应用图标的示意过程。
如图10所示，图10中(a)示出了手机桌面的页面1001，该页面1001包括一个或多个应用图标，例如，时钟应用图标、浏览器应用图标、地图应用图标、设置应用图标、天气应用图标1002，等等。
示例性的，手机桌面可以包括多个页面，多个应用图标可以分散放置在该多个页面中。该页面1001中还可以显示有页面指示符1003，以表明桌面上页面总数，以及当前显示的页面与其他页面的位置关系。
例如，手机桌面可以包括有四个页面，该页面1001中的页面指示符1003中的黑点在左起第二个位置，可以表示当前显示的页面1001为桌面的四个页面中左起第二个页面。可选的，手机桌面的顶部还显示包括有顶部状态栏，该顶部状态栏中可以包括有通信信号的强度指示符、电量值、时间等信息。进一步可选的，页面指示符的下方可以有托盘(dock)区域，该dock区域中可以包括有一个或多个托盘图标，例如，拨号应用图标、信息应用图标、通讯录应用图标、相机应用图标等等，该dock区域中的一个或多个托盘图标在页面切换时，可以保持一直显示的状态。
检测到用户针对第一应用图标或界面空白处的长按操作，手机可以显示缩小的多个页面。例如，检测到用户针对天气应用图标1002的长按操作，手机显示界面1004。如图10中(b)所示，界面1004上显示了所有缩小后的页面。例如，界面1001可以包括有四个页面，则界面1004中显示有四个缩小后的页面，例如，页面一，页面二1005，页面三1006，页面四，等等。其中，每个页面上排布有一个或多个应用图标，可选的，一些页面上还可以放置有文件夹图标，该文件夹图标可用于收纳一个或多个应用图标。
需要说明的是，在一些实施例中，用户选中某个应用图标，就可以触发显示多个页面的界面，如图10中(b)所示的界面1004。在另一些实施例中，用户选中某个应用图标，并且拖拽该应用图标至屏幕边缘，继续向外移动该应用图标时，才触发显示多个页面的界面，如图10中(b)所示的界面1004。这样的操作方式是考虑到用户在同一个页面中移动图标不需要多余的操作，如果检测到用户将该应用图标拖拽出所在页面，表示用户有将该应用图标移动至其他页面上的需求，尤其是目标页面不是相邻界面的情况下，显示界面1004，可以方便用户快速选择目标页面，节省用户操作。
当检测到用户拖动第一应用图标移动到其中一个缩小后的页面，该页面被选中，手机退出多个页面的选择界面，即界面1004，然后显示该被选中的页面的放大页面。
例如，如图10中(b)所示，检测到用户拖动天气应用图标1002移动到页面三1006，手机可以显示页面三的放大界面。如图10中(c)所示，手机显示页面1007。页面1007中显示有多个应用图标，例如，图库应用图标、邮箱应用图标1008等等，该页面1007还可以包括文件夹图标。
页面1007的下方还可以显示有页面指示符1003，该页面1007中的页面指示符1003中的黑点在左起第三个位置，可以表示当前显示的页面1007为桌面的四个页面中左起第三个页面。
在页面1007中，用户可以拖动天气应用图标1002在页面1007中选取目标位置，该目标位置是用户想要放置天气应用图标1002的位置。假设移动天气应用图标1002的目标位置在该页面1007中，如是邮箱应用图标的下一个位置。
如图10中(c)所示，在页面1007中，用户将天气应用图标1002拖动至邮箱应用图标1008的下一个位置，手机检测到用户松开天气应用图标1002，可以显示页面1009。其中，邮件应用图标1008的下一个位置即为目标位置。
如图10中(d)所示，页面1009为移动天气应用图标1002之后，重新排列布局后的页面。页面1009中，天气应用图标1002排布在目标位置上，即天气应用图标1002显示在邮箱应用图标1008的下一个位置，原本位于邮箱应用图标1008之后的应用图标全部依次向后移动一个位置。
需要说明的是，在一些实施例中，当用户将第一应用图标拖拽至目标位置上的第二应用图标之上与之重叠时，可以触发第一应用图标和第二应用图标组成新的文件夹，该目标位置上可以显示新的文件夹图标。
在一些实施例中，当用户选定的目标位置上是文件夹图标时，响应于用户松开第一应用图标的操作，手机可以将第一应用图标放置在该文件夹中。
在一些实施例中，用户移动第一应用图标时，在页面中没有选定第一应用图标的目标位置。在这种情况下，手机检测到用户松开第一应用图标时，可以将第一应用图标显示在该页面的最后一个位置，该最后一个位置是指该页面中显示的最后一个应用图标的位置的下一个位置。
当用户选中的页面空间不足时，即当用户选中的页面中所有位置上都放置有应用图标，没有位置放置其他应用图标时，手机退出页面选择界面，且第一应用图标返回其初始位置，该初始位置是第一应用图标被用户移动之前所处的位置。
当手机显示页面选择界面，即界面1004，在用户没有选中任何页面的情况下，如果检测到用户松开第一应用图标的操作，手机会退出该页面选择界面，且该第一应用图标返回其初始位置。
在一些实施例中，手机进入页面选择界面时，也可以不在界面上显示所有缩小后的页面，而是显示缩小比例为第二比例的界面。假设显示所有页面的界面的缩小比例为第一比例，那么第一比例大于第二比例。假设缩小显示部分页面的界面中的页面为尺寸B，显示缩小所有页面的界面中的页面为尺寸A，那么尺寸B大于尺寸A。
示例性的，图11A中(a)示出了另一种页面选择界面1101，在该页面选择界面1101上显示有一个完整的缩小后的页面(页面二1103)、三个不完整的缩小后的页面(页面一、页面三1104、页面四，等等)，以及用户选中的天气应用图标1102。
当检测到用户拖动第一应用图标向屏幕边缘处移动时，页面选择界面会滚动显示出更多的页面部分。例如，如图11A中(a)所示，当检测到用户拖动天气应用图标1102向界面1101左下角显示的页面三1104移动时，页面选择界面可以向左下滚动，显示界面1105。如图11A中(b)所示，界面1105中显示有一个完整的缩小后的页面(页面三1104)、三个不完整的缩小后的页面(页面一、页面二、页面四，等等)，以及天气应用图标1102。
该页面三1104可以是用户移动天气应用图标1102的目标页面，如图11A中(b)所示，用户将天气应用图标1102从页面二1103移动至页面三1104。
在本申请实施例中，页面选择界面上缩小后的多个页面的排列方式可以是如图11A所示的行列对齐排列，也可以是如图11B所示的竖列式排列。本申请实施例对页面选择界面中缩小后的多个页面的排列方式不做限定，对页面选择界面中显示的缩小后的页面的个数以及页面的显示比例也不做限定。
示例性的，如图11B所示，图11B中(a)显示了另一种竖列式排列状的页面选择界面，参见界面1111。该界面1111上显示有一个完整的缩小后的页面(页面一1113)、一个不完整的缩小后的页面(页面二1114)，以及正在移动的天气应用图标1112。当检测到用户拖动天气应用图标1112向下移动时，页面选择界面可以向下滚动，以显示更多的页面内容，即手机显示界面1116，该界面1116中显示有一个完整的缩小后的页面(页面二1114)、一个不完整的缩小后的页面(页面三1115)。用户可以将天气应用图标1112从界面1111中页面区域之外的空白区域处拖拽至缩小后的页面三1115中。然后，手机可以显示放大后的页面三1115，用户可以在页面三1115中移动所选中的天气应用图标1112，这样方便用户在页面三1115中选择目标位置。
需要说明的是，页面选择界面的缩小比例可以是有限度的，比如正好显示所有页面并没有多余空白区域的页面选择界面的缩小比例为缩小比例A，完整显示一个页面的缩小比例为缩小比例B，那么其他情况下的页面选择界面的缩小比例可以介于缩小比例A与缩小比例B之间。
需要说明的是，在一些实施例中，被选中的第一应用图标在被选中前与被选中后的尺寸可以相同。在另一些实施例中，被选中的第一应用图标在被选中后的尺寸相对于被选中后的尺寸可以放大或缩小，并不一定与页面选择界面中的其他图标的尺寸相同。本申请对第一应用图标的尺寸不作限制。
在一些实施例中，被选中的第一应用图标也可以以固定尺寸显示，例如，无论表盘界面中其他应用图标怎么变化，被选中的第一应用图标的尺寸是相同的，较大尺寸的应用图标便于用户拖动。
需要说明的是，具体实施时，手机可以以固定频率检测用户针对第一应用图标的拖动速度，并基于该拖动速度实时调整页面选择界面上多个页面的显示比例。在一些实施例中，手 机还可以根据实时检测到的用户针对第一应用图标的拖动速度，基于该拖动速度处于的拖动速度区间确定出页面选择界面上多个页面的显示比例，即缩小后的页面的显示尺寸可以是分段的，一个显示尺寸对应一个区间的多个移动速度。
在本申请提供的一些实施例中，手机进入页面选择界面后，该界面的缩小比例，或者说该界面上页面的显示尺寸可以是动态变化的。
例如，在用户拖动第一应用图标选择页面的过程中，手机可以基于用户拖动第一应用图标的拖动速度确定其页面选择界面上页面的显示大小，或者，界面缩小比例的大小。
示例性的，与前述图7所示的实施例类似，用户针对第一应用图标的拖动速度越快，页面选择界面上每个页面的显示尺寸越小，该页面选择界面缩小比例越大，页面选择界面中应用图标的尺寸越小；用户针对第一应用图标的拖动速度越慢，页面选择界面上页面的显示尺寸越大，该页面选择界面缩小比例越小，页面选择界面中应用图标的尺寸越大。
这种动态变化的方式，是考虑到当用户拖动速度较快时，可以方便用户快速拖动应用图标至目标位置附近，当用户拖动速度放缓时，可以方便用户精确定位目标位置。
图12示例性示出了根据第一应用图标的拖拽速度的变化，手机动态改变屏幕中显示的页面的显示尺寸或数量的实施例。
示例性的，如图12所示，图12中(a)显示桌面的页面二，即界面1201，关于该界面1201的具体描述可以参考图10中(a)所示实施例中的相关内容。响应于用户针对天气应用图标1202的长按操作，手机显示页面选择界面。如图12中(b)所示，当手机检测到用户针对天气应用图标1202的拖动速度为速度v1时，手机可以显示界面1203，在该界面1203中以缩小比例一显示有一个以上缩小后的页面，例如，缩小后的页面一、页面二1204、页面三1205、页面四，等等。
当手机检测到用户针对天气应用图标1202的拖动速度为速度v2时，手机可以显示界面1206。如图12中(c)所示，界面1206中以缩小比例二显示有全部缩小后的页面，例如，页面一、页面二1204、页面三1205、页面四，等等。其中，速度v2大于速度v1，缩小比例一小于缩小比例二，即界面1206中各个缩小后的页面的尺寸小于界面1203中各个缩小后的页面的尺寸。
如图12中(c)所示，用户可以将天气应用图标1202从页面二1204的位置拖向页面三1205的位置。
当手机检测到用户针对天气应用图标1202的拖动速度为速度v3时，手机可以显示界面1207。如图12中(d)所示，界面1207中以缩小比例三显示有一个以上缩小后的页面，例如，页面一、页面二1204、页面三1205、页面四，等等，其中，速度v3小于速度v2，缩小比例三小于缩小比例二，即界面1207中各个缩小后的页面的尺寸大于界面1206中各个缩小后的页面的尺寸。
当检测到用户选中缩小后的页面三1205时，手机显示放大的页面三，即界面1208，如图12中(e)所示，用户在界面1208上可以选择天气应用图标1202的目标位置。如，用户选择邮箱应用图标的下一个位置为目标位置。
在界面1208上，当检测到用户在目标位置处松开天气应用图标1202的操作时，手机可以显示界面1209，如图12中(f)所示。该界面1209中可以显示有重新排列布局后的多个应用图标。见界面1209中，天气应用图标1202放置于邮箱应用图标的下一个位置处，而原目标位置处的文件夹图标顺序后移。
不限于图12所示的技术方案，电子设备100屏幕上显示的应用图标的显示尺寸或数量的变化与拖拽速度的关系也可以是其他关系，本申请实施例在此不做限定。
图13至图14示例性示出了在用户同时移动多个应用图标的实施例。
在一些实施例中，也可以支持用户同时移动多个应用图标，其中，这些应用图标可以是同一页面上的，也可以是不同页面上的。
示例性的，如图13中(a)所示，手机显示有界面1301，界面1301中显示有天气应用图标1302。在一些实施例中，手机检测到针对天气应用图标1302的长按操作，即选中天气应用图标1302的操作，该天气应用图标1302可以高亮显示，表示处于已选中的状态。在另一些实施例中，天气应用图标上也可以显示对号标识等可用于区别其他应用图标的选中标识，表示已选中的状态，本申请在此不做限定。
当用户选中天气应用图标1302之后，还需要选中其他应用图标，例如地图应用图标1303时，用户可以将天气应用图标1302拖动至地图应用图标1303处。如图13中(b)所示，手机显示界面1304，在该界面1304上，用户拖动天气应用图标1302在地图应用图标1303处停留了一个时间段一(例如1秒)，地图应用图标高亮显示，变成选中状态，且地图应用图标1303与天气应用图标1305粘连形成一个选中图标集1305，在该选中图标集1305中，应用图标的粘连顺序可以按照其被用户选中的顺序排列，例如，先选中的应用图标在最顶层显示，最后选中的应用图标在最底层显示。此处，天气应用图标1302位于顶层，地图应用图标1303位于底层。
在用户选择完多个应用图标之后，用户可以拖动选中图标集1305，如图13中(c)所示，手机显示界面1306，该界面1306是页面选择界面，关于该界面的具体描述可以参考前述实施例中的相关内容，此处不再赘述。在界面1306中，选中图标集1305可以跟随用户的拖动轨迹移动。
在界面1306上，用户选中其中一个页面，如页面三，然后手机可以放大显示所选的页面三，即界面1307，如图13中(d)所示，该界面1307中显示有多个应用图标，以及处于拖动状态的选中图标集1305等。
在界面1307上，检测到用户松开选中图标集1305，手机显示界面1308。如图13中(e)所示，界面1308中，天气应用图标1302和地图应用图标1303按照选中顺序依次排列在目标位置以及目标位置之后的位置，原本处于目标位置以及之后位置的应用图标依次后移。
在另一些实施例中，当用户拖动选中图标集1305选定某个目标位置后并松开手指，手机可以在用户选定的目标位置处生成一个文件夹，该文件夹中放置有选中图标集1305中的所有应用图标。
在一些实施例中，多选图标也可以是以选中标识表示选中状态。如，在手机检测到用户选中应用图标一之后，手机界面呈现图标编辑状态，图标编辑状态可以表现为各个应用图标处于抖动状态。各个图标的右上角显示有小选择框，用于用户选择需要移动的多个应用图标。如果某个图标被点击选中，其右上角的小选择框可以显示选中标识，如对号标识，如果某个图标没有被选中，其右上角的小选择框可以显示空白。若用户还需要选中应用图标二，用户也可以点击应用图标二右上角的小选择框，将空白的小选择框变为显示有选中标识的小选择框。
例如，检测到用户选中天气应用图标之后，手机界面呈现图标编辑状态，天气应用图标上显示有对号标识。手机检测到用户针对地图应用图标的单击或长按等选中操作，该地图应 用图标上也显示有对号标识，表示地图应用图标此时也被选中。同样的，还可以选中其他应用图标。
在用户选择多个应用图标之后，用户可以按住一个图标并拖拽，其他所选中的应用图标可以跟随移动。响应于用户的拖拽操作，用户选中的所有应用图标跟随用户手指的移动轨迹移动。
以上描述的同时移动多个应用图标的实施例不对其他实施例构成限制，选中多个应用图标可以有多种方式。
在另一些实施例中，当检测到用户选中的应用图标时某一类应用图标时，手机可以显示提示框，该提示框用于询问用户是否要选中同一类应用图标。
示例性的，如图14所示，图14中(a)显示了界面1401，界面1401中排布有多个应用图标，例如，音乐1应用图标1402、运动应用图标、音乐2应用图标1403，等等。
如图14中(b)所示，当检测到用户选中音乐1应用图标时，手机可以显示提示框1404，该提示框可以包括提示文字、确定控件和取消控件。其中，提示文字可以是“是否需要选中所有音乐类应用”，确定控件可用于触发用户确认选中所有音乐类图标，取消控件可用于触发用户取消选中其他同一类应用图标。
如图14中(c)所示，检测到用户针对确定控件的单击操作，手机可以显示界面1405，界面1405是页面选择界面，该界面1405上显示有一个以上缩小的页面，例如，页面一、页面二、页面三、页面四，等等，以及由所有音乐类应用图标生成的选中图标集1406。
如图14中(d)所示，检测到用户将选中图标集1406由页面一拖动到页面四所处的位置，手机可以放大显示页面四，即界面1407。用户可以在界面1407上选择放置选中图标集1406中所有应用图标的目标位置。
在界面1407上，用户将选中图标集1406拖动到文件应用图标的下一个位置处。然后检测到用户松开选中图标集1406的操作，手机可以在用户选定的目标位置或者是页面的最后一个位置生成一个文件夹图标1408，如图14中(e)所示。如果点击该文件夹图标1408，在手机界面中国可以显示文件夹1409，如图14中(f)所示。在该文件夹1409中显示有选中图标集1406中所有音乐类应用图标，即该文件夹1409中显示有音乐1应用图标1402和应用2应用图标1403。
其他更多的可以结合的实施方式可以参考前述以智能手表为例描述的实施例，这里不多赘述。
实施以上图10至图14的各个实施例及其组合实施例，在用户选中第一应用图标时，或者在用户移动第一应用图标时，手机界面中显示的是缩小后的多个桌面页面或者是缩小后的桌面的所有页面，即显示比之前界面中更多的应用图标。这样方便用户在移动应用图标的过程中，更容易找到目标位置，从而节省移动应用图标的时间。
可以理解的是，本申请提供的图标移动方法不仅适用于智能手表或手机，还可适用于具备显示屏的其他电子设备，其各种功能的实现、示意界面或用户操作可以参考以智能手表或手机为示例的各个实施例中的描述，这里不多赘述。
可以理解的是，以上图2A至图14所描述的用户界面仅为示例界面，用于辅助阅读者理解本申请描述的技术方案，并不对本申请其他实施例的用户界面构成限制。其他实施例中可以根据实际情况增减更多或更少的用户界面，或增减更多或更少的控件，或设计不同的人机 交互操作等，使得用户界面更迎合用户的使用体验。
结合前述图2A至图14所示的各个实施例，下面介绍本申请实施例提供的一种图标移动方法。
本方法实施例提供了一种图标移动方法，该图标移动方法可以支持用户在移动图标的过程中，电子设备适当调整界面布局，以一定比例缩小应用图标，在一个界面中显示全部的应用图标，或显示比移动前界面中更多的应用图标，方便用户在移动应用图标的过程中快捷确认该图标的目标位置。该图标移动方法还可以支持电子设备根据用户拖动应用图标速度，动态缩放界面中应用图标的大小。
本申请实施例涉及的电子设备100可以配置有显示装置，可以但不限于是手机、笔记本电脑、平板电脑、智能手环、智能手表、PC、智能电视等，还可以为智能音箱、电子相框、桌面型计算机、膝上型计算机、手持计算机、AR设备、VR设备、AI设备、车载设备、游戏机、其他智能穿戴设备等，或者是IOT设备等其他类型的电子设备，本申请对设备类型不作任何限制。
在本申请实施例中，电子设备100可以配置有支持触控的显示屏。电子设备100上安装有一个或多个应用，可以提供多种应用功能。电子设备100的显示屏可以显示多个图形界面，例如桌面以及多个应用图标。电子设备100还可以支持采集和识别触控、手势、语音等用户操作，并转化为相应指令。如电子设备100的显示屏可以识别触控操作，当检测到作用于触控屏上的选中并拖动某个应用图标的用户操作，可以对应将该应用图标从起始位置移动到用户指定的目标位置。
实施例一
图15A是实施例一提供的图标移动方法的流程图，具体包括步骤如下：
S101，电子设备100在屏幕中显示第一界面中的N个应用图标，该N个应用图标中包括第一应用图标，且该第一应用图标排布在第一界面中的第一位置。
在本申请实施例中，电子设备100可示例为智能手表。第一界面可以是前述实施例中描述的表盘界面中的图标显示界面，该第一界面中可以排布有安装在电子设备100上的一个或多个应用所对应的应用图标。
第一应用图标是用户将要移动的应用图标。第一界面可以提供多个放置应用图标的图标位置，排布是指在界面中排列布局。
第一应用图标排布的第一位置是第一界面中的其中一个图标位置，是第一应用图标未发生移动之前的起始位置。
S102，电子设备100检测到选择移动第一应用图标的第一用户操作。
选择移动第一应用图标是指电子设备100检测到用户移动该第一应用图标的倾向。该第一用户操作的方式可以包括多种，本实施例第一用户操作的实现方式不作限制。
在一些实施例中，该选择移动第一应用图标的第一用户操作可以是选中不释放第一应用图标的操作。这种情况下，电子设备100可以在用户选中不释放该第一应用图标，还未发生移动第一应用图标的时候，就显示更多个应用图标的界面。如果用户选中第一应用图标并未移动，然后就释放该第一应用图标，那么在这个过程中，该电子设备100也可以显示更多个应用图标的界面，即图标编辑界面。
当第一用户操作是选中不释放第一应用图标的操作时，电子设备100在第一用户操作之 后还可以检测到用户针对第一应用图标的拖拽操作。电子设备100可以根据该拖拽操作在第一界面中移动第一应用图标。
在另一些实施例中，该选择移动第一应用图标的第一用户操作也可以是选中并拖拽第一应用图标的操作。这种情况下，电子设备100可以在用户选中不释放该第一应用图标的时候，还未显示变化的界面，而是在用户移动第一应用图标的时刻，开始显示更多个应用图标的界面。
当第一用户操作是选中并拖拽第一应用图标的操作时，电子设备100可以根据第一用户操作中的拖拽操作在第一界面中移动第一应用图标。
在一些实施例中，电子设备100检测到用户选择移动第一应用图标的操作后，可以标记该第一应用图标为选中状态。示例性的，电子设备100可以改变第一应用图标的显示尺寸，例如放大显示第一应用图标或缩小显示第一应用图标，以区别于其他应用图标，表示第一应用图标为选中状态。或者，电子设备100也可以在第一应用图标上标记特殊符号(例如对号、叉号等)，或者，电子设备100还可以将第一应用图标高亮显示，以指示第一应用图标为选中状态。
在另一些实施例中，用户还可以选择多个应用图标同时移动，其中一个示例说明可以参考前述图9所示的实施例的描述，这里不再赘述。
S103，电子设备100在屏幕中显示第一界面中的多于N的更多个应用图标。
电子设备100可以响应于第一用户操作在屏幕中显示第一界面中的多于N的更多个应用图标。当第一用户操作不同时，电子设备100的响应发生的时刻也可以不同。
示例性的，当第一用户操作是选中不释放第一应用图标的操作时，电子设备100可以响应于用户的该选中操作，在屏幕中显示多于N的更多个应用图标。
又示例性的，当第一用户操作是选中并拖拽第一应用图标的操作时，电子设备100可以响应于用户的该拖拽或移动操作，在屏幕中显示多于N的更多个应用图标。
在一些实施例中，在检测到第一用户操作之后，电子设备100在屏幕上显示的多于N的更多个应用图标可以包括电子设备100在检测到第一用户操作之前在屏幕上显示的N个应用图标。在其他的一些实施例中，第一界面的排列布局可能发生变化，该多于N的更多个应用图标可能与步骤S101中的N个应用图标有部分应用图标相同。
在一些实施例中，电子设备100在屏幕上显示的多于N的更多个应用图标可以是电子设备100中安装的所有应用的应用图标，如M个应用图标，可以称为全局状态，一屏显示所有的应用图标，即第一界面的缩放比例达到最大，参考图4描述的实施例。在另一些实施例中，该多于N的更多个应用图标可以是电子设备100中安装的部分应用图标，即第一界面的缩放比例小于全局状态下的缩放比例。
即，该步骤中显示的多于N的更多个应用图标的第一界面是图标编辑界面，目的是使屏幕中显示的图标变多，以方便用户查找移动应用图标的目标位置，以及方便用户更快的移动应用图标，本实施例并不限制第一界面中显示应用图标的具体数量。
在一些实施例中，电子设备100检测到第一用户操作的前后，在屏幕上显示的应用图标的尺寸可以相同，也可以不同。
具体的，电子设备100检测到第一用户操作之前在屏幕上显示的N个应用图标尺寸可以称为第一尺寸，电子设备100检测到第一用户操作之后在屏幕上显示的多于N的更多个应用 图标的尺寸可以称为第二尺寸。
在一些实施例中，第二尺寸可以等于第一尺寸，这种情况下，应用图标之间的间距缩小，屏幕上也可以显示更多的应用图标。
在一些实施例中，第二尺寸也可以小于第一尺寸，这种情况下，应用图标的显示尺寸缩小，应用图标间距不变的情况下，屏幕上可以显示更多的应用图标。
需要说明的是，被选中的第一应用图标的显示尺寸可以与该第一界面中其他的应用图标的显示尺寸一致，也可以不一致，本实施例不作限制。比如，在电子设备检测到第一用户操作后，第一应用图标的显示尺寸可以大于第二尺寸，以区别显示于其他应用图标，表示第一应用图标处于被选中的状态。
在另一些实施例中，在电子设备检测到第一用户操作前后，第一应用图标的显示尺寸可以保持不变，也可以随着第一界面中其他应用图标的尺寸变化而动态变化，本实施例不作限制。
S104，第一应用图标随着用户的拖拽轨迹移动。
可选的，第一应用图标随着用户的拖拽轨迹移动。在用户选中第一应用图标，但是没有发生拖拽操作就释放了该第一应用图标的时候，可以不包括该步骤S104。
在一些实施例中，根据用户拖拽第一应用图标的拖拽速度的变化，电子设备100在屏幕上显示的应用图标的尺寸也可以动态发生变化。示例性的，用户拖拽第一应用图标的拖拽速度越快，第一界面中的应用图标的尺寸越小。或者，用户拖拽第一应用图标的拖拽速度越慢，第一界面中的应用图标的尺寸越大。
在另一些实施例中，也可以说，根据用户拖拽第一应用图标的拖拽速度的变化，电子设备100在屏幕上显示的应用图标的数目动态发生变化。示例性的，用户拖拽第一应用图标的拖拽速度越快，电子设备100在屏幕上显示的应用图标的数目越多。或者，用户拖拽第一应用图标的拖拽速度越慢，电子设备100在屏幕上显示的应用图标的数目越少。
这种动态变化的方式，是考虑到当用户拖动速度较快时，可以方便用户快速拖动应用图标至目标位置附近，当用户拖动速度放缓时，可以方便用户精确定位目标位置。
关于应用图标尺寸动态变化的实施例，具体可以参考图7所描述的实施例，这里不再赘述。
在一些实施例中，第一界面的缩放比例是有上下限值的，或者说应用图标的尺寸大小是有上下限值的。例如，将可以正好显示所有应用图标，没有多余空隙的第一界面的缩放比例称为最大比例，其应用图标的尺寸称为最小尺寸(第一图标尺寸)，只能够显示一个完整的应用图标的第一界面的缩放比例称为最小比例，其应用图标的尺寸称为最大尺寸(第二图标尺寸)。第一界面的缩放比例越大，其界面中的应用图标的尺寸越小。其余第一界面的缩放比例介于最小比例和最大比例之间，或者说第一界面中的应用图标的尺寸介于最小尺寸和最大尺寸之间。不管拖拽第一应用图标的速度是多少，变化的第一界面的缩放比例会介于最小比例和最大比例之间，或者说第一界面中的应用图标的变化尺寸介于最小尺寸和最大尺寸之间。
在一些实施例中，在第一应用图标停止移动，或移动速度小于第一速度时，在屏幕中显示的应用图标的数量少于N个。
在一些实施例中，在第一应用图标停止移动，或移动速度小于第二速度时，放大显示第一应用图标在第一界面中所处位置处的应用图标。
在一些实施例中，智能手表还可以根据实时检测到的用户针对第一应用图标的拖动速度， 基于该拖动速度处于的拖动速度区间确定出表盘界面上应用图标的显示比例，即应用图标的显示尺寸可以是分段的，一个显示尺寸对应一个区间的多个移动速度。
可选的，在移动第一应用图标的过程中，电子设备100可以动态调整界面的排列布局，即动态改变第一应用图标以及其他应用图标在第一界面中的排布情况。具体可以参考图8描述的实施例，这里不再赘述。
在其他的一些实施例中，在移动第一应用图标的过程中，用户如果想要放弃移动该第一应用图标，可以在未选定目标位置的状态下松开第一应用图标，该第一应用图标就可以回到初始位置，第一界面退出图标编辑状态，具体可以参考图6所描述的实施例。
S105，电子设备100检测到在第一界面释放第一应用图标的第二用户操作。
在一些实施例中，该释放第一应用图标的第二用户操作可以是用户将手指从显示屏上松开。
S106，电子设备100将第一应用图标变更排布到第一界面中的第二位置。
电子设备100可以响应于第二用户操作，将第一应用图标变更排布到第一界面中的第二位置，其中第二位置是第一界面中的一个图标位置，是指用户操作指示的变更第一应用图标的目标位置。
在一些实施例中，电子设备100可以在变更第一应用图标的排布之后，在其屏幕中显示第一界面中第二位置周围的部分界面，即在屏幕中显示第一应用图标排布在第二位置上。
在另一些实施例中，电子设备100也可以在变更第一应用图标的排布之后，在其屏幕中显示第一界面中不包括第二位置的界面。这种情况下，电子设备100可以检测到移动第一界面的第三用户操作，如划动屏幕的操作，可以将第二位置移动到屏幕显示区域中，然后就可以看到屏幕中显示第一应用图标排布在第二位置上。
在一些实施例中，在电子设备100第一应用图标变更排布前，第二位置上可以排布有第二应用图标。第一应用图标可以与第二应用图标交换位置，如图5A所示实施例，即电子设备100变更第一应用图标的位置为第二位置的同时，电子设备100可以将第二应用图标变更排布到第一位置。在另一些实施例中，参考图5B所示实施例，第二位置及之后的应用图标可以依次后移，即电子设备100变更第一应用图标的位置为第二位置的同时，电子设备100可以将第二应用图标变更排布到第二位置的下一个位置。
在一些实施例中，在电子设备100还没有检测到在第一界面释放第一应用图标的第二用户操作，而只是用户将第一应用图标拖拽至第二位置处时，电子设备100就可以显示将第一应用图标变更排布到第一界面中的第二位置的预览排布界面。在用户释放第一应用图标之后，电子设备100才将第一应用图标变更排布到第一界面中的第二位置处。
实施例二
图15B是实施例二提供的图标移动方法的流程图，具体包括步骤如下：
S201，电子设备100在屏幕中显示第一页面，该第一页面的第一位置处显示有第一应用图标。
在本申请实施例中，电子设备100可示例为手机。第一页面可以是前述实施例中描述的桌面的页面之一，该第一页面中可以排布有安装在电子设备100上的一个或多个应用所对应的应用图标。电子设备100中的所有应用图标可以排布在多个页面中，每个页面可以提供多 个用于显示应用图标的图标位置。
第一应用图标是用户将要移动的应用图标。第一页面可以提供多个放置应用图标的图标位置，排布是指在界面中排列布局。
第一应用图标排布的第一位置是第一界面中的其中一个图标位置，是第一应用图标未发生移动之前的起始位置。
例如，电子设备100的桌面有K个页面，其多个应用图标排布在K个页面中，该K个页面包括第一页面和第二页面。
示例性的，参考图10所示的用户界面，第一页面可以是图10中(a)所示界面1001，第一应用图标可以是第一页面上的某个应用图标，例如，天气应用图标1002。
S202，电子设备100检测到选择移动第一应用图标的第一用户操作。
选择移动第一应用图标是指电子设备100检测到用户移动该第一应用图标的倾向。该第一用户操作的方式可以包括多种，本实施例第一用户操作的实现方式不作限制。
在一些实施例中，该选择移动第一应用图标的第一用户操作可以是选中不释放第一应用图标的操作。这种情况下，电子设备100可以在用户选中不释放该第一应用图标，还未发生移动第一应用图标的时候，就显示更多个页面的第二界面。如果用户选中第一应用图标并未移动，然后就释放该第一应用图标，那么在这个过程中，该电子设备100也可以显示更多个页面的第二界面，即页面选择界面。
当第一用户操作是选中不释放第一应用图标的操作时，电子设备100在第一用户操作之后还可以检测到在第二界面中的用户针对第一应用图标的拖拽操作。电子设备100可以根据该拖拽操作在第二界面中移动第一应用图标。
在另一些实施例中，该选择移动第一应用图标的第一用户操作也可以是选中并拖拽第一应用图标的操作。这种情况下，电子设备100可以在用户选中不释放该第一应用图标的时候，还未显示第二界面，而是在用户移动第一应用图标的时刻，才开始显示更多个页面的第二界面。
当第一用户操作是选中并拖拽第一应用图标的操作时，电子设备100可以根据第一用户操作中的拖拽操作在第二界面中移动一应用图标。
需要说明的是，在一些实施例中，用户选中某个应用图标，就可以触发显示多个页面的界面，如图10中(b)所示的界面1004。在另一些实施例中，用户选中某个应用图标，并且拖拽该应用图标至屏幕边缘，继续向外移动该应用图标时，才触发显示多个页面的界面，如图10中(b)所示的界面1004。这样的操作方式是考虑到用户在同一个页面中移动图标不需要多余的操作，如果检测到用户将该应用图标拖拽出所在页面，表示用户有将该应用图标移动至其他页面上的需求，尤其是目标页面不是相邻界面的情况下，显示界面1004，可以方便用户快速选择目标页面，节省用户操作。如，在检测到将第一应用图标移动至屏幕边缘并移出第一页面的第三用户操作时，电子设备100在屏幕中显示缩小后的L个页面的界面。
在一些实施例中，电子设备100检测到用户选择移动第一应用图标的操作后，可以标记该第一应用图标为选中状态。示例性的，电子设备100可以改变第一应用图标的显示尺寸，例如放大显示第一应用图标或缩小显示第一应用图标，以区别于其他应用图标，表示第一应用图标为选中状态。或者，电子设备100也可以在第一应用图标上标记特殊符号(例如对号、叉号等)，或者，电子设备100还可以将第一应用图标高亮显示，以指示第一应用图标为选中状态。
在另一些实施例中，用户还可以选择多个应用图标同时移动，其中一个示例说明可以参考前述图13或图14所示的实施例的描述，这里不再赘述。
S203，电子设备100在屏幕中显示缩小后的L个页面的第二界面。
其中，L小于或等于K。即，第二界面中显示有缩小后的L个页面，该L个页面可以指一个以上的页面。
在一些实施例中，该L个页面包括缩小后的第一页面和/或缩小后的第二页面。
在一些实施例中，该L个页面中也可以不包括缩小后的第一页面和/或缩小后的第二页面，通过用户移动界面的操作，如用户将应用图标拖动至屏幕边缘，界面可以发生移动，可以显示出更多的页面。示例性的，参考图11B所示实施例，图11B中(a)界面1111中显示的页面不包括目标页面1115，用户可以将第一应用图标拖动至屏幕下方边缘，界面发生移动，可以显示出更多的页面，如图11B中(b)显示出了目标页面1115。
在L等于K时，第二界面中显示电子设备100桌面所有的页面，即桌面的所有页面缩小显示在第二界面中，参考图10中(b)所示的界面1004，手机桌面总共包括四个页面，界面1004中显示有四个缩小的页面。
在L小于K时，第二界面中显示电子设备100桌面的部分页面，参考图11A中所示的界面1101，或图11B中所示的界面1111等，本实施例对显示部分页面的第二界面中的页面排布不作限制。
第二页面是移动第一应用图标的目标页面，示例性的，第二页面可以是图10中(b)所示的页面三1006，也可以是图11A所示的页面三1104等。
该步骤中显示的L个页面的第二界面，目的是显示更多页面，以方便用户查找移动应用图标的目标页面，以及方便用户更快的移动应用图标，尤其是在页面很多，且需要移动的起始页面和目标页面并不相邻的情况下，用户体验更佳。本实施例并不限制第二界面中显示页面的具体数量。
需要说明的是，在电子设备100检测到第一应用图标被选中时，可以放大显示第一应用图标，或者缩小显示第一应用图标，或者第一应用图标的尺寸保持不变，或者将第一应用图标标记为选中状态。
即，被选中的第一应用图标的显示尺寸可以与该第一界面中其他的应用图标的显示尺寸一致，也可以不一致，本实施例不作限制。比如，在电子设备检测到第一用户操作后，第一应用图标的显示尺寸可以大于其他应用图标的尺寸，以区别显示于其他应用图标，表示第一应用图标处于被选中的状态。
在另一些实施例中，在电子设备检测到第一用户操作前后，第一应用图标的显示尺寸可以保持不变，也可以随着第一界面中其他应用图标的尺寸变化而动态变化，本实施例不作限制。
在一些实施例中，根据用户拖拽第一应用图标的拖拽速度的变化，电子设备100在屏幕上显示的第二界面中多个页面的显示尺寸也可以发生变化。示例性的，用户拖拽第一应用图标的拖拽速度越快，第二界面中页面的显示尺寸越小。或者，用户拖拽第一应用图标的拖拽速度越慢，第二界面中页面的显示尺寸越大。
在另一些实施例中，根据用户拖拽第一应用图标的拖拽速度的变化，电子设备100在屏幕上显示的第二界面中的页面数目也可以发生变化。示例性的，用户拖拽第一应用图标的拖 拽速度越快，电子设备100在屏幕上显示的第二界面中的页面数目越多。或者，用户拖拽第一应用图标的拖拽速度越慢，电子设备100在屏幕上显示的第二界面中的页面数目越少。具体的，可以参考图12所示实施例中的相关内容，此处不再赘述。
在一些实施例中，第二界面的缩放比例是有上下限值的，或者说缩小的页面的尺寸大小是有上下限值的。例如，将可以正好显示所有桌面页面，没有多余空隙的第二界面的缩放比例称为最大比例，其页面的尺寸称为最小尺寸(第一页面尺寸)，只能够显示一个完整的桌面页面的第二界面的缩放比例称为最小比例，其页面的尺寸称为最大尺寸(第二页面尺寸)。第二界面的缩放比例越大，其界面中的每个页面的尺寸越小。其余第二界面的缩放比例介于最小比例和最大比例之间，或者说第一界面中的每个页面的尺寸介于最小尺寸和最大尺寸之间。不管拖拽第一应用图标的速度是多少，变化的第二界面的缩放比例会介于最小比例和最大比例之间，或者说第二界面中的每个页面的变化尺寸介于最小尺寸和最大尺寸之间。
在一些实施例中，手机还可以根据实时检测到的用户针对第一应用图标的拖动速度，基于该拖动速度处于的拖动速度区间确定出第二界面上缩放比例，即第二界面上缩放比例可以是分段的，一个缩放比例对应一个区间的多个移动速度。
可选的，在移动第一应用图标的过程中，电子设备100可以动态调整第二界面中各个页面的排列布局，即动态改变第二界面中各个页面的排布情况。如第二界面中显示九个页面的时候该九个页面可以排布为九宫格形状，第二界面中显示四个页面的时候该四个页面可以排布为田字格形状，等，本实施例对此不作限制。
在其他的一些实施例中，在移动第一应用图标的过程中，用户如果想要放弃移动该第一应用图标，可以在未选定目标页面的状态下松开第一应用图标，如在第二界面的页面区域之外的空白区域中释放第一应用图标，该第一应用图标就可以回到初始位置，第一界面退出图标编辑状态。
S204，电子设备100检测到将第一应用图标移动到并选中第二界面中第二页面的移动操作。
该选中第二页面的操作可以是用户将第一应用图标拖动至缩小后的第二页面的区域中停留一段时间，如1秒。
S205，电子设备100在屏幕上放大显示第二页面。
可选的，电子设备100可以响应于用户在第二界面中选中缩小后的第二页面的移动操作，在其屏幕上放大显示第二页面。
示例性的，电子设备100在屏幕上放大显示第二页面可以参考图10中(d)所示的界面1007。
在另一些实施例中，电子设备100检测到用户将第一应用图标移动到并选中第二界面的第二页面时，就直接显示将第一应用图标变更排布到第二页面中，不需要用户在放大后的第二页面中拖动。或者用户移动到并选中第二界面的第二页面后释放第一应用图标，然后直接显示将第一应用图标变更排布到第二页面中，不需要用户在放大后的第二页面中拖动。
S206，电子设备100检测到在第二页面释放第一应用图标的第二用户操作。
在一些实施例中，该释放第一应用图标的第二用户操作可以是用户将手指从显示屏上松开。
S207，电子设备100将第一应用图标变更排布到第二页面中的第二位置。
第二位置是用户在第二页面中释放第一应用图标的位置，第二位置也是第二页面中的一个图标位置。
在一些实施例中，在电子设备100第一应用图标变更排布前，第二位置上可以排布有第二应用图标。第一应用图标可以与第二应用图标交换位置，即电子设备100变更第一应用图标的位置为第二位置的同时，电子设备100可以将第二应用图标变更排布到第一位置。在另一些实施例中，参考图10所示实施例，第二位置及之后的应用图标可以依次后移，即电子设备100变更第一应用图标的位置为第二位置的同时，电子设备100可以将第二应用图标变更排布到第二位置的下一个位置。
在一些实施例中，电子设备100将第一应用图标变更排布到第二页面中的第二位置之后，在其屏幕中可以显示第一应用图标排布在第二页面的第二位置处。
在另一些实施例中，在电子设备100将第一应用图标变更排布到第二页面中的第二位置之后，可能在屏幕中显示的页面并不是第二页面。这种情况下，用户可以通过向左或向右划动屏幕的操作，切换显示出第二页面，然后就可以看到第二页面中显示第一应用图标排布在第二位置上。
可以理解的是，本申请提供的图标移动方法不仅适用于智能手表或手机，还可适用于具备显示屏的其他电子设备。本申请中以手机或智能手表为示例说明的多个实施例并不对其他实施例构成限制，电子设备100的设备类型为其他设备时，其各种功能的实现、示意界面或用户操作可以参考以智能手表或手机为示例的各个实施例中的描述，这里不多赘述。可以实现本申请发明构思的方案均在本申请保护范围之内。
实施本申请提供的方法，可以在用户移动应用图标的过程中显示更多的应用图标或包含应用图标的更多的页面，方便用户快速定位目标位置，该方法提供了更方便、更快捷、更人性化的界面操作方式，节省了拖动应用图标至目标位置的时间，增强了人机交互性能，方便了用户的操作，提高了用户体验。
结合前述实施例，下面说明本申请实施例提供的一种电子设备的功能模块。
参考图16，图16示出了一种电子设备100的功能模块。该电子设备100可以包括检测模块1601，处理模块1602，显示模块1603等。
其中，检测模块1601可以用于检测用户作用于电子设备100上的用户操作并向处理模块1602发送相应的指令。例如，检测模块1601检测到用户作用于电子设备100屏幕上的长按操作，可以向处理模块1602发送第一指令，该第一指令用于指示电子设备100进入桌面编辑状态。在桌面编辑状态中，检测模块1601检测到用户作用于电子设备100屏幕上的滑动操作，可以向处理模块1602发送第二指令，该第二指令用于指示用户选中的应用图标的移动轨迹。
处理模块1602可以用于接收检测模块1601发送的指令，并根据指令处理界面图像。
例如，接收并响应于检测模块1601发送的第一指令，处理模块1602将电子设备100上安装的所有应用的应用图标以一定比例缩小后得到桌面编辑状态的界面图像。在一些实施例中，处理模块1602也可以接收并响应于检测模块1601发送的第一指令，将电子设备100中的部分应用的应用图标以一定的比例缩小后得到桌面编辑状态的界面图像。
例如，处理模块1602可以接收并响应于检测模块1601发送的第二指令，得到图标移动状态的界面图像，在该界面图像中，用户选中的应用图标的移动轨迹用于用户的滑动操作轨 迹相同。
处理模块1602在得到界面图像后，可以将该界面图像发送至显示模块1603。
显示模块1603可以用于接收并显示处理模块1602发送的界面图像。
关于检测模块1601，处理模块1602，显示模块1603等更多功能性的描述，可以参考图2A至图15B等前述实施例的说明，这里不再赘述。
上述实施例所描述的实现方式仅为示例性说明，并不对本申请其他实施例构成任何限制。具体内部实现方式可能根据电子设备类型不同、所搭载的操作系统的不同、所使用的程序、所调用的接口的不同而不同，本申请实施例不作任何限制，可以实现本申请实施例所描述的特征功能即可。本申请的各实施方式可以任意进行组合，以实现不同的技术效果。
上述实施例中所用，根据上下文，术语“当…时”可以被解释为意思是“如果…”或“在…后”或“响应于确定…”或“响应于检测到…”。类似地，根据上下文，短语“在确定…时”或“如果检测到(所陈述的条件或事件)”可以被解释为意思是“如果确定…”或“响应于确定…”或“在检测到(所陈述的条件或事件)时”或“响应于检测到(所陈述的条件或事件)”。
在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如DVD)、或者半导体介质(例如固态硬盘)等。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，该流程可以由计算机程序来指令相关的硬件完成，该程序可存储于计算机可读取存储介质中，该程序在执行时，可包括如上述各方法实施例的流程。而前述的存储介质包括：ROM或随机存储记忆体RAM、磁碟或者光盘等各种可存储程序代码的介质。
以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。

Claims (34)

  1. 一种图标移动方法，其特征在于，所述方法包括：
    电子设备在屏幕中显示第一界面中的N个应用图标，所述N个应用图标包括第一应用图标，所述第一应用图标排布在所述第一界面中的第一位置；
    所述电子设备检测到选择移动所述第一应用图标的第一用户操作；
    响应于所述第一用户操作，所述电子设备在屏幕中显示所述第一界面中的多于N的更多个应用图标；
    所述电子设备检测到用户在所述第一界面中释放所述第一应用图标的第二用户操作；
    所述电子设备将所述第一应用图标变更排布到所述第一界面中的第二位置，所述第二位置为所述用户在所述第一界面中释放所述第一应用图标的位置。
  2. 根据权利要求1所述的方法，其特征在于，所述选择移动所述第一应用图标的第一用户操作包括选中不释放所述第一应用图标的操作，或选中并移动所述第一应用图标的操作。
  3. 根据权利要求2所述的方法，其特征在于，所述第一用户操作包括选中不释放所述第一应用图标的操作，所述方法还包括：
    所述电子设备还检测到拖拽操作，所述电子设备根据所述拖拽操作在所述第一界面中移动所述第一应用图标。
  4. 根据权利要求2所述的方法，其特征在于，所述第一用户操作包括选中并拖拽所述第一应用图标的操作，所述方法还包括：
    所述电子设备根据所述拖拽第一应用图标的操作在所述第一界面中移动所述第一应用图标。
  5. 根据权利要求2-4中任一项所述的方法，其特征在于，所述电子设备在屏幕中显示所述第一界面中的多于N的更多个应用图标，具体包括：
    在检测到选中不释放所述第一应用图标时，所述电子设备在屏幕中显示所述第一界面中的多于N的更多个应用图标；和/或，
    在选中并拖拽所述第一应用图标时，所述电子设备在屏幕中显示所述第一界面中的多于N的更多个应用图标。
  6. 根据权利要求1-5中任一项所述的方法，其特征在于，在屏幕中显示的应用图标的数量小于或等于M个，M为所述电子设备中所有应用图标的数量。
  7. 根据权利要求1-6中任一项所述的方法，其特征在于，在屏幕中显示的应用图标的尺寸大于等于第一图标尺寸，小于等于第二图标尺寸。
  8. 根据权利要求2-7中任一项所述的方法，其特征在于，在移动所述第一应用图标的过程中，速度越快，所述第一界面中的应用图标的尺寸越小，或，所述电子设备在屏幕中显示的应用图标的数量越多。
  9. 根据权利要求2-8中任一项所述的方法，其特征在于，在移动所述第一应用图标的过程中，速度越慢，所述第一界面中的应用图标的尺寸越大，或，所述电子设备在屏幕中显示的应用图标的数量越少。
  10. 根据权利要求1-9中任一项所述的方法，其特征在于，在移动所述第一应用图标的过程中，所述电子设备改变所述第一应用图标在所述第一界面中的排布。
  11. 根据权利要求1-10中任一项所述的方法，其特征在于，相比于所述电子设备检测到所述第一用户操作之前的应用图标的尺寸，在所述电子设备检测到所述第一用户操作之后的应用图标为尺寸缩小的应用图标。
  12. 根据权利要求1-11中任一项所述的方法，其特征在于，所述N个应用图标的大小为第一尺寸，所述多于N的更多个应用图标的大小为第二尺寸，所述第二尺寸小于或等于所述第一尺寸。
  13. 根据权利要求1-12任一项所述的方法，其特征在于，所述多于N的更多个应用图标包括所述N个应用图标。
  14. 根据权利要求1-13任一项所述的方法，其特征在于，所述多于N的更多个应用图标是所述电子设备中所有的应用图标。
  15. 根据权利要求1-14任一项所述的方法，其特征在于，在所述电子设备检测到所述第一应用图标被选中时，放大显示所述第一应用图标，或者缩小显示所述第一应用图标，或者所述第一应用图标的尺寸保持不变，或者标记所述第一应用图标处于选中状态。
  16. 根据权利要求1-15中任一项所述的方法，其特征在于，在所述第一应用图标停止移动，或移动速度小于第一速度时，在屏幕中显示的应用图标的数量少于N个。
  17. 根据权利要求1-16中任一项所述的方法，其特征在于，在所述第一应用图标停止移动，或移动速度小于第二速度时，放大显示所述第一应用图标在所述第一界面中所处位置处的应用图标。
  18. 根据权利要求1-17中任一项所述的方法，其特征在于，在所述电子设备将所述第一应用图标变更排布到所述第一界面中的第二位置之后，所述方法还包括：
    所述电子设备在屏幕中显示所述第一应用图标排布在所述第一界面的所述第二位置。
  19. 根据权利要求1-18中任一项所述的方法，其特征在于，在所述电子设备将所述第一应用图标变更排布到所述第一界面中的第二位置之后，所述方法还包括：
    所述电子设备检测到移动所述第一界面的第三用户操作；
    所述电子设备在屏幕中显示所述第一应用图标排布在所述第一界面的所述第二位置。
  20. 根据权利要求1-19中任一项所述的方法，其特征在于，在所述电子设备将所述第一应用图标变更排布到所述第一界面中的第二位置之前，第二应用图标位于所述第二位置处。
  21. 根据权利要求20所述的方法，其特征在于，在所述电子设备将所述第一应用图标变更排布到所述第一界面中的第二位置的同时，所述第二应用图标变更排布到所述第一位置处。
  22. 根据权利要求20所述的方法，其特征在于，在所述电子设备将所述第一应用图标变更排布到所述第一界面中的第二位置的同时，所述第二应用图标移动至所述第二位置的下一个位置。
  23. 根据权利要求1-22中任一项所述的方法，其特征在于，所述第一界面包括多个页面，所述第一界面中的应用图标排布在所述多个页面中，所述N个应用图标排布在第一页面中。
  24. 根据权利要求23所述的方法，其特征在于，所述电子设备在屏幕中显示所述第一界面中的多于N的更多个应用图标，具体包括：
    所述电子设备在屏幕中显示缩小后的所述多个页面，所述缩小后的多个页面中包括的应用图标的数量多于N。
  25. 一种图标移动方法，其特征在于，所述方法包括：
    电子设备显示第一页面，所述第一页面的第一位置处显示有第一应用图标，所述电子设备的应用图标排布在K个页面中，所述K个页面包括所述第一页面和第二页面；
    所述电子设备检测到选择移动所述第一应用图标的第一用户操作；
    所述电子设备显示缩小后的L个页面的界面，L小于或等于K；
    所述电子设备检测到将所述第一应用图标移动到缩小后的所述第二页面上的移动操作；
    所述电子设备放大显示所述第二页面；
    所述电子设备检测到在所述第二页面中释放所述第一应用图标的第二用户操作；
    所述电子设备将所述第一应用图标变更排布到所述第二页面中的第二位置，所述第二位置为所述用户在所述第二页面中释放所述第一应用图标的位置。
  26. 根据权利要求25所述的方法，其特征在于，所述L个页面包括缩小后的所述第一页面的和缩小后的所述第二页面。
  27. 根据权利要求25或26所述的方法，其特征在于，移动所述第一应用图标的速度越快，所述界面中的显示的页面越多。
  28. 根据权利要求25-27任一项所述的方法，其特征在于，移动所述第一应用图标的速度越慢，所述界面中的显示的页面越少。
  29. 根据权利要求25-28任一项所述的方法，其特征在于，在所述电子设备检测到所述第一应用图标被选中时，放大显示所述第一应用图标，或者缩小显示所述第一应用图标，或者所述第一应用图标的尺寸保持不变，或者标记所述第一应用图标处于选中状态。
  30. 根据权利要求25-29中任一项所述的方法，其特征在于，所述电子设备显示缩小后的L个页面的界面，具体包括：
    在检测到将所述第一应用图标移动至屏幕边缘并移出所述第一页面的第三用户操作时，所述电子设备在屏幕中显示缩小后的L个页面的界面。
  31. 根据权利要求25-30中任一项所述的方法，其特征在于，在所述电子设备将所述第一应用图标变更排布到所述第二页面中的第二位置之后，所述方法还包括：
    所述电子设备在屏幕中显示所述第一应用图标排布在所述第二页面的所述第二位置。
  32. 根据权利要求25-31中任一项所述的方法，其特征在于，在所述电子设备将所述第一应用图标变更排布到所述第二页面中的第二位置之前，第二应用图标排布在所述第二位置处；
    在所述电子设备将所述第一应用图标变更排布到所述第二页面中的第二位置的同时，所述第二应用图标移动至所述第二位置的下一个位置。
  33. 一种电子设备，其特征在于，所述电子设备包括：传感器、显示器、存储器以及耦合于所述存储器的处理器，以及一个或多个程序；所述传感器用于检测用户操作，所述显示器用于显示界面，所述存储器中存储有计算机可执行指令，所述处理器执行所述指令时使得所述电子设备实现如权利要求1至24或权利要求25至32中任一项所述的方法。
  34. 一种计算机可读存储介质，包括指令，其特征在于，当所述指令在电子设备上运行时，使得所述电子设备执行如权利要求1至24或权利要求25至32中任一项所述的方法。
PCT/CN2022/121654 2021-09-30 2022-09-27 一种图标移动方法、相关图形界面及电子设备 WO2023051511A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202111161063.1 2021-09-30
CN202111161063.1A CN115904160A (zh) 2021-09-30 2021-09-30 一种图标移动方法、相关图形界面及电子设备

Publications (1)

Publication Number Publication Date
WO2023051511A1 true WO2023051511A1 (zh) 2023-04-06

Family

ID=85737653

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/121654 WO2023051511A1 (zh) 2021-09-30 2022-09-27 一种图标移动方法、相关图形界面及电子设备

Country Status (2)

Country Link
CN (1) CN115904160A (zh)
WO (1) WO2023051511A1 (zh)

Families Citing this family (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117369695A (zh) * 2022-06-30 2024-01-09 荣耀终端有限公司 界面显示方法和装置
CN117111823A (zh) * 2023-07-12 2023-11-24 荣耀终端有限公司 缩放方法及相关装置

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120188275A1 (en) * 2011-01-24 2012-07-26 Kyocera Corporation Mobile electronic device
CN103324404A (zh) * 2012-03-20 2013-09-25 宇龙计算机通信科技(深圳)有限公司 图标的移动方法及通信终端
CN105373292A (zh) * 2015-11-12 2016-03-02 上海卓易科技股份有限公司 一种桌面编辑方法及装置
CN111443842A (zh) * 2020-03-26 2020-07-24 维沃移动通信有限公司 控制电子设备的方法及电子设备

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20120188275A1 (en) * 2011-01-24 2012-07-26 Kyocera Corporation Mobile electronic device
CN103324404A (zh) * 2012-03-20 2013-09-25 宇龙计算机通信科技(深圳)有限公司 图标的移动方法及通信终端
CN105373292A (zh) * 2015-11-12 2016-03-02 上海卓易科技股份有限公司 一种桌面编辑方法及装置
CN111443842A (zh) * 2020-03-26 2020-07-24 维沃移动通信有限公司 控制电子设备的方法及电子设备

Also Published As

Publication number Publication date
CN115904160A (zh) 2023-04-04

Similar Documents

Publication Publication Date Title
JP7142783B2 (ja) 音声制御方法及び電子装置
WO2021129326A1 (zh) 一种屏幕显示方法及电子设备
US11599254B2 (en) Method for quickly invoking small window when video is displayed in full screen, graphic user interface, and terminal
WO2021036571A1 (zh) 一种桌面的编辑方法及电子设备
WO2021000839A1 (zh) 一种分屏方法及电子设备
WO2021000881A1 (zh) 一种分屏方法及电子设备
WO2021213164A1 (zh) 应用界面交互方法、电子设备和计算机可读存储介质
WO2021036770A1 (zh) 一种分屏处理方法及终端设备
WO2021000804A1 (zh) 锁定状态下的显示方法及装置
US11914850B2 (en) User profile picture generation method and electronic device
KR20210068097A (ko) 시스템 탐색 바 표시 제어 방법, 그래픽 사용자 인터페이스 및 전자 디바이스
WO2023051511A1 (zh) 一种图标移动方法、相关图形界面及电子设备
WO2021082835A1 (zh) 启动功能的方法及电子设备
WO2022042285A1 (zh) 一种应用程序界面显示的方法及电子设备
WO2021063098A1 (zh) 一种触摸屏的响应方法及电子设备
WO2022068483A1 (zh) 应用启动方法、装置和电子设备
WO2020238759A1 (zh) 一种界面显示方法和电子设备
WO2021238370A1 (zh) 显示控制方法、电子设备和计算机可读存储介质
CN113132526B (zh) 一种页面绘制方法及相关装置
WO2020155875A1 (zh) 电子设备的显示方法、图形用户界面及电子设备
WO2021190524A1 (zh) 截屏处理的方法、图形用户接口及终端
US20240028175A1 (en) Window display method and related apparatus
WO2022228043A1 (zh) 显示方法、电子设备、存储介质和程序产品
WO2022002213A1 (zh) 翻译结果显示方法、装置及电子设备
WO2023016011A1 (zh) 应用程序的切换方法、图形界面及相关装置

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 22874896

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2022874896

Country of ref document: EP

Effective date: 20240305