WO2024149089A1 - 显示方法、显示装置和电子设备 - Google Patents
显示方法、显示装置和电子设备 Download PDFInfo
- Publication number
- WO2024149089A1 WO2024149089A1 PCT/CN2023/143194 CN2023143194W WO2024149089A1 WO 2024149089 A1 WO2024149089 A1 WO 2024149089A1 CN 2023143194 W CN2023143194 W CN 2023143194W WO 2024149089 A1 WO2024149089 A1 WO 2024149089A1
- Authority
- WO
- WIPO (PCT)
- Prior art keywords
- input
- level menu
- window
- transparent window
- level
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Ceased
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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 OR CALCULATING; 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 OR CALCULATING; 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 OR CALCULATING; 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
-
- G—PHYSICS
- G06—COMPUTING OR CALCULATING; 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/04804—Transparency, e.g. transparent or translucent windows
Definitions
- Embodiments of the present application relate to the field of electronic devices, and more specifically, to a display method, a display device, and an electronic device.
- Multi-level menus are widely used in mainstream operating systems because they can accommodate more options for users to choose from.
- the current multi-level menu is mainly implemented by creating a new window through event triggering to accommodate the new level of menu.
- each window creation consumes more system resources and increases the power consumption of the device, it brings a higher performance burden to low-configuration devices.
- Embodiments of the present application provide a display method, a display device, and an electronic device, which can reduce the overhead and power consumption of multi-level menu display.
- a display method which is applied to an electronic device, comprising: receiving a first input for expanding an n-th level menu of a multi-level menu; in response to the first input, displaying a user interface control in a transparent window, wherein the user interface control is the n-th level menu of the multi-level menu.
- the user performs a first input in the first window.
- the first input may be a user input for the nth level menu for expanding the multi-level menu, where n is a positive integer.
- the nth level menu may be a first level menu or other level menus above the first level menu.
- the first input may be, for example, a click input on a control in the first window.
- the first input may also be, for example, a right click input on a blank area in the first window (for touch screen input, it may correspond to a long press click input on the first window).
- the first window is the window where the user input acts when the first level menu is expanded.
- the first input may be a hover input or a click input of a certain option on the n-1th level menu by the user.
- the transparent window is dedicated to displaying a multi-level menu in the form of a user interface control.
- the transparent window is invisible, while the multi-level menu in the form of a user interface control is visible. In this way, since each level of the menu in the multi-level menu is a user interface control, instead of creating a new window for each level menu expanded, the overhead and power consumption of the multi-level menu display can be reduced.
- the multi-level menu is a user interface control on the transparent window rather than a control on the first window, and the size and position of the transparent window can be freely set according to needs, the display of the multi-level menu will not be limited to the first window, resulting in better display effects and enhanced user experience.
- the first input is used to expand the first-level menu of the multi-level menu, the first input is located in the first window, and before displaying the user interface control in the transparent window, the method also includes: creating the transparent window above the first window based on the first input.
- the first input when used to expand the first-level menu of a multi-level menu, the first input is located in the first window, and the multi-level menu is triggered by the user clicking a control or right-clicking a blank space in the first window.
- the electronic device Before expanding the first-level menu, the electronic device creates a transparent window above the first window. Above means that the z level of the transparent window is higher than that of the first window, so that the multi-level menu is displayed as a user interface control on the transparent window at the top layer (the highest z level, the upper layer of the first window), and the transparent window is created to display the multi-level menu.
- the method also includes: determining an input hot zone of the multi-level menu, the input hot zone being a collection of areas occupied by menus of each level that have been expanded in the multi-level menu; receiving a second input from a user to the transparent window; when the second input is located inside the input hot zone, performing an operation corresponding to the second input on the multi-level menu according to the second input; when the second input is located outside the input hot zone and the second input is a click input, according to the second input, closing the multi-level menu and the transparent window, and activating the window with the highest z level under the transparent window at the location of the second input.
- the transparent window is displayed on the top layer, when the user input is within the range of the transparent window, the transparent window is the direct action window of the input.
- the transparent window is created to accommodate the user interface control of the multi-level menu. Menu, the other parts of the window are not visible to the user.
- the input hot zone is a set of areas formed by the expanded multi-level menu. The user input in this area is used for the multi-level menu, such as for expanding and folding the multi-level menu.
- the user clicks or hovers on an option of the current level menu it can be used to expand the next level menu; when the user hovers or clicks on the option of the previous level menu of the current level menu, it can be used to expand the current level menu in other ways; when the user clicks on the option corresponding to a specific instruction, the corresponding instruction can be triggered.
- the user inputs in other areas of the transparent window when the user input is a click input, other windows can be activated (the window with the highest z level under the transparent window at the click input position), and the click input can close the transparent window and the user interface controls on the transparent window (menus at all levels of the multi-level menu).
- the click input can be directly transmitted to the window under the transparent window to trigger the corresponding instruction, such as the control of the window at the click position.
- the input is hovering outside the input hot zone of the transparent window, no other operations may be performed. Therefore, the existence of the transparent window in the technical solution of the embodiment of the present application will not affect the user's operation.
- an area occupied by the transparent window is greater than or equal to an area where the multi-level menu may be displayed.
- the area occupied by the transparent window is greater than or equal to the possible display area of the multi-level menu
- the possible display area of the multi-level menu includes not only the display area of each level of the menu currently displayed on the display screen, but also the display area of any level of the menu that may be displayed although not displayed on the display screen. Since the multi-level menu exists in the form of a user interface control on the transparent window, the size of the transparent window needs to be sufficient to accommodate each level of the multi-level menu.
- the possible display area of the multi-level menu is related to the position of the input that triggers expansion of a first-level menu of the multi-level menu.
- the possible display area of the multi-level menu is related to the position of the input that triggers the expansion of the first-level menu of the multi-level menu, that is, the area occupied by the transparent window may also be related to the position of the input.
- the area occupied by the transparent window is consistent with the screen display area of the electronic device.
- the transparent window in order to reduce the complexity of creating a transparent window, can be set to be consistent with the display interface of the electronic device.
- the multi-level menu triggered or managed by the first window can be displayed in the area of the entire display screen without being affected by the boundary of the first window, so that the display effect of the multi-level menu is better. For example, if the first window is small, when the multi-level menu is displayed entirely within the range of the first window, some levels of the multi-level menu may need to overlap, affecting the display effect.
- the first window is a non-full-screen display window, and a partial area of the transparent window is outside an area occupied by the first window.
- the multi-level menu can also be displayed outside the first window, so that the display effect of the multi-level menu is better.
- the user interface control is displayed according to a rendering result of the transparent window.
- the operating system of the electronic device since the operating system of the electronic device only needs to render the transparent window instead of rendering the window of each level of the multi-level menu when displaying the multi-level menu, the power consumption of displaying the multi-level menu can be reduced.
- the operating system of the electronic device is a Windows operating system, an Android operating system, an IOS operating system, or a Linux operating system.
- the first input when n is 1, the first input is a user click operation on the first control in the first window; or, the first input is a user right-click or long-press click operation on a blank area in the first window; when n is greater than or equal to 2, the first input is an operation of hovering over an option of the n-1th level menu of the multi-level menu for more than a preset time; or, the first input is a click operation on an option on the n-1th level menu of the multi-level menu.
- the first-level menu can be expanded by clicking the control in the first window or right-clicking in the blank area.
- the click operation on the first control can be a mouse click (for example, a right-click or a left-click) or a touch click operation (for example, a short-click operation or a long-click operation on the first control).
- the n-level menu is a second-level menu or a menu above the second-level menu
- the n-level menu can be triggered by clicking or hovering the mouse over a specific option on the n-1-level menu.
- a display device comprising: one or more processors; one or more memories; the one or more memories storing one or more computer programs, the one or more computer programs comprising instructions, when the instructions When executed by the one or more processors, the display device performs the following steps: receiving a first input for expanding an n-th level menu of a multi-level menu; in response to the first input, displaying a user interface control in a transparent window, wherein the user interface control is the n-th level menu of the multi-level menu.
- the first input is used to expand the first-level menu of the multi-level menu, and the first input is located in the first window.
- the display device performs the following steps: based on the first input, create the transparent window above the first window.
- the display device when the instruction is executed by the one or more processors, performs the following steps: determining an input hot zone of the multi-level menu, the input hot zone being a collection of areas occupied by menus of each level that have been expanded in the multi-level menu; receiving a second input from a user to the transparent window; when the second input is located inside the input hot zone, performing an operation corresponding to the second input on the multi-level menu according to the second input; or, when the second input is located outside the input hot zone and the second input is a click input, closing the multi-level menu and the transparent window according to the second input, and activating the window with the highest z level under the transparent window at the location of the second input.
- an area occupied by the transparent window is greater than or equal to a possible display area of the multi-level menu.
- the possible display area of the multi-level menu is related to the position of the first-level menu input that triggers expansion of the multi-level menu.
- an area occupied by the transparent window is consistent with a screen display area of the display device.
- the first window is a non-full-screen display window, and a partial area of the transparent window is outside an area occupied by the first window.
- the user interface control is displayed based on a rendering result of the transparent window.
- the operating system of the display device is a Windows operating system, an Android operating system, an IOS operating system, or a Linux operating system.
- the first input when n is 1, the first input is a user click operation on the first control in the first window; or, the first input is a user right-click or long-press click operation on a blank area in the first window; when n is greater than or equal to 2, the first input is an operation of hovering over an option of the n-1th level menu of the multi-level menu for more than a preset time; or, the first input is a click operation on an option on the n-1th level menu of the multi-level menu.
- a display device comprising: a processing unit for receiving a first input for expanding an n-th level menu of a multi-level menu; and a display unit for displaying a user interface control in the transparent window in response to the first input, wherein the user interface control is the n-th level menu of the multi-level menu.
- the first input is used to expand the first-level menu of the multi-level menu, the first input is located in the first window, and the processing unit is further used to: create the transparent window above the first window based on the first input.
- the processing unit is further used to: determine an input hot zone of the multi-level menu, the input hot zone being a collection of areas occupied by menus of each level that have been expanded in the multi-level menu; receive a second input from a user to the transparent window; when the second input is located inside the input hot zone, perform an operation corresponding to the second input on the multi-level menu according to the second input; or, when the second input is located outside the input hot zone and the second input is a click input, close the multi-level menu and the transparent window according to the second input, and activate the window with the highest z level under the transparent window at the location of the second input.
- an area occupied by the transparent window is greater than or equal to a possible display area of the multi-level menu.
- the possible display area of the multi-level menu is related to the position of the input that triggers the expansion of the first-level menu of the multi-level menu.
- the area occupied by the transparent window is consistent with the screen display area of the electronic device.
- the first window is a non-full-screen display window, and a partial area of the transparent window is outside an area occupied by the first window.
- the user interface control is displayed based on a rendering result of the transparent window.
- the operating system of the display device is a Windows operating system, an Android operating system, an IOS operating system, or a Linux operating system.
- the first input when n is 1, the first input is a user click operation on the first control in the first window; or, the first input is a user right-click or long-press click operation on a blank area in the first window; when n is greater than or equal to 2, the first input is an operation of hovering over an option of the n-1th level menu of the multi-level menu for more than a preset time; or, the first input is a click operation on an option on the n-1th level menu of the multi-level menu.
- an electronic device comprising the display device as described in the second aspect or any one of the implementations of the second aspect and the third aspect or any one of the implementations of the third aspect.
- a computer storage medium is provided, and when the computer instructions are executed on an electronic device, the electronic device executes the method as described in the first aspect or any one of the implementations of the first aspect.
- an electronic device comprising: a memory for storing computer instructions; and a processor for executing the computer instructions stored in the memory, so that the electronic device executes the method described in the first aspect or any one of the implementations of the first aspect.
- a chip system characterized in that it includes at least one processor, and when the program instructions are executed in the at least one processor, the at least one processor executes the method described in the first aspect or any one implementation of the first aspect.
- a chip comprising a processor and a data interface, wherein the processor reads instructions stored in a memory through the data interface to execute the method described in the first aspect and any possible implementation of the first aspect.
- the chip may further include a memory, wherein the memory stores instructions.
- the processor is used to execute instructions stored in the memory. When the instructions are executed, the processor is used to execute the method described in the first aspect and any possible implementation manner of the first aspect.
- the above chip may specifically be a field programmable gate array or a dedicated integrated circuit.
- FIG1 is a schematic diagram of the hardware structure of an electronic device to which an embodiment of the present application is applicable.
- FIG. 2 is a schematic diagram of the software structure of an electronic device to which an embodiment of the present application is applicable.
- FIG. 3 is a schematic diagram showing a graphical user interface of a multi-level menu display.
- FIG. 4 shows a schematic flow chart of a display method provided in an embodiment of the present application.
- FIG5 shows a graphical user interface provided in an embodiment of the present application.
- FIG. 6 is a schematic diagram showing different expansion methods of a multi-level menu provided in an embodiment of the present application.
- FIG. 7 shows a graphical user interface provided in an embodiment of the present application.
- FIG8 shows a schematic block diagram of a display device provided in an embodiment of the present application.
- FIG. 9 shows a schematic block diagram of another display device provided in an embodiment of the present application.
- a and/or B can represent: A exists alone, A and B exist at the same time, and B exists alone, where A and B can be singular or plural.
- the character "/” generally indicates that the objects associated before and after are in an "or” relationship.
- references to "one embodiment” or “some embodiments” etc. described in this specification mean that a particular feature, structure or characteristic described in conjunction with the embodiment is included in one or more embodiments of the present application.
- the phrases “in one embodiment”, “in some embodiments”, “in some other embodiments”, “in some other embodiments”, etc. appearing in different places in this specification do not necessarily all refer to the same embodiment, but mean “one or more but not all embodiments", unless otherwise specifically emphasized in other ways.
- the terms “including”, “comprising”, “having” and their variations all mean “including but not limited to”, unless otherwise specifically emphasized in other ways.
- the method provided in the embodiments of the present application is applied to electronic devices, including but not limited to mobile phones, tablet computers, vehicle-mounted devices, wearable devices, augmented reality (AR)/virtual reality (VR) devices, laptop computers, ultra-mobile personal computers (UMPC), netbooks, personal digital assistants (PDA), smart screens, and other electronic devices with display screens.
- electronic devices including but not limited to mobile phones, tablet computers, vehicle-mounted devices, wearable devices, augmented reality (AR)/virtual reality (VR) devices, laptop computers, ultra-mobile personal computers (UMPC), netbooks, personal digital assistants (PDA), smart screens, and other electronic devices with display screens.
- the embodiments of the present application do not impose any restrictions on the specific types of electronic devices.
- FIG1 shows a schematic diagram of the hardware structure of an electronic device provided in an embodiment of the present application.
- the electronic device 100 may include: a processor 110, a memory 120, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, an earphone interface 170D, a sensor module 180, a camera 191, a display screen 192, a button 193, etc.
- USB universal serial bus
- the processor 110 may include one or more processing units.
- the processor 110 may include an application processor (AP), a modem processor, a graphics processor (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and/or a neural-network processing unit (NPU).
- AP application processor
- GPU graphics processor
- ISP image signal processor
- controller a memory
- video codec a digital signal processor
- DSP digital signal processor
- NPU neural-network processing unit
- Different processing units may be independent devices or integrated in one or more processors.
- the controller may be the nerve center and command center of the electronic device 100.
- the controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.
- the processor 110 may also be provided with a memory for storing instructions and data.
- the memory in the processor 110 is a cache memory.
- the memory may store instructions or data that the processor 110 has just used or cyclically used. If the processor 110 needs to use the instruction or data again, it may be directly called from the memory, thereby avoiding repeated access, reducing the waiting time of the processor 110, and thus improving the efficiency of the system.
- the processor 110 may include one or more interfaces.
- the interface may include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver/transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input/output (GPIO) interface, a subscriber identity module (SIM) interface, and/or a universal serial bus (USB) interface, etc.
- I2C inter-integrated circuit
- I2S inter-integrated circuit sound
- PCM pulse code modulation
- UART universal asynchronous receiver/transmitter
- MIPI mobile industry processor interface
- GPIO general-purpose input/output
- SIM subscriber identity module
- USB universal serial bus
- the processor 110 and the touch sensor 180E can communicate through an I2C bus interface to implement the touch function of the electronic device 100.
- the processor 110 and the camera 191 can communicate through a CSI interface to implement the shooting function of the electronic device 100.
- the processor 110 and the display screen 192 can communicate through a DSI interface to implement the display function of the electronic device 100.
- the interface connection relationship between the modules illustrated in the embodiment of the present application is only a schematic illustration and does not constitute a structural limitation on the electronic device 100.
- the electronic device 100 may also adopt different interface connection methods in the above embodiments, or a combination of multiple interface connection methods.
- the charging management module 140 is used to receive charging input from the charger.
- the power management module 141 is used to connect to the battery 142. While the charging management module 140 is charging the battery 142, the power management module 141 can also be used to power the electronic device 100.
- the power management module 141 can also be used to monitor parameters such as battery capacity, battery cycle number, and battery health status.
- the wireless communication function of the electronic device 100 can be implemented through the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor and the baseband processor.
- Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals.
- Each antenna in electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve the utilization of antennas.
- antenna 1 can be reused as a diversity antenna for a wireless local area network.
- the antenna can be used in combination with a tuning switch.
- the mobile communication module 150 can provide solutions for wireless communications including 2G/3G/4G/5G, etc., applied to the electronic device 100.
- the mobile communication module 150 may include at least one filter, a switch, a power amplifier, a low noise amplifier (LNA), etc.
- the mobile communication module 150 can receive electromagnetic waves from the antenna 1, and filter, amplify, and process the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation.
- the mobile communication module 150 can also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna 1.
- at least some of the functional modules of the mobile communication module 150 can be set in the processor 110.
- at least some of the functional modules of the mobile communication module 150 can be set in the same device as at least some of the modules of the processor 110.
- the electronic device 100 implements the display function through a GPU, a display screen 192, and an application processor.
- the GPU is a microprocessor for image processing, which connects the display screen 192 and the application processor.
- the GPU is used to perform mathematical and geometric calculations for graphics rendering.
- the processor 110 may include one or more GPUs that execute program instructions to generate or change display information.
- the display screen 192 is used to display images, videos, etc.
- the display screen 192 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 (AMOLED), a flexible light-emitting diode (FLED), Miniled, MicroLed, Micro-oLed, quantum dot light-emitting diodes (QLED), etc.
- the electronic device 100 may include 1 or N display screens 192, where N is a positive integer greater than 1.
- the electronic device 100 can realize the shooting function through ISP, camera 191, video codec, GPU, display screen 192 and application processor.
- ISP is used to process the data fed back by camera 191.
- Camera 191 is used to capture static images or videos.
- the object generates an optical image through the lens and projects it to the photosensitive element.
- the photosensitive element can be a charge coupled device (CCD) or a complementary metal oxide semiconductor (CMOS) phototransistor.
- the electronic device 100 may include 1 or N cameras 191, where N is a positive integer greater than 1.
- Video codecs are used to compress or decompress digital videos.
- the electronic device 100 may support one or more video codecs. In this way, the electronic device 100 may play or record videos in a variety of coding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, MPEG4, etc.
- MPEG Moving Picture Experts Group
- MPEG2 MPEG2, MPEG3, MPEG4, etc.
- the memory 120 is used to store data and/or instructions.
- the memory 120 may include an internal memory.
- the internal memory is used to store computer executable program codes, which include instructions.
- the processor 110 executes various functional applications and data processing of the electronic device 100 by running the instructions stored in the internal memory.
- the internal memory may include a program storage area and a data storage area. Among them, the program storage area may store an operating system; the program storage area may also store one or more application programs (such as a gallery, contacts, etc.).
- the data storage area may store data (such as images, contacts, etc.) created during the use of the electronic device 100.
- the internal memory may include a high-speed random access memory, and may also include a non-volatile memory, such as one or more disk storage devices, flash memory devices, universal flash storage (UFS), etc.
- the processor 110 may execute the card sharing method provided in the embodiment of the present application by running the instructions stored in the internal memory and/or the instructions stored in the memory provided in the processor 110.
- the memory 120 may also include an external memory, such as a Micro SD card, to expand the storage capacity of the electronic device 100.
- the external memory may communicate with the processor 110 via an external memory interface to implement a data storage function. For example, files such as music and videos may be stored in the external memory.
- the electronic device 100 can implement audio functions such as audio playback and recording through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone jack 170D, and the application processor.
- the sensor module 180 may include a pressure sensor 180A, a gyro sensor 180B, an acceleration sensor 180C, a distance sensor 180D, a touch sensor 180E, and some other sensors.
- the pressure sensor 180A is used to sense pressure signals and can convert pressure signals into electrical signals.
- the pressure sensor 180A can be set on the display screen 192.
- pressure sensors 180A such as resistive pressure sensors, inductive pressure sensors, capacitive pressure sensors, etc.
- a capacitive pressure sensor can be a parallel plate including at least two conductive materials.
- the electronic device 100 determines the intensity of the pressure based on the change in capacitance.
- the electronic device 100 detects the touch operation intensity based on the pressure sensor 180A.
- the electronic device 100 can also calculate the touch position based on the detection signal of the pressure sensor 180A.
- touch operations acting on the same touch position but with different touch operation intensities can correspond to different operation instructions. For example: when a touch operation with a touch operation intensity less than the first pressure threshold acts on the short message application icon, an instruction to view the short message is executed. When a touch operation with a touch operation intensity greater than or equal to the first pressure threshold is performed When used for the short message application icon, executes the instruction of creating a new short message.
- the gyroscope sensor 180B is also called an angular velocity sensor, which can be used to determine the motion posture of the electronic device 100.
- the angular velocity of the electronic device 100 around three axes i.e., x, y, and z axes
- the gyroscope sensor 180B can be used for anti-shake shooting.
- the gyroscope sensor 180B can also be used for navigation and somatosensory game scenes. For example, the gyroscope can fully monitor the displacement of the player's hand, thereby achieving various game operation effects, such as changing the horizontal screen to the vertical screen, turning in a racing game, and so on.
- the distance sensor 180D is used to measure the distance.
- the electronic device 100 can measure the distance by infrared or laser. In some embodiments, when shooting a scene, the electronic device 100 can use the distance sensor 180D to measure the distance to achieve fast focusing.
- the touch sensor 180E is also called a "touch panel”.
- the touch sensor 180E can be set on the display screen 192, and the touch sensor 180E and the display screen 192 form a touch screen, also called a "touch screen”.
- the touch sensor 180E is used to detect touch operations acting on or near it.
- the touch sensor can pass the detected touch operation to the application processor to determine the type of touch event.
- Visual output related to the touch operation can be provided through the display screen 192.
- the touch sensor 180E can also be set on the surface of the electronic device, which is different from the position of the display screen 192.
- the sensor module 180 may include more or fewer sensors, depending on actual needs, which will not be described in detail here.
- the key 193 may include a power key, a volume key, etc.
- the key 193 may be a mechanical key or a touch key.
- the electronic device 100 may receive key input and generate key signal input related to user settings and function control of the electronic device 100.
- the structure illustrated in the embodiments of the present application does not constitute a specific limitation on the electronic device.
- the electronic device may include more or fewer components than shown in the figure, or combine certain components, or split certain components, or arrange the components differently.
- the illustrated components may be implemented in hardware, software, or a combination of software and hardware.
- the above describes a possible hardware structure diagram of the electronic device 100.
- the software system of the electronic device 100 may adopt a layered architecture, an event-driven architecture, a micro-core architecture, a micro-service architecture, or a cloud architecture. Taking the system as an example, the software structure of the electronic device 100 is exemplified.
- FIG2 shows a software structure diagram of an electronic device provided in an 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.
- the layers communicate with each other through software interfaces.
- the system is divided into four layers, from top to bottom: application layer, application framework layer, system runtime layer and kernel layer. Below the kernel layer is the hardware layer.
- the application layer may include a series of application (APP) packages. As shown in FIG2 , the application package may include camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, short message and other applications.
- APP application
- the application framework layer provides application programming interface (API) and programming framework for the applications in the application layer.
- the application framework layer includes some predefined functions. As shown in Figure 2, the application framework layer may include a window manager, a content provider, a phone manager, a resource manager, a notification manager, a view system, a card service engine, etc.
- the window manager is used to manage window programs.
- the window manager can obtain the size of the display screen, determine whether there is a status bar, lock the screen, capture the screen, etc.
- the window manager can obtain the size of the window to be displayed on the electronic device 100, determine the content of the window to be displayed, etc.
- the window to be displayed on the electronic device 100 may include the window being displayed on the interface of the electronic device 100, and may also include the windows of one or more application programs running in the background of the electronic device 100.
- the window manager is a service. It is a global, unique, and independent C++ service in the system.
- the window manager is used by all applications.
- the window management system is based on the client/server (C/S) model.
- the entire window system is divided into two parts: the service and the client.
- the client is the application, which is responsible for requesting the creation of windows and using windows;
- the server is the window manager service (window manager service or WindowManagerService, WMS), which is responsible for completing window maintenance and window display.
- the client does not interact directly with the window manager service, but directly interacts with the local object window manager (window manager or WindowManager), and then the window manager (WindowManager) completes the interaction with the window manager service (WindowManagerService). This interaction is transparent to the application, and the application cannot perceive the existence of the window manager service.
- a window is a rectangular area on the screen that can display a user interface (UI) and interact with the user.
- the window can also hide the user interface (i.e., the software operation interface) and quickly display it to the user when the user needs to operate.
- a window is actually a canvas (surface).
- a screen can have multiple windows, and the layout and order of these multiple windows and window animations are managed by the window management service WMS, and the mixing and display of multiple canvas contents are implemented by the SurfaceFlinger service.
- Windows are layered, and windows with larger layers will cover windows with smaller layers.
- the stacking relationship of windows can be represented by the z level, and windows with larger z levels (higher z levels) cover windows with smaller z levels (lower z levels).
- Content providers are used to store and retrieve data and make it accessible to applications.
- the data may include videos, images, audio, calls made and received, browsing history and bookmarks, phone books, etc.
- the phone manager is used to provide communication functions of the electronic device 100, such as management of call status (including connecting, hanging up, etc.).
- the resource manager provides various resources for applications, such as localized strings, icons, images, layout files, video files, and so on.
- the notification manager enables applications to display notification information in the status bar. It can be used to convey notification-type messages and can disappear automatically after a short stay without user interaction. For example, the notification manager is used to notify download completion, message reminders, etc.
- the notification manager can also be a notification that appears in the system top status bar in the form of a chart or scroll bar text, such as notifications of applications running in the background, or a notification that appears on the screen in the form of a dialog window. For example, a text message is displayed in the status bar, a prompt sound is emitted, the terminal device vibrates, the indicator light flashes, etc.
- the view system includes visual controls, such as controls for displaying text, controls for displaying images, etc.
- the view system can be used to build applications.
- a display interface can be composed of one or more views.
- a display interface including a text notification icon can include a view for displaying text and a view for displaying images.
- the system runtime library layer (libraries) can be divided into two parts: system libraries and Android runtime.
- Android runtime is the Android operating environment, including the core library and virtual machine. Android runtime is responsible for the scheduling and management of the Android system.
- the core library consists of two parts: one is the function that the Java language needs to call, and the other is the Android core library.
- the application layer and the application framework layer run in a virtual machine.
- 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 life cycle management, stack management, thread management, security and exception management, and garbage collection.
- the system library is the support of the application framework and may include multiple functional modules, such as: surface manager, media libraries, two-dimensional graphics engine (such as SGL), three-dimensional graphics processing library (such as OpenGL ES), image processing library, etc.
- the surface manager is used to manage the display subsystem and provide the fusion of 2D and 3D layers for multiple applications.
- the media library supports playback and recording of a variety of commonly used audio and video formats, as well as static image files, etc.
- the media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.
- the 3D graphics processing library is used to implement 3D graphics drawing, image rendering, synthesis and layer processing, etc.
- a 2D graphics engine is a drawing engine for 2D drawings.
- the kernel layer is the layer between hardware and software, which is used to provide essential functions of the operating system such as file management, memory management, process management, network protocol stack, etc.
- the kernel layer includes at least display driver, camera driver, audio driver, sensor driver, Bluetooth driver, etc.
- a multi-level menu consisting of multiple hierarchical menus is widely used on terminal devices because it can accommodate more options for users to choose from.
- a user can right-click to trigger the opening of window 312, which includes the first-level menu of the multi-level menu.
- window 314 which includes the second-level menu of the multi-level menu.
- the electronic device needs to create a new window to accommodate the next-level menu.
- a new window is created, more system resources will be consumed. Therefore, when the number of levels of menus is large, displaying a multi-level menu consumes more resources.
- an embodiment of the present application provides a display method, which can be applied to an electronic device, and the electronic device can have the structure shown in Figures 1 and 2.
- the display method can reduce the resources consumed when creating and displaying a multi-level menu and improve the user experience.
- the method includes:
- S420 In response to the first input, display a user interface control in the transparent window, where the user interface control is an nth level menu of the multi-level menu.
- n is a positive integer.
- the first input is a user input that triggers opening the multi-level menu (expanding the first-level menu).
- the first input may be a right-click of a mouse in a blank area of the first window, a left-click or a right-click of a mouse on a menu item on the window interface, or a mouse input that triggers opening the multi-level menu.
- the electronic device can predict the display area of a multi-level menu according to the position of the user's first input.
- the position of the menu control in the first window can change with the display status of the first window (full screen or non-full screen, and the specific size of the non-full screen).
- the electronic device can determine the distance between the menu control and each boundary of the display screen display interface, and determine the display mode of each level of the multi-level menu according to the distance.
- the multi-level menu as a three-level menu as an example, when the boundary of the display screen display interface does not affect the expansion of the multi-level menu, in order to improve the user experience, the default expansion mode can be set to align the first option of the next-level menu with the selected option of the current-level menu, and the next-level menu is displayed on the right side of the current-level menu.
- FIG5 shows a graphical user interface provided by an embodiment of the present application.
- the boundary of the display screen interface affects the expansion of the multi-level menu
- at least one level of the multi-level menu can be expanded to the left, that is, the next level menu is displayed on the left side of the previous level menu.
- the distance from the right side of the second level menu to the right boundary of the display screen is short, and the third level menu cannot be displayed on the right side of the second level menu, so the third level menu can be displayed on the left side of the second level menu.
- the selected option of the current menu can be aligned with the last option of the next level menu when the next level menu is expanded.
- the second level menu 512 is displayed on the left side of the first level menu 511, and when the user hovers the mouse or clicks option 7.2 of the second level menu, due to the influence of the lower boundary of the display screen display interface, the first option 7.2.1 of the third level menu cannot be aligned with the selected option 7.2 of the second level menu, and the last option 7.10 of the third level menu can be aligned with the selected option 7.2 of the second level menu, so that each level of the multi-level menu can be displayed within the range of the display screen display interface.
- the multi-level menu is expanded in different ways (different expansion modes brought about by selecting different options, for example, option 1, option 2, option 3, and option 7 of the first-level menu can trigger the expansion of the second-level menu, which are different expansion modes of the second-level menu), the above-mentioned different expansion modes may be adopted: for example, the selected option of the current-level menu is aligned with the first option or the last option of the next-level menu (the selected option of the current-level menu can also be aligned with other options of the next-level menu or the middle position of the next-level menu), and the next-level menu is displayed on the right or left side of the current-level menu, etc.
- the multi-level menu is triggered by clicking on the menu control 514 on the window 510.
- the distance between the menu control 514 and the border of the display screen display interface can be determined by the electronic device, thereby further determining the expansion mode of the multi-level menu in different expansion modes and the display area in different expansion modes.
- the first level menu of the multi-level menu will correspond to the click position, for example, the upper left corner, lower left corner, upper right corner, lower right corner or other reference points of the first level menu may coincide with the click position.
- the electronic device may determine the distance between the click position and the boundary of the display interface of the display screen in a manner similar to that described above, and further determine the display mode of each level menu, and finally determine the display area when the multi-level menu is expanded in different expansion modes.
- the electronic device when receiving the first input of the user, the electronic device can predict the possible display area of the multi-level menu according to the position of the first input.
- n is greater than or equal to 2
- the first level menu has been expanded before, and the possible display area of the multi-level menu can still be determined in the manner described above.
- the electronic device may display a user interface control in a transparent window in response to the first input, where the user interface control is an nth level menu of a multi-level menu. That is, when a user expands any level menu of a multi-level menu, each level menu is displayed in the form of a user interface control on a transparent window. In this way, when displaying a multi-level menu, the operating system of the electronic device only needs to render the transparent window layer to which the multi-level menu belongs, thereby reducing the power consumption caused by displaying the multi-level menu.
- the electronic device first creates a transparent window above the first window according to the first input.
- a transparent window is created, and the z level of the transparent window is the highest (higher than the first window).
- the size of the transparent window can be minimized under the premise that the generated transparent window covers the possible display area of the multi-level menu.
- the transparent window area is equal to or slightly larger than the possible display area of the multi-level menu.
- the boundary of the transparent window can be extended by several pixels compared to the boundary of the possible display area of the multi-level menu (maximum extension to the boundary of the screen display area of the electronic device).
- the area occupied by the created transparent window is related to the position of the input that triggers the expansion of the first-level menu.
- the electronic device in order to reduce complexity, can directly set the area of the transparent window to be as large as the screen display area of the electronic device.
- Figure 6 shows two expansion methods of a multi-level menu, wherein expansion method 1 includes a two-level menu, a first-level menu 602 and a second-level menu 604 formed by further expansion of option 1, including options 1.1 to 1.5.
- the expansion mode 2 includes four levels of menus, and the option 7 of the first level menu 602 is further expanded to form the second level menu 606, the option 7.2 of the second level menu 606 is further expanded to form the third level menu 608, and the option 7.2.2 of the third level menu is further expanded to form the fourth level menu 610.
- the size of the transparent window can make the menus of all levels be displayed within the range of the transparent window when the multi-level menu is expanded in different modes, that is, the area occupied by the transparent window is greater than or equal to the possible display area of the multi-level menu.
- the first level menu of the multi-level menu can be displayed to the user in the form of the user interface control of the transparent window.
- the transparent window is invisible, the multi-level menu generated in the form of the user interface control of the transparent window is visible.
- the multi-level menu is expanded one level at a time according to the user's input.
- the z-level of the generated transparent window is the highest (when the multi-level menu is not completely folded). Therefore, when the position of the subsequent user input is within the range of the transparent window, the user input directly acts on the transparent window.
- the electronic device will also determine the input hot zone of the multi-level menu in real time.
- the input hot zone is a collection of areas occupied by menus of each level that have been expanded in the multi-level menu. When the electronic device receives user input within the range of the transparent window, it can further determine the position of the input.
- the electronic device can correspondingly activate other windows under the transparent window (the window with the highest z-level under the transparent window at the click position), and close the transparent window and the multi-level menu on the transparent window, so that the transparent window generated specifically for the multi-level menu will not have a negative impact on the user experience.
- the click input can be directly passed to the corresponding window, and the application corresponding to the window determines whether to further execute other instructions, for example, the click position can trigger the corresponding instruction or evoke the corresponding function (when there is a control on the window at the click position, etc.).
- FIG. 7 (a) to FIG. 7 (c) sequentially show schematic diagrams of the graphical user interface (GUI) of the first level menu-second level menu-third level menu in the multi-level menu.
- GUI graphical user interface
- the user clicks the control 711 in FIG. 7 (a) it will trigger the generation of a transparent window 713 and a first user interface control, and the first user interface control is the first level menu of the multi-level menu.
- the input hot zone can be determined as shown in the thick frame 712.
- the user's subsequent input is within the input hot zone, it can be determined that the input is for the multi-level menu, and the user input can be correspondingly transmitted to the application of the first window 710 corresponding to the multi-level menu, and the application determines whether the user input is used to expand the second level menu or to call the function corresponding to the corresponding option or to fold a certain level menu of the multi-level menu.
- the user's input may be within the range of the input hot zone 712.
- the user's input may be a click input on option 3 in the first-level menu or the mouse hovering over option 3 for a period exceeding a preset threshold.
- the user input may be transmitted to the application to which the window 710 belongs.
- the application determines that the target of the input is to trigger the opening of the next-level menu, and then generates a user interface control corresponding to the next-level menu.
- the input hot zone will be updated as the second-level menu is displayed, as shown in the thick frame 712', which is the merged area occupied by the two-level menus.
- the user can continue to click option 3.2 of the second level menu or hover the mouse over option 3.2 for more than a preset time, triggering the expansion of the third level menu, and the input hotspot is updated to 712" as shown in (c) of FIG. 7 .
- the type of user input can be determined according to the location of the user input to perform specific operations.
- the user input is a click input.
- the click input is located at point A, since the window under the transparent window at point A is window 710, the input can activate window 710.
- the electronic device can pass the input to the application of window 710; when the click input is located at point B, since the window under the transparent window at point B is 720, the electronic device will activate window 720 according to the click input.
- the input can be passed to the application of window 720; when the click input is at point C, since the window under the transparent window at point C is window 730, the user input can activate window 730. In some embodiments, the input will be passed to the application of window 730 for further processing. At the same time, if the user clicks outside the input hot zone, the multi-level menu will be closed, and the previously generated transparent window will also be closed. That is, when the user input outside the input hot zone is a click input, It can be directly used to close transparent windows and multi-level menus and activate the window with the highest z-level under the transparent window at the click position. In some embodiments, the input after the corresponding window is activated will be passed to the window. In other embodiments, the input of the activated window can be passed to the corresponding window for further processing by the application of the window.
- the electronic device can create a separate transparent window for the multi-level menu, and the transparent windows corresponding to different multi-level menus can have different sizes and positions.
- the expansion, folding and execution of specific instructions of the multi-level menu are all determined by the application where the window that triggers the multi-level menu is located.
- the multi-level menu is a user interface control on the transparent window, it is actually managed by the application where the window that triggers the multi-level menu is located.
- the embodiment of the present application enables the multi-level menu to be displayed to the user in the form of a user interface control on a transparent window, and the size of the transparent window can be determined according to the display requirements of the menu, therefore, on the one hand, the display of the multi-level menu will not be restricted by the boundary of the first window that triggers or manages the multi-level menu.
- the size of the transparent window is set appropriately and the first window is a non-full-screen display window, part of the transparent window can be outside the area occupied by the first window, and the corresponding multi-level menu can be displayed outside the first window.
- the multi-level menu When the area displayed by the first window is small, if the multi-level menu is displayed inside the first window, some levels of the multi-level menu will overlap, and the user will not be able to intuitively see the expanded menus at all levels, which is inconvenient for the user to operate.
- the operating system of the electronic device since the multi-level menus are displayed in the form of user interface controls, the operating system of the electronic device only needs to render one layer of the transparent window when rendering the multi-level menu. Compared with using a separate window for each level of the menu (each window layer needs to be rendered separately), the system overhead and power consumption are reduced, and the user experience is improved.
- the technical solution introduced in the embodiments of the present application can be applied to electronic devices using different operating systems, for example, operating system, operating system, operating system, operating system, An operating system, etc., as long as the operating system needs to use a multi-level menu, can reduce the power consumption of the multi-level menu so that the display of the multi-level menu is not limited by the scope of the original window, thereby improving the user experience.
- Figure 8 shows a display device 800 provided in an embodiment of the present application, wherein the display device 800 includes a processing unit 810 and a display unit 820.
- the processing unit 810 can be used to execute step 410 of the method embodiment shown in Figure 4, and the display unit 820 can be used to execute step S420 of the method embodiment shown in Figure 4.
- the display device 800 includes: a processing unit 810, used to receive a first input for expanding an n-th level menu of a multi-level menu; a display unit 820, used to display a user interface control in a transparent window in response to the first input, wherein the user interface control is the n-th level menu of the multi-level menu.
- the first input is used to expand a first-level menu of the multi-level menu
- the first input is located in the first window
- the processing unit is further used to: create the transparent window above the first window according to the first input.
- the processing unit 810 is also used to: determine an input hot zone of the multi-level menu, which is a collection of areas occupied by menus of each level that have been expanded in the multi-level menu; receive a second input from the user to the transparent window; when the second input is inside the input hot zone, perform an operation corresponding to the second input on the multi-level menu according to the second input; or, when the second input is outside the input hot zone and the second input is a click input, close the multi-level menu and the transparent window according to the second input, and activate the window with the highest z level under the transparent window at the location of the second input.
- the area occupied by the transparent window is greater than or equal to the possible display area of the multi-level menu.
- the possible display area of the multi-level menu is related to the position of the input that triggers the expansion of the first-level menu of the multi-level menu.
- the area occupied by the transparent window is consistent with the screen display area of the electronic device.
- the first window is a non-full screen display window, and a partial area of the transparent window is outside the area occupied by the first window.
- the user interface control is displayed based on a rendering result of the transparent window.
- the operating system of the display device 800 is a Windows operating system, an Android operating system, an IOS operating system, or a Linux operating system.
- the first input when n is 1, the first input is a user click operation on the first control in the first window; or, the first input is a right-click or long-press click operation of the user on a blank area in the first window; when n is greater than or equal to 2, the first input is an operation of hovering over an option of the n-1th level menu of the multi-level menu for more than a preset time; or, the first input is a click operation on an option on the n-1th level menu of the multi-level menu.
- FIG9 shows a display device provided by an embodiment of the present application.
- the display device 900 shown in FIG9 may correspond to the display device described above.
- the display device 900 may be a specific example of the display device in FIG8 .
- the display device 900 includes: a processor 920.
- the processor 920 is used to implement the corresponding control management operation.
- the processor 920 is used to support the display device 900 to perform the method, operation or function of the aforementioned embodiment.
- the display device 900 may also include: a memory 910 and a communication interface 930; the processor 920, the communication interface 930 and the memory 910 may be interconnected or connected to each other through a bus 940.
- the communication interface 930 is used to support the display device to communicate with other devices, etc.
- the memory 910 is used to store the program code and data of the display device.
- the processor 920 calls the code or data stored in the memory 910 to implement the corresponding operation.
- the memory 910 may be coupled to the processor or not.
- the coupling in the embodiment of the present application is an indirect coupling or communication connection between display devices, units or modules, which may be electrical, mechanical or other forms, and is used for information interaction between display devices, units or modules.
- the processor 920 can be a central processing unit, a general processor, a digital signal processor, an application-specific integrated circuit, a field programmable gate array or other programmable logic devices, transistor logic devices, hardware components or any combination thereof. It can implement or execute various exemplary logic blocks, modules and circuits described in conjunction with the disclosure of this application.
- the processor can also be a combination that implements computing functions, such as a combination of one or more microprocessors, a combination of a digital signal processor and a microprocessor, and the like.
- the communication interface 930 can be a transceiver, a circuit, a bus, a module or other types of communication interfaces.
- the bus 940 can be a peripheral component interconnect standard (PCI) bus or an extended industry standard architecture (EISA) bus, etc.
- PCI peripheral component interconnect standard
- EISA extended industry standard architecture
- the bus can be divided into an address bus, a data bus, a control bus, etc. For ease of representation, only one thick line is used in FIG9, but it does not mean that there is only one bus or one type of bus.
- the disclosed systems, devices and methods can be implemented in other ways.
- the device embodiments described above are only schematic.
- the division of the units is only a logical function division. There may be other division methods in actual implementation, such as multiple units or components can be combined or integrated into another system, or some features can be ignored or not executed.
- Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.
- the units described as separate components may or may not be physically separated, and the components shown as units may or may not be physical units, that is, they may be located in one place or distributed on multiple network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
- each functional unit in each embodiment of the present application may be integrated into one processing unit, or each unit may exist physically separately, or two or more units may be integrated into one unit.
- the functions are implemented in the form of software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium.
- the technical solution of the present application can be essentially or partly embodied in the form of a software product that contributes to the prior art.
- the computer software product is stored in a storage medium and includes several instructions for a computer device (which can be a personal computer, server, or network device, etc.) to perform all or part of the steps of the methods described in each embodiment of the present application.
- the aforementioned storage media include: U disk, mobile hard disk, read-only memory (ROM), random access memory (RAM), disk or optical disk, and other media that can store program codes.
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
- Digital Computer Display Output (AREA)
- Power Sources (AREA)
Abstract
Description
Claims (22)
- 一种显示方法,应用于电子设备,其特征在于,包括:接收用于展开多级菜单的第n级菜单的第一输入;响应于所述第一输入,在透明窗口中显示用户界面控件,所述用户界面控件是所述多级菜单的第n级菜单。
- 如权利要求1所述的方法,其特征在于,所述第一输入用于展开所述多级菜单的第一级菜单,所述第一输入位于所述第一窗口内,在所述在透明窗口中显示用户界面控件之前,所述方法还包括:根据所述第一输入,在所述第一窗口上方创建所述透明窗口。
- 如权利要求1或2所述的方法,其特征在于,所述方法还包括:确定所述多级菜单的输入热区,所述输入热区是所述多级菜单已展开的各级菜单所占区域的集合;接收用户对所述透明窗口的第二输入;当所述第二输入位于所述输入热区内部时,根据所述第二输入,对所述多级菜单执行与所述第二输入对应的操作;或者,当所述第二输入位于所述输入热区外部且所述第二输入为点击输入时,根据所述第二输入,关闭所述多级菜单和所述透明窗口,激活所述第二输入的位置处所述透明窗口下z层级最高的窗口。
- 如权利要求1至3中任一项所述的方法,其特征在于,所述透明窗口所占区域大于或等于所述多级菜单的可能显示区域。
- 如权利要求4所述的方法,其特征在于,所述多级菜单的可能显示区域与触发展开所述多级菜单的第一级菜单的输入的位置有关。
- 如权利要求4或5所述的方法,其特征在于,所述透明窗口所占区域与所述电子设备的屏幕显示区域一致。
- 如权利要求2所述的方法,其特征在于,所述第一窗口为非全屏显示窗口,所述透明窗口的部分区域在所述第一窗口所占的区域的外部。
- 如权利要求1至7中任一项所述的方法,其特征在于,所述用户界面控件是根据对所述透明窗口的渲染结果显示的。
- 如权利要求1至8中任一项所述的方法,其特征在于,当所述n为1时,所述第一输入是用户对所述第一窗口内的第一控件的点击操作;或者,所述第一输入是用户在所述第一窗口内空白区域鼠标右键点击或者长按点击操作;当所述n大于或等于2时,所述第一输入是在所述多级菜单的第n-1级菜单的选项上悬停超过预设时长的操作;或者,所述第一输入是对所述多级菜单的第n-1级菜单上的选项的点击操作。
- 一种显示装置,其特征在于,所述显示装置包括:一个或多个处理器;一个或多个存储器;所述一个或多个存储器存储有一个或多个计算机程序,所述一个或多个计算机程序包括指令,当所述指令被所述一个或多个处理器执行时,使得所述显示装置执行以下步骤:接收用于展开多级菜单的第n级菜单的第一输入;响应于所述第一输入,在透明窗口中显示用户界面控件,所述用户界面控件是所述多级菜单的第n级菜单。
- 如权利要求10所述的显示装置,其特征在于,所述第一输入用于展开所述多级菜单的第一级菜单,所述第一输入位于所述第一窗口内,当所述指令被所述一个或多个处理器执行时,使得所述显示装置执行以下步骤:根据所述第一输入,在所述第一窗口上方创建所述透明窗口。
- 如权利要求10或11所述的显示装置,其特征在于,当所述指令被所述一个或多个处理器执行时,使得所述显示装置执行以下步骤:确定所述多级菜单的输入热区,所述输入热区是所述多级菜单已展开的各级菜单所占区域的集合;接收用户对所述透明窗口的第二输入;当所述第二输入位于所述输入热区内部时,根据所述第二输入,对所述多级菜单执行与所述第二输入对应的操作;或者,当所述第二输入位于所述输入热区外部且所述第二输入为点击输入时,根据所述第二输入,关闭所述多级菜单和所述透明窗口,激活所述第二输入的位置处所述透明窗口下z层级最高的窗口。
- 如权利要求10至12中任一项所述的显示装置,其特征在于,所述透明窗口所占区域大于或等于所述多级菜单的可能显示区域。
- 如权利要求13所述的显示装置,其特征在于,所述多级菜单的可能显示区域与触发展开所述多级菜单的第一级菜单的输入的位置有关。
- 如权利要求13或14所述的显示装置,其特征在于,所述透明窗口所占区域与所述显示装置的屏幕显示区域一致。
- 如权利要求11所述的显示装置,其特征在于,所述第一窗口为非全屏显示窗口,所述透明窗口的部分区域在所述第一窗口所占的区域的外部。
- 如权利要求10至16中任一项所述的显示装置,其特征在于,所述用户界面控件是根据对所述透明窗口的渲染结果显示的。
- 如权利要求10至17中任一项所述的显示装置,其特征在于,当所述n为1时,所述第一输入是用户对所述第一窗口内的第一控件的点击操作;或者,所述第一输入是用户在所述第一窗口内空白区域鼠标右键点击或者长按点击操作;当所述n大于或等于2时,所述第一输入是在所述多级菜单的第n-1级菜单的选项上悬停超过预设时长的操作;或者,所述第一输入是对所述多级菜单的第n-1级菜单上的选项的点击操作。
- 一种电子设备,其特征在于,包括如权利要求10至18中任一项所述的显示装置。
- 一种计算机存储介质,当所述计算机指令在电子设备上运行时,使得所述电子设备执行如权利要求1至9中任一项所述的显示方法。
- 一种电子设备,其特征在于,包括:存储器,用于存储计算机指令;处理器,用于执行所述存储器中存储的计算机指令,以使所述电子设备执行如权利要求1至9中任一项所述的方法。
- 一种芯片系统,其特征在于,包括至少一个处理器,当程序指令在所述至少一个处理器中执行时,使得所述至少一个处理器执行如权利要求1至9中任一项所述的方法。
Priority Applications (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| EP23915842.1A EP4579415A4 (en) | 2023-01-12 | 2023-12-29 | DISPLAY METHOD, DISPLAY APPARATUS AND ELECTRONIC DEVICE |
| US19/201,158 US20250264976A1 (en) | 2023-01-12 | 2025-05-07 | Display method, display apparatus, and electronic device |
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202310072062.2A CN118331464A (zh) | 2023-01-12 | 2023-01-12 | 显示方法、显示装置和电子设备 |
| CN202310072062.2 | 2023-01-12 |
Related Child Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| US19/201,158 Continuation US20250264976A1 (en) | 2023-01-12 | 2025-05-07 | Display method, display apparatus, and electronic device |
Publications (1)
| Publication Number | Publication Date |
|---|---|
| WO2024149089A1 true WO2024149089A1 (zh) | 2024-07-18 |
Family
ID=91772972
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| PCT/CN2023/143194 Ceased WO2024149089A1 (zh) | 2023-01-12 | 2023-12-29 | 显示方法、显示装置和电子设备 |
Country Status (4)
| Country | Link |
|---|---|
| US (1) | US20250264976A1 (zh) |
| EP (1) | EP4579415A4 (zh) |
| CN (1) | CN118331464A (zh) |
| WO (1) | WO2024149089A1 (zh) |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101052108A (zh) * | 2007-03-21 | 2007-10-10 | 林羽明 | 一种显示动画菜谱的装置和方法 |
| CN101071361A (zh) * | 2007-05-31 | 2007-11-14 | 腾讯科技(深圳)有限公司 | 一种自定义右键菜单的方法及系统 |
| US20190310744A1 (en) * | 2009-07-22 | 2019-10-10 | Behr Process Corporation | Color Selection, Coordination And Purchase System |
| CN114201097A (zh) * | 2020-09-16 | 2022-03-18 | 华为技术有限公司 | 一种多应用程序之间的交互方法 |
| CN114690893A (zh) * | 2020-12-31 | 2022-07-01 | 华为技术有限公司 | 一种显示方法及电子设备 |
| CN115145447A (zh) * | 2021-03-30 | 2022-10-04 | 华为技术有限公司 | 一种窗口的显示方法以及相关装置 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8351989B2 (en) * | 2007-02-23 | 2013-01-08 | Lg Electronics Inc. | Method of displaying menu in a mobile communication terminal |
-
2023
- 2023-01-12 CN CN202310072062.2A patent/CN118331464A/zh active Pending
- 2023-12-29 EP EP23915842.1A patent/EP4579415A4/en active Pending
- 2023-12-29 WO PCT/CN2023/143194 patent/WO2024149089A1/zh not_active Ceased
-
2025
- 2025-05-07 US US19/201,158 patent/US20250264976A1/en active Pending
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN101052108A (zh) * | 2007-03-21 | 2007-10-10 | 林羽明 | 一种显示动画菜谱的装置和方法 |
| CN101071361A (zh) * | 2007-05-31 | 2007-11-14 | 腾讯科技(深圳)有限公司 | 一种自定义右键菜单的方法及系统 |
| US20190310744A1 (en) * | 2009-07-22 | 2019-10-10 | Behr Process Corporation | Color Selection, Coordination And Purchase System |
| CN114201097A (zh) * | 2020-09-16 | 2022-03-18 | 华为技术有限公司 | 一种多应用程序之间的交互方法 |
| CN114690893A (zh) * | 2020-12-31 | 2022-07-01 | 华为技术有限公司 | 一种显示方法及电子设备 |
| CN115145447A (zh) * | 2021-03-30 | 2022-10-04 | 华为技术有限公司 | 一种窗口的显示方法以及相关装置 |
Non-Patent Citations (1)
| Title |
|---|
| See also references of EP4579415A4 |
Also Published As
| Publication number | Publication date |
|---|---|
| EP4579415A1 (en) | 2025-07-02 |
| CN118331464A (zh) | 2024-07-12 |
| EP4579415A4 (en) | 2026-02-11 |
| US20250264976A1 (en) | 2025-08-21 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112269527B (zh) | 应用界面的生成方法及相关装置 | |
| WO2021227770A1 (zh) | 应用窗口显示方法和电子设备 | |
| WO2021164313A1 (zh) | 界面布局方法、装置及系统 | |
| WO2021057830A1 (zh) | 一种信息处理方法及电子设备 | |
| WO2021120914A1 (zh) | 一种界面元素的显示方法及电子设备 | |
| WO2021115194A1 (zh) | 一种应用图标的显示方法及电子设备 | |
| WO2022213831A1 (zh) | 一种控件显示方法及相关设备 | |
| CN112835495B (zh) | 开启应用程序的方法、装置及终端设备 | |
| CN115033333B (zh) | 一种悬浮窗显示方法、电子设备和存储介质 | |
| WO2023005751A1 (zh) | 渲染方法及电子设备 | |
| CN110830645A (zh) | 一种操作方法和电子设备 | |
| WO2021244459A1 (zh) | 一种输入方法及电子设备 | |
| WO2022228043A1 (zh) | 显示方法、电子设备、存储介质和程序产品 | |
| CN121444070A (zh) | 界面显示方法、电子设备及存储介质 | |
| CN116048317B (zh) | 一种显示方法及装置 | |
| WO2024149089A1 (zh) | 显示方法、显示装置和电子设备 | |
| WO2024037346A1 (zh) | 页面管理方法及电子设备 | |
| WO2023016045A1 (zh) | 一种信息显示方法及电子设备 | |
| CN116719587A (zh) | 屏幕显示方法、电子设备及计算机可读存储介质 | |
| WO2024125301A1 (zh) | 显示方法和电子设备 | |
| CN114625303B (zh) | 窗口显示方法、终端设备及计算机可读存储介质 | |
| CN119536612A (zh) | 窗口的显示方法及电子设备 | |
| WO2024066976A1 (zh) | 控件显示方法及电子设备 | |
| WO2023072113A1 (zh) | 显示方法及电子设备 | |
| WO2023202444A1 (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: 23915842 Country of ref document: EP Kind code of ref document: A1 |
|
| WWE | Wipo information: entry into national phase |
Ref document number: 2023915842 Country of ref document: EP |
|
| ENP | Entry into the national phase |
Ref document number: 2023915842 Country of ref document: EP Effective date: 20250328 |
|
| WWP | Wipo information: published in national office |
Ref document number: 2023915842 Country of ref document: EP |
|
| NENP | Non-entry into the national phase |
Ref country code: DE |