Interface display method and apparatus, and electronic device and readable storage medium

Abstract

Provided in the embodiments of the present disclosure are an interface display method and apparatus, and an electronic device and a readable storage medium. The interface display method comprises: receiving a first input for a target display interface; in response to the first input, updating and displaying displayed content in the target display interface by means of a first update mode; in response to the displayed content in the target display interface meeting a first preset condition, receiving a second input for the target display interface; and in response to the second input, updating and displaying the displayed content in the target display interface by means of a second update mode.

Description

Interface display method, device, electronic device and readable storage medium

[0001] This application claims priority to Chinese Patent Publication No. 202311236192.1 filed on September 22, 2023, and the contents of the above-mentioned Chinese Patent Publication are hereby incorporated by reference in their entirety as a part of this application. Technical Field

[0002] Embodiments of the present disclosure relate to an interface display method, device, electronic device, and readable storage medium. Background Art

[0003] With the development of electronic communication technology, when users browse content information on various Internet platforms, they need to perform corresponding operations and interact with electronic devices to update the displayed content. In related technologies, the method of triggering the display content update is relatively simple.

[0004] Summary of the Invention

[0005] At least one embodiment of the present disclosure provides an interface display method, device, electronic device, and readable storage medium.

[0006] In a first aspect, an embodiment of the present disclosure provides an interface display method, comprising: receiving a first input to a target display interface; in response to the first input, updating the display content in the target display interface through a first update method; in response to the display content of the target display interface satisfying a first preset condition, receiving a second input to the target display interface; in response to the second input, updating the display content in the target display interface through a second update method.

[0007] In the second aspect, an embodiment of the present disclosure also provides an interface display device, comprising: a receiving module configured to receive a first input to a target display interface; and a display module configured to update the display content in the target display interface through a first update method in response to the first input; the receiving module is also configured to receive a second input to the target display interface in response to the display content of the target display interface satisfying a first preset condition; and the display module is also configured to update the display content in the target display interface through a second update method in response to the second input.

[0008] In a third aspect, an embodiment of the present disclosure further provides an electronic device comprising a processor and a memory, wherein the memory stores a program or instruction that can be run on the processor, and when the program or instruction is executed by the processor, the steps of the interface display method of the first aspect are implemented.

[0009] In a fourth aspect, an embodiment of the present disclosure further provides a readable storage medium, on which a program or instruction is stored, and when the program or instruction is executed by a processor, the steps of the interface display method of the first aspect are implemented.

[0010] In a fifth aspect, an embodiment of the present disclosure further provides a chip, which includes a processor and a communication interface, the communication interface is coupled to the processor, and the processor is configured to run a program or instruction to implement the steps of the interface display method as in the first aspect.

[0011] In a sixth aspect, an embodiment of the present disclosure further provides a computer program product, which is stored in a storage medium and can be executed by at least one processor to implement the steps of the interface display method of the first aspect. BRIEF DESCRIPTION OF THE DRAWINGS

[0012] FIG1 is a schematic diagram showing a flow chart of an interface display method provided by an embodiment of the present disclosure;

[0013] FIG2 shows one of the schematic diagrams of a display interface of an interface display method provided by some embodiments of the present disclosure;

[0014] FIG3 shows a second schematic diagram of a display interface of the interface display method provided by some embodiments of the present disclosure;

[0015] FIG4 shows a third schematic diagram of a display interface of the interface display method provided by some embodiments of the present disclosure;

[0016] FIG5 shows a fourth schematic diagram of a display interface of the interface display method provided by some embodiments of the present disclosure;

[0017] FIG6 shows a fifth schematic diagram of a display interface of the interface display method provided by some embodiments of the present disclosure;

[0018] FIG7 shows a sixth schematic diagram of a display interface of the interface display method provided by some embodiments of the present disclosure;

[0019] FIG8 shows a seventh schematic diagram of a display interface of the interface display method provided by some embodiments of the present disclosure;

[0020] FIG9 shows a structural block diagram of an interface display device provided by some embodiments of the present disclosure;

[0021] FIG10 shows a structural block diagram of an electronic device according to an embodiment of the present disclosure;

[0022] FIG11 is a schematic diagram of the hardware structure of an electronic device implementing an embodiment of the present disclosure. DETAILED DESCRIPTION

[0023] The following will clearly describe the technical solutions in the embodiments of the present disclosure in conjunction with the drawings in the embodiments of the present disclosure. Obviously, the described embodiments are part of the embodiments of the present disclosure, but not all of the embodiments. Based on the embodiments described in the present disclosure, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of the present disclosure.

[0024] The terms "first", "second", etc. in the specification and claims of the present disclosure are used to distinguish similar objects, and are not used to describe a specific order or sequence. It should be understood that the terms used in this way are interchangeable where appropriate, so that the embodiments of the present disclosure can be implemented in an order other than those illustrated or described herein, and the objects distinguished by "first", "second", etc. are generally of the same type, and do not limit the number of objects. For example, the first object can be one or more. In addition, "and / or" in the specification and claims represents at least one of the connected objects, and the character " / " generally indicates that the objects associated with each other are in an "or" relationship.

[0025] The interface display method, interface display device, electronic device, and readable storage medium provided by the embodiments of the present disclosure are described in detail below with reference to Figures 1 to 11 through several exemplary embodiments and their application scenarios.

[0026] An embodiment of the present disclosure provides an interface display method. FIG1 shows a flow chart of the interface display method provided by the embodiment of the present disclosure. As shown in FIG1 , the interface display method may include the following steps S102 - S108 .

[0027] Step 102: Receive a first input to a target display interface.

[0028] Exemplarily, the target display interface may include a display interface when the electronic device runs an application, and the display content in the target display interface includes content in the running application.

[0029] Step 104: in response to the first input, updating the display content in the target display interface by using a first updating method;

[0030] In an embodiment of the present disclosure, the first input is used to trigger updating of the display content in the target display interface through a first update method. For example, the first input may be a sliding input, and the user performs a sliding input on the target display interface to update the display content in the target display interface.

[0031] Step 106: When the display content of the target display interface satisfies the first preset condition, receive a second input to the target display interface.

[0032] Step 108 : In response to the second input, update the display content in the target display interface using a second update method.

[0033] In an embodiment of the present disclosure, the second input is used to trigger the display content in the target display interface to be updated using a second update method when the display content of the target display interface meets a first preset condition. The update method of the display content in the target display interface is associated with the display content. For example, if the display content of the target display interface does not meet the first preset condition, the user triggers the first input to control the display content in the target display interface to be updated using the first update method. If the display content of the target display interface meets the first preset condition, the user triggers the second input to control the display content in the target display interface to be updated using the second update method.

[0034] It should be noted that the first input and the second input can be triggered by the same method, such as touch gesture operations such as sliding input, dragging input, clicking input, and long pressing input. They can also be voice input, or gesture operations recognized by an image sensor. No specific limitations are made here.

[0035] Exemplarily, the first preset condition may include: a change in the content category of the display content in the target display interface, that is, when the content category of the display content in the target display interface changes, determining that the display content in the target display interface meets the first preset condition.

[0036] Exemplarily, the first preset condition may also include: the display position of the display content in the target display interface reaches a preset position, for example, after setting a preset sliding distance, it is determined that the display content of the target display interface meets the first preset condition, and the update mode is switched; or, after setting a preset number of preset contents or a preset number of content elements to be slid, it is determined that the display content of the target display interface meets the first preset condition, and the update mode is switched. In the embodiment of the present disclosure, before and after the display content displayed on the target display interface meets the first preset condition, the display content in the target display interface can be updated using different update modes, so that the user's browsing interaction mode and interface update mode are more compatible with the display content in the target display interface, thereby improving the user's interaction efficiency and display effect with the display interface content.

[0037] Exemplarily, the first update method and the second update method are different update methods, wherein the first update method and the second update method may include updating by following a gesture, updating based on a gesture and the currently displayed content, and other methods, which are not specifically limited here. Exemplarily, a user triggers a switch to a content details display page of a target content in the recommendation flow on the homepage of an application, and content details such as images, videos, or text of the target content are displayed on the displayed content details page, and a content flow of related recommendations is displayed after the content details. Accordingly, when the content details are displayed on the content details display page, the content details information can be gradually updated using a following gesture, and when the content details display page displays related recommendations, each sliding operation can be used to switch directly from the current recommended content to the next recommended content.

[0038] Figure 2 shows one of the schematic diagrams of the display interface of the interface display method provided in some embodiments of the present disclosure. As shown in Figure 2, when the target display interface displays graphic and text detail information 202, the user slides upward on the target display interface to slide and update the display content in the graphic and text detail information 202. The sliding update distance S1 matches the distance S2 of the user's upward sliding, so that the display content of the target display interface can be updated and displayed following the user's gesture operation.

[0039] Figure 3 shows a second schematic diagram of the display interface of the interface display method provided in some embodiments of the present disclosure. As shown in Figure 3, when the target display interface displays a recommended information stream 302, where the recommended information stream may include multiple recommended contents, the user slides upward on the target display interface. After obtaining the user's upward sliding operation input, the currently displayed recommended information content 304 is updated and replaced with the next recommended information content 306, so that the display content of the target display interface can be updated and displayed according to the user's gesture operation and the currently displayed content.

[0040] In an embodiment of the present disclosure, if the display content of a target display interface does not meet a first preset condition, the user can trigger an update of the display content in the target display interface using a first update method through a first input. If the display content of the target display interface meets the first preset condition, the user can trigger an update of the display content in the target display interface using a second update method through a second input. If the display content of the same target display interface is different, it can be updated and displayed according to different update methods, thereby improving the display effect and interaction efficiency when the user browses different display contents.

[0041] In some embodiments of the present disclosure, when the display content of the target display interface satisfies the first preset condition, receiving a second input to the target display interface includes:

[0042] When the first preset content in the target display interface is updated to display the first content element through the first updating method, receiving a second input to the target display interface;

[0043] In response to the second input, updating the display content in the target display interface by using a second updating method includes:

[0044] When the target display interface displays the second preset content, in response to the second input, the second preset content is updated and displayed in a second updating manner.

[0045] In an embodiment of the present disclosure, when a target display interface displays first preset content, in response to a first user input, the target display interface is updated and displayed using a first update method. When the first preset content is updated to the first content element using the first update method, it is determined that the target display content satisfies the first preset condition. At this point, the target display interface begins to display second preset content, and the user performs a second input, which can trigger the update and display of the second preset content using the second update method.

[0046] It should be noted that the first update method is to update the first preset content to display on the first content element, wherein the first content element may be a content element within the first preset content. When the first preset content is displayed to the first content element, the target display interface begins to display the second preset content and, in response to the second input, updates the second preset content using the second update method. The first content element may also be a content element within the second preset content.

[0047] Exemplarily, the first content element may be specific content in the first preset content, such as a certain image feature, a certain text information, and the like.

[0048] Exemplarily, the first content element may be content at a certain position in the first preset content, for example, content at the top of the page of the first preset content, content at the bottom of the page of the first preset content, content at the left side of the page of the first preset content, etc.

[0049] FIG4 shows a third schematic diagram of a display interface of the interface display method provided in some embodiments of the present disclosure. As shown in FIG4 , when detail information 402 is displayed on the target display interface, the user performs a first sliding input on the target display interface. The displayed content in detail information 402 is updated in response to the user's sliding input. When comment content 404 in detail information 402 is displayed in the center of the display interface, the target display interface begins to display related recommendation information stream 406. At this time, the user performs a second sliding input on the target display interface, and content cards 408 in related recommendation information stream 406 are displayed vertically. The first sliding input is the first input in the above embodiment, and the second sliding input is the second input in the above embodiment. Detail information 402 is the first preset content, comment content 404 is the first content element, and related recommendation information stream 406 is the second preset content. The display mode of updating the display in response to the user's sliding input is the first updating mode, and switching between different content cards in the related recommendation page in response to the second sliding input is the second updating mode.

[0050] In an embodiment of the present disclosure, the target display interface is updated through a first update method when displaying a first preset content, and satisfies a first preset condition when updating to a first content element in the first preset content, and the target display interface is updated according to a second update method when displaying a second preset content, so that the update method can be automatically switched when the display content of the target display interface changes, so that the user can browse different display content through different interactive methods.

[0051] In the embodiments of the present disclosure, the first preset content includes work content and interaction details. For example, the first preset content may be graphic and text details information. Work content includes, but is not limited to, graphic and text works, videos, and text works, and interaction details information includes, but is not limited to, likes and comments. In the embodiments of the present disclosure, the first content element is a content element within the first preset content, and the first content element includes an element at a preset location within either the work content or the interaction details information.

[0052] For example, the first content element may be a picture displayed at the top of the graphic and text details, or may be comment information displayed at the bottom of the comment column in the comment information.

[0053] In an embodiment of the present disclosure, updating the first preset content including the work content and interactive details information through the first update method can improve the user's browsing depth of the work content and interactive details information, and when updating to the first content element through the first update method, switching to the second update method to update the displayed content improves the smoothness and accuracy of the switching process.

[0054] In some embodiments of the present disclosure, in response to a first input, updating the display content in the target display interface through a first updating method includes: in response to the first input, updating the display content in the target display interface based on input parameters of the first input.

[0055] In an embodiment of the present disclosure, when the target display interface updates the display content in a first updating manner, input parameters of the first input performed by the user on the target display interface are obtained, and the display content in the target display interface is updated based on the input parameters.

[0056] For example, when the first input is a sliding input, the input parameters of the first input include sliding distance, sliding trajectory, sliding speed, etc. Based on the input parameters of the first input, updating the display content in the target display interface may include, for example, when the user triggers the first input on the target display interface, scrolling and updating the display content in the target display interface, with the scrolling speed of the display content matching the sliding speed of the first input, the scrolling direction matching the input direction of the first input, and the scrolling distance matching the sliding distance of the first input.

[0057] In an embodiment of the present disclosure, in the process of updating the display content in the target display interface through the first update method, the display content is updated and displayed based on the input parameters of the first input, so that the user can flexibly control the display content of the current target display interface, making it convenient for the user to browse the display content in the target display interface in detail.

[0058] In some embodiments of the present disclosure, in response to the second input, updating the display content in the target display interface by using a second updating method includes:

[0059] In response to the second input, if the display content of the target display interface meets the second preset condition, updating the first content card in the target display interface to display the second content card;

[0060] The second content element in the second content card is displayed in the first display area of ​​the target display interface.

[0061] In an embodiment of the present disclosure, when the display content of the target display interface is a content card, the electronic device can determine whether the display content displayed in the target display interface meets the second preset condition. If the second preset condition is met, the content card currently displayed on the target display interface is switched to the next content card.

[0062] It should be noted that a content card is the display content corresponding to a display slot in the target display interface. In the media information stream (feed stream) received by the electronic device from the server, each content card corresponds to a media slot. For example, the first content card and the second content card are adjacent content cards. That is, the first content card and the second content card are adjacent in the media information stream, so they are also adjacent when displayed on the target display interface.

[0063] In the embodiments of the present disclosure, the first display area is a preset display area in the target display interface. When switching from a first content card to a second content card, the second content element in the second content card is displayed in the first display area. That is, when switching the content card displayed on the target display interface, the new content card displays the second content element in the first display area, so that the new content card is updated and displayed in a similar manner in the target display interface. The second content element is the content element in the second content card, and the second content element is the content element in the second content card that matches the preset location information.

[0064] Exemplarily, the first display area is the top area of ​​the target display interface, and the second content element is the content element displayed in the top area of ​​the second content card, that is, when switching to display the second content card, the second content card is displayed on the top of the target display interface.

[0065] Exemplarily, the first display area is the bottom area of ​​the target display interface, and the second content element is the content element displayed in the bottom area of ​​the second content card. That is, when switching to display the second content card, the second content card is displayed at the bottom of the target display interface.

[0066] In an embodiment of the present disclosure, the second preset condition is a condition satisfied by the content displayed in the target display interface, for example: the display position of the first content card satisfies the corresponding condition, the display position of the second content card satisfies the corresponding condition, the content elements in the first content card or the second content card satisfy the corresponding condition, etc.

[0067] FIG5 shows a fourth schematic diagram of a display interface of the interface display method provided in some embodiments of the present disclosure. As shown in FIG5 , when a first content card 502 is displayed on a target display interface, upon receiving an upward swipe input from the user on the target display interface, the top edge of a second content card 504 is displayed in the top area of ​​the target display interface. The upward swipe input from the user on the target display interface is the second input, the top edge of the second content card 504 is the second content element, and the top area of ​​the target display interface is the first display area.

[0068] In an embodiment of the present disclosure, when switching from a first content card to a second content card in a target display interface through a second update method, if it is detected that the display content of the target display interface meets a second preset condition, the first content card is switched to the second content card, and the second content element in the switched second content card is displayed in a designated first display area, so that when the display content of the display interface is updated through the second update method, the second content card newly displayed in the target display interface can be adsorbed at a designated position, thereby facilitating users to quickly switch to the content cards they want to view, and facilitating the positioning of the new content card each time the content cards are switched.

[0069] In an embodiment of the present disclosure, the first preset content can be graphic and text details, and the second preset content can be related recommendations. The first update method corresponding to the first preset content enables the first preset content to be updated and displayed following the user's first input. Since the graphic and text details require the user to browse step by step, the image details are updated and displayed using the above-mentioned first update method. The second update method corresponding to the second preset content enables the second preset content to update one of the content cards when the user triggers the second input once, allowing the user to trigger it by one card and one swipe, thereby improving the user's interactive efficiency in screening the content of interest in related recommendations.

[0070] In some embodiments of the present disclosure, the second preset condition includes: at least a portion of the content elements of the second content card are displayed in the target display interface;

[0071] In response to the second input, when the display content of the target display interface meets the second preset condition, updating the first content card in the target display interface to display the second content card includes:

[0072] When all content elements of the first content card and at least part of the content elements of the second content card are displayed on the target display interface, in response to the second input, the second content card is displayed on the target display interface and the second content elements are displayed in the first display area.

[0073] In an embodiment of the present disclosure, when at least part of the content elements of the second content card are displayed in the target display interface, it is determined that the displayed content in the target display interface meets the second preset condition.

[0074] In an embodiment of the present disclosure, when a complete first content card and at least a portion of a second content card are displayed in the target display interface, in response to a second input from the user, the target display interface directly jumps to display the second content card, wherein the second content element in the second content card is adsorbed and displayed in the first display area, so that the second content card is adsorbed and displayed in a designated area of ​​the target display interface.

[0075] It should be noted that when all content elements of the first content card are displayed on the target display interface, that is, the size of the first content card is smaller than the target display interface, the user can fully browse the entire content of the first content card without triggering an update of the first content card. Therefore, the user can trigger the adsorption and display of the second content card at a specified position on the target display interface through the second input, where the specified position is the position of the second content card when the second content element is displayed in the first display area.

[0076] Figure 6 shows a fifth schematic diagram of a display interface of an interface display method provided by some embodiments of the present disclosure. As shown in Figure 6, when a complete first content card 602 and the top portion of a second content card 604 are displayed on a target display interface, upon receiving an upward swipe input from the user on the target display interface, the top edge of the second content card 604 is displayed in the top area of ​​the target display interface, i.e., the second content card 604 is displayed on the ceiling. The upward swipe input from the user on the target display interface is the second input, the top edge of the second content card 604 is the second content element, and the top area of ​​the target display interface is the first display area.

[0077] In the embodiments of the present disclosure, if a first content card can be fully displayed on the target display interface, a second content card adjacent to the first content card is displayed together with the first content card on the target display interface. When the target display interface displays the entire first content card and a portion of the second content card, upon receiving a second user input, the second content card is directly snapped and displayed at a specified location, allowing the user to quickly view the content in the second content card.

[0078] In some embodiments of the present disclosure, the second preset condition includes: at least a portion of the content elements of the second content card are displayed in the target display interface;

[0079] In response to the second input, when the display content of the target display interface meets the second preset condition, updating the first content card in the target display interface to display the second content card includes:

[0080] When part of the content elements of the first content card are displayed on the target display interface, in response to the second input, updating the content elements of the first content card displayed on the target display interface;

[0081] When the remaining content elements of the first content card and at least part of the content elements of the second content card are displayed on the target display interface, the second content card is displayed in the target display interface, and the second content elements are displayed in the first display area.

[0082] In an embodiment of the present disclosure, when at least part of the content elements of the second content card are displayed in the target display interface, it is determined that the displayed content in the target display interface meets the second preset condition.

[0083] In an embodiment of the present disclosure, if a portion of the content elements of a first content card are displayed on a target display interface, and the user triggers a second input, the first content card must first be fully updated and displayed. That is, all content elements in the first content card must be updated and displayed on the target display interface. After the first content card is updated and displayed, a portion of a second content card is updated and displayed on the target display interface. At this point, the second content elements in the second content card are adsorbed and displayed within the first display area, so that the second content card is adsorbed and displayed within the designated area.

[0084] FIG7 shows a sixth schematic diagram of a display interface of the interface display method provided in some embodiments of the present disclosure. As shown in FIG7 , when a first content card 702 is partially displayed on a target display interface, upon receiving an upward swipe input from the user on the target display interface, the first content card 702 continues to scroll upward. After the first content card 702 is completely scrolled, the top of the second content card 704 is adsorbed and displayed on top of the target display interface, i.e., the second content card 704 is top-mounted. The upward swipe input from the user on the target display interface is the second input, the top edge of the second content card 704 is the second content element, and the top area of ​​the target display interface is the first display area.

[0085] For example, during the user's second input, if the height of the portion of the second content card displayed on the target display interface exceeds the first height value, the second content element of the second content card is adsorbed and displayed within the first display area, thereby adsorbing the second content card to the target display interface. If the height of the portion of the second content card displayed on the target display interface is less than or equal to the first height value, both the second content card and the first content card are maintained at their current display positions, allowing the user to view portions of the first content card and the second content card on the same screen.

[0086] In an embodiment of the present disclosure, when the target display interface cannot fully display the first content card, the first content card is updated and displayed on the target display interface in response to the user's second input. After the first content card is updated and displayed, and at least part of the second content card is displayed in the target display interface, the second content element in the second content card is automatically adsorbed and displayed in the first display area, so that the second content card is adsorbed and displayed in the designated area, so that the target display interface can flexibly respond to the user's second input, update and display the display content of the target display interface, and ensure that the user can switch to the next content card after completely browsing the current content card.

[0087] In some embodiments of the present disclosure, the second preset condition includes: the moving distance of the first content card is greater than a first distance threshold.

[0088] In an embodiment of the present disclosure, the second preset condition includes: the moving distance of the first content card in the target display interface is greater than the first distance threshold, that is, the user triggers the update display of the first content card through the second input, and when the moving distance of the first content card exceeds the first distance threshold, the second content element in the second content card is adsorbed and displayed in the first display area, so that the second content card is adsorbed and displayed in the designated area of ​​the target display interface.

[0089] For example, the movement distance of the first content card matches the input distance of the second input. The electronic device determines the movement distance of the first content card by obtaining the input distance of the second input. Specifically, if the electronic device determines that the input distance of the second input is greater than an input distance threshold, the second content card is directly adsorbed and displayed in the execution area of ​​the target display interface. For example, the input distance threshold ranges from 200 points to 500 points.

[0090] Exemplarily, the electronic device determines the moving distance of the first content card by reading the display position of the first content card.

[0091] In some embodiments of the present disclosure, in response to the second input, when the display content of the target display interface meets the second preset condition, updating the first content card in the target display interface to display the second content card includes:

[0092] When at least a portion of the first content card is displayed on the target display interface, in response to a second input, moving at least a portion of the first content card along a first direction;

[0093] When the moving distance of the first content card is greater than the first distance threshold, the second content card is displayed on the target display interface, and the second content element is displayed in the first display area.

[0094] In an embodiment of the present disclosure, when at least a portion of a first content card is displayed on a target display interface, a second user input is received. In response to the second input, the first content card is controlled to move in a first direction, where the first direction matches the input direction of the second input. If it is detected that the movement distance of the first content card in the first direction is greater than a first distance threshold, the second content element in the second content card is adsorbed and displayed within the first display area, so that the second content card is adsorbed and displayed within a designated area of ​​the target display interface.

[0095] FIG8 shows a seventh schematic diagram of a display interface of the interface display method provided in some embodiments of the present disclosure. As shown in FIG8 , when a portion of a first content card 802 is displayed on a target display interface, a user input of sliding downward on the target display interface is received. Because the input distance of the sliding input matches the movement distance of the first content card 802, if the input distance La is greater than a first distance threshold, the top of the second content card 804 is adsorbed and displayed on top of the target display interface, i.e., the second content card 804 is displayed top-up. The user input of sliding downward on the target display interface is the second input, the second content element at the top edge of the second content card 804, and the top area of ​​the target display interface are the first display area.

[0096] In an embodiment of the present disclosure, whether the display content in the target display interface meets the second preset condition is determined based on the movement distance of the first content card in the target display interface, and when the movement distance is greater than the first distance threshold, the second content element in the second content card is displayed in the first display area, thereby adsorbing and displaying the second content card in the target display interface.

[0097] In some embodiments of the present disclosure, the first distance threshold is associated with a list size of the content card list; and / or the first distance threshold is associated with a card size of the second content card.

[0098] In an embodiment of the present disclosure, the first distance threshold may be a distance threshold determined based on the list size of the content card list, or a distance threshold determined based on the card size of the second content card to be switched, or a distance threshold determined based on the list size of the content card list and the card size of the second content card to be switched.

[0099] Exemplarily, when the height of the second content card is greater than the height of the card list, the first distance threshold is determined according to the size of the card list. For example, the first distance threshold ranges from 40% to 60% of the height of the card list.

[0100] Illustratively, when the height of the second content card is less than or equal to the height of the card list, the first distance threshold is determined based on the card size of the second content card. For example, the first distance threshold is in a range of 40% to 60% of the height of the second content card.

[0101] In the embodiment of the present disclosure, the first distance threshold is set according to the list size of the card list and / or the card size of the second content card, which can ensure the flexibility of automatically updating and displaying the second content card.

[0102] In some embodiments of the present disclosure, the list size matches the interface size of the target display interface.

[0103] In an embodiment of the present disclosure, when the target display interface updates to display content cards, the card list of the content cards is displayed in the target display interface, that is, the entire card list is displayed in the target display interface.

[0104] Exemplarily, the list size of the card list is the same as the interface size of the display interface.

[0105] Exemplarily, the list size of the card list is 98% of the interface size of the display interface.

[0106] In some embodiments of the present disclosure, the second preset condition includes: an input distance of the second input is greater than a second distance threshold.

[0107] In an embodiment of the present disclosure, based on a numerical relationship between an input distance of the second input and a second distance threshold, it is determined whether to adsorb and display the second content element in the second content card within the first display area, so that the second content card is adsorbed and displayed in a designated area of ​​the target display interface.

[0108] It should be noted that, when the input distance of the second input is large, it is determined that the user has a strong intention to switch to displaying the content card, and the first content card can be updated to the second content card in direct response to the second input.

[0109] Exemplarily, the value range of the second distance threshold is 200 pt to 500 pt, for example, 390 pt.

[0110] In an embodiment of the present disclosure, by obtaining the input distance of the second input and comparing the input distance of the second input with the second distance threshold, it is determined whether to execute the step of updating and displaying the second content card in the target display area. This can make the process of updating and displaying the target display interface more in line with the user's usage intention.

[0111] In some embodiments of the present disclosure, the first content card is a preceding card of the second content card, and the second preset condition includes at least one of the following:

[0112] The first card height of the first content card is less than or equal to the interface height of the target display interface, and the input distance of the second input is greater than the second distance threshold;

[0113] The first card height of the first content card is greater than the interface height of the target display interface, and the first display height of the second content card is greater than a first height threshold. The first display height is the display height of the second content card in the target display interface after the second content card moves in response to the second input.

[0114] In the embodiments of the present disclosure, the first content card is a preceding card of the second content card, i.e., the second input is used to trigger the display of the subsequent card of the first content card. For example, the first content card is positioned before the second content card in the data information stream. That is, when the target display interface updates the displayed content, the first content card is displayed first, and the second content card is displayed after the first content card is displayed.

[0115] In an embodiment of the present disclosure, when the first card height of the currently displayed first content card is less than or equal to the interface height of the target display interface, that is, the first content card can be completely displayed in the target display interface, if it is detected that the input distance of the second input is greater than the third distance threshold, it is determined that the user needs to browse the next content card at this time, so it is determined that the display content of the target display interface meets the second preset condition, and the update display is executed to the second content card.

[0116] Exemplarily, the third distance threshold ranges from 80 dp to 130 dp, for example, 100 dp.

[0117] In an embodiment of the present disclosure, when the height of the first card of the currently displayed first content card is greater than the interface height of the target display interface, that is, when the first content card is displayed in the target display interface and no second input from the user is received, a portion of the first content card is displayed in the target display interface. In response to the second input, the portion of the first content card that is not displayed needs to be updated and displayed. After the update and display of the portion of the first content card that is not displayed is completed, the second content card is updated and displayed in the target display interface. If the height of the second card of the second content card that is updated and displayed in the target display interface is greater than the first height threshold, it is determined that the user needs to browse the next content card at this time. Therefore, it is determined that the displayed content of the target display interface meets the second preset condition, and the update display is executed to the second content card.

[0118] Exemplarily, the value range of the first height threshold is 150dp to 300dp, for example, 200dp.

[0119] In an embodiment of the present disclosure, the height of the first card of the currently displayed first content card is compared with the interface height of the target display interface. When the height of the first card is less than or equal to the interface height, it is determined that the user can browse the first content card in one go, and when the input distance of the second input is greater than the third distance threshold, the display is updated to the second content card. When the height of the first card is greater than the interface height, it is necessary to first respond to the second input to complete the update display of the undisplayed first content card, and then update the display to the second content card based on the subsequent exposure height of the second content card that needs to be displayed being greater than the first height threshold, thereby improving the flexibility of switching to display the second content card, and also reducing the occurrence of switching to display the second content card when the first content card is not completely browsed.

[0120] In some embodiments of the present disclosure, the interface display method further includes:

[0121] When the first display height is less than or equal to the first height threshold and greater than the second height threshold, controlling the target display interface to display the first card area in the second content card, and the second display height of the first card area matches the second height threshold;

[0122] When the first display height is less than or equal to the second height threshold, the target display interface is controlled to maintain the current display content.

[0123] In an embodiment of the present disclosure, when the first display height of the second content card is less than or equal to the second height threshold, it is determined that the user does not need to update the display of the second content card at this time. By comparing the numerical relationship between the first display height and the second height threshold, if the first display height is greater than the second height threshold, it is determined that the user wishes to view part of the second content card at this time. Therefore, part of the first content card and part of the second content card are displayed in the target display interface. The first card area is the card area where the second content card is displayed in the target display interface at this time, and the second display height of the first card area is the same as the second height threshold.

[0124] Exemplarily, the second height threshold ranges from 80 dp to 120 dp, for example, 100 dp.

[0125] Exemplarily, when the first display height value is greater than 100dp and less than or equal to 200dp, the first card area in the second content card is displayed on the target display interface, and the second display height of the first card area is 100dp, that is, it bounces back until the second content card is exposed 100dp on the target display interface.

[0126] In an embodiment of the present disclosure, when the first display height of the second content card is less than or equal to the second height threshold, it is determined that the user is not very willing to browse the second content card at this time. At this time, the second content card is controlled to maintain the currently displayed content, that is, the first content card and the second content card maintain their current positions on the target display interface.

[0127] In an embodiment of the present disclosure, the content displayed on the target display interface is controlled according to the first display height of the second content card in the target display interface, thereby improving the flexibility of the content displayed when the target display interface is not updated to display the second content card, and improving the degree of matching between the displayed content and the user's wishes.

[0128] In some embodiments of the present disclosure, the first content card is a subsequent card of the second content card;

[0129] The second preset condition includes: a third display height of the second content card is greater than a third height threshold, the third display height being the display height of the second content card in the target display interface after the second content card moves in response to the second input;

[0130] Wherein, when the second card height of the second content card is less than the interface height of the target display interface, the third height threshold is associated with the second card height;

[0131] In a case where the second card height is greater than or equal to the interface height of the target display interface, the third height threshold is associated with the interface height of the target display interface.

[0132] In the embodiments of the present disclosure, the first content card is a post-positioned card of the second content card, i.e., the second input is used to trigger the display of the pre-positioned card of the first content card. For example, the first content card is positioned after the second content card in the data information stream. That is, when the target display interface updates the displayed content, the second content card is displayed first, and the first content card is displayed after the second content card is displayed.

[0133] In the embodiments of the present disclosure, the third display height is the display height of the second content card in the target display interface after the second content card is updated in response to the second input. When the third display height is greater than the third height threshold, it is determined that the user has a strong desire to update the display to the second content card. In this case, the second content element in the second content card is adsorbed and displayed in the first display area, so that the second content card is adsorbed and displayed in the designated area of ​​the target display interface.

[0134] It should be noted that when the third display height is less than or equal to the third height threshold, updating the display to the second content card is not performed.

[0135] Exemplarily, when the third display height is less than or equal to the third height threshold, the target display interface maintains the current display state, that is, the target display interface displays at least a portion of the first content card and a portion of the second content card.

[0136] Exemplarily, when the third display height is less than or equal to a third height threshold, the target display interface is restored to a display state before responding to the second input.

[0137] In an embodiment of the present disclosure, when the card height of the second content card is less than or equal to the interface height of the target display interface, the third height threshold is determined according to the second card height of the second content card.

[0138] Exemplarily, the value range of the third height threshold is 40% to 60% of the second display height of the second content card.

[0139] In an embodiment of the present disclosure, when the card height of the second content card is greater than the interface height of the target display interface, the third height threshold is determined according to the interface height of the target display interface.

[0140] Exemplarily, the value range of the third height threshold is 40% to 60% of the interface height of the target display interface.

[0141] In the embodiments of the present disclosure, if a first content card is positioned behind a second content card, the third display height of the second content card on the target display interface in response to the second input is compared with a third height threshold to determine whether to update the display to the second content card. The third height threshold is set based on the target display interface height and / or the second card height of the second content card, further ensuring flexibility in automatically updating the display of the second content card positioned in front.

[0142] In some embodiments of the present disclosure, the first display content is matched with the first sliding frame so that the first display content can update the display content in a first update method; the second display content is matched with the second sliding frame so that the second display content can update the display content in a second update method; wherein, the second sliding frame is configured to be embedded in the first sliding frame.

[0143] In an embodiment of the present disclosure, in the process of constructing display content that needs to be displayed on the target display interface, a first sliding frame and a second sliding frame are constructed respectively, and the first display content that needs to be updated and displayed according to the first update method is configured as the first sliding frame, and the second display content that needs to be updated and displayed according to the second update method is configured as the second sliding frame, so that the target display interface can be updated and displayed according to the first update method when displaying the first display content, and can be updated and displayed according to the second update method when displaying the second display content.

[0144] In the embodiment of the present disclosure, by configuring the second sliding frame to be embedded in the first sliding frame, switching between the first sliding frame and the second sliding frame can be smoother, that is, switching between the first update mode and the second update mode can be smoother.

[0145] In some embodiments of the present disclosure, the first sliding framework is configured to update and display the first display content on the target display interface based on input parameters of the first input;

[0146] The second sliding frame is configured to update and display the second display content in the target display interface based on at least one of the input parameter of the second input, the content position information, and the content size information.

[0147] In the embodiment of the present disclosure, the first sliding frame can update and display the first display content based on the input parameters of the first input, that is, the update progress of the first display content follows the first input.

[0148] Exemplarily, the moving direction of the first display content when updated matches the input direction of the first input, the moving distance of the first display content when updated matches the input distance of the first input, and the moving speed of the first display content when updated matches the input speed of the first input.

[0149] In an embodiment of the present disclosure, the second sliding frame can update and display the second display content based on at least one of the input parameter of the second input, the content position information, and the content size information.

[0150] Exemplarily, after receiving the second input, the input speed, input direction, input size of the second input, and the content position and content size information of the second display content are obtained to determine whether the conditions for updating the display are met. When the conditions for updating the display are met, the updated second display content is directly displayed in the preset area of ​​the target display interface, so that the user can update the second display content once through a single input operation. For example, if the user slides once, the current content card displayed at the preset position will be updated to the next content card, achieving the effect of updating the display of a content card once with one slide.

[0151] In some embodiments of the present disclosure, the interface display method further includes: acquiring display position information in the target display interface;

[0152] When the display position information matches the first display content, updating and displaying the first display content in a first updating manner;

[0153] When the display position information matches the second display content, the second display content is updated and displayed using a second updating method.

[0154] In the embodiments of the present disclosure, a method of performing real-time calculation on the display content in the target display interface is used to determine whether the current display position information matches the first display content or the second display content. If the current display position information matches the first display content, the first display content is updated and displayed using a first updating method; if the current display position information matches the second display content, the second display content is updated and displayed using a second updating method.

[0155] In an embodiment of the present disclosure, the display position information corresponding to the target display interface in the overall display content is determined by real-time calculation, and the first display content and the second display content in the display content can be determined through the display position information, thereby realizing the updating of the first display content through the first update method and the updating of the second display content through the second update method.

[0156] The interface display method provided in the embodiment of the present disclosure may be executed by an interface display device. In the embodiment of the present disclosure, the interface display device performing the interface display method is taken as an example to illustrate the interface display device provided in the embodiment of the present disclosure.

[0157] In some embodiments of the present disclosure, an interface display device is provided. FIG9 shows a structural block diagram of the interface display device provided in some embodiments of the present disclosure. As shown in FIG9 , the interface display device 900 includes:

[0158] A receiving module 902 is configured to receive a first input to a target display interface;

[0159] The display module 904 is configured to update the display content in the target display interface in a first updating manner in response to the first input;

[0160] The receiving module 902 is further configured to receive a second input to the target display interface when the display content of the target display interface meets the first preset condition;

[0161] The display module 904 is further configured to update the display content in the target display interface in a second updating manner in response to the second input.

[0162] In an embodiment of the present disclosure, if the display content of a target display interface does not meet a first preset condition, the user can trigger an update of the display content in the target display interface using a first update method through a first input. If the display content of the target display interface meets the first preset condition, the user can trigger an update of the display content in the target display interface using a second update method through a second input. If the display content of the same target display interface is different, it can be updated and displayed according to different update methods, thereby improving the display effect and interaction efficiency when the user browses different display contents.

[0163] In some embodiments of the present disclosure, the display module 904 is further configured to, when the first preset content in the target display interface is updated to display the first content element via the first update method, receive a second input to the target display interface;

[0164] The display module 904 is further configured to, when the target display interface displays the second preset content, update the display of the second preset content in a second updating manner in response to the second input.

[0165] In an embodiment of the present disclosure, when the target display interface updates and displays the first preset content through the first update method and updates to the first content element in the first preset content, the first preset condition is met, and when the second preset content is displayed, it is updated according to the second update method, so that the update method can be automatically switched when the display content of the target display interface changes, so that the user can browse different display content through different interactive methods.

[0166] In some embodiments of the present disclosure, the first preset content includes work content and interaction detail information, and the first content element includes an element at a preset position in any one of the work content and the interaction detail information.

[0167] In an embodiment of the present disclosure, updating the first preset content including the work content and interactive details information through the first update method can improve the user's browsing depth of the work content and interactive details information, and when updating to the first content element through the first update method, switching to the second update method to update the displayed content improves the smoothness and accuracy of the switching process.

[0168] In some embodiments of the present disclosure, the display module 904 is further configured to update the display content in the target display interface based on input parameters of the first input in response to the first input.

[0169] In an embodiment of the present disclosure, in the process of updating the display content in the target display interface through the first update method, the display content is updated and displayed based on the input parameters of the first input, so that the user can flexibly control the display content of the current target display interface, making it convenient for the user to browse the display content in the target display interface in detail.

[0170] In some embodiments of the present disclosure, the display module 904 is further configured to, in response to a second input, update the first content card in the target display interface to display a second content card if the display content of the target display interface meets a second preset condition;

[0171] The second content element in the second content card is displayed in the first display area of ​​the target display interface.

[0172] In an embodiment of the present disclosure, when switching from a first content card to a second content card in a target display interface through a second update method, if it is detected that the display content of the target display interface meets a second preset condition, the first content card is switched to the second content card, and the second content element in the switched second content card is displayed in a designated first display area, so that when the display content of the display interface is updated through the second update method, the second content card newly displayed in the target display interface can be adsorbed at a designated position, thereby facilitating users to quickly switch to the content cards they want to view, and facilitating the positioning of the new content card each time the content cards are switched.

[0173] In some embodiments of the present disclosure, the second preset condition includes: at least a portion of the content elements of the second content card are displayed in the target display interface;

[0174] The display module 904 is further configured to, in response to a second input, display the second content card on the target display interface and display the second content elements in the first display area when all content elements of the first content card and at least part of the content elements of the second content card are displayed on the target display interface.

[0175] In the embodiments of the present disclosure, if a first content card can be fully displayed on the target display interface, a second content card adjacent to the first content card is displayed together with the first content card on the target display interface. If the target display interface displays the complete first content card and a portion of the second content card, upon receiving a second user input, the second content card is directly snapped and displayed at a specified location, allowing the user to quickly view the content in the second content card.

[0176] In some embodiments of the present disclosure, the second preset condition includes: at least a portion of the content elements of the second content card are displayed in the target display interface;

[0177] The display module 904 is further configured to update the content elements of the first content card displayed on the target display interface in response to the second input when part of the content elements of the first content card are displayed on the target display interface;

[0178] The display module 904 is further configured to display the second content card in the target display interface and display the second content elements in the first display area when the remaining content elements of the first content card and at least part of the content elements of the second content card are displayed on the target display interface.

[0179] In an embodiment of the present disclosure, when the target display interface cannot fully display the first content card, the first content card is updated and displayed on the target display interface in response to the user's second input. After the first content card is updated and displayed, and at least part of the second content card is displayed in the target display interface, the second content element in the second content card is automatically adsorbed and displayed in the first display area, so that the second content card is adsorbed and displayed in the designated area, so that the target display interface can flexibly respond to the user's second input, update and display the display content of the target display interface, and ensure that the user can switch to the next content card after completely browsing the current content card.

[0180] In some embodiments of the present disclosure, the second preset condition includes: the moving distance of the first content card is greater than a first distance threshold.

[0181] In an embodiment of the present disclosure, the second preset condition includes that the moving distance of the first content card in the target display interface is greater than the first distance threshold, that is: the user triggers the update display of the first content card through the second input, and when the moving distance of the first content card exceeds the first distance threshold, the second content element in the second content card is adsorbed and displayed in the first display area, so that the second content card is adsorbed and displayed in the designated area of ​​the target display interface.

[0182] In some embodiments of the present disclosure, the display module 904 is further configured to, when at least a portion of the first content card is displayed on the target display interface, move at least a portion of the first content card along the first direction in response to a second input;

[0183] The display module 904 is further configured to display a second content card on the target display interface and display a second content element in the first display area when the movement distance of the first content card is greater than a first distance threshold.

[0184] In an embodiment of the present disclosure, whether the display content in the target display interface meets the second preset condition is determined based on the movement distance of the first content card in the target display interface, and when the movement distance is greater than the first distance threshold, the second content element in the second content card is displayed in the first display area, thereby adsorbing and displaying the second content card in the target display interface.

[0185] In some embodiments of the present disclosure, the first distance threshold is associated with a list size of the content card list; and / or the first distance threshold is associated with a card size of the second content card.

[0186] In the embodiment of the present disclosure, the first distance threshold is set according to the list size of the card list and / or the card size of the second content card, which can ensure the flexibility of automatically updating and displaying the second content card.

[0187] In some embodiments of the present disclosure, the list size matches the interface size of the target display interface.

[0188] In an embodiment of the present disclosure, by obtaining the input distance of the second input and comparing the input distance of the second input with the second distance threshold, it is determined whether to execute the step of updating and displaying the second content card in the target display area. This can make the process of updating and displaying the target display interface more in line with the user's usage intention.

[0189] In some embodiments of the present disclosure, the first content card is a preceding card of the second content card, and the second preset condition includes at least one of the following:

[0190] The first card height of the first content card is less than or equal to the interface height of the target display interface, and the input distance of the second input is greater than the second distance threshold;

[0191] The first card height of the first content card is greater than the interface height of the target display interface, and the first display height of the second content card is greater than a first height threshold. The first display height is the display height of the second content card in the target display interface after the second content card moves in response to the second input.

[0192] In an embodiment of the present disclosure, the height of the first card of the currently displayed first content card is compared with the interface height of the target display interface. When the height of the first card is less than or equal to the interface height, it is determined that the user can browse the first content card in one go, and when the input distance of the second input is greater than the third distance threshold, the display is updated to the second content card. When the height of the first card is greater than the interface height, it is necessary to first update the display of the undisplayed first content card in response to the second input, and then update the display to the second content card based on the exposure height of the second content card that needs to be displayed later being greater than the first height threshold. This improves the flexibility of switching to display the second content card, and also reduces the occurrence of switching to display the second content card when the first content card is not completely browsed.

[0193] In some embodiments of the present disclosure, the interface display device 900 further includes:

[0194] a control module configured to, when the first display height is less than or equal to a first height threshold and greater than a second height threshold, control the target display interface to display a first card area in the second content card, with a second display height of the first card area matching the second height threshold;

[0195] The control module is further configured to control the target display interface to maintain the current display content when the first display height is less than or equal to a second height threshold.

[0196] In an embodiment of the present disclosure, the content displayed on the target display interface is controlled according to the first display height of the second content card in the target display interface, thereby improving the flexibility of the content displayed when the target display interface is not updated to display the second content card, and improving the degree of matching between the displayed content and the user's wishes.

[0197] In some embodiments of the present disclosure, the first content card is a subsequent page of the second content card;

[0198] The second preset condition includes: a third display height of the second content card is greater than a third height threshold, the third display height being the display height of the second content card in the target display interface after the second content card moves in response to the second input;

[0199] Wherein, when the second card height of the second content card is less than the interface height of the target display interface, the third height threshold is associated with the second card height;

[0200] In a case where the second card height is greater than or equal to the interface height of the target display interface, the third height threshold is associated with the interface height of the target display interface.

[0201] In the embodiments of the present disclosure, if a first content card is positioned behind a second content card, the third display height of the second content card on the target display interface in response to the second input is compared with a third height threshold to determine whether to update the display to the second content card. The third height threshold is set based on the target display interface height and / or the second card height of the second content card, further ensuring flexibility in automatically updating the display of the second content card positioned in front.

[0202] In some embodiments of the present disclosure, the first display content is matched with the first sliding frame so that the first display content can update the display content in a first update method; the second display content is matched with the second sliding frame so that the second display content can update the display content in a second update method; wherein, the second sliding frame is configured to be embedded in the first sliding frame.

[0203] In the embodiment of the present disclosure, by configuring the second sliding frame to be embedded in the first sliding frame, switching between the first sliding frame and the second sliding frame can be smoother, that is, switching between the first update mode and the second update mode can be smoother.

[0204] In some embodiments of the present disclosure, the first sliding framework is configured to update and display the first display content on the target display interface based on input parameters of the first input;

[0205] The second sliding frame is configured to update and display the second display content in the target display interface based on at least one of the input parameter of the second input, the content position information, and the content size information.

[0206] In the embodiment of the present disclosure, the first sliding frame can update and display the first display content based on the input parameters of the first input, that is, the update progress of the first display content follows the first input.

[0207] In an embodiment of the present disclosure, the second sliding frame can update and display the second display content based on at least one of the input parameter of the second input, the content position information, and the content size information.

[0208] In some embodiments of the present disclosure, the interface display device 900 further includes:

[0209] An acquisition module configured to acquire display position information in a target display interface;

[0210] The display module 904 is further configured to update and display the first display content using a first updating method when the display position information matches the first display content;

[0211] The display module 904 is further configured to update and display the second display content in a second updating manner when the display position information matches the second display content.

[0212] In an embodiment of the present disclosure, the display position information corresponding to the target display interface in the overall display content is determined by real-time calculation, and the first display content and the second display content in the display content can be determined through the display position information, thereby realizing the updating of the first display content through the first update method and the updating of the second display content through the second update method.

[0213] The interface display device in the embodiments of the present disclosure can be an electronic device or a component in an electronic device, such as an integrated circuit or a chip. The electronic device can be a terminal or a device other than a terminal. For example, the electronic device can be a mobile phone, a tablet computer, a laptop computer, a PDA, an in-vehicle electronic device, a mobile Internet device (MID), an augmented reality (AR) / virtual reality (VR) device, a robot, a wearable device, an ultra-mobile personal computer (UMPC), a netbook or a personal digital assistant (PDA), etc. It can also be a server, a network attached storage (NAS), a personal computer (PC), a television (TV), a teller machine or a self-service machine, etc. The embodiments of the present disclosure are not specifically limited.

[0214] The interface display device in the embodiments of the present disclosure may be a device having an operating system. The operating system may be an Android operating system, an iOS operating system, or other possible operating systems, which are not specifically limited in the embodiments of the present disclosure.

[0215] The interface display device provided by the embodiment of the present disclosure can implement each process implemented by the above method embodiment, and to avoid repetition, it will not be described here.

[0216] Optionally, an embodiment of the present disclosure further provides an electronic device. Figure 10 shows a structural block diagram of an electronic device according to an embodiment of the present disclosure. As shown in Figure 10, the electronic device 1000 includes a processor 1002 and a memory 1004. The memory 1004 stores programs or instructions that can be run on the processor 1002. When the program or instructions are executed by the processor 1002, the various steps of the above-mentioned method embodiment are implemented and the same technical effect can be achieved. To avoid repetition, they are not repeated here.

[0217] It should be noted that the electronic devices in the embodiments of the present disclosure include the above-mentioned mobile electronic devices and non-mobile electronic devices.

[0218] FIG11 is a schematic diagram of the hardware structure of an electronic device implementing an embodiment of the present disclosure.

[0219] The electronic device 1100 includes but is not limited to components such as a radio frequency unit 1101 , a network module 1102 , an audio output unit 1103 , an input unit 1104 , a sensor 1105 , a display unit 1106 , a user input unit 1107 , an interface unit 1108 , a memory 1109 , and a processor 1110 .

[0220] Those skilled in the art will appreciate that the electronic device 1100 may further include a power source (such as a battery) to power various components. The power source may be logically connected to the processor 1110 via a power management system, thereby enabling the power management system to manage charging, discharging, and power consumption. The electronic device structure shown in FIG11 does not limit the electronic device. The electronic device may include more or fewer components than shown, or may combine certain components, or have different component arrangements, which will not be described in detail here.

[0221] The user input unit 1107 is configured to receive a first input to the target display interface;

[0222] The display unit 1106 is configured to update the display content in the target display interface in a first updating manner in response to the first input;

[0223] The user input unit 1107 is further configured to receive a second input to the target display interface when the display content of the target display interface meets the first preset condition;

[0224] The display unit 1106 is further configured to update the display content in the target display interface in a second updating manner in response to the second input.

[0225] In an embodiment of the present disclosure, if the display content of a target display interface does not meet a first preset condition, the user can trigger an update of the display content in the target display interface using a first update method through a first input. If the display content of the target display interface meets the first preset condition, the user can trigger an update of the display content in the target display interface using a second update method through a second input. If the display content of the same target display interface is different, it can be updated and displayed according to different update methods, thereby improving the display effect and interaction efficiency when the user browses different display contents.

[0226] In the embodiment disclosed in the present application, the display unit 1106 is further configured to receive a second input to the target display interface when the first preset content in the target display interface is updated to display the first content element by the first update method;

[0227] The display unit 1106 is further configured to update the display of the second preset content in a second updating manner in response to the second input when the target display interface displays the second preset content.

[0228] In an embodiment of the present disclosure, when the target display interface updates and displays the first preset content through the first update method and updates to the first content element in the first preset content, the first preset condition is met, and when the second preset content is displayed, it is updated according to the second update method, so that the update method can be automatically switched when the display content of the target display interface changes, so that the user can browse different display content through different interactive methods.

[0229] In the embodiment disclosed in the present application, the first preset content includes work content and interaction detail information, and the first content element includes an element at a preset position in any one of the work content and interaction detail information.

[0230] In an embodiment of the present disclosure, updating the first preset content including the work content and interactive details information through the first update method can improve the user's browsing depth of the work content and interactive details information, and when updating to the first content element through the first update method, switching to the second update method to update the displayed content improves the smoothness and accuracy of the switching process.

[0231] In an embodiment of the present disclosure, the display unit 1106 is further configured to update the display content in the target display interface based on the input parameters of the first input in response to the first input.

[0232] In an embodiment of the present disclosure, in the process of updating the display content in the target display interface through the first update method, the display content is updated and displayed based on the input parameters of the first input, so that the user can flexibly control the display content of the current target display interface, making it convenient for the user to browse the display content in the target display interface in detail.

[0233] In an embodiment of the present disclosure, the display unit 1106 is further configured to, in response to a second input, update the first content card in the target display interface to display a second content card if the display content of the target display interface meets a second preset condition;

[0234] The second content element in the second content card is displayed in the first display area of ​​the target display interface.

[0235] In an embodiment of the present disclosure, when switching from a first content card to a second content card in a target display interface through a second update method, if it is detected that the display content of the target display interface meets a second preset condition, the first content card is switched to the second content card, and the second content element in the switched second content card is displayed in a designated first display area, so that when the display content of the display interface is updated through the second update method, the second content card newly displayed in the target display interface can be adsorbed at a designated position, thereby facilitating users to quickly switch to the content cards they want to view, and facilitating the positioning of the new content card each time the content cards are switched.

[0236] In an embodiment of the present disclosure, the second preset condition includes: at least part of the content elements of the second content card are displayed in the target display interface;

[0237] The display unit 1106 is further configured to, in response to the second input, display the second content card on the target display interface and display the second content elements in the first display area, when all content elements of the first content card and at least part of the content elements of the second content card are displayed on the target display interface.

[0238] In the embodiments of the present disclosure, if a first content card can be fully displayed on the target display interface, a second content card adjacent to the first content card is also displayed on the target display interface. If the target display interface displays the entire first content card and a portion of the second content card, upon receiving a second user input, the second content card is directly snapped and displayed at a specified location, allowing the user to quickly view the content in the second content card.

[0239] In an embodiment of the present disclosure, the second preset condition includes: at least part of the content elements of the second content card are displayed in the target display interface;

[0240] The display unit 1106 is further configured to update the content elements of the first content card displayed on the target display interface in response to the second input when part of the content elements of the first content card are displayed on the target display interface;

[0241] The display unit 1106 is further configured to display the second content card in the target display interface and display the second content elements in the first display area when the remaining content elements of the first content card and at least part of the content elements of the second content card are displayed on the target display interface.

[0242] In an embodiment of the present disclosure, when the target display interface cannot fully display the first content card, the first content card is updated and displayed on the target display interface in response to the user's second input. After the first content card is updated and displayed, and at least part of the second content card is displayed in the target display interface, the second content element in the second content card is automatically adsorbed and displayed in the first display area, so that the second content card is adsorbed and displayed in the designated area, so that the target display interface can flexibly respond to the user's second input, update and display the display content of the target display interface, and ensure that the user can switch to the next content card after completely browsing the current content card.

[0243] In an embodiment of the present disclosure, the second preset condition includes: the moving distance of the first content card is greater than a first distance threshold.

[0244] In an embodiment of the present disclosure, the second preset condition includes that the moving distance of the first content card in the target display interface is greater than the first distance threshold, that is: the user triggers the update display of the first content card through the second input, and when the moving distance of the first content card exceeds the first distance threshold, the second content element in the second content card is adsorbed and displayed in the first display area, so that the second content card is adsorbed and displayed in the designated area of ​​the target display interface.

[0245] In some embodiments of the present disclosure, the display unit 1106 is further configured to, in response to a second input, move at least a portion of the first content card along a first direction when at least a portion of the first content card is displayed on the target display interface;

[0246] The display unit 1106 is further configured to display a second content card on the target display interface and display a second content element in the first display area when the movement distance of the first content card is greater than a first distance threshold.

[0247] In an embodiment of the present disclosure, whether the display content in the target display interface meets the second preset condition is determined based on the movement distance of the first content card in the target display interface, and when the movement distance is greater than the first distance threshold, the second content element in the second content card is displayed in the first display area, thereby adsorbing and displaying the second content card in the target display interface.

[0248] In an embodiment of the present disclosure, the first distance threshold is associated with the list size of the content card list; and / or the first distance threshold is associated with the card size of the second content card.

[0249] In the embodiment of the present disclosure, the first distance threshold is set according to the list size of the card list and / or the card size of the second content card, which can ensure the flexibility of automatically updating and displaying the second content card.

[0250] In an embodiment of the present disclosure, the list size matches the interface size of the target display interface.

[0251] In an embodiment of the present disclosure, by obtaining the input distance of the second input and comparing the input distance of the second input with the second distance threshold, it is determined whether to execute the step of updating and displaying the second content card in the target display area. This can make the process of updating and displaying the target display interface more in line with the user's usage intention.

[0252] In an embodiment of the present disclosure, the first content card is a preceding card of the second content card, and the second preset condition includes at least one of the following:

[0253] The first card height of the first content card is less than or equal to the interface height of the target display interface, and the input distance of the second input is greater than the second distance threshold;

[0254] The first card height of the first content card is greater than the interface height of the target display interface, and the first display height of the second content card is greater than a first height threshold. The first display height is the display height of the second content card in the target display interface after the second content card moves in response to the second input.

[0255] In an embodiment of the present disclosure, the height of the first card of the currently displayed first content card is compared with the interface height of the target display interface. When the height of the first card is less than or equal to the interface height, it is determined that the user can browse the first content card in one go, and when the input distance of the second input is greater than the third distance threshold, the display is updated to the second content card. When the height of the first card is greater than the interface height, it is necessary to first respond to the second input to complete the update display of the undisplayed first content card, and then update the display to the second content card based on the subsequent exposure height of the second content card that needs to be displayed being greater than the first height threshold, thereby improving the flexibility of switching to display the second content card, and also reducing the occurrence of switching to display the second content card when the first content card is not completely browsed.

[0256] In an embodiment of the present disclosure, the processor 1110 is configured to control the target display interface to display the first card area of ​​the second content card when the first display height is less than or equal to the first height threshold and greater than the second height threshold, and the second display height of the first card area matches the second height threshold;

[0257] The processor 1110 is further configured to control the target display interface to maintain the current display content when the first display height is less than or equal to a second height threshold.

[0258] In an embodiment of the present disclosure, the content displayed on the target display interface is controlled according to the first display height of the second content card in the target display interface, thereby improving the flexibility of the content displayed when the target display interface is not updated to display the second content card, and improving the degree of matching between the displayed content and the user's wishes.

[0259] In the embodiment of the present disclosure, the first content card is a subsequent page of the second content card;

[0260] The second preset condition includes: a third display height of the second content card is greater than a third height threshold, the third display height being the display height of the second content card in the target display interface after the second content card moves in response to the second input;

[0261] Wherein, when the second card height of the second content card is less than the interface height of the target display interface, the third height threshold is associated with the second card height;

[0262] In a case where the second card height is greater than or equal to the interface height of the target display interface, the third height threshold is associated with the interface height of the target display interface.

[0263] In the embodiments of the present disclosure, if a first content card is positioned behind a second content card, the third display height of the second content card on the target display interface in response to the second input is compared with a third height threshold to determine whether to update the display to the second content card. The third height threshold is set based on the target display interface height and / or the second card height of the second content card, further ensuring flexibility in automatically updating the display of the second content card positioned in front.

[0264] In an embodiment of the present disclosure, the first display content is matched with the first sliding frame so that the first display content can update the display content in a first update manner; the second display content is matched with the second sliding frame so that the second display content can update the display content in a second update manner; wherein the second sliding frame is configured to be embedded in the first sliding frame.

[0265] In the embodiment of the present disclosure, by configuring the second sliding frame to be embedded in the first sliding frame, the interaction requirements of different contents can be met through switching between the first sliding frame and the second sliding frame.

[0266] In an embodiment of the present disclosure, the first sliding frame is configured to update and display the first display content on the target display interface based on the input parameters of the first input;

[0267] The second sliding frame is configured to update and display the second display content in the target display interface based on at least one of the input parameter of the second input, the content position information, and the content size information.

[0268] In the embodiment of the present disclosure, the first sliding frame can update and display the first display content based on the input parameters of the first input, that is, the update progress of the first display content follows the first input.

[0269] In an embodiment of the present disclosure, the second sliding frame can update and display the second display content based on at least one of the input parameter of the second input, the content position information, and the content size information.

[0270] In an embodiment of the present disclosure, the processor 1110 is further configured to obtain display position information in the target display interface;

[0271] The display unit 1106 is further configured to update and display the first display content in a first updating manner when the display position information matches the first display content;

[0272] The display unit 1106 is further configured to update and display the second display content in a second updating manner when the display position information matches the second display content.

[0273] In an embodiment of the present disclosure, the display position information corresponding to the target display interface in the overall display content is determined by real-time calculation, and the first display content and the second display content in the display content can be determined through the display position information, thereby realizing the updating of the first display content through the first update method and the updating of the second display content through the second update method.

[0274] An embodiment of the present disclosure also provides a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, the various processes of the embodiment of the above-mentioned interface display method are implemented, and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.

[0275] It should be understood that in an embodiment of the present disclosure, the input unit 1104 may include a graphics processing unit (GPU) 11041 and a microphone 11042, and the graphics processor 11041 processes image data of a still picture or video obtained by an image capture device (such as a camera) in a video capture mode or an image capture mode. The display unit 1106 may include a display panel 11061, which may be configured in the form of a liquid crystal display, an organic light emitting diode, or the like. The user input unit 1107 includes a processor 11071 and at least one of other input devices 11072. The processor 11071 is also called a touch screen. The processor 11071 may include two parts: a touch detection device and a touch controller. Other input devices 11072 may include, but are not limited to, a physical keyboard, function keys (such as volume control keys, switch keys, etc.), a trackball, a mouse, and a joystick, which will not be described in detail here.

[0276] The memory 1109 can be used to store software programs and various data. The memory 1109 may mainly include a first storage area for storing programs or instructions and a second storage area for storing data, wherein the first storage area may store an operating system, applications or instructions required for at least one function (such as a sound playback function, an image playback function, etc.). In addition, the memory 1109 may include a volatile memory or a non-volatile memory, or the memory 1109 may include both volatile and non-volatile memories. Among them, the non-volatile memory may be a read-only memory (ROM), a programmable read-only memory (PROM), an erasable programmable read-only memory (EPROM), an electrically erasable programmable read-only memory (EEPROM), or a flash memory. The volatile memory may be random access memory (RAM), static random access memory (SRAM), dynamic random access memory (DRAM), synchronous dynamic random access memory (SDRAM), double data rate synchronous dynamic random access memory (DDRSDRAM), enhanced synchronous dynamic random access memory (ESDRAM), synchronous link dynamic random access memory (SLDRAM), and direct RAM bus random access memory (DRRAM). The memory 1109 in the embodiments of the present disclosure includes, but is not limited to, these and any other suitable types of memory.

[0277] Processor 1110 may include one or more processing units. Optionally, processor 1110 integrates an application processor and a modem processor. The application processor primarily handles operations related to the operating system, user interface, and application programs, while the modem processor primarily processes wireless communication signals, such as a baseband processor. It is understood that the modem processor may not be integrated into processor 1110.

[0278] An embodiment of the present disclosure also provides a readable storage medium, on which a program or instruction is stored. When the program or instruction is executed by a processor, the various processes of the embodiment of the above-mentioned interface display method are implemented, and the same technical effect can be achieved. To avoid repetition, it will not be repeated here.

[0279] The processor is the processor in the electronic device in the above embodiment. The readable storage medium includes a computer readable storage medium, such as a computer read-only memory ROM, a random access memory RAM, a magnetic disk or an optical disk.

[0280] An embodiment of the present disclosure further provides a chip, which includes a processor and a communication interface, the communication interface and the processor are coupled, and the processor is used to run programs or instructions to implement the various processes of the embodiment of the above-mentioned interface display method, and can achieve the same technical effect. To avoid repetition, it will not be repeated here.

[0281] It should be understood that the chip mentioned in the embodiments of the present disclosure may also be referred to as a system-on-chip, a system-on-chip, a chip system, or a system-on-chip chip, etc.

[0282] An embodiment of the present disclosure provides a computer program product, which is stored in a storage medium and is executed by at least one processor to implement the various processes of the embodiment of the above-mentioned interface display method, and can achieve the same technical effect. To avoid repetition, it will not be repeated here.

[0283] It should be noted that, in this article, the terms "comprise", "include" or any other variants thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device comprising a series of elements includes not only those elements, but also includes other elements that are not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, an element defined by the sentence "comprises a..." does not exclude the presence of other identical elements in the process, method, article or device comprising the element. In addition, it should be pointed out that the scope of the methods and devices in the embodiments of the present disclosure is not limited to performing functions in the order shown or discussed, and may also include performing functions in a substantially simultaneous manner or in the opposite order according to the functions involved. For example, the described method may be performed in an order different from that described, and various steps may also be added, omitted, or combined. In addition, the features described with reference to certain examples may be combined in other examples.

[0284] Through the description of the above implementation methods, those skilled in the art can clearly understand that the above-mentioned embodiment methods can be implemented by means of software plus the necessary general hardware platform, and of course can also be implemented by hardware, but in many cases the former is a better implementation method. Based on this understanding, the technical solution of the present disclosure, or the part that contributes to the prior art, can be embodied in the form of a computer software product, which is stored in a storage medium (such as ROM / RAM, magnetic disk, optical disk), and includes a number of instructions for enabling a terminal (which can be a mobile phone, computer, server, or network device, etc.) to execute the methods of the various embodiments of the present disclosure.

[0285] The embodiments of the present disclosure are described above in conjunction with the accompanying drawings, but the present disclosure is not limited to the above-mentioned specific implementation methods. The above-mentioned specific implementation methods are merely illustrative and not restrictive. Under the guidance of the present disclosure, ordinary technicians in this field can also make many forms without departing from the purpose of the present disclosure and the scope of protection of the claims, all of which are protected by the present disclosure.

Claims

1. An interface display method, comprising: Receiving a first input to a target display interface; In response to the first input, updating the display content in the target display interface by using a first updating method; In response to the display content of the target display interface satisfying a first preset condition, receiving a second input to the target display interface; In response to the second input, the display content in the target display interface is updated and displayed in a second updating manner.

2. The interface display method according to claim 1, wherein: In response to the display content of the target display interface satisfying the first preset condition, receiving a second input to the target display interface includes: In response to the first preset content in the target display interface being updated to display a first content element through the first updating method, receiving a second input to the target display interface; In response to the second input, updating and displaying the display content in the target display interface by a second updating method includes: In response to the target display interface, second preset content is displayed, and in response to the second input, the second preset content is updated and displayed through the second updating method.

3. The interface display method according to claim 2, wherein: The first preset content includes work content and interaction detail information, and the first content element includes an element at a preset position in any one of the work content and the interaction detail information.

4. The interface display method according to claim 1, wherein: In response to the first input, updating and displaying the display content in the target display interface by using a first updating method includes: In response to the first input, based on an input parameter of the first input, display content in the target display interface is updated.

5. The interface display method according to claim 1, wherein: In response to the second input, updating and displaying the display content in the target display interface by a second updating method includes: In response to the second input and in response to the display content of the target display interface satisfying a second preset condition, updating and displaying the first content card in the target display interface as a second content card; The second content element in the second content card is displayed in the first display area of ​​the target display interface.

6. The interface display method according to claim 5, wherein: The second preset condition includes: at least part of the content elements of the second content card are displayed in the target display interface; In response to the second input and in response to the display content of the target display interface satisfying a second preset condition, updating and displaying the first content card in the target display interface as a second content card includes: In response to all content elements of the first content card and at least part of the content elements of the second content card being displayed The target display interface is displayed, and in response to the second input, the second content card is displayed on the target display interface, and the second content element is displayed in the first display area.

7. The interface display method according to claim 5, wherein: The second preset condition includes: at least part of the content elements of the second content card are displayed in the target display interface; In response to the second input and in response to the display content of the target display interface satisfying a second preset condition, updating and displaying the first content card in the target display interface as a second content card includes: In response to a portion of content elements of the first content card being displayed on the target display interface, and in response to the second input, updating the content elements of the first content card displayed on the target display interface; In response to the remaining content elements of the first content card and at least a portion of the content elements of the second content card being displayed on the target display interface, the second content card is displayed in the target display interface, and the second content elements are displayed in the first display area.

8. The interface display method according to claim 5, wherein: The second preset condition includes: the moving distance of the first content card is greater than a first distance threshold.

9. The interface display method according to claim 8, wherein: In response to the second input and in response to the display content of the target display interface satisfying a second preset condition, updating and displaying the first content card in the target display interface as a second content card includes: In response to at least a portion of the first content card being displayed on the target display interface, and in response to the second input, moving at least a portion of the first content card along a first direction; In response to the movement distance of the first content card being greater than a first distance threshold, a second content card is displayed on the target display interface, and the second content element is displayed in the first display area.

10. The interface display method according to claim 9, wherein: The first distance threshold is associated with a list size of a content card list; and / or the first distance threshold is associated with a card size of the second content card.

11. The interface display method according to claim 10, wherein: The list size matches the interface size of the target display interface.

12. The interface display method according to claim 5, wherein: The second preset condition includes: An input distance of the second input is greater than a second distance threshold.

13. The interface display method according to claim 5, wherein: The first content card is a preceding card of the second content card, and the second preset condition includes at least one of the following: A first card height of the first content card is less than or equal to an interface height of the target display interface, and an input distance of the second input is greater than a third distance threshold; The first card height of the first content card is greater than the interface height of the target display interface, and the first display height of the second content card is greater than a first height threshold, and the first display height is the display height of the second content card in the target display interface after the second content card moves in response to the second input.

14. The interface display method according to claim 13, further comprising: In response to the first display height being less than or equal to a first height threshold and greater than a second height threshold, controlling the target display interface to display a first card area in the second content card, wherein a second display height of the first card area matches the second height threshold; In response to the first display height being less than or equal to the second height threshold, the target display interface is controlled to maintain currently displayed content.

15. The interface display method according to claim 5, wherein: The first content card is a post-card of the second content card; The second preset condition includes: a third display height of the second content card is greater than a third height threshold, the third display height being a display height of the second content card in the target display interface after the second content card moves in response to the second input; wherein, in response to a second card height of the second content card being less than an interface height of the target display interface, associating the third height threshold with the second card height; In response to the second card height being greater than or equal to the interface height of the target display interface, the third height threshold is associated with the interface height of the target display interface.

16. The interface display method according to any one of claims 1 to 15, wherein: The first display content matches the first sliding frame, so that the first display content can update the display content in the first updating manner; The second display content matches the second sliding frame, so that the second display content can update the display content in the second updating mode; Wherein, the second sliding frame is configured to be embedded in the first sliding frame.

17. The interface display method according to claim 16, wherein: The first sliding frame is configured to update and display the first display content in the target display interface based on the input parameter of the first input; The second sliding frame is configured to update and display the second display content in the target display interface based on at least one of the input parameter, content position information, and content size information of the second input.

18. The interface display method according to any one of claims 1 to 15, further comprising: Acquiring display position information in the target display interface; In response to the display position information matching the first display content, updating and displaying the first display content by using the first updating method; In response to the display position information matching the second display content, the second display content is updated and displayed using the second update method.

19. An interface display device, comprising: A receiving module, configured to receive a first input to a target display interface; A display module, configured to update and display the display content in the target display interface in a first updating manner in response to the first input; The receiving module is further configured to receive a second input to the target display interface in response to the display content of the target display interface satisfying a first preset condition; The display module is further configured to update the display content in the target display interface in a second updating manner in response to the second input.

20. An electronic device, comprising: A processor and a memory, wherein the memory stores a program or instruction that can be run on the processor, and when the program or instruction is executed by the processor, the steps of the method according to any one of claims 1 to 18 are implemented.

21. A non-transitory readable storage medium having a program or instruction stored thereon, wherein: When the program or instruction is executed by a processor, the steps of the method according to any one of claims 1 to 18 are implemented.

Images