Display method and related apparatus

Abstract

Disclosed in the present application are a display method and a related apparatus. In the method, an electronic device may display a user interface of an application A, and the user interface of the application A may comprise: main content provided by the application A and a function control provided by the application A. When the height of the displayed user interface of the application A is reduced, the electronic device may hide the function control in the user interface of the application A, such that the main content of the application A is presented in the user interface. In this way, when the height of a user interface belonging to a certain application is reduced, that is, the number of elements provided by the application that can be presented by the user interface is reduced, an electronic device can present as much as possible more main content provided by the application, thereby reducing the effect of non-main content on the attention of users, and providing good user experience.

Description

A display method and related apparatus

[0001] This application claims priority to Chinese Patent Application No. 202411224208.1, filed on September 2, 2024, entitled “A Display Method and Related Apparatus”, the entire contents of which are incorporated herein by reference. Technical Field

[0002] This application relates to the field of terminals, and more particularly to a display method and related apparatus. Background Technology

[0003] Electronic devices provide services to users by displaying application user interfaces on a screen. In some scenarios, the area of ​​the user interface displayed for a particular application on an electronic device may be reduced. How to improve the user experience when using electronic devices with small user interfaces is a pressing issue that needs to be addressed in this field. Summary of the Invention

[0004] This application provides a display method and related apparatus, in which the user interface can present more of the main content, and the user's attention can be more focused on the main content of the application.

[0005] In a first aspect, this application provides a display method applied to an electronic device. The method includes: the electronic device displaying a first user interface of a first application, the first user interface including first content and a first functional control; the electronic device receiving a first operation; and the electronic device displaying a second user interface of the first application, the height of the second user interface being less than the height of the first user interface, the second user interface including part or all of the first content, but excluding the first functional control.

[0006] By implementing the above method, while reducing the height of the user interface belonging to a particular application—that is, reducing the number of elements provided by the application that the user interface can display—the electronic device can present as much of the application's main content as possible, reducing the impact of non-essential content on the user's attention, resulting in a better user experience. Furthermore, functional controls can be re-displayed when the user needs them and hidden again when not needed.

[0007] In conjunction with the first aspect, in some implementations, the height of the second user interface is less than the first threshold.

[0008] In this way, the display method provided in the embodiments of this application can be executed when the height of the second user interface is reduced to a certain threshold set by the electronic device.

[0009] In conjunction with the first aspect, in some implementations, the electronic device is a foldable electronic device, which includes a first screen and a second screen. The height of the first screen is greater than the height of the second screen. The electronic device displays a first user interface of a first application, specifically including: the electronic device displays the first user interface on the first screen in an unfolded state; the first operation is an operation of switching the electronic device from the unfolded state to a folded state. The electronic device displays a second user interface of the first application, specifically including: the electronic device displays the second user interface on the second screen in the folded state.

[0010] This allows electronic devices to display more of the main content and minimizes the distraction of non-essential content, resulting in a better user experience.

[0011] In conjunction with the first aspect, in some implementations, the electronic device displaying the first user interface of the first application specifically includes: the electronic device displaying the first user interface in full screen; the first operation being a split-screen operation; the electronic device displaying the second user interface of the first application specifically includes: the electronic device displaying the second user interface in split-screen.

[0012] In this way, when electronic devices display content in a split-screen mode, they can present as much of the main content as possible, reducing the impact of non-essential content on the user's attention and resulting in a better user experience.

[0013] In conjunction with the first aspect, in some implementations, the electronic device displays the second user interface in a split-screen manner, specifically including: the electronic device displays the second user interface on the upper half of the display screen, the height of the upper half screen being less than a first threshold; or the electronic device displays the second user interface on the lower half of the display screen, the height of the lower half screen being less than the first threshold; or the electronic device displays the second user interface in a floating window, the height of the floating window being less than the first threshold.

[0014] In this way, regardless of the split-screen method, if the height of the user interface is less than the first threshold, the user interface can only display the main content.

[0015] In conjunction with the first aspect, in some implementations, the electronic device displaying the first user interface of the first application specifically includes: the electronic device displaying the first user interface in a first direction; the first operation being an operation of rotating the electronic device; the electronic device displaying the second user interface of the first application specifically includes: the electronic device displaying the second user interface in a second direction, wherein the second direction is perpendicular to the first direction.

[0016] In this way, when an electronic device switches from portrait to landscape mode, it can display more of the main content and reduce the distraction of non-essential content, resulting in a better user experience.

[0017] In conjunction with the first aspect, in some implementations, the second user interface also includes a voice control.

[0018] In some implementations, the voice-enabled control may or may not be included in the first user interface displayed by the electronic device. When the electronic device displays a second user interface, it can prominently recreate a new control—a voice control—in the second user interface that is identical or similar to the voice-enabled control that may be included in the first user interface.

[0019] This allows for a more convenient way to meet users' needs for accessing information from the main content while displaying a smaller user interface.

[0020] In conjunction with the first aspect, in some implementations, the first content includes non-editable text, and the voice control includes a voice playback control. In conjunction with the first aspect, in some implementations, the first content includes editable text, and the voice control includes a voice input control.

[0021] In this way, electronic devices can more conveniently meet users' needs for reading or editing text.

[0022] In conjunction with the first aspect, in some implementations, the electronic device is a foldable electronic device, which includes a first screen and a second screen. The display of a first user interface for a first application on the electronic device specifically includes: in an unfolded state, the electronic device displays the first user interface on both the first and second screens; the first operation is an operation to switch the electronic device from the unfolded state to a hovered state; in the hovered state, the inward folding angle between the first and second screens is maintained at a first angle, and the angle between the perpendicular line of the display surface of the second screen and the direction of gravity is less than a first value; the display of a second user interface for the first application on the electronic device specifically includes: in the hovered state, the electronic device displays the second user interface on the first screen.

[0023] In this way, the electronic device can display more of the main content while folding, reducing the distraction of non-essential content and improving the user experience.

[0024] In conjunction with the first aspect, in some implementations, the method further includes: when the electronic device displays the second user interface, the electronic device displays a first control panel on the second screen, the first control panel including the first functional control.

[0025] In this way, by presenting as much of the main content as possible and making full use of screen resources, we can not only more conveniently meet users' needs for obtaining information from the main content, but also provide users with more functional services.

[0026] In conjunction with the first aspect, in some implementations, the first control panel also includes a voice control. This allows for a more convenient fulfillment of the user's need to obtain information from the main content while displaying a smaller user interface.

[0027] In conjunction with the first aspect, in some implementations, the first content includes non-editable text, and the voice control also includes a voice playback control. In conjunction with the first aspect, in some implementations, the first content includes editable text, and the voice control also includes a voice input control. In this way, electronic devices can more conveniently meet users' needs for reading or editing text.

[0028] In conjunction with the first aspect, in some implementations, after the electronic device displays a second user interface of the first application, the method further includes: the electronic device receiving an upward swipe operation; and the electronic device displaying a user interface that does not include the first functional control.

[0029] In this way, the electronic device can also display other key content provided by the first application.

[0030] In conjunction with the first aspect, in some implementations, after the electronic device displays the second user interface of the first application, the method further includes: the electronic device receiving a downward swipe operation or receiving a click operation on a non-functional area; and the electronic device displaying a user interface containing the first functional control. Thus, the electronic device can also reproduce the first functional control according to the user's needs.

[0031] In conjunction with the first aspect, in some implementations, after the electronic device displays a user interface containing the first functional control, the method further includes: the electronic device receiving an operation on the first functional control; and the electronic device executing the function corresponding to the first functional control. Operations applied to the functional control generally do not trigger the function control to be hidden again. In this way, the electronic device can execute the function corresponding to the first functional control based on the user's needs.

[0032] In conjunction with the first aspect, in some implementations, after the electronic device displays a user interface containing the first functional control, the method further includes: the electronic device receiving a downward swipe operation; and the electronic device still displaying the user interface containing the first functional control. In some implementations, a downward swipe operation applied to a user interface displaying a functional control generally does not trigger the function control to be hidden again.

[0033] In conjunction with the first aspect, in some implementations, after the electronic device includes a user interface containing the first functional control, the method further includes: the electronic device receiving an upward swipe operation or a click operation on the non-functional area; and the electronic device displaying a user interface that does not contain the first functional control.

[0034] In some implementations, clicking on a non-functional area of ​​the user interface that displays the functional control, as well as swiping upwards, can trigger the function control to be hidden again. In this way, the electronic device can hide the first functional control again based on user needs.

[0035] In conjunction with the first aspect, in some implementations, after the electronic device displays the second user interface in a floating window, the method further includes: the electronic device receiving an operation to shrink the floating window; and the electronic device still displaying the second user interface.

[0036] In this way, even after the floating window is shrunk, its height is still less than the first threshold, so the first functional control is still not displayed.

[0037] In conjunction with the first aspect, in some implementations, after the electronic device displays the second user interface in a floating window, the method further includes: the electronic device receiving an operation to expand the floating window, wherein the height of the expanded floating window is greater than or equal to the first threshold; and the electronic device displaying a user interface containing the first functional control.

[0038] In this way, the height of the enlarged floating window is greater than the first threshold, and the electronic device can then display the first functional control in the floating window.

[0039] In a second aspect, this application provides an electronic device including a memory, a processor, and computer instructions stored in the memory, wherein the processor executes the computer program to implement the method described in the first aspect or any embodiment of the first aspect.

[0040] Thirdly, embodiments of this application provide a computer-readable storage medium storing a computer program that, when executed by a processor, implements the method described in the first aspect or any of the embodiments of the first aspect.

[0041] Fourthly, embodiments of this application provide a computer program product comprising computer instructions that, when executed by a processor, implement the method described in the first aspect or any of the embodiments of the first aspect.

[0042] The beneficial effects of the second to fourth aspects can be referenced from the beneficial effects of the first aspect mentioned above. Attached Figure Description

[0043] Figures 1A and 1B are schematic diagrams of the structure of a foldable electronic device provided in an embodiment of this application;

[0044] Figures 1C-1D are schematic diagrams of another foldable electronic device provided in the embodiments of this application;

[0045] Figure 2 is a schematic diagram of the user interface displayed when a group of electronic devices switch from an unfolded state to a folded state;

[0046] Figures 3A and 3B show the user interface of the display method provided in the embodiments of this application in a given scenario;

[0047] Figures 4A and 4B show the user interface of the display method provided by the embodiments of this application in scenario two;

[0048] Figure 5 shows the user interface of the display method provided in the embodiment of this application in scenario three;

[0049] Figure 6 shows the user interface of the display method provided in the embodiment of this application in scenario four;

[0050] Figure 7 shows the user interface of the display method provided in the embodiment of this application in scenario five;

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

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

[0053] Figure 10 is a schematic diagram of the software structure of an electronic device provided in an embodiment of this application. Detailed Implementation

[0054] The technical solutions in the embodiments of this application will be clearly and thoroughly described below with reference to the accompanying drawings. In the description of the embodiments of this application, unless otherwise stated, " / " means "or," for example, A / B can mean A or B; the word "and / or" in the text is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A existing alone, A and B existing simultaneously, and B existing alone. Furthermore, in the description of the embodiments of this application, "multiple" refers to two or more than two.

[0055] Hereinafter, the terms "first" and "second" are used for descriptive purposes only and should not be construed as implying or suggesting relative importance or implicitly indicating the number of indicated technical features. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of that feature, and in the description of the embodiments of this application, unless otherwise stated, "multiple" means two or more.

[0056] The electronic device provided in the embodiments of this application will be introduced below.

[0057] For example, the electronic device may be a mobile phone, tablet computer, desktop computer, laptop computer, handheld computer, notebook computer, ultra-mobile personal computer (UMPC), netbook, as well as cellular phone, personal digital assistant (PDA), augmented reality (AR) device, virtual reality (VR) device, artificial intelligence (AI) device, wearable device, in-vehicle device, smart home device and / or smart city device. The embodiments of this application do not impose any special restrictions on the specific type of the electronic device.

[0058] In some implementations, the electronic device can be either a non-foldable electronic device or a foldable electronic device.

[0059] The following describes the structures of several foldable electronic devices provided in the embodiments of this application.

[0060] Figures 1A and 1B illustrate a schematic diagram of the structure of a foldable electronic device.

[0061] Figure 1A illustrates an exemplary structural diagram of an electronic device in its unfolded state.

[0062] Figure 1A(a) shows the front of the electronic device, and Figure 1A(b) shows the side of the electronic device. Referring to Figure 1A, a display screen A is mounted on the front of the electronic device, and a display screen B is mounted on the back of the electronic device. In the unfolded state, the inward fold angle of the electronic device is 180° or approximately 180°, at which point the electronic device can display the user interface through screen A. For example, screen A can be full-screen, and screen B can be the upper half or the lower half. The height of screen A is greater than the height of screen B.

[0063] Figure 1B illustrates a schematic diagram of the structure of an electronic device during the transition from an unfolded state to a folded state.

[0064] Figure 1Ba shows the front of the electronic device in its unfolded state, Figure 1Bb shows the side of the electronic device in its unfolded state, Figure 1Bc shows the electronic device during the folding process, and Figure 1Bd shows the front of the electronic device in its folded state. Referring to Figure 1B, the electronic device in its unfolded state folds along the direction of the arrow shown in Figure 1Ba. During the folding process, the upper and lower halves of screen A of the electronic device fold together and gradually move closer together, and the inward fold angle gradually decreases from 180° or approximately 180° to 0° or approximately 0°. After the electronic device completes the folding, the inward fold angle of the electronic device is 0° or approximately 0°, at which point the electronic device can display the user interface through screen B.

[0065] In other words, for example, an electronic device can first display the user interface of application A on screen A in its unfolded state. Then, after folding the electronic device, the user interface of application A can be displayed on screen B in its folded state.

[0066] Figures 1C-1D exemplarily illustrate structural schematics of another foldable electronic device.

[0067] Figure 1C illustrates a schematic diagram of the structure of an electronic device in a folded state.

[0068] Figure 1Ca shows the front of the electronic device, and Figure 1Cb shows the side of the electronic device. Referring to Figure 1C, a display screen A is mounted on the front of the electronic device. The electronic device also has screens B and C. In the folded state, the electronic device can display the user interface through screen A, at which time the inward fold angle between screens B and C is 0° or approximately 0°. For example, screens A, B, and C can all be full-screen.

[0069] Figure 1D illustrates a schematic diagram of the structure of an electronic device during the transition from a folded state to an unfolded state.

[0070] Figure 1D(a) shows the front of the electronic device in its unfolded state, Figure 1D(b) shows the electronic device during the unfolding process, and Figure 1D(c) shows the front of the electronic device in its unfolded state. Referring to Figure 1D, the electronic device in its folded state unfolds along the direction of the arrow shown in Figure 1D(a). During the unfolding process, screens B and C of the electronic device gradually move away from each other, and the inward fold angle gradually increases from 0° or approximately 0° to 180° or approximately 180°. After the electronic device is fully unfolded, the inward fold angle is 180° or approximately 180°, at which point the electronic device can display the user interface through both screens B and C. It is worth noting that during the unfolding process, the electronic device can be in a hovering state, at which point the inward fold angle of screens B and C remains at a preset angle, and the perpendicular line of the display surface of screen B or the display surface of screen C is parallel or approximately parallel to the direction of gravity.

[0071] In other words, for example, an electronic device can first display the user interface of application A on screen A while in a folded state. Then, while the electronic device is folded, the user interface of application A can be displayed on screen B or screen C while in a hovered state. Finally, the electronic device can display the user interface of application A on both screen B and screen C while in an unfolded state.

[0072] Not limited to the transition from the folded state to the unfolded state shown in Figure 1D, the electronic device can also switch from the unfolded state (c) in Figure 1D to the folded state (a) in Figure 1D. For example, the electronic device can first display the user interface of application A on screens B and C in the unfolded state. Then, during the unfolding process, the user interface of application A can be displayed on screen B or screen C in the hover state. Finally, the electronic device can display the user interface of application A on screen A in the folded state.

[0073] In the embodiments of this application, the structures of the above-mentioned foldable electronic devices are only illustrative examples, and may include the structures of more foldable devices, which are not limited thereto.

[0074] Figure 2 illustrates, for example, the user interface displayed when a group of electronic devices switches from an unfolded state to a folded state.

[0075] Figure 2a exemplarily illustrates the user interface displayed on screen A of Figure 1A in the unfolded state of the electronic device, and Figure 2b exemplarily illustrates the user interface displayed on screen B of Figure 1A in the folded state of the electronic device. In this embodiment, switching from Figure 2a to Figure 2b can be achieved by folding the electronic device. For example, user interface 200 and user interface 210 in Figure 2 are both user interfaces in instant messaging applications.

[0076] As shown in Figure 2a, the user interface 200 includes a status bar 201, a control area 202, a message area 203, and a bottom bar 204. The message area 203 can be the main content displayed by the instant messaging application when displaying the user interface 200. As shown in Figure 2b, the user interface 210 includes a control area 211, a message area 212, and a bottom bar 213. The message area 212 can be the main content displayed by the instant messaging application when displaying the user interface 210. However, the height of the user interface 210 is smaller than that of the user interface 200, but the elements displayed in the user interface 210 are roughly the same as those displayed in the user interface 200, both including a control area, a message area, and a bottom bar. The size of the control area and the size of the bottom bar do not change much due to the reduction in the height of the user interface. Therefore, the area of ​​the message area 212 is smaller than that of the message area 203, and the main content of the instant messaging application displayed in the user interface 210 is less than that displayed in the user interface 200. Thus, when users view user interface 210, they may feel that there is less important content than other information, making it difficult for them to focus on the main content and resulting in a poor user experience.

[0077] To mitigate the aforementioned problems, this application provides a display method in which an electronic device can display the user interface of application A. The user interface of application A may include: main content provided by application A and functional controls provided by application A. When the height of the displayed user interface of application A decreases, the electronic device can hide the functional controls in the user interface of application A, so that the user interface displays only the main content of application A. The aforementioned main content can be determined based on the information that application A expects to present to the user. For example, the main content provided by a video application may be video, the main content provided by an editable text application may be editable text, and the main content provided by a messaging application may be a message box or message content.

[0078] Furthermore, the electronic device can be configured to hide the functional controls in the user interface of application A when the height of the displayed user interface is less than a preset height threshold, thereby allowing the user interface to display only the main content of application A. Application A can be any application installed on the electronic device.

[0079] In this way, the user interface can present more of the main content, and the user's attention can be more focused on the main content of the application.

[0080] The following describes the specific implementation of the display method provided in the embodiments of this application in different scenarios, using several user interfaces as examples.

[0081] Scenario 1: After folding the electronic device shown in Figures 1A and 1B, the user interface of a messaging application is displayed.

[0082] Figures 3A and 3B exemplarily illustrate a user interface using the display method provided in the embodiments of this application in a given scenario. Figures 3A and 3B are illustrated using application A, an instant messaging application, as an example.

[0083] Referring to Figure 3A, section a of Figure 3A exemplarily illustrates a user interface 200 displayed by an electronic device in its unfolded state. The user interface 200 includes: a status bar 201, a function control area 202, a message area 203, and a bottom bar 204. For example, the function control area 202 includes: a search control, an add message control, a settings control, and a title "Messages". The bottom bar 204 includes: a call control 204A, an information control 204B, a space control, and a contact control. The user interface 200 is a user interface related to the function corresponding to the information control 204B, and the message area 203 is the main content presented by the instant messaging application when displaying the user interface 200.

[0084] In some implementations, when entering a messaging application, the user interface displayed by the electronic device is a user interface related to the function corresponding to the call control 204A, which also includes a bottom bar 204. Subsequently, the electronic device can respond to a user's click on the information control 204B and display the user interface 200.

[0085] After collapsing the electronic device displaying the user interface 200 shown in Figure 3A(a), the electronic device can display the user interface 220 shown in Figure 3A(b). Similarly, the user interface 220 is a user interface related to the function corresponding to the information control 204B. The height of the user interface 220 is smaller than the height of the user interface 200. The user interface 220 only includes: a message area 221. The message area 221 contains all or part of the content in the message area 203. The user interface 220 does not include: a status bar, a control area, or a bottom bar. That is, compared to the user interface 200, the user interface 220 hides the functional controls of application A, which may include: the control area and the bottom bar.

[0086] The message area 221 contains the main content displayed by the instant messaging application when the user interface 220 is displayed. The message area 221 is larger than the message area 212 in Figure 2b above, and the electronic device displays more main content in the message area 221 than in the message area 212.

[0087] This allows electronic devices to display more of the main content and minimizes the distraction of non-essential content, resulting in a better user experience.

[0088] After displaying the user interface 220 shown in Figure 3Ab, the electronic device can also respond to user operations by switching from displaying the user interface 220 to displaying other user interfaces, such as re-displaying the user interface of functional controls, the user interface containing more main content, and so on.

[0089] For example, an electronic device can respond to a downward swipe operation applied to the user interface 220, redisplaying the functional controls of application A and displaying the user interface 230 as shown in Figure 3Ac. This downward swipe operation includes: a vertical downward swipe operation and a diagonal downward swipe operation. For example, the user interface 230 includes: a control area 231, a message area 232, and a bottom bar 233. The bottom bar 233 includes: a selected information control 233B. The user interface 230 is a user interface related to the function corresponding to the information control 233B.

[0090] In one possible implementation, the electronic device can also refresh the user interface in response to a downward swipe operation on the user interface 220, and the main content displayed in the user interface 230 can be obtained by the electronic device refreshing the user interface 220.

[0091] In another possible implementation, the electronic device may also display a user interface 230 containing other main content in response to a downward swipe operation applied to the user interface 220. For example, the main content provided by an instant messaging application, arranged in a top-to-bottom display order, includes: Message 1, Message 2, Message 3, Message 4, and Message 5. For example, if the user interface 220 includes: Message 3, Message 4, and Message 5, the electronic device may display a user interface 230 including Message 1, Message 2, and Message 3 in response to a downward swipe operation applied to the user interface 220.

[0092] In other words, a downward swipe operation on the user interface of a hidden functional control can trigger the redisplay of the functional control.

[0093] As another example, the electronic device can also respond to an upward swipe operation applied to the user interface 220 to display other main content provided by application A and to display the user interface 240 as shown in Figure 3Ad. The user interface 240 includes a message area 241 and does not include functional controls. The upward swipe operation includes a vertical upward swipe and a diagonal upward swipe. For example, the main content provided by the instant messaging application, arranged in a top-to-bottom display order, includes: Message 1, Message 2, Message 3, Message 4, and Message 5. The user interface 220 includes: Message 1, Message 2, and Message 3. The electronic device can respond to an upward swipe operation applied to the user interface 220 to display the user interface 240 including Message 3, Message 4, and Message 5.

[0094] In other words, swiping up on a user interface that hides a function control will not trigger the function control to reappear.

[0095] For example, an electronic device can respond to a click operation applied to a non-functional area of ​​the user interface 220, redisplaying the functional controls of application A and displaying the user interface 250 as shown in Figure 3Ae. The user interface 250 includes: a control area 251, a message area 252, and a bottom bar 253. A non-functional area, as opposed to a control, refers to an area that does not change after receiving a user operation. For example, a non-functional area may include: blank areas, non-functional text areas, non-functional image areas, etc. The message options contained in the message area 252 of the user interface 220 are not considered non-functional areas.

[0096] In other words, clicking on a non-functional area of ​​the user interface that hides a functional control can trigger the functional control to reappear.

[0097] Both user interfaces 230 and 250 are user interfaces that re-display the functional controls of application A. The difference is that the control area 231 in user interface 230 does not obscure the content in message area 232, while the control area 251 in user interface 250 obscures part of the content in message area 252. For example, control area 251 obscures the "BeiDou satellite message" in message area 252.

[0098] In this embodiment of the application, the above-described user interface for re-displaying functional controls in response to user operations is merely an illustrative example. The electronic device may also respond to a sliding operation to display a user interface in which the included control area obscures part of the content in the message area; the electronic device may also respond to a click operation applied to a non-functional area to display a user interface in which the included control area does not obscure the content in the message area.

[0099] In this way, after hiding the functional controls, more main content can be displayed according to user needs, and the functional controls can be redisplayed for user use according to user needs.

[0100] After displaying the user interface 230, which includes redisplaying the functional controls, the electronic device can also switch from displaying the user interface 230 to displaying other user interfaces in response to user actions. These could include, for example, a user interface related to the function corresponding to the control receiving the user action, or a user interface that hides the functional controls again.

[0101] For example, an electronic device can respond to a click operation on the call control 233A in Figure 3B(a) and switch to the user interface related to the function corresponding to the call control 233A, namely the user interface 260 shown in Figure 3B(b). The user interface 260 includes: a control area 261, a call area 262, and a bottom bar 263. Both the user interface 230 and the user interface 260 include functional controls.

[0102] In other words, operations performed on functional controls generally do not trigger the re-hiding of the functional controls. However, in this embodiment, when the functional control is located in the bottom bar, operations performed on the functional control will not trigger the re-hiding of the functional control. When the functional control is not located in the bottom bar, operations performed on the functional control m may trigger the display of the user interface M associated with the functional control m. Whether the user interface M includes the functional control m or other functional controls depends on the development and design of the user interface M by the electronic device or application. For example, if the operation is performed on a settings control in the control area 231, the user interface associated with the settings control may not include the control area 231 and the bottom bar 233.

[0103] For example, the electronic device can respond to a downward swipe operation applied to the user interface 230, continuously displaying the functional controls of application A and showing the user interface 270 as shown in Figure 3Bc. This downward swipe operation includes: a vertical downward swipe operation and a diagonal downward swipe operation. Similarly, the user interface 270 includes: a control area 271, a message area 272, and a bottom bar 273.

[0104] In one possible implementation, the electronic device can also refresh the user interface in response to a downward swipe operation on the user interface 230, and the main content displayed in the user interface 270 can be obtained by the electronic device refreshing the user interface 230.

[0105] In another possible implementation, the electronic device may also display a user interface 270 containing other main content in response to a downward swipe operation applied to the user interface 230. For example, the main content provided by an instant messaging application, arranged in a top-to-bottom display order, includes: Message 1, Message 2, Message 3, Message 4, and Message 5. For example, the user interface 230 includes: Message 3, Message 4, and Message 5, and the electronic device may display a user interface 270 including Message 1, Message 2, and Message 3 in response to a downward swipe operation applied to the user interface 230.

[0106] In other words, a downward swipe operation on a user interface that displays functional controls will generally not trigger the hiding of the functional controls again.

[0107] As another example, the electronic device can respond to a click or swipe operation on a non-functional area of ​​the user interface 230, hiding the functional controls of application A again and displaying the user interface 280 as shown in d of Figure 3B. The user interface 280 includes a message area 281.

[0108] In one possible implementation, the electronic device, in response to an upward swipe operation on the user interface 230, may also display a user interface 280 containing other main content. For example, the main content provided by an instant messaging application, arranged in a top-to-bottom display order, includes: Message 1, Message 2, Message 3, Message 4, and Message 5. For example, if the user interface 230 includes: Message 1, Message 2, and Message 3, the electronic device may, in response to a downward swipe operation on the user interface 230, display a user interface 280 including Message 3, Message 4, and Message 5.

[0109] In other words, clicking on a non-functional area of ​​the user interface that displays a functional control, as well as swiping upwards, can trigger the functional control to be hidden again.

[0110] Scenario 2: Split-screen display of the user interface of messaging applications on electronic devices.

[0111] Figures 4A and 4B exemplarily illustrate a user interface using the display method provided in the embodiments of this application in scenario two. Figures 4A and 4B are illustrated using application A as an example of an instant messaging application. In the second scenario, the electronic device can be either a foldable electronic device as shown in Figures 1A-1D above, or a non-foldable electronic device.

[0112] Figure 4A illustrates an example of an electronic device displaying the user interface of a messaging application in the upper half of the screen.

[0113] Referring to Figure 4A, point a of Figure 4A exemplarily illustrates a user interface 200. A detailed description of the user interface 200 can be found in Figure 3A above, and will not be repeated here.

[0114] Electronic devices can respond to a user's split-screen operation, displaying the user interfaces of different applications in the upper and lower halves of the screen. For example, after receiving a split-screen operation, the electronic device can display the user interface 290 of application A (as shown in Figure 4Ab) in the upper half of the screen, and display the user interface of another application (such as a settings application) in the lower half of the screen. In this embodiment, the display is not limited to the user interface of application A in the upper half of the screen; the electronic device can also display the user interface of application A in the lower half of the screen, without limitation.

[0115] User interface 290 is the user interface related to the function corresponding to information control 204B. The height of user interface 290 is smaller than the height of user interface 200. User interface 290 only includes a message area 291. Message area 291 contains all or part of the content in message area 203. User interface 290 does not include the status bar, control area, or bottom bar. In other words, compared to user interface 200, user interface 290 hides the functional controls of application A.

[0116] This allows electronic devices to display more of the main content and minimizes the distraction of non-essential content, resulting in a better user experience.

[0117] After displaying the user interface 290 shown in Figure 4A(b), the electronic device can also respond to user operations by switching from displaying the user interface 290 to displaying other user interfaces of application A, such as a user interface that re-displays the functional controls of application A, a user interface containing more of the main content of application A, etc. For example, the aforementioned user operations include: a downward swipe operation on the user interface 290, an upward swipe operation on the user interface 290, and a click operation on a non-functional area of ​​the user interface 290. For details, please refer to the relevant descriptions in Figures 3A(b) to 3A(e) above, which will not be repeated here.

[0118] After responding to a downward swipe operation on user interface 290 and displaying the user interface that redisplays the functional controls of application A, the electronic device can also respond to user operations by switching from displaying the user interface that redisplays the functional controls of application A to displaying other user interfaces of application A. For details, please refer to the relevant descriptions in Figures 3Ba to 3Bd above, which will not be repeated here.

[0119] Normally, after an electronic device responds to a split-screen operation, the upper and lower halves of the screen displayed are the same size, both being preset default sizes. For example, in Figure 4Ab, the upper and lower halves of the screen are the same size, both being default sizes. In this embodiment, the electronic device can be configured such that the height of the user interface displayed in the upper half of the screen (default size) is less than or equal to a set height threshold. Therefore, the electronic device can display the user interface 290 shown in Figure 4Ab, which hides the functional controls of application A.

[0120] In one possible implementation, in a split-screen scenario, the electronic device can respond to a downward swipe operation on the split-screen control, increasing the height of the displayed application A's user interface. During this increase, if the height of application A's user interface exceeds a set height threshold, the user interface of application A displayed on the electronic device re-reveals its functional controls; that is, the user interface includes the control area, message area, and bottom bar. Subsequently, the electronic device can also respond to an upward swipe operation on the split-screen control, decreasing the height of the displayed application A's user interface. During this decrease, if the height of application A's user interface is less than or equal to the set height threshold, the user interface of application A displayed on the electronic device hides its functional controls again; that is, the user interface includes the message area. Optionally, the electronic device can also, in a split-screen scenario, first decrease the height of application A's user interface and then increase its height; this is not limited.

[0121] Figure 4B illustrates an example of an electronic device displaying the user interface of a messaging application in a floating window.

[0122] Referring to Figure 4B, point a of Figure 4B exemplarily illustrates a user interface 200. A detailed description of the user interface 200 can be found in Figure 3A above, and will not be repeated here.

[0123] When an electronic device is set to display as a floating window, its display screen can include both the floating window and the underlying user interface. The floating window floats above the underlying user interface, partially obscuring it. Furthermore, the size and position of the floating window can change in response to user actions. The electronic device can respond to the action of setting a floating window (referred to as a floating action), displaying the user interface of one application in the floating window and the user interface of another application in the underlying user interface.

[0124] For example, after receiving a hover operation, the electronic device can display the user interface 300 of application A shown in Figure 4Bb in a floating window, and display the user interfaces of other applications, such as the desktop, in the underlying user interface. User interface 300 is the user interface related to the function corresponding to information control 204B. The height of user interface 300 is smaller than the height of user interface 200. User interface 300 only includes a message area 301. Message area 301 contains all or part of the content in message area 203. User interface 300 does not include a status bar, control area, or bottom bar. That is, compared to user interface 200, user interface 300 hides the functional controls of application A.

[0125] This allows electronic devices to display more of the main content and minimizes the distraction of non-essential content, resulting in a better user experience.

[0126] After displaying the user interface 300 shown in Figure 4B(b), the electronic device can also respond to user operations by switching from displaying the user interface 300 to displaying other user interfaces of application A, such as re-displaying the user interface of the functional controls of application A, or a user interface containing more of the main content of application A, etc. For example, the aforementioned user operations include: a downward swipe operation on the user interface 300, an upward swipe operation on the user interface 300, and a click operation on a non-functional area of ​​the user interface 300. For details, please refer to the relevant descriptions in Figures 3A(b) to 3A(e) above, which will not be repeated here.

[0127] After responding to a downward swipe operation on user interface 300 and displaying the user interface that redisplays the functional controls of application A, the electronic device can also respond to user operations by switching from displaying the user interface that redisplays the functional controls of application A to displaying other user interfaces of application A. For details, please refer to the relevant descriptions in Figures 3Ba to 3Bd above, which will not be repeated here.

[0128] Normally, the size of the floating window displayed by an electronic device after responding to a hover operation is a preset default size. For example, the size of the floating window in Figure 4Bb is the default size. In this embodiment, the electronic device can be configured such that the height of the user interface displayed in the default-sized floating window is less than or equal to a set height threshold. Therefore, the electronic device can display the user interface 300 shown in Figure 4Bb, which hides the functional controls of application A.

[0129] In one possible implementation, the electronic device can zoom in or out of the floating window, thereby changing the user interface displayed in the floating window.

[0130] For example, when displaying the user interface 300 shown in Figure 4Bb, the electronic device can respond to the operation of shrinking the floating window, display the shrunken floating window, and display the user interface 310 shown in Figure 4Bc within the floating window. The height of the user interface 310 is less than the height of the user interface 300, and furthermore, the height of the user interface 310 is less than a set height threshold. Therefore, the user interface 310 continuously hides the functional controls of application A, and the user interface 310 only includes the message area 311.

[0131] For example, when displaying the user interface 300 shown in Figure 4Bb, the electronic device can respond to the operation of enlarging the floating window, displaying the enlarged floating window and displaying the user interface 320 shown in Figure 4Bd within the floating window. The height of the user interface 320 is greater than the height of the user interface 300, and the height of the user interface 320 is greater than a set height threshold. Therefore, the user interface 320 redisplays the functional controls of application A. The user interface 320 includes: a control area 321, a message area 322, and a bottom bar 323.

[0132] Scenario 3: After folding the electronic devices shown in Figures 1A and 1B, the user interface of an editable text application is displayed.

[0133] Figure 5 illustrates an exemplary user interface using the display method provided in this application embodiment under scenario three. Figure 5 is illustrated using application A, an editable text application, as an example.

[0134] Referring to Figure 5, Figure 5a exemplarily illustrates the user interface 330 displayed by an electronic device in its unfolded state. The user interface 330 includes: a status bar 331, a control area 332, an editable text area 333, a control area 334, and a keyboard control 335. A cursor 336 is displayed in the editable text area 333. The editable text area 333 is the main content presented by editable text applications when displaying the user interface 330.

[0135] For example, the function control area 332 may include: a return control, an undo control, a redo control, and a save control. The function control area 334 may include: a handwriting control, a to-do mark control, a font setting control, an add image control, an add link control, and a voice input control.

[0136] In some implementations, when entering an editable text application, the user interface displayed by the electronic device includes a status bar, a function control area, and an editable text area. The electronic device then responds to a user's click on the editable text area, displaying user interface 330. A cursor 336 is displayed at the location where the click occurred in the editable text area 333, and a function control area 334 and a keyboard control 335 are added. At this time, the electronic device can add text at the cursor 336 using the keyboard control 335, and can also add corresponding content at the cursor location using the function control area 334.

[0137] After the electronic device displaying the user interface 330 shown in Figure 5a is collapsed, the electronic device can display the user interface 340 shown in Figure 5b. The height of the user interface 340 is smaller than the height of the user interface 330. The user interface 340 includes an editable text area 341. The editable text area 341 contains all or part of the content in the editable text area 333. The user interface 340 does not include a status bar, a function control area, or keyboard controls. That is, compared to the user interface 330, the user interface 340 hides the function controls of application A, which may include the function control area and keyboard controls.

[0138] This allows electronic devices to display more of the main content and minimizes the distraction of non-essential content, resulting in a better user experience.

[0139] In one possible implementation, since application A is an editable text application, the user interface 340, which hides the functional controls, can also display the voice input control 342. In this way, while the user interface 340 is displayed, the electronic device can input text via the voice input control 342, satisfying the user's need for text editing.

[0140] After displaying the user interface 340 shown in Figure 5b, the electronic device can also respond to user operations by switching from displaying the user interface 340 to displaying other user interfaces, such as re-displaying the user interface of functional controls, the user interface containing more main content, and so on.

[0141] For example, an electronic device can respond to a click operation applied to a non-functional area of ​​the user interface 340, redisplaying the functional controls of application A and displaying the user interface 350 as shown in Figure 5c. The user interface 350 includes: a functional control area 351, an editable text area 352, and a functional control area 353. Further, the user interface 350 also includes: a voice input control 354. A non-functional area, as opposed to a control, refers to an area that does not change after receiving a user operation. For example, a non-functional area can include: blank areas, non-functional text areas, non-functional image areas, etc. The editable text area 341 of the user interface 340 is a non-functional area.

[0142] In other words, clicking on a non-functional area of ​​the user interface that hides a functional control can trigger the functional control to reappear.

[0143] For example, the electronic device can respond to a downward swipe operation applied to the user interface 340, redisplaying the functional controls of application A and displaying the user interface 360 ​​as shown in Figure 5d. Optionally, the electronic device can also refresh the main displayed content in response to a downward swipe operation applied to the user interface 360. This downward swipe operation includes: a vertical downward swipe operation and a diagonal downward swipe operation. The user interface 360 ​​includes: a functional control area 361, an editable text area 362, and a functional control area 363. Further, the user interface 350 also includes: a voice input control 364.

[0144] Optionally, if the content displayed in the editable text area 352 of the user interface 340 is the middle or lower part of all the text, the electronic device can respond to a downward swiping operation on the user interface 340, redisplay the function controls of application A, and display the upper part of all the text in the editable text area.

[0145] In other words, a downward swipe operation on the user interface of a hidden functional control can trigger the redisplay of the functional control.

[0146] Both user interfaces 350 and 360 are user interfaces that re-display the functional controls of application A. The difference is that the functional control area 351 in user interface 350 obscures part of the content in the editable text area 352, while the functional control area 361 in user interface 360 ​​does not obscure the content in the editable text area 352.

[0147] As another example, the electronic device can respond to an upward swipe action on the user interface 340 by displaying other main content provided by application A without redisplaying the functional controls. For instance, if the content displayed in the editable text area 352 of the user interface 340 is the upper part of all text, the electronic device can respond to an upward swipe action on the user interface 340 by displaying the middle or lower part of all text in the editable text area without redisplaying the functional controls.

[0148] In this way, after hiding the functional controls, more main content can be displayed according to user needs, and the functional controls can be redisplayed for user use according to user needs.

[0149] After displaying user interface 350 or user interface 360, which re-presents the functional controls of application A, the electronic device can also respond to user operations and switch from displaying user interface 350 or user interface 360 ​​to displaying other user interfaces of application A. For details, please refer to the relevant descriptions in Figures 3Ba to 3Bd above, which will not be repeated here.

[0150] It is worth noting that the re-displayed functional controls do not conflict with the voice input controls provided by the aforementioned electronic device based on application type A. For example, the re-displayed functional controls will not include voice input controls.

[0151] Scenario 4: After folding the electronic devices shown in Figures 1C and 1D, the user interface of a reading application is displayed.

[0152] Figure 6 illustrates an exemplary user interface using the display method provided in the embodiments of this application in scenario four. Figure 6 is illustrated using application A, a reading application, as an example.

[0153] Referring to Figure 6, Figure 6a exemplarily illustrates the user interface 370 displayed by an electronic device in its unfolded state. In Figure 1Dc, the electronic device displays the user interface in a first direction, while the electronic device in Figure 6a displays the user interface 370 in a second direction. The first direction and the second direction are perpendicular to each other. In this embodiment, the display of the user interface in the first direction can be understood as portrait display, and the display of the user interface in the second direction can be understood as landscape display.

[0154] User interface 370 includes: a status bar 371, a control area 372, and a reading area 373. For example, control area 372 includes: a back control, a control to change reading direction, an audiobook control, a search control, and settings controls. Reading area 373 contains the main content presented by reading applications when displaying user interface 370.

[0155] After folding and hovering the electronic device displaying the user interface 370 shown in Figure 6a, the vertical line of the display surface of screen B of the electronic device is parallel or approximately parallel to the direction of gravity. At this time, the electronic device can display the user interface 380 shown in Figure 6b on screen C. User interface 380 is the user interface provided by application A. The height of user interface 380 is smaller than the height of user interface 370. User interface 380 only includes: reading area 381. Reading area 381 contains all or part of the content in reading area 373. User interface 380 does not include: control area or bottom bar. That is, compared to user interface 370, user interface 380 hides the functional controls of application A, which may include: control area.

[0156] This allows electronic devices to display more of the main content and minimizes the distraction of non-essential content, resulting in a better user experience.

[0157] In one possible implementation, since application A is a reading application, the user interface 380, which hides the functional controls, can also display a voice playback control. In this way, while the electronic device displays the user interface 380, it can play text through the voice playback control, satisfying the user's need to obtain text information by listening to audiobooks.

[0158] In another possible implementation, since the user interface 380 is displayed on screen C of the electronic device, and application A is a reading application, the electronic device can also display a control panel 382 on screen B for playing text in the reading area 381. The controls included in the control panel 382 can be provided by application A or configured by the electronic device's system. For example, the control panel 382 includes a playback control 382A. The control panel 382 may also include an exit control, a search control, a settings control, a list control, a speed control, a favorites control, a fast-forward control, a rewind control, a progress bar, etc. The controls included in the control panel 382 can all be provided by application A, all be configured by the system, or some can be provided by application A and others by the system. This is not limited in the embodiments of this application.

[0159] After displaying the user interface 380 shown in Figure 6b, the electronic device can also respond to user operations by switching from displaying the user interface 380 to displaying other user interfaces of application A, such as a user interface that re-displays the functional controls of application A, a user interface containing more of the main content of application A, etc. For example, the aforementioned user operations include: a downward swipe operation on the user interface 380, an upward swipe operation on the user interface 380, and a click operation on a non-functional area of ​​the user interface 380. For details, please refer to the relevant descriptions in Figures 3Ab to 3Ae above, which will not be repeated here.

[0160] After responding to a downward swipe operation on the user interface 380 and displaying the user interface that redisplays the functional controls of application A, the electronic device can also respond to user operations by switching from displaying the user interface that redisplays the functional controls of application A to displaying other user interfaces of application A. For details, please refer to the relevant descriptions in Figures 3Ba to 3Bd above, which will not be repeated here.

[0161] In one possible implementation, the electronic device, which is not limited to the above-described method of folding from the unfolded state to the hovered state when displayed in landscape mode, can also be folded from the unfolded state to the hovered state. Furthermore, the height of the user interface of application A in the unfolded state (portrait mode) is greater than the height of the user interface of application A in the hovered state. The user interface of application A in the unfolded state (portrait mode) can include the functional controls of application A, while the user interface of application A in the hovered state can hide the functional controls of application A.

[0162] Scenario 5: After an electronic device switches from portrait to landscape mode, it displays the user interface of a reading application.

[0163] Figure 7 exemplarily illustrates a user interface using the display method provided in this application embodiment under scenario five. Figure 7 is illustrated using application A, a reading application, as an example. In the fifth scenario, the electronic device can be a foldable electronic device as shown in Figures 1A-1D above, or it can be a non-foldable electronic device.

[0164] Referring to Figure 7, Figure 7a exemplarily illustrates a user interface 390 displayed in portrait mode on an electronic device. The user interface 390 includes: a status bar 391, a control area 392, and a reading area 393. Exemplarily, the control area 392 includes: a back control, a control to change reading direction, an audiobook control, a search control, and settings controls. The reading area 393 contains the main content presented by reading applications when displaying the user interface 390.

[0165] After rotating the electronic device, the electronic device can display the user interface 400 shown in Figure 7b. User interface 400 is the user interface provided by application A. The height of user interface 400 is smaller than the height of user interface 390. The height of user interface 400 is the same as the width of user interface 390, and the width of user interface 400 is the same as the height of user interface 390. User interface 400 includes a reading area 401. Reading area 401 contains all or part of the content in reading area 393. User interface 400 does not include a control area. That is, compared to user interface 390, user interface 400 hides the functional controls of application A, which may include a control area.

[0166] This allows electronic devices to display more of the main content and minimizes the distraction of non-essential content, resulting in a better user experience.

[0167] In one possible implementation, since application A is a reading application, the user interface 400, which hides the functional controls, can also display the voice input control 402. In this way, while the electronic device displays the user interface 400, it can play text through the voice input control 402, satisfying the user's need to obtain text information by listening to audiobooks.

[0168] After displaying the user interface 400 shown in Figure 7b, the electronic device can also respond to user operations by switching from displaying the user interface 400 to displaying other user interfaces of application A, such as re-displaying the user interface of the functional controls of application A, or a user interface containing more of the main content of application A, etc. For example, the aforementioned user operations include: a downward swipe operation on the user interface 400, an upward swipe operation on the user interface 400, and a click operation on a non-functional area of ​​the user interface 400. For details, please refer to the relevant descriptions in Figures 3Ab to 3Ae above, which will not be repeated here.

[0169] After responding to a downward swipe operation on user interface 400 and displaying the user interface that redisplays the functional controls of application A, the electronic device can also respond to user operations by switching from displaying the user interface that redisplays the functional controls of application A to displaying other user interfaces of application A. For details, please refer to the relevant descriptions in Figures 3Ba to 3Bd above, which will not be repeated here.

[0170] In this application embodiment, the above-mentioned scenarios are only illustrative examples and are not limited to the above scenarios and application types. The display method provided in this application embodiment can also be applied to other scenarios and other types of applications.

[0171] Based on the above descriptions of the display methods provided in the embodiments of this application in various scenarios, the following describes a display method provided in an embodiment of this application.

[0172] Figure 8 illustrates a flowchart of a display method provided in an embodiment of this application. In this method,

[0173] S801, The electronic device displays a first user interface of a first application. The first user interface includes first content and first functional controls.

[0174] In some implementations, the first application can refer to any application installed on an electronic device, including system applications and third-party applications. The first user interface refers to the user interface provided by the first application. For example, the first application can refer to an instant messaging application, and the first user interface can refer to the user interface 200 shown in Figure 3Aa above. It is worth noting that the user interface mentioned in the embodiments of this application refers to the user interface belonging to a certain application, and does not refer to all the content displayed on the entire screen.

[0175] The first content refers to the main content that the first application displays to the user through the first user interface. This main content can be determined based on the information the first application expects to present to the user. For example, when the first user interface is the aforementioned user interface 200, the first content may refer to the content contained in the message area 203 of the user interface 200. When the first user interface is the user interface 330 shown in Figure 5a, the first content may refer to the content contained in the editable text area 333 of the user interface 330. When the first user interface is the user interface 370 shown in Figure 6a, the first content may refer to the content contained in the reading area 373 of the user interface 370. When the first user interface is the user interface 390 shown in Figure 7a, the first content may refer to the content contained in the reading area 393 of the user interface 370.

[0176] The first functional control refers to the functional control displayed by the first application in the first user interface, excluding the first content. For example, when the first user interface is the aforementioned user interface 200, the first functional control may refer to the controls contained in the functional control area 202 and the bottom bar 204 of the user interface 200. When the first user interface is the user interface 330 shown in Figure 5a, the first functional control may refer to the controls contained in the control areas 332 and 334 of the user interface 330. When the first user interface is the user interface 370 shown in Figure 6a, the first functional control may refer to the controls contained in the control area 372 of the user interface 370. When the first user interface is the user interface 390 shown in Figure 7a, the first content may refer to the controls contained in the control area 392 of the user interface 390.

[0177] S802, The electronic device receives the first operation.

[0178] The aforementioned first operation refers to the operation that reduces the height of the user interface of the first application displayed on the electronic device. For example, when the electronic device is a foldable electronic device as shown in Figures 1A and 1B, the first operation may refer to folding the electronic device from an unfolded state to a folded state. When the electronic device is a foldable electronic device as shown in Figures 1C and 1D, the first operation may refer to unfolding the electronic device from a folded state to a hovering state. Without limiting whether the electronic device is foldable, the first operation may refer to a split-screen operation, which may refer to switching the electronic device from a full-screen display to a split-screen display or a floating window display. The first operation may also refer to a rotation operation, which may refer to switching the electronic device from a portrait display to a landscape display.

[0179] In the embodiments of this application, the first operations are not limited to those described above, but may include other first operations, and no limitation is made thereto.

[0180] S803, the electronic device displays a second user interface for the first application. The height of the second user interface is less than the height of the first user interface, and the second user interface includes part or all of the first content, but does not include the first functional controls.

[0181] The aforementioned second user interface also refers to the user interface provided by the first application, and the main content included in the second user interface is the same as or part of the main content included in the first user interface. To allow the electronic device to display more of the main content, the second user interface also hides the first functional controls when its height is less than that of the first user interface.

[0182] In one possible implementation, before executing S803, the electronic device needs to determine the height of the user interface used to display the first application. If the height of the user interface provided by the electronic device for displaying the first application is less than the height of the first user interface, then S803 can be executed.

[0183] Furthermore, if the height of the user interface provided by the first application is reduced to less than a first threshold, the electronic device may display a second user interface that hides the first functional controls. The height of this second user interface is less than the first threshold. The first threshold is a height threshold set by the electronic device. For example, this height threshold may be set to 480vp; however, in this embodiment, the height threshold is not limited.

[0184] For example, when the first user interface is user interface 200 as shown in Figure 3A(a), the second user interface is user interface 220 as shown in Figure 3A(b). The message area 221 in user interface 220 contains part or all of the content of message area 203, and user interface 220 does not contain the first functional control. When the first user interface is user interface 200 as shown in Figure 4A(a), the second user interface is user interface 290 as shown in Figure 4A(b). The message area 291 in user interface 290 contains part or all of the content of message area 203, and user interface 290 does not contain the first functional control. When the first user interface is user interface 200 as shown in Figure 4B(a), the second user interface is user interface 300 as shown in Figure 4B(b). The message area 301 in user interface 300 contains part or all of the content of message area 203, and user interface 300 does not contain the first functional control. When the first user interface is user interface 330 as shown in Figure 5a, the second user interface is user interface 340 as shown in Figure 5b. The editable text area 341 in user interface 340 contains part or all of the content of the editable text area 333, and user interface 340 does not contain the first functional control. When the first user interface is user interface 370 as shown in Figure 6a, the second user interface is user interface 380 as shown in Figure 6b. The reading area 381 in user interface 380 contains part or all of the content of the reading area 373, and user interface 380 does not contain the first functional control. When the first user interface is user interface 390 as shown in Figure 7a, the second user interface is user interface 400 as shown in Figure 7b. The reading area 401 in user interface 400 contains part or all of the content of the reading area 393, and user interface 400 does not contain the first functional control.

[0185] In this way, by reducing the height of the user interface, which means fewer elements can be displayed, the electronic device can present more of the main content and reduce the distraction of non-essential content, resulting in a better user experience.

[0186] Furthermore, based on the user's needs when using the first application, the electronic device, when displaying the second user interface, can provide convenient controls (hereinafter referred to as convenient controls) that facilitate the user's viewing or use of the main content in the second user interface. For example, when the first application is an editable text application, the convenient control displayed in the second user interface could be a voice input control. When the first application is a reading application, the convenient control displayed in the second user interface could be a voice playback control. When the first application is a video application, the convenient control displayed in the second user interface could be a play / pause control.

[0187] In one possible implementation, before displaying the second user interface, the electronic device can determine whether the main content displayed in the second user interface is editable or non-editable text. This determines the type of voice control included in the second user interface. For example, if the second user interface displays editable text, the editing control can be a voice input control. If the second user interface displays non-editable text, the convenience control can be a voice playback control.

[0188] This allows for a more convenient way to meet users' needs for accessing information from the main content while displaying a smaller user interface.

[0189] Optionally, when the electronic device is in a hovering state as shown in Figures 1C-1D (a foldable electronic device), the second user interface can be displayed on screen B or screen C. In this case, screen C or screen B, where the second user interface is not displayed, can display a control panel. The control panel may include convenient controls. The control panel may also include controls provided by the first application and / or system-provided controls related to the functions corresponding to the convenient controls. For example, the second user interface may be user interface 380 as shown in Figure 6b, the control panel may be control panel 382 in Figure 6b, and the convenient control may be playback control 382A.

[0190] In this way, by presenting as much of the main content as possible and making full use of screen resources, we can not only more conveniently meet users' needs for obtaining information from the main content, but also provide users with more functional services.

[0191] In one possible implementation, after displaying a second user interface that hides the first functional control, the electronic device can also redisplay the first functional control. For example, the electronic device can display a user interface containing the first functional control in response to a downward swipe operation on the second user interface or a click operation on a non-functional area. A non-functional area, as opposed to a control, refers to an area that does not change after receiving a user operation. For example, a non-functional area can include blank areas, non-functional text areas, non-functional image areas, etc. The user interface containing the first functional control can refer to user interface 230 shown in Figure 3Ac and user interface 250 shown in Figure 3Ae. After displaying a second user interface that hides the first functional control, the electronic device can also display a user interface containing other main content while keeping the first functional control hidden. For example, the electronic device can display a user interface containing other main content in response to an upward swipe operation on the second user interface. This user interface displaying other main content can refer to user interface 240 shown in Figure 3Ad.

[0192] In another possible implementation, the electronic device can hide the first functional control again after redisplaying it. For example, the electronic device can display a user interface that does not contain the first functional control in response to an upward swipe operation on the user interface that redisplays the first functional control or a click operation on a non-functional area. This user interface that does not contain the first functional control can refer to user interface 280 shown in Figure 3B(d). After redisplaying the user interface of the first functional control, the electronic device can also display a user interface containing other main content while continuing to display the first functional control. For example, the electronic device can display a user interface containing other main content in response to a downward swipe operation on the user interface that redisplays the first functional control. This user interface displaying other main content can refer to user interface 270 shown in Figure 3B(c).

[0193] By implementing the above method, while reducing the height of the user interface belonging to a particular application—that is, reducing the number of elements provided by the application that the user interface can display—the electronic device can present as much of the application's main content as possible, reducing the impact of non-essential content on the user's attention, resulting in a better user experience. Furthermore, functional controls can be re-displayed when the user needs them and hidden again when not needed.

[0194] Furthermore, this application provides a display method in which an electronic device can display the user interface of application A. The user interface of application A may include: first content and second content. The first content includes main content provided by application A, and the second content includes non-main content and functional controls provided by application A. The main and non-main content can be determined based on the information that application A expects to present to the user. For example, the main content provided by a video application may be video, and all other content provided by a video application other than video is non-main content; the main content provided by a text editing application may be editable text, and all other content provided by a text editing application other than editable text is non-main content.

[0195] When the height of the user interface of application A decreases, the electronic device can hide the secondary content, allowing the primary content to be displayed in the user interface. This allows the user interface to present more of the main content, and the user's attention to be more focused on the application's core information.

[0196] Figure 9 shows a schematic diagram of the structure of the electronic device 100.

[0197] The following describes the embodiment using electronic device 100 as an example. It should be understood that the electronic device 100 shown in FIG. 9 is merely an example, and the electronic device 100 may have more or fewer components than shown in FIG. 9, may combine two or more components, or may have different component configurations. The various components shown in the figure can be implemented in hardware, software, or a combination of hardware and software, including one or more signal processing and / or application-specific integrated circuits.

[0198] Electronic device 100 may include: processor 110, external memory interface 120, internal memory 121, universal serial bus (USB) interface 130, charging management module 140, power management module 141, battery 142, antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone jack 170D, sensor module 180, button 190, motor 191, indicator 192, camera 193, display screen 194, and subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an accelerometer sensor 180E, a distance sensor 180F, a proximity sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

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

[0200] Processor 110 may include one or more processing units, such as: application processor (AP), modem processor, graphics processing unit (GPU), image signal processor (ISP), controller, memory, video codec, digital signal processor (DSP), baseband processor, and / or neural network processing unit (NPU), etc. Different processing units may be independent devices or integrated into one or more processors.

[0201] In this embodiment, the processor 110 can be used to determine whether the height of the user interface currently used to display the first application is less than a first threshold. The processor 110 can also be used to determine elements belonging to the first content and the first functional control based on the first application. The processor 110 is further used to determine that the first functional control is not displayed in the user interface if the height of the user interface currently used to display the first application is less than the first threshold.

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

[0203] The processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store instructions or data that the processor 110 has just used or that are used repeatedly. If the processor 110 needs to use the instruction or data again, it can retrieve it directly from the memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

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

[0205] It is understood that the interface connection relationships between the modules illustrated in the embodiments of the present invention are merely illustrative and do not constitute a structural limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may also employ different interface connection methods or combinations of multiple interface connection methods as described in the above embodiments.

[0206] The charging management module 140 receives charging input from a charger. The charger can be a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 140 receives charging input from the wired charger via the USB interface 130. In some wireless charging embodiments, the charging management module 140 receives wireless charging input via the wireless charging coil of the electronic device 100. While charging the battery 142, the charging management module 140 can also supply power to the electronic device via the power management module 141.

[0207] The power management module 141 connects 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, providing power to the processor 110, internal memory 121, external memory, display screen 194, camera 193, and wireless communication module 160, etc. The power management module 141 can also monitor parameters such as battery capacity, battery cycle count, and battery health status (leakage current, impedance). In some other embodiments, the power management module 141 may also be located within the processor 110. In other embodiments, the power management module 141 and the charging management module 140 may be located in the same device.

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

[0209] Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover one or more communication frequency bands. Different antennas can also be multiplexed to improve antenna utilization. For example, antenna 1 can be multiplexed as a diversity antenna for a wireless local area network. In some other embodiments, the antennas can be used in conjunction with tuning switches.

[0210] The mobile communication module 150 can provide solutions for wireless communication, including 2G / 3G / 4G / 5G, applied to the electronic device 100. The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves via antenna 1, and perform filtering, amplification, and other processing on the received electromagnetic waves before transmitting them to a modem processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modem processor and convert it into electromagnetic waves for radiation via antenna 1. In some embodiments, at least some functional modules of the mobile communication module 150 may be housed in the processor 110. In some embodiments, at least some functional modules of the mobile communication module 150 and at least some modules of the processor 110 may be housed in the same device.

[0211] The modem processor may include a modulator and a demodulator. The wireless communication module 160 can provide solutions for wireless communication applications on the electronic device 100, including wireless local area networks (WLANs) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared (IR) technologies. The wireless communication module 160 may be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via antenna 2, performs frequency modulation and filtering of the electromagnetic wave signal, and sends the processed signal to processor 110. The wireless communication module 160 can also receive signals to be transmitted from processor 110, perform frequency modulation and amplification, and convert them into electromagnetic waves for radiation via antenna 2.

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

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

[0214] Display screen 194 is used to display images, videos, etc. Display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD). The display panel can also be manufactured using organic light-emitting diodes (OLEDs), active-matrix organic light-emitting diodes (AMOLEDs), flexible light-emitting diodes (FLEDs), miniled, microled, micro-OLEDs, quantum dot light-emitting diodes (QLEDs), etc. In some embodiments, electronic device 100 may include one or N displays 194, where N is a positive integer greater than 1.

[0215] In some implementations, when the electronic device is the foldable electronic device shown in Figures 1A-1B, the display screen 194 includes screen A and screen B. Screen A can be used to display a first user interface, and screen B can be used to display a second user interface. When the electronic device is the foldable electronic device shown in Figures 1C-1D, the display screen 194 includes screen A, screen B, and screen C. Screen B or screen C is used to display the first user interface, and the other screen besides screen A is used to display the second user interface. The display screen 194 can also be used to display the second user interface on the upper or lower half of the screen when displaying in a split-screen configuration. The display screen 194 can also be used to display the second user interface in a floating window.

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

[0217] The ISP (Image Signal Processor) is used to process data fed back from the camera 193. For example, when taking a picture, the shutter is opened, and light is transmitted through the lens to the camera's photosensitive element. The light signal is converted into an electrical signal, and the camera's photosensitive element transmits the electrical signal to the ISP for processing, transforming it into an image visible to the naked eye. The ISP can also perform algorithmic optimizations on image noise, brightness, etc. The ISP can also optimize parameters such as exposure and color temperature of the shooting scene. In some embodiments, the ISP can be set in the camera 193.

[0218] Camera 193 is used to capture still images or videos. An object is projected onto a photosensitive element by generating an optical image through the lens. The photosensitive element can be a charge-coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the light signal into an electrical signal, which is then passed to an ISP for conversion into a digital image signal. The ISP outputs the digital image signal to a DSP for processing. The DSP converts the digital image signal into image signals in standard RGB, YUV, or other formats. In some embodiments, the electronic device 100 may include one or N cameras 193, where N is a positive integer greater than 1.

[0219] Digital signal processors (DSPs) are used to process digital signals. Besides digital image signals, they can also process other digital signals. For example, when electronic device 100 selects a frequency, the DSP can perform Fourier transforms on the frequency energy.

[0220] Video codecs are used to compress or decompress digital video. Electronic device 100 may support one or more video codecs. Thus, electronic device 100 can play or record videos in various encoding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, MPEG4, etc.

[0221] An NPU (Neural Processing Unit) is a computational processor for neural networks (NNs). By borrowing the structure of biological neural networks, such as the transmission patterns between neurons in the human brain, it can rapidly process input information and continuously learn on its own. NPUs enable intelligent cognitive applications in electronic devices, such as image recognition, facial recognition, speech recognition, and text understanding.

[0222] The external storage interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 through the external storage interface 120 to perform data storage functions. For example, music, video, and other files can be saved on the external memory card.

[0223] Internal memory 121 can be used to store computer executable program code, which includes instructions. Processor 110 executes various functional applications and data processing of electronic device 100 by running the instructions stored in internal memory 121. Internal memory 121 may include a program storage area and a data storage area. The program storage area may store the operating system, at least one application program required for a function (such as sound playback, image playback, etc.), etc. The data storage area may store data created during the use of electronic device 100 (such as audio data, phonebook, etc.). Furthermore, internal memory 121 may include high-speed random access memory and may also include non-volatile memory, such as at least one disk storage device, flash memory device, universal flash storage (UFS), etc.

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

[0225] The audio module 170 is used to convert digital audio information into analog audio signals for output, and also to convert analog audio input into digital audio signals. The audio module 170 can also be used for encoding and decoding audio signals. In some embodiments, the audio module 170 may be located in the processor 110, or some functional modules of the audio module 170 may be located in the processor 110.

[0226] The speaker 170A, also known as a "loudspeaker," is used to convert audio electrical signals into sound signals. The electronic device 100 can listen to music or make hands-free calls through the speaker 170A.

[0227] The receiver 170B, also known as the "earpiece," is used to convert audio electrical signals into sound signals. When the electronic device 100 answers a telephone call or voice message, the receiver 170B can be brought close to the ear to listen to the voice.

[0228] The microphone 170C, also known as a "microphone" or "voice transducer," is used to convert sound signals into electrical signals. The headphone jack 170D is used to connect wired headphones. The headphone jack 170D can be a USB 130 interface or a 3.5mm Open Mobile Terminal Platform (OMTP) standard interface, a CTIA (Cellular Telecommunications Industry Association of the USA) standard interface.

[0229] The pressure sensor 180A is used to sense pressure signals and convert them into electrical signals. The gyroscope sensor 180B can be used to determine the motion posture of the electronic device 100. In some embodiments, the gyroscope sensor 180B can determine the angular velocity of the electronic device 100 around three axes (i.e., the x, y, and z axes). The gyroscope sensor 180B can be used for image stabilization. For example, when the shutter is pressed, the gyroscope sensor 180B detects the angle of the shake of the electronic device 100, calculates the distance that the lens module needs to compensate based on the angle, and allows the lens to counteract the shake of the electronic device 100 by moving in the opposite direction, thus achieving image stabilization. The gyroscope sensor 180B can also be used in navigation and motion-sensing game scenarios.

[0230] In some implementations, when the electronic device is a foldable electronic device as shown in Figures 1C-1D above, the gyroscope sensor 180B can be used to assist in determining whether the current electronic device is in a hovering state.

[0231] A barometric pressure sensor 180C measures air pressure. A magnetic sensor 180D includes a Hall effect sensor. An accelerometer 180E detects the magnitude of acceleration of the electronic device 100 in various directions (typically 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, applicable to screen orientation switching, pedometers, and other applications. A distance sensor 180F measures distance. A proximity sensor 180G may include, for example, a light-emitting diode (LED) and a photodetector, such as a photodiode. An ambient light sensor 180L senses ambient light intensity. A fingerprint sensor 180H collects fingerprints. A temperature sensor 180J detects temperature. In some embodiments, the electronic device 100 uses the temperature detected by the temperature sensor 180J to execute a temperature processing strategy. A touch sensor 180K, also known as a "touch panel," is used. A bone conduction sensor 180M can acquire vibration signals. Buttons 190 include a power button, volume buttons, etc. A motor 191 can generate vibration cues. Indicator 192 can be an indicator light, used to indicate charging status, battery level changes, or to indicate messages, missed calls, notifications, etc. SIM card interface 195 is used to connect a SIM card.

[0232] The software system of electronic device 100 can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This embodiment of the invention uses the layered architecture Android system as an example to illustrate the software structure of electronic device 100.

[0233] Figure 10 is a software structure block diagram of an electronic device 100 according to an embodiment of the present invention.

[0234] A layered architecture divides software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, from top to bottom: the application layer, the application framework layer, the Android runtime and system libraries, and the kernel layer.

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

[0236] As shown in Figure 10, the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and SMS.

[0237] The application framework layer provides application programming interfaces (APIs) and a programming framework for applications in the application layer. The application framework layer includes some predefined functions.

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

[0239] The window manager is used to manage windowed applications. It can retrieve screen size, determine the presence of a status bar, lock the screen, and capture screenshots, among other things.

[0240] Content providers store and retrieve data, making that data accessible to applications. This data may include videos, images, audio, made and received phone calls, browsing history and bookmarks, phone books, etc.

[0241] A view system includes visual controls, such as controls for displaying text and controls for displaying images. View systems can be used to build applications. A display interface can consist of one or more views. For example, a display interface including a text notification icon could include views for displaying text and views for displaying images.

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

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

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

[0245] The Android Runtime consists of core libraries and a virtual machine. The Android runtime is responsible for the scheduling and management of the Android system.

[0246] The core library consists of two parts: one part is the functionalities that need to be called by the Java language, and the other part is the Android core library.

[0247] The application layer and application framework layer run in a virtual machine. The virtual machine executes the Java files of the application layer and application framework layer as binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

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

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

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

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

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

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

[0254] This application provides an electronic device, which includes a memory, a processor, and a computer program stored in the memory. The processor executes the computer program to implement the above-described display method.

[0255] This application also provides a computer-readable storage medium storing a computer program, which, when executed by a processor, can implement the steps in the various embodiments of the above-described display method.

[0256] This application also provides a computer program product, including a computing program, which, when run on a computer, enables the computer to implement the steps in the various embodiments of the above-described display method.

[0257] This application also provides a chip system, which includes a processing circuit interface circuit. The interface circuit receives code instructions and transmits them to the processing circuit. The processing circuit executes the code instructions to enable the chip system to implement the steps of various embodiments of the display method provided in this application. The chip system can be a single chip or a chip module composed of multiple chips.

[0258] The various embodiments of this application can be combined arbitrarily to achieve different technical effects.

[0259] In the above embodiments, implementation can be achieved, in whole or in part, through software, hardware, firmware, or any combination thereof. When implemented in software, it can be implemented, in whole or in part, as a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on a computer, all or part of the processes or functions described in this application are generated. The computer can be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions can be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another. For example, the computer instructions can be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via wired (e.g., coaxial cable, fiber optic, digital subscriber line) or wireless (e.g., infrared, wireless, microwave, etc.) means. The computer-readable storage medium can be any available medium accessible to a computer or a data storage device such as a server or data center that integrates one or more available media. The available medium can be a magnetic medium (e.g., floppy disk, hard disk, magnetic tape), an optical medium (e.g., DVD), or a semiconductor medium (e.g., solid-state disk (SSD)).

[0260] Those skilled in the art will understand that all or part of the processes in the methods of the above embodiments can be implemented by a computer program instructing related hardware. This program can be stored in a computer-readable storage medium, and when executed, it can include the processes described in the above method embodiments. The aforementioned storage medium includes various media capable of storing program code, such as ROM or random access memory (RAM), magnetic disks, or optical disks.

[0261] In summary, the above description is merely an embodiment of the technical solution of the present invention and is not intended to limit the scope of protection of the present invention. Any modifications, equivalent substitutions, improvements, etc., made according to the disclosure of the present invention should be included within the scope of protection of the present invention.

Claims

1. A display method, characterized in that, The method is applied to an electronic device, and the method includes: The electronic device displays a first user interface of a first application, the first user interface including first content and first function controls; The electronic device receives the first operation; The electronic device displays a second user interface of the first application. The height of the second user interface is less than the height of the first user interface. The second user interface includes part or all of the first content, but does not include the first functional controls.

2. The method according to claim 1, characterized in that, The height of the second user interface is less than the first threshold.

3. The method according to claim 1 or 2, characterized in that, The electronic device is a foldable electronic device, which includes a first screen and a second screen. The height of the first screen is greater than the height of the second screen. The electronic device displays the first user interface of the first application, which specifically includes: when the electronic device is in an unfolded state, the first user interface is displayed on the first screen. The first operation is to switch the electronic device from the unfolded state to the folded state; The electronic device displays a second user interface for the first application, specifically including: the electronic device displays the second user interface on the second screen when it is in the folded state.

4. The method according to claim 1 or 2, characterized in that, The electronic device displaying the first user interface of the first application specifically includes: the electronic device displaying the first user interface in full screen; The first operation is a split-screen operation; The electronic device displaying the second user interface of the first application specifically includes: the electronic device displaying the second user interface in a split-screen format.

5. The method according to claim 4, characterized in that, The electronic device's split-screen display of the second user interface specifically includes: The electronic device displays the second user interface on the upper half of the display screen, and the height of the upper half of the screen is less than the first threshold. Alternatively, the electronic device may display the second user interface on the lower half of the display screen, wherein the height of the lower half of the screen is less than a first threshold. Alternatively, the electronic device may display the second user interface in a floating window, the height of which is less than a first threshold.

6. The method according to claim 1 or 2, characterized in that, The electronic device displaying the first user interface of the first application specifically includes: the electronic device displaying the first user interface in a first direction; The first operation is to rotate the electronic device; The electronic device displays a second user interface for the first application, specifically including: the electronic device displays the second user interface in a second direction, wherein the second direction is perpendicular to the first direction.

7. The method according to any one of claims 1-6, characterized in that, The second user interface also includes a voice control.

8. The method according to claim 7, characterized in that, The first content includes non-editable text, and the voice control includes a voice playback control.

9. The method according to claim 7, characterized in that, The first content includes editable text, and the voice control includes a voice input control.

10. The method according to claim 1 or 2, characterized in that, The electronic device is a foldable electronic device, which includes a first screen and a second screen. The first user interface of the first application displayed by the electronic device specifically includes: when the electronic device is in an unfolded state, the first user interface is displayed on the first screen and the second screen. The first operation is to switch the electronic device from the unfolded state to the hovering state; in the hovering state, the inward folding angle of the first screen and the second screen is maintained at a first angle, and the angle between the vertical line of the display surface of the second screen and the direction of gravity is less than a first value; The electronic device displays a second user interface for the first application, specifically including: the electronic device displays the second user interface on the first screen while in the hover state.

11. The method according to claim 10, characterized in that, The method further includes: When the electronic device displays the second user interface, the electronic device displays a first control panel on the second screen, the first control panel including the first function control.

12. The method according to claim 11, characterized in that, The first control panel also includes a voice control.

13. The method according to claim 12, characterized in that, The first content includes non-editable text, and the voice control also includes a voice playback control.

14. The method according to claim 12, characterized in that, The first content includes editable text, and the voice control also includes a voice input control.

15. The method according to any one of claims 1-14, characterized in that, After the electronic device displays the second user interface of the first application, the method further includes: The electronic device receives an upward swipe operation; The electronic device displays a user interface that does not include the first functional control.

16. The method according to any one of claims 1-15, characterized in that, After the electronic device displays the second user interface of the first application, the method further includes: The electronic device receives a downward swipe operation or a click operation on a non-functional area; The electronic device displays a user interface that includes the first functional controls.

17. The method according to claim 16, characterized in that, After the electronic device displays a user interface including the first functional control, the method further includes: The electronic device receives operations on the first functional control; The electronic device performs the function corresponding to the first functional control.

18. The method according to claim 16, characterized in that, After the electronic device displays a user interface including the first functional control, the method further includes: The electronic device receives a downward sliding operation; The electronic device still displays a user interface containing the first functional controls.

19. The method according to claim 16, characterized in that, After the electronic device includes the user interface of the first functional control, the method further includes: The electronic device receives an upward swipe operation or a click operation on the non-functional area; The electronic device displays a user interface that does not include the first functional control.

20. The method according to claim 5, characterized in that, After the electronic device displays the second user interface in a floating window, the method further includes: The electronic device receives the operation of shrinking the floating window; The electronic device still displays the second user interface.

21. The method according to claim 5, characterized in that, After the electronic device displays the second user interface in a floating window, the method further includes: The electronic device receives an operation to enlarge the floating window, and the height of the enlarged floating window is greater than or equal to the first threshold. The electronic device displays a user interface that includes the first functional controls.

22. An electronic device, characterized in that, The electronic device includes a memory, a processor, and computer instructions stored in the memory, wherein the processor executes the computer program to implement the method of any one of claims 1-21.

23. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program that, when executed by a processor, implements the method of any one of claims 1-21.

24. A computer program product, characterized in that, The computer program product includes computer instructions that, when executed by a processor, implement the method of any one of claims 1-21.

Images