Display method, display apparatus and electronic device

Abstract

Provided in the present application are a display method, a display apparatus and an electronic device. The method comprises: acquiring the proportion of a physical screen of an electronic device; when the proportion of the physical screen is an unconventional proportion, determining a logical screen, wherein the logical screen has a conventional proportion; on the basis of the logical screen, determining a first interface of an application program, wherein the first interface has the conventional proportion; and displaying the first interface of the application program on the physical screen. In the display method, the display apparatus and the electronic device of the present application, if the electronic device has a physical screen with an unconventional proportion, the proportion of a logical screen can be first modified into a conventional proportion, such that an interface of an application program can be drawn according to the conventional proportion. In this way, the unconventional physical screen can also completely display the interface of the application program, and problems such as an unharmonious display proportion do not exist, thereby improving the display effect of the interface of the application program.

Description

Display methods, display devices, and electronic devices

[0001] This application claims priority to Chinese Patent Application No. 202510387108.9, filed on March 27, 2025, entitled "Display Method, Display Device and Electronic Device", the entire contents of which are incorporated herein by reference. Technical Field

[0002] This application relates to electronic device technology, and more specifically, to a display method, display device, and electronic device. Background Technology

[0003] With the development of electronic devices, various product forms of electronic devices are constantly emerging. These various product forms of electronic devices may include screens with unconventional resolutions or unconventional aspect ratios. This leads to problems with the compatibility of application interfaces when displayed on these terminal devices, affecting the display effect.

[0004] Therefore, improving the adaptability of application interfaces on various electronic devices and enhancing their display effects to improve user experience is an urgent problem to be solved. Summary of the Invention

[0005] This application provides a display method, display device, and electronic device that can improve the adaptability of application interfaces on electronic devices of various product forms, thereby improving the display effect of application interfaces and enhancing user experience.

[0006] In a first aspect, a display method is provided, applied to an electronic device including an application, the method comprising: obtaining the aspect ratio of a physical screen of the electronic device; determining a logical screen having a conventional aspect ratio when the aspect ratio of the physical screen is an unconventional aspect ratio; determining a first interface of the application having the conventional aspect ratio based on the logical screen; and displaying the first interface of the application on the physical screen.

[0007] For example, the screen window management module in an electronic device obtains the aspect ratio of the physical screen. The aspect ratio of the physical screen can be understood as its width-to-height ratio. The screen window management module determines whether the physical screen's aspect ratio is non-standard. If the physical screen's aspect ratio is non-standard, it modifies the logical screen's aspect ratio to a standard one. The screen window management module can send the application's first interface to the screen (i.e., the physical screen), allowing the first interface to be fully displayed on the screen.

[0008] Based on the above solution, if an electronic device has a physical screen with an unconventional aspect ratio, the aspect ratio of the logical screen can be modified to a conventional ratio first, allowing the application interface to be drawn according to the conventional ratio. This ensures that even an unconventional physical screen can fully display the application interface without issues such as inconsistencies in display ratio, thus improving the display effect of the application interface.

[0009] In conjunction with the first aspect, in some implementations of the first aspect, determining the first interface of the application based on the logical screen includes: determining the second interface of the application based on the logical screen, the second interface having the conventional aspect ratio; determining the scaling ratio based on the size of the physical screen; and adjusting the second interface of the application based on the scaling ratio to obtain the first interface of the application.

[0010] For example, the screen window management module can determine the scaling ratio and obtain the first interface of the application based on the scaling ratio.

[0011] For example, the application obtains drawing information from the screen management module and draws the application's second interface, i.e., the initially drawn application interface, based on the drawing information. The application sends the initially drawn application interface to the screen window management module, which determines the scaling ratio based on the physical screen size and scales the initially drawn application interface to obtain the application's first interface, i.e., the adjusted application interface.

[0012] Based on the above scheme, the application interface (second interface) is initially generated according to a logical screen with a conventional ratio. However, the initially generated application interface may not be fully displayed on the physical screen, so it is necessary to scale the initially generated application interface according to the actual size of the physical screen.

[0013] In conjunction with the first aspect, in some implementations of the first aspect, the method further includes: obtaining first coordinate information; converting the first coordinate information into second coordinate information according to the scaling ratio, wherein the second coordinate information belongs to the range of the second interface; determining a target object according to the second coordinate information, wherein the target object includes one of the following: an icon, a control, or an option; and executing the function corresponding to the target object.

[0014] For example, the screen window management module can transform coordinate information.

[0015] For example, a first coordinate system is constructed within the area of ​​the first interface (the adjusted application interface), and a second coordinate system is constructed within the area of ​​the second interface (the initially drawn application interface). When the user clicks on coordinate information 1 (x1, y1) in the first coordinate system, the electronic device transforms coordinate information 1 according to the scaling ratio of the application interface, resulting in coordinate information 2 (x2, y2). Coordinate information 2 belongs to the second coordinate system, and the electronic device can perform corresponding functions based on the icons, options, controls, etc., corresponding to coordinate information 2.

[0016] Based on the above scheme, the first interface displayed on the physical screen supports user interaction. The adjusted application interface is displayed on the physical screen, and this interface can include icons, options, controls, and other interactive elements. The coordinate information of these elements on the adjusted application interface may change. To enable the electronic device to accurately identify the user's intent based on their actions and execute the corresponding function, when the electronic device receives a user's operation, it can first transform the coordinate information of the user's click, ensuring that the transformed coordinates fall within the initially drawn application interface. This determines the specific content corresponding to the user's operation, allowing the electronic device to perform the corresponding function.

[0017] In conjunction with the first aspect, in some implementations of the first aspect, when the ratio of the physical screen is an unconventional ratio, determining the logical screen includes: presetting a first width; determining a first height based on the first width and the conventional ratio, wherein the ratio of the first width to the first height is the conventional ratio, and the size of the logical screen includes the first width and the first height.

[0018] For example, taking a standard aspect ratio of 9:16, let's set the first width (i.e., the width of the logical screen) to 1080. Based on the first width of 1080 and the standard aspect ratio of 9:16, the first height (i.e., the height of the logical screen) is calculated to be 1920 (1080 × 16 / 9). Therefore, the aspect ratio of the logical screen is 9:16.

[0019] Based on the above scheme, the specific size of the logical screen can be determined by first setting the width dimension of the logical screen.

[0020] In conjunction with the first aspect, in some implementations of the first aspect, the size of the physical screen includes a second width and a second height, and the size of the second interface includes a third width and a third height; wherein, determining the scaling ratio based on the size of the physical screen includes: modifying the third height to a fourth height based on the second height; and determining the scaling ratio based on the fourth height and the third height.

[0021] In conjunction with the first aspect, in some implementations of the first aspect, adjusting the second interface of the application according to the scaling ratio to obtain the first interface of the application includes: determining a fourth width according to the third width and the scaling ratio to obtain the first interface of the application, wherein the size of the first interface includes the fourth width and the fourth height, the fourth width is less than or equal to the second width, the fourth height is less than or equal to the second height, and the ratio of the fourth width to the fourth height is the conventional ratio.

[0022] For example, taking a standard 9:16 aspect ratio, the physical screen's second width is 1440 and its second height is 960. The second interface's third width is 1080 and its third height is 1920. The physical screen's second height is less than the second interface's third height. Fixing the second interface's third height to the physical screen's second height of 960 means the first interface's fourth height is 960. Therefore, the scaling ratio is 1 / 2 (960 / 1920). Based on the scaling ratio and the second interface's third width, the first interface's fourth width is calculated to be 540 (1080 × 1 / 2). This ensures the first interface can be fully displayed within the physical screen.

[0023] Understandably, if an application's interface is drawn according to a non-standard aspect ratio of the physical screen, the application may not be compatible with non-standard aspect ratios, resulting in problems such as incomplete content display and inconsistent display ratios.

[0024] In conjunction with the first aspect, in some implementations of the first aspect, obtaining the proportion of the physical screen of the electronic device includes: obtaining the size of the physical screen of the electronic device, the size of the physical screen including a second width and a second height; and determining the proportion of the physical screen based on the size of the physical screen.

[0025] For example, the screen window management module can directly obtain the ratio of the physical screen or the size of the physical screen, and determine the ratio of the physical screen based on the size of the physical screen.

[0026] In conjunction with the first aspect, in some implementations of the first aspect, the method further includes: when the ratio of the physical screen is a normal ratio, determining the first interface of the application based on the physical screen; and displaying the first interface of the application on the physical screen.

[0027] Understandably, most applications support displaying the application interface at a standard aspect ratio. If the physical screen is at a standard aspect ratio, the application can lay out and draw the interface according to the standard aspect ratio of the physical screen.

[0028] In conjunction with the first aspect, in some implementations of the first aspect, before acquiring the proportion of the physical screen of the electronic device, the method further includes: detecting a triggering event, the triggering event including at least one of the following: application startup, or a change in the usage mode of the electronic device.

[0029] For example, under certain triggering conditions, the screen window management module can obtain the physical screen ratio of the electronic device from the screen.

[0030] For example, the application can be launched by the user clicking the application icon or by the user using a voice assistant. This application embodiment does not limit the specific method of application launch.

[0031] In conjunction with the first aspect, in some implementations of the first aspect, the electronic device is a foldable electronic device.

[0032] It is understandable that the physical screen size of foldable electronic devices can differ in different usage modes (e.g., unfolded and folded). As the usage mode changes, the physical screen size also changes. When the physical screen size changes, the physical screen size or aspect ratio can be re-acquired, and the application interface can be drawn according to the new physical screen ratio.

[0033] In one implementation, after the application starts, the usage mode of the electronic device is changed, the size of the physical screen of the electronic device in the current usage mode is obtained, and it is determined whether the ratio of the physical screen in the current usage mode is an unconventional ratio. If it is a conventional ratio, the application's interfaces can be drawn according to the conventional ratio. If it is an unconventional ratio, the logical screen is first modified to a conventional ratio, and the application interface is initially drawn according to the conventional ratio of the logical screen. The adjusted application interface is then obtained by scaling it according to a certain ratio and displayed on the physical screen.

[0034] In a second aspect, a display device is provided, the device including an application, the device comprising: a processing unit configured to acquire the aspect ratio of a physical screen of the device; further configured to determine a logical screen when the aspect ratio of the physical screen is an unconventional aspect ratio, wherein the logical screen has a conventional aspect ratio; further configured to determine a first interface of the application based on the logical screen, the first interface having the conventional aspect ratio; and a display unit configured to display the first interface of the application on the physical screen.

[0035] In conjunction with the second aspect, in some implementations of the second aspect, the processing unit is specifically used to determine the second interface of the application based on the logical screen, the second interface having the conventional ratio; it is also used to determine the scaling ratio based on the size of the physical screen; and it is also used to adjust the second interface of the application based on the scaling ratio to obtain the first interface of the application.

[0036] In conjunction with the second aspect, in some implementations of the second aspect, the processing unit is further configured to: acquire first coordinate information; convert the first coordinate information into second coordinate information based on the scaling ratio, wherein the second coordinate information belongs to the range of the second interface; determine a target object based on the second coordinate information, wherein the target object includes one of the following: an icon, a control, or an option; and execute the function corresponding to the target object.

[0037] In conjunction with the second aspect, in some implementations of the second aspect, the processing unit is specifically used to preset a first width; and is also used to determine a first height based on the first width and the conventional ratio, wherein the ratio of the first width to the first height is the conventional ratio, and the size of the logic screen includes the first width and the first height.

[0038] In conjunction with the second aspect, in some implementations of the second aspect, the size of the physical screen includes a second width and a second height, and the size of the second interface includes a third width and a third height; the processing unit is specifically configured to modify the third height to a fourth height based on the second height; and is also configured to determine the scaling ratio based on the fourth height and the third height.

[0039] In conjunction with the second aspect, in some implementations of the second aspect, the processing unit is specifically used to determine a fourth width based on the third width and the scaling ratio to obtain a first interface of the application, wherein the size of the first interface includes the fourth width and the fourth height, the fourth width is less than or equal to the second width, the fourth height is less than or equal to the second height, and the ratio of the fourth width to the fourth height is the conventional ratio.

[0040] In conjunction with the second aspect, in some implementations of the second aspect, the processing unit is specifically used to obtain the size of the physical screen of the device, the size of the physical screen including a second width and a second height; and to determine the proportion of the physical screen based on the size of the physical screen.

[0041] In conjunction with the second aspect, in some implementations of the second aspect, the processing unit is further configured to determine the first interface of the application based on the physical screen when the ratio of the physical screen is a normal ratio; the display unit is further configured to display the first interface of the application on the physical screen.

[0042] In conjunction with the second aspect, in some implementations of the second aspect, the processing unit is also configured to detect a triggering event, which includes at least one of the following: the application is launched, or the usage mode of the device changes.

[0043] In conjunction with the second aspect, in some implementations of the second aspect, the device is a foldable electronic device.

[0044] Thirdly, an electronic device is provided, comprising: one or more processors; one or more memories; the one or more memories storing one or more computer programs, the one or more computer programs including instructions that, when executed by the one or more processors, cause the electronic device to perform the methods of the first aspect and any possible implementation thereof.

[0045] Fourthly, a display device is provided, comprising a processor coupled to a memory for storing a computer program, the processor for running the computer program, such that the display device performs the methods of the first aspect and any possible implementation thereof.

[0046] In conjunction with the fourth aspect, some implementations of the sixth aspect also include one or more of the memory and the transceiver, the transceiver being used to receive and / or transmit signals.

[0047] Fifthly, a computer-readable storage medium is provided having a computer program stored thereon, which, when executed by a computer, causes the computer to implement the methods of the first aspect and any possible implementation thereof.

[0048] In a sixth aspect, a computer program product containing instructions is provided, which, when run on a computer, causes the computer to perform the methods of the first aspect and any possible implementation thereof.

[0049] In a seventh aspect, a chip is provided, the chip including a processor and a data interface, the processor reading instructions stored in memory through the data interface to execute methods as described in the first aspect and any possible implementation thereof.

[0050] In conjunction with the seventh aspect, in one possible implementation, the processor is coupled to the memory via an interface.

[0051] In conjunction with the seventh aspect, in one possible implementation, the chip system further includes a memory in which computer programs or computer instructions are stored. Attached Figure Description

[0052] Figure 1 is a schematic diagram of the hardware structure of an electronic device provided in an embodiment of this application;

[0053] Figure 2 is a schematic diagram of the software structure of an electronic device provided in an embodiment of this application;

[0054] Figure 3 is a schematic diagram of an electronic device with an unconventional scale provided in an embodiment of this application;

[0055] Figure 4 is a schematic diagram of an application interface display on a foldable electronic device provided in an embodiment of this application;

[0056] Figure 5 is a schematic diagram of a system architecture provided in an embodiment of this application;

[0057] Figure 6 is a schematic flowchart of a display method provided in an embodiment of this application;

[0058] Figure 7 is a schematic diagram of a display method provided in an embodiment of this application;

[0059] Figure 8 is a schematic flowchart of a display method provided in an embodiment of this application;

[0060] Figure 9 is a schematic flowchart of a display method provided in an embodiment of this application;

[0061] Figure 10 is a schematic block diagram of a display device provided in an embodiment of this application;

[0062] Figure 11 is a schematic block diagram of an electronic device provided in an embodiment of this application. Detailed Implementation

[0063] The technical solutions in this application will now be described with reference to the accompanying drawings.

[0064] The terminology used in the following embodiments is for the purpose of describing particular embodiments only and is not intended to be limiting of this application. As used in the specification and appended claims of this application, the singular expressions “a,” “an,” “the,” “the,” “the,” and “this” are intended to also include expressions such as “one or more,” unless the context clearly indicates otherwise. It should also be understood that in the following embodiments of this application, “at least one” and “one or more” refer to one, two, or more than two. The term “and / or” is used to describe the relationship between related objects, indicating that three relationships may exist; for example, A and / or B can indicate: A alone, A and B simultaneously, or B alone, where A and B can be singular or plural. The character “ / ” generally indicates that the preceding and following related objects are in an “or” relationship.

[0065] References to "one embodiment" or "some embodiments" as described in this specification mean that one or more embodiments of this application include a specific feature, structure, or characteristic described in connection with that embodiment. Therefore, the phrases "in one embodiment," "in some embodiments," "in other embodiments," "in still other embodiments," etc., appearing in different parts of this specification do not necessarily refer to the same embodiment, but rather mean "one or more, but not all, embodiments," unless otherwise specifically emphasized. The terms "comprising," "including," "having," and variations thereof mean "including but not limited to," unless otherwise specifically emphasized.

[0066] The following describes an electronic device, a user interface for such an electronic device, and embodiments for using such an electronic device. In some embodiments, the electronic device may be a portable electronic device that also includes other functions such as a personal digital assistant and / or music player, such as a mobile phone, tablet computer, wearable electronic device with wireless communication capabilities (such as a smartwatch), etc. Exemplary embodiments of the portable electronic device include, but are not limited to, those equipped with Harmony. Alternatively, it could be a portable electronic device with another operating system. The aforementioned portable electronic device could also be other portable electronic devices, such as laptops. It should also be understood that in some other embodiments, the aforementioned electronic device may not be a portable electronic device, but rather a desktop computer.

[0067] For example, Figure 1 shows a schematic diagram of the structure 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 charging management module 140, a power management module 141, a battery 142, an antenna 1, an antenna 2, a mobile communication module 150, a wireless communication module 160, an audio module 170, a speaker 170A, a receiver 170B, a microphone 170C, a headphone jack 170D, a sensor module 180, buttons 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an accelerometer sensor 180E, a distance sensor 180F, a proximity sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

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

[0069] The processor 110 may include one or more processing units, such as an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural network processing unit (NPU).

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

[0071] The processor 110 may also include a memory for storing instructions and data.

[0072] In some embodiments, the processor 110 may include one or more interfaces. Interfaces may include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface, etc.

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

[0074] Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals.

[0075] The mobile communication module 150 can provide wireless communication solutions, including 2G / 3G / 4G / 5G, for use on electronic devices 100.

[0076] A modem processor may include a modulator and a demodulator. The modulator modulates the low-frequency baseband signal to be transmitted into a mid-to-high frequency signal. The demodulator demodulates the received electromagnetic wave signal into a low-frequency baseband signal.

[0077] The wireless communication module 160 can provide solutions for wireless communication applications on the electronic device 100, including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR) technology, etc.

[0078] In some embodiments, antenna 1 of electronic device 100 is coupled to mobile communication module 150, and antenna 2 is coupled to wireless communication module 160, enabling electronic device 100 to communicate with networks and other devices via wireless communication technology. The wireless communication technology may include Global System for Mobile Communications (GSM), General Packet Radio Service (GPRS), Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Time-Division Code Division Multiple Access (TD-CDMA), Long Term Evolution (LTE), BT, GNSS, WLAN, NFC, FM, and / or IR technologies, etc. The GNSS may include the Global Positioning System (GPS), the Global Navigation Satellite System (GLONASS), the BeiDou Navigation Satellite System (BDS), the Quasi-Zenith Satellite System (QZSS), and / or satellite-based augmentation systems (SBAS).

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

[0080] Display screen 194 is used to display images, videos, etc. Display screen 194 includes a display panel.

[0081] Electronic device 100 can perform shooting functions through ISP, camera 193, video codec, GPU, display 194 and application processor.

[0082] The ISP is used to process data fed back from the camera 193. For example, when taking a picture, the shutter is opened, and light is transmitted through the lens to the camera's photosensitive element. The light signal is converted into an electrical signal, and the camera's photosensitive element transmits the electrical signal to the ISP for processing, converting it into an image visible to the naked eye.

[0083] Camera 193 is used to capture still images or videos.

[0084] A digital signal processor is used to process digital signals. In addition to processing digital image signals, it can also process other digital signals.

[0085] Video codecs are used to compress or decompress digital video.

[0086] NPU stands for Neural-Network (NN) Computing Processor. By drawing inspiration from the structure of biological neural networks, such as the transmission patterns between neurons in the human brain, it can quickly process input information and continuously learn on its own.

[0087] The external storage interface 120 can be used to connect an external storage card, such as a Micro SD card, to expand the storage capacity of the electronic device 100.

[0088] Internal memory 121 can be used to store computer executable program code, which includes instructions. Processor 110 executes various functional applications and data processing of electronic device 100 by running the instructions stored in internal memory 121. Internal memory 121 may include a program storage area and a data storage area.

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

[0090] Audio module 170 is used to convert digital audio information into analog audio signal output, and also to convert analog audio input into digital audio signal. Audio module 170 can also be used for encoding and decoding audio signals.

[0091] The loudspeaker 170A, also known as a "loudspeaker", is used to convert audio electrical signals into sound signals.

[0092] The receiver 170B, also known as the "earpiece", is used to convert audio electrical signals into sound signals.

[0093] Microphone 170C is used to convert sound signals into electrical signals.

[0094] The pressure sensor 180A is used to sense pressure signals and can convert pressure signals into electrical signals.

[0095] The fingerprint sensor 180H is used to collect fingerprints.

[0096] The 180K touch sensor, also known as a "touch panel," is used to detect touch operations applied to or near it.

[0097] Figure 2 is a software structure block diagram of an electronic device 100 according to an embodiment of this application. The layered architecture divides the software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, from top to bottom: the application layer, the application framework layer, the system library layer, and the kernel layer. The application layer may include a series of application packages.

[0098] As shown in Figure 2, the application layer can include camera, settings, skin modules, user interface (UI), and third-party applications. Third-party applications can include gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and SMS.

[0099] The application framework layer provides application programming interfaces (APIs) and programming frameworks for applications in the application layer. The application framework layer may include some predefined functions.

[0100] As shown in Figure 2, the application framework layer may include a window manager, content provider, view system, phone manager, resource manager, notification manager, etc.

[0101] The window manager is used to manage windowed applications. It can obtain the screen size, determine if a status bar is present, lock the screen, and capture screenshots. The content provider stores and retrieves data, making this data accessible to applications. This data may include videos, images, audio, made and received phone calls, browsing history and bookmarks, phone books, etc.

[0102] A view system includes visual controls, such as controls for displaying text and controls for displaying images. View systems can be used to build applications. A display interface can consist of one or more views.

[0103] The phone manager is used to provide communication functions for electronic device 100. For example, it manages call status (including connection and disconnection).

[0104] The file explorer provides applications with various resources, such as localized strings, icons, images, layout files, video files, and more.

[0105] The notification manager allows applications to display notifications in the status bar. These notifications can be used to deliver informational messages and can disappear automatically after a short pause, requiring no user interaction. For example, the notification manager can be used to notify users of completed downloads or message alerts. The notification manager can also display notifications as icons or scrolling text in the top status bar, such as notifications from background applications, or as dialog boxes on the screen. Examples include displaying text messages in the status bar, emitting sounds, vibrating electronic devices, and flashing indicator lights.

[0106] System libraries can include multiple functional modules. For example: surface manager, media libraries, 3D graphics processing libraries (e.g., OpenGL ES), 2D graphics engines (e.g., SGL), etc.

[0107] The Surface Manager is used to manage the display subsystem and provides the blending of 2D and 3D layers for multiple applications.

[0108] The media library supports playback and recording of various common audio and video formats, as well as still image files. It supports multiple audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, and PNG.

[0109] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.

[0110] A 2D graphics engine is a graphics engine for 2D drawing.

[0111] In addition, the system library may also include status monitoring service modules, such as a physical status recognition module for analyzing and recognizing user gestures; and a sensor service module for monitoring sensor data uploaded by various sensors at the hardware layer to determine the physical status of the electronic device 100.

[0112] The kernel layer is the layer between hardware and software. The kernel layer contains at least the display driver, camera driver, audio driver, and sensor driver.

[0113] The hardware layer can include various types of sensors, such as those shown in Figure 1.

[0114] Based on the electronic devices described in Figures 1 and 2 above, in this embodiment of the application, the electronic device can be a mobile terminal, personal computer, smart screen, smartwatch, tablet computer, or other terminal device that can carry applications and display application interfaces.

[0115] With the development of electronic devices, various product forms of electronic devices are constantly emerging. These devices may have conventional resolutions (hereinafter referred to as conventional aspect ratios) or unconventional resolutions (hereinafter referred to as unconventional aspect ratios). Most applications can lay out windows or interfaces in a conventional aspect ratio, and generally speaking, application interfaces can support various conventional aspect ratios and be displayed on the screen of electronic devices. However, for electronic devices with unconventional aspect ratios, if the application interface is still laid out in a conventional aspect ratio, it will lead to incompatibility with the actual physical screen of the electronic device, resulting in poor display effects of the application interface.

[0116] Resolution refers to the number of pixels that can be displayed on an electronic device screen, usually expressed as "horizontal pixels × vertical pixels," for example, M × N, where M represents the number of horizontal pixels and N represents the number of vertical pixels. Screen aspect ratio refers to the ratio between the width and height of an electronic device screen, used to describe the screen's proportions. The same aspect ratio can have different resolutions, and aspect ratio and resolution usually have a certain correspondence. For example, a resolution of 1920 × 1080 corresponds to an aspect ratio of 16:9. The conventional or unconventional aspect ratios mentioned in the display methods provided in this application refer to the screen aspect ratio. The aspect ratio corresponding to a conventional resolution is the conventional aspect ratio; the aspect ratio corresponding to an unconventional resolution is the unconventional aspect ratio.

[0117] Figure 3 shows a schematic diagram of an electronic device with an unconventional proportion. Taking a foldable electronic device as an example, the usage modes of a foldable electronic device can include an unfolded state and a folded state.

[0118] For example, Figure 3(a) illustrates an unfolded state of a foldable electronic device. The unfolded foldable electronic device may include screen 301 and screen 302. Screen 301 and screen 302 may be different sub-screens of the same screen. It is understood that when the foldable electronic device is in the unfolded state, the angle between screen 301 and screen 302 can be 180°. Axis k may be the axis along which the foldable electronic device is bent, with screen 301 located to the left of axis k and screen 302 located to the right of axis k.

[0119] Figure 3(b) shows a folded state of a foldable electronic device. When folded, the foldable electronic device may include a screen 303. When the foldable electronic device is in the folded state, the included angle between the two screens can be 0°, that is, screens 301 and 302 are fitted together.

[0120] In Figure 3, the y-direction represents the height direction, and the x-direction represents the width direction. The screen aspect ratio is the ratio of the size of the electronic device in the x-direction to the size in the y-direction. In the unfolded state of the foldable electronic device shown in Figure 3(a), the size in the x-direction is larger than the size in the y-direction. In the folded state of the foldable electronic device shown in Figure 3(b), the size in the x-direction is smaller than the size in the y-direction. It can be seen that the screen aspect ratio can change for foldable electronic devices.

[0121] Foldable electronic devices often have unconventional proportions, making it difficult for many application interfaces to adapt, resulting in incomplete display content and inconsistent display ratios.

[0122] Figure 4 illustrates a schematic diagram of an application interface displayed on a foldable electronic device. The video application is incompatible with the unconventional aspect ratio of the foldable electronic device's screen.

[0123] For example, Figure 4(a) shows a foldable electronic device in an unfolded state, on which a video application interface 304 is displayed on the screen, and the scale of the interface 304 is inconsistent.

[0124] For example, Figure 4(b) shows a folded electronic device in a folded state, on which a video application interface 305 is displayed on the screen. The content displayed on the interface 305 is incomplete, with an obstruction area 306.

[0125] Based on this, embodiments of this application provide a display method, display device, and electronic device. In the electronic device, a system-level compatibility solution is provided. If the electronic device has a physical screen with an unconventional aspect ratio, the aspect ratio of the logical screen can be modified to a conventional aspect ratio first. After the application initially draws its interface according to the conventional aspect ratio of the logical screen, the initially drawn application interface is then scaled according to the actual size of the physical screen to display the adjusted application interface. This ensures that the adjusted application interface can be displayed completely without issues such as inconsistent display proportions.

[0126] Figure 5 shows a schematic diagram of a system architecture provided in an embodiment of this application, which can be applied to electronic devices.

[0127] For example, this system architecture includes a screen, an application, a screen window management module, and a graphics compositor. The screen can be understood as the physical screen of an electronic device. The application is a third-party application or a system application hosted on the electronic device. The screen window management module can be used to determine whether the physical screen is at an unconventional aspect ratio; if the physical screen is at an unconventional aspect ratio, it can modify the logical screen to a conventional aspect ratio, adjust the initially drawn application interface, and transmit the adjusted application interface to the graphics compositor, which then displays the adjusted application interface.

[0128] It should be noted that the modules shown in Figure 5 are only an exemplary functional division, and the specific division of modules in this application embodiment is not limited.

[0129] The display method, display device, and electronic device provided in the embodiments of this application will be described in detail below with reference to the accompanying drawings.

[0130] Figure 6 shows a schematic flowchart of a display method provided in an embodiment of this application. This method can be applied to electronic devices, and the following is a detailed description of this aspect.

[0131] S601, obtain the size of the physical screen of the electronic device and determine whether the ratio of the physical screen is an unconventional ratio.

[0132] Optionally, when the application is triggered to start, the size of the electronic device's physical screen is obtained.

[0133] For example, the physical screen of an electronic device can be understood as the actual screen of the electronic device. The size of the physical screen can be its width and height. The size of the physical screen can be obtained, or its aspect ratio (i.e., the screen's proportion) can be directly obtained.

[0134] S602, when the physical screen ratio is a normal ratio, the application draws the application interface according to the normal ratio.

[0135] It is understandable that "standard proportions" refers to standard aspect ratios.

[0136] To make it easier to understand, the following introduces several common resolutions and their corresponding aspect ratios:

[0137] The resolution is 540×960, and the corresponding aspect ratio is 9:16.

[0138] The resolution is 720×1280, and the corresponding aspect ratio is 9:16.

[0139] The resolution is 1080×2160, and the corresponding aspect ratio is 9:18.

[0140] The resolution is 1280×960, and the corresponding aspect ratio is 4:3.

[0141] The resolution is 1920×1080, and the corresponding aspect ratio is 16:9.

[0142] It is evident that different resolutions may correspond to the same aspect ratio.

[0143] Understandably, most applications support displaying the application interface at a standard aspect ratio. If the physical screen is at a standard aspect ratio, the application can lay out and draw the interface according to the standard aspect ratio of the physical screen.

[0144] S603 displays the application interface on the physical screen.

[0145] For example, when the physical screen is at a standard aspect ratio, the application interface drawn according to the standard aspect ratio of the physical screen can be displayed directly. In this case, the application interface displays complete content, and there are no issues such as display ratio inconsistencies.

[0146] S604: When the ratio of the physical screen is non-standard, the ratio of the logical screen will be changed to the standard ratio.

[0147] Optionally, the logical screen can be the area displayed by the application's interface.

[0148] For example, before modification, the ratio of the logical screen can be the same as the ratio of the physical screen; that is, before modification, the ratio of the logical screen can also be an unconventional ratio.

[0149] S605, the application initially draws the application interface according to the conventional proportions of the logical screen.

[0150] Understandably, if an application's interface is drawn according to a non-standard aspect ratio of the physical screen, the application may not be compatible with non-standard aspect ratios, resulting in problems such as incomplete content display and inconsistent display ratios.

[0151] S606 adjusts the initially drawn application interface according to the size of the physical screen to obtain the adjusted application interface.

[0152] It is understandable that the dimensions of the logical screen in the width and height directions may not match the actual physical screen dimensions. If the interface of the initially drawn application is directly displayed on the physical screen, the displayed content may be incomplete.

[0153] For example, the initially drawn application interface is scaled up according to a certain ratio so that the application interface can be fully displayed on the physical screen.

[0154] The S607 displays the adjusted application interface on the physical screen.

[0155] S608 converts the coordinate information of the user's click, and the electronic device performs the corresponding function based on the conversion result.

[0156] Understandably, the adjusted application interface is displayed on the physical screen. This interface may include icons, options, controls, and other user-interactive elements. The coordinates of these elements on the adjusted application interface may change. To enable the electronic device to accurately identify the user's intent and execute the corresponding function, when the device receives a user's click, it can first transform the coordinates (or point information) of the click. The transformed coordinates (the result) then fall into the initially drawn application interface, thus determining the specific content corresponding to the user's click, allowing the electronic device to perform the corresponding function.

[0157] For example, a first coordinate system is constructed within the area of ​​the adjusted application interface, and a second coordinate system is constructed within the area of ​​the initially drawn application interface. When the user clicks on coordinate information 1 (x1, y1) in the first coordinate system, the electronic device transforms coordinate information 1 according to the scaling ratio of the application interface, resulting in coordinate information 2 (x2, y2). Coordinate information 2 belongs to the second coordinate system, and the electronic device can perform corresponding functions based on the icons, options, controls, etc., corresponding to coordinate information 2.

[0158] As described above regarding the foldable electronic device in Figure 3, the physical screen size can differ depending on the usage mode (unfolded and folded). In the unfolded state shown in Figure 3(a), the physical screen includes screens 301 and 302, with the x-axis dimension larger than the y-axis dimension. In the folded state shown in Figure 3(b), the physical screen includes screen 303, with the x-axis dimension smaller than the y-axis dimension. It is evident that the physical screen size changes with the usage mode. When the physical screen size changes, the application interface can be designed according to the new physical screen size.

[0159] In one implementation, after the application starts, the usage mode of the electronic device is changed, the size of the physical screen of the electronic device in the current usage mode is obtained, and it is determined whether the ratio of the physical screen in the current usage mode is an unconventional ratio. If it is a conventional ratio, the application interface can be drawn according to the conventional ratio. If it is an unconventional ratio, the logical screen is first modified to a conventional ratio, and the application interface is initially drawn according to the conventional ratio of the logical screen. The adjusted application interface is then obtained by scaling it according to a certain ratio and displayed on the physical screen.

[0160] For ease of understanding, Figure 7 shows a schematic diagram of a display method provided in an embodiment of this application. The display method provided in this application embodiment will be illustrated below using an unconventional aspect ratio of 3:2 and a conventional aspect ratio of 9:16.

[0161] As shown in Figure 7(a), a physical screen is illustrated, with the x-direction representing the width and the y-direction representing the height. The width dimension of the physical screen is 1440, and the height dimension is 960, resulting in an aspect ratio of 3:2, which is an unconventional ratio.

[0162] Figure 7(b) illustrates a logical screen. When the physical screen's ratio is non-standard, the logical screen's ratio is modified to a standard ratio.

[0163] For example, under a standard aspect ratio, the width dimension of the modified logical screen is set to 1080. Taking a standard aspect ratio of 9:16 as an example, the height dimension of the logical screen is calculated to be 1920 (height dimension = 1080 × 16 / 9). That is, the width dimension of the modified logical screen is 1080, the height dimension is 1920, and the aspect ratio of the logical screen is 9:16.

[0164] This application does not limit the specific method of modifying the ratio of the logic screen to a conventional ratio. Under the conventional ratio, the height dimension of the modified logic screen can also be set, and the width dimension can be calculated with the fixed height dimension and the conventional ratio. This application does not limit this aspect.

[0165] As can be seen, the shaded area shown in Figure 7(b) represents the area where the logical screen is located. The height dimension of the logical screen is greater than that of the physical screen, and the logical screen is not entirely within the scope of the physical screen.

[0166] Figure 7(c) shows a preliminary drawing of the application interface. The application interface is initially drawn according to the conventional proportions and dimensions of the logical screen shown in Figure 7(b).

[0167] Figure 7(d) shows an adjusted application interface. By scaling the initially drawn application interface to the actual size of the physical screen, the display effect shown in Figure 7(d) can be obtained. The adjusted application interface can be fully displayed on the physical screen without any display ratio issues.

[0168] For example, the initial design of the application interface has a width of 1080 and a height of 1920. The physical screen has a width of 1440 and a height of 960. Clearly, the height of the physical screen is smaller than the height of the initial application design, requiring scaling the interface proportionally. By fixing the height of the application interface to 960, the width is adjusted to 540 (1080×960 / 1920), resulting in a scaling ratio of 1 / 2 (960 / 1920). After scaling, the adjusted application interface has a width and height of 960, maintaining a 9:16 aspect ratio and displaying completely on the physical screen. In short, it scales the 1080×1920 application interface within a 1440×960 physical screen while maintaining the standard 9:16 aspect ratio.

[0169] It should be noted that the width or height dimensions of the screen or application interface provided in Figure 7 above (e.g., 1080, 1920, etc.) are merely illustrative examples.

[0170] Figure 8 shows a schematic flowchart of a display method provided in an embodiment of this application. This method can be applied to the system architecture shown in Figure 5. The method will be described in detail below.

[0171] S801, the screen sends the physical screen size, and the screen window management module receives the physical screen size accordingly.

[0172] Optionally, when the application is triggered to start, the screen window management module obtains the size of the physical screen.

[0173] Optionally, when the usage pattern of the electronic device changes, the screen window management module obtains the size of the physical screen.

[0174] For example, the dimensions of a physical screen can be its width and height. You can obtain the dimensions of the physical screen, or directly obtain its aspect ratio (i.e., the screen's proportions).

[0175] S802, the screen window management module determines whether the ratio of the physical screen is an unconventional ratio.

[0176] S803: When the ratio of the physical screen is not a standard ratio, the screen window management module will modify the ratio of the logical screen to a standard ratio.

[0177] S804, the screen window management module sends drawing information, and the application receives the drawing information accordingly.

[0178] S805, the application initially draws the application interface according to the drawing information.

[0179] Optionally, before modification, the ratio of the logical screen can be the same as the ratio of the physical screen; that is, before modification, the ratio of the logical screen can also be an unconventional ratio.

[0180] Understandably, if an application's interface is drawn according to a non-standard aspect ratio of the physical screen, the application may not be compatible with non-standard aspect ratios, resulting in problems such as incomplete content display and inconsistent display ratios.

[0181] For example, the drawing information sent by the screen window management module to the application may include information such as drawing ratio and drawing size, that is, to instruct the application to draw the application interface according to the modified logical screen ratio (normal ratio) or the logical screen size.

[0182] Understandably, the application's interface, initially drawn based on the drawing information, matches the standard proportions of the logical screen.

[0183] S806, the application sends the initially drawn application interface, and the screen window management module receives the initially drawn application interface accordingly.

[0184] S807, the screen window management module determines the scaling ratio based on the size of the physical screen, and adjusts the initially drawn application interface according to the scaling ratio to obtain the adjusted application interface.

[0185] S808, the screen window management module sends the adjusted application interface, and the screen receives the adjusted application interface accordingly.

[0186] It is understandable that the dimensions of the logical screen in the width and height directions may not match the actual physical screen dimensions. If the interface of the initially drawn application is directly displayed on the physical screen, the displayed content may be incomplete.

[0187] For example, the initially drawn application interface is scaled up according to a certain ratio so that the application interface can be fully displayed on the physical screen.

[0188] For example, the initial design of the application's interface has a width of 1080 and a height of 1920. The physical screen's width is 1440 and its height is 960. The screen window management module fixes the application's interface height to the physical screen's height of 960, resulting in a scaling ratio of 1 / 2 (960 / 1920). Following this scaling ratio, the screen management module adjusts the application's interface width to 540 (1080 × 1 / 2), thus obtaining the adjusted application interface, while maintaining the same aspect ratio.

[0189] S809, the screen displays the adjusted application interface.

[0190] S810: The screen sends the coordinate information of the user's click, and the screen window management module receives the coordinate information of the user's click accordingly.

[0191] S811, the screen window management module converts the coordinate information of the user's click according to the scaling ratio to realize the corresponding function of the user operation.

[0192] For example, a first coordinate system is constructed within the area of ​​the adjusted application interface, and a second coordinate system is constructed within the area of ​​the initially drawn application interface. When the user clicks on coordinate information 1 (x1, y1) in the first coordinate system, the screen window management module transforms coordinate information 1 according to the scaling ratio of the application interface (e.g., 1 / 2) to obtain the transformed coordinate information 2 (x2, y2). Coordinate information 2 belongs to the second coordinate system, and the electronic device can perform corresponding functions based on the icons, options, controls, etc. corresponding to coordinate information 2.

[0193] This application provides a display method, display device, and electronic device. It offers a system-level compatibility solution: if the electronic device has a physical screen with an unconventional aspect ratio, the logical screen's aspect ratio can be modified to a conventional ratio first. After the application initially draws its interface according to the conventional aspect ratio of the logical screen, the initially drawn application interface is then scaled according to the actual size of the physical screen to display the adjusted application interface. This ensures the adjusted application interface is fully displayed without issues such as inconsistencies in display ratio. Furthermore, when a user clicks on the adjusted application interface, the coordinate information of the user's click can be converted according to the scaling ratio to determine the specific control, option, or icon corresponding to the user's click, enabling the electronic device to more accurately execute the corresponding function.

[0194] Figure 9 shows a schematic flowchart of a display method provided in an embodiment of this application. This method can be applied to an electronic device, which includes an application program. The method will be described in detail below.

[0195] S901, obtain the ratio of the physical screen of the electronic device.

[0196] For example, the screen window management module in an electronic device obtains the ratio of the physical screen of the electronic device.

[0197] The aspect ratio of a physical screen can be understood as the width-to-height ratio of the physical screen.

[0198] Understandably, the screen window management module can directly obtain the ratio of the physical screen or the size of the physical screen, and determine the ratio of the physical screen based on the size of the physical screen.

[0199] Optionally, the dimensions of the physical screen of the electronic device are obtained, including a second width and a second height; the proportion of the physical screen is determined based on the dimensions of the physical screen.

[0200] In one implementation, under certain triggering conditions, the screen window management module can obtain the physical screen ratio of the electronic device from the screen.

[0201] Optionally, before acquiring the physical screen ratio of the electronic device, it is determined that a triggering event has been detected. The triggering event may include at least one of the following: application startup, or a change in the usage mode of the electronic device.

[0202] For example, the application can be launched by the user clicking the application icon or by the user using a voice assistant. This application embodiment does not limit the specific method of application launch.

[0203] For example, the electronic device can be a foldable electronic device, such as the foldable electronic device shown in Figure 3.

[0204] It is understandable that the physical screen size of a foldable electronic device can differ in different usage modes (e.g., unfolded and folded). Figure 3(a) shows the unfolded state of the foldable electronic device, with the physical screen including screens 301 and 302. Figure 3(b) shows the folded state of the foldable electronic device, with the physical screen including screen 303. As the usage mode changes, the size of the physical screen also changes. When the size of the physical screen changes, the size or proportion of the physical screen can be re-acquired, and the application interface can be drawn according to the new physical screen proportions.

[0205] In one implementation, after the application starts, the usage mode of the electronic device is changed, the size of the physical screen of the electronic device in the current usage mode is obtained, and it is determined whether the ratio of the physical screen in the current usage mode is an unconventional ratio. If it is a conventional ratio, the application interface can be drawn according to the conventional ratio. If it is an unconventional ratio, the logical screen is first modified to a conventional ratio, and the application interface is initially drawn according to the conventional ratio of the logical screen. The adjusted application interface is then obtained by scaling it according to a certain ratio and displayed on the physical screen.

[0206] S902, when the ratio of the physical screen is an unconventional ratio, determine the logical screen, wherein the logical screen has a conventional ratio.

[0207] For example, the screen window management module determines whether the ratio of the physical screen is an unconventional ratio. When the ratio of the physical screen is an unconventional ratio, the ratio of the logical screen is modified to a regular ratio.

[0208] It is understandable that different screen resolutions may correspond to the same aspect ratio.

[0209] Optionally, the logical screen can be the area displayed by the application's interface.

[0210] For example, before modification, the ratio of the logical screen can be the same as the ratio of the physical screen; that is, before modification, the ratio of the logical screen can also be an unconventional ratio.

[0211] In one implementation, the specific size of the logical screen can be determined by first setting the width dimension of the logical screen.

[0212] Optionally, a first width is preset; a first height is determined based on the first width and a conventional ratio, wherein the ratio of the first width to the second height is a conventional ratio, and the size of the logical screen includes the first width and the first height.

[0213] For example, taking a standard aspect ratio of 9:16, let's set the first width (i.e., the width of the logical screen) to 1080. Based on the first width of 1080 and the standard aspect ratio of 9:16, the first height (i.e., the height of the logical screen) is calculated to be 1920 (1080 × 16 / 9). Therefore, the aspect ratio of the logical screen is 9:16.

[0214] This application does not limit the specific method of modifying the ratio of the logic screen to a conventional ratio. Under the conventional ratio, the height dimension of the modified logic screen can also be set, and the width dimension can be calculated with the fixed height dimension and the conventional ratio. This application does not limit this aspect.

[0215] Understandably, most applications support displaying the application interface at a standard aspect ratio. If the physical screen is at a standard aspect ratio, the application can lay out and draw the interface according to the standard aspect ratio of the physical screen.

[0216] Optionally, when the physical screen ratio is a normal ratio, the first interface of the application is determined based on the physical screen; and the first interface of the application is displayed on the physical screen.

[0217] For example, when the physical screen is at a standard aspect ratio, the application interface drawn according to the standard aspect ratio of the physical screen can be displayed directly. In this case, the application interface displays complete content, and there are no issues such as display ratio inconsistencies.

[0218] S903 determines the first interface of the application based on the logic screen, and the first interface has a conventional aspect ratio.

[0219] Understandably, the application's primary interface is the one fully displayed on the physical screen. For example, the modified application interface described above.

[0220] In one implementation, the application interface is initially generated based on a logical screen with a standard aspect ratio. However, the initially generated application interface may not be fully displayed on the physical screen, so it needs to be scaled up to the actual size of the physical screen.

[0221] Optionally, a second interface of the application is determined based on the logical screen, the second interface having a conventional aspect ratio; a scaling ratio is determined based on the size of the physical screen; the second interface of the application is adjusted according to the scaling ratio to obtain the first interface of the application.

[0222] For example, the screen window management module can determine the scaling ratio and obtain the first interface of the application based on the scaling ratio.

[0223] For example, the application obtains drawing information from the screen management module and draws the application's second interface, i.e., the initially drawn application interface, based on the drawing information. The application sends the initially drawn application interface to the screen window management module, which determines the scaling ratio based on the physical screen size and scales the initially drawn application interface to obtain the application's first interface, i.e., the adjusted application interface.

[0224] Optionally, the physical screen dimensions include a second width and a second height, and the second interface dimensions include a third width and a third height; the third height can be modified to a fourth height based on the second height; and the scaling ratio can be determined based on the fourth height and the third height.

[0225] Optionally, a fourth width is determined based on the third width and the scaling ratio to obtain the first interface of the application, wherein the size of the first interface includes a fourth width and a fourth height, the fourth width is less than or equal to the second width, the fourth height is less than or equal to the second height, and the ratio of the fourth width to the fourth height is a conventional ratio.

[0226] For example, taking a standard 9:16 aspect ratio, the physical screen's second width is 1440 and its second height is 960. The second interface's third width is 980 and its third height is 1920. The physical screen's second height is less than the second interface's third height. Fixing the second interface's third height to the physical screen's second height of 960 means the first interface's fourth height is 960. Therefore, the scaling ratio is 1 / 2 (960 / 1920). Based on the scaling ratio and the second interface's third width, the first interface's fourth width is calculated to be 540 (980 × 1 / 2). This ensures the first interface can be fully displayed within the physical screen.

[0227] Understandably, if an application's interface is drawn according to a non-standard aspect ratio of the physical screen, the application may not be compatible with non-standard aspect ratios, resulting in problems such as incomplete content display and inconsistent display ratios.

[0228] The S904 displays the first interface of the application on the physical screen.

[0229] For example, the screen window management module can send the application's first interface to the screen (i.e., the physical screen), so that the first interface is displayed on the screen.

[0230] Understandably, the initial interface displayed on the physical screen supports user interaction. The adjusted application interface is then displayed on the physical screen, and this interface may include icons, options, controls, and other interactive elements. The coordinates of these elements on the adjusted application interface may change. To ensure the electronic device can accurately identify the user's intent and execute the corresponding function, when the device receives a user's action, it can first transform the coordinates of the click, ensuring the transformed coordinates fall within the initially drawn application interface. This determines the specific content corresponding to the user's click, allowing the electronic device to perform the appropriate function.

[0231] Optionally, first coordinate information is obtained; the first coordinate information is converted into second coordinate information according to the scaling ratio, the second coordinate information being within the range of the second interface; the target object is determined according to the second coordinate information, the target object including one of the following: icon, control, option; and the function corresponding to the target object is executed.

[0232] For example, the screen window management module can transform coordinate information.

[0233] For example, a first coordinate system is constructed within the area of ​​the first interface (the adjusted application interface), and a second coordinate system is constructed within the area of ​​the second interface (the initially drawn application interface). When the user clicks on coordinate information 1 (x1, y1) in the first coordinate system, the electronic device transforms coordinate information 1 according to the scaling ratio of the application interface, resulting in coordinate information 2 (x2, y2). Coordinate information 2 belongs to the second coordinate system, and the electronic device can perform corresponding functions based on the icons, options, controls, etc., corresponding to coordinate information 2.

[0234] This application provides a display method, display device, and electronic device. It offers a system-level compatibility solution: if the electronic device has a physical screen with an unconventional aspect ratio, the logical screen's aspect ratio can be modified to a conventional ratio first. After the application initially draws its interface according to the conventional aspect ratio of the logical screen, the initially drawn application interface is then scaled according to the actual physical screen size to display the adjusted application interface. This ensures the adjusted application interface is fully displayed without issues such as inconsistencies in display proportions. Furthermore, when a user interacts with the adjusted application interface, the coordinate information of the user's click can be converted based on the scaling ratio to determine the specific control, option, or icon corresponding to the user's click, enabling the electronic device to more accurately execute the corresponding function.

[0235] The display method provided by the embodiments of this application has been described in detail above with reference to Figures 1 to 9. In the various embodiments of this application, unless otherwise specified or in case of logical conflict, the terminology and / or descriptions between the various embodiments are consistent and can be referenced by each other. The technical features in different embodiments can be combined to form new embodiments according to their inherent logical relationships.

[0236] The display device and electronic device provided in the embodiments of this application will be described in detail below with reference to Figures 10 and 11. It should be understood that the description of the display device and electronic device embodiments corresponds to the description of the method embodiments. Therefore, for content not described in detail, please refer to the method embodiments above. For the sake of brevity, it will not be repeated here.

[0237] Figure 10 shows a schematic block diagram of a display device 1000 provided in an embodiment of this application. The display device 1000 may include units for performing the display method in Figure 10.

[0238] Specifically, in one implementation, the display device 1000 can be used to perform the steps performed by the electronic device in FIG10.

[0239] The display device 1000 includes a processing unit 1010 and a display unit 1020.

[0240] Processing unit 1010 obtains the ratio of the physical screen of the display device.

[0241] It is also used to determine the logical screen when the ratio of the physical screen is an unconventional ratio, wherein the logical screen has a conventional ratio.

[0242] It is also used to determine the first interface of the application based on the logical screen, the first interface having the conventional proportions.

[0243] Display unit 1020 is used to display the first interface of an application on a physical screen.

[0244] In some embodiments, the processing unit 1010 is specifically configured to determine a second interface of the application based on the logic screen, the second interface having the conventional ratio.

[0245] It is also used to determine the scaling ratio based on the size of the physical screen.

[0246] It is also used to adjust the second interface of the application according to the scaling ratio to obtain the first interface of the application.

[0247] In some embodiments, the processing unit 1010 is used to obtain first coordinate information.

[0248] It is also used to convert the first coordinate information into the second coordinate information according to the scaling ratio, where the second coordinates belong to the range of the second interface.

[0249] It is also used to determine the target object based on the second coordinate information. The target object includes one of the following: icon, control, or option.

[0250] It is also used to perform the functions corresponding to the target object.

[0251] In some embodiments, the processing unit 1010 is specifically used to preset a first width.

[0252] It is also used to determine a first height based on a first width and a conventional ratio, wherein the ratio of the first width to the first height is a conventional ratio, and the size of the logic screen includes the first width and the first height.

[0253] In some embodiments, the size of the physical screen includes a second width and a second height, and the size of the second interface includes a third width and a third height. The processing unit 1010 is specifically configured to modify the third height to a fourth height based on the second height; and to determine a scaling ratio based on the fourth height and the third height.

[0254] In some embodiments, the processing unit 1010 is specifically configured to determine a fourth width based on a third width and a scaling ratio to obtain a first interface of the application, wherein the size of the first interface includes a fourth width and a fourth height, the fourth width is less than or equal to a second width, the fourth height is less than or equal to a second height, and the ratio of the fourth width to the fourth height is a conventional ratio.

[0255] In some embodiments, the processing unit 1010 is specifically configured to obtain the size of the physical screen of an electronic device, the size of the physical screen including a second width and a second height; and to determine the ratio of the physical screen based on the size of the physical screen.

[0256] In some embodiments, the processing unit 1010 is further configured to determine the first interface of the application based on the physical screen when the ratio of the physical screen is a normal ratio; the display unit 1020 is further configured to display the first interface of the application on the physical screen.

[0257] In some embodiments, the processing unit 1010 is further configured to detect a triggering event, which includes at least one of the following: application startup, or a change in the usage mode of the electronic device.

[0258] In some embodiments, the display device is a foldable electronic device.

[0259] Optionally, the display device 1000 further includes a storage unit, which can be used to store instructions and / or data. The processing unit 1010 can read the instructions and / or data in the storage unit so that the device can perform the relevant actions executed by the electronic device in the foregoing method embodiments.

[0260] The display device 1000 can be used to perform the actions performed by the electronic device in the various method embodiments described above. In this case, the display device 1000 can be a component of the electronic device; for example, the display device 1000 can also be a chip or integrated circuit in the electronic device. The processing unit 1010 is used to perform processing-related operations of the electronic device in the method embodiments described above, and the display unit 1020 is used to perform display-related operations of the electronic device in the method embodiments described above.

[0261] In a specific implementation, the actions performed by the processing unit 1010 and the display unit 1020 can be implemented by one processor or by multiple processors.

[0262] Figure 11 is a schematic block diagram of an electronic device 1100 provided in an embodiment of this application. The electronic device 1100 shown in Figure 11 may include a processor 1110, a transceiver 1120, and a memory 1130. The processor 1110, transceiver 1120, and memory 1130 are connected via internal interconnection paths. The memory 1130 is used to store instructions, and the processor 1110 is used to execute the instructions stored in the memory 1130 to implement the methods in the above embodiments. Optionally, the memory 1130 may be coupled to the processor 1110 via an interface or integrated with the processor 1110.

[0263] It should be noted that the transceiver 1120 mentioned above may include, but is not limited to, transceiver devices such as input / output interfaces, to realize communication between electronic device 1100 and other devices or communication networks.

[0264] Memory 1130 can be volatile memory and / or non-volatile memory. Non-volatile memory can be read-only memory (ROM), programmable read-only memory (PROM), erasable programmable read-only memory (EPROM), electrically erasable programmable read-only memory (EEPROM), or flash memory. Volatile memory can be random access memory (RAM). For example, RAM can be used as an external cache. By way of example and not limitation, RAM includes various forms such as: static random access memory (SRAM), dynamic random access memory (DRAM), synchronous dynamic random access memory (SDRAM), double data rate synchronous dynamic random access memory (DDR SDRAM), enhanced synchronous dynamic random access memory (ESDRAM), synchronous linked dynamic random access memory (SLDRAM), and direct rambus RAM (DR RAM).

[0265] It should be noted that when the processor is a general-purpose processor, DSP, ASIC, FPGA, or other programmable logic device, discrete gate or transistor logic device, or discrete hardware component, the memory (storage module) can be integrated into the processor.

[0266] It should also be noted that the memory described herein is intended to include, but is not limited to, these and any other suitable types of memory.

[0267] Transceiver 1120 uses transceiver devices, such as but not limited to transceivers, to enable communication between electronic device 1100 and other devices or communication networks to receive / send data / information for implementing the methods in the above embodiments.

[0268] Specifically, in one implementation, electronic device 1100 is the electronic device of the method in Figure 10.

[0269] Electronic device 1100 includes one or more processors; one or more memories; one or more memories storing one or more computer programs, the one or more computer programs including instructions that, when executed by one or more processors, cause electronic device 1100 to perform the following steps: obtaining the aspect ratio of the physical screen of the electronic device; when the aspect ratio of the physical screen is an unconventional aspect ratio, determining a logical screen, wherein the logical screen has a conventional aspect ratio; determining a first interface of the application based on the logical screen, the first interface having a conventional aspect ratio; and displaying the first interface of the application on the physical screen.

[0270] In some embodiments, when the instructions are executed by one or more processors, the electronic device 1100 performs the following steps: determining a second interface of the application based on a logical screen, the second interface having a conventional aspect ratio; determining a scaling ratio based on the size of a physical screen; and adjusting the second interface of the application based on the scaling ratio to obtain a first interface of the application.

[0271] In some embodiments, when the instruction is executed by one or more processors, the electronic device 1100 performs the following steps: obtaining first coordinate information; converting the first coordinate information into second coordinate information according to a scaling ratio, wherein the second coordinate information belongs to the range of the second interface; determining a target object based on the second coordinate information, wherein the target object includes one of the following: an icon, a control, or an option; and executing the function corresponding to the target object.

[0272] In some embodiments, when the instruction is executed by one or more processors, the electronic device 1100 performs the following steps: preset a first width; determine a first height based on the first width and a conventional ratio, wherein the ratio of the first width to the first height is a conventional ratio, and the size of the logic screen includes the first width and the first height.

[0273] In some embodiments, the size of the physical screen includes a second width and a second height, and the size of the second interface includes a third width and a third height; when the instruction is executed by one or more processors, the electronic device 1100 performs the following steps: modifying the third height to a fourth height according to the second height; and determining a scaling ratio according to the fourth height and the third height.

[0274] In some embodiments, when the instructions are executed by one or more processors, the electronic device 1100 performs the following steps: determining a fourth width based on a third width and a scaling ratio to obtain a first interface of the application, wherein the dimensions of the first interface include a fourth width and a fourth height, the fourth width is less than or equal to a second width, the fourth height is less than or equal to a second height, and the ratio of the fourth width to the fourth height is a conventional ratio.

[0275] In some embodiments, when the instructions are executed by one or more processors, the electronic device 1100 performs the following steps: obtaining the size of the physical screen of the electronic device, the size of the physical screen including a second width and a second height; and determining the ratio of the physical screen based on the size of the physical screen.

[0276] In some embodiments, when the instructions are executed by one or more processors, the electronic device 1100 performs the following steps: when the ratio of the physical screen is a normal ratio, determining a first interface of the application based on the physical screen; and displaying the first interface of the application on the physical screen.

[0277] In some embodiments, when the instructions are executed by one or more processors, the electronic device 1100 performs the following steps: detecting a triggering event, the triggering event including at least one of the following: application startup, or a change in the usage mode of the electronic device.

[0278] In some embodiments, the electronic device 1100 is a foldable electronic device.

[0279] This application provides a computer program product that, when run on a device, causes the device to execute the technical solutions described in the above embodiments. Its implementation principle and technical effects are similar to those of the related embodiments described above, and will not be repeated here.

[0280] This application provides a readable storage medium containing instructions that, when executed on a device, cause the device to perform the technical solutions described in the above embodiments. The implementation principle and technical effects are similar and will not be repeated here.

[0281] This application provides a chip for executing instructions. When the chip is running, it executes the technical solutions described in the above embodiments. Its implementation principle and technical effects are similar and will not be repeated here.

[0282] Those skilled in the art will recognize that the units and algorithm steps of the various examples described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of the embodiments of this application.

[0283] Those skilled in the art will clearly understand that, for the sake of convenience and brevity, the specific working process of the above-described device and unit (module) can be referred to the corresponding process in the foregoing method embodiments, and will not be repeated here.

[0284] In the several embodiments provided in this application, it should be understood that the disclosed devices, apparatuses, and methods can be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative; for instance, the division of units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be through some interfaces; the indirect coupling or communication connection between devices or units may be electrical, mechanical, or other forms.

[0285] The units described above as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0286] In addition, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit.

[0287] If the aforementioned functions are implemented as software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solutions of the embodiments of this application, essentially or in other words, the parts that contribute to the prior art, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0288] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the scope of the technology disclosed in this application should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

1. A display method, characterized in that, The method is applied to an electronic device, the electronic device including an application program, and the method includes: Obtain the physical screen ratio of the electronic device; When the ratio of the physical screen is an unconventional ratio, a logical screen is determined, wherein the logical screen has a conventional ratio; Based on the logical screen, a first interface of the application is determined, wherein the first interface has the conventional aspect ratio; The first interface of the application is displayed on the physical screen.

2. The method according to claim 1, characterized in that, Determining the first interface of the application based on the logical screen includes: Based on the logical screen, a second interface of the application is determined, the second interface having the conventional aspect ratio; The scaling ratio is determined based on the size of the physical screen; Adjust the second interface of the application according to the scaling ratio to obtain the first interface of the application.

3. The method according to claim 2, characterized in that, The method further includes: Obtain the first coordinate information; According to the scaling ratio, the first coordinate information is converted into second coordinate information, and the second coordinate information belongs to the range of the second interface; The target object is determined based on the second coordinate information, and the target object includes one of the following: Icons, controls, options; Execute the function corresponding to the target object.

4. The method according to claim 2 or 3, characterized in that, When the ratio of the physical screen is an unconventional ratio, determining the logical screen includes: Preset first width; The first height is determined based on the first width and the conventional ratio, wherein the ratio of the first width to the first height is the conventional ratio, and the size of the logic screen includes the first width and the first height.

5. The method according to any one of claims 2 to 4, characterized in that, The physical screen has a second width and a second height, and the second interface has a third width and a third height. The step of determining the scaling ratio based on the size of the physical screen includes: Based on the second height, the third height is modified to the fourth height; The scaling ratio is determined based on the fourth height and the third height.

6. The method according to claim 5, characterized in that, The step of adjusting the second interface of the application according to the scaling ratio to obtain the first interface of the application includes: A fourth width is determined based on the third width and the scaling ratio to obtain the first interface of the application. The size of the first interface includes the fourth width and the fourth height. The fourth width is less than or equal to the second width, the fourth height is less than or equal to the second height, and the ratio of the fourth width to the fourth height is the conventional ratio.

7. The method according to any one of claims 1 to 6, characterized in that, The process of obtaining the physical screen ratio of the electronic device includes: Obtain the dimensions of the physical screen of the electronic device, wherein the dimensions of the physical screen include a second width and a second height; The proportion of the physical screen is determined based on the size of the physical screen.

8. The method according to any one of claims 1 to 7, characterized in that, The method further includes: When the ratio of the physical screen is a normal ratio, the first interface of the application is determined according to the physical screen. The first interface of the application is displayed on the physical screen.

9. The method according to any one of claims 1 to 8, characterized in that, Before obtaining the ratio of the physical screen of the electronic device, the method further includes: A triggering event is detected, and the triggering event includes at least one of the following: The application is launched, and the usage mode of the electronic device changes.

10. The method according to any one of claims 1 to 9, characterized in that, The electronic device is a foldable electronic device.

11. An electronic device, characterized in that, The electronic device includes: One or more processors; One or more memory units; The one or more memories store one or more computer programs, the one or more computer programs including instructions that, when executed by the one or more processors, cause the electronic device to perform the method as described in any one of claims 1 to 10.

12. A display device, characterized in that, A processor coupled to a memory for storing a computer program, the processor for running the computer program such that the display device performs the method as described in any one of claims 1 to 10.

13. A computer-readable storage medium, characterized in that, It stores a computer program thereon, which, when executed by a computer, causes the computer to perform the method as described in any one of claims 1 to 10.

14. A computer program product containing instructions, characterized in that, When the computer program product is run on a computer, it causes the computer to perform the method as described in any one of claims 1 to 10.

15. A chip, characterized in that, The chip includes a processor and a data interface, wherein the processor reads instructions stored in a memory through the data interface to execute the method as described in any one of claims 1 to 10.

Images