Interface display method and device, equipment and storage medium

Abstract

The invention discloses an interface display method and device, equipment and a storage medium, and relates to the technical field of computers. The method comprises the following steps: displaying first information content in a user interface, wherein the first information content comprises a first operation control; receiving a first sliding operation for the user interface, wherein the first sliding operation is used for adjusting a display area of the user interface; in response to the first sliding operation, under the condition that the first operation control is located outside the display area of the user interface, a suspension toolbar containing a second operation control is displayed, and the function of the second operation control is the same as that of the first operation control. According to the method, the interface display efficiency is improved.

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular to an interface display method, apparatus, device, and storage medium. Background Technology

[0002] With the development of information technology, when displaying information content in the user interface, operation controls are usually also displayed to facilitate users to perform related operations on the information content, such as saving, sharing, etc.

[0003] In related technologies, users can swipe to browse information content in a user interface. For example, operation controls are displayed at the top of the information content, such as... Figure 2 As shown, the user interface displays the "Play" and "Make the Same Style" controls. When the user scrolls through the information content, the "Play" and "Make the Same Style" controls are slid out of the user interface's display area. If the user wants to perform a play or make the same style operation, they need to scroll back to the top of the information content. After the "Play" and "Make the Same Style" controls are redisplayed, the operation for the "Play" and "Make the Same Style" controls can be performed.

[0004] Therefore, among the aforementioned related technologies, the efficiency of interface display is relatively low. Summary of the Invention

[0005] This application provides an interface display method, apparatus, device, and storage medium. The technical solutions provided by this application include the following aspects.

[0006] According to one aspect of the embodiments of this application, an interface display method is provided, the method comprising the following steps.

[0007] Display first information content in the user interface, the first information content including a first operation control; Receive a first swipe operation on the user interface, the first swipe operation being used to adjust the display area of ​​the user interface; In response to the first swipe operation, when the first operation control is located outside the display area of ​​the user interface, a floating toolbar containing a second operation control is displayed, the second operation control having the same function as the first operation control.

[0008] According to one aspect of the embodiments of this application, an interface display device is provided, the device comprising the following modules.

[0009] An interface display module is used to display first information content in a user interface, wherein the first information content includes a first operation control; An operation receiving module is used to receive a first sliding operation on the user interface, the first sliding operation being used to adjust the display area of ​​the user interface; The interface display module is further configured to respond to the first sliding operation by displaying a floating toolbar containing a second operation control when the first operation control is located outside the display area of ​​the user interface, wherein the function of the second operation control is the same as that of the first operation control.

[0010] According to one aspect of the embodiments of this application, a terminal device is provided, the terminal device including a processor and a memory, the memory storing a computer program, the computer program being loaded and executed by the processor to implement the above-described interface display method.

[0011] According to one aspect of the embodiments of this application, a computer-readable storage medium is provided, wherein a computer program is stored in the computer-readable storage medium, and the computer program is loaded and executed by a processor to implement the above-described interface display method.

[0012] According to one aspect of the embodiments of this application, a computer program product is provided, the computer program product including a computer program, the computer program being loaded and executed by a processor to implement the above-described interface display method.

[0013] The technical solutions provided in this application can bring the following beneficial effects.

[0014] Compared to related technologies, where sliding an operation control out of the user interface display area requires the user to slide it back to its display position to perform any operation, this application displays a floating toolbar when the first operation control is slid out of the user interface display area. This floating toolbar includes a second operation control with the same function as the first operation control. In this case, the user does not need to return to the location of the first operation control; by clicking the second operation control in the floating toolbar, they can achieve the same function as the first operation control. Therefore, this application reduces operation steps and improves interface display efficiency by displaying a floating toolbar including a second operation control even when the first operation control is outside the user interface display area. Attached Figure Description

[0015] Figure 1 This is a schematic diagram of a computer system provided in one embodiment of this application; Figure 2 This is an interface diagram of an embodiment of the interface display method provided in this application; Figure 3 This is a flowchart of an embodiment of the interface display method provided in this application; Figure 4 This is a flowchart of an interface display method provided in another embodiment of this application; Figure 5 This is a flowchart of an interface display method provided in another embodiment of this application; Figure 6 This is an interface diagram of an interface display method provided in another embodiment of this application; Figure 7 This is a flowchart of an interface display method provided in another embodiment of this application; Figure 8 This is a flowchart of an interface display method provided in another embodiment of this application; Figure 9 This is a block diagram of an interface display device provided in one embodiment of this application; Figure 10 This is a structural block diagram of a terminal device provided in one embodiment of this application. Detailed Implementation

[0016] To make the objectives, technical solutions, and advantages of this application clearer, the embodiments of this application will be described in further detail below with reference to the accompanying drawings.

[0017] Please refer to Figure 1 This illustration shows a schematic diagram of a computer system provided in one embodiment of this application. The computer system may include: a terminal device 10 and a server 20.

[0018] Terminal device 10 includes, but is not limited to, mobile phones, tablets, smart voice interaction devices, game consoles, wearable devices, multimedia playback devices, PCs (Personal Computers), in-vehicle terminals, smart home appliances, and other electronic devices. A client application for the target application can be installed on terminal device 10. Optionally, the target application can be an application that requires downloading and installation, or it can be an application that can be used instantly; this embodiment of the application does not limit this.

[0019] In this application embodiment, the target application can be an application that provides different information content. For example, the target application can be a social application, a shopping application, a news application, a video application, a live streaming application, etc., and this application does not limit this. Taking a social application as an example, such as... Figure 2As shown, on the terminal device 10 running the target application, a first information content is displayed in the user interface 200, which includes a first operation control. Exemplarily, the first operation control is an operation control within the first information content, such as at least one of the operation controls "Play" 210 and "Make the Same Style" 220. Exemplarily, a floating toolbar 230 is displayed in the user interface 200, which includes the operation controls "Share" and "Favorite". A first swipe operation is received on the user interface, used to adjust the display area of ​​the user interface. Exemplarily, a finger swipes from bottom to top, causing the first information content to move upwards. In response to the first swipe operation, if the first operation control (operation control "Play" 210, operation control "Make the Same Style" 220) is outside the display area of ​​the user interface, a floating toolbar 260 containing a second operation control is displayed, the second operation control having the same function as the first operation control. Exemplarily, the second operation control includes at least one of the operation controls "Play" 240 and "Make the Same Style" 250 in the floating toolbar. For example, when the first operation control is slid out of the user interface, an operation control with the same function is displayed in the floating toolbar.

[0020] In other embodiments, the target application may also be a webpage capable of displaying information content arranged in an information flow. On the terminal device 10 running the webpage, a first information content is displayed in the user interface, the first information content including a first operation control; a first swipe operation is received for the user interface, the first swipe operation being used to adjust the display area of ​​the user interface; in response to the first swipe operation, if the first operation control is located outside the display area of ​​the user interface, a floating toolbar containing a second operation control is displayed, the second operation control having the same function as the first operation control.

[0021] Server 20 is used to provide backend services for the client of the target application in terminal device 10. For example, server 20 can be a standalone physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server that provides basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDN (Content Delivery Network), and big data and artificial intelligence platforms, but it is not limited to these.

[0022] Terminal device 10 and server 20 can communicate with each other via a network. This network can be a wired network or a wireless network.

[0023] The method provided in this application embodiment can be executed by a computer device, which refers to an electronic device capable of data calculation, processing, and storage. The computer device can be... Figure 1 The terminal device 10 can also be a server 20.

[0024] Before introducing the specific solution of this application, we will first provide an exemplary description of the solutions in related technologies.

[0025] The first type, as mentioned in the background section, involves a control that resides in a specific location within the information content, such as the header. When the user slides the control out of the user interface's display area, it is not displayed. Therefore, if the user needs to perform an operation on the control, they must slide it back to its original position. Only after the control is displayed can the operation be performed.

[0026] The second approach involves always displaying the control in a designated location on the user interface. For example, regardless of the user's swipe gestures or the content displayed in the user interface, the control remains visible. In this method, the control always occupies a portion of the screen's display area.

[0027] The first display method described above results in the operation of a control only being able to be performed when the control is slid back into the display area of ​​the user interface. This leads to a large number of operation steps, making the operation cumbersome and the interface display inefficient.

[0028] In the second display method described above, the operation controls always occupy the display position of the user interface, affecting the display of information content and also reducing the efficiency of interface display.

[0029] Compared to the first and second display methods described above, this application displays a floating toolbar when the first operation control is slid out of the user interface's display area. This floating toolbar includes a second operation control with the same function as the first operation control. At this time, the user does not need to return to the location of the first operation control; by clicking the second operation control in the floating toolbar, the same function as the first operation control can be achieved. Therefore, this application improves interface display efficiency by displaying a floating toolbar including the second operation control even when the first operation control is outside the user interface's display area.

[0030] Please refer to Figure 2 The diagram shows an interface display method provided in one embodiment of this application.

[0031] In some embodiments, first information content is displayed in the user interface 200, the first information content including the operation control "Play" 210. In some embodiments, a first swipe operation is received on the user interface 200, the first swipe operation being used to adjust the display area of ​​the user interface. In some embodiments, in response to the first swipe operation, if the operation control "Play" 210 is located outside the display area of ​​the user interface, a floating toolbar 260 containing the operation control "Play" 240 is displayed, the operation control "Play" 240 having the same function as the operation control "Play" 210.

[0032] In some embodiments, first information content is displayed in the user interface 200, the first information content including the operation control "Make the Same Style" 220. In some embodiments, a first swipe operation is received on the user interface 200, the first swipe operation being used to adjust the display area of ​​the user interface. In some embodiments, in response to the first swipe operation, if the operation control "Make the Same Style" 220 is located outside the display area of ​​the user interface 200, a floating toolbar 260 containing the operation control "Make the Same Style" 250 is displayed, the operation control "Make the Same Style" 250 having the same function as the operation control "Make the Same Style" 220.

[0033] Before introducing the specific solution of this application, the application scenario of this application solution will be briefly described below. For the specific implementation method, please refer to the explanation of the following embodiments.

[0034] The first type is text content, such as novel content, fairy tale content, or article content. For example, the target application is a reading application that provides users with multiple text content, such as novel content, fairy tale content, and article content.

[0035] For example, a first operation control is displayed at the beginning of the text content. This first operation control is used to perform operations related to the text content. When the first operation control is slid out of the display area of ​​the user interface, a second operation control with the same function as the first operation control is displayed in the floating toolbar, so that the user can directly perform operations on the second operation control in the floating toolbar when the first operation control is slid away.

[0036] For example, a first text content is displayed in the user interface, the first text content including a first operation control; a first swipe operation is received for the user interface, the first swipe operation being used to adjust the display area of ​​the user interface; in response to the first swipe operation, if the first operation control is located outside the display area of ​​the user interface, a floating toolbar containing a second operation control is displayed, the second operation control having the same function as the first operation control.

[0037] The second type is information stream content, such as multiple content blocks arranged in an information stream format. For example, the target application is a social application that includes information stream content posted by different users, such as user-posted pictures, text, videos, etc.

[0038] For example, a first operation control is displayed at the top of the information stream content. This first operation control is used to perform operations related to the information stream content, such as changing the type of information stream content with one click. For instance, if the current recommended information stream content is related to animals, and the user does not like this type of content, they can change the recommended content with one click. When the first operation control is slid out of the display area of ​​the user interface, a second operation control with the same function as the first operation control is displayed in the floating toolbar, so that the user can directly perform operations on the second operation control in the floating toolbar when the first operation control is slid away.

[0039] For example, a first information stream content is displayed in the user interface, the first information stream content including a first operation control; a first swipe operation is received for the user interface, the first swipe operation being used to adjust the display area of ​​the user interface; in response to the first swipe operation, when the first operation control is located outside the display area of ​​the user interface, a floating toolbar containing a second operation control is displayed, the second operation control having the same function as the first operation control.

[0040] The above is a brief explanation using text content or information streams as examples only. This information content can also be other multimedia content.

[0041] The technical solution provided in this application does not consider the type of multimedia content actually corresponding to the information content. When the first operation control included in the information content is swiped away, a floating toolbar including a second operation control with the same function as the first operation control is displayed. This application improves interface display efficiency by promptly displaying a floating toolbar including the second operation control when the first operation control is not displayed, so that users can perform operations on the control at any time.

[0042] Please refer to Figure 3 This document illustrates a flowchart of an interface display method provided in an embodiment of this application. The executing entity of this method can be the terminal device 10 described above, such as the client of the target application mentioned in the above embodiments, where the executing entity of each step is the client of the target application. In the following method embodiments, for ease of description, the executing entity of each step will only be described as the "client". The method may include at least one of the following steps (310-330): Step 310: Display first information content in the user interface, the first information content including the first operation control.

[0043] In some embodiments, the user interface is an interface provided by the target application. In some embodiments, the user interface is displayed in response to an operation of opening a client of the target application; that is, the user interface is the homepage of the client of the target application. In some embodiments, the user interface is displayed in response to an operation of a first control on the client of the target application. Exemplarily, the first control is a user interface control. Exemplarily, the first control is a control used to display the user interface. Exemplarily, a user interface (UI) control is any visual control or element that can be seen on the user interface of an application, such as images, input boxes, text boxes, buttons, labels, etc., some of which respond to user operations, such as the first control. The user interface is displayed in response to user operations on the first control. The UI controls involved in the embodiments of this application include, but are not limited to: the first control, the first operation control described below, and the second operation control.

[0044] In some embodiments, the information displayed in the user interface is content related to the first object. For example, in this case, the user interface may also be called the first object interface, and the content displayed on the first object interface is all information related to the first object. This application embodiment does not limit the specific type of the first object. For example, the first object is a book, an article, or a comic book.

[0045] In some embodiments, the information content displayed in the user interface is content specific to different objects. For example, in this case, the user interface may also be referred to as an information flow interface. For example, in this case, the first information content includes multiple content blocks arranged according to an information flow. These multiple content blocks are content specific to different objects.

[0046] In some embodiments, the information content displayed in the user interface supports swiping. For example, the information content displayed in the user interface can move in a specific direction. In some embodiments, the content displayed in the user interface moves in response to a swipe operation. For example, when the swipe operation is from the bottom of the screen to the top of the screen, the content displayed in the user interface moves from bottom to top. For instance, if the first information content was originally displayed in the center of the user interface, in response to the upward swipe operation, the display position of the first information content in the user interface moves upward, and the original display position of the first information content displays information content arranged after the first information content. In some embodiments, the content displayed in the user interface supports swiping. For example, the content displayed in the user interface supports vertical swiping. For example, the content displayed in the user interface supports horizontal swiping.

[0047] In some embodiments, the information content is content provided by the target application. The specific type of information content depends on the type of the target application. In some embodiments, when the target application is a reading application, the information content may be different articles, novels, or fairy tales. In some embodiments, when the target application is a social application, the information content may be social content posted by different user accounts, such as text, images, videos, etc. In some embodiments, when the target application is a video application, the information content may be various types of videos. When the target application is a news application, the information content may be news published at different times or in different media.

[0048] In some embodiments, the first information content includes a first operation control. This application does not limit the number of first operation controls. For example, as shown... Figure 2 As shown, the first operation control is either the operation control "Play" 210 or the operation control "Make the Same Style" 220. In some embodiments, the operation control "Play" 210 or the operation control "Make the Same Style" 220 is included in the information content displayed on the user interface 200. Exemplarily, the operation control "Play" 210 or the operation control "Make the Same Style" 220 may also change position in response to a sliding operation.

[0049] In some embodiments, when the information content included on the user interface is content related to a first object, the first operation control is an operation control associated with the first object. For example, as... Figure 2As shown, the first object is a children's picture book. The user interface displays the first page of the children's picture book, and on the first page, a first operation control is displayed. This first operation control includes either the operation control "Play" 210 or the operation control "Make the Same" 220. For example, the operation control "Play" 210 is used to play the children's picture book. For example, the operation control "Make the Same" 220 is used to create other children's picture books of the same type as the children's picture book. In summary, the first operation control is an operation control related to the first object.

[0050] In some embodiments, when the information content included on the user interface pertains to different objects, the first operation control is an operation control related to those different objects. For example, the information content displayed on the user interface includes multiple content blocks, each related to a different object, such as animals, plants, or films / TV shows. For example, the first operation control is an operation control simultaneously applied to multiple objects. For example, the first operation control is a type-change control. For example, in response to an operation on the type-change control, the multiple content blocks displayed on the user interface are changed to other types of content blocks. For example, the first operation control is a filter control. For example, in response to an operation on the filter control, the multiple content blocks displayed on the user interface are filtered. In related technologies, both filter controls and type-change controls are generally displayed at the top. When a user wants to save or change the type with one click, they also need to swipe to the top to perform the relevant operation. In summary, the first operation control is an operation control related to the multiple objects.

[0051] In some embodiments, it should be noted that the first operation control is not a fixed operation control on a specific toolbar of the user interface. Like the information content on the user interface, it supports swiping and browsing, meaning there is a possibility that it may swipe outside the display area of ​​the user interface. Based on this, this application proposes to display a floating toolbar including a second operation control to replace the swiped-away first operation control. Alternatively, the first operation control and the information content are at the same display level, with the first operation control embedded within the information content.

[0052] Step 320: Receive a first swipe operation on the user interface, the first swipe operation being used to adjust the display area of ​​the user interface.

[0053] In some embodiments, the first sliding operation is used to adjust the display area of ​​the user interface. In some embodiments, the display area of ​​the user interface can be considered as an area used to display information content. In some embodiments, the area where the display screen on the terminal device is located is considered as the display area of ​​the user interface. In some embodiments, if the user interface is displayed in full screen, the area where the display screen on the terminal device is located is equal to the display area of ​​the user interface. In some embodiments, if the user interface is not displayed in full screen, the area where the display screen on the terminal device is located is larger than the display area of ​​the user interface.

[0054] In some embodiments, the first information content is information content specific to a first object. For example, the information content specific to the first object includes a set of information content from beginning to end, in which different information about the first object is recorded. Taking a novel as an example, if a novel contains multiple chapters, then these multiple chapters are considered a set of information content. For example, the first information content is a portion of this set of information content.

[0055] In some embodiments, the user interface is a window for displaying information content. In some embodiments, in response to a swipe operation, the display area of ​​the user interface is changed to display different information content. Exemplarily, the display area of ​​the user interface is dynamically variable, such as initially displaying the header of the information content, and then sliding towards the tail in response to a swipe operation.

[0056] For example, when the information content in the front-to-back group is arranged from top to bottom, the sliding operation direction is from top to bottom or from bottom to top. For example, when the information content in the front-to-back group is arranged from left to right, the sliding operation direction is from left to right or from right to left.

[0057] In some embodiments, the display area of ​​the user interface is adjusted in response to a swipe operation on the user interface. In some embodiments, the display area of ​​the user interface is adjusted in the opposite direction of the swipe operation. For example, if the swipe operation is from top to bottom, the display area of ​​the user interface moves upward to display the information content above the first information content in the group of information content from front to back. For example, if the swipe operation is from bottom to top, the display area of ​​the user interface moves downward to display the information content below the first information content in the group of information content from front to back. For example, if the swipe operation is from left to right, the display area of ​​the user interface moves to the left to display the information content to the left of the first information content in the group of information content from left to right. For example, if the swipe operation is from right to left, the display area of ​​the user interface moves to the right to display the information content to the right of the first information content in the group of information content from left to right.

[0058] In some embodiments, a swipe operation on the user interface can also be considered a swipe operation on the information content currently displayed on the user interface; that is, the display area of ​​the user interface is not adjusted, but the displayed content is adjusted. For example, the direction of this swipe operation is not limited. For example, when the information content is arranged from top to bottom, the direction of the swipe operation is from top to bottom or from bottom to top. For example, when the information content is arranged from left to right, the direction of the swipe operation is from left to right or from right to left.

[0059] In some embodiments, in response to a swipe operation on the user interface, the first information content in the user interface is updated to the second information content. In some embodiments, the content displayed in the user interface is updated along the direction of the swipe operation. For example, if the swipe operation is from top to bottom, the first information content moves downwards, and other information content is displayed above the user interface. For example, if the swipe operation is from bottom to top, the first information content moves upwards, and other information content arranged according to the information flow is displayed below the user interface. For example, if the swipe operation is from left to right, the first information content moves to the right, and other information content arranged according to the information flow is displayed on the left side of the user interface. For example, if the swipe operation is from right to left, the first information content moves to the left, and other information content is displayed on the right side of the user interface.

[0060] Step 330: In response to the first sliding operation, if the first operation control is located outside the display area of ​​the user interface, a floating toolbar containing a second operation control is displayed. The second operation control has the same function as the first operation control.

[0061] In some embodiments, the first operation control being located outside the display area of ​​the user interface can be considered as the first operation control not being in the display area of ​​the user interface.

[0062] In some embodiments, in response to a first swipe operation, the display area of ​​the user interface is adjusted. When it is determined that the first operation control is outside the display area of ​​the user interface, a floating toolbar containing the second operation control is displayed.

[0063] In some embodiments, there are at least two scenarios in which a floating toolbar containing second operation controls is displayed.

[0064] The first scenario involves the floating toolbar always being displayed. This means the floating toolbar is displayed even when the first control is within the user interface's display area. The difference is that the second control is not included in the displayed floating toolbar. Alternatively, the floating toolbar can also be displayed when the first control is outside the user interface's display area, in which case the second control is included.

[0065] The second type is where the floating toolbar is only displayed when the first operation control is outside the display area of ​​the user interface, and the floating toolbar includes the second operation control.

[0066] For explanations of the two situations mentioned above, please refer to the following examples, which will not be repeated here.

[0067] In some embodiments, a floating toolbar is considered to be a toolbar that floats above the user interface. This floating toolbar occupies a certain display area.

[0068] In some embodiments, in addition to the second operation control, the floating toolbar may also include other operation controls. This application embodiment does not limit the number and position of the operation controls included in the floating toolbar.

[0069] In some embodiments, the second operation control and the first operation control have the same function. In some embodiments, the second operation control and the first operation control are different operation controls, but they have the same function. In some embodiments, such as Figure 2 As shown, the "Play" control 240 has the same function as the "Play" control 210, but they are different control operations. In some embodiments, such as Figure 2 As shown, the operation control "Make Same Style" 250 has the same function as the operation control "Make Same Style" 220, but they are different operation controls.

[0070] The technical solution provided in this application, compared to related technologies where sliding an operation control out of the user interface display area requires the user to slide it back to its display position to perform any operation, presents a different approach. This application displays a floating toolbar containing a second operation control with the same function as the first operation control when the first operation control is slid out of the user interface display area. The user does not need to return to the location of the first operation control; they can achieve the same function by clicking the second operation control in the floating toolbar. Therefore, this application improves interface display efficiency by displaying a floating toolbar including a second operation control even when the first operation control is outside the user interface display area.

[0071] Please refer to Figure 4 This document illustrates a flowchart of an interface display method provided in another embodiment of this application. The executing entity of this method may be the terminal device 10 described above, such as the client of the target application mentioned in the above embodiments, where the executing entity of each step is the client of the target application. In the following method embodiments, for ease of description, the executing entity of each step will only be described as the "client". The method may include at least one of the following steps (410-440): Step 410: Display first information content in the user interface, the first information content including the first operation control.

[0072] Step 420: Receive a first swipe operation on the user interface, the first swipe operation being used to adjust the display area of ​​the user interface.

[0073] In some embodiments, steps 410 and 420 are explained in the above embodiments and will not be repeated.

[0074] In some embodiments, steps 430 and 440 below are parallel schemes, corresponding to the first and second display methods of the floating toolbar mentioned in the embodiment where step 330 is located.

[0075] Step 430: In response to the first swipe operation, if the first operation control is outside the display area of ​​the user interface, a floating toolbar is displayed, which contains the second operation control.

[0076] In some embodiments, this refers to the display of a floating toolbar that includes a second operation control when the first operation control is located outside the display area of ​​the user interface.

[0077] Step 440: In response to the first swipe operation, if the first operation control is located outside the display area of ​​the user interface, add and display a second operation control in the already displayed floating toolbar.

[0078] In some embodiments, this means that the floating toolbar is always displayed, but when the first operation control is located outside the display area of ​​the user interface, a second operation control is added to the already displayed floating toolbar.

[0079] Steps 430 and 440 above correspond to two different display rules for the floating toolbar. In the display method mentioned in step 430, whether the floating toolbar is displayed or not depends on whether the first operation control is located outside the display area of ​​the user interface. Therefore, the floating toolbar does not need to be displayed on the user interface at all times, which helps to avoid occupying extra display area and improve interface display efficiency.

[0080] Correspondingly, in the display method mentioned in step 440, the floating toolbar is always displayed, but the second operation control in the floating toolbar is dynamically added and displayed, which helps to attract the user's attention so that further operations on the second operation control can be performed subsequently.

[0081] The following explains how to add a display.

[0082] In some embodiments, in response to a first swipe operation, a thumbnail-style floating toolbar is displayed when the first operation control is within the display area of ​​the user interface.

[0083] For example, the abbreviated form here is the display form corresponding to the expanded form. For example, if the expanded form is considered to fully display all the operation controls in the floating toolbar, then the abbreviated form is considered to not fully display all the operation controls in the floating toolbar. For example, in the abbreviated form, the abbreviated icon of the floating toolbar is displayed, or one or more of the most important operation controls in the floating toolbar are displayed, but not all operation controls are displayed.

[0084] In some embodiments, the thumbnailed floating toolbar may have different display forms, such as when the floating toolbar is collapsed, it appears as a thumbnail icon. For example, the thumbnail icon may be at least one of a badge, a sphere, or a number (the number representing the number of operation controls in the floating toolbar).

[0085] In some embodiments, the thumbnail-style floating toolbar is changed to an expanded floating toolbar; and a second operation control is added to the expanded floating toolbar.

[0086] For example, the thumbnail-style floating toolbar is transformed into an expanded floating toolbar in a dynamically expanded manner.

[0087] For example, a second operation control is added and displayed in an expanded floating toolbar. Alternatively, a second operation control is added and displayed in a floating toolbar that already displays all operation controls. That is, the display of this second operation control is dynamic; it involves a process from the floating toolbar not being displayed to its display being added.

[0088] For example, an animation of adding the second action control is displayed in the expanded floating toolbar. In some embodiments, an animation of the second action control falling from above the user interface into the floating toolbar is displayed.

[0089] The technical solution provided in this application, by adding and displaying a second operation control, can improve the efficiency of human-computer interaction, enhance the user's perception of the addition and display of the second operation control, and thus improve the diversity and interest of information display.

[0090] The following section provides further explanation of the display conditions for the floating toolbar containing the second operation control.

[0091] In some embodiments, when the first operation control is located outside the display area of ​​the user interface and a second sliding operation is received, a floating toolbar containing the second operation control is displayed; wherein the sliding direction of the second sliding operation is opposite to the sliding direction of the first sliding operation.

[0092] Considering that some users swipe away the first operation control because they don't currently need it, it's necessary to determine whether the user intends to use the first operation control based on their subsequent actions. If the user intends to use it, the floating toolbar containing the second operation control will be displayed; otherwise, it will not be displayed.

[0093] In some embodiments, the second swipe operation and the first swipe operation are a one-step operation in which the finger does not leave the screen, or a two-step operation in which the middle finger leaves the screen; this application does not limit this. For example, when the second swipe operation and the first swipe operation are a two-step operation in which the middle finger leaves the screen, there is a certain time interval between the second swipe operation and the first swipe operation.

[0094] In some embodiments, the first swipe operation is an operation in which the user wants to slide the first operation control away from the display area of ​​the user interface. If the second swipe operation is the opposite of the first swipe operation, it indicates that when the user performs the second swipe operation, the user intends to return to view the first operation control.

[0095] In some embodiments, it is assumed that the first swipe operation is an upward swipe operation, such as... Figure 6 As shown in sub-figure (a), when the second swipe operation is also an upward swipe operation (the arrows in the figure indicate the direction of information content movement or the direction of the swipe operation), the floating toolbar is not displayed in the user interface 600. In some embodiments, it is assumed that the first swipe operation is an upward swipe operation, such as... Figure 6 As shown in sub-figure (b), when the second sliding operation is also a top-down sliding operation (the arrow in the figure points to the direction of information content movement or the direction of the sliding operation), a floating toolbar 630 is displayed. Exemplarily, this floating toolbar includes a second operation control. Exemplarily, this second operation control includes the operation control "Play" 620 or the operation control "Make the Same" 610.

[0096] In this embodiment, the direction of the second sliding operation following the first sliding operation is used as a condition for determining whether to display the floating toolbar, thereby further raising the threshold for displaying the floating toolbar. By clarifying the user's intention through the direction of the operation, the displayed floating toolbar, including the second operation controls, can accurately reflect the user's intention. Therefore, this approach results in higher interface display efficiency and richer human-computer interaction.

[0097] The conditions that the second sliding operation must meet will be further explained below.

[0098] In some embodiments, when the first operation control is located outside the display area of ​​the user interface and a second sliding operation is received, and the second sliding operation satisfies a first condition, a floating toolbar containing the second operation control is displayed; wherein, the first condition includes at least one of the following: the sliding distance of the second sliding operation is greater than a first distance threshold, the duration of the second sliding operation is greater than a first duration threshold, the sliding rate of the second sliding operation is greater than a first speed threshold, and the sliding type of the second sliding operation is a first sliding type.

[0099] For example, in addition to being in the opposite direction to the first swipe operation, the second swipe operation must also meet further conditions to display the floating toolbar containing the second operation controls. This is to account for the possibility of accidental touches by limiting the conditions that the second swipe operation must meet, thereby ensuring that the second swipe operation is not an accidental touch.

[0100] For example, the first condition includes the swiping distance of the second swipe operation being greater than a first distance threshold. When the swipe operation has a large distance, it indicates that the second swipe operation is not a mis-touch operation, and the user clearly intends to look back. In this case, displaying a floating toolbar containing the second operation controls is in line with the user's expectations.

[0101] For example, the first condition includes the duration of the second swipe operation exceeding a first duration threshold. When the duration of the second swipe operation is relatively long, it indicates that the second swipe operation is not a mis-touch operation, and the user has a clear intention to look back. In this case, displaying a floating toolbar containing the second operation controls meets the user's expectations.

[0102] For example, the first condition includes the swiping rate of the second swipe operation being greater than a first speed threshold. When the swiping rate of the second swipe operation is high, it indicates that the second swipe operation is not a mis-touch operation, and the user has a clear intention to look back. In this case, displaying a floating toolbar containing the second operation controls is in line with the user's expectations.

[0103] For example, the first condition includes the second swipe operation being of the first swipe type. When the second swipe operation is of the specified swipe type (first swipe type), it indicates that the second swipe operation is not a mis-touch operation, and the user clearly intends to look back. In some embodiments, the swipe type of the swipe operation includes, but is not limited to, continuous swipes and swipes with a pause (tap swipe). In this case, displaying a floating toolbar containing the second operation controls is in line with the user's expectations.

[0104] In some embodiments, the first distance threshold, the first duration threshold, the first speed threshold, and the first sliding type are all preset.

[0105] The following explains several situations where the first operation control is located outside the display area of ​​the user interface.

[0106] In some embodiments, the first operation control is located outside the display area of ​​the user interface, including any of the following: the first operation control is not displayed at all in the display area of ​​the user interface; the display size of the first operation control in the display area of ​​the user interface is less than or equal to a first threshold; the display ratio of the first operation control in the display area of ​​the user interface is less than or equal to a second threshold.

[0107] In this embodiment, the sole criterion for determining whether the first operation control is completely not displayed in the display area of ​​the user interface is not taken as the sole criterion. In addition, several cases in which the first operation control is not fully displayed in the display area of ​​the user interface are also taken as criterion for determining whether the floating toolbar is displayed.

[0108] For example, the first operation control is not displayed at all in the display area of ​​the user interface. This situation means that the first operation control is not displayed in the user interface at all, and is therefore considered to be located outside the display area of ​​the user interface.

[0109] For example, the display size of the first operation control in the display area of ​​the user interface is less than or equal to a first threshold. In some embodiments, the display size of the portion of the first operation control displayed in the display area of ​​the user interface is less than or equal to the first threshold. In this case, it is considered that the portion of the first operation control displayed on the user interface is small. In this case, the first operation control is located outside the display area of ​​the user interface, which can also be referred to as the first operation control being located outside the main display area of ​​the user interface.

[0110] For example, the display proportion of the first operation control in the display area of ​​the user interface is less than or equal to the second threshold. In some embodiments, the portion of the first operation control displayed in the display area of ​​the user interface occupies a proportion of the total display area of ​​the user interface that is less than or equal to the second threshold. In this case, the first operation control is located outside the display area of ​​the user interface, which can also be described as the first operation control being located outside the main display area of ​​the user interface.

[0111] In some embodiments, the first threshold and the second threshold are both preset.

[0112] In this embodiment, regardless of whether the first operation control is completely outside the display area of ​​the user interface, or whether it is located outside the main display area of ​​the user interface, it is inconvenient for the user to perform operations on the first operation control. For example, when the first operation control is completely outside the display area of ​​the user interface, it means the first operation control is not displayed at all in the user interface, and operations on the first operation control cannot be performed. For example, if the display size of the first operation control in the display area of ​​the user interface is less than or equal to a first threshold, or the display ratio of the first operation control in the display area of ​​the user interface is less than or equal to a second threshold, it means the first operation control is not fully displayed in the display area of ​​the user interface. Even if a portion of the first operation control is displayed in the user interface, it may be too small to respond to user operations. In this case, a floating toolbar including the second operation control is still required.

[0113] The following is a further explanation of the display of the floating toolbar.

[0114] In some embodiments, the display of the floating toolbar satisfies at least one of the following conditions: the display level of the floating toolbar is higher than the display level of the user interface; the display position of the floating toolbar is a preset position, or a position that does not obscure the main information content in the user interface.

[0115] For example, the display hierarchy of the floating toolbar is higher than that of the user interface. Considering that the floating toolbar is a toolbar provided to the user to facilitate related operations, it is necessary to set the display hierarchy of the floating toolbar to be higher than that of the user interface.

[0116] For example, the display position of the floating toolbar is a preset position. For example, considering that the edges of the user interface are generally non-user visual focus areas, the non-user visual focus areas can be set to the preset position. Here, the visual focus area can be considered as the center area of ​​the user interface, and the non-user visual focus area can be considered as areas other than the center area of ​​the user interface, such as the top, bottom, left, or right. In some embodiments, the bottom of the user interface is set as the preset position to display the floating toolbar.

[0117] For example, the display position of the floating toolbar is such that it does not obscure the main information content in the user interface. In some embodiments, the display position of the floating toolbar is not fixed and changes depending on the content displayed on the user interface. For example, the information content displayed on the user interface is obtained, and the main information content is determined. For example, the area outside the main displayed content is considered as the position where the main information content in the user interface is not obscured. For example, the dynamic change of the position of the floating toolbar ensures that the display of the floating toolbar does not obscure the main information content in the user interface at any given time, thereby ensuring the display effect of the floating toolbar.

[0118] The following provides further explanation regarding the non-display of the floating toolbar or the second operation control.

[0119] In some embodiments, when a floating toolbar is displayed on top of the user interface, a fourth swipe operation is received for the user interface, the fourth swipe operation being used to adjust the display area of ​​the user interface; in response to the fourth swipe operation, when the first operation control is within the display area of ​​the user interface, a floating toolbar that does not contain the second operation control is displayed.

[0120] In some embodiments, when a floating toolbar is displayed on top of the user interface, a fourth swipe operation is received for the user interface, the fourth swipe operation being used to adjust the display area of ​​the user interface; in response to the fourth swipe operation, if the first operation control is within the display area of ​​the user interface, the floating toolbar is not displayed.

[0121] In other words, there are two scenarios: one is that the floating toolbar is displayed, but the second operation control is not included in the floating toolbar; the other is that the floating toolbar is not displayed, meaning the second operation control is not displayed.

[0122] For example, the fourth swipe operation and the first swipe operation are either a one-step operation where the finger does not leave the screen, or a two-step operation where the middle finger leaves the screen; this application does not limit this. For example, when the fourth swipe operation and the first swipe operation are two-step operations where the middle finger leaves the screen, there is a certain time interval between the fourth swipe operation and the first swipe operation.

[0123] For example, the first operation control is located within the display area of ​​the user interface, including any of the following situations: the first operation control is fully displayed in the display area of ​​the user interface; the display size of the first operation control in the display area of ​​the user interface is greater than a first threshold; the display ratio of the first operation control in the display area of ​​the user interface is greater than a second threshold.

[0124] In this embodiment of the application, when the first operation control is located within the display area of ​​the user interface, the second operation control is not displayed, thus avoiding repeated display of the control and saving display costs.

[0125] The following explains the differences in the display of operation controls in the floating toolbar.

[0126] In some embodiments, when the operation controls displayed in the floating toolbar include a second operation control, the second operation control is displayed differently from other operation controls in the floating toolbar; wherein, the distinguished display includes at least one of the following: highlighting, dynamic display, and magnified display.

[0127] For example, the floating toolbar includes two types of controls: one type is the controls that are set in the floating toolbar by themselves, and the second type is the controls that are dynamically added to the floating toolbar based on whether they are displayed in the display area of ​​the user interface.

[0128] For example, dynamically added operation controls in the floating toolbar are displayed differently from other operation controls in the floating toolbar; wherein, the distinguishing display includes at least one of the following: highlighting, dynamic display, and magnified display. For example, the dynamically added operation control includes a second operation control.

[0129] The technical solution provided in this application improves the user's perception of the dynamically added operation controls by displaying them differently from other controls, thus clarifying which operation controls are dynamically added and facilitating the user to perform related operations.

[0130] The following is an explanation of how to cancel the display.

[0131] In some embodiments, when the first operation control is located outside the display area of ​​the user interface, a prompt message and an undo control are displayed on the user interface. The prompt message prompts the display of a floating toolbar containing the second operation control. In response to an operation on the undo control, the display of the floating toolbar containing the second operation control is canceled.

[0132] In some embodiments, when the first operation control is located outside the display area of ​​the user interface, a prompt message and an undo control are displayed on the user interface. The prompt message is used to prompt the display of a floating toolbar containing the second operation control. In response to an operation on the undo control, the floating toolbar is de-displayed.

[0133] For example, the prompt message may be displayed in the form of text, image, voice playback, device vibration, etc. This application does not limit the display location of the prompt message or the undo control.

[0134] For example, when the second operation control is added and displayed in the floating toolbar, a prompt message is given to the user to inform the user that the floating toolbar containing the second operation control will be displayed.

[0135] For example, the user is informed that a floating toolbar containing the second operation control will be displayed, granting the user the permission to undo. For example, an undo control is displayed on the user interface, and in response to an operation on the undo control, either the floating toolbar containing the second operation control is de-displayed or the floating toolbar is un-displayed altogether.

[0136] The technical solution provided in this application improves information display efficiency and enriches human-computer interaction by providing users with prompts to indicate that a floating toolbar containing the second operation controls will be displayed. Furthermore, an undo control is also provided, allowing users to cancel the display of the floating toolbar including the second operation controls. This enables users to be granted the right to undo when their intentions are misjudged, preventing further unnecessary display of the second operation controls.

[0137] Please refer to Figure 5 This document illustrates a flowchart of an interface display method provided in another embodiment of this application. The executing entity of this method may be the terminal device 10 described above, such as the client of the target application mentioned in the above embodiments, where the executing entity of each step is the client of the target application. In the following method embodiments, for ease of description, the executing entity of each step will only be described as the "client". The method may include at least one of the following steps (510-570): Step 510: Display first information content in the user interface, the first information content including the first operation control.

[0138] Step 520: Receive a first swipe operation on the user interface, the first swipe operation being used to adjust the display area of ​​the user interface.

[0139] Step 530: In response to the first sliding operation, if the first operation control is located outside the display area of ​​the user interface, a floating toolbar containing the second operation control is displayed. The function of the second operation control is the same as that of the first operation control.

[0140] Step 540: When a floating toolbar is displayed on top of the user interface, a third swipe operation is received for the user interface, which is used to adjust the display area of ​​the user interface.

[0141] In some embodiments, the third swipe operation and the first swipe operation are a one-step operation in which the finger does not leave the screen, or a two-step operation in which the middle finger leaves the screen; this application does not limit this. For example, when the third swipe operation and the first swipe operation are a two-step operation in which the middle finger leaves the screen, there is a certain time interval between the third swipe operation and the first swipe operation.

[0142] Step 550: In response to the third swipe operation, hide the floating toolbar or change the floating toolbar from an expanded form to a thumbnail form.

[0143] In some embodiments, if a floating toolbar is displayed above the user interface, subsequent user actions, such as a third swipe, are received. In response to this third swipe, the floating toolbar can be hidden or left displayed.

[0144] In some embodiments, in response to a third swipe operation, the floating toolbar is hidden, or the floating toolbar is changed from an expanded form to a minimized form.

[0145] In some embodiments, in response to a third sliding operation, if the third sliding operation satisfies a second condition, the floating toolbar is hidden or the floating toolbar is changed from an expanded form to a minimized form; wherein the second condition includes at least one of the following: the sliding direction of the third sliding operation is the same as the sliding direction of the first sliding operation, the sliding distance of the third sliding operation is less than a second distance threshold, the duration of the third sliding operation is less than a second duration threshold, the sliding rate of the third sliding operation is less than a second speed threshold, and the sliding type of the third sliding operation is a second sliding type.

[0146] In some instances, similar to the second swipe operation described above, not all third swipe operations can hide the floating toolbar; the third swipe operation needs to meet certain conditions.

[0147] For example, the second condition includes the fact that the sliding direction of the third sliding operation is the same as the sliding direction of the first sliding operation. When the sliding direction of the third sliding operation is the same as the sliding direction of the first sliding operation, it indicates that the user is sliding away from the first operation control. At this time, the user does not intend to look back at the first operation control. Therefore, hiding the floating toolbar or changing the floating toolbar from an expanded form to a minimized form is in line with the user's expectations.

[0148] For example, the second condition includes the fact that the sliding distance of the third swipe operation is less than the second distance threshold. When the sliding distance of the third swipe operation is small, it indicates that the user is currently making a short swipe, which suggests that the user is browsing the information displayed in the user interface. At this time, the user does not intend to look back at the first operation control. Therefore, hiding the floating toolbar or changing the floating toolbar from an expanded form to a minimized form is in line with the user's expectations.

[0149] For example, the second condition includes the duration of the third swipe operation being less than a second duration threshold. When the duration of the third swipe operation is short, it indicates that the user is performing a short swipe and does not intend to look back at the first operation control. Therefore, hiding the floating toolbar or changing the floating toolbar from an expanded form to a thumbnail form is in line with the user's expectations.

[0150] For example, the second condition includes the swiping rate of the third swipe operation being less than the second speed threshold. When the swiping rate of the third swipe operation is low, the user is swiping slowly and should not have the intention to look back at the first operation control. Therefore, hiding the floating toolbar or changing the floating toolbar from an expanded form to a thumbnail form is in line with the user's expectations.

[0151] For example, the second condition includes the third swipe operation being a second swipe type. When the third swipe operation is a specified swipe type (second swipe type), the user should not have any intention to look back at the first operation control. Therefore, hiding the floating toolbar or changing the floating toolbar from an expanded form to a thumbnail form is in line with user expectations.

[0152] In some embodiments, the second distance threshold, the second duration threshold, the second speed threshold, and the second sliding type are all preset.

[0153] Correspondingly, in response to the third swipe operation, the floating toolbar remains displayed even if the third swipe operation does not meet the second condition.

[0154] In this embodiment, the floating toolbar including the second operation control is hidden or shown by judging the user intent represented by the sliding operation, so as to hit the user intent and improve the efficiency of human-computer interaction.

[0155] In some embodiments, if a third condition is met, the floating toolbar is redisplayed, or the floating toolbar is changed from a thumbnail form to an expanded form; wherein the third condition includes at least one of the following: the operation direction of the third sliding operation changes from the same as the sliding direction of the first sliding operation to the opposite of the sliding direction of the first sliding operation; the sliding distance of the third sliding operation is greater than a second distance threshold; the duration of the third sliding operation is greater than a second duration threshold; the sliding rate of the third sliding operation is greater than a second speed threshold.

[0156] For example, corresponding to the above-mentioned hiding, if the third condition is met, it indicates that the user intends to look back at this time, or that there may be an intention to operate the first operation control.

[0157] For example, the third condition includes changing the direction of the third swipe operation from the same as the first swipe operation to the opposite direction of the first swipe operation. When the direction of the third swipe operation is opposite to the direction of the first swipe operation, it indicates that the user is swiping towards the first operation control, and the user intends to look back at the first operation control. Therefore, displaying the floating toolbar including the second operation control is in line with the user's expectations.

[0158] For example, the third condition includes the swiping distance of the third swipe operation being greater than or equal to the second distance threshold. When the swipe distance of the third swipe operation is small, it indicates that the user is swiping for a long time, which may mean that the user is not concerned about the information content of the user interface, or that the user intends to look back at the first operation control. Therefore, displaying the floating toolbar including the second operation control is in line with the user's expectations.

[0159] For example, the third condition includes the duration of the three-swipe operation being greater than or equal to the second duration threshold. When the duration of the third swipe operation is short, it indicates that the user is currently swiping for a long time, which may suggest that the user is not interested in the information content of the user interface, or that the user intends to look back at the first operation control. Therefore, displaying the floating toolbar including the second operation control is in line with the user's expectations.

[0160] For example, the third condition includes the sliding rate of the third swipe operation being greater than or equal to the second speed threshold. When the sliding rate of the third swipe operation is low, the user is swiping quickly, which may indicate that the user is not concerned about the information content of the user interface, or that the user intends to look back at the first operation control. Therefore, displaying the floating toolbar including the second operation control is in line with the user's expectations.

[0161] In this embodiment, UIScrollView (iOS) and ScrollView (Android) controls are used to implement page scrolling functionality on iOS and Android platforms. By monitoring page scrolling events, "Favorite" and "Share" buttons are dynamically added to the page when the user scrolls upwards. On iOS, the direction and distance of the user's scroll can be determined by monitoring the contentOffset property of UIScrollView; on Android, the same functionality can be achieved by monitoring the onScrollChanged method of ScrollView.

[0162] For example, when it's detected that the user is swiping down the page and the "Play" and "Make the Same" buttons are about to slide off-screen, these two buttons are removed from their original positions and added to the floating toolbar. Simultaneously, the floating toolbar dynamically appears at the top of the screen. On iOS, the movement of the buttons and the display of the floating toolbar can be achieved using UIView's animation methods; on Android, the same effect can be achieved using ViewPropertyAnimator or ObjectAnimator.

[0163] For example, to allow users to focus more on the content as they continue scrolling down, a floating toolbar was designed to hide and show. The floating toolbar automatically hides as the user continues scrolling down; it automatically appears when the user stays on the current page for more than 3 seconds or scrolls up. On iOS, this can be achieved by monitoring the UIScrollView's scroll event and using a timer (checking for more than 3 seconds); on Android, the same effect can be achieved by monitoring the ScrollView's onScrollChanged method and using a Handler (checking for more than 3 seconds).

[0164] For example, when a user swipes up to the top of the page, the "Play" and "Make the Same Look" buttons need to be removed from the floating toolbar and restored to their original positions. Simultaneously, the floating toolbar should automatically hide. On iOS, this can be achieved by monitoring the `contentOffset` property of the `UIScrollView` to determine if the user has swiped to the top of the page, and then using `UIView`'s animation methods to move the buttons and hide the floating toolbar. On Android, the same functionality can be achieved by monitoring the `onScrollChanged` method of the `ScrollView`, and using `ViewPropertyAnimator` or `ObjectAnimator` to move the buttons and hide the floating toolbar.

[0165] Step 560: If a floating toolbar is displayed on top of the user interface, display the second information content in the user interface.

[0166] For example, after the first swipe operation ends, if the condition is met, a floating toolbar is displayed on top of the user interface. For example, when a floating toolbar is displayed on top of the user interface, second information content is displayed in the user interface.

[0167] For example, the second information content does not include the first operation control. For example, the second information content is different from the first information content.

[0168] Step 570: If the display of the second information content meets the fourth condition, hide the floating toolbar or change the floating toolbar from an expanded form to a thumbnail form.

[0169] The fourth condition includes at least one of the following: the display duration of the second information content is less than the third duration threshold, or the second information content is other information content besides the specified information content.

[0170] In some embodiments, the display of the second information content is used to determine whether the user intends to view the first operation control.

[0171] For example, the fourth condition includes the display duration of the second information content being less than the third duration threshold. When the display duration of the second information content is short, it indicates that the user is performing subsequent operations, meaning the user has not stopped browsing, and it can be assumed that the user has no intention of looking back. Therefore, hiding the floating toolbar, or changing the floating toolbar from an expanded form to a thumbnail form, meets the user's expectations.

[0172] For example, the fourth condition includes the second information content being information content other than the specified information content. If the specified information content represents the user's intention to look back, then conversely, if the second information content is information content other than the specified information content, it indicates that the user has not stopped browsing, and it can be assumed that the user has no intention to look back. Therefore, hiding the floating toolbar, or changing the floating toolbar from an expanded form to a thumbnail form, meets the user's expectations.

[0173] In some embodiments, if the display of the second information content meets the fifth condition, the floating toolbar is redisplayed, or the floating toolbar is changed from a thumbnail form to an expanded form; wherein the fifth condition includes at least one of the following: the display duration of the second information content is greater than the third duration threshold, or the second information content is the specified information content.

[0174] For example, the fifth condition includes the display duration of the second information content being greater than or equal to the third duration threshold. When the display duration of the second information content is relatively long, it indicates that the user has stopped browsing, and it can be assumed that the user intends to go back to view it. Therefore, displaying a floating toolbar including the second operation controls is in line with the user's expectations.

[0175] For example, the fifth condition includes the second information content being the specified information content. In some embodiments, the specified information content can be the end information content of the information content. In this case, when the second information content is the end information content, it can be assumed that the user has finished browsing and should intend to look back. Therefore, displaying a floating toolbar including the second operation controls is in line with the user's expectations.

[0176] The technical solution provided in this application determines the user's intent based on the information displayed on the user interface after a swipe operation, thereby deciding whether to display a floating toolbar including the second operation controls. This improves human-computer interaction efficiency. Compared to the previous method that required a swipe operation to meet specific conditions, the method directly determines the intent based on the information displayed on the user interface, reducing the number of operation steps.

[0177] The following describes an example of an application scenario.

[0178] In some embodiments, the interface display method provided in this application can be applied to reading applications.

[0179] Please refer to Figure 7 The diagram illustrates a flowchart of an information display method according to another embodiment of this application. The executing entity of this method can be the terminal device 10 described above, such as the client of a target application, where the executing entity for each step is the client. In the following method embodiments, for ease of description, the executing entity for each step will only be described as the "client". This method may include at least one of the following steps (710-730): Step 710: Display the first reading content in the reading interface, which includes the first operation control.

[0180] For example, the reading content is articles, fairy tales, novels, etc., provided to users by a reading application. Alternatively, the reading interface may be an introductory interface for articles, fairy tales, novels, etc., provided to users.

[0181] Step 720: Receive a first swipe operation on the reading interface, the first swipe operation being used to adjust the display area of ​​the reading interface.

[0182] Step 730: In response to the first swipe operation, if the first operation control is outside the display area of ​​the reading interface, a floating toolbar containing the second operation control is displayed. The function of the second operation control is the same as that of the first operation control.

[0183] In some embodiments, a floating toolbar is displayed, which contains a second operation control; or, a second operation control is added to an already displayed floating toolbar.

[0184] In some embodiments, in response to a first swipe operation, a thumbnail-style floating toolbar is displayed when the first operation control is within the display area of ​​the reading interface.

[0185] In some embodiments, the thumbnail-style floating toolbar is changed to an expanded floating toolbar; and a second operation control is added to the expanded floating toolbar.

[0186] In some embodiments, when the first operation control is located outside the display area of ​​the reading interface and a second swipe operation is received, a floating toolbar containing the second operation control is displayed; wherein the swiping direction of the second swipe operation is opposite to the swiping direction of the first swipe operation.

[0187] In some embodiments, when the first operation control is located outside the display area of ​​the reading interface and a second sliding operation is received, and the second sliding operation satisfies a first condition, a floating toolbar containing the second operation control is displayed; wherein, the first condition includes at least one of the following: the sliding distance of the second sliding operation is greater than a first distance threshold, the duration of the second sliding operation is greater than a first duration threshold, the sliding rate of the second sliding operation is greater than a first speed threshold, and the sliding type of the second sliding operation is a first sliding type.

[0188] In some embodiments, the first operation control is located outside the display area of ​​the reading interface, including any of the following situations: the first operation control is not displayed at all in the display area of ​​the reading interface; the display size of the first operation control in the display area of ​​the reading interface is less than or equal to a first threshold; the display ratio of the first operation control in the display area of ​​the reading interface is less than or equal to a second threshold.

[0189] In some embodiments, the display of the floating toolbar satisfies at least one of the following conditions: the display level of the floating toolbar is higher than the display level of the reading interface; the display position of the floating toolbar is a preset position, or it does not obscure the position of the main reading content in the reading interface.

[0190] In some embodiments, when a floating toolbar is displayed on top of the reading interface, a third swipe operation is received on the reading interface, the third swipe operation being used to adjust the display area of ​​the reading interface; in response to the third swipe operation, the floating toolbar is hidden, or the floating toolbar is changed from an expanded form to a minimized form.

[0191] In some embodiments, in response to a third sliding operation, if the third sliding operation satisfies a second condition, the floating toolbar is hidden or the floating toolbar is changed from an expanded form to a minimized form; wherein the second condition includes at least one of the following: the sliding direction of the third sliding operation is the same as the sliding direction of the first sliding operation, the sliding distance of the third sliding operation is less than a second distance threshold, the duration of the third sliding operation is less than a second duration threshold, the sliding rate of the third sliding operation is less than a second speed threshold, and the sliding type of the third sliding operation is a second sliding type.

[0192] In some embodiments, if a third condition is met, the floating toolbar is redisplayed, or the floating toolbar is changed from a thumbnail form to an expanded form; wherein the third condition includes at least one of the following: the operation direction of the third sliding operation changes from the same as the sliding direction of the first sliding operation to the opposite of the sliding direction of the first sliding operation; the sliding distance of the third sliding operation is greater than a second distance threshold; the duration of the third sliding operation is greater than a second duration threshold; the sliding rate of the third sliding operation is greater than a second speed threshold.

[0193] In some embodiments, when a floating toolbar is displayed on top of the reading interface, the second reading content is displayed in the reading interface; when the display of the second reading content meets the fourth condition, the floating toolbar is hidden, or the floating toolbar is changed from an expanded form to a minimized form; wherein, the fourth condition includes at least one of the following: the display duration of the second reading content is less than a third duration threshold, or the second reading content is other reading content besides the specified reading content.

[0194] In some embodiments, if the display of the second reading content meets the fifth condition, the floating toolbar is redisplayed, or the floating toolbar is changed from a thumbnail form to an expanded form; wherein the fifth condition includes at least one of the following: the display duration of the second reading content is greater than the third duration threshold, or the second reading content is the specified reading content.

[0195] In some embodiments, when a floating toolbar is displayed on top of the reading interface, a fourth swipe operation is received on the reading interface, the fourth swipe operation being used to adjust the display area of ​​the reading interface; in response to the fourth swipe operation, when the first operation control is within the display area of ​​the reading interface, a floating toolbar that does not contain the second operation control is displayed.

[0196] In some embodiments, when the operation controls displayed in the floating toolbar include a second operation control, the second operation control is displayed differently from other operation controls in the floating toolbar; wherein, the distinguished display includes at least one of the following: highlighting, dynamic display, and magnified display.

[0197] In some embodiments, when the first operation control is located outside the display area of ​​the reading interface, a prompt message and an undo control are displayed on the reading interface. The prompt message is used to prompt the display of a floating toolbar containing the second operation control. In response to an operation on the undo control, the display of the floating toolbar containing the second operation control is canceled.

[0198] The technical solution provided in this application, compared to related technologies where sliding an operation control out of the user interface display area requires the user to slide it back to its display position to perform any operation, presents a different approach. This application displays a floating toolbar containing a second operation control with the same function as the first operation control when the first operation control is slid out of the display area. The user does not need to return to the location of the first operation control; they can achieve the same function by clicking the second operation control in the floating toolbar. Therefore, this application improves interface display efficiency by displaying a floating toolbar including a second operation control even when the first operation control is outside the display area of ​​the reading interface.

[0199] In some embodiments, the interface display method provided in this application can be applied to applications that provide information flow content.

[0200] Please refer to Figure 8 The diagram illustrates a flowchart of an information display method according to another embodiment of this application. The executing entity of this method can be the terminal device 10 described above, such as the client of a target application, where the executing entity for each step is the client. In the following method embodiments, for ease of description, the executing entity for each step will only be described as the "client". The method may include at least one of the following steps (810-830): Step 810: Display the first information flow content in the information flow interface. The first information flow content includes the first operation control.

[0201] For example, the information flow content is information content for multiple objects. The information flow content includes multiple content blocks. In some embodiments, a first operation control is arranged in the multiple content blocks, and in response to an operation on the first operation control, an operation on the multiple content blocks can be performed.

[0202] Step 820: Receive a first swipe operation on the information feed interface. The first swipe operation is used to adjust the display area of ​​the information feed interface.

[0203] Step 830: In response to the first swipe operation, if the first operation control is located outside the display area of ​​the information flow interface, a floating toolbar containing the second operation control is displayed. The function of the second operation control is the same as that of the first operation control.

[0204] In some embodiments, a floating toolbar is displayed, which contains a second operation control; or, a second operation control is added to an already displayed floating toolbar.

[0205] In some embodiments, in response to a first swipe operation, a thumbnail-style floating toolbar is displayed when the first operation control is within the display area of ​​the information flow interface.

[0206] In some embodiments, the thumbnail-style floating toolbar is changed to an expanded floating toolbar; and a second operation control is added to the expanded floating toolbar.

[0207] In some embodiments, when the first operation control is located outside the display area of ​​the information flow interface and a second sliding operation is received, a floating toolbar containing the second operation control is displayed; wherein the sliding direction of the second sliding operation is opposite to the sliding direction of the first sliding operation.

[0208] In some embodiments, when the first operation control is located outside the display area of ​​the information flow interface and a second sliding operation is received, and the second sliding operation satisfies a first condition, a floating toolbar containing the second operation control is displayed; wherein, the first condition includes at least one of the following: the sliding distance of the second sliding operation is greater than a first distance threshold, the duration of the second sliding operation is greater than a first duration threshold, the sliding rate of the second sliding operation is greater than a first speed threshold, and the sliding type of the second sliding operation is a first sliding type.

[0209] In some embodiments, the first operation control is located outside the display area of ​​the information flow interface, including any of the following situations: the first operation control is not displayed at all in the display area of ​​the information flow interface; the display size of the first operation control in the display area of ​​the information flow interface is less than or equal to a first threshold; the display ratio of the first operation control in the display area of ​​the information flow interface is less than or equal to a second threshold.

[0210] In some embodiments, the display of the floating toolbar satisfies at least one of the following conditions: the display level of the floating toolbar is higher than the display level of the information flow interface; the display position of the floating toolbar is a preset position, or it does not obscure the position of the main information flow content in the information flow interface.

[0211] In some embodiments, when a floating toolbar is displayed on top of the information feed interface, a third sliding operation is received on the information feed interface. The third sliding operation is used to adjust the display area of ​​the information feed interface. In response to the third sliding operation, the floating toolbar is hidden or changed from an expanded form to a minimized form.

[0212] In some embodiments, in response to a third sliding operation, if the third sliding operation satisfies a second condition, the floating toolbar is hidden or the floating toolbar is changed from an expanded form to a minimized form; wherein the second condition includes at least one of the following: the sliding direction of the third sliding operation is the same as the sliding direction of the first sliding operation, the sliding distance of the third sliding operation is less than a second distance threshold, the duration of the third sliding operation is less than a second duration threshold, the sliding rate of the third sliding operation is less than a second speed threshold, and the sliding type of the third sliding operation is a second sliding type.

[0213] In some embodiments, if a third condition is met, the floating toolbar is redisplayed, or the floating toolbar is changed from a thumbnail form to an expanded form; wherein the third condition includes at least one of the following: the operation direction of the third sliding operation changes from the same as the sliding direction of the first sliding operation to the opposite of the sliding direction of the first sliding operation; the sliding distance of the third sliding operation is greater than a second distance threshold; the duration of the third sliding operation is greater than a second duration threshold; the sliding rate of the third sliding operation is greater than a second speed threshold.

[0214] In some embodiments, when a floating toolbar is displayed on top of the information flow interface, the second information flow content is displayed in the information flow interface; when the display of the second information flow content meets the fourth condition, the floating toolbar is hidden, or the floating toolbar is changed from an expanded form to a thumbnail form; wherein, the fourth condition includes at least one of the following: the display duration of the second information flow content is less than a third duration threshold, or the second information flow content is other information flow content besides the specified information flow content.

[0215] In some embodiments, if the display of the second information stream content meets the fifth condition, the floating toolbar is redisplayed, or the floating toolbar is changed from a thumbnail form to an expanded form; wherein the fifth condition includes at least one of the following: the display duration of the second information stream content is greater than the third duration threshold, or the second information stream content is the specified information stream content.

[0216] In some embodiments, when a floating toolbar is displayed on top of the information feed interface, a fourth sliding operation is received for the information feed interface, the fourth sliding operation being used to adjust the display area of ​​the information feed interface; in response to the fourth sliding operation, when the first operation control is located within the display area of ​​the information feed interface, a floating toolbar that does not contain the second operation control is displayed.

[0217] In some embodiments, when the operation controls displayed in the floating toolbar include a second operation control, the second operation control is displayed differently from other operation controls in the floating toolbar; wherein, the distinguished display includes at least one of the following: highlighting, dynamic display, and magnified display.

[0218] In some embodiments, when the first operation control is located outside the display area of ​​the information flow interface, a prompt message and an undo control are displayed on the information flow interface. The prompt message is used to prompt the display of a floating toolbar containing the second operation control. In response to an operation on the undo control, the display of the floating toolbar containing the second operation control is canceled.

[0219] The technical solution provided in this application, compared to related technologies where sliding an operation control out of the display area of ​​the user interface requires the user to slide it back to its display position to perform the operation, addresses this issue. This application displays a floating toolbar when the first operation control is slid out of the display area of ​​the information flow interface. This floating toolbar includes a second operation control with the same function as the first operation control. In this case, the user does not need to return to the location of the first operation control; by clicking the second operation control in the floating toolbar, they can achieve the same function as the first operation control. Therefore, this application improves interface display efficiency by displaying a floating toolbar including a second operation control even when the first operation control is outside the display area of ​​the information flow interface.

[0220] The following are embodiments of the apparatus described in this application, which can be used to execute the embodiments of the method described in this application. For details not disclosed in the apparatus embodiments of this application, please refer to the embodiments of the method described in this application.

[0221] Please refer to Figure 9 This illustrates a block diagram of an interface display device provided in one embodiment of this application. Figure 9 As shown, the device 900 may include an interface display module 910 and an operation receiving module 920.

[0222] The interface display module 910 is used to display first information content in the user interface, the first information content including a first operation control.

[0223] The operation receiving module 920 is used to receive a first sliding operation for the user interface, the first sliding operation being used to adjust the display area of ​​the user interface.

[0224] The interface display module 910 is also configured to respond to the first sliding operation by displaying a floating toolbar containing a second operation control when the first operation control is located outside the display area of ​​the user interface, wherein the function of the second operation control is the same as that of the first operation control.

[0225] In some embodiments, the interface display module 910 is used to display the floating toolbar, which includes the second operation control; or, the second operation control is added to the already displayed floating toolbar.

[0226] In some embodiments, the interface display module 910 is configured to display a thumbnailed version of the floating toolbar in response to the first sliding operation, provided that the first operation control is located within the display area of ​​the user interface.

[0227] In some embodiments, the interface display module 910 is used to change the thumbnail form of the floating toolbar into an expanded form of the floating toolbar; and to add and display the second operation control in the expanded form of the floating toolbar.

[0228] In some embodiments, the interface display module 910 is configured to display the floating toolbar containing the second operation control when the first operation control is located outside the display area of ​​the user interface and a second sliding operation is received; wherein the sliding direction of the second sliding operation is opposite to the sliding direction of the first sliding operation.

[0229] In some embodiments, the interface display module 910 is configured to display the floating toolbar containing the second operation control when the first operation control is located outside the display area of ​​the user interface, and a second sliding operation is received, and the second sliding operation satisfies a first condition; wherein the first condition includes at least one of the following: the sliding distance of the second sliding operation is greater than a first distance threshold, the duration of the second sliding operation is greater than a first duration threshold, the sliding rate of the second sliding operation is greater than a first speed threshold, and the sliding type of the second sliding operation is a first sliding type.

[0230] In some embodiments, the first operation control is located outside the display area of ​​the user interface, including any of the following: the first operation control is not displayed at all in the display area of ​​the user interface; the display size of the first operation control in the display area of ​​the user interface is less than or equal to a first threshold; the display ratio of the first operation control in the display area of ​​the user interface is less than or equal to a second threshold.

[0231] In some embodiments, the display of the floating toolbar satisfies at least one of the following conditions: the display level of the floating toolbar is higher than the display level of the user interface; the display position of the floating toolbar is a preset position, or a position that does not obscure the main information content in the user interface.

[0232] In some embodiments, the operation receiving module 920 is configured to receive a third sliding operation on the user interface when the floating toolbar is displayed on top of the user interface, the third sliding operation being used to adjust the display area of ​​the user interface.

[0233] In some embodiments, the interface display module 910 is configured to, in response to the third sliding operation, hide the floating toolbar or change the floating toolbar from an expanded form to a minimized form.

[0234] In some embodiments, the interface display module 910 is configured to, in response to the third sliding operation, hide the floating toolbar or change the floating toolbar from an expanded form to a minimized form when the third sliding operation satisfies a second condition; wherein the second condition includes at least one of the following: the sliding direction of the third sliding operation is the same as the sliding direction of the first sliding operation; the sliding distance of the third sliding operation is less than a second distance threshold; the duration of the third sliding operation is less than a second duration threshold; the sliding rate of the third sliding operation is less than a second speed threshold; and the sliding type of the third sliding operation is a second sliding type.

[0235] In some embodiments, the interface display module 910 is configured to redisplay the floating toolbar or change the floating toolbar from the thumbnail form to the expanded form when a third condition is met; wherein the third condition includes at least one of the following: the operation direction of the third sliding operation changes from the same as the sliding direction of the first sliding operation to the opposite of the sliding direction of the first sliding operation; the sliding distance of the third sliding operation is greater than a second distance threshold; the duration of the third sliding operation is greater than a second duration threshold; the sliding rate of the third sliding operation is greater than a second speed threshold.

[0236] In some embodiments, the interface display module 910 is configured to display second information content in the user interface when the floating toolbar is displayed on top of the user interface; and to hide the floating toolbar or change the floating toolbar from an expanded form to a minimized form when the display of the second information content meets a fourth condition; wherein the fourth condition includes at least one of the following: the display duration of the second information content is less than a third duration threshold, or the second information content is other information content besides the specified information content.

[0237] In some embodiments, the interface display module 910 is used to redisplay the floating toolbar or change the floating toolbar from the thumbnail form to the expanded form when the display status of the second information content meets a fifth condition; wherein the fifth condition includes at least one of the following: the display duration of the second information content is greater than a third duration threshold, or the second information content is specified information content.

[0238] In some embodiments, the operation receiving module 920 is configured to receive a fourth sliding operation on the user interface when the floating toolbar is displayed on top of the user interface, the fourth sliding operation being used to adjust the display area of ​​the user interface.

[0239] In some embodiments, the interface display module 910 is configured to, in response to the fourth sliding operation, display a floating toolbar that does not contain the second operation control when the first operation control is located within the display area of ​​the user interface.

[0240] In some embodiments, the interface display module 910 is used to distinguish the second operation control from other operation controls in the floating toolbar when the operation controls displayed in the floating toolbar include the second operation control; wherein the distinguishing display includes at least one of the following: highlighting, dynamic display, and magnified display.

[0241] In some embodiments, the interface display module 910 is configured to display a prompt message and an undo control on the user interface when the first operation control is located outside the display area of ​​the user interface, wherein the prompt message is used to prompt the display of a floating toolbar containing the second operation control; and in response to an operation on the undo control, to cancel the display of the floating toolbar containing the second operation control.

[0242] It should be noted that the apparatus provided in the above embodiments is only illustrated by the division of the above functional modules when implementing its functions. In actual applications, the above functions can be assigned to different functional modules as needed, that is, the content structure of the device can be divided into different functional modules to complete all or part of the functions described above. In addition, the apparatus and method embodiments provided in the above embodiments belong to the same concept, and the specific implementation process can be found in the method embodiments, which will not be repeated here.

[0243] Please refer to Figure 10 This diagram illustrates a structural block diagram of a terminal device 1000 provided in one embodiment of this application. The terminal device 1000 may be... Figure 1 The terminal device 10 in the illustrated implementation environment is used to implement the interface display method provided in the above embodiments. Specifically: Typically, terminal device 1000 includes a processor 1001 and a memory 1002.

[0244] Processor 1001 may include one or more processing cores, such as a quad-core processor, an octa-core processor, etc. Processor 1001 may be implemented using at least one hardware form selected from DSP (Digital Signal Processing), FPGA (Field Programmable Gate Array), and PLA (Programmable Logic Array). Processor 1001 may also include a main processor and a coprocessor. The main processor, also known as a CPU (Central Processing Unit), is used to process data in the wake-up state; the coprocessor is a low-power processor used to process data in the standby state. In some embodiments, processor 1001 may integrate a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the screen. In some embodiments, processor 1001 may also include an AI (Artificial Intelligence) processor, which is used to handle computational operations related to machine learning.

[0245] The memory 1002 may include one or more computer-readable storage media, which may be non-transitory. The memory 1002 may also include high-speed random access memory and non-volatile memory, such as one or more disk storage devices or flash memory devices. In some embodiments, the non-transitory computer-readable storage media in the memory 1002 are used to store a computer program configured to be executed by one or more processors to implement the above-described interface display method.

[0246] In some embodiments, the terminal device 1000 may optionally include a peripheral device interface 1003 and at least one peripheral device. The processor 1001, memory 1002, and peripheral device interface 1003 can be connected via a bus or signal line. Each peripheral device can be connected to the peripheral device interface 1003 via a bus, signal line, or circuit board. Specifically, the peripheral device includes at least one of a radio frequency circuit 1004, a display screen 1005, an audio circuit 1007, and a power supply 1008.

[0247] Those skilled in the art will understand that Figure 10 The structure shown does not constitute a limitation on the terminal device 1000, and may include more or fewer components than shown, or combine certain components, or use different component arrangements.

[0248] In an exemplary embodiment, a computer-readable storage medium is also provided, wherein a computer program is stored in the storage medium, and the computer program, when executed by a processor, implements the above-described interface display method. Optionally, the computer-readable storage medium may include: ROM (Read-Only Memory), RAM (Random Access Memory), SSD (Solid State Drives), or optical disc, etc. The random access memory may include ReRAM (Resistance Random Access Memory) and DRAM (Dynamic Random Access Memory).

[0249] In an exemplary embodiment, a computer program product is also provided, the computer program product including a computer program stored in a computer-readable storage medium. A processor of a terminal device reads the computer program from the computer-readable storage medium, and the processor executes the computer program, causing the terminal device to perform the aforementioned interface display method.

[0250] It should be noted that the collection and processing of relevant data (including swiping operations, information content, etc.) in this application should strictly comply with the requirements of relevant national laws and regulations, obtain the informed consent or separate consent of the personal information subject, and carry out subsequent data use and processing within the scope of laws and regulations and the authorization of the personal information subject.

[0251] It should be understood that "multiple" as used herein refers to two or more. "And / or" describes the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A alone, A and B simultaneously, or B alone. The character " / " generally indicates that the preceding and following related objects are in an "or" relationship. Furthermore, the step numbers described herein are merely illustrative of one possible execution order. In some other embodiments, the steps may not be executed in numerical order, such as two steps with different numbers being executed simultaneously, or two steps with different numbers being executed in the reverse order of the illustration. This application does not limit this.

[0252] The above description is merely an exemplary embodiment of this application and is not intended to limit this application. Any modifications, equivalent substitutions, improvements, etc., made within the spirit and principles of this application should be included within the protection scope of this application.

Claims

1. A method for displaying an interface, characterized in that, The method includes: Display first information content in the user interface, the first information content including a first operation control; Receive a first swipe operation on the user interface, the first swipe operation being used to adjust the display area of ​​the user interface; In response to the first swipe operation, when the first operation control is located outside the display area of ​​the user interface, a floating toolbar containing a second operation control is displayed, the second operation control having the same function as the first operation control.

2. The method according to claim 1, characterized in that, The display includes a floating toolbar containing second operation controls, including: The floating toolbar is displayed, and the floating toolbar contains the second operation control; or, Add the second operation control to the already displayed floating toolbar.

3. The method according to claim 2, characterized in that, The method further includes: In response to the first swipe operation, when the first operation control is within the display area of ​​the user interface, a thumbnailed version of the floating toolbar is displayed; Adding and displaying the second operation control to the already displayed floating toolbar includes: Change the abbreviated form of the floating toolbar to the expanded form of the floating toolbar; The second operation control is added to the floating toolbar in the expanded form.

4. The method according to any one of claims 1 to 3, characterized in that, The step of displaying a floating toolbar containing a second operation control when the first operation control is located outside the display area of ​​the user interface includes: When the first operation control is located outside the display area of ​​the user interface and a second swipe operation is received, the floating toolbar containing the second operation control is displayed; The sliding direction of the second sliding operation is opposite to that of the first sliding operation.

5. The method according to claim 4, characterized in that, The step of displaying the floating toolbar containing the second operation control when the first operation control is located outside the display area of ​​the user interface and a second swipe operation is received includes: When the first operation control is located outside the display area of ​​the user interface, and a second sliding operation is received, and the second sliding operation satisfies the first condition, the floating toolbar containing the second operation control is displayed. The first condition includes at least one of the following: the sliding distance of the second sliding operation is greater than a first distance threshold; the duration of the second sliding operation is greater than a first duration threshold; the sliding rate of the second sliding operation is greater than a first speed threshold; and the sliding type of the second sliding operation is a first sliding type.

6. The method according to any one of claims 1 to 5, characterized in that, The first operation control is located outside the display area of ​​the user interface, including any of the following situations: The first operation control is not displayed at all in the display area of ​​the user interface; The display size of the first operation control in the display area of ​​the user interface is less than or equal to a first threshold. The display ratio of the first operation control in the display area of ​​the user interface is less than or equal to the second threshold.

7. The method according to any one of claims 1 to 6, characterized in that, The display of the floating toolbar satisfies at least one of the following conditions: The display hierarchy of the floating toolbar is higher than that of the user interface; The floating toolbar is displayed in a preset position, or in a position that does not obscure the main information content in the user interface.

8. The method according to any one of claims 1 to 7, characterized in that, The method further includes: When the floating toolbar is displayed on top of the user interface, a third swipe operation is received on the user interface, the third swipe operation being used to adjust the display area of ​​the user interface; In response to the third swipe operation, the floating toolbar is hidden, or the floating toolbar is changed from an expanded form to a minimized form.

9. The method according to claim 8, characterized in that, The response to the third swipe operation, hiding the floating toolbar or changing the floating toolbar from an expanded form to a thumbnail form, includes: In response to the third sliding operation, if the third sliding operation satisfies the second condition, the floating toolbar is hidden, or the floating toolbar is changed from an expanded form to a minimized form; The second condition includes at least one of the following: the sliding direction of the third sliding operation is the same as the sliding direction of the first sliding operation; the sliding distance of the third sliding operation is less than a second distance threshold; the duration of the third sliding operation is less than a second duration threshold; the sliding rate of the third sliding operation is less than a second speed threshold; and the sliding type of the third sliding operation is a second sliding type.

10. The method according to claim 8 or 9, characterized in that, The method further includes: If the third condition is met, the floating toolbar is redisplayed, or the floating toolbar is changed from the thumbnail form to the expanded form; The third condition includes at least one of the following: the operation direction of the third sliding operation changes from the same as the sliding direction of the first sliding operation to the opposite of the sliding direction of the first sliding operation; the sliding distance of the third sliding operation is greater than the second distance threshold; the duration of the third sliding operation is greater than the second duration threshold; and the sliding rate of the third sliding operation is greater than the second speed threshold.

11. The method according to any one of claims 1 to 10, characterized in that, The method further includes: When the floating toolbar is displayed on top of the user interface, the second information content is displayed in the user interface; If the display of the second information content meets the fourth condition, the floating toolbar is hidden, or the floating toolbar is changed from an expanded form to a thumbnail form. The fourth condition includes at least one of the following: the display duration of the second information content is less than the third duration threshold, or the second information content is other information content besides the specified information content.

12. The method according to claim 11, characterized in that, The method further includes: If the display of the second information content meets the fifth condition, the floating toolbar is redisplayed, or the floating toolbar is changed from the thumbnail form to the expanded form; The fifth condition includes at least one of the following: the display duration of the second information content is greater than the third duration threshold, or the second information content is specified information content.

13. The method according to any one of claims 1 to 12, characterized in that, The method further includes: When the floating toolbar is displayed on top of the user interface, a fourth swipe operation is received on the user interface, the fourth swipe operation being used to adjust the display area of ​​the user interface; In response to the fourth swipe operation, if the first operation control is within the display area of ​​the user interface, a floating toolbar that does not contain the second operation control is displayed.

14. The method according to any one of claims 1 to 13, characterized in that, The method further includes: When the operation controls displayed in the floating toolbar include a second operation control, the second operation control will be displayed differently from the other operation controls in the floating toolbar; The distinguishing display includes at least one of the following: highlight display, dynamic display, and magnified display.

15. The method according to any one of claims 1 to 14, characterized in that, The method further includes: When the first operation control is located outside the display area of ​​the user interface, a prompt message and an undo control are displayed on the user interface, the prompt message being used to prompt the display of a floating toolbar containing the second operation control; In response to an operation on the undo control, the floating toolbar containing the second operation control is de-displayed.

16. An interface display device, characterized in that, The device includes: An interface display module is used to display first information content in a user interface, wherein the first information content includes a first operation control; An operation receiving module is used to receive a first sliding operation on the user interface, the first sliding operation being used to adjust the display area of ​​the user interface; The interface display module is further configured to respond to the first sliding operation by displaying a floating toolbar containing a second operation control when the first operation control is located outside the display area of ​​the user interface, wherein the function of the second operation control is the same as that of the first operation control.

17. A terminal device, characterized in that, The terminal device includes a processor and a memory, the memory storing a computer program, which is loaded and executed by the processor to implement the interface display method as described in any one of claims 1 to 15.

18. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program, which is loaded and executed by a processor to implement the interface display method as described in any one of claims 1 to 15.

19. A computer program product, characterized in that, The computer program product includes a computer program that is loaded and executed by a processor to implement the interface display method as described in any one of claims 1 to 15.

Images