Interface display method and device, equipment and storage medium

Abstract

The invention provides an interface display method and device, equipment and a storage medium, and the interface display method can comprise the steps: displaying a resource display page, displaying a tab bar displayed according to a first state in the resource display page, and displaying a plurality of function controls in the tab bar; and in response to a first operation of a user for the resource display page, the tab bar is displayed on the resource display page according to a second state, the size of the tab bar in the second state is smaller than that of the tab bar in the first state, and at least one function control in the multiple function controls is displayed in the tab bar in the second state. By implementing the method, the flexibility of tab bar display can be improved.

Description

Technical Field

[0001] The present application relates to the field of terminal technology, and in particular to an interface display method, device, equipment and storage medium. Background Art

[0002] The interface of a content sharing application usually displays a tab bar including multiple function controls, and the user can determine the multimedia resources displayed in the interface by selecting the function controls in the tab bar. In the related art, in order to facilitate the user to select the function controls in the tab bar, the tab bar is usually displayed in the interface with a fixed size, and the display method is not flexible enough. Summary of the invention

[0003] The present application provides an interface display method, apparatus, device and storage medium, which can improve the flexibility of label bar display.

[0004] A first aspect of an embodiment of the present application provides an interface display method, including:

[0005] Displaying a resource display page, wherein the resource display page displays a tab bar displayed in a first state, wherein the tab bar displays a plurality of function controls;

[0006] In response to a user's first operation on the resource display page, the tab bar is displayed on the resource display page in a second state, the size of the tab bar in the second state is smaller than the size of the tab bar in the first state, and at least one function control of the multiple function controls is displayed in the tab bar in the second state.

[0007] In the above technical solution, a tab bar displaying multiple function controls is first displayed in a first state with a larger size in a resource display page. When a first operation of a user on the resource display page is detected, the display state of the tab bar can be adjusted to a second state with a smaller size in response to the first operation, thereby improving the flexibility of the tab bar display.

[0008] In a possible embodiment, the label bar in the second state is in a ceiling display state.

[0009] In the above technical solution, the tab bar is reduced in size and displayed on the ceiling of the resource display page, so that the user can view the tab bar later.

[0010] In a possible embodiment, the tab bar in the second state is in a suspended display state.

[0011] In the above technical solution, the tab bar is reduced in size and displayed in a floating manner on the resource display page, so that the user can view the tab bar later.

[0012] In a possible embodiment, the transparency of the tab bar in the first state is less than or equal to a transparency threshold, and the transparency of the tab in the second state is greater than the transparency threshold.

[0013] In the above technical solution, in response to the first operation, the electronic device not only reduces the size of the tab bar, but also increases the transparency of the tab bar, which can further reduce the obstruction of the multimedia resources by the tab bar.

[0014] In a possible embodiment, displaying at least one function control among the plurality of function controls in the tab bar in the second state includes:

[0015] The number of function controls displayed in the tab bar in the second state is less than or equal to the number of function controls displayed in the tab bar in the first state.

[0016] In the above technical solution, the number of function controls displayed in the tab bar in the second state may be less than or equal to the number of function controls displayed in the tab bar in the first state, which is beneficial to further improve the flexibility of the tab bar display.

[0017] In a possible embodiment, the function controls displayed in the tab bar in the second state are determined according to the historical browsing records of the user within a first preset time period.

[0018] In the above technical solution, the function controls displayed in the tab bar in the second state are determined based on the user's historical browsing history within the first preset time period, so that the display of the function controls in the tab bar in the second state is more in line with the user's usage habits and the display of the tab bar is more personalized.

[0019] In a possible embodiment, the resource display page includes a resource display area, and the first operation includes:

[0020] Perform at least one swipe up operation on the resource display area.

[0021] In the above technical solution, the display state of the tab bar is adjusted based on at least one swipe-up operation on the resource display area, so that the adjustment of the tab bar is more reasonable and more in line with the actual needs of users.

[0022] In a possible embodiment, when the first operation includes performing multiple swipe-up operations on the resource display area, a time interval between two adjacent swipe-up operations is less than a first preset time interval.

[0023] In the above technical solution, when the first operation is multiple swipe-up operations on the resource display area, the time interval between two adjacent swipe-up operations is less than the first preset time interval, which can ensure the validity of each swipe-up operation.

[0024] In a possible embodiment, the first operation includes: an operation of selecting a target function control in the tab bar, wherein the target function control is a function control that is selected the most times within a second preset time period.

[0025] In the above technical solution, the display state of the tab bar is adjusted based on the selection operation on the target function control in the tab bar, so that the adjustment of the tab bar can be more reasonable and more in line with the actual needs of users.

[0026] In a possible embodiment, the resource display page includes a plurality of preview windows of multimedia resources, and the first operation includes:

[0027] For the selection operation of the preview window of the first multimedia resource, the first multimedia resource is a multimedia resource corresponding to the target user account, and the target user account is any one of the following:

[0028] User accounts followed by the user;

[0029] a user account corresponding to a target multimedia resource whose total number of historical browsing times is greater than a threshold number of times, wherein the target multimedia resource is a multimedia resource published by the same user account;

[0030] User accounts whose number of followers is greater than the first threshold;

[0031] A user account having a number of fans greater than a second threshold.

[0032] In the above technical solution, based on the selection operation of the preview window for the first multimedia resource corresponding to the user account, the display state of the tab bar is adjusted, so that the adjustment of the tab bar is more reasonable and more in line with the actual needs of the user.

[0033] In a possible embodiment, when the tab bar is in a suspended display state, the method further includes:

[0034] In response to a move operation on the tab bar, the tab bar is moved to a target position.

[0035] In the above technical solution, in response to a move operation on the tab bar, the tab bar is moved to a target position on the resource display page, further improving the personalization of the tab bar display.

[0036] In a possible embodiment, after the tab bar is displayed on the resource display page in the second state, the method further includes:

[0037] According to the browsing time of the user on the resource display page, the size of the tab bar is reduced and / or the transparency is increased; wherein, the longer the browsing time, the smaller the size of the tab bar and / or the greater the transparency of the tab bar.

[0038] In the above technical solution, after the tab bar is displayed in the second state, the electronic device can continue to reduce the size of the tab bar and / or increase the transparency of the tab bar based on the length of time the user browses the resource display page, thereby further reducing the visual interference of the tab bar to the user.

[0039] In a possible embodiment, after the tab bar is displayed on the resource display page in the second state, the method further includes:

[0040] displaying prompt information, wherein the prompt information is used to ask the user whether he likes the second state;

[0041] When it is determined that the user likes the second state, the second state is used as the default display state of the tab bar.

[0042] In the above technical solution, after the tab bar is displayed on the resource display page in the second state, it is possible to determine whether the user likes the second state by displaying prompt information. If the user likes the second state, the second state is used as the default display state of the tab bar, thereby making the display of the tab bar more flexible and more in line with the user's usage habits.

[0043] In a possible embodiment, after the tab bar is displayed on the resource display page in the second state, the method further includes:

[0044] In response to the second operation of the user on the resource display page, the tab bar is switched from the second state to the first state, and the first state is a ceiling display state.

[0045] In the above technical solution, when the bar is displayed on the resource display page in the second state, the tab bar can also be restored to its original size based on the second operation on the resource display page, further improving the flexibility of the tab bar display.

[0046] In a possible embodiment, the resource display page includes a resource display area, and the second operation includes:

[0047] Perform at least one sliding operation on the resource display area.

[0048] or,

[0049] A horizontal sliding operation is performed on the resource display area.

[0050] In the above technical solution, based on at least one swipe down operation or horizontal sliding operation on the resource display area, the tab bar is triggered to restore to its original size, so that the adjustment of the tab bar can be more reasonable and more in line with the actual needs of users.

[0051] In a possible embodiment, when the second operation includes performing multiple sliding operations on the resource display area, a time interval between two adjacent sliding operations is less than a second preset time interval.

[0052] In the above technical solution, when the second operation is multiple sliding operations on the resource display area, the time interval between two adjacent sliding operations is less than the second preset time interval, which can ensure the effectiveness of each sliding operation.

[0053] In a possible embodiment, the resource display page includes a display interface of a second multimedia resource, and the second operation includes:

[0054] A playback pause operation is performed on the second multimedia resource.

[0055] In the above technical solution, the tab bar is restored to its original size based on the playback pause operation on the second multimedia resource, so that the adjustment of the tab bar can be more reasonable and more in line with the actual needs of users.

[0056] A second aspect of an embodiment of the present application provides an interface display device, the device comprising:

[0057] A first display unit, configured to display a resource display page, wherein the resource display page displays a tab bar displayed in a first state, wherein the tab bar displays a plurality of function controls;

[0058] A second display unit is used to respond to a first operation of the user on the resource display page, and the tab bar is displayed on the resource display page in a second state. The size of the tab bar in the second state is smaller than the size of the tab bar in the first state. At least one function control of the multiple function controls is displayed in the tab bar in the second state.

[0059] In a possible embodiment, the label bar in the second state is in a ceiling display state.

[0060] In a possible embodiment, the tab bar in the second state is in a suspended display state.

[0061] In a possible embodiment, the transparency of the tab bar in the first state is less than or equal to a transparency threshold, and the transparency of the tab in the second state is greater than the transparency threshold.

[0062] In a possible embodiment, at least one function control among the multiple function controls is displayed in the tab bar in the second state, including: the number of function controls displayed in the tab bar in the second state is less than or equal to the number of function controls displayed in the tab bar in the first state.

[0063] In a possible embodiment, the function controls displayed in the tab bar in the second state are determined according to the historical browsing records of the user within a first preset time period.

[0064] In a possible embodiment, the resource display page includes a resource display area, and the first operation includes: performing at least one sliding up operation on the resource display area.

[0065] In a possible embodiment, when the first operation includes performing multiple swipe-up operations on the resource display area, a time interval between two adjacent swipe-up operations is less than a first preset time interval.

[0066] In a possible embodiment, the first operation includes: an operation of selecting a target function control in the tab bar, wherein the target function control is a function control that is selected the most times within a second preset time period.

[0067] In a possible embodiment, the resource display page includes preview windows of multiple multimedia resources, and the first operation includes: a selection operation on the preview window of a first multimedia resource, the first multimedia resource is a multimedia resource corresponding to a target user account, and the target user account is any one of the following:

[0068] User accounts that the current user follows;

[0069] The user account corresponding to the target multimedia resource whose total number of historical browsing times by the current user is greater than a threshold number of times, wherein the target multimedia resource is a multimedia resource published by the same user account;

[0070] User accounts whose number of followers is greater than the first threshold;

[0071] A user account having a number of fans greater than a second threshold.

[0072] In a possible embodiment, when the tab bar is in a suspended display state, the second display unit is further configured to move the tab bar to a target position in response to a move operation on the tab bar.

[0073] In a possible embodiment, the second display unit is also used to reduce the size of the tab bar and / or increase the transparency according to the browsing time of the resource display page by the user; wherein, the longer the browsing time, the smaller the size of the tab bar and / or the greater the transparency of the tab bar.

[0074] In a possible embodiment, the second display unit is also used to display prompt information, wherein the prompt information is used to ask the user whether he likes the second state; and when it is determined that the user likes the second state, the second state is used as the default display state of the tab bar.

[0075] In a possible embodiment, the second display unit is further used to switch the tab bar from the second state to the first state in response to the user's second operation on the resource display page, and the first state is a ceiling display state.

[0076] In a possible embodiment, the resource display page includes a resource display area, and the second operation includes:

[0077] Perform at least one sliding operation on the resource display area.

[0078] or,

[0079] A horizontal sliding operation is performed on the resource display area.

[0080] In a possible embodiment, when the second operation includes performing multiple sliding operations on the resource display area, a time interval between two adjacent sliding operations is less than a second preset time interval.

[0081] In a possible embodiment, the resource display page includes a display interface of a second multimedia resource, and the second operation includes:

[0082] A playback pause operation is performed on the second multimedia resource.

[0083] A third aspect of the embodiments of the present application provides an electronic device,

[0084] A memory storing executable program code;

[0085] and a processor coupled to the memory;

[0086] The processor calls the executable program code stored in the memory, and when the executable program code is executed by the processor, the processor implements the method disclosed in the first aspect of the embodiment of the present application.

[0087] A fourth aspect of an embodiment of the present application provides a computer-readable storage medium having executable program code stored thereon. When the executable program code is executed by a processor, the method disclosed in the first aspect of the embodiment of the present application is implemented.

[0088] The fifth aspect of the embodiments of the present application discloses a computer program product. When the computer program product runs on a computer, the computer executes the method disclosed in the first aspect of the embodiments of the present application.

[0089] A sixth aspect of an embodiment of the present application discloses an application publishing platform, which is used to publish a computer program product. When the computer program product runs on a computer, the computer executes the method disclosed in the first aspect of the embodiment of the present application.

[0090] It can be seen from the above technical solutions that the embodiments of the present application have at least the following advantages:

[0091] A resource display page is displayed, wherein a tab bar displayed in a first state is displayed on the resource display page, wherein a plurality of function controls are displayed in the tab bar; and, in response to a first operation of the user on the resource display page, the tab bar is displayed in a second state on the resource display page, wherein a size of the tab bar in the second state is smaller than a size of the tab bar in the first state, and at least one function control of the plurality of function controls is displayed in the tab bar in the second state.

[0092] By implementing this method, a tab bar displaying multiple function controls is first displayed in a first state with a larger size in a resource display page. When a first operation of a user on the resource display page is detected, the display state of the tab bar can be adjusted to a second state with a smaller size in response to the first operation, thereby improving the flexibility of the tab bar display. BRIEF DESCRIPTION OF THE DRAWINGS

[0093] Figure 1 It is a flowchart of the interface display method disclosed in the embodiment of the present application;

[0094] Figure 2A It is an adjustment diagram of the label bar disclosed in the embodiment of the present application;

[0095] Figure 2B It is another adjustment diagram of the label bar disclosed in the embodiment of the present application;

[0096] Figure 2C It is another adjustment diagram of the label bar disclosed in the embodiment of the present application;

[0097] Figure 2D It is another adjustment diagram of the label bar disclosed in the embodiment of the present application;

[0098] Figure 2E It is another adjustment diagram of the label bar disclosed in the embodiment of the present application;

[0099] Figure 3A It is a moving icon of the floating display tab bar disclosed in the embodiment of the present application;

[0100] Figure 3B It is another moving icon of the floating display tab bar disclosed in the embodiment of the present application;

[0101] Figure 3C It is another adjustment icon of the floating display tab bar disclosed in the embodiment of the present application;

[0102] Figure 3D It is an interface diagram for displaying prompt information disclosed in the embodiment of the present application;

[0103] Figure 4 It is another flowchart of the interface display method disclosed in the embodiment of the present application;

[0104] Figure 5 It is the adjustment icon of the tab bar when the first operation is two consecutive upward swipe operations on the resource display area;

[0105] Figure 6 It is another flowchart of the interface display method disclosed in the embodiment of the present application;

[0106] Figure 7 When the first operation is a selection operation on a target function control in the tab bar, the adjustment icon of the tab bar;

[0107] Figure 8 It is another flowchart of the interface display method disclosed in the embodiment of the present application;

[0108] Fig. 9 when the first operation is a selection operation on the preview window of the first multimedia resource, an adjustment icon of the tab bar;

[0109] Fig.10 It is another flowchart of the interface display method disclosed in the embodiment of the present application;

[0110] Fig.11A It is the adjustment icon of the tab bar when the second operation is two consecutive swipe operations on the resource display area;

[0111] Fig. 11B It is the adjustment icon of the tab bar when the second operation is a left swipe operation on the resource display area;

[0112] Fig. 11C when the second operation is a playback pause operation for a second multimedia resource, an adjustment icon of the tab bar;

[0113] Fig.12 It is a structural diagram of the interface display device disclosed in the embodiment of the present application;

[0114] Fig.13 It is a structural diagram of an electronic device disclosed in an embodiment of the present application. DETAILED DESCRIPTION

[0115] The present application provides an interface display method, apparatus, device and storage medium, which can improve the flexibility of label bar display.

[0116] In order to make the technical personnel in the technical field better understand the scheme of the present application, the technical scheme in the embodiment of the present application will be described below in conjunction with the drawings in the embodiment of the present application. Obviously, the described embodiment is only a part of the embodiment of the present application, not all of the embodiments. Based on the embodiments in the present application, they should all fall within the scope of protection of the present application.

[0117] It should be noted that, in this application, words such as "exemplarily" or "for example" are used to indicate examples, illustrations or explanations. Any embodiment or design described as "exemplarily" or "for example" in this application should not be interpreted as being more preferred or more advantageous than other embodiments or designs. Specifically, the use of words such as "exemplarily" or "for example" is intended to present related concepts in a specific way.

[0118] "At least one" means one or more, and "plurality" means two or more. "And / or" describes the association relationship of associated objects, indicating that three relationships may exist. For example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone, where A and B can be singular or plural. The character " / " generally indicates that the associated objects before and after are in an "or" relationship. "At least one of the following" or similar expressions refers to any combination of these items, including any combination of single or plural items. For example, at least one of a, b and c can mean: a, or b, or c, or a and b, or a and c, or b and c, or a, b and c, where a, b, c can be single or plural.

[0119] The tab bar is an important part of the user interface design in content sharing applications (such as short video applications or other comprehensive applications). The tab bar can be used to effectively organize and classify the content of the application. It is understandable that there are usually multiple function controls displayed in the tab bar. Different function controls are display entrances for different types of content. Users can trigger the corresponding content to be displayed in the interface by selecting any function control in the tab bar. It can be seen that the tab bar provides users with the convenience of quick navigation and switching between different types of content, allowing users to find the required content more conveniently. In the related art, the tab bar is usually displayed in the interface in a fixed size, and the display method is not flexible enough.

[0120] To solve this problem, the embodiments of the present application provide an interface display method, apparatus, device and storage medium, which can improve the flexibility of the tab bar display. Specifically, the interface display method may include: a tab bar displaying multiple function controls is initially displayed in a resource display page in a first state with a larger size, and when a user's first operation on the resource display page is detected, the display state of the tab bar can be adjusted to a second state with a smaller size in response to the first operation, thereby improving the flexibility of the tab bar display. In addition, adjusting the display state of the tab bar from a first state with a larger size to a second state with a smaller size reduces the area occupied by the tab bar in the interface, which is beneficial to reducing the probability of the tab bar blocking multimedia resources.

[0121] It should be noted that the interface display method disclosed in the embodiments of the present application is applicable to electronic devices, which may include general handheld screen electronic devices such as mobile phones, smart phones, portable terminals, terminals, personal digital assistants (PDA), portable multimedia players (Personal Media Player, PMP) devices, laptop computers, notebooks (Note Pad), wireless broadband (Wireless Broadband, Wibro) terminals, tablet computers (Personal Computer, PC) and smart PCs, etc.

[0122] Electronic devices may also include wearable devices. Wearable devices are portable electronic devices that can be worn directly on the user or integrated into the user's clothes or accessories. Wearable devices are not just hardware devices, but can also achieve powerful intelligent functions through software support, data interaction, and cloud server interaction, such as: computing function, positioning function, and alarm function. They can also be connected to mobile phones and various terminals. Wearable devices may include but are not limited to watches supported by the wrist (such as watches, wrists, etc.), shoes supported by the feet (such as shoes, socks, or other products worn on the legs), glasses supported by the head (such as glasses, helmets, headbands, etc.), as well as smart clothing, school bags, crutches, accessories and other non-mainstream product forms.

[0123] The following is an introduction to the interface display method provided in the embodiment of the present application in conjunction with a specific embodiment.

[0124] See also Figure 1 , Figure 1 It is a flowchart of the interface display method disclosed in the embodiment of this application. Figure 1 The interface display method shown may include the following steps:

[0125] 101. An electronic device displays a resource display page, wherein the resource display page displays a tab bar displayed in a first state, and the tab bar displays a plurality of function controls.

[0126] The resource display page is used to display multimedia resources, which may include but are not limited to at least one of the following: video, animation, text, picture, and audio.

[0127] It is understandable that, in addition to the tab bar, the resource display page may also include a resource display area, which can be used to display multimedia resources.

[0128] In some embodiments, the resource display area may include a display interface for a multimedia resource and / or preview windows for multiple multimedia resources, which is not limited in the embodiments of the present application.

[0129] When the resource display area includes a display interface of a multimedia resource, the user can control the display of the multimedia resource by operating the display interface of the multimedia resource. For example, when the multimedia resource is a video or animation, the playback of the multimedia resource can be paused, or the playback progress of the multimedia resource can be adjusted. For another example, when the multimedia resource is text or a picture, the picture or text can be turned.

[0130] When the resource display area includes preview windows of multiple multimedia resources, the user can trigger the corresponding multimedia resource to be displayed in the resource display area by selecting a preview window.

[0131] In the case where the resource display area includes preview windows of multiple multimedia resources, the preview windows of the multiple multimedia resources can be displayed in a single column or in multiple columns in the resource display area, for example, in two columns, three columns or four columns, etc., which is not limited in the embodiments of the present application.

[0132] In an embodiment of the present application, different function controls among the multiple function controls in the tab bar are display entrances for different types of multimedia resources. A user can select any function control in the tab bar to trigger a resource display page to display a type of multimedia resources corresponding to the function control.

[0133] Exemplarily, when the resource display page is a resource display page for other comprehensive applications, the multiple function controls in the tab bar may include function controls corresponding to travel-related multimedia resources, function controls corresponding to food-related multimedia resources, function controls corresponding to learning-related multimedia resources, function controls corresponding to funny-related multimedia resources, and function controls corresponding to art-related multimedia resources. When the user selects the function controls corresponding to food-related multimedia resources from the tab bar, the food-related multimedia resources are displayed on the resource display page.

[0134] For example, when the resource display page is a resource display page for a short video application, the multiple function controls in the tab bar may include function controls corresponding to works posted by friends, function controls corresponding to live broadcasts, function controls corresponding to works posted by user accounts followed by the user, and function controls corresponding to works posted by user accounts in the same city. When the user selects a function control corresponding to live broadcasts from the tab bar, the resource display page may display a display interface of a live broadcast room, or preview windows of multiple live broadcast rooms.

[0135] It should be noted that, by default, the designated function control in the tab bar is in a selected state, and the designated function control may be a function control preset by the application.

[0136] In some embodiments, when any function control in the tab bar is in a selected state, an underline may be displayed below the function control, or a mask may be displayed on the function control, or other methods may be used to mark it, which are not limited here.

[0137] In an embodiment of the present application, the first state may be a ceiling display state, in which the tab bar is fixed at the top of the resource display page and does not move with the scrolling of the resource display page.

[0138] Optionally, the first state may also be a bottom-sucking display state, in which the tab bar is fixed at the bottom of the resource display page and does not move with the scrolling of the resource display page.

[0139] It should be noted that the following embodiments are mainly introduced in the first state which is the state of ceiling display.

[0140] 102. In response to a first operation of a user on a resource display page, the electronic device displays a tab bar on the resource display page in a second state, wherein a size of the tab bar in the second state is smaller than a size of the tab bar in the first state, and at least one function control of multiple function controls is displayed in the tab bar in the second state.

[0141] In the embodiment of the present application, the first operation on the resource display page may be an operation on the tab bar or an operation on the resource display area, which is not limited in the embodiment of the present application.

[0142] The size of the tab bar in the second state is smaller than that of the tab bar in the first state, indicating that the display area of ​​the tab bar in the resource display page in the second state is smaller than the display area of ​​the tab bar in the resource display page in the first state, which helps to reduce the probability of the tab bar blocking multimedia resources.

[0143] In some embodiments, the number of function controls displayed in the tab bar in the second state may be less than or equal to the number of function controls displayed in the tab bar in the first state.

[0144] It should be noted that, when the number of function controls displayed in the tab bar in the second state is equal to the number of function controls displayed in the tab bar in the first state, the size of each function control displayed in the tab bar in the second state is smaller than the size of each function control displayed in the tab bar in the first state. When the number of function controls displayed in the tab bar in the second state is smaller than the number of function controls displayed in the tab bar in the first state, the size of each function control displayed in the tab bar in the second state is smaller than or equal to the size of each function control displayed in the tab bar in the first state.

[0145] When the number of function controls displayed in the tab bar in the second state is equal to the number of function controls displayed in the tab bar in the first state, the function controls displayed in the tab bar in the second state may be the same as or different from the function controls displayed in the tab bar in the first state, and this embodiment of the present application does not limit this.

[0146] The function controls displayed in the tab bar in the second state are different from the function controls displayed in the tab bar in the first state, which means that the function controls displayed in the tab bar in the second state include function controls that are not displayed in the tab bar in the first state. It is understandable that the number of function controls displayed in the tab bar is a preset number, the tab bar in the first state also includes hidden function controls, and the tab bar in the second state may display function controls that are hidden in the tab bar in the first state.

[0147] In an embodiment of the present application, the number of function controls displayed in the tab bar in the second state may be less than or equal to the number of function controls displayed in the tab bar in the first state, which is beneficial to further improve the flexibility of the tab bar display.

[0148] Optionally, the function controls displayed in the tab bar in the second state may be determined based on the user's historical browsing records within a first preset time period. The first preset time period may include, but is not limited to, the most recent week, the most recent month, or the most recent quarter. The historical browsing records may include the user's cumulative browsing time and / or average browsing time for the multimedia resources corresponding to each function control within the first preset time period.

[0149] It can be understood that, for each function control displayed in the tab bar in the second state, the cumulative browsing time of the user for the corresponding multimedia resource within the first preset time period is greater than the first time threshold, and / or the average browsing time of the user for the corresponding multimedia resource within the first preset time period is greater than the second time threshold.

[0150] Optionally, the function controls displayed in the tab bar in the second state may also be determined based on the cumulative number of times the user selects each function control within the third preset time period. It is understandable that, for each function control displayed in the tab bar in the second state, the cumulative number of times the user selects it within the third preset time period is greater than the number threshold.

[0151] It should be noted that the function controls displayed in the tab bar in the second state are determined based on the user's historical browsing records within the first preset time period, or based on the cumulative number of times the user selects each function control within a third preset time period. This can make the display of the function controls in the tab bar in the second state more in line with the user's usage habits and the display of the tab bar more personalized.

[0152] In the embodiment of the present application, the second state can be a ceiling display state or a suspended display state, which is not limited in the embodiment of the present application.

[0153] It is understandable that when the second state is ceiling display, the tab bar adjusts only the size, and when the second state is floating display, the tab bar adjusts not only the size but also the display mode.

[0154] For example, when the resource display area includes a display interface of multimedia resources and the second state is a ceiling display state, the adjustment icon of the tab bar can refer to 2A. Figure 2A The resource display page shown on the left includes a tab bar 201 and a resource display area 202, wherein the tab bar 201 is in a ceiling display state, and the resource display area 202 includes a display interface of multimedia resources. When the electronic device detects a first operation on the resource display page, it can reduce the size of the tab bar 201 in response to the first operation, and the tab bar 201 continues to be ceiling displayed, such as Figure 2A The resource display page on the right is shown. Figure 2A The number of function controls displayed in the tab bar 201 in the resource display page shown on the right is the same as Figure 2A The number of function controls displayed in the tab bar 201 in the resource display page shown on the left is the same.

[0155] For example, when the resource display area includes a preview window of a multimedia resource and the second state is a ceiling display state, the adjustment icon of the tab bar can refer to 2B. Figure 2B The resource display page shown on the left includes a tab bar 201 and a resource display area 202, wherein the tab bar 201 is in a ceiling display state, and the resource display area 202 includes a preview window of multimedia resources. When the electronic device detects a first operation on the resource display page, it can reduce the size of the tab bar 201 in response to the first operation, and the tab bar 201 continues to be ceiling displayed, such as Figure 2B The resource display page on the right is shown. Figure 2B The function controls displayed in the tab bar 201 in the resource display page shown on the right are less than Figure 2B The number of function controls displayed in the tab bar 201 in the resource display page shown on the left.

[0156] For example, when the resource display area includes a display interface of multimedia resources and the second state is a suspended display state, the adjustment icon of the tab bar can refer to 2C. Figure 2CThe resource display page shown on the left includes a tab bar 201 and a resource display area 202, wherein the tab bar 201 is in a ceiling display state, and the resource display area 202 includes a display interface of multimedia resources. When the electronic device detects a first operation on the resource display page, it can adjust the display mode of the tab bar 201 to a floating display and reduce the size of the tab bar 201 in response to the first operation, such as Figure 2C The resource display page on the right is shown. Figure 2C The number of function controls displayed in the tab bar 201 in the resource display page shown on the right is the same as Figure 2C The number of function controls displayed in the tab bar 201 in the resource display page shown on the left is the same.

[0157] For example, when the resource display area includes a preview window of a multimedia resource and the second state is a suspended display state, the adjustment icon of the tab bar can refer to 2D. Figure 2D The resource display page shown on the left includes a tab bar 201 and a resource display area 202, wherein the tab bar 201 is in a ceiling display state, and the resource display area 202 includes a preview window of multimedia resources. When the electronic device detects a first operation on the resource display page, it can adjust the display mode of the tab bar 201 to a floating display and reduce the size of the tab bar 201 in response to the first operation, such as Figure 2D As shown on the right side of the resource display page. Figure 2D The function controls displayed in the tab bar 201 in the resource display page shown on the right are less than Figure 2D The number of function controls displayed in the tab bar 201 in the resource display page shown on the left.

[0158] In some embodiments, the transparency of the tab bar in the first state is less than a transparency threshold, and the transparency of the tab bar in the second state is greater than or equal to the transparency threshold.

[0159] It should be noted that transparency can be used to measure the degree of coverage of the content below the tab bar. The greater the transparency, the less the content below the tab bar covers, and vice versa. Transparency can usually be a value between 0-1.

[0160] In the embodiment of the present application, the transparency threshold may be 0.5, 0.7, 0.8 or 1, etc., and is not limited in the embodiment of the present application.

[0161] Exemplarily, the transparency of the tab bar in the first state is 0, i.e., the tab bar in the first state is completely opaque, and the transparency of the tab bar in the second state is 0.5, i.e., the tab bar in the second state is semi-transparent; or, the transparency of the tab bar in the first state is 0, and the transparency of the tab bar in the second state is 1, i.e., the tab bar in the second state is completely transparent.

[0162] For example, when the tab bar in the first state is completely opaque and the tab bar in the second state is semi-transparent, the tab bar adjustment diagram can refer to 2E. Figure 2E The resource display page shown on the left includes a tab bar 201 and a resource display area 202, wherein the tab bar 201 is in a ceiling display state and is completely opaque, and the resource display area 202 includes a display interface of multimedia resources. When the electronic device detects a first operation on the resource display page, it can respond to the first operation by adjusting the display mode of the tab bar 201 to a floating display, reducing the size of the tab bar 201, and adjusting the tab bar 201 to be semi-transparent. Figure 2E As shown on the resource display page on the right.

[0163] It should be noted that, in response to the first operation, the electronic device not only reduces the size of the tab bar, but also increases the transparency of the tab bar, which can further reduce the obstruction of the multimedia resources by the tab bar.

[0164] In some embodiments, when the tab bar is in a suspended display state, the electronic device can also move the tab bar to a target position in response to a move operation on the tab bar.

[0165] Optionally, the moving operation on the tab bar may include a dragging operation on the tab bar, and the target position may refer to the end position of the dragging operation.

[0166] Optionally, the moving operation on the tab bar may also include a specified operation on the tab bar, and the target position may be a preset position on the resource display page. The specified operation may include but is not limited to a long press operation, a short press operation, a horizontal slide operation or a vertical slide operation on the tab bar. The preset position may include but is not limited to a bottom position or a side position on the resource display page.

[0167] Among them, a long press operation refers to a press operation with a press duration greater than or equal to a duration threshold, and a short press operation may refer to a press operation with a press duration less than a duration threshold. A horizontal sliding operation may include a left sliding operation or a right sliding operation, and a vertical sliding operation may include an upward sliding operation or a downward sliding operation.

[0168] It is understandable that the electronic device can move the tab bar to a target position on the resource display page in response to a move operation on the tab bar, thereby further improving the personalization of the tab bar display.

[0169] For example, when the moving operation on the tab bar includes a dragging operation on the tab bar, the moving icon of the tab bar can be referred to as Figure 3A .like Figure 3A The resource display page shown on the left includes a tab bar 201 and a resource display area 202. The tab bar 201 is in a suspended display state, and the resource display area 202 includes a display interface of multimedia resources. When the electronic device detects a user dragging operation on the tab bar 201, it can move the tab bar 201 to the end position of the dragging operation in response to the dragging operation, such as Figure 3A As shown on the resource display page on the right.

[0170] For example, when the movement operation on the tab bar includes a left sliding operation on the tab bar, the movement icon of the tab bar can refer to Figure 3B .like Figure 3B The resource display page shown on the left includes a tab bar 201 and a resource display area 202. The tab bar 201 is in a suspended display state, and the resource display area 202 includes a display interface of multimedia resources. When the electronic device detects that the user slides the tab bar 201 to the left, the electronic device can move the tab bar 201 to the bottom position on the resource display page in response to the left sliding operation, such as Figure 3B As shown on the resource display page on the right.

[0171] In some embodiments, after the electronic device displays the tab bar in the second state on the resource display page, it can also reduce the size of the tab bar and / or increase the transparency based on the user's browsing time on the resource display page; wherein, the longer the browsing time, the smaller the size of the tab bar and / or the greater the transparency of the tab bar.

[0172] The timing of the browsing time of the user on the resource display page may start from when the tab bar is displayed in the second state. The longer the browsing time, the larger the size and / or transparency of the tab bar.

[0173] It is understandable that the electronic device may pre-store multiple preset duration intervals, and different preset duration intervals correspond to different preset sizes and / or preset transparencies. The electronic device may determine the target duration interval in which the user's current browsing duration of the resource display page is located from the multiple preset duration intervals, and adjust the tab bar to the preset size and / or preset transparency corresponding to the target duration interval.

[0174] In some embodiments, the preset size corresponding to the longest preset duration interval is 0, and / or the corresponding preset transparency is 1. That is, when the user's current browsing time on the resource display page is too long, the tab bar disappears and is invisible to the user.

[0175] For example, when the size and transparency of the tab bar are adjusted according to the browsing time of the user on the resource display page, the tab bar change diagram can be seen in the following Figure 3C .like Figure 3C The resource display page shown on the left includes a tab bar 201 and a resource display area 202. The tab bar 201 is in a suspended display state and is completely opaque, and the resource display area 202 includes a display interface of multimedia resources. After T1, the size of the tab bar is reduced, and the tab bar 201 is semi-transparent, as shown in FIG. Figure 3C As shown on the resource display page on the right.

[0176] In an embodiment of the present application, after the tab bar is displayed in the second state, the electronic device can continue to reduce the size of the tab bar and / or increase the transparency of the tab bar based on the length of time the user browses the resource display page, thereby further reducing the visual interference of the tab bar to the user.

[0177] In some embodiments, the electronic device may also display a prompt message after the tab bar is displayed on the resource display page in the second state, wherein the prompt message is used to ask the user whether he likes the second state and, if it is determined that the user likes the second state, use the second state as the default display state of the tab bar.

[0178] Optionally, the prompt information may be displayed in a pop-up window, which may include a first text for asking the user whether he likes the second state, a first control for the user to input whether he likes the second state, and a second control for the user to input whether he dislikes the second state.

[0179] In an embodiment of the present application, using the second state as the default display state of the tab bar may mean that, during the user's use of the application, the tab bar remains displayed in the second state and no longer changes, or, the tab bar is displayed in the second state from the beginning when the user opens the application next time.

[0180] For example, when the prompt information is displayed in a pop-up window, the interface for displaying the prompt information can be as follows: Figure 3D .like Figure 3DThe resource display page shown on the left includes a tab bar 201, a resource display area 202, and a pop-up window 203. The tab bar 201 is in a suspended display state, the resource display area 202 includes a display interface of multimedia resources, and the pop-up window 203 includes a first control 2031 for the user to input a preference for the second state, and a second control 2032 for the user to input a preference for the second state.

[0181] In an embodiment of the present application, after the tab bar is displayed on the resource display page in the second state, it is also possible to determine whether the user likes the second state by displaying prompt information. If the user likes the second state, the second state is used as the default display state of the tab bar, thereby making the display of the tab bar more flexible and more in line with the user's usage habits.

[0182] By implementing Figure 1 In the interface display method shown, in the resource display page, the tab bar that initially displays multiple function controls is displayed in a first state with a larger size. When a user's first operation on the resource display page is detected, the display state of the tab bar can be adjusted to a second state with a smaller size in response to the first operation, thereby improving the flexibility of the tab bar display. In addition, adjusting the display state of the tab bar from the first state with a larger size to the second state with a smaller size reduces the area occupied by the tab bar in the interface, which is conducive to reducing the probability of the tab bar blocking multimedia resources.

[0183] The above embodiment mainly introduces the tab bar in the first state and the tab bar in the second state. The following mainly introduces the first operation on the resource display page.

[0184] In some embodiments, the first operation includes performing at least one upward sliding operation on the resource display area. The corresponding interface display method can be referred to as follows: Figure 4 . See Figure 4 , Figure 4 is another flowchart of the interface display method disclosed in the embodiment of the present application, such as Figure 4 The interface display method shown may include the following steps:

[0185] 401. An electronic device displays a resource display page, wherein the resource display page displays a tab bar displayed in a first state, wherein a plurality of function controls are displayed in the tab bar.

[0186] It should be noted that, for the introduction of step 401, reference can be made to the above description of step 101, which will not be repeated here.

[0187] 402. In response to the user performing at least one swipe up operation on the resource display area, the electronic device displays a tab bar on the resource display page in a second state, wherein a size of the tab bar in the second state is smaller than a size of the tab bar in the first state, and at least one function control of multiple function controls is displayed in the tab bar in the second state.

[0188] The sliding operation is used to trigger the resource display area to display new multimedia resources. The at least one sliding operation may be one sliding operation or multiple sliding operations.

[0189] It should be noted that the multiple swipe-up operations are continuous swipe-up operations, that is, there are no other operations between the multiple swipe-up operations.

[0190] In a case where the at least one swipe-up operation is multiple swipe-up operations, the time interval between two adjacent swipe-up operations is less than a first preset time interval.

[0191] It can be understood that when the electronic device detects that the user has performed at least one swipe up operation on the resource display area, it believes that the user is more interested in the multimedia resources corresponding to the function control currently selected in the tab bar, that is, the user is currently in deep consumption, and the probability of the user currently using the tab bar is low. In order to reduce the probability of the tab bar blocking the multimedia resources, the electronic device reduces the size of the tab bar.

[0192] It should be noted that, for the description of the tab bar in the second state, please refer to the introduction below step 102, which will not be repeated here.

[0193] For example, in the case where the at least one sliding up operation is two consecutive sliding up operations, the state adjustment icon of the tab bar can refer to Figure 5 , Figure 5 The resource display page on the left includes a tab bar 201 and a resource display area 202, wherein the resource display area 202 includes a display interface of multimedia resources, and the tab bar is in a ceiling display state. When the electronic device detects the first upward sliding operation on the resource display area 202, the resource display area 202 displays the next multimedia resource, and the display state of the tab bar 201 continues to be maintained, such as Figure 5 When the electronic device detects the second upward sliding operation on the resource display area 202, the resource display area 202 displays the next multimedia resource, adjusts the display mode of the tab bar 201 to floating display, and reduces the size of the tab bar 201, as shown in FIG. Figure 5 As shown on the resource display page on the right.

[0194] By implementing Figure 4In the interface display method shown, in the resource display page, the tab bar that initially displays multiple function controls is displayed in a first state with a larger size. When it is detected that the user performs at least one swipe-up operation on the resource display area, the display state of the tab bar can be adjusted to a second state with a smaller size in response to the at least one swipe-up operation, thereby improving the flexibility of the tab bar display. In addition, adjusting the display state of the tab bar from the first state with a larger size to the second state with a smaller size reduces the area occupied by the tab bar in the interface, which is conducive to reducing the probability of the tab bar blocking multimedia resources.

[0195] In some embodiments, the first operation may include a selection operation for a target function control in the tab bar. The corresponding interface display method may refer to the following Figure 6 . See Figure 6 , Figure 6 is another flowchart of the interface display method disclosed in the embodiment of the present application, such as Figure 6 The interface display method shown may include the following steps:

[0196] 601. An electronic device displays a resource display page, wherein the resource display page displays a tab bar displayed in a first state, wherein a plurality of function controls are displayed in the tab bar.

[0197] It should be noted that, for the introduction of step 601, reference can be made to the above description of step 101, which will not be repeated here.

[0198] In the embodiment of the present application, a designated function control in the tab bar displayed in the first state is selected.

[0199] 602. In response to a user selecting a target function control in a tab bar, the electronic device displays the tab bar in a second state on the resource display page, wherein a size of the tab bar in the second state is smaller than a size of the tab bar in the first state, and at least one function control among a plurality of function controls is displayed in the tab bar in the second state.

[0200] The target function control is different from the designated function control, and the target function control is the function control that is selected the most times in the second preset time period. The second preset time period may include but is not limited to the most recent week, the most recent month, or the most recent quarter.

[0201] It can be understood that the target function control is selected the most times within the second preset time period, which means that the user is more interested in the multimedia resources corresponding to the target function control. If the user selects the target function control, it means that the user is currently in deep consumption and the user's current probability of using the tab bar is low. In order to reduce the probability of the tab bar blocking multimedia resources, the electronic device reduces the size of the tab bar.

[0202] It should be noted that, for the description of the tab bar in the second state, please refer to the introduction below step 102, which will not be repeated here.

[0203] For example, when the first operation includes a selection operation on a target function control in the tab bar, the state adjustment icon of the tab bar can refer to Figure 7 , Figure 7 The resource display page on the left includes a tab bar 201 and a resource display area 202, wherein the tab bar 201 is in a ceiling display state, the function control 1 displayed in the tab bar 201 is a specified function control, the function control 2 displayed in the tab bar 201 is a target control, and the display interface of the multimedia resource corresponding to the function control 1 is displayed in the resource display area 202. When the electronic device detects a selection operation on the function control 2 displayed in the tab bar 201, it adjusts the display mode of the tab bar 201 to a floating display, reduces the size of the tab bar 201, and displays the display interface of the multimedia resource corresponding to the function control 2 in the resource display area 202, such as Figure 7 As shown on the resource display page on the right.

[0204] By implementing Figure 6 In the interface display method shown, in the resource display page, the tab bar that initially displays multiple function controls is displayed in a first state with a larger size. When a user selects a target function control in the tab bar, the display state of the tab bar can be adjusted to a second state with a smaller size in response to the selection operation, thereby improving the flexibility of the tab bar display. In addition, adjusting the display state of the tab bar from the first state with a larger size to the second state with a smaller size reduces the area occupied by the tab bar in the interface, which is conducive to reducing the probability of the tab bar blocking multimedia resources.

[0205] In the case where the resource display area includes preview windows of multiple multimedia resources, in some embodiments, the first operation may include a selection operation for the preview window of the first multimedia resource, where the preview window of the first multimedia resource is one of the preview windows of the multiple multimedia resources on the resource display area. The corresponding interface display method can be found in Figure 8 . See Figure 8 , Figure 8 is another flowchart of the interface display method disclosed in the embodiment of the present application, such as Figure 8 The interface display method shown may include the following steps:

[0206] 801. An electronic device displays a resource display page, wherein the resource display page displays a tab bar displayed in a first state, wherein a plurality of function controls are displayed in the tab bar.

[0207] It should be noted that, for the introduction of step 801, reference can be made to the above description of step 101, which will not be repeated here.

[0208] 802. In response to a user selecting a preview window of a first multimedia resource, the electronic device displays a tab bar on the resource display page in a second state, wherein a size of the tab bar in the second state is smaller than a size of the tab bar in the first state, and at least one function control of a plurality of function controls is displayed in the tab bar in the second state.

[0209] The first multimedia resource is a multimedia resource corresponding to the target user account. The target user account may include but is not limited to any of the following:

[0210] User accounts followed by the user;

[0211] The user account corresponding to the target multimedia resource whose total number of historical browsing times is greater than the number threshold, wherein the target multimedia resource is a multimedia resource published by the same user account;

[0212] User accounts whose number of followers is greater than the first threshold;

[0213] A user account having a number of fans greater than a second threshold.

[0214] It should be noted that, in response to the selection operation of the preset window for the first multimedia resource, the electronic device may also display the display interface of the first multimedia resource in the resource display area.

[0215] Optionally, when the electronic device displays the display interface of the first multimedia resource in the resource display area, the resource display area may display or not display the preview windows of other multimedia resources among the preview windows of the above-mentioned multiple multimedia resources except the preview window of the first multimedia resource, which is not limited in the embodiment of the present application.

[0216] Further optionally, when preview windows of other multimedia resources are displayed in the resource display area, the preview windows of the other multimedia resources may be preview windows of all or part of the other multimedia resources among the preview windows of the above-mentioned multiple multimedia resources except the preview window of the first multimedia resource, which is not limited in the embodiments of the present application.

[0217] It can be understood that when the preview window of the first multimedia resource corresponding to the target user account is selected, the electronic device believes that the user is more interested in the first multimedia resource, indicating that the user is currently in deep consumption and the probability of the user using the tab bar is low. In order to reduce the probability of the tab bar blocking the multimedia resource, the electronic device reduces the size of the tab bar.

[0218] For example, when the first operation includes a selection operation on the preview window of the first multimedia resource, the state adjustment icon of the tab bar can refer to Fig. 9 , Fig. 9 The resource display page on the left includes a tab bar 201 and a resource display area 202, wherein the resource display area 202 includes preview windows of multiple multimedia resources, wherein preview window 3 is a preview window of a first multimedia resource, and the tab bar 201 is in a ceiling display state. When the electronic device detects a selection operation on the preview window 3, it adjusts the display mode of the tab bar 201 to a floating display, reduces the size of the tab bar 201, and displays the display interface of the multimedia resource corresponding to the preview window 3 in the resource display area 202, such as Fig. 9 As shown on the resource display page on the right.

[0219] By implementing Figure 6 In the interface display method shown, in the resource display page, the tab bar that initially displays multiple function controls is displayed in a first state with a larger size. When a user selects a preview window of a first multimedia resource, the display state of the tab bar can be adjusted to a second state with a smaller size in response to the selection operation, thereby improving the flexibility of the tab bar display. In addition, adjusting the display state of the tab bar from the first state with a larger size to the second state with a smaller size reduces the area occupied by the tab bar in the interface, which is conducive to reducing the probability of the tab bar blocking multimedia resources.

[0220] It should be noted that the first operation mentioned in the above embodiments is only some examples in the embodiments of the present application, and is not a limitation on the first operation. The first operation may also be other operations on the resource display page, which is not limited in the embodiments of the present application.

[0221] The above embodiment mainly introduces how to reduce the size of the tab bar when the user is in deep consumption, so as to reduce the probability of the tab bar blocking multimedia resources. Fig.10 , it is explained how to restore the size of the tab bar to facilitate the user to operate the tab bar when the user is not in deep consumption.

[0222] See also Fig.10 , Fig.10 It is another flowchart of the interface display method disclosed in the embodiment of the present application. Fig.10 The interface display method shown may include the following steps:

[0223] 1001. An electronic device displays a resource display page, wherein the resource display page displays a tab bar displayed in a first state, wherein a plurality of function controls are displayed in the tab bar.

[0224] 1002. In response to a first operation of a user on a resource display page, the electronic device displays a tab bar on the resource display page in a second state, wherein a size of the tab bar in the second state is smaller than a size of the tab bar in the first state, and at least one function control of a plurality of function controls is displayed in the tab bar in the second state.

[0225] Among them, for the detailed introduction of step 1001-step 1002, please refer to the relevant description in the above embodiment, which will not be repeated here.

[0226] 1003. In response to the user's second operation on the resource display page, the electronic device switches the tab bar from the second state to the first state.

[0227] In the embodiment of the present application, the second operation on the resource display page may be an operation on the resource display area. For the first state and the second state, reference may be made to the relevant description in the above embodiment, which will not be repeated here.

[0228] Optionally, the second operation on the resource display page may include performing at least one sliding operation on the resource display area. The sliding operation is used to trigger the display of multimedia resources previously browsed by the user in the resource display area. The at least one sliding operation may be one sliding operation, or multiple sliding operations.

[0229] It should be noted that the multiple sliding operations are continuous sliding operations, that is, there are no other operations between the multiple sliding operations.

[0230] In the case that the at least one sliding operation is a plurality of sliding operations, the time interval between two adjacent sliding operations is less than the second preset time interval.

[0231] It can be understood that when the electronic device detects that the user has performed at least one swipe operation on the resource display area, it believes that the user is less interested in the multimedia resources corresponding to the function control currently selected in the tab bar, that is, the user is currently in a non-deep consumption state, and the user is more likely to use the tab bar. In order to facilitate the user to operate the tabs, the electronic device restores the tab bar to its original size.

[0232] For example, in the case where the at least one sliding operation is two consecutive sliding operations, the state adjustment icon of the tab bar can be referred to as Fig.11A , Fig.11AThe resource display page on the left includes a tab bar 201 and a resource display area 202, wherein the resource display area 202 includes a display interface of multimedia resources, and the tab bar 201 is in a suspended display state. When the electronic device detects the first sliding operation on the resource display area 202, the display interface of the previous multimedia resource is displayed in the resource display area 202, and the display state of the tab bar 201 continues to be maintained, that is, the tab bar 201 continues to be in a suspended display state, such as Fig.11A As shown in the resource display page in the middle, when the electronic device detects the second sliding operation on the resource display area 202, it displays the display interface of the previous multimedia resource in the resource display area 202, adjusts the display mode of the tab bar 201 to the ceiling display state, and enlarges the size of the tab bar 201, as shown in FIG. Fig.11A As shown on the resource display page on the right.

[0233] Optionally, the second operation on the resource display page may include performing a horizontal sliding operation on the resource display area, wherein the horizontal sliding operation may be performing a left sliding operation or a right sliding operation on the resource display area.

[0234] It should be noted that performing a horizontal sliding operation on the resource display area is used to trigger the resource display area to display a multimedia resource corresponding to another function control. It is understandable that the electronic device can also select another function control in the tab bar in response to the second operation, and display the multimedia resource corresponding to the other function control in the resource display area.

[0235] It is understandable that when the electronic device detects that the user performs a horizontal sliding operation on the resource display area, it believes that the user is less interested in the multimedia resources corresponding to the function control currently selected in the tab bar, that is, the user is currently in a non-deep consumption state, and the user is more likely to use the tab bar. In order to facilitate the user to operate the tabs, the electronic device restores the tab bar to its original size.

[0236] For example, when the second operation on the resource display page includes the user performing a left swipe operation on the resource display area, the state adjustment icon of the tab bar can refer to Fig. 11B , Fig. 11BThe resource display page on the left includes a tab bar 201 and a resource display area 202, wherein the tab bar 201 is in a suspended display state, and the function control 1 displayed in the tab bar 201 is selected, and the resource display area 202 includes a display interface of a multimedia resource corresponding to the function control 1. When the electronic device detects a left swipe operation on the resource display area 202, it adjusts the display mode of the tab bar 201 to a ceiling display state, enlarges the size of the tab bar 201, and the function control 2 in the tab bar 201 is selected, and the resource display area 202 includes a display interface of a multimedia resource corresponding to the function control 2, such as Fig. 11B As shown on the resource display page on the right.

[0237] Optionally, the resource display area may include a display interface of a second multimedia resource, and the second operation on the resource display page may include a playback pause operation on the second multimedia resource.

[0238] The playback pause operation on the second multimedia resource is used to trigger the playback pause of the second multimedia resource.

[0239] It is understandable that when the electronic device detects the user's pause operation on the playback of the second multimedia resource, it believes that the user is less interested in the multimedia resource corresponding to the function control currently selected in the tab bar, that is, the user is currently in a non-deep consumption state, and the user is more likely to use the tab bar. In order to facilitate the user to operate the tabs, the electronic device restores the tab bar to its original size.

[0240] For example, when the second operation on the resource display page includes a user's playback pause operation on the second multimedia resource, the state adjustment icon of the tab bar can refer to Fig. 11C , Fig. 11C The resource display page on the left includes a tab bar 201 and a resource display area 202, wherein the resource display area 202 includes a display interface of a second multimedia resource, and the tab bar 201 is in a suspended display state. When the electronic device detects a playback pause operation for the second multimedia resource, the second multimedia resource is paused, the display mode of the tab bar 201 is adjusted to a ceiling display state, and the size of the tab bar 201 is enlarged, such as Fig. 11C As shown on the resource display page on the right.

[0241] By implementing Fig.10In the interface display method shown, in the resource display page, the tab bar that initially displays multiple function controls is displayed in a first state with a larger size. When the user is in deep consumption, the display state of the tab bar can be adjusted to a second state with a smaller size, thereby improving the flexibility of the tab bar display. In addition, adjusting the display state of the tab bar from the first state with a larger size to the second state with a smaller size reduces the area occupied by the tab bar in the interface, which is beneficial to reducing the probability of the tab bar blocking multimedia resources. In addition, the electronic device can also switch the state of the tab bar from the second state with a small size to the first state with a large size when the user is not in deep consumption, so that the user can operate the tab bar, further improving the flexibility of the tab bar display.

[0242] See also Fig.12 , Fig.12 is a structural diagram of the interface display device disclosed in the embodiment of the present application. Fig.12 The interface display device shown may include a first display unit 1201 and a second display unit 1202; wherein:

[0243] A first display unit 1201 is used to display a resource display page, wherein the resource display page displays a tab bar displayed in a first state, wherein the tab bar displays a plurality of function controls;

[0244] The second display unit 1202 is used to respond to the user's first operation on the resource display page, and the tab bar is displayed on the resource display page in a second state. The size of the tab bar in the second state is smaller than the size of the tab bar in the first state, and at least one function control of the multiple function controls is displayed in the tab bar in the second state.

[0245] In some embodiments, the label bar in the second state is in a ceiling-mounted display state.

[0246] In some embodiments, the tab bar in the second state is in a floating display state.

[0247] In some embodiments, the transparency of the tab bar in the first state is less than or equal to a transparency threshold, and the transparency of the tab in the second state is greater than the transparency threshold.

[0248] In some embodiments, at least one function control among the multiple function controls is displayed in the tab bar in the second state, including: the number of function controls displayed in the tab bar in the second state is less than or equal to the number of function controls displayed in the tab bar in the first state.

[0249] In some embodiments, the function controls displayed in the tab bar in the second state are determined according to the historical browsing records of the user within a first preset time period.

[0250] In some embodiments, the resource display page includes a resource display area, and the first operation includes: performing at least one swipe-up operation on the resource display area.

[0251] In some embodiments, when the first operation includes performing multiple swipe-up operations on the resource display area, the time interval between two adjacent swipe-up operations is less than a first preset time interval.

[0252] In some embodiments, the first operation includes:

[0253] For the selection operation of the target function control in the tab bar, the target function control is the function control that is selected the most times within the second preset time period.

[0254] In some embodiments, the resource display page includes a plurality of preview windows of multimedia resources, and the first operation includes:

[0255] For a selection operation of a preview window of a first multimedia resource, the first multimedia resource is a multimedia resource corresponding to a target user account, the first multimedia resource is one of the multiple multimedia resources, and the target user account is any one of the following:

[0256] User accounts followed by the user;

[0257] The user account corresponding to the target multimedia resource whose total number of historical browsing times is greater than the number threshold, wherein the target multimedia resource is a multimedia resource published by the same user account;

[0258] User accounts whose number of followers is greater than the first threshold;

[0259] A user account having a number of fans greater than a second threshold.

[0260] In some embodiments, the second display unit 1202 is further configured to move the tab bar to a target position in response to a move operation on the tab bar when the tab bar is in a suspended display state.

[0261] In some embodiments, the second display unit 1202 is also used to reduce the size of the tab bar and / or increase the transparency according to the browsing time of the resource display page by the user; wherein, the longer the browsing time, the smaller the size of the tab bar and / or the greater the transparency of the tab bar.

[0262] In some embodiments, the second display unit 1202 is also used to display prompt information, wherein the prompt information is used to ask the user whether he likes the second state; and, when it is determined that the user likes the second state, the second state is used as the default display state of the tab bar.

[0263] In some embodiments, the second display unit 1202 is also used to, when the tab bar is displayed on the resource display page in the second state, in response to the user's second operation on the resource display page, switch the tab bar from the second state to the first state, and the first state is a ceiling display state.

[0264] In some embodiments, the resource display page includes a resource display area, and the second operation includes:

[0265] Perform at least one sliding operation on the resource display area.

[0266] or,

[0267] A horizontal sliding operation is performed on the resource display area.

[0268] In some embodiments, when the second operation includes performing multiple sliding operations on the resource display area, the time interval between two adjacent sliding operations is less than a second preset time interval.

[0269] In some embodiments, the resource display page includes a display interface of a second multimedia resource, and the second operation includes:

[0270] A playback pause operation is performed on the second multimedia resource.

[0271] See also Fig.13 , Fig.13 FIG. 1 is a structural diagram of an electronic device disclosed in an embodiment of the present application. Fig.13 The electronic device shown may include components such as a processor 1301 , a memory 1302 , a display unit 1303 , an input unit 1304 , a sensor 1305 , and an audio circuit 1306 .

[0272] The processor 1301 is the control center of the electronic device, which uses various interfaces and lines to connect various parts of the entire electronic device, and executes various functions of the electronic device and processes data by running or executing software programs and / or modules stored in the memory 1302, and calling data stored in the memory 1302, so as to monitor the electronic device as a whole. Optionally, the processor 1301 may include one or more processing units; optionally, the processor 1301 may integrate an application processor, which mainly processes operating devices, user interfaces, and application programs, etc. Of course, other processors may also be included, which are not listed here one by one.

[0273] The memory 1302 can be used to store software programs and modules. The processor 1301 executes various functional applications and data processing of the electronic device by running the software programs and modules stored in the memory 1302. The memory 1302 can mainly include a program storage area and a data storage area, wherein the program storage area can store operating devices, at least one application required for a function (such as a sound playback function, an image playback function, etc.), etc.; the data storage area can store data created according to the use of the electronic device (such as audio data, a phone book, etc.), etc. In addition, the memory 1302 can include a high-speed random access memory, and can also include a non-volatile memory, such as at least one disk storage device, a flash memory device, or other volatile solid-state storage devices.

[0274] The display unit 1303 can be used to display information input by the user or information provided to the user and various menus of the electronic device. The display unit 1303 may include a display panel. Optionally, the display panel may be configured in the form of a liquid crystal display (LCD), an organic light-emitting diode (OLED), etc. Further, the touch panel may cover the display panel. When the touch panel detects a touch operation on or near it, it is transmitted to the processor 1301 to determine the type of touch event. Subsequently, the processor 1301 provides a corresponding visual output on the display panel according to the type of touch event. Among them, the touch panel and the display panel are not in contact with each other. Fig.13 The touch panel and the display panel can be used as two independent components to realize the input and output functions of the electronic device, or the touch panel and the display panel can be integrated to realize the input and output functions of the electronic device.

[0275] The input unit 1304 can be used to receive input digital or character information, and to generate key signal input related to user settings and function control of the electronic device. Specifically, the input unit 1304 may include a touch panel and other input devices. A touch panel, also known as a touch screen, can collect user touch operations on or near it (such as operations performed by a user using any suitable object or accessory such as a finger, stylus, etc. on or near the touch panel), and drive the corresponding connection device according to a pre-set program. In addition, a variety of types such as resistive, capacitive, infrared, and surface acoustic waves can be used to implement the touch panel. In addition to the touch panel, the input unit 1304 may also include other input devices. Specifically, other input devices may include, but are not limited to, one or more of function keys (such as volume control keys, switch keys, etc.), trackballs, joysticks, etc.

[0276] The electronic device may also include at least one sensor 1305, such as a magnetometer, a gyroscope sensor, a motion sensor, and other sensors. Specifically, the magnetometer is used to determine the orientation of the electronic device, and the gyroscope sensor can be used to determine the motion posture of the electronic device. It can be used for anti-shake shooting, and can also be used for navigation and somatosensory game scenes. As a type of motion sensor, the acceleration sensor can detect the magnitude of acceleration in all directions, and can detect the magnitude and direction of gravity when stationary. It can be used for applications that identify the posture of the electronic device, such as horizontal and vertical screen switching, related games, magnetometer posture calibration, etc.; as for other sensors that the electronic device can also be configured with, such as pressure gauges, barometers, hygrometers, thermometers, infrared sensors, etc., they will not be repeated here.

[0277] The audio circuit 1306 may include a speaker and a microphone, and may provide an audio interface between a user and an electronic device. The audio circuit 1306 may transmit the electrical signal converted from the received audio data to the speaker, which is converted into a sound signal for output; on the other hand, the microphone converts the collected sound signal into an electrical signal, which is received by the audio circuit 1306 and converted into audio data, and then the audio data is output to the processor 1301 for processing, and then sent to another device through the video circuit, or the audio data is output to the memory 1302 for further processing.

[0278] Although not shown, the electronic device may further include a power supply and a camera. Optionally, the camera may be located at the front or rear of the electronic device, which is not limited in the present embodiment.

[0279] It is to be understood that the structure illustrated in the embodiments of the present application does not constitute a specific limitation on the electronic device. In other embodiments of the present application, the electronic device may include more or fewer components than shown in the figure, or combine certain components, or split certain components, or arrange the components differently. The components shown in the figure may be implemented in hardware, software, or a combination of software and hardware.

[0280] In the embodiment of the present application, the processor 1301 also has the following functions:

[0281] Displaying a resource display page, wherein the resource display page displays a tab bar displayed in a first state, wherein the tab bar displays a plurality of function controls;

[0282] In response to a user's first operation on the resource display page, the tab bar is displayed on the resource display page in a second state, the size of the tab bar in the second state is smaller than the size of the tab bar in the first state, and at least one function control of the multiple function controls is displayed in the tab bar in the second state.

[0283] In the embodiment of the present application, the label bar in the second state is in a ceiling-mounted display state.

[0284] In an embodiment of the present application, the tab bar in the second state is in a suspended display state.

[0285] In an embodiment of the present application, the transparency of the tab bar in the first state is less than or equal to a transparency threshold, and the transparency of the tab in the second state is greater than the transparency threshold.

[0286] In an embodiment of the present application, displaying at least one function control among the plurality of function controls in the tab bar in the second state includes:

[0287] The number of function controls displayed in the tab bar in the second state is less than or equal to the number of function controls displayed in the tab bar in the first state.

[0288] In an embodiment of the present application, the function controls displayed in the tab bar in the second state are determined according to the historical browsing records of the user within a first preset time period.

[0289] In the embodiment of the present application, the resource display page includes a resource display area, and the first operation includes:

[0290] Perform at least one swipe up operation on the resource display area.

[0291] In the embodiment of the present application, when the first operation includes performing multiple swipe-up operations on the resource display area, the time interval between two adjacent swipe-up operations is less than a first preset time interval.

[0292] In the embodiment of the present application, the first operation includes:

[0293] For the selection operation of the target function control in the tab bar, the target function control is the function control that is selected the most times within the second preset time period.

[0294] In an embodiment of the present application, the resource display page includes a plurality of preview windows of multimedia resources, and the first operation includes:

[0295] For a selection operation of a preview window of a first multimedia resource, the first multimedia resource is a multimedia resource corresponding to a target user account, the first multimedia resource is one of the multiple multimedia resources, and the target user account is any one of the following:

[0296] User accounts followed by the user;

[0297] The user account corresponding to the target multimedia resource whose total number of historical browsing times is greater than the number threshold, wherein the target multimedia resource is a multimedia resource published by the same user account;

[0298] User accounts whose number of followers is greater than the first threshold;

[0299] A user account having a number of fans greater than a second threshold.

[0300] In the embodiment of the present application, when the tab bar is in a suspended display state, the processor 1301 further has the following functions:

[0301] In response to a move operation on the tab bar, the tab bar is moved to a target position.

[0302] In the embodiment of the present application, the processor 1301 also has the following functions:

[0303] According to the browsing time of the user on the resource display page, the size of the tab bar is reduced and / or the transparency is increased; wherein, the longer the browsing time, the smaller the size of the tab bar and / or the greater the transparency of the tab bar.

[0304] In the embodiment of the present application, the processor 1301 also has the following functions:

[0305] displaying prompt information, wherein the prompt information is used to ask the user whether he likes the second state;

[0306] When it is determined that the user likes the second state, the second state is used as the default display state of the tab bar.

[0307] In the embodiment of the present application, when the tab bar is displayed on the resource display page in the second state, the processor 1301 further has the following functions:

[0308] In response to the second operation of the user on the resource display page, the tab bar is switched from the second state to the first state, and the first state is a ceiling display state.

[0309] In the embodiment of the present application, the resource display page includes a resource display area, and the second operation includes:

[0310] Perform at least one sliding operation on the resource display area.

[0311] or,

[0312] A horizontal sliding operation is performed on the resource display area.

[0313] In the embodiment of the present application, when the second operation includes performing multiple sliding operations on the resource display area, the time interval between two adjacent sliding operations is less than a second preset time interval.

[0314] In an embodiment of the present application, the resource display page includes a display interface of a second multimedia resource, and the second operation includes:

[0315] A playback pause operation is performed on the second multimedia resource.

[0316] An embodiment of the present application discloses a computer-readable storage medium having executable program code stored thereon. When the executable program code is executed by a processor, the method executed by the electronic device in the embodiment of the present application is implemented.

[0317] The embodiment of the present application discloses a computer program product. When the computer program product is executed on a computer, the computer implements the method executed by the electronic device in the embodiment of the present application.

[0318] An embodiment of the present application discloses an application publishing platform, which is used to publish a computer program product. When the computer program product runs on a computer, the computer implements the method executed by the electronic device in the embodiment of the present application.

[0319] It should be noted here that the description of the above storage medium and device embodiments is similar to the description of the above method embodiments, and has similar beneficial effects as the method embodiments. For technical details not disclosed in the storage medium, storage medium and device embodiments of this application, please refer to the description of the method embodiments of this application for understanding.

[0320] It should be understood that "one embodiment" or "an embodiment" or "some embodiments" mentioned throughout the specification means that specific features, structures or characteristics related to the embodiment are included in at least one embodiment of the present application. Therefore, "in one embodiment" or "in one embodiment" or "in some embodiments" appearing throughout the specification may not necessarily refer to the same embodiment. In addition, these specific features, structures or characteristics can be combined in one or more embodiments in any suitable manner. It should be understood that in various embodiments of the present application, the size of the sequence number of the above-mentioned processes does not mean the order of execution, and the execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiment of the present application. The above-mentioned sequence numbers of the embodiments of the present application are only for description and do not represent the advantages and disadvantages of the embodiments. The above description of each embodiment tends to emphasize the differences between the various embodiments, and the same or similar aspects can be referenced to each other. For the sake of brevity, this article will not repeat them.

[0321] The term "and / or" in this article is only a description of the association relationship of associated objects, indicating that there may be three relationships. For example, object A and / or object B can represent three situations: object A exists alone, object A and object B exist at the same time, and object B exists alone.

[0322] It should be noted that, in this article, the terms "include", "comprises" or any other variations thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, an element defined by the sentence "comprises a ..." does not exclude the existence of other identical elements in the process, method, article or device including the element.

[0323] In the several embodiments provided in the present application, it should be understood that the disclosed devices and methods can be implemented in other ways. The embodiments described above are only schematic. For example, the division of the modules is only a logical function division. There may be other division methods in actual implementation, such as: multiple modules or components can be combined, or can be integrated into another system, or some features can be ignored, or not executed. In addition, the coupling, direct coupling, or communication connection between the components shown or discussed can be through some interfaces, and the indirect coupling or communication connection of devices or modules can be electrical, mechanical or other forms.

[0324] The modules described above as separate components may or may not be physically separated, and the components displayed as modules may or may not be physical modules; they may be located in one place or distributed on multiple network units; some or all of the modules may be selected according to actual needs to achieve the purpose of the present embodiment.

[0325] In addition, all functional modules in the embodiments of the present application may be integrated into one processing unit, or each module may be a separate unit, or two or more modules may be integrated into one unit; the above-mentioned integrated modules may be implemented in the form of hardware or in the form of hardware plus software functional units.

[0326] A person skilled in the art can understand that all or part of the steps of implementing the above method embodiment can be completed by hardware related to program instructions, and the aforementioned program can be stored in a computer-readable storage medium. When the program is executed, it executes the steps of the above method embodiment; and the aforementioned storage medium includes: mobile storage devices, read-only memories (ROM), magnetic disks or optical disks, etc., various media that can store program codes.

[0327] Alternatively, if the above-mentioned integrated unit of the present application is implemented in the form of a software function module and sold or used as an independent product, it can also be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the embodiment of the present application can essentially or in other words, the part that contributes to the relevant technology can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including a number of instructions for enabling an electronic device to execute all or part of the methods described in each embodiment of the present application. The aforementioned storage medium includes: various media that can store program codes, such as mobile storage devices, ROMs, magnetic disks, or optical disks.

[0328] The methods disclosed in several method embodiments provided in this application can be arbitrarily combined without conflict to obtain new method embodiments.

[0329] The features disclosed in several product embodiments provided in this application can be arbitrarily combined without conflict to obtain new product embodiments.

[0330] The features disclosed in several method or device embodiments provided in this application can be arbitrarily combined without conflict to obtain new method embodiments or device embodiments.

[0331] The above is only an implementation method of the present application, but the protection scope of the present application is not limited thereto. Any person skilled in the art who is familiar with the present technical field can easily think of changes or substitutions within the technical scope disclosed in the present application, which should be included in the protection scope of the present application. Therefore, the protection scope of the present application should be based on the protection scope of the claims.

Claims

1. An interface display method, characterized in that: include: Displaying a resource display page, wherein the resource display page displays a tab bar displayed in a first state, wherein the tab bar displays a plurality of function controls; In response to a user's first operation on the resource display page, the tab bar is displayed on the resource display page in a second state, the size of the tab bar in the second state is smaller than the size of the tab bar in the first state, and at least one function control of the multiple function controls is displayed in the tab bar in the second state.

2. The method according to claim 1, characterized in that The label bar in the second state is in a ceiling mounted display state.

3. The method according to claim 1, characterized in that: The tab bar in the second state is in a suspended display state.

4. The method according to claim 1, characterized in that: The transparency of the tab bar in the first state is less than or equal to a transparency threshold, and the transparency of the tab in the second state is greater than the transparency threshold.

5. The method according to any one of claims 1 to 4, characterized in that: Displaying at least one function control among the plurality of function controls in the tab bar in the second state includes: The number of function controls displayed in the tab bar in the second state is less than or equal to the number of function controls displayed in the tab bar in the first state.

6. The method according to claim 5, characterized in that The function controls displayed in the tab bar in the second state are determined according to the historical browsing records of the user within a first preset time period.

7. The method according to claim 1, characterized in that The resource display page includes a resource display area, and the first operation includes: Perform at least one swipe up operation on the resource display area.

8. The method according to claim 7, characterized in that In a case where the first operation includes performing multiple swipe-up operations on the resource display area, a time interval between two adjacent swipe-up operations is less than a first preset time interval.

9. The method according to claim 1, characterized in that: The first operation includes: For the selection operation of the target function control in the tab bar, the target function control is the function control that has been selected the most times within the second preset time period.

10. The method according to claim 1, characterized in that The resource display page includes a plurality of preview windows for multimedia resources, and the first operation includes: For a selection operation of a preview window of a first multimedia resource, the first multimedia resource is a multimedia resource corresponding to a target user account, the first multimedia resource is one of the multiple multimedia resources, and the target user account is any one of the following: User accounts followed by the user; The user account corresponding to the target multimedia resource whose total number of historical browsing times is greater than the number threshold, wherein the target multimedia resource is a multimedia resource published by the same user account; User accounts whose number of followers is greater than the first threshold; A user account having a number of fans greater than a second threshold.

11. The method according to claim 3, characterized in that When the tab bar is in a suspended display state, the method further includes: In response to a move operation on the tab bar, the tab bar is moved to a target position.

12. The method according to claim 1, characterized in that After the tab bar is displayed on the resource display page in the second state, the method further includes: According to the browsing time of the user on the resource display page, the size of the tab bar is reduced and / or the transparency is increased; wherein, the longer the browsing time, the smaller the size of the tab bar and / or the greater the transparency of the tab bar.

13. The method according to claim 1, characterized in that After the tab bar is displayed on the resource display page in the second state, the method further includes: Displaying prompt information, wherein the prompt information is used to ask the user whether he likes the second state; When it is determined that the user likes the second state, the second state is used as the default display state of the tab bar.

14. The method according to any one of claims 1 to 4, characterized in that: After the tab bar is displayed on the resource display page in the second state, the method further includes: In response to the second operation of the user on the resource display page, the tab bar is switched from the second state to the first state, and the first state is a ceiling display state.

15. The method according to claim 14, characterized in that The resource display page includes a resource display area, and the second operation includes: Perform at least one sliding operation on the resource display area; or, A horizontal sliding operation is performed on the resource display area.

16. The method according to claim 15, characterized in that In a case where the second operation includes performing multiple sliding operations on the resource display area, a time interval between two adjacent sliding operations is less than a second preset time interval.

17. The method according to claim 14, characterized in that The resource display page includes a display interface of a second multimedia resource, and the second operation includes: A playback pause operation is performed on the second multimedia resource.

18. An interface display device, characterized in that: include: A first display unit, configured to display a resource display page, wherein the resource display page displays a tab bar displayed in a first state, wherein the tab bar displays a plurality of function controls; A second display unit is used to respond to a first operation of the user on the resource display page, and the tab bar is displayed on the resource display page in a second state. The size of the tab bar in the second state is smaller than the size of the tab bar in the first state. At least one function control of the multiple function controls is displayed in the tab bar in the second state.

19. An electronic device, characterized in that: include: A memory storing executable program code; and a processor coupled to the memory; The processor calls the executable program code stored in the memory, and when the executable program code is executed by the processor, the processor implements the method according to any one of claims 1 to 17.

20. A computer-readable storage medium having executable program code stored thereon, characterized in that: When the executable program code is executed by a processor, the method according to any one of claims 1 to 17 is implemented.

Images