Display method, foldable-screen device, and storage medium

By setting a background filling method in the hole-punching area of the folding screen device, and adjusting the background content according to the proportion of the application interface and the theme color value, the problem of incompatibility between the external screen display and the inner screen display is solved, improving the user experience and the aesthetics of the equipment.

WO2025167963A1PCT designated stage Publication Date: 2025-08-14HONOR DEVICE CO LTD
View PDF 3 Cites 0 Cited by

Patent Information

Application Number
PCT/CN2025/075938
Authority / Receiving Office
WO · WO
Patent Type
Applications
Current Assignee / Owner
Priority Date
2024-02-07
Filing Date
2025-02-06
Publication Date
2025-08-14

AI Technical Summary

Technical Problem

In the prior art, the folding screen device has different ratios between the external screen display application interface and the internal screen display interface and cannot be effectively adapted, resulting in a decline in user experience.

Method used

By setting the background filling method in the hole-punching area of the outer screen, adjust the background content of the outer screen according to the proportion of the application interface and the theme color value to achieve coordinated display with the application interface.

Benefits of technology

It improves the user experience, ensures consistency between the external screen background and the application interface, avoids the problem of incomplete display, and enhances the personalization and aesthetics of the device.

✦ Generated by Eureka AI based on patent content.

Smart Images

  • Figure CN2025075938_14082025_PF_FP_ABST
    Figure CN2025075938_14082025_PF_FP_ABST
Patent Text Reader

Abstract

The present application provides a display method, a foldable-screen device, and a storage medium. The method is applied to the foldable-screen device. The foldable-screen device comprises a first display screen and a second display screen respectively located on different sides of the foldable-screen device; the first display screen is a foldable display screen; and the size of the first display screen is greater than that of the second display screen. At least one hole is formed in the second display screen; and a camera is provided at the hole. The method comprises: a user can set a background filling mode of a second display screen, wherein the background is used for representing an area other than an application interface when the proportion of the application interface displayed in the second display screen is different from that of the second display screen. The foldable-screen device draws an application interface of a target application, and determines, on the basis of the background filling mode set by the user, background content corresponding to the application interface, wherein the foldable-screen device displays the application interface in a first area of the second display screen, and displays the background content in a second area covering the hole, In this way, users may have better use experience.
Need to check novelty before this filing date? Find Prior Art

Description

Display method, folding screen device and storage medium

[0001] This application claims priority to the Chinese patent application filed with the State Intellectual Property Office of China on February 7, 2024, with application number 202410175604.3 and application name “Display method, folding screen device and storage medium”, the entire contents of which are incorporated by reference into this application. Technical Field

[0002] The present application relates to the field of smart terminal technology, and in particular to a display method, a folding screen device, and a storage medium. Background Art

[0003] With the development of flexible screen technology, foldable electronic devices (such as foldable mobile phones) have come into being.

[0004] Taking a foldable phone as an example, its foldable screen (i.e., the inner display) can be folded vertically (i.e., folded up and down). When the foldable screen is unfolded, the phone's size is similar to that of a conventional candy-bar phone; when the foldable screen is folded, the phone's size is similar to that of a makeup case, making it convenient for the user to carry. After the user unfolds the phone's foldable screen, the inner screen is available for use; after the user folds the phone's foldable screen, the display screen set on the phone's outer casing (i.e., the outer display) is available for use. Summary of the Invention

[0005] This application provides a display method, a foldable screen device, and a storage medium. This method is applied to a foldable screen device. When the application interface displayed on the external screen has a different aspect ratio than the external screen, the area other than the application interface can be understood as the background area corresponding to the application interface. The user can set the filling method of the background area, thereby improving the user experience.

[0006] In a first aspect, embodiments of the present application provide a display method. The display method is applied to a foldable screen device, wherein the foldable screen device includes a first display screen and a second display screen located on different sides of the foldable screen device, wherein the first display screen is foldable and larger than the second display screen; and the second display screen has at least one hole, wherein a camera is disposed in the hole.

[0007] The display method includes: the folding screen device responds to a first operation, the background filling mode of the second display screen is set to a target mode, and the background of the second display screen is used to represent the area other than the application interface when the ratio of the application interface displayed on the second display screen is different from that of the second display screen; the folding screen device responds to a second operation, the folding screen device draws the application interface of the target application, and determines the background content corresponding to the application interface according to the target mode; the folding screen device displays the application interface in the first area of ​​the second display screen, and displays the background content in the second area of ​​the second display screen, wherein the second area of ​​the second display screen covers the hole.

[0008] Among them, the first display screen is the inner screen of the folding screen device, and the second display screen is the outer screen of the folding screen device.

[0009] Because the second area covers the hole in the second display screen, the second area can be understood as the avoidance area (or application window display avoidance area) when the application interface is displayed on the second display screen, as shown in the diagonal area 07 in Figure 2c. Correspondingly, in the example shown in Figure 2c, the first area is the display area corresponding to the application 2 interface or the application 3 interface.

[0010] In this way, the user can set the filling method of the background area corresponding to the application interface on the second display screen, which can bring a better user experience.

[0011] According to the first aspect, the target application is displayed on the second display screen in a Letterbox display mode.

[0012] With the emergence of more and more large-screen devices and foldable screen devices, many applications have not adapted their UIs for devices of different sizes. At this time, the application chooses to display the interface in a specific aspect ratio. When the aspect ratio of the application interface is incompatible with the ratio of its container (such as the Task stack), the application interface will be opened in Letterbox display mode. In Letterbox display mode, the application interface will be displayed in a specified ratio, and the surrounding blank area can be filled with wallpaper or color. Among them, the surrounding blank area is the second area of ​​the second display.

[0013] In this way, users can set the filling method of the blank area of ​​the Letterbox, which improves the user experience.

[0014] According to the first aspect, or any implementation of the first aspect above, the application interface displayed in the first area and the background content displayed in the second area are in the same layer.

[0015] According to the first aspect, or any implementation of the first aspect above, the background filling method includes:

[0016] The first manner is used to indicate that the background content displayed in the second area changes according to the application interface displayed in the first area, as shown in FIG. 3 a and FIG. 3 b .

[0017] The second mode is used to indicate that the background content displayed in the second area is the same as the theme effect or wallpaper effect of the second display screen, as shown in FIG. 3D .

[0018] The third method is used to indicate that the background content displayed in the second area matches the appearance color of the folding screen device, as shown in Figure 3e.

[0019] The fourth manner is used to indicate that the background content displayed in the second area is customized, as shown in FIG. 3c .

[0020] According to the first aspect, or any implementation of the first aspect above, the target mode is the first mode; the folding screen device determines the background content corresponding to the application interface according to the target mode, including:

[0021] The folding screen device obtains a first color value corresponding to the application interface; the first color value includes a background color value and / or a theme color value;

[0022] The folding screen device will determine the first background content based on the first color value, and use the first background content as the background content corresponding to the application interface; wherein, the first background content is a solid color background or a gradient color background.

[0023] In this implementation, the folding screen device can fill the second area with a solid color background according to the background color value corresponding to the application interface; the folding screen device can also fill the second area with a solid color background according to the theme color value corresponding to the application interface; the folding screen device can also fill the second area with a gradient color background according to the theme color value and background setting corresponding to the application interface.

[0024] According to the first aspect, or any implementation of the first aspect above, the folding screen device obtains a first color value corresponding to the application interface, including:

[0025] The folding screen device obtains a second color value corresponding to the application interface;

[0026] In response to the folding screen device acquiring the second color value, using the second color value as the first color value;

[0027] In response to the folding screen device not obtaining the second color value, the folding screen device obtains the color value of the target view as the first color value, and the ratio of the size of the target view to the window size of the application interface is greater than a preset threshold.

[0028] Exemplarily, the ratio of the size of the target view to the window size of the application interface is greater than 80%.

[0029] Among them, the second color value corresponding to the application interface can be obtained by the folding screen device in the resource management service, and the color value of the target view can be obtained by the folding screen device in the view system.

[0030] According to the first aspect, or any implementation of the first aspect above, the display method further includes:

[0031] In response to not obtaining the setting of the target view, the folding screen device intercepts the window layer data of the application interface to obtain a window screenshot, and performs color processing on the window screenshot through a color picking tool to obtain a first color value.

[0032] In this way, when the folding screen device cannot obtain the window color value of the application interface from the resource management service side and the view system side, the folding screen device can use the color picking tool to pick the color of the window layer data, so that the first color value is closer to the color value of the application interface, thereby improving the consistency between the background of the second area and the application interface scene.

[0033] According to the first aspect, or any implementation of the first aspect above, the display method further includes:

[0034] In response to not obtaining the color value of the target view, determining the window color mode of the application interface, and using a preset color value corresponding to the window color mode as the first color value, where the window color mode includes a dark mode and a light mode.

[0035] In this way, when the folding screen device cannot obtain the window color value of the application interface from the resource management service side and the view system side, the folding screen device uses the guaranteed color value to fill the background of the second area, which is more efficient.

[0036] According to the first aspect, or any implementation method of the first aspect above, the folding screen device obtains a first color value corresponding to the application interface, including: the folding screen device obtains the first color value in the window attribute value of the application interface; wherein, the first color value is set by the target application.

[0037] In this way, the target application actively provides the window color value, which can improve the efficiency of the folding screen device in filling the background of the second area, and ensure the consistency of the background of the second area with the application interface scene.

[0038] According to the first aspect, or any implementation of the first aspect above, the target mode is the second mode; the folding screen device determines the background content corresponding to the application interface according to the target mode, including:

[0039] The wallpaper of the second display screen is a theme wallpaper, and the resource package to which the theme wallpaper belongs includes the first image; the foldable screen device uses the first image as background content corresponding to the application interface; wherein the size of the first image matches the second area;

[0040] Alternatively, the wallpaper of the second display screen is a theme wallpaper, and the resource package to which the theme wallpaper belongs does not include the first image; the folding screen device crops the wallpaper of the second display screen according to the size of the second area to obtain the second image, and uses the second image as the background content corresponding to the application interface;

[0041] Alternatively, the wallpaper of the second display screen is not a theme wallpaper; the folding screen device crops the wallpaper of the second display screen according to the size of the second area to obtain a third picture, and uses the third picture as the background content corresponding to the application interface.

[0042] In this way, when the application interface on the external screen of the folding screen device changes, the background of the second area is always consistent with the effect of the external screen theme or wallpaper, and does not change with the changes in the application interface. The external screen interface of the device is more personalized and beautiful.

[0043] According to the first aspect, or any implementation of the first aspect above, the target mode is the third mode; the folding screen device determines the background content corresponding to the application interface according to the target mode, including:

[0044] The foldable screen device determines the appearance identification of the foldable screen device; the foldable screen device obtains the preset background content corresponding to the appearance identification, and uses the preset background content as the background content corresponding to the application interface; wherein the preset background content is any one of a solid color background, a gradient color background, a pattern background, and a picture background.

[0045] In this way, when the application interface on the external screen of the folding screen device changes, the background of the second area always matches the color of the device appearance and does not change with the changes in the application interface. The consistency between the device's external screen interface and the device's appearance color is stronger, which improves the user's visual experience.

[0046] According to the first aspect, or any implementation of the first aspect above, the target mode is the fourth mode; the folding screen device determines the background content corresponding to the application interface according to the target mode, including:

[0047] The folding screen device obtains the second background content pre-set by the user and uses the second background content as the background content corresponding to the application interface; wherein the second background content is any one of a solid color background, a gradient color background, a pattern background, and a picture background.

[0048] In this way, users can customize the background of the second area of ​​the external screen of the foldable screen device, making the external screen interface display of the foldable screen device more personalized and improving the user experience.

[0049] According to the first aspect, or any implementation of the first aspect above, the folding screen device also displays at least one of system information, notification information, and cute pet information in the second area.

[0050] For example, system information may include clock information, power information, communication status information, etc., as shown in (1) in Figure 2d. For example, notification information may include notification window, dynamic capsule information, etc., as shown in (2) in Figure 2d. For example, cute pet information may include cute pet status, cute pet dynamics, cute pet animation, etc., as shown in (3) in Figure 2d.

[0051] According to the first aspect, or any implementation of the first aspect, the folding type of the first display screen is up-down inward folding.

[0052] Exemplarily, the folding type of the first display screen is folding in half, as shown in FIG1 b .

[0053] In a second aspect, an embodiment of the present application provides a foldable screen device. The foldable screen device includes: a first display screen and a second display screen located on different sides of the foldable screen device, the first display screen being foldable and larger than the second display screen; the second display screen having at least one hole, wherein a camera is disposed in the hole;

[0054] One or more processors; a memory; and one or more computer programs, wherein the one or more computer programs are stored in the memory, and when the computer programs are executed by the one or more processors, the folding screen device executes the display method of the first aspect and any one of the first aspects.

[0055] The second aspect and any implementation of the second aspect correspond to the first aspect and any implementation of the first aspect, respectively. The technical effects corresponding to the second aspect and any implementation of the second aspect can be referred to the technical effects corresponding to the first aspect and any implementation of the first aspect, and will not be repeated here.

[0056] In a third aspect, an embodiment of the present application provides a computer-readable storage medium comprising a computer program, which, when executed on an electronic device, causes the electronic device to execute the display method of the first aspect and any one of the first aspects.

[0057] The third aspect and any implementation of the third aspect correspond to the first aspect and any implementation of the first aspect, respectively. The technical effects corresponding to the third aspect and any implementation of the third aspect can be referred to the technical effects corresponding to the first aspect and any implementation of the first aspect, and will not be repeated here.

[0058] In a fourth aspect, an embodiment of the present application provides a computer program product, comprising a computer program, which, when executed, enables a computer to execute a display method as described in the first aspect or any one of the items in the first aspect.

[0059] The fourth aspect and any implementation of the fourth aspect correspond to the first aspect and any implementation of the first aspect, respectively. The technical effects corresponding to the fourth aspect and any implementation of the fourth aspect can be referred to the technical effects corresponding to the first aspect and any implementation of the first aspect, and will not be repeated here.

[0060] In a fifth aspect, the present application provides a chip comprising a processing circuit and a transceiver pin. The transceiver pin and the processing circuit communicate with each other via an internal connection path, and the processing circuit executes the display method according to the first aspect or any one of the first aspects to control the receiving pin to receive a signal and to control the transmitting pin to send a signal.

[0061] The fifth aspect and any implementation of the fifth aspect correspond to the first aspect and any implementation of the first aspect, respectively. The technical effects corresponding to the fifth aspect and any implementation of the fifth aspect can be referred to the technical effects corresponding to the first aspect and any implementation of the first aspect, and will not be repeated here. BRIEF DESCRIPTION OF THE DRAWINGS

[0062] FIG1a is a schematic diagram showing an exemplary small foldable mobile phone in an unfolded state;

[0063] FIG1b is a schematic diagram of folding a small foldable mobile phone;

[0064] FIG2a is a schematic diagram of an external screen of a small foldable mobile phone;

[0065] FIG2 b is a schematic diagram showing an example of an application interface displayed on the outer screen of a small foldable mobile phone;

[0066] FIG2c is a schematic diagram showing an example of an application interface displayed on the outer screen of a small foldable mobile phone;

[0067] FIG2 d is a schematic diagram showing an example of a display of an avoidance area for an application window on an outer screen of a small foldable mobile phone;

[0068] FIG3 a is a schematic diagram showing one of the backgrounds of an application window display avoidance area on an outer screen of a small foldable mobile phone;

[0069] FIG3 b is a schematic diagram showing one of the backgrounds of an application window display avoidance area on the outer screen of a small foldable mobile phone;

[0070] FIG3 c is a schematic diagram showing one of the backgrounds of an application window display avoidance area on the outer screen of a small foldable mobile phone;

[0071] FIG3 d is a schematic diagram showing one of the backgrounds of an application window display avoidance area on the outer screen of a small foldable mobile phone;

[0072] FIG3e is a schematic diagram showing one of the backgrounds of an application window display avoidance area on the outer screen of a small foldable mobile phone;

[0073] FIG4 is a schematic diagram illustrating a hardware structure of an electronic device;

[0074] FIG5 is a schematic diagram illustrating a software structure of an electronic device;

[0075] FIG6 a is a schematic diagram showing an exemplary setting of a fill background for an avoidance area displayed in an application window;

[0076] FIG6 b is a schematic diagram showing an exemplary setting of a fill background for an avoidance area displayed in an application window;

[0077] FIG6 c is a schematic diagram showing an exemplary setting of a fill background for an avoidance area displayed in an application window;

[0078] FIG7 is a schematic diagram showing an exemplary layer setting when an application window displays a background fill of an avoidance area;

[0079] FIG8a is a schematic diagram illustrating a module interaction process involved in a display method provided in an embodiment of the present application;

[0080] FIG8b is a schematic diagram illustrating a module interaction process involved in the display method provided in an embodiment of the present application;

[0081] FIG9 is a schematic diagram illustrating a flow chart of module interactions involved in a display method provided in an embodiment of the present application;

[0082] FIG10 is a schematic diagram illustrating a flow chart of module interactions involved in a display method provided in an embodiment of the present application;

[0083] FIG11 is a schematic diagram showing an exemplary module interaction process involved in the display method provided in an embodiment of the present application. DETAILED DESCRIPTION

[0084] The following will be combined with the drawings in the embodiments of this application to clearly and completely describe the technical solutions in the embodiments of this application. Obviously, the embodiments described are part of the embodiments of this application, not all of them. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without making creative efforts are within the scope of protection of this application.

[0085] The term "and / or" in this article is merely a description of the association relationship between associated objects, indicating that three relationships may exist. For example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone.

[0086] In the description and claims of the embodiments of this application, the terms "first" and "second" are used to distinguish different objects, rather than to describe a specific order of objects. For example, the terms "first target object" and "second target object" are used to distinguish different objects, rather than to describe a specific order of objects.

[0087] In the embodiments of this application, words such as "exemplary" or "for example" are used to indicate examples, illustrations, or descriptions. Any embodiment or design described as "exemplary" or "for example" in the embodiments of this application should not be interpreted as being preferred or advantageous over other embodiments or designs. Rather, the use of words such as "exemplary" or "for example" is intended to present the relevant concepts in a concrete manner.

[0088] In the description of the embodiments of this application, unless otherwise specified, "multiple" means two or more. For example, "multiple processing units" means two or more processing units; "multiple systems" means two or more systems.

[0089] With the development of flexible screen technology, foldable electronic devices (such as foldable mobile phones, etc.) have come into being.

[0090] The following explanation uses a foldable mobile phone as an example of a foldable electronic device. The foldable screen (hereinafter referred to as the foldable screen) of the foldable mobile phone (hereinafter referred to as the foldable phone) can be folded inward, allowing the foldable phone to be freely converted between a larger size and a smaller size.

[0091] Foldable phones can be roughly divided into two types: one with a foldable screen that folds horizontally (i.e., folds left and right, such as folding in half), referred to as a large foldable phone; the other with a foldable screen that folds vertically (i.e., folds up and down, such as folding in half), referred to as a small foldable phone. When the foldable screen is folded, the size of the large foldable phone is similar to that of a conventional candy-bar phone (i.e., a non-foldable phone). When the foldable screen is unfolded, the large foldable phone provides a larger display for users to use. When the foldable screen is unfolded, the size of the small foldable phone is similar to that of a conventional candy-bar phone. When the foldable screen is folded, the body of the small foldable phone is even more compact, similar in size to a makeup case, making it easier for users to carry.

[0092] In order to better understand small foldable mobile phones, a foldable mobile phone with a foldable screen that folds up and down is explained below with reference to Figures 1a and 1b.

[0093] FIG1a (1) exemplarily shows a schematic diagram of the front side (the side where the folding screen of the mobile phone is located) of the small folding mobile phone when it is in the unfolded state; FIG1a (2) exemplarily shows a schematic diagram of the back side (the side where the mobile phone shell is located) of the small folding mobile phone when it is in the unfolded state. For example, as shown in FIG1a, the small folding mobile phone may include an outer display screen (hereinafter referred to as the outer screen) 02, a rear shell 03 and an inner display screen (hereinafter referred to as the inner screen) 01. Among them, the inner screen 01 may be a foldable display screen.

[0094] When the small foldable phone is in the unfolded state, the size of the inner screen 01 is similar to the size of a conventional straight-panel phone display screen, as shown in (1) in Figure 1a. At this time, the user can use the inner screen 01 to perform relevant operations. Combined with (1) and (2) in Figure 1a, when the small foldable phone is in the unfolded state, the inner screen 01 and the outer screen 02 are respectively located on different sides of the small foldable phone, and the outer screen 02 and the outer shell 03 are on the same side. The rotation axis of the inner screen 01 of the small foldable phone is shown as the dotted line in the figure.

[0095] Exemplarily, the small folding mobile phone may also include multiple cameras, such as a first camera 04 located on the same side as the inner screen 01 (as shown in (1) in FIG1a ), and a second camera 05 located on the same side as the outer screen 02 (as shown in (2) in FIG1a ). In the example shown in FIG1a , the first camera 04 of the small folding mobile phone includes one camera, the second camera 05 includes multiple (such as two) cameras, and the second camera 05 has a corresponding decoration. However, the first camera 04 and the second camera 05 of the small folding mobile phone may both include a single camera or multiple cameras, and the shape of the decoration of the second camera 05 is not limited to the shape shown in (2) in FIG1a . Similarly, the setting position of the second camera 05 is not limited to the example shown in (2) in FIG1a . In some possible implementations, when the user uses the inner screen 01 of the small folding mobile phone, the first camera 04 can be used as a front camera for the user, and the second camera 05 can be used as a rear camera for the user.

[0096] Continuing to refer to (1) in FIG1b, with the rotation axis (the dotted line shown in the figure) as the center line, the inner screen 01 can include two display areas, which can be symmetrical and are temporarily referred to as the first display area 011 and the second display area 012. Among them, the posture of the small folding mobile phone shown in (1) in FIG1b can be a hovering state or an intermediate state between the folded state and the unfolded state. By folding the inner screen 01 along the rotation axis, the shape of the small folding mobile phone can be changed, that is, the small folding mobile phone is transformed from the unfolded state to the folded state. As shown in (2) in FIG1b, when the small folding mobile phone is in the folded state, the mobile phone body becomes small, like a makeup box, which is convenient for users to carry. Continuing to refer to (2) in FIG1b, when the small folding mobile phone is in the folded state, the outer screen 02 can be used to display content, for example, the system interface, application (Application, APP) interface, etc., and then the user can use the outer screen 02 to perform some operations according to personal needs.

[0097] Figure 2a illustrates an exemplary schematic diagram of the outer screen of a small foldable phone. When the small foldable phone is in the folded state, the outer screen and the outer shell are located on different sides of the small foldable phone, and the outer screen and the outer shell are of almost the same size. As shown in Figure 2a, when the small foldable phone is in the folded state, the outer screen of the small foldable phone has a corresponding hole in the area where the second camera is located. That is, when the small foldable phone is in the folded state, on the plane where the outer screen of the small foldable phone is located, except for the area where the second camera is located, the remaining area is the display area of ​​the outer screen. As shown in Figure 2a, taking the second camera 05 including camera 051 and camera 052 as an example, when the small foldable phone is in the folded state, on the plane where the outer screen 02 of the small foldable phone is located, except for the area where camera 051 is located (the circular area where camera 051 is located as shown in Figure 2a) and the area where camera 052 is located (the circular area where camera 052 is located as shown in Figure 2a), the remaining area is the display area of ​​the outer screen 02, as shown in the diagonal filled area in Figure 2a.

[0098] It is understandable that the external screen display area shown in Figure 2a is a rectangular display area (or a rounded rectangular display area) with two circular holes (i.e., the circular holes corresponding to camera_1 and camera 2, respectively). It should be noted that in the example shown in Figure 2a, the upper edge angle of the external screen display interface is shown as a rounded corner 061, and the upper edge angle of the device entity of the small folding mobile phone is shown as a right angle 062. It is understandable that the edge angle (upper edge angle or lower edge angle) of the external screen display interface can also be set to a right angle or a rounded corner, and the edge angle (upper edge angle or lower edge angle) of the device entity of the small folding mobile phone can also be set to a right angle or a rounded corner. This embodiment does not limit this.

[0099] In one implementation, camera 051 is a camera set under the screen, and camera 052 is a camera set on the screen (i.e., a raised camera). In one implementation, camera 051 and camera 052 are both cameras set under the screen. In one implementation, camera 051 and camera 052 are both cameras set on the screen (i.e., a raised camera). In one implementation, camera 051 is a camera set on the screen, and camera 052 is both a camera set under the screen. It should be understood that the above description is only an example listed to better understand the technical solution of this embodiment, and is not the only limitation on small foldable mobile phones.

[0100] It should be emphasized that when the small foldable phone is in the folded state, the area on the plane where the small foldable phone's outer screen 02 is located, except for the area where the second camera 05 is located, is the outer screen display area. In other words, the shape of the small foldable phone's outer screen 02 is a rectangle or rounded rectangle with one or more holes. Among them, the area where the second camera 05 is located can be understood as the camera decoration area (referred to as the deco area).

[0101] When there is a large camera deco area on the outer screen of a small foldable mobile phone (as shown in FIG2a ), the display mode of the application interface on the outer screen can be divided into a full-screen display mode, a first avoidance mode, and a second avoidance mode, wherein the first avoidance mode is a normal display mode that avoids the camera deco area, and the second avoidance mode is a zoom display mode that avoids the camera deco area.

[0102] Figure 2b exemplifies a schematic diagram of an application interface displayed full-screen on the outer screen of a small foldable phone. As shown in Figure 2b, on the outer screen of a small foldable phone, the application interface (such as the lock screen interface, wallpaper interface, and certain application interfaces) is displayed in a full-screen immersive manner. Among them, the application can layout the window background to the camera deco area, and based on the position and size of the camera deco area obtained, process the display content in the application interface to avoid the camera deco area.

[0103] Figure 2c (1) exemplarily shows a schematic diagram of an application interface being displayed on the outer screen of a small folding mobile phone using the first avoidance mode. As shown in Figure 2c (1), on the outer screen of the small folding mobile phone, the application window avoids the camera deco area. Continuing to refer to Figure 2c (1), the outer screen display area can be divided into two parts, one part is the display area of ​​the application interface (the display area corresponding to the application 2 window interface shown in Figure 2c (1)), and the other part is the avoidance area when the application interface is displayed (or the avoidance display area of ​​the camera deco). It can be understood that the display area of ​​the application interface is a rectangular area. Except for the rectangular area, the other display areas in the outer screen display area are the avoidance areas when the application interface is displayed.

[0104] When the display mode of the application interface on the external screen is the first avoidance mode, the application determines the safe display area in the external screen display area that can avoid the camera deco area, such as the largest rectangular display area (or rounded rectangular display area) in the external screen display area after avoiding the camera deco area, such as the display area corresponding to the application 2 window interface shown in (1) in Figure 2c. The application loads resources and performs window layout according to the size of the safe display area (that is, the small screen display size), and then displays the application interface drawn according to the small screen display size on the external screen of the small folding mobile phone. In this external screen display method that avoids the camera deco area, since the application interface is adapted to the small screen, there may be a situation where the application interface content is not fully displayed. At this time, the user can also perceive the problem of incomplete display of the application interface content.

[0105] Figure 2c (2) exemplarily shows a schematic diagram of an application interface being displayed on the outer screen of a small folding mobile phone using a second avoidance method. As shown in Figure 2c (2), on the outer screen of the small folding mobile phone, the application window as a whole avoids the camera deco area. Continuing to refer to Figure 2c (2), the outer screen display area can be divided into two parts, one part is the display area of ​​the application interface (the display area corresponding to the application 3 window interface shown in Figure 2c (2)), and the other part is the avoidance area when the application interface is displayed. It can be understood that the display area of ​​the application interface is a rectangular area. Except for the rectangular area, the other display areas in the outer screen display area are the avoidance areas when the application interface is displayed.

[0106] When the app interface is displayed on the external screen in the second avoidance mode, the app loads resources and layouts its windows based on the display size of the large screen (such as the internal screen of a small foldable phone). The app interface, drawn for the large screen, is then scaled proportionally before being displayed on the external screen of the small foldable phone. This external screen display method that avoids the camera deco area prevents incomplete display of the app interface content.

[0107] It should be noted that the display area sizes of the application interfaces corresponding to the first avoidance mode and the second avoidance mode on the external screen can be equal or different, and this embodiment does not impose any restrictions on this. In other words, the display area size of the "application 2 window interface" in (1) of Figure 2c on the external screen and the display area size of the "application 3 window interface" in (2) of Figure 2c on the external screen can be equal or different, and this embodiment does not impose any restrictions on this.

[0108] It should be pointed out that, for any application, the display mode of its display window on the external screen of the small folding phone is pre-declared by the application in the relevant documents, which is one of the display modes among the full-screen display mode, the first avoidance mode and the second avoidance mode. This embodiment does not limit the display mode of any application on the external screen of the small folding phone. For example, if an application does not pre-declare its display mode on the external screen of the small folding phone, the small folding phone can select the default display mode (such as the second avoidance mode) as the display mode of its display window on the external screen of the small folding phone, and this embodiment does not limit this.

[0109] In both the first avoidance mode and the second avoidance mode, the external screen display area is divided into the application interface display area and the avoidance display area for the camera deco. In the example shown in FIG2c , the avoidance display area for the camera deco is the area 07 filled with oblique lines.

[0110] For the sake of ease of description, the "avoidance display area of ​​the camera deco (that is, the avoidance area when the application interface is displayed)" in the external screen display area will be referred to as the external screen C area below. When the application interface is displayed on the external screen of a small folding phone, the external screen C area can be used to display more system information, system windows and other content, such as clock information, power information, communication status information and other system information, notification windows, dynamic capsule information, etc. In some special scenarios, cute pet information can also be displayed in the external screen C area, such as cute pet status, cute pet dynamics, cute pet animation, etc., to provide users with a more lively and vivid interactive experience.

[0111] Figure 2d exemplarily shows an example of the display content of the outer screen area C. Exemplarily, the outer screen area C can display clock information, power information, Wi-Fi communication status, cellular communication status, etc., as shown in (1) in Figure 2d. Another exemplary embodiment, the outer screen area C can also display notification information, as shown in (2) in Figure 2d. Exemplarily, the outer screen area C can also dynamically display cute pets, as shown in (3) in Figure 2d. It can be understood that the display content of the outer screen area C shown in Figure 2d is only an illustrative example, and this embodiment does not specifically limit the type, quantity, form, etc. of the information displayed in the outer screen area C.

[0112] In an embodiment of the present application, the outer screen area C of the small foldable mobile phone can be filled with a background, and content such as system information and cute pet information can be displayed on the background. Exemplarily, system information, cute pet information and other content can be added to a transparent window, and the corresponding transparent window is loaded on the background of the outer screen area C, and the corresponding content can be displayed in the outer screen area C for the user to view. In the example shown in Figure 2d, the background of the outer screen area C of the small foldable mobile phone is shown as white filling, and system information, notification information, or cute pet information, etc. are displayed on this background.

[0113] The embodiment of the present application provides a display method in which the electronic device can fill the background of the outer screen area C according to the user's settings, thereby providing the user with a better user experience.

[0114] Exemplarily, the background of the outer screen area C of the small folding mobile phone can follow the scene change of the current application. Among them, the background of the outer screen area C of the small folding mobile phone can be set (or filled) according to the background color of the currently displayed application interface, such as the background of the outer screen area C is set to the same or similar color as the background color of the currently displayed application interface. As shown in (1) of Figure 3a (shown in the form of a grayscale image in the accompanying figure), when the background color of the currently displayed application interface (such as the application x1 interface) is red, the background of the outer screen area C is also set to red. Among them, the background of the outer screen area C of the small folding mobile phone can be set according to the theme color (or foreground color) of the currently displayed application interface, such as the background of the outer screen area C is set to the same or similar color as the theme color of the currently displayed application interface. As shown in (2) of Figure 3a, when the theme color of the currently displayed application interface (such as the application x2 interface) is green, the background of the outer screen area C of the small folding mobile phone is also set to green.

[0115] For example, when the background of the outer screen C area of ​​the small folding mobile phone changes with the scene, the background of the outer screen C area can also be set according to the theme color and background color of the currently displayed application interface. For example, the background of the outer screen C area can be set to a gradient color from the theme color of the currently displayed application interface to the background color, or set to a gradient color from the background color of the currently displayed application interface to the theme color. As shown in (1) of Figure 3b (shown in the form of a grayscale image in the accompanying figure), when the currently displayed application interface is a phone application interface, the background of the outer screen C area is set to a gradient color from the theme color "green" of the phone application interface to the background color "white". As shown in (2) of Figure 3b, when the currently displayed application interface is a three-party application interface, the background of the outer screen C area is set to a gradient color from the theme color "blue" of the three-party application interface to the background color "white". This embodiment does not limit the information such as the gradient type, gradient type, gradient direction, gradient angle, etc. when the outer screen C area is filled with a gradient color.

[0116] For example, the background of the outer screen area C of the small foldable mobile phone can be filled with a user-defined pattern, such as a solid color fill, a pattern fill, a gradient color fill, a picture fill, etc. As shown in (1) of Figure 3c (shown in the form of a grayscale image in the accompanying figure), the background of the outer screen area C of the small foldable mobile phone can be filled with a user-defined pattern; as shown in (2) of Figure 3c, the background of the outer screen area C of the small foldable mobile phone can be filled with a user-defined picture.

[0117] Exemplarily, the background of the outer screen area C of the small folding mobile phone can be set according to the theme or wallpaper of the current outer screen. That is, the background of the outer screen area C of the small folding mobile phone matches the theme or wallpaper of the outer screen, and belongs to the same set of themes or wallpapers. It can be understood that the background image and desktop image of the outer screen area C belonging to a set of themes or wallpapers are the same in style, but the image patterns are not necessarily exactly the same. Referring to Figure 3d (shown in the form of a grayscale image in the accompanying drawing), the outer screen desktop of the small folding screen shown in (1) of Figure 3d and the background of the outer screen area C shown in (2) of Figure 3d belong to the same set of desktop themes, and the image styles of the two are the same.

[0118] Exemplarily, the background of the outer screen area C of the small folding mobile phone can be set according to the appearance color of the device. For example, the background of the outer screen area C is set to a color that is the same as or similar to the appearance color of the device, or is set to a theme image that matches the appearance color of the device. As shown in (1) of Figure 3e (shown in the form of a grayscale image in the accompanying figure), the background of the outer screen area C of the small folding mobile phone can be set to a color value that is the same as or similar to the appearance color "purple" of the small folding mobile phone. Among them, the color value filled in the outer screen area C can be consistent or gradient, and this embodiment does not limit this. As shown in (2) of Figure 3e, the background of the outer screen area C of the small folding mobile phone can be set to a theme image corresponding to the appearance color "yellow" of the small folding mobile phone. Among them, the theme images corresponding to different device appearance colors are different.

[0119] It can be understood that Figures 3a to 3e are exemplary illustrations of the background filling of the outer screen area C of a small folding mobile phone. This embodiment does not limit the color, pattern, image, etc. of the background filling of the outer screen area C.

[0120] Fig. 4 shows a schematic structural diagram of an electronic device 100. For example, the electronic device 100 may be the small foldable mobile phone shown in Figs. 1a and 1b.

[0121] 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, an earphone interface 170D, a sensor module 180, a button 190, a motor 191, an indicator 192, a camera 193, a foldable inner display 194, an outer display 195, and a subscriber identification module (SIM) card interface 196. The sensor module 180 may include a pressure sensor, a gyroscope sensor, an air pressure sensor, a magnetic sensor, an acceleration sensor, a distance sensor, a proximity light sensor, a fingerprint sensor, a temperature sensor, a touch sensor, an ambient light sensor, a bone conduction sensor, etc.

[0122] Specifically in the embodiment of the present application, the first display screen 194 can be configured as a foldable display screen, used as the inner screen of a small foldable mobile phone. The first display screen 194 can be a display screen that folds up and down, or a display screen that folds left and right. The second display screen 195 can be configured as a non-foldable display screen, used as the outer screen of a small foldable mobile phone. The positional relationship between the first display screen 194 and the second display screen 195 can be referred to the explanations regarding Figures 1a, 1b, and 2a, and will not be repeated here.

[0123] The processor 110 may include one or more processing units. For example, the processor 110 may include 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). The different processing units may be independent devices or integrated into one or more processors.

[0124] The controller may be the nerve center and command center of the electronic device 100. The controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.

[0125] The processor 110 may further include a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory.

[0126] The charging management module 140 is configured to receive charging input from a charger. In some wired charging embodiments, the charging management module 140 may receive charging input from the wired charger via the USB interface 130. In some wireless charging embodiments, the charging management module 140 may receive wireless charging input via the wireless charging coil of the electronic device 100. While charging the battery 142, the charging management module 140 may also provide power to the electronic device 100 via the power management module 141.

[0127] The power management module 141 is used to connect the battery 142, the charging management module 140, and the processor 110. The power management module 141 receives input from the battery 142 and / or the charging management module 140 and provides power to the processor 110, the internal memory 121, the external memory, the first display 194, the second display 195, the camera 193, the wireless communication module 160, etc.

[0128] Specifically, in the solution provided by the embodiment of the present application, when the small foldable mobile phone is in different states, the power management module 141 can power the inner screen and stop powering the outer screen according to the current state of the inner and outer screens, thereby turning on the inner screen and turning off the outer screen. Alternatively, power the outer screen and stop powering the inner screen, thereby turning on the outer screen and turning off the inner screen.

[0129] The wireless communication function of electronic device 100 can be implemented through antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, a modem processor, and a baseband processor. Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Mobile communication module 150 can provide wireless communication solutions for electronic device 100, including 2G / 3G / 4G / 5G. 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, allowing electronic device 100 to communicate with the network and other devices via wireless communication technologies.

[0130] Electronic device 100 implements display functionality through a GPU, first display 194, second display 195, and an application processor. The GPU is a microprocessor for image processing that connects first display 194, second display 195, and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. Processor 110 may include one or more GPUs that execute program instructions to generate or modify display information.

[0131] The first display screen 194 is an internal screen of the electronic device 100 and can be used to display interfaces, images, videos, etc. The second display screen 195 is an external screen of the electronic device 100 and can be used to display default or user-preset display content such as images, videos, or text.

[0132] The first display screen 194 and the second display screen 195 each include a display panel. The display panel can be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (AMOLED), a flexible light-emitting diode (FLED), a MiniLED, a MicroLed, a Micro-oLed, a quantum dot light-emitting diode (QLED), or the like.

[0133] The first display screen 194 with folding characteristics may be a single-piece flexible display screen, a spliced ​​display screen consisting of multiple flexible displays and hinges between each two flexible displays, or a spliced ​​display screen consisting of multiple rigid displays and hinges between each two rigid displays. This embodiment of the present application is not limited to this.

[0134] For the non-foldable second display screen 195 , the specific material of the display panel included therein can be selected according to business requirements, and the embodiment of the present application does not impose any limitation on this.

[0135] The electronic device 100 can implement a shooting function through an ISP, a camera 193, a video codec, a GPU, a first display screen 194, a second display screen 195, and an application processor.

[0136] The camera 193 is used to capture still images or videos. The digital signal processor is used to process digital signals. In addition to processing digital image signals, it can also process other digital signals. For example, when the electronic device 100 is frequency-selective, the digital signal processor is used to perform Fourier transform on the frequency energy. The video codec is used to compress or decompress digital video.

[0137] In the embodiment of the present application, the number of cameras 193 is at least one. If there is only one camera 193, the camera 193 is specifically located on the side of the second display screen 195 and can serve as a rear camera for the first display screen 194. See Figures 1a, 1b, and 2a for the second camera. If there are multiple cameras 193, at least one camera 193 is located on the side of the second display screen 195.

[0138] The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 via the external memory interface 120 to implement data storage functions. For example, files such as music and videos can be stored on the external memory card.

[0139] The internal memory 121 can be used to store computer executable program code, which includes instructions. The processor 110 executes various functional applications and data processing of the electronic device 100 by running the instructions stored in the internal memory 121. The internal memory 121 may include a program storage area and a data storage area. In an embodiment of the present application, the internal memory 121 can be used to store configuration data, configuration files, image resources, video resources, etc.

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

[0141] The pressure sensor is used to sense pressure signals and convert them into electrical signals. In some embodiments, the pressure sensor can be located on the first display screen 194 and the second display screen 195. The electronic device 100 can also calculate the touch location based on the detection signal from the pressure sensor. In some embodiments, touch operations at the same touch location but with different touch operation intensities can correspond to different operation instructions.

[0142] A touch sensor, also known as a "touch panel," can be provided on the first display 194 or the second display 195. The touch sensor and the first display 194 or the second display 195 together form a touch screen, also known as a "touch screen." The touch sensor is used to detect touch operations applied to or near the touch sensor. The touch sensor can transmit the detected touch operations to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided via the first display 194 or the second display 195.

[0143] The gyroscope sensor can be used to determine the motion posture of the electronic device 100. In some embodiments, the angular velocity of the electronic device 100 around three axes (ie, x, y, and z axes) can be determined by the gyroscope sensor.

[0144] The accelerometer can detect the magnitude of the acceleration of the electronic device 100 in all directions (generally three axes). When the electronic device 100 is stationary, it can detect the magnitude and direction of gravity. It can also be used to identify the posture of the electronic device 100, which is applicable to applications such as switching between landscape and portrait modes and pedometers.

[0145] In some embodiments, at least two sets of gyroscopes and acceleration sensors may be built into the electronic device 100. Among them, one set of gyroscopes and acceleration sensors may be used to determine the motion posture of the first display unit of the first display screen 194 and the magnitude of acceleration in each direction, and one set of gyroscopes and acceleration sensors may be used to determine the motion posture of the second display unit of the first display screen 194 and the magnitude of acceleration in each direction. Furthermore, based on the motion posture of the first display unit of the folding screen and the magnitude of acceleration in each direction, and the motion posture of the second display unit and the magnitude of acceleration in each direction. In this way, the processor 110 can determine the current form (posture) of the electronic device 100 based on this acceleration information.

[0146] The buttons 190 include a power button, a volume button, and the like. The buttons 190 may be mechanical buttons or touch buttons. The electronic device 100 may receive key inputs and generate key signal inputs related to user settings and function control of the electronic device 100.

[0147] It should be understood that the electronic device 100 shown in FIG4 is merely an example of an electronic device, and that the electronic device 100 may have more or fewer components than shown, may combine two or more components, or may have a different component configuration. The various components shown in FIG4 may be implemented in hardware, software, or a combination of hardware and software, including one or more signal processing and / or application specific integrated circuits.

[0148] The software system of the electronic device 100 can adopt a layered architecture, an event-driven architecture, a micro-kernel architecture, a micro-service architecture, or a cloud architecture. In the embodiment of the present application, the Android system with a layered architecture is used as an example to illustrate the software structure of the electronic device 100.

[0149] FIG5 is a block diagram of the software structure of the electronic device 100 according to an embodiment of the present application.

[0150] The layered architecture of electronic device 100 divides the software into several layers, each with a clear role and division of labor. Layers communicate with each other via 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 Android runtime and system libraries, and the kernel layer.

[0151] The application layer can include a series of application packages.

[0152] As shown in FIG5 , illustratively, the application package may include applications such as camera, gallery, settings, call, calendar, map, navigation, music, video, and short message.

[0153] The application framework layer provides an application programming interface (API) and programming framework for applications in the application layer. The application framework layer includes some predefined functions.

[0154] As shown in Figure 5, exemplarily, the application framework layer may include a window management service (Window Manager Service, WMS), a view management framework, a letterbox management module, a resource management service (Resource Manager Service, RMS), a task management module, a product configuration module, a theme management module, a wallpaper management module, a color picking tool, a notification manager, a phone manager, etc.

[0155] The window management service is the manager of windows, responsible for starting, adding, and deleting windows. The window management service also manages the size and hierarchy of windows. The window management service can obtain the display size, determine whether a status bar is present, lock the screen, take screenshots, and more. In embodiments of the present application, the window management service can detect changes in window size, window focus, window position, and window content.

[0156] The View management framework manages views within a window, presenting the user interface (UI) and enabling user interaction. Views within a window are organized according to a View tree structure. In this embodiment, the View management framework traverses the entire View tree from the root View down to obtain the background color of a View that approximates the window size.

[0157] The letterbox management module can be used to manage the letterbox area. In the embodiment of the present application, the letterbox management module can be used to fill (or set) the background of the letterbox area.

[0158] The resource management service provides various resources for the application, such as localized strings, icons, pictures, layout files, video files, etc. In the embodiment of the present application, the resource management service can provide information such as theme resources and background resources set by the application.

[0159] The Task management module can be used to manage the Activities in the Task stack. In an embodiment of the present application, after the window corresponding to the top Activity in the Task stack is drawn, the Task management module can send the corresponding window data to the Letterbox management module.

[0160] The product configuration module can be used to store the configuration information of the device, such as the device appearance ID (identification), the color value corresponding to the device ID, or the theme image corresponding to the device ID.

[0161] The theme management module is used to manage the device themes; the wallpaper management module is used to manage the device wallpapers.

[0162] The color picking tool can be used to analyze an image and obtain one or more color values ​​corresponding to the image, such as background color value, theme color value (or foreground color value), etc.

[0163] ViewRootImpl is the core class of the Android application interface. Its function is to connect the View and the WindowManager. It is responsible for handling the distribution of input events, drawing the View, and updating the View UI. Among them, each APP corresponds to an APP application-side ViewRootImpl.

[0164] The Notification Manager allows applications to display notifications in the status bar. These messages can be used to convey notifications and can disappear automatically after a short pause, without requiring user interaction. For example, notifications are used to notify the completion of downloads, message reminders, and so on. Notifications can also appear in the system's top status bar in the form of icons or scrolling text, such as notifications from applications running in the background, or in the form of dialog windows that appear on the screen. Notifications can also take the form of text messages displayed in the status bar, beeping sounds, vibrations on electronic devices, or flashing indicator lights.

[0165] The phone manager is used to provide communication functions of the electronic device 100, such as management of call status (including answering, hanging up, etc.).

[0166] The Android Runtime consists of a core library and a virtual machine. The Android Runtime is responsible for scheduling and managing the Android system. The core library consists of two parts: one for the Java language's callable functions and the other for the Android core library.

[0167] The application layer and application framework layer run in a virtual machine. The virtual machine executes Java files in the application layer and application framework layer as binary files. The virtual machine manages object lifecycles, stack management, thread management, security and exception management, and garbage collection.

[0168] The system library can include multiple functional modules, such as surface manager, media library, 3D graphics processing library (such as OpenGL ES), 2D graphics engine (such as SGL), etc.

[0169] The surface manager manages the display subsystem and provides fusion of 2D and 3D layers for multiple applications. The media library supports playback and recording of various common audio and video formats, as well as static image files. The media library supports a variety of audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, and PNG. The 3D graphics processing library implements 3D graphics drawing, image rendering, compositing, and layer processing. The 2D graphics engine is the drawing engine for 2D graphics.

[0170] The kernel layer is the layer between hardware and software. The kernel layer includes at least the display driver, Wi-Fi driver, sensor driver, etc. The hardware includes at least the processor, display, Wi-Fi module, sensors, etc.

[0171] It is understood that the layers in the software structure shown in FIG5 and the components included in each layer do not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer layers than shown, and each layer may include more or fewer components, or some components may be combined, some components may be separated, or the components may be arranged differently, and this application does not limit this.

[0172] It is understandable that, in order to implement the display method in the embodiment of the present application, the electronic device includes hardware and / or software modules that perform the corresponding functions. In combination with the algorithm steps of each example described in the embodiments disclosed herein, the present application can be implemented in the form of hardware or a combination of hardware and computer software. Whether a function is executed in the form of hardware or computer software driving hardware 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 in combination with the embodiments, but such implementation should not be considered to be beyond the scope of this application.

[0173] In the display method provided in the embodiment of the present application, the user can customize the background fill method of the outer screen C area of ​​the small foldable mobile phone according to personal preference. It should be noted that in the various optional embodiments described below, the setting entry for the background fill method of the outer screen C area is for illustrative purposes only, and the interface level at which each option is located is also for illustrative purposes only. The embodiment of the present application does not limit the setting entry for the background fill method of the outer screen C area, nor the interface level at which each option is located.

[0174] In an optional embodiment, regarding the background of area C of the outer screen of the small folding mobile phone, the user can choose the background of this area to follow the changes of the application interface scene, or choose the background of this area to follow the device theme or wallpaper effect.

[0175] FIG6a (shown in the form of a grayscale image in the accompanying drawings) exemplifies an application scenario in which a user sets the background of the outer screen area C of a small foldable mobile phone. When the small foldable mobile phone is in the unfolded state, the user opens the outer screen area setting interface in the setting application, as shown in FIG6a (1). The outer screen area setting interface 201 includes an "in-app display" option 2011, which can be used to set the background filling method of the outer screen area C. In the example shown in FIG6a (1), the "in-app display" option is set to "follow scene changes". In response to the user clicking the "in-app display" option 2011, the small foldable mobile phone displays the "in-app display" setting interface, as shown in FIG6a (2). In the "in-app display" setting interface 202 shown in FIG6a (2), the "follow scene changes" 2021 option and the "follow theme or wallpaper effect" option 2022 are included. Among them, the "follow scene changes" 2021 option is selected, and the background preview interface of the outer screen area C in this setting situation is shown in the outer screen interface 2023. When the user subsequently uses the small foldable phone, the background of the outer screen C area of ​​the small foldable phone changes with the changes of the application interface displayed on the outer screen, as shown in Figures 3a and 3b.

[0176] If the user wants the background of the outer screen C area of ​​the small foldable mobile phone to follow the device theme or wallpaper effect, the user can click the "Follow theme or wallpaper effect" option 2022 to make the "Follow theme or wallpaper effect" option 2022 selected. In response to the user clicking the "Follow theme or wallpaper effect" option 2022, the small foldable mobile phone can display the "in-app display" setting interface 203 shown in (3) of Figure 6a. In the "in-app display" setting interface 203 shown in (3) of Figure 6a, the "follow scene changes" option is unselected and the "follow theme or wallpaper effect" option is selected. Under this setting, the background preview interface of the outer screen C area is shown as the outer screen interface 2031. Comparing the outer screen desktop 2012 shown in (1) of Figure 6a and the outer screen interface 2031, it can be seen that the background image of the outer screen C area has the same effect and style as the outer screen theme or wallpaper. In the subsequent process of the user using the small foldable mobile phone, the background image of the outer screen C area of ​​the small foldable mobile phone has the same effect and style as the outer screen theme or wallpaper, which can be referred to the example shown in Figure 3d.

[0177] In another optional embodiment, regarding the background of area C of the outer screen of the small folding mobile phone, the user can choose the background of this area to follow the changes of the application interface scene, can choose the background of this area to follow the device theme or wallpaper effect, or can choose the background of this area to follow the appearance color of the device.

[0178] FIG6b (shown in the form of a grayscale image in the accompanying drawings) exemplifies an application scenario in which a user sets the background of the outer screen C area of ​​a small foldable mobile phone. When the small foldable mobile phone is in the unfolded state, the user opens the outer screen area setting interface in the setting application, such as the outer screen area setting interface 204 shown in FIG6b (1). In response to the user clicking the "display in application" option 2041, the small foldable mobile phone displays the "display in application" setting interface, as shown in FIG6b (2). In the "display in application" setting interface 205 shown in FIG6b (2), the "follow scene changes" 2051 option, the "follow theme or wallpaper effect" option 2052 and the "follow device appearance color" option 2053 are included. Among them, the "follow scene changes" 2051 option is selected.

[0179] If the user wants the background of the outer screen area C of the small foldable phone to follow the device theme or wallpaper effect, the user can click the "Follow theme or wallpaper effect" option 2052 to select the "Follow theme or wallpaper effect" option 2052. This situation can be seen in Figure 6a, and will not be repeated here.

[0180] If the user wants the background of the outer screen C area of ​​the small foldable mobile phone to follow the device appearance color, the user can click the "Follow device appearance color" option 2053 to make the "Follow device appearance color" option 2053 selected. In response to the user clicking the "Follow device appearance color" option 2053, the small foldable mobile phone can display the "in-app display" setting interface 206 as shown in (3) of Figure 6b. In the "in-app display" setting interface 206 as shown in (3) of Figure 6b, the "follow scene changes" option is unselected and the "follow device appearance color" option is selected. Under this setting situation, the background preview interface of the outer screen C area is shown as the outer screen interface 2061 (assuming that the device appearance color of the small foldable mobile phone is yellow). Optionally, the background of the outer screen C area can also be filled with a theme image corresponding to the device appearance color, as shown in (2) of Figure 3e. In the subsequent process of the user using the small foldable mobile phone, the background of the outer screen area C of the small foldable mobile phone always matches the color of the device appearance. For example, the background of the outer screen area C is always filled with a color that is the same as or similar to the color of the device appearance (refer to (1) in Figure 3e). For another example, the background of the outer screen area C is always filled with a theme image that matches the color of the device appearance (refer to (2) in Figure 3e).

[0181] In another optional embodiment, regarding the background of area C of the outer screen of the small folding mobile phone, the user can choose the background of this area to follow the changes of the application interface scene, can choose the background of this area to follow the device theme or wallpaper effect, can choose the background of this area to follow the appearance color of the device, and can also customize the background of this area.

[0182] FIG6c (shown in the form of a grayscale image in the accompanying drawing) exemplifies an application scenario in which a user sets the background of the outer screen C area of ​​a small foldable mobile phone. When the small foldable mobile phone is in the unfolded state, the user opens the outer screen area setting interface in the setting application, such as the outer screen area setting interface 207 shown in FIG6c (1). In response to the user clicking the "display in application" option 2071, the small foldable mobile phone displays the "display in application" setting interface, as shown in FIG6c (2). In the "display in application" setting interface 208 shown in FIG6c (2), the options "follow scene changes", "follow theme or wallpaper effect", "follow device appearance color" and custom options 2081 are included. Among them, the "follow scene changes" option is selected.

[0183] If the user wants the background of the outer screen area C of the small foldable phone to follow the device theme or wallpaper effect, they can click the "Follow theme or wallpaper effect" option to select it. This situation can be seen in Figure 6a and will not be repeated here.

[0184] If the user wants the background of the outer screen area C of the small foldable phone to follow the color of the device's appearance, they can click the "Follow device appearance color" option to select it. This situation can be seen in Figure 6b, which will not be repeated here.

[0185] If the user wants to customize the background of the outer screen C area of ​​the small foldable mobile phone, the user can click the customization option 2081 so that the user can customize the background of the outer screen C area of ​​the small foldable mobile phone. In response to the user clicking the customization option 2081, the small foldable mobile phone can display the "customization" setting interface 209 shown in Figure 6c (3). For example, the user can choose to fill the background of the outer screen C area with a solid color, gradient color, pattern, picture, etc. in the "customization" setting interface 209, which will not be repeated here. After the user completes the customization, for example, chooses to fill the background of the outer screen C area with a pattern, and opens the display interface in the application again, the interface 210 shown in Figure 6c (4) can be referred to. As shown in Figure 6c (4), "Pattern Fill" is displayed in the customization option, and the other options are all unselected, indicating that the current user has customized the background of the outer screen C area of ​​the small foldable mobile phone. The background preview interface of the outer screen C area under this setting is shown as the outer screen interface 2101. During subsequent use of the small foldable phone, the background of the outer screen area C of the small foldable phone remains as shown in outer screen interface 2101, which is a user-defined pattern. FIG3c (2) exemplarily shows a user-defined fill image in the outer screen area C of the small foldable phone, which will not be described in detail here.

[0186] According to the user's settings, the following details the background display schemes for the C area of ​​the outer screen of a small foldable mobile phone. Before describing the display schemes in detail, the background filling principle of the C area of ​​the outer screen of a small foldable mobile phone is explained.

[0187] With the emergence of more and more large-screen and foldable devices, many applications have not yet adapted their UIs for devices of different sizes. In this case, applications choose to display their interfaces in a specific aspect ratio. When the aspect ratio of the application interface is incompatible with the ratio of its container (such as the Task stack), the application interface will be opened in Letterbox display mode. In Letterbox display mode, the application interface will be displayed in the specified ratio, and the surrounding blank area can be filled with wallpaper or color.

[0188] In an embodiment of the present application, when the application interface is displayed on the outer screen of a small folding mobile phone using the first avoidance method, or when the application interface is displayed on the outer screen of a small folding mobile phone using the second avoidance method, the application interface will be opened in Letterbox display mode, that is, the interface display mode of the Task stack where the application window is located is the Letterbox display mode, or the display mode of the application's Activity is the Letterbox display mode.

[0189] As shown in Figure 7, in the Task stack of the external screen of the small folding mobile phone, the external screen C area is the Letterbox blank area of ​​the Task stack (or Letterbox background, Letterbox background area, etc.). Therefore, filling the external screen C area is equivalent to filling the Letterbox blank area. Among them, the external screen C area and the Activity area are in one layer, and the window interface shown in Figure 7 is the content displayed in the Activity of the application. The size of the layer composed of the external screen C area and the Activity area is consistent with the interface size corresponding to the Task stack. In an embodiment of the present application, when the Activity of the application is updated (or refreshed), the background of the external screen C area can also be updated.

[0190] The following respectively explains the schemes for filling the background of area C of the outer screen of a small foldable mobile phone based on different user settings. It should be noted that before the small foldable mobile phone leaves the factory, a default method for filling the background of area C of the outer screen of the small foldable mobile phone can also be pre-set in the small foldable mobile phone. In this case, there is no need for the user to perform additional related setting operations, and the background of area C of the outer screen of the small foldable mobile phone can also be filled in accordance with the default method. Among them, the default method can be any one of "follow scene changes", "follow theme or wallpaper effect", "follow device appearance color", "user customization", or other background filling methods, which are not limited in this embodiment.

[0191] Scene 1

[0192] In this scenario, the user sets the background of area C of the outer screen of the small foldable phone to "Follow the scene change". For example, as shown in (2) in Figure 6a, the "Follow the scene change" option is selected. When the user uses the small foldable phone, the background of area C of the outer screen changes with the application interface scene displayed on the outer screen.

[0193] Regarding the scenario where the background of area C on the outer screen changes with the scene, one optional implementation is for the window management service to proactively obtain the color value of the current application interface to set the background of area C on the outer screen. Another optional implementation is for the current application to proactively provide the color value of the current application interface to set the background of area C on the outer screen. In this scenario, the background of area C on the outer screen can be filled with a solid color or a gradient color, which is not limited in this embodiment.

[0194] Regarding the implementation of the window management service actively obtaining the color value of the current application interface to implement the background setting of the external screen area C, Figure 8a exemplarily shows a schematic diagram of the interaction of various modules in a small foldable mobile phone. Referring to Figure 8a, the process of the display method provided in the embodiment of the present application specifically includes:

[0195] S301: In response to a user operation, the window management service detects a window switch.

[0196] For example, the user operation may be an operation of folding the small foldable phone when the phone is in the unfolded state, which may trigger the display window to switch from the inner screen to the outer screen. The user operation may also be certain operations (such as click operations, sliding operations, etc.) performed by the user on the outer screen of the small foldable phone when the outer screen is on, which may trigger changes in the application window on the outer screen (such as changes in window content, changes in window focus, etc.).

[0197] In this example, the interface display mode of the Task stack where the application window is located is Letterbox display mode. Alternatively, in response to a user operation, the window management service detects that the application window has been switched and determines whether the interface display mode of the Task stack where the application window is located is Letterbox display mode. If so, the following process is executed; otherwise, the process ends.

[0198] S302: The window management service triggers the Letterbox management module to refresh the Letterbox background of the target Task stack where the window is located.

[0199] S303: The Letterbox management module searches for an in-application setting item indicating "follow scene changes".

[0200] As shown in Figure 6a, the in-app setting item is used to indicate the filling method of the background of the outer screen area C. In this scenario, the in-app setting item is set to "follow scene changes".

[0201] When the window management service triggers the Letterbox management module to refresh the Letterbox background of the target Task stack where the window is located, the Letterbox management module first queries the application database for the setting information of the setting items within the application, and then determines the refresh method of the Letterbox background based on the queried setting information.

[0202] S304: The Letterbox management module registers with the Task management module to monitor whether the top window in the target Task stack has been drawn.

[0203] The top window refers to the top window in the target Task stack.

[0204] In this scenario, the Letterbox management module needs to monitor whether the top window in the target Task stack has been drawn. Only after the top window has been drawn can it obtain the color value of the window through the window management service and then set the Letterbox background of the target Task stack where the window is located according to the color value.

[0205] S305 , after the top window in the target Task stack is drawn, the Task management module returns the drawn top window data to the Letterbox management module.

[0206] Exemplarily, the top window data may include but is not limited to the token of the application to which the top window belongs and window layer data.

[0207] S306: The Letterbox management module instructs the window management service to obtain the window color value according to the top window data.

[0208] The letterbox management module can instruct the window management service to obtain the window color value from the corresponding application end according to the application token.

[0209] S307, the window management service determines whether the application to which the top window belongs is included in the blacklist, if not, execute S308, if yes, execute S316.

[0210] In order to prevent the window color value obtained by the window management service on the application side from being inconsistent with the actual background of the window, the window color value obtained by the window management service on the application side can be verified in advance to filter out applications that are not suitable for obtaining window color values ​​from the application side and add these applications to the blacklist.

[0211] In this way, before the window management service obtains the window color value from the application side, it determines whether the application to which the window belongs is in the blacklist. If not, the window management service obtains the window color value from the application side. If it is, the window management service does not obtain the window color value from the application side, so as to avoid the problem that the window color value obtained by the window management service from the application side does not match the actual background of the window, thereby avoiding the problem of poor user visual experience caused by the mismatch between the background of the C area of ​​the external screen of the small folding mobile phone and the application interface.

[0212] S308, the window management service requests the ViewRootlmpl of the APP to obtain the window color value.

[0213] Optionally, the window management service requests the ViewRootlmpl of the app to obtain the window color value. Among them, ViewRootlmpl can be used to establish a connection between DecorView (the root node of the view tree) and Window (window). Each app corresponds to a ViewRootlmpl, which runs on the application side.

[0214] S309, the ViewRootlmpl of the APP requests the resource management service to obtain the interface color value of the application.

[0215] The interface color value of the application may be a theme color value of the application interface and / or a background color value of the application interface.

[0216] S310, the resource management service returns the application interface color value to the ViewRootlmpl of the APP.

[0217] The resource management service can obtain resource information related to the application, such as the background resource information set by the application interface (such as background color value or background image) or the theme information set by the application (such as theme color value). When the APP's ViewRootlmpl requests the application's interface color value, the resource management service can return the theme color value and / or background color value of the application interface it obtained to the APP's ViewRootlmpl. If the application interface does not set the theme color value and background color value, the resource management service cannot return the application's interface color value to the APP's ViewRootlmpl. At this time, the APP's ViewRootlmpl can continue to request the View management framework to find the window color value.

[0218] S311, the ViewRootlmpl of the APP determines whether the acquired theme color value matches the background color value. If not, execute S312; if so, execute S314.

[0219] After the APP's ViewRootlmpl obtains the application interface theme color value and background color value returned by the resource management service, the APP's ViewRootlmpl can also determine whether the application theme color value matches the background color value. If so, the application interface theme color value and / or background color value is returned to the window management service as the window color value. Otherwise, it continues to obtain the window color value from the View management framework side.

[0220] When the ViewRootlmpl of the APP only obtains the application interface theme color value returned by the resource management service, the ViewRootlmpl of the APP can also return the application interface theme color value as the window color value to the window management service; when the ViewRootlmpl of the APP only obtains the application interface background color value returned by the resource management service, the ViewRootlmpl of the APP can also return the application interface background color value as the window color value to the window management service.

[0221] S312, the ViewRootlmpl of the APP requests the View management framework to find the window color value.

[0222] When the APP's ViewRootlmpl fails to obtain the application interface theme color value and background color value from the resource management service side, or when the APP's ViewRootlmpl determines that the application interface theme color value does not match the application interface background color value, the APP's ViewRootlmpl can continue to query the relevant View color value from the View management framework side as the window color value.

[0223] S313, the View management framework traverses the View tree of the window from the root View from top to bottom until it obtains the color value of the View that is close to the window size, and returns the View color value to the application, or until it traverses the preset number of layers of View and still fails to obtain the color value of the View that is close to the window size, and returns a null value to the application.

[0224] Exemplarily, the preset number of layers may be 4 layers, including the root View layer and 3 layers below the root View layer.

[0225] In this scenario, the View management framework can search from the root node downward in the entire View tree of the window for a View that is close to the size of the window, for example, a View whose size is greater than 80%*A (A is the window size), and use the color value of the View (such as the theme color value and / or background color value) as the window color value.

[0226] Optionally, the View Management Framework first determines whether the size of DecorView is greater than 80%*A. If so, the color value of DecorView is used as the window color value. Otherwise, the View Management Framework continues to search for a View with a size greater than 80%*A in the layers below DecorView from top to bottom until a View with a size greater than 80%*A is found, and uses the color value of that View as the window color value. If the View Management Framework does not find a View with a size greater than 80%*A in any of the multiple View layers in the View tree (for example, three layers below the root node), the search stops and returns a null value to the App's ViewRootlmpl.

[0227] S314, the ViewRootlmpl of the APP returns the window color value to the window management service.

[0228] The window color value returned by the APP's ViewRootlmpl to the window management service may be a null value, or it may be the theme color value and / or background color value of the application interface obtained on the resource management service side, or it may be the theme color value and / or background color value of the View obtained from the View management framework side.

[0229] S315, the window management service determines whether the window color value returned by the ViewRootlmpl of the APP is a null value. If not, execute S316; if so, execute S318.

[0230] After the window management service obtains the window color value returned by the ViewRootlmpl of the APP, it determines whether the window color value is a null value. If not, it directly returns the window color value to the Letterbox management module for Letterbox background setting.

[0231] S316, the window management service intercepts the top window layer data and sends the window screenshot to the color picking tool.

[0232] When the window color value returned by the APP's ViewRootlmpl is null, the window management service can use the color picking tool to pick the color of the window layer data to obtain the window color value.

[0233] S317, the color picking tool performs a color picking operation on the window screenshot to obtain a color value of the window screenshot, and returns the color value of the window screenshot to the window management service.

[0234] In this scenario, the color picking tool can perform a color picking operation on the window screenshot according to a preset processing logic to obtain one or more color values ​​as the color value of the window screenshot. For example, the color picking tool can identify the image color value based on the area ratio of the pixel color in the window screenshot, as well as information such as color contrast, to obtain one or more color values ​​as the image color value. Exemplarily, the window color value output by the color picking tool can be the theme color value and / or background color value of the image.

[0235] S318: The window management service returns the window color value to the Letterbox management module.

[0236] When the window color value returned by the APP's ViewRootlmpl is not a null value, the window management service sends the window color value to the Letterbox management module; when the window color value returned by the APP's ViewRootlmpl is a null value, the window management service sends the window color value obtained by the color picking tool to the Letterbox management module.

[0237] As another optional implementation, if the window color value returned by the app's ViewRootlmpl is null, the window management service can obtain a preset window color value and send it to the Letterbox management module. If the top window is in dark mode, the preset dark color value corresponding to the dark mode is sent to the Letterbox management module; if the top window is in light mode, the preset light color value corresponding to the light mode is sent to the Letterbox management module.

[0238] In this way, if the APP's ViewRootlmpl cannot successfully return the window color value, the window management service can select the base color value and give it to the Letterbox management module so that the Letterbox management module can refresh the Letterbox background. Among them, compared with the implementation method of using the color picker to color the window layer data, the implementation method of using the base color value is more efficient; compared with the implementation method of using the base color value, the implementation method of using the color picker to color the window layer data is more effective.

[0239] S319: The Letterbox management module refreshes the Letterbox background according to the window color value returned by the window management service.

[0240] After the Letterbox management module obtains the window color value returned by the window management service, it refills the Letterbox background of the target Task stack according to the color value, thereby refreshing the Letterbox background when the window is switched.

[0241] Exemplarily, if the window color value returned by the window management service includes only one color value (such as a theme color value or a background color value), the Letterbox management module may fill the Letterbox background of the Task stack with a solid color according to the color value. As another example, if the window color value returned by the window management service includes two color values ​​(such as a theme color value and a background color value), the Letterbox management module may fill the Letterbox background of the Task stack with a gradient color according to the two color values. Information such as the gradient type, gradient type, gradient direction, and gradient angle when filling the Letterbox background with a gradient color may be preset in the Letterbox management module and is not limited in this embodiment.

[0242] In some embodiments, the outer screen C area of ​​the small foldable mobile phone may also display one or more contents such as system information, notification information, cute pet information, etc. When the background of the outer screen C area is updated, the content displayed in the outer screen C area may also be updated, such as time information update, power information update, etc. This embodiment will not go into details.

[0243] In this way, when the application interface on the outer screen of the small folding mobile phone changes, the background of area C of the outer screen changes with the changes of the application interface, that is, it changes with the application scenario. Referring to the examples shown in Figure 3a or Figure 3b, it provides users with a better visual experience.

[0244] Regarding the implementation method of the current application actively providing the color value of the current application interface to realize the background setting of the external screen area C, Figure 8b exemplarily shows the interaction diagram of each module in the small foldable mobile phone. Referring to Figure 8b, the process of the display method provided by the embodiment of the present application specifically includes:

[0245] S401: In response to a user operation, the APP business end creates an application Activity.

[0246] For example, the user operation may be an operation of launching the APP, or may be some operations performed on the APP interface after the APP is launched, such as clicking, sliding, etc.

[0247] S402, the APP business end sets the window attribute value of the application Activity, the window attribute value includes the window foreground color value (or theme color value) and the window background color value, and passes the window attribute value to the ViewRootlmpl of the APP.

[0248] In this embodiment, the system framework can provide an API (Application Programming Interface) for APP to call, and the application can use this API to set the foreground color value and background color value corresponding to the letterbox background. As shown in the example (1) in Figure 3b, the phone application can use this API to set the foreground color value corresponding to the window letterbox background (i.e., the outer screen C area) to "green" and the background color value corresponding to the window letterbox background to "white". As shown in the example (2) in Figure 3b, the third-party application can use this API to set the foreground color value corresponding to the window letterbox background to "blue" and the background color value corresponding to the window letterbox background to "white".

[0249] After the APP business end sets the foreground color value and background color value corresponding to the window Letterbox background, the foreground color value and background color value can be added to the window attribute value, for example, the window attribute "LayoutParam (layout parameter)" value.

[0250] S403, the ViewRootlmpl of the APP passes the application Activity window attribute value to the window management service.

[0251] The APP business side passes the window attribute value to the APP's ViewRootlmpl, so that the window attribute value is passed to the window management service side through the APP's ViewRootlmpl.

[0252] S404: The window management service stores the foreground color value and background color value of the Letterbox background corresponding to the window according to the application Activity window attribute value.

[0253] After receiving the foreground color value and background color value corresponding to the window letterbox background in the window attribute value, the window management service stores them. That is, the window management service draws the application activity window and stores the letterbox background color value (i.e., the foreground color value and background color value) corresponding to the window.

[0254] S405: After the window of the application activity is finished drawing and loading, the window management service sends the foreground color value and background color value of the letterbox background corresponding to the window, and triggers the letterbox management tool to set the letterbox background corresponding to the window.

[0255] It should be noted that, unlike the embodiment shown in FIG8a , in this embodiment, the window management service has already learned the foreground and background color values ​​of the window's letterbox background. Therefore, when triggering the letterbox management tool to set the window's letterbox background, the window management service can directly inform the letterbox management tool of the foreground and background color values ​​of the window's letterbox background, allowing the letterbox management tool to directly set the window's letterbox background based on these color values. In contrast, in the embodiment shown in FIG8a , the window management service does not know the foreground and background color values ​​of the window's letterbox background when triggering the letterbox management tool to set the window's letterbox background. Therefore, the letterbox management tool needs the window management service to proactively obtain the window color values ​​so that the letterbox management tool can set the window's letterbox background based on the window color values ​​provided by the window management service.

[0256] S406: The Letterbox management tool queries and finds that the display setting item in the application indicates "follow scene changes".

[0257] In this scenario, the in-app setting is set to "Follow scene changes" rather than "Follow theme or wallpaper effects." This way, after the Letterbox management tool receives the foreground and background color values ​​of the window's letterbox background from the window management service, it can directly set the window's letterbox background based on these color values.

[0258] S407: The Letterbox management tool sets the window Letterbox background according to the foreground color value and the background color value of the window Letterbox background.

[0259] In this scenario, the Letterbox management tool sets the window's Letterbox background based on the foreground color value and background color value of the window's Letterbox background delivered by the window management service. Exemplarily, the window's Letterbox background can be set to a gradient effect from the foreground color value to the background color value, or from the background color value to the foreground color value. As shown in (1) in FIG3b , the window's Letterbox background is set to a gradient effect from the foreground color value "green" to the background color value "white" of the phone application window. As shown in (2) in FIG3b , the window's Letterbox background is set to a gradient effect from the foreground color value "blue" to the background color value "white" of the third-party application window. This embodiment does not limit information such as the gradient type, gradient type, gradient direction, gradient angle, etc. when performing color gradient filling on the window's Letterbox background.

[0260] In some embodiments, the outer screen C area of ​​the small foldable mobile phone may also display one or more contents such as system information, notification information, cute pet information, etc. When the background of the outer screen C area is updated, the content displayed in the outer screen C area may also be updated, such as time information update, power information update, etc. This embodiment will not go into details.

[0261] In this way, when the application interface on the outer screen of a small foldable phone changes, the background of area C of the outer screen can change accordingly. Moreover, the application can actively set the window background color value and foreground color value based on the API provided by the system. When the current window is about to be displayed, there is no need for the window management service to obtain the window color value from the application side or the View framework side, nor is there a need for a color picking tool to perform color picking operations on the window layer data. The background of area C of the outer screen can be set directly according to the color value actively provided by the application, which is more efficient.

[0262] Scene 2

[0263] In this scenario, the user sets the background of area C of the outer screen of the small foldable phone to "Follow the theme or wallpaper effect". For example, as shown in (3) in Figure 6a, the "Follow the theme or wallpaper effect" option is selected. When the user uses the small foldable phone, the background of area C of the outer screen always matches the effect of the outer screen theme or wallpaper.

[0264] In one scenario, the user sets the wallpaper for the outer screen of a small foldable phone to be a wallpaper from a theme resource package. In addition to the wallpaper file corresponding to the outer screen, the theme resource package can also include an image file corresponding to area C of the outer screen. This image file is used to fill the background of area C of the outer screen. In this way, the background filling area C of the outer screen has the same effect as the outer screen theme (or outer screen wallpaper).

[0265] Another scenario is that the wallpaper set by the user for the outer screen of a small foldable phone is not from the theme resource package, or the wallpaper set by the user for the outer screen of a small foldable phone is from the theme resource package, but the theme resource package does not include the image file corresponding to area C of the outer screen. The Letterbox management tool crops and blurs the current wallpaper image file to obtain an image file that matches the size of area C of the outer screen. This image file is used to fill the background of area C of the outer screen. In this way, the background filling of area C of the outer screen can also be consistent with the effect of the outer screen wallpaper.

[0266] FIG9 exemplarily shows a schematic diagram of the interaction between the modules in a small foldable phone. In the example of FIG9 , the user switches the background setting of the outer screen area C from "follow the theme or wallpaper effect" to "follow the scene change", and then switches from "follow the scene change" to "follow the theme or wallpaper effect". Referring to FIG9 , the process of the display method provided in the embodiment of the present application specifically includes:

[0267] S501 , in response to a user operation, the setting application sets the background of the outer screen C area to “follow scene changes” and clears the background file of the outer screen C area stored in the system shared file directory.

[0268] Exemplarily, the user operation may be an operation of setting the “display in application” option in the settings application, such as the operation of clicking the “follow scene changes” option 2021 shown in (2) in FIG6a .

[0269] When the user sets the "Display in App" option to "Follow Theme or Wallpaper Effect", the background file of Area C of the external screen will be stored in the system shared file directory. For detailed explanation, please see below. Therefore, when the user switches the "Display in App" option from "Follow Theme or Wallpaper Effect" to "Follow Scene Changes" or "Follow Device Appearance Color" or "Custom", the Settings app can first clear the background file of Area C of the external screen stored in the system shared file directory. Among them, the background file of Area C of the external screen can be understood as the picture file filled in Area C of the external screen. For the user, the picture file filled in Area C of the external screen is the wallpaper file of Area C of the external screen.

[0270] S502 , in response to a user operation, the setting application sets the background of the outer screen C area to “follow the theme or wallpaper effect” and sends the setting result to the theme management module.

[0271] Exemplarily, the user operation may be an operation of setting the “display in application” option in the settings application, such as the operation of clicking the “follow scene changes” option 2021 shown in (2) in FIG6a .

[0272] If the user sets the background of area C of the outer screen to "Follow theme or wallpaper effect", the background of area C of the outer screen needs to be consistent with the style of the outer screen wallpaper of the small foldable phone. Therefore, in this case, the settings application can send the setting result to the theme management module, so that the theme management module can determine whether the current outer screen wallpaper of the small foldable phone is the theme wallpaper.

[0273] S503, the theme management module determines whether the external screen wallpaper is a theme wallpaper, if so, execute S504, if not, execute S505.

[0274] S504 , the theme management module stores the background file of the external screen area C corresponding to the external screen theme wallpaper in the system shared file directory.

[0275] When the outer screen wallpaper of the small foldable mobile phone is a theme wallpaper, the theme resource package may include the outer screen C area background file corresponding to the outer screen theme wallpaper. The theme management module stores the outer screen C area background file in the system shared file directory for direct use by the Letterbox management module.

[0276] In one possible example, when the wallpaper on the outer screen of a small foldable phone is a theme wallpaper, the corresponding theme resource package does not include the background file for area C of the outer screen corresponding to the outer screen theme wallpaper. In this case, if the theme management module cannot obtain the background file for area C of the outer screen in the theme resource package, the wallpaper file for the outer screen can be stored in the system shared file directory.

[0277] S505: The theme management module sends instruction information to the wallpaper management module.

[0278] When the wallpaper on the outer screen of a small foldable mobile phone is not a theme wallpaper, it is necessary to regenerate the background file of the outer screen C area corresponding to the outer screen wallpaper. In this case, the theme management module can send an indication information to the wallpaper management module to indicate that the outer screen wallpaper is not a theme wallpaper. The theme management module can also send an indication information to the wallpaper management module to indicate that the background of the outer screen C area is set to "follow the theme or wallpaper effect". The indication information for indicating that the background of the outer screen C area is set to "follow the theme or wallpaper effect" can also be sent by the setting application to the wallpaper management module, which is not limited in this embodiment.

[0279] S506: The wallpaper management module stores the wallpaper file of the external screen in the system shared file directory.

[0280] In this way, when the external screen wallpaper of a small folding mobile phone is a theme wallpaper and the theme resource package contains the background file of the external screen C area, the background file of the external screen C area is stored in the system shared file directory for use by the Letterbox management module; when the external screen wallpaper of a small folding mobile phone is a theme wallpaper but the theme resource package does not contain the background file of the external screen C area, or when the external screen wallpaper of a small folding mobile phone is a non-theme wallpaper, the external screen wallpaper file is stored in the system shared file directory for use by the Letterbox management module, so that the Letterbox management module can generate an external screen C area background file that is consistent with the style of the external screen wallpaper file.

[0281] Optionally, when the wallpaper on the outer screen of a small foldable mobile phone is a theme wallpaper but the theme resource package does not contain the background file for the outer screen C area, the theme management module can also trigger the Letterbox management module to generate a background file for the outer screen C area based on the outer screen wallpaper file, and store the background file for the outer screen C area in the system shared file directory for direct use by the Letterbox management module. Alternatively, when the wallpaper on the outer screen of a small foldable mobile phone is a non-theme wallpaper, the wallpaper management module can also trigger the Letterbox management module to generate a background file for the outer screen C area based on the outer screen wallpaper file, and store the background file for the outer screen C area in the system shared file directory for direct use by the Letterbox management module. Among them, the Letterbox management module can crop the outer screen wallpaper file according to the size of the outer screen C area, and blur the cropped image file to obtain the background file for the outer screen C area.

[0282] In this scenario, that is, when the user sets the background of the external screen area C to "Follow the theme or wallpaper effect", if the user resets the external screen wallpaper of the small folding phone, the external screen area C background file in the system shared file directory will be updated accordingly. Exemplarily, if the external screen wallpaper reset by the user is a theme wallpaper, the theme management module can use the corresponding C area background file in the theme resource package to update the external screen area C background file in the system shared file directory. Exemplarily, if the external screen wallpaper reset by the user is a non-theme wallpaper, or the external screen wallpaper reset by the user is a theme wallpaper, but the theme resource package does not contain the external screen area C background file, the wallpaper management module will store the external screen wallpaper in the system shared file directory, update the external screen wallpaper in the system shared file directory, and delete the existing external screen area C background file in the system shared file directory. Then, the Letterbox management module can regenerate the external screen area C background file based on the updated external screen wallpaper, so as to avoid the problem of inconsistency between the external screen area C background and the external screen wallpaper style.

[0283] S507: In response to the user operation, the window management service detects window switching.

[0284] For example, the user operation may be an operation of folding the small foldable phone when the phone is in the unfolded state, which may trigger the display window to switch from the inner screen to the outer screen. The user operation may also be certain operations (such as click operations, sliding operations, etc.) performed by the user on the outer screen of the small foldable phone when the outer screen is on, which may trigger changes in the application window on the outer screen (such as changes in window content, changes in window focus, etc.).

[0285] In this example, the interface display mode of the Task stack where the application window is located is Letterbox display mode. Alternatively, in response to a user operation, the window management service detects that the application window has been switched and determines whether the interface display mode of the Task stack where the application window is located is Letterbox display mode. If so, the following process is executed; otherwise, the process ends.

[0286] S508: The window management service triggers the Letterbox management module to refresh the Letterbox background of the target Task stack where the window is located.

[0287] S509: The Letterbox management module queries and finds that the display setting item in the application indicates "follow the theme or wallpaper effect".

[0288] As shown in Figure 6a, the in-app setting item is used to indicate the filling method of the background of the outer screen area C. In this scenario, the in-app setting item is set to "follow theme or wallpaper effect".

[0289] When the window management service triggers the Letterbox management module to refresh the Letterbox background of the target Task stack where the window is located, the Letterbox management module first queries the application database for the setting information of the setting items within the application, and then determines the refresh method of the Letterbox background based on the queried setting information.

[0290] In this scenario, since the in-app setting item is set to "Follow theme or wallpaper effect", the Letterbox management module can directly obtain the background file of area C of the external screen from the system shared file directory.

[0291] S510: The Letterbox management module reads the background file of the external screen C area from the system shared file directory.

[0292] S511, the Letterbox management module determines whether the background file of the external screen C area is read in the system shared file directory. If so, execute S514, if not, execute S512.

[0293] S512: The Letterbox management module reads the wallpaper file of the external screen from the system shared file directory.

[0294] S513 , the Letterbox management module crops and blurs the wallpaper file of the external screen to obtain a background file of area C of the external screen, and stores the background file of area C of the external screen in a system shared file directory.

[0295] If the Letterbox management module fails to read the background file of area C of the external screen in the system shared file directory, it reads the wallpaper file of the external screen in the system shared file directory, generates the background file of area C of the external screen based on the wallpaper file of the external screen, and stores the background file of area C of the external screen in the system shared file directory. Among them, the Letterbox management module can crop the wallpaper file of the external screen according to the size of area C of the external screen to obtain the background file of area C of the external screen. Optionally, the Letterbox management module can crop the wallpaper file of the external screen according to the size of area C of the external screen, and blur the cropped image file to obtain the background file of area C of the external screen.

[0296] In this way, when the application window is switched on the external screen later, the Letterbox management module can directly read the background file of the external screen C area in the system shared file directory to fill the Letterbox background.

[0297] S514: The Letterbox management module sets the Letterbox background according to the background file of area C of the external screen.

[0298] In some embodiments, the outer screen C area of ​​the small foldable mobile phone may also display one or more contents such as system information, notification information, cute pet information, etc. When the background of the outer screen C area is updated, the content displayed in the outer screen C area may also be updated, such as time information update, power information update, etc. This embodiment will not go into details.

[0299] In this way, when the application interface on the external screen of the small folding phone changes, the background of the C area of ​​the external screen is always consistent with the effect of the external screen theme or wallpaper, and does not change with the changes of the application interface. The external screen interface of the device is more personalized and beautiful.

[0300] Scenario 3

[0301] In this scenario, the user sets the background of the outer screen area C of the small foldable mobile phone to "Follow the device appearance color". For example, as shown in (3) in Figure 6b, the "Follow the device appearance color" option is selected. When the user uses the small foldable mobile phone, the background of the outer screen area C always matches the device appearance color. The background of the outer screen area C can be a solid color fill, gradient color fill, pattern fill, or picture fill that matches the device appearance color, and this embodiment does not limit this.

[0302] FIG10 exemplarily shows a schematic diagram of the interaction between the modules in a small foldable mobile phone. Referring to FIG10 , the process of the display method provided in the embodiment of the present application specifically includes:

[0303] S601: In response to a user operation, the window management service detects a window switch.

[0304] For example, the user operation may be an operation of folding the small foldable phone when the phone is in the unfolded state, which may trigger the display window to switch from the inner screen to the outer screen. The user operation may also be certain operations (such as click operations, sliding operations, etc.) performed by the user on the outer screen of the small foldable phone when the outer screen is on, which may trigger changes in the application window on the outer screen (such as changes in window content, changes in window focus, etc.).

[0305] In this example, the interface display mode of the Task stack where the application window is located is Letterbox display mode. Alternatively, in response to a user operation, the window management service detects that the application window has been switched and determines whether the interface display mode of the Task stack where the application window is located is Letterbox display mode. If so, the following process is executed; otherwise, the process ends.

[0306] S602: The window management service triggers the Letterbox management module to refresh the Letterbox background of the target Task stack where the window is located.

[0307] S603: The Letterbox management module queries and finds that the in-application display setting item indicates "follow device appearance color".

[0308] As shown in Figure 6b, the in-app setting item is used to indicate the filling method of the background of the outer screen area C. In this scenario, the in-app setting item is set to "Follow device appearance color".

[0309] When the window management service triggers the Letterbox management module to refresh the Letterbox background of the target Task stack where the window is located, the Letterbox management module first queries the application database for the setting information of the setting items within the application, and then determines the refresh method of the Letterbox background based on the queried setting information.

[0310] In this scenario, since the in-app setting is set to "Follow device appearance color", the Letterbox management module can directly obtain the background filling information of area C of the external screen, such as the background color value or background image, from the theme management module.

[0311] S604: The Letterbox management module obtains background filling information of the outer screen area C from the theme management module.

[0312] S605, the theme management module obtains the device appearance ID from the product configuration module, and the product configuration module returns the device appearance ID to the theme management module.

[0313] Among them, when the device appearance color is different, the device appearance ID in the product configuration module is different.

[0314] S606 , the theme management module obtains the background color value or background image of the outer screen area C according to the device appearance ID, and returns the background color value or background image of the outer screen area C to the Letterbox management module.

[0315] In the theme management module, for each device appearance ID, the background color value or background image of the corresponding outer screen C area can be preset.

[0316] For example, for a device appearance ID corresponding to the device appearance color "purple", the preset background of the external screen area C is a pure purple color or a purple gradient color. For another example, for a device appearance ID corresponding to the device appearance color "yellow", the preset background of the external screen area C is a yellow theme image.

[0317] Optionally, S605 to S606 can also be adjusted as follows: the theme management module obtains the background filling information of the external screen C area from the product configuration module side, the product configuration module obtains the background color value or background image of the external screen C area according to the device appearance ID, and returns the background color value or background image of the external screen C area to the theme management module, and the theme management module then returns the background color value or background image of the external screen C area to the Letterbox management module.

[0318] Optionally, after the Letterbox Management Module has obtained the background color value or background image for Area C of the external screen corresponding to the device appearance ID, it can store the background color value or background image for Area C of the external screen corresponding to the device appearance ID. Subsequently, when the Letterbox Management Module subsequently queries and finds that the in-app setting is set to "Follow device appearance color," it can directly obtain the stored background color value or background image for Area C of the external screen corresponding to the device appearance ID.

[0319] S607: The Letterbox management module sets the Letterbox background according to the background color value or background image of the outer screen area C.

[0320] For a device appearance ID, if the background color value of the external screen C area is preset to one or more, the Letterbox management module can use this color value to fill the background of the external screen C area with a solid color. If the background color value of the external screen C area is preset to multiple, the Letterbox management module can use these multiple settings to fill the background of the external screen C area with a gradient color.

[0321] In some embodiments, the outer screen C area of ​​the small foldable mobile phone may also display one or more contents such as system information, notification information, cute pet information, etc. When the background of the outer screen C area is updated, the content displayed in the outer screen C area may also be updated, such as time information update, power information update, etc. This embodiment will not go into details.

[0322] In this way, when the application interface on the external screen of the small folding mobile phone changes, the background of area C of the external screen always matches the color of the device appearance. Referring to the example shown in Figure 3e, it does not change with the changes of the application interface. The consistency between the device external screen interface and the device appearance color is stronger, which improves the user's visual experience.

[0323] Scene 4

[0324] In this scenario, the user sets the background of the outer screen area C of the small foldable phone to "custom". For example, as shown in (2) and (3) in Figure 6c, the background filling of the outer screen area C is configured in the custom setting interface. When the user uses the small foldable phone, the background filling of the outer screen area C is always the pattern customized by the user.

[0325] FIG11 is an exemplary diagram showing the interaction between the modules in a small foldable mobile phone. Referring to FIG11 , the process of the display method provided by the embodiment of the present application specifically includes:

[0326] S701 , in response to the user setting the background of the outer screen C area to solid color fill, color gradient fill, pattern fill, etc., the setting application writes the filling setting information of the outer screen C area into the setting database.

[0327] As shown in Figure 6c, the user can customize the background of area C of the outer screen, for example, to set the background of area C of the outer screen to be filled with a solid color, a gradient color, a pattern, etc. In this customized setting scenario, the settings application stores the fill setting information related to the background of area C of the outer screen in the settings database.

[0328] S702 , in response to the user setting the background of area C of the outer screen to be filled with an image, the setting application stores the background file of area C of the outer screen to the system shared file directory.

[0329] 6c, the user can customize the background of area C of the outer screen, for example, setting the background of area C of the outer screen to be filled with an image. In this customized setting scenario, the settings application stores the fill image file related to the background of area C of the outer screen in the system shared file directory.

[0330] Optionally, when the user switches the "In-app display" option from "Custom" to "Follow theme or wallpaper effect" or "Follow scene changes" or "Follow device appearance color", if the external screen C area background file is stored in the system shared file directory, the settings application can first clear the external screen C area background file stored in the system shared file directory to avoid conflicts with the external screen C area background file in the "External screen C area background follows the theme or wallpaper effect" scenario.

[0331] S703: In response to the user operation, the window management service detects window switching.

[0332] For example, the user operation may be an operation of folding the small foldable phone when the phone is in the unfolded state, which may trigger the display window to switch from the inner screen to the outer screen. The user operation may also be certain operations (such as click operations, sliding operations, etc.) performed by the user on the outer screen of the small foldable phone when the outer screen is on, which may trigger changes in the application window on the outer screen (such as changes in window content, changes in window focus, etc.).

[0333] In this embodiment, the interface display mode of the Task stack where the application window is located is Letterbox display mode. Alternatively, in response to a user operation, the window management service detects that the application window has been switched and determines whether the interface display mode of the Task stack where the application window is located is Letterbox display mode. If so, the following process is executed; otherwise, the process ends.

[0334] S704: The window management service triggers the Letterbox management module to refresh the Letterbox background of the target Task stack where the window is located.

[0335] S705: The Letterbox management module queries and finds that the display setting item in the application indicates "custom".

[0336] As shown in Figure 6c, the in-app setting item is used to indicate the filling method of the background of the outer screen area C. In this scenario, the in-app setting item is set to "custom".

[0337] When the window management service triggers the Letterbox management module to refresh the Letterbox background of the target Task stack where the window is located, the Letterbox management module first queries the application database for the setting information of the setting items within the application, and then determines the refresh method of the Letterbox background based on the queried setting information.

[0338] In this scenario, since the in-app setting is set to "Customize," the Letterbox management module can first query the settings database for the background fill information for area C of the external screen. If the information is not found, the Letterbox management module can then retrieve the background file for area C of the external screen from the system shared file directory. Optionally, since the in-app setting is set to "Customize," the Letterbox management module can also first query the system shared file directory for the background file for area C of the external screen. If the information is not found, the Letterbox management module can then query the settings database for the background fill information for area C of the external screen.

[0339] S706 , the Letterbox management module obtains background filling information of the outer screen area C from the setting database.

[0340] S707, the Letterbox management module determines whether the background filling information of the outer screen area C is obtained, if so, execute S708, if not, execute S709.

[0341] S708: The Letterbox management module sets the Letterbox background according to the background filling information of the outer screen area C.

[0342] S709: The Letterbox management module obtains the background file of the outer screen C area from the system shared file directory.

[0343] S710: The Letterbox management module sets the Letterbox background according to the background file of area C of the external screen.

[0344] In some embodiments, the outer screen C area of ​​the small foldable mobile phone may also display one or more contents such as system information, notification information, cute pet information, etc. When the background of the outer screen C area is updated, the content displayed in the outer screen C area may also be updated, such as time information update, power information update, etc. This embodiment will not go into details.

[0345] In this way, users can customize the background of the C area of ​​the small folding phone's outer screen, making the small folding phone's outer screen interface display more personalized and improving the user experience.

[0346] In the above scenarios, a small foldable mobile phone that folds up and down is used as an example for explanation. For other foldable devices, such as electronic devices that fold inward to the left and right, if a camera decoration is provided on the outer screen, when the application interface is displayed in Letterbox mode on the outer screen to avoid the camera decoration area, the filling method of the blank area of ​​the Letterbox (that is, the background filling method of the outer screen C area) can refer to the solution described above and will not be repeated here.

[0347] In an optional embodiment, in any electronic device (whether it is a folding screen device or a straight-screen device), if the application interface is displayed in Letterbox mode (whether it is displayed on a folding screen or a non-folding screen), the filling method of the blank area of ​​the Letterbox can refer to the scheme described above, and can be set by the user, or by the default setting before the device leaves the factory, and will not be repeated here.

[0348] This embodiment further provides a computer storage medium, in which computer instructions are stored. When the computer instructions are executed on an electronic device, the electronic device executes the above-mentioned related method steps to implement the display method in the above-mentioned embodiment.

[0349] This embodiment further provides a computer program product. When the computer program product is run on a computer, it enables the computer to execute the above-mentioned related steps to implement the display method in the above-mentioned embodiment.

[0350] In addition, an embodiment of the present application also provides a device, which can specifically be a chip, component or module, and the device may include a connected processor and memory; wherein the memory is used to store computer-executable instructions, and when the device is running, the processor can execute the computer-executable instructions stored in the memory to enable the chip to execute the display method in the above-mentioned method embodiments.

[0351] Among them, the electronic device (such as a small folding mobile phone, etc.), computer storage medium, computer program product or chip provided in this embodiment is used to execute the corresponding method provided above. Therefore, the beneficial effects that can be achieved can refer to the beneficial effects in the corresponding method provided above, and will not be repeated here.

[0352] Through the description of the above implementation methods, technical personnel in the relevant field can understand that for the convenience and simplicity of description, only the division of the above-mentioned functional modules is used as an example. In actual applications, the above-mentioned functions can be distributed and completed by different functional modules as needed, that is, the internal structure of the device can be divided into different functional modules to complete all or part of the functions described above.

[0353] In the several embodiments provided in this application, it should be understood that the disclosed devices and methods can be implemented in other ways. For example, the device embodiments described above are merely schematic. For example, the division of modules or units is only a logical function division. In actual implementation, there may be other division methods, such as multiple units or components can be combined or integrated into another device, or some features can be ignored or not executed. Another point is that the mutual coupling or direct coupling or communication connection shown or discussed can be through some interfaces, indirect coupling or communication connection of devices or units, which can be electrical, mechanical or other forms.

[0354] As described above, the above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit them. Although the present application has been described in detail with reference to the above embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the above embodiments, or make equivalent replacements for some of the technical features therein. However, these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of the present application.

Claims

1. A display method, characterized in that: Applicable to a foldable screen device, the foldable screen device comprising a first display screen and a second display screen located on different sides of the foldable screen device, the first display screen being a foldable display screen, and the size of the first display screen being larger than the size of the second display screen; The second display screen has at least one hole, and a camera is provided at the hole; the display method includes: In response to the first operation, the background filling mode of the second display screen is set to the target mode, and the background of the second display screen is used to represent the area other than the application interface when the ratio of the application interface displayed on the second display screen is different from that of the second display screen; In response to the second operation, the folding screen device draws an application interface of the target application and determines background content corresponding to the application interface according to the target mode; The folding screen device displays the application interface in the first area of the second display screen and displays the background content in the second area of the second display screen, wherein the second area of the second display screen covers the hole.

2. The method according to claim 1, characterized in that The target application is displayed on the second display screen in a Letterbox display mode.

3. The method according to claim 1, characterized in that The application interface displayed in the first area and the background content displayed in the second area are in the same layer.

4. The method according to claim 1, wherein The background filling method includes: A first manner, wherein the first manner is used to indicate that the background content displayed in the second area changes according to the application interface displayed in the first area; A second mode, where the second mode is used to indicate that the background content displayed in the second area is the same as the theme effect or wallpaper effect of the second display screen; A third mode is used to indicate that the background content displayed in the second area matches the appearance color of the folding screen device; A fourth manner is used to indicate that the background content displayed in the second area is customized.

5. The method according to claim 4, wherein the target mode is the first mode; Determining background content corresponding to the application interface according to the target mode includes: Obtaining a first color value corresponding to the application interface; the first color value includes a background color value and / or a theme color value; A first background content is determined according to the first color value, and the first background content is used as the background content corresponding to the application interface; wherein the first background content is a solid color background or a gradient color background.

6. The method according to claim 5, characterized in that Obtaining a first color value corresponding to the application interface includes: Acquire a second color value corresponding to the application interface; In response to acquiring the second color value, using the second color value as the first color value; In response to not obtaining the second color value, obtaining the color value of the target view as the first color value, and a ratio of a size of the target view to a window size of the application interface is greater than a preset threshold.

7. The method according to claim 6, characterized in that Also includes: In response to not obtaining the color value of the target view, the window layer data of the application interface is intercepted to obtain a window screenshot, and the window screenshot is processed with a color picking tool to obtain the first color value.

8. The method according to claim 6, characterized in that Also includes: In response to not obtaining the color value of the target view, determining the window color mode of the application interface, and using a preset color value corresponding to the window color mode as the first color value, the window color mode including a dark mode and a light mode.

9. The method according to claim 5, characterized in that Obtaining a first color value corresponding to the application interface includes: The first color value is obtained from the window attribute value of the application interface; wherein the first color value is set by the target application.

10. The method according to claim 4, characterized in that The target mode is the second mode; Determining background content corresponding to the application interface according to the target mode includes: The wallpaper of the second display screen is a theme wallpaper, and the resource package to which the theme wallpaper belongs includes a first picture, and the first picture is used as the background content corresponding to the application interface; wherein the size of the first picture is consistent with the second area; Alternatively, the wallpaper of the second display screen is a theme wallpaper, and the resource package to which the theme wallpaper belongs does not include the first picture, the wallpaper of the second display screen is cropped according to the size of the second area to obtain a second picture, and the second picture is used as the background content corresponding to the application interface; Alternatively, the wallpaper of the second display screen is not a theme wallpaper, and the wallpaper of the second display screen is cropped according to the size of the second area to obtain a third picture, and the third picture is used as the background content corresponding to the application interface.

11. The method according to claim 4, characterized in that The target mode is the third mode; Determining background content corresponding to the application interface according to the target mode includes: Determining the appearance identification of the foldable screen device; Acquire preset background content corresponding to the appearance identifier, and use the preset background content as background content corresponding to the application interface; The preset background content is any one of a solid color background, a gradient color background, a pattern background, and a picture background.

12. The method according to claim 4, characterized in that The target mode is the fourth mode; Determining background content corresponding to the application interface according to the target mode includes: Acquire a second background content preset by the user, and use the second background content as the background content corresponding to the application interface; The second background content is any one of a solid color background, a gradient color background, a pattern background, and a picture background.

13. The method according to any one of claims 1 to 12, characterized in that The folding screen device also displays at least one of system information, notification information, and cute pet information in the second area.

14. The method according to any one of claims 1 to 12, characterized in that The folding type of the first display screen is up and down inward folding.

15. A folding screen device, characterized in that: include: a first display screen and a second display screen located on different sides of the foldable screen device, wherein the first display screen is a foldable display screen and is larger than the second display screen; The second display screen has at least one hole, and a camera is provided at the hole; one or more processors; Memory; And one or more computer programs, wherein the one or more computer programs are stored on the memory, and when the computer programs are executed by the one or more processors, the folding screen device executes the display method as described in any one of claims 1-14.

16. A computer-readable storage medium comprising a computer program, characterized in that When the computer program is executed on an electronic device, the electronic device is enabled to execute the display method according to any one of claims 1 to 14.

Citation Information

Patent Citations

  • Display method of folding screen and related device

    CN111263005A

  • Content display method and device, terminal and storage medium

    CN115756219A

  • Interface display method and device, terminal equipment and storage medium

    CN115756259A