A display method of a window and a related device

Abstract

The embodiment of the present application provides a display method of a window, the method comprises the following steps: an electronic device displays a first window; the electronic device determines a hot area of the first window based on a first display area of the first window, the first display area comprises a display area of a response control in the first window, and the response control is a control capable of responding to a touch operation. By implementing the embodiment of the present application, the hot area of the window can be determined based on the display area of the display content in the window, so that the operable area of the user on the display screen is increased, and the screen utilization is effectively improved.

Description

Technical Field

[0001] This application relates to the field of electronic technology, and in particular to a method for displaying a window and related apparatus. Background Technology

[0002] Currently, electronic devices such as mobile phones and tablets can display a variety of windows. When multiple windows are displayed at the same time, users usually choose to shrink the windows that they are not currently using in order to avoid consuming too much of the user's visible and operable space on the screen of the electronic device.

[0003] However, when electronic devices display windows, some of the information displayed in those windows is not of interest to the user. This information occupies too much visible and operable space on the screen, resulting in less operable space for other windows and reducing screen utilization. Summary of the Invention

[0004] This application provides a window display method that can improve screen utilization and effectively enhance user experience.

[0005] Firstly, this application provides a method for displaying a window, the method comprising: an electronic device displaying a first window; the electronic device determining a hot zone of the first window based on a first display area of ​​the first window, the first display area including a display area of ​​a responsive control in the first window, the responsive control being a control capable of responding to touch operations. By implementing embodiments of this application, the hot zone of the window can be determined based on the display area of ​​the content displayed within the window, thus increasing the operable area for the user on the display screen and effectively improving screen utilization.

[0006] In one implementation, before the electronic device determines the hot zone of the first window based on the first display area of ​​the first window, the method further includes: when the first window meets preset conditions, the electronic device shrinks the first display content of the first window; the determination of the hot zone of the first window based on the first display area of ​​the first window specifically includes: the electronic device shrinks the hot zone of the first window into a first hot zone based on the first display area, and the first display area includes the display area of ​​the response controls in the first window after the first display content is shrunk. By implementing the embodiments of this application, when the display content of the first window is shrunk, the electronic device shrinks the hot zone of the first window based on the display area of ​​the shrunk display content, thereby adaptively increasing the operable area of ​​the user on the display screen and improving screen utilization.

[0007] In one implementation, the first window includes a first control, and the preset condition is the detection of a first operation performed on the first control of the first window. The first display content includes the display content in the first window excluding the first control. By implementing the embodiments of this application, after the electronic device determines the control that the user is interested in in the first window, it can reduce the display area of ​​other display content in the first window that the user is not interested in based on the display area of ​​that control. Furthermore, it can reduce the hot zone of the first window based on the display area of ​​the reduced display content, thereby increasing the operable area on the display screen and improving screen utilization.

[0008] In one implementation, the aforementioned preset condition is that no input operation is detected on the first window within a preset time period. By implementing this embodiment, when the user does not pay attention to the first window for an extended period, the displayed content of the first window can be reduced. Furthermore, the hot zone of the first window can be reduced based on the reduced display area, thereby increasing the user's operable area on the screen and improving screen utilization.

[0009] In one implementation, the first window is a floating ball window, and the first displayed content is the floating ball in the floating ball window.

[0010] In one implementation, the aforementioned preset condition is the detection of a second operation applied to the first window. The second operation is used to shrink the displayed content of the first window, and the first displayed content includes all the displayed content of the first window. By implementing the embodiments of this application, when the second operation for visually shrinking the first window is detected, the electronic device, while shrinking the displayed content of the first window, can also shrink the hot zone of the first window based on the display area of ​​the shrunken displayed content, thereby increasing the operable area for the user on the display screen and improving screen utilization.

[0011] In one implementation, the electronic device displays a first window, specifically including: the electronic device displays the first window in full screen.

[0012] In one implementation, the electronic device displays a first window, comprising: the electronic device displays the first window on a first user interface; wherein the first user interface includes a fourth control, and before the hot area of ​​the first window is reduced to a first hot area, the hot area of ​​the first window covers the hot area of ​​the fourth control; after the hot area of ​​the first window is reduced to the first hot area, the hot area of ​​the first window does not cover the hot area of ​​the fourth control. By implementing the embodiments of this application, when the displayed content of the window is reduced, the hot area of ​​the first window is reduced based on the display area of ​​the reduced content, allowing the fourth control, which was originally covered by the hot area of ​​the first window, to receive and respond to user input operations, increasing the operable area on the display screen and improving screen utilization.

[0013] In one implementation, the size of the area occupied by the first window on the display screen remains unchanged after the electronic device shrinks the first display content of the first window, compared to before the electronic device shrinks the first display content of the first window.

[0014] In one implementation, the electronic device reduces the hot area of ​​the first window to a first hot area based on the first display area, including: the electronic device reduces the hot area of ​​the first window to a first hot area based on the position and size of the first display area, and the first hot area includes the first display area.

[0015] In one implementation, the size of the first hot zone is larger than the size of the first display area. Implementing this embodiment avoids situations where the user cannot accurately operate the window if the displayed content of the first window is too small.

[0016] In one implementation, when the size of the first display area is smaller than a first preset value, the size of the first hot zone is determined based on the size of the first display area.

[0017] In one implementation, the first hot zone is an area formed by expanding the first display area according to a preset ratio, or the first hot zone is an area formed by extending the first display area outwards by a preset length. In the embodiments of this application, the first hot zone includes the first display area. When the size of the first hot zone is smaller than the size of the first display area, there is no specific limitation on how to determine the first hot zone based on the first display area.

[0018] In this embodiment, the electronic device can determine the initial state of the first window before shrinking the first display content and the final state of the first window after shrinking the first display content. How the initial state of the first window changes to the final state is not limited here. For example, during the change, the displayed content of the first window can gradually change, jump, rotate, and / or change its transparency, etc.

[0019] In one implementation, when the electronic device shrinks the first display content of the first window, the method further includes: increasing the transparency of the first display content.

[0020] In one implementation, the first display content includes a second control and a third control. When the electronic device shrinks the first display content of the first window, the method further includes: increasing the transparency of the second control while keeping the transparency of the third control unchanged.

[0021] In one implementation, the first display area includes the display area of ​​all controls in the first window after the first display content is reduced. It is understood that in this embodiment, the first display area is determined based on the display area of ​​the responsive controls in the first window, or the first display area is determined based on the display area of ​​all controls in the first window.

[0022] In one implementation, the electronic device shrinks the first display content of the first window by: adjusting the display position of the first display content and reducing the size of the first display content based on the display position and / or size of the first control.

[0023] In one implementation, after the electronic device shrinks the first display content of the first window, the display area of ​​the first display content includes the display area of ​​the first control; or, after the electronic device shrinks the first display content of the first window, the display area of ​​the first control includes the display area of ​​the first display content.

[0024] In one implementation, the method further includes: in response to the first operation, the electronic device also executes a response event corresponding to the first operation.

[0025] In one implementation, the electronic device shrinks the hot area of ​​the first window into a first hot area based on the first display area, including: when the size of the display area of ​​all the display content of the first window is less than a second preset value, the electronic device shrinks the hot area of ​​the first window into a first hot area based on the first display area.

[0026] Secondly, this application provides an electronic device, the electronic device comprising:

[0027] The display unit is used to display the first window;

[0028] The determining unit is used to determine the hot zone of the first window based on the first display area of ​​the first window. The first display area includes the display area of ​​the response control in the first window, and the response control is a control that can respond to touch operation.

[0029] In one implementation, the electronic device further includes a shrinking unit. Before the determining unit determines the hot zone of the first window based on the first display area of ​​the first window, the shrinking unit is used to shrink the first display content of the first window when the first window meets preset conditions. Specifically, the determining unit is used to shrink the hot zone of the first window into a first hot zone based on the first display area. The first display area includes the display area of ​​the response control in the first window after shrinking the first display content.

[0030] In one implementation, the first window includes a first control, the preset condition is detecting a first operation performed on the first control of the first window, and the first display content includes the display content in the first window excluding the first control.

[0031] In one implementation, the aforementioned preset condition is that no input operation is detected on the first window within a preset time period.

[0032] In one implementation, the aforementioned preset condition is that a second operation is detected acting on the first window. The second operation is used to shrink the display content of the first window, and the first display content includes all the display content of the first window.

[0033] In one implementation, the aforementioned display unit is specifically used to display the first window in full screen.

[0034] In one implementation, the display unit is specifically used to display a first window in a first user interface; wherein the first user interface includes a fourth control, and before the hot area of ​​the first window is reduced to a first hot area, the hot area of ​​the first window covers the hot area of ​​the fourth control, and after the hot area of ​​the first window is reduced to a first hot area, the hot area of ​​the first window does not cover the hot area of ​​the fourth control.

[0035] In one implementation, the size of the area occupied by the first window on the display screen remains unchanged after the shrinking unit shrinks the first display content of the first window.

[0036] In one implementation, when the size of the first display area is smaller than a first preset value, the size of the first hot zone is determined based on the size of the first display area.

[0037] Thirdly, an electronic device is provided, comprising: a communication interface, a memory, and a processor; the communication interface, the memory, and the processor are coupled together, the memory being used to store computer program code, the computer program code including computer instructions, wherein when the processor reads the computer instructions from the memory, the electronic device performs any possible implementation as described in the first aspect.

[0038] Fourthly, a computer-readable storage medium is provided, comprising instructions, characterized in that, when the instructions are executed on an electronic device, the electronic device performs any possible implementation as described in the first aspect.

[0039] Fifthly, a computer product is provided such that when the computer program product is run on a computer, the computer performs any of the possible implementations of the first aspect. Attached Figure Description

[0040] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the embodiments of this application will be described below.

[0041] Figure 1 This is a schematic diagram of the structure of an electronic device according to an embodiment of this application;

[0042] Figure 2 This is a schematic diagram of a View tree structure according to an embodiment of this application;

[0043] Figure 3 This is a schematic diagram illustrating a multi-window display according to an embodiment of this application;

[0044] Figure 4 A schematic diagram illustrating a user interface for displaying an application installed on an electronic device, provided as an embodiment of this application;

[0045] Figure 5 A schematic diagram of a display window provided for an embodiment of this application;

[0046] Figures 6A to 6E An application scenario for window display provided for an embodiment of this application;

[0047] Figures 7A to 7B A schematic diagram of a set of window hotspots provided for embodiments of this application;

[0048] Figures 8A to 8B A set of interface diagrams provided for embodiments of this application;

[0049] Figures 9A to 9C Another application scenario for window display provided for embodiments of this application;

[0050] Figures 10A to 10E Another application scenario for window display provided for embodiments of this application;

[0051] Figure 11 This is a schematic diagram illustrating the principle of an animation implementation according to an embodiment of this application.

[0052] Figure 12 A flowchart illustrating a window display method provided in an embodiment of this application;

[0053] Figure 13 A software structure block diagram of an electronic device provided for an embodiment of this application. Detailed Implementation

[0054] The technical solutions in the embodiments of this application will be clearly and completely described below with reference to the accompanying drawings.

[0055] The terminology used in the following embodiments of this application is for the purpose of describing specific embodiments only, and is not intended to be a limitation of this application. In the description of the embodiments of this application, unless otherwise stated, " / " means "or," for example, A / B can mean A or B; the word "and / or" in the text is merely a description of the relationship between related objects, indicating that three relationships can exist, for example, A and / or B can represent: A alone, A and B simultaneously, and B alone. Furthermore, in the description of the embodiments of this application, "multiple" refers to two or more.

[0056] Hereinafter, the terms "first" and "second" are used for descriptive purposes only and should not be construed as implying or suggesting relative importance or implicitly indicating the number of indicated technical features. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of that feature, and in the description of the embodiments of this application, unless otherwise stated, "multiple" means two or more.

[0057] The exemplary electronic device 100 provided in the following embodiments of this application is first introduced below.

[0058] Figure 1 An exemplary schematic diagram of the structure of electronic device 100 is shown.

[0059] Electronic device 100 may be a mobile phone, tablet computer, desktop computer, laptop computer, handheld computer, notebook computer, ultra-mobile personal computer (UMPC), netbook, as well as cellular phone, personal digital assistant (PDA), augmented reality (AR) device, virtual reality (VR) device, artificial intelligence (AI) device, wearable device, in-vehicle device, smart home device and / or smart city device. The embodiments of this application do not impose any special restrictions on the specific type of electronic device.

[0060] Electronic device 100 may include processor 110, external memory interface 120, internal memory 121, universal serial bus (USB) interface 130, charging management module 140, power management module 141, battery 142, antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone jack 170D, sensor module 180, button 190, motor 191, indicator 192, camera 193, display screen 194, and subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an accelerometer sensor 180E, a distance sensor 180F, a proximity 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.

[0061] It is understood that the structures illustrated in the embodiments of the present invention do not constitute a specific limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0062] Processor 110 may include one or more processing units, such as: application processor (AP), modem processor, graphics processing unit (GPU), image signal processor (ISP), controller, memory, video codec, digital signal processor (DSP), baseband processor, and / or neural network processing unit (NPU), etc. Different processing units may be independent devices or integrated into one or more processors.

[0063] The controller can be the nerve center and command center of the electronic device 100. The controller can generate operation control signals according to the instruction opcode and timing signals to complete the control of fetching and executing instructions.

[0064] The processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store instructions or data that the processor 110 has just used or that are used repeatedly. If the processor 110 needs to use the instruction or data again, it can retrieve it directly from the memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

[0065] In some embodiments, the processor 110 may include one or more interfaces. 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, etc.

[0066] The I2C interface is a bidirectional synchronous serial bus, including a serial data line (SDA) and a serial clock line (SCL). In some embodiments, the processor 110 may include multiple I2C buses. The processor 110 can couple to the touch sensor 180K, charger, flash, camera 193, etc., through different I2C bus interfaces. For example, the processor 110 can couple to the touch sensor 180K through the I2C interface, enabling the processor 110 and the touch sensor 180K to communicate through the I2C bus interface, thereby realizing the touch function of the electronic device 100.

[0067] The I2S interface can be used for audio communication. In some embodiments, the processor 110 may include multiple I2S buses. The processor 110 can be coupled to the audio module 170 via the I2S bus to enable communication between the processor 110 and the audio module 170. In some embodiments, the audio module 170 can transmit audio signals to the wireless communication module 160 via the I2S interface to enable the function of answering phone calls through a Bluetooth headset.

[0068] The PCM interface can also be used for audio communication, sampling, quantizing, and encoding analog signals. In some embodiments, the audio module 170 and the wireless communication module 160 can be coupled via the PCM bus interface. In some embodiments, the audio module 170 can also transmit audio signals to the wireless communication module 160 via the PCM interface, enabling the function of answering phone calls through a Bluetooth headset. Both the I2S interface and the PCM interface can be used for audio communication.

[0069] The UART interface is a universal serial data bus used for asynchronous communication. This bus can be a bidirectional communication bus. It converts the data to be transmitted between serial and parallel communication. In some embodiments, the UART interface is typically used to connect the processor 110 and the wireless communication module 160. For example, the processor 110 communicates with the Bluetooth module in the wireless communication module 160 via the UART interface to implement Bluetooth functionality. In some embodiments, the audio module 170 can transmit audio signals to the wireless communication module 160 via the UART interface to enable music playback through Bluetooth headphones.

[0070] The MIPI interface can be used to connect the processor 110 to peripheral devices such as the display screen 194 and the camera 193. The MIPI interface includes a camera serial interface (CSI) and a display serial interface (DSI). In some embodiments, the processor 110 and the camera 193 communicate via the CSI interface to enable the electronic device 100 to capture images. The processor 110 and the display screen 194 communicate via the DSI interface to enable the electronic device 100 to display images.

[0071] The GPIO interface can be configured via software. It can be configured as a control signal or a data signal. In some embodiments, the GPIO interface can be used to connect the processor 110 to a camera 193, a display screen 194, a wireless communication module 160, an audio module 170, a sensor module 180, etc. The GPIO interface can also be configured as an I2C interface, an I2S interface, a UART interface, a MIPI interface, etc.

[0072] USB port 130 is a USB standard compliant interface, specifically a Mini USB port, Micro USB port, USB Type-C port, etc. USB port 130 can be used to connect a charger to charge electronic device 100, and can also be used for data transfer between electronic device 100 and peripheral devices. It can also be used to connect headphones for audio playback. This interface can also be used to connect other electronic devices, such as AR devices.

[0073] It is understood that the interface connection relationships between the modules illustrated in the embodiments of the present invention are merely illustrative and do not constitute a structural limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may also employ different interface connection methods or combinations of multiple interface connection methods as described in the above embodiments.

[0074] The charging management module 140 receives charging input from a charger. The charger can be a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 140 receives charging input from the wired charger via the USB interface 130. In some wireless charging embodiments, the charging management module 140 receives 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 supply power to the electronic device via the power management module 141.

[0075] The power management module 141 connects 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, providing power to the processor 110, internal memory 121, display screen 194, camera 193, and wireless communication module 160, etc. The power management module 141 can also monitor parameters such as battery capacity, battery cycle count, and battery health status (leakage current, impedance). In some other embodiments, the power management module 141 may also be located within the processor 110. In other embodiments, the power management module 141 and the charging management module 140 may be located in the same device.

[0076] The wireless communication function of electronic device 100 can be realized through antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, modem processor and baseband processor, etc.

[0077] 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 one or more communication frequency bands. Different antennas can also be multiplexed to improve antenna utilization. For example, antenna 1 can be multiplexed as a diversity antenna for a wireless local area network. In some other embodiments, the antennas can be used in conjunction with tuning switches.

[0078] The mobile communication module 150 can provide solutions for wireless communication, including 2G / 3G / 4G / 5G, applied to the electronic device 100. The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves via antenna 1, and perform filtering, amplification, and other processing on the received electromagnetic waves before transmitting them to a modem processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modem processor and convert it into electromagnetic waves for radiation via antenna 1. In some embodiments, at least some functional modules of the mobile communication module 150 may be housed in the processor 110. In some embodiments, at least some functional modules of the mobile communication module 150 and at least some modules of the processor 110 may be housed in the same device.

[0079] The modem processor may include a modulator and a demodulator. The modulator modulates the low-frequency baseband signal to be transmitted into a mid-to-high frequency signal. The demodulator demodulates 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 processing by the baseband processor, the low-frequency baseband signal is transmitted to the application processor. The application processor outputs sound signals through an audio device (not limited to speaker 170A, receiver 170B, etc.) or displays images or videos through the display screen 194. In some embodiments, the modem processor may be a separate device. In other embodiments, the modem processor may be independent of the processor 110 and may be housed in the same device as the mobile communication module 150 or other functional modules.

[0080] The wireless communication module 160 can provide solutions for wireless communication applications on the electronic device 100, including wireless local area networks (WLANs) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared (IR) technologies. The wireless communication module 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via antenna 2, performs frequency modulation and filtering of the electromagnetic wave signals, and sends the processed signal to processor 110. The wireless communication module 160 can also receive signals to be transmitted from processor 110, perform frequency modulation and amplification, and convert them into electromagnetic waves for radiation via antenna 2.

[0081] In some embodiments, antenna 1 of electronic device 100 is coupled to mobile communication module 150, and antenna 2 is coupled to wireless communication module 160, enabling electronic device 100 to communicate with networks and other devices via wireless communication technology. The wireless communication technology 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 technologies, etc. The GNSS may include the Global Positioning System (GPS), the Global Navigation Satellite System (GLONASS), the BeiDou Navigation Satellite System (BDS), the Quasi-Zenith Satellite System (QZSS), and / or satellite-based augmentation systems (SBAS).

[0082] Electronic device 100 implements display functions through a GPU, a display screen 194, and an application processor. The GPU is a microprocessor for image processing, connected to the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations and for graphics rendering. Processor 110 may include one or more GPUs, which execute program instructions to generate or modify display information.

[0083] Display screen 194 is used to display images, videos, etc. Display screen 194 includes a display panel. The display panel may 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 miniature LED, a microLED, a quantum dot light-emitting diode (QLED), etc. In some embodiments, electronic device 100 may include one or N displays 194, where N is a positive integer greater than 1.

[0084] Internal memory 121 may include one or more random access memory (RAM) and one or more non-volatile memory (NVM). The RAM may include static random-access memory (SRAM), dynamic random-access memory (DRAM), synchronous dynamic random-access memory (SDRAM), double data rate synchronous dynamic random-access memory (DDR SDRAM, such as fifth-generation DDR SDRAM, generally referred to as DDR5 SDRAM), etc.; the NVM may include disk storage devices and flash memory. Flash memory can be classified according to its operating principle, including NOR FLASH, NAND FLASH, 3D NAND FLASH, etc.; according to the level of its storage cells, including single-level cell (SLC), multi-level cell (MLC), triple-level cell (TLC), quad-level cell (QLC), etc.; and according to its storage specification, including universal flash storage (UFS) and embedded multimedia card (eMMC), etc. In some embodiments, random access memory can be directly read and written by the processor 110, and can be used to store executable programs (e.g., machine instructions) of the operating system or other running programs, as well as user and application data. Non-volatile memory can also store executable programs and user and application data, and can be pre-loaded into the random access memory for direct read and write by the processor 110.

[0085] The external memory interface 120 can be used to connect to external non-volatile memory, thereby expanding the storage capacity of the electronic device 100. The external non-volatile memory communicates with the processor 110 through the external memory interface 120 to perform data storage functions. For example, music, video, and other files can be stored in the external non-volatile memory.

[0086] Electronic device 100 can implement audio functions, such as music playback and recording, through audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone jack 170D, and application processor.

[0087] The audio module 170 is used to convert digital audio information into analog audio signals for output, and also to convert analog audio input into digital audio signals. The audio module 170 can also be used for encoding and decoding audio signals. In some embodiments, the audio module 170 may be located in the processor 110, or some functional modules of the audio module 170 may be located in the processor 110.

[0088] The speaker 170A, also known as a "loudspeaker," is used to convert audio electrical signals into sound signals. The electronic device 100 can listen to music or make hands-free calls through the speaker 170A.

[0089] The receiver 170B, also known as the "earpiece," is used to convert audio electrical signals into sound signals. When the electronic device 100 answers a telephone call or voice message, the receiver 170B can be brought close to the ear to listen to the voice.

[0090] Microphone 170C, also known as a "microphone" or "voice transducer," is used to convert sound signals into electrical signals. When making a phone call or sending a voice message, the user can speak by bringing their mouth close to microphone 170C, inputting the sound signal into microphone 170C. Electronic device 100 may have at least one microphone 170C. In some embodiments, electronic device 100 may have two microphones 170C, which, in addition to collecting sound signals, can also perform noise reduction. In other embodiments, electronic device 100 may also have three, four, or more microphones 170C, which can collect sound signals, reduce noise, identify the sound source, and perform directional recording, etc.

[0091] The 170D headphone jack is used to connect wired headphones. The 170D headphone jack can be a USB 130 interface or a 3.5mm Open Mobile Terminal Platform (OMTP) standard interface, a CTIA (Cellular Telecommunications Industry Association of the USA) standard interface.

[0092] Pressure sensor 180A is used to sense pressure signals and convert them into electrical signals. In some embodiments, pressure sensor 180A can be disposed on display screen 194. There are many types of pressure sensors 180A, such as resistive pressure sensors, inductive pressure sensors, and capacitive pressure sensors. A capacitive pressure sensor may include at least two parallel plates with conductive material. When force is applied to pressure sensor 180A, the capacitance between the electrodes changes. Electronic device 100 determines the pressure intensity based on the change in capacitance. When a touch operation is applied to display screen 194, electronic device 100 detects the intensity of the touch operation based on pressure sensor 180A. Electronic device 100 can also calculate the touch position based on the detection signal from pressure sensor 180A. In some embodiments, touch operations applied to the same touch position but with different touch operation intensities can correspond to different operation commands. For example, when a touch operation with an intensity less than a first pressure threshold is applied to the SMS application icon, a command to view an SMS is executed. When a touch operation with an intensity greater than or equal to the first pressure threshold is applied to the SMS application icon, a command to create a new SMS is executed.

[0093] The gyroscope sensor 180B can be used to determine the motion attitude of the electronic device 100. In some embodiments, the gyroscope sensor 180B can determine the angular velocity of the electronic device 100 about three axes (i.e., the x, y, and z axes). The gyroscope sensor 180B can be used for image stabilization. For example, when the shutter is pressed, the gyroscope sensor 180B detects the angle of the shake of the electronic device 100, calculates the distance that the lens module needs to compensate based on the angle, and allows the lens to counteract the shake of the electronic device 100 by moving in the opposite direction, thus achieving image stabilization. The gyroscope sensor 180B can also be used in navigation and motion-sensing game scenarios.

[0094] The barometric pressure sensor 180C is used to measure air pressure. In some embodiments, the electronic device 100 calculates altitude using the air pressure value measured by the barometric pressure sensor 180C to assist in positioning and navigation.

[0095] The magnetic sensor 180D includes a Hall sensor. The electronic device 100 can use the magnetic sensor 180D to detect the opening and closing of the flip cover. In some embodiments, when the electronic device 100 is a flip phone, the electronic device 100 can detect the opening and closing of the flip cover using the magnetic sensor 180D. Then, based on the detected opening and closing state of the cover or the flip cover, features such as automatic flip unlocking can be set.

[0096] The 180E accelerometer can detect the magnitude of acceleration of electronic device 100 in various directions (typically three axes). When electronic device 100 is stationary, it can detect the magnitude and direction of gravity. It can also be used to identify the posture of electronic devices and applied to applications such as screen orientation switching and pedometers.

[0097] A distance sensor 180F is used to measure distance. Electronic device 100 can measure distance via infrared or laser. In some embodiments, during a shooting scene, electronic device 100 can utilize the distance sensor 180F to measure distance for rapid focusing.

[0098] The proximity sensor 180G may include, for example, a light-emitting diode (LED) and a light detector, such as a photodiode. The LED may be an infrared LED. The electronic device 100 emits infrared light outward through the LED. The electronic device 100 uses the photodiode to detect infrared reflected light from nearby objects. When sufficient reflected light is detected, it can be determined that there is an object near the electronic device 100. When insufficient reflected light is detected, the electronic device 100 can determine that there is no object near the electronic device 100. The electronic device 100 may use the proximity sensor 180G to detect when a user holds the electronic device 100 close to their ear for a call, so as to automatically turn off the screen to save power. The proximity sensor 180G can also be used in holster mode and pocket mode for automatic unlocking and locking of the screen.

[0099] The ambient light sensor 180L is used to sense the brightness of ambient light. The electronic device 100 can adaptively adjust the brightness of the display screen 194 based on the sensed ambient light brightness. The ambient light sensor 180L can also be used to automatically adjust the white balance when taking pictures. The ambient light sensor 180L can also work with the proximity sensor 180G to detect whether the electronic device 100 is in a pocket to prevent accidental touches.

[0100] The fingerprint sensor 180H is used to collect fingerprints. The electronic device 100 can utilize the characteristics of the collected fingerprints to achieve fingerprint unlocking, accessing application locks, taking photos with fingerprints, answering calls with fingerprints, etc.

[0101] Temperature sensor 180J is used to detect temperature. In some embodiments, electronic device 100 uses the temperature detected by temperature sensor 180J to execute a temperature handling strategy. For example, when the temperature reported by temperature sensor 180J exceeds a threshold, electronic device 100 performs thermal protection by reducing the performance of a processor located near temperature sensor 180J to reduce power consumption. In other embodiments, when the temperature is below another threshold, electronic device 100 heats battery 142 to prevent abnormal shutdown of electronic device 100 due to low temperature. In still other embodiments, when the temperature is below yet another threshold, electronic device 100 boosts the output voltage of battery 142 to prevent abnormal shutdown due to low temperature.

[0102] Touch sensor 180K, also known as a "touch device," can be located on display screen 194. The touch sensor 180K and display screen 194 together form a touchscreen, also known as a "touchscreen." Touch sensor 180K detects touch operations applied to or near it. The touch sensor can transmit the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through display screen 194. In other embodiments, touch sensor 180K may also be located on the surface of electronic device 100, in a different position than display screen 194.

[0103] The bone conduction sensor 180M can acquire vibration signals. In some embodiments, the bone conduction sensor 180M can acquire vibration signals from the vibrating bone segments of the human vocal cords. The bone conduction sensor 180M can also contact the human pulse to receive blood pressure signals. In some embodiments, the bone conduction sensor 180M can also be incorporated into headphones to form bone conduction headphones. The audio module 170 can parse the voice signals from the vibrating bone segments of the vocal cords acquired by the bone conduction sensor 180M to realize voice functionality. The application processor can parse heart rate information from the blood pressure signals acquired by the bone conduction sensor 180M to realize heart rate detection functionality.

[0104] Buttons 190 include a power button, volume buttons, etc. Buttons 190 can be mechanical buttons or touch-sensitive buttons. Electronic device 100 can receive button input and generate key signal inputs related to user settings and function control of electronic device 100.

[0105] Motor 191 can generate vibration alerts. Motor 191 can be used for incoming call vibration alerts or for touch vibration feedback. For example, different vibration feedback effects can correspond to touch operations performed on different applications (such as taking photos, playing audio, etc.). Motor 191 can also correspond to different vibration feedback effects for touch operations performed on different areas of the display screen 194. Different application scenarios (such as time reminders, receiving messages, alarm clocks, games, etc.) can also correspond to different vibration feedback effects. The touch vibration feedback effect can also be customized.

[0106] Indicator 192 can be an indicator light, used to indicate charging status, power changes, or to indicate messages, missed calls, notifications, etc.

[0107] The SIM card interface 195 is used to connect a SIM card. The SIM card can be inserted into or removed from the SIM card interface 195 to make contact with or separate from the electronic device 100.

[0108] In this application embodiment, the structure of the electronic device 200 can be referred to Figure 1The structure of the electronic device 100 described in the relevant embodiments.

[0109] The relevant concepts involved in the embodiments of this application will be introduced below.

[0110] Controls: A control can be an encapsulation of data and methods. A control can have its own properties and methods. Properties are simple accessors to the control's data, while methods provide simple, visible functionality. Controls, also called widgets, are basic elements of a user interface. For example, control types can include, but are not limited to: user interface controls (controls used to develop and build user interfaces, such as controls for window, text box, button, drop-down menu, and other interface elements), chart controls (controls used to develop charts, enabling data visualization), report controls (controls used to develop reports, enabling functions such as browsing, designing, editing, and printing), and table controls (controls used to develop tables (cells), enabling data processing and manipulation within a grid). In the embodiments of this application, control types can also include: composite controls (combining various existing controls to form a new control, integrating the performance of multiple controls), extended controls (deriving a new control from existing controls, adding new performance to existing controls, or modifying the performance of existing controls), and custom controls, etc.

[0111] In this embodiment, the responsive control is a control capable of responding to touch operations. It can be understood that after the electronic device detects a touch operation (e.g., click, long press, swipe, etc.) applied to the hot area of ​​the responsive control, it responds to the touch operation by executing the corresponding response event of the responsive control. The responsive control can be the aforementioned user interface control, composite control, extended control, or custom control, etc. For example, buttons and drop-down menus are responsive controls.

[0112] Application window: An application window can be an application window in the Android system, an application window in the iOS system, or an application window in other operating systems; no specific limitation is made here. An application includes multiple application windows, and one application window corresponds to one or more user interfaces. For ease of description, the application window can be simply referred to as a window in this embodiment. In this embodiment, a window can also be regarded as a composite control.

[0113] Hot Zones: Each control corresponds to a control hot zone, and each window also corresponds to a window hot zone. In traditional technology, the control hot zone is determined based on the area occupied by the control on the display screen 194, and the window hot zone is determined based on the area occupied by the window on the display screen 194. When the user's touch position on the display screen 194 is within the window hot zone of window 1, the touch operation is a user operation performed on window 1. For example, as shown... Figure 3 As shown, the display area of ​​window 1 occupies area 1, and the display area of ​​window 2 occupies area 2. The activity corresponding to window 1 is the most recently running activity relative to window 2. Therefore, in the overlapping area of ​​windows 1 and 2 (i.e., area 3), window 1 displayed by the electronic device 100 covers window 2. Correspondingly, in area 3, the hotspot corresponding to window 1 also covers the hotspot corresponding to window 2. Therefore, the touch operation received in area 3 is a user operation applied to window 1. For example, if window 2 displays control 1 in area 3, and the area occupied by control 1 receives a user touch operation, the hotspot of control 1 is covered by the hotspot of window 1, and control 1 cannot receive and respond to the aforementioned touch operation.

[0114] In the Android system, an Activity is the interface between the user and the application. Each Activity component is associated with a Window object, which describes a specific application window. Therefore, an Activity is a highly abstract user interface component that represents the user interface and the corresponding business logic centered around it in Android. User-triggered events can be listened to and handled through controls in the user interface. In short, in an Android application, one Activity can represent a user interface, and an Android application can have multiple Activities.

[0115] It's important to clarify that the area occupied by a window and the display area within the window are two distinct concepts. The window's display area is determined based on the display areas of all controls within the window. For example, an electronic device can set the position and / or size of the area occupied by the window using a first parameter, and can also set the position and / or size of the window's display area using a second parameter. The window's display area includes the display areas of all controls within the window. The first parameter can include the coordinates of the top-left corner of the area occupied by the window, the width of that area, and the height of that area. The second parameter can include the coordinates of the top-left corner of the window's display area, the width of that area, and the height of that area. It can be understood that the top-left corner coordinates represent the position of the area, and the width and height represent its size.

[0116] Animation: From the perspective of the scope of influence of animation effects, animations in the View system of electronic devices 100 can be divided into window animations, View animations, and layout animations. Window animations are animations corresponding to a window, and their object is the interface (Surface). The window can be the application window corresponding to an Activity, or a child window within an application window. View animations are animations that act on a specific View object; View animations themselves are a gradual process. Layout animations refer to animations contained within a ViewGroup container object. These animations are defined in the ViewGroup object, but actually affect the child views within the container. The essence of the process is to set different animations for each child view according to the layout animation, making it appear as if the animation acts on the entire container.

[0117] The following describes some exemplary user interfaces (UIs) involved in electronic device 100.

[0118] Figure 4 An exemplary user interface 11 for displaying applications installed on an electronic device 100 is shown. The user interface 11 may include: a status bar 201, a calendar indicator 202, a weather indicator 203, a tray 204 with icons of commonly used applications, and a display area 205 for other application icons. Wherein:

[0119] The tray icon 204, which displays icons for commonly used applications, can include: phone icon, contact icon, SMS icon, and camera icon.

[0120] The display area 205 for other application icons can show: icons for payment apps, smart home apps, videos, photo albums (205A), email, cloud sharing, notes, and settings. The user interface 11 may also include a page indicator 206. These other application icons can be distributed across multiple pages, and the page indicator 206 can be used to indicate which page the user is currently viewing. Users can swipe left or right across the area containing the other application icons to view application icons on other pages.

[0121] Understandable, Figure 4 The user interface on the electronic device 100 is merely shown as an example and should not be construed as limiting the embodiments of this application.

[0122] The following describes several application scenarios involving window display in the embodiments of this application.

[0123] Scene 1

[0124] Figures 5 to 8BTaking the volume adjustment window as an example, this paper exemplifies an application scenario for window display.

[0125] When electronic device 100 receives a user operation (such as pressing a volume button on electronic device 100), in response to the operation, electronic device 100 may display something like... Figure 5 The volume adjustment window 207 is shown. Volume adjustment window 207 is used to display content related to volume adjustment, such as... Figure 5 As shown, all the displayed content in the volume adjustment window 207 (which can be simply referred to as display content 1 in this application) includes a volume panel 207A, a volume bar 207B, a speaker icon 207C, and a settings icon 207D. Among them, the volume bar 207B, the speaker icon 207C, and the settings icon 207D are responsive controls, while the volume panel 207A is a non-responsive control.

[0126] For example, such as Figure 5 As shown, the content 1 of the volume adjustment window 207 covers the album icon 205A, and the hotspot 208 of the volume adjustment window 207 also covers the hotspot 209 of the album icon 205A. Optionally, Figure 5 The hot zone 208 of the volume adjustment window 207 shown is the same as the area 210 occupied by the window. The area 210 occupied by the volume adjustment window 207 is preset by the electronic device 100 when the window is created.

[0127] Volume bar 207B includes zones 3 and 4 (e.g., Figure 5 The bottom black portion of the volume bar 207 shown is region 3, and the top white portion is region 4. The length of region 3 represents the volume level. The volume bar 207B can receive a user's sliding operation. In response to this operation, the electronic device 100 adjusts the length of region 3 of the volume bar 207B and adjusts the volume level based on the length of region 3.

[0128] The speaker icon 207C receives input from the user (such as a click on the speaker icon 207C). ​​In response to this input, the electronic device 100 can display an audio type selection box, which may include ringtone, media, alarm clock, etc.

[0129] When the settings icon 207D receives input from the user (such as a click on the settings icon 207D), the electronic device 100 can display the sound settings interface in response to the input.

[0130] For example, such as Figure 6AAs shown, in response to an upward sliding operation on the volume bar 207B, the electronic device 100 can adjust the volume according to the length of area 3 of the volume bar 207B, and adjust the display position and size of the display content 2 according to the display position and size of the volume bar 207B. The display content 2 refers to all display content in the volume adjustment window 207 other than the volume bar 207B (i.e., the volume panel 207A, speaker icon 207C, and settings icon 207D).

[0131] Not limited to the above-mentioned upward sliding operation, the electronic device 100 can also adjust the length of the area 3 of the volume bar 207B to adjust the volume in response to the pressing operation of the volume button, and adjust the display position and size of the display content 2 according to the display position and size of the volume bar 207B.

[0132] In some embodiments, in response to the above-described upward swiping operation (or pressing operation), after the display area of ​​the display content 2 is reduced, Figure 6A The volume adjustment window 207 shown is visually shrunk to Figure 6B The volume adjustment window 207 is shown; then, the electronic device 100 reduces the hot zone of the window according to the display area of ​​the displayed content of the deformed volume adjustment window 207. Figures 6A to 6B During the window deformation process, the display position and size of the volume bar 207B remain unchanged, the display content 2 shrinks, and the volume bar 207B does not completely cover the display content 2, that is, the display area of ​​the display content 2 includes the display area of ​​the volume bar 207B.

[0133] It should be noted that the area occupied by hot zone 208 on display screen 194 is determined based on the position and size of hot zone 208. Reducing hot zone 208 includes adjusting its position and size. The controls in display content 2 can be reduced proportionally or proportionally; no specific limitation is made here.

[0134] In one implementation, in response to the aforementioned upward swiping operation (or pressing operation), the electronic device 100 displays... Figure 6B After the volume adjustment window 207 shown, Figure 6B The volume adjustment window 207 shown visually continues to shrink to... Figure 6C The volume adjustment window 207 is shown. Figures 6B to 6C During the window deformation process, the display position and size of the volume bar 207B remain unchanged, while the display content 2 continues to shrink until the volume bar 207B completely covers the display content 2, that is, the display area of ​​the volume bar 207B includes the display area of ​​the display content 2; at the same time, the hot zone 208 of the window continues to shrink according to the display area of ​​the display content of the volume adjustment window 207 after deformation.

[0135] In one implementation, Figure 6C The size of the display area of ​​the content 2 in the medium volume adjustment window 207 can be reduced to zero.

[0136] In some embodiments, Figures 6A to 6C During the window deformation process, the display position of the volume bar 207B is moved to the right while maintaining the same size. The size of the display content 2 is reduced based on the size of the volume bar 207B, and the display position of the display content 2 is moved to the right based on the display position of the volume bar 207B. In some embodiments, after the user stops sliding the volume bar 207B upwards and the window deformation is complete, the electronic device 100 moves the volume adjustment window 207 to the right, bringing it closer to the edge of the display screen 194.

[0137] In one implementation, such as Figure 6D As shown, Figures 6A to 6B During the window deformation process shown, the controls in Display Content 2, except for the volume panel 207A, can gradually become transparent. Similarly, Figures 6A to 6C During the window deformation process shown, the controls in Display Content 2, except for the volume panel 207A, can gradually become transparent.

[0138] In one implementation, such as Figure 6E As shown, Figures 6A to 6B During the window deformation process shown, all content displayed in Content 2 (i.e., volume panel 207A, speaker icon 207C, and settings icon 207D) gradually becomes transparent. Similarly, Figures 6A to 6C During the window deformation process shown, all content displayed in content 2 gradually becomes transparent.

[0139] In some embodiments, the volume adjustment window 207 is transformed into... Figure 6B or Figure 6C After the volume adjustment window 207 is displayed, when the electronic device 100 detects another touch operation on the volume bar 207B, the electronic device 100 can restore the initial display state of the volume adjustment window 207, that is, display... Figure 5 The volume adjustment window 207 is shown. Thus, when the user intends to manipulate other controls in the volume adjustment window besides the volume bar 207B, the window's initial display state can be restored by touching the volume adjustment window 207.

[0140] In one implementation, in the case of Figure 6C (or Figure 6B As the volume adjustment window 207 shown in the diagram deforms to its initial display state, the displayed content 2 is gradually enlarged. In one implementation, Figure 6C (or Figure 6BThe volume adjustment window 207 shown has a high transparency in its content 2, which is displayed by... Figure 6C (or Figure 6B As the volume adjustment window 207 shown in the image transforms to its initial display state, the transparency of the displayed content 2 gradually decreases.

[0141] It should be noted that, Figures 6A to 6C or Figures 6C to 6A During the window deformation process shown, the window can deform in various ways, and this application embodiment does not limit this.

[0142] In the embodiments of this application, see Figure 6B and Figure 6C The hot zone 208 shown is... Figures 6A to 6C or Figures 6C to 6A During the window deformation process shown, the hot zone 208 can change with the changes in the display content 2 of the volume adjustment window 207.

[0143] The following section provides further explanation on how to determine the hot zone 208 of the volume adjustment window 207 after deformation.

[0144] In some embodiments, the electronic device 100 reduces the hot area 208 of the window according to the display area of ​​the display content of the deformed volume adjustment window 207. Specifically, the electronic device 100 reduces the hot area 208 of the window according to the display area of ​​the display content 1 after the window is deformed. The reduced hot area 208 includes the display area of ​​the display content 1.

[0145] In one implementation, the electronic device 100 sets the reduced hot zone 208 to be the same as the display area of ​​the display content 1. For example, using... Figure 6B Taking the deformed volume adjustment window 207 as an example, since the display area of ​​panel 207A in display content 1 includes the display areas of other controls in display content 1, the reduced hotspot 208 can be the same as the display area of ​​panel 207A. For example, taking... Figure 6C Taking the deformed volume adjustment window 207 as an example, since the display area of ​​the volume bar 207B in the display content 1 includes the display area of ​​other controls in the display content 1, the reduced hot area 208 can be the same as the display area of ​​the volume bar 207B.

[0146] In one implementation, the electronic device 100 sets a reduced-size hot zone 208 that includes the display area of ​​the display content 1, and the size of the hot zone 208 is larger than the size of the display area of ​​the display content 1. Optionally, the hot zone 208 is set as a rectangular area that is proportionally enlarged from the display area of ​​the display content 1 according to a preset ratio, or the hot zone 208 is set as a rectangular area formed by extending the display area of ​​the display content 1 outwards (upwards, downwards, leftwards, and rightwards) by a preset length. For example, using... Figure 7A Taking the deformed volume adjustment window 207 as an example, the hot zone 208 is a rectangular area formed by extending a preset length outward from the display area of ​​the display content 1.

[0147] It should be noted that the aforementioned preset ratio is the ratio of the area of ​​the hot zone 208 to the area of ​​the display area of ​​the display content 1; or, the aforementioned preset ratio is the ratio of the width of the hot zone 208 to the width of the display area of ​​the display content 1, or the ratio of the height of the hot zone 208 to the height of the display area of ​​the display content 1. For example, the aforementioned preset ratio can be 1.1, and the aforementioned preset length can be the length of 10 pixels.

[0148] In some embodiments, during the window deformation process, when the area (or width, height) of the display area of ​​the display content 1 is greater than the preset value 2, the hot zone 208 is set to be the same as the display area of ​​the display content 1; when the area (or width, height) of the display area of ​​the display content 1 is less than or equal to the preset value 2, the size of the hot zone 208 is set to be greater than the size of the display area of ​​the display content 1 and less than the size of the area 210 occupied by the window, and the hot zone 208 includes the display area of ​​the display content 1.

[0149] In some embodiments, the electronic device 100 reduces the hot area 208 of the volume adjustment window 207 according to the display area of ​​the content displayed in the deformed volume adjustment window 207. Specifically, the electronic device 100 reduces the hot area of ​​the window according to the display area of ​​the responsive controls in the deformed display content 1, and the reduced hot area 208 includes the display area of ​​the responsive controls in the display content 1. For example, with Figure 7B Taking the deformed volume adjustment window 207 as an example, the response controls in the display content 1 include a volume bar 207B, a speaker icon 207C, and a settings icon 207D. The shrunken hot area 208 includes the display area 211A of the volume bar 207B, the display area 211B of the speaker icon 207C, and the display area 211C of the settings icon 207D.

[0150] In addition, it should be noted that, Figures 6A to 6E During the window deformation process shown, the area 210 occupied by the volume adjustment window 207 can remain unchanged, or it can shrink as the displayed content 1 shrinks. This application embodiment does not specifically limit this.

[0151] like Figure 8A As shown, with Figure 6CTaking the volume adjustment window 207 as an example, after the window is deformed, only the volume bar 207B is displayed. The volume adjustment window 207 no longer obscures the album icon 205A, and the user can see the album icon 205A on the display screen 194. Correspondingly, the hot area 208 of the volume adjustment window 207 no longer covers the hot area 209 of the icon 205A. In this way, the album icon 205A can receive and respond to the user's input operation.

[0152] For example, such as Figure 8A As shown, the electronic device 100 can detect an input operation (such as a click operation) applied to the icon 205A of the photo album, and in response to the input operation, the electronic device 100 can display as shown in the image. Figure 8B The album interface 12 shown is used to display one or more photo lists. Thus, by implementing this embodiment, the electronic device 100 can reduce the size of other displayed content within the volume adjustment window 207 based on the volume bar 207B that the user is interested in, and reduce the corresponding hot zone 208 of the window based on the display area of ​​all content in the volume adjustment window 207, thereby increasing the operable area of ​​the display screen 194 and improving screen utilization.

[0153] Scene 2

[0154] Figures 9A to 9C Taking a floating ball window as an example, this demonstrates another application scenario for window display with reduced window hotspot size.

[0155] For example, such as Figure 9A As shown, the electronic device 100 displays a floating ball window 301 on the user interface 11. Figure 9A As shown, the content displayed in the floating ball window 301 covers the album icon 205A, and the hotspot 302 of the floating ball window 301 covers the hotspot 209 of the album icon 205A. Optionally, Figure 9A The hot zone 208 of the floating ball window 301 shown is the same as the area 303 occupied by the floating ball window. The content displayed in the floating ball window 301 can be... Figure 9A The floating sphere shown can also be a floating sphere displayed in other forms; no specific limitation is made here.

[0156] In some embodiments, the floating ball window 301 is used to clear background applications. In one implementation, the floating ball window 301 can receive user input (such as a long press), and in response to the input, the electronic device 100 clears the running data of the background applications. In another implementation, the floating ball window 301 can receive user input (such as a long press), and in response to the input, the electronic device 100 displays an interface for clearing background applications. Furthermore, not limited to clearing background applications, the floating ball window 301 can also be used to clear other data, such as the memory of the electronic device 100, which is not specifically limited here.

[0157] In some embodiments, the floating ball window 301 is used to bring up a shortcut menu. For example, the floating ball window 301 receives user input (such as a click), and in response to the input, the electronic device 100 displays... Figure 9B The shortcut menu bar 303 is shown.

[0158] In this embodiment, if no input operation is detected on the floating ball window 301 within a preset time period, the electronic device 100 will reduce the display content of the floating ball window 301 and reduce the hot area 302 of the floating ball window 301 based on the display content of the floating ball window 301. Figure 9A The shape of the suspended sphere in the window shown is changed. Figure 9C The semi-circular shape is shown and displayed at the edge of the screen.

[0159] In one implementation, for Figure 9C The deformed floating ball window 301 shown has a hot zone 303 set by the electronic device 100 that is the same as the display area of ​​the content displayed in the floating ball window 301. In one implementation, the size of the hot zone 303 is larger than the size of the display area of ​​the content displayed in the floating ball window 301, but smaller than the area 303 occupied by the floating ball window 301. The hot zone 303 includes the display area of ​​the content displayed in the floating ball window 301. Furthermore, how to base on... Figure 9C The display content of the deformed floating ball window 301 shown determines the hot zone 302 of the floating ball window 301. You can also refer to the relevant embodiments of the aforementioned volume adjustment window 207, which will not be repeated here.

[0160] Figures 9A to 9C After the floating ball window deforms, the floating ball window 301 no longer completely obscures the album icon 205A, and the user can see the album icon 205A on the display screen 194. Correspondingly, the hot area 302 of the floating ball window 301 no longer covers the hot area 209 of the icon 205A. In this way, the album icon 205A can receive and respond to the user's input operations.

[0161] In addition, see Figures 9A to 9C During the deformation of the floating ball window 301, the area 303 occupied by the floating ball window 301 can remain unchanged, or it can shrink as the displayed content of the floating ball window 301 shrinks. Not limited to the volume adjustment window 207 and the floating ball window 301, the application scenario of shrinking the window hotspot provided in this embodiment can also be used for other windows. For example, video call windows, small video viewing windows in video applications, etc., are not specifically limited here.

[0162] It should be noted that, in the embodiments of this application, the shapes of controls (e.g., volume bar 207B) and windows (e.g., volume adjustment window 207 or floating ball window 301) displayed on the screen can be varied. However, the display area of ​​controls and windows is generally rectangular, and the rectangular display area can be determined by the display position (e.g., the coordinates of the upper left point of the area) and the size (e.g., the width and height of the area). For example, if an icon is displayed in a circular shape, the display area of ​​the icon can be the circumscribed rectangle of the aforementioned circle.

[0163] Scene 3

[0164] Figures 10A to 10E Taking the call window as an example, this paper exemplifies an application scenario for window display.

[0165] For example, such as Figure 10A As shown, the electronic device 200 displays a call window 401 in full screen. At this time, the hot zone 402 of the call window 401 occupies the same area as the call window 401 itself; for example, the hot zone 402 includes the entire display area of ​​the screen. The electronic device 200 can detect input operations applied to the full-screen call window 401. In response to this input operation, the electronic device 200 can shrink the display content of the call window 401 and display the shrunken call window 401 as shown in the image. Figure 10B On the user interface 21 shown, this visually shrinks the call window 401.

[0166] It should be noted that the user interface 21 can be the main interface of the electronic device 200 or other user interfaces of the electronic device 200.

[0167] In another implementation, Figures 10A to 10B During the window deformation process shown, the area occupied by the call window 401 can remain unchanged, and the hot zone 402 of the call window 401 can remain unchanged or shrink as the display content 1 of the call window 401 shrinks. After the call window 401 is deformed, the electronic device 100 determines the hot zone 402 of the call window 401 based on the display area of ​​the display content of the call window 401. The size of the hot zone 402 is larger than the display area of ​​the display content of the window, and the hot zone 402 includes the display area of ​​the display content of the window.

[0168] In one implementation, Figures 10A to 10B During the window deformation process shown, the electronic device 200 will simultaneously shrink the area occupied by the call window 401 (for example, by adjusting the first parameter of the small window 401), and then simultaneously shrink the hot area of ​​the call window 401 based on the area occupied by the call window 401; when the call window 401 is visually shrunk to Figure 10B After the small window shown, the hot zone 402 of the window is appropriately expanded according to the display area of ​​the content displayed in that window. For example, as shown... Figure 10C As shown, when the call window 401 is visually shrunk to a smaller window, the hot zone 402 occupies the same area as the call window 401; then, the electronic device 100 appropriately expands the hot zone of the window based on the display area of ​​the window's content. Figure 10D The hot zone shown is 402.

[0169] In some embodiments, when Figure 10B When the area of ​​the display content of the call window 401 shown is greater than a preset value of 1, the electronic device 100 determines the size of the hot zone 402 based on the area occupied by the window. When Figure 10B When the area of ​​the display area of ​​the content displayed in the call window 401 is less than a preset value 1, the electronic device 200 can determine the hot zone 402 of the window based on the display area of ​​the content, so that the size of the hot zone 402 is larger than the display area of ​​the content.

[0170] In one implementation, the hot zone 402 after window deformation is defined as the area formed by expanding the display area of ​​the call window 401 by a preset ratio. In another implementation, the hot zone 402 after window deformation is defined as the area formed by extending the display area of ​​the call window 401 by a preset length in all directions. The preset ratio and preset length can be referred to the relevant descriptions in the foregoing embodiments, and will not be repeated here.

[0171] For example, such as Figure 10E As shown, the electronic device 200 can detect input operations applied to the hotspot 402 (such as a click operation applied within the hotspot 402 but outside the call window 401), and in response to this operation, the electronic device 200 displays as shown. Figure 10A The full-screen call interface 20 is shown. Thus, by implementing this embodiment, after the full-screen call window 401 is visually transformed into a smaller call window 401, the electronic device 200 can appropriately enlarge the hot area 402 of the window based on the display area of ​​the reduced content of the call window 401. This avoids the problem that the user cannot accurately operate the window due to the small display content of the call window 401, ensuring that the user will not have operational difficulties when restoring the full-screen call window 401.

[0172] Furthermore, the application scenarios for expanding the window hotspot provided in this application embodiment are not limited to the call window; they are also applicable to other windows. For example, the small video viewing window in a video application, etc., are not specifically limited here.

[0173] The following describes the animation implementation principle of window deformation provided in the embodiments of this application.

[0174] In this embodiment of the application, electronic device 100 or electronic device 200 may use window animation, view animation, and / or layout animation to display the window deformation process. In one implementation, electronic device 100 or electronic device 200 may use view animation and layout animation to display the window deformation process, thereby improving the smoothness of the window deformation process.

[0175] For example, such as Figure 11 The diagram shown is a schematic diagram illustrating the principle of animation implementation provided in an embodiment of this application. Figure 11 As shown, the elements for implementing animation include the initial state, the final state, the duration, and the interpolator. The interpolator sets the logic for the transition of animation attribute values ​​from the initial to the final state, thereby controlling the rate of animation change. This allows the animation effect to change at one or more rates, such as constant speed, acceleration, deceleration, and parabolic speed, as well as one or more style changes, such as translation, scaling, rotation, and transparency. In this embodiment, the electronic device 100 can use a linear interpolator (keeping the animation speed constant) to implement the window deformation animation.

[0176] In some embodiments of this application, users can independently set the animation duration and final state, and set the change logic of animation attribute values ​​through a system interpolator (e.g., a linear interpolator, an accelerated interpolator) or a custom interpolator. When the animation is running, when the electronic device 100 determines that the animation attribute value has changed according to the above change logic, it draws a frame image based on the above animation attribute value and refreshes the display window.

[0177] For example, the initial state of the animation is Figure 6A The final state of the animation in the volume adjustment window 207 shown is... Figure 6C The volume adjustment window 207 shown is configured by the electronic device 100 to set an animation duration of 1 and an animation interpolator 1, so that the volume adjustment window 207 changes according to the change logic set by the interpolator 1 within the aforementioned animation duration of 1. Figure 6A The volume adjustment window 207 shown has been transformed into Figure 6C The volume adjustment window 207 is shown. For example, the initial state of the animation is... Figure 10A The full-screen call window 401 shown has the following animation final state: Figure 10CThe visually reduced call window 401 shown is achieved by the electronic device 100 through setting an animation duration 2 and an animation interpolator 2, so that the call window 401 changes according to the change logic set by the interpolator 2 within the aforementioned animation duration 2. Figure 10A The full-screen call window 401 shown has transformed into... Figure 10C The reduced call window 401 is shown.

[0178] This application provides a window display method that adjusts the window's hotspot based on the display area of ​​the content after deformation. This increases the user's operable area on the screen when the electronic device 100 shrinks the window's display content, effectively improving screen utilization. Furthermore, the electronic device 100 can implement the window deformation process based on View animation, effectively improving the smoothness of window deformation.

[0179] Figure 12 An exemplary embodiment of this application illustrates a window display method, which includes, but is not limited to, steps S101 to S102, wherein:

[0180] S101, The electronic device displays the first window.

[0181] S102. The electronic device determines the hot zone of the first window based on the first display area of ​​the first window. The first display area includes the display area of ​​the response control in the first window. The response control is a control that can respond to touch operation.

[0182] Among them, electronic device 100 can be either the aforementioned electronic device 100 or the aforementioned electronic device 200.

[0183] For example, the first window described above can be the volume adjustment window 207 described in Scenario 1, the floating ball window 301 described in Scenario 2, or the call window 401 described in Scenario 3. Not limited to the above windows, the window display method provided in this application embodiment is also applicable to other types of windows, such as video playback windows.

[0184] In some embodiments, before the electronic device determines the hot zone of the first window based on the first display area of ​​the first window, the method further includes: when the first window meets a preset condition, the electronic device shrinks the first display content of the first window; the determination of the hot zone of the first window based on the first display area of ​​the first window specifically includes: the electronic device shrinks the hot zone of the first window into a first hot zone based on the first display area, and the first display area includes the display area of ​​the response controls in the first window after the first display content is shrunk. By implementing the embodiments of this application, when the display content of the first window is shrunk, the electronic device shrinks the hot zone of the first window based on the display area of ​​the shrunk display content, thereby adaptively increasing the operable area of ​​the user on the display screen and improving screen utilization.

[0185] In some embodiments, the first window includes a first control, the preset condition is detecting a first operation performed on the first control of the first window, and the first display content includes the display content in the first window excluding the first control. By implementing embodiments of this application, after the electronic device determines the control that the user is interested in in the first window, it can reduce the display area of ​​other display content in the first window that the user is not interested in based on the display area of ​​that control. Furthermore, it can reduce the hot zone of the first window based on the display area of ​​the reduced display content, thereby increasing the operable area on the display screen and improving screen utilization.

[0186] In some embodiments, the method further includes: in response to the first operation, the electronic device also executes a response event corresponding to the first operation.

[0187] It should be noted that the aforementioned first operation can be performed directly on the first control by touching the hot area of ​​the first control on the display screen, or it can be performed indirectly on the first control by other means. For example, the first control is the aforementioned volume bar 207B, and the user indirectly acts on the volume bar 207B through the volume buttons. It can be understood that in the embodiments of this application, if the response event corresponding to the first operation is the same as the response event executed by directly controlling the first control through touch operation, then the first operation can be said to act on the first control.

[0188] For example, referring to the relevant embodiments of Scenario 1 above, the first window can be... Figure 6A The volume adjustment window 207 shown includes response controls such as a volume bar 207B, a speaker icon 207C, and a settings icon 207D. In this embodiment, the electronic device 100 can determine the hot zone of the volume adjustment window 207 based on a first display area, which includes the display areas of the volume bar 207B, the speaker icon 207C, and the settings icon 207D.

[0189] The first control mentioned above can be the volume bar 207B in the volume adjustment window 207, the hot zone of the first window is the hot zone 208, and the first display content can include the display content in the volume adjustment window 207 other than the volume bar 207B. For example, the first display content is the aforementioned display content 2 (i.e., the volume panel 207A, the speaker icon 207C, and the settings icon 207D). The preset condition mentioned above can be detecting a first operation acting on the volume bar 207B, wherein the first operation can be... Figure 6A The upward sliding operation on the volume bar 207B shown can also be a pressing operation on the volume button that affects the volume bar 207B. In response to the upward sliding operation, the electronic device 100 can shrink the displayed content 2 based on the position of the volume bar 207B, and shrink the hot zone of the volume adjustment window 207 as a first hot zone based on the first display area after shrinking the displayed content 2. For example, after shrinking the displayed content 2, the volume adjustment window 207 may deform as follows: Figure 6B The volume adjustment window 207 shown can have its first hot zone as follows: Figure 6B and Figure 7B The hot zone 208 is shown; after shrinking the display content 2, the volume adjustment window 207 changes as follows. Figure 6C The volume adjustment window 207 shown can have its first hot zone as follows: Figure 6C and Figure 7A The hot zone 208 is shown.

[0190] In addition, in response to the above-mentioned upward sliding operation or pressing operation, the electronic device 100 also executes the response event corresponding to the volume bar 207B, that is, adjusts the length of the area 3 of the volume bar 207B, and adjusts the volume based on the length of the area 3.

[0191] In some embodiments, the aforementioned preset condition is that no input operation is detected on the first window within a preset time period. By implementing the embodiments of this application, when the user does not pay attention to the first window for a long time, the display content of the first window can be reduced, and the hot area of ​​the first window can be reduced based on the display area of ​​the reduced display content, thereby increasing the operable area of ​​the user on the display screen and improving screen utilization.

[0192] In some embodiments, the first window is a floating ball window, and the first displayed content is the floating ball in the floating ball window. For example, the preset duration is 3 seconds.

[0193] For example, referring to the relevant embodiments of Scenario 2 above, the aforementioned first window can be Figure 9A The floating ball window 301 shown can initially display the floating ball within it. When the floating ball is shrunk, it appears as... Figure 9C The semi-circular state shown. Electronic device 100 is based on... Figure 9CThe first display area of ​​the floating ball window 301 shown is reduced to the hot zone of the floating ball window 301, which is the first hot zone. The first display area includes the display area of ​​the floating ball, and the first hot zone can be... Figure 9C The hot zone 302 is shown.

[0194] In some embodiments, the aforementioned preset condition is the detection of a second operation applied to the first window. The second operation is used to shrink the displayed content of the first window, and the first displayed content includes all the displayed content of the first window. By implementing the embodiments of this application, when a second operation for visually shrinking the first window is detected, the electronic device, while shrinking the displayed content of the first window, can also shrink the hot zone of the first window based on the display area of ​​the shrunken displayed content, thereby increasing the operable area for the user on the display screen and improving screen utilization.

[0195] In some embodiments, the above-mentioned electronic device displays a first window, specifically including: the electronic device displays the first window in full screen.

[0196] For example, referring to the relevant embodiments of scenario three, the first window can be Figure 10A The full-screen call window 401 shown above includes all the content displayed in the call window 401. In response to the second operation described above, the electronic device 200 shrinks all the content displayed in the call window 401, visually reducing the call window 401 to a smaller size. Figure 10B The call window 401 shown can be based on the electronic device 200. Figure 10B The first display area of ​​the call window 401 shown is defined as the hot zone of the deformed call window 401. The first display area includes the display area of ​​all displayed content of the call window 401. The first hot zone can be... Figure 10C or Figure 10D The hot zone shown is 402.

[0197] In some embodiments, the electronic device displays a first window, comprising: the electronic device displays the first window on a first user interface; wherein the first user interface includes a fourth control, and before the hot area of ​​the first window is reduced to a first hot area, the hot area of ​​the first window covers the hot area of ​​the fourth control; after the hot area of ​​the first window is reduced to a first hot area, the hot area of ​​the first window does not cover the hot area of ​​the fourth control. By implementing the embodiments of this application, when the displayed content of the window is reduced, the hot area of ​​the first window can be reduced based on the display area of ​​the reduced content, allowing the fourth control, which was originally covered by the hot area of ​​the first window, to receive and respond to user input operations, increasing the operable area on the display screen and improving screen utilization.

[0198] For example, the fourth control can be Figure 6A The album icon 205A on the user interface 11 shown is as follows: Figure 6A As shown, the hot zone 208 of the volume adjustment window 207 before deformation covers the hot zone 209 of the album icon 205A; Figure 6B and Figure 6C As shown, the hot zone 208 of the deformed volume adjustment window 207 partially covers or does not cover the hot zone 209 of the album icon 205A. Figure 6B or Figure 6C The album icon 205A shown can receive and respond to user input, displaying... Figure 8B The user interface 12 of the album shown.

[0199] In some embodiments, the size of the area occupied by the first window on the display screen remains unchanged after the electronic device shrinks the first display content of the first window compared to before the first display content of the first window is shrunk.

[0200] In some embodiments, the electronic device reduces the hot zone of the first window to a first hot zone based on the first display area, including: the electronic device reduces the hot zone of the first window to a first hot zone based on the position and size of the first display area, the first hot zone including the first display area. It can be understood that the first hot zone includes the display area of ​​the responsive controls of the first window, or the first hot zone includes the display area of ​​all displayed content of the first window.

[0201] In some embodiments, the size of the first hot zone is larger than the size of the first display area. Implementing the embodiments of this application avoids situations where the user cannot accurately operate the window if the displayed content of the first window is too small.

[0202] For example, such as Figure 10D As shown, the electronic device appropriately increases the size of the first hot zone based on the display area of ​​the content displayed in the call window 401, so as to avoid the user being unable to smoothly restore the full-screen display state of the call window 401 by clicking the hot zone of the call window 401 when the content displayed in the call window 401 is too small.

[0203] In some embodiments, the first hot zone is an area formed by expanding the first display area according to a preset ratio, or the first hot zone is an area formed by extending the first display area outwards by a preset length. In the embodiments of this application, the first hot zone includes the first display area. When the size of the first hot zone is smaller than the size of the first display area, there is no specific limitation on how to determine the first hot zone based on the first display area.

[0204] It should be noted that the aforementioned preset ratio is the ratio of the area of ​​the first hot zone to the area of ​​the first display area; or, the aforementioned preset ratio is the ratio of the width of the first hot zone to the width of the second display area, or the ratio of the height of the first hot zone to the height of the second display area. For example, the aforementioned preset ratio can be 1.1, and the aforementioned preset length can be 10 pixels.

[0205] For example, such as Figure 7A As shown, after the display content 1 of the volume adjustment window 207B is reduced, the first display area is the same as the display area of ​​the volume bar 207B. The electronic device determines that the hot area 208 of the volume adjustment window 207B is the area formed by extending the display area of ​​the volume bar 207B to the surrounding areas by a preset length.

[0206] In this embodiment, the electronic device can determine the initial state of the first window before shrinking the first display content and the final state of the first window after shrinking the first display content. How the initial state of the first window changes to its final state is not limited here. For example, during the change, the displayed content of the first window can gradually change, jump, rotate, and / or change its transparency, etc.

[0207] In some embodiments, when the electronic device shrinks the first display content of the first window, the method further includes increasing the transparency of the first display content.

[0208] For example, the first displayed content is the aforementioned displayed content 2. Figure 6E This shows the change in transparency of the volume adjustment window 207 during the window deformation process, compared to... Figure 6A The displayed content is 2. Figure 6E The transparency of the displayed content 2 has been increased.

[0209] In some embodiments, the first display content includes a second control and a third control. When the electronic device shrinks the first display content of the first window, the method further includes: increasing the transparency of the second control while keeping the transparency of the third control unchanged.

[0210] For example, such as Figure 6A As shown, the volume adjustment window 207 includes a volume panel 207A, a volume bar 207B, a speaker icon 207C, and a settings icon 207D. The second control includes the speaker icon 207C and the settings icon 207D, and the third control may include panel 207A. Figure 6D An example is shown illustrating the change in transparency during the deformation process of the volume adjustment window 207, compared to... Figure 6A , Figure 6D The transparency of the volume panel 207A remains unchanged, while the transparency of the speaker icon 207C and settings icon 207D is increased.

[0211] In some embodiments, the first display area includes the display area of ​​all controls in the first window after the first display content has been reduced.

[0212] For example, the hot zone of the first window is determined based on the first display area. Figure 6B and Figure 6CThe hot zone 208 shown includes the display area of ​​all controls in the deformed first window.

[0213] In some embodiments, the above-mentioned electronic device shrinks the first display content of the first window, including: adjusting the display position of the first display content and reducing the size of the first display content based on the display position and / or size of the first control.

[0214] In some embodiments, after the electronic device shrinks the first display content of the first window, the display area of ​​the first display content includes the display area of ​​the first control; or, after the electronic device shrinks the first display content of the first window, the display area of ​​the first control includes the display area of ​​the first display content.

[0215] For example, the first control is the volume bar 207B, and the first display content is the aforementioned display content 2. Figure 6B To minimize the size of the volume adjustment window 207 after displaying content 2, Figure 6B The display area of ​​the shown content 2 includes the display area of ​​the volume bar 207B. Figure 6C To minimize the size of the volume adjustment window 207 after displaying content 2, Figure 6C The display area of ​​the volume bar 207B shown includes the display area of ​​the display content 2. In this embodiment, the size of the display content 2 can also be reduced to zero.

[0216] In some embodiments, when the size of the first display area is less than a first preset value, the size of the first hot zone is determined based on the size of the first display area; when the size of the first display area is greater than or equal to the first preset value, the size of the first hot zone can be determined in other ways, such as based on the area occupied by the first window.

[0217] In some embodiments, the electronic device reduces the hot zone of the first window to a first hot zone based on the first display area, including: when the size of the display area of ​​all the displayed content of the first window is less than a second preset value, the electronic device reduces the hot zone of the first window to a first hot zone based on the first display area; when the size of the display area of ​​all the displayed content of the first window is greater than or equal to the second preset value, the electronic device determines the task of the first window based on other methods, such as based on the area occupied by the first window. For example, when the first window is the aforementioned volume adjustment window 207, the first preset value can be the aforementioned preset value 2; when the first window is the aforementioned call window 401, the first preset value can be the aforementioned preset value 1.

[0218] Furthermore, in this embodiment of the application, during the process of shrinking the first display content of the first window, the electronic device 100 uses View animation to realize the deformation of the first window based on the initial state and final state of the first window, which effectively improves the smoothness of the window deformation.

[0219] The following is combined Figure 13 The software structure of the electronic device 100 in the embodiments of this application is described.

[0220] In this embodiment, the software system of the electronic device 100 can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This embodiment uses the layered architecture Android system as an example to illustrate the software structure of the electronic device 100.

[0221] See Figure 13 , Figure 13 An exemplary software structure block diagram of an electronic device 100 provided in an embodiment of this application is shown.

[0222] like Figure 13 As shown, the layered architecture divides the software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments, the Android system can be divided from top to bottom into the application layer, application framework layer, hardware abstraction layer (HAL) layer, and kernel layer. Wherein:

[0223] The application layer includes a suite of applications, such as the System UI, video, camera, and more. It may also include applications for gallery, calling, music, and more.

[0224] The application framework layer provides application programming interfaces (APIs) and a programming framework for applications in the application layer. The application framework layer includes some predefined functions.

[0225] The Android Runtime consists of core libraries and a virtual machine. The Android runtime is responsible for scheduling and managing the Android system.

[0226] The core library consists of two parts: one part is the functionalities that need to be called by the Java language, and the other part is the Android core library.

[0227] The application layer and application framework layer run in a virtual machine. The virtual machine executes the Java files of the application layer and application framework layer as binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

[0228] The kernel layer is the layer between hardware and software. It can contain display drivers, sensor drivers, touch IC drivers, and may also include camera drivers, audio drivers, and so on. The HAL layer and the kernel layer can respond to functions called by the application framework layer and perform corresponding operations.

[0229] Figure 13 The software development kit (SDK) mentioned refers to a collection of development tools for building application software for specific software packages, software frameworks, hardware platforms, operating systems, etc.

[0230] The application framework layer may include: Window Manager Service (WMS), Window Session Object, Input Manager Service (IMS), Drawing Module, and Display Module.

[0231] The Window Management Service is a system service in Android that controls the display and hiding of all windows. It assigns interfaces to all windows, manages their display order, size, and position, and controls window animations, serving as a crucial intermediary for the input system. Each window in the Window Management Service includes a corresponding window session object, which stores the window's hotspot information (i.e., the display position and size of the hotspot). When a window is created, the Window Management Service registers a hotspot refresh listener for that window with the view listener module of the view root layout.

[0232] The ViewRoot layout (ViewRootlmpl) manages the root view of a window and implements the ViewParent interface. It controls the view's measurement, layout, and drawing; all window event dispatching and interaction are executed or passed through it. Simultaneously, the ViewRoot layout communicates with the Window management service through the window session object and uses IWindow as the callback interface for the Window management service. The ViewRoot layout includes a view listener module, which listens to the view tree corresponding to the window.

[0233] Among them, the View tree: Views and ViewGroups can form a tree structure, i.e., a View tree, which organizes all the controls on the user interface. For example... Figure 2As shown, at the top of each View tree is a parent view (ViewParent) object, which serves as the core of the View tree. All interaction management events are uniformly scheduled and distributed by it, thus providing overall control over the entire view. Here, the view is the base class for all controls in the Android system. A view group represents a collection of controls; a view group contains one or more views, and can also contain other view groups.

[0234] The input event management service is used to manage input events in electronic device 100.

[0235] The drawing module is used to draw the window based on the view tree corresponding to the window. In one implementation, when the electronic device 100 displays the interface of the application running in the foreground, the drawing module periodically calls the view root layout to draw the displayed content.

[0236] The display module is used to determine the content displayed in the window.

[0237] The following example illustrates the workflow of the window display method in electronic device 100.

[0238] In some embodiments of this application, the electronic device 100 receives user input operations, and related information of the input operations (such as interruption information of volume buttons) is sent to an input event management service to identify the input event corresponding to the input operation as displaying a first window (such as the aforementioned volume adjustment window 207). Then, the input event management service distributes the input event to the Window management service.

[0239] The Window Management Service invokes the first window based on the aforementioned input event. It should be noted that before receiving the input event, the Window Management Service can create a window object for the first window based on its SDK and specify its view layout. The window session object of the first window stores its hotspot information. Then, the first window is added to the Window Management Service, completing its creation. Furthermore, the hotspot refresh listener for the first window can be registered with the view listener module of the root view layout during its creation.

[0240] The drawing module triggers the drawing of the first window, which in turn triggers the view root layout to call the performTraversals() function to perform layout attribute detection and drawing of the first window, and sends the drawing data of the first window to the display module. The display module determines the display content of the first window based on the drawing data of the first window, and drives the display screen 194 to display the first window by calling the kernel layer display driver.

[0241] In some embodiments of this application, when the touch sensor 180K receives a touch operation, a corresponding hardware interrupt is sent to the touch chip. The touch chip sends the touch information of the touch operation to the touch chip driver in the kernel layer. The touch chip driver sends the touch information to the input system. The input system processes the touch operation into a raw input event (including touch coordinates, timestamp of the touch operation, etc.), and the raw input event is stored in the kernel layer. The input event management service obtains the raw input event from the kernel layer and determines that the raw input event is acting on the first control of the first window. The input event management service distributes the input event to the application 1 corresponding to the first window. The application 1 can determine the display position and size of the content displayed in the first window after scaling down based on the display position and size of the first control; and determine the position and size of the hotspot of the first window after scaling down based on the display position and size of the content displayed in the first window; the application 1 can send the relevant information (position and size) of the content displayed in the first window after scaling down and the hotspot of the first window to the view listening module corresponding to the first window. The view listening module sends the relevant information of the hotspot of the first window after scaling down to the window session object of the first window and updates the relevant information of the hotspot of the first window in the window session object. The root view layout calls animation (e.g., view animation) functions to determine the view layout corresponding to the first window at each refresh cycle during the transformation process of the first window from its initial state to its final state.

[0242] The drawing module periodically triggers drawing, prompting the view root layout to call the `performTraversals()` function to perform layout attribute detection and drawing of the first window, and then sending drawing data to the display module, thus displaying the deformation process of the first window. Specifically, when the view root layout calls `performTraversals()` to perform layout attribute detection of the first window, it calls the first window's hotspot refresh listener to obtain the current display content and hotspot information of the first window. In one implementation, the first window's hotspot refresh listener reads the first window's display content and hotspot information in `onComputeInternalInserts`.

[0243] In the above embodiments, implementation can be achieved entirely or partially through software, hardware, firmware, or any combination thereof. When implemented using software, it can be implemented entirely or partially 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, all or part of the processes or functions described in the embodiments of this application are generated. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions can be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another. For example, the computer instructions can be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via wired (e.g., coaxial cable, fiber optic, digital subscriber line) or wireless (e.g., infrared, wireless, microwave, etc.) means. 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 integrates one or more available media. The available medium can be a magnetic medium (e.g., floppy disk, hard disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., solid-state drive), etc.

[0244] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by a computer program instructing related hardware. This program can be stored in a computer-readable storage medium, and when executed, it can include the processes described in the above method embodiments. The aforementioned storage medium includes various media capable of storing program code, such as ROM or random access memory (RAM), magnetic disks, or optical disks.

[0245] The above-described embodiments are only used to illustrate the technical solutions of this application, and are not intended to limit it. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some of the technical features. Such modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of this application.

Claims

1. A method for displaying a window, characterized in that, include: An electronic device displays a first window on a first user interface; the first window includes a volume bar and first display content, and the first window includes a volume adjustment window; After the first window meets the first preset condition, the electronic device keeps the size of the volume bar unchanged, stops displaying the first display content, and shrinks the visible area of ​​the first window; the first preset condition is detecting a touch operation on the volume bar; The electronic device reduces the hot area of ​​the first window to a first hot area; the first hot area is determined based on the display area of ​​the volume bar; before and after reducing the hot area of ​​the first window, the size of the area occupied by the first window on the display screen remains unchanged; The first user interface includes a fourth control. Before the hot area of ​​the first window is reduced to the first hot area, the hot area of ​​the first window covers the hot area of ​​the fourth control. After the hot area of ​​the first window is reduced to the first hot area, the hot area of ​​the first window does not cover the hot area of ​​the fourth control.

2. The method according to claim 1, characterized in that, The size of the hot zone of the first window is smaller than the size of the area occupied by the first window.

3. The method according to claim 1, characterized in that, The size of the hot zone of the first window is greater than or equal to the size of the volume bar.

4. The method according to claim 1, characterized in that, The step of stopping the display of the first displayed content includes: The electronic device shrinks the first display content until it stops displaying the first display content.

5. The method according to claim 4, characterized in that, Before shrinking the first display content, the display area of ​​the first display content includes the display area of ​​the volume bar.

6. The method according to claim 1, characterized in that, The method further includes: The electronic device displays a third window; After the third window meets the second preset condition, the electronic device reduces the display content of the third window; The electronic device reduces the hot zone of the third window; the reduced hot zone of the third window is determined based on the first display area of ​​the third window, the first display area including the display area of ​​the response control in the third window, the response control being a control capable of responding to touch operations.

7. The method according to claim 6, characterized in that, The third window is a floating ball window; the second preset condition is that no input operation is detected on the third window within a preset time period.

8. The method according to claim 6, characterized in that, The second preset condition is the detection of a second operation applied to the third window, the second operation being used to shrink the displayed content of the third window.

9. The method according to claim 8, characterized in that, The electronic device displays a third window, specifically including: The electronic device displays the third window in full screen.

10. The method according to any one of claims 1 to 9, characterized in that, The electronic device reduces the hot zone of the first window to a first hot zone, including: The electronic device reduces the hot zone of the first window to the first hot zone based on the position and size of the volume bar, and the first hot zone includes the display area of ​​the volume bar.

11. The method according to claim 10, characterized in that, When the size of the volume bar is smaller than a first preset value, the size of the first hot zone is larger than the size of the volume bar, and is determined based on the size of the volume bar.

12. The method according to claim 11, characterized in that, The first hot zone is the area formed by expanding the volume bar according to a preset ratio, or the first hot zone is the area formed by extending the volume bar to all sides by a preset length.

13. The method according to claim 1, characterized in that, When the electronic device shrinks the first displayed content, the method further includes: Increase the transparency of the first displayed content.

14. The method according to claim 1, characterized in that, The first displayed content includes a second control and a third control. When the electronic device shrinks the first displayed content, the method further includes: Increase the transparency of the second control, while keeping the transparency of the third control unchanged.

15. The method according to claim 1, characterized in that, The electronic device reduces the size of the first display content, including: Based on the display position and / or size of the volume bar, adjust the display position of the first display content and reduce the size of the first display content.

16. The method according to any one of claims 1 to 9, characterized in that, The step of stopping the display of the first displayed content includes: After the electronic device shrinks the first display content, the display area of ​​the volume bar includes the display area of ​​the first display content, and the volume bar is on top of the first display content, obscuring the first display content.

17. The method according to any one of claims 1 to 9, characterized in that, The method further includes: In response to the touch operation, the electronic device also executes a response event corresponding to the touch operation.

18. An electronic device, characterized in that, include: A display unit is configured to display a first window on a first user interface; the first window includes a volume bar and first display content, and the first window includes a volume adjustment window. The shrinking unit is used to keep the size of the volume bar unchanged and stop displaying the first display content after the first window meets a first preset condition, thereby shrinking the visible area of ​​the first window; the first preset condition is detecting a touch operation on the volume bar. The shrinking unit is also used to shrink the hot area of ​​the first window into a first hot area; the first hot area is determined according to the display area of ​​the volume bar; before and after shrinking the hot area of ​​the first window, the size of the area occupied by the first window on the display screen remains unchanged; The first user interface includes a fourth control. Before the hot area of ​​the first window is reduced to the first hot area, the hot area of ​​the first window covers the hot area of ​​the fourth control. After the hot area of ​​the first window is reduced to the first hot area, the hot area of ​​the first window does not cover the hot area of ​​the fourth control.

19. The electronic device according to claim 18, characterized in that, The size of the hot zone of the first window is smaller than the size of the area occupied by the first window.

20. The electronic device according to claim 18, characterized in that, The size of the hot zone of the first window is greater than or equal to the size of the volume bar.

21. The electronic device according to claim 18, characterized in that, The shrinking unit is specifically used to shrink the first display content until the first display content is stopped being displayed.

22. The electronic device according to claim 18, characterized in that, The display unit is also used to display a third window; The shrinking unit is also used to shrink the display content of the third window after the third window meets the second preset condition; The shrinking unit is also used to shrink the hot area of ​​the third window; the shrinking hot area of ​​the third window is determined according to the first display area of ​​the third window, the first display area including the display area of ​​the response control in the third window, the response control being a control capable of responding to touch operations.

23. The electronic device according to claim 22, characterized in that, The display unit is specifically used to display the third window in full screen.

24. The electronic device according to any one of claims 21 to 23, characterized in that, When the size of the volume bar is smaller than a first preset value, the size of the first hot zone is larger than the size of the volume bar, and is determined based on the size of the volume bar.

25. An electronic device, comprising: One or more processors, a memory, and a display screen; the memory and the display screen are coupled to the one or more processors, the memory being used to store computer program code, the computer program code including computer instructions, and the one or more processors invoking the computer instructions to cause the electronic device to perform the method as described in any one of claims 1-17.

26. A computer storage medium, characterized in that, Includes computer instructions that, when executed on an electronic device, cause the electronic device to perform the method as described in any one of claims 1-17.

27. A computer program product, characterized in that, When the computer program product is run on a computer, it causes the computer to perform the method as described in any one of claims 1-17.

Images