Display method and related device

Abstract

The invention discloses a display method and a related device, in the method, an electronic device can display a user interface of an application A. The user interface of the application A can 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 equipment can hide the function control in the user interface of the application A, so that the main content of the application A is presented in the user interface. Therefore, under the condition that the height of the user interface belonging to a certain application is reduced, that is, elements provided by the application and capable of being presented by the user interface are reduced, the electronic equipment can present more main contents provided by the application as much as possible, the influence of non-main contents on the attention of a user is reduced, and the user experience is good.

Description

Technical Field

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

[0002] 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

[0003] 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.

[0004] 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.

[0005] 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.

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

[0007] 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.

[0008] 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.

[0009] 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.

[0010] 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.

[0011] 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.

[0012] 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.

[0013] 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.

[0014] 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.

[0015] 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.

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

[0017] 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.

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

[0019] 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.

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

[0021] 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.

[0022] 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.

[0023] 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.

[0024] 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.

[0025] 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.

[0026] 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.

[0027] 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.

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

[0029] 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.

[0030] 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.

[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 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.

[0032] 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.

[0033] 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.

[0034] 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.

[0035] 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.

[0036] 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.

[0037] 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.

[0038] 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.

[0039] 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.

[0040] 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.

[0041] 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

[0042] Figures 1A-1B This is a schematic diagram of the structure of a foldable electronic device provided in an embodiment of this application;

[0043] Figures 1C-1D This is a schematic diagram of the structure of another foldable electronic device provided in an embodiment of this application;

[0044] Figure 2 This is a schematic diagram of the user interface displayed when a group of electronic devices switches from an unfolded state to a folded state.

[0045] Figures 3A-3B This is a user interface that uses the display method provided in the embodiments of this application in a given scenario;

[0046] Figures 4A-4B This is a user interface for using the display method provided in the embodiments of this application in scenario two;

[0047] Figure 5 This is a user interface for using the display method provided in the embodiments of this application in scenario three;

[0048] Figure 6 This is a user interface for using the display method provided in the embodiments of this application in scenario four;

[0049] Figure 7 This is a user interface for using the display method provided in the embodiments of this application in scenario five;

[0050] Figure 8 A schematic flowchart illustrating a display method provided in an embodiment of this application;

[0051] Figure 9 A schematic diagram of the hardware structure of an electronic device provided in an embodiment of this application;

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

[0053] 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.

[0054] 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.

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

[0056] 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.

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

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

[0059] Figures 1A-1B An exemplary schematic diagram of a foldable electronic device is shown.

[0060] Figure 1A An exemplary schematic diagram of the electronic device in its unfolded state is shown.

[0061] Figure 1A The number 'a' shows the front of the electronic device. Figure 1A b shows the side of the electronic device. (Reference) Figure 1A The electronic device has a display screen A mounted on its front and a display screen B mounted on its back. In its unfolded state, the electronic device has an inward fold angle of 180° or approximately 180°, allowing the user interface to be displayed on screen A. For example, screen A can be full-screen, and screen B can be either the upper or lower half of the screen. The height of screen A is greater than the height of screen B.

[0062] Figure 1BAn exemplary schematic diagram of an electronic device is shown during the transition from an unfolded state to a folded state.

[0063] Figure 1B Figure a shows the front view of the electronic device in its unfolded state. Figure 1B b shows the side view of the electronic device in its deployed state. Figure 1B c illustrates the electronic device during the folding process. Figure 1B The symbol 'd' shows the front view of the electronic device in its folded state. (Reference) Figure 1B Electronic devices in the unfolded state along Figure 1B The electronic device folds in the direction of the arrow shown in diagram 'a'. During the folding process, the upper and lower halves of screen A are folded together and gradually brought closer together, with the inward fold angle gradually decreasing from 180° or approximately 180° to 0° or approximately 0°. After the electronic device completes the folding, the inward fold angle is 0° or approximately 0°, at which point the electronic device can display the user interface through screen B.

[0064] 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.

[0065] Figures 1C-1D An exemplary schematic diagram of another foldable electronic device is shown.

[0066] Figure 1C An exemplary schematic diagram of the electronic device in its folded state is shown.

[0067] Figure 1C The number 'a' shows the front of the electronic device. Figure 1C b shows the side of the electronic device. (Reference) Figure 1C The electronic device has a display screen A mounted on its front. It also has screens B and C. In its folded state, the electronic device can display the user interface through screen A, at which point 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.

[0068] Figure 1D An exemplary schematic diagram of an electronic device is shown during the transition from a folded state to an unfolded state.

[0069] Figure 1D Figure a shows the front view of the electronic device in its unfolded state. Figure 1D b shows the electronic equipment during the deployment process. Figure 1D Figure 'c' shows the front view of the electronic device in its unfolded state. (Reference) Figure 1D Electronic devices in a folded state along Figure 1DThe electronic device unfolds in the direction of arrow 'a'. During the unfolding process, screens B and C 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, in which case the inward fold angle of screens B and C remains at a preset angle, and the perpendicular line from the display surface of screen B or the display surface of screen C is parallel or approximately parallel to the direction of gravity.

[0070] 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.

[0071] Not limited to Figure 1D As shown, the electronic device can switch from a folded state to an unfolded state. Figure 1D The expansion state of c is switched to Figure 1D The electronic device can first display the user interface of application A on screens B and C in the unfolded state. Then, while unfolding the electronic device, 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.

[0072] 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.

[0073] Figure 2 An example is shown of the user interface displayed when a group of electronic devices switches from an unfolded state to a folded state.

[0074] Figure 2 Example a illustrates an electronic device in its unfolded state via Figure 1A The user interface displayed on screen A in the middle. Figure 2 Example b illustrates an electronic device in a folded state via Figure 1A The user interface displayed on screen B in this application embodiment can be achieved by folding the electronic device from... Figure 2 Switch to a Figure 2 b. For example, Figure 2 User interface 200 and user interface 210 are both user interfaces in instant messaging applications.

[0075] like Figure 2As shown in Figure a, 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 showing the user interface 200. For example... Figure 2 As shown in b, 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 significantly due to the reduced 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 a user views the user interface 210, they may feel that there is less main content than other information, making it difficult for them to focus on the main content and resulting in a poor user experience.

[0076] 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.

[0077] 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.

[0078] 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.

[0079] 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.

[0080] Scenario 1: To Figure 1A and Figure 1B The electronic device shown displays the user interface of a messaging application when folded.

[0081] Figures 3A-3B An exemplary user interface using the display method provided in the embodiments of this application is illustrated in a given scenario. Application A, an instant messaging application, is used as an example for illustration. Figures 3A-3B .

[0082] refer to Figure 3A , Figure 3A Example a illustrates a user interface 200 displayed by an electronic device in its unfolded state. 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. User interface 200 is a user interface related to the function corresponding to information control 204B, and the message area 203 is the main content presented by the instant messaging application when displaying user interface 200.

[0083] 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.

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

[0085] Among them, message area 221 is the main content displayed by the instant messaging application when the user interface 220 is shown. Message area 221 is compared with the above... Figure 2 The area of ​​message region 212 in b is larger, and the main content presented by the electronic device in message region 221 is more than the main content presented in message region 212.

[0086] 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.

[0087] In display Figure 3A After the user interface 220 shown in b, the electronic device can also respond to user operations and switch 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, etc.

[0088] For example, an electronic device can respond to a downward swipe operation on user interface 220, redisplaying the functional controls of application A and displaying, as shown in the example. Figure 3A User interface 230 is shown in Figure c. The downward swipe operation includes: a vertical downward swipe operation and a diagonal downward swipe operation. For example, 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. User interface 230 is a user interface related to the function corresponding to the information control 233B.

[0089] 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.

[0090] 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.

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

[0092] As another example, the electronic device can also respond to an upward swipe action on the user interface 220 to display other key content provided by application A and display, for example, Figure 3AUser interface 240 is shown in diagram d. User interface 240 includes a message area 241 and does not include function controls. The upward swipe operation includes a vertical upward swipe and a diagonal upward swipe. 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. User interface 220 includes: Message 1, Message 2, and Message 3. The electronic device can respond to an upward swipe operation applied to user interface 220 to display user interface 240 including Message 3, Message 4, and Message 5.

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

[0094] For example, the 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, as shown in the example. Figure 3A User interface 250 is shown in Figure e. User interface 250 includes: a control area 251, a message area 252, and a bottom bar 253. Non-functional areas, as opposed to controls, refer to areas that do not change after receiving user input. For example, non-functional areas may include: blank areas, non-functional text areas, non-functional image areas, etc. The message options contained in the message area 252 of user interface 220 are not considered non-functional areas.

[0095] 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.

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

[0097] 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.

[0098] 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.

[0099] 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.

[0100] For example, an electronic device can respond to an action Figure 3B Clicking the call control 233A in part a switches to the user interface related to the function corresponding to the call control 233A. Figure 3B User interface 260 is shown in b. User interface 260 includes: control area 261, call area 262, and bottom bar 263. Both user interface 230 and user interface 260 include functional controls.

[0101] 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.

[0102] For example, the electronic device can respond to a downward swipe operation on the user interface 230, continuously displaying the functional controls of application A and showing, for instance, the following: Figure 3B User interface 270 is shown in Figure c. The downward swipe operation includes: a vertical downward swipe operation and a diagonal downward swipe operation. Similarly, user interface 270 includes: a control area 271, a message area 272, and a bottom bar 273.

[0103] 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.

[0104] 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.

[0105] 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.

[0106] For 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, as shown in the example. Figure 3B The user interface 280 is shown in Figure d. The user interface 280 includes a message area 281.

[0107] 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.

[0108] 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.

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

[0110] Figures 4A-4B An exemplary user interface demonstrating the display method provided in this application embodiment under scenario two is illustrated. Application A, an instant messaging application, is used as an example for illustration. Figures 4A-4B In the second scenario, the electronic device can be one of the above-mentioned... Figures 1A-1D The foldable electronic device shown can also be a non-foldable electronic device.

[0111] Figure 4A An example is shown of an electronic device displaying the user interface of a messaging application in the upper half of the screen.

[0112] refer to Figure 4A , Figure 4A Example a illustrates user interface 200. For a description of user interface 200, please refer to the above. Figure 3A The detailed explanation is omitted here.

[0113] Electronic devices can respond to a user's split-screen request, displaying the user interface of different applications in the upper and lower halves of the screen. For example, upon receiving a split-screen request, the electronic device can display... Figure 4A The user interface 290 of application A, shown in b, is displayed in the lower half of the screen. Figure 4A Another application shown in b is, for example, setting the user interface of an application. In the embodiments of this application, it is not limited to displaying the user interface of application A in the upper half of the screen; the electronic device may also display the user interface of application A in the lower half of the screen, without limitation.

[0114] 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.

[0115] 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.

[0116] In display Figure 4A After displaying the user interface 290 as shown in 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 above. Figure 3A b to Figure 3A The relevant description of 'e' will not be elaborated here.

[0117] 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 actions by switching from displaying the user interface that redisplays the functional controls of application A to displaying other user interfaces of application A. See the above for details. Figure 3B a to Figure 3B The relevant description of d will not be elaborated here.

[0118] Normally, after an electronic device responds to a split-screen operation, the upper and lower halves of the screen are the same size, both being preset default sizes. For example, Figure 4A In embodiment b, the upper half of the screen and the lower half of the screen are the same size, both being the default size. In this application 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 or hide the functional controls of application A. Figure 4A The user interface shown in b is 290.

[0119] 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.

[0120] Figure 4B An example is shown of an electronic device displaying the user interface of a messaging application in a floating window.

[0121] refer to Figure 4B , Figure 4B Example a illustrates user interface 200. For a description of user interface 200, please refer to the above. Figure 3A The detailed explanation is omitted here.

[0122] 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.

[0123] For example, after receiving a hover operation, the electronic device can display a floating window. Figure 4BThe user interface 300 of application A, shown in diagram b, displays the user interfaces of other applications, such as the desktop, within 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, a control area, or a bottom bar. In other words, compared to user interface 200, user interface 300 hides the functional controls of application A.

[0124] 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.

[0125] In display Figure 4B After displaying the user interface 300 as shown in 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 application A's functional controls, or a user interface containing more of application A's main content, 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. See the above for details. Figure 3A b to Figure 3A The relevant description of 'e' will not be elaborated here.

[0126] 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 actions to switch from displaying the user interface that redisplays the functional controls of application A to displaying other user interfaces of application A. See the above for details. Figure 3B a to Figure 3B The relevant description of d will not be elaborated here.

[0127] Typically, the size of the floating window displayed after an electronic device responds to a hover operation is a preset default size. For example, Figure 4B The size of the floating window in b 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 or hide the functional controls of application A. Figure 4B The user interface shown in b is 300.

[0128] 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.

[0129] For example, in the display Figure 4B In the case of user interface 300 shown in b, the electronic device can respond to the operation of shrinking the floating window, display the shrunken floating window, and show the content within the floating window. Figure 4B User interface 310 is shown in Figure c. The height of user interface 310 is less than the height of user interface 300, and therefore, the height of user interface 310 is less than a set height threshold. Therefore, user interface 310 continuously hides the functional controls of application A, and user interface 310 only includes: message area 311.

[0130] For example, in the display Figure 4B In the case of the user interface 300 shown in b, the electronic device can respond to the operation of zooming in on the floating window, display the zoomed-in floating window, and show the content within the floating window. Figure 4B User interface 320 is shown as d. The height of user interface 320 is greater than the height of user interface 300, and the height of user interface 320 is greater than a set height threshold. Therefore, user interface 320 redisplays the functional controls of application A. User interface 320 includes: a control area 321, a message area 322, and a bottom bar 323.

[0131] Scenario 3: [Regarding / The following is a separate, unrelated sentence:] Figure 1A and Figure 1B The electronic device shown displays a user interface for an editable text application when folded.

[0132] Figure 5 An exemplary user interface is shown using the display method provided in the embodiments of this application in Scenario 3. Application A, an editable text application, is used as an example for illustration. Figure 5 .

[0133] refer to Figure 5 , Figure 5 Example a illustrates a user interface 330 displayed by an electronic device in an 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.

[0134] 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.

[0135] 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.

[0136] In the display Figure 5 After the user interface 330 shown in Figure a is folded, the electronic device can display... Figure 5 User interface 340 is shown in b. The height of user interface 340 is smaller than the height of user interface 330. 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. User interface 340 does not include a status bar, a function control area, or keyboard controls. In other words, compared to user interface 330, user interface 340 hides the function controls of application A, which may include the function control area and keyboard controls.

[0137] 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.

[0138] In one possible implementation, since application A is an editable text application, the user interface 340, which hides the functional controls, can also display a 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.

[0139] In display Figure 5 After the user interface 340 shown in b, the electronic device can also respond to user operations and switch 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, etc.

[0140] 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, as shown in the example. Figure 5User interface 350 is shown in Figure c. User interface 350 includes: a function control area 351, an editable text area 352, and a function control area 353. Further, user interface 350 also includes: a voice input control 354. Non-functional areas, as opposed to controls, refer to areas that do not change after receiving user input. For example, non-functional areas may include: blank areas, non-functional text areas, non-functional image areas, etc. The editable text area 341 of user interface 340 is a non-functional area.

[0141] 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.

[0142] For example, the electronic device can respond to a downward swipe operation on the user interface 340, redisplaying the functional controls of application A and displaying, as shown in the example. Figure 5 The user interface 360 ​​is shown in Figure d. Optionally, the electronic device can refresh the main content displayed 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 function control area 361, an editable text area 362, and a function control area 363. Further, the user interface 350 also includes: a voice input control 364.

[0143] 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.

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

[0145] 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.

[0146] 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.

[0147] 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.

[0148] 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 input by switching from displaying user interface 350 or user interface 360 ​​to displaying another user interface of application A. See the above for details. Figure 3B a to Figure 3B The relevant description of d will not be elaborated here.

[0149] 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.

[0150] Scenario 4: [Regarding / The following is a separate, unrelated sentence:] Figure 1C and Figure 1D The electronic device shown displays the user interface of a reading application when folded.

[0151] Figure 6 An exemplary user interface is shown using the display method provided in the embodiments of this application in scenario four. Application A, a reading application, is used as an example for illustration. Figure 6 .

[0152] refer to Figure 6 , Figure 6 Example a illustrates a user interface 370 displayed by an electronic device in its unfolded state. Wherein, Figure 1D The electronic device of type c displays the user interface in the first orientation. Figure 6 The electronic device 'a' 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 way the electronic device displays the user interface in the first direction can be understood as portrait display, and the way it displays the user interface in the second direction can be understood as landscape display.

[0153] 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.

[0154] In the display Figure 6 After the electronic device with user interface 370 shown in Figure a is folded and placed in a hovering state, 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 on screen C. Figure 6 User interface 380 is shown in b. 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.

[0155] 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.

[0156] 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.

[0157] 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.

[0158] In display Figure 6After displaying the user interface 380 as shown in b, 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 re-displaying the user interface of application A's functional controls, or a user interface containing more of application A's main content, 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 above. Figure 3A b to Figure 3A The relevant description of 'e' will not be elaborated here.

[0159] 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 actions to switch from displaying the user interface that redisplays the functional controls of application A to displaying other user interfaces of application A. See the above for details. Figure 3B a to Figure 3B The relevant description of d will not be elaborated here.

[0160] 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.

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

[0162] Figure 7 An exemplary user interface is shown using the display method provided in the embodiments of this application in Scenario 5. Application A, a reading application, is used as an example for illustration. Figure 7 In the fifth scenario, the electronic device can be one of the above-mentioned... Figures 1A-1D The foldable electronic device shown can also be a non-foldable electronic device.

[0163] refer to Figure 7 , Figure 7 Example a illustrates a user interface 390 of an electronic device displayed in portrait mode. User interface 390 includes: a status bar 391, a control area 392, and a reading area 393. For example, control area 392 includes: a back control, a control to change reading direction, an audiobook control, a search control, and settings controls. Reading area 393 contains the main content presented by reading applications when displaying user interface 390.

[0164] After rotating the electronic device, the electronic device can display... Figure 7 User interface 400 is shown in diagram b. 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, and the functional controls of application A may include: a control area.

[0165] 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.

[0166] 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.

[0167] In display Figure 7 After displaying the user interface 400 as shown in b, 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 application A's functional controls, or a user interface containing more of application A's main content, 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. See the above for details. Figure 3A b to Figure 3A The relevant description of 'e' will not be elaborated here.

[0168] 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 actions by switching from displaying the user interface that redisplays the functional controls of application A to displaying other user interfaces of application A. See the above for details. Figure 3B a to Figure 3B The relevant description of d will not be elaborated here.

[0169] 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.

[0170] 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.

[0171] Figure 8 An exemplary flowchart of a display method provided in an embodiment of this application is shown. In this method,

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

[0173] In some implementations, the first application can refer to any application installed on the 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 aforementioned... Figure 3A The user interface 200 is shown in figure a. It is worth noting that the user interface mentioned in the embodiments of this application refers to the user interface of a certain application, and does not refer to all the content displayed on the entire screen.

[0174] 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 can refer to the content contained in the message area 203 of the user interface 200. The first user interface is... Figure 5 When user interface 330 is shown as a, the first content can refer to the content contained in the editable text area 333 of user interface 330. The first user interface is Figure 6 When user interface 370 is shown as a, the first content can refer to the content contained in the reading area 373 of user interface 370. The first user interface is Figure 7 When user interface 390 is shown as a, the first content may refer to the content contained in reading area 393 in user interface 370.

[0175] The first functional control refers to the functional control displayed in the first user interface by the first application, 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. The first user interface is... Figure 5When user interface 330 is shown as a, the first functional control can refer to the control contained in control areas 332 and 334 of user interface 330. The first user interface is... Figure 6 When user interface 370 is shown as a, the first functional control can refer to the control contained in control area 372 of user interface 370. The first user interface is... Figure 7 When the user interface 390 is shown as a, the first content may refer to the controls contained in the control area 392 of the user interface 390.

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

[0177] The aforementioned first operation refers to the operation of reducing the height of the user interface displayed by the electronic device for the first application. For example, when the electronic device is configured as described above... Figure 1A and Figure 1B In the case of the foldable electronic device shown, the first operation may refer to the operation of folding the electronic device from an unfolded state to a folded state. When the electronic device is as described above... Figure 1C and Figure 1D In the case of the foldable electronic device shown, the first operation may refer to the operation of 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 be an optional operation such as switching the electronic device from a portrait display to a landscape display.

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

[0179] 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.

[0180] 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.

[0181] 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.

[0182] 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.

[0183] For example, in the first user interface is Figure 3A When the user interface shown in a is 200, the second user interface is Figure 3A User interface 220, as shown in b, contains message area 221 which includes part or all of message area 203. User interface 220 does not contain the first function control. In the first user interface... Figure 4A When the user interface shown in a is 200, the second user interface is Figure 4A User interface 290, as shown in b, contains message area 291 which includes part or all of message area 203. User interface 290 does not contain the first function control. In the first user interface... Figure 4B When the user interface shown in a is 200, the second user interface is Figure 4B User interface 290, as shown in b, contains message area 291 which includes part or all of message area 203. User interface 290 does not contain the first function control. In the first user interface... Figure 5 When the user interface 330 shown in figure a is, the second user interface is Figure 5 User interface 340, as shown in b, contains editable text area 341, which includes part or all of the content of editable text area 333. User interface 340 does not contain a first function control. In the first user interface... Figure 6 When the user interface shown in a is 370, the second user interface is Figure 6 User interface 380, as shown in b, has a reading area 381 that includes part or all of the content of reading area 373. User interface 380 does not include the first functional control. In the first user interface... Figure 7 When the user interface shown in a is 390, the second user interface is Figure 7 The user interface 400 shown in b has a reading area 401 that contains part or all of the content of the reading area 393, and the user interface 400 does not contain a first function control.

[0184] 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.

[0185] 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.

[0186] 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.

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

[0188] Optionally, in electronic devices for Figures 1C-1D When the foldable electronic device is in a hovering state, the second user interface can be displayed on screen B or screen C. At this time, 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 could be... Figure 6 The user interface shown in b, 380, can be a control panel. Figure 6 In the control panel 382 of b, the convenient control can be the playback control 382A.

[0189] 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.

[0190] In one possible implementation, the electronic device can redisplay the first functional control after displaying a second user interface that has hidden 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 or a click operation on a non-functional area of ​​the second user interface. 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 user interface containing the first functional control can refer to... Figure 3A The user interface shown in c is 230 and Figure 3A The user interface 250 is shown in Figure e. After displaying a second user interface that hides the first functional controls, the electronic device can also display a user interface containing other main content while the first functional controls remain 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 display of the user interface containing other main content can refer to… Figure 3A The user interface 240 is shown in d.

[0191] In another possible implementation, the electronic device can hide the first functional control again after it has been redisplayed. 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… Figure 3B The user interface 280 is shown in Figure d. After the electronic device re-reveals the user interface of the first functional control, it 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 acting on the user interface that re-reveals the first functional control. This display of the user interface containing other main content can refer to... Figure 3B The user interface shown in c is 270.

[0192] 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.

[0193] 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.

[0194] 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.

[0195] Figure 9 A schematic diagram of the structure of the electronic device 100 is shown.

[0196] The following description uses electronic device 100 as an example to illustrate the embodiment. It should be understood that... Figure 9 The electronic device 100 shown is merely an example, and the electronic device 100 may have more than Figure 9 The more or fewer components shown can be combined into two or more components, or they can 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.

[0197] 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.

[0198] 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.

[0199] 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.

[0200] 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.

[0201] 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.

[0202] 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.

[0203] 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.

[0204] 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.

[0205] 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.

[0206] 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.

[0207] 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.

[0208] 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 a tuning switch.

[0209] 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.

[0210] 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.

[0211] 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).

[0212] 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.

[0213] 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.

[0214] In some implementations, the electronic device is as described above. Figures 1A-1B In the foldable electronic device shown, 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. In the electronic device described above... Figures 1C-1D In the foldable electronic device shown, the display screen 194 includes screen A, screen B, and screen C. Screen B or screen C is used to display a first user interface, and the other screen (excluding screen A) is used to display a 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.

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

[0216] 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.

[0217] 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.

[0218] 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.

[0219] 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.

[0220] 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.

[0221] 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.

[0222] 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.

[0223] 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.

[0224] 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.

[0225] 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.

[0226] 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.

[0227] 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.

[0228] 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.

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

[0230] 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.

[0231] 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.

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

[0233] 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.

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

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

[0236] 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.

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

[0238] 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.

[0239] 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.

[0240] 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.

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

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

[0243] 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.

[0244] 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.

[0245] 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.

[0246] 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.

[0247] 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.

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

[0249] 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.

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

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

[0252] 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.

[0253] 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.

[0254] 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.

[0255] 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.

[0256] 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.

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

[0258] 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)).

[0259] 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.

[0260] 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 by comprising: The method is applied to an electronic device, and the method includes: The electronic device displays a first user interface of a first application, and the first user interface includes first content and first function controls; The electronic device receives a 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, and the second user interface includes part or all of the first content and does not include the first function controls.

2. The method of claim 1, wherein, The height of the second user interface is less than a first threshold.

3. The method according to claim 1 or 2, characterized in that, The electronic device is a foldable electronic device, and the electronic device includes a first screen and a second screen, the height of the first screen is greater than the height of the second screen, and the electronic device displaying a first user interface of a first application specifically includes: the electronic device displays the first user interface in 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 includes: the electronic device displays the second user interface in the second screen in the folded state.

4. The method of claim 1 or 2, wherein: The electronic device displays a first user interface of a first application specifically includes: the electronic device displays the first user interface full screen; The first operation is a split-screen operation; The electronic device displays a second user interface of the first application specifically includes: the electronic device displays the second user interface in a split screen.

5. The method of claim 4, wherein, The electronic device displays the second user interface in a split screen specifically includes: The electronic device displays the second user interface in the upper half of the display screen, and the height of the upper half is less than a first threshold; Or the electronic device displays the second user interface in the lower half of the display screen, and the height of the lower half is less than a first threshold; Or the electronic device displays the second user interface in a floating window, and the height of the floating window is less than a first threshold.

6. The method of claim 1 or 2, wherein: The electronic device displays a first user interface of a first application specifically includes: the electronic device displays the first user interface in a first direction; The first operation is an operation of rotating the electronic device; The electronic device displays a second user interface of the first application specifically includes: the electronic device displays the second user interface in a second direction, and the second direction is perpendicular to the first direction.

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

8. The method of claim 7, wherein, The first content includes non-editable text, and the voice control includes a voice playback control.

9. The method of claim 7, wherein, The first content includes editable text, and the voice control includes a voice input control.

10. The method of claim 1 or 2, wherein, The electronic device is a foldable electronic device, and the foldable electronic device includes a first screen and a second screen, and the electronic device displaying a first user interface of a first application specifically includes: the electronic device displays the first user interface in the first screen and the second screen in an unfolded state; The first operation is an operation of switching the electronic device from the unfolded state to a hovering state; in the hovering state, an inner folding angle between the first screen and the second screen is kept at a first angle, and an angle between a normal line of a display surface of the second screen and a direction of gravity is less than a first value; The electronic device displaying the second user interface of the first application specifically includes: the electronic device displaying the second user interface in the first screen in the hovering state.

11. The method of claim 10, wherein, The method further includes: When the electronic device displays the second user interface, the electronic device displays a first control panel in the second screen, and the first control panel includes the first function control.

12. The method of claim 11, wherein, The first control panel further includes a voice control.

13. The method of claim 12, wherein, The first content includes uneditable text, and the voice control further includes a voice playing control.

14. The method of claim 12, wherein, The first content includes editable text, and the voice control further includes a voice input control.

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

16. The method of any one of claims 1-15, wherein, After the electronic device displays the second user interface of the first application, the method further includes: The electronic device receives a downward sliding operation or an operation of clicking a non-functional area; The electronic device displays a user interface that includes the first function control.

17. The method of claim 16, wherein, After the electronic device displays the user interface that includes the first function control, the method further includes: The electronic device receives an operation on the first function control; The electronic device performs a function corresponding to the first function control.

18. The method of claim 16, wherein, After the electronic device displays the user interface that includes the first function control, the method further includes: The electronic device receives a downward sliding operation; The electronic device still displays the user interface that includes the first function control.

19. The method of claim 16, wherein, After the electronic device displays the user interface that includes the first function control, the method further includes: The electronic device receives an upward sliding operation or an operation of clicking the non-functional area; The electronic device displays a user interface that does not include the first function control.

20. The method of claim 5, wherein, After the electronic device displays the second user interface in the floating window, the method further includes: The electronic device receives an operation of reducing the floating window; The electronic device still displays the second user interface.

21. The method of claim 5, wherein, After the electronic device displays the second user interface in the floating window, the method further includes: The electronic device receives an operation of expanding the floating window, and a height of the floating window after expansion is greater than or equal to the first threshold value; The electronic device displays a user interface that includes the first function control.

22. An electronic device, comprising: The electronic device includes a memory, a processor, and computer programs stored in the memory, and the processor executes the computer programs to implement the method in any one of claims 1-21.

23. A computer-readable storage medium, characterized in that, The computer readable storage medium stores computer programs, and the computer programs are executed by the processor to implement the method in any one of claims 1-21.

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

Images