WO2022206681A1 - 一种窗口的显示方法以及相关装置 - Google Patents

一种窗口的显示方法以及相关装置 Download PDF

Info

Publication number
WO2022206681A1
WO2022206681A1 PCT/CN2022/083405 CN2022083405W WO2022206681A1 WO 2022206681 A1 WO2022206681 A1 WO 2022206681A1 CN 2022083405 W CN2022083405 W CN 2022083405W WO 2022206681 A1 WO2022206681 A1 WO 2022206681A1
Authority
WO
WIPO (PCT)
Prior art keywords
window
display
area
electronic device
display content
Prior art date
Application number
PCT/CN2022/083405
Other languages
English (en)
French (fr)
Inventor
李旭
Original Assignee
华为技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 华为技术有限公司 filed Critical 华为技术有限公司
Priority to EP22778863.5A priority Critical patent/EP4310649A4/en
Publication of WO2022206681A1 publication Critical patent/WO2022206681A1/zh
Priority to US18/477,270 priority patent/US20240028175A1/en

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0483—Interaction with page-structured environments, e.g. book metaphor
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04886—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures by partitioning the display area of the touch-screen or the surface of the digitising tablet into independently controllable areas, e.g. virtual keyboards or menus
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G5/00—Control arrangements or circuits for visual indicators common to cathode-ray tube indicators and other visual indicators
    • G09G5/14—Display of multiple viewports
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
    • G06F2203/048—Indexing scheme relating to G06F3/048
    • G06F2203/04807—Pen manipulated menu
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/04—Changes in size, position or resolution of an image
    • G09G2340/0407—Resolution change, inclusive of the use of different resolutions for different screen areas
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/04—Changes in size, position or resolution of an image
    • G09G2340/045—Zooming at least part of an image, i.e. enlarging it or shrinking it
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/14—Solving problems related to the presentation of information to be displayed
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2340/00—Aspects of display data processing
    • G09G2340/14—Solving problems related to the presentation of information to be displayed
    • G09G2340/145—Solving problems related to the presentation of information to be displayed related to small screens
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2354/00—Aspects of interface with display user

Definitions

  • the present application relates to the field of electronic technology, and in particular, to a window display method and related devices.
  • electronic devices such as mobile phones and tablet computers can display various windows.
  • the user usually chooses to shrink the temporarily inactive window to avoid excessive consumption of the user's display screen of the electronic device. Visible space and actionable space.
  • the present application provides a method for displaying a window and a related device, which can improve the utilization rate of the screen and effectively improve the user experience.
  • the present application provides a method for displaying a window, the method comprising: an electronic device displays a first window; the electronic device determines a hot area of the first window based on the first display area of the first window, and the first display area
  • the display area includes a response control in the first window, where the response control is a control capable of responding to a touch operation.
  • the hot area of the window can be determined based on the display area of the displayed content in the window, thus increasing the operable area of the user on the display screen and effectively improving the screen utilization rate.
  • the method before the electronic device determines the hot area of the first window based on the first display area of the first window, the method further includes: when the first window satisfies a preset condition, the electronic device shrinks the first window of the first window. Display content; the electronic device determines the hot area of the first window based on the first display area of the first window, which specifically includes: the electronic device reduces the hot area of the first window based on the first display area to the first hot area, and the first display area The display area of the response control in the first window after reducing the first display content is included.
  • the electronic device when the display content of the first window is reduced, the electronic device reduces the hot area of the first window based on the display area of the reduced display content, thereby adaptively increasing the user's operable area on the display screen, Improve screen utilization.
  • the first window includes a first control
  • the preset condition is that a first operation acting on the first control of the first window is detected
  • the first display content includes the first control in the first window except the first control display content outside.
  • the above-mentioned preset condition is that no input operation acting on the first window is detected within a preset time period.
  • the display content of the first window can be reduced, and then the hot area of the first window can be reduced based on the display area of the reduced display content, so as to increase the number of users in the display area.
  • the operable area on the screen improves screen utilization.
  • the above-mentioned first window is a suspension ball window
  • the first display content is a suspension ball in the suspension ball window.
  • the above-mentioned preset condition is that a second operation acting on the first window is detected, and the second operation is used to reduce the display content of the first window, and the first display content includes all the display contents of the first window.
  • the electronic device after detecting the second operation for visually reducing the first window, can reduce the first window based on the display area of the reduced display content while reducing the display content of the first window. to increase the user's operable area on the display screen and improve screen utilization.
  • the electronic device displaying the first window specifically includes: displaying the first window in a full screen by the electronic device.
  • displaying the first window by the electronic device includes: displaying the first window on the first user interface by the electronic device; wherein the first user interface includes a fourth control, and the hot area for reducing the first window is the first window. Before a hot zone, the hot zone of the first window covers the hot zone of the fourth control. After the hot zone of the first window is reduced to the first hot zone, the hot zone of the first window does not cover the hot zone of the fourth control.
  • the hot area of the first window is reduced based on the display area of the reduced display content, so that the fourth control originally covered by the hot area of the first window can receive and respond to the user.
  • the input operation increases the user's operable area on the display screen and improves the screen utilization rate.
  • the size of the area occupied by the first window on the display screen does not change. Change.
  • the electronic device reduces the hot area of the first window to the first hot area based on the first display area, including: the electronic device reduces the hot area of the first window based on the position and size of the first display area to A first hot zone, the first hot zone includes a first display area.
  • the size of the first hot zone is larger than the size of the first display area.
  • the size of the first hot zone is determined based on the size of the first display area.
  • the above-mentioned first hot area is an area formed by expanding the first display area according to a preset ratio, or the first hot area is an area formed by extending the first display area to the surrounding by a predetermined length.
  • the first hot zone includes the first display zone, and when the size of the first hot zone is smaller than the size of the first display zone, there is no specific limitation on how to determine the first hot zone based on the first display zone.
  • the electronic device may determine the initial state of the first window before the first display content is reduced and the termination state of the first window after the first display content is reduced, and how the initial state of the first window changes to the first window's specific state. Termination state, which is not limited here.
  • the display content of the first window may be gradually changed, jumped, rotated and/or changed in transparency, etc. during the changing process.
  • the method further includes: increasing the transparency of the first display content.
  • the first display content includes a second control and a third control
  • the method further includes: increasing the transparency of the second control, the third control Transparency remains the same.
  • the above-mentioned first display area includes a display area of all controls in the first window after reducing the first display content. It can be understood that, in this embodiment of the present application, the first display area is determined based on the display area of the response control in the first window, or the first display area is determined based on the display areas of all controls in the first window.
  • reducing the first display content of the first window by the electronic device includes: based on the display position and/or size of the first control, adjusting the display position of the first display content to reduce the first display content the size of.
  • 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.
  • the above method further includes: in response to the first operation, the electronic device further executes a response event corresponding to the first operation.
  • the electronic device reduces the hot area of the first window to the first hot area based on the first display area, including: when the size of the display area of all the display contents of the first window is smaller than the second preset value , the electronic device reduces the hot area of the first window to be the first hot area based on the first display area.
  • the present application provides an electronic device, the electronic device comprising:
  • a display unit for displaying the first window
  • the determining unit is configured to determine a hot zone of the first window based on a first display area of the first window, where the first display area includes 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.
  • the electronic device further includes a reducing unit, and before the determining unit determines the hot area of the first window based on the first display area of the first window, the reducing unit is used for when the first window satisfies a preset condition
  • the above determining unit is specifically configured to reduce the hot area of the first window to the first hot area based on the first display area, and the first display area includes the first display area after reducing the first display content.
  • the first window includes a first control
  • the preset condition is that a first operation acting on the first control of the first window is detected
  • the first display content includes the first control in the first window except the first control display content outside.
  • the above-mentioned preset condition is that no input operation acting on the first window is detected within a preset time period.
  • the above-mentioned preset condition is that a second operation acting on the first window is detected, and the second operation is used to reduce the display content of the first window, and the first display content includes all the display contents of the first window.
  • the above-mentioned display unit is specifically configured to display the first window in full screen.
  • the above-mentioned display unit is specifically configured to display the first window on the first user interface; wherein the first user interface includes a fourth control, and before reducing the hot area of the first window to the first hot area, the The hot zone of the first window covers the hot zone of the fourth control, and after the hot zone of the first window is reduced to the first hot zone, the hot zone of the first window does not cover the hot zone of the fourth control.
  • the size of the area occupied by the first window on the display screen does not change. Change.
  • the size of the first hot zone is determined based on the size of the first display area.
  • an electronic device comprising: a communication interface, a memory, and a processor; the communication interface and the memory are coupled to the processor, and the memory is used to store computer program codes, the computer program codes Comprising computer instructions, when the processor reads the computer instructions from the memory, to cause the electronic device to perform any of the possible implementations of the first aspect.
  • a computer-readable storage medium comprising instructions, wherein when the above-mentioned instructions are executed on an electronic device, the electronic device executes any one of the possible implementations of the first aspect.
  • a fifth aspect provides a computer product that, when the computer program product runs on a computer, enables the computer to perform any one of the possible implementations of the first aspect.
  • FIG. 1 is a schematic structural diagram of an electronic device according to an embodiment of the application.
  • FIG. 2 is a schematic structural diagram of a View tree according to an embodiment of the application.
  • FIG. 3 is a schematic diagram of a multi-window display according to an embodiment of the present application.
  • FIG. 4 is a schematic diagram of a user interface for displaying an application installed on an electronic device according to an embodiment of the present application
  • FIG. 5 is a schematic diagram of a display window provided by an embodiment of the present application.
  • 6A to 6E are application scenarios of a window display provided by an embodiment of the present application.
  • FIGS. 7A-7B are schematic diagrams of a group of window hot zones provided by embodiments of the present application.
  • FIGS. 8A to 8B are schematic diagrams of a set of interfaces provided by embodiments of the present application.
  • 9A to 9C provide another application scenario of window display provided by the embodiment of the present application.
  • 10A to 10E are another application scenario of window display provided by the embodiments of the present application.
  • FIG. 11 is a schematic diagram of an animation implementation of an embodiment of the application.
  • FIG. 12 is a schematic flowchart of a method for displaying a window according to an embodiment of the present application.
  • FIG. 13 is a block diagram of a software structure of an electronic device provided by an embodiment of the present application.
  • first and second are only used for descriptive purposes, and should not be construed as implying or implying relative importance or implying the number of indicated technical features. Therefore, the features defined as “first” and “second” may explicitly or implicitly include one or more of the features. In the description of the embodiments of the present application, unless otherwise specified, the “multiple” The meaning is two or more.
  • FIG. 1 exemplarily shows a schematic structural diagram of an electronic device 100 .
  • the electronic device 100 may be a cell phone, tablet computer, desktop computer, laptop computer, handheld computer, notebook computer, ultra-mobile personal computer (UMPC), netbook, as well as cellular telephones, personal digital assistants (personal digital assistants) digital assistant (PDA), augmented reality (AR) devices, virtual reality (VR) devices, artificial intelligence (AI) devices, wearable devices, in-vehicle devices, smart home devices and/or Smart city equipment, the embodiments of the present application do not specifically limit the specific type of the electronic equipment.
  • PDA personal digital assistants
  • AR augmented reality
  • VR virtual reality
  • AI artificial intelligence
  • the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charge management module 140, a power management module 141, a battery 142, an antenna 1, an 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, buttons 190, motor 191, indicator 192, camera 193, display screen 194, and Subscriber identification module (subscriber identification module, SIM) card interface 195 and so on.
  • SIM Subscriber identification module
  • the sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, and ambient light. Sensor 180L, bone conduction sensor 180M, etc.
  • the structures illustrated in the embodiments of the present invention do not constitute a specific limitation on the electronic device 100 .
  • the electronic device 100 may include more or less components than shown, or combine some components, or separate some components, or arrange different components.
  • the illustrated components may be implemented in hardware, software, or a combination of software and hardware.
  • the processor 110 may include one or more processing units, for example, the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processor (graphics processing unit, GPU), an image signal processor (image signal processor, ISP), controller, memory, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural-network processing unit (NPU) Wait. Wherein, different processing units may be independent devices, or may be integrated in one or more processors.
  • application processor application processor, AP
  • modem processor graphics processor
  • graphics processor graphics processor
  • ISP image signal processor
  • controller memory
  • video codec digital signal processor
  • DSP digital signal processor
  • NPU neural-network processing unit
  • the controller may be the nerve center and command center of the electronic device 100 .
  • the controller can generate an operation control signal according to the instruction operation code and timing signal, and complete the control of fetching and executing instructions.
  • a memory may also be provided in the processor 110 for storing instructions and data.
  • the memory in processor 110 is cache memory. This memory may hold instructions or data that have just been used or recycled by the processor 110 . If the processor 110 needs to use the instruction or data again, it can be called directly from the memory. Repeated accesses are avoided and the latency of the processor 110 is reduced, thereby increasing the efficiency of the system.
  • the processor 110 may include one or more interfaces.
  • the interface may include an integrated circuit (inter-integrated circuit, I2C) interface, an integrated circuit built-in audio (inter-integrated circuit sound, I2S) interface, a pulse code modulation (pulse code modulation, PCM) interface, a universal asynchronous transceiver (universal asynchronous transmitter) receiver/transmitter, UART) interface, mobile industry processor interface (MIPI), general-purpose input/output (GPIO) interface, subscriber identity module (SIM) interface, and / or universal serial bus (universal serial bus, USB) interface, etc.
  • I2C integrated circuit
  • I2S integrated circuit built-in audio
  • PCM pulse code modulation
  • PCM pulse code modulation
  • UART universal asynchronous transceiver
  • MIPI mobile industry processor interface
  • GPIO general-purpose input/output
  • SIM subscriber identity module
  • USB universal serial bus
  • the I2C interface is a bidirectional synchronous serial bus that includes a serial data line (SDA) and a serial clock line (SCL).
  • the processor 110 may contain multiple sets of I2C buses.
  • the processor 110 can be respectively coupled to the touch sensor 180K, the charger, the flash, the camera 193 and the like through different I2C bus interfaces.
  • the processor 110 may couple the touch sensor 180K through the I2C interface, so that the processor 110 and the touch sensor 180K communicate with each other through the I2C bus interface, so as to realize the touch function of the electronic device 100 .
  • the I2S interface can be used for audio communication.
  • the processor 110 may contain multiple sets of I2S buses.
  • the processor 110 may be coupled with the audio module 170 through an I2S bus to implement communication between the processor 110 and the audio module 170 .
  • the audio module 170 can transmit audio signals to the wireless communication module 160 through the I2S interface, so as to realize the function of answering calls through a Bluetooth headset.
  • the PCM interface can also be used for audio communications, sampling, quantizing and encoding analog signals.
  • the audio module 170 and the wireless communication module 160 may be coupled through a PCM bus interface.
  • the audio module 170 can also transmit audio signals to the wireless communication module 160 through the PCM interface, so as to realize the function of answering calls through the Bluetooth headset. Both the I2S interface and the PCM interface can be used for audio communication.
  • the UART interface is a universal serial data bus used for asynchronous communication.
  • the bus may be a bidirectional communication bus. It converts the data to be transmitted between serial communication and parallel communication.
  • a UART interface is typically used to connect the processor 110 with the wireless communication module 160 .
  • the processor 110 communicates with the Bluetooth module in the wireless communication module 160 through the UART interface to implement the Bluetooth function.
  • the audio module 170 can transmit audio signals to the wireless communication module 160 through the UART interface, so as to realize the function of playing music through the Bluetooth headset.
  • the MIPI interface can be used to connect the processor 110 with peripheral devices such as the display screen 194 and the camera 193 .
  • MIPI interfaces include camera serial interface (CSI), display serial interface (DSI), etc.
  • the processor 110 communicates with the camera 193 through a CSI interface, so as to realize the photographing function of the electronic device 100 .
  • the processor 110 communicates with the display screen 194 through the DSI interface to implement the display function of the electronic device 100 .
  • the GPIO interface can be configured by software.
  • the GPIO interface can be configured as a control signal or as a data signal.
  • the GPIO interface may be used to connect the processor 110 with the camera 193, the display screen 194, the wireless communication module 160, the audio module 170, the sensor module 180, and the like.
  • the GPIO interface can also be configured as I2C interface, I2S interface, UART interface, MIPI interface, etc.
  • the USB interface 130 is an interface that conforms to the USB standard specification, and may specifically be a Mini USB interface, a Micro USB interface, a USB Type C interface, and the like.
  • the USB interface 130 can be used to connect a charger to charge the electronic device 100, and can also be used to transmit data between the electronic device 100 and peripheral devices. It can also be used to connect headphones to play audio through the headphones.
  • the interface can also be used to connect other electronic devices, such as AR devices.
  • the interface connection relationship between the modules illustrated in the embodiment of the present invention is only a schematic illustration, and does not constitute a structural limitation of the electronic device 100 .
  • the electronic device 100 may also adopt different interface connection manners in the foregoing embodiments, or a combination of multiple interface connection manners.
  • the charging management module 140 is used to receive charging input from the charger.
  • the charger may be a wireless charger or a wired charger.
  • the charging management module 140 may receive charging input from the wired charger through the USB interface 130 .
  • the charging management module 140 may receive wireless charging input through a wireless charging coil of the electronic device 100 . While the charging management module 140 charges the battery 142 , it can also supply power to the electronic device through the power management module 141 .
  • the power management module 141 is used for connecting the battery 142 , the charging management module 140 and the processor 110 .
  • the power management module 141 receives input from the battery 142 and/or the charging management module 140, and supplies power to the processor 110, the internal memory 121, the display screen 194, the camera 193, and the wireless communication module 160.
  • the power management module 141 can also be used to monitor parameters such as battery capacity, battery cycle times, battery health status (leakage, impedance).
  • the power management module 141 may also be provided in the processor 110 .
  • the power management module 141 and the charging management module 140 may also be provided in the same device.
  • the wireless communication function of the electronic device 100 may be implemented by the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modulation and demodulation processor, the baseband processor, and the like.
  • Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals.
  • Each antenna in electronic device 100 may be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization.
  • the antenna 1 can be multiplexed as a diversity antenna of the wireless local area network. In other embodiments, the antenna may be used in conjunction with a tuning switch.
  • the mobile communication module 150 may provide wireless communication solutions including 2G/3G/4G/5G etc. applied on the electronic device 100 .
  • the mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA) and the like.
  • the mobile communication module 150 can receive electromagnetic waves from the antenna 1, filter and amplify the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation.
  • the mobile communication module 150 can also amplify the signal modulated by the modulation and demodulation processor, and then turn it into an electromagnetic wave for radiation through the antenna 1 .
  • at least part of the functional modules of the mobile communication module 150 may be provided in the processor 110.
  • at least part of the functional modules of the mobile communication module 150 may be provided in the same device as at least part of the modules of the processor 110 .
  • the modem processor may include a modulator and a demodulator.
  • the modulator is used to modulate the low frequency baseband signal to be sent into a medium and high frequency signal.
  • the demodulator is used to demodulate the received electromagnetic wave signal into a low frequency baseband signal. Then the demodulator transmits the demodulated low-frequency baseband signal to the baseband processor for processing.
  • the low frequency baseband signal is processed by the baseband processor and passed to the application processor.
  • the application processor outputs sound signals through audio devices (not limited to the speaker 170A, the receiver 170B, etc.), or displays images or videos through the display screen 194 .
  • the modem processor may be a stand-alone device.
  • the modem processor may be independent of the processor 110, and may be provided in the same device as the mobile communication module 150 or other functional modules.
  • the wireless communication module 160 can provide applications on the electronic device 100 including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), bluetooth (BT), global navigation satellites Wireless communication solutions such as global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared technology (IR).
  • WLAN wireless local area networks
  • BT Bluetooth
  • GNSS global navigation satellite system
  • FM frequency modulation
  • NFC near field communication
  • IR infrared technology
  • the wireless communication module 160 may be one or more devices integrating at least one communication processing module.
  • the wireless communication module 160 receives electromagnetic waves via the antenna 2 , frequency modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110 .
  • the wireless communication module 160 can also receive the signal to be sent from the processor 110 , perform frequency modulation on it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2 .
  • the antenna 1 of the electronic device 100 is coupled with the mobile communication module 150, and the antenna 2 is coupled with the wireless communication module 160, so that the electronic device 100 can communicate with the network and other devices through wireless communication technology.
  • the wireless communication technology may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), broadband Code Division Multiple Access (WCDMA), Time Division Code Division Multiple Access (TD-SCDMA), Long Term Evolution (LTE), BT, GNSS, WLAN, NFC , FM, and/or IR technology, etc.
  • the GNSS may include global positioning system (global positioning system, GPS), global navigation satellite system (global navigation satellite system, GLONASS), Beidou navigation satellite system (beidou navigation satellite system, BDS), quasi-zenith satellite system (quasi -zenith satellite system, QZSS) and/or satellite based augmentation systems (SBAS).
  • global positioning system global positioning system, GPS
  • global navigation satellite system global navigation satellite system, GLONASS
  • Beidou navigation satellite system beidou navigation satellite system, BDS
  • quasi-zenith satellite system quadsi -zenith satellite system, QZSS
  • SBAS satellite based augmentation systems
  • the electronic device 100 implements a display function through a GPU, a display screen 194, an application processor, and the like.
  • the GPU is a microprocessor for image processing, and is connected to the display screen 194 and the application processor.
  • the GPU is used to perform mathematical and geometric calculations for graphics rendering.
  • Processor 110 may include one or more GPUs that execute program instructions to generate or alter display information.
  • Display screen 194 is used to display images, videos, and the like.
  • Display screen 194 includes a display panel.
  • the display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode or an active-matrix organic light-emitting diode (active-matrix organic light).
  • LED diode AMOLED
  • flexible light-emitting diode flexible light-emitting diode (flex light-emitting diode, FLED), Miniled, MicroLed, Micro-oLed, quantum dot light-emitting diode (quantum dot light emitting diodes, QLED) and so on.
  • the electronic device 100 may include one or N display screens 194 , where N is a positive integer greater than one.
  • the internal memory 121 may include one or more random access memories (RAM) and one or more non-volatile memories (NVM).
  • Random access memory can include static random-access memory (SRAM), dynamic random access memory (DRAM), synchronous dynamic random access memory (SDRAM), double data rate synchronization Dynamic random access memory (double data rate synchronous dynamic random access memory, DDR SDRAM, such as fifth-generation DDR SDRAM is generally referred to as DDR5 SDRAM), etc.
  • non-volatile memory can include disk storage devices, flash memory (flash memory). Flash memory can be divided into NOR FLASH, NAND FLASH, 3D NAND FLASH, etc.
  • the random access memory may be directly readable and writable by the processor 110, may be used to store executable programs (eg, machine instructions) of an operating system or other running programs, and may also be used to store user and application data, etc.
  • the non-volatile memory can also store executable programs and store data of user and application programs, etc., and can be loaded into the random access memory in advance for the processor 110 to directly read and write.
  • the external memory interface 120 can be used to connect an external non-volatile memory, so as to expand the storage capacity of the electronic device 100 .
  • the external non-volatile memory communicates with the processor 110 through the external memory interface 120 to realize the data storage function. For example, save music, video, etc. files in external non-volatile memory.
  • the electronic device 100 may implement audio functions through an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, an application processor, and the like. Such as music playback, recording, etc.
  • the audio module 170 is used for converting digital audio information into analog audio signal output, and also for converting analog audio input into digital audio signal. Audio module 170 may also be used to encode and decode audio signals. In some embodiments, the audio module 170 may be provided in the processor 110 , or some functional modules of the audio module 170 may be provided in the processor 110 .
  • Speaker 170A also referred to as a "speaker" is used to convert audio electrical signals into sound signals.
  • the electronic device 100 can listen to music through the speaker 170A, or listen to a hands-free call.
  • the receiver 170B also referred to as "earpiece" is used to convert audio electrical signals into sound signals.
  • the voice can be answered by placing the receiver 170B close to the human ear.
  • the microphone 170C also called “microphone” or “microphone” is used to convert sound signals into electrical signals.
  • the user can make a sound by approaching the microphone 170C through a human mouth, and input the sound signal into the microphone 170C.
  • the electronic device 100 may be provided with at least one microphone 170C. In other embodiments, the electronic device 100 may be provided with two microphones 170C, which can implement a noise reduction function in addition to collecting sound signals. In other embodiments, the electronic device 100 may further be provided with three, four or more microphones 170C to collect sound signals, reduce noise, identify sound sources, and implement directional recording functions.
  • the earphone jack 170D is used to connect wired earphones.
  • the earphone interface 170D may be the USB interface 130, or may be a 3.5mm open mobile terminal platform (OMTP) standard interface, a cellular telecommunications industry association of the USA (CTIA) standard interface.
  • OMTP open mobile terminal platform
  • CTIA cellular telecommunications industry association of the USA
  • the pressure sensor 180A is used to sense pressure signals, and can convert the pressure signals into electrical signals.
  • the pressure sensor 180A may be provided on the display screen 194 .
  • the capacitive pressure sensor may be comprised of at least two parallel plates of conductive material. When a force is applied to the pressure sensor 180A, the capacitance between the electrodes changes.
  • the electronic device 100 determines the intensity of the pressure according to the change in capacitance. When a touch operation acts on the display screen 194, the electronic device 100 detects the intensity of the touch operation according to the pressure sensor 180A.
  • the electronic device 100 may also calculate the touched position according to the detection signal of the pressure sensor 180A.
  • touch operations acting on the same touch position but with different touch operation intensities may correspond to different operation instructions. For example, when a touch operation whose intensity is less than the first pressure threshold acts on the short message application icon, the instruction for viewing the short message is executed. When a touch operation with a touch operation intensity greater than or equal to the first pressure threshold acts on the short message application icon, the instruction to create a new short message is executed.
  • the gyro sensor 180B may be used to determine the motion attitude of the electronic device 100 .
  • the angular velocity of electronic device 100 about three axes ie, x, y, and z axes
  • the gyro sensor 180B can be used for image stabilization.
  • the gyro sensor 180B detects the shaking angle of the electronic device 100, calculates the distance that the lens module needs to compensate according to the angle, and allows the lens to offset the shaking of the electronic device 100 through reverse motion to achieve anti-shake.
  • the gyro sensor 180B can also be used for navigation and somatosensory game scenarios.
  • the air pressure sensor 180C is used to measure air pressure.
  • the electronic device 100 calculates the altitude through the air pressure value measured by the air pressure sensor 180C to assist in positioning and navigation.
  • the magnetic sensor 180D includes a Hall sensor.
  • the electronic device 100 can detect the opening and closing of the flip holster using the magnetic sensor 180D.
  • the electronic device 100 can detect the opening and closing of the flip according to the magnetic sensor 180D. Further, according to the detected opening and closing state of the leather case or the opening and closing state of the flip cover, characteristics such as automatic unlocking of the flip cover are set.
  • the acceleration sensor 180E can detect the magnitude of the acceleration of the electronic device 100 in various directions (generally three axes).
  • the magnitude and direction of gravity can be detected when the electronic device 100 is stationary. It can also be used to identify the posture of electronic devices, and can be used in applications such as horizontal and vertical screen switching, pedometers, etc.
  • the electronic device 100 can measure the distance through infrared or laser. In some embodiments, when shooting a scene, the electronic device 100 can use the distance sensor 180F to measure the distance to achieve fast focusing.
  • Proximity light sensor 180G may include, for example, light emitting diodes (LEDs) and light detectors, such as photodiodes.
  • the light emitting diodes may be infrared light emitting diodes.
  • the electronic device 100 emits infrared light to the outside through the light emitting diode.
  • Electronic device 100 uses photodiodes to detect infrared reflected light from nearby objects. When sufficient reflected light is detected, it can be determined that there is an object near the electronic device 100 . When insufficient reflected light is detected, the electronic device 100 may determine that there is no object near the electronic device 100 .
  • the electronic device 100 can use the proximity light sensor 180G to detect that the user holds the electronic device 100 close to the ear to talk, so as to automatically turn off the screen to save power.
  • Proximity light sensor 180G can also be used in holster mode, pocket mode automatically unlocks and locks the screen.
  • the ambient light sensor 180L is used to sense ambient light brightness.
  • the electronic device 100 can adaptively adjust the brightness of the display screen 194 according to the perceived ambient light brightness.
  • the ambient light sensor 180L can also be used to automatically adjust the white balance when taking pictures.
  • the ambient light sensor 180L can also cooperate with the proximity light sensor 180G to detect whether the electronic device 100 is in a pocket, so as to prevent accidental touch.
  • the fingerprint sensor 180H is used to collect fingerprints.
  • the electronic device 100 can use the collected fingerprint characteristics to realize fingerprint unlocking, accessing application locks, taking pictures with fingerprints, answering incoming calls with fingerprints, and the like.
  • the temperature sensor 180J is used to detect the temperature.
  • the electronic device 100 uses the temperature detected by the temperature sensor 180J to execute a temperature processing strategy. For example, when the temperature reported by the temperature sensor 180J exceeds a threshold value, the electronic device 100 reduces the performance of the processor located near the temperature sensor 180J in order to reduce power consumption and implement thermal protection.
  • the electronic device 100 when the temperature is lower than another threshold, the electronic device 100 heats the battery 142 to avoid abnormal shutdown of the electronic device 100 caused by the low temperature.
  • the electronic device 100 boosts the output voltage of the battery 142 to avoid abnormal shutdown caused by low temperature.
  • Touch sensor 180K also called “touch device”.
  • the touch sensor 180K can be disposed on the display screen 194, and the touch sensor 180K and the display screen 194 form a touch screen, also called “touch screen”.
  • the touch sensor 180K is used to detect a touch operation on or near it.
  • the touch sensor can pass the detected touch operation to the application processor to determine the type of touch event.
  • Visual output related to touch operations may be provided through display screen 194 .
  • the touch sensor 180K may also be disposed on the surface of the electronic device 100 , which is different from the location where the display screen 194 is located.
  • the bone conduction sensor 180M can acquire vibration signals.
  • the bone conduction sensor 180M can acquire the vibration signal of the vibrating bone mass of the human voice.
  • the bone conduction sensor 180M can also contact the pulse of the human body and receive the blood pressure beating signal.
  • the bone conduction sensor 180M can also be disposed in the earphone, combined with the bone conduction earphone.
  • the audio module 170 can analyze the voice signal based on the vibration signal of the vocal vibration bone block obtained by the bone conduction sensor 180M, so as to realize the voice function.
  • the application processor can analyze the heart rate information based on the blood pressure beat signal obtained by the bone conduction sensor 180M, and realize the function of heart rate detection.
  • the keys 190 include a power-on key, a volume key, and the like. Keys 190 may be mechanical keys. It can also be a touch key.
  • the electronic device 100 may receive key inputs and generate key signal inputs related to user settings and function control of the electronic device 100 .
  • Motor 191 can generate vibrating cues.
  • the motor 191 can be used for vibrating alerts for incoming calls, and can also be used for touch vibration feedback.
  • touch operations acting on different applications can correspond to different vibration feedback effects.
  • the motor 191 can also correspond to different vibration feedback effects for touch operations on different areas of the display screen 194 .
  • Different application scenarios for example: time reminder, receiving information, alarm clock, games, etc.
  • the touch vibration feedback effect can also support customization.
  • the indicator 192 can be an indicator light, which can be used to indicate the charging state, the change of the power, and can also be used to indicate a message, a missed call, a notification, and the like.
  • the SIM card interface 195 is used to connect a SIM card.
  • the SIM card can be contacted and separated from the electronic device 100 by inserting into the SIM card interface 195 or pulling out from the SIM card interface 195 .
  • Controls can encapsulate data and methods. Controls can have their own properties and methods. Properties are simple visitors to control data, and methods are some simple and visible functions of controls. Controls, also known as widgets, are the basic elements of a user interface.
  • the types of controls may include, but are not limited to: user interface controls (for developing controls for building user interfaces, such as controls for interface elements such as windows, text boxes, buttons, drop-down menus, etc.), chart controls (for developing charts Controls, which can realize data visualization, etc.), report controls (controls used to develop reports, realize the functions of browsing, viewing, designing, editing, printing, etc. of reports), table controls (controls for developing cells, realizing network functions of data processing and manipulation in the grid), etc.
  • the types of controls in this embodiment of the present application may also include: composite controls (combining various existing controls to form a new control, and concentrating the performance of various controls), extended controls (deriving a new control according to the existing controls) controls, add new properties to existing controls or change the properties of existing controls), custom controls, etc.
  • the response control is a control capable of responding to a touch operation. It can be understood that after detecting a touch operation (such as single click, long press, sliding, etc.) acting on the hot area of the response control, the electronic device executes the response event corresponding to the response control in response to the above touch operation.
  • the responsive controls may be the above-mentioned user interface controls, composite controls, extended controls, or custom controls, and the like. For example, buttons and drop-down menus are responsive controls.
  • the application window may be an application window in the Android system, an application window in an IOS system, or an application window in other operating systems, which is not specifically limited here.
  • An application includes multiple application windows, and one application window corresponds to one or more user interfaces.
  • the application window may be referred to as a window for short in this embodiment of the present application.
  • the window may also be regarded as a composite control.
  • Each control corresponds to a control hot area, and each window also corresponds to a window hot area.
  • the control hot area is determined according to the area occupied by the control on the display screen 194
  • the window hot area is determined according to the area occupied by the window on the display screen 194 .
  • the touch position of the user's touch operation on the display screen 194 is within the window hot zone range of the window 1
  • the above-mentioned touch operation is a user operation acting on the window 1 .
  • the display area of window 1 occupies area 1
  • the display area of window 2 occupies area 2.
  • the activity corresponding to window 1 is the most recently run.
  • window 1 displayed by the electronic device 100 covers window 2.
  • the hot area corresponding to window 1 in area 3 also covers the hot area corresponding to window 2. Therefore, the touch operation received by the area 3 is a user operation acting on the window 1 .
  • window 2 displays control 1 in area 3, the area occupied by control 1 receives the user's touch operation, the control hot area of control 1 is covered by the window hot area of window 1, and control 1 cannot receive and respond to the above touch operation.
  • Activity in the Android system is an interface for interaction between users and applications, and each Activity component is associated with a Window object, which is used to describe a specific application window. It can be seen that Activity is a highly abstract user interface component. In Android, it represents the user interface and the corresponding business logic centered on the user interface. The controls in the user interface can monitor and process user-triggered events. It can be understood that in an android application, an Activity can be represented as a user interface, and an android application can have multiple activities.
  • the area occupied by the window and the display area in the window are two different concepts, and the display area of the window is determined based on the display areas of all controls in the window.
  • the electronic device can set the position and/or size of the area occupied by the window through the first parameter, and the electronic device can also set the position and/or size of the display area of the window through the second parameter.
  • the display area of the window includes all the The display area of the control.
  • the first parameter may include the coordinates of the upper left point of the area occupied by the window, the width of the area and the height of the area
  • the second parameter may include the coordinates of the upper left point of the display area of the window, the width of the area and the height of the area . It can be understood that the coordinates of the upper left point of the above area are used to represent the position of the area, and the width and height of the above area are used to represent the size of the area.
  • Animation From the perspective of the influence range of the animation effect, the animation in the View (view) system of the electronic device 100 can be divided into window animation, View animation and layout animation, wherein: the window animation is the animation corresponding to the window, and its action object is the interface (Surface).
  • the window can be the application window corresponding to the Activity, or it can be a child window in the application window.
  • View animation is an animation acting on a specific View object, and View animation itself is an asymptotic process.
  • Layout animation refers to the animation contained in the ViewGroup container object. The animation is defined in the ViewGroup object, but it actually affects the subviews in the container. The essential process is to set different animations for each subview according to the layout animation. Makes it look like it acts on the entire container as a whole.
  • UIs user interfaces
  • FIG. 4 exemplarily shows a user interface 11 for presenting an application program installed by the electronic device 100 .
  • User interface 11 may include a status bar 201, a calendar indicator 202, a weather indicator 203, a tray 204 with icons of frequently used applications, and a display area 205 for other application icons. in:
  • a tray 204 with icons of commonly used applications may display: icons for phone calls, icons for contacts, icons for text messages, icons for cameras.
  • the display area 205 of other application icons can display: payment application icons, smart home icons, video icons, album icons 205A, mailbox icons, cloud sharing icons, memo icons, and settings icons.
  • User interface 11 may also include page indicators 206 .
  • Other application icons may be distributed across multiple pages, and the page indicator 206 may be used to indicate which page of the application the user is currently viewing. Users can swipe left and right in the area of other application icons to view application icons in other pages.
  • FIG. 4 only exemplarily shows the user interface on the electronic device 100, and should not constitute a limitation to the embodiments of the present application.
  • FIGS. 5 to 8B take the volume adjustment window as an example, and exemplarily show an application scenario of window display.
  • the electronic device 100 receives a user operation (eg, an operation of pressing a volume button on the electronic device 100 ), and in response to the operation, the electronic device 100 may display a volume adjustment window 207 as shown in FIG. 5 .
  • the volume adjustment window 207 is used to display the display content related to the volume adjustment.
  • all the display contents (may be referred to as display content 1 in this application) in the above-mentioned volume adjustment window 207 include a volume panel 207A, a volume bar 207B , a speaker icon 207C, and a settings icon 207D.
  • the volume bar 207B, the speaker icon 207C and the setting icon 207D are responsive controls, and the volume panel 207A is a non-responsive control.
  • the display content 1 of the volume adjustment window 207 covers the album icon 205A, and the hot area 208 of the volume adjustment window 207 also covers the hot area 209 of the album icon 205A.
  • the hot area 208 of the volume adjustment window 207 shown in FIG. 5 is the same as the area 210 occupied by the window, and the area 210 occupied by the volume adjustment window 207 is preset by the electronic device 100 when the window is created.
  • the volume bar 207B includes area 3 and area 4 (for example, the bottom black part of the volume bar 207 shown in FIG. 5 is the area 3, and the top white part of the volume bar 207 is the area 4), and the length of the area 3 represents the volume of the volume.
  • the volume bar 207B may receive a user's sliding operation, and in response to the operation, the electronic device 100 adjusts the length of the area 3 of the volume bar 207B, and adjusts the volume based on the length of the area 3 .
  • the speaker icon 207C receives a user's input operation (such as a click operation on the speaker icon 207C), and in response to the input operation, the electronic device 100 may display an audio type selection box, and the audio type selection box of the electronic device 100 includes ringtones, media, Alarm clock etc.
  • the setting icon 207D receives a user's input operation (eg, a click operation on the setting icon 207D), and in response to the input operation, the electronic device 100 may display a sound setting interface.
  • a user's input operation eg, a click operation on the setting icon 207D
  • the electronic device 100 in response to the upward sliding operation on the volume bar 207B, can adjust the volume according to the length of the area 3 of the volume bar 207B, and according to the display position of the volume bar 207B. and size to adjust the display position and size of display content 2.
  • the display content 2 is all the display content in the volume adjustment window 207 except the volume bar 207B (ie, the volume panel 207A, the speaker icon 207C and the setting icon 207D).
  • the electronic device 100 can also adjust the length of the area 3 of the volume bar 207B, adjust the volume, and adjust the display content according to the display position and size of the volume bar 207B in response to the pressing operation of the volume button. 2 display position and size.
  • the volume adjustment window 207 shown in FIG. 6A is visually reduced to the volume adjustment window 207 shown in FIG. 6B . ; Then, the electronic device 100 adjusts the display area of the display content of the window 207 according to the deformed volume to reduce the hot area of the window.
  • the display position and size of the volume bar 207B remain unchanged, the display content 2 is reduced, 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 volume Display area of bar 207B.
  • the area occupied by the hot zone 208 on the display screen 194 is determined based on the position and size of the hot zone 208 , and reducing the hot zone 208 includes adjusting the position and size of the hot zone 208 .
  • the controls in the display content 2 can be reduced in the same proportion, and can also be reduced in different proportions, which is not specifically limited here.
  • the volume adjustment window 207 shown in FIG. Volume adjustment window 207 shown in 6C in response to the above-mentioned upward sliding operation (or pressing operation), after the electronic device 100 displays the volume adjustment window 207 shown in FIG. 6B , the volume adjustment window 207 shown in FIG. Volume adjustment window 207 shown in 6C.
  • the display position and size of the volume bar 207B remain unchanged, and 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 The display area of the content 2; at the same time, the display area of the display content of the window 207 is adjusted according to the deformed volume and continues to shrink the hot area 208 of the window.
  • the size of the display area of the display content 2 of the volume adjustment window 207 in FIG. 6C may be reduced to zero.
  • the display position of the volume bar 207B is moved to the right, the size of the volume bar 207B remains unchanged, and the size of the display content 2 is reduced according to the size of the volume bar 207B, and the size of the display content 2 is reduced according to the volume
  • the display position of the bar 207B is shifted to the right of the display position of the display content 2 .
  • the user stops the upward sliding operation on the volume bar 207B, and after the window is deformed, the electronic device 100 moves the volume adjustment window 207 to the right so that the volume adjustment window 207 is close to the edge of the display screen 194 .
  • the controls other than the volume panel 207A in the display content 2 may gradually become transparent.
  • the controls in the display content 2 other than the volume panel 207A may gradually become transparent.
  • the electronic device 100 can restore the volume The initial display state of the adjustment window 207 is to display the volume adjustment window 207 shown in FIG. 5 . In this way, when the user intends to manipulate other controls in the volume adjustment window except the volume bar 207B, the initial display state of the window can be restored by touching the volume adjustment window 207 .
  • the display content 2 is gradually enlarged.
  • the transparency of the displayed content 2 of the volume adjustment window 207 shown in FIG. 6C (or FIG. 6B ) is relatively high, and the volume adjustment window 207 shown in FIG. 6C (or FIG. 6B ) is deformed to the window During the initial display state, gradually reduce the transparency of the display content 2.
  • the windows can be deformed in various manners, which are not limited in this embodiment of the present application.
  • the hot zone 208 can adjust the volume of the window 207 along with the volume. Changes according to the change of display content 2.
  • the electronic device 100 adjusts the display area of the display content of the window 207 according to the deformed volume to reduce the hot area 208 of the window, which specifically includes: the electronic device 100 shrinks the display area of the display content 1 according to the deformed window.
  • the hot area 208 of the window, the reduced hot area 208 includes the display area where the content 1 is displayed.
  • the electronic device 100 sets the reduced hot area 208 to be the same as the display area where the content 1 is displayed.
  • the reduced hot area 208 can be compared with the display area of the panel 207A.
  • the display area of the panel 207A is the same.
  • the deformed volume adjustment window 207 shown in FIG. 6C 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 The same as the display area of the volume bar 207B.
  • the electronic device 100 sets the reduced hot area 208 to include the display area for displaying the content 1 , and the size of the hot area 208 is larger than the size of the display area for displaying the content 1 .
  • set the hot area 208 as a rectangular area in which the display area of the display content 1 is enlarged in the same proportion as a preset ratio, or set the hot area 208 as the display area of the display content 1 to the surrounding (up, down, left and Right) extends a rectangular area formed by a preset length.
  • the hot area 208 is a rectangular area formed by extending a preset length around the display area of the display content 1 .
  • the above preset ratio is the ratio of the area of the hot zone 208 to the display area of the display content 1;
  • the ratio of the height of the hot zone 208 to the height of the display area of the display content 1 may be 1.1, and the preset length may be a length of 10 pixels.
  • the hot area 208 is set to be the same as the display area of the display content 1;
  • the size of the hot area 208 is set to be larger than the size of the display area of the display content 1 and smaller than the size of the area 210 occupied by the window, and the size of the hot area 208 Include the display area where content 1 is displayed.
  • the electronic device 100 adjusts the display area of the display content of the window 207 according to the deformed volume to reduce the hot area 208 of the window, which specifically includes: the electronic device 100 displays a response control in the display content 1 according to the deformed window.
  • the area reduces the hot area of the window, and the reduced hot area 208 includes the display area of the response control in the display content 1 .
  • the response controls in the display content 1 include a volume bar 207B, a speaker icon 207C and a setting icon 207D
  • the reduced hot zone 208 includes a volume bar 207B.
  • the area 210 occupied by the volume adjustment window 207 may remain unchanged, or may be reduced as the display content 1 is reduced. This embodiment of the present application does not specifically limit this.
  • the volume adjustment window 207 As shown in FIG. 8A , taking the volume adjustment window 207 shown in FIG. 6C as an example, after the window is deformed, only the volume bar 207B is displayed, the volume adjustment window 207 no longer blocks the album icon 205A, and the user can see the album on the display screen 194 icon 205A. 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 icon 205A of the album can receive and respond to the user's input operation.
  • the electronic device 100 may detect an input operation (such as a click operation) acting on the icon 205A of the album, and in response to the input operation, the electronic device 100 may display the album interface as shown in FIG. 8B . 12.
  • the album interface 12 is used to display one or more photo lists.
  • the electronic device 100 can reduce other display contents in the volume adjustment window 207 based on the volume bar 207B that the user pays attention to, and reduce the display area of all the contents of the volume adjustment window 207 based on the volume corresponding to the window.
  • the hot zone 208 increases the user's operable area for the display screen 194 and improves the screen utilization rate.
  • FIGS. 9A to 9C take the floating ball window as an example, and illustrate another application scenario of window display in which the window hot area is reduced.
  • the electronic device 100 displays a floating ball window 301 on the user interface 11 .
  • the display content of the floating ball window 301 covers the icon 205A of the album
  • the hot area 302 of the floating ball window 301 covers the hot area 209 of the icon 205A of the album.
  • the hot area 208 of the floating ball window 301 shown in FIG. 9A is the same as the area 303 occupied by the floating ball window.
  • the display content of the floating ball window 301 may be the floating ball shown in FIG. 9A , or may be displayed in other forms, which is not specifically limited here.
  • the floating ball window 301 is used to clean up background applications.
  • the floating ball window 301 can receive an input operation (such as a long-press operation) from the user, and in response to the above-mentioned input operation, the electronic device 100 clears the running data of the background application.
  • the floating ball window 301 can receive an input operation (such as a long-press operation) from the user, and in response to the above input operation, the electronic device 100 displays an interface for clearing background applications.
  • the floating ball window 301 can also be used to clear other data, for example, the memory of the electronic device 100, which is not specifically limited here.
  • the floating ball window 301 is used to call up a shortcut menu.
  • the floating ball window 301 receives a user's input operation (such as a click operation), and in response to the above input operation, the electronic device 100 displays the shortcut menu bar 303 shown in FIG. 9B .
  • the electronic device 100 when no input operation acting on the floating ball window 301 is detected within a preset time period, the electronic device 100 will reduce the display content of the floating ball window 301 and reduce the floating ball based on the display content of the floating ball window 301 In the hot area 302 of the window 301, the floating ball of the floating ball window shown in FIG. 9A becomes the semicircle state shown in FIG. 9C, and is displayed on the edge of the display screen.
  • the electronic device 100 sets the hot area 303 to be the same as the display area of the displayed content of the floating ball window 301 .
  • the electronic device 100 sets the size of the hot zone 303 to be larger than the size of the display area of the display content of the floating ball window 301 and smaller than the area 303 occupied by the floating ball window 301 , and the hot zone 303 includes the floating ball window 301 The display area of the displayed content.
  • how to determine the hot zone 302 of the floating ball window 301 based on the display content of the deformed floating ball window 301 shown in FIG. 9C can also refer to the foregoing related embodiments of the volume adjustment window 207, which will not be repeated here.
  • the floating ball window 301 no longer completely blocks the icon 205A of the album, and the user can see the icon 205A of the album on the display screen 194 .
  • 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 icon 205A of the album can receive and respond to the user's input operation.
  • the area 303 occupied by the floating ball window 301 may not change, or may be reduced as the display content of the floating ball window 301 is reduced.
  • the application scenario of reducing the window hot area provided by the embodiment of the present application can also be used for other windows.
  • a video call window, a video viewing window of a video application, etc. are not specifically limited here.
  • the shapes displayed on the display screen of controls may be various.
  • the display area of controls and windows is usually rectangular, and the display area of the rectangle can be determined by the display position of the area (eg, the coordinates of the upper left point of the area) and the size (eg, the width and height of the area).
  • the displayed shape of an icon is a circle, and the display area of the icon may be a rectangle circumscribing the above circle.
  • FIGS. 10A to 10E exemplify a window display application scenario by taking a call window as an example.
  • the electronic device 200 displays a call window 401 in full screen.
  • the hot area 402 of the call window 401 and the area occupied by the call window 401 are the same. Display area.
  • the electronic device 200 can detect an input operation acting on the full-screen call window 401, and in response to the input operation, the electronic device 200 can reduce the display content of the call window 401, and display the call window 401 with the reduced display content as shown in FIG. 10B .
  • the call window 401 is thus visually reduced.
  • the user interface 21 may be the main interface of the electronic device 200 or other user interfaces of the electronic device 200 .
  • the area occupied by the call window 401 may remain unchanged during the window deformation process shown in FIG. 10A to FIG. 10B , and the hot area 402 of the call window 401 may remain unchanged, or the area occupied by the call window 401 may remain unchanged.
  • the electronic device 100 determines the hot area 402 of the call window 401 based on the display area of the display content of the call window 401, and the size of the hot area 402 is larger than the size of the display content of the window.
  • the display area, the hot area 402 includes the display area of the display content of the window.
  • the electronic device 200 will synchronously reduce the area occupied by the call window 401 (for example, adjust the first parameter of the small window 401 ), and then based on the call
  • the area occupied by the window 401 synchronously shrinks the hot area of the call window 401; when the call window 401 is visually reduced to the small window shown in FIG. 10B , the hot area 402 of the window is appropriately enlarged according to the display area of the displayed content of the window. .
  • FIG. 10B Exemplarily, as shown in FIG.
  • the hot area 402 and the area occupied by the call window 401 are the same; then, the electronic device 100 displays the content based on the display area of the window. , the hot area of the window is appropriately enlarged as the hot area 402 shown in FIG. 10D .
  • the electronic device 100 determines the size of the hot zone 402 based on the area occupied by the window.
  • the electronic device 200 may determine the hot area 402 of the window according to the display area of the display content, so that the size of the hot area 402 Larger than the display area of the above display content.
  • the hot area 402 after the window is deformed is set as an area formed by expanding the display area of the display content of the call window 401 according to a preset ratio.
  • the hot area 402 after the window is deformed is set as an area formed by extending the display area of the display content of the call window 401 to the surrounding by a preset length.
  • the electronic device 200 can detect an input operation acting on the hot zone 402 (such as a click operation acting on the hot zone 402 and outside the call window 401 ), and in response to the operation, the electronic device 200 A full-screen call interface 20 as shown in FIG. 10A is displayed.
  • an input operation acting on the hot zone 402 such as a click operation acting on the hot zone 402 and outside the call window 401
  • the electronic device 200 can appropriately enlarge the hot area 402 of the window according to the reduced display area of the call window 401, so as to This avoids the problem that the user cannot accurately operate the call window 401 because the displayed content of the call window 401 is too small, and ensures that there is no difficulty in operation when the user restores the full-screen call window 401 .
  • the application scenario of expanding the window hot area provided by the embodiments of the present application is also applicable to other windows.
  • a video viewing window of a video application, etc. is not specifically limited here.
  • the electronic device 100 or the electronic device 200 may use window animation, View (view) animation and/or layout animation to display the window deformation process.
  • the electronic device 100 or the electronic device 200 may use View animation and layout animation to display the window deformation process, so as to improve the flow of window deformation.
  • the elements for realizing the animation include the initial state of the animation, the final state of the animation, the duration of the animation, and the interpolator of the animation.
  • the interpolator is used to set the change logic of the animation attribute value transition from the initial state to the final state, so as to control the rate of animation change, so that the animation effect can be at one or more of the rates of uniform speed, acceleration, deceleration, and parabolic rate. Variation, and one or more of the pan, zoom, rotate, transparency, etc. variation styles.
  • the electronic device 100 may use a linear interpolator (the animation speed is kept constant) to realize the animation of window deformation.
  • the user can independently set the animation duration and animation final state, and set the animation property value change logic through a system interpolator (eg, linear interpolator, accelerated interpolator) or a custom interpolator.
  • a system interpolator eg, linear interpolator, accelerated interpolator
  • custom interpolator e.g, linear interpolator, accelerated interpolator
  • the initial state of the animation is the volume adjustment window 207 shown in FIG. 6A
  • the final state of the animation is the volume adjustment window 207 shown in FIG. 6C
  • the electronic device 100 sets the animation duration 1 and the animation interpolator 1 so that The volume adjustment window 207 changes from the volume adjustment window 207 shown in FIG. 6A to the volume adjustment window 207 shown in FIG. 6C according to the change logic set by the interpolator 1 within the animation duration 1.
  • the initial state of the animation is the full-screen call window 401 shown in FIG. 10A
  • the final state of the animation is the visually reduced call window 401 shown in FIG. 10C .
  • the electronic device 100 sets the animation duration 2 and the interpolation of the animation. 2, so that the call window 401 is transformed from the full screen call window 401 shown in FIG. 10A to the reduced call window 401 shown in FIG. 10C according to the change logic set by the interpolator 2 within the animation duration 2.
  • An embodiment of the present application provides a method for displaying a window, which can adjust the hot area of the window based on the display area of the display content after the window is deformed.
  • the electronic device 100 reduces the display content of the window, the user's operable area on the display screen can be increased, which effectively improves the screen utilization rate.
  • the electronic device 100 can implement the above-mentioned window deformation process based on the View animation, which effectively improves the window deformation fluency.
  • FIG. 12 exemplarily shows a method for displaying a window provided by an embodiment of the present application.
  • the above-mentioned method for displaying a window includes but is not limited to steps S101 to S102, wherein:
  • the 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, where the first display area includes 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.
  • the electronic device 100 may be the aforementioned electronic device 100 or the aforementioned electronic device 200 .
  • the first window may be the volume adjustment window 207 described in the foregoing scenario 1, the floating ball window 301 described in the foregoing scenario 2, or the call window 401 described in the foregoing scenario 3.
  • the window display method provided by the embodiment of the present application is also applicable to other types of windows, such as a video playback window.
  • the method before the electronic device determines the hot area of the first window based on the first display area of the first window, the method further includes: when the first window satisfies a preset condition, the electronic device shrinks the first display of the first window Content; the electronic device determines the hot area of the first window based on the first display area of the first window, specifically including: the electronic device reduces the hot area of the first window based on the first display area to the first hot area, and the first display area includes The display area of the response control in the first window after the first display content is reduced.
  • the electronic device when the display content of the first window is reduced, the electronic device reduces the hot area of the first window based on the display area of the reduced display content, thereby adaptively increasing the user's operable area on the display screen, Improve screen utilization.
  • the first window includes a first control
  • the preset condition is that a first operation acting on the first control of the first window is detected
  • the first display content includes the first control in the first window except the first control display content.
  • the above method further includes: in response to the first operation, the electronic device further executes a response event corresponding to the first operation.
  • the above-mentioned first operation may directly act on the first control by touching a hot area of the first control on the display screen, or may indirectly act on the first control by other means.
  • 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 this embodiment of the present 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 the touch operation, the first operation can be said to act on the first control.
  • the first window may be the volume adjustment window 207 shown in FIG.
  • the electronic device 100 may determine the hot area of the volume adjustment window 207 based on the first display area of the volume adjustment window 207, where the first display area includes the display area of the volume bar 207B, the speaker icon 207C, and the setting icon 207D.
  • the first control may be the volume bar 207B in the volume adjustment window 207 , the hot area of the first window is the hot area 208 , and the first display content may include the display content in the volume adjustment window 207 except the volume bar 207B.
  • the first display content is the aforementioned display content 2 (ie, the volume panel 207A, the speaker icon 207C, and the setting icon 207D).
  • the above-mentioned preset condition may be the detection of the first operation acting on the volume bar 207B, wherein the first operation may be the upward sliding operation acting on the volume bar 207B as shown in FIG. 6A , or the function implemented on the volume button.
  • the electronic device 100 can reduce the display content 2 based on the position of the volume bar 207B, and reduce the hot area of the volume adjustment window 207 based on the first display area after reducing the display content 2 for the first hot zone.
  • the volume adjustment window 207 is transformed into the volume adjustment window 207 shown in FIG. 6B
  • the first hot area can be the hot area 208 shown in FIG. 6B and FIG. 7B
  • the volume adjustment window after zooming out the display content 2 207 is shaped into the volume adjustment window 207 as shown in FIG. 6C
  • the first hot zone may be the hot zone 208 as shown in FIG. 6C and FIG. 7A .
  • the electronic device 100 in response to the above-mentioned upward sliding operation or pressing operation, the electronic device 100 also executes a 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 .
  • the above-mentioned preset condition is that no input operation acting on the first window is detected within a preset time period.
  • the display content of the first window can be reduced, and then the hot area of the first window can be reduced based on the display area of the reduced display content, so as to increase the number of users in the display area.
  • the operable area on the screen improves screen utilization.
  • the above-mentioned first window is a floating ball window
  • the first display content is a floating ball in the floating ball window.
  • the above preset duration is 3 seconds.
  • the above-mentioned first window may be the floating ball window 301 shown in FIG. 9A
  • the first display content may be the floating ball displayed in the floating ball window 301
  • the floating ball is displayed after being reduced. It is the semicircle state shown in FIG. 9C .
  • the electronic device 100 reduces the hot area of the floating ball window 301 to be the first hot area based on the first display area of the floating ball window 301 shown in FIG. 9C
  • the first display area includes the display area of the floating ball, and the first hot area can be shown in FIG. Hot zone 302 shown in 9C.
  • the above-mentioned preset condition is that a second operation acting on the first window is detected, and the second operation is used to reduce the display content of the first window, and the first display content includes all the display contents of the first window.
  • the electronic device after detecting the second operation for visually reducing the first window, can reduce the first window based on the display area of the reduced display content while reducing the display content of the first window. to increase the user's operable area on the display screen and improve screen utilization.
  • the above-mentioned electronic device displaying the first window specifically includes: the electronic device displays the first window in a full screen.
  • the first window may be the call window 401 displayed in full screen as shown in FIG. 10A , and the first display content includes all the display contents of the call window 401 .
  • the electronic device 200 reduces all the displayed contents of the call window 401, and visually reduces the call window 401 to the call window 401 shown in FIG. 10B .
  • the first display area of the window 401 determines that the hot area of the deformed call window 401 is the first hot area, and the first display area includes the display area of all the displayed contents of the call window 401, and the first hot area can be FIG. 10C or FIG. 10D Hot zone 402 is shown.
  • displaying the first window by the electronic device includes: displaying the first window on the first user interface by the electronic device; wherein the first user interface includes a fourth control, and the hot area for reducing the first window is the first Before the hot zone, the hot zone of the first window covers the hot zone of the fourth control. After the hot zone of the first window is reduced to the first hot zone, the hot zone of the first window does not cover the hot zone of the fourth control.
  • the hot area of the first window can be reduced based on the display area of the reduced display content, so that the fourth control originally covered by the hot area of the first window can receive and respond.
  • the user's input operation increases the user's operable area on the display screen and improves the screen utilization rate.
  • the fourth control may be the icon 205A of the album on the user interface 11 shown in FIG. 6A .
  • the hot area 208 of the volume adjustment window 207 before the deformation covers the hot area 209 of the icon 205A of the album.
  • the hot area 208 of the deformed volume adjustment window 207 partially covers or does not cover the hot area 209 of the album icon 205A.
  • the album icon 205A shown in FIG. 6B or FIG. 6C can receive and respond to the user's input operation, and display the user interface 12 of the album shown in FIG. 8B .
  • the size of the area occupied by the first window on the display screen remains unchanged .
  • the electronic device reduces the hot area of the first window to the first hot area based on the first display area, including: the electronic device reduces the hot area of the first window to the first hot area based on the position and size of the first display area.
  • a hot zone, the first hot zone includes the first display area. It can be understood that the first hot zone includes the display area of the response control of the first window, or the first hot zone includes the display area of all display contents of the first window.
  • the size of the first hot zone is larger than the size of the first display area.
  • the electronic device appropriately increases the size of the first hot zone on the basis of the display area of the display content of the call window 401 to prevent the display content of the call window 401 from being too small and the user cannot click
  • the hot area of the call window 401 is restored to the full screen display state of the call window 401 smoothly.
  • the above-mentioned first hot area is an area formed by expanding the first display area according to a preset ratio, or the first hot area is an area formed by extending the first display area to the surrounding by a predetermined length.
  • the first hot zone includes the first display zone, and when the size of the first hot zone is smaller than the size of the first display zone, there is no specific limitation on how to determine the first hot zone based on the first display zone.
  • the above preset ratio is the ratio of the area of the first hot zone to the first display area; or, the above preset ratio is the ratio of the width of the first hot zone to the width of the second display area, or the first The ratio of the height of the hot zone to the height of the second display area.
  • the above-mentioned preset ratio may be 1.1
  • the above-mentioned preset length may be a length of 10 pixels.
  • the first display area is the same as the display area of the volume bar 207B, and the electronic device determines that the hot area 208 of the volume adjustment window 207B is the area of the volume bar 207B.
  • the display area is formed by extending the preset length to the surrounding area.
  • the electronic device may determine the initial state of the first window before the first display content is reduced and the final state of the first window after the first display content is reduced, and how the initial state of the first window changes to the state of the first window specifically
  • the final state is not limited here.
  • the display content of the first window may be gradually changed, jumped, rotated and/or changed in transparency, etc. during the changing process.
  • the method 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.
  • the first display content is the aforementioned display content 2
  • FIG. 6E shows the transparency change during the window deformation process of the volume adjustment window 207.
  • the display content shown in FIG. 6E 2 The transparency is increased.
  • the first display content includes a second control and a third control
  • the method further includes: increasing the transparency of the second control and the transparency of the third control constant.
  • 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 a speaker icon 207C and a settings icon 207D
  • the third control may include a panel 207A.
  • FIG. 6D exemplarily shows the transparency change of the volume adjustment window 207 during window deformation. Compared with FIG. 6A , the transparency of the volume panel 207A shown in FIG. 6D is unchanged, and the transparency of the speaker icon 207C and the setting icon 207D is increased.
  • the above-mentioned first display area includes a display area of all controls in the first window after reducing the first display content.
  • the hot area of the first window is determined based on the first display area, and the hot area 208 shown in FIG. 6B and FIG. 6C includes the display area of all controls of the first window after deformation.
  • reducing the first display content of the first window by the electronic device includes: based on the display position and/or size of the first control, adjusting the display position of the first display content to reduce the size of the first display content. size.
  • 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.
  • the first control is the volume bar 207B
  • the first display content is the aforementioned display content 2 .
  • FIG. 6B shows the volume adjustment window 207 after reducing the display content 2.
  • the display area of the display content 2 shown in FIG. 6B includes the display area of the volume bar 207B.
  • FIG. 6C shows the volume adjustment window 207 after the content 2 is displayed in a reduced size.
  • the display area of the volume bar 207B shown in FIG. 6C includes the display area where the content 2 is displayed.
  • the size of the display content 2 may also be reduced to zero.
  • 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 may be determined in other ways, for example, based on the area occupied by the first window.
  • the electronic device reduces the hot area of the first window to the first hot area based on the first display area, including: when the size of the display area of all the display contents of the first window is smaller than the second preset value, The electronic device reduces the hot area of the first window to the first hot area based on the first display area; when the size of the display area of all the display contents of the first window is greater than or equal to the second preset value, the electronic device determines the first hot area based on other methods.
  • the task of the window for example, is determined based on the area occupied by the first window.
  • the first preset value when the first window is the aforementioned volume adjustment window 207, the first preset value may be the aforementioned preset value 2; when the first window is the aforementioned call window 401, the first preset value may be the aforementioned preset value 1. .
  • the electronic device 100 uses View animation to realize the deformation of the first window, which effectively improves the The smoothness of the window deformation.
  • the software structure of the electronic device 100 in the embodiment of the present application is described below with reference to FIG. 13 .
  • the software system of the electronic device 100 may adopt a layered architecture, an event-driven architecture, a microkernel architecture, a microservice architecture, or a cloud architecture.
  • the embodiments of the present application take an Android system with a layered architecture as an example to exemplarily describe the software structure of the electronic device 100 .
  • FIG. 13 exemplarily shows a software structural block diagram of the electronic device 100 provided by the embodiment of the present application.
  • the layered architecture divides the software into several layers, and each layer has a clear role and division of labor. Layers communicate with each other through software interfaces.
  • the Android system can be divided into an application layer, an application framework layer, a hardware abstraction layer (HAL) layer and a kernel layer (kernel) from top to bottom.
  • HAL hardware abstraction layer
  • kernel layer kernel layer
  • the application layer includes a series of application packages, such as System UI, video, camera, and more. It can also include applications such as Gallery, Calling, Music, etc.
  • the application framework layer provides an application programming interface (application programming interface, API) and a programming framework for applications in the application layer.
  • the application framework layer includes some predefined functions.
  • Android Runtime includes core libraries and a virtual machine. Android runtime is responsible for scheduling and management of the Android system.
  • the core library consists of two parts: one is the function functions that the java language needs to call, and the other is the core library of Android.
  • the application layer and the application framework layer run in virtual machines.
  • the virtual machine executes the java files of the application layer and the application framework layer as binary files.
  • the virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, safety and exception management, and garbage collection.
  • the kernel layer is the layer between hardware and software.
  • the core layer can include display drivers, sensor drivers, touch IC drivers, camera drivers, audio drivers, and so on.
  • the HAL layer and the kernel layer can perform corresponding operations in response to functions called by the application framework layer.
  • the software development kit (software development kit, SDK) shown in FIG. 13 refers to a collection of development tools for establishing application software for a specific software package, software framework, hardware platform, operating system, and the like.
  • the application framework layer may include: Window management service (window manager service, WMS), window session object, input event management service (input manager service, IMS), drawing module and display module.
  • Window management service window manager service, WMS
  • window session object window session object
  • input event management service input manager service, IMS
  • drawing module drawing module
  • display module display module
  • Window management service is a system service of the android system, which controls the display and hiding of all windows.
  • the Window management service assigns interfaces to all windows, manages the display order, size, and position of the interfaces, and controls window animations. It is an important transfer station for the input system.
  • Each window in the window management service includes a window session object corresponding to the window, and the window session object is used to store the hot area information of the window (ie, the display position and size of the hot area).
  • the hot area refresh listener of the window is registered to the view listener module of the view root layout.
  • the view root layout (ViewRootlmpl) is used to manage the root View of the window and implements the ViewParent interface. It controls the measurement, layout, and draw of the View, and all window event dispatch interactions are performed or delivered through it. At the same time, the view root layout communicates with the Window management service through the window session object, and uses IWindow as the callback interface of the Window management service.
  • the view root layout includes a view monitor module, which is used to monitor the View tree corresponding to the window.
  • the View tree View (View) and View Group (ViewGroup) can form a tree structure of all the controls on the user interface, that is, the View tree.
  • View View
  • ViewGroup View Group
  • Figure 2 there is a parent view (ViewParent) object at the top of each View tree as the core of the View tree, and all interaction management events are dispatched and distributed uniformly by it, so as to control the entire view as a whole.
  • the view is the base class of all controls in the Android system.
  • a view group represents a collection of controls, a view group contains one or more views, and a view group can also contain other view groups.
  • the input event management service is used to manage input events in the electronic device 100 .
  • the drawing module is used to draw the window based on the View tree corresponding to the window.
  • the drawing module periodically calls the view root layout to draw the display content.
  • the display module is used to determine the display content of the window.
  • the electronic device 100 receives an input operation from the user, relevant information of the above-mentioned input operation (such as the interruption information of the volume button) is sent to the input event management service, and the input event corresponding to the above-mentioned input operation is identified as a display The first window (such as the aforementioned volume adjustment window 207). Then, the input event management service distributes the above input events to the Window management service.
  • relevant information of the above-mentioned input operation such as the interruption information of the volume button
  • the Window Management Service invokes the first window based on the above input event. It should be noted that, before receiving the above input event, the Window Management Service can create the window object of the first window based on the SDK of the Window Management Service and specify the view layout of the first window, and the window session object of the first window stores the first window object. The hot area information of the window; then, add the first window to the Window management service, complete the creation of the first window, and register the hot area refresh of the first window when the first window is created to monitor the view monitoring module of the view root layout middle.
  • the drawing module triggers the drawing of the first window, and then triggers the view root layout to call the performTraversals() function to perform layout attribute detection and drawing on the first window, and send the drawing data of the first window to the display module.
  • the display module determines the display content of the first window according to the drawing data of the first window, and the display module drives the display screen 194 to display the first window by calling the display driver of the kernel layer.
  • the touch sensor 180K receives the touch operation, the corresponding hardware interrupt is sent to the touch chip, and the touch chip sends the touch information of the touch operation to the touch chip driver of the core layer, and the touch
  • the chip driver sends the above touch information to the input system, and the input system processes the above touch operation into raw input events (including touch coordinates, time stamps of touch operations and other information), and the raw input events are stored in the kernel layer.
  • the input event management service obtains the original input event from the kernel layer, and determines that the above-mentioned original input event is the first control acting on the first window.
  • the input event management service distributes the above-mentioned input event to the application 1 corresponding to the above-mentioned first window, and the application 1 can determine the display position and size of the reduced display content of the first window based on the display position and size of the first control; and According to the display position and size of the reduced display content, determine the position and size of the reduced hot area of the first window; application 1 can display the reduced display content of the first window and the relevant information (position and size) of the hot area Sent to the view monitoring module corresponding to the first window.
  • the view monitoring module sends the relevant information of the reduced hot area of the first window to the window session object of the first window, and updates the relevant information of the hot area of the first window in the window session object.
  • the view root layout calls the animation (eg view animation) function to determine the view layout corresponding to the first window in each refresh cycle during the deformation process of the first window from the initial state to the final state.
  • the drawing module periodically triggers drawing, triggering the view root layout to call the performTraversals() function to detect and draw the layout attributes of the first window, and send drawing data to the display module, thereby displaying the deformation process of the first window.
  • the view root layout calls the performTraversals() function to detect the layout attributes of the first window
  • the view root layout calls the hot area refresh monitoring of the first window to obtain the display content of the first window at the current moment and the related information of the hot area.
  • the hot area refresh monitor of the first window reads the display content of the first window and related information of the hot area in onComputeInternalInserts.
  • the above-mentioned embodiments it may be implemented in whole or in part by software, hardware, firmware or any combination thereof.
  • software it can be implemented in whole or in part in the form of a computer program product.
  • the computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, all or part of the processes or functions described in the embodiments of the present application are generated.
  • the computer may be a general purpose computer, special purpose computer, computer network, or other programmable device.
  • the computer instructions may be stored in or transmitted from one computer readable storage medium to another computer readable storage medium, for example, the computer instructions may be downloaded from a website site, computer, server or data center Transmission to another website site, computer, server, or data center by wire (eg, coaxial cable, optical fiber, digital subscriber line) or wireless (eg, infrared, wireless, microwave, etc.).
  • the computer-readable storage medium may be any available medium that can be accessed by a computer or a data storage device such as a server, data center, etc. that includes an integration of one or more available media.
  • the usable media may be magnetic media (eg, floppy disks, hard disks, magnetic tapes), optical media (eg, DVDs), or semiconductor media (eg, solid state drives), and the like.
  • the process can be completed by instructing the relevant hardware by a computer program, and the program can be stored in a computer-readable storage medium.
  • the program When the program is executed , which may include the processes of the foregoing method embodiments.
  • the aforementioned storage medium includes: ROM or random storage memory RAM, magnetic disk or optical disk and other mediums that can store program codes.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Computer Hardware Design (AREA)
  • Telephone Function (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本申请实施例提供了一种窗口的显示方法以及相关装置，所述方法包括：电子设备显示第一窗口；电子设备基于第一窗口的第一显示区域确定第一窗口的热区，第一显示区域包括第一窗口中的响应控件的显示区域，响应控件为能够响应触摸操作的控件。实施本申请实施例，能够基于窗口内显示内容的显示区域确定窗口的热区，这样，增加了用户在显示屏上的可操作区域，有效提升了屏幕利用率。

Description

一种窗口的显示方法以及相关装置
本申请要求于2021年3月30日提交中国专利局、申请号为202110343796.0、申请名称为“一种窗口的显示方法以及相关装置”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及电子技术领域，尤其涉及一种窗口的显示方法及相关装置。
背景技术
目前，手机、平板电脑等电子设备可以显示各种各样的窗口，当多个窗口同时显示时，用户通常选择将暂时不操作的窗口缩小，以避免过多地消耗用户在电子设备的显示屏上的可视空间和可操作空间。
然而，电子设备显示窗口时，窗口中显示有部分用户不关注的信息，该部分信息在电子设备的显示屏上占用了太多的可视空间和可操作空间，导致用户对其他窗口的可操作空间较小，降低了屏幕利用率。
发明内容
本申请提供了一种窗口的显示方法及相关装置，可以提高屏幕利用率，有效提升用户体验。
第一方面，本申请提供了一种窗口的显示方法，所述方法包括：电子设备显示第一窗口；电子设备基于第一窗口的第一显示区域确定第一窗口的热区，第一显示区域包括第一窗口中的响应控件的显示区域，响应控件为能够响应触摸操作的控件。实施本申请实施例，能够基于窗口内显示内容的显示区域确定窗口的热区，这样，增加了用户在显示屏上的可操作区域，有效提升了屏幕利用率。
在一种实现方式中，上述电子设备基于第一窗口的第一显示区域确定第一窗口的热区之前，还包括：当第一窗口满足预设条件时，电子设备缩小第一窗口的第一显示内容；上述电子设备基于第一窗口的第一显示区域确定第一窗口的热区，具体包括：电子设备基于第一显示区域缩小第一窗口的热区为第一热区，第一显示区域包括缩小第一显示内容后的第一窗口中的响应控件的显示区域。实施本申请实施例，当第一窗口的显示内容缩小时，电子设备基于缩小后的显示内容的显示区域缩小第一窗口的热区，从而自适应的增加用户在显示屏上的可操作区域，提升屏幕利用率。
在一种实现方式中，上述第一窗口包括第一控件，上述预设条件为检测到作用于第一窗口的第一控件的第一操作，第一显示内容包括第一窗口中除第一控件外的显示内容。实施本申请实施例，电子设备确定用户在第一窗口中关注的控件后，可以基于该控件的显示区域缩小第一窗口内用户不关注的其他显示内容，进而可以基于缩小后的显示内容的显示区域缩小第一窗口的热区，以增加用户在显示屏上的可操作区域，提升屏幕利用率。
在一种实现方式中，上述预设条件为预设时长内未检测到作用于第一窗口的输入操作。实施本申请实施例，在用户长时间不关注第一窗口时，可以缩小第一窗口的显示内容，进而可以基于缩小后的显示内容的显示区域缩小第一窗口的热区，以增加用户在显示屏上的可操 作区域，提升屏幕利用率。
在一种实现方式中，上述第一窗口为悬浮球窗口，第一显示内容为悬浮球窗口中的悬浮球。
在一种实现方式中，上述预设条件为检测到作用于第一窗口的第二操作，第二操作用于缩小第一窗口的显示内容，第一显示内容包括第一窗口的所有显示内容。实施本申请实施例，当检测到用于视觉上缩小第一窗口的第二操作后，电子设备在缩小第一窗口的显示内容的同时，可以基于缩小后的显示内容的显示区域缩小第一窗口的热区，以增加用户在显示屏上的可操作区域，提升屏幕利用率。
在一种实现方式中，上述电子设备显示第一窗口，具体包括：电子设备全屏显示第一窗口。
在一种实现方式中，上述电子设备显示第一窗口，包括：电子设备在第一用户界面显示第一窗口；其中，第一用户界面包括第四控件，上述缩小第一窗口的热区为第一热区前，第一窗口的热区覆盖第四控件的热区，上述缩小第一窗口的热区为第一热区后，第一窗口的热区未覆盖第四控件的热区。实施本申请实施例，在窗口的显示内容缩小时，基于缩小后的显示内容的显示区域缩小第一窗口的热区，让原本被第一窗口的热区覆盖的第四控件可以接收并响应用户的输入操作，增加了用户在显示屏上的可操作区域，提升了屏幕利用率。
在一种实现方式中，相比电子设备缩小第一窗口的第一显示内容前，在电子设备缩小第一窗口的第一显示内容后，第一窗口在显示屏上所占的区域的大小不变。
在一种实现方式中，上述电子设备基于第一显示区域缩小第一窗口的热区为第一热区，包括：电子设备基于第一显示区域的位置和大小，缩小第一窗口的热区为第一热区，第一热区包括第一显示区域。
在一种实现方式中，第一热区的大小大于第一显示区域的大小。实施本申请实施例，避免第一窗口的显示内容过小时用户无法准确操作该窗口。
在一种实现方式中，当第一显示区域的大小小于第一预设值时，第一热区的大小是基于第一显示区域的大小确定的。
在一种实现方式中，上述第一热区为第一显示区域按预设比例扩大形成的区域，或者，第一热区为第一显示区域向四周延伸预设长度形成的区域。本申请实施例中，第一热区包括第一显示区域，当第一热区的大小小于第一显示区域的大小时，对如何基于第一显示区域确定第一热区不做具体限定。
本申请实施例中，电子设备可以确定缩小第一显示内容前第一窗口的初始状态以及缩小第一显示内容后第一窗口的终止状态，第一窗口的初始状态具体如何变化为第一窗口的终止状态，此处不做限定。例如，变化过程中第一窗口的显示内容可以渐变、跳变、旋转和/或改变透明度等等。
在一种实现方式中，上述电子设备缩小第一窗口的第一显示内容时，上述方法还包括：增加第一显示内容的透明度。
在一种实现方式中，上述第一显示内容包括第二控件和第三控件，电子设备缩小第一窗口的第一显示内容时，上述方法还包括：增加第二控件的透明度，第三控件的透明度保持不变。
在一种实现方式中，上述第一显示区域包括缩小第一显示内容后的第一窗口中所有控件的显示区域。可以理解，本申请实施例中，第一显示区域是基于第一窗口中响应控件的显示 区域确定的，或者第一显示区域是基于第一窗口中所有控件的显示区域确定的。
在一种实现方式中，上述电子设备缩小第一窗口的第一显示内容，包括：基于第一控件的显示位置和/或大小，调整述第一显示内容的显示位置，减小第一显示内容的大小。
在一种实现方式中，上述电子设备缩小第一窗口的第一显示内容后，第一显示内容的显示区域包括第一控件的显示区域；或者，电子设备缩小第一窗口的第一显示内容后，第一控件的显示区域包括第一显示内容的显示区域。
在一种实现方式中，上述方法还包括：响应于第一操作，电子设备还执行第一操作对应的响应事件。
在一种实现方式中，上述电子设备基于第一显示区域缩小第一窗口的热区为第一热区，包括：当第一窗口的所有显示内容的显示区域的大小小于第二预设值时，电子设备基于第一显示区域缩小第一窗口的热区为第一热区。
第二方面，本申请提供了一种电子设备，所述电子设备包括：
显示单元，用于显示第一窗口；
确定单元，用于基于第一窗口的第一显示区域确定第一窗口的热区，第一显示区域包括第一窗口中的响应控件的显示区域，响应控件为能够响应触摸操作的控件。
在一种实现方式中，上述电子设备还包括缩小单元，上述确定单元基于第一窗口的第一显示区域确定第一窗口的热区之前，上述缩小单元，用于当第一窗口满足预设条件时，缩小第一窗口的第一显示内容；上述确定单元，具体用于基于第一显示区域缩小第一窗口的热区为第一热区，第一显示区域包括缩小第一显示内容后第一窗口中的响应控件的显示区域。
在一种实现方式中，上述第一窗口包括第一控件，上述预设条件为检测到作用于第一窗口的第一控件的第一操作，第一显示内容包括第一窗口中除第一控件外的显示内容。
在一种实现方式中，上述预设条件为预设时长内未检测到作用于第一窗口的输入操作。
在一种实现方式中，上述预设条件为检测到作用于第一窗口的第二操作，第二操作用于缩小第一窗口的显示内容，第一显示内容包括第一窗口的所有显示内容。
在一种实现方式中，上述显示单元，具体用于全屏显示第一窗口。
在一种实现方式中，上述显示单元，具体用于在第一用户界面显示第一窗口；其中，第一用户界面包括第四控件，缩小第一窗口的热区为第一热区前，第一窗口的热区覆盖第四控件的热区，缩小第一窗口的热区为第一热区后，第一窗口的热区未覆盖第四控件的热区。
在一种实现方式中，相比缩小单元缩小第一窗口的第一显示内容前，在缩小单元缩小第一窗口的第一显示内容后，第一窗口在显示屏上所占的区域的大小不变。
在一种实现方式中，当第一显示区域的大小小于第一预设值时，第一热区的大小是基于第一显示区域的大小确定的。
第三方面，提供一种电子设备，包括：通信接口、存储器和处理器；所述通信接口、所述存储器与所述处理器耦合，所述存储器用于存储计算机程序代码，所述计算机程序代码包括计算机指令，当所述处理器从所述存储器中读取所述计算机指令，以使得所述电子设备执行如第一方面中任一种可能的实现方式。
第四方面，提供一种计算机可读存储介质，包括指令，其特征在于，当上述指令在电子设备上运行时，以使得电子设备执行如第一方面中任一种可能的实现方式。
第五方面，提供一种计算机产品当所述计算机程序产品在计算机上运行时，使得所述计算机执行如第一方面中任一种可能的实现方式。
附图说明
为了更清楚地说明本申请实施例中的技术方案，下面将对本申请实施例中所需要使用的附图进行说明。
图1为本申请的实施例的一种电子设备的结构示意图；
图2为本申请的实施例的一种View树的结构示意图；
图3为本申请的实施例的一种多窗口显示的示意图；
图4为本申请实施例提供的一种展示电子设备安装的应用程序的用户界面示意图；
图5为本申请的实施例提供的一种展示窗口的示意图；
图6A至图6E为本申请的实施例提供的一种窗口显示的应用场景；
图7A至图7B为本申请的实施例提供的一组窗口热区的示意图；
图8A至图8B为本申请的实施例提供的一组界面示意图；
图9A至图9C为本申请的实施例提供的另一种窗口显示的应用场景；
图10A至图10E为本申请的实施例提供的另一种窗口显示的应用场景；
图11为本申请的实施例的一种动画实现原理图；
图12为本申请的实施例提供的一种窗口的显示方法的流程示意图；
图13为本申请的实施例提供的一种电子设备的软件结构框图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述。
本申请以下实施例中所使用的术语只是为了描述特定实施例的目的，而并非旨在作为对而并非旨在作为对本申请的限制。其中，在本申请实施例的描述中，除非另有说明，“/”表示或的意思，例如，A/B可以表示A或B；文本中的“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况，另外，在本申请实施例的描述中，“多个”是指两个或多于两个。
以下，术语“第一”、“第二”仅用于描述目的，而不能理解为暗示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征，在本申请实施例的描述中，除非另有说明，“多个”的含义是两个或两个以上。
下面首先介绍本申请以下实施例中提供的示例性电子设备100。
图1示例性示出了电子设备100的结构示意图。
电子设备100可以是手机、平板电脑、桌面型计算机、膝上型计算机、手持计算机、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本，以及蜂窝电话、个人数字助理(personal digital assistant，PDA)、增强现实(augmented reality，AR)设备、虚拟现实(virtual reality，VR)设备、人工智能(artificial intelligence,AI)设备、可穿戴式设备、车载设备、智能家居设备和/或智慧城市设备，本申请实施例对该电子设备的具体类型不作特殊限制。
电子设备100可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192， 摄像头193，显示屏194，以及用户标识模块(subscriber identification module，SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A，陀螺仪传感器180B，气压传感器180C，磁传感器180D，加速度传感器180E，距离传感器180F，接近光传感器180G，指纹传感器180H，温度传感器180J，触摸传感器180K，环境光传感器180L，骨传导传感器180M等。
可以理解的是，本发明实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中，电子设备100可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processing unit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，存储器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。
其中，控制器可以是电子设备100的神经中枢和指挥中心。控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。
处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了系统的效率。
在一些实施例中，处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit，I2C)接口，集成电路内置音频(inter-integrated circuit sound，I2S)接口，脉冲编码调制(pulse code modulation，PCM)接口，通用异步收发传输器(universal asynchronous receiver/transmitter，UART)接口，移动产业处理器接口(mobile industry processor interface，MIPI)，通用输入输出(general-purpose input/output，GPIO)接口，用户标识模块(subscriber identity module，SIM)接口，和/或通用串行总线(universal serial bus，USB)接口等。
I2C接口是一种双向同步串行总线，包括一根串行数据线(serial data line，SDA)和一根串行时钟线(derail clock line，SCL)。在一些实施例中，处理器110可以包含多组I2C总线。处理器110可以通过不同的I2C总线接口分别耦合触摸传感器180K，充电器，闪光灯，摄像头193等。例如：处理器110可以通过I2C接口耦合触摸传感器180K，使处理器110与触摸传感器180K通过I2C总线接口通信，实现电子设备100的触摸功能。
I2S接口可以用于音频通信。在一些实施例中，处理器110可以包含多组I2S总线。处理器110可以通过I2S总线与音频模块170耦合，实现处理器110与音频模块170之间的通信。在一些实施例中，音频模块170可以通过I2S接口向无线通信模块160传递音频信号，实现通过蓝牙耳机接听电话的功能。
PCM接口也可以用于音频通信，将模拟信号抽样，量化和编码。在一些实施例中，音频模块170与无线通信模块160可以通过PCM总线接口耦合。在一些实施例中，音频模块170也可以通过PCM接口向无线通信模块160传递音频信号，实现通过蓝牙耳机接听电话的功能。所述I2S接口和所述PCM接口都可以用于音频通信。
UART接口是一种通用串行数据总线，用于异步通信。该总线可以为双向通信总线。它 将要传输的数据在串行通信与并行通信之间转换。在一些实施例中，UART接口通常被用于连接处理器110与无线通信模块160。例如：处理器110通过UART接口与无线通信模块160中的蓝牙模块通信，实现蓝牙功能。在一些实施例中，音频模块170可以通过UART接口向无线通信模块160传递音频信号，实现通过蓝牙耳机播放音乐的功能。
MIPI接口可以被用于连接处理器110与显示屏194，摄像头193等外围器件。MIPI接口包括摄像头串行接口(camera serial interface，CSI)，显示屏串行接口(display serial interface，DSI)等。在一些实施例中，处理器110和摄像头193通过CSI接口通信，实现电子设备100的拍摄功能。处理器110和显示屏194通过DSI接口通信，实现电子设备100的显示功能。
GPIO接口可以通过软件配置。GPIO接口可以被配置为控制信号，也可被配置为数据信号。在一些实施例中，GPIO接口可以用于连接处理器110与摄像头193，显示屏194，无线通信模块160，音频模块170，传感器模块180等。GPIO接口还可以被配置为I2C接口，I2S接口，UART接口，MIPI接口等。
USB接口130是符合USB标准规范的接口，具体可以是Mini USB接口，Micro USB接口，USB Type C接口等。USB接口130可以用于连接充电器为电子设备100充电，也可以用于电子设备100与外围设备之间传输数据。也可以用于连接耳机，通过耳机播放音频。该接口还可以用于连接其他电子设备，例如AR设备等。
可以理解的是，本发明实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备100的结构限定。在本申请另一些实施例中，电子设备100也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。
充电管理模块140用于从充电器接收充电输入。其中，充电器可以是无线充电器，也可以是有线充电器。在一些有线充电的实施例中，充电管理模块140可以通过USB接口130接收有线充电器的充电输入。在一些无线充电的实施例中，充电管理模块140可以通过电子设备100的无线充电线圈接收无线充电输入。充电管理模块140为电池142充电的同时，还可以通过电源管理模块141为电子设备供电。
电源管理模块141用于连接电池142，充电管理模块140与处理器110。电源管理模块141接收电池142和/或充电管理模块140的输入，为处理器110，内部存储器121，显示屏194，摄像头193，和无线通信模块160等供电。电源管理模块141还可以用于监测电池容量，电池循环次数，电池健康状态(漏电，阻抗)等参数。在其他一些实施例中，电源管理模块141也可以设置于处理器110中。在另一些实施例中，电源管理模块141和充电管理模块140也可以设置于同一个器件中。
电子设备100的无线通信功能可以通过天线1，天线2，移动通信模块150，无线通信模块160，调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。
移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信 模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中，调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后，被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A，受话器170B等)输出声音信号，或通过显示屏194显示图像或视频。在一些实施例中，调制解调处理器可以是独立的器件。在另一些实施例中，调制解调处理器可以独立于处理器110，与移动通信模块150或其他功能模块设置在同一个器件中。
无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wireless local area networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。
在一些实施例中，电子设备100的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得电子设备100可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(global system for mobile communications，GSM)，通用分组无线服务(general packet radio service，GPRS)，码分多址接入(code division multiple access，CDMA)，宽带码分多址(wideband code division multiple access，WCDMA)，时分码分多址(time-division code division multiple access，TD-SCDMA)，长期演进(long term evolution，LTE)，BT，GNSS，WLAN，NFC，FM，和/或IR技术等。所述GNSS可以包括全球卫星定位系统(global positioning system，GPS)，全球导航卫星系统(global navigation satellite system，GLONASS)，北斗卫星导航系统(beidou navigation satellite system，BDS)，准天顶卫星系统(quasi-zenith satellite system，QZSS)和/或星基增强系统(satellite based augmentation systems，SBAS)。
电子设备100通过GPU，显示屏194，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示屏194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。
显示屏194用于显示图像，视频等。显示屏194包括显示面板。显示面板可以采用液晶显示屏(liquid crystal display，LCD)，有机发光二极管(organic light-emitting diode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode的，AMOLED)，柔性发光二极管(flex light-emitting diode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot light emitting diodes，QLED)等。在一些实施例中，电子设备100可以包括1个或N个显示屏194，N为大于1的正整数。
内部存储器121可以包括一个或多个随机存取存储器(random access memory，RAM)和一个或多个非易失性存储器(non-volatile memory，NVM)。随机存取存储器可以包括静态随机存储器(static random-access memory，SRAM)、动态随机存储器(dynamic random  access memory，DRAM)、同步动态随机存储器(synchronous dynamic random access memory,SDRAM)、双倍资料率同步动态随机存取存储器(double data rate synchronous dynamic random access memory,DDR SDRAM，例如第五代DDR SDRAM一般称为DDR5SDRAM)等；非易失性存储器可以包括磁盘存储器件、快闪存储器(flash memory)。快闪存储器按照运作原理划分可以包括NOR FLASH、NAND FLASH、3D NAND FLASH等，按照存储单元电位阶数划分可以包括单阶存储单元(single-level cell,SLC)、多阶存储单元(multi-level cell,MLC)、三阶储存单元(triple-level cell,TLC)、四阶储存单元(quad-level cell,QLC)等，按照存储规范划分可以包括通用闪存存储(英文：universal flash storage，UFS)、嵌入式多媒体存储卡(embedded multi media Card，eMMC)等。在一些实施例中，随机存取存储器可以由处理器110直接进行读写，可以用于存储操作系统或其他正在运行中的程序的可执行程序(例如机器指令)，还可以用于存储用户及应用程序的数据等。非易失性存储器也可以存储可执行程序和存储用户及应用程序的数据等，可以提前加载到随机存取存储器中，用于处理器110直接进行读写。
外部存储器接口120可以用于连接外部的非易失性存储器，实现扩展电子设备100的存储能力。外部的非易失性存储器通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部的非易失性存储器中。
电子设备100可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。
音频模块170用于将数字音频信息转换成模拟音频信号输出，也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中，音频模块170可以设置于处理器110中，或将音频模块170的部分功能模块设置于处理器110中。
扬声器170A，也称“喇叭”，用于将音频电信号转换为声音信号。电子设备100可以通过扬声器170A收听音乐，或收听免提通话。
受话器170B，也称“听筒”，用于将音频电信号转换成声音信号。当电子设备100接听电话或语音信息时，可以通过将受话器170B靠近人耳接听语音。
麦克风170C，也称“话筒”，“传声器”，用于将声音信号转换为电信号。当拨打电话或发送语音信息时，用户可以通过人嘴靠近麦克风170C发声，将声音信号输入到麦克风170C。电子设备100可以设置至少一个麦克风170C。在另一些实施例中，电子设备100可以设置两个麦克风170C，除了采集声音信号，还可以实现降噪功能。在另一些实施例中，电子设备100还可以设置三个，四个或更多麦克风170C，实现采集声音信号，降噪，还可以识别声音来源，实现定向录音功能等。
耳机接口170D用于连接有线耳机。耳机接口170D可以是USB接口130，也可以是3.5mm的开放移动电子设备平台(open mobile terminal platform，OMTP)标准接口，美国蜂窝电信工业协会(cellular telecommunications industry association of the USA，CTIA)标准接口。
压力传感器180A用于感受压力信号，可以将压力信号转换成电信号。在一些实施例中，压力传感器180A可以设置于显示屏194。压力传感器180A的种类很多，如电阻式压力传感器，电感式压力传感器，电容式压力传感器等。电容式压力传感器可以是包括至少两个具有导电材料的平行板。当有力作用于压力传感器180A，电极之间的电容改变。电子设备100根据电容的变化确定压力的强度。当有触摸操作作用于显示屏194，电子设备100根据压力传 感器180A检测所述触摸操作强度。电子设备100也可以根据压力传感器180A的检测信号计算触摸的位置。在一些实施例中，作用于相同触摸位置，但不同触摸操作强度的触摸操作，可以对应不同的操作指令。例如：当有触摸操作强度小于第一压力阈值的触摸操作作用于短消息应用图标时，执行查看短消息的指令。当有触摸操作强度大于或等于第一压力阈值的触摸操作作用于短消息应用图标时，执行新建短消息的指令。
陀螺仪传感器180B可以用于确定电子设备100的运动姿态。在一些实施例中，可以通过陀螺仪传感器180B确定电子设备100围绕三个轴(即，x，y和z轴)的角速度。陀螺仪传感器180B可以用于拍摄防抖。示例性的，当按下快门，陀螺仪传感器180B检测电子设备100抖动的角度，根据角度计算出镜头模组需要补偿的距离，让镜头通过反向运动抵消电子设备100的抖动，实现防抖。陀螺仪传感器180B还可以用于导航，体感游戏场景。
气压传感器180C用于测量气压。在一些实施例中，电子设备100通过气压传感器180C测得的气压值计算海拔高度，辅助定位和导航。
磁传感器180D包括霍尔传感器。电子设备100可以利用磁传感器180D检测翻盖皮套的开合。在一些实施例中，当电子设备100是翻盖机时，电子设备100可以根据磁传感器180D检测翻盖的开合。进而根据检测到的皮套的开合状态或翻盖的开合状态，设置翻盖自动解锁等特性。
加速度传感器180E可检测电子设备100在各个方向上(一般为三轴)加速度的大小。当电子设备100静止时可检测出重力的大小及方向。还可以用于识别电子设备姿态，应用于横竖屏切换，计步器等应用。
距离传感器180F，用于测量距离。电子设备100可以通过红外或激光测量距离。在一些实施例中，拍摄场景，电子设备100可以利用距离传感器180F测距以实现快速对焦。
接近光传感器180G可以包括例如发光二极管(LED)和光检测器，例如光电二极管。发光二极管可以是红外发光二极管。电子设备100通过发光二极管向外发射红外光。电子设备100使用光电二极管检测来自附近物体的红外反射光。当检测到充分的反射光时，可以确定电子设备100附近有物体。当检测到不充分的反射光时，电子设备100可以确定电子设备100附近没有物体。电子设备100可以利用接近光传感器180G检测用户手持电子设备100贴近耳朵通话，以便自动熄灭屏幕达到省电的目的。接近光传感器180G也可用于皮套模式，口袋模式自动解锁与锁屏。
环境光传感器180L用于感知环境光亮度。电子设备100可以根据感知的环境光亮度自适应调节显示屏194亮度。环境光传感器180L也可用于拍照时自动调节白平衡。环境光传感器180L还可以与接近光传感器180G配合，检测电子设备100是否在口袋里，以防误触。
指纹传感器180H用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解锁，访问应用锁，指纹拍照，指纹接听来电等。
温度传感器180J用于检测温度。在一些实施例中，电子设备100利用温度传感器180J检测的温度，执行温度处理策略。例如，当温度传感器180J上报的温度超过阈值，电子设备100执行降低位于温度传感器180J附近的处理器的性能，以便降低功耗实施热保护。在另一些实施例中，当温度低于另一阈值时，电子设备100对电池142加热，以避免低温导致电子设备100异常关机。在其他一些实施例中，当温度低于又一阈值时，电子设备100对电池142的输出电压执行升压，以避免低温导致的异常关机。
触摸传感器180K，也称“触控器件”。触摸传感器180K可以设置于显示屏194，由触摸 传感器180K与显示屏194组成触摸屏，也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触摸操作。触摸传感器可以将检测到的触摸操作传递给应用处理器，以确定触摸事件类型。可以通过显示屏194提供与触摸操作相关的视觉输出。在另一些实施例中，触摸传感器180K也可以设置于电子设备100的表面，与显示屏194所处的位置不同。
骨传导传感器180M可以获取振动信号。在一些实施例中，骨传导传感器180M可以获取人体声部振动骨块的振动信号。骨传导传感器180M也可以接触人体脉搏，接收血压跳动信号。在一些实施例中，骨传导传感器180M也可以设置于耳机中，结合成骨传导耳机。音频模块170可以基于所述骨传导传感器180M获取的声部振动骨块的振动信号，解析出语音信号，实现语音功能。应用处理器可以基于所述骨传导传感器180M获取的血压跳动信号解析心率信息，实现心率检测功能。
按键190包括开机键，音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备100可以接收按键输入，产生与电子设备100的用户设置以及功能控制有关的键信号输入。
马达191可以产生振动提示。马达191可以用于来电振动提示，也可以用于触摸振动反馈。例如，作用于不同应用(例如拍照，音频播放等)的触摸操作，可以对应不同的振动反馈效果。作用于显示屏194不同区域的触摸操作，马达191也可对应不同的振动反馈效果。不同的应用场景(例如：时间提醒，接收信息，闹钟，游戏等)也可以对应不同的振动反馈效果。触摸振动反馈效果还可以支持自定义。
指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。
SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195，或从SIM卡接口195拔出，实现和电子设备100的接触和分离。
在本申请实施例中，电子设备200的结构可参考图1相关实施例所描述的电子设备100的结构。
下面针对本申请实施例涉及的相关概念进行介绍。
控件：控件(control)可以是对数据和方法的封装，控件可以有自己的属性和方法，属性是控件数据的简单访问者，方法则是控件的一些简单可见的功能。控件也称为部件(widget)，是用户界面的基本元素。例如，控件的类型可以包括但不限于：用户界面控件(用于开发构建用户界面的控件，如针对视窗、文本框、按钮、下拉式菜单等界面元素的控件)、图表控件(用于开发图表的控件，可以实现数据可视化等)、报表控件(用与开发报表的控件，实现报表的浏览查看、设计、编辑、打印等功能)、表格控件(用于开发表格(cell)的控件，实现网格中数据处理和操作的功能)等。本申请实施例中控件的类型还可以包括：复合控件(将现有的各种控件组合起来，形成一个新的控件，集中多种控件的性能)、扩展控件(根据现有控件派生出一个新的控件，为现有控件增加新的性能或者更改现有控件的性能)、自定义控件等。
本申请实施例中，响应控件为能够响应触摸操作的控件。可以理解，电子设备检测到作用于响应控件的热区的触摸操作(例如单击、长按、滑动等)后，响应于上述触摸操作，执行该响应控件对应的响应事件。响应控件可以是上述用户界面控件、复合控件、扩展控件或自定义控件等。例如，按钮和下拉式菜单为响应控件。
应用程序窗口：应用程序窗口可以是Android系统中的应用程序窗口，还可是IOS系统 中的应用程序窗口，还可以是其他操作系统中的应用程序窗口，此处不作具体限定。一个应用包括多个应用程序窗口，一个应用程序窗口对应一个或多个用户界面。为便于描述，本申请实施例中可以将应用程序窗口简称为窗口。本申请实施例中，窗口也可以看作一个复合控件。
热区：每个控件对应一个控件热区，每个窗口也对应一个窗口热区。传统技术中，控件热区是根据控件在显示屏194上所占的区域确定的，窗口热区是根据窗口在显示屏194上所占的区域确定的。当用户在显示屏194上的触摸操的触摸位置位于窗口1的窗口热区范围内时，上述触摸操作是作用于窗口1的用户操作。示例性的，如图3所示，窗口1的显示区域占据区域1，窗口2的显示区域占据区域2，相对于窗口2对应的activity，窗口1对应的activity是最近运行的，因此，在窗口1和窗口2的重合区域(即区域3)，电子设备100显示的窗口1覆盖窗口2，相应的，在区域3窗口1对应的热区同样也覆盖窗口2对应的热区。因此，区域3接收到的触摸操作是作用于窗口1的用户操作。例如，窗口2在区域3显示有控件1，控件1所占的区域接收到用户的触摸操作，控件1的控件热区被窗口1的窗口热区覆盖，控件1不能接收并响应上述触摸操作。
其中，Android系统中Activity是用户和应用程序之间进行交互的接口，每一个Activity组件都关联有一个Window对象，用来描述一个具体的应用程序窗口。由此可知，Activity是一个高度抽象的用户界面组件，在Android中代表了用户界面和以用户界面为中心的相应的业务逻辑，通过用户界面中的控件可以监听并处理用户触发的事件。可以理解，android应用中，一个Activity可以表现为一个用户界面，一个android应用可以拥有多个activity。
需要说明的是，窗口所占的区域和窗口内的显示区域是两个不同的概念，窗口的显示区域是基于窗口内所有控件的显示区域确定的。例如，电子设备可以通过第一参数设置窗口所占的区域的位置和/或大小，电子设备还可以通过第二参数设置窗口的显示区域的位置和/或大小，窗口的显示区域包括窗口内所有控件的显示区域。其中，第一参数可以包括窗口所占的区域的左上点坐标、该区域的宽和该区域的高，第二参数可以包括窗口的显示区域的左上点坐标、该区域的宽和该区域的高。可以理解，上述区域的左上点坐标用于表征该区域的位置，上述区域的宽和高用于表征该区域的大小。
动画：从动画效果的影响范围角度看，电子设备100的View(视图)系统中的动画可以分为窗口动画、View动画和布局动画，其中：窗口动画是窗口对应的动画，其作用对象是界面(Surface)。窗口可以是Activity对应的应用程序窗口，也可以是应用程序窗口中的子窗口。View动画是作用于某个具体View对象的动画，View动画本身是一种渐近的过程。布局动画是指ViewGroup容器对象包含的动画，该动画在ViewGroup对象中定义，但实际上影响的却是该容器内的子视图，其本质过程是根据布局动画为每个子视图设置不同的动画，从而使得整体上看起来像是作用于整个容器。
下面介绍电子设备100涉及到的一些示例性用户界面(user interface，UI)。
图4示例性示出了用于展示电子设备100安装的应用程序的用户界面11。用户界面11可以包括：状态栏201，日历指示符202，天气指示符203，具有常用应用程序图标的托盘204，以及其他应用程序图标的显示区域205。其中：
具有常用应用程序图标的托盘204可展示：电话的图标、联系人的图标、短信的图标、相机的图标。
其他应用程序图标的显示区域205可展示：支付应用的图标、智能家居的图标、视频的图标、相册的图标205A、邮箱的图标、云共享的图标、备忘录的图标、设置的图标。用户界面11还可包括页面指示符206。其他应用程序图标可分布在多个页面，页面指示符206可用于指示用户当前查看的是哪一个页面中的应用程序。用户可以左右滑动其他应用程序图标的区域，来查看其他页面中的应用程序图标。
可以理解的是，图4仅仅示例性示出了电子设备100上的用户界面，不应构成对本申请实施例的限定。
下面描述本申请实施例涉及几种窗口显示的应用场景。
场景一
图5至图8B以音量调整窗口为例，示例性示出了一种窗口显示的应用场景。
电子设备100接收到用户操作(如在电子设备100上按音量按键的操作)，响应于该操作，电子设备100可以显示如图5所示的音量调整窗口207。音量调整窗口207用于展示与音量调节相关的显示内容，如图5所示，上述音量调整窗口207中的所有显示内容(本申请中可以简称为显示内容1)包括音量面板207A、音量条207B、扬声器图标207C和设置图标207D。其中，音量条207B、扬声器图标207C和设置图标207D为响应控件，音量面板207A为非响应控件。
示例性的，如图5所示，音量调整窗口207的显示内容1覆盖了相册的图标205A，音量调整窗口207的热区208也覆盖了相册的图标205A的热区209。可选的，图5所示的音量调整窗口207的热区208和该窗口所占的区域210相同，音量调整窗口207所占的区域210是电子设备100在创建该窗口时预设的。
音量条207B包括区域3和区域4(例如，图5所示的音量条207的底端黑色部分为区域3，音量条207中顶端白色部分为区域4)，区域3的长度表征音量的大小。音量条207B可以接收到用户的滑动操作，响应于该操作，电子设备100调整音量条207B的区域3的长度，并基于区域3的长度调节音量大小。
扬声器图标207C接收到用户的输入操作(如在扬声器图标207C上的点击操作)，响应于该输入操作，电子设备100可以显示音频类型选择框，电子设备100的音频类型选择框包括铃声、媒体、闹钟等。
设置图标207D接收到用户的输入操作(如在设置图标207D上的点击操作)，响应于该输入操作，电子设备100可以显示声音设置界面。
示例性的，如图6A所示，电子设备100响应于针对音量条207B的向上滑动操作，电子设备100可以根据音量条207B的区域3的长度调节音量大小，并根据上述音量条207B的显示位置和大小，调整显示内容2的显示位置和大小。其中，显示内容2为音量调整窗口207中除音量条207B之外的所有显示内容(即音量面板207A、扬声器图标207C和设置图标207D)。
不限于上述向上滑动操作，电子设备100响应于针对音量按键的按压操作，也可以调整音量条207B的区域3的长度，调节音量大小，并根据上述音量条207B的显示位置和大小，调整显示内容2的显示位置和大小。
在一些实施例中，响应于上述向上滑动操作(或按压操作)，在缩小显示内容2的显示区域后，图6A所示的音量调整窗口207视觉上缩小为图6B所示的音量调整窗口207；然后，电子设备100根据形变后的音量调整窗口207的显示内容的显示区域缩小该窗口的热区。在图6A至图6B的窗口形变过程中，音量条207B的显示位置和大小始终保持不变，显示内容 2缩小，且音量条207B没有完全覆盖显示内容2，即显示内容2的显示区域包括音量条207B的显示区域。
需要说明的是，热区208在显示屏194所占的区域是基于热区208的位置和大小确定的，缩小热区208包括调整热区208的位置和大小。显示内容2中的控件可以进行同比例的缩小，也可以进行不同比例的缩小，此处不做具体限定。
在一种实现方式中，响应于上述向上滑动操作(或按压操作)，在电子设备100显示图6B所示的音量调整窗口207后，图6B所示的音量调整窗口207视觉上继续缩小为图6C所示的音量调整窗口207。在图6B至图6C的窗口形变过程中，音量条207B的显示位置和大小始终保持不变，显示内容2继续缩小，直至音量条207B完全覆盖显示内容2，即音量条207B的显示区域包括显示内容2的显示区域；同时，根据形变后的音量调整窗口207的显示内容的显示区域继续缩小该窗口的热区208。
在一种实现方式中，图6C中音量调整窗口207的显示内容2的显示区域的大小可以缩小至零。
在一些实施例中，图6A至图6C的窗口形变过程中，向右移动音量条207B的显示位置，音量条207B的大小保持不变，根据音量条207B的大小缩小显示内容2大小，根据音量条207B的显示位置向右移动显示内容2的显示位置。在一些实施例中，用户停止作用于音量条207B的向上滑动操作，且窗口形变完成后，电子设备100向右移动音量调整窗口207，使得音量调整窗口207靠近显示屏194的边缘。
在一种实现方式中，如图6D所示，图6A至图6B所示的窗口形变过程中，显示内容2中除音量面板207A之外的控件可以逐渐变透明。类似的，图6A至图6C所示的窗口形变过程中，显示内容2中除音量面板207A之外的控件可以逐渐变透明。
在一种实现方式中，如图6E所示，图6A至图6B所示的窗口形变过程中，显示内容2的所有内容(即音量面板207A、扬声器图标207C和设置图标207D)均逐渐变透明。类似的，图6A至图6C所示的窗口形变过程中，显示内容2的所有内容均逐渐变透明。
在一些实施例中，音量调整窗口207形变为图6B或图6C所示的音量调整窗口207后，当电子设备100再次检测到作用于音量条207B的触控操作时，电子设备100可以恢复音量调整窗口207的初始显示状态，即显示图5所示的音量调整窗口207。这样，当用户意图操控音量调整窗口中除音量条207B之外的其他控件时，可以通过触摸音量调整窗口207恢复该窗口的初始显示状态。
在一种实现方式中，在由图6C(或图6B)所示的音量调整窗口207形变至该窗口的初始显示状态的过程中，逐渐放大显示内容2。在一种实现方式中，图6C(或图6B)所示的音量调整窗口207的显示内容2的透明度较高，在由图6C(或图6B)所示的音量调整窗口207形变至该窗口的初始显示状态的过程中，逐渐减小显示内容2透明度。
需要说明的是，图6A至图6C或图6C至图6A所示的窗口形变过程中，窗口的形变方式多种多样，本申请实施例对此不作限制。
在本申请实施例中，参见图6B和图6C所示的热区208，图6A至图6C或图6C至图6A所示的窗口形变过程中，热区208可以随着音量调整窗口207的显示内容2的变化而变化。
下面对如何确定形变后的音量调整窗口207的热区208做进一步说明。
在一些实施例中，电子设备100根据形变后的音量调整窗口207的显示内容的显示区域缩小该窗口的热区208，具体包括：电子设备100根据窗口形变后的显示内容1的显示区域 缩小该窗口的热区208，缩小后的热区208包括显示内容1的显示区域。
在一种实现方式中，电子设备100设置缩小后的热区208与显示内容1的显示区域相同。示例性的，以图6B所示的形变后的音量调整窗口207为例，由于显示内容1中的面板207A的显示区域包括显示内容1的其他控件的显示区域，缩小后的热区208可以与面板207A的显示区域相同。示例性的，以图6C所示的形变后的音量调整窗口207为例，由于显示内容1中的音量条207B的显示区域包括显示内容1的其他控件的显示区域，缩小后的热区208可以与音量条207B的显示区域相同。
在一种实现方式中，电子设备100设置缩小后的热区208包括显示内容1的显示区域，且热区208的尺寸大于显示内容1的显示区域的尺寸。可选的，设置热区208为显示内容1的显示区域按预设比例同比例放大后的矩形区域，或者设置热区208为显示内容1的显示区域向四周(向上、向下、向左和向右)延伸预设长度形成的矩形区域。示例性的，以图7A所示的形变后的音量调整窗口207为例，热区208为显示内容1的显示区域的向四周延伸预设长度形成的矩形区域。
需要说明的是，上述预设比例是热区208与显示内容1的显示区域的面积的比值；或者，上述预设比例是热区208的宽与显示内容1的显示区域的宽的比值，还是热区208的高与显示内容1的显示区域的高的比值。例如，上述预设比例可以为1.1，上述预设长度可以为10个像素点的长度。
在一些实施例中，在窗口形变过程中，当显示内容1的显示区域的面积(或者宽、高)大于预设值2时，设置热区208与显示内容1的显示区域相同；当显示内容1的显示区域的面积(或者宽、高)小于等于预设值2时，设置热区208的尺寸大于显示内容1的显示区域的尺寸且小于该窗口所占的区域210的尺寸，热区208包括显示内容1的显示区域。
在一些实施例中，电子设备100根据形变后的音量调整窗口207的显示内容的显示区域缩小该窗口的热区208，具体包括：电子设备100根据窗口形变后的显示内容1中响应控件的显示区域缩小该窗口的热区，缩小后的热区208包括显示内容1中响应控件的显示区域。示例性的，以图7B所示的形变后的音量调整窗口207为例，显示内容1中的响应控件包括音量条207B、扬声器图标207C和设置图标207D，缩小后的热区208包括音量条207B的显示区域211A、扬声器图标207C的显示区域211B和设置图标207D的显示区域211C。
此外，需要说明的是，图6A至图6E所示的窗口形变过程中，音量调整窗口207所占的区域210可以不变，也可以随着显示内容1的缩小而缩小。本申请实施例对此不作具体限定。
如图8A所示，以图6C所示的音量调整窗口207为例，窗口形变后只显示了音量条207B，音量调整窗口207不再遮挡相册的图标205A，用户可以在显示屏194上看见相册的图标205A。相应的，音量调整窗口207的热区208也不再覆盖图标205A的热区209。这样，相册的图标205A可以接收并响应用户的输入操作。
示例性的，如图8A所示，电子设备100可以检测到作用于相册的图标205A的输入操作(如点击操作)，响应于该输入操作，电子设备100可以显示如图8B所示的相册界面12，该相册界面12用于显示一个或多个照片列表。这样，实施本申请实施例，电子设备100可以基于用户关注的音量条207B，缩小音量调整窗口207内的其他显示内容，并基于音量调整窗口207的所有内容的显示区域，缩小了该窗口对应的热区208，从而增加了用户对显示屏194的可操作区域，提高了屏幕利用率。
场景二
图9A至图9C以悬浮球窗口为例，示例性示出了另一种窗口热区缩小的窗口显示的应用场景。
示例性的，如图9A所示，电子设备100在用户界面11上显示悬浮球窗口301。图9A所示，悬浮球窗口301的显示内容覆盖了相册的图标205A，悬浮球窗口301的热区302覆盖了相册的图标205A的热区209。可选的，图9A所示的悬浮球窗口301的热区208和该悬浮球窗口所占的区域303相同。悬浮球窗口301的显示内容可以为图9A所示的悬浮球，还可以是以其他形态展示的悬浮球，此处不作具体限定。
在一些实施例中，悬浮球窗口301用于清理后台应用。在一种实现方式中，悬浮球窗口301可以接收用户的输入操作(如长按操作)，响应于上述输入操作，电子设备100清理后台应用的运行数据。在另一种实现方式中，悬浮球窗口301可以接收用户的输入操作(如长按操作)，响应于上述输入操作，电子设备100显示清理后台应用的界面。此外，不限于清理后台应用，悬浮球窗口301还可以用于清理其他数据，例如，电子设备100的内存，此处不作具体限定。
在一些实施例中，悬浮球窗口301用于调出快捷菜单。示例性的，悬浮球窗口301接收用户的输入操作(如点击操作)，响应于上述输入操作，电子设备100显示图9B所示的快捷菜单栏303。
本申请实施例中，当在预设时长内未检测到作用于悬浮球窗口301的输入操作，电子设备100会缩小悬浮球窗口301的显示内容，并基于悬浮球窗口301的显示内容缩小悬浮球窗口301的热区302，图9A所示的悬浮球窗口的悬浮球形变为图9C所示的半圆状态，且显示在显示屏的边缘。
在一种实现方式中，针对图9C所示的形变后的悬浮球窗口301，电子设备100设置热区303与悬浮球窗口301的显示内容的显示区域相同。在一种实现方式中，电子设备100设置热区303的尺寸大于悬浮球窗口301的显示内容的显示区域的尺寸，且小于悬浮球窗口301所占的区域303，热区303包括悬浮球窗口301的显示内容的显示区域。此外，如何基于图9C所示的形变后的悬浮球窗口301的显示内容确定悬浮球窗口301的热区302，还可以参考前述音量调整窗口207的相关实施例，此处不再赘述。
图9A至图9C的悬浮球窗口形变后，悬浮球窗口301不再完全遮挡相册的图标205A，用户可以在显示屏194上看见相册的图标205A。相应的，悬浮球窗口301的热区302也不再覆盖图标205A的热区209。这样，相册的图标205A可以接收并响应用户的输入操作。
此外，参见图9A至图9C，在悬浮球窗口301形变过程中，悬浮球窗口301所占的区域303可以不变，也可以随悬浮球窗口301的显示内容的缩小而缩小。不限于音量调整窗口207和悬浮球窗口301，本申请实施例提供的缩小窗口热区的应用场景还可以用于其他窗口。例如，视频通话窗口、视频应用的视频观看小窗口等等，此处不作具体限定。
需要说明的是，本申请实施例中，控件(例如音量条207B)和窗口(例如音量调整窗口207或悬浮球窗口301)在显示屏上显示出的形状可以是各种各样的，然而，控件和窗口的显示区域通常是矩形的，且该矩形的显示区域可以由该区域的显示位置(例如该区域的左上点坐标)和大小(例如该区域的宽和高)确定的。例如，一个图标显示的形状是圆形的，该图标的显示区域可以为上述圆形的外切矩形。
场景三
图10A至图10E以通话窗口为例，示例性示出了一种窗口显示的应用场景。
示例性的，如图10A所示，电子设备200全屏显示了一个通话窗口401，此时，通话窗口401的热区402和通话窗口401所占的区域相同，例如热区402包括显示屏的所有显示区域。电子设备200可以检测到作用于全屏的通话窗口401的输入操作，响应于该输入操作，电子设备200可以缩小通话窗口401的显示内容，并将显示内容缩小后的通话窗口401显示在如图10B所示的用户界面21上，这样，视觉上缩小了通话窗口401。
需要说明的是，用户界面21可以是电子设备200的主界面，也可以是电子设备200的其他用户界面。
在另一种实现方式中，在图10A至图10B所示的窗口形变的过程中通话窗口401所占的区域可以不变，通话窗口401的热区402可以不变，也可以随通话窗口401的显示内容1的缩小而缩小；通话窗口401形变后，电子设备100基于通话窗口401的显示内容的显示区域，确定通话窗口401的热区402，热区402的尺寸大于该窗口的显示内容的显示区域，热区402包括该窗口的显示内容的显示区域。
在一种实现方式中，在图10A至图10B所示的窗口形变的过程中，电子设备200会同步缩小通话窗口401所占的区域(例如调整小窗口401的第一参数)，进而基于通话窗口401所占的区域同步缩小通话窗口401的热区；当通话窗口401视觉上缩小为图10B所示的小窗口后，再根据该窗口的显示内容的显示区域适当扩大该窗口的热区402。示例性的，如图10C所示，当通话窗口401视觉上缩小为小窗口时，热区402与通话窗口401所占的区域相同；然后，电子设备100再基于该窗口的显示内容的显示区域，适当扩大该窗口的热区为图10D所示的热区402。
在一些实施例中，当图10B所示的通话窗口401的显示内容的显示区域的面积大于预设值1时，电子设备100基于该窗口所占的区域确定热区402的大小。当图10B所示的通话窗口401的显示内容的显示区域的面积小于预设值1时，电子设备200可以根据上述显示内容的显示区域，确定该窗口的热区402，使得热区402的尺寸大于上述显示内容的显示区域。
在一种实现方式中，设置窗口形变后的热区402为将通话窗口401的显示内容的显示区域按预设比例扩大后形成的区域。在另一种实现方式中，设置窗口形变后的热区402为通话窗口401的显示内容的显示区域向四周延伸预设长度后形成的区域。预设比例和预设长度可以参考前述实施例的相关描述，此处不再赘述。
示例性的，如图10E所示，电子设备200可以检测到作用于热区402的输入操作(如作用于热区402内、通话窗口401外的点击操作)，响应于该操作，电子设备200显示如图10A所示的全屏的通话界面20。这样，实施本申请实施例，全屏的通话窗口401视觉上形变为缩小的通话窗口401后，电子设备200可以根据通话窗口401缩小的显示内容的显示区域适当地放大该窗口的热区402，以避免由于通话窗口401的显示内容过小导致用户无法准确对该窗口进行操作的问题，保证了用户恢复全屏通话窗口401时不会存在操作困难。
此外，不限于通话窗口，本申请实施例提供的扩大窗口热区的应用场景还适用于其他窗口。例如，视频应用的视频观看小窗口等，此处不作具体限定。
下面介绍本申请实施例提供的窗口形变的动画实现原理。
本申请实施例中，电子设备100或电子设备200可以采用窗口动画、View(视图)动画 和/或布局动画展现窗口形变过程。在一种实现方式中，电子设备100或电子设备200可以采用View动画和布局动画展现窗口形变过程，以提升窗口形变的流程性。
示例性的，如图11所示，是本申请实施例提供的一种动画实现原理图。如图11所示，实现动画的要素包括动画的初态、动画的终态、动画时长以及动画的插值器(Interpolator)。其中，插值器用于设置动画属性值从初态过渡到终态的变化逻辑，从而控制动画变化的速率，使得动画效果能够以匀速、加速、减速、抛物线速率等速率中的一种或多种速率变化，以及平移、缩放、旋转、透明度等变化样式中的一种或多种样式变化。在本申请实施例中，电子设备100可以采用线性插值器(动画速度保持匀速)来实现窗口形变的动画。
在本申请的一些实施例中，用户可以自主设置动画时长和动画终态，并通过系统插值器(例如线性插值器、加速插值器)或自定义插值器设置动画属性值的变化逻辑。动画运行时，当电子设备100根据上述变化逻辑确定动画属性值发生改变时，基于上述动画属性值绘制帧图像，并刷新显示窗口。
示例性的，动画的初态为图6A所示的音量调整窗口207，动画的终态为图6C所示的音量调整窗口207，电子设备100通过设置动画时长1和动画的插值器1，使得音量调整窗口207在上述动画时长1内按照插值器1设置的变化逻辑，从图6A所示的音量调整窗口207形变为图6C所示的音量调整窗口207。示例性的，动画的初态为图10A所示的全屏的通话窗口401，动画的终态为图10C所示的视觉上缩小的通话窗口401，电子设备100通过设置动画时长2和动画的插值器2，使得通话窗口401在上述动画时长2内按照插值器2设置的变化逻辑，从图10A所示的全屏的通话窗口401形变为图10C所示的缩小的通话窗口401。
本申请实施例提供了一种窗口的显示方法，能够基于该窗口形变后的显示内容的显示区域调整该窗口的热区。这样，在电子设备100缩小窗口的显示内容时，可以增加用户在显示屏上的可操作区域，有效提升了屏幕利用率。此外，电子设备100可以基于View动画实现上述窗口的形变过程，有效提升了窗口形变流畅度。
图12示例性示出了本申请实施例提供的一种窗口的显示方法，上述窗口的显示方法包括但不限于步骤S101至S102，其中：
S101、电子设备显示第一窗口。
S102、电子设备基于第一窗口的第一显示区域确定第一窗口的热区，第一显示区域包括第一窗口中的响应控件的显示区域，响应控件为能够响应触摸操作的控件。
其中，电子设备100可以是前述电子设备100，也可以是前述电子设备200。
示例性的，上述第一窗口可以是前述场景一描述的音量调整窗口207，也可以是前述场景二描述的悬浮球窗口301，还可以是前述场景三描述的通话窗口401。不限于上述窗口，本申请实施例提供的窗口的显示方法还适用于其他类型的窗口，例如视频播放窗口。
在一些实施例中，上述电子设备基于第一窗口的第一显示区域确定第一窗口的热区之前，还包括：当第一窗口满足预设条件时，电子设备缩小第一窗口的第一显示内容；上述电子设备基于第一窗口的第一显示区域确定第一窗口的热区，具体包括：电子设备基于第一显示区域缩小第一窗口的热区为第一热区，第一显示区域包括缩小第一显示内容后的第一窗口中的响应控件的显示区域。实施本申请实施例，当第一窗口的显示内容缩小时，电子设备基于缩小后的显示内容的显示区域缩小第一窗口的热区，从而自适应的增加用户在显示屏上的可操作区域，提升屏幕利用率。
在一些实施例中，上述第一窗口包括第一控件，上述预设条件为检测到作用于第一窗口的第一控件的第一操作，第一显示内容包括第一窗口中除第一控件外的显示内容。实施本申请实施例，电子设备确定用户在第一窗口中关注的控件后，可以基于该控件的显示区域缩小第一窗口内用户不关注的其他显示内容，进而可以基于缩小后的显示内容的显示区域缩小第一窗口的热区，以增加用户在显示屏上的可操作区域，提升屏幕利用率。
在一些实施例中，上述方法还包括：响应于第一操作，电子设备还执行第一操作对应的响应事件。
需要说明的是，上述第一操作可以通过触摸第一控件在显示屏上的热区直接作用于第一控件，也可以通过其他方式间接作用于第一控件。例如，第一控件为前述音量条207B，用户通过音量按键间接作用于音量条207B。可以理解，本申请实施例中，若第一操作对应的响应事件与直接通过触控操作控制第一控件执行的响应事件相同，则可以称第一操作作用于第一控件。
示例性的，参见前述场景一的相关实施例，第一窗口可以为图6A所示音量调整窗口207，音量调整窗口207中的响应控件包括音量条207B、扬声器图标207C和设置图标207D。本申请实施例中，电子设备100可以基于音量调整窗口207的第一显示区域确定音量调整窗口207的热区，第一显示区域包括音量条207B、扬声器图标207C和设置图标207D的显示区域。
上述第一控件可以为音量调整窗口207中的音量条207B，第一窗口的热区为热区208，第一显示内容可以包括音量调整窗口207中除音量条207B之外的显示内容。例如，第一显示内容为前述显示内容2(即音量面板207A、扬声器图标207C和设置图标207D)。上述预设条件可以为检测到作用于音量条207B的第一操作，其中，第一操作可以为图6A所示的作用于音量条207B的向上滑动操作，还可以是在音量按键上实施的作用于音量条207B的按压操作，响应于上述向上滑动操作，电子设备100可以基于音量条207B的位置缩小显示内容2，并基于缩小显示内容2后的第一显示区域缩小音量调整窗口207的热区为第一热区。例如，缩小显示内容2后音量调整窗口207形变为如图6B所示的音量调整窗口207，第一热区可以为图6B和图7B所示的热区208；缩小显示内容2后音量调整窗口207形变为如图6C所示的音量调整窗口207，第一热区可以为图6C和图7A所示的热区208。
此外，响应上述向上滑动操作或按压操作，电子设备100还执行音量条207B对应的响应事件，即调整音量条207B的区域3的长度，并基于区域3的长度调节音量大小。
在一些实施例中，上述预设条件为预设时长内未检测到作用于第一窗口的输入操作。实施本申请实施例，在用户长时间不关注第一窗口时，可以缩小第一窗口的显示内容，进而可以基于缩小后的显示内容的显示区域缩小第一窗口的热区，以增加用户在显示屏上的可操作区域，提升屏幕利用率。
在一些实施例中，上述第一窗口为悬浮球窗口，第一显示内容为悬浮球窗口中的悬浮球。例如，上述预设时长为3秒。
示例性的，参见前述场景二的相关实施例，上述第一窗口可以为图9A所示的悬浮球窗口301，第一显示内容可以为悬浮球窗口301内显示的悬浮球，悬浮球缩小后展现为图9C所示的半圆状态。电子设备100基于图9C所示的悬浮球窗口301的第一显示区域缩小悬浮球窗口301的热区为第一热区，第一显示区域包括悬浮球的显示区域，第一热区可以为图9C所示的热区302。
在一些实施例中，上述预设条件为检测到作用于第一窗口的第二操作，第二操作用于缩 小第一窗口的显示内容，第一显示内容包括第一窗口的所有显示内容。实施本申请实施例，当检测到用于视觉上缩小第一窗口的第二操作后，电子设备在缩小第一窗口的显示内容的同时，可以基于缩小后的显示内容的显示区域缩小第一窗口的热区，以增加用户在显示屏上的可操作区域，提升屏幕利用率。
在一些实施例中，上述电子设备显示第一窗口，具体包括：电子设备全屏显示第一窗口。
示例性的，参见场景三的相关实施例，第一窗口可以为图10A所示的全屏显示的通话窗口401，第一显示内容包括通话窗口401的所有显示内容。电子设备200响应于上述第二操作，电子设备200缩小通话窗口401的所有显示内容，将通话窗口401视觉上缩小为图10B所示的通话窗口401，电子设备200可以基于图10B所示的通话窗口401的第一显示区域确定形变后的通话窗口401的热区为第一热区，第一显示区域包括通话窗口401的所有显示内容的显示区域，第一热区可以为图10C或图10D所示的热区402。
在一些实施例中，上述电子设备显示第一窗口，包括：电子设备在第一用户界面显示第一窗口；其中，第一用户界面包括第四控件，上述缩小第一窗口的热区为第一热区前，第一窗口的热区覆盖第四控件的热区，上述缩小第一窗口的热区为第一热区后，第一窗口的热区未覆盖第四控件的热区。实施本申请实施例，在窗口的显示内容缩小时，可以基于缩小后的显示内容的显示区域缩小第一窗口的热区，让原本被第一窗口的热区覆盖的第四控件可以接收并响应用户的输入操作，增加了用户在显示屏上的可操作区域，提升了屏幕利用率。
示例性的，第四控件可以为图6A所示的用户界面11上的相册的图标205A，如图6A所示，形变前的音量调整窗口207的热区208覆盖相册的图标205A的热区209；图6B和图6C所示，形变后的音量调整窗口207的热区208部分覆盖或未覆盖相册的图标205A的热区209。图6B或图6C所示的相册的图标205A可以接收并响应用户的输入操作，显示图8B所示的相册的用户界面12。
在一些实施例中，相比电子设备缩小第一窗口的第一显示内容前，在电子设备缩小第一窗口的第一显示内容后，第一窗口在显示屏上所占的区域的大小不变。
在一些实施例中，上述电子设备基于第一显示区域缩小第一窗口的热区为第一热区，包括：电子设备基于第一显示区域的位置和大小，缩小第一窗口的热区为第一热区，第一热区包括第一显示区域。可以理解，第一热区包括第一窗口的响应控件的显示区域，或者，第一热区包括第一窗口的所有显示内容的显示区域。
在一些实施例中，第一热区的大小大于第一显示区域的大小。实施本申请实施例，避免第一窗口的显示内容过小时用户无法准确操作该窗口。
示例性的，如图10D所示，电子设备在通话窗口401的显示内容的显示区域的基础上，适当增大第一热区的大小，避免通话窗口401的显示内容过小时，用户不能通过点击通话窗口401的热区顺利恢复通话窗口401的全屏显示状态。
在一些实施例中，上述第一热区为第一显示区域按预设比例扩大形成的区域，或者，第一热区为第一显示区域向四周延伸预设长度形成的区域。本申请实施例中，第一热区包括第一显示区域，当第一热区的大小小于第一显示区域的大小时，对如何基于第一显示区域确定第一热区不做具体限定。
需要说明的是，上述预设比例是第一热区与第一显示区域的面积的比值；或者，上述预设比例是第一热区的宽与第二显示区域的宽的比值，还是第一热区的高与第二显示区域的高的比值。例如，上述预设比例可以为1.1，上述预设长度可以为10个像素的长度。
示例性的，如图7A所示，音量调整窗口207B的显示内容1缩小后，第一显示区域与音量条207B的显示区域相同，电子设备确定音量调整窗口207B的热区208为音量条207B的显示区域向四周延伸预设长度形成的区域。
本申请实施例中，电子设备可以确定缩小第一显示内容前第一窗口的初态以及缩小第一显示内容后第一窗口的终态，第一窗口的初态具体如何变化为第一窗口的终态，此处不做限定。例如，变化过程中第一窗口的显示内容可以渐变、跳变、旋转和/或改变透明度等等。
在一些实施例中，上述电子设备缩小第一窗口的第一显示内容时，上述方法还包括：增加第一显示内容的透明度。
示例性的，第一显示内容为前述显示内容2，图6E示出了音量调整窗口207的窗口形变过程中的透明度变化，相比图6A所示的显示内容2，图6E所示的显示内容2的透明度增加。
在一些实施例中，上述第一显示内容包括第二控件和第三控件，电子设备缩小第一窗口的第一显示内容时，上述方法还包括：增加第二控件的透明度，第三控件的透明度保持不变。
示例的，如图6A所示，音量调整窗口207包括音量面板207A、音量条207B、扬声器图标207C和设置图标207D。第二控件包括扬声器图标207C和设置图标207D，第三控件可以包括面板207A。图6D示例性示出了音量调整窗口207的窗口形变过程中的透明度变化，相比图6A，图6D所示的音量面板207A的透明度不变，扬声器图标207C和设置图标207D透明度增加。
在一些实施例中，上述第一显示区域包括缩小第一显示内容后的第一窗口中所有控件的显示区域。
示例性的，第一窗口的热区是基于第一显示区域确定的，图6B和图6C所示的热区208包括形变后的第一窗口的所有控件的显示区域。
在一些实施例中，上述电子设备缩小第一窗口的第一显示内容，包括：基于第一控件的显示位置和/或大小，调整述第一显示内容的显示位置，减小第一显示内容的大小。
在一些实施例中，上述电子设备缩小第一窗口的第一显示内容后，第一显示内容的显示区域包括第一控件的显示区域；或者，电子设备缩小第一窗口的第一显示内容后，第一控件的显示区域包括第一显示内容的显示区域。
示例性的，第一控件为音量条207B，第一显示内容为前述显示内容2。图6B为缩小显示内容2后的音量调整窗口207，图6B所示的显示内容2的显示区域包括音量条207B的显示区域。图6C为缩小显示内容2后的音量调整窗口207，图6C所示的音量条207B的显示区域包括显示内容2的显示区域。本申请实施例中，显示内容2的大小也可以缩小为零。
在一些实施例中，当第一显示区域的大小小于第一预设值时，第一热区的大小是基于第一显示区域的大小确定的；当第一显示区域的大小大于等于第一预设值时，第一热区的大小可以通过其他方式确定，例如基于第一窗口所占的区域来确定。
在一些实施例中，上述电子设备基于第一显示区域缩小第一窗口的热区为第一热区，包括：当第一窗口的所有显示内容的显示区域的大小小于第二预设值时，电子设备基于第一显示区域缩小第一窗口的热区为第一热区；当第一窗口的所有显示内容的显示区域的大小大于等于第二预设值时，电子设备基于其他方式确定第一窗口的任务，例如，基于第一窗口所占的区域来确定。示例性的，第一窗口为前述音量调整窗口207时，第一预设值可以是前述预设值2；第一窗口为前述通话窗口401时，第一预设值可以是前述预设值1。
此外，本申请实施例中，电子设备100缩小第一窗口的第一显示内容的过程中，基于第 一窗口的初态和终态，电子设备100使用View动画实现第一窗口的形变，有效提高了窗口形变的流畅度。
下面结合图13描述本申请实施例中电子设备100的软件结构。
在本申请实施例中，电子设备100的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。本申请实施例以分层架构的Android系统为例，示例性说明电子设备100的软件结构。
参见图13，图13示例性示出了本申请实施例提供的电子设备100的软件结构框图。
如图13所示，分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，可以将Android系统从上至下分为应用程序层，应用程序框架层，硬件抽象层(hardware abstraction layer，HAL)层以及内核层(kernel)。其中：
应用程序层包括一系列应用程序包，例如System UI，视频，相机等等。还可以包括，图库，通话，音乐，等应用程序。
应用程序框架层为应用程序层的应用程序提供应用编程接口(application programming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。
Android Runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。
核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。
应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。
内核层是硬件和软件之间的层。内核层可以包含显示驱动，传感器驱动、触控IC驱动，还可以包括摄像头驱动，音频驱动等等。HAL层及内核层(kernel)可以响应于应用程序框架层调用的功能，执行对应的操作。
图13所示的软件工具开发包(software developmentkit，SDK)指：为特定的软件包、软件框架、硬件平台、操作系统等建立应用软件的开发工具的集合。
其中，应用程序框架层可以包括：Window管理服务(window manager service，WMS)、窗口会话对象、输入事件管理服务(input manager service，IMS)、绘制模块和显示模块。
Window管理服务是android系统的系统服务，控制所有窗口的显示与隐藏。Window管理服务为所有窗口分配界面，管理界面的显示顺序、尺寸、位置等，控制窗口动画，是输入系统的一个重要的中转站。Window管理服务中的每个窗口包括该窗口对应的窗口会话对象，窗口会话对象用于存储该窗口的热区信息(即热区的显示位置和大小)。Window管理服务创建窗口时注册该窗口的热区刷新监听到视图根布局的视图监听模块中。
视图根布局(ViewRootlmpl)用于管理窗口的根View，实现了ViewParent接口。它控制了View的测量(measure)、布局(layout)和绘制(draw)，所有窗口事件的分发交互都是通过它来执行或传递的。同时，视图根布局通过窗口会话对象与Window管理服务通信，并将IWindow作为Window管理服务的回调接口。视图根布局包括视图监听模块，视图监听模块用于监听窗口对应的View树。
其中，View树：视图(View)与视图组(ViewGroup)可以将用户界面上的所有控件形成了一个树形结构，即View树。如图2所示，在每个View树的顶部有一个父视图(ViewParent) 对象作为View树的核心，所有的交互管理事件都由它来统一调度和分配，从而对整个视图进行整体控制。其中，视图是Android系统中所有控件的基类。视图组代表着控件的集合，视图组中包含一个或多个视图，视图组中也可以包含其他视图组。
输入事件管理服务用于管理电子设备100中的输入事件。
绘制模块用于基于窗口对应的View树绘制该窗口。在一种实现方式中，当电子设备100显示前台运行的应用的界面，绘制模块周期性地调用视图根布局来绘制显示内容。
显示模块用于确定窗口的显示内容。
下面示例性说明电子设备100中窗口的显示方法的工作流程。
在本申请的一些实施例中，电子设备100接收用户的输入操作，上述输入操作的相关信息(如音量按键的中断信息)被发给输入事件管理服务，识别上述输入操作对应的输入事件为显示第一窗口(如前述音量调整窗口207)。然后，输入事件管理服务将上述输入事件分发给Window管理服务。
Window管理服务基于上述输入事件调用第一窗口。需要说明的是，在接收上述输入事件前，Window管理服务可以基于Window管理服务的SDK创建第一窗口的窗口对象并指定第一窗口的视图布局，第一窗口的窗口会话对象中存储了第一窗口的热区信息；然后，添加第一窗口到Window管理服务中，完成第一窗口的创建，并可以在创建第一窗口时注册第一窗口的热区刷新监听到视图根布局的视图监听模块中。
绘制模块触发第一窗口的绘制，进而触发视图根布局调用performTraversals()函数对第一窗口进行布局属性检测和绘制，并将第一窗口的绘制数据发送给显示模块。显示模块根据第一窗口的绘制数据确定第一窗口的显示内容，显示模块通过调用内核层的显示驱动来驱动显示屏194显示第一窗口。
在本申请的一些实施例中，触摸传感器180K接收到触控操作，相应的硬件中断被发给触控芯片，触控芯片将触摸操作的触摸信息发送给内核层的触控芯片驱动，触控芯片驱动将上述触摸信息发送给输入系统，输入系统将上述触控操作加工成原始输入事件(包括触摸坐标，触控操作的时间戳等信息)，原始输入事件被存储在内核层。输入事件管理服务从内核层获取原始输入事件，确定上述原始输入事件是作用于第一窗口的第一控件。输入事件管理服务将上述输入事件分发给上述第一窗口对应的应用程序1，应用程序1可以基于第一控件的显示位置和大小，确定第一窗口缩小后的显示内容的显示位置和大小；并根据缩小后的显示内容的显示位置和大小，确定第一窗口缩小后的热区的位置和大小；应用程序1可以将第一窗口缩小后的显示内容和热区的相关信息(位置和大小)发送给第一窗口对应的视图监听模块。视图监听模块将第一窗口缩小后的热区的相关信息发送到第一窗口的窗口会话对象，更新窗口会话对象中第一窗口的热区的相关信息。视图根布局调用动画(例如view动画)函数确定在第一窗口从初态到终态的形变过程中的每个刷新周期，第一窗口对应的视图布局。
绘制模块周期性地触发绘制，触发视图根布局调用performTraversals()函数对第一窗口进行布局属性检测和绘制，并向显示模块发送绘制数据，进而显示了第一窗口的形变过程。其中，视图根布局调用performTraversals()函数对第一窗口进行布局属性检测时，视图根布局调用第一窗口的热区刷新监听来获取当前时刻第一窗口的显示内容和热区的相关信息。在一种实现方式中，第一窗口的热区刷新监听在onComputeInternalInserts里读取第一窗口的显示内容和热区的相关信息。
在上述实施例中，可以全部或部分地通过软件、硬件、固件或者其任意组合来实现。当 使用软件实现时，可以全部或部分地以计算机程序产品的形式实现。所述计算机程序产品包括一个或多个计算机指令。在计算机上加载和执行所述计算机程序指令时，全部或部分地产生按照本申请实施例所述的流程或功能。所述计算机可以是通用计算机、专用计算机、计算机网络、或者其他可编程装置。所述计算机指令可以存储在计算机可读存储介质中，或者从一个计算机可读存储介质向另一个计算机可读存储介质传输，例如，所述计算机指令可以从一个网站站点、计算机、服务器或数据中心通过有线(例如同轴电缆、光纤、数字用户线)或无线(例如红外、无线、微波等)方式向另一个网站站点、计算机、服务器或数据中心进行传输。所述计算机可读存储介质可以是计算机能够存取的任何可用介质或者是包含一个或多个可用介质集成的服务器、数据中心等数据存储设备。所述可用介质可以是磁性介质，(例如，软盘、硬盘、磁带)、光介质(例如DVD)、或者半导体介质(例如固态硬盘)等。
本领域普通技术人员可以理解实现上述实施例方法中的全部或部分流程，该流程可以由计算机程序来指令相关的硬件完成，该程序可存储于计算机可读取存储介质中，该程序在执行时，可包括如上述各方法实施例的流程。而前述的存储介质包括：ROM或随机存储记忆体RAM、磁碟或者光盘等各种可存储程序代码的介质。
以上所述，以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的范围。

Claims (30)

  1. 一种窗口的显示方法，其特征在于，包括：
    所述电子设备显示第一窗口；
    所述电子设备基于所述第一窗口的第一显示区域确定所述第一窗口的热区，所述第一显示区域包括所述第一窗口中的响应控件的显示区域，所述响应控件为能够响应触摸操作的控件。
  2. 根据权利要求1所述的方法，其特征在于，所述电子设备基于所述第一窗口的第一显示区域确定所述第一窗口的热区之前，还包括：
    当所述第一窗口满足预设条件时，所述电子设备缩小所述第一窗口的第一显示内容；
    所述电子设备基于所述第一窗口的第一显示区域确定所述第一窗口的热区，具体包括：
    所述电子设备基于所述第一显示区域缩小所述第一窗口的热区为第一热区，所述第一显示区域包括缩小所述第一显示内容后的所述第一窗口中的响应控件的显示区域。
  3. 根据权利要求2所述的方法，其特征在于，所述第一窗口包括第一控件，所述预设条件为检测到作用于所述第一窗口的所述第一控件的第一操作，所述第一显示内容包括所述第一窗口中除所述第一控件外的显示内容。
  4. 根据权利要求2所述的方法，其特征在于，所述预设条件为预设时长内未检测到作用于所述第一窗口的输入操作。
  5. 根据权利要求4所述的方法，其特征在于，所述第一窗口为悬浮球窗口，所述第一显示内容为所述悬浮球窗口中的悬浮球。
  6. 根据权利要求2所述的方法，其特征在于，所述预设条件为检测到作用于所述第一窗口的第二操作，所述第二操作用于缩小所述第一窗口的显示内容，所述第一显示内容包括所述第一窗口的所有显示内容。
  7. 根据权利要求6所述的方法，其特征在于，所述电子设备显示第一窗口，具体包括：
    所述电子设备全屏显示所述第一窗口。
  8. 根据权利要求2至7任一项所述的方法，其特征在于，所述电子设备显示第一窗口，包括：
    所述电子设备在第一用户界面显示所述第一窗口；
    其中，所述第一用户界面包括第四控件，所述缩小所述第一窗口的热区为第一热区前，所述第一窗口的热区覆盖所述第四控件的热区，所述缩小所述第一窗口的热区为第一热区后，所述第一窗口的热区未覆盖所述第四控件的热区。
  9. 根据权利要求2至7任一项所述的方法，其特征在于，相比所述电子设备缩小所述第 一窗口的所述第一显示内容前，在所述电子设备缩小所述第一窗口的所述第一显示内容后，所述第一窗口在显示屏上所占的区域的大小不变。
  10. 根据权利要求2至7任一项所述的方法，其特征在于，所述电子设备基于第一显示区域缩小所述第一窗口的热区为第一热区，包括：
    所述电子设备基于所述第一显示区域的位置和大小，缩小所述第一窗口的热区为所述第一热区，所述第一热区包括所述第一显示区域。
  11. 根据权利要求2至7任一项所述的方法，其特征在于，当所述第一显示区域的大小小于第一预设值时，所述第一热区的大小是基于所述第一显示区域的大小确定的。
  12. 根据权利要求11所述的方法，其特征在于，所述第一热区为所述第一显示区域按预设比例扩大形成的区域，或者，所述第一热区为所述第一显示区域向四周延伸预设长度形成的区域。
  13. 根据权利要求2至7任一项所述的方法，其特征在于，所述电子设备缩小所述第一窗口的第一显示内容时，所述方法还包括：
    增加所述第一显示内容的透明度。
  14. 根据权利要求2至7任一项所述的方法，其特征在于，所述第一显示内容包括第二控件和第三控件，所述电子设备缩小所述第一窗口的第一显示内容时，所述方法还包括：
    增加所述第二控件的透明度，所述第三控件的透明度保持不变。
  15. 根据权利要求2至7任一项所述的方法，其特征在于，所述第一显示区域包括缩小所述第一显示内容后的所述第一窗口中所有控件的显示区域。
  16. 根据权利要求3所述的方法，其特征在于，所述电子设备缩小所述第一窗口的第一显示内容，包括：
    基于所述第一控件的显示位置和/或大小，调整所述述第一显示内容的显示位置，减小所述第一显示内容的大小。
  17. 根据权利要求3所述的方法，其特征在于，所述电子设备缩小所述第一窗口的第一显示内容后，所述第一显示内容的显示区域包括所述第一控件的显示区域；或者，
    所述电子设备缩小所述第一窗口的第一显示内容后，所述第一控件的显示区域包括所述第一显示内容的显示区域。
  18. 根据权利要求3所述的方法，其特征在于，所述方法还包括：
    响应于所述第一操作，所述电子设备还执行所述第一操作对应的响应事件。
  19. 一种电子设备，其特征在于，包括：
    显示单元，用于显示第一窗口；
    确定单元，用于基于所述第一窗口的第一显示区域确定所述第一窗口的热区，所述第一显示区域包括所述第一窗口中的响应控件的显示区域，所述响应控件为能够响应触摸操作的控件。
  20. 根据权利要求19所述的电子设备，其特征在于，所述电子设备还包括缩小单元，所述确定单元基于所述第一窗口的第一显示区域确定所述第一窗口的热区之前，
    所述缩小单元，用于当所述第一窗口满足预设条件时，缩小所述第一窗口的第一显示内容；
    所述确定单元，具体用于基于所述第一显示区域缩小所述第一窗口的热区为第一热区，所述第一显示区域包括缩小所述第一显示内容后所述第一窗口中的响应控件的显示区域。
  21. 根据权利要求20所述的电子设备，其特征在于，所述第一窗口包括第一控件，所述预设条件为检测到作用于所述第一窗口的所述第一控件的第一操作，所述第一显示内容包括所述第一窗口中除所述第一控件外的显示内容。
  22. 根据权利要求20所述的电子设备，其特征在于，所述预设条件为预设时长内未检测到作用于所述第一窗口的输入操作。
  23. 根据权利要求20所述的电子设备，其特征在于，所述预设条件为检测到作用于所述第一窗口的第二操作，所述第二操作用于缩小所述第一窗口的显示内容，所述第一显示内容包括所述第一窗口的所有显示内容。
  24. 根据权利要求23所述的电子设备，其特征在于，所述显示单元，具体用于全屏显示所述第一窗口。
  25. 根据权利要求20至24任一项所述的电子设备，其特征在于，所述显示单元，具体用于在第一用户界面显示所述第一窗口；
    其中，所述第一用户界面包括第四控件，所述缩小所述第一窗口的热区为第一热区前，所述第一窗口的热区覆盖所述第四控件的热区，所述缩小所述第一窗口的热区为第一热区后，所述第一窗口的热区未覆盖所述第四控件的热区。
  26. 根据权利要求20至24任一项所述的电子设备，其特征在于，相比所述缩小单元缩小所述第一窗口的所述第一显示内容前，在所述缩小单元缩小所述第一窗口的所述第一显示内容后，所述第一窗口在显示屏上所占的区域的大小不变。
  27. 根据权利要求20至24任一项所述的电子设备，其特征在于，当所述第一显示区域的大小小于第一预设值时，所述第一热区的大小是基于所述第一显示区域的大小确定的。
  28. 一种电子设备，包括：一个或多个处理器、存储器和显示屏；所述存储器、所述显 示屏与所述一个或多个处理器耦合，所述存储器用于存储计算机程序代码，所述计算机程序代码包括计算机指令，所述一个或多个处理器调用所述计算机指令以使得所述电子设备实现如权利要求1-18任一项所述的方法。
  29. 一种计算机存储介质，其特征在于，包括计算机指令，当所述计算机指令在电子设备上运行时，使得所述电子设备执行如权利要求1-18任一项所述的方法。
  30. 一种计算机程序产品，其特征在于，当所述计算机程序产品在计算机上运行时，使得所述计算机执行如权利要求1-18任一项所述的方法。
PCT/CN2022/083405 2021-03-30 2022-03-28 一种窗口的显示方法以及相关装置 WO2022206681A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
EP22778863.5A EP4310649A4 (en) 2021-03-30 2022-03-28 WINDOW DISPLAY METHOD AND RELATED APPARATUS
US18/477,270 US20240028175A1 (en) 2021-03-30 2023-09-28 Window display method and related apparatus

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202110343796.0 2021-03-30
CN202110343796.0A CN115145447A (zh) 2021-03-30 2021-03-30 一种窗口的显示方法以及相关装置

Related Child Applications (1)

Application Number Title Priority Date Filing Date
US18/477,270 Continuation US20240028175A1 (en) 2021-03-30 2023-09-28 Window display method and related apparatus

Publications (1)

Publication Number Publication Date
WO2022206681A1 true WO2022206681A1 (zh) 2022-10-06

Family

ID=83403338

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2022/083405 WO2022206681A1 (zh) 2021-03-30 2022-03-28 一种窗口的显示方法以及相关装置

Country Status (4)

Country Link
US (1) US20240028175A1 (zh)
EP (1) EP4310649A4 (zh)
CN (1) CN115145447A (zh)
WO (1) WO2022206681A1 (zh)

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN117119349A (zh) * 2023-04-25 2023-11-24 荣耀终端有限公司 音量控制方法、图形界面及相关装置
WO2024104161A1 (zh) * 2022-11-15 2024-05-23 华为技术有限公司 手势触控方法及电子设备

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN118331464A (zh) * 2023-01-12 2024-07-12 华为技术有限公司 显示方法、显示装置和电子设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090172587A1 (en) * 2007-07-26 2009-07-02 Idelix Software Inc. Dynamic detail-in-context user interface for application access and content access on electronic displays
CN107861679A (zh) * 2017-09-18 2018-03-30 深圳市金立通信设备有限公司 一种操作处理方法、终端及计算机可读存储介质
CN108540646A (zh) * 2018-03-12 2018-09-14 广东欧珀移动通信有限公司 消息提醒方法、装置、设备及存储介质
CN110362373A (zh) * 2019-06-29 2019-10-22 华为技术有限公司 一种控制屏幕小窗口的方法及相关设备
CN111552425A (zh) * 2020-04-24 2020-08-18 北京小米移动软件有限公司 一种控制小窗显示的方法、装置及存储介质

Family Cites Families (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20060236264A1 (en) * 2005-04-18 2006-10-19 Microsoft Corporation Automatic window resize behavior and optimizations
WO2007132648A1 (ja) * 2006-05-11 2007-11-22 Panasonic Corporation 表示オブジェクトレイアウト変更装置
CN103135932B (zh) * 2013-02-17 2016-05-04 东莞宇龙通信科技有限公司 触控对象的放大处理方法及通信终端
KR20150029451A (ko) * 2013-09-10 2015-03-18 엘지전자 주식회사 이동 단말기 및 이의 제어방법
KR20170056841A (ko) * 2015-11-16 2017-05-24 엘지전자 주식회사 이동 단말기 및 이동 단말기의 제어 방법
CN107704147A (zh) * 2017-06-24 2018-02-16 平安科技（深圳）有限公司 功能控件的响应终端、方法及计算机可读存储介质

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20090172587A1 (en) * 2007-07-26 2009-07-02 Idelix Software Inc. Dynamic detail-in-context user interface for application access and content access on electronic displays
CN107861679A (zh) * 2017-09-18 2018-03-30 深圳市金立通信设备有限公司 一种操作处理方法、终端及计算机可读存储介质
CN108540646A (zh) * 2018-03-12 2018-09-14 广东欧珀移动通信有限公司 消息提醒方法、装置、设备及存储介质
CN110362373A (zh) * 2019-06-29 2019-10-22 华为技术有限公司 一种控制屏幕小窗口的方法及相关设备
CN111552425A (zh) * 2020-04-24 2020-08-18 北京小米移动软件有限公司 一种控制小窗显示的方法、装置及存储介质

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP4310649A4

Cited By (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2024104161A1 (zh) * 2022-11-15 2024-05-23 华为技术有限公司 手势触控方法及电子设备
CN117119349A (zh) * 2023-04-25 2023-11-24 荣耀终端有限公司 音量控制方法、图形界面及相关装置
CN117119349B (zh) * 2023-04-25 2024-10-01 荣耀终端有限公司 音量控制方法、图形界面及相关装置

Also Published As

Publication number Publication date
US20240028175A1 (en) 2024-01-25
EP4310649A4 (en) 2024-06-05
EP4310649A1 (en) 2024-01-24
CN115145447A (zh) 2022-10-04

Similar Documents

Publication Publication Date Title
WO2021027747A1 (zh) 一种界面显示方法及设备
CN109814766B (zh) 一种应用显示方法及电子设备
WO2021213164A1 (zh) 应用界面交互方法、电子设备和计算机可读存储介质
US20210263564A1 (en) Display Method for Flexible Display, and Terminal
WO2022206681A1 (zh) 一种窗口的显示方法以及相关装置
WO2022068483A1 (zh) 应用启动方法、装置和电子设备
WO2022199509A1 (zh) 应用执行绘制操作的方法及电子设备
CN113132526B (zh) 一种页面绘制方法及相关装置
EP4266173A1 (en) Application display method and apparatus, chip system, medium and program product
WO2021190524A1 (zh) 截屏处理的方法、图形用户接口及终端
WO2023051511A1 (zh) 一种图标移动方法、相关图形界面及电子设备
EP4390677A1 (en) Animation effect display method and electronic device
EP4390643A1 (en) Preview method, electronic device, and system
WO2023016011A1 (zh) 应用程序的切换方法、图形界面及相关装置
WO2023169542A1 (zh) 一种显示方法及电子设备
WO2024193642A1 (zh) 一种数据分享方法及电子设备
CN117270720B (zh) 一种页面显示方法及电子设备
US20240069845A1 (en) Focus synchronization method and electronic device
WO2024017332A1 (zh) 控制部件的方法及相关装置

Legal Events

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

Ref document number: 22778863

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 2022778863

Country of ref document: EP

NENP Non-entry into the national phase

Ref country code: DE

ENP Entry into the national phase

Ref document number: 2022778863

Country of ref document: EP

Effective date: 20231016