WO2021018248A1 - 一种界面显示方法及电子设备 - Google Patents

一种界面显示方法及电子设备 Download PDF

Info

Publication number
WO2021018248A1
WO2021018248A1 PCT/CN2020/105850 CN2020105850W WO2021018248A1 WO 2021018248 A1 WO2021018248 A1 WO 2021018248A1 CN 2020105850 W CN2020105850 W CN 2020105850W WO 2021018248 A1 WO2021018248 A1 WO 2021018248A1
Authority
WO
WIPO (PCT)
Prior art keywords
display
screen
full
electronic device
front sensor
Prior art date
Application number
PCT/CN2020/105850
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 US17/630,215 priority Critical patent/US20220284847A1/en
Priority to EP20846803.3A priority patent/EP3992787A4/en
Priority to JP2022503814A priority patent/JP7444527B2/ja
Publication of WO2021018248A1 publication Critical patent/WO2021018248A1/zh
Priority to JP2024023515A priority patent/JP2024073455A/ja

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
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G3/00—Control arrangements or circuits, of interest only in connection with visual indicators other than cathode-ray tubes
    • G09G3/20—Control arrangements or circuits, of interest only in connection with visual indicators other than cathode-ray tubes for presentation of an assembly of a number of characters, e.g. a page, by composing the assembly by combination of individual elements arranged in a matrix no fixed position being assigned to or needed to be assigned to the individual characters or partial characters
    • G09G3/2092—Details of a display terminals using a flat panel, the details relating to the control arrangement of the display terminal and to the interfaces thereto
    • 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/04817—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 using icons
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2320/00—Control of display operating conditions
    • G09G2320/06—Adjustment of display parameters
    • G09G2320/0666—Adjustment of display parameters for control of colour parameters, e.g. colour temperature
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2354/00—Aspects of interface with display user
    • G—PHYSICS
    • G09—EDUCATION; CRYPTOGRAPHY; DISPLAY; ADVERTISING; SEALS
    • G09G—ARRANGEMENTS OR CIRCUITS FOR CONTROL OF INDICATING DEVICES USING STATIC MEANS TO PRESENT VARIABLE INFORMATION
    • G09G2360/00—Aspects of the architecture of display systems
    • G09G2360/14—Detecting light within display terminals, e.g. using a single or a plurality of photosensors
    • H—ELECTRICITY
    • H04—ELECTRIC COMMUNICATION TECHNIQUE
    • H04N—PICTORIAL COMMUNICATION, e.g. TELEVISION
    • H04N23/00—Cameras or camera modules comprising electronic image sensors; Control thereof
    • H04N23/60—Control of cameras or camera modules
    • H04N23/63—Control of cameras or camera modules by using electronic viewfinders
    • H04N23/631—Graphical user interfaces [GUI] specially adapted for controlling image capture or setting capture parameters

Definitions

  • This application relates to the field of terminal technology, and in particular to an interface display method and electronic equipment.
  • Full screen technology is one of the most popular technologies nowadays, and full screen mobile phones are loved and sought after by the majority of users.
  • Full screen technology is a relatively broad definition of the design of ultra-high screen-to-body mobile phones in the display industry.
  • the literal explanation is that the front of the mobile phone is all a screen, and the display interface of the mobile phone is completely covered by the screen.
  • the four frame positions of the mobile phone are designed without borders, pursuing an ultra-high screen ratio close to 100%.
  • the current full-screen mobile phone will be these front-end mobile phones in the design process.
  • the set sensor interaction device is hidden under the screen, and the display area of these front sensor interaction devices on the display screen is usually different from the display effect of other areas on the screen, which will cause a sense of fragmentation on the mobile phone screen.
  • the interface 100 includes the display area 101 where the front camera is located and the display area 102 where multiple applications are located, and the display area 101 where the front camera is on the display. , Making the user interface of the full-screen mobile phone have a sense of fragmentation, which in turn makes the user experience poor.
  • the present application provides an interface display method and electronic equipment, which are used to solve the problem of screen fragmentation in full-screen display in the prior art.
  • the embodiments of the present application provide an interface display method, which can be applied to electronic devices with full-screen display technology.
  • the so-called full-screen display means that the front of the electronic device is all screens, and the display interface of the electronic device is The screen is completely covered, and the four frame positions of the electronic device are all frameless designs, pursuing an ultra-high screen-to-body ratio close to 100%.
  • the method specifically includes: first obtaining the first display position of the display shape of a front sensor interaction device on the full-screen display screen, and then searching for the target function icon corresponding to the front sensor interaction device in the configuration file
  • the configuration file includes the display position of the function icon corresponding to at least one function in the on-state on the full-screen display, and the second display position of the target function icon on the full-screen display
  • the first display position of the front sensor interaction device on the full-screen display is the same or similar; then the processed target function icon is displayed on the full-screen display, and the display position of the processed target function icon The same or close to the first display position, and the same or similar to the display shape of the front sensor interaction device on the full-screen display screen.
  • the first display position corresponding to the front interactive device on the display screen is acquired, and the target function icon corresponding to the second display position that is the same or similar to the first display position is searched in the configuration file, and the target The shape of the function icon is processed into the same or similar shape as the front interactive device corresponding to the first display position, and the position on the full-screen display is the same or similar to the first display position, which can reduce the fragmentation of the full-screen display Sense, enhance the user experience of the full screen user interface.
  • the first display position may include a first width range and a first height range occupied by the display shape of the front sensor interaction device on the display screen; the second The display position includes a second width range and a second height range occupied by the target function icon on the display screen; wherein, the difference between the second width range and the first width range, the second height range The differences from the first height range are all within the set range.
  • the corresponding display position (that is, the width range and height range occupied by the display shape) of the front sensor interaction device on the full-screen display is the same or the display position of the target function icon on the full-screen display It is similar, so that the front sensor interaction device does not need to be separately displayed in the corresponding display position, and the target function icon and the front sensor interaction device are displayed in the same or similar position, which can reduce the sense of fragmentation of the overall screen and improve the user Experience.
  • the front sensor interaction device includes, but is not limited to, a front camera, earpiece, light sensor, and distance sensor.
  • the embodiments of the present application provide an interface display method, which can be applied to electronic devices with full-screen display technology.
  • the so-called full-screen display means that the front of the electronic device is all screens, and the display interface of the electronic device is The screen is completely covered, and the four frame positions of the electronic device are all frameless designs, pursuing an ultra-high screen-to-body ratio close to 100%.
  • the method specifically includes: obtaining the first display position of the display shape of a front sensor interaction device on the full-screen display, and obtaining the color and/or brightness of the user interface currently displayed on the full-screen display; The display color and/or brightness at the first display position are adjusted to be the same or similar to the color and/or brightness of the user interface currently displayed on the full-screen display screen.
  • the first display position of the display shape of the front sensor interaction device on the full-screen display screen and the color and/or brightness of the current user interface are acquired, and then the color and/or brightness of the first display position The brightness is adjusted to the same or similar color and/or brightness to the color and/or brightness of the current user interface, so that the sense of fragmentation of the full-screen display screen can be reduced, and the user experience can be improved.
  • an electronic device has at least one front sensor interaction device, a full-screen display, one or more processors, memories, and one or more computer programs; wherein, the full-screen The display screen is used to display the display shape of the front sensor interaction device on the full-screen display screen, and display the function icons and/or text of each function of the electronic device; the one or more computer programs Stored in the memory, the one or more computer programs include instructions, and when the instructions are invoked and executed by the one or more processors, the electronic device can execute the first aspect or the first aspect. Any possible design of the aspect, or the method described in the second aspect above.
  • a computer-readable storage medium stores instructions, which when run on a computer, cause the computer to execute the first aspect or any possible design of the first aspect. , Or the method in each embodiment of the second aspect.
  • a computer program product containing instructions which when run on a computer, causes the computer to execute any possible design of the first aspect or the first aspect, or the method in the implementation manners of the second aspect .
  • FIG. 1 is a schematic diagram of the interface of a mobile phone with a digging screen provided by an embodiment of the application
  • FIG. 2 is a structural diagram of a possible electronic device provided by an embodiment of this application.
  • FIG. 3 is a schematic diagram of a user interface provided by an embodiment of the application.
  • FIG. 4 is a schematic diagram of a set of interfaces provided by an embodiment of the application.
  • Figure 5 is a schematic diagram of a set of interfaces provided by an embodiment of the application.
  • Figure 6 is a schematic diagram of a set of interfaces provided by an embodiment of the application.
  • FIG. 7 is a schematic diagram of a set of interfaces provided by an embodiment of the application.
  • FIG. 8 is a schematic diagram of a set of interfaces provided by an embodiment of the application.
  • FIG. 9 is a flowchart of an interface display method provided by an embodiment of the application.
  • FIG. 10 is a schematic diagram of an interface provided by an embodiment of the application.
  • FIG. 11 is a flowchart of another interface display method provided by an embodiment of the application.
  • FIG. 12 is a schematic structural diagram of an electronic device provided by an embodiment of this application.
  • the embodiments of this application can be applied to a variety of electronic devices.
  • the electronic device can be a portable electronic device containing functions such as a personal digital assistant and/or a music player, such as a mobile phone, a tablet computer, and a wearable device with wireless communication function (such as smart watches) and so on.
  • portable electronic devices include but are not limited to carrying Or portable electronic devices with other operating systems.
  • the above-mentioned portable electronic device may also be other portable electronic devices, such as a laptop computer with a touch-sensitive surface (such as a touch panel).
  • the aforementioned electronic device may not be a portable electronic device, but a desktop computer with a touch-sensitive surface (such as a touch panel).
  • the front sensor interaction devices include, but are not limited to, front cameras, earpieces, light sensors, distance sensors, etc. These front sensor interaction devices refer to functions such as collecting images or sounds on the front of electronic equipment. Device.
  • the structure of the electronic device to which the embodiments of the present application can be applied is briefly described, so that those skilled in the art can easily understand the technical solution.
  • the electronic device 100 is taken as an example to describe the embodiments in detail.
  • the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a USB interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 151, and a wireless communication module 152 , Audio module 170, speaker 170A, receiver 170B, microphone 170C, earphone interface 170D, sensor module 180, buttons 190, motor 191, indicator 192, camera 193, display screen 194, SIM card interface 195 and so on.
  • a processor 110 an external memory interface 120, an internal memory 121, a USB interface 130, a charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 151, and a wireless communication module 152 , Audio module 170, speaker 170A, receiver 170B, microphone 170C, earphone interface 170D, sensor module 180, buttons 190, motor 191, indicator 192, camera 193, display screen 194, SIM card
  • the sensor module 180 may include pressure sensor 180A, gyroscope sensor 180B, air pressure sensor 180C, magnetic sensor 180D, acceleration sensor 180E, distance sensor 180F, proximity light sensor 180G, fingerprint sensor 180H, temperature sensor 180J, touch sensor 180K, ambient light Sensor 180L, bone conduction sensor 180M, etc.
  • the structure illustrated in the embodiment of the present application does not constitute a specific limitation on the electronic device 100.
  • the electronic device 100 may include more or fewer components than shown, or combine certain components, or split certain components, or arrange different components.
  • the illustrated components can be implemented in hardware, software, or a combination of software and hardware.
  • the processor 110 may include one or more processing units.
  • the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), and 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 processor (Neural-network Processing Unit, NPU) Wait.
  • AP application processor
  • modem processor modem processor
  • GPU graphics processing unit
  • image signal processor image signal processor
  • ISP image signal processor
  • controller memory
  • video codec digital signal processor
  • DSP digital signal processor
  • baseband processor baseband processor
  • neural network processor Neural-network Processing Unit, NPU
  • the controller may be the nerve center and command center of the electronic device 100.
  • the controller can generate operation control signals according to the instruction operation code and timing signals to complete the control of fetching and executing instructions.
  • a memory may also be provided in the processor 110 to store instructions and data.
  • the memory in the processor 110 is a cache memory.
  • the memory can store 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 directly called from the memory. Repeated accesses are avoided, the waiting time of the processor 110 is reduced, and the efficiency of the system is improved.
  • the processor 110 can run the prompt information display method provided in the embodiment of the present application, which can reduce the probability that the prompt information is mistakenly touched by the user and is eliminated.
  • the processor 110 integrates different devices, such as a CPU and a GPU, the CPU and the GPU can cooperate to execute the interface display method provided in the embodiment of the present application.
  • the display screen 194 is used to display images, videos, etc.
  • the display screen 194 includes a display panel.
  • the display panel can adopt liquid crystal display (LCD), organic light-emitting diode (OLED), active-matrix organic light-emitting diode or active-matrix organic light-emitting diode (active-matrix organic light-emitting diode).
  • LCD liquid crystal display
  • OLED organic light-emitting diode
  • active-matrix organic light-emitting diode active-matrix organic light-emitting diode
  • AMOLED flexible light-emitting diode (FLED), Miniled, MicroLed, Micro-oLed, quantum dot light-emitting diode (QLED), etc.
  • the electronic device 100 may include one or N display screens 194, and N is a positive integer greater than one.
  • the display screen 194 may be an integrated flexible display screen, or a spliced display screen composed of two rigid screens and a flexible screen located between the two rigid screens.
  • the display screen 194 involved in the embodiment of the present application is a full-screen display screen, that is, all the front of the electronic device 100 is a screen, the display interface of the electronic device 100 is completely covered by the screen, and the four frame positions of the mobile phone adopt a borderless design. , Pursue an ultra-high screen-to-body ratio close to 100%.
  • the display screen 194 is used for description. It should be understood that the display screen 194 here refers to a full-screen display screen.
  • the camera 193 (a front camera or a rear camera, or a camera can be used as a front camera or a rear camera) is used to capture still images or videos.
  • the camera 193 may include photosensitive elements such as a lens group and an image sensor, where the lens group includes a plurality of lenses (convex lens or concave lens) for collecting light signals reflected by the object to be photographed and transmitting the collected light signals to the image sensor .
  • the image sensor generates an original image of the object to be photographed according to the light signal.
  • the internal memory 121 may be used to store computer executable program code, where the executable program code includes instructions.
  • the processor 110 executes various functional applications and data processing of the electronic device 100 by running instructions stored in the internal memory 121.
  • the internal memory 121 may include a storage program area and a storage data area. Among them, the storage program area can store operating system, application program (such as camera application, WeChat application, etc.) codes and so on.
  • the data storage area can store data created during the use of the electronic device 100 (for example, images and videos collected by a camera application) and the like.
  • the internal memory 121 may also store location information and the like saved in the configuration file in the embodiment of the present application.
  • the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, a flash memory device, a universal flash storage (UFS), etc.
  • a non-volatile memory such as at least one magnetic disk storage device, a flash memory device, a universal flash storage (UFS), etc.
  • the code of the algorithm provided in the embodiment of the present application can also be stored in an external memory.
  • the processor 110 can run the algorithm code stored in the external memory through the external memory interface 120 to implement anti-mistouch processing for the touch operation.
  • the functions of the sensor module 180 are described below.
  • the gyro sensor 180A can be used to determine the movement posture of the electronic device 100.
  • the angular velocity of the electronic device 100 around three axes ie, x, y, and z axes
  • the gyro sensor 180A can be used to detect the current motion state of the electronic device 100, such as shaking or static.
  • the acceleration sensor 180B can detect the magnitude of the acceleration of the electronic device 100 in various directions (generally three axes). That is, the gyro sensor 180A can be used to detect the current motion state of the electronic device 100, such as shaking or static.
  • the proximity light sensor 180G may include, for example, a light emitting diode (LED) and a light detector such as a photodiode.
  • the light emitting diode may be an infrared light emitting diode.
  • the mobile phone emits infrared light through light-emitting diodes. Mobile phones use photodiodes to detect infrared reflected light from nearby objects. When sufficient reflected light is detected, it can be determined that there is an object near the phone. When insufficient reflected light is detected, the phone can determine that there is no object near the phone.
  • the gyroscope sensor 180A (or acceleration sensor 180B) may send the detected motion state information (such as angular velocity) to the processor 110.
  • the processor 110 determines whether it is currently in a hand-held state or a tripod state based on the motion state information (for example, when the angular velocity is not 0, it means that the electronic device 100 is in the hand-held state).
  • the fingerprint sensor 180H is used to collect fingerprints.
  • the electronic device 100 can use the collected fingerprint characteristics to realize fingerprint unlocking, access application locks, fingerprint photographs, fingerprint answering calls, etc.
  • Touch sensor 180K also called “touch panel”.
  • the touch sensor 180K may be disposed on the display screen 194, and the touch screen is composed of the touch sensor 180K and the display screen 194, which is also called a “touch screen”.
  • the touch sensor 180K is used to detect touch operations acting on or near it.
  • the touch sensor can pass the detected touch operation to the application processor to determine the type of touch event.
  • the display screen 194 can provide visual output related to the touch operation.
  • the touch sensor 180K may also be disposed on the surface of the electronic device 100, which is different from the position of the display screen 194.
  • the display screen 194 of the electronic device 100 displays a main interface, and the main interface includes icons of multiple applications (such as a camera application, a WeChat application, etc.).
  • the processor 110 performs an error prevention processing on the touch operation received by the touch sensor 180K.
  • the wireless communication function of the electronic device 100 can be implemented by the antenna 1, the antenna 2, the mobile communication module 151, the wireless communication module 152, the modem processor, and the baseband processor.
  • the antenna 1 and the antenna 2 are used to transmit and receive electromagnetic wave signals.
  • Each antenna in the electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization.
  • antenna 1 can be multiplexed as a diversity antenna of a wireless local area network.
  • the antenna can be used in combination with a tuning switch.
  • the mobile communication module 151 can provide a wireless communication solution including 2G/3G/4G/5G and the like applied to the electronic device 100.
  • the mobile communication module 151 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc.
  • the mobile communication module 151 can receive electromagnetic waves by the antenna 1, filter and amplify the received electromagnetic waves, and transmit them to the modem processor for demodulation.
  • the mobile communication module 151 can also amplify the signal modulated by the modem processor, and convert it into electromagnetic waves for radiation via the antenna 1.
  • at least part of the functional modules of the mobile communication module 151 may be provided in the processor 110.
  • at least part of the functional modules of the mobile communication module 151 and at least part of the modules of the processor 110 may be provided in the same device.
  • 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 then passed to the application processor.
  • the application processor outputs a sound signal through an audio device (not limited to the speaker 170A, the receiver 170B, etc.), or displays an image or video through the display screen 194.
  • the modem processor may be an independent device.
  • the modem processor may be independent of the processor 110 and be provided in the same device as the mobile communication module 151 or other functional modules.
  • the wireless communication module 152 can provide applications on the electronic device 100 including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), bluetooth (BT), and global navigation satellites.
  • WLAN wireless local area networks
  • BT wireless fidelity
  • GNSS global navigation satellite system
  • FM frequency modulation
  • NFC near field communication technology
  • infrared technology infrared, IR
  • the wireless communication module 152 may be one or more devices integrating at least one communication processing module.
  • the wireless communication module 152 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 152 can also receive the signal to be sent from the processor 110, perform frequency modulation, amplify it, and convert it into electromagnetic wave radiation through the antenna 2.
  • the electronic device 100 may implement audio functions through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the earphone interface 170D, and the application processor. For example, music playback, recording, etc.
  • the electronic device 100 may receive a key 190 input, and generate a key signal input related to user settings and function control of the electronic device 100.
  • the electronic device 100 can use the motor 191 to generate a vibration notification (for example, an incoming call vibration notification).
  • the indicator 192 in the electronic device 100 may be an indicator light, which may be used to indicate the charging status, power change, or to indicate messages, missed calls, notifications, and the like.
  • the SIM card interface 195 in the electronic device 100 is used to connect to a SIM card. The SIM card can be inserted into the SIM card interface 195 or pulled out from the SIM card interface 195 to achieve contact and separation with the electronic device 100.
  • the interface display method provided in the embodiments of the present application can be applied to the electronic device shown in FIG. 2 or the functional structure similar to that of FIG. 2, that is, the method can be executed by various hardware parts of the electronic device in combination with the corresponding software program.
  • first and second are only used for descriptive purposes, and cannot be understood as indicating or implying relative importance or implicitly indicating the number of indicated technical features. Thus, the features defined with “first” and “second” may explicitly or implicitly include one or more of these features.
  • “plurality” means two or more.
  • front camera takes a front camera as an example for description, which is not limited in the present application.
  • front sensor interaction devices such as sensors.
  • the display screen 194 of the electronic device 100 displays the user interface 200.
  • the user interface may include a status bar 201 and a navigation bar 202.
  • the status bar 201 may also include an icon of the name of the operator (for example, China Mobile, etc.), a mobile network (for example, 4G) icon, a Bluetooth icon, a time icon, and a remaining battery icon.
  • the status bar 201 may also include Wi-Fi icons, external device icons, and the like.
  • the navigation bar 202 may include a back button (back button) icon, a home button (home button) icon, and a historical task viewing button (menu button) icon.
  • the navigation bar 202 is a hideable area, and the navigation bar 202 may also be referred to as a virtual key area.
  • the status bar 201 and the navigation bar 202 included in the user interface 200 displayed on the display screen 194 of the electronic device 100 can be understood as functionally independent areas in the user interface 200.
  • the full screen involved in the embodiments of the present application is a full screen with the front sensor interaction device below the screen, that is, the area corresponding to the front sensor interaction device on the screen belongs to the displayable area.
  • the current full-screen mobile phone usually adopts a hole-digging screen to place the front camera in the screen structure.
  • This design on the hardware structure makes the user perceive The effect is poor.
  • the display area of the front camera on the screen can be multiplexed with the function independent area on the screen. It can also be understood as designing the hardware structure of the mobile phone so that the display area corresponding to the front camera can be displayed in a functionally independent area on the screen.
  • the position of the front sensor interaction device usually needs to be adjusted to match the position of the function icon or text on the user interface.
  • the display area corresponding to the front camera is displayed in the status bar area, and when the mobile phone is in a portrait state, as shown in FIG. 4, the user interface 300 includes a status bar 301 and application icons, such as a "camera" icon 302 And other application icons, the status bar area includes the operator name (such as China Mobile) icon, mobile network signal icon, battery information icon, etc.
  • the front camera of the mobile phone can be realized by a lift lens.
  • the mobile phone can respond to the user's first operation (for example, click operation), and the mobile phone can control the front camera 311 from the inside of the mobile phone from bottom to top.
  • the camera viewfinder interface 310 can be displayed on the display screen of the mobile phone. And when the user completes the camera operation, assuming that the user performs the second operation of exiting the "camera" application, the mobile phone can respond to the user's second operation by lowering the front camera 311 from top to bottom to hide inside the mobile phone, and the mobile phone returns User interface 300.
  • the user interface 400 can be displayed on the display screen of the mobile phone.
  • the user interface 400 may include a status bar 401 and an application icon area, and the application icon area includes a “camera” icon 402.
  • the user wants to take a photo.
  • the user can click the "camera” icon 402
  • the mobile phone can respond to the user's click operation and control the front camera 411 to extend from the inside of the mobile phone from right to left, and the mobile phone
  • the camera viewfinder interface 410 can be displayed on the display screen of.
  • the mobile phone can respond to the user's instruction to exit the "camera" application, retract the front camera 411 from left to right to hide inside the mobile phone, and return the mobile phone to the user interface 400.
  • the user interface in the horizontal screen and the vertical screen state is the same, except that the pop-up directions of the front camera in the horizontal screen and the vertical screen state are different.
  • these front sensor interaction devices may be arranged in the internal space of the mobile phone in the embodiment of the present application.
  • the corresponding control icon or Other instruction forms trigger the corresponding front sensor interaction device to retract or hide inside the mobile phone. Therefore, there is no need to avoid the setting positions of these front sensor interaction devices in the full-screen display interface, thereby enhancing the user's experience of the full-screen user interface and reducing the sense of screen splitting.
  • the icon or text displayed in the function-independent area can also be designed on the software, so that the front sensor interaction device corresponds to the display
  • the area can be displayed in some existing icons or text in a function-independent area, thereby reducing the sense of fragmentation of the screen and improving the user experience.
  • the display area corresponding to the front interactive device is marked as a "special display area" below. Since there are multiple display modes for specific function icons and texts, the specific function icons and texts can be redesigned according to the shape and performance of the special display area in the embodiment of the present application.
  • the electronic device 100 can set the display mode of the icons displayed on the status bar according to the position of the display area corresponding to the front sensor interaction device on the display screen of the electronic device 100.
  • the mobile phone interface 500 may include various icons in the status bar area. These icons may be, for example, the operator name (China Mobile) icon 501, the front camera icon 502, the time information icon 503, and the battery information icon displayed in order from left to right. 504.
  • the electronic device 100 may first obtain the position information corresponding to the front camera on the screen, and then based on the position information corresponding to the front camera on the screen, and the corresponding information when the different functions of the electronic device are turned on and/or off in the status bar.
  • the position information of the function icon is searched in the configuration file of the electronic device 100 to find the corresponding icon in the status bar corresponding to the position information of the front camera on the screen.
  • the electronic device 100 in this embodiment of the application can turn on the wifi signal
  • the icons are displayed as icons 511 in the user interface 510 as shown in c in FIG. 6.
  • the wifi signal icon can be displayed in the same or similar shape, that is, the existing wifi signal icon can be displayed according to the shape displayed on the screen by the front camera
  • the icon 511 in the special display area is modified or adjusted.
  • the visible icon 511 and other icons in the surrounding display area appear to be less fragmented as a whole, which helps to improve the user experience.
  • the user interface 500 of the mobile phone can be referred to as shown in b in Figure 6, which includes the icons in the status bar from left to right. It is the operator name (China Mobile) icon 501, the front camera icon 502, the wifi signal icon 503, the time information icon 504, and the power information icon 505.
  • the electronic device 100 may first obtain the position information corresponding to the front camera on the screen, and then based on the position information corresponding to the front camera on the screen, and the currently enabled function of the electronic device in the status bar In the configuration file of the electronic device 100, search for the function icon adjacent or similar to the corresponding position information of the front camera on the screen.
  • the wifi signal icon 502 may also be used as the user interface 510 shown in c of FIG. 6 in this embodiment of the application.
  • the icon 511 in is displayed, that is, the wifi signal icon 511 in the user interface 510 shown in FIG. 6.
  • the location information can be understood as coordinate area information, so the location area corresponding to the front camera on the screen can be less than or equal to the location area corresponding to the wifi signal icon on the screen.
  • the configuration file of the electronic device 100 may store the position information displayed on the screen of the icon corresponding to each function when each function in the electronic device 100 is turned on, which may include fixed position information in the turned-on state of the function , Such as time information, battery information, etc., can also include the corresponding position information of each function when displayed on the screen when at least one function is turned on, such as the position information of the function icon displayed in the status bar when Bluetooth is turned on or wifi is turned off , And the position information of the function icons displayed in the status bar when Bluetooth is turned on and wifi is turned on.
  • the above-mentioned location information may be stored in the configuration file in the form of a list, which is not limited in this application.
  • the user interface 600 shown in FIG. 7 may include In the status bar, the operator name (China Mobile) icon 601, the front camera icon 602, the GPS icon 603, the wifi signal icon 604, the time information icon 605, and the battery information icon 606 can be specifically displayed in the status bar from left to right.
  • the operator name China Mobile
  • the front camera icon 602 the GPS icon 603, the wifi signal icon 604, the time information icon 605, and the battery information icon 606 can be specifically displayed in the status bar from left to right.
  • the electronic device 100 may first obtain the position information corresponding to the front camera on the screen, and then based on the position information corresponding to the front camera on the screen, and the position information on the screen of the function icons corresponding to the functions currently enabled by the electronic device , Search the configuration file of the electronic device 100 for the function icon adjacent to or close to the position information corresponding to the front camera on the screen. Assuming that the location information corresponding to the front camera on the screen is adjacent to the location information corresponding to the GPS icon 603 on the screen, the GPS icon 603 can be displayed as the GPS icon 611 in the user interface 610 as shown in FIG. 7.
  • the existing GPS icon can be processed in the same or similar shape as the circle and displayed in the icon 602 displayed on the screen by the front camera.
  • the electronic device 100 can also first obtain the position information corresponding to the front camera on the screen, and then based on the position information corresponding to the front camera on the screen and the corresponding information of the electronic device when each function is turned on.
  • the position information of the function icon is searched for the function icon in the position information corresponding to the front camera on the screen in the configuration file of the electronic device 100.
  • the GPS may be turned on, as shown in FIG. 7
  • the GPS icon 611 in the user interface 610 of the user interface 610 is displayed, thereby avoiding the display fragmentation caused by the icon 602 in the user interface 600, and making the user experience better.
  • the electronic device 100 may also obtain the shape information of the front sensor interaction device, and set the display mode of the icon displayed on the status bar based on the shape information of the front sensor interaction device.
  • the user interface 700 can be displayed on the display screen of the mobile phone.
  • the status bar of the user interface 700 can respectively display the operator name (China Mobile) icon 701, front camera icon 702, wifi signal icon 703, handset icon 704, time information icon 705, and battery icon 706 from left to right.
  • the shape of the front camera icon 702 is a circle
  • the shape of the earpiece icon 704 can be understood as a rectangle.
  • the wifi signal icon 703 can be displayed in a circular shape, and the battery power icon 706 can be displayed in a rectangular shape, a circular wifi signal can be used for the location of the front camera in this embodiment of the application.
  • the icon 703 is displayed, and the position of the earpiece is displayed with a rectangular battery icon 706.
  • the status bar in the user interface 710 sequentially displays the operator name (China Mobile) icon 701, the wifi signal icon 711, the battery icon 712, and the time information icon 705, from left to right. Battery information icon 713.
  • the power information icon 713 may not be displayed.
  • the blank area shown in the battery icon 712 in the user interface 710 shown in FIG. 8 is the consumed electricity, and the black area (in actual use, the black area can also be a green area or a yellow area, etc. , The embodiment of this application is not limited here) is the current remaining power of the electronic device.
  • the embodiment of the present application provides an interface display method.
  • the structure of the electronic device involved in the method may be the structure diagram of the electronic device 100 as shown in FIG. 2.
  • the method is Including the following steps:
  • Step 901 The electronic device 100 obtains a first display position of a display shape of a front sensor interaction device on the display screen 194.
  • the first display position of the display shape of the front sensor interaction device on the display screen includes the first width range occupied by the display shape of the front sensor interaction device on the display screen and The first height range.
  • the front sensor interaction device may include a front camera, an earpiece, a light sensor, a distance sensor, etc.
  • the front sensor interaction device is not limited to the above-mentioned devices, which is not limited in this application.
  • Step 902 The electronic device 100 searches for the target function icon corresponding to the front sensor interaction device in the internal configuration file.
  • the second display position of the target function icon on the display screen 194 and the first display position of the front sensor interaction device on the display screen 194 may be the same or similar.
  • the configuration file includes a display position on the display screen of a function icon corresponding to at least one function in an on state.
  • the second display position includes a second width range and a second height range occupied by the target function icon on the display screen.
  • the difference between the second width range and the first width range, and the difference between the second height range and the first height range are all within the set range.
  • Step 903 The electronic device 100 displays the processed target function icon on the display screen 194.
  • the electronic device 100 may process the target function icon, the display position of the processed target function icon is the same as or close to the first display position, and the processed target function icon interacts with the front sensor
  • the display shapes of the devices on the display screen 194 are the same or similar.
  • the embodiments of the present application may also adjust the brightness of the icons or text displayed in the function-independent area, or may also adjust the function icons You can adjust the color of the icon, or you can adjust the brightness and color of the function icons at the same time.
  • the adjustment when adjusting the color and/or brightness of the signal icon or text, the adjustment can be made according to the background color and/or brightness on the screen of the electronic device, for example, according to the background color of the mobile phone screen in advance. And/or brightness is set to a certain adjustment range, and then adjusted within the set adjustment range.
  • the adjustment method is not limited to the above method, and this application does not limit it.
  • the wifi signal icon When the electronic device is in the vertical screen state, as an example, suppose that the corresponding position information of the front camera on the screen is that after wifi is turned on, the wifi signal icon is located within the range of the position, in order to make the special display area and the surrounding area separate.
  • the brightness of the wifi signal icon can be adjusted, or the color of the wifi signal icon can also be adjusted, or the brightness and color of the wifi signal icon can also be adjusted at the same time.
  • the color of the wifi signal icon 511 in the user interface 510 can be changed from white to blue or compared with blue Close colors, which can make the user look weaker in the overall effect of the screen.
  • the status bar included in the user interface 800 can respectively display the front camera icon 801, the operator name (China Mobile) icon 802, and the mobile network icon from left to right. 803. Time information icon 804, and battery icon 805. Assume that the position of the front camera is at the upper left corner in the landscape mode (that is, the upper right corner in the portrait mode). As an example, suppose that the location information corresponding to the front camera on the screen is adjacent to the location where the operator name (for example, China Mobile) icon is located.
  • the embodiment of the present application You can adjust the brightness of the front camera icon 801, the “China Mobile” icon 802, etc., or you can adjust the color of the front camera icon 801, the “China Mobile” icon 802, or you can also adjust the “China Mobile” icon 802.
  • the brightness and color of the icon 802 are adjusted. For example, if the current background color of the mobile phone is green, the colors of the front camera icon 801 and "China Mobile” can be adjusted to green or a color closer to green. At the same time, the front camera icon 801 and "China Mobile” can be adjusted.
  • the brightness of the four characters "China Mobile” is increased to reduce the abruptness of the display area corresponding to the front camera.
  • the brightness and/or color of the display area corresponding to the front camera may also be adjusted. For example, taking the front camera 502 in the user interface 500 shown in FIG. 6, the display area corresponding to the front camera 502 is black on the mobile phone screen. Assuming that the background color of the mobile phone is yellow, the front camera 502 can be The color of the display area corresponding to the camera 502 is adjusted to yellow or a similar color.
  • the icons or texts in the status bar area can be adjusted according to the icons or texts on the status bar.
  • the corresponding color is displayed in a gradual manner in the order of, for example, the color can be gradually changed from dark to dark.
  • the color of the China Mobile icon 601 can be set to the darkest, followed by the color of the GPS icon 611.
  • the color of the battery information icon 606 is the lightest, so that from the overall effect on the screen, the sense of fragmentation is smaller and the user experience is better.
  • the icon or text in the status bar area can also be displayed in a way of gradual brightness.
  • the icons in the status bar area included in the user interface 610 shown in FIG. 7 may be gradually changed from dark to bright in brightness, so as to reduce the abruptness of the display area corresponding to the front camera relative to other areas.
  • the icons or texts in the status bar area can also be displayed in a manner of color and brightness gradients.
  • the operator name (China Mobile) icon 601 for example, the operator name (China Mobile) icon 601, GPS icon 611, wifi signal icon 614, time information icon 605, and power information icon 606 included in the user interface 610 can be set according to Adjust the corresponding color and brightness in the order from left to right. For example, you can set the color from dark to light and the brightness from dark to light to gradually change.
  • the brightness adjustment method and the color adjustment method in the foregoing embodiments are all examples, and other methods can also be used for adjustment in this application, which are not limited herein.
  • the display mode in the foregoing embodiment is only an example of the display area corresponding to the front camera.
  • the display processing process of the display area of other front sensor interaction devices is similar to the processing process of the display area corresponding to the front camera. , I won’t repeat it here.
  • the embodiment of the present application also provides an interface display method.
  • the structure of the electronic device involved in the method may be the structure diagram of the electronic device 100 shown in FIG. 2.
  • the method includes The following steps:
  • Step 1101 The electronic device 100 obtains the first display position of the display shape of a front sensor interaction device on the display screen 194.
  • Step 1102 The electronic device 100 obtains the color and/or brightness of the user interface currently displayed on the display screen 194. Wherein, the execution order of step 1101 and step 1102 is not sequential. In the embodiment of the present application, step 1101 can be executed first and then step 1102, or step 1102 can be executed first and then step 1101, or step 1101 and step 1102 can be executed synchronously.
  • Step 1103 The electronic device 100 adjusts the display color and/or brightness at the first display position to the same or similar color and/or brightness as the color and/or brightness of the user interface currently displayed on the display screen.
  • the embodiments of the present application also provide an electronic device, which is used to implement the interface display methods in the above figures.
  • the electronic device 1200 may include one or more processors 1201, one or more memories 1202, a display screen 1203, at least one front sensor interaction device 1204; and one or more computer programs, One or more computer programs are stored in one or more memories 1202 (not shown in the figure), and the above-mentioned devices may be coupled through one or more communication buses 1206.
  • the display screen 1203 is a full-screen display screen, which is used to display the display shape of the front sensor interaction device 1204 on the full-screen display screen, and display the function icons and function icons of the various functions of the electronic device.
  • Or text it is also possible to display the icons of various applications installed in the electronic device or the user interface diagram when a certain application is opened.
  • one or more computer programs are stored in the memory 1202, and the one or more computer programs include instructions; the processor 1201 calls the instructions stored in the memory 1202 so that the electronic device 1200 can execute the above-mentioned FIGS. 4-11 The various method embodiments shown.
  • the processor 1201 may be a general-purpose processor, a digital signal processor, an application specific integrated circuit, a field programmable gate array or other programmable logic device, a discrete gate or transistor logic device, or a discrete hardware component, which can implement Or execute the methods, steps, and logical block diagrams disclosed in the embodiments of the present application.
  • the general-purpose processor may be a microprocessor or any conventional processor.
  • the steps of the method disclosed in the embodiments of the present application may be directly embodied as being executed and completed by a hardware processor, or executed and completed by a combination of hardware and software modules in the processor.
  • the software module may be located in the memory 1202, and the processor 1201 reads the program instructions in the memory 1202, and completes the steps of the foregoing method in combination with its hardware.
  • the memory 1202 may be a non-volatile memory, such as a hard disk drive (HDD) or a solid-state drive (SSD), etc., and may also be a volatile memory (volatile memory).
  • volatile memory volatile memory
  • the memory may also be any other medium that can be used to carry or store desired program codes in the form of instructions or data structures and that can be accessed by a computer, but is not limited thereto.
  • the memory in the embodiment of the present application may also be a circuit or any other device capable of realizing a storage function for storing instructions and/or data.
  • the present application also provides a computer storage medium in which a computer program is stored.
  • the computer program When the computer program is executed by a computer, the computer executes the steps shown in FIGS. 4 to 11 above.
  • the embodiments of the present application also provide a computer program product, including instructions, which when run on a computer, cause the computer to execute each method embodiment shown in FIGS. 4 to 11 above.
  • These computer program instructions can also be stored in a computer-readable memory that can guide a computer or other programmable data processing equipment to work in a specific manner, so that the instructions stored in the computer-readable memory produce an article of manufacture including the instruction device.
  • the device implements the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.
  • These computer program instructions can also be loaded on a computer or other programmable data processing equipment, so that a series of operation steps are executed on the computer or other programmable equipment to produce computer-implemented processing, so as to execute on the computer or other programmable equipment.
  • the instructions provide steps for implementing functions specified in a flow or multiple flows in the flowchart and/or a block or multiple blocks in the block diagram.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • Computer Hardware Design (AREA)
  • User Interface Of Digital Computer (AREA)
  • Controls And Circuits For Display Device (AREA)
  • Digital Computer Display Output (AREA)
  • Telephone Function (AREA)

Abstract

一种界面显示方法及电子设备，获取一个前置传感交互器件在全面屏显示屏上的显示形状的第一显示位置；在配置文件中查找与所述前置传感交互器件对应的目标功能图标；所述配置文件中包括至少一个功能在开启状态下对应的功能图标在所述全面屏显示屏上的显示位置，所述目标功能图标在所述全面屏显示屏上的第二显示位置与所述前置传感交互器件在全面屏显示屏上的第一显示位置相同或相近；在所述全面屏显示屏上显示处理后的目标功能图标，所述处理后的目标功能图标的显示位置与所述第一显示位置相同或接近，且与所述前置传感交互器件在所述显示屏上的显示形状相同或相似，这样可以减弱全面屏显示技术中屏幕的割裂感，提升用户体验。

Description

一种界面显示方法及电子设备
相关申请的交叉引用
本申请要求在2019年07月31日提交中国专利局、申请号为201910704755.2、申请名称为“一种界面显示方法及电子设备”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及终端技术领域，尤其涉及一种界面显示方法及电子设备。
背景技术
全面屏技术是时下最热门的技术之一，全面屏手机受到广大用户的喜爱和追捧。全面屏技术，是显示业界对于超高屏占比手机设计的一个比较宽泛的定义。从字面上解释就是手机的正面全部都是屏幕，手机的显示界面被屏幕完全覆盖，手机的四个边框位置都是采用无边框设计，追求接近100％的超高屏占比。
由于受限于前置传感交互器件，例如手机前置摄像头、手机听筒、距离传感器和光线传感器等其它手机不可或缺的基本功能需要，目前的全面屏手机在设计的过程中会将这些前置传感交互器件隐藏在屏下，而这些前置传感交互器件在显示屏上对应的显示区域通常会与屏幕上其它区域的显示效果不同，这样会使得手机屏幕上存在割裂感。如图1所示，以目前的挖孔屏手机为例，界面100包括前置摄像头所在的显示区域101以及多个应用程序等所在的显示区域102，前置摄像头在显示屏上的显示区域101，使得全面屏手机的用户界面上存在割裂感，进而使得用户体验不佳。
综上所述，如何减弱全面屏的屏幕上存在的割裂感问题，是目前急需解决的技术问题。
发明内容
本申请提供一种界面显示方法及电子设备，用以解决现有技术全面屏显示中屏幕存在的割裂感的问题。
第一方面，本申请实施例提供一种界面显示方法，该方法可应用于全面屏显示技术的电子设备，所谓全面屏显示指的是电子设备的正面全部都是屏幕，电子设备的显示界面被屏幕完全覆盖，电子设备的四个边框位置都是采用无边框设计，追求接近100％的超高屏占比。所述方法具体包括：首先获取一个前置传感交互器件在全面屏显示屏上的显示形状的第一显示位置，然后在配置文件中查找与所述前置传感交互器件对应的目标功能图标；所述配置文件中包括至少一个功能在开启状态下对应的功能图标在所述全面屏显示屏上的显示位置，所述目标功能图标在所述全面屏显示屏上的第二显示位置与所述前置传感交互器件在全面屏显示屏上的第一显示位置相同或相近；之后在所述全面屏显示屏上显示处理后的目标功能图标，所述处理后的目标功能图标的显示位置与所述第一显示位置相同或接近，且与所述前置传感交互器件在所述全面屏显示屏上的显示形状相同或相似。
在上述技术方案中，通过获取前置交互器件在显示屏上对应的第一显示位置，并在配 置文件中查找与第一显示位置相同或相近的第二显示位置对应的目标功能图标，将目标功能图标的形状处理成与第一显示位置对应的前置交互器件相同或相似的形状，且在全面屏显示屏上的位置与第一显示位置相同或相近，这样可以减弱全面屏显示屏的割裂感，提升用户对于全面屏的用户界面体验。
在一种可能的设计中，所述第一显示位置可以包括所述前置传感交互器件在所述显示屏上的显示形状所占的第一宽度范围和第一高度范围；所述第二显示位置包括所述目标功能图标在所述显示屏上所占的第二宽度范围和第二高度范围；其中，所述第二宽度范围与第一宽度范围的差值、所述第二高度范围与所述第一高度范围的差值均在设定范围内。
在上述技术方案中，前置传感交互器件在全面屏显示屏上对应的显示位置(即显示形状所占的宽度范围与高度范围)与目标功能图标在全面屏显示屏上的显示位置相同或相近，这样可以使得前置传感交互器件无需单独显示在对应的显示位置，将目标功能图标和前置传感交互器件显示在相同或相近的位置，可以减弱全面屏幕的割裂感，同时提升用户的体验。
在一种可能的设计中，所述前置传感交互器件包括但不限于为前置摄像头、听筒、光线传感器、距离传感器。
第二方面，本申请实施例提供一种界面显示方法，该方法可应用于全面屏显示技术的电子设备，所谓全面屏显示指的是电子设备的正面全部都是屏幕，电子设备的显示界面被屏幕完全覆盖，电子设备的四个边框位置都是采用无边框设计，追求接近100％的超高屏占比。所述方法具体包括：获取一个前置传感交互器件在全面屏显示屏上的显示形状的第一显示位置，并获取全面屏显示屏当前显示的用户界面的颜色和/或亮度；将所述第一显示位置处的显示颜色和/或亮度调整成与所述全面屏显示屏当前显示的用户界面的颜色和/或亮度相同或相近的颜色和/或亮度。
在上述技术方案中，通过获取前置传感交互器件在全面屏显示屏上的显示形状的第一显示位置以及当前用户界面的颜色和/或亮度，然后将第一显示位置的颜色和/或亮度调成与当前用户界面的颜色和/或亮度相同或相似的颜色和/或亮度，这样可以使得全面屏显示屏的割裂感减弱，有助于提升用户体验。
第三方面，提供一种电子设备，所述电子设备至少一个前置传感交互器件、全面屏显示屏，一个或多个处理器、存储器以及一个或多个计算机程序；其中，所述全面屏显示屏用于显示所述前置传感交互器件在全面屏显示屏上的显示形状、以及显示所述电子设备带有的各个功能的功能图标和/或文字；所述一个或多个计算机程序被存储在所述存储器中，所述一个或多个计算机程序包括指令，当所述指令被所述一个或多个处理器调用执行时，使得所述电子设备能够执行上述第一方面或第一方面的任一可能的设计、或上述第二方面所描述的方法。
第四方面，提供一种计算机可读存储介质，所述计算机可读存储介质中存储有指令，当其在计算机上运行时，使得计算机执行上述第一方面或第一方面的任一可能的设计、或第二方面各实施方式中的方法。
第五方面，提供一种包含指令的计算机程序产品，当其在计算机上运行时，使得计算机执行上述第一方面或第一方面的任一可能的设计、或第二方面各实施方式中的方法。
附图说明
图1为本申请实施例提供的一种挖孔屏手机的界面示意图；
图2为本申请实施例提供的一种可能的电子设备的结构图；
图3为本申请实施例提供的一种用户界面示意图；
图4为本申请实施例提供的一组界面示意图；
图5为本申请实施例提供的一组界面示意图；
图6为本申请实施例提供的一组界面示意图；
图7为本申请实施例提供的一组界面示意图；
图8为本申请实施例提供的一组界面示意图；
图9为本申请实施例提供的一种界面显示方法流程图；
图10为本申请实施例提供的一种界面示意图；
图11为本申请实施例提供的另一种界面显示方法流程图；
图12为本申请实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将结合附图对本申请实施例作进一步地详细描述。
本申请实施例可以应用在多种电子设备中，电子设备可以是包含诸如个人数字助理和/或音乐播放器等功能的便携式电子设备，诸如手机、平板电脑、具备无线通讯功能的可穿戴设备(如智能手表)等。便携式电子设备的示例性实施例包括但不限于搭载
Figure PCTCN2020105850-appb-000001
Figure PCTCN2020105850-appb-000002
或者其它操作系统的便携式电子设备。上述便携式电子设备也可以是其它便携式电子设备，诸如具有触敏表面(例如触控面板)的膝上型计算机(laptop)等。还应当理解的是，在本申请其他一些实施例中，上述电子设备也可以不是便携式电子设备，而是具有触敏表面(例如触控面板)的台式计算机。
在本申请中，前置传感交互器件包括但不限于为前置摄像头、听筒、光线传感器、距离传感器等，这些前置传感交互器件是指在电子设备的正面采集图像或者声音等功能的器件。
目前，以手机上的前置摄像头为例，电子设备通常会简单粗暴的利用挖孔的方式保留前置摄像头的位置，例如目前常用的挖孔屏，从而使得用户对用户界面(user interface，UI)的体验效果不好，并且存在严重的割裂感，如图1所示，针对全面屏电子设备在显示过程中，由于某些前置传感交互器件的设置会导致显示割裂感的问题，本申请实施例通过将一些需要显示的常规图标，比如电池电量图标、运营商信号图标、允许屏幕横屏显示/禁止屏幕横屏显示的图标等，覆盖在一些前置传感交互器件的显示区域进行显示，从而达到从整体显示效果上，用户看不到前置传感交互器件与屏幕其他区域的割裂感，而是看到一些常规的显示图标，从而提高用户的使用体验。
以下，首先对本申请实施例可以应用到的电子设备的结构进行简要说明，以便于本领域技术人员便于理解技术方案。示例性地，如图2所示，下面以电子设备100为例对实施例进行具体说明。
电子设备100可以包括处理器110，外部存储器接口120，内部存储器121，USB接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块 151，无线通信模块152，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示屏194，以及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可以运行本申请实施例提供的提示信息的显示方法，可以降低提示信息被用户误触导致消除的概率。当处理器110集成不同的器件，比如集成CPU和GPU时，CPU和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的正整数。在本申请实施例中，显示屏194可以是一个一体的柔性显示屏，也可以采用两个刚性屏以及位于两个刚性屏之间的一个柔性屏组成的拼接的显示屏。本申请实施例中涉及的显示屏194为全面屏显示屏，即电子设备100的正面全部都是屏幕，电子设备100的显示界面被屏幕完全覆盖，手机的四个边框位置都是采用无边框设计，追求接近100％的超高屏占比。下述实施例中均以显示屏194进行描述，应理解，这里的显示屏194指的是全面屏显示屏。
摄像头193(前置摄像头或者后置摄像头，或者一个摄像头既可作为前置摄像头，也可作为后置摄像头)用于捕获静态图像或视频。通常，摄像头193可以包括感光元件比如镜头组和图像传感器，其中，镜头组包括多个透镜(凸透镜或凹透镜)，用于采集待拍摄物体反射的光信号，并将采集的光信号传递给图像传感器。图像传感器根据所述光信号生 成待拍摄物体的原始图像。
内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。处理器110通过运行存储在内部存储器121的指令，从而执行电子设备100的各种功能应用以及数据处理。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，应用程序(比如相机应用，微信应用等)的代码等。存储数据区可存储电子设备100使用过程中所创建的数据(比如相机应用采集的图像、视频等)等。内部存储器121还可以存储本申请实施例中的配置文件中保存的位置信息等。
此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。
当然，本申请实施例提供的算法的代码还可以存储在外部存储器中。这种情况下，处理器110可以通过外部存储器接口120运行存储在外部存储器中的算法的代码，实现对触控操作进行防误触处理。
下面介绍传感器模块180的功能。
陀螺仪传感器180A，可以用于确定电子设备100的运动姿态。在一些实施例中，可以通过陀螺仪传感器180A确定电子设备100围绕三个轴(即，x，y和z轴)的角速度。即陀螺仪传感器180A可以用于检测电子设备100当前的运动状态，比如抖动还是静止。
加速度传感器180B可检测电子设备100在各个方向上(一般为三轴)加速度的大小。即陀螺仪传感器180A可以用于检测电子设备100当前的运动状态，比如抖动还是静止。
接近光传感器180G可以包括例如发光二极管(LED)和光检测器，例如光电二极管。发光二极管可以是红外发光二极管。手机通过发光二极管向外发射红外光。手机使用光电二极管检测来自附近物体的红外反射光。当检测到充分的反射光时，可以确定手机附近有物体。当检测到不充分的反射光时，手机可以确定手机附近没有物体。
陀螺仪传感器180A(或加速度传感器180B)可以将检测到的运动状态信息(比如角速度)发送给处理器110。处理器110基于运动状态信息确定当前是手持状态还是脚架状态(比如，角速度不为0时，说明电子设备100处于手持状态)。
指纹传感器180H用于采集指纹。电子设备100可以利用采集的指纹特性实现指纹解锁，访问应用锁，指纹拍照，指纹接听来电等。
触摸传感器180K，也称“触控面板”。触摸传感器180K可以设置于显示屏194，由触摸传感器180K与显示屏194组成触摸屏，也称“触控屏”。触摸传感器180K用于检测作用于其上或附近的触控操作。触摸传感器可以将检测到的触控操作传递给应用处理器，以确定触摸事件类型。可以通过显示屏194提供与触控操作相关的视觉输出。在另一些实施例中，触摸传感器180K也可以设置于电子设备100的表面，与显示屏194所处的位置不同。
示例性的，电子设备100的显示屏194显示主界面，主界面中包括多个应用(比如相机应用、微信应用等)的图标。用户通过触摸传感器180K点击主界面中相机应用的图标，触发处理器110启动相机应用，打开摄像头193。显示屏194显示相机应用的界面，例如取景界面。在本申请实施例中，在显示屏194显示提示信息的情况下，触摸传感器180K所接收的触控操作，处理器110对其进行防误触处理。
电子设备100的无线通信功能可以通过天线1，天线2，移动通信模块151，无线通信模块152，调制解调处理器以及基带处理器等实现。
天线1和天线2用于发射和接收电磁波信号。电子设备100中的每个天线可用于覆盖单个或多个通信频带。不同的天线还可以复用，以提高天线的利用率。例如：可以将天线1复用为无线局域网的分集天线。在另外一些实施例中，天线可以和调谐开关结合使用。
移动通信模块151可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块151可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块151可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块151还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块151的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块151的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中，调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后，被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A，受话器170B等)输出声音信号，或通过显示屏194显示图像或视频。在一些实施例中，调制解调处理器可以是独立的器件。在另一些实施例中，调制解调处理器可以独立于处理器110，与移动通信模块151或其他功能模块设置在同一个器件中。
无线通信模块152可以提供应用在电子设备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)等无线通信的解决方案。无线通信模块152可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块152经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块152还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。
另外，电子设备100可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。电子设备100可以接收按键190输入，产生与电子设备100的用户设置以及功能控制有关的键信号输入。电子设备100可以利用马达191产生振动提示(比如来电振动提示)。电子设备100中的指示器192可以是指示灯，可以用于指示充电状态，电量变化，也可以用于指示消息，未接来电，通知等。电子设备100中的SIM卡接口195用于连接SIM卡。SIM卡可以通过插入SIM卡接口195，或从SIM卡接口195拔出，实现和电子设备100的接触和分离。
本申请实施例提供的界面显示方法，可以应用于上述图2所示的或者与图2功能结构类似的电子设备上，即该方法可由电子设备中的各个硬件部分结合相应的软件程序来执行。
其中，在下述本申请实施例的描述中，术语“第一”、“第二”仅用于描述目的，而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此，限定有“第一”、“第二”的特征可以明示或者隐含地包括一个或者更多个该特征。在本申请实施例的描述中，除非另有说明，“多个”的含义是两个或两个以上。
需要说明的是，本申请实施例以下介绍中以前置摄像头为例进行说明，本申请对此不 作限定，例如也可以为传感器等其他前置传感交互器件。
如图3所示，电子设备100的显示屏194显示用户界面200。其中用户界面可以包括状态栏201、导航栏202。其中，状态栏201中还可以包括运营商的名称(例如，中国移动等)图标、移动网络(如4G)图标、蓝牙图标、时间图标和剩余电量图标等。此外，可以理解的是，在其他一些实施例中，状态栏201还可以包括Wi-Fi图标、外界设备图标等。导航栏202中可以包括后退按钮(back button)图标、主屏幕键按钮(home button)图标和历史任务查看按钮(menu button)图标等。需要说明的是，导航栏202为可隐藏的区域，且导航栏202也可以称为虚拟按键区。本申请实施例中，电子设备100的显示屏194上显示的用户界面200中所包括的状态栏201、导航栏202可以理解为用户界面200中的功能独立区域。
本申请实施例中涉及的全面屏为前置传感交互器件在屏幕下方的全面屏，即前置传感交互器件在屏幕上对应的区域属于可显示区域。
以手机作为电子设备，并且摄像头以前置摄像头为例，目前的全面屏手机上通常都是采用挖孔屏的方式将前置摄像头放置在屏幕结构中，这种在硬件结构上的设计使得用户感知效果较差。本申请实施例中，可以将前置摄像头在屏幕上的显示区域与屏幕上的功能独立区域进行复用。也可以理解为对手机的硬件结构进行设计，使得前置摄像头对应的显示区域可以显示在屏幕上的功能独立区域。
需要说明的是，在实际应用中，前置传感交互器件的位置通常需要匹配用户界面上的功能图标或文字的位置进行调整。
在一些实施例中，当前置摄像头对应的显示区域显示在状态栏区域，并且手机处于竖屏状态时，参阅图4所示，用户界面300包括状态栏301和应用图标，例如“相机”图标302和其他应用程序图标等，状态栏区域包括运营商名称(例如中国移动)图标，移动网络的信号图标，电量信息图标等。在这种情况下，手机的前置摄像头可以采用升降镜头的方式实现。作为一种示例，假设用户要进行拍照，当用户点击应用“相机”图标302时，手机可响应用户的第一操作(例如点击操作)，手机可以控制前置摄像头311从手机的内部由下向上的上升到手机的上方，然后手机的显示屏上可显示摄像取景界面310。并且当用户完成拍照操作后，假设用户执行退出“相机”应用的第二操作后，手机可响应用户的第二操作，将前置摄像头311由上向下的降到手机内部隐藏，且手机返回用户界面300。
如图5所示，当手机处于横屏状态时，手机的显示屏上可显示用户界面400。其中，用户界面400可包括状态栏401和应用程序图标区域，应用程序图标区域包括“相机”图标402。假设用户要进行拍照，在横屏状态下用户可点击“相机”图标402，则手机可响应用户的该点击操作，控制前置摄像头411可从手机的内部由右向左的伸出，并且手机的显示屏上可显示摄像取景界面410。当用户完成拍照操作后，手机可响应用户下发的指示退出“相机”应用的操作，将前置摄像头411由左向右的收回到手机内部隐藏，且手机返回到用户界面400。
可以理解的是，上述实施例中对于电子设备而言，横屏和竖屏状态下的用户界面相同，仅是前置摄像头在横屏和竖屏状态的弹出方向不同。
基于上述实施例的介绍，对于前置摄像头、手机听筒、距离传感器和光线传感器等前置传感交互器件而言，本申请实施例中可以将这些前置传感交互器件设置在手机内部空间，在需要使用某个前置传感交互器件时，可以通过对手机相应控制图标或者其他指令形式， 触发相应前置传感交互器件弹出手机外部，在使用完成后，再通过对手机相应控制图标或者其他指令形式，触发相应前置传感交互器件收回或隐藏到手机内部。从而无需在全面屏显示界面中还需要避让这些前置传感交互器件的设置位置，从而提升用户对于全面屏的用户界面的体验，减弱屏幕的割裂感。
当然，可以理解的是，上述实施例仅是以状态栏为例进行的说明，本申请也可以基于任务栏、虚拟按键区等做相应调整，对此不再赘述。
本申请另一实施例中，除了上述介绍的对于电子设备硬件上的设计，也可以针对功能独立的区域中显示的图标或者文字等在软件上进行设计，使得前置传感交互器件对应的显示区域能够显示在功能独立的区域中的一些已有的图标或者文字中，从而减弱屏幕的割裂感，提升用户体验。
为了描述方便，以下将前置交互器件对应的显示区域记为“特殊显示区域”。由于特定功能图标和文字的显示方式有多种，本申请实施例中可以根据特殊显示区域的形状、性能等特点对特定功能图标和文字重新设计。
在本申请一些实施例中，电子设备100可以根据前置传感交互器件在电子设备100的显示屏上所对应的显示区域的位置，对状态栏上显示的图标的显示方式进行设置。作为一种示例，以前置传感交互器件为前置摄像头、手机处于竖屏显示状态为例进行说明。如图6所示，假设手机为目前的挖孔屏手机，用户在手机上使用了一张电话卡，且没有连接无线保真(wireless fidelity，wifi)的情况下，则图6中a所示的手机界面500中可包括状态栏区域中的各个图标，这些图标例如可以是从左至右依次显示的运营商名称(中国移动)图标501、前置摄像头图标502、时间信息图标503、电量信息图标504。
电子设备100可首先获取前置摄像头在屏幕上对应的位置信息，然后基于所述前置摄像头在屏幕上对应的位置信息，以及电子设备在状态栏中不同功能开启和/或关闭状态下对应的功能图标的位置信息，在电子设备100的配置文件中查找所述前置摄像头在屏幕上对应的位置信息可以对应到的状态栏中的相应图标。假设前置摄像头在屏幕上对应的位置信息为wifi开启状态下，wifi信号图标在屏幕上状态栏中对应的位置信息内，则本申请实施例中电子设备100可在wifi开启后，将wifi信号图标以如图6中c所示的用户界面510中的图标511进行显示。由于前置摄像头在屏幕上显示的形状通常为圆形，则可将wifi信号图标也以相同或相似的形状进行显示，即对现有的wifi信号图标依据前置摄像头在屏幕上显示的形状进行修改或调整得到特殊显示区域中的图标511，可见图标511与周边显示区域内的其他图标从整体看起来割裂感较小，有助于提高用户的使用体验。
作为另一种示例，假设用户在手机上使用了一张电话卡，并且连接了wifi，则手机的用户界面500可参阅图6中b所示，即包括的状态栏中的图标从左至右依次为运营商名称(中国移动)图标501、前置摄像头图标502、wifi信号图标503、时间信息图标504、电量信息图标505。在本申请实施例中，电子设备100可首先获取前置摄像头在屏幕上对应的位置信息，然后基于所述前置摄像头在屏幕上对应的位置信息，以及电子设备当前已开启的功能在状态栏中对应的功能图标的位置信息，在电子设备100的配置文件中查找与所述前置摄像头在屏幕上对应的位置信息相邻或相近的功能图标。假设前置摄像头在屏幕上对应的位置信息与wifi信号图标在屏幕上对应的位置信息相邻，则本申请实施例中也可以将wifi信号图标502以如图6的c所示的用户界面510中的图标511进行显示，即图6所示的用户界面510中的wifi信号图标511。
可以理解的是，位置信息可以理解为坐标区域信息，因此前置摄像头在屏幕上对应的位置区域可以小于等于wifi信号图标在屏幕上对应的位置区域。
需要说明的是，电子设备100的配置文件中可保存有电子设备100中的各个功能开启状态下，各个功能对应的图标在屏幕上显示的位置信息，可以包括固定的功能开启状态下的位置信息，例如时间信息、电量信息等，也可以包括至少一个功能开启时，每个功能在屏幕上显示时对应的位置信息，例如蓝牙开启、wifi关闭状态下，状态栏中显示的功能图标的位置信息，以及蓝牙开启、wifi开启状态下，状态栏中显示的功能图标的位置信息。当然，可以理解的是，上述位置信息可以以列表的形式保存在配置文件中，本申请对此不作限定。
作为另一种示例，假设用户在手机上使用了一张电话卡，且连接了wifi、并开启了全球定位系统(global positioning system，GPS)的情况下，如图7所示的用户界面600可包括状态栏，状态栏中从左至右依次具体可显示运营商名称(中国移动)图标601、前置摄像头图标602、GPS图标603、wifi信号图标604、时间信息图标605、电量信息图标606。电子设备100可首先获取前置摄像头在屏幕上对应的位置信息，然后基于所述前置摄像头在屏幕上对应的位置信息，以及电子设备当前开启的各个功能对应的功能图标在屏幕上的位置信息，在电子设备100的配置文件中查找与所述前置摄像头在屏幕上对应的位置信息相邻或相近的功能图标。假设前置摄像头在屏幕上对应的位置信息与GPS图标603在屏幕上对应的位置信息相邻，则可将GPS图标603以如图7所示的用户界面610中的GPS图标611进行显示。由于前置摄像头在屏幕上显示的形状通常为圆形，则可将现有显示的GPS图标也以与圆形相同或相似的形状进行处理并显示在前置摄像头在屏幕上显示的图标602的位置处，从而使得特殊显示区域内的图标611与周边显示区域内的其他图标从整体看起来割裂感较小，有助于提高用户的使用体验。
当然，可以理解的是，电子设备100也可首先获取前置摄像头在屏幕上对应的位置信息，然后基于所述前置摄像头在屏幕上对应的位置信息以及电子设备在各个功能开启状态下对应的功能图标的位置信息，在电子设备100的配置文件中查找位于所述前置摄像头在屏幕上对应的位置信息内的功能图标。例如，手机没有开启GPS，当查找到前置摄像头所在的位置信息为GPS开启状态下在状态栏上所显示的位置信息，则本申请实施例中也可以在开启GPS之后，以图7所示的用户界面610中的GPS图标611进行显示，从而避免用户界面600中图标602带来的显示割裂感，使得用户使用体验更好。
在本申请另一些实施例中，电子设备100也可以获取前置传感交互器件的形状信息，并基于前置传感交互器件的形状信息对状态栏上显示的图标的显示方式进行设置。如图8所示，假设用户在手机使用了一张电话卡，且连接了wifi的情况下，则手机的显示屏上可显示用户界面700。其中，用户界面700的状态栏中从左至右依次可分别显示运营商名称(中国移动)图标701、前置摄像头图标702、wifi信号图标703、听筒图标704、时间信息图标705、电量图标706。通常，前置摄像头图标702的形状为圆形，听筒图标704的形状可以理解为长方形。由于wifi信号图标703可以通过圆形的形状来进行显示，电池的电量图标706可以通过长方形的形状来进行显示，因此本申请实施例中可以将前置摄像头所在的位置用圆形形状的wifi信号图标703来显示，将听筒所在的位置用长方形形状的电量图标706来显示。例如可参阅图8所示的用户界面710，用户界面710中的状态栏中从左至右依次显示运营商名称(中国移动)图标701、wifi信号图标711、电量图标712、时 间信息图标705、电量信息图标713。当然，可以理解的是，电量信息图标713也可以不显示。需要说明的是，图8所示的用户界面710中的电量图标712中所示的空白区域即为已消耗的电量，黑色区(在实际使用中该黑色区也可以为绿色区域或黄色区域等，本申请实施例这里不做限定)即为电子设备目前剩余的电量。
基于上述实施例，本申请实施例提供了一种界面显示方法，该方法中涉及到的电子设备的结构可以为如图2所示的电子设备100的结构图，参阅图9所示，该方法包括如下步骤：
步骤901：电子设备100获取一个前置传感交互器件在显示屏194上的显示形状的第一显示位置。本申请实施例中，前置传感交互器件在显示屏上的显示形状的第一显示位置包括所述前置传感交互器件在所述显示屏上的显示形状所占的第一宽度范围和第一高度范围。具体的，所述前置传感交互器件可包括前置摄像头、听筒、光线传感器、距离传感器等，当然，前置传感交互器件并不限于上述器件，本申请对此不做限定。
步骤902：电子设备100在内部的配置文件中查找与前置传感交互器件对应的目标功能图标。其中，目标功能图标在显示屏194上的第二显示位置与所述前置传感交互器件在显示屏194上的第一显示位置可以相同也可以相近。其中，配置文件中包括至少一个功能在开启状态下对应的功能图标在所述显示屏上的显示位置。
所述第二显示位置包括目标功能图标在所述显示屏上所占的第二宽度范围和第二高度范围。其中，第二宽度范围与第一宽度范围的差值、第二高度范围与第一高度范围的差值均在设定范围内。
步骤903：电子设备100在显示屏194上显示处理后的目标功能图标。
一种可能的实施方式中，电子设备100可以将目标功能图标进行处理，处理后的目标功能图标的显示位置与第一显示位置相同或接近，且处理后的目标功能图标与前置传感交互器件在显示屏194上的显示形状相同或相似。
进一步的，本申请实施例中为了使得特殊显示区域与周围区域的割裂感减少，本申请实施例中还可以针对功能独立的区域中显示的图标或者文字的亮度进行调节，或者也可以对功能图标的颜色进行调节，或者也可以同时对功能图标的亮度以及颜色进行调节。
本申请一些实施例中，在对信号图标或者文字进行颜色和/或亮度进行调节时，可以根据电子设备的屏幕上的背景颜色和/或亮度等进行调节，例如可以预先根据手机屏幕的背景颜色和/或亮度设置一定的调节范围，然后在设定的调节范围内进行调节。当然，可以理解的是，调节的方式并不限于上述方式，本申请对此不作限定。
当电子设备处于竖屏状态时，作为一种示例，假设前置摄像头在屏幕上对应的位置信息为wifi开启后，wifi信号图标所在的位置范围内，为了使得特殊显示区域与周围区域的割裂感减少，本申请实施例中可以对wifi信号图标的亮度进行调节，或者也可以对wifi信号图标的颜色进行调节，或者也可以同时对wifi信号图标的亮度以及颜色进行调节。以图6为例来说，假设用户界面510中wifi信号图标511为白色的，当前手机的背景颜色为蓝色，则可以将wifi信号图标511的颜色由白色调成蓝色或者与蓝色比较接近的颜色，这样可以使得用户从屏幕的整体效果上看起来割裂感更弱。
当电子设备处于横屏状态时，如图10所示，用户界面800中包括的状态栏从左至右依次可分别显示前置摄像头图标801、运营商名称(中国移动)图标802、移动网络图标803、时间信息图标804、电量图标805。假设前置摄像头的位置位于横屏状态下的左上角 位置(即竖屏状态下的右上角位置)。作为一种示例，假设前置摄像头在屏幕上对应的位置信息与运营商名称(例如，中国移动)图标所在的位置相邻，为了使得特殊显示区域与周围区域的割裂感减少，本申请实施例中可以对前置摄像头图标801、“中国移动”图标802等的亮度进行调节，或者也可以对前置摄像头图标801、“中国移动”图标802的颜色进行调节，或者也可以同时对“中国移动”图标802的亮度以及颜色进行调节。例如，手机当前的背景颜色为绿色，则可将前置摄像头图标801和“中国移动”这四个字的颜色调节为绿色或者与绿色较为接近的颜色，同时可以将前置摄像头图标801和“中国移动”这四个字的亮度增强，以减弱前置摄像头对应的显示区域的突兀感。
在本申请另一些实施例中，也可以对前置摄像头对应的显示区域的亮度和/或颜色进行调节。举例来说，以图6所示的用户界面500中的前置摄像头502来说，前置摄像头502对应的显示区域在手机屏幕上为黑色，假设手机的背景颜色为黄色，则可以将前置摄像头502对应的显示区域的颜色调成黄色或者相近的颜色。
进一步的，在一种可能的设计中，以状态栏为例，当特殊显示区域显示在状态栏区域时，本申请实施例中可以对状态栏区域的图标或文字按照状态栏上的图标或文字的顺序对相应的颜色采用颜色渐变的方式进行显示，例如可以从深到暗的颜色进行渐变。以图7为例来说，假设用户界面610的背景颜色为从左到右逐渐变浅的渐变色，则可将中国移动图标601的颜色设置为最深的，GPS图标611图标的颜色次之，依次向右，电池信息图标606的颜色最浅，这样从屏幕上的整体效果来看，割裂感更小，用户体验更好。
在另一种可能的设计中，也可以对状态栏区域的图标或文字采用亮度渐变的方式进行显示。举例来说，例如可以将图7所示的用户界面610中包括的状态栏区域的图标从暗到亮的亮度进行渐变，这样可减弱前置摄像头对应的显示区域相对于其它区域的突兀感。
在又一种可能的设计中，还可以对状态栏区域的图标或文字采用颜色和亮度渐变的方式进行显示。举例来说，以图7为例，例如可以对用户界面610中包括的运营商名称(中国移动)图标601、GPS图标611、wifi信号图标614、时间信息图标605、电量信息图标606，按照从左到右的顺序对相应的颜色和亮度进行调节，例如可以设置为从深到浅的颜色、且从暗到亮的亮度进行渐变。
当然，可以理解的是，上述实施例中的亮度调节方式和颜色调节方式均为举例说明，本申请中也可以采用其他的方式进行调节，在此不作限定。此外，上述实施例中的显示方式，仅是以前置摄像头对应的显示区域进行举例说明，对于其他前置传感交互器件的显示区域的显示处理过程与以前置摄像头对应的显示区域的处理过程类似，在此不再重复赘述。
进一步的，本申请实施例还提供了一种界面显示方法，该方法中涉及到的电子设备的结构可以为如图2所示的电子设备100的结构图，参阅图11所示，该方法包括如下步骤：
步骤1101：电子设备100获取一个前置传感交互器件在显示屏194上的显示形状的第一显示位置。
步骤1102：电子设备100获取显示屏194当前显示的用户界面的颜色和/或亮度。其中，步骤1101和步骤1102的执行顺序并无先后，本申请实施例中可以先执行步骤1101再执行步骤1102，或者先执行步骤1102再执行步骤1101，或者步骤1101和步骤1102同步执行均可以。
步骤1103：电子设备100将第一显示位置处的显示颜色和/或亮度调整成与显示屏当前显示的用户界面的颜色和/或亮度相同或相近的颜色和/或亮度。
基于以上实施例，本申请实施例还提供了一种电子设备，所述电子设备用于实现以上各图中的界面显示方法。参阅图12所示，所述电子设备1200可以包括一个或多个处理器1201、一个或多个存储器1202、显示屏1203、至少一个前置传感交互器件1204；以及一个或多个计算机程序，其中一个或多个计算机程序存储在一个或多个存储器1202中(图中未示出)，上述各器件可以通过一个或多个通信总线1206耦合。其中，所述显示屏1203为全面屏显示屏，用于显示所述前置传感交互器件1204在全面屏显示屏上的显示形状、以及显示所述电子设备带有的各个功能的功能图标和/或文字，当然还可以显示电子设备装配的各个应用程序的图标或某个应用程序被打开时的用户界面图等。
其中，存储器1202中存储有一个或多个计算机程序，所述一个或多个计算机程序包括指令；处理器1201调用存储器1202中存储的所述指令，使得电子设备1200可以执行上述图4～图11所示的各个方法实施例。
在本申请实施例中，处理器1201可以是通用处理器、数字信号处理器、专用集成电路、现场可编程门阵列或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件，可以实现或者执行本申请实施例中的公开的各方法、步骤及逻辑框图。通用处理器可以是微处理器或者任何常规的处理器等。结合本申请实施例所公开的方法的步骤可以直接体现为硬件处理器执行完成，或者用处理器中的硬件及软件模块组合执行完成。软件模块可以位于存储器1202中，处理器1201读取存储器1202中的程序指令，结合其硬件完成上述方法的步骤。
在本申请实施例中，存储器1202可以是非易失性存储器，比如硬盘(hard disk drive，HDD)或固态硬盘(solid-state drive，SSD)等，还可以是易失性存储器(volatile memory)，例如RAM。存储器还可以是能够用于携带或存储具有指令或数据结构形式的期望的程序代码并能够由计算机存取的任何其他介质，但不限于此。本申请实施例中的存储器还可以是电路或者其它任意能够实现存储功能的装置，用于存储指令和/或数据。
所属领域的技术人员可以清楚地了解到，为描述的方便和简洁，上述描述的图12所示的电子设备1200在实施本发明实施例后的具体工作过程可以参考前述方法实施例中的对应过程，在此不再赘述。电子设备1200的更为详尽的结构和功能可以参照前述图2所示的实施例中的详细描述。
基于以上实施例，本申请还提供了一种计算机存储介质，所述计算机存储介质中存储有计算机程序，所述计算机程序被计算机执行时，使得所述计算机执行以上图4～图11所示的各个方法实施例。
本申请实施例中还提供一种计算机程序产品，包括指令，当其在计算机上运行时，使得计算机执行以上图4～图11所示的各个方法实施例。
本申请实施例是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装 置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。

Claims (10)

  1. 一种界面显示方法，应用于全面屏显示的电子设备，其特征在于，包括：
    获取一个前置传感交互器件在全面屏显示屏上的显示形状的第一显示位置；
    在配置文件中查找与所述前置传感交互器件对应的目标功能图标；所述配置文件中包括至少一个功能在开启状态下对应的功能图标在所述全面屏显示屏上的显示位置，所述目标功能图标在所述全面屏显示屏上的第二显示位置与所述前置传感交互器件在所述全面屏显示屏上的第一显示位置相同或相近；
    在所述全面屏显示屏上显示处理后的目标功能图标，所述处理后的目标功能图标的显示位置与所述第一显示位置相同或接近，且与所述前置传感交互器件在所述全面屏显示屏上的显示形状相同或相似。
  2. 如权利要求1所述的方法，其特征在于，所述第一显示位置包括所述前置传感交互器件在所述显示屏上的显示形状所占的第一宽度范围和第一高度范围；
    所述第二显示位置包括所述目标功能图标在所述显示屏上所占的第二宽度范围和第二高度范围；
    其中，所述第二宽度范围与第一宽度范围的差值、所述第二高度范围与所述第一高度范围的差值均在设定范围内。
  3. 如权利要求1或2所述的方法，其特征在于，所述前置传感交互器件包括前置摄像头、听筒、光线传感器、距离传感器。
  4. 一种界面显示方法，应用于全面屏显示的电子设备，其特征在于，包括：
    获取一个前置传感交互器件在全面屏显示屏上的显示形状的第一显示位置；
    获取全面屏显示屏当前显示的用户界面的颜色和/或亮度；
    将所述第一显示位置处的显示颜色和/或亮度调整成与所述全面屏显示屏当前显示的用户界面的颜色和/或亮度相同或相近的颜色和/或亮度。
  5. 一种电子设备，其特征在于，所述电子设备包括至少一个前置传感交互器件、全面屏显示屏，一个或多个处理器、存储器以及一个或多个计算机程序；
    其中，所述全面屏显示屏用于显示所述前置传感交互器件在全面屏显示屏上的显示形状、以及显示所述电子设备带有的各个功能的功能图标和/或文字；所述一个或多个计算机程序被存储在所述存储器中，所述一个或多个计算机程序包括指令，当所述指令被所述一个或多个处理器调用执行时，使得所述电子设备执行以下步骤：
    获取一个前置传感交互器件在所述全面屏显示屏上的显示形状的第一显示位置；
    在配置文件中查找与所述前置传感交互器件对应的目标功能图标；所述配置文件中包括至少一个功能在开启状态下对应的功能图标在所述全面屏显示屏上的显示位置，所述目标功能图标在所述全面屏显示屏上的第二显示位置与所述前置传感交互器件在所述全面屏显示屏上的第一显示位置相同或相近；
    在所述全面屏显示屏上显示处理后的目标功能图标，所述处理后的目标功能图标的显示位置与所述第一显示位置相同或接近，且与所述前置传感交互器件在所述全面屏显示屏上的显示形状相同或相似。
  6. 如权利要求5所述的电子设备，其特征在于，所述第一显示位置包括所述前置传感交互器件在所述显示屏上的显示形状所占的第一宽度范围和第一高度范围；
    所述第二显示位置包括所述目标功能图标在所述显示屏上所占的第二宽度范围和第二高度范围；
    其中，所述第二宽度范围与第一宽度范围的差值、所述第二高度范围与所述第一高度范围的差值均在设定范围内。
  7. 如权利要求5或6所述的电子设备，其特征在于，所述前置传感交互器件包括前置摄像头、听筒、光线传感器、距离传感器。
  8. 一种电子设备，其特征在于，至少一个前置传感交互器件、全面屏显示屏，一个或多个处理器、存储器以及一个或多个计算机程序；
    其中，所述全面屏显示屏用于显示所述前置传感交互器件在全面屏显示屏上的显示形状、以及显示所述电子设备带有的各个功能的功能图标和/或文字；所述一个或多个计算机程序被存储在所述存储器中，所述一个或多个计算机程序包括指令，当所述指令被所述一个或多个处理器调用执行时，使得所述电子设备执行以下步骤：
    获取一个前置传感交互器件在所述全面屏显示屏上的显示形状的第一显示位置；
    获取所述全面屏显示屏当前显示的用户界面的颜色和/或亮度；
    将所述第一显示位置处的显示颜色和/或亮度调整成与所述全面屏显示屏当前显示的用户界面的颜色和/或亮度相同或相近的颜色和/或亮度。
  9. 一种计算机存储介质，其特征在于，包括计算机指令，当所述计算机指令在电子设备上运行时，使得所述电子设备执行如权利要求1-4中任一项所述的界面显示方法。
  10. 一种程序产品，其特征在于，当所述程序产品在计算机上运行时，使得所述计算机执行如权利要求1-4中任一项所述的界面显示方法。
PCT/CN2020/105850 2019-07-31 2020-07-30 一种界面显示方法及电子设备 WO2021018248A1 (zh)

Priority Applications (4)

Application Number Priority Date Filing Date Title
US17/630,215 US20220284847A1 (en) 2019-07-31 2020-07-30 Interface display method and electronic device
EP20846803.3A EP3992787A4 (en) 2019-07-31 2020-07-30 INTERFACE DISPLAY METHOD AND ELECTRONIC DEVICE
JP2022503814A JP7444527B2 (ja) 2019-07-31 2020-07-30 インタフェース表示方法および電子デバイス
JP2024023515A JP2024073455A (ja) 2019-07-31 2024-02-20 インタフェース表示方法および電子デバイス

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910704755.2 2019-07-31
CN201910704755.2A CN112306314B (zh) 2019-07-31 2019-07-31 一种界面显示方法及电子设备

Publications (1)

Publication Number Publication Date
WO2021018248A1 true WO2021018248A1 (zh) 2021-02-04

Family

ID=74230278

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/105850 WO2021018248A1 (zh) 2019-07-31 2020-07-30 一种界面显示方法及电子设备

Country Status (5)

Country Link
US (1) US20220284847A1 (zh)
EP (1) EP3992787A4 (zh)
JP (2) JP7444527B2 (zh)
CN (2) CN112306314B (zh)
WO (1) WO2021018248A1 (zh)

Families Citing this family (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN116068776A (zh) * 2021-10-29 2023-05-05 华为技术有限公司 一种分光方法以及相关设备

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20180017996A1 (en) * 2016-07-14 2018-01-18 Samsung Electronics Co., Ltd. Electronic apparatus having a hole area within screen and control method thereof
CN108845734A (zh) * 2018-06-08 2018-11-20 Oppo广东移动通信有限公司 图标显示方法、装置及终端
CN109246464A (zh) * 2018-08-22 2019-01-18 Oppo广东移动通信有限公司 用户界面显示方法、装置、终端及存储介质
CN109891862A (zh) * 2017-08-18 2019-06-14 华为技术有限公司 一种显示方法及终端
CN109889628A (zh) * 2018-07-18 2019-06-14 苏州天为幕烟花科技有限公司 一种手机全面屏技术

Family Cites Families (20)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6983424B1 (en) * 2000-06-23 2006-01-03 International Business Machines Corporation Automatically scaling icons to fit a display area within a data processing system
KR20060015397A (ko) * 2004-08-14 2006-02-17 삼성전자주식회사 Ｇｕｉ 운영 체제에서의 바탕 화면 변경 장치 및 방법
US9071696B2 (en) * 2008-12-10 2015-06-30 At&T Intellectual Property I, L.P. Devices and methods for power transmission level indication
KR101834810B1 (ko) * 2011-06-07 2018-03-06 엘지전자 주식회사 이동 단말기 및 그의 배터리 절전모드 전환 방법
JP5825631B2 (ja) * 2011-11-17 2015-12-02 アルパイン株式会社 電子装置
US9251762B2 (en) * 2012-12-19 2016-02-02 Microsoft Technology Licensing, Llc. Runtime transformation of images to match a user interface theme
CN103076943B (zh) * 2012-12-27 2016-02-24 小米科技有限责任公司 一种图标的转换方法和图标的转换装置
US20140333773A1 (en) * 2013-05-11 2014-11-13 Randy James Davis Portable audio/ video mask
EP3007029B1 (en) * 2014-10-07 2017-12-27 LG Electronics Inc. Mobile terminal and wearable device
KR102449593B1 (ko) * 2016-01-15 2022-09-30 삼성전자주식회사 카메라 장치를 제어하기 위한 방법 및 그 전자 장치
KR20170113066A (ko) * 2016-03-24 2017-10-12 삼성전자주식회사 디스플레이를 가진 전자 장치 및 그의 이미지 표시 방법
CN105808306B (zh) * 2016-03-31 2018-06-29 广东欧珀移动通信有限公司 一种图标的显示方法、显示装置以及终端
CN106648306A (zh) * 2016-11-07 2017-05-10 深圳市金立通信设备有限公司 协助使用终端设备的方法、及终端设备
CN106921767A (zh) * 2017-03-07 2017-07-04 捷开通讯(深圳)有限公司 一种高屏占比的移动终端
CN108282561A (zh) * 2018-01-26 2018-07-13 努比亚技术有限公司 终端显示屏、控制方法、移动终端及可读存储介质
CN108366186B (zh) * 2018-02-09 2020-07-24 Oppo广东移动通信有限公司 电子装置、显示屏及拍照控制方法
CN108984139A (zh) * 2018-06-22 2018-12-11 昆山国显光电有限公司 显示模组、终端和终端的控制方法
CN108900676A (zh) * 2018-08-13 2018-11-27 华南理工大学 一种全面屏手机及实现全面屏显示的方法
CN109471569A (zh) * 2018-09-29 2019-03-15 努比亚技术有限公司 一种移动终端的屏幕调整方法、移动终端及存储介质
KR20200140607A (ko) * 2019-06-07 2020-12-16 삼성전자주식회사 디스플레이를 포함하는 전자 장치 및 상기 전자 장치가 표시하는 영상을 보정하는 방법

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20180017996A1 (en) * 2016-07-14 2018-01-18 Samsung Electronics Co., Ltd. Electronic apparatus having a hole area within screen and control method thereof
CN109891862A (zh) * 2017-08-18 2019-06-14 华为技术有限公司 一种显示方法及终端
CN108845734A (zh) * 2018-06-08 2018-11-20 Oppo广东移动通信有限公司 图标显示方法、装置及终端
CN109889628A (zh) * 2018-07-18 2019-06-14 苏州天为幕烟花科技有限公司 一种手机全面屏技术
CN109246464A (zh) * 2018-08-22 2019-01-18 Oppo广东移动通信有限公司 用户界面显示方法、装置、终端及存储介质

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
SCIENCE AND TECHNOLOGY INSTITUTE: "OPPO's new patent is really wonderful, the front camera "digging hole" can be successfully hidden", 28 January 2019 (2019-01-28), pages 1 - 4, XP055887854, Retrieved from the Internet <URL:https://baijiahao.baidu.com/s?id=1623894644916808018&wfr=spider&for=pc> *
See also references of EP3992787A4 *

Also Published As

Publication number Publication date
CN115686705B (zh) 2023-11-28
EP3992787A1 (en) 2022-05-04
CN115686705A (zh) 2023-02-03
JP7444527B2 (ja) 2024-03-06
EP3992787A4 (en) 2022-08-03
JP2022542033A (ja) 2022-09-29
US20220284847A1 (en) 2022-09-08
JP2024073455A (ja) 2024-05-29
CN112306314A (zh) 2021-02-02
CN112306314B (zh) 2022-10-04

Similar Documents

Publication Publication Date Title
WO2021023021A1 (zh) 一种显示方法及电子设备
WO2021043223A1 (zh) 一种分屏显示方法及电子设备
US20220139008A1 (en) Image Cropping Method and Electronic Device
WO2020259470A1 (zh) 一种触摸屏的显示方法及电子设备
CN110865744B (zh) 一种分屏显示方法与电子设备
CN110839096B (zh) 一种具有折叠屏的设备的触控方法与折叠屏设备
WO2021052279A1 (zh) 一种折叠屏显示方法及电子设备
WO2021013226A1 (zh) 一种界面生成方法及设备
WO2020134869A1 (zh) 电子设备的操作方法和电子设备
KR20210068097A (ko) 시스템 탐색 바 표시 제어 방법, 그래픽 사용자 인터페이스 및 전자 디바이스
WO2021098790A1 (zh) 一种补偿方法及电子设备
CN110012153A (zh) 灭屏显示的方法和电子设备
WO2020228735A1 (zh) 一种显示应用的方法及电子设备
CN114115619A (zh) 一种应用程序界面显示的方法及电子设备
WO2021238370A1 (zh) 显示控制方法、电子设备和计算机可读存储介质
WO2022052712A1 (zh) 处理交互事件的方法和装置
WO2021179829A1 (zh) 一种人机交互方法及设备
JP2024073455A (ja) インタフェース表示方法および電子デバイス
WO2023103974A1 (zh) 内容协同方法、电子设备及计算机可读存储介质
WO2023045763A1 (zh) 一种显示方法与电子设备
CN117389437A (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: 20846803

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2022503814

Country of ref document: JP

Kind code of ref document: A

NENP Non-entry into the national phase

Ref country code: DE

ENP Entry into the national phase

Ref document number: 2020846803

Country of ref document: EP

Effective date: 20220127