WO2022160999A1 - 显示方法和电子设备 - Google Patents

显示方法和电子设备 Download PDF

Info

Publication number
WO2022160999A1
WO2022160999A1 PCT/CN2021/138628 CN2021138628W WO2022160999A1 WO 2022160999 A1 WO2022160999 A1 WO 2022160999A1 CN 2021138628 W CN2021138628 W CN 2021138628W WO 2022160999 A1 WO2022160999 A1 WO 2022160999A1
Authority
WO
WIPO (PCT)
Prior art keywords
interface
application
electronic device
content display
display part
Prior art date
Application number
PCT/CN2021/138628
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 EP21922589.3A priority Critical patent/EP4266164A1/en
Priority to US18/263,279 priority patent/US20240086035A1/en
Publication of WO2022160999A1 publication Critical patent/WO2022160999A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/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/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/016—Input arrangements with force or tactile feedback as computer generated output to the user
    • 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
    • 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
    • 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/04803—Split screen, i.e. subdividing the display area or the window area into separate subareas

Definitions

  • the present application relates to the field of electronic technology, and in particular, to a display method and an electronic device.
  • An application can include multiple activities. For example, when the user clicks the icon of an application, That is, an activity1 is started, and the homepage of the application is displayed on the display interface of the electronic device. When the user clicks an element in the homepage, it can be considered that activity2 is started, and the display interface of the electronic device will jump from the homepage of the application. To another interface, that is, the interface corresponding to activity2 will cover the interface corresponding to activity1, so that the user can only see the current display interface.
  • the present application provides a display method and electronic device, which can realize multi-interface display in an application, so that users can see multiple new interface contents opened while browsing the original interface, which improves the visual effect of the application and improves the user experience.
  • a display method is provided, the method is applied to an electronic device, and the method includes: the electronic device, in response to a first operation, runs a first application and displays a first interface in the form of a floating window, the first The interface includes a first title bar and a first content display part; the electronic device displays a second interface in response to the second operation, the second interface includes the first title bar, the first content display part and the A second content display part adjacent to the first content display part, wherein the first title bar includes a first subtitle label corresponding to the second content display part.
  • the first operation may be an operation by the user to start the first application, for example, the user clicks the icon of the first application, or the user presses the icon of the first application for a long time to select the startup method, or the user clicks the icon of the first application with a mouse, etc. .
  • the second operation may be that the user clicks on the first element in the first content display part, the first element may be a certain control, and the second operation may be understood as starting a new activity.
  • the first title bar may further include an application icon, an application name, and the like of the first application.
  • the second content display part is adjacent to the first content display part, and the second content display part may be located on the right side of the first content display part, or may be located on the left side of the first content display part, etc. .
  • Adjacent in this embodiment of the present application may mean that the second content display part does not overlap with the first content display part, and adjacent may also mean that at least one side of the second content display part and the first content display part overlaps.
  • the electronic device when the electronic device detects that the user has newly started an activity in the main interface of the application, it does not cover the original interface with the display interface of the newly started activity, but displays it on the main interface in the form of an extended interface.
  • the adjacent position of the interface, and does not overlap with the main interface of the application the technical solution can realize multi-interface display in the application, so that the user can see the contents of multiple new interfaces opened while browsing the original interface, improving the It improves the visual effect of the application and improves the user experience.
  • the electronic device may also be in a computer mode, for example, the electronic device detects an external keyboard or a virtual keyboard, or the electronic device is a screen-projected device, or the like.
  • the method further includes: the electronic device responds to the first The second operation is to obtain the first subtitle tag through the first configuration file.
  • the electronic device may obtain the first subtitle tag by calling or accessing the Android.manifest.xml file, and the first subtitle tag may be the title name of the activity corresponding to the second content display part.
  • the method before the electronic device displays the second interface in response to the second operation, the method further includes: the electronic device responds to the first The second operation is to generate the first subtitle tag.
  • the electronic device when the electronic device detects the user's second operation, such as starting a new activity 1, it can generate the first subtitle tag, and add the subtitle tag to the first title bar, where the first subtitle tag can be Label 1 and the like that play the role of identification, it should be understood that when the user starts activity 2, another sub-title label, such as label 2, can be generated, and the sub-title label is added to the first title bar.
  • the first subtitle tag can be Label 1 and the like that play the role of identification
  • the first title bar includes the highlighted first subtitle tag
  • the first subtitle tag includes the first tag name and A control for closing the second content display part
  • the first subtitle label is located above the second content display part.
  • the first label name may be the title name of the activity corresponding to the second content display part, for example, the electronic device may be obtained by calling android.manifest.xml; it may also be the label 1 used for identification, etc.
  • the first title display column includes a highlighted first subtitle label, and this technical solution is beneficial to remind the user which interface is currently opened.
  • the method further includes: the electronic device displays a third interface in response to a third operation, where the third interface includes the first title bar, all the the first content display part and the third content display part adjacent to the first content display part, wherein the first title bar includes a highlighted second subtitle tag, and the first subtitle The title tag becomes non-highlighted, and the second subtitle tag includes a second tag name and a control for closing the third content display part.
  • the technical solution is beneficial for the user to browse the display interface in multiple windows in the application, and improves the experience of multi-screen collaboration.
  • the highlighted second subtitle control is also better for identification.
  • the method further includes: the electronic device displays the second interface in response to a fourth operation of the user, and the information in the first title bar The first subtitle tag becomes highlighted and the second subtitle tag becomes non-highlighted.
  • the fourth operation may be an operation for the user to click on the first subtitle label, or other operations for switching.
  • the technical solution can continue to display the main interface of the application, and switch between the second display part and the third content display part according to the user's operation, which improves the experience of multi-screen collaboration.
  • the sum of the side lengths of the first content display part and the second content display part along the first direction is less than or equal to the display desktop of the electronic device The length of the side parallel to the first direction.
  • the display sizes of the first content display part and the second content display part in the first direction are limited within the display desktop, so as to avoid incomplete display of the content of the extended interface of the application.
  • a first side length of the first content display portion along the first direction is less than or equal to that of the second content display portion along the first direction the length of the second side.
  • the length of the first side and the length of the second side are adjustable, and the sum of the length of the first side and the length of the second side remains the same Change.
  • the user can change the size of the display interface according to actual needs, which improves the user experience.
  • the method further includes: the electronic device, in response to the fifth operation, runs a second application and displays the second application of the second application in the form of a floating window. Five interface.
  • the electronic device can also start a second application, and the display interface of the second application is also suspended on the display desktop of the electronic device. User experience.
  • the method before the electronic device runs a first application and displays the first interface in the form of a floating window in response to the first operation, the method further includes : determine that the first application supports the change of the display interface size.
  • the first application when the electronic device determines that the first application supports the change of the size of the display interface, the first application may be started in the form of a floating window. It should be understood that whether the application supports changing the size of the display interface may be specified by the developer of the application when developing the application.
  • the application when the electronic device determines that the first application does not support changing the size of the display interface, the application may be started in a full-screen form, or the application may be started in the form of a floating window, but the layout and scale of the display interface of the application may vary. Change.
  • the method further includes: determining that the first application supports a multi-window active state.
  • the first application when the electronic device determines that the first application supports a multi-window active state, the first application may be started in the form of a floating window. It should be understood that whether the application supports the multi-window active state may be specified by the developer of the application when developing the application.
  • the application when the electronic device determines that the first application does not support the multi-window active state, the application can be started in a full-screen form, or the application can be started in the form of a floating window, but the layout and scale of the display interface of the application may vary. Change.
  • both the first content display part and the second content display part are in an active state.
  • the first content display part and the second content display part are both active, which can be understood as the focus of the display screen of the electronic device.
  • the first title bar further includes a first control for closing the first application, a first control for maximizing the display of the first application A second control and a third control for displaying the first application in a minimized manner.
  • an electronic device comprising: one or more processors; one or more memories; the one or more memories store one or more computer programs, the one or more computer programs comprising instructions, When the instructions are executed by one or more processors, the display method in the above-mentioned first aspect and any possible implementation manners thereof is caused to be executed.
  • a chip in a third aspect, includes a processor and a communication interface, the communication interface is configured to receive a signal and transmit the signal to the processor, and the processor processes the signal such that The display method as described in the above-mentioned first aspect and any possible implementation manner thereof is performed.
  • a computer-readable storage medium wherein computer instructions are stored in the computer-readable storage medium, and when the computer instructions are executed on a computer, the first aspect and any one of the above-mentioned possibilities are made possible.
  • the display method described in the implementation is executed.
  • a computer program product comprising computer instructions, which, when the computer instructions are executed on an electronic device, cause the display method described in the first aspect and any possible implementation manner thereof to be executed .
  • FIG. 1 is a schematic structural diagram of an electronic device provided by an embodiment of the present application.
  • FIG. 2 is a schematic diagram of a software structure of an electronic device provided by an embodiment of the present application.
  • FIG. 3 is a schematic diagram of a group of GUIs provided by an embodiment of the present application.
  • FIG. 4 is a schematic diagram of another group of GUIs provided by an embodiment of the present application.
  • FIG. 5 is a schematic diagram of another group of GUIs provided by an embodiment of the present application.
  • FIG. 6 is a schematic diagram of another group of GUIs provided by an embodiment of the present application.
  • FIG. 7 is a schematic diagram of another group of GUIs provided by an embodiment of the present application.
  • FIG. 8 is a schematic diagram of an activity framework provided by an embodiment of the present application.
  • FIG. 9 is a schematic diagram of data transmission provided by an embodiment of the present application.
  • FIG. 10 is a schematic flowchart of a display method provided by an embodiment of the present application.
  • FIG. 11 is a schematic sequence diagram of a display method provided by an embodiment of the present application.
  • FIG. 12 is a schematic flowchart of a display method provided by an embodiment of the present application.
  • first and second are only used for descriptive purposes, and should not be construed as indicating or implying relative importance or implicitly indicating the number of indicated technical features.
  • a feature defined as “first” or “second” may expressly or implicitly include one or more of that feature.
  • the display method provided by the embodiments of the present application can be applied to mobile phones, tablet computers, wearable devices, in-vehicle devices, augmented reality (AR)/virtual reality (VR) devices, notebook computers, super mobile personal computers ( Ultra-mobile personal computer, UMPC), netbook, TV, personal digital assistant (personal digital assistant, PDA) and other electronic devices, the embodiments of the present application do not impose any restrictions on the specific types of electronic devices.
  • AR augmented reality
  • VR virtual reality
  • UMPC Ultra-mobile personal computer
  • netbook TV
  • PDA personal digital assistant
  • FIG. 1 shows a schematic structural diagram of an electronic device 100 .
  • the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a 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 application 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 embodiments of the present application is only a schematic illustration, and does not constitute a structural limitation of the electronic device 100 .
  • the electronic device 100 may also adopt different interface connection manners in the foregoing embodiments, or a combination of multiple interface connection manners.
  • the charging management module 140 is 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 external memory, 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 a global positioning system (global positioning system, GPS), a global navigation satellite system (GLONASS), a Beidou navigation satellite system (BDS), a quasi-zenith satellite system (quasi -zenith satellite system, QZSS) and/or satellite based augmentation systems (SBAS).
  • GPS global positioning system
  • GLONASS global navigation satellite system
  • BDS Beidou navigation satellite system
  • QZSS quasi-zenith satellite system
  • 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 electronic device 100 may implement a shooting function through an ISP, a camera 193, a video codec, a GPU, a display screen 194, an application processor, and the like.
  • the ISP is used to process the data fed back by the camera 193 .
  • the shutter is opened, the light is transmitted to the camera photosensitive element through the lens, the light signal is converted into an electrical signal, and the camera photosensitive element transmits the electrical signal to the ISP for processing, and converts it into an image visible to the naked eye.
  • ISP can also perform algorithm optimization on image noise, brightness, and skin tone.
  • ISP can also optimize the exposure, color temperature and other parameters of the shooting scene.
  • the ISP may be provided in the camera 193 .
  • Camera 193 is used to capture still images or video.
  • the object is projected through the lens to generate an optical image onto the photosensitive element.
  • the photosensitive element may be a charge coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor.
  • CMOS complementary metal-oxide-semiconductor
  • the photosensitive element converts the optical signal into an electrical signal, and then transmits the electrical signal to the ISP to convert it into a digital image signal.
  • the ISP outputs the digital image signal to the DSP for processing.
  • DSP converts digital image signals into standard RGB, YUV and other formats of image signals.
  • the electronic device 100 may include 1 or N cameras 193 , where N is a positive integer greater than 1.
  • a digital signal processor is used to process digital signals, in addition to processing digital image signals, it can also process other digital signals. For example, when the electronic device 100 selects a frequency point, the digital signal processor is used to perform Fourier transform on the frequency point energy and so on.
  • Video codecs are used to compress or decompress digital video.
  • the electronic device 100 may support one or more video codecs.
  • the electronic device 100 can play or record videos of various encoding formats, such as: Moving Picture Experts Group (moving picture experts group, MPEG) 1, MPEG2, MPEG3, MPEG4 and so on.
  • MPEG Moving Picture Experts Group
  • MPEG2 moving picture experts group
  • MPEG3 MPEG4
  • MPEG4 Moving Picture Experts Group
  • the NPU is a neural-network (NN) computing processor.
  • NN neural-network
  • Applications such as intelligent cognition of the electronic device 100 can be implemented through the NPU, such as image recognition, face recognition, speech recognition, text understanding, and the like.
  • the external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100 .
  • the external memory card communicates with the processor 110 through the external memory interface 120 to realize the data storage function. For example to save files like music, video etc in external memory card.
  • Internal memory 121 may be used to store computer executable program code, which includes instructions.
  • the processor 110 executes various functional applications and data processing of the electronic device 100 by executing the instructions stored in the internal memory 121 .
  • the internal memory 121 may include a storage program area and a storage data area.
  • the storage program area can store an operating system, an application program required for at least one function (such as a sound playback function, an image playback function, etc.), and the like.
  • the storage data area may store data (such as audio data, phone book, etc.) created during the use of the electronic device 100 and the like.
  • the internal memory 121 may include high-speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, universal flash storage (UFS), and the like.
  • 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 to convert digital audio information to analog audio signal output, and also to convert analog audio input to 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 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 .
  • the electronic device 100 may support 1 or N SIM card interfaces, where N is a positive integer greater than 1.
  • the SIM card interface 195 can support Nano SIM card, Micro SIM card, SIM card and so on. Multiple cards can be inserted into the same SIM card interface 195 at the same time. The types of the plurality of cards may be the same or different.
  • the SIM card interface 195 can also be compatible with different types of SIM cards.
  • the SIM card interface 195 is also compatible with external memory cards.
  • the electronic device 100 interacts with the network through the SIM card to implement functions such as call and data communication.
  • the electronic device 100 employs an eSIM, ie: an embedded SIM card.
  • the eSIM card can be embedded in the electronic device 100 and cannot be separated from the electronic device 100 .
  • the software system of the electronic device 100 may adopt a layered architecture, an event-driven architecture, a 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. 2 is a block diagram of the software structure of the electronic device 100 according to the embodiment of the present application.
  • the layered architecture divides the software into several layers, and each layer has a clear role and division of labor. Layers communicate with each other through software interfaces.
  • the Android system is divided into four layers, which are, from top to bottom, an application layer, an application framework layer, an Android runtime (Android runtime) and a system library, and a kernel layer.
  • the application layer can include a series of application packages.
  • the application package can include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, short message and so on.
  • the application framework layer provides an application programming interface (application programming interface, API) and a programming framework for applications in the application layer.
  • the application framework layer includes some predefined functions.
  • the application framework layer may include a window manager, a content provider, an activity manager, a view system, a resource manager, a notification manager, a display management service, and the like.
  • a window manager is used to manage window programs.
  • the window manager can get the size of the display screen, determine whether there is a status bar, lock the screen, take screenshots, etc.
  • Content providers are used to store and retrieve data and make these data accessible to applications.
  • the data may include video, images, audio, calls made and received, browsing history and bookmarks, phone book, etc.
  • the view system includes visual controls, such as controls for displaying text, controls for displaying pictures, and so on. View systems can be used to build applications.
  • a display interface can consist of one or more views.
  • the display interface including the short message notification icon may include a view for displaying text and a view for displaying pictures.
  • Activity Manager is used to manage Android activity management services, such as activity lifecycle management.
  • the resource manager provides various resources for the application, such as localization strings, icons, pictures, layout files, video files and so on.
  • the notification manager enables applications to display notification information in the status bar, which can be used to convey notification-type messages, and can disappear automatically after a brief pause without user interaction. For example, the notification manager is used to notify download completion, message reminders, etc.
  • the notification manager can also display notifications in the status bar at the top of the system in the form of graphs or scroll bar text, such as notifications of applications running in the background, and notifications on the screen in the form of dialog windows. For example, text information is prompted in the status bar, a prompt sound is issued, the electronic device vibrates, and the indicator light flashes.
  • the display management service is used to manage the life cycle of the display, it decides how to control its logical display based on the currently connected physical display device, and sends notifications to the system and applications when the state changes, and so on.
  • the 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.
  • a system library can include multiple functional modules. For example: surface manager (surface manager), media library (media library), 3D graphics processing library (eg: OpenGL ES), 2D graphics engine (eg: SGL), etc.
  • surface manager surface manager
  • media library media library
  • 3D graphics processing library eg: OpenGL ES
  • 2D graphics engine eg: SGL
  • the Surface Manager is used to manage the display subsystem and provides a 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 still image files.
  • the media library can support a variety of audio and video encoding formats, such as: MPEG4, H.264, MP3, AAC, AMR, JPG, PNG, etc.
  • the 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.
  • Graphics synthesizers are used to receive graphic display data from multiple sources, combine them, and send them to the display device.
  • 2D graphics engine is a drawing engine for 2D drawing.
  • the kernel layer is the layer between hardware and software.
  • the kernel layer contains at least display drivers, camera drivers, audio drivers, and sensor drivers.
  • FIG. 3 is a schematic diagram of a group of graphical user interfaces (graphical user interface, GUI) provided by an embodiment of the present application. Wherein, from (a) to (e) in FIG. 3 shows the process of the user starting and using the application program on the tablet.
  • GUI graphical user interface
  • the GUI is the display desktop 310 of the tablet, and the display desktop 310 may include application icons of multiple applications.
  • the user can open the application by clicking the application icon of the application.
  • the tablet detects After the user clicks or long-presses the application icon 311 of Huawei Music, the GUI shown in (b) of FIG. 3 can be displayed.
  • the GUI as shown in (c) in FIG. 3 can be directly displayed.
  • the tablet enters the mode of application suspension startup.
  • the default application is started in the form of a suspension window, and Not start in full screen.
  • a selection prompt box 312 appears at the upper right of the application icon 311 of Huawei Music.
  • the prompt box 312 may include a normal start 312a and a suspension start 312b.
  • a GUI as shown in (c) of FIG. 3 can be displayed.
  • the normal startup means that the application is started in a full-screen form
  • the floating-start means that the application is not started in a full-screen form, but is started in a floating window form.
  • the position of the prompt box 312 may also be located directly above or to the right of the application icon 311 of Huawei Music, which is not limited in the embodiment of the present application.
  • the interface 320 is the display interface of the home page of Huawei Music.
  • the interface 320 includes a title bar 321 and a content display part 322 , and the title bar 321 includes Huawei Music.
  • the title bar 321 may also include controls 323, 324 and 325.
  • the Huawei Music can be closed, and when the user clicks the control 324, the Huawei Music can be maximized
  • the content display part 322 is consistent with the content displayed on the home page of the Huawei Music started in a normal state.
  • the GUI as shown in (d) of FIG. 3 can be displayed.
  • the tablet can determine the size information of the homepage display interface 320 of the Huawei Music, and the display position of the interface 320 in the tablet display desktop 310, for example, The size of the interface 320 is less than or equal to half the size of the display desktop of the tablet, or the size of the interface 320 is equal to or equal to one third of the display desktop of the tablet, etc.; the position of the interface 320 in the display interface of the tablet It can be displayed in the center, or, the first distance between the upper boundary of the interface 320 and the upper boundary of the tablet is equal to the second distance between the lower boundary of the interface 320 and the lower boundary of the tablet, or the first distance is equal to the second distance. half, which is not limited in the embodiments of the present application.
  • the display interface 330 of Music 1 is displayed on the right side of the interface 320 in the form of an extended interface, and the interface 330 includes a title bar and a playing interface of Music 1, wherein the title bar includes Music 1
  • the subtitle tag 331 of the subtitle tag 331 includes the text "Music 1" and a control for closing the interface 330, and the playback interface of the music 1 may include the name, author, lyrics, and playback progress bar of the music 1 and playback control buttons, etc., the user can use the playback control buttons to perform operations such as playing, pausing, switching to the next song, switching to the previous song, switching the playback mode, and viewing the playlist.
  • the GUI as shown in (e) of FIG. 3 may be displayed.
  • the icon and text "Huawei Music” of Huawei Music in the interface 320, the subtitle label 331 of Music 1, and the controls 323, 324, and 325 may all be located in the same title bar.
  • the length and width of the interface 330 are consistent with the length and width of the interface 320 , and the interface 330 may also be located on the left side of the original interface 320 , which is not limited in this embodiment of the present application.
  • the subtitle tag 332 of the singer is displayed in the title bar of the interface 330, and the subtitle tag 332 also includes a control to close the subtitle tag 332, and the content display part of the interface 330 displays The content is consistent with the content displayed by clicking on the singer in the normal state, and the subtitle tag 332 is in the selected state, indicating that the current interface displays the content of the subtitle tag 332 .
  • the user can switch the interface by clicking the subtitle labels 331 and 332 in the title bar.
  • the interface 330 currently displays the content display part corresponding to the subtitle label 332.
  • the content display part corresponding to the subtitle tag 331 can be switched to the foreground display, at the same time the subtitle tag 331 becomes selected, and the content display part corresponding to the subtitle tag 332 is switched to the background, invisible to the user.
  • the application when the user starts an application in the floating mode, the application is displayed on the desktop of the electronic device in the form of a floating window, and the icon and title of the application in the title bar are added on the original interface and displayed on the title bar , when the user clicks on a control or area on the homepage of the application, the new pop-up interface does not cover the original interface, but is displayed on the right side of the original interface in the form of an extended interface, and the title of the extended interface is displayed in the title bar.
  • the technical solution can realize multi-window display in the application, so that the user can see multiple new interface contents opened while browsing the original interface, and can switch the multiple interface contents by clicking, which improves the user experience. .
  • FIG. 4 is a schematic diagram of another group of GUIs provided by an embodiment of the present application. Among them, (a) to (d) in FIG. 4 show the process of the user starting and using the application program on the tablet.
  • the tablet may enter the computer mode. For example, it is detected that the tablet is connected to an external keyboard or mouse, or a virtual keyboard is detected, and the tablet may enter the computer mode; or the user enters the computer mode through manual settings.
  • the GUI can be understood as a display desktop 610 of a tablet, and the display desktop 610 can include application icons of multiple applications.
  • the user can click the application icons of the applications with the mouse to enter the For the application program, when the tablet detects that the mouse clicks or double-clicks the application icon of APP1, the GUI shown in (b) of FIG. 4 can be displayed.
  • the GUI is the home page display interface 620 of APP1.
  • the display interface 620 is suspended on the display desktop 610 of the tablet.
  • the display interface 620 may include a title bar 621 and a content display part 622.
  • the bar 621 may include the application icon, application name, and controls 623, 624 and 625 of APP1.
  • the display interface 620 can be minimized and displayed, and when the user clicks the control 624, the display interface 620 can be maximized It is shown that when the user clicks the control 625, the APP1 can be closed.
  • the APP1 may be a news APP, and the content display part 622 may include a plurality of news information.
  • the tablet detects the operation of the user's mouse clicking on the video card 626, the GUI as shown in (c) of FIG. 4 may be displayed.
  • the tablet continues to display the display interface 620, and the playback interface 630 of the video card 626 is displayed on the right side of the display interface 620 in the form of an extended interface
  • the playback interface 630 may include a title bar 632 and a content display part 633
  • the title display area 632 may include a subtitle label 631
  • the subtitle label 631 may include the text "title 1" and a control for closing the playback interface 630
  • the content display part 633 may include video cards 634, The video's introduction, playing times, and user comments, etc.
  • the video card 634 is in a playing state.
  • the operation of clicking the video card 626 with the mouse it can be understood that the APP1 has started the activity1, and the display interface corresponding to the activity1 is the display interface 630 .
  • the video card 634 in the display interface 630 continues to play and will not be paused. Or, when the user clicks controls such as "discover” and "my” in the interface 620, the content display part of the display interface 620 will change, but since these controls are not a new activity, the display interface 630 does not changes, and the video card 634 continues to play instead.
  • the title bar 621 and the title bar 632 may be the same title bar. For example, after the user clicks on the video card 626, the title bar 621 doubles to the right, and the sub-title label 631 is added to the title bar 621. In the title bar 621; or the title bar 621 and the title bar 632 can also be two title bars.
  • the play interface 630 may also be located on the left side of the display interface 620, which is not limited in this embodiment of the present application.
  • the width of the interface 630 is adjustable, or the total width of the interface 620 and the interface 630 is unchanged, but the widths of the interface 620 and the interface 630 are adjustable.
  • the tablet continues to display the display interface 620 , the content display part 637 of the title 2 covers the content display part 633 , the title bar 632 displays a subtitle tag 631 and a subtitle tag 636 , and the subtitle tag 636 is In the selected state, the subtitle tag 636 includes the text "Title 2" and a control for closing the content display section 637 and the subtitle tag 636.
  • the user can click the subtitle tag 631 with the mouse to display the display interface 633 corresponding to the subtitle tag 631 .
  • the text in the subtitle tags 631 and 636 may be tags 1, 2, etc., which are generated according to the generation order and have the function of identification.
  • the text in the subtitle tags 631 and 632 may also be the title name of the corresponding activity, for example, the title 1 is the title name of activity1, and the title 2 is the title name of activity2.
  • the text in the subtitle tags 631 and 632 may also be obtained by the tablet by obtaining the text clicked by the mouse, or the text associated with the control clicked by the mouse, or the text surrounding the control clicked by the mouse.
  • the application when an electronic device, such as a tablet, enters the computer mode, the application can be launched in the form of floating multiple windows, that is, the newly opened interface is displayed on the right side of the main interface of the application, rather than covering the original interface.
  • the technical solution can display multiple windows in the application, so that the user can see multiple new interface contents opened while browsing the original interface, and can switch the multiple interface contents by clicking, which improves the user experience.
  • FIG. 5 is a schematic diagram of another group of GUIs provided by an embodiment of the present application. Wherein, from (a) to (c) of FIG. 5 shows the process of the user starting an application in the notebook computer 500b when the mobile phone 500a and the notebook computer 500b establish a screen projection relationship.
  • the display desktop of the mobile phone 500a includes multiple applications, the mobile phone 500a establishes a screen projection relationship with the notebook computer through the docking station 500c and the data cable 500d, and the mobile phone 500a can turn on the computer mode, so that the display of the notebook computer The interface and the screen of the mobile phone may not interfere with each other.
  • the display interface 510 of the notebook computer 500b includes a plurality of applications installed in the mobile phone. When the notebook computer 500b detects that the user double-clicks the application icon 511 of Huawei Music, it can display as shown in Figure 5. The GUI shown in (b).
  • the mobile phone can also establish a screen projection relationship with other large-screen devices, such as smart screens and tablets.
  • the mobile phone may also establish a screen projection relationship with a notebook computer or other large-screen device through wireless screen projection, which is not limited in this embodiment of the present application.
  • the display interface 520 of Huawei Music may refer to the relevant description of (c) in FIG. 3 , which will not be repeated for brevity.
  • the display interfaces 520 and 530 of the Huawei Music can refer to the relevant descriptions in (d) in FIG. 3 , which will not be repeated for brevity.
  • the display interface of the mobile phone and the display interface of the large-screen device may be different.
  • the homepage interface of the application is suspended and displayed on the desktop of the large-screen device.
  • the new pop-up interface is displayed on the right side of the original interface in the form of an extended interface, and the title of the extended interface is displayed on the title bar.
  • FIG. 6 is a schematic diagram of another group of GUIs provided by an embodiment of the present application. Among them, (a) to (f) in FIG. 6 show the process of the user launching a plurality of application programs on the tablet.
  • the display interface 330 of Music 1 is displayed on the right side of the interface 320 in the form of an extended interface, and the interface 330 includes a title bar and a playback interface of Music 1, wherein the title bar includes Music 1
  • the subtitle tag 331 of the subtitle tag 331 includes the text "Music 1" and a control for closing the interface 330.
  • the playing interface of the musical instrument may include the name, author, lyrics, and playback progress bar of the music 1 and playback control buttons, etc., users can use the playback control buttons to play, pause, switch to the next song, switch to the previous song, switch the playback mode, view the playlist and other operations.
  • the GUI as shown in (e) of FIG. 6 may be displayed.
  • the memo is activated in a floating form
  • the display interface 340 of the memo is displayed on a horizontal screen
  • the display interface 340 is layered on the display interface of Huawei Music.
  • the display interface 340 may include a title bar and The content display interface located below the title bar, the title bar may include the icon of the memo and the text "memo", the content display interface may include a search box, multiple note lists, etc., the list may include event 1, event 2 and so on.
  • the tablet detects that the user clicks on the region 341 of the event 1, the GUI as shown in (f) of FIG. 6 can be displayed.
  • the other applications when the user continues to open other applications, the other applications will continue to be launched in a suspended form, and layered on top of Huawei Music and Memo, that is, the newly opened application is displayed in the foreground, and the user By clicking, the application in the background can be moved to the foreground.
  • the user can click on the interface of Huawei Music to display the Huawei Music in the foreground, and the user can also move the position of the application on the tablet desktop by dragging and dropping.
  • the size of the memo floating window can be adjusted, and when the electronic device responds to a drag operation acting on the edge of the floating window, the window shape and position of the memo floating window are adjusted.
  • the application in the suspension mode, whether the application is launched in the horizontal screen or in the vertical screen is related to the application itself.
  • the developer can specify whether to start the application in the horizontal screen or the vertical screen. Start in portrait orientation.
  • the width of its home page should be less than or equal to half the width of the tablet display screen, which can prevent the extension interface of the application from going beyond the tablet display interface, thereby avoiding the incomplete display of the extension interface. .
  • an extension interface 350 appears on the right side of the original memo display interface 340.
  • the extension interface 350 may include a title bar 352 and a content display part 353 located below the title bar, and the content display part may display
  • the title bar 352 may include a sub-title label 351
  • the sub-title label 351 may include the text "event 1" and a control for closing the extension interface 350.
  • title bar in the original display interface 340 and the title bar in the extension interface 350 may be the same title bar. In this case, when the extension interface appears, the title bar is doubled to the right for displaying Subtitle tag for the extension interface.
  • the title bar in the original display interface 340 and the title bar in the extended interface 350 may not be the same title bar.
  • the size of the memo floating window can be adjusted, and when the electronic device responds to a drag operation acting on the edge of the floating window, the window shape and position of the memo floating window are adjusted.
  • the display ratio of the content display part 341 and the content display part 353 in the floating window can be adjusted, and when the electronic device responds to act on the area where the content display part 341 and the content display part 353 intersect, the display scale can be adjusted.
  • the horizontal proportion of the content display part 341 and the content display part 353 in the display interface 340 can be adjusted.
  • multiple applications can be launched in the form of floating windows on the tablet desktop, and each application in the multiple applications can be displayed in multiple windows.
  • This technical solution can display multiple applications on the tablet desktop. , which is beneficial for users to use multiple applications at the same time, such as multi-application collaborative office, etc., which improves the user experience.
  • FIG. 7 is a schematic diagram of another group of GUIs provided by an embodiment of the present application. Among them, (a) to (d) in FIG. 7 show the process of the user starting and using the application program on the tablet.
  • an extended interface 430 is displayed on the right side of the display interface 420 of Huawei Music
  • the extended interface 430 may include a title bar 436 and a playback interface 437
  • the playback interface 437 may include lyrics, playback progress bar and playback control buttons, etc.
  • the playback interface 437 may also include a comment control 438.
  • the tablet detects that the user clicks the comment control 438, the GUI as shown in (d) in FIG. 7 can be displayed.
  • the extension interface 440 may include a title bar 441 and comments Display area 442, the title bar 440 may include a subtitle label 443, the subtitle label 443 may include the name of the subtitle "Comments" and a close control for closing the extension interface 440, the comment display area 442 may include Including the number of comments, the name of music 1, the author, the comment list of other users, and the comment input box, etc., the user can input his own comments in the comment input box.
  • the electronic device in response to the drag gesture acting on the subtitle label 443, the electronic device drags the label 443 to the area of the extension interface 430, which will become an extension interface similar to that shown in FIG. 4(d) .
  • the extended interface 430 and the extended interface 440 are displayed overlappingly at this time.
  • the electronic device in response to a user operation, may switch from the schematic diagram of the extended interface shown in FIG. 4(b) to the schematic diagram of the extended interface shown in (d) of FIG.
  • the electronic device optionally adjusts the position and size of the display interface 420 or the extension interface 430 or the extension interface 440 according to the size of the display screen of the electronic device.
  • the electronic device expands and displays the extended interface, and adjusts it according to the properties of the extended interface and/or the related configuration of the extended interface, for example, when the extended interface declaration needs to be in a size different from that of the display interface 420 (for example, width) display, the electronic equipment needs to be adapted.
  • the display interface 420, the first extended interface 430, and the second extended interface 440 of Huawei Music may share the same title bar, or may use different title bars respectively, which are not allowed in this embodiment of the present application. limited.
  • multi-interface display in the application can be realized, so that the user can see multiple new interface contents opened while browsing the original interface, which improves the user's experience. Use experience.
  • FIG. 8 is a schematic diagram of an activity framework provided by an embodiment of the present application.
  • an activity is a component that can contain a user interface and is mainly used to interact with users, such as making calls, taking pictures, sending emails, and viewing maps. Most of the content that can be seen in the program is provided by the activity component. In an application, multiple activities can be included.
  • each activity holds a window object, but the window object is an abstract class, and android provides an implementation class phonewindow for the window, that is, the window instance in the activity is a phonewindow object.
  • the phonewindow object holds a view object decorview. In fact, most of the view-related operations in the activity are done through the decorview.
  • the decorview layout style can include the title bar and the content display part.
  • the activity can pass the resource identifier corresponding to the layout file to the decorview.
  • the decorview converts the layout resource identifier into a layout view through the layout filler, and then adds the layout view to itself. , and the user can then see the layout style on the screen of the electronic device.
  • the tablet displays the display interface 320 of the homepage of Huawei Music, which can be understood as the system has started an activity1 in the application.
  • the title bar 321 and the content display part 322 included in the display interface 320 are the layout styles.
  • activities also hold a window object.
  • Android provides an implementation class phonewindow for the window.
  • the phonewindow object holds a view object decorview.
  • the decorview layout style can include the title bar and the content display part, which is the same as the existing layout.
  • the title bar is doubled to the right, and the title part of the activity2 is used as a subtitle label ( label) is added to the extension part of the title bar, and at the same time, the content display part 2 of the activity2 is displayed below the extension part of the title bar, that is, when the next activity2 is started, the interface corresponding to the activity2 does not cover the content of the activity1.
  • the corresponding interface is displayed on the right side of the corresponding interface of activity1 in the form of an extended interface.
  • the content display part is implemented as contentview in the electronic device equipped with the Android system.
  • the title bar is doubled to the right to adjust the size of the floating window.
  • the size of the original window is 300 (width, unit pixel) * 200 (height, unit pixel).
  • the size of the new window becomes 600 (width, unit pixel) * 200 (height, unit pixel), and the controls in the title bar (for example, as shown in (b) of Figure 4) Control 423, Control 424 and Control 425) adjust the position.
  • the display interface 320 of the Huawei Music homepage can be regarded as the display interface corresponding to activity1, and the display interface 320 includes a title bar 321 and a content display part. 322.
  • the operation of the user clicking on the area 322a can be regarded as starting activity2.
  • the display interface 330 corresponding to the activity2 does not cover the original display interface 320, but is displayed on the right side of the original display interface 320 as an extended interface.
  • a sub-title tag 331 is displayed in the title bar of the extension interface 330 , and the title bar and the title bar of the interface 320 are the same title bar.
  • FIG. 9 is a schematic diagram of data transmission provided by an embodiment of the present application.
  • a task usually refers to a collection of related activities, which are arranged in a stack according to their respective opening order, and the home screen of an electronic device is usually the starting point of the task.
  • the activity2 is generally pushed to the top of the stack and becomes the focus, while the previous activity1 remains in the stack, but is in a paused state.
  • activity1 is paused, the system will keep The current state of the corresponding user interface, when the user selects "return”, the current activity2 at the top of the stack will be destroyed, and activity1 will resume execution.
  • the interface displayed on the home page can be considered as activity1.
  • activity2 is started in activity1, and the mobile phone will pop up.
  • the new interface covers the home page interface.
  • the playlist interface becomes the focus.
  • the phone displays the Huawei Music home page interface.
  • activity2 when another activity2 is started in the current activity1, activity2 is at the top of the stack, and activity1 is also at the top of the stack, and the activity1 will not be suspended, and will continue to retain its life cycle, the activity2
  • the user interface is displayed as an extension interface to the right of the user interface corresponding to activity1.
  • the display interface 320 of the Huawei Music homepage can be regarded as the display interface corresponding to activity1, and the operation of the user clicking on the area 322a can be regarded as starting activity2, It can be seen that the display interface 330 corresponding to the activity2 does not cover the original display interface 320, but is displayed on the right side of the original display interface 320 as an extended interface.
  • the system when the user clicks the icon of an application, the system will first create a stack corresponding to the application, and then create a task.
  • the task contains an activity, and the data (title, content, etc.) in the activity needs to rely on the view Controls, grid controls, drop-down lists and other controls display data before they can be displayed in the interface, but the activity cannot directly pass these data to these controls, and it must be done with the help of an adapter. Therefore, the adapter can be regarded as a control.
  • the activity can update the data to the control through the adapter and present it in the interface, so that the interface of activity2 is displayed as an extension interface on the right side of the interface of activity1, and the title of activity2 is displayed as a subtitle tag in the title bar.
  • the content displayed on the extended interface is the interface corresponding to activity3
  • the title of activity3 is displayed as a subtitle to the right of the subtitle label of activity2 in the title bar.
  • the interface corresponding to activity1 is used as the main interface, and the main interface includes a title bar and a content display part.
  • the activity1 is at the top of the stack.
  • activity2 such as clicking a control
  • expand the window of the display interface to twice the original size, and call the title name of activity2 add the title name of activity2 as a label to the title bar, and pass the display interface corresponding to activity2 through Shift to display in the extended window
  • the activity2 is at the top of the stack, at this time, the activity1 is also at the top of the stack, that is, the activity1 will not be suspended, but will continue to maintain its life cycle.
  • the interface corresponding to activity1 is used as the main interface, and the main interface includes a title bar and a content display part.
  • the activity1 is at the top of the stack.
  • activity2 such as clicking a control
  • the shift is moved to display in the extended window.
  • both activity1 and activity2 are visible to the user, that is, activity1 will not be suspended, but will continue to maintain its life cycle.
  • the interface corresponding to activity1 is the display interface 620 of the main interface of APP1.
  • activity2 is started, and the The display window expands to twice the size of the display interface 620, and calls the title name "title 1" of activity2, adds the "title 1" as a label to the title bar of the display interface of activity1, and displays the display interface 633 of activity2 in the In the extended interface, at this time, the display interfaces 620 and 630 both become the focus.
  • the electronic device can read the title name of activity2 by calling android.manifest.xml.
  • the electronic device when the electronic device detects that the user has started activity2 in the display interface corresponding to activity1, it expands the window of the display interface to twice the original size, and calls the title name of activity2 to change the display interface of activity2.
  • the title name is added as a label to the title bar of the display interface of activity2, and the display interface corresponding to activity2 is moved to the extended window for display by shifting.
  • the technical solution can realize multi-window display in the application, so that the user can see multiple new interface contents opened while browsing the original interface, and can switch the multiple interface contents by clicking, which improves the user experience. .
  • FIG. 10 is a schematic flowchart of a display method provided by an embodiment of the present application. As shown in FIG. 10 , the method may include steps 801 to 807 .
  • the startup activity can be understood as opening a certain application and displaying the main interface of the application.
  • the startup activity can be the user clicking the icon of the application, as shown in (a) and (b) of Figure 7, when the user clicks the icon of Huawei Music, the activity1 of Huawei Music is started, which starts activity1 It can also be understood as creating activity1.
  • the activation activity can also be the user clicking or double-clicking the icon of the application program through the mouse, as shown in (a) and (b) in FIG. 4 .
  • whether the application supports the change of the display interface size can be specified by the developer of the application.
  • the developer of the application can write whether the application supports the change of the display interface size into the source code of the application. middle.
  • whether the application supports the size change of the display interface is determined by judging whether the application supports resize.
  • the developer declares that the application cannot be changed in size of the display interface, then the application is launched in full screen by default.
  • the application can be launched in the form of a floating window.
  • step 802 is an optional step, that is, when the electronic device turns on the suspension mode, or the user chooses to start the application in the suspension form, or after the default application of the electronic device is started in the suspension form, the application can be displayed whether or not it is displayed.
  • the electronic device will start the application in suspension, that is, the application will be displayed on the desktop of the electronic device in the form of a floating window.
  • the application launched in the form of a floating window will maintain the original interface display ratio of the application, but only change from full-screen display to floating window display.
  • the application launched in the form of a floating window will reset the display scale of the interface, which may be different from the original interface display scale. For example, the reset interface scale occurs changes, or the size of elements in the interface changes, etc.
  • whether the application supports the multi-window active state may be specified by the developer of the application, and the developer of the application may write whether the application supports the multi-window active state into the application when developing the application. in the source code.
  • Applications that support multi-window active status can run in the form of floating window, split screen, picture-in-picture, etc.
  • whether the application supports the multi-window active state is determined by judging whether the application supports multi-resume.
  • the developer declares that the application does not support the multi-window active state when the application is developed, it means that the application can only be started in a full-screen form, that is, the interface of the newly started activity covers the interface of the previous activity.
  • the mobile phone displays the interface displayed on the homepage of Huawei Music in full screen. It can be considered that the system has started the activity1 of the Huawei app.
  • the mobile phone will pop up a new interface and cover the interface of the home page. At this time, the interface of the playlist becomes the focus.
  • the mobile phone displays the interface of the home page of Huawei Music. .
  • the developer declares that the application supports multi-window active state during the development of the application, it means that the application can be started in a full-screen form, or can be displayed in a split screen, and the two Either display interface can be active.
  • the Huawei Music supports a multi-window active state
  • the display interface 320 of the Huawei Music homepage can be regarded as the display interface corresponding to activity1
  • the display interface 330 corresponding to activity2 does not cover the original display interface 320, but is displayed on the right side of the original display interface 320 as an extended interface 330, and the display interface 320 and the extended interface 330 are all active.
  • the default window configuration can be understood as full-screen display, that is, when the application does not support a multi-window active state, the application is started in a full-screen form by default.
  • the display interface is updated.
  • updating the display interface may be understood as a change in the display interface of the electronic device when the user starts one or more other activities in activity1.
  • the electronic device when the electronic device detects that the user starts activity2 in activity1, it expands the window occupied by the display interface of the application to twice the original size, and calls android.manifest.xml to read the title of activity2 Name, add the title name of activity2 to the title bar after the extension, and move the display interface corresponding to activity2 to the extended window for display, so that the display interfaces corresponding to activity1 and activity2 are both active.
  • the display interface corresponding to activity1 is the home page display interface 320 of Huawei Music
  • the display interface 320 includes a title bar 321 and a content display part 322
  • the activity2 is started in the activity1
  • the interface 330 corresponding to the activity2 is displayed in the form of an extended interface on the right side of the interface 320 corresponding to the activity1
  • the title of the activity2 is displayed as a subtitle in the In the title bar after the extension
  • the content display part of the activity2 is displayed in the extended window, that is, below the title bar.
  • the electronic device when the electronic device detects that the user starts activity2 in activity1, it expands the window occupied by the display interface of the application to twice the original size, and generates a label 1 for identifying the expanded interface, The label 1 is added to the title bar after the extension, and the display interface corresponding to activity2 is moved to the extended window for display, so that the display interfaces corresponding to activity1 and activity2 are both active.
  • the electronic device when the electronic device detects that the user starts activity2 in activity1, it expands the window occupied by the display interface of the application to twice the original size, and recognizes the text content clicked when the user starts activity2, The text content is added as a label to the title bar after the extension, and the display interface corresponding to activity2 is moved to the extended window for display, so that the display interfaces corresponding to activity1 and activity2 are both active.
  • activity2 and activity1 share the same title bar.
  • activity2 and activity1 may also have corresponding title bars respectively, for example , after detecting that activity2 is started, the electronic device expands the window occupied by the display interface of the application to twice the original size, obtains the title name of activity2, and adds the title name of activity2 to the title bar in the display interface corresponding to activity2 , and move the display interface corresponding to activity2 to the extended window for display.
  • the user can switch the display interface by clicking on the subtitle label in the title bar.
  • the user can click the subtitle label of Music 1 in the title bar to display the display interface corresponding to Music 1 in the extended interface, and the user can also click the close control in the subtitle label of Music 1 in the title bar , so that the display interface corresponding to the music 1 can be closed.
  • the user can click the close control in the subtitle label in the title bar, so that the extension interface corresponding to the subtitle can be closed, and the user can also click the rightmost part of the title bar. , so that the entire Huawei Music can be turned off.
  • multi-window display in the application can be realized, so that the user can see multiple new interface contents opened while browsing the original interface, and can switch the multiple interface contents by clicking, which improves the user experience. user experience.
  • FIG. 11 is a schematic sequence diagram of a display method provided by an embodiment of the present application.
  • the timing diagram may include steps 901 to 908 .
  • the AMS creates activity1 corresponding to the application.
  • AMS creates activity1 of Huawei Music in response to the user clicking on the icon of Huawei Music.
  • AMS sends the view coordinates in activity1 to WMS.
  • the WMS performs active window management.
  • the position and size of the display interface corresponding to activity1 on the tablet desktop For example, the position and size of the display interface corresponding to activity1 on the tablet desktop.
  • the WMS sends the defined active window layout to the active stack.
  • activities are arranged in the stack in the order in which they are opened.
  • the interface corresponding to the activity at the top of the stack becomes the focus and is displayed on the screen.
  • activity1 and activity2 opened in activity1 are both in At the top of the stack, WMS can set the window of activity2 to be displayed on the right side of the window of activity1.
  • the activity stack changes the size of the active window.
  • the activities in the activity stack change the size, dimensions, etc. of the active window according to the window layout of the WMS.
  • the activity stack updates the layout form of the activity window through the adapter.
  • the data (title, content, etc.) in the activity needs to be displayed with the help of view controls, grid controls, drop-down lists and other controls, and finally can be presented in the interface, but the activity cannot directly pass these data to these controls, and must use adapters to display data. Finish.
  • the activity can update the data to the control through the adapter and present it in the interface, so as to realize the interface change in the window.
  • the task record (taskrecord) is used to record the sequence of activities, etc.
  • FIG. 12 is a schematic flowchart of a display method provided by an embodiment of the present application. As shown in FIG. 12 , the method is applied to an electronic device, and the method may include steps 1010 to 1020 .
  • the electronic device runs a first application and displays a first interface in the form of a floating window, where the first interface includes a first title bar and a first content display part.
  • the first operation may be an operation by the user to start the first application, for example, the user clicks the icon of the first application, or the user presses the icon of the first application for a long time to select the startup method, or the user clicks the icon of the first application with a mouse, etc. .
  • the first operation may be that the user clicks the icon 311 of Huawei Music to start Huawei Music; or, as shown in (b) of FIG. 3 , the The first operation may be that the user presses the Huawei Music icon 311 for a long time, and selects the operation of suspending start 312b in the pop-up option 312; or, as shown in (a) in FIG. 4, the first operation may be that the user double-clicks with the mouse Or click the icon of APP1.
  • the first application displays the first interface in the form of a floating window, that is, the display interface of the first application is suspended on the display desktop of the electronic device, as shown in (c) of FIG. 3 , the display of the first application
  • the interface 320 is displayed on the display desktop of the tablet in the form of a floating window.
  • the first interface includes a first title bar and a first content display part.
  • the first application may be Huawei Music
  • the first interface may be the home page display interface 320 of Huawei Music
  • the first title bar may be the title bar 321 of Huawei Music
  • the first content display part may be the content display part 322 of Huawei Music.
  • the first title bar may also include an application icon and an application name of the first application, and the like.
  • the first content display part may be the display content of the home page of the first application.
  • the first title bar may further include a first control for closing the first application, a second control for displaying the first application in a maximized manner, and a first control for displaying the first application in a minimized manner.
  • a first control for closing the first application may further include a first control for closing the first application, a second control for displaying the first application in a maximized manner, and a first control for displaying the first application in a minimized manner.
  • the first control may be the control 625
  • the second control may be the control 624
  • the third control may be the control 623 .
  • the electronic device displays a second interface, where the second interface includes the first title bar, a first content display part, and a second content display part adjacent to the first content display part, wherein,
  • the first title bar includes a first subtitle tag corresponding to the second content display part.
  • the second operation may be that the user clicks a control in the first content display part, the control corresponds to a new activity, and the second operation may be understood as starting a new activity.
  • the second interface includes a first title bar, a first content display part, and a second content display part. It should be understood that the first title bar in the second interface is extended to the first content display part and the second content display part.
  • the title bar above the second content display part, the title bar also includes the first subtitle label corresponding to the second content display part.
  • the second interface may be the display interface of the entire Huawei Music, including the display interface 320 and the display interface 330
  • the first title bar may be the title bar 321
  • One content display part may be the content display part 322
  • the second content display part may be the content display part 330a
  • the title bar 321 is located above the content display part 322 and the content display part 330a, that is, the content display part 322 and the content display part 321 Sections 330a share the same title bar 321 .
  • the title bar 321 also includes a subtitle label 331 corresponding to the content display portion 330a.
  • the second content display part is adjacent to the first content display part, and the second content display part may be located on the right side of the first content display part, or may be located on the left side of the first content display part, etc. . Adjacent in this embodiment of the present application may mean that the second content display part does not overlap with the first content display part.
  • the size of the first content display part is 200 (width, unit pixel)*300 (height, unit pixel), and when the second content display part appears, the size from the first content display part to the second content display part is The size is 400 (width, unit pixel) * 300 (height, unit pixel).
  • the size of the window of the second interface may be twice the size of the window of the first interface.
  • the first interface of the application is suspended on the desktop of the electronic device, and when the user selects a control in the first interface, the electronic device displays a second interface, and the first interface is displayed on the electronic device.
  • the second interface includes the first title bar, the first content display part and a second content display part adjacent to the first content display part, wherein the first title bar includes the second content Displays the first subtitle tag corresponding to the section.
  • the electronic device may also be in a computer mode, for example, the electronic device detects an external keyboard or a virtual keyboard, or the electronic device is a screen-projected device, or the like.
  • the method further includes: in response to the second operation, the electronic device acquires the first subtitle tag through a first configuration file.
  • the electronic device may obtain the first subtitle tag by calling or accessing the Android.manifest.xml file, and the first subtitle tag may be the title name of the activity corresponding to the second content display part.
  • the method further includes: the electronic device generates the first subtitle tag in response to the second operation.
  • the electronic device when the electronic device detects the user's second operation, such as starting a new activity 1, it can generate the first sub-title tag, and add the sub-title tag to the first title bar, and the first sub-title tag can be It is the label 1 and so on that play the role of identification. It should be understood that when the user starts the activity 2, another sub-title label, such as label 2, can be generated, and the sub-title label is added to the first title bar.
  • the The two subtitle tags can be included in the title block. That is, the subtitle tags are generated in the order in which the activities are initiated by the user, as shown in (e) of FIG. 4 .
  • the first title bar includes a highlighted first subtitle tag
  • the first subtitle tag includes a first tag name and a control for closing the second content display part
  • the first subtitle tag includes a first tag name and a control for closing the second content display part.
  • a subtitle tag is located above the second content display portion.
  • the first label name may be the title name of the activity corresponding to the second content display part, for example, the electronic device may be obtained by calling android.manifest.xml; it may also be the label 1 used for identification or other identification name, etc.
  • the first subtitle tag is the subtitle tag 331, and the name of the first tag is the “Music 1”, that is, the activity corresponding to the second content display part.
  • the subtitle tag 331 also includes a control for closing the second content display part.
  • the first title display column includes a highlighted first subtitle label, and this technical solution is beneficial to remind the user which interface is currently opened.
  • the method further includes: in response to the third operation, the electronic device displays a third interface, where the third interface includes the first title bar, a first content display part, and a first content display part adjacent to the first content display part.
  • the third interface includes the first title bar, a first content display part, and a first content display part adjacent to the first content display part.
  • Three content display parts wherein the first title bar includes a highlighted second subtitle label, the first subtitle label becomes non-highlighted, and the second subtitle label includes a second label name and a control for closing the third content display section.
  • the third operation may be that the user initiates a new activity in the second interface, for example, clicking a control, and the control may be located in the first content display part or in the second content display part.
  • the third content display part is the display interface corresponding to the new activity.
  • the third operation may be an operation in which the user clicks on the area 635 with a mouse.
  • the third operation may be an operation of the user clicking on the control 323a.
  • the third interface can be the entire display interface of Huawei Music
  • the first title bar is the title bar 321
  • the first content display part is the content display part 322
  • the third content The display part is the content display part 330b
  • the second subtitle label is the subtitle label 332
  • the second label name is "Singer", that is, the title name of the activity corresponding to the content display part 330b
  • the subtitle label 332 also includes A control for closing the content display section 330b.
  • the second label name in the second subtitle label may also be the label 1 or other identification names used for identification.
  • the technical solution is beneficial for the user to browse the display interface in multiple windows in the application, and improves the experience of multi-screen collaboration.
  • the highlighted second subtitle control is also better for identification.
  • the electronic device displays the second interface in response to the fourth operation of the user, and the first subtitle label in the first title bar becomes highlighted, and the second subtitle The label becomes non-highlighted.
  • the fourth operation may be that the user clicks on the first subtitle tag, or may be an operation of other users switching pages.
  • the subtitle tag 331 can be highlighted and the subtitle tag 332 can be changed to non-highlighted.
  • the title bar 321 and the content display part 322 and the content display part 330a corresponding to the subtitle tag 331 are displayed.
  • the technical solution can continue to display the main interface of the application, and switch between the second display part and the third content display part according to the user's operation, which improves the experience of multi-screen collaboration.
  • the sum of the side lengths of the first content display part and the second content display part along the first direction is less than or equal to the side length of the display desktop of the electronic device parallel to the first direction.
  • the first direction is the width direction of the electronic device.
  • the display sizes of the first content display part and the second content display part in the first direction are limited within the display desktop, so as to avoid incomplete display of the content of the extended interface of the application.
  • the side length of the first interface along the second direction is smaller than the side length of the display desktop of the electronic device parallel to the second direction.
  • the second is the height of the electronic device.
  • the technical solution can limit the size of the display interface of the first application within the display desktop to avoid incomplete display.
  • the length of the first side of the first content display portion along the first direction is less than or equal to the length of the second side of the second content display portion along the first direction.
  • the length of the first side and the length of the second side are adjustable, and the sum of the length of the first side and the length of the second side remains unchanged.
  • the user can change the horizontal direction between the content display part 322 and the content display part 330b by pressing and holding the position of the boundary between the content display part 322 and the content display part 330b and moving left and right. proportion.
  • the user can change the size of the display interface according to actual needs, which improves the user experience.
  • the electronic device runs the second application and displays the fifth interface of the second application in the form of a floating window.
  • the fifth operation may be an operation for the user to start the second application, for example, the user clicks an application icon of the second application with a finger, or clicks an application icon of the second application with a mouse, or the like.
  • the second application may be a memo
  • the fifth interface is the home page display interface of the memo.
  • the electronic device executes the memo and displays the home page display interface 340 of the memo in the form of a floating window.
  • the electronic device can also start a second application, and the display interface of the second application is also suspended on the display desktop of the electronic device. User experience.
  • the method further includes: determining that the first application supports size change of the display interface.
  • the first application when the electronic device determines that the first application supports the change of the size of the display interface, the first application may be started in the form of a floating window. It should be understood that whether the application supports changing the size of the display interface may be specified by the developer of the application when developing the application.
  • the application when the electronic device determines that the first application does not support changing the size of the display interface, the application may be started in a full-screen form, or the application may be started in the form of a floating window, but the layout and scale of the display interface of the application may vary. Change.
  • the method further includes: determining that the first application supports a multi-window active state.
  • the first application when the electronic device determines that the first application supports a multi-window active state, the first application may be started in the form of a floating window. It should be understood that whether the application supports the multi-window active state may be specified by the developer of the application when developing the application.
  • the application when the electronic device determines that the first application does not support the multi-window active state, the application can be started in a full-screen form, or the application can be started in the form of a floating window, but the layout and scale of the display interface of the application may vary. Change.
  • both the first content display part and the second content display part in the second interface are in an active state.
  • the first content display part and the second content display part are both active, which can be understood as the focus of the display screen of the electronic device.
  • both the first content display part and the third content display part in the third interface are in an active state.
  • Embodiments of the present application further provide an electronic device, one or more processors; one or more memories; the one or more memories store one or more computer programs, and the one or more computer programs include instructions, when When the instructions are executed by one or more processors, the display method as described in any of the foregoing possible implementations is executed.
  • An embodiment of the present application further provides a chip, where the chip includes a processor and a communication interface, where the communication interface is configured to receive a signal and transmit the signal to the processor, and the processor processes the signal,
  • the chip includes a processor and a communication interface, where the communication interface is configured to receive a signal and transmit the signal to the processor, and the processor processes the signal.
  • the electronic device includes corresponding hardware and/or software modules for executing each function.
  • the present application can be implemented in hardware or in the form of a combination of hardware and computer software in conjunction with the algorithm steps of each example described in conjunction with the embodiments disclosed herein. Whether a function is performed by hardware or computer software driving hardware depends on the specific application and design constraints of the technical solution. Those skilled in the art may use different methods to implement the described functionality for each particular application in conjunction with the embodiments, but such implementations should not be considered beyond the scope of this application.
  • the electronic device can be divided into functional modules according to the above method examples.
  • each functional module can be divided corresponding to each function, or two or more functions can be integrated into one processing module.
  • the above-mentioned integrated modules can be implemented in the form of hardware. It should be noted that, the division of modules in this embodiment is schematic, and is only a logical function division, and there may be other division manners in actual implementation.
  • This embodiment also provides a computer-readable storage medium, where computer instructions are stored in the computer-readable storage medium, and when the computer instructions are executed on the electronic device, the electronic device executes the above-mentioned related method steps to realize the above-mentioned embodiments. Display method.
  • This embodiment also provides a computer program product, which when the computer program product runs on the computer, causes the computer to execute the above-mentioned relevant steps, so as to realize the display method in the above-mentioned embodiment.
  • the embodiments of the present application also provide an apparatus, which may specifically be a chip, a component or a module, and the apparatus may include a connected processor and a memory; wherein, the memory is used for storing computer execution instructions, and when the apparatus is running, The processor can execute the computer-executed instructions stored in the memory, so that the chip executes the display methods in the above method embodiments.
  • the electronic device, computer-readable storage medium, computer program product or chip provided in this embodiment are all used to execute the corresponding method provided above. Therefore, for the beneficial effects that can be achieved, reference may be made to the above-provided method. The beneficial effects in the corresponding method will not be repeated here.
  • the disclosed apparatus and method may be implemented in other manners.
  • the apparatus embodiments described above are only illustrative.
  • the division of modules or units is only a logical function division. In actual implementation, there may be other division methods.
  • multiple units or components may be combined or May be integrated into another device, or some features may be omitted, or not implemented.
  • the shown or discussed mutual coupling or direct coupling or communication connection may be through some interfaces, indirect coupling or communication connection of devices or units, which may be electrical, mechanical or other forms.
  • Units described as separate components may or may not be physically separated, and components shown as units may be one physical unit or multiple physical units, that is, may be located in one place, or may be distributed in multiple different places. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution in 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 alone, or two or more units may be integrated into one unit.
  • the above-mentioned integrated units may be implemented in the form of hardware, or may be implemented in the form of software functional units.
  • the integrated unit if implemented in the form of a software functional unit and sold or used as a stand-alone product, may be stored in a readable storage medium.
  • a readable storage medium including several instructions to make a device (which may be a single chip microcomputer, a chip, etc.) or a processor (processor) to execute all or part of the steps of the methods in the various embodiments of the present application.
  • the aforementioned storage medium includes: U disk, mobile hard disk, read only memory (ROM), random access memory (random access memory, RAM), magnetic disk or optical disk and other media that can store program codes.

Abstract

本申请提供了一种显示方法和电子设备，该方法应用于电子设备，该方法包括：所述电子设备响应于第一操作，运行第一应用并以悬浮窗的形式显示第一界面，所述第一界面包括第一标题栏和第一内容显示部分；所述电子设备响应于第二操作，显示第二界面，所述第二界面包括所述第一标题栏、所述第一内容显示部分和与所述第一内容显示部分相邻的第二内容显示部分，其中，所述第一标题栏中包括所述第二内容显示部分对应的第一子标题标签。该技术方案能够实现应用内的多界面显示，使得用户在浏览原有界面的同时，可以看到打开的多个新的界面内容，提升了应用的视觉效果，提高了用户的使用体验。

Description

显示方法和电子设备
本申请要求于2021年01月28日提交中国专利局、申请号为202110120962.0、申请名称为“显示方法和电子设备”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及电子技术领域，尤其涉及一种显示方法和电子设备。
背景技术
在安卓系统中，用户在应用程序中看到的内容，大部分是由活动(activity)组件提供的，一个应用程序中可以包括多个activity，例如，当用户点击某个应用程序的图标后，即启动了一个activity1，在电子设备的显示界面中显示该应用程序的首页，当用户点击首页中的某个元素后，可认为启动了activity2，电子设备的显示界面将由该应用程序的首页跳转到另一个界面中，即该activity2的对应的界面将覆盖activity1对应的界面，使得用户仅能看到当前的显示界面。
发明内容
本申请提供一种显示方法和电子设备，能够实现应用内的多界面显示，使得用户在浏览原有界面的同时，可以看到打开的多个新的界面内容，提升了应用的视觉效果，提高了用户的使用体验。
第一方面，提供一种显示方法，该方法应用于电子设备，该方法包括：所述电子设备响应于第一操作，运行第一应用并以悬浮窗的形式显示第一界面，所述第一界面包括第一标题栏和第一内容显示部分；所述电子设备响应于第二操作，显示第二界面，所述第二界面包括所述第一标题栏、所述第一内容显示部分和与所述第一内容显示部分相邻的第二内容显示部分，其中，所述第一标题栏中包括所述第二内容显示部分对应的第一子标题标签。
该第一操作可以是用户启动第一应用的操作，例如，用户点击第一应用的图标，或者用户长按第一应用的图标，选择启动方式，或者，用户通过鼠标点击第一应用的图标等。
该第二操作可以是用户在第一内容显示部分中点击第一元素，该第一元素可以是某个控件，该第二操作可以理解为启动了一个新的活动。
该第一标题栏中还可以包括第一应用的应用图标、应用名称等。本申请实施例中，第二内容显示部分与第一内容显示部分相邻，该第二内容显示部分可以是位于第一内容显示部分的右侧，也可以位于第一内容显示部分的左侧等。本申请实施例中的相邻可以是指第二内容显示部分与第一内容显示部分不重叠，相邻还可以指第二内容显示部分与第一内容显示部分至少有一条边重合。
基于本申请实施例，当电子设备在应用的主界面中检测到用户新启动一个活动时，并不会用新启动的活动的显示界面覆盖原有界面，而是以扩展界面的形式显示在主界面的相 邻位置，且与应用的主界面不重叠，该技术方案能够实现应用内的多界面显示，使得用户在浏览原有界面的同时，可以看到打开的多个新的界面内容，提升了应用的视觉效果，提高了用户的使用体验。
可选地，该电子设备也可以是处于电脑模式，例如，电子设备检测到外置键盘或虚拟键盘，或该电子设备为被投屏设备等。
结合第一方面，在第一方面的一种实现方式中，在所述电子设备响应于第二操作，显示所述第二界面之前，所述方法还包括：所述电子设备响应于所述第二操作，通过第一配置文件获取所述第一子标题标签。
例如，电子设备可以通过调用或访问Android.manifest.xml文件获取该第一子标题标签，该第一子标题标签可以为第二内容显示部分对应的活动的标题名称。
结合第一方面，在第一方面的一种实现方式中，在所述电子设备响应于第二操作，显示所述第二界面之前，所述方法还包括：所述电子设备响应于所述第二操作，生成所述第一子标题标签。
例如，电子设备检测到用户的第二操作，如启动新的活动1，则可以生成该第一子标题标签，并将子标题标签添加至第一标题栏中，该第一子标题标签可以是起到标识作用的标签1等，应理解，当用户启动了活动2时，可以生成另一个子标题标签，如标签2，并将该子标题标签添加至第一标题栏中。
结合第一方面，在第一方面的一种实现方式中，所述第一标题栏中包括高亮显示的所述第一子标题标签，所述第一子标题标签中包括第一标签名称和用于关闭所述第二内容显示部分的控件，所述第一子标题标签位于所述第二内容显示部分的上方。
本申请实施例中，第一标签名称可以是第二内容显示部分对应的活动的标题名称，如电子设备可以通过调用android.manifest.xml获取；也可以是用于标识的标签1等。
基于本申请实施例，第一标题显示栏中包括高亮显示的第一子标题标签，该技术方案有利于提醒用户当前打开的界面是哪一个。
结合第一方面，在第一方面的一种实现方式中，该方法还包括：所述电子设备响应于第三操作，显示第三界面，所述第三界面包括所述第一标题栏、所述第一内容显示部分和与所述第一内容显示部分相邻的第三内容显示部分，其中，所述第一标题栏中包括高亮显示的第二子标题标签，且所述第一子标题标签变为非高亮显示，所述第二子标题标签中包括第二标签名称和用于关闭所述第三内容显示部分的控件。
该技术方案有利于用户在应用内多窗口浏览显示界面，提升了多屏协同的体验。此外，高亮显示的第二子标题控件也更好的起到了标识作用。
结合第一方面，在第一方面的一种实现方式中，所述方法还包括：所述电子设备响应于用户的第四操作，显示所述第二界面，并且所述第一标题栏中的所述第一子标题标签变为高亮显示，所述第二子标题标签变为非高亮显示。
本申请实施例中，该第四操作可以是用户点击第一子标题标签的操作，或者是用于切换的其他操作。该技术方案可以继续显示应用的主界面，并根据用户的操作在第二显示部分和第三内容显示部分之间切换提升了多屏协同的体验。
结合第一方面，在第一方面的一种实现方式中，所述第一内容显示部分和所述第二内容显示部分沿第一方向的边长之和小于或等于所述电子设备的显示桌面平行于所述第一方向的边长。
基于本申请实施例，将第一内容显示部分和第二内容显示部分的在第一方向上的显示尺寸限定在显示桌面之内，避免了应用的扩展界面的内容显示不全。
结合第一方面，在第一方面的一种实现方式中，所述第一内容显示部分沿所述第一方向的第一边长小于或等于所述第二内容显示部分沿所述第一方向的第二边长。
结合第一方面，在第一方面的一种实现方式中，所述第一边长和所述第二边长可调节，且所述第一边长与所述第二边长之和保持不变。
基于本申请实施例，用户可以根据实际需求更改显示界面的尺寸，提升了用户的使用体验。
结合第一方面，在第一方面的一种实现方式中，所述方法还包括：所述电子设备响应于第五操作，运行第二应用并以悬浮窗的形式显示所述第二应用的第五界面。
基于本申请实施例，电子设备还可以启动第二应用，该第二应用的显示界面也是悬浮于电子设备的显示桌面之上，该技术方案有利于用户同时使用多个应用协同办公等，提升了用户的使用体验。
结合第一方面，在第一方面的一种实现方式中，在所述电子设备响应于第一操作，运行第一应用并以悬浮窗的形式显示所述第一界面之前，所述方法还包括：确定所述第一应用支持显示界面尺寸更改。
基于本申请实施例，当电子设备确定第一应用支持显示界面尺寸更改时，可以以悬浮窗的形式启动该第一应用。应理解，该应用是否支持显示界面尺寸更改可以是由该应用的开发者在开发应用时指定的。
可选地，当电子设备确定第一应用不支持显示界面尺寸更改时，可以以全屏形式启动该应用，或者，以悬浮窗的形式启动该应用，但应用的显示界面的布局、比例大小可能会改变。
结合第一方面，在第一方面的一种实现方式中，所述方法还包括：确定所述第一应用支持多窗口活动状态。
基于本申请实施例，当电子设备确定第一应用支持多窗口活动状态时，可以以悬浮窗的形式启动该第一应用。应理解，该应用是否支持多窗口活动状态可以是由该应用的开发者在开发应用时指定的。
可选地，当电子设备确定第一应用不支持多窗口活动状态时，可以以全屏形式启动该应用，或者，以悬浮窗的形式启动该应用，但应用的显示界面的布局、比例大小可能会改变。
结合第一方面，在第一方面的一种实现方式中，所述第一内容显示部分与所述第二内容显示部分均处于活动状态。
本申请实施例中，该第一内容显示部分和第二内容显示部分均为活动状态，可以理解为该第一内容显示部分和第二内容显示部分均为电子设备的显示屏幕的焦点。
结合第一方面，在第一方面的一种实现方式中，所述第一标题栏中还包括用于关闭所述第一应用的第一控件、用于最大化显示所述第一应用的第二控件和用于最小化显示所述第一应用的第三控件。
第二方面，提供一种电子设备，包括：一个或多个处理器；一个或多个存储器；该一个或多个存储器存储有一个或多个计算机程序，该一个或多个计算机程序包括指令，当该指令被一个或多个处理器执行时，使得如上述第一方面及其任一种可能的实现方式中的显 示方法被执行。
第三方面，提供一种芯片，所述芯片包括处理器和通信接口，所述通信接口用于接收信号，并将所述信号传输至所述处理器，所述处理器处理所述信号，使得如上述第一方面及其任一种可能的实现方式中所述的显示方法被执行。
第四方面，提供一种计算机可读存储介质，所述计算机可读存储介质中存储有计算机指令，当所述计算机指令在计算机上运行时，使得如上述第一方面及其任一种可能的实现方式中所述的显示方法被执行。
第五方面，提供一种计算机程序产品，包括计算机指令，当所述计算机指令在电子设备上运行时，使得如上述第一方面及其任一种可能的实现方式中所述的显示方法被执行。
附图说明
图1是本申请实施例提供的电子设备的结构示意图。
图2是本申请实施例提供的电子设备的软件结构示意图。
图3是本申请实施例提供的一组GUI的示意图。
图4是本申请实施例提供的另一组GUI的示意图。
图5是本申请实施例提供的另一组GUI的示意图。
图6是本申请实施例提供的另一组GUI的示意图。
图7是本申请实施例提供的另一组GUI的示意图。
图8是本申请实施例提供的活动框架的示意图。
图9是本申请实施例提供的一种数据传输的示意图。
图10是本申请实施例提供的显示的方法的示意性流程图。
图11是本申请实施例提供的一种显示方法的示意性时序图。
图12是本申请实施例提供的一种显示方法的示意性流程图。
具体实施方式
下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行描述。其中，在本申请实施例的描述中，除非另有说明，“/”表示或的意思，例如，A/B可以表示A或B；本文中的“和/或”仅仅是一种描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。另外，在本申请实施例的描述中，“多个”是指两个或多于两个。
以下，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。
本申请实施例提供的显示方法可以应用于手机、平板电脑、可穿戴设备、车载设备、增强现实(augmented reality，AR)/虚拟现实(virtual reality，VR)设备、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本、电视、个人数字助理(personal digital assistant，PDA)等电子设备上，本申请实施例对电子设备的具体类型不作任何限制。
示例性的，图1示出了电子设备100的结构示意图。电子设备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的正整数。
电子设备100可以通过ISP，摄像头193，视频编解码器，GPU，显示屏194以及应用处理器等实现拍摄功能。
ISP用于处理摄像头193反馈的数据。例如，拍照时，打开快门，光线通过镜头被传递到摄像头感光元件上，光信号转换为电信号，摄像头感光元件将所述电信号传递给ISP处理，转化为肉眼可见的图像。ISP还可以对图像的噪点，亮度，肤色进行算法优化。ISP还可以对拍摄场景的曝光，色温等参数优化。在一些实施例中，ISP可以设置在摄像头193中。
摄像头193用于捕获静态图像或视频。物体通过镜头生成光学图像投射到感光元件。感光元件可以是电荷耦合器件(charge coupled device，CCD)或互补金属氧化物半导体(complementary metal-oxide-semiconductor，CMOS)光电晶体管。感光元件把光信号转换成电信号，之后将电信号传递给ISP转换成数字图像信号。ISP将数字图像信号输出到DSP加工处理。DSP将数字图像信号转换成标准的RGB，YUV等格式的图像信号。在一些实施例中，电子设备100可以包括1个或N个摄像头193，N为大于1的正整数。
数字信号处理器用于处理数字信号，除了可以处理数字图像信号，还可以处理其他数字信号。例如，当电子设备100在频点选择时，数字信号处理器用于对频点能量进行傅里叶变换等。
视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样，电子设备100可以播放或录制多种编码格式的视频，例如：动态图像专家组(moving picture experts group，MPEG)1，MPEG2，MPEG3，MPEG4等。
NPU为神经网络(neural-network，NN)计算处理器，通过借鉴生物神经网络结构，例如借鉴人脑神经元之间传递模式，对输入信息快速处理，还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用，例如：图像识别，人脸识别，语音识别，文本理解等。
外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。
内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令，从而执行电子设备100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如音频数据，电话本等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。
电子设备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)标准接口。
按键190包括开机键，音量键等。按键190可以是机械按键。也可以是触摸式按键。电子设备100可以接收按键输入，产生与电子设备100的用户设置以及功能控制有关的键信号输入。
马达191可以产生振动提示。马达191可以用于来电振动提示，也可以用于触摸振动反馈。例如，作用于不同应用(例如拍照，音频播放等)的触摸操作，可以对应不同的振动反馈效果。作用于显示屏194不同区域的触摸操作，马达191也可对应不同的振动反馈效果。不同的应用场景(例如：时间提醒，接收信息，闹钟，游戏等)也可以对应不同的振动反馈效果。触摸振动反馈效果还可以支持自定义。
指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。
SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195，或从SIM卡接口195拔出，实现和电子设备100的接触和分离。电子设备100可以支持1个或N个SIM卡接口，N为大于1的正整数。SIM卡接口195可以支持Nano SIM卡，Micro SIM卡，SIM卡等。同一个SIM卡接口195可以同时插入多张卡。所述多张卡的类型可以相同，也可以不同。SIM卡接口195也可以兼容不同类型的SIM卡。SIM卡接口195也可以兼容外部存储卡。电子设备100通过SIM卡和网络交互，实现通话以及数据通信等功能。在一些实施例中，电子设备100采用eSIM，即：嵌入式SIM卡。eSIM卡可以嵌在电子设备100中，不能和电子设备100分离。
电子设备100的软件系统可以采用分层架构，事件驱动架构，微核架构，微服务架构，或云架构。本申请实施例以分层架构的Android系统为例，示例性说明电子设备100的软件结构。
图2是本申请实施例的电子设备100的软件结构框图。分层架构将软件分成若干个层，每一层都有清晰的角色和分工。层与层之间通过软件接口通信。在一些实施例中，将 Android系统分为四层，从上至下分别为应用程序层，应用程序框架层，安卓运行时(Android runtime)和系统库，以及内核层。应用程序层可以包括一系列应用程序包。
如图2所示，应用程序包可以包括相机，图库，日历，通话，地图，导航，WLAN，蓝牙，音乐，视频，短信息等应用程序。
应用程序框架层为应用程序层的应用程序提供应用编程接口(application programming interface，API)和编程框架。应用程序框架层包括一些预先定义的函数。
如图2所示，应用程序框架层可以包括窗口管理器，内容提供器，活动管理器，视图系统，资源管理器，通知管理器、显示管理服务等。
窗口管理器用于管理窗口程序。窗口管理器可以获取显示屏大小，判断是否有状态栏，锁定屏幕，截取屏幕等。
内容提供器用来存放和获取数据，并使这些数据可以被应用程序访问。所述数据可以包括视频，图像，音频，拨打和接听的电话，浏览历史和书签，电话簿等。
视图系统包括可视控件，例如显示文字的控件，显示图片的控件等。视图系统可用于构建应用程序。显示界面可以由一个或多个视图组成的。例如，包括短信通知图标的显示界面，可以包括显示文字的视图以及显示图片的视图。
活动管理器用于管理安卓活动管理服务，如活动的生命周期管理等。
资源管理器为应用程序提供各种资源，比如本地化字符串，图标，图片，布局文件，视频文件等等。
通知管理器使应用程序可以在状态栏中显示通知信息，可以用于传达告知类型的消息，可以短暂停留后自动消失，无需用户交互。比如通知管理器被用于告知下载完成，消息提醒等。通知管理器还可以是以图表或者滚动条文本形式出现在系统顶部状态栏的通知，例如后台运行的应用程序的通知，还可以是以对话窗口形式出现在屏幕上的通知。例如在状态栏提示文本信息，发出提示音，电子设备振动，指示灯闪烁等。
显示管理服务用于管理显示的生命周期，它决定如何根据当前连接的物理显示设备控制其逻辑显示，并且在状态更改时，向系统和应用程序发送通知，等等。
Android runtime包括核心库和虚拟机。Android runtime负责安卓系统的调度和管理。
核心库包含两部分：一部分是java语言需要调用的功能函数，另一部分是安卓的核心库。
应用程序层和应用程序框架层运行在虚拟机中。虚拟机将应用程序层和应用程序框架层的java文件执行为二进制文件。虚拟机用于执行对象生命周期的管理，堆栈管理，线程管理，安全和异常的管理，以及垃圾回收等功能。
系统库可以包括多个功能模块。例如：表面管理器(surface manager)，媒体库(media libraries)，三维图形处理库(例如：OpenGL ES)，2D图形引擎(例如：SGL)等。
表面管理器用于对显示子系统进行管理，并且为多个应用程序提供了2D和3D图层的融合。
媒体库支持多种常用的音频，视频格式回放和录制，以及静态图像文件等。媒体库可以支持多种音视频编码格式，例如:MPEG4，H.264，MP3，AAC，AMR，JPG，PNG等。
三维图形处理库用于实现三维图形绘图，图像渲染，合成，和图层处理等。
图形合成器用于接收多个来源的图形显示数据，将他们合成，然后发送到显示设备。
2D图形引擎是2D绘图的绘图引擎。
内核层是硬件和软件之间的层。内核层至少包含显示驱动，摄像头驱动，音频驱动，传感器驱动。
为了便于理解，本申请以下实施例将以具有图1和图2所示结构的电子设备为例，结合附图和应用场景，对本申请实施例提供的显示方法进行具体阐述。
图3是本申请实施例提供的一组图像用户界面(graphical user interface，GUI)的示意图。其中，从图3中的(a)至(e)示出了用户在平板上启动及使用应用程序的过程。
参见图3中的(a)，该GUI为平板的显示桌面310，该显示桌面310上可以包括多个应用程序的应用图标，用户可以通过点击应用程序的应用图标打开该应用，当平板检测到用户点击或长按华为音乐的应用图标311的操作之后，可以显示如图3中的(b)所示的GUI。
可选地，当平板检测到用户点击华为音乐的应用图标311的操作之后，可以直接显示如图3中的(c)所示的GUI。
可选地，在平板的下拉界面中具有悬浮模式的控件，当用户点击该悬浮控件后，该平板进入应用悬浮启动的模式，在悬浮模式下，默认应用的启动以悬浮窗的形式启动，而不是以全屏形式启动。
参见图3中的(b)，在华为音乐的应用图标311的右上方出现选择提示框312，该提示框312可以包括正常启动312a和悬浮启动312b，当平板检测到用户点击悬浮启动312b的操作之后，可以显示如图3中的(c)所示的GUI。
应理解，本申请实施例中，正常启动表示该应用以全屏形式启动，悬浮启动表示该应用不是以全屏形式启动，而是以悬浮窗的形式启动。
本申请实施例中，该提示框312的位置也可以位于华为音乐的应用图标311的正上方、右方等，本申请实施例对此不予限定。
参见图3中的(c)，华为音乐以悬浮窗的形式启动，该界面320为华为音乐的首页的显示界面，该界面320包括标题栏321和内容显示部分322，该标题栏321包括华为音乐的应用图标以及文字“华为音乐”，该标题栏321还可以包括控件323、324和325，当用户点击控件323时，可以关闭该华为音乐，当用户点击控件324时，可以将华为音乐最大化显示，当用户点击控件325时，可以将华为音乐最小化显示，该内容显示部分322与正常状态启动的华为音乐的首页显示的内容一致。当平板检测到用户点击区域322a的操作之后，可以显示如图3中的(d)所示的GUI。
在一种可能的实现方式中，当该华为音乐以悬浮模式启动后，平板可以确定该华为音乐的首页显示界面320的尺寸信息，以及该界面320在平板显示桌面310中的显示位置，例如，该界面320的尺寸大小小于或等于平板的显示桌面的尺寸的一半，或者，该界面320的尺寸大小或等于平板的显示桌面的三分之一等；该界面320在平板的显示界面中的位置可以是居中显示，或者，该界面320的上边界与平板的上边界的第一距离与界面320的下边界与平板的下边界的第二距离相等，或者，该第一距离为第二距离的一半，本申请实施例对此不予限定。
参见图3中的(d)，音乐1的显示界面330以扩展界面的形式显示在界面320的右方，该界面330包括标题栏和音乐1的播放界面，其中，该标题栏中包括音乐1的子标题标签331，该子标题标签331中包括文字“音乐1”和用于关闭该界面330的控件，该音乐1的播放界面中可以包括音乐1的名称、作者、歌词、以及播放进度条和播放控制按钮等， 用户可以通过该播放控制按钮进行播放、暂停、切换到下一曲、切换到上一曲、切换播放方式、查看播放列表等操作。当平板检测到用户点击界面320中的歌手的图标323a的操作之后，可以显示如图3中的(e)所示的GUI。
本申请实施例中，界面320中的华为音乐的图标和文字“华为音乐”、音乐1的子标题标签331以及控件323、324、325可以均位于同一个标题栏中。
应理解，本申请实施例中，该界面330的长度和宽度和界面320的长度和宽度保持一致，该界面330也可以位于原界面320的左侧，本申请实施例对此不予限定。
参见图3中的(e)，该界面330中的标题栏中显示歌手的子标题标签332，该子标题标签332中还包括关闭该子标题标签332的控件，该界面330的内容显示部分显示的内容与正常状态下点击歌手显示的内容一致，该子标题标签332为选中状态，表示当前界面显示的为子标题标签332的内容。
本申请实施例中，用户可以通过点击标题栏中的子标题标签331、332来实现界面的切换，如，界面330当前显示的是子标题标签332对应的内容显示部分，当用户点击子标题标签331时，可以将子标题标签331对应的内容显示部分切换到前台显示，同时该子标题标签331变为选中状态，同时子标题标签332对应的内容显示部分切换到后台，对用户不可见。
应理解，本申请实施例以该扩展界面中包括两个子标签及其页面内容为例进行说明，实际使用中，对于该子标签的数量不予限制。
基于本申请实施例，当用户以悬浮模式启动应用时，该应用以悬浮窗的形式显示在电子设备的桌面上，并在原有的界面之上增加了标题栏应用的图标和标题显示在标题栏中，当用户点击该应用首页中的控件或区域时，新弹出的界面不是覆盖原本的界面，而是以扩展界面的形式显示在原界面的右方，且扩展界面的标题显示在标题栏中，该技术方案可以实现应用内多窗口显示，使得用户在浏览原有界面的同时，可以看到打开的多个新的界面内容，并可以通过点击切换该多个界面内容，提升了用户的使用体验。
图4是本申请实施例提供的另一组GUI的示意图。其中，从图4中的(a)至(d)示出了用户在平板上启动及使用应用程序的过程。本申请实施例中，平板可以是进入了电脑模式，例如检测到平板接入了外置键盘或鼠标或检测到虚拟键盘等，可以进入电脑模式；或者，用户通过手动设置进入电脑模式等。
参见图4中的(a)，该GUI可以理解为平板的显示桌面610，该显示桌面610上可以包括多个应用程序的应用图标，用户可以通过鼠标点击该应用程序的应用图标，以进入该应用程序，当平板检测到鼠标单击或双击APP1的应用图标之后，可以显示如图4中的(b)所示的GUI。
参见图4中的(b)，该GUI为APP1的首页显示界面620，该显示界面620悬浮于平板的显示桌面610之上，该显示界面620可以包括标题栏621和内容显示部分622，该标题栏621可以包括APP1的应用图标、应用名称、以及控件623、624和625，当用户点击控件623时，可以将显示界面620最小化显示，当用户点击控件624时，可以将显示界面620最大化显示，当用户点击控件625时，可以关闭该APP1。
该APP1可以是新闻类APP，该内容显示部分622可以包括多个新闻资讯，当平板检测到用户鼠标点击视频卡片626的操作之后，可以显示如图4中的(c)所示的GUI。
参见图4中的(c)，平板继续显示显示界面620，且视频卡片626的播放界面630 以扩展界面的形式显示在显示界面620的右侧，该播放界面630可以包括标题栏632和内容显示部分633，该标题显示区域632可以包括子标题标签631，该子标题标签631中可以包括文字“标题1”和用于关闭该播放界面630的控件，该内容显示部分633可以包括视频卡片634、该视频的简介、播放次数以及用户评论等，且该视频卡片634处于播放状态。当平板检测到鼠标点击区域635的操作之后，可以显示如图4中的(d)所示的GUI。
本申请实施例中，用户使用鼠标点击APP1的应用图标打开该APP1，即可以理解为APP1启动主activity0，该activity0对应的显示界面为显示界面620。当检测到鼠标点击视频卡片626的操作之后，可以理解为APP1启动了activity1，该activity1对应的显示界面为显示界面630。
当用户在显示界面620中通过鼠标继续行下滑动，以浏览更多的资讯时，显示界面630中的视频卡片634是继续播放的，并不会暂停下来。或者，当用户在界面620中通过鼠标点击“发现”“我的”等控件时，显示界面620的内容显示部分会发生改变，但由于这些控件并不是一个新的activity，所以，显示界面630不会发生变化，而是继续播放视频卡片634。
在一些示例中，该标题栏621与标题栏632可以为同一个标题栏，如响应于用户点击视频卡片626的操作之后，该标题栏621向右扩展一倍，该子标题标签631添加至该标题栏621中；或者标题栏621与标题栏632也可以为两个标题栏。
在一些示例中，该播放界面630也可以位于显示界面620的左侧，本申请实施例不予限定。
在一种可能的实现方式中，界面630的宽度可调，或者，界面620与界面630的总宽度不变，但是界面620与界面630的宽度可调。
参见图4中的(d)，平板继续显示显示界面620，该标题2的内容显示部分637覆盖内容显示部分633，标题栏632显示子标题标签631和子标题标签636，且该子标题标签636为选中状态，该子标题标签636中包括文字“标题2”以及用于关闭该内容显示部分637和子标题标签636的控件。用户可以通过鼠标点击子标题标签631，以显示该子标题标签631对应的显示界面633。
在一些示例中，该子标题标签631、636中的文字可以是按照生成顺序产生的具有标识作用的标签1、标签2等。
在一些示例中，该子标题标签631、632中的文字也可以是对应activity的标题名称，例如，该标题1为activity1的标题名称，该标题2为activity2的标题名称。
在一些示例中，该子标题标签631、632中的文字也可以是平板通过获取鼠标点击的文字、或者获取鼠标点击的控件关联的文字、或者获取鼠标点击的控件周围的文字得到的。
基于本申请提供的技术方案，当电子设备，如平板进入电脑模式之后，应用可以以悬浮多窗口的形式启动，即新打开的界面显示在应用主界面的右方，而不是覆盖原有界面，该技术方案可以应用内多窗口显示，使得用户在浏览原有界面的同时，可以看到打开的多个新的界面内容，并可以通过点击切换该多个界面内容，提升了用户的使用体验。
图5是本申请实施例提供的另一组GUI的示意图。其中，从图5中的(a)至(c)示出了手机500a与笔记本电脑500b建立投屏关系的情况下，用户在笔记本电脑500b中启动应用的过程。
参见图5中的(a)，手机500a的显示桌面上包括多个应用，手机500a通过扩展坞 500c和数据线500d与笔记本电脑建立投屏关系，手机500a可以开启电脑模式，从而笔记本电脑的显示界面和手机画面可以互不干扰，笔记本电脑500b的显示界面510中包括手机中安装的多个应用，当笔记本电脑500b检测到用户双击华为音乐的应用图标511的操作之后，可以显示如图5中的(b)所示的GUI。
应理解，手机还可以和其他大屏设备，如智慧屏、平板等建立投屏关系。
本申请实施例中，手机还可以通过无线投屏方式与笔记本电脑或其他大屏设备建立投屏关系，本申请实施例对此不予限定。
参见图5中的(b)，该华为音乐的显示界面520可以参考图3中的(c)的相关描述，为了简洁，不再赘述。
参见图5中的(c)，该华为音乐的显示界面520和530可以参考图3中的(d)的相关描述，为了简洁，不再赘述。
基于本申请实施例，在手机和其他大屏设备建立投屏关系的情况下，当手机开启电脑模式时，手机的显示界面和大屏设备的显示界面可以不同，当用户打开某个应用时，该应用的首页界面悬浮显示在大屏设备的桌面上，当用户点击该首页中的元素时，新弹出的界面以扩展界面的形式显示在原界面的右方，且扩展界面的标题显示在标题栏中，该技术方案可以实现应用内多窗口显示，使得用户在浏览原有界面的同时，可以看到打开的多个新的界面内容，且该多个界面整齐、美观，提升了应用的视觉效果，提高了用户的使用体验。
图6是本申请实施例提供的另一组GUI的示意图。其中，从图6中的(a)至(f)示出了用户在平板上启动多个应用程序的过程。
图6中的(a)至(c)可以参见图3中的(a)至(c)的相关描述，为了简洁，不再赘述。
参见图6中的(d)，音乐1的显示界面330以扩展界面的形式显示在界面320的右方，该界面330包括标题栏和音乐1的播放界面，其中，该标题栏中包括音乐1的子标题标签331，该子标题标签331中包括文字“音乐1”和用于关闭该界面330的控件，该音乐器的播放界面中可以包括音乐1的名称、作者、歌词、以及播放进度条和播放控制按钮等，用户可以通过该播放控制按钮进行播放、暂停、切换到下一曲、切换到上一曲、切换播放方式、查看播放列表等操作。当平板检测到用户点击界面310中的备忘录的图标335的操作之后，可以显示如图6中的(e)所示的GUI。
参见图6中的(e)，该备忘录以悬浮形式启动，该备忘录的显示界面340为横屏显示，该显示界面340层叠于华为音乐的显示界面之上，该显示界面340可以包括标题栏和位于该标题栏下方的内容显示界面，该标题栏中可以包括该备忘录的图标以及文字“备忘录”，该内容显示界面中可以包括搜索框、多个笔记列表等，该列表可以包括事件1、事件2等。当平板检测到用户点击事件1的区域341操作之后，可以显示如图6中的(f)所示的GUI。
应理解，本申请实施例中，当用户继续打开其他的应用时，该其他的应用将继续以悬浮形式启动，并层叠与华为音乐和备忘录之上，即新打开的应用放在前台显示，用户可以通过点击，将后台的应用移动到前台，例如，用户点击华为音乐的界面，可以将该华为音乐显示在前台，用户还可以通过拖拽移动该应用在平板桌面中的位置。
在一些可能的实施例中，可以调整备忘录悬浮窗的大小，当电子设备响应于作用于悬浮窗边缘的拖动操作，备忘录悬浮窗的窗口形状和位置进行调整。
应理解，本申请实施例中，在悬浮模式下，应用是横屏启动还是竖屏启动，与应用本身有关，开发者在开发该应用时，可以指定启动该应用时，是以横屏启动还是竖屏启动。当该应用横屏启动时，其首页的界面宽度应小于或等于平板显示屏幕宽度的一半，可以避免该应用的扩展界面超出平板的显示界面之外，从而可以避免扩展界面出现显示不完全的情况。
参见图6中的(f)，在备忘录原显示界面340的右方出现扩展界面350，该扩展界面350中可以包括标题栏352、位于标题栏下方的内容显示部分353，该内容显示部分可以显示事件1的具体内容，该标题栏352中可以包括子标题标签351，该子标题标签351中可以包括文字“事件1”以及用于关闭该扩展界面350的控件。
应理解，原显示界面340中的标题栏与扩展界面350中的标题栏可以是同一个标题栏，这种情况下，在扩展界面出现时，该标题栏向右扩展了一倍，用于显示扩展界面的子标题标签。原显示界面340中的标题栏与扩展界面350中的标题栏也可以不是同一个标题栏。
在一些可能的实施例中，可以调整备忘录悬浮窗的大小，当电子设备响应于作用于悬浮窗边缘的拖动操作，备忘录悬浮窗的窗口形状和位置进行调整。
在一些可能的实施例中，可以调整内容显示部分341和内容显示部分353在悬浮窗中的显示比例，当电子设备响应于作用于内容显示部分341和内容显示部分353交汇的区域时，能够调整内容显示部分341和内容显示部分353在显示界面340中的横向占比。
应理解，本申请实施例中也可以适用平板进入电脑模式之后的操作，例如，本申请实施例中的点击可以由鼠标来完成。
基于本申请实施例，可以在平板桌面上以悬浮窗的形式启动多个应用，且该多个应用中的每个应用均可以多窗口显示，该技术方案可以在平板的桌面上显示多个应用，有利于用户同时使用多个应用，如多应用协同办公等，提升了用户的使用体验。
图7是本申请实施例提供的另一组GUI的示意图。其中，从图7中的(a)至(d)示出了用户在平板上启动及使用应用程序的过程。
图7中的(a)可以参考图3中的(a)的相关描述，不再赘述。
图7中的(b)可以参考图3中的(c)的相关描述，不再赘述。
参见图7中的(c)，在华为音乐的显示界面420的右方显示扩展界面430，该扩展界面430可以包括标题栏436和播放界面437，该播放界面437中可以包括歌词、播放进度条和播放控制按钮等，该播放界面437中还可以包括评论控件438，当平板检测到用户点击评论控件438的操作之后，可以显示如图7中的(d)所示的GUI。
参见图7中的(d)，华为音乐的显示界面420的右方具有扩展界面430，该扩展界面430的右方出现第二个扩展界面440，该扩展界面440中可以包括标题栏441和评论显示区域442，该标题栏440中可以包括子标题标签443，该子标题标签443中可以包括子标题的名称“评论”以及用于关闭该扩展界面440的关闭控件，该评论显示区域442中可以包括评论数量、音乐1名称、作者、其他用户的评论列表以及评论输入框等，用户可以在该评论输入框输入自己的评论。
在一些可能的实施例中，电子设备响应于作用于子标题标签443的拖动手势，将标签443拖动到扩展界面430的区域，会变成类似图4(d)中示出的扩展界面示意图，此时扩展界面430和扩展界面440重叠显示。在一些实施例中，电子设备响应于用户操作，可以从图4的(b)中示出的扩展界面示意图切换到图7的(d)中示出的扩展界面示意图，即 将重叠的扩展界面全部展开显示，此时电子设备可选地根据电子设备显示屏的尺寸，调整显示界面420或扩展界面430或扩展界面440的位置和尺寸。
在一些可能的实施例中，电子设备将扩展界面展开显示，会根据扩展界面的属性和/或扩展界面的相关配置进行调整，例如当扩展界面声明需要以不同于显示界面420的尺寸(例如，宽度)显示，电子设备需要进行适配。
本申请实施例中，华为音乐的显示界面420、第一个扩展界面430、第二个扩展界面440可以共用同一个标题栏，也可以分别使用不同的标题栏，本申请实施例对此不予限定。
应理解，本申请实施例中也可以适用平板进入电脑模式之后的操作，例如，本申请实施例中的点击可以由鼠标来完成。
基于本申请实施例，当用户以悬浮模式启动应用时，可以实现应用内的多界面显示，使得用户在浏览原有界面的同时，可以看到打开的多个新的界面内容，提升了用户的使用体验。
图8是本申请实施例提供的活动框架的示意图。
在安卓(android)系统中，活动(activity)是一种可以包含用户界面的组件，主要用于和用户进行交互，比如打电话、照相、发送邮件和查看地图等，简单来说，用户在应用程序中能看到的内容，大部分都是由activity组件提供的，在一个应用程序中，可以包括多个activity。
参见图8中的(a)，每一个activity都持有一个窗口对象，但是该窗口对象是一个抽象类，android为窗口提供了一个实现类phonewindow，也就是说，该activity中的窗口实例就是一个phonewindow对象。而phonewindow对象中持有一个视图对象decorview，activity中视图相关的操作其实大都是通过decorview来完成的，该decorview布局样式中可以包括标题栏和内容显示部分。
具体地，activity可以将布局文件对应的资源标识传递到decorview中，decorview接收到该布局资源标识后，通过布局填充器，将该布局资源标识转换为布局视图，然后将该布局视图添加在自身中，然后用户可以在电子设备的屏幕上看到该布局样式。
示例性地，如图3中的(c)所示，当用户点击华为音乐的应用图标的操作后，平板显示华为音乐的首页的显示界面320，可以理解为系统在该应用中启动了一个activity1，而该显示界面320包括的标题栏321和内容显示部分322即为布局样式。
这种情况下，当启动下一个activity2时，该activity2的对应的界面将覆盖activity1对应的界面。
参见图8中的(b)，activity也都持有一个窗口对象，android为窗口提供了一个实现类phonewindow，该phonewindow对象中持有一个视图对象decorview，所不同的是，当只有一个activity1的情况下，该decorview布局样式中可以包括标题栏和内容显示部分，与现有的布局相同，当再启动另一个activity2时，将标题栏向右扩展一倍，该activity2的标题部分作为子标题标签(label)添加到标题栏的扩展部分，同时，该activity2的内容显示部分2显示在该标题栏的扩展部分的下方，也就是说，当启动下一个activity2时，该activity2对应的界面没有覆盖activity1的对应的界面，而是以扩展界面的方式显示在activity1的对应的界面的右方。
在一些可能的实施例中，内容显示部分在搭载安卓系统的电子设备中的实现为contentview。
在一些可能的实施例中，标题栏向右扩展一倍实际上是将悬浮窗的尺寸进行了调整，例如原窗口的尺寸为300(宽，单位像素)*200(高，单位像素)，经过将标题栏向右扩展一倍后，新窗口尺寸变为600(宽，单位像素)*200(高，单位像素)，并对标题栏中的控件(例如图4的(b)中示出的控件423、控件424和控件425)进行位置的调整。
示例性地，如图3中的(c)、(d)所示，该华为音乐首页的显示界面320可以看作是activity1对应的显示界面，该显示界面320包括的标题栏321和内容显示部分322。用户点击区域322a的操作可以看作是启动activity2，可以看出，该activity2对应的显示界面330并未覆盖原有显示界面320，而是作为扩展界面显示在原显示界面320的右方。此外，该扩展界面330中的标题栏中显示子标题标签331，该标题栏与界面320的标题栏为同一个标题栏。
图9是本申请实施例提供的一种数据传输的示意图。
在android系统中，任务(task)通常是指一系列具有联系的activity的集合，这些activity按照各自的打开顺序排列在栈(stack)中，电子设备的主屏幕通常是任务的起点。在当前activity1中启动另一个activity2时，该activity2一般会被推送到stack的顶部，成为焦点所在，而前一个activity1仍保留在stack中，只不过是处于暂停状态，当activity1暂停时，系统会保持其对应的用户界面的当前状态，当用户选择“返回”时，位于stack顶部的当前activity2会被销毁，activity1恢复执行。
示例性地，在手机中打开某个应用程序，如华为音乐，其首页显示的界面可以认为是activity1，当用户在首页中点击歌单时，可以理解为在activity1中启动了activity2，手机会弹出新的界面并覆盖首页的界面，这时该歌单的界面成为焦点，当用户点击返回或从屏幕的边缘滑动返回时，手机显示华为音乐首页的界面。
而在本申请实施例中，在当前activity1中启动另一个activity2时，activity2在stack的顶部，同时activity1也在该stack的顶部，且该activity1并不会暂停，将继续保留其生命周期，该activity2的用户界面作为扩展界面显示在activity1对应的用户界面的右方。
示例性地，如图3中的(c)、(d)所示，该华为音乐首页的显示界面320可以看作是activity1对应的显示界面，用户点击区域322a的操作可以看作是启动activity2，可以看出，该activity2对应的显示界面330并未覆盖原有显示界面320，而是作为扩展界面显示在原显示界面320的右方。
如图9所示，当用户点击应用程序的图标时，系统首先会创建该应用对应的stack，然后创建一个task，task中包含有activity，而activity中的数据(标题、内容等)需要借助视图控件、网格控件、下拉列表等控件进行数据展示，最终才能呈现在界面中，但是activity无法将这些数据直接传递给这些控件，须借助适配器(adapter)来完成，因此，adapter可以看作是控件与数据源之间的桥梁，用来将数据绑定到控件上。
本申请实施例中，activity可以通过该adapter将数据更新到控件上，并呈现在界面中，从而实现activity2的界面作为扩展界面显示在activity1的界面右方，并且activity2的标题作为子标题标签显示在标题栏中。当用户在activity1中启动activity3时，该扩展界面显示的内容为该activity3对应的界面，且该activity3的标题作为子标题显示在标题栏中activity2的子标题标签的右方，用户可以通过点击切换该activity2、activity3对应的界面内容。
在一种可能的实现方式中，activity1对应的界面作为主界面，该主界面包括标题栏和内容显示部分，该activity1在stack的顶部，当电子设备检测到用户在activity1对应的显 示界面中启动了activity2时(如点击某个控件)，将显示界面的窗口扩展为原来的两倍，并调用activity2的标题名称，将activity2的标题名称作为标签添加到标题栏中，并将activity2对应的显示界面通过移位移动到扩展窗口中显示，则该activity2处在stack的顶部，此时，activity1同样处在stack的顶部，即activity1并不会暂停，而是会继续保持其生命周期。
在一种可能的实现方式中，activity1对应的界面作为主界面，该主界面包括标题栏和内容显示部分，该activity1在stack的顶部，当电子设备检测到用户在activity1对应的显示界面中启动了activity2时(如点击某个控件)，将显示界面的窗口扩展为原来的两倍，并调用activity2的标题名称，将activity2的标题名称作为标签添加到标题栏中，并将activity2对应的显示界面通过移位移动到扩展窗口中显示，此时activity1和activity2均对用户可见，即activity1并不会暂停，而是会继续保持其生命周期。
如图4中的(b)、(c)所示，activity1对应的界面为APP1的主界面的显示界面620，当用户点击视频卡片或视频控件626时，可以理解为启动了activity2，将APP1的显示窗口扩展为显示界面620的两倍，并调用activity2的标题名称“标题1”，将该“标题1”作为标签添加到activity1的显示界面的标题栏中，并将activity2的显示界面633显示在扩展界面中，此时，显示界面620和630均成为焦点所在。
示例性地，电子设备可以通过调用android.manifest.xml读取activity2的标题名称。
在另一种可能的实现方式中，当电子设备检测到用户在activity1对应的显示界面中启动了activity2时，将显示界面的窗口扩展为原来的两倍，并调用activity2的标题名称，将activity2的标题名称作为标签添加到activity2的显示界面的标题栏中，并将activity2对应的显示界面通过移位移动到扩展窗口中显示。
该技术方案可以实现应用内多窗口显示，使得用户在浏览原有界面的同时，可以看到打开的多个新的界面内容，并可以通过点击切换该多个界面内容，提升了用户的使用体验。
图10是本申请实施例提供的显示的方法的示意性流程图。如图10所示，该方法可以包括步骤801至步骤807。
801，启动活动。
该步骤801中，启动活动可以理解为，打开某个应用程序，显示该应用的主界面。
例如，启动活动可以是用户点击应用程序的图标，如图7中的(a)、(b)所示，当用户点击华为音乐的图标的操作后，即启动了华为音乐的activity1，该启动activity1也可以理解为创建activity1。或者，启动活动也可以是用户通过鼠标单击或双击应用程序的图标，如图4中的(a)、(b)所示。
802，判断应用是否支持显示界面尺寸更改。
应理解，该应用是否支持显示界面尺寸更改，可以是由该应用的开发人员指定的，该应用的开发人员在开发该应用时，可以将该应用是否支持显示界面尺寸更改写进该应用的源码中。在一种可能的实施方式中，在使用安卓系统的电子设备中，通过判断应用是否支持resize决定应用是否支持显示界面尺寸更改。
在一种可能的实现方式中，开发人员声明该应用不可以进行显示界面尺寸更改，则默认该应用以全屏形式启动。
在另一中可能的实现方式中，开发人员声明该应用可以进行显示界面尺寸更改，则该应用可以以悬浮窗的形式启动。
本申请实施例中，该步骤802为可选步骤，即当电子设备开启了悬浮模式，或用户选择以悬浮形式启动应用，或电子设备默认应用以悬浮形式启动之后，该应用无论是否可以进行显示界面尺寸更改，电子设备均将该应用进行悬浮启动，即该应用以悬浮窗的形式显示在电子设备的桌面上。
值得注意的是，当该应用支持显示界面尺寸更改时，以悬浮窗形式启动的该应用将保持应用原有的界面显示比例，只不过是从全屏显示变为悬浮窗显示。当该应用不支持显示界面尺寸更改时，以悬浮窗形式启动的该应用将重置界面的显示比例，可能会出现和原有的界面显示比例不同的情况，例如，重置后的界面比例发生变化，或者界面中的元素的大小发生变化等。
803，判断应用是否支持多窗口活动状态。
本申请实施例中，应用是否支持多窗口活动状态，可以是由该应用的开发人员指定的，该应用的开发人员在开发该应用时，可以将该应用是否支持多窗口活动状态写进该应用的源码中。支持多窗口活动状态的应用，能够以悬浮窗、分屏、画中画等形式运行。在一种可能的实施方式中，在使用安卓系统的电子设备中，通过判断应用是否支持multi-resume决定应用是否支持多窗口活动状态。
示例性地，若在该应用开发时，开发人员声明该应用不支持多窗口活动状态，即意味着该应用只能以全屏形式启动，即新启动的activity的界面覆盖前一个activity的界面。
具体地，当用户在手机的桌面上点击华为音乐的图标之后，手机全屏显示华为音乐的首页显示的界面，可以认为系统启动了华为应用的activity1，当用户在首页中点击歌单时，可以理解为在activity1中启动了activity2，手机会弹出新的界面并覆盖首页的界面，这时该歌单的界面成为焦点，当用户点击返回或从屏幕的边缘滑动返回时，手机显示华为音乐首页的界面。
示例性地，在本申请的实施例中，若在该应用开发时，开发人员声明该应用支持多窗口活动状态，即意味着该应用可以以全屏形式启动，也可以分屏显示，且两个显示界面均可以处于活动状态。
具体地，如图6的(c)、(d)所示，该华为音乐支持多窗口活动状态，该华为音乐首页的显示界面320可以看作是activity1对应的显示界面，用户点击区域322a的操作可以看作是启动activity2，可以看出，该activity2对应的显示界面330并未覆盖原有显示界面320，而是作为扩展界面330显示在原显示界面320的右方，且该显示界面320和扩展界面330均处于活动状态。
804，当应用不支持多窗口活动状态时，该应用将以默认窗口配置显示。
应理解，该默认窗口配置可以理解为全屏显示，即当该应用不支持多窗口活动状态时，默认该应用以全屏形式启动。
805，更新显示界面。
本申请实施例中，更新显示界面可以理解为用户在activity1中启动其他一个或多个activity时，电子设备显示界面的变化。
在一种可能的实现方式中，当电子设备检测到用户在activity1中启动activity2时，将应用的显示界面所占用的窗口扩展为原来的两倍，并调用android.manifest.xml读取activity2的标题名称，将activity2的标题名称添加到扩展之后的标题栏中，并将activity2对应的显示界面移动到扩展的窗口中显示，从而，该activity1与activity2对应的显示界面 均处于活动状态。
示例性地，如图3中的(c)、(d)、(e)所示，activity1对应的显示界面为华为音乐的首页显示界面320，该显示界面320包括标题栏321和内容显示部分322，当用户点击区域322a时，可以理解为在该activity1中启动了activity2，该activity2对应的界面330以扩展界面的形式显示在activity1对应的界面320的右方，该activity2的标题作为子标题显示在扩展之后的标题栏中，该activity2的内容显示部分显示在扩展的窗口中，即标题栏的下方。
在另一种可能的实现方式中，当电子设备检测到用户在activity1中启动activity2时，将应用的显示界面所占用的窗口扩展为原来的两倍，并生成用于标识扩展界面的标签1，将该标签1添加到扩展之后的标题栏中，并将activity2对应的显示界面移动到扩展的窗口中显示，从而，该activity1与activity2对应的显示界面均处于活动状态。
在另一种可能的实现方式中，当电子设备检测到用户在activity1中启动activity2时，将应用的显示界面所占用的窗口扩展为原来的两倍，并识别用户启动activity2时点击的文本内容，将该文本内容作为标签添加到扩展之后的标题栏中，并将activity2对应的显示界面移动到扩展的窗口中显示，从而，该activity1与activity2对应的显示界面均处于活动状态。
应理解，在上述的几种可能的实现方式中，启动activity2之后，activity2与activity1对应的显示界面共用同一个标题栏，在一些实施例中，activity2与activity1也可以分别具有相应的标题栏，例如，在检测到启动activity2，电子设备将应用的显示界面所占用的窗口扩展为原来的两倍，并获取activity2的标题名称，将该activity2的标题名称添加到activity2对应的显示界面中的标题栏中，并将activity2对应的显示界面移动到扩展的窗口中显示。
806，响应于用户的第一操作，执行预设动作。
示例性地，如图3中的(e)所示，用户通过点击标题栏中的子标题标签，可以切换显示界面。例如，用户可以通过点击标题栏中的音乐1的子标题标签，将该音乐1对应的显示界面显示在扩展界面中，用户还可以通过点击标题栏中的音乐1的子标题标签中的关闭控件，从而可以关闭该音乐1对应的显示界面。
807，关闭显示界面。
示例性地，如图3中的(e)所示，用户可以点击标题栏中子标题标签中的关闭控件，从而可以关闭该子标题对应的扩展界面，用户还可以点击标题栏中最右侧的关闭控件，从而可以关闭整个华为音乐。
基于本申请实施例，可以实现应用内多窗口显示，使得用户在浏览原有界面的同时，可以看到打开的多个新的界面内容，并可以通过点击切换该多个界面内容，提升了用户的使用体验。
图11是本申请实施例提供的一种显示方法的示意性时序图。该时序图可以包括步骤901至步骤908。
901，用户点击应用程序的图标。
例如，用户在平板的桌面上点击华为音乐的应用图标。
902，AMS创建该应用对应的activity1。
例如，AMS响应于用户点击华为音乐的图标，创建华为音乐的activity1。
903，AMS将activity1中的视图坐标发送给WMS。
904，WMS进行活动窗口管理。
例如，activity1对应的显示界面在平板桌面上的位置，尺寸大小等。
905，WMS将定义的活动窗口布局发送给活动栈。
示例性地，activity按照打开的顺序，排列在栈中，一般来说，栈顶的activity对应的界面成为焦点，显示在屏幕中，本申请实施例中，activity1与在activity1中打开的activity2均在栈顶，WMS可以设置该activity2的窗口显示在activity1的窗口的右侧。
906，活动栈更改活动窗口尺寸。
活动栈中的activity根据WMS的窗口布局形式更改活动窗口的大小、尺寸等。
907，活动栈通过适配器更新活动窗口布局形式。
activity中的数据(标题、内容等)需要借助视图控件、网格控件、下拉列表等控件进行数据展示，最终才能呈现在界面中，但是activity无法将这些数据直接传递给这些控件，须借助适配器来完成。
例如，activity可以通过该适配器将数据更新到控件上，并呈现在界面中，从而实现窗口中界面变化。
908，根据用户的选择，通过适配器实现将activity移动到前台、删除activity及重启activity等。
任务记录(taskrecord)用于记录activity的序列等。
图12是本申请实施例提供的一种显示方法的示意性流程图。如图12所示，该方法应用于电子设备，该方法可以包括步骤1010至步骤1020。
1010，电子设备响应于第一操作，运行第一应用并以悬浮窗的形式显示第一界面，该第一界面包括第一标题栏和第一内容显示部分。
该第一操作可以是用户启动第一应用的操作，例如，用户点击第一应用的图标，或者用户长按第一应用的图标，选择启动方式，或者，用户通过鼠标点击第一应用的图标等。
示例性地，如图3中的(a)所示，该第一操作可以是用户点击华为音乐的图标311，以用于启动华为音乐；或者，如图3中的(b)所示，该第一操作可以是用户长按华为音乐图标311，并在弹出的选项312中选择悬浮启动312b的操作；或者，如图4中的(a)所示，该第一操作可以是用户使用鼠标双击或单击APP1的图标。
该第一应用以悬浮窗的形式显示第一界面，即第一应用的显示界面悬浮于所述电子设备的显示桌面之上，如图3中的(c)所示，该第一应用的显示界面320以悬浮窗的形式显示在平板的显示桌面之上。
该第一界面包括第一标题栏和第一内容显示部分，如图3中的(c)所示，该第一应用可以是华为音乐，该第一界面可以是华为音乐的首页显示界面320，该第一标题栏可以是华为音乐的标题栏321，该第一内容显示部分可以是华为音乐的内容显示部分322。
该第一标题栏中还可以包括第一应用的应用图标和应用名称等。
该第一内容显示部分可以是该第一应用的首页的显示内容。
可选地，该第一标题栏中还可以包括用于关闭该第一应用的第一控件，用于最大化显示该第一应用的第二控件和用于最小化显示该第一应用的第三控件。
例如，如图4中的(b)所示，该第一控件可以是控件625，该第二控件可以是控件624，该第三控件可以是控件623。
1020，电子设备响应于第二操作，显示第二界面，该第二界面包括该第一标题栏、第一内容显示部分和与该第一内容显示部分相邻的第二内容显示部分，其中，该第一标题栏中包括该第二内容显示部分对应的第一子标题标签。
该第二操作可以是用户在第一内容显示部分中点击某个控件，该控件对应一个新的活动，该第二操作可以理解为启动了一个新的活动。
本申请实施例中，该第二界面包括第一标题栏、第一内容显示部分和第二内容显示部分，应理解，该第二界面中的第一标题栏为扩展至第一内容显示部分和第二内容显示部分之上的标题栏，该标题栏中还包括第二内容显示部分对应的第一子标题标签。
示例性地，如图3中的(d)所示，该第二界面可以是整个华为音乐的显示界面，包括显示界面320和显示界面330，该第一标题栏可以是标题栏321，该第一内容显示部分可以是内容显示部分322，该第二内容显示部分可以是内容显示部分330a，该标题栏321位于内容显示部分322和内容显示部分330a的上方，即该内容显示部分322和内容显示部分330a共用同一个标题栏321。该标题栏321还包括内容显示部分330a对应的子标题标签331。
本申请实施例中，第二内容显示部分与第一内容显示部分相邻，该第二内容显示部分可以是位于第一内容显示部分的右侧，也可以位于第一内容显示部分的左侧等。本申请实施例中的相邻可以是指第二内容显示部分与第一内容显示部分不重叠。
示例性地，第一内容显示部分的尺寸为200(宽，单位像素)*300(高，单位像素)，当出现第二内容显示部分时，从第一内容显示部分到第二内容显示部分的尺寸为400(宽，单位像素)*300(高，单位像素)。
应理解，本申请实施例中，第二界面的窗口尺寸可以为第一界面的窗口尺寸的两倍。
基于本申请实施例，用户启动应用时，该应用的第一界面悬浮于电子设备的桌面之上，当用户在该第一界面中选择某个控件时，该电子设备显示第二界面，该第二界面包括所述第一标题栏、所述第一内容显示部分和与所述第一内容显示部分相邻的第二内容显示部分，其中，所述第一标题栏中包括所述第二内容显示部分对应的第一子标题标签。该技术方案能够实现应用内的多界面显示，使得用户在浏览原有界面的同时，可以看到打开的多个新的界面内容，提升了应用的视觉效果，提高了用户的沉浸式体验。
可选地，该电子设备也可以是处于电脑模式，例如，电子设备检测到外置键盘或虚拟键盘，或该电子设备为被投屏设备等。
可选地，在该电子设备响应于第二操作，显示第二界面之前，该方法还包括：电子设备响应于该第二操作，通过第一配置文件获取该第一子标题标签。
例如，该电子设备可以通过调用或访问Android.manifest.xml文件获取该第一子标题标签，该第一子标题标签可以为第二内容显示部分对应的活动的标题名称。
可选地，在该电子设备响应于第二操作，显示第二界面之前，该方法还包括：电子设备响应于该第二操作，生成所述第一子标题标签。
例如，电子设备检测到用户的第二操作，如启动新的活动1，则可以生成该第一子标题标签，并将该子标题标签添加至第一标题栏中，该第一子标题标签可以是起到标识作用的标签1等，应理解，当用户启动了活动2时，可以生成另一个子标题标签，如标签2，并将该子标题标签添加至第一标题栏中，此时该标题栏中可以包括该两个子标题标签。即，该子标题标签是按照用户启动活动的顺序生成的，如图4中的(e)所示。
可选地，该第一标题栏中包括高亮显示的第一子标题标签，该第一子标题标签中包括第一标签名称和用于关闭所述第二内容显示部分的控件，所述第一子标题标签位于所述第二内容显示部分的上方。
本申请实施例中，第一标签名称可以是第二内容显示部分对应的活动的标题名称，如电子设备可以通过调用android.manifest.xml获取；也可以是用于起标识作用的标签1或其他标识名称等。
示例性地，如图6中的(d)所示，该第一子标题标签为子标题标签331，该第一标签名称为该“音乐1”，也即第二内容显示部分对应的活动的标题名称，该子标题标签331中还包括用于关闭该第二内容显示部分的控件。
基于本申请实施例，第一标题显示栏中包括高亮显示的第一子标题标签，该技术方案有利于提醒用户当前打开的界面是哪一个。
可选地，该方法还包括：电子设备响应于第三操作，显示第三界面，该第三界面包括该第一标题栏、第一内容显示部分和与该第一内容显示部分相邻的第三内容显示部分，其中，该第一标题栏中包括高亮显示的第二子标题标签，且该第一子标题标签变为非高亮显示，该第二子标题标签中包括第二标签名称和用于关闭该第三内容显示部分的控件。
该第三操作可以是用户在第二界面中启动了新的活动，如，点击某个控件，该控件可以位于第一内容显示部分，也可以位于第二内容显示部分。
该第三内容显示部分即为新的活动对应的显示界面。
示例性地，如图4中的(c)所示，该第三操作可以是用户使用鼠标点击区域635的操作。
示例性地，如图3中的(d)所示，该第三操作可以是用户点击控件323a的操作。
如图3中的(e)所示，该第三界面可以为华为音乐的整个显示界面，该第一标题栏为标题栏321，该第一内容显示部分为内容显示部分322，该第三内容显示部分为内容显示部分330b，该第二子标题标签为子标题标签332，该第二标签名称为“歌手”即该内容显示部分330b对应的活动的标题名称，该子标题标签332中还包括用于关闭该内容显示部分330b的控件。
该第二子标题标签中的第二标签名称也可以是用于起标识作用的标签1或其他标识名称等。
该技术方案有利于用户在应用内多窗口浏览显示界面，提升了多屏协同的体验。此外，高亮显示的第二子标题控件也更好的起到了标识作用。
可选地，该电子设备响应于用户的第四操作，显示所述第二界面，并且所述第一标题栏中的所述第一子标题标签变为高亮显示，所述第二子标题标签变为非高亮显示。
该第四操作可以是用户点击第一子标题标签，也可以是其他用户切换页面的操作。
示例性地，如图3中的(e)所示，当电子设备检测到用户点击子标题标签331的操作之后，可以将子标题标签331高亮显示，将子标题标签332变为非高亮显示，同时，显示标题栏321和内容显示部分322和子标题标签331对应的内容显示部分330a。该技术方案可以继续显示应用的主界面，并根据用户的操作在第二显示部分和第三内容显示部分之间切换提升了多屏协同的体验。
可选地，该第一内容显示部分和第二内容显示部分沿第一方向的边长之和小于或等于所述电子设备的显示桌面平行于所述第一方向的边长。
例如，该第一方向为电子设备的宽的方向。
基于本申请实施例，将第一内容显示部分和第二内容显示部分的在第一方向上的显示尺寸限定在显示桌面之内，避免了应用的扩展界面的内容显示不全。
可选地，该第一界面沿第二方向的边长小于电子设备的显示桌面平行于该第二方向的边长。
例如，该第二为电子设备的高的方向。
该技术方案可以将第一应用的显示界面尺寸限定在显示桌面之内，避免显示不全。
可选地，该第一内容显示部分沿第一方向的第一边长小于或等于第二内容显示部分沿第一方向的第二边长。
可选地，该第一边长和第二边长可调节，且该第一边长与第二边长之和保持不变。
示例性地，如图3中的(e)所示，用户可以通过按住内容显示部分322与内容显示部分330b的分界的位置，左右移动以改变该内容显示部分322与内容显示部分330b的横向占比。
基于本申请实施例，用户可以根据实际需求更改显示界面的尺寸，提升了用户的使用体验。
可选地，电子设备响应于第五操作，运行第二应用并以悬浮窗的形式显示第二应用的第五界面。
该第五操作可以是用户启动第二应用的操作，例如，用户通过手指点击第二应用的应用图标，或通过鼠标点击第二应用的应用图标等。
示例性地，如图6中的(d)、(e)所示，该第二应用可以为备忘录，该第五界面为备忘录的首页显示界面，当用户点击备忘录的应用图标335的操作之后，电子设备运行该备忘录并以悬浮窗的形式显示该备忘录的首页显示界面340。
基于本申请实施例，电子设备还可以启动第二应用，该第二应用的显示界面也是悬浮于电子设备的显示桌面之上，该技术方案有利于用户同时使用多个应用协同办公等，提升了用户的使用体验。
可选地，在电子设备响应于第一操作，运行第一应用并以悬浮窗的形式显示第一界面之前，该方法还包括：确定第一应用支持显示界面尺寸更改。
基于本申请实施例，当电子设备确定第一应用支持显示界面尺寸更改时，可以以悬浮窗的形式启动该第一应用。应理解，该应用是否支持显示界面尺寸更改可以是由该应用的开发者在开发应用时指定的。
可选地，当电子设备确定第一应用不支持显示界面尺寸更改时，可以以全屏形式启动该应用，或者，以悬浮窗的形式启动该应用，但应用的显示界面的布局、比例大小可能会改变。
可选地，该方法还包括：确定第一应用支持多窗口活动状态。
基于本申请实施例，当电子设备确定第一应用支持多窗口活动状态时，可以以悬浮窗的形式启动该第一应用。应理解，该应用是否支持多窗口活动状态可以是由该应用的开发者在开发应用时指定的。
可选地，当电子设备确定第一应用不支持多窗口活动状态时，可以以全屏形式启动该应用，或者，以悬浮窗的形式启动该应用，但应用的显示界面的布局、比例大小可能会改变。
可选地，该第二界面中的第一内容显示部分与该第二内容显示部分均处于活动状态。
本申请实施例中，该第一内容显示部分和第二内容显示部分均为活动状态，可以理解为该第一内容显示部分和第二内容显示部分均为电子设备的显示屏幕的焦点。
可选地，第三界面中的第一内容显示部分和第三内容显示部分均处于活动状态。本申请实施例还提供一种电子设备，一个或多个处理器；一个或多个存储器；该一个或多个存储器存储有一个或多个计算机程序，该一个或多个计算机程序包括指令，当该指令被一个或多个处理器执行时，使得如前文中任一种可能的实现方式中所述的显示方法被执行。
本申请实施例还提供一种芯片，所述芯片包括处理器和通信接口，所述通信接口用于接收信号，并将所述信号传输至所述处理器，所述处理器处理所述信号，使得如前文中任一种可能的实现方式中所述的显示方法被执行。
可以理解的是，电子设备为了实现上述功能，其包含了执行各个功能相应的硬件和/或软件模块。结合本文中所公开的实施例描述的各示例的算法步骤，本申请能够以硬件或硬件和计算机软件的结合形式来实现。某个功能究竟以硬件还是计算机软件驱动硬件的方式来执行，取决于技术方案的特定应用和设计约束条件。本领域技术人员可以结合实施例对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。
本实施例可以根据上述方法示例对电子设备进行功能模块的划分，例如，可以对应各个功能划分各个功能模块，也可以将两个或两个以上的功能集成在一个处理模块中。上述集成的模块可以采用硬件的形式实现。需要说明的是，本实施例中对模块的划分是示意性的，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。
本实施例还提供一种计算机可读存储介质，该计算机可读存储介质中存储有计算机指令，当该计算机指令在电子设备上运行时，使得电子设备执行上述相关方法步骤实现上述实施例中的显示方法。
本实施例还提供了一种计算机程序产品，当该计算机程序产品在计算机上运行时，使得计算机执行上述相关步骤，以实现上述实施例中的显示方法。
另外，本申请的实施例还提供一种装置，这个装置具体可以是芯片，组件或模块，该装置可包括相连的处理器和存储器；其中，存储器用于存储计算机执行指令，当装置运行时，处理器可执行存储器存储的计算机执行指令，以使芯片执行上述各方法实施例中的显示方法。
其中，本实施例提供的电子设备、计算机可读存储介质、计算机程序产品或芯片均用于执行上文所提供的对应的方法，因此，其所能达到的有益效果可参考上文所提供的对应的方法中的有益效果，此处不再赘述。
通过以上实施方式的描述，所属领域的技术人员可以了解到，为描述的方便和简洁，仅以上述各功能模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能模块完成，即将装置的内部结构划分成不同的功能模块，以完成以上描述的全部或者部分功能。
在本申请所提供的几个实施例中，应该理解到，所揭露的装置和方法，可以通过其它的方式实现。例如，以上所描述的装置实施例仅仅是示意性的，例如，模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个装置，或一些特征可以忽略，或不执行。另一点，所显示或讨 论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口，装置或单元的间接耦合或通信连接，可以是电性，机械或其它的形式。
作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是一个物理单元或多个物理单元，即可以位于一个地方，或者也可以分布到多个不同地方。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。
另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。
集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个可读取存储介质中。基于这样的理解，本申请实施例的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该软件产品存储在一个存储介质中，包括若干指令用以使得一个设备(可以是单片机，芯片等)或处理器(processor)执行本申请各个实施例方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(read only memory，ROM)、随机存取存储器(random access memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。
以上内容，仅为本申请的具体实施方式，但本申请的保护范围并不局限于此，任何熟悉本技术领域的技术人员在本申请揭露的技术范围内，可轻易想到变化或替换，都应涵盖在本申请的保护范围之内。因此，本申请的保护范围应以权利要求的保护范围为准。

Claims (17)

  1. 一种显示方法，其特征在于，所述方法应用于电子设备，所述方法包括：
    所述电子设备响应于第一操作，运行第一应用并以悬浮窗的形式显示第一界面，所述第一界面包括第一标题栏和第一内容显示部分；
    所述电子设备响应于第二操作，显示第二界面，所述第二界面包括所述第一标题栏、所述第一内容显示部分和与所述第一内容显示部分相邻的第二内容显示部分，其中，所述第一标题栏中包括所述第二内容显示部分对应的第一子标题标签。
  2. 根据权利要求1所述的方法，其特征在于，在所述电子设备响应于第二操作，显示所述第二界面之前，所述方法还包括：
    所述电子设备响应于所述第二操作，通过第一配置文件获取所述第一子标题标签。
  3. 根据权利要求1所述的方法，其特征在于，在所述电子设备响应于第二操作，显示所述第二界面之前，所述方法还包括：
    所述电子设备响应于所述第二操作，生成所述第一子标题标签。
  4. 根据权利要求1-3中任一项所述的方法，其特征在于，所述第一标题栏中包括高亮显示的所述第一子标题标签，所述第一子标题标签中包括第一标签名称和用于关闭所述第二内容显示部分的控件，所述第一子标题标签位于所述第二内容显示部分的上方。
  5. 根据权利要求4所述的方法，其特征在于，所述方法还包括：
    所述电子设备响应于第三操作，显示第三界面，所述第三界面包括所述第一标题栏、所述第一内容显示部分和与所述第一内容显示部分相邻的第三内容显示部分，其中，所述第一标题栏中包括高亮显示的第二子标题标签，且所述第一子标题标签变为非高亮显示，所述第二子标题标签中包括第二标签名称和用于关闭所述第三内容显示部分的控件。
  6. 根据权利要求5所述的方法，其特征在于，所述方法还包括：
    所述电子设备响应于用户的第四操作，显示所述第二界面，并且所述第一标题栏中的所述第一子标题标签变为高亮显示，所述第二子标题标签变为非高亮显示。
  7. 根据权利要求1-6中任一项所述的方法，其特征在于，所述第一内容显示部分和所述第二内容显示部分沿第一方向的边长之和小于或等于所述电子设备的显示桌面平行于所述第一方向的边长。
  8. 根据权利要求7所述的方法，其特征在于，所述第一内容显示部分沿所述第一方向的第一边长小于或等于所述第二内容显示部分沿所述第一方向的第二边长。
  9. 根据权利要求8所述的方法，其特征在于，所述第一边长和所述第二边长可调节，且所述第一边长与所述第二边长之和保持不变。
  10. 根据权利要求1-9中任一项所述的方法，其特征在于，所述方法还包括：
    所述电子设备响应于第五操作，运行第二应用并以悬浮窗的形式显示所述第二应用的第五界面。
  11. 根据权利要求1-10中任一项所述的方法，其特征在于，在所述电子设备响应于第一操作，运行第一应用并以悬浮窗的形式显示所述第一界面之前，所述方法还包括：
    确定所述第一应用支持显示界面尺寸更改。
  12. 根据权利要求11所述的方法，其特征在于，所述方法还包括：
    确定所述第一应用支持多窗口活动状态。
  13. 根据权利要求1-12中任一项所述的方法，其特征在于，所述第二界面中的第一内容显示部分与所述第二内容显示部分均处于活动状态。
  14. 根据权利要求1-13中任一项所述的方法，其特征在于，所述第一标题栏中还包括用于关闭所述第一应用的第一控件、用于最大化显示所述第一应用的第二控件和用于最小化显示所述第一应用的第三控件。
  15. 一种电子设备，其特征在于，包括一个或多个处理器；一个或多个存储器；该一个或多个存储器存储有一个或多个计算机程序，该一个或多个计算机程序包括指令，当该指令被一个或多个处理器执行时，使得如权利要求1-14中任一项所述的显示方法被执行。
  16. 一种芯片，其特征在于，所述芯片包括处理器和通信接口，所述通信接口用于接收信号，并将所述信号传输至所述处理器，所述处理器处理所述信号，使得如权利要求1-14中任一项所述的显示方法被执行。
  17. 一种计算机可读存储介质，其特征在于，所述计算机可读存储介质中存储有计算机指令，当所述计算机指令在计算机上运行时，使得如权利要求1-14中任一项所述的显示方法被执行。
PCT/CN2021/138628 2021-01-28 2021-12-16 显示方法和电子设备 WO2022160999A1 (zh)

Priority Applications (2)

Application Number Priority Date Filing Date Title
EP21922589.3A EP4266164A1 (en) 2021-01-28 2021-12-16 Display method and electronic device
US18/263,279 US20240086035A1 (en) 2021-01-28 2021-12-16 Display Method and Electronic Device

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN202110120962.0 2021-01-28
CN202110120962.0A CN114911377A (zh) 2021-01-28 2021-01-28 显示方法和电子设备

Publications (1)

Publication Number Publication Date
WO2022160999A1 true WO2022160999A1 (zh) 2022-08-04

Family

ID=82654170

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2021/138628 WO2022160999A1 (zh) 2021-01-28 2021-12-16 显示方法和电子设备

Country Status (4)

Country Link
US (1) US20240086035A1 (zh)
EP (1) EP4266164A1 (zh)
CN (1) CN114911377A (zh)
WO (1) WO2022160999A1 (zh)

Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130305184A1 (en) * 2012-05-11 2013-11-14 Samsung Electronics Co., Ltd. Multiple window providing apparatus and method
CN103488389A (zh) * 2013-07-05 2014-01-01 贝壳网际（北京）安全技术有限公司 一种页面显示方法、装置和浏览器装置
CN103559033A (zh) * 2013-10-30 2014-02-05 上海天奕达电子科技有限公司 一种实现智能终端多窗口显示的方法及装置
CN105867937A (zh) * 2016-04-18 2016-08-17 浙江慧脑信息科技有限公司 一种交互式多窗设计方法
CN109388463A (zh) * 2018-09-27 2019-02-26 上海哔哩哔哩科技有限公司 平板电脑应用软件的分屏显示方法、存储介质及平板电脑
WO2019037359A1 (zh) * 2017-08-24 2019-02-28 华为技术有限公司 一种分屏显示的方法、装置及终端

Family Cites Families (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110456951B (zh) * 2019-06-26 2021-10-26 华为技术有限公司 一种应用显示方法及电子设备
CN111966252A (zh) * 2020-05-14 2020-11-20 华为技术有限公司 应用窗口显示方法和电子设备

Patent Citations (6)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20130305184A1 (en) * 2012-05-11 2013-11-14 Samsung Electronics Co., Ltd. Multiple window providing apparatus and method
CN103488389A (zh) * 2013-07-05 2014-01-01 贝壳网际（北京）安全技术有限公司 一种页面显示方法、装置和浏览器装置
CN103559033A (zh) * 2013-10-30 2014-02-05 上海天奕达电子科技有限公司 一种实现智能终端多窗口显示的方法及装置
CN105867937A (zh) * 2016-04-18 2016-08-17 浙江慧脑信息科技有限公司 一种交互式多窗设计方法
WO2019037359A1 (zh) * 2017-08-24 2019-02-28 华为技术有限公司 一种分屏显示的方法、装置及终端
CN109388463A (zh) * 2018-09-27 2019-02-26 上海哔哩哔哩科技有限公司 平板电脑应用软件的分屏显示方法、存储介质及平板电脑

Also Published As

Publication number Publication date
EP4266164A1 (en) 2023-10-25
US20240086035A1 (en) 2024-03-14
CN114911377A (zh) 2022-08-16

Similar Documents

Publication Publication Date Title
WO2021013158A1 (zh) 显示方法及相关装置
WO2021052147A1 (zh) 一种数据传输的方法及相关设备
CN114397979B (zh) 一种应用显示方法及电子设备
WO2021139768A1 (zh) 跨设备任务处理的交互方法、电子设备及存储介质
WO2020177622A1 (zh) Ui组件显示的方法及电子设备
WO2021103981A1 (zh) 分屏显示的处理方法、装置及电子设备
WO2021036571A1 (zh) 一种桌面的编辑方法及电子设备
WO2021000881A1 (zh) 一种分屏方法及电子设备
WO2020221063A1 (zh) 切换父页面和子页面的方法、相关装置
WO2021000839A1 (zh) 一种分屏方法及电子设备
WO2020253758A1 (zh) 一种用户界面布局方法及电子设备
WO2021082835A1 (zh) 启动功能的方法及电子设备
WO2022017393A1 (zh) 显示交互系统、显示方法及设备
WO2022068483A1 (zh) 应用启动方法、装置和电子设备
WO2020238759A1 (zh) 一种界面显示方法和电子设备
WO2020155875A1 (zh) 电子设备的显示方法、图形用户界面及电子设备
WO2022127661A1 (zh) 应用共享方法、电子设备和存储介质
WO2023130921A1 (zh) 一种适配多设备的页面布局的方法及电子设备
WO2022184173A1 (zh) 一种卡片组件的显示方法、图形用户界面及相关装置
WO2022161119A1 (zh) 一种显示方法及电子设备
WO2022143180A1 (zh) 协同显示方法、终端设备及计算机可读存储介质
WO2021190524A1 (zh) 截屏处理的方法、图形用户接口及终端
WO2022143118A1 (zh) 图片处理方法及电子设备
WO2022160999A1 (zh) 显示方法和电子设备
WO2024036998A1 (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: 21922589

Country of ref document: EP

Kind code of ref document: A1

WWE Wipo information: entry into national phase

Ref document number: 18263279

Country of ref document: US

ENP Entry into the national phase

Ref document number: 2021922589

Country of ref document: EP

Effective date: 20230721

NENP Non-entry into the national phase

Ref country code: DE