Interface adjustment method and electronic device
Through the interface adjustment method, stepless adjustment and linkage changes of desktop icon rounded corners are achieved, which solves the problem that icon rounded corners cannot be set in personalized in the existing technology, and improves user experience and visual effects.
Patent Information
- Application Number
- PCT/CN2024/123603
- Authority / Receiving Office
- WO · WO
- Patent Type
- Applications
- Current Assignee / Owner
- Priority Date
- 2024-01-18
- Filing Date
- 2024-10-09
- Publication Date
- 2025-07-24
AI Technical Summary
The prior art is difficult to meet users' personalized needs for rounded corners of icons on the screen of electronic devices, and cannot achieve stepless adjustment, which affects the user's visual experience.
Provides an interface adjustment method, which slides the slider in the adjustment control or clicks the target position to achieve stepless adjustment of the rounded corners of the desktop icons, and keeps the rounded corners of other square elements in a coordinated manner and change, such as the rounded corners of the icons in a large folder and the rounded corners of the card in a large folder and the desktop icons.
The stepless adjustment of the rounded corners of the icon is realized, which improves the user's personalized experience, ensures the harmonious consistency of the matching effects of multiple elements displayed on the screen, and meets the user's personalized needs for the icon shape.
Smart Images

Figure CN2024123603_24072025_PF_FP_ABST
Abstract
Description
Interface adjustment method and electronic device
[0001] This application claims priority to the Chinese patent application filed with the China Patent Office on January 18, 2024, with application number 202410080886.9 and application name “Method and electronic device for interface adjustment”, the entire contents of which are incorporated by reference into this application. Technical Field
[0002] Embodiments of the present application relate to the field of terminal display, and more specifically, to an interface adjustment method and electronic device. Background Art
[0003] As users' demand for personalized electronic devices deepens, the theme customization function of electronic devices has become one of the most important user experiences when using electronic devices. Common personalized editing elements include: lock screen wallpaper, desktop wallpaper, icons, always on display (AOD) style, clock style, widgets, etc. Among them, users have a strong demand for personalized icons displayed on electronic device screens, hoping to customize various icons and cards displayed on electronic devices. However, the current icon setting method cannot meet users' personalized needs.
[0004] Summary of the Invention
[0005] The present application provides an interface adjustment method and an electronic device, through which a user can realize stepless adjustment of the rounded corners of desktop icons displayed on the screen of the electronic device, thereby meeting the user's personalized needs for adjusting the rounded corners of icons and improving the user experience.
[0006] In a first aspect, a method for interface adjustment is provided, the method comprising: in response to a first operation of a user, displaying a first interface on a screen of a first electronic device, wherein a first adjustment control and a first slider are displayed in the first interface, and the first slider is located in the first adjustment control; when the first slider slides from a first position to a second position in the first adjustment control, the rounded corner of a first icon changes from the first rounded corner to the second rounded corner, and the first icon is a desktop icon of the first electronic device.
[0007] Among them, the first interface can be an icon setting interface of the first electronic device, and the first adjustment control is used by the user to adjust the rounded corners of the icons displayed on the first electronic device. For example, it can be used by the user to adjust the rounded corners of the icons displayed on the desktop of the first electronic device. The user can adjust the rounded corners of the icon by sliding the first slider, and the user can also adjust the rounded corners of the icon by clicking the target position in the first adjustment control.
[0008] The first operation of the user is an operation of triggering the display interface of the electronic device to jump to the icon setting interface.
[0009] In some embodiments, the first operation may be an operation in which a user triggers the display interface of the electronic device to jump to the icon setting interface through the setting entrance of the electronic device; the first operation may also be an operation in which a user triggers the display interface of the electronic device to jump to the icon setting interface through the desktop setting interface; the first operation may also be an operation in which a user triggers the display interface of the electronic device to jump to the icon setting interface through other means, for example, voice control, etc., which is not limited in this application.
[0010] In combination with the first aspect, in a possible implementation, the first position is any position in the first adjustment control, the second position is any position in the first adjustment control, and the first position is different from the second position.
[0011] In an embodiment of the present application, the user can realize stepless adjustment of the rounded corners of the desktop icons displayed on the screen of the electronic device, thereby meeting the user's personalized needs for adjusting the rounded corners of the icons and improving the user's usage experience.
[0012] In combination with the first aspect, in one possible implementation, when the first slider is located at the starting position in the first adjustment control, the shape of the first icon is a rectangle; when the first slider is located at the end position in the first adjustment control, the shape of the first icon is a perfect circle.
[0013] In the embodiment of the present application, the outline of the icon can be adjusted to any transition form from round to square, or any transition form from square to round, which can further meet the user's personalized needs for adjusting the rounded corners of the icon and enhance the user experience.
[0014] In combination with the first aspect, in a possible implementation, the method also includes: when a first element is included on the desktop of the first electronic device, in the process of the rounded corners of the first icon changing from the first rounded corners to the second rounded corners, the rounded corners of the first element change in conjunction with the change of the rounded corners of the first icon, wherein the first element is a square element or a circular element.
[0015] In some embodiments, the first element includes any one or more of a large folder card, an icon in a large folder, and a service card. In addition, the first element may also include other square elements or circular elements, which is not limited in this application.
[0016] In an embodiment of the present application, the user can achieve stepless adjustment of the rounded corners of the desktop icons displayed on the screen of the electronic device, and can make the rounded corners of other square or circular elements displayed on the screen of the electronic device keep changing in conjunction with the rounded corners of the desktop icons, so that the overall visual effect formed by the various square elements displayed on the screen of the electronic device is better, thereby meeting the user's personalized needs for adjusting the rounded corners of icons and improving the user experience.
[0017] In combination with the first aspect, in one possible implementation, the rounded corners of the first element change in conjunction with the rounded corners of the first icon, including: when the first element includes a second icon, the rounded corners of the second icon maintain an associated rounded corner relationship with the rounded corners of the first icon, wherein the second icon is an icon in a large folder.
[0018] In an embodiment of the present application, when the rounded corners of the desktop icons change, the rounded corners of the icons in the large folder displayed on the electronic device maintain an association with the rounded corners of the desktop icons, so that the overall visual effect formed by the combination of the icons in the large folder displayed on the screen of the electronic device and the desktop icons is better, thereby meeting the user's personalized needs for adjusting the rounded corners of the icons and improving the user experience.
[0019] In combination with the first aspect, in one possible implementation, the rounded corners of the second icon maintain an associated rounded corner relationship with the rounded corners of the first icon, including: the rounded corners of the second icon are equal to the product of the rounded corners of the first icon and a first ratio, and the first ratio is the ratio of the side length of the second icon to the side length of the first icon.
[0020] In an embodiment of the present application, when the rounded corners of the desktop icons change, the size ratio of the rounded corners of the icons in the large folder displayed on the screen of the electronic device and the rounded corners of the desktop icons remains the same as the size ratio of the two, so that the overall visual effect formed by the combination of the icons in the large folder displayed on the screen of the electronic device and the desktop icons is better, thereby meeting the user's personalized needs for adjusting the rounded corners of the icons and improving the user experience.
[0021] In combination with the first aspect, in a possible implementation method, the rounded corners of the first element change in conjunction with the change of the rounded corners of the first icon, and also include: when the first element includes a large folder card, the rounded corners of the large folder card maintain a concentric circle rounded corner relationship with the rounded corners of the second icon.
[0022] In an embodiment of the present application, when the rounded corners of the desktop icons change, the rounded corners of the large folder card displayed on the screen of the electronic device maintain a concentric circle relationship with the rounded corners of the icons in the large folder. That is, when the rounded corners of the desktop icons change, the rounded corners of the icons in the large folder and the rounded corners of the large folder card will change accordingly, so that the overall visual effect formed by the combination of multiple elements displayed on the screen of the electronic device is better, thereby meeting the user's personalized needs for adjusting the rounded corners of the icons and improving the user experience.
[0023] In combination with the first aspect, in a possible implementation method, the rounded corners of the first element change in conjunction with the change of the rounded corners of the first icon, and also include: when the first element includes a first card, the rounded corners of the first card maintain an associated rounded corner relationship with the rounded corners of the large folder card, wherein the first card includes a service card.
[0024] In one embodiment, the ratio of the side length of the first card to the side length of the large folder card displayed simultaneously is taken as a second ratio. Correspondingly, the rounded corner size of the first card can be the product of the rounded corner size of the large folder card displayed simultaneously and the second ratio.
[0025] In an embodiment of the present application, when the radius of the desktop icons changes, the size ratio of the radius of the service card displayed on the screen of the electronic device and the radius of the large folder card are kept in the same proportion as the size ratio of the two, so that the overall visual effect formed by the multiple cards displayed on the screen of the electronic device is better, thereby meeting the user's personalized needs for adjusting the radius of the icon and improving the user experience.
[0026] In combination with the first aspect, in a possible implementation, the method further includes: in response to the user clicking the third position in the first adjustment control, the rounded corner of the first icon is switched from the second rounded corner to the third rounded corner, and the third position is different from the second position.
[0027] In an embodiment of the present application, in addition to adjusting the icon corner radius by dragging the slider in the corner radius adjustment control, the user can also adjust the icon corner radius to the target corner radius size by clicking the target position in the corner radius adjustment control.
[0028] In a second aspect, an electronic device is provided, comprising a memory and a processor, wherein the memory is used to store computer program code, and the processor is used to execute the computer program code stored in the memory to implement the method in the above-mentioned first aspect or any possible implementation of the first aspect.
[0029] In a third aspect, a computer-readable storage medium is provided, in which a computer program or instruction is stored. When the computer program or instruction is executed, the method in the above-mentioned first aspect or any possible implementation of the first aspect is implemented.
[0030] In a fourth aspect, a chip is provided, in which instructions are stored. When the chip is run on a device, the chip executes the method in the above-mentioned first aspect or any possible implementation of the first aspect.
[0031] In a fifth aspect, a computer program product is provided, in which a computer program or instruction is stored. When the computer program or instruction is executed, the method in the above-mentioned first aspect or any possible implementation of the first aspect is implemented. BRIEF DESCRIPTION OF THE DRAWINGS
[0032] FIG1 is a schematic structural diagram of an electronic device provided in an embodiment of the present application;
[0033] FIG2 is a block diagram of the software structure of the electronic device provided in an embodiment of the present application;
[0034] FIG3 is a schematic diagram of an interface corresponding to a setting icon;
[0035] FIG4 is a schematic diagram of an interface corresponding to another setting icon;
[0036] FIG5 is a schematic diagram of an interface corresponding to another setting icon;
[0037] FIG6 is a schematic diagram of an icon setting interface provided in an embodiment of the present application;
[0038] FIG7 is a schematic diagram of a desktop interface of an electronic device provided in an embodiment of the present application;
[0039] FIG8 is a schematic diagram of two icon shapes provided in an embodiment of the present application;
[0040] FIG9 is a schematic diagram of an interface corresponding to a process of adjusting the rounded corners of an icon provided in an embodiment of the present application;
[0041] FIG10 is a schematic diagram of an interface for adjusting icon corner radius through an icon setting interface provided in an embodiment of the present application;
[0042] FIG11 is a schematic diagram showing the dimensions of the main square elements displayed on the electronic device provided by an embodiment of the present application;
[0043] FIG12 is a schematic flow chart of a method for adjusting an interface provided in an embodiment of the present application;
[0044] FIG13 is a schematic flow chart of another interface adjustment method provided in an embodiment of the present application;
[0045] FIG14 is a schematic diagram of the functional modules of an interface adjustment device provided in an embodiment of the present application. DETAILED DESCRIPTION
[0046] The technical solutions of this application will be described below in conjunction with the accompanying drawings. Obviously, the embodiments described are only part of the embodiments of this application, rather than all the embodiments.
[0047] The technical solutions in the embodiments of the present application will be described below in conjunction with the accompanying drawings in the embodiments of the present application. In the description of the embodiments of the present application, unless otherwise specified, " / " means or, for example, A / B can mean A or B; "and / or" in this article is only a description of the association relationship of associated objects, indicating that there can be three relationships, for example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone. In addition, in the description of the embodiments of the present application, "plurality" or "multiple" refers to two or more than two.
[0048] In the following, the terms "first" and "second" are used for descriptive purposes only and should not be understood to indicate or imply relative importance or implicitly specify the number of the technical features indicated. Therefore, a feature defined as "first" or "second" may explicitly or implicitly include one or more of the features. In the description of this embodiment, unless otherwise specified, "plurality" means two or more.
[0049] The terms used in the following embodiments are only for the purpose of describing specific embodiments and are not intended to limit the present application. As used in the specification of this application and the appended claims, the singular expressions "a", "an", "said", "above", "the" and "this" are intended to also include expressions such as "one or more", unless there is a clear contrary indication in the context. It should also be understood that in the following embodiments of the present application, "at least one", "one or more" refer to one, two or more. The term "and / or" is used to describe the association relationship of associated objects, indicating that three relationships can exist; for example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone, where A and B can be singular or plural. The character " / " generally indicates that the previous and subsequent associated objects are in an "or" relationship.
[0050] References to "one embodiment" or "some embodiments" in this specification mean that a particular feature, structure, or characteristic described in conjunction with that embodiment is included in one or more embodiments of the present application. Thus, phrases such as "one embodiment," "some embodiments," "another embodiment," and "other embodiments" appearing in various places in this specification do not necessarily refer to the same embodiment, but rather mean "one or more, but not all, embodiments," unless otherwise specifically stated. The terms "including," "comprising," "having," and variations thereof mean "including but not limited to," unless otherwise specifically stated.
[0051] The method provided in the embodiments of the present application can be applied to electronic devices such as mobile phones, tablet computers, wearable devices, in-vehicle devices, augmented reality (AR) / virtual reality (VR) devices, laptop computers, ultra-mobile personal computers (UMPCs), netbooks, and personal digital assistants (PDAs). The embodiments of the present application do not impose any restrictions on the specific types of electronic devices.
[0052] 1 shows a schematic structural diagram of an electronic device 100. The electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a display 194, and a subscriber identification module (SIM) card interface 195. 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, a bone conduction sensor 180M, etc.
[0053] It should be understood that the structures illustrated in the embodiments of the present application do not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown, or may combine or separate certain components, or arrange the components differently. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.
[0054] The processor 110 may include one or more processing units. For example, the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU). The different processing units may be independent devices or integrated into one or more processors.
[0055] The controller may be the nerve center and command center of the electronic device 100. The controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.
[0056] Processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in processor 110 is a cache memory. This memory can store instructions or data that have just been used or are being recycled by processor 110. If processor 110 needs to use the same instruction or data again, it can directly access the memory. This avoids duplicate accesses, reduces processor 110 latency, and thus improves system efficiency.
[0057] In some embodiments, the processor 110 may include one or more interfaces. The interfaces may include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface.
[0058] The USB interface 130 is an interface that complies with USB standards and may be a Mini USB interface, a Micro USB interface, a USB Type-C interface, or the like. The USB interface 130 can be used to connect a charger to charge the electronic device 100, or to transfer data between the electronic device 100 and peripheral devices. It can also be used to connect headphones to play audio. This interface can also be used to connect other electronic devices, such as augmented reality devices.
[0059] It is understood that the interface connection relationship between the modules illustrated in the embodiments of the present application is merely an illustrative illustration and does not constitute a structural limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may also adopt different interface connection methods from the above embodiments, or a combination of multiple interface connection methods.
[0060] The charging management module 140 is configured to receive charging input from a charger. The charger can be either a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 140 can receive charging input from the wired charger via the USB interface 130. In some wireless charging embodiments, the charging management module 140 can receive wireless charging input via the wireless charging coil of the electronic device 100. While charging the battery 142, the charging management module 140 can also provide power to the electronic device via the power management module 141.
[0061] The power management module 141 is used to connect the battery 142, the charging management module 140 and the processor 110. The power management module 141 receives input from the battery 142 and / or the charging management module 140, and provides power to the processor 110, the internal memory 121, the external memory, the display 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 count, and battery health status (leakage, impedance). In some other embodiments, the power management module 141 can also be set in the processor 110. In other embodiments, the power management module 141 and the charging management module 140 can also be set in the same device.
[0062] The wireless communication function of the electronic device 100 can be implemented through the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor and the baseband processor.
[0063] Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In other embodiments, the antennas can be used in conjunction with a tuning switch.
[0064] The mobile communication module 150 can provide solutions for wireless communications including 2G / 3G / 4G / 5G applied to the electronic device 100. The mobile communication module 150 may include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves from the antenna 1, and filter, amplify, and process the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna 1. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the same device as at least some of the modules of the processor 110.
[0065] The modem processor may include a modulator and a demodulator. The modulator is used to modulate 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. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After being processed by the baseband processor, the low-frequency baseband signal is passed to the application processor. The application processor outputs a sound signal through an audio device (not limited to the speaker 170A, the receiver 170B, etc.) or displays an image or video through the display screen 194. In some embodiments, the modem processor may be an independent device. In other embodiments, the modem processor may be independent of the processor 110 and be set in the same device as the mobile communication module 150 or other functional modules.
[0066] The wireless communication module 160 can provide wireless communication solutions including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), etc., which are applied to the electronic device 100. The wireless communication module 160 can be one or more devices that integrate 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 for radiation through the antenna 2.
[0067] In some embodiments, 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 a network and other devices through wireless communication technologies. The wireless communication technologies may include 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, and / or IR technology. The GNSS may include a global positioning system (GPS), a global navigation satellite system (GLONASS), a Beidou navigation satellite system (BDS), a quasi-zenith satellite system (QZSS) and / or a satellite based augmentation system (SBAS).
[0068] Electronic device 100 implements display functionality through a GPU, display screen 194, and an application processor. A GPU is a microprocessor for image processing that connects display screen 194 and the application processor. The GPU is 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 modify display information.
[0069] Display screen 194 is used to display images, videos, and the like. 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 (AMOLED), a flexible light-emitting diode (FLED), a MiniLED, a MicroLED, a Micro-oLed, or a quantum dot light-emitting diode (QLED). In some embodiments, electronic device 100 may include one or N display screens 194, where N is a positive integer greater than one.
[0070] The electronic device 100 can implement a shooting function through an ISP, a camera 193, a video codec, a GPU, a display screen 194, and an application processor.
[0071] The ISP processes data fed back by camera 193. For example, when taking a photo, the shutter is opened, and light is transmitted through the lens to the camera's photosensitive element. The light signal is converted into an electrical signal, which is then passed to the ISP for processing and converted into a visible image. The ISP can also perform algorithmic optimization on image noise, brightness, and skin tone. It can also optimize parameters such as exposure and color temperature of the captured scene. In some embodiments, the ISP can be located within camera 193.
[0072] The camera 193 is used to capture still images or videos. The object generates an optical image through the lens and projects it onto the photosensitive element. The photosensitive element can be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the light signal into an electrical signal, and then passes the electrical signal to the ISP for conversion into a digital image signal. The ISP outputs the digital image signal to the DSP for processing. The DSP converts the digital image signal into an image signal in a standard RGB, YUV or other format. In some embodiments, the electronic device 100 may include 1 or N cameras 193, where N is a positive integer greater than 1.
[0073] The digital signal processor is used to process digital signals. In addition to processing digital image signals, it 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 frequency point energy.
[0074] Video codecs are used to compress or decompress digital video. Electronic device 100 may support one or more video codecs. This allows electronic device 100 to play or record videos in various encoding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, and MPEG4.
[0075] The NPU is a neural network (NN) computing processor. Drawing on the structure of biological neural networks, such as the transmission patterns between neurons in the human brain, it rapidly processes input information and can continuously self-learn. The NPU can enable intelligent cognitive applications in electronic device 100, such as image recognition, face recognition, speech recognition, and text comprehension.
[0076] The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 via the external memory interface 120 to implement data storage functions. For example, files such as music and videos can be stored on the external memory card.
[0077] The internal memory 121 can be used to store computer executable program codes, which include instructions. The processor 110 executes various functional applications and data processing of the electronic device 100 by running the instructions stored in the internal memory 121. The internal memory 121 may include a program storage area and a data storage area. Among them, the program storage area can store an operating system, an App required for at least one function (such as a sound playback function, an image playback function, etc.), etc. The data storage area can store data created during the use of the electronic device 100 (such as audio data, a phone book, etc.), etc. In addition, the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one disk storage device, a flash memory device, a universal flash storage (UFS), etc.
[0078] The electronic device 100 can implement audio functions such as music playback and recording through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone jack 170D, and the application processor.
[0079] 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 signals. The audio module 170 can also be used to encode and decode audio signals. In some embodiments, the audio module 170 can be provided in the processor 110, or some functional modules of the audio module 170 can be provided in the processor 110.
[0080] The speaker 170A, also called a "speaker", is used to convert audio electrical signals into sound signals. The electronic device 100 can listen to music or listen to hands-free calls through the speaker 170A.
[0081] The receiver 170B, also called a "handset", is used to convert audio electrical signals into sound signals. When the electronic device 100 receives a call or a voice message, the user can place the receiver 170B close to the ear to hear the voice.
[0082] Microphone 170C, also known as "microphone" or "microphone", is used to convert sound signals into electrical signals. When making a call or sending a voice message, the user can speak by putting their mouth close to the microphone 170C to input the sound signal into the microphone 170C. The electronic device 100 can be provided with at least one microphone 170C. In other embodiments, the electronic device 100 can be provided with two microphones 170C, which can not only collect sound signals but also realize noise reduction function. In other embodiments, the electronic device 100 can also be provided with three, four or more microphones 170C to collect sound signals, reduce noise, identify the source of sound, realize directional recording function, etc.
[0083] The headphone jack 170D is used to connect a wired headphone and can be the 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.
[0084] The buttons 190 include a power button, a volume button, and the like. The buttons 190 may be mechanical buttons or touch buttons. The electronic device 100 may receive key inputs and generate key signal inputs related to user settings and function control of the electronic device 100.
[0085] Motor 191 can generate vibration prompts. Motor 191 can be used for incoming call vibration prompts, and can also be used for touch vibration feedback. For example, touch operations acting on different applications (such as taking pictures, audio playback, etc.) can correspond to different vibration feedback effects. For touch operations acting on different areas of the display screen 194, motor 191 can also correspond to different vibration feedback effects. Different application scenarios (for example: time reminders, receiving messages, alarm clocks, games, etc.) can also correspond to different vibration feedback effects. The touch vibration feedback effect can also support customization.
[0086] The indicator 192 may be an indicator light, which may be used to indicate the charging status, power level changes, messages, missed calls, notifications, etc.
[0087] The SIM card interface 195 is used to connect a SIM card. The SIM card can be connected to or disconnected from the electronic device 100 by inserting it into or removing it from the SIM card interface 195. The electronic device 100 can support 1 or N SIM card interfaces, where N is a positive integer greater than 1. The SIM card interface 195 can support Nano SIM cards, Micro SIM cards, SIM cards, and the like. Multiple cards can be inserted into the same SIM card interface 195 at the same time. The types of the multiple cards can be the same or different. The SIM card interface 195 can also be compatible with different types of SIM cards. The SIM card interface 195 can also be compatible with external memory cards. The electronic device 100 interacts with the network through the SIM card to implement functions such as calls and data communications. In some embodiments, the electronic device 100 uses an embedded SIM (eSIM) card. The eSIM card can be embedded in the electronic device 100 and cannot be separated from the electronic device 100.
[0088] It should be understood that the phone card in the embodiments of the present application includes but is not limited to a SIM card, an eSIM card, a universal subscriber identity module (USIM), a universal integrated circuit card (UICC), and the like.
[0089] The software system of the electronic device 100 can adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a micro-service architecture, or a cloud architecture. In the embodiment of the present application, the Android system with a layered architecture is used as an example to illustrate the software structure of the electronic device 100.
[0090] Figure 2 is a software structure diagram of the electronic device 100 according to an embodiment of the present application. The layered architecture divides the software into several layers, each with clear roles and division of labor. The layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, namely, the application layer, the application framework layer, the Android runtime (Android runtime) and the system library, and the kernel layer, from top to bottom. The application layer can include a series of application packages.
[0091] As shown in FIG2 , the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and short message.
[0092] The application framework layer provides an application programming interface (API) and programming framework for applications in the application layer. The application framework layer includes some predefined functions.
[0093] As shown in FIG2 , the application framework layer may include a window manager, a content provider, a view system, a telephony manager, a resource manager, a notification manager, and the like.
[0094] The window manager is used to manage window programs. The window manager can obtain the display size, determine whether there is a status bar, lock the screen, take screenshots, etc.
[0095] Content providers are used to store and retrieve data and make it accessible to applications. The data may include videos, images, audio, calls made and received, browsing history and bookmarks, phone books, etc.
[0096] The view system includes visual controls, such as those for displaying text and images. The view system is used to build applications. A display interface can consist of one or more views. For example, a display interface containing a text notification icon might include a view for displaying text and a view for displaying images.
[0097] The phone manager is used to provide communication functions of the electronic device 100, such as management of call status (including answering, hanging up, etc.).
[0098] The resource manager provides various resources for applications, such as localized strings, icons, images, layout files, video files, and so on.
[0099] The Notification Manager allows applications to display notifications in the status bar. These messages can be displayed briefly and then disappear automatically without user interaction. For example, the Notification Manager is used to notify users of completed downloads and message reminders. The Notification Manager can also display notifications in the top status bar of the system as icons or scrolling text, such as notifications from background applications, or as dialog windows on the screen. Examples include text messages in the status bar, beeps, vibrations on electronic devices, and flashing indicator lights.
[0100] Android Runtime includes core libraries and a virtual machine. Android runtime is responsible for scheduling and management of the Android system.
[0101] The core library consists of two parts: one is the function that needs to be called by the Java language, and the other is the Android core library.
[0102] The application layer and application framework layer run in a virtual machine. The virtual machine executes Java files in the application layer and application framework layer as binary files. The virtual machine manages object lifecycles, stack management, thread management, security and exception management, and garbage collection.
[0103] The system library can include multiple functional modules, such as a surface manager, media libraries, a 3D graphics processing library (such as OpenGL ES), and a 2D graphics engine (such as SGL).
[0104] The surface manager is used to manage the display subsystem and provide fusion of 2D and 3D layers for multiple applications.
[0105] The media library supports playback and recording of a variety of common audio and video formats, as well as static image files. The media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.
[0106] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.
[0107] A 2D graphics engine is a drawing engine for 2D drawings.
[0108] The kernel layer is the layer between hardware and software. The kernel layer includes at least display driver, camera driver, audio driver, and sensor driver.
[0109] It should be understood that the technical solutions in the embodiments of the present application can be used in Android, IOS, Hongmeng and other systems.
[0110] The technical solutions of the embodiments of the present application can be applied to electronic devices with display functions. For example, they can be applied to televisions, desktop computers, laptops, and car screens. They can also be applied to portable electronic devices such as mobile phones, folding screens, tablet computers, cameras, video cameras, video recorders, watches, and bracelets. They can also be applied to other electronic devices with display functions. They can also be applied to electronic devices in 5G networks or electronic devices in future evolved public land mobile communication networks (PLMNs). The main application scenarios can be desktop settings and desktop modification scenarios of electronic devices, for example, adjusting the rounded corners of icons.
[0111] As users' demand for personalized electronic devices grows, theme personalization has become a crucial element of their experience. Common personalized editing elements include lock screen wallpaper, desktop wallpaper, icon style, always on display (AOD) style, clock style, widgets, and more. Users have a strong desire for personalized desktop icons, hoping to customize the icons and cards on their desktops in various ways, such as by customizing the shape and color of icons, and the shape, color, and content of desktop cards.
[0112] FIG3 shows a schematic diagram of an interface corresponding to a setting icon.
[0113] As shown in FIG3 , the display screen of the electronic device 300 is located at the icon setting interface, in which preview images of multiple application icons are displayed, for example: a preview image of icon 1 corresponding to application 1, a preview image of icon 2 corresponding to application 2, a preview image of icon 3 corresponding to application 3, a preview image of icon 4 corresponding to application 4, a preview image of icon 5 corresponding to application 5, a preview image of icon 6 corresponding to application 6, a preview image of icon 7 corresponding to application 7, and a preview image of icon 8 corresponding to application 8; a plurality of selectable icon styles are also displayed, for example: aquatic, material, pebble, custom, and the icon style currently used by the electronic device 300 is “custom”. ”; it also displays a plurality of selectable icon shapes, such as a rounded rectangle, a regular octagon, and a diagonally rounded rectangle. The icon shape currently used by the electronic device 300 is a regular octagon; it also displays a control for setting the icon content size. The icon content size currently used by the electronic device is the default size; after setting the icon on this interface, the latest preview images corresponding to multiple application icons can be viewed on this interface at the same time. When the user has completed the icon setting, he can click the "Apply" control at the bottom of the interface to update the icon setting to the display interface such as the desktop of the electronic device 300. At this time, the icon displayed on the electronic device is the icon updated based on the setting.
[0114] In this method, one can only select the icon style, icon shape, and icon content size from the selectable items in the icon setting interface. It is impossible to adjust the rounded corners of the icon, nor is it possible to personalize the outer contours of square elements such as icons, cards, large folders, etc. displayed on the screen of the electronic device from square to round, or from round to square. This makes it difficult to meet the user's personalized needs for icon shapes.
[0115] FIG4 shows a schematic diagram of an interface corresponding to another setting icon.
[0116] As shown in Figure 4, the display screen of the electronic device 400 is located in the icon setting interface, in which a schematic diagram of the effect of the current icon is displayed; a plurality of icon styles for the user to choose are also displayed, for example: simple, exquisite, and the current icon style of the electronic device 400 is "exquisite"; a control for adjusting the rounded corners of the icon is also displayed, and there are three touch points "1", "2" and "3" on the control, among which touch point "1" corresponds to the icon rounded corners being open, that is, the icon shape is a rectangle or a slightly rounded rectangle, and touch point "2" corresponds to the icon rounded corners being a rounded rectangle, and the size of the rounded corners is between the open state and the rounded corners. Between the states, the touch point "3" corresponds to the rounded corners of the icon, that is, the icon shape is a perfect circle; a control for adjusting the icon size is also displayed, and there are 3 touch points "small", "medium" and "large" on the control. The user can arbitrarily set the icon size to any size among "small", "medium" or "large"; after setting the icon on the interface, the corresponding icon setting effect can be viewed in the icon effect diagram of the interface. When the user completes the icon setting, the icon setting is updated to the display interface such as the desktop of the electronic device 400. At this time, the icon displayed on the electronic device is the icon updated based on the setting.
[0117] This method only supports three levels of adjustment for the rounded corners of icons, and cannot achieve stepless adjustment of the rounded corners of icons. It also cannot achieve personalized adjustment of the outer contours of square elements such as icons, cards, large folders, etc. displayed on the screen of electronic devices from square to round, or from round to square, making it difficult to meet users' personalized needs for icon shapes.
[0118] FIG5 shows a schematic diagram of an interface corresponding to another setting icon.
[0119] As shown in Figure 5, the display screen of the electronic device 500 is located in the icon setting interface. In this interface, preview images of multiple application icons are displayed under the icon style bar, for example: a preview image of icon 1 corresponding to application 1, a preview image of icon 2 corresponding to application 2, a preview image of icon 3 corresponding to application 3, a preview image of icon 4 corresponding to application 4, a preview image of icon 5 corresponding to application 5, a preview image of icon 6 corresponding to application 6, a preview image of icon 7 corresponding to application 7, and a preview image of icon 8 corresponding to application 8; a selection bar for selecting an icon style is also displayed, and the icon style currently used by the electronic device 500 is "classic"; a control for adjusting the icon size is displayed under the icon size bar, and the user can set the icon size by clicking or dragging on the control; after setting the icon on this interface, the corresponding icon setting effect can be viewed under the icon style bar of the interface. When the user completes the icon setting, the icon setting is updated to the desktop or other display interface of the electronic device 500. At this time, the icon displayed on the electronic device is the icon updated based on the setting.
[0120] In this method, only the style and size of the icon can be set in the icon setting interface, and the rounded corners of the icon cannot be adjusted. In addition, it is impossible to personalize the outer contours of square elements such as icons, cards, large folders, etc. displayed on the screen of the electronic device from square to round, or from round to square, making it difficult to meet the user's personalized needs for icon shapes.
[0121] Therefore, in the current method, in the icon settings, only the setting options of icon style and icon shape are provided to the user, as well as the method of adjusting the icon size is provided. However, for the icon rounding that directly affects the user's visual experience, no relevant adjustment method is provided, and the stepless adjustment of the icon rounding cannot be achieved. In addition, the user cannot personalize the outer contour of square elements such as icons or cards (by adjusting the outer contour to achieve adjustment of the rounding), which greatly affects the user's visual experience.
[0122] In view of this, an embodiment of the present application provides an interface adjustment method and an electronic device, through which the user can realize stepless adjustment of the rounded corners of desktop icons displayed on the screen of the electronic device, and can make the rounded corners of other square elements displayed on the screen of the electronic device keep linked changes with the rounded corners of the desktop icons. For example, the rounded corners of icons in a large folder maintain an associated rounded corner relationship with the rounded corners of desktop icons, and the rounded corners of cards maintain a concentric circle relationship with the rounded corners of icons in a large folder, so that the overall visual effect formed by the various square elements displayed on the screen of the electronic device is better, thereby meeting the user's personalized needs for adjusting the rounded corners of icons and improving the user experience.
[0123] Exemplarily, in conjunction with FIG6 , an interface schematic diagram corresponding to a triggering entry into an icon setting interface and an interface schematic diagram corresponding to the icon setting interface provided in an embodiment of the present application are introduced.
[0124] As shown in (a) of Figure 6, the display screen of the electronic device 600 is located on the lock screen page. The user can perform a two-finger pinch operation on the lock screen page to switch the display interface of the electronic device 600 to the desktop setting interface as shown in (b) of Figure 6, in which an editable item "wallpaper" and an editable item "icon" are displayed; when the user clicks on the editable item "icon", the display interface of the electronic device 600 is switched to the icon setting interface as shown in (c) of Figure 6, in which cards (for example, the "Xiaoyi Suggestion" card) and application icons (for example, the "Huawei Video" card) are displayed. The preview image of the desktop icon (such as the "frequency" application icon) is also displayed, and an icon style selection bar is displayed. The user can select an icon style under the icon style selection bar; an icon rounded corner setting bar is also displayed, and under the icon rounded corner setting bar, a control 601 for adjusting the size of the icon rounded corner is displayed. The control 601 includes a slider 602. When the slider 602 slides in the control 601, the rounded corners of the desktop icon gradually change with the sliding of the slider 602. For example, when the slider 602 slides from left to right, the rounded corners of the desktop icon gradually become larger with the sliding of the slider 602, that is, from square to round. When the slider 602 slides from right to left, the rounded corners of the desktop icon gradually become larger, that is, from square to round. , the rounded corners of the desktop icons gradually become smaller as the slider 602 slides, that is, gradually change from round to square; or, the user can switch the position of the slider 602 to the target position by clicking the target position in the control 601. At this time, the size of the rounded corners of the desktop icons is switched to the rounded corner size corresponding to the target position. The effect of adjusting the rounded corners of the icon can be seen in a real-time preview in the interface. For example, the setting effect can be seen by the change in the rounded corners of the "Huawei Video" application icon displayed in the interface; an icon size setting bar is also displayed, under which a control for adjusting the icon size is displayed. The user can set the icon size by clicking the target position on the control or dragging the slider to the target position. A selection bar for whether to display the application name is also displayed. The user can choose to display the application name below the application icon or not. When the user completes the icon setting, he can click the control 603 in the interface to end the setting. At this time, the corresponding icon setting is updated to the icon display interface such as the desktop of the electronic device 600. At this time, the icon displayed in the icon display interface such as the desktop of the electronic device is the icon updated based on the setting.
[0125] In some embodiments, when the rounded corners of the desktop icons of the electronic device 600 are adjusted, the rounded corners of other square elements displayed on the desktop of the electronic device 600 at the same time as the desktop icons will change in association with the changes in the rounded corners of the desktop icons. For example, after setting the rounded corners of the desktop icons on the icon setting interface, the rounded corners of the icons in the large folder displayed in the same interface as the desktop icons will change in conjunction with the changes in the rounded corners of the desktop icons (for example, they can be scaled in proportion to the size of the desktop icons), and the rounded corners of the cards displayed in the same interface as the desktop icons will change in conjunction with the changes in the rounded corners of the desktop icons (for example, they can maintain a concentric circle rounded relationship with the rounded corners of the icons in the large folder). Cards can include service cards (for example, "Xiaoyi Suggestions" cards, "Sports and Health" cards, etc.), and cards can also include large folder cards.
[0126] In some embodiments, the coordinated changes in the rounded corners of other square elements displayed on the desktop of the electronic device 600 at the same time as the desktop icons can also be seen in real-time preview in the icon setting interface. That is, during the process of stepless adjustment of the icon rounded corners in the icon setting interface, not only can the changes in the rounded corners of the desktop icons be seen in real time in the icon setting interface, but the coordinated changes in the rounded corners of other square elements can also be seen, that is, the overall matching effect of the rounded corners of multiple square elements can be previewed during the setting process.
[0127] It should be understood that in the process of adjusting the rounded corners of the icon through the icon rounded corner setting bar shown in (c) in Figure 6, the adjustment range of the rounded corners of the icon can be the range between the icon shape from a rectangular shape (that is, there is no rounded corner) to a perfect circular shape. That is to say, through the interface adjustment method provided in the embodiment of the present application, the rounded corners of the icon can be adjusted to any rounded corners, that is, stepless adjustment of the rounded corners of the icon can be achieved.
[0128] In some embodiments, the direct object for adjusting the corner radius through the icon setting interface can be the desktop icon of the electronic device, and the corner radius of other square elements (for example, cards, icons in large folders) changes in association with the change of the corner radius of the desktop icon.
[0129] In some examples, the rounded corners of icons in a large folder displayed in the same interface as the desktop icons maintain an associated rounded corner relationship with the rounded corners of the desktop icons. For example, based on the size ratio of the two, the desktop icons can be scaled down in proportion to obtain the icons in the large folder. In addition, the rounded corners of the large folder card and the rounded corners of the icons in the large folder can maintain a concentric circle relationship, and the rounded corners of the service card displayed in the same interface as the desktop icons and the rounded corners of the icons in the large folder can maintain an associated rounded corner relationship.
[0130] It should be understood that the method of triggering entry into the icon setting interface provided in the embodiment of the present application is only an illustrative embodiment of a feasible method. In some other feasible methods, the interface for entering the icon setting can also be triggered through the setting entrance of the electronic device, or through a preset shortcut (for example, a shortcut key, a shortcut gesture, etc.), or through voice control, or through some other feasible methods. The present application does not limit this.
[0131] In order to more clearly understand the display of desktop icons, icons in large folders, and cards on the screen of an electronic device, the following, for example, shows an interface diagram of the desktop of an electronic device provided in an embodiment of the present application.
[0132] As shown in Figure 7, the display interface of the electronic device 700 displays the desktop of the electronic device 700. In the desktop display interface, a clock element is displayed, for example, the current time is 09:41 on March 6, Monday; service cards (for example: "Xiaoyi Suggestions" card 701, "Sports Health" service card 702), desktop icons (for example: "Settings" application icon 703), large folder cards (for example: large folder card 704), and icons in large folders (for example: 9 icons in a large folder) are also displayed; shortcut icons of multiple applications are also displayed below the desktop display interface, for example: "Camera" application icon, "Contacts" application icon, "Phone" application icon, and "Message" application icon.
[0133] In one example, when the user adjusts the rounded corners of the desktop icons from the first rounded corners to the second rounded corners, the rounded corners of the desktop icons displayed on the desktop (for example, the "Settings" application icon and the "Music" application icon) change from the first rounded corners to the second rounded corners. At the same time, the rounded corners of the icons in the large folder (for example, the 9 icons in the large folder 704) change to the product of the second rounded corners and the first ratio, where the first ratio refers to the ratio of the side length of icon 705 to the side length of icon 703. The rounded corners of the large folder card 704 and the rounded corners of any icon in the large folder (for example, icon 705) can be concentric circles. The rounded corners of card 701 and card 702 can maintain an associated rounded corner relationship with the rounded corners of the large folder card 704, for example, they can be reduced or enlarged in proportion to the size ratio of the two.
[0134] That is to say, when the rounded corners of the desktop icons of the electronic device 700 change, the rounded corners of the icons in the corresponding large folder, the rounded corners of the large folder card, and the rounded corners of the service card can also change in conjunction with it. The change rules followed by the linked changes can be, for example, the concentric circle rule, or the rule of proportional scaling based on the icon size scaling ratio.
[0135] For example, FIG8 shows a schematic diagram of two icon shapes provided in an embodiment of the present application.
[0136] (a) in FIG8 shows a schematic diagram of an icon shape corresponding to an icon provided in an embodiment of the present application when the rounded corners of the icon are at the minimum value within an adjustable range.
[0137] As can be seen from (a) in FIG8 , when the rounded corners of the icon are at the minimum value within the adjustable range, the shape of the icon can be a rectangle, and the corresponding icon style is a hard style.
[0138] (b) in FIG8 shows a schematic diagram of an icon shape corresponding to an icon provided in an embodiment of the present application when the rounded corners of the icon are at a maximum value within an adjustable range.
[0139] As can be seen from (b) in FIG8 , when the rounded corners of the icon are at the maximum value within the adjustable range, the shape of the icon can be a perfect circle, and the corresponding icon style is a rounded style.
[0140] In order to more clearly understand the changes in the rounded corners of desktop icons, the rounded corners of icons in large folders, and the rounded corners of cards (including large folder cards) during the process of adjusting the rounded corners of icons, Figure 9 shows an interface schematic diagram corresponding to the process of adjusting the rounded corners of icons provided in an embodiment of the present application.
[0141] As shown in (a) of FIG9 , a control 901 is a control for adjusting the rounded corners of icons. The control 901 is a long control. The user can adjust the rounded corners of icons by dragging the touch point 902 in the control 901. In the interface shown in (a) of FIG9 , the touch point 902 is located at position 1. The rounded corner size of the desktop icon corresponding to position 1 is rounded corner 1. At this time, the rounded corner size of the desktop icons displayed on the electronic device (for example, icon 5 corresponding to application 5, icon 6 corresponding to application 6) is rounded corner 1. The ratio of the side length of the icon in the large folder 1 to the side length of the desktop icon is the first ratio. Correspondingly, The rounded corner size of each icon in the large folder 1 is the product of rounded corner 1 and the first ratio. It can also be understood that the icons in the large folder 1 are icons that are reduced or enlarged by the desktop icons according to the first ratio; and the rounded corners of the large folder 1 card and the rounded corners of the icons in the large folder 1 (that is, the product of rounded corner 1 and the first ratio) maintain a concentric circle relationship; the rounded corners of the card 1 can maintain an associated rounded corner relationship with the rounded corners of the large folder 1 card. For example, if the ratio of the side length of the card 1 to the side length of the large folder 1 card is the second ratio, then correspondingly, the rounded corner size of the card 1 is the product of the rounded corners of the large folder 1 card and the second ratio.
[0142] In one case, the rounded corner size corresponding to position 1 is 0, that is, the shape of the desktop icon corresponding to position 1 is a rectangle, and the corresponding shapes of other square elements are all rectangles, for example, the shape of the large folder card, the shape of the icon in the large folder, and the shape of the service card are all rectangles.
[0143] As shown in (b) in Figure 9, in response to the user sliding the touch point 902 from position 1 to position 2 in the control 901, the corner radius of the desktop icon gradually changes from corner radius 1 to corner radius 2, that is, the corner radius of icon 5 and icon 6 gradually changes from corner radius 1 to corner radius 2, wherein the corner radius of the desktop icon corresponding to position 2 is corner radius 2, then correspondingly, the corner radius of each icon in the large folder 1 also gradually changes to the product of corner radius 2 and the first ratio, which can also be understood as the icons in the large folder 1 are icons that are reduced or enlarged according to the first ratio from the desktop icons with corner radius 2; and, at this time, the corner radius of the large folder 1 card maintains a concentric circle relationship with the corner radius of the icons in the large folder 1 (that is, the product of corner radius 2 and the first ratio); the corner radius of card 1 can maintain an associated corner radius relationship with the corner radius of the large folder 1 card, for example, the corner radius of card 1 is the product of the corner radius of the large folder 1 card (that is, the product of corner radius 2 and the first ratio) and the second ratio.
[0144] As shown in (c) in Figure 9, in response to the user sliding the touch point 902 from position 2 to position 3 in the control 901, the corner radius of the desktop icon gradually changes from corner radius 2 to corner radius 3, that is, the corner radius of icon 5 and icon 6 gradually changes from corner radius 2 to corner radius 3, wherein the corner radius of the desktop icon corresponding to position 3 is corner radius 3, then correspondingly, the corner radius of each icon in the large folder 1 also gradually changes to the product of corner radius 3 and the first ratio, which can also be understood as the icons in the large folder 1 are icons that are reduced or enlarged according to the first ratio from the desktop icon with corner radius 3; and, at this time, the corner radius of the large folder 1 card maintains a concentric circle relationship with the corner radius of the icon in the large folder 1 (that is, the product of corner radius 3 and the first ratio); the corner radius of card 1 can maintain an associated corner radius relationship with the corner radius of the large folder 1 card, for example, the corner radius of card 1 is the product of the corner radius of the large folder 1 card (that is, the product of corner radius 3 and the first ratio) and the second ratio.
[0145] As shown in (d) in Figure 9, in response to the user sliding the touch point 902 from position 3 to position 4 in the control 901, the rounded corners of the desktop icons gradually change from rounded corner 3 to rounded corner 4, that is, the rounded corners of icon 5 and icon 6 gradually change from rounded corner 3 to rounded corner 4, wherein the rounded corner size of the desktop icon corresponding to position 4 is rounded corner 4, then correspondingly, the rounded corner size of each icon in the large folder 1 also gradually changes to the product of rounded corner 4 and the first ratio, which can also be understood as the icons in the large folder 1 are icons that are reduced or enlarged according to the first ratio from the desktop icons with rounded corner 4; and, at this time, the rounded corners of the large folder 1 card and the rounded corners of the icons in the large folder 1 (that is, the product of rounded corner 4 and the first ratio) maintain a concentric circle relationship; the rounded corners of card 1 can maintain an associated rounded corner relationship with the rounded corners of the large folder 1 card, for example, the rounded corner size of card 1 is the product of the rounded corner of the large folder 1 card (that is, the product of rounded corner 4 and the first ratio) and the second ratio.
[0146] As shown in (e) in Figure 9, in response to the user sliding the touch point 902 from position 4 to position 5 in the control 901, the corner radius of the desktop icon gradually changes from corner radius 4 to corner radius 5, that is, the corner radius of icon 5 and icon 6 gradually changes from corner radius 4 to corner radius 5, wherein the corner radius of the desktop icon corresponding to position 5 is corner radius 5, then correspondingly, the corner radius of each icon in the large folder 1 also gradually changes to the product of corner radius 5 and the first ratio, which can also be understood as the icons in the large folder 1 are icons that are reduced or enlarged according to the first ratio from the desktop icon with corner radius 5; and, at this time, the corner radius of the large folder 1 card maintains a concentric circle relationship with the corner radius of the icon in the large folder 1 (that is, the product of corner radius 5 and the first ratio); the corner radius of card 1 can maintain an associated corner radius relationship with the corner radius of the large folder 1 card, for example, the corner radius of card 1 is the product of the corner radius of the large folder 1 card (that is, the product of corner radius 5 and the first ratio) and the second ratio.
[0147] In some embodiments, if the user switches the rounded corners of a desktop icon from rounded corner 1 to rounded corner 2 by clicking position 2, the rounded corners of the corresponding desktop icon can be visually displayed as switching from rounded corner 1 to rounded corner 2, and what the user sees is not the process of gradually changing to rounded corner 2. Correspondingly, the rounded corners of other square elements that maintain an associated rounded corner relationship or a concentric circle relationship with the rounded corners of the desktop icon are also visually displayed as directly switching to the associated rounded corners corresponding to rounded corner 2.
[0148] For example, FIG10 shows a schematic diagram of an interface for adjusting icon corner radius through an icon setting interface provided in an embodiment of the present application.
[0149] As shown in (a) in Figure 10, the display screen of the electronic device 1000 is located in the icon setting interface, which includes a preview area for the icon setting effect. The control 1001 is a control for adjusting the rounded corners of the icon. The control 1001 is a long control. The user can set the rounded corners of the icon by sliding the touch point 1002 in the control 1001. In the interface shown in (a) in Figure 10, the touch point 1002 is located at position A, and the rounded corner size of the desktop icon corresponding to the position A is rounded corner A. At this time, the rounded corners of the preview desktop icons (for example: icon 1, icon 2, icon 3, icon 4) displayed in the preview area in the interface are rounded corners A, and the rounded corners of the icons in the displayed preview card (for example: card 1) maintain an associated rounded corner relationship with the rounded corner A, and the rounded corners of the displayed preview card maintain a concentric circle relationship with the rounded corners of the icons in the card.
[0150] When the touch point is slid from position A to position B in control 1001, the rounded corners of the desktop icon change from rounded corner A to rounded corner B. Correspondingly, the display screen of the electronic device 1000 switches to the icon setting interface as shown in (b) in Figure 10. At this time, the rounded corners of the preview desktop icons (for example: icon 1, icon 2, icon 3, icon 4) displayed in the preview area of the interface change from rounded corner A to rounded corner B, and the rounded corners of the icons in the displayed preview card (for example: card 1) maintain an associated rounded corner relationship with the rounded corner B, and the rounded corners of the displayed preview card maintain a concentric circle relationship with the rounded corners of the icons in the card.
[0151] When the touch point is slid from position B to position C in control 1001, the rounded corners of the desktop icon change from rounded corner B to rounded corner C. Correspondingly, the display screen of the electronic device 1000 switches to the icon setting interface as shown in (c) in Figure 10. At this time, the rounded corners of the preview desktop icons (for example: icon 1, icon 2, icon 3, icon 4) displayed in the preview area of the interface change from rounded corner B to rounded corner C, and the rounded corners of the icons in the displayed preview card (for example: card 1) maintain an associated rounded corner relationship with the rounded corner C, and the rounded corners of the displayed preview card maintain a concentric circle relationship with the rounded corners of the icons in the card.
[0152] When the touch point is slid from position C to position D in control 1001, the rounded corners of the desktop icon change from rounded corner C to rounded corner D. Correspondingly, the display screen of the electronic device 1000 switches to the icon setting interface as shown in (d) in Figure 10. At this time, the rounded corners of the preview desktop icons (for example: icon 1, icon 2, icon 3, icon 4) displayed in the preview area of the interface change from rounded corner C to rounded corner D, and the rounded corners of the icons in the displayed preview card (for example: card 1) maintain an associated rounded corner relationship with the rounded corner D, and the rounded corners of the displayed preview card maintain a concentric circle relationship with the rounded corners of the icons in the card.
[0153] When the touch point is slid from position D to position E in control 1001, the rounded corners of the desktop icon change from rounded corner D to rounded corner E. Correspondingly, the display screen of the electronic device 1000 switches to the icon setting interface as shown in (e) in Figure 10. At this time, the rounded corners of the preview desktop icons (for example: icon 1, icon 2, icon 3, icon 4) displayed in the preview area of the interface change from rounded corner D to rounded corner E, and the rounded corners of the icons in the displayed preview card (for example: card 1) maintain an associated rounded corner relationship with the rounded corner E, and the rounded corners of the displayed preview card maintain a concentric circle relationship with the rounded corners of the icons in the card. At this time, the adjustment amplitude of the rounded corners of the desktop icon reaches the maximum value, and the corresponding desktop icon is in the shape of a perfect circle.
[0154] It should be understood that for the other square elements described in the embodiments of the present application, the icons in cards and large folders are used as examples for illustration in the embodiments of the present application, but this does not limit the objects to which the embodiments of the present application are applicable. The rounded corners of any square element displayed on the screen of the electronic device can change in association with the changes in the rounded corners of the icon.
[0155] Moreover, in some embodiments, as the rounded corners of the icon change, the elements whose rounded corners change in conjunction with it do not necessarily include only square elements, but may also include circular elements. As the rounded corners of the icon change from square to round, the rounded corners of the circular elements may change from round to square; as the rounded corners of the icon change from round to square, the rounded corners of the circular elements may change from square to round, thereby bringing a certain visual conflict experience to the user.
[0156] In an embodiment of the present application, it is possible to implement stepless adjustment of the rounded corners of various square elements such as desktop icons, service cards, and large folder cards of electronic devices, that is, to implement personalized adjustment of these square elements from round to square or from square to round; and, in the process of stepless adjustment of the rounded corners of desktop icons, the rounded corner shape of large folder cards, the rounded corner shape of service cards, and the rounded corner shape of icons in large folders can all maintain matching and coordinated associated rounded corners, or concentric circle rounded corner relationships with the rounded corner shape of desktop icons. The resulting overall visual effect is beautiful, natural, and coordinated, which can not only meet the user's needs for personalized adjustment of the rounded corners of icons, but also bring a good visual experience to users.
[0157] For example, in conjunction with FIG11 , the sizes of the cards, large folders, desktop icons, and icons within large folders in the various square elements provided in the embodiments of the present application are described in detail.
[0158] As shown in FIG11 , the size of a card refers to the side length of the card; the size of a large folder refers to the side length of the large folder; the size of an icon within a large folder refers to the side length of the icon within the large folder; and the size of a desktop icon refers to the side length of the desktop icon.
[0159] In one implementation, when a large folder includes four icons, the rounded corners of the icons in the large folder can be calculated using the following formula:
[0160] Among them, M refers to the distance between the four sides of the large folder and the icons in the large folder, and a refers to the distance between adjacent icons in the large folder. In order to explain the values of M and a more clearly, the values of M and a are marked in Figure 11. For detailed explanation, please refer to Figure 11.
[0161] in, It can be understood as the ratio of the side length of the icon in the large folder to the side length of the desktop icon. Taking Figure 11 as an example, It can be understood as the ratio of the side length of icon 1 to the side length of icon 5.
[0162] In one implementation, the rounded corners of the large folder card can be calculated using the following formula:
[0163] In an example, the side length of a desktop icon (such as icon 5) is 56, the side length of a large folder card is 148, the value of M is 12, and the side length of the icons in the large folder (such as any one of icon 1, icon 2, icon 3, and icon 4) is 38. On this basis, the changes in the rounded corners of various square elements are shown in Table 1.
[0164] Table 1
[0165] It should be understood that the above calculation formulas (1) and (2) are only exemplary explanations when the large folder card includes 4 icons. When the number of icons included in the large folder card changes, the above formulas may also be adaptively adjusted. For example, when the large folder card includes 9 icons (3×3 arrangement), the above formula (1) is adjusted to:
[0166] Similarly, the above formula (2) is adjusted to:
[0167] In an embodiment of the present application, the rounded corners of desktop icons can be adjusted steplessly, and by specifying calculation rules and formulas, the rounded corners of all desktop square elements, such as the rounded corners of cards, large folders, and icons in large folders, can be kept in an associated rounded corner or concentric circle rounded corner relationship with the rounded corners of desktop icons, thereby enabling users to personalize the rounded corners of multiple elements in the desktop interface of electronic devices, forming a personalized competitive advantage.
[0168] For example, FIG12 shows a schematic flow chart of a method 1200 for adjusting an interface provided by an embodiment of the present application. As shown in FIG12 , the method 1200 includes:
[0169] S1201: In response to a first operation of a user, a first interface is displayed on a screen of a first electronic device, where a first adjustment control and a first slider are displayed, wherein the first slider is located in the first adjustment control.
[0170] Among them, the first interface can be an icon setting interface of the first electronic device. For understanding of the first interface, for example, refer to the icon setting interface shown in (c) in Figure 6. The first adjustment control is used by the user to adjust the rounded corners of the icons displayed on the first electronic device. For example, it can be used by the user to adjust the rounded corners of the icons displayed on the desktop of the first electronic device. The user can adjust the rounded corners of the icon by sliding the first slider, and the user can also adjust the rounded corners of the icon by clicking the target position in the first adjustment control.
[0171] The first operation of the user is an operation of triggering the display interface of the electronic device to jump to the icon setting interface.
[0172] In some embodiments, the first operation may be an operation in which a user triggers the display interface of the electronic device to jump to the icon setting interface through the setting entrance of the electronic device; the first operation may also be an operation in which a user triggers the display interface of the electronic device to jump to the icon setting interface through the desktop setting interface (see the embodiment shown in Figure 6); the first operation may also be an operation in which a user triggers the display interface of the electronic device to jump to the icon setting interface through other methods, for example, voice control, etc., which is not limited in this application.
[0173] Optionally, the first slider may be replaced by a first touch point, or may be replaced by a first progress bar.
[0174] S1202: When the first slider slides from the first position to the second position in the first adjustment control, the rounded corner of the first icon changes from the first rounded corner to the second rounded corner, wherein the first icon is a desktop icon of the first electronic device.
[0175] It can be understood that when the first slider slides from the first position to the second position in the first adjustment control, the rounded corners of the first icon gradually change from the first rounded corners to the second rounded corners; that is, when the user controls the sliding speed to be lower than a certain speed during the sliding process, the user can visually see the process of the rounded corners of the first icon gradually changing from the first rounded corners to the second rounded corners.
[0176] It should also be understood that the first position can be any position in the first adjustment control, the second position can be any position in the first adjustment control, and the first position is different from the second position (ie, they do not overlap).
[0177] In some embodiments, when the first slider is located at the starting position in the first adjustment control, the shape of the first icon is a rectangle, wherein the starting position in the first adjustment control can be seen as position 1 shown in (a) in Figure 9; when the first slider is located at the end position in the first adjustment control, the shape of the first icon is a perfect circle, wherein the end position in the first adjustment control can be seen as position 5 shown in (e) in Figure 9.
[0178] In some embodiments, when the first slider is located at the second position in the first adjustment control, in response to the user clicking the third position in the first adjustment control, the rounded corners of the first icon are switched from the second rounded corners to the third rounded corners, wherein the third position is different from the second position (i.e., does not overlap), and correspondingly, the position of the first slider is also switched to the third position.
[0179] In an embodiment of the present application, the user can realize stepless adjustment of the rounded corners of the desktop icons displayed on the screen of the electronic device, thereby meeting the user's personalized needs for adjusting the rounded corners of the icons and improving the user's usage experience.
[0180] For example, FIG13 shows a schematic flow chart of another interface adjustment method 1300 provided in an embodiment of the present application. As shown in FIG13 , the method 1300 includes:
[0181] S1301: In response to a first operation of a user, a first interface is displayed on a screen of a first electronic device, where a first adjustment control and a first slider are displayed, wherein the first slider is located in the first adjustment control.
[0182] The explanation of this step is the same as that of S1201 in the embodiment shown in FIG13 , and will not be repeated here for the sake of brevity.
[0183] S1302: When the first slider slides from the first position to the second position in the first adjustment control, the rounded corners of the first icon change from the first rounded corners to the second rounded corners. At the same time, the rounded corners of the second icon maintain an associated rounded corner relationship with the rounded corners of the first icon, and the rounded corners of the first card maintain a concentric rounded corner relationship with the rounded corners of the first icon. One or more of the first icon, the second icon and the first card are displayed on the desktop of the first electronic device, the first icon is a desktop icon, the second icon is an icon in a large folder, and the first card includes a large folder card and / or a service card.
[0184] In some embodiments, the rounded corners of the second icon maintain an associated rounded corner relationship with the rounded corners of the first icon, including: the rounded corners of the second icon are equal to the product of the rounded corners of the first icon and a first ratio, wherein the first ratio is the ratio of the side length of the second icon to the side length of the first icon, and the first icon and the second icon are square elements.
[0185] It can be understood that the second icon mentioned above can be replaced by other square elements.
[0186] In some embodiments, the rounded corners of the first card and the rounded corners of the first icon maintain a concentric circle rounded corner relationship, wherein the calculation formula for the rounded corners of the first card can refer to the above formulas (1) to (4).
[0187] In some embodiments, when a first element is included on the desktop of a first electronic device, in the process of the rounded corners of the first icon changing from the first rounded corners to the second rounded corners, the rounded corners of the first element change in conjunction with the change of the rounded corners of the first icon, wherein the first element is a square element or a circular element.
[0188] In an embodiment of the present application, the user can achieve stepless adjustment of the rounded corners of desktop icons displayed on the screen of the electronic device, and can make the rounded corners of other square elements displayed on the screen of the electronic device keep changing in conjunction with the rounded corners of the desktop icons. For example, the rounded corners of the cards and the rounded corners of the icons in the large folder maintain an associated rounded corner relationship or a concentric circle relationship with the rounded corners of the desktop icons, so that the overall visual effect formed by the various square elements displayed on the screen of the electronic device is better, thereby meeting the user's personalized needs for adjusting the rounded corners of icons and improving the user experience.
[0189] For example, FIG14 shows a functional module diagram of an interface adjustment device 1400 provided in an embodiment of the present application. As shown in FIG14 , the device 1400 includes:
[0190] The detection module 1401 is configured to detect a first operation performed by a user on a first electronic device.
[0191] The display module 1402 is configured to display a first interface on the screen of the first electronic device in response to a first operation by the user, wherein the first interface displays a first adjustment control and a first slider, wherein the first slider is located in the first adjustment control.
[0192] Among them, the first interface can be an icon setting interface of the first electronic device. For understanding of the first interface, for example, refer to the icon setting interface shown in (c) in Figure 6. The first adjustment control is used by the user to adjust the rounded corners of the icons displayed on the first electronic device. For example, it can be used by the user to adjust the rounded corners of the desktop icons displayed on the desktop of the first electronic device. The user can adjust the rounded corners of the icon by sliding the first slider, and the user can also adjust the rounded corners of the icon by clicking the target position in the first adjustment control.
[0193] The first operation of the user is an operation of triggering the display interface of the electronic device to jump to the icon setting interface.
[0194] The adjustment module 1403 is configured to adjust the rounded corners of the first icon from the first rounded corners to the second rounded corners when the first slider slides from the first position to the second position in the first adjustment control, wherein the first icon is a desktop icon of the first electronic device.
[0195] The display module 1402 is also used to respond to the operation of the adjustment module 1403 adjusting the rounded corners of the first icon from the first rounded corners to the second rounded corners, and display the process of the icon with the first rounded corners changing to the icon with the second rounded corners on the screen of the first electronic device.
[0196] It can be understood that: when the first slider slides from the first position to the second position in the first adjustment control, in the preview image of the first interface, the rounded corners of the first icon gradually change from the first rounded corners to the second rounded corners; that is, when the user controls the sliding speed to be lower than a certain speed during the sliding process, the user can visually see the process of the rounded corners of the first icon gradually changing from the first rounded corners to the second rounded corners.
[0197] It should also be understood that the first position can be any position in the first adjustment control, the second position can be any position in the first adjustment control, and the first position is different from the second position (ie, they do not overlap).
[0198] In some embodiments, when the first slider is located at the starting position in the first adjustment control, the shape of the first icon is a rectangle, wherein the starting position in the first adjustment control can be seen as position 1 shown in (a) in Figure 9; when the first slider is located at the end position in the first adjustment control, the shape of the first icon is a perfect circle, wherein the end position in the first adjustment control can be seen as position 5 shown in (e) in Figure 9.
[0199] The adjustment module 1403 is also used to switch the rounded corners of the first icon from the second rounded corners to the third rounded corners in response to the user clicking the third position in the first adjustment control when the first slider is located at the second position in the first adjustment control, wherein the third position is different from the second position (i.e., does not overlap), and correspondingly, the position of the first slider is also switched to the third position.
[0200] Correspondingly, the display module 1402 is also used to respond to the operation of the adjustment module 1403 to switch the rounded corners of the first icon from the second rounded corners to the third rounded corners, and display the process of switching the icon with the second rounded corners to the icon with the third rounded corners on the screen of the first electronic device.
[0201] The adjustment module 1403 is also used to adjust the rounded corners of the first icon from the first rounded corners to the second rounded corners while maintaining an associated rounded corner relationship between the rounded corners of the second icon and the rounded corners of the first icon, and maintaining a concentric rounded corner relationship between the rounded corners of the first card and the rounded corners of the first icon, wherein one or more of the first icon, the second icon and the first card are displayed on the desktop of the first electronic device, the first icon is a desktop icon, the second icon is an icon in a large folder, and the first card includes a large folder card and / or a service card.
[0202] Correspondingly, the display module 1402 is also used to display the associated change process of the rounded corners of the second icon and the rounded corners of the first card on the screen of the first electronic device in response to the operation of the adjustment module 1403 adjusting the rounded corners of the first icon from the first rounded corners to the second rounded corners.
[0203] In some embodiments, the rounded corners of the second icon maintain an associated rounded corner relationship with the rounded corners of the first icon, including: the rounded corners of the second icon are equal to the product of the rounded corners of the first icon and a first ratio, wherein the first ratio is the ratio of the side length of the second icon to the side length of the first icon, and the first icon and the second icon are square elements.
[0204] The detection module 1401 is further configured to detect a user operation of adjusting the rounded corners of the first icon.
[0205] In an embodiment of the present application, the user can achieve stepless adjustment of the rounded corners of desktop icons displayed on the screen of the electronic device, and can make the rounded corners of other square elements displayed on the screen of the electronic device keep changing in conjunction with the rounded corners of the desktop icons. For example, the rounded corners of the cards and the rounded corners of the icons in the large folder maintain an associated rounded corner relationship or a concentric circle relationship with the rounded corners of the desktop icons, so that the overall visual effect formed by the various square elements displayed on the screen of the electronic device is better, thereby meeting the user's personalized needs for adjusting the rounded corners of icons and improving the user experience.
[0206] One or more of the modules or units described herein can be implemented in software, hardware, or a combination of the two. When any of the above modules or units is implemented in software, the software exists in the form of computer program instructions and is stored in a memory, and a processor can be used to execute the program instructions and implement the above method flow. The processor may include, but is not limited to, at least one of the following: a central processing unit (CPU), a microprocessor, a digital signal processor (DSP), a microcontroller (MCU), or an artificial intelligence processor, etc., a computing device that runs software, each computing device may include one or more cores for executing software instructions to perform operations or processing. The processor may be built into an SoC (system on chip) or an application specific integrated circuit (ASIC), or it may be an independent semiconductor chip. In addition to the core for executing software instructions to perform operations or processing within the processor, it may further include necessary hardware accelerators, such as a field programmable gate array (FPGA), a PLD (programmable logic device), or a logic circuit that implements dedicated logic operations.
[0207] When the modules or units described in this document are implemented in hardware, the hardware can be any one or any combination of a CPU, a microprocessor, a DSP, an MCU, an artificial intelligence processor, an ASIC, a SoC, an FPGA, a PLD, a dedicated digital circuit, a hardware accelerator, or a non-integrated discrete device, which can run the necessary software or not rely on the software to execute the above method flow.
[0208] When the modules or units described herein are implemented using software, they can 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 a computer, the process or function described in the embodiment of the present application is 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 can be stored in a computer-readable storage medium, or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions can be transmitted from a website, computer, server, or data center to another website, computer, server, or data center via a wired (e.g., coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) mode. The computer-readable storage medium can be any available medium that a computer can access or a data storage device such as a server or data center that includes one or more available media integrations. The available medium can be a magnetic medium, (e.g., a floppy disk, a hard disk, a tape), an optical medium (e.g., a DVD), or a semiconductor medium (e.g., a solid-state drive (SSD)).
[0209] Those skilled in the art will appreciate that the units and algorithm steps of each example described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professional and technical personnel can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.
[0210] Those skilled in the art will clearly understand that, for the convenience and brevity of description, the specific working processes of the systems, devices and units described above can refer to the corresponding processes in the aforementioned method embodiments and will not be repeated here.
[0211] In the several embodiments provided in this application, it should be understood that the disclosed systems, devices and methods can be implemented in other ways. For example, the device embodiments described above are merely schematic. For example, the division of the units is merely a logical function division. In actual implementation, there may be other division methods, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.
[0212] The units described as separate components may or may not be physically separate, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed across multiple network units. Some or all of these units may be selected to achieve the purpose of this embodiment according to actual needs.
[0213] In addition, each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.
[0214] If the functions are implemented in the form of software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the present application, or the part that contributes to the prior art, or the part of the technical solution, can be embodied in the form of a software product. The computer software product is stored in a storage medium and includes several instructions for enabling a computer device (which can be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the method described in each embodiment of the present application. The aforementioned storage medium includes various media that can store program codes, such as a USB flash drive, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk.
[0215] The above description is merely a specific embodiment of the present application, but the scope of protection of the present application is not limited thereto. Any changes or substitutions that can be easily conceived by a person skilled in the art within the technical scope disclosed in this application should be included in the scope of protection of this application. Therefore, the scope of protection of this application should be based on the scope of protection of the claims.
Claims
1. A method for interface adjustment, characterized in that, The method comprises: In response to a first operation of the user, displaying a first interface on a screen of the first electronic device, wherein the first interface displays a first adjustment control and a first slider, and the first slider is located in the first adjustment control; When the first slider slides from a first position to a second position in the first adjustment control, the rounded corner of the first icon changes from the first rounded corner to the second rounded corner, and the first icon is a desktop icon of the first electronic device.
2. The method according to claim 1, characterized in that, When the first slider is located at the starting position in the first adjustment control, the shape of the first icon is a rectangle; when the first slider is located at the ending position in the first adjustment control, the shape of the first icon is a perfect circle.
3. The method according to claim 1 or 2, characterized in that, The first position is any position in the first adjustment control, the second position is any position in the first adjustment control, and the first position is different from the second position.
4. The method according to any one of claims 1 to 3, characterized in that The method further comprises: When the desktop of the first electronic device includes a first element, in the process of the rounded corners of the first icon changing from the first rounded corners to the second rounded corners, the rounded corners of the first element change in conjunction with the change of the rounded corners of the first icon, wherein the first element is a square element or a circular element.
5. The method according to claim 4, wherein The rounded corner of the first element changes in conjunction with the rounded corner of the first icon, including: When the first element includes a second icon, the rounded corners of the second icon maintain an associated rounded corner relationship with the rounded corners of the first icon, wherein the second icon is an icon in a large folder.
6. The method according to claim 5, wherein The rounded corners of the second icon maintain an associated rounded corner relationship with the rounded corners of the first icon, including: The rounded corners of the second icon are equal to the product of the rounded corners of the first icon and a first ratio, where the first ratio is the ratio of the side length of the second icon to the side length of the first icon.
7. The method according to claim 5 or 6, characterized in that The rounded corner of the first element changes in tandem with the rounded corner of the first icon, further comprising: When the first element includes a large folder card, the rounded corners of the large folder card and the rounded corners of the second icon maintain a concentric circle rounded corner relationship.
8. The method according to claim 7, wherein The rounded corner of the first element changes in tandem with the rounded corner of the first icon, further comprising: When the first element includes a first card, the rounded corners of the first card maintain an associated rounded corner relationship with the rounded corners of the large folder card, wherein the first card includes a service card.
9. The method according to any one of claims 1 to 8, characterized in that, The method further comprises: In response to a user clicking on a third position in the first adjustment control, the rounded corners of the first icon are switched from the second rounded corners to third rounded corners, and the third position is different from the second position.
10. An electronic device, characterized in that, include: one or more processors; one or more memories; and one or more computer programs, wherein the one or more computer programs are stored in the one or more memories, and the one or more computer programs include instructions, which, when executed by the one or more processors, cause the electronic device to perform the method as described in any one of claims 1 to 9.
11. A computer-readable storage medium, characterized in that, The storage medium stores a program or instructions, and when the program or instructions are run, the method described in any one of claims 1 to 9 is implemented.
12. A chip, characterized in that, The chip stores instructions, and when the instructions are run, the method described in any one of claims 1 to 9 is implemented.
13. A computer program product, characterized in that, The computer program product stores a program or instructions, and when the program or instructions are run, the method described in any one of claims 1 to 9 is implemented.
Citation Information
Patent Citations
Icon processing method, device and terminal
CN106873981A
User interface adjusting method and device and electronic equipment
CN112099680A
Control parameter adjusting method and device
CN112882634A
Application control method and apparatus, and electronic device
US20230097820A1