Interface display method and apparatus

Abstract

Provided in the embodiments of the present application are an interface display method and apparatus. At least two horizontally arranged areas can be provided in an interface displayed on a widescreen device, wherein the at least two areas display different pieces of content of one application that are located on the same page. In this way, compared with an interface displayed on a widescreen device in the related art, the interface displayed on the widescreen device in the method in the embodiments of the present application achieves better adaptability.

Description

Interface display method and device

[0001] The present application claims priority from the Chinese patent application No. 202411231778.3 filed on September 3, 2024, and entitled "Interface display method and device", the content of which is incorporated herein by reference in its entirety. TECHNICAL FIELD

[0002] The present application relates to the technical field of terminals, and in particular to an interface display method and device. BACKGROUND

[0003] With the rapid development of terminal technology, more and more types of electronic devices appear, for example, the appearance of wide-screen devices and narrow-screen devices. The displayable area of a wide-screen device is larger than that of a narrow-screen device.

[0004] In related technologies, an electronic device can install an application program, but the display effect of the interface of the application program on a wide-screen device is poor. SUMMARY

[0005] The present application provides an interface display method and device, which is beneficial to improve the interface display effect of an application program on a wide-screen device.

[0006] In a first aspect, an interface display method is provided, which can be applied to an electronic device. The electronic device includes a first side edge and a second side edge that are connected. A direction parallel to the first side edge is a first direction, and a direction parallel to the second side edge is a second direction. The interface display method can include:

[0007] In response to an operation on a first application, a first interface is displayed. The first interface includes a first region and a second region. The first region and the second region are side-by-side non-overlapping regions in the first direction. The first region displays first content of the first application, and the second region displays second content of the first application. Then, in response to a first operation on the second region, a second interface is displayed. The second region in the second interface displays third content of the first application and does not display the second content. The second region in the first interface does not display the third content. The first operation includes a sliding operation in the second direction. The first content, the second content, and the third content belong to (or correspond to) the same page.

[0008] In the embodiment of the present application, the first interface is displayed in response to the operation on the first application, the first interface includes a plurality of regions (for example, a first region and a second region), the first region and the second region are non-overlapping regions in a side-by-side manner in a first direction, the first region displays first content of the first application, and the second region displays second content of the first application, then, the second interface is displayed in response to a first operation on the second region, the second region in the second interface displays third content of the first application and does not display the second content, and the second region in the first interface does not display the third content, that is, the content displayed by the second region is updated, and the updated content and the content before the update are content of the same page, that is, the embodiment of the present application can display the content of the same page in different regions, so that more content can be displayed on a wide screen device, and the interface display effect of the application program on the wide screen device is improved.

[0009] In a possible implementation, the method for displaying the interface further includes:

[0010] The third interface is displayed in response to a second operation on the first region, the first region in the third interface displays all content of the first content, and the first region in the second interface displays part of the content of the first content, and the second operation includes a sliding operation in a second direction.

[0011] In the embodiment of the present application, the third interface is displayed in response to the second operation on the first region, the first region in the third interface displays all content of the first content, and the first region in the second interface displays part of the content of the first content, that is, in the case that the content displayed by one of the regions is incomplete, the one region supports scrolling to switch the content to display complete content, and the interface display effect is further improved.

[0012] In a possible implementation, the method for displaying the interface further includes:

[0013] In a case where a third operation on the first region is received, the second interface is kept displayed, and the third operation includes a sliding operation in the second direction.

[0014] In the embodiment of the present application, the second interface is kept displayed in a case where the third operation on the first region is received, that is, the content displayed by the first region is fixed, and it can also be understood that the content displayed by the first region does not support updating, so that the case that a user wants to update the content of the second region but mistakenly touches the first region to cause the content displayed by the first region to switch can be reduced, and the experience of the user is improved.

[0015] In a possible implementation, the method for displaying the interface further includes:

[0016] In response to the fourth operation on the first region, a fourth interface is displayed, the first region in the fourth interface displays fourth content of the first application and does not display the first content, the first region in the second interface does not display the fourth content, the fourth content and the first content belong to a same page, and the fourth operation includes a sliding operation in the second direction.

[0017] In the embodiments of the present application, at least two of the plurality of regions in the interface of the application program support switching of content, which is beneficial for the user to switch the content displayed by the interface through different regions, thereby improving the flexibility of the user in switching the displayed content, and the user can also switch the displayed content by holding with a single hand, for example, holding with the left hand and switching the displayed content by operating the region close to the left hand, and for another example, holding with the right hand and switching the displayed content by operating the region close to the right hand.

[0018] In a possible implementation, the second interface further includes a background region, the background region displays a background image of the first application and / or a function control of the first application, wherein at most part of the first region covers the background region, at most part of the second region covers the background region, a length of the first edge of the first region is less than or equal to a length of the second edge of the second region, and the first edge is parallel to the second direction and the second edge, respectively.

[0019] In the embodiments of the present application, at most part of the first region covers the background region, which can be understood as that part of the first region covers the background region or does not cover the background region. At most part of the second region covers the background region, which can be understood as that part of the second region covers the background region or does not cover the background region. In this way, the fusion display between the background region and the first region and the second region can be improved, thereby improving the display effect.

[0020] It should be understood that the length of the first edge of the first region is less than the length of the second edge of the second region, and then the second region can display more content. The length of the first edge of the first region is less than the length of the second edge of the second region, and then the same edge of the background region can be adjacent to the first region and the second region, respectively, thereby improving the display effect of the interface.

[0021] In another possible implementation, at least one of the first region and the second region entirely covers the background region, which can improve the content that can be displayed by the first region and / or the second region covering the background region.

[0022] In a possible implementation, the second interface further includes a third region, the third region and the second region are side-by-side non-overlapping regions in the first direction, the third region in the second interface displays fifth content of the first application, the fifth content and the first content belong to a same page, and the method further includes:

[0023] In a case where a fifth operation for the third region is received, the second interface is kept displayed, and the fifth operation comprises a sliding operation in the second direction.

[0024] In response to a sixth operation for the third region, the fifth interface is displayed, the third region in the fifth interface displays the sixth content of the first application and does not display the fifth content, the first region in the second interface does not display the sixth content, the sixth content and the fifth content belong to a same page, and the sixth operation comprises a sliding operation in the second direction.

[0025] In the embodiments of the present application, the second interface further comprises a third region, and the third region in the second interface displays the fifth content of the first application. More regions can be displayed in the application interface, and more contents belonging to a same page of the application can be displayed accordingly. In this way, more contents can be displayed for the user, and the user experience is improved.

[0026] It should be understood that, if the second interface is kept displayed in a case where a fifth operation for the third region is received, the situation of displaying switched contents due to a mis-touch can be reduced. If the fifth interface is displayed in response to a sixth operation for the third region, the third region in the fifth interface displays the sixth content of the first application and does not display the fifth content, and the first region in the second interface does not display the sixth content. In this way, the user can switch the displayed contents through different regions, and the user experience is improved.

[0027] In a possible implementation, the second content and the third content correspond to a same content type information, the first content and the second content correspond to different content type information, the content type information comprises priority information of the content and / or a type identifier of the content, for each content, the priority of the content is positively correlated with the number of times or frequency of selection of the content, and the type identifier is predefined.

[0028] In the embodiments of the present application, the contents of the application are classified according to a certain classification manner, the contents belonging to a same type are displayed in a same region, and the contents belonging to different types are displayed in different regions. In this way, the management of the contents displayed in each region is facilitated. The type identifier can be classified according to the function or role of the content, for example, contents for display, such as pictures, are classified into a category, contents for executing a specific function are classified into another category, and contents for viewing comments or purchasing are classified into another category, which is not limited herein.

[0029] In a possible implementation, the first region in the second interface further displays seventh content of the first application, the first region comprises a fourth region for displaying the seventh content, and the method further comprises:

[0030] In response to a seventh operation on the fourth region, a sixth interface is displayed, the fourth region in the sixth interface displays the eighth content of the first application and does not display the seventh content, the fourth region in the second interface does not display the eighth content, the eighth content, the seventh content and the first content belong to a same page, and the seventh operation includes a sliding operation in the first direction.

[0031] In the embodiments of the present application, not only the content switching display in the second direction is supported, but also the content switching display in the first direction is supported, and the flexibility of the content switching display can be improved.

[0032] In a possible implementation, the interface display method further includes:

[0033] In response to an eighth operation on the second interface, a seventh interface is displayed, the number of regions in the seventh interface is greater than the number of regions in the second interface, the seventh interface includes a fifth region, a sixth region and a seventh region, the fifth region, the sixth region and the seventh region are side-by-side non-overlapping regions in the first direction, the fifth region displays the first content, the sixth region displays the third content, and the seventh region displays a ninth content of the first application, and the ninth content and the first content belong to a same page. Then, in response to a ninth operation on the seventh interface, the second interface can be displayed.

[0034] In the embodiments of the present application, the number of regions displayed by the interface can be updated through the eighth operation on the second interface, and thus the flexibility of the interface display and the efficiency of switching the number of regions can be improved.

[0035] In a possible implementation, the interface display method further includes:

[0036] In response to a tenth operation on the second interface, an eighth interface is displayed, the eighth interface includes a first configuration option and a second configuration option, the first configuration option is used to configure the first region and the second region in the interface, the second configuration option is used to configure the fifth region, the sixth region and the seventh region in the interface, the fifth region, the sixth region and the seventh region are side-by-side non-overlapping regions in the first direction, and the number of regions configured by the second configuration option is greater than the number of regions configured by the first configuration option. Then, in response to an operation on the second configuration option, a seventh interface is displayed, the seventh interface includes the fifth region, the sixth region and the seventh region, the fifth region displays the first content, the sixth region displays the third content, and the seventh region displays a ninth content of the first application, and the ninth content and the first content belong to a same page.

[0037] In the embodiments of the present application, the interface including the configuration options can be displayed first, and then the user can select the regions to be configured in the interface of the configuration options, and thus the configuration flexibility of the regions displayed by the interface can be improved, and the user experience can be improved.

[0038] In a possible implementation, the interface display method further includes:

[0039] In response to the tenth operation on the second interface, an eighth interface is displayed, the eighth interface includes a first configuration option and a second configuration option, the first configuration option is used for configuring the first region and the second region in the interface, the second configuration option is used for configuring the fifth region, the sixth region and the seventh region in the interface, the fifth region, the sixth region and the seventh region are side-by-side non-overlapping regions in the first direction, and the number of regions configured by the second configuration option is greater than the number of regions configured by the first configuration option. Then, in response to an operation on the second configuration option, a ninth interface is displayed, the ninth interface includes the fifth region, the sixth region and the seventh region, none of the fifth region, the sixth region and the seventh region displays content, the ninth interface displays a plurality of contents of the first application, and the plurality of contents belong to a same page. Then, in response to an eleventh operation on the tenth content in the plurality of contents, the tenth content is displayed in the fifth region, and the eleventh operation includes an operation of dragging the tenth content to the fifth region. Then, in response to a twelfth operation on the ninth interface, a tenth interface is displayed, the fifth region in the tenth interface displays the tenth content, the sixth region in the tenth interface and the seventh region in the tenth interface display other contents of the first application except the tenth content, and the other contents belong to the same page as the tenth content.

[0040] In the embodiments of the present application, not only the regions displayed by the interface can be configured, but also the content displayed by the regions can be configured, so that the flexibility of configuration is improved, and the user experience is improved.

[0041] In a possible implementation, the ninth interface further includes an eighth region used for displaying the plurality of contents, and before the tenth interface is displayed in response to the twelfth operation on the ninth interface, the method further includes:

[0042] In response to a thirteenth operation on the eighth region, an eleventh content is displayed in the eighth region, the plurality of contents do not include the eleventh content, and the eleventh content belongs to the same page as any content in the plurality of contents. Then, in response to a fourteenth operation on the eleventh content, the eleventh content is displayed in the fifth region, and the fourteenth operation includes an operation of dragging the eleventh content to the fifth region. The fifth region in the tenth interface further displays the eleventh content.

[0043] In the embodiments of the present application, if the content configured in the region cannot be all displayed on one interface, if some content is configured by the user but is not displayed on the current interface, the user can display the content to be configured through a sliding operation, and then drag the displayed content to one region, so that the display of all contents of the application program can be configured, and the user experience is improved.

[0044] In a possible implementation, the eighth interface further includes a third configuration option and / or a fourth configuration option, the third configuration option is used to configure a ninth region and a tenth region in the interface, the ninth region and the tenth region are non-overlapping regions in the second direction, the fourth configuration option is used to configure an eleventh region, a twelfth region and a thirteenth region in the interface, the eleventh region, the twelfth region and the thirteenth region are non-overlapping regions in the second direction, and the number of regions configured by the fourth configuration option is greater than the number of regions configured by the third configuration option.

[0045] In the embodiments of the present application, the configuration option can also include regions in other scrolling directions, so that the user can have more configuration options to choose from, thereby improving the user experience.

[0046] In a second aspect, the embodiments of the present application further provide another interface display method. The method is applied to an electronic device, the electronic device has a first state and a second state, a displayable region of the electronic device in the second state is greater than a displayable region of the electronic device in the first state, and the interface display method includes:

[0047] In the case that the electronic device is in the first state, in response to an operation on a first application, a eleventh interface is displayed, the eleventh interface includes a fourteenth region, and the fourteenth region displays first content of the first application. Then, in response to an operation on the fourteenth region, a twelfth interface is displayed, the fourteenth region in the twelfth interface displays second content of the first application and does not display the first content, the fourteenth region in the eleventh interface does not display the second content, and the first content and the second content belong to the same page. Then, in the case that the electronic device switches from the first state to the second state, a thirteenth interface is displayed, the thirteenth interface includes a fifteenth region and a sixteenth region, the fifteenth region displays the first content, and the sixteenth region displays the second content.

[0048] In the embodiments of the present application, when the electronic device switches states, for example, switches from the first state to the second state, the number of display regions in the second state is greater than the number of display regions in the first state. In this way, when the electronic device switches from a narrow screen state to a wide screen state, more content can be displayed, which is conducive to improving the interface display effect of the application program.

[0049] In a third aspect, another interface display apparatus is provided, including a processor coupled with a memory, and configured to execute instructions in the memory to implement the method in any of the possible implementation manners of the first aspect or the second aspect. Optionally, the apparatus further includes the memory. Optionally, the apparatus further includes a communication interface, and the processor is coupled with the communication interface.

[0050] In a fourth aspect, a processor is provided, comprising an input circuit, an output circuit and a processing circuit. The processing circuit is configured to receive a signal via the input circuit and transmit a signal via the output circuit, so that the processor performs the method in any possible implementation of the first aspect or the second aspect.

[0051] In specific implementation, the processor can be a chip, the input circuit can be an input pin, the output circuit can be an output pin, and the processing circuit can be a transistor, a gate circuit, a flip-flop, various logic circuits and the like. The input signal received by the input circuit can be received and input by, for example but not limited to, a receiver, the output signal output by the output circuit can be output to and transmitted by, for example but not limited to, a transmitter, and the input circuit and the output circuit can be the same circuit which is used as the input circuit and the output circuit at different times. The embodiments of the present application do not limit the specific implementation of the processor and various circuits.

[0052] In a fifth aspect, a processing apparatus is provided, comprising a processor and a memory. The processor is configured to read instructions stored in the memory, and can receive a signal via a receiver and transmit a signal via a transmitter, to perform the method in any possible implementation of the first aspect or the second aspect.

[0053] Optionally, the processor is one or more, and the memory is one or more.

[0054] Optionally, the memory can be integrated with the processor, or the memory and the processor are separately arranged.

[0055] In specific implementation, the memory can be a non-transitory memory, for example, a read only memory (ROM), which can be integrated on the same chip with the processor, or arranged on different chips respectively, and the embodiments of the present application do not limit the type of the memory and the arrangement of the memory and the processor.

[0056] It should be understood that the related data interaction process, for example, transmitting the indication information can be the process of outputting the indication information from the processor, and receiving the capability information can be the process of receiving the input capability information by the processor. Specifically, the processed output data can be output to the transmitter, and the input data received by the processor can come from the receiver. Among them, the transmitter and the receiver can be collectively referred to as a transceiver.

[0057] The processing device in the fifth aspect can be a chip, and the processor can be implemented by hardware or software. When implemented by hardware, the processor can be a logic circuit, an integrated circuit, or the like. When implemented by software, the processor can be a general-purpose processor, which is implemented by reading software codes stored in a memory. The memory can be integrated in the processor or exist independently of the processor.

[0058] In a sixth aspect, a computer program product is provided. The computer program product includes a computer program (which can also be referred to as code or instructions), which, when executed by a computer, causes the computer to perform the method in any possible implementation of the first aspect or the second aspect.

[0059] In a seventh aspect, a computer-readable storage medium is provided. The computer-readable storage medium stores a computer program (which can also be referred to as code or instructions), which, when executed by a computer, causes the computer to perform the method in any possible implementation of the first aspect or the second aspect. BRIEF DESCRIPTION OF DRAWINGS

[0060] FIG. 1 is a schematic diagram of a scenario in the related art;

[0061] FIG. 2 is a schematic diagram of interface display of a narrow-screen device according to an embodiment of the present application;

[0062] FIG. 3 is a schematic diagram of interface display of a wide-screen device according to an embodiment of the present application;

[0063] FIG. 4 is a schematic diagram of comparison of interface display between a narrow-screen device and a wide-screen device according to an embodiment of the present application;

[0064] FIG. 5 is a schematic diagram of change of interface display of an application on a wide-screen device according to an embodiment of the present application;

[0065] FIG. 6 is a schematic diagram of configuration of a display area according to an embodiment of the present application;

[0066] FIG. 7 is a schematic diagram of another configuration of a display area according to an embodiment of the present application;

[0067] FIG. 8 is a schematic diagram of a scenario of an application according to an embodiment of the present application;

[0068] FIG. 9 is a schematic diagram of interface of an electronic device in a wide-screen mode according to an embodiment of the present application;

[0069] FIG. 10 is a flowchart of a method of interface display according to an embodiment of the present application;

[0070] FIG. 11 is a schematic diagram of a structure of an interface display device according to an embodiment of the present application. DETAILED DESCRIPTION

[0071] For the convenience of clearly describing the technical solutions of the embodiments of the present application, the following briefly introduces some terms and technologies involved in the embodiments of the present application:

[0072] 1. Electronic device

[0073] The electronic device in the embodiments of the present application can also be referred to as a terminal device, a user equipment (UE), a mobile station (MS), a mobile terminal (MT), an access terminal, a subscriber unit, a subscriber station, a mobile station, a mobile terminal, a remote station, a remote terminal, a mobile device, a user terminal, a terminal, a wireless communication device, a user agent, or a user equipment, etc.

[0074] The electronic device can be a device that provides voice / data connectivity to a user, for example, a handheld device with wireless connection function, a vehicle-mounted device, etc. At present, some examples of terminals are: a mobile phone, a tablet computer, a notebook computer, a palm computer, a mobile internet device (MID), a wearable device, a virtual reality (VR) device, an augmented reality (AR) device, a wireless terminal in industrial control, a wireless terminal in self driving, a wireless terminal in remote medical surgery, a wireless terminal in smart grid, a wireless terminal in transportation safety, a wireless terminal in smart city, a wireless terminal in smart home, a cellular phone, a cordless phone, a session initiation protocol (SIP) phone, a wireless local loop (WLL) station, a personal digital assistant (PDA), a handheld device with wireless communication function, a computing device or other processing device connected to a wireless modem, a vehicle-mounted device, a wearable device, an electronic device in a 5G network, or an electronic device in a future evolved public land mobile network (PLMN), etc. The embodiments of the present application are not limited thereto.

[0075] As an example but not limitation, in embodiments of the present application, the electronic device can also be a wearable device. The wearable device can also be referred to as a wearable smart device, which is a general term for devices that are designed and developed by applying wearable technology to daily wear, such as glasses, gloves, watches, clothing, and shoes. The wearable device is a portable device that is directly worn on the body or integrated into the clothes or accessories of the user. The wearable device is not only a hardware device, but also a powerful function achieved through software support and data interaction, cloud interaction. The general wearable smart device includes a full function, a large size, and can realize complete or partial functions without relying on a smart phone, such as a smart watch or smart glasses, and focuses on a certain application function and needs to cooperate with other devices such as a smart phone, such as various smart wristbands, smart jewelry, and the like.

[0076] In addition, in embodiments of the present application, the electronic device can also be an electronic device in an Internet of Things (IoT) system. The IoT is an important part of the future development of information technology, and its main technical feature is to connect objects through communication technology and network to realize the intelligent network of man-machine interconnection and object-object interconnection. The electronic device of the present application can also be a vehicle-mounted unit, a vehicle-mounted module, a vehicle-mounted component, a vehicle-mounted chip, or a vehicle-mounted unit built as one or more components or units in a vehicle. The vehicle can implement the method of the present application through the built-in vehicle-mounted unit, vehicle-mounted module, vehicle-mounted component, vehicle-mounted chip, or vehicle-mounted unit. Therefore, embodiments of the present application can be applied to the Internet of Vehicles, such as vehicle-to-everything (V2X), long term evolution-vehicle (LTE-V), vehicle-to-vehicle (V2V), and the like. Optionally, the electronic device of the present application can also be referred to as a device.

[0077] The electronic device of the present application can have a folding screen. The folding screen can include a plurality of display screens, each of which can include a display area. For example, the electronic device can form a first screen and a second screen along a folding edge or a folding axis. In practical applications, the electronic device with a folding screen can be divided into two categories: one is an electronic device with a folding screen folded outward, and the other is an electronic device with a folding screen folded inward. Among them, taking the electronic device folded to form a first screen and a second screen as an example, the electronic device folded outward, the first screen and the second screen are opposite to each other; the electronic device folded outward, the first screen and the second screen are opposite to each other.

[0078] It can be understood that when the electronic device is in the folded state, the interface can be displayed on the first screen or the second screen, at this time the electronic device can be considered as a narrow screen device; when the electronic device is in the unfolded state, the interface can be displayed on the first screen and the second screen, at this time the electronic device can be considered as a wide screen device. Wherein, the narrow screen and the wide screen are relative, the display area of the narrow screen device is compared with the display area of the wide screen device, and the display area of the wide screen device is larger. It should be noted that the at least two screens formed by folding the electronic device in the embodiments of the present application can be two independent screens, or can be one complete screen in an integrated structure, which is only folded into at least two parts. For example, the folding screen can be a flexible folding screen. Part or all of the flexible folding screen is made of flexible material. The at least two screens formed by folding the flexible folding screen are one complete screen in an integrated structure, which is only folded into at least two parts. For another example, the folding screen of the electronic device can be a multi-screen folding screen. The multi-screen folding screen can include multiple screens. The multiple screens are multiple independent display screens. The multiple screens can be connected in sequence through a folding shaft. The multiple screens can rotate around the folding shaft connected thereto to realize folding of the multi-screen folding screen.

[0079] It should be noted that in addition to the double folding screen with the first screen and the second screen, the electronic device of the embodiments of the present application can also be a triple folding screen with a third screen, a quadruple folding screen with a third screen and a fourth screen, and an n folding screen with n screens, where n is an integer not less than 3.

[0080] In another possible implementation, the electronic device of the embodiments of the present application can be a wide screen device without folding function, such as a tablet computer, a notebook computer, etc.

[0081] 2. Other terms

[0082] In the embodiments of the present application, the same items or similar items with basically the same functions and effects are distinguished by using "first", "second", etc. For example, the first display area and the second display area are only used to distinguish different display areas, and do not limit the order. Those skilled in the art can understand that "first", "second", etc. do not limit the quantity and execution order, and "first", "second", etc. also do not mean that they must be different.

[0083] It should be noted that in the embodiments of the present application, "exemplary" or "for example" is used to represent an example, illustration or description. Any embodiment or design scheme described as "exemplary" or "for example" in the present application should not be interpreted as more preferred or more advantageous than other embodiments or design schemes. Rather, the use of "exemplary" or "for example" is intended to present the relevant concept in a specific manner.

[0084] In embodiments of the present application, "at least one" means one or more, and "multiple" means two or more. The "and / or" describes the association relationship of the associated objects, which means that there can be three relationships, for example, A and / or B can represent: A exists alone, A and B exist together, and B exists alone, where A and B can be singular or plural. The character " / " generally represents an "or" relationship between the front and rear associated objects. "At least one of the following" or similar expressions means any combination of these items, including any combination of single item or multiple items. For example, at least one of a, b, or c can represent: a, b, c, a-b, a-c, b-c, or a-b-c, where a, b, and c can be single or multiple.

[0085] Next, the scenario in the related art is exemplified.

[0086] Referring to FIG. 1, FIG. 1 is a schematic diagram of a scenario in the related art. (a) in FIG. 1 is an interface of an application displayed by a narrow-screen device. (b) in FIG. 1 is an interface of an application displayed by a wide-screen device. (c) in FIG. 1 is another interface of an application displayed by a wide-screen device. (d) in FIG. 1 is another interface of an application displayed by a wide-screen device.

[0087] As shown in (a) in FIG. 1, the interface of the application displayed by the narrow-screen device includes a first top area 110 and a first display area 120, and the first display area 120 can include a first function display area 121 and a second function display area 122. The first top area 110 can be used to display a picture and display a control for implementing a certain function. The first function display area 121 can be used to implement a first function, which can be, for example, a ticket checking function. The second function display area 122 can be used to implement a second function, such as a timetable viewing function or a car booking function.

[0088] For example, when the narrow-screen device shown in (a) in FIG. 1 switches from a folded state to an unfolded state, or when the electronic device is a wide-screen device, the interface shown in (b) in FIG. 1 can be displayed. In the interface shown in (b) in FIG. 1, the picture displayed in the first top area 110 is larger than the picture displayed in the first top area 110 shown in (a) in FIG. 1, and the font of the first function display area 121 becomes larger, but the interface shown in (b) in FIG. 1 does not display the second function display area 122.

[0089] That is, in (b) in FIG. 1, the display of the electronic device in the wide-screen state does not perform appropriate wide-screen adaptation, but simply uses large pictures and large fonts, and the content displayed by the electronic device in the wide-screen state is actually reduced compared with the content displayed by the electronic device in the narrow-screen state.

[0090] In another possible implementation, when the narrow-screen device shown in (a) of FIG. 1 switches from the folded state to the unfolded state, or when the electronic device is a wide-screen device, the interface shown in (c) of FIG. 1 can also be displayed.

[0091] The content displayed in the interface shown in (c) of FIG. 1 is consistent with the interface shown in (a) of FIG. 1, but since the electronic device in (c) of FIG. 1 is a wide-screen device, there are many blank areas in the wide-screen electronic device, and the blank areas do not display any content.

[0092] That is, in (c) of FIG. 1, when the electronic device is in a wide-screen state, the display is not properly adapted to the wide screen, and the original interface is simply displayed, resulting in a large number of blank areas that are not effectively utilized.

[0093] In another possible implementation, when the narrow-screen device shown in (a) of FIG. 1 switches from the folded state to the unfolded state, or when the electronic device is a wide-screen device, the interface shown in (d) of FIG. 1 can be displayed. In the interface shown in (d) of FIG. 1, although there are two display areas, the content displayed in the two display areas is content of different levels, for example, the content displayed in the right area is the content of the next level interface displayed after the query ticket control in the left area is clicked. It can also be understood that: when the electronic device is a narrow-screen device, if it is detected that the control (such as the ticket query control) in the left area is operated, the interface of the right area will be displayed.

[0094] That is, in (d) of FIG. 1, when the electronic device is in a wide-screen state, the parallel view is used, resulting in display logic confusion.

[0095] Therefore, it can be seen that in the scenarios shown in (b) of FIG. 1, (c) of FIG. 1, and (d) of FIG. 1, there is no proper wide-screen adaptation, resulting in poor interface display effect and poor user experience.

[0096] Therefore, the embodiments of the present application propose an interface display method and device, which can adapt to a wide screen, thereby improving the interface display effect and improving the user experience.

[0097] In the following, the scheme of the embodiments of the present application is exemplarily described.

[0098] It can be understood that the term "interface" and "user interface" in the embodiments of the present application is a medium interface for interaction and information exchange between an application program or operating system and a user, which realizes the conversion between the internal form of information and the form acceptable by the user. The commonly used form of user interface is a graphic user interface (GUI), which refers to a user interface related to computer operation displayed in a graphic manner. It can be an icon, window, control, etc. interface element displayed in the display screen of an electronic device, wherein the control can include visible interface elements such as icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, widgets, etc.

[0099] Please refer to FIG. 2 and FIG. 3 respectively, and the same and different between the interface display of an application program of a narrow-screen device and a wide-screen device will be embodied by comparison between FIG. 2 and FIG. 3. FIG. 2 is a schematic diagram of interface display of a narrow-screen device according to an embodiment of the present application. FIG. 3 is a schematic diagram of interface display of a wide-screen device according to an embodiment of the present application.

[0100] FIG. 2 can be a schematic diagram of an interface of an application program displayed by a narrow-screen device. As shown in FIG. 2, the display area 1 of the narrow-screen device can display content 1, content 2 and content 3. Since the display area 1 of the narrow-screen device is limited, part of the to-be-displayed content has not been displayed, which can include, for example, content 4, content 5, content 6, content 7, content 8, content 9 and content 10. The narrow-screen device can detect a user operation acting on the display area 1, and update the content displayed by the display area 1.

[0101] For example, the electronic device can detect a user operation acting on the display area 1, and in response to the operation, display content 4, content 5 and content 6, etc. in the display area 1.

[0102] It should be noted that the narrow-screen device can detect a user operation acting on the display area 1, and in response to the operation, display the to-be-displayed content in a specific display order, for example, display content 4, content 5, content 6, content 7, content 8, content 9 and content 10 in sequence.

[0103] It should be noted that in the display area 1 of FIG. 2, part or all of content 3 can be displayed, and the actual display result is related to the size of the display area 1 of the narrow-screen device and the size of the area occupied by the displayed content, which is not limited here.

[0104] It should be understood that the size of the area required for displaying different content can be the same or different, which is determined according to the specific content, which is not limited here. The number of to-be-displayed content is related to the actual displayable content of the application program, which is not limited here.

[0105] Fig. 3(a) can be a schematic diagram of an interface of an application displayed by a wide screen device. As shown in Fig. 3(a), the display area of the wide screen device can include a display area 2 and a display area 3. The content displayed by the display area 2 can be fixed, that is, even if the electronic device detects a user operation acting on the display area 2, the content displayed by the display area 2 remains unchanged. The content displayed by the display area 3 can be switchable or updatable, that is, there is to-be-displayed content capable of being displayed in the display area 3 but not yet displayed, and then the electronic device can detect a user operation acting on the display area 3, and in response to the operation, the content displayed by the display area 3 can be updated.

[0106] For example, the display content of the display area 2 can include content 1, content 2 and content 3. The electronic device detects a user operation acting on the display area 2, and in response to the operation, the display content of the display area 2 still includes content 1, content 2 and content 3.

[0107] For example, in the interface shown in Fig. 3(a), the display content of the display area 3 can include content 4, content 5 and content 6, and content 7, content 8, content 9 and content 10 are to-be-displayed content and are not displayed in the display area 3. If the electronic device detects a user operation acting on the display area 3, in response to the operation, the display area 3 can display content 6, content 7, content 8 and content 9.

[0108] In the interface shown in Fig. 3(a), the content displayed by the display area 2 can be fixed, that is, in the wide screen device, the content displayed by a part of the display area is fixed, and the content displayed by another part of the display area can be switched.

[0109] The following embodiments are described in the case where the content displayed by each of the display areas is switchable.

[0110] Fig. 3(b) can be another schematic diagram of an interface of an application displayed by a wide screen device. In the interface shown in Fig. 3(b), the content displayed by the display area 2 can also be switchable, that is, there is to-be-displayed content capable of being displayed in the display area 2 but not yet displayed, and then the electronic device can detect a user operation acting on the display area 2, and in response to the operation, the content displayed by the display area 2 can be updated. In this example, the content displayed by the display area 3 can also be switchable or updatable, that is, there is to-be-displayed content capable of being displayed in the display area 3 but not yet displayed, and then the electronic device can detect a user operation acting on the display area 3, and in response to the operation, the content displayed by the display area 3 can be updated.

[0111] For example, the display area 2 displays content 1, content 2 and content 3, and there is content 4 to be displayed, the electronic device can detect a user operation on the display area 2, and in response to the operation, content 2, content 3 and content 4 can be displayed.

[0112] For example, the display area 3 displays content 5, content 6 and content 7, and there is content 8, content 9 and content 10 to be displayed, the electronic device can detect a user operation on the display area 3, and in response to the operation, content 6, content 7 and content 8 can be displayed.

[0113] In another possible implementation, the display area 2 supporting display content switching can also include that the content displayed by the display area 2 is not complete and needs to be displayed in its entirety by scrolling. For example, the sum of content 1, content 2 and content 2 exceeds the height of a screen of the electronic device, and the display area 2 in the electronic device displays part of content 3, the electronic device can detect a user operation on the display area 2, and in response to the operation, the entire content 3 can be displayed.

[0114] It should be noted that in (a) and (b) of FIG. 3, the wide-screen device is divided into two display areas for example, but in actual cases, the wide-screen device can be divided into no less than two display areas, and therefore, the following embodiments are based on the above embodiments and are described by way of example for a wide-screen device divided into three or more display areas.

[0115] (c) of FIG. 3 can be another interface diagram of an application displayed by a wide-screen device. In the interface shown in (c) of FIG. 3, display area 2, display area 3 and display area 4 are included, wherein in (c) of FIG. 3, the content displayed by the display area 2 and the display area 3 is fixed, for example, the display area 2 displays content 1, content 2 and content 3, the display area 3 displays content 4, content 5 and content 6, and the display area 4 can display content 7, content 8 and content 9, and for example, the electronic device can detect a user operation on the display area 4, and in response to the operation, content 8, content 9 and content 10 can be displayed.

[0116] In another possible implementation, at least one of the display area 2 or the display area 3 also supports display content switching.

[0117] It should be understood that the wide-screen device is not limited to three display areas, and can also include display area 5, display area 6, etc., which are not described here.

[0118] In general, the content displayed by at least one display area can be switched.

[0119] It should be noted that the interface shown in FIG. 3 can be the interface of the home page when the application is started, or can be the interface displayed during use of the application, which is not limited herein.

[0120] It should be noted that in (a)-(c) of FIG. 3, the display content is divided into different display regions according to a specific display order, for example, in (a)-(c) of FIG. 3, the display content capable of being displayed by the display region 2 is earlier than the display content capable of being displayed by the display region 3 in the display order of the narrow-screen device.

[0121] The following embodiments are based on the above embodiments, and exemplarily illustrate the division of the display content into different display regions in other manners, for example, the division of the display content into different display regions according to the type of the content.

[0122] Referring to FIG. 4, FIG. 4 is another comparison diagram of the interface display between the narrow-screen device and the wide-screen device provided by the embodiments of the present application.

[0123] The (a) of FIG. 4 can be a schematic diagram of an interface of an application displayed by the narrow-screen device. The (a) of FIG. 4 can refer to the description of FIG. 2, which is not repeated herein.

[0124] For example, the content 1, the content 2, the content 5, the content 7 and the content 8 in the (a) of FIG. 4 are the same type of content, the content 3, the content 4, the content 6, the content 9 and the content 10 are the same type of content, and the content 1 and the content 3 are different types of content. The classification manner can be set according to the requirement, and optionally, the content can be divided according to the function or the use, for example, the content used for a predetermined purpose is one type, and the content used for query is one type, which is not limited herein. In addition, the content can also be divided according to the priority, for example, the content with high priority is one type, the content with medium priority is one type, and the content with low priority is one type. It should be understood that the priority level can be set according to the requirement, which is not limited herein.

[0125] Optionally, the content with high priority can be set in the display region in which the display content cannot be switched, that is, the content with high priority can be set in the display region in which the display content is fixed; for another example, the content with high priority can be displayed in multiple display regions, which can improve the probability of the content with high priority being seen by the user, and the content with low priority can be displayed in one display region. It should be understood that the number of the display regions in which the content with low priority is displayed can be less than the number of the display regions in which the content with high priority is displayed.

[0126] In the embodiments of the present application, the priority relationship of each display content can be preconfigured in the application program, and when display is needed, the priority relationship is acquired, and then the priority of each display content is set according to the priority relationship. Alternatively, the priority of each display content can be fixed or dynamically changed, for example, the priority of the selected content is updated according to the number or frequency of times that the content is clicked by the user. Generally, the greater the number or frequency of times that the content is selected, the greater the possibility that the content is continuously selected by the user, and therefore, the priority of the content can be set according to the number or frequency of times that the content is selected, for example, the greater the number or frequency of times that the content is selected by the user, the higher the priority of the content. Alternatively, the priority relationship of each display content is updated each time the application program is closed, or the priority relationship of each display content is updated at a fixed time, which is not limited herein.

[0127] (b) of FIG. 4 can be another interface diagram of the application program displayed by the wide-screen device. In (b) of FIG. 4, the display area 2 and the display area 3 of the wide-screen device can display different types of content. For example, the content 1, the content 2, the content 5 and the content 8 belonging to the same type can be displayed in the display area 2, and the content 3, the content 4, the content 6, the content 9 and the content 10 belonging to another type can be displayed in the display area 3.

[0128] It should be noted that in the examples shown in FIG. 3 and FIG. 4, any two display areas among the at least two display areas supporting content switching display can simultaneously display different content, that is, the same content cannot appear in different display areas at the same time.

[0129] In the examples of FIG. 3 and FIG. 4, the content that can be displayed in each display area among the at least two display areas supporting content switching display is fixed. For example, in (b) of FIG. 3, although the display area 2 can switch the display content, no matter how the display area 2 switches, only the content 1, the content 2, the content 3 and the content 4 can be switched and displayed. Similarly, although the display area 3 can switch the display content, no matter how the display area 2 switches, only the content 5, the content 6, the content 7, the content 8, the content 9 and the content 10 can be switched and displayed.

[0130] The following embodiments are illustratively described based on the above embodiments, and the content that can be switched and displayed in each display area among the at least two display areas is dynamically changed.

[0131] Referring to FIG. 5, FIG. 5 is a schematic diagram of the change of the interface display of the application program on the wide-screen device according to an embodiment of the present application.

[0132] As shown in (a) of FIG. 5, display region 2 is displaying content 1, content 2, and content 3, and display region 3 is displaying content 4, content 5, and content 6.

[0133] Then, the electronic device can detect a user operation (e.g., an up swipe operation) acting on display region 2, and in response to the operation, can display an interface as shown in (b) of FIG. 5. In the interface shown in (b) of FIG. 5, display region 2 displays content 2, content 3, and content 7. Display region 3 continues to display content 4, content 5, and content 6.

[0134] Then, the electronic device can detect a user operation (e.g., an up swipe operation) acting on display region 3, and in response to the operation, can display an interface as shown in (c) of FIG. 5. In the interface shown in (c) of FIG. 5, display region 2 continues to display content 2, content 3, and content 7, and display region 3 displays content 5, content 6, and content 8.

[0135] Then, the electronic device can detect a user operation (e.g., a down swipe operation) acting on display region 3, and in response to the operation, can display an interface as shown in (d) of FIG. 5. In the interface shown in (d) of FIG. 5, display region 2 continues to display content 2, content 3, and content 7, and display region 3 can display content 4, content 5, and content 6.

[0136] Then, the electronic device can detect a user operation (e.g., a down swipe operation) acting on display region 3, and in response to the operation, can display an interface as shown in (e) of FIG. 5. In the interface shown in (e) of FIG. 5, display region 2 continues to display content 2, content 3, and content 7, and display region 3 can display content 1, content 4, and content 5.

[0137] Then, the electronic device can detect a user operation (e.g., an up swipe operation) acting on display region 2, and in response to the operation, can display an interface as shown in (f) of FIG. 5. In the interface shown in (f) of FIG. 5, display region 3 displays content 1, content 4, and content 5, and display region 2 can display content 3, content 7, and content 8.

[0138] In the embodiments of the present application, in general, when the electronic device detects a user operation acting on the region of the switchable content, if the user operation is an operation (for example, a downward sliding operation) indicating switching the content displayed in front to be displayed, the content displayed at the front of the region of the action is replaced by the content displayed at the back of the region of the action, with reference to the content displayed at the front of the region of the action. In addition, if the user operation is an operation (for example, an upward sliding operation) indicating switching the content displayed at the back to be displayed, the content displayed at the back of the region of the action is replaced by the content displayed at the front of the region of the action, with reference to the content displayed at the back of the region of the action.

[0139] It should be noted that the order of the content can be pre-configured, for example, the display order of the arrangement shown in FIG. 2, and the specific display order is not limited herein.

[0140] In the embodiments of the present application, the content displayed in the display region 3 and the display region 3 can be switched and displayed by scrolling in the same direction. Optionally, the same direction can be, for example, a direction perpendicular to the ground, for example, the sliding direction shown in FIG. 5; in addition, the same direction can also be a direction parallel to the ground, which is not limited herein. In another possible implementation, the content displayed in the display region 3 and the display region 3 can be switched and displayed by scrolling in different directions. Optionally, the different directions can be, for example, a direction perpendicular to the ground and a direction parallel to the ground.

[0141] It should be noted that the direction of the scrolling can be set by the user or automatically set by the electronic device. Optionally, the scrolling can be performed in the long direction of the electronic device or in the short direction of the electronic device, which is not limited herein.

[0142] As can be seen from the comparison between (b) in FIG. 3 and (c) in FIG. 3, the display region in (b) in FIG. 3 is different from the display region in (c) in FIG. 3 in at least one of the number or the scrolling direction. The display region of the wide-screen device can be fixedly set, for example, at least one of the number or the style of the display region is fixedly set. In terms of the number of the display region, the number of the display region of the wide-screen device can be fixedly set, for example, the wide-screen device is fixedly set with two display regions or more than two display regions. In terms of the style of the display region, the style of the display region is related to the scrollable direction of the display region, which can be scrolled in a direction parallel to the ground or in a direction perpendicular to the ground.

[0143] In addition, the number of display regions of the wide-screen device can be automatically set, for example, according to the number of display regions set in the unfolded state of the narrow-screen device. In one possible implementation, when the ratio between the area of the displayable region of the wide-screen device and the area of the displayable region of the narrow-screen device is greater than 1 and less than 2, the number of display regions is 2; when the ratio between the area of the displayable region of the wide-screen device and the area of the displayable region of the narrow-screen device is greater than 2 and less than 3, the number of display regions is 3.

[0144] In another possible implementation, the display regions can also be configured in response to a user operation. The following is an exemplary description of how to configure the number of display regions of the wide-screen device and how to configure the content displayable in each display region.

[0145] Generally, the general rule can be: for a region displaying content less than one screen high, the content displayed in the region does not support scroll switching display; for a region displaying content higher than one screen, the content displayed in the region can support scroll switching display. In addition, if the content displayed in a region exceeds one screen, but the exceeding part is the remaining content corresponding to the part of the content already displayed in the region, the region can be scrolled up and down a little bit, but it should be noted that the content displayed in the region should not be too high, in other words, the area of the content displayed in the region should not be too large to cover the area of the top region, so that the top region can be displayed on the interface.

[0146] Referring to FIG. 6, FIG. 6 is a schematic diagram of configuring display regions according to an embodiment of the present application.

[0147] As shown in (a) of FIG. 6, the interface includes display region 2 and display region 3. For example, the interface shown in (a) of FIG. 6 can refer to the description of the interface shown in (a) of FIG. 3, and details are not described herein.

[0148] Then, as shown in (b) of FIG. 6, the electronic device can detect a user operation (for example, a two-finger pinch operation) acting on the electronic device, and in response to the operation, the interface shown in (c) of FIG. 6 can be displayed. In the interface shown in (c) of FIG. 6, display region 2, display region 3 and display region 4 can be included. For example, (c) of FIG. 6 can refer to the description of (c) of FIG. 3, and details are not described herein.

[0149] Optionally, when switching from (a) in FIG. 6 to (c) in FIG. 6, the content displayed by display area 2 and display area 3 remains unchanged between (c) in FIG. 6 and (a) in FIG. 6, but since the total display area of the wide-screen device does not change, the size of the font, icon, and other elements in (c) in FIG. 6 can be smaller than the size of the font, icon, and other elements in (a) in FIG. 6. The content displayed by display area 4 includes content that is not displayed in (a) in FIG. 6. In another possible implementation, when switching to the interface shown in (c) in FIG. 6, the interface shown in (c) in FIG. 6 can be rearranged, which is not limited herein.

[0150] Then, as shown in (d) in FIG. 6, the electronic device can detect a user operation (for example, a two-finger release operation) acting on the electronic device, and in response to the operation, the interface shown in (a) in FIG. 6 can be displayed.

[0151] For example, (a) in FIG. 6 can refer to the description of the interface shown in (a) or (b) in FIG. 3, and (c) in FIG. 6 can refer to the description of the interface shown in (c) in FIG. 3, which is not repeated here.

[0152] Referring to FIG. 7, FIG. 7 is another configuration of display areas provided by an embodiment of the present application.

[0153] As shown in (a) in FIG. 7, the interface includes display area 2 and display area 3. For example, (a) in FIG. 7 can refer to the description of the interface shown in (a) or (b) in FIG. 3, which is not repeated here.

[0154] Then, the electronic device can detect a user operation (e.g., a long press operation on the blank area) acting on the electronic device, and in response to the operation, can display an interface as shown in (b) of FIG. 7. In the interface shown in (b) of FIG. 7, a plurality of display area configuration options for configuring the style of the display area can be included. The style of the display area includes, but is not limited to, the number of display areas and the scrolling direction of the display area for switching the display content, etc. Exemplarily, the plurality of display area configuration options can include configuration option 1, configuration option 2, configuration option 3, and configuration option 4. Among them, the number of display areas configured between configuration option 1 and configuration option 2 is different, for example, configuration option 1 includes two display areas, and configuration option 2 includes three display areas. The number of display areas configured between configuration option 3 and configuration option 4 is different, for example, configuration option 3 includes two display areas (e.g., display area 7 and display area 8), and configuration option 4 includes three display areas (e.g., display area 7, display area 8, and display area 9). The scrolling direction or arrangement direction configured between configuration option 2 and configuration option 3 is different. In the embodiments of the present application, two display areas can refer to the interface shown in (a) of FIG. 6, and three display areas can refer to the interface shown in (c) of FIG. 6, which will not be repeated here.

[0155] Then, as shown in (c) of FIG. 7, the electronic device can detect a user operation acting on one of the configuration options, for example, detect a user operation acting on configuration option 2, and in response to the operation, display an interface as shown in (d) of FIG. 7. In the interface shown in (d) of FIG. 7, display area 2, display area 3, and display area 4 are included. And, in the interface shown in (d) of FIG. 7, a content selection area is also included. The content selection area is used to select the content displayed in the display area, and can also be understood as configuring the content that can be displayed in each display area.

[0156] It should be noted that the content selection area can display all the contents for the user to select; in another possible implementation manner, the content selection area can display part of the contents, and then the electronic device can update the contents displayed in the content selection area according to the user operation acting on the content selection area. Exemplarily, in the interface shown in (d) of FIG. 7, the content selection area displays content 1, content 2, content 3, content 4, and content 5.

[0157] It should be understood that the area of the display area of the electronic device is limited, and therefore the content selection area can display a thumbnail of the content, which indicates the content, so that it can be known through the thumbnail which content can be selected, and the display area occupied by the thumbnail is also smaller, so that the display resources can be reduced when configuring the display area.

[0158] Then, as shown in (d) of FIG. 7, the electronic device can detect a user operation (e.g., an up swipe operation) acting on the content selection region, and in response to the operation, can switch the content displayed in the content selection region to display an interface as shown in (e) of FIG. 7. For example, the content selection region in the interface shown in (e) of FIG. 7 includes content 5, content 6, content 7, content 8, and content 9.

[0159] Then, as shown in (f) of FIG. 7, the electronic device can detect a user operation acting on one of the contents in the content selection region, for example, a user operation (e.g., a drag operation) acting on content 9 in the content selection region, and in response to the operation, add the content selected by the user to the display region (e.g., display region 2) on which the user operation acts to display an interface as shown in (g) of FIG. 7. In the interface shown in (g) of FIG. 7, display region 2 includes content 9, and in the content selection region, includes content 5, content 6, content 7, content 8, and content 10, that is, the configured content cannot be configured any more. It should be understood that in the subsequent interface display, content 9 can be displayed in the display region 2. In another possible implementation, the configured content can be configured any more, for example, configured to other display regions (content 9 is configured to display region 3).

[0160] Then, as shown in (h) of FIG. 7, the electronic device can detect a user operation acting on the electronic device (e.g., a click operation acting on the blank region), and in response to the operation, can display an interface as shown in (i) of FIG. 7. The interface shown in (i) of FIG. 7 can refer to the description of the interface shown in (c) of FIG. 3, which will not be repeated here. For example, the difference between the interface shown in (i) of FIG. 7 and the interface shown in (c) of FIG. 3 includes that display region 2 in the interface shown in (i) of FIG. 7 displays the configured content 9 by the user.

[0161] It should be noted that the user can select the number of configured contents as needed, and the content selected by the user can be displayed preferentially. For the contents in the content selection region that are not configured by the user, these contents can be distributed to at least one of the display regions according to certain rules, for example, randomly or according to content priority.

[0162] In another possible implementation, the configuration of the style of the display region can be performed without the configuration of the content displayed in the display region.

[0163] In a possible implementation, each display region corresponds to a region identifier, and each content corresponds to a content identifier. Then, according to the starting point and the ending point of the user's drag operation, the selected content of the user and the display region to which the selected content is configured can be determined. Then, the content identifier of the selected content of the user can be associated with the region identifier of the configured display region. After the user's configuration is completed, the corresponding content can be displayed in each display region of the wide-screen device according to the associated content identifier and region identifier.

[0164] It should be understood that, in the illustrations of FIGS. 2-7, the displayed regions of the interface are only an example and do not represent all regions. For example, in FIGS. 2-7, a top region as in FIG. 1 can also be displayed, which is not limited or described herein.

[0165] To facilitate understanding of the present solution, the following embodiments are exemplarily described with reference to the interface of a specific application program based on the above embodiments.

[0166] Please refer to FIG. 8, which is a scenario diagram of an application program according to an embodiment of the present application.

[0167] The interface shown in (a) of FIG. 8 includes a first top region 110 and a first display region 120. The first top region 110 can display content, and the content of the first top region 110 can include a picture and a control for implementing a certain function. Exemplarily, the function control included in the first top region 110 can include one or more of a location selection control, a search control, a scan-to-scan control, or a control for entering a message interface. The first display region 120 in the interface shown in (a) of FIG. 8 can display first display content. Optionally, the first display content can include a picture and / or a control for implementing a function of the application program. Exemplarily, the first display region 120 in the interface shown in (a) of FIG. 8 can include, but is not limited to, a ticket checking control. Optionally, the ticket checking control can include one or more of a train ticket checking control, an airplane ticket checking control, or a car ticket checking control. In addition, the first display region 120 can also include one or more of a schedule viewing control or a car booking control. Optionally, the region displaying the car booking control can also display a page indicator to indicate the positional relationship between the currently displayed page and other pages. The interface shown in (a) of FIG. 8 can also display a keep-displaying control, such as at least one of a home page control, an order control, or a my control, which remains displayed when the content of the interface changes. In the embodiments of the present application, the content displayed by the first display region 120 can be switched or updated.

[0168] Optionally, the first display region 120 in FIG. 8 can be, for example, the display region 1 of a narrow screen device. The first display region 120 in the embodiments of the present application can refer to the description of the display region 1 of a narrow screen device, which is not repeated here.

[0169] It should be noted that the first display region 120 in the embodiments of the present application can be divided into one or more first display sub-regions. If the first display region 120 is divided into a plurality of first display sub-regions, for example, one of the plurality of first display sub-regions can display a control for checking tickets, and another of the plurality of first display sub-regions can include one or more of a schedule viewing control or a car booking control. For example, the plurality of first display sub-regions can display a first function display region and a second function display region.

[0170] Then, as shown in (b) of FIG. 8, the electronic device can detect a user operation acting on the first display region 120, which can be, for example, an up sliding operation. The electronic device can display an interface as shown in (c) of FIG. 8 in response to the operation. In the interface shown in (c) of FIG. 8, the display content of the first display region 120 changes, for example, the first display region 120 in the interface shown in (c) of FIG. 8 can display second display content. Optionally, the second display content can include pictures and / or controls for implementing functions of an application, and the like. For example, the first display region 120 in the interface shown in (c) of FIG. 8 can include, but is not limited to, information of a hotel. Optionally, the information of the hotel can include one or more, and each piece of information of the hotel can include a hotel name, rating information, and a booking control, and the like.

[0171] It should be noted that if the first display region 120 is divided into a plurality of first display sub-regions, for example, one of the plurality of first display sub-regions can display information of one hotel, and different first display sub-regions can display different information of hotels.

[0172] It should be understood that the user operation mentioned in the present application can include, but is not limited to, touch (for example, click, etc.), voice control, gestures (for example, up sliding, down sliding), and the like, which are not limited in the present application.

[0173] It should be understood that the content displayed in the first display region 120 in the interface shown in (a) of FIG. 8 changes compared with the interface shown in (c) of FIG. 8, and the content of the first display region 120 in (c) of FIG. 8 can be considered as the content (also referred to as the remaining content) to be displayed in the first display region 120 in the interface shown in (a) of FIG. 8.

[0174] Then, the electronic device can switch from the folded state to the unfolded state, which can also be understood as the electronic device switches from the narrow screen to the wide screen, and the electronic device can display an interface as shown in (d) of FIG. 8. In the interface shown in (d) of FIG. 8, the second top area 130, the second display area 140, and the third display area 150 can be included, but are not limited thereto.

[0175] The second top area 130 can display content, and the content of the second top area 130 can include a picture and / or a control for implementing a certain function. In the embodiments of the present application, the content of the second top area 130 can be at least partially the same as or completely different from the content of the first top area 110, and can be set as needed, which is not limited herein. Optionally, since the first top area 110 is an area when the electronic device is in the narrow screen state, the size of the picture displayed by the second top area 130 can be greater than or equal to the size of the picture displayed by the first top area 110, for example, the picture displayed by the second top area 130 can be an extension result of the picture displayed by the first top area 110, and the arrangement of the function control displayed by the second top area 130 can be the same as or different from the arrangement of the function control displayed by the first top area 110. Optionally, the second top area 130 can cover the first top area 110. In addition, compared with the first top area 110, the elements such as controls and texts in the second top area 130 are larger than the controls and texts in the first top area 110.

[0176] The second display area 140 can display third display content. Optionally, the third display content can include a picture and / or a control for implementing a function of an application. For example, the content displayed by the second display area 140 in the interface shown in (d) of FIG. 8 is at least partially the same as or completely different from the content displayed by the first display area 120 in the interface shown in (d) of FIG. 8, which is determined according to actual conditions and is not specifically limited herein.

[0177] It should be noted that, assuming that the content displayed by the second display area 140 is the same as the content displayed by the first display area 120, but the size of the area displaying the same content can be the same or different, that is, the display size of the same content in different areas can be the same or different, for example, the font size, icon size, or control size is different, which is not limited herein. Optionally, the size of the second display area 140 can be the same as or different from the size of the first display area 120. Optionally, the area occupied by the second display area 140 can cover part or all of the area occupied by the first display area 120.

[0178] The third display area 150 can display fourth display content. Optionally, the third display content can include pictures and / or controls for implementing functions of an application. For example, the third display area 150 in the interface shown in (d) of FIG. 8 displays content completely different from the content displayed by the second display area 140. Optionally, the third display area 150 in the interface shown in (d) of FIG. 8 displays content at least partially the same as the content displayed by the first display area 120 in (c) of FIG. 8, that is, the third display area 150 in the interface shown in (d) of FIG. 8 can display content to be displayed by the first display area 120 in the interface shown in (a) of FIG. 8.

[0179] It should be noted that the third display content and the fourth display content are display content of the same level.

[0180] Optionally, the bottom edge of the second top area 130 is adjacent to the second display area 140 and the third display area 150, that is, the top edge of the second display area 140 is flush with or adjacent to the top edge of the third display area 150. It should be understood that by making the bottom edge of the second top area 130 adjacent to the second display area 140 and the third display area 150, the interface display can be simplified.

[0181] The embodiments of the present application can adjust the top area and add at least one display area when the electronic device is in a wide screen state, so that the wide screen can be adapted, and the electronic device can display more content in the wide screen state, thereby improving the interface display effect and improving the user experience.

[0182] In another possible implementation, the bottom edge of the second top area 130 is adjacent to the second display area 140, and the right edge of the second top area 130 is adjacent to the third display area 150, so that the electronic device can display more content in the wide screen state.

[0183] In another possible implementation, the bottom edge of the second top area 130 can also be adjacent to the second display area 140, and a partial area of the second top area 130 partially overlaps the third display area 150. In addition, a partial area of the second top area 130 can also overlap a partial area of the second display area 140, and a partial area of the second top area 130 overlaps a partial area of the third display area 150, but the overlapping area of the second top area 130 and the third display area 150 is larger than the overlapping area between the second top area 130 and the second display area 140. In this way, since at least one of the second display area 140 and the third display area 150 partially overlaps the second top area 130, the fusion degree between the areas of the displayed interface can be improved, and the visual experience of the interface display can be improved.

[0184] Please refer to FIG. 9, which is an interface diagram of an electronic device in a wide screen according to an embodiment of the present application. As shown in the interfaces of (a) and (b) in FIG. 9, the bottom edge of the second top area 130 is adjacent to the second display area 140, and the right edge of the second top area 130 is adjacent to the third display area 150. Therefore, the content displayed by the third display area 150 in the interfaces of (a) and (b) in FIG. 9 is more than the content displayed by the third display area 150 in the interface of (d) in FIG. 8. As shown in the interface of (c) in FIG. 9, the bottom edge of the second top area 130 is adjacent to the second display area 140 and the third display area 150 respectively.

[0185] In the embodiments of the present application, the difference between the interface of (a) in FIG. 9 and the interface of (b) in FIG. 9 includes that the fixedly displayed controls, such as the home control, the order control, the customer service control, and the my control, etc. in the interface of (a) in FIG. 9 are arranged at the bottom of the interface, while the fixedly displayed controls in the interface of (b) in FIG. 9 are arranged at the side of the interface.

[0186] The difference between the interface of (a) in FIG. 9 and the interface of (c) in FIG. 9 includes that the fixedly displayed controls, such as the home control, the order control, the customer service control, and the my control, etc. in the interface of (a) in FIG. 9 are arranged at the bottom of the interface, while the fixedly displayed controls in the interface of (c) in FIG. 9 are arranged at the side of the interface.

[0187] The difference between the interface shown in (b) of FIG. 9 and the interface shown in (c) of FIG. 9 includes that the right edge of the second top area 130 in the interface shown in (b) of FIG. 9 is adjacent to the third display area 150, while the bottom edge of the second top area 130 in (b) of FIG. 9 is adjacent to the third display area 150. In this way, the interface shown in (c) of FIG. 9 can not only improve the simplicity of the interface display, but also take into account the amount and richness of the content displayed by the interface.

[0188] It should be understood that in (a) of FIG. 9, since the bottom edge of the second top area 130 is adjacent to the second display area 140, and the right edge of the second top area 130 is adjacent to the third display area 150, the third display area 150 can display more information, so that the user can obtain more information and improve the user experience. By setting the side of the interface of the fixed display control in (b) of FIG. 9, in the direction perpendicular to the bottom (parallel to the side), both the second display area 140 and the third display area 150 can display more information, so that the user can obtain more information and improve the user experience.

[0189] It should be noted that in the interfaces shown in FIG. 8 and FIG. 9, the content exceeding the height of one screen can be scrolled up and down to update the content displayed by the display area. It should be understood that when the displayed content is switched, it is not necessarily required to be scrolled in the up-down manner.

[0190] For example, the content in the second display area 140 in the interface shown in (d) of FIG. 8 and the interface shown in FIG. 9 is fixed, and it can also be understood that the content of the second display area 140 cannot be switched. For the third display area 150, the content of the third display area 150 can be switched by scrolling to update the displayed content. Alternatively, the first top area 110 and the second top area 130 in the embodiments of the present application can remain fixed, for example, when the content displayed by the first display area 120 changes, the content of the first top area 110 can remain unchanged, and the content of the first top area 110 also does not support scrolling switching in response to user operations; for example, when the content displayed by the second display area 140 or the third display area 150 changes, the content of the second top area 130 can remain unchanged, and the content of the second top area 130 also does not support scrolling switching in response to user operations. In another possible implementation, at least one of the first top area 110 or the second top area 130 supports updating of the displayed content, for example, at least one of the first top area 110 or the second top area 130 can also update the displayed content in response to user operations. For example, the updated content of the first top area 110 or the second top area 130 can be, for example, updating the background picture, etc., which is not limited herein.

[0191] It should be understood that, in the case that the electronic device is in a wide screen, display regions other than the second display region 140 and the third display region 150, such as a fourth region, a fifth region, etc., can also be displayed, and are not limited to two display regions.

[0192] It should be understood that the interface as shown in (a) of FIG. 8 can also include one region, such as including the first display region 120 and not including the first top region 110. The interface as shown in (e) of FIG. 8 can also include two regions, such as including the second display region 140 and the third display region 150 and not including the second top region 130.

[0193] In the embodiments of the present application, the narrow screen device and the wide screen device can be understood as different states of the same electronic device, such as the narrow screen device being the electronic device in a folded state and the wide screen device being the electronic device in an unfolded state; or the narrow screen device and the wide screen device being two different devices, the total display region of the wide screen device being greater than the total display region of the narrow screen device, such as at least one of the length or the width of the wide screen device being greater than that of the narrow screen device.

[0194] Optionally, the second display region 140 in FIG. 8 can be, for example, the display region 2 of the wide screen device, and the second display region 140 in the embodiments of the present application can refer to the description of the display region 2 of the wide screen device. The third display region 150 can be, for example, the display region 3 of the wide screen device, and the third display region 150 in the embodiments of the present application can refer to the description of the display region 3 of the wide screen device, which is not described herein again.

[0195] It should be noted that the interfaces shown in FIGS. 8 and 9 are interfaces of travel application programs. In the interfaces of other types of application programs, such as payment application programs, shopping application programs, or reading application programs, the display of the interfaces can also be in a similar manner as shown in FIGS. 8 and 9, which is not described herein again.

[0196] Taking a payment application program as an example, the content displayed in each region of the interface of the payment application program is different from the content displayed in each region of the interface of the travel application program. For example, the top region of the payment application program can be provided with payment-related controls, such as a scan-to-pay control, a payment control, a travel control, and a card package control. In addition, the first display region and the second display region of the interface of the payment application program can display controls related to consumption or life, such as a query control of an electronic social security card, a query control of public accumulation funds, a transfer control, and a query control of investment information.

[0197] Taking a shopping application as an example, the content displayed in each region of the interface of the shopping application is different from the content displayed in each region of the interface of the travel application. For example, the top region of the shopping application can be provided with a picture of a commodity, a price of the commodity, activity information of the commodity, and detailed information of the commodity, and the like. In addition, the first display region and the second display region in the interface of the shopping application can display controls related to shopping, such as a shopping cart adding control, an immediate purchase control, a delivery address selection control, an evaluation viewing control, a store entering control, and the like.

[0198] It should be understood that the content displayed in each region of the interface of the application is related to the actual interface layout of the application, and the above content description is only an example, and embodiments of the application do not limit the specific content displayed in the interface of the application.

[0199] Please refer to FIG. 10, which is a flowchart of an interface display method provided by an embodiment of the application. The method of the embodiment of the application can be applied to an electronic device, which includes a first side edge and a second side edge connected to each other, a direction parallel to the first side edge is a first direction, and a direction parallel to the second side edge is a second direction. For example, the first side edge can be a side edge parallel to the ground, and the second side edge can be a side edge perpendicular to the ground, in other words, the second side edge can be a side edge held by a user when the user holds the electronic device. The method shown in FIG. 10 can include the following steps:

[0200] S1001, in response to an operation on a first application, a first interface is displayed, the first interface includes a first region and a second region, the first region and the second region are side-by-side non-overlapping regions in the first direction, the first region displays first content of the first application, and the second region displays second content of the first application.

[0201] The first application can be an application installed on the electronic device, for example, a travel application, a payment application, or a shopping application, and the like, and embodiments of the application do not limit the specific application. The operation on the first application can be an operation of starting the first application, or can be understood as an operation of making the first application run in the foreground. For example, the operation on the first application can be a click operation on the first application on the desktop, and the desktop can also display icons of second applications, third applications, and other applications. The first interface can be an interface when the application is started, or can be understood as a main interface of the application. In the embodiments of the application, the displayed content can include but is not limited to functional controls (such as a scan-to-pay control, a ticket query control), or picture elements, and the like.

[0202] For example, the first interface of the embodiment of the present application can be the interface displayed in Fig. 3, (b) in Fig. 4, (a) in Fig. 5, Fig. 6, (d) in Fig. 8 or Fig. 9. For the interface shown in Fig. 3, the first area can be, for example, the display area 2, and the first area can refer to the description of the display area 2, which is not repeated here. The second area can be, for example, the display area 3, and the second area can refer to the description of the display area 3, which is not repeated here. Correspondingly, the first content can be, for example, the content displayed by the display area 2, and the second content can be, for example, the content displayed by the display area 3. For the interface shown in (d) in Fig. 8, the first area can be, for example, the second display area 140, and the first area can refer to the description of the second display area 140, which is not repeated here. The second area can be, for example, the third display area 150, and the second area can refer to the description of the third display area 150, which is not repeated here. Correspondingly, the first content can be, for example, the content displayed by the second display area 140, and the second content can be, for example, the content displayed by the third display area 150.

[0203] It should be understood that the first area and the second area can also be interchanged, for example, the first area is the display area 3 and the second area is the display area 2, and for example, the first area is the third display area 150 and the second area is the second display area 140.

[0204] S1002, in response to the first operation on the second area, a second interface is displayed, the second area in the second interface displays third content of the first application and does not display the second content, the second area in the first interface does not display the third content, the first operation includes a sliding operation in a second direction, and the first content, the second content and the third content belong to the same page.

[0205] The second interface can be the interface displayed in response to the first operation on the second area. In the embodiment of the present application, the first operation can be used to change or update the content displayed by the second area. The second area in the second interface displays the third content of the first application and does not display the second content, and the second area in the first interface does not display the third content, which means that the content displayed by the second area in the second interface is updated compared with the content displayed by the second area in the first interface. The first content, the second content and the third content belong to the same page, in other words, the first content, the second content and the third content correspond to the same page identifier.

[0206] It should be noted that in the embodiment of the present application, the A content and the B content belong to the same page, which can also be understood as the A content and the B content corresponding to the same page identifier, and the following embodiments will not be repeated.

[0207] For example, the second interface can refer to the description of (b) in Fig. 5.

[0208] In the embodiment of the present application, by displaying the first interface in response to the operation on the first application, the first interface includes a plurality of regions (for example, the first region and the second region), the first region and the second region are non-overlapping regions in a side-by-side manner in the first direction, the first region displays the first content of the first application, and the second region displays the second content of the first application, then, in response to the first operation on the second region, the second interface is displayed, the second region in the second interface displays the third content of the first application and does not display the second content, and the second region in the first interface does not display the third content, that is, the content displayed by the second region is updated, and the updated content and the content before the update are the content of the same page, that is, the embodiment of the present application can display the content of the same page in different regions, so that more content can be displayed on a wide screen device, and the interface display effect of the application program on the wide screen device is improved.

[0209] In another possible implementation, if all the content required to be displayed by the interface of the application program is less, the content displayed by each region in the embodiment of the present application can also not support change or update, which is related to the actual situation and is not limited here.

[0210] In a possible implementation, the method for displaying the interface can further include:

[0211] In response to the second operation on the first region, the third interface is displayed, the first region in the third interface displays all the content of the first content, and the first region in the second interface displays part of the content of the first content, and the second operation includes a sliding operation in the second direction.

[0212] In the embodiment of the present application, if the first content displayed by the first region is incomplete, the content displayed by the first region supports updating, and the updating degree is the position of displaying all the complete content of the first content. That is, in the embodiment of the present application, if the length of the content displayed by the first region exceeds one screen, the first region can be scrolled up and down a little.

[0213] In the embodiment of the present application, by displaying the third interface in response to the second operation on the first region, the first region in the third interface displays all the content of the first content, and the first region in the second interface displays part of the content of the first content, that is, in the case that the content displayed by one of the regions is incomplete, the one region supports scrolling to switch the content to display the complete content, and the interface display effect is further improved.

[0214] In a possible implementation, the method for displaying the interface can further include:

[0215] In a case where a third operation for the first region is received, the second interface is kept displayed, and the third operation includes a sliding operation in the second direction.

[0216] The third operation can be an operation of updating the content displayed by the third region. For example, the process can be described with reference to (a) of FIG. 3.

[0217] In the embodiments of the present application, in a case where a third operation for the first region is received, the second interface is kept displayed, that is, the content displayed by the first region is fixed, and it can also be understood that the content displayed by the first region does not support updating. In this way, the situation that a user wants to update the content of the second region but mistakenly touches the first region to cause the content displayed by the first region to switch can be reduced, and the user experience can be improved.

[0218] In a possible implementation, the method for displaying the interface can further include:

[0219] In response to a fourth operation for the first region, a fourth interface is displayed, the first region in the fourth interface displays fourth content of the first application and does not display the first content, the first region in the second interface does not display the fourth content, the fourth content and the first content belong to the same page, and the fourth operation includes a sliding operation in the second direction.

[0220] The fourth operation can be an operation of updating the content displayed by the third region. For example, the fourth interface can be described with reference to (c) of FIG. 5, and details are not described herein.

[0221] In the embodiments of the present application, at least two regions in the interface of the application program support switching of content, which is beneficial for the user to switch the content displayed by the interface through different regions, thereby improving the flexibility of the user in switching the displayed content, and the user can also switch the displayed content by holding with one hand, for example, holding with the left hand to switch the displayed content by operating the region close to the left hand, and for example, holding with the right hand to switch the displayed content by operating the region close to the right hand.

[0222] In a possible implementation, the second interface further includes a background region, the background region displays a background image of the first application and / or a function control of the first application, at least part of the first region covers the background region, at least part of the second region covers the background region, the length of the first edge of the first region is less than or equal to the length of the second edge of the second region, and the first edge is parallel to the second direction and the second edge, respectively.

[0223] In the embodiments of the present application, at most part of the first region covers the background region, which can be understood as that part of the first region covers the background region or that the first region does not cover the background region. At most part of the second region covers the background region, which can be understood as that part of the second region covers the background region or that the second region does not cover the background region. In this way, the fusion display between the background region and the first region and the second region can be improved, thereby the display effect can be improved.

[0224] For example, the background region can be the second top region 130 as shown in (d) of the figure. The embodiments of the present application can refer to (d) of FIG. 8 and the description of FIG. 9.

[0225] It should be understood that the length of the first edge of the first region is less than the length of the second edge of the second region, and then the second region can display more content. The length of the first edge of the first region is less than the length of the second edge of the second region, and then the same edge of the background region can be adjacent to the first region and the second region respectively, thereby the display effect of the interface can be improved.

[0226] In another possible implementation, at least one of the first region and the second region entirely covers the background region, so that the content that can be displayed by the first region and / or the second region covering the background region can be improved.

[0227] In a possible implementation, the second interface further includes a third region, the third region and the second region are side-by-side non-overlapping regions in the first direction, the third region in the second interface displays fifth content of the first application, the fifth content and the first content belong to the same page, and the method further includes:

[0228] In the case where the fifth operation for the third region is received, the second interface is kept displayed, and the fifth operation includes a sliding operation in the second direction. Alternatively, in response to the sixth operation for the third region, the fifth interface is displayed, the third region in the fifth interface displays sixth content of the first application and does not display the fifth content, the first region in the second interface does not display the sixth content, the sixth content and the fifth content belong to the same page, and the sixth operation includes a sliding operation in the second direction.

[0229] The fifth operation and the sixth operation can be operations of changing the content displayed by the third region. In the embodiment, the third region in the second interface displays the fifth content of the first application, the third region in the fifth interface displays the sixth content of the first application and does not display the fifth content, and the first region in the second interface does not display the sixth content. It is indicated that the content displayed by the third region can be changed. The content of the third region can be changed, and the content of the second region can be changed. Details are not described herein again. In a case where the fifth operation for the third region is received, the second interface is kept displayed. Details of the content kept displayed by the first region are not described herein again.

[0230] For example, the third region can be the display region 4 in (c) of FIG. 3.

[0231] In the embodiment, the second interface further includes a third region, and the third region in the second interface displays the fifth content of the first application. More regions can be displayed in the application interface, and more content of the application belonging to the same page can be displayed. In this way, more content can be displayed for the user, and the user experience is improved.

[0232] It should be understood that, if the second interface is kept displayed in a case where the fifth operation for the third region is received, the situation of displaying switched content due to a mis-touch can be reduced. If the fifth interface is displayed in response to the sixth operation for the third region, the third region in the fifth interface displays the sixth content of the first application and does not display the fifth content, and the first region in the second interface does not display the sixth content. In this way, the user can switch the displayed content through different regions, and the user experience is improved.

[0233] It should be understood that the second interface can further include more regions, and the number of regions in the second interface is not limited in the embodiment.

[0234] In another possible implementation, only the first region and the second region can be displayed. In this way, the size of the content displayed by the first region and the second region can be increased, and the content of the interface of the application can be viewed by myopic or presbyopic users.

[0235] In a possible implementation, the second content and the third content correspond to the same content type information, the first content and the second content correspond to different content type information, the content type information includes priority information of the content and / or a type identifier of the content, the priority of the content is positively correlated with the number or frequency of times that the content is selected, and the type identifier is predefined.

[0236] The content type information is used to indicate the type of the content. In the embodiments of the present application, the content of the application is classified according to a certain classification manner, the content belonging to the same type is displayed in the same region, and the content belonging to different types is displayed in different regions, which is beneficial to the management of the content displayed in each region. The type identifier can be classified according to the function or role of the content, for example, the content used for display, such as pictures, is classified into one type, the content used for performing a specific function is classified into another type, and the content used for viewing comments or purchasing related products is classified into another type, which is not limited herein.

[0237] In another possible implementation manner, the content required to be displayed in each region can also be determined in other manners, for example, randomly set, which is not limited herein.

[0238] In a possible implementation manner, the first region in the second interface further displays seventh content of the first application, the first region includes a fourth region for displaying the seventh content, and the method further includes:

[0239] In response to a seventh operation on the fourth region, a sixth interface is displayed, the fourth region in the sixth interface displays eighth content of the first application and does not display the seventh content, the fourth region in the second interface does not display the eighth content, the eighth content, the seventh content and the first content belong to the same page, and the seventh operation includes a sliding operation in the first direction.

[0240] The seventh operation can be an operation of replacing the content displayed in the fourth region. For example, the fourth region can be a region including the time table control, the car reservation control, the hotel accommodation control and the local specialty control in (d) of FIG. 8.

[0241] In the embodiments of the present application, not only the content switching display in the second direction is supported, but also the content switching display in the first direction is supported, which can improve the flexibility of the content switching display.

[0242] In another possible implementation manner, the fourth region can also not be required, that is, only the scrolling in one direction is supported to perform the content switching display, which can reduce the mis-touching situation.

[0243] In a possible implementation manner, the interface display method further includes:

[0244] In response to the eighth operation on the second interface, a seventh interface is displayed, the number of regions in the seventh interface is greater than the number of regions in the second interface, the seventh interface includes a fifth region, a sixth region and a seventh region, the fifth region, the sixth region and the seventh region are side-by-side non-overlapping regions in the first direction, the fifth region displays the first content, the sixth region displays the third content, and the seventh region displays ninth content of the first application, the ninth content and the first content belong to the same page. In response to a ninth operation on the seventh interface, the second interface is displayed.

[0245] The eighth operation can be an operation of changing the number of regions in the interface. In the embodiments of the present application, the eighth operation refers to an operation of increasing the number of regions. The eighth operation can be, for example, a multi-finger release operation. In another possible implementation, the eighth operation can also be an operation of reducing the number of regions, in which case the eighth operation can be, for example, a multi-finger pinch operation. The ninth operation can be an operation of exiting the configuration.

[0246] For example, the second interface in the embodiments of the present application can be the interface shown in (a) of FIG. 6, the eighth operation can be, for example, the operation shown in (b) of FIG. 6, and the seventh interface can be, for example, the interface shown in (c) of FIG. 6. The fifth region, the sixth region and the seventh region can be, for example, the regions shown in (c) of FIG. 6. It should be understood that the seventh interface can also include other regions, and is not limited to three regions, as long as the number of regions in the seventh interface is greater than the number of regions in the second interface, which is not limited herein.

[0247] In the embodiments of the present application, the number of regions displayed by the interface can be updated by the eighth operation on the second interface, thereby improving the flexibility of the interface display and the efficiency of switching the number of regions.

[0248] In another possible implementation, the number of regions in the interface can be fixed, which can reduce the change of the number of regions caused by accidental touch.

[0249] In a possible implementation, the interface display method further includes:

[0250] In response to the tenth operation on the second interface, the eighth interface is displayed, the eighth interface including a first configuration option and a second configuration option, the first configuration option being used to configure the first region and the second region in the interface, the second configuration option being used to configure the fifth region, the sixth region and the seventh region in the interface, the fifth region, the sixth region and the seventh region being non-overlapping regions in a side-by-side manner in the first direction, and the number of regions configured by the second configuration option being greater than the number of regions configured by the first configuration option. In response to an operation on the second configuration option, the seventh interface is displayed, the seventh interface including the fifth region, the sixth region and the seventh region, the fifth region displaying the first content, the sixth region displaying the third content, and the seventh region displaying the ninth content of the first application, the ninth content belonging to the same page as the first content.

[0251] The tenth operation can be an operation of changing the number of regions in the interface. The operation on the second configuration option can be a click operation on the second configuration option.

[0252] For example, the eighth interface can be, for example, the interface shown in (b) of FIG. 7. The first configuration option can be, for example, configuration option 1, and the second configuration option can be, for example, configuration option 2. The seventh interface can be, for example, the interface shown in (i) of FIG. 7.

[0253] In the embodiments of the present application, the interface including the configuration options can be displayed first, and then the user can select the regions to be configured in the interface of the configuration options, so that the configuration flexibility of the regions displayed by the interface can be improved, and the user experience can be improved.

[0254] In a possible implementation, the interface display method further includes:

[0255] In response to the tenth operation on the second interface, a eighth interface is displayed, the eighth interface includes a first configuration option and a second configuration option, the first configuration option is used for configuring the first region and the second region in the interface, the second configuration option is used for configuring the fifth region, the sixth region and the seventh region in the interface, the fifth region, the sixth region and the seventh region are non-overlapping regions in a side-by-side manner in the first direction, and the number of regions configured by the second configuration option is greater than the number of regions configured by the first configuration option. Then, in response to an operation on the second configuration option, a ninth interface is displayed, the ninth interface includes the fifth region, the sixth region and the seventh region, none of the fifth region, the sixth region and the seventh region displays content, and the ninth interface displays a plurality of contents of the first application, the plurality of contents belong to a same page. Then, in response to an eleventh operation on the tenth content in the plurality of contents, the tenth content is displayed in the fifth region, and the eleventh operation includes an operation of dragging the tenth content to the fifth region. In response to a twelfth operation on the ninth interface, a tenth interface is displayed, the fifth region in the tenth interface displays the tenth content, the sixth region in the tenth interface and the seventh region in the tenth interface display other contents of the first application except the tenth content, and the other contents belong to the same page as the tenth content.

[0256] The eleventh operation can be an operation of selecting the content. Alternatively, the eleventh operation can include a drag operation acting on the tenth content or a click operation acting on the tenth content. The twelfth operation can be an operation of exiting the configuration.

[0257] For example, the ninth interface can be, for example, the interface shown in (d) of FIG. 7, and the tenth content can be, for example, one of the contents shown in (d) of FIG. 7. The tenth interface can be, for example, the interface shown in (i) of FIG. 7. The tenth content can be, for example, content 1.

[0258] In the embodiments of the present application, not only the regions displayed by the interface can be configured, but also the content displayed by the region can be configured, so that the flexibility of the configuration can be improved, and the user experience can be improved.

[0259] In a possible implementation, the ninth interface further includes an eighth region used for displaying the plurality of contents, and before the tenth interface is displayed in response to the twelfth operation on the ninth interface, the method further includes:

[0260] In response to a thirteenth operation on the eighth region, an eleventh content is displayed in the eighth region, the plurality of contents do not include the eleventh content, and the eleventh content belongs to a same page as any content in the plurality of contents. In response to a fourteenth operation on the eleventh content, the eleventh content is displayed in the fifth region, and the fourteenth operation includes an operation of dragging the eleventh content to the fifth region. The fifth region in the tenth interface further displays the eleventh content.

[0261] The thirteenth operation can be an operation of updating the content displayed in the eighth region. Alternatively, the thirteenth operation can include a sliding operation acting on the eighth region. The fourteenth operation can be an operation of configuring the displayed content of the interface to be displayed in a region in the interface.

[0262] For example, the eleventh content can be content 9.

[0263] In the embodiments of the present application, if the content configured in the regions cannot be all displayed on one interface, if some content is configured by the user but not displayed on the current interface, the user can display the content to be configured by a sliding operation, and then drag the displayed content to one region, so that the display of all content of the application can be configured, which is beneficial to improve the user experience.

[0264] In another possible implementation, after the configuration options are configured, the content can be allocated to the regions in the selected configuration options according to certain rules, for example, the content is divided into regions according to the type of the content, which is not limited here.

[0265] In a possible implementation, the eighth interface further includes a third configuration option and / or a fourth configuration option, the third configuration option is used to configure a ninth region and a tenth region in the interface, the ninth region and the tenth region are side-by-side non-overlapping regions in the second direction, the fourth configuration option is used to configure an eleventh region, a twelfth region and a thirteenth region in the interface, the eleventh region, the twelfth region and the thirteenth region are side-by-side non-overlapping regions in the second direction, and the number of regions configured by the fourth configuration option is greater than the number of regions configured by the third configuration option.

[0266] For example, the third configuration option can be, for example, the configuration option 3 of (b) in FIG. 7, and the fourth configuration option can be, for example, the configuration option 4.

[0267] In the embodiments of the present application, the configuration option can also include regions in other scrolling directions, so that the user can have more configuration options to choose from, thereby improving the user experience.

[0268] The embodiments of the present application provide another interface display method. The method of the embodiments of the present application can be applied to an electronic device, the electronic device has a first state and a second state, the displayable area of the electronic device in the second state is greater than the displayable area of the electronic device in the first state, the electronic device can have a folding screen, the folding screens in the first state and the second state have different degrees of unfolding, and the degree of unfolding corresponding to the first state is less than the degree of unfolding corresponding to the second state. For example, the electronic device in the first state can be, for example, the state of the electronic device shown in (a)-(c) in FIG. 8, and the electronic device in the second state can be, for example, the state of the electronic device shown in (d) in FIG. 8.

[0269] The interface display method of the embodiments of the present application comprises:

[0270] S1101, in the case where the electronic device is in a first state, in response to an operation on a first application, a eleventh interface is displayed, the eleventh interface comprises a fourteenth area, and the fourteenth area displays first content of the first application.

[0271] Illustratively, the eleventh interface may, for example, be the interface shown in (a) of FIG. 8. The fourteenth area may, for example, be the area shown by the first display area 120 in FIG. 8.

[0272] S1102, in response to an operation on the fourteenth area, a twelfth interface is displayed, the fourteenth area in the twelfth interface displays second content of the first application and does not display the first content, the fourteenth area in the eleventh interface does not display the second content, and the first content and the second content belong to the same page.

[0273] Illustratively, the twelfth interface may, for example, be the interface shown in (c) of FIG. 8.

[0274] S1103, in the case where the electronic device switches from the first state to a second state, a thirteenth interface is displayed, the thirteenth interface comprises a fifteenth area and a sixteenth area, the fifteenth area displays the first content, and the sixteenth area displays the second content.

[0275] Illustratively, the thirteenth interface may, for example, be the interface shown in (d) of FIG. 8. The fifteenth area may, for example, be the second display area 140, and the sixteenth area may, for example, be the third display area 150. Alternatively, the fifteenth area may, for example, be the third display area 150, and the sixteenth area may, for example, be the second display area 140.

[0276] In the embodiments of the present application, when the electronic device switches states, for example, switches from the first state to the second state, the number of display areas in the second state is greater than the number of display areas in the first state. Thus, when the electronic device switches from the narrow screen state to the wide screen state, more content can be displayed, which is conducive to improving the interface display effect of the application program.

[0277] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data for analysis, stored data, displayed data, etc.) involved in the present application are all information and data authorized by the user or authorized by all parties, and the collection, use and processing of related data need to comply with relevant laws, regulations and standards of relevant countries and regions, and provide corresponding operation portal for user to select authorization or refusal.

[0278] It should also be understood that the various steps in the various embodiments described above can also be coupled in other ways than those described, and the application is not limited in this regard. Also, the size of the various processes of the above-described processes can not be indicative of the order in which the processes are executed, and the order of execution of the processes should be determined by their function and inherent logic, and should not constitute any limitation on the implementation of the embodiments of the application.

[0279] The embodiments of the application also propose an interface display device, which can execute the steps of the above-mentioned method embodiments. For example, the interface display device comprises a first module and a second module, the first module is configured to display a first interface in response to an operation on a first application, the first interface comprises a first region and a second region, the first region and the second region are non-overlapping regions in a side-by-side manner in a first direction, the first region displays first content of the first application, and the second region displays second content of the first application, and the second module is configured to display a second interface in response to a first operation on the second region, the second region in the second interface displays third content of the first application and does not display the second content, and the second region in the first interface does not display the third content, the first operation comprises a sliding operation in a second direction, and the first content, the second content and the third content belong to a same page. For another example, the first module is configured to display an eleventh interface in response to an operation on the first application in a case where the electronic device is in a first state, the eleventh interface comprises a fourteenth region, the fourteenth region displays first content of the first application, and the second module is configured to display a twelfth interface in response to an operation on the fourteenth region, the fourteenth region in the twelfth interface displays second content of the first application and does not display the first content, and the fourteenth region in the eleventh interface does not display the second content, the first content and the second content belong to a same page, and the second module is configured to display a thirteenth interface in a case where the electronic device switches from the first state to a second state, the thirteenth interface comprises a fifteenth region and a sixteenth region, the fifteenth region displays the first content, and the sixteenth region displays the second content.

[0280] The steps performed by the interface display device can refer to the description of the method embodiments, which will not be repeated here.

[0281] It should be understood that the steps performed by the device of the embodiments of the application can refer to the description of the above method embodiments, which will not be repeated here.

[0282] It should be understood that the apparatuses herein are embodied in the form of function modules. The term "module" herein can refer to an application specific integrated circuit (ASIC), an electronic circuit, a processor (shared, dedicated, or group) and memory that execute one or more software or firmware programs, a combinational logic circuit, and / or other suitable components that provide the described functionality. In an optional example, those skilled in the art can understand that the apparatuses can be embodied as the first electronic device, the second electronic device, or the fourth electronic device in the above-described embodiments, or the functions described in the above-described embodiments can be integrated in the apparatuses, and the apparatuses can be used to execute the respective processes and / or steps corresponding to the electronic devices or the servers in the above-described method embodiments. To avoid repetition, details are not described herein.

[0283] The apparatuses described above have the functions of implementing the corresponding steps of the electronic devices or the servers in the above-described methods; the above-described functions can be implemented by hardware, or by hardware executing corresponding software. The hardware or software includes one or more modules corresponding to the above-described functions.

[0284] In the embodiments of the present application, the apparatuses can also be chips or chip systems, for example, system on chip (SoC).

[0285] The embodiments of the present application further provide another schematic block diagram of an interface display apparatus. Referring to FIG. 11, the apparatus includes a processor 1201, a transceiver 1202, and a memory 1203. The processor 1201, the transceiver 1202, and the memory 1203 communicate with each other through internal connection paths. The memory 1203 is configured to store instructions, and the processor 1201 is configured to execute the instructions stored in the memory 1203 to control the transceiver 1202 to transmit and / or receive signals.

[0286] It should be understood that the apparatus can be embodied as the electronic device or the server in the above-mentioned embodiments, and can be used to perform the steps and / or processes corresponding to the electronic device or the server in the above-mentioned method embodiments. Optionally, the memory 1203 can include a read-only memory 1203 and a random access memory 1203, and provide instructions and data for the processor 1201. A part of the memory 1203 can also include a non-volatile random access memory 1203. For example, the memory 1203 can also store device type information. The processor 1201 can be used to execute the instructions stored in the memory 1203, and when the processor 1201 executes the instructions stored in the memory 1203, the processor 1201 is used to perform the steps and / or processes of the above-mentioned method embodiments. The transceiver 1202 can include a transmitter and a receiver, the transmitter can be used to implement the steps and / or processes corresponding to the transmitter 1202 for performing the sending actions, and the receiver can be used to implement the steps and / or processes corresponding to the receiver 1202 for performing the receiving actions.

[0287] It should be understood that in the embodiments of the present application, the processor 1201 can be a central processing unit (CPU), and the processor 1201 can also be other general-purpose processors 1201, digital signal processors 1201 (DSP), application-specific integrated circuits (ASIC), field programmable gate arrays (FPGA) or other programmable logic devices, discrete gate or transistor logic devices, discrete hardware components, etc. The general-purpose processor 1201 can be a microprocessor 1201 or the processor 1201 can also be any conventional processor 1201, etc.

[0288] In the implementation process, the steps of the above-mentioned method can be completed by the integrated logic circuit of hardware in the processor 1201 or the instructions in the form of software. The steps of the method disclosed in combination with the embodiments of the present application can be directly embodied as the execution completed by the hardware processor 1201, or executed by the combination of hardware and software modules in the processor 1201. The software module can be located in the random access memory 1203, the flash memory, the read-only memory 1203, the programmable read-only memory 1203 or the electrically erasable programmable memory 1203, the register or other mature storage media in the field. The storage medium is located in the memory 1203, and the processor 1201 executes the instructions in the memory 1203, and combines the hardware to complete the steps of the above-mentioned method. To avoid repetition, it will not be described in detail here.

[0289] The embodiment of the present application further provides an interface display system, comprising a terminal device and a server. The steps performed by the terminal device and the server can refer to the description of the method embodiment, which will not be repeated here. In a possible implementation, the system can also comprise two electronic devices, for example, a first electronic device and a second electronic device.

[0290] The embodiment of the present application further provides a computer readable storage medium for storing a computer program for implementing the method shown in the above method embodiment.

[0291] The embodiment of the present application further provides a computer program product, which comprises a computer program (also referred to as code or instructions), and when the computer program runs on a computer, the computer can execute the method shown in the above method embodiment.

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

[0293] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working process of the system, device and unit described above can refer to the corresponding process in the foregoing method embodiments, which will not be repeated here.

[0294] In several embodiments provided in the present application, it should be understood that the disclosed system, device and method can be realized by other ways. For example, the device embodiments described above are only schematic, for example, the division of units is only a logical function division, and actual implementation can have another division manner, for example, a plurality of units or components can be combined or integrated into another system, or some features can be ignored or not executed. In addition, the coupling or direct coupling or communication connection between the units shown or discussed can be indirect coupling or communication connection through some interface, device or unit, and can be electrical, mechanical or other forms.

[0295] The units described as separate components can or can not be physically separate, and the components shown as units can or can not be physical units, that is, they can be located in one place, or can be distributed on a plurality of network units. According to actual needs, part or all of the units can be selected to achieve the purpose of the embodiment of the present application.

[0296] In addition, each functional unit in each embodiment of the present application can be integrated in one processing unit, or each unit can exist physically, or two or more units can be integrated in one unit.

[0297] If the functions are implemented in the form of software functional units and sold or used as independent products, they can be stored in a computer readable storage medium. Based on this understanding, the technical solutions of the present application can be embodied in the form of a software product. The computer software product is stored in a storage medium and includes a number of instructions for causing a computer device (which can be a personal computer, a server, or a network device, etc.) to execute all or part of the steps of the embodiments of the present application. The aforementioned storage medium includes: a U disk, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, and various media that can store program codes.

Claims

An interface display method characterized by comprising: The method is applied to an electronic device, the electronic device comprising a first side edge and a second side edge, a first direction being parallel to the first side edge, and a second direction being parallel to the second side edge, the method comprising: displaying, in response to an operation for a first application, a first interface, the first interface comprising a first region and a second region, the first region and the second region being non-overlapping regions side by side in the first direction, the first region displaying first content of the first application, and the second region displaying second content of the first application; displaying, in response to a first operation for the second region, a second interface, the second region in the second interface displaying third content of the first application and not displaying the second content, the second region in the first interface not displaying the third content, the first content, the second content and the third content belonging to a same page. The method of claim 1, wherein The method further comprises: displaying, in response to a second operation for the first region, a third interface, the first region in the third interface displaying all of the first content, the first region in the second interface displaying part of the first content, the second operation comprising a sliding operation in the second direction; or, in a case where a third operation for the first region is received, maintaining display of the second interface, the third operation comprising a sliding operation in the second direction; or, displaying, in response to a fourth operation for the first region, a fourth interface, the first region in the fourth interface displaying fourth content of the first application and not displaying the first content, the first region in the second interface not displaying the fourth content, the fourth content and the first content belonging to a same page, the fourth operation comprising a sliding operation in the second direction. The method according to claim 2, characterized in that The second interface further comprises a background region, the background region displaying a background image of the first application and / or a function control of the first application, wherein at most part of the first region covers the background region, at most part of the second region covers the background region, a length of a first edge of the first region is less than or equal to a length of a second edge of the second region, the first edge being parallel to the second direction and the second edge respectively. The method according to any one of claims 1-3, characterized in that The second interface further comprises a third region, the third region and the second region being non-overlapping regions side by side in the first direction, the third region in the second interface displaying fifth content of the first application, the fifth content and the first content belonging to a same page, the method further comprising: in a case where a fifth operation for the third region is received, maintaining display of the second interface, the fifth operation comprising a sliding operation in the second direction; or, In response to a sixth operation on the third region, a fifth interface is displayed, the third region in the fifth interface displays sixth content of the first application and does not display the fifth content, the first region in the second interface does not display the sixth content, the sixth content and the fifth content belong to a same page, and the sixth operation includes a sliding operation in the second direction. The method according to any one of claims 1-4, characterized in that The second content and the third content correspond to same content type information, the first content and the second content correspond to different content type information, the content type information includes priority information of content and / or type identification of content, for each content, the priority of the content is positively correlated with the number or frequency of times that the content is selected, and the type identification is predefined. The method according to any one of claims 1-5, characterized in that The first region in the second interface further displays seventh content of the first application, the first region includes a fourth region for displaying the seventh content, and the method further includes: In response to a seventh operation on the fourth region, a sixth interface is displayed, the fourth region in the sixth interface displays eighth content of the first application and does not display the seventh content, the fourth region in the second interface does not display the eighth content, the eighth content, the seventh content and the first content belong to a same page, and the seventh operation includes a sliding operation in the first direction. The method according to any one of claims 1-6, characterized in that The method further includes: In response to an eighth operation on the second interface, a seventh interface is displayed, a number of regions in the seventh interface is greater than a number of regions in the second interface, the seventh interface includes a fifth region, a sixth region and a seventh region, the fifth region, the sixth region and the seventh region are side-by-side non-overlapping regions in the first direction, the fifth region displays the first content, the sixth region displays the third content, and the seventh region displays ninth content of the first application, the ninth content and the first content belonging to a same page. In response to a ninth operation on the seventh interface, the second interface is displayed. The method according to any one of claims 1-7, characterized in that The method further includes: In response to a tenth operation on the second interface, an eighth interface is displayed, the eighth interface includes a first configuration option and a second configuration option, the first configuration option is used for configuring the first region and the second region in an interface, and the second configuration option is used for configuring a fifth region, a sixth region and a seventh region in an interface, the fifth region, the sixth region and the seventh region are side-by-side non-overlapping regions in the first direction, and a number of regions configured by the second configuration option is greater than a number of regions configured by the first configuration option. In response to an operation on the second configuration option, a seventh interface is displayed, the seventh interface includes a fifth region, a sixth region and a seventh region, the fifth region displays the first content, the sixth region displays the third content, and the seventh region displays ninth content of the first application, the ninth content and the first content belonging to a same page. The method according to any one of claims 1-7, characterized in that The method further includes: displaying an eighth interface in response to a tenth operation on the second interface, the eighth interface comprising a first configuration option and a second configuration option, the first configuration option being used for configuring the first region and the second region in an interface, the second configuration option being used for configuring a fifth region, a sixth region and a seventh region in an interface, the fifth region, the sixth region and the seventh region being non-overlapping regions in a side-by-side manner in the first direction, a number of regions configured by the second configuration option being greater than a number of regions configured by the first configuration option; displaying a ninth interface in response to an operation on the second configuration option, the ninth interface comprising the fifth region, the sixth region and the seventh region, none of the fifth region, the sixth region and the seventh region displaying content, the ninth interface displaying a plurality of contents of the first application, the plurality of contents belonging to a same page; displaying the tenth content in the fifth region in response to an eleventh operation on a tenth content in the plurality of contents, the eleventh operation comprising an operation of dragging the tenth content to the fifth region; displaying a tenth interface in response to a twelfth operation on the ninth interface, the fifth region in the tenth interface displaying the tenth content, the sixth region in the tenth interface and the seventh region in the tenth interface displaying other contents of the first application than the tenth content, the other contents belonging to the same page as the tenth content. The method of claim 9, wherein The ninth interface further comprises an eighth region used for displaying the plurality of contents, and before displaying the tenth interface in response to the twelfth operation on the ninth interface, the method further comprises: displaying an eleventh content in the eighth region in response to a thirteenth operation on the eighth region, the plurality of contents not comprising the eleventh content, the eleventh content belonging to the same page as any content in the plurality of contents; displaying the eleventh content in the fifth region in response to a fourteenth operation on the eleventh content, the fourteenth operation comprising an operation of dragging the eleventh content to the fifth region; wherein the fifth region in the tenth interface further displays the eleventh content. The method according to any one of claims 8-10, characterized in that The eighth interface further comprises a third configuration option and / or a fourth configuration option, the third configuration option being used for configuring a ninth region and a tenth region in an interface, the ninth region and the tenth region being non-overlapping regions in a side-by-side manner in the second direction, the fourth configuration option being used for configuring an eleventh region, a twelfth region and a thirteenth region in an interface, the eleventh region, the twelfth region and the thirteenth region being non-overlapping regions in a side-by-side manner in the second direction, a number of regions configured by the fourth configuration option being greater than a number of regions configured by the third configuration option. An interface display method characterized by comprising: The method is applied to an electronic device, the electronic device having a first state and a second state, a displayable region of the electronic device in the second state being greater than a displayable region of the electronic device in the first state, the method comprising: In a case where the electronic device is in the first state, in response to an operation on a first application, a eleventh interface is displayed, the eleventh interface including a fourteenth region, the fourteenth region displaying first content of the first application; In response to an operation on the fourteenth region, a twelfth interface is displayed, the fourteenth region in the twelfth interface displaying second content of the first application and not displaying the first content, the fourteenth region in the eleventh interface not displaying the second content, the first content and the second content belonging to a same page; In a case where the electronic device switches from the first state to the second state, a thirteenth interface is displayed, the thirteenth interface including a fifteenth region and a sixteenth region, the fifteenth region displaying the first content, the sixteenth region displaying the second content. An interface display device characterized by comprising: Comprise: A processor coupled with the memory, the memory storing computer-executable instructions, the processor executing the computer-executable instructions stored by the memory to cause the processor to perform the method of any one of claims 1-11, or to perform the method of claim 12. A computer-readable storage medium, characterized by A computer program for storing instructions for implementing the method of any one of claims 1-11, or for implementing the method of claim 12. A computer program product comprising computer program code embodied therein, characterized in that, When the computer program code is run on a computer, it causes the computer to perform the method of any one of claims 1-11, or to perform the method of claim 12.

Images