Information display methods, devices, equipment and media
By determining the target display area and selecting the target sub-sequence, and adjusting the height of the page container, the problem of poor convenience in displaying and switching page containers in the prior art is solved, and more efficient page content scrolling and switching is achieved.
Patent Information
- Application Number
- CN202510437141.8
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2025-04-08
- Publication Date
- 2025-11-14
- Estimated Expiration
- 2045-04-08
AI Technical Summary
In existing information display software, the display and switching of page containers are not very convenient, especially when the information sequence is long. Users need to manually operate multiple times to switch to display a new page container.
By determining the target display area, selecting the target sub-sequence for default display, and adjusting the height of the page container to make its information display area as close as possible to the display screen area, the height of the page container is reduced to facilitate user scrolling or switching operations.
It improves the ease of switching page containers, allowing users to scroll and switch displayed content with fewer operations, thus increasing the flexibility of page display.
Smart Images

Figure CN120354017B_ABST
Abstract
Description
Technical Field
[0001] This disclosure relates to the field of page display technology, and more particularly to the field of intelligent recommendation and software application technology, specifically to an information display method, apparatus, electronic device, computer-readable storage medium, and computer program product. Background Technology
[0002] Artificial intelligence (AI) is the study of enabling computers to simulate certain human thought processes and intelligent behaviors (such as learning, reasoning, thinking, and planning). It encompasses both hardware and software technologies. AI hardware technologies generally include sensors, dedicated AI chips, cloud computing, distributed storage, and big data processing. AI software technologies mainly include computer vision, speech recognition, natural language processing, machine learning / deep learning, big data processing, and knowledge graph technologies.
[0003] With the development of computer and big data technologies, people's daily behaviors, such as consumption, entertainment, learning, and travel, are all closely related to big data. In the operation of software platforms, it is often necessary to display user search results in the form of information sequences or proactively recommend content to users.
[0004] The methods described in this section are not necessarily methods that had been previously conceived or adopted. Unless otherwise specified, no method described in this section should be assumed to be prior art simply because it is included in this section. Similarly, unless otherwise specified, the issues mentioned in this section should not be considered to be accepted in any prior art. Summary of the Invention
[0005] This disclosure provides an information display method, apparatus, electronic device, computer-readable storage medium, and computer program product.
[0006] According to one aspect of this disclosure, an information display method is provided, comprising: determining a target display area for displaying a display area of a first page container; determining a first information sequence corresponding to the first page container; determining a target subsequence from the first information sequence, wherein the number of target information included in the target subsequence is a minimum number that can satisfy the target conditions, the target conditions including that the sum of the display areas of one or more target information included in the target subsequence is not less than the target display area; displaying the target subsequence in the first page container; scrolling the first page container in response to receiving an instruction instructing the first page container to switch display content, and the target subsequence has not scrolled to the bottom; and switching to display a second page container in response to receiving an instruction instructing the first page container to switch display content, and the target subsequence has scrolled to the bottom.
[0007] According to another aspect of this disclosure, an information display device is provided, comprising: a first determining unit configured to determine a target display area for displaying a display area of a first page container; a second determining unit configured to determine a first information sequence corresponding to the first page container; a third determining unit configured to determine a target sub-sequence from the first information sequence, wherein the number of target information included in the target sub-sequence is a minimum number that can satisfy a target condition, the target condition indicating that the sum of the display areas of one or more target information included in the target sub-sequence is not less than the target display area; a display unit configured to display the target sub-sequence in the first page container; a scrolling unit configured to scroll the first page container in response to receiving an instruction instructing the first page container to switch display content, and the target sub-sequence has not scrolled to the bottom; and a switching unit configured to switch the display of a second page container in response to receiving an instruction instructing the first page container to switch display content, and the target sub-sequence has scrolled to the bottom.
[0008] According to another aspect of this disclosure, an electronic device is provided, comprising: at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores instructions executable by the at least one processor, the instructions being executed by the at least one processor to enable the at least one processor to perform the above-described information display method.
[0009] According to another aspect of this disclosure, a non-transitory computer-readable storage medium storing computer instructions is provided, wherein the computer instructions are used to cause the computer to perform the above-described information display method.
[0010] According to another aspect of this disclosure, a computer program product is provided, including a computer program, wherein the computer program, when executed by a processor, is capable of implementing the above-described information display method.
[0011] According to one or more embodiments of this disclosure, the flexibility of page content display and switching can be improved.
[0012] It should be understood that the description in this section is not intended to identify key or essential features of the embodiments of this disclosure, nor is it intended to limit the scope of this disclosure. Other features of this disclosure will become readily apparent from the following description. Attached Figure Description
[0013] The accompanying drawings exemplify embodiments and form part of the specification, serving together with the textual description to explain exemplary implementations of the embodiments. The illustrated embodiments are for illustrative purposes only and do not limit the scope of the claims. Throughout the drawings, the same reference numerals refer to similar but not necessarily identical elements.
[0014] Figure 1 A schematic diagram of an exemplary system in which various methods described herein may be implemented, according to exemplary embodiments of the present disclosure;
[0015] Figure 2 A flowchart of an information display method according to an exemplary embodiment of the present disclosure is shown;
[0016] Figure 3A and Figure 3B A schematic diagram of an information display page according to an exemplary embodiment of the present disclosure is shown;
[0017] Figure 4 A schematic diagram of an information display process according to an exemplary embodiment of the present disclosure is shown;
[0018] Figure 5 A structural block diagram of an information display device according to an exemplary embodiment of the present disclosure is shown;
[0019] Figure 6 A structural block diagram of an exemplary electronic device that can be used to implement embodiments of the present disclosure is shown. Detailed Implementation
[0020] The exemplary embodiments of this disclosure are described below with reference to the accompanying drawings, including various details of the embodiments to aid understanding, and should be considered merely exemplary. Therefore, those skilled in the art will recognize that various changes and modifications can be made to the embodiments described herein without departing from the scope of this disclosure. Similarly, for clarity and brevity, descriptions of well-known functions and structures are omitted in the following description.
[0021] In this disclosure, unless otherwise stated, the use of terms such as "first," "second," etc., to describe various elements is not intended to limit the positional, temporal, or importance relationships of these elements; such terms are merely used to distinguish one element from another. In some examples, the first element and the second element may refer to the same instance of that element, while in other cases, based on the context, they may refer to different instances.
[0022] The terminology used in the description of the various examples described in this disclosure is for the purpose of describing particular examples only and is not intended to be limiting. Unless the context explicitly indicates otherwise, an element may be one or more unless the number of elements is specifically limited. Furthermore, the term "and / or" as used in this disclosure covers any one of the listed items and all possible combinations thereof.
[0023] The embodiments of this disclosure will now be described in detail with reference to the accompanying drawings.
[0024] Figure 1 A schematic diagram of an exemplary system 100 in which the various methods and apparatus described herein can be implemented according to embodiments of this disclosure is shown. Reference Figure 1 The system 100 includes one or more client devices 101, 102, 103, 104, 105 and 106, a server 120, and one or more communication networks 110 coupling the one or more client devices to the server 120. The client devices 101, 102, 103, 104, 105 and 106 can be configured to execute one or more applications.
[0025] In embodiments of this disclosure, server 120 may run one or more services or software applications that enable the execution of information display methods.
[0026] In some embodiments, server 120 may also provide other services or software applications, which may include non-virtual and virtual environments. In some embodiments, these services may be provided as web-based services or cloud services, such as to users of client devices 101, 102, 103, 104, 105, and / or 106 under a Software as a Service (SaaS) model.
[0027] exist Figure 1 In the configuration shown, server 120 may include one or more components that implement the functions performed by server 120. These components may include software components, hardware components, or combinations thereof that can be executed by one or more processors. Users operating client devices 101, 102, 103, 104, 105, and / or 106 can sequentially interact with server 120 using one or more client applications to utilize the services provided by these components. It should be understood that various different system configurations are possible and may differ from system 100. Therefore, Figure 1 This is an example of a system used to implement the various methods described herein, and is not intended to be limiting.
[0028] Users can use client devices 101, 102, 103, 104, 105, and / or 106 to send information display requests and perform interactive operations. The client devices can provide an interface that allows users to interact with the client devices. The client devices can also output information to the user through this interface. Although... Figure 1 Only six client devices are described, but those skilled in the art will understand that this disclosure can support any number of client devices.
[0029] Client devices 101, 102, 103, 104, 105, and / or 106 may include various categories of computer devices, such as portable handheld devices, general-purpose computers (such as personal computers and laptops), workstation computers, wearable devices, smart screen devices, self-service terminal devices, service robots, gaming systems, thin clients, various messaging devices, sensors, or other sensing devices. These computer devices can run various categories and versions of software applications and operating systems, such as Microsoft Windows, Apple iOS, UNIX-like operating systems, Linux or Linux-like operating systems (such as Google Chrome OS); or include various mobile operating systems, such as Microsoft Windows Mobile OS, iOS, Windows Phone, and Android. Portable handheld devices may include cellular phones, smartphones, tablets, personal digital assistants (PDAs), etc. Wearable devices may include head-mounted displays (such as smart glasses) and other devices. Gaming systems may include various handheld gaming devices, internet-enabled gaming devices, etc. Client devices can run a variety of different applications, such as various Internet-related applications, communication applications (e.g., email applications), short message service (SMS) applications, and can use various communication protocols.
[0030] Network 110 can be any type of network well known to those skilled in the art, and can use any of a variety of available protocols (including but not limited to TCP / IP, SNA, IPX, etc.) to support data communication. By way of example only, one or more networks 110 can be a local area network (LAN), an Ethernet-based network, a token ring network, a wide area network (WAN), the Internet, a virtual network, a virtual private network (VPN), an intranet, an extranet, a blockchain network, a public switched telephone network (PSTN), an infrared network, a wireless network (e.g., Bluetooth, WIFI), and / or any combination of these and / or other networks.
[0031] Server 120 may include one or more general-purpose computers, special-purpose server computers (e.g., PC (personal computer) servers, UNIX servers, mid-range servers), blade servers, mainframe computers, server clusters, or any other suitable arrangement and / or combination. Server 120 may include one or more virtual machines running a virtual operating system, or other computing architectures involving virtualization (e.g., one or more flexible pools of logical storage devices that can be virtualized to maintain virtual storage devices for servers). In various embodiments, server 120 may run one or more services or software applications that provide the functionality described below.
[0032] The computing unit in server 120 can run one or more operating systems, including any of the aforementioned operating systems and any commercially available server operating system. Server 120 can also run any of a variety of additional server applications and / or middleware applications, including HTTP servers, FTP servers, CGI servers, JAVA servers, database servers, etc.
[0033] In some implementations, server 120 may include one or more applications to analyze and merge data feeds and / or event updates received from users of client devices 101, 102, 103, 104, 105, and 106. Server 120 may also include one or more applications to display data feeds and / or real-time events via one or more display devices of client devices 101, 102, 103, 104, 105, and 106.
[0034] In some implementations, server 120 can be a server for a distributed system or a server integrated with blockchain. Server 120 can also be a cloud server, or an intelligent cloud computing server or intelligent cloud host with artificial intelligence technology. A cloud server is a host product in the cloud computing service system, designed to address the shortcomings of traditional physical hosts and Virtual Private Server (VPS) services, such as high management difficulty and weak business scalability.
[0035] System 100 may also include one or more databases 130. In some embodiments, these databases may be used to store data and other information. For example, one or more of the databases 130 may be used to store information such as audio files and video files. Databases 130 may reside in various locations. For example, a database used by server 120 may be local to server 120, or it may be located away from server 120 and may communicate with server 120 via a network-based or dedicated connection. Databases 130 may be of different categories. In some embodiments, the database used by server 120 may be, for example, a relational database. One or more of these databases may store, update, and retrieve data from and from the databases in response to commands.
[0036] In some embodiments, one or more of the databases 130 may also be used by an application to store application data. The databases used by the application may be different categories of databases, such as key-value stores, object stores, or regular stores supported by a file system.
[0037] Figure 1 The system 100 can be configured and operated in various ways to enable the application of the various methods and apparatus described in this disclosure.
[0038] Current information display software typically displays the entire information sequence to the user within a page container. When the length of the information sequence exceeds the height of the display area on the screen panel, the user can scroll through the page container to view the content. When switching to a new page container is needed, the user can manually click on a component used to switch page containers (such as a link or button that triggers the display of a new page container). However, the convenience of page display and switching is relatively poor.
[0039] Based on this, this disclosure provides an information display method. When the information sequence to be displayed corresponding to the page container is long, a target subsequence with a limited number of information is selected from the information sequence for default display. The height of the page container is adjusted by adjusting the amount of information displayed by default in the page container, so that the information display area is the minimum value that can fill the display area in the display screen. Even if the actual display area of the first page container is as close as possible to the area of the display screen, the height of the page container is reduced without affecting the user's viewing of the full-screen page container. This makes it easier for the user to scroll the current page container or switch to display a new page container by performing the same content scrolling operation, thus improving the convenience of page container switching.
[0040] Figure 2 A flowchart of an information display method 200 according to an exemplary embodiment of the present disclosure is shown. Figure 2 As shown, method 200 includes:
[0041] Step S201: Determine the target display area for the display area used to display the first page container;
[0042] Step S202: Determine the first information sequence corresponding to the first page container;
[0043] Step S203: Determine a target subsequence from the first information sequence, wherein the number of target information included in the target subsequence is the minimum number that can satisfy the target condition, and the target condition includes that the sum of the display areas of one or more target information included in the target subsequence is not less than the target display area;
[0044] Step S204: Display the target sub-sequence in the first page container;
[0045] Step S205: In response to receiving an instruction instructing the first page container to switch its display content, and the target sub-sequence has not scrolled to the bottom, scroll the first page container; and
[0046] Step S206: In response to receiving an instruction to switch the display content of the first page container, and the target sub-sequence has scrolled to the bottom, switch the display of the second page container.
[0047] By applying the above method 200, when the information sequence to be displayed corresponding to the page container is long, a target subsequence with a limited number of information can be selected from the information sequence for default display. The height of the page container is adjusted by adjusting the amount of information displayed by default in the page container, so that the information display area corresponding to the first page container (i.e., the sum of the display areas of all target information included in the target subsequence) is the minimum value that can fill the display area of the display screen. In other words, the actual display area of the first page container is made as close as possible to the area of the display screen. The height of the page container is reduced without affecting the user's viewing of the full-screen page container, making it easier for the user to scroll the display content of the current page container or switch to a new page container by performing the same operation of switching display content, thus improving the convenience of page container switching.
[0048] In practical applications, the area of the display screen panel used to display the page container is limited, corresponding to a finite display area. The target display area in step S201 can be determined based on the display area of the display screen panel. In one example, the target display area for the display area used to display the first page container can be the area of the information display area applied to the information sequence of the page container (less than or equal to the area of the display screen panel). For example, since the user interface may also involve display components such as the system status bar and toolbar, the target display area should be the difference between the area of the display screen panel and the display areas of other display components.
[0049] In some examples, the content to be displayed to the user includes multiple page containers, each corresponding to a sequence of information to be displayed. In this case, if all the information sequence corresponding to each page container is rendered and displayed in each page container, the information display area corresponding to each page container is relatively large. When the target display area is limited, the page container may need to be scrolled multiple times on the display screen panel to be displayed completely. That is to say, when the user needs to scroll the current page container or switch to display a new page container using the same operation of switching display content, multiple operations of switching display content are required (e.g., performing a long touch swipe gesture on the touch screen) so that the current page container can scroll to the bottom of the display screen panel before the switch to display a new page container can be triggered. The switching operation is cumbersome and not conducive to the flexible display and switching of pages.
[0050] By applying steps S201-S204 above, the height of the page container can be adjusted by adjusting the amount of information displayed by default in the page container, so that the information display area of the page container is the minimum value that can fill the display area of the display screen. In other words, the actual display area of the page container is made as close as possible to the area of the display screen. The height of the page container is reduced without affecting the user's viewing of the full-screen page container, so that the user can more easily trigger the switching display of the new page container and improve the convenience of page switching.
[0051] In some examples, the instruction instructing the first page container to switch its display content may include a scrolling instruction for the page container, or it may be an instruction instructing the first page container to continue displaying information that has not yet been displayed. In one example, method 200 is applied to a terminal including a display screen panel. The user can send an instruction instructing the first page container to switch its display content by a touch swipe operation on the display screen panel, or the user can input the instruction instructing the first page container to switch its display content through a control device communicatively connected to the terminal. As long as it is possible to determine based on the user instruction that the display content of the first page container needs to be updated, this disclosure does not limit the type and content of the instruction for the first page container.
[0052] According to some embodiments, the target subsequence includes the first and second information of the first information sequence. Therefore, a target subsequence can be selected for default display from the head of the first information sequence. In practical applications, when the information in the first information sequence may be arranged in a certain order, by applying the above method, more valuable information can be selected from the head of the first information sequence for default display, thus ensuring the accuracy of the information in the target subsequence.
[0053] In some examples, each piece of information in the first information sequence can be considered as an information card component in the first page container. In this case, display properties can be configured for each information card component to control the default content displayed in the first page container. As long as the display of each piece of information in the first information sequence in the first page container can be dynamically controlled, this disclosure does not limit the method of configuring the properties of each piece of information during the page rendering process.
[0054] According to some embodiments, determining the target subsequence from the first information sequence in step S203 includes: determining a candidate subsequence including a first number of candidate information from the first information sequence, wherein the candidate subsequence includes the first and second information of the first information sequence, and the first number is determined based on a preset threshold of the target display area and the display area of a single piece of information; in response to determining that the candidate subsequence exceeds the initial visible area of the first page container, deleting one or more candidate information in the candidate subsequence that is not in the initial visible area, wherein the initial visible area is determined based on the target display area; and determining the target subsequence based on the candidate subsequence after the deletion operation. Thus, a first number can be determined based on the target display area and a preset threshold of the display area of a single piece of information, thereby determining a candidate subsequence including the first number of candidate information. Dynamic adjustments can be made based on the candidate subsequence to delete information exceeding the screen display area, eliminating the need to traverse and calculate the entire first information sequence, thus improving display efficiency.
[0055] In some examples, the preset threshold for the display area of a single piece of information can be an area threshold set for a single information card during page rendering. In other examples, the preset threshold for the display area of a single piece of information can also be a statistical value (e.g., an average or median value) obtained based on the display areas of multiple historical information items. By calculating based on the target display area and the preset threshold for the display area of a single piece of information, candidate subsequences that may be close to the target subsequence can be easily and quickly identified. Based on these candidate subsequences, the target subsequence can be determined more efficiently, thereby improving display efficiency.
[0056] According to some embodiments, deleting one or more candidate information items in the candidate subsequence that are not located in the initial visible area in response to determining that the candidate subsequence exceeds the initial visible area of the first page container includes: iteratively performing a deletion operation on the last information of the candidate subsequence in response to determining that the candidate subsequence exceeds the initial visible area of the first page container, until the current last information of the candidate subsequence is located in the initial visible area or it is determined that the first page container has been scrolled to the display position of the current last information. Therefore, iterative deletion in reverse order from the end of the candidate subsequence can be performed, thus determining the target subsequence more efficiently.
[0057] According to some embodiments, method 200 further includes: in response to determining that the sum of the display areas of the candidate sub-sequences is less than the target display area, adding information in the first information sequence that is located after the candidate sub-sequence to the end of the candidate sub-sequence. This allows for the continuous supplementation of subsequent information even when the candidate sub-sequence is insufficient to fill the screen display area. By dynamically adding information, the display content of the page container is prevented from being too small, ensuring that the default display content of the page container can fill the display area of the screen panel, thus guaranteeing display effect and user experience.
[0058] In some examples, the step of supplementing new information in the candidate subsequence described above can be performed iteratively until the current candidate subsequence can fill the screen display area. For example, when the last part of the candidate subsequence is within the initial visible area and partially exceeds the initial visible area, it means that the current candidate subsequence contains the minimum amount of information that can satisfy the target condition, and thus the current candidate subsequence can be directly determined as the target subsequence.
[0059] According to some embodiments, method 200 further includes: displaying a content expansion control at the bottom of the first page container; and, in response to receiving an instruction to control the content expansion control, displaying other information in the first information sequence, excluding the target subsequence, in the first page container. Thus, the content expansion control can be displayed when a single page container is scrolled to the bottom, allowing the user to continue browsing the remaining information sequence by operating the content expansion control, ensuring a better browsing experience.
[0060] According to some embodiments, the first page container is triggered by a search request including a first search text, the first information sequence includes multiple search result entries corresponding to the first search text, and the second page container is used to display multiple search result entries corresponding to the recommended search text. Therefore, when a user scrolls through the search results page corresponding to the first search text (i.e., the first page container), the display height of the first page container can be adjusted by applying the above method 200, making it easier for the user to trigger the display of recommended content (the second page container corresponding to the recommended search text), achieving lightweight activation of recommended content and improving the click-through rate of recommended content.
[0061] In some examples, users can actively search on web platforms or search software platforms, and then trigger the display of search results pages by sending the first search text to the search engine. The first page container for displaying search results entries can be implemented in the web page or in the display interface of the search software. In this case, the search engine can recall multiple search results entries (i.e., the first information sequence corresponding to the first page container) based on the first search text sent by the user, and then display the target subsequence that meets the target criteria in the first page container, allowing users to switch between search results pages (page containers) through convenient page swiping operations.
[0062] According to some embodiments, method 200 further includes: displaying the recommended search text in the first page container; and rendering the second page container based on a plurality of search result entries corresponding to the recommended search text in response to determining that the recommended search text has been displayed. Thus, recommended content can be visually displayed to the user in the first page container, allowing the user to intuitively view the recommended search text, and the second page container is pre-rendered immediately after the recommended search text is displayed, enabling more efficient and convenient switching between displays.
[0063] Figure 3A and Figure 3B A schematic diagram of an information display page according to an exemplary embodiment of the present disclosure is shown. Figure 3A The upper solid-line box shows a first page container including a search box 310, an information display area (including information 321, 322, and 323), and a recommended search text display area 330. In this example, the amount of information contained in the information display area can be determined based on the method 200 described above to obtain a first page container that is close to the height of the display area on the display screen panel. In this example, Figure 3AThe solid-line box at the bottom shows a second page container including a search box 340, an information display area (including information 351, 352, and 353), and a recommended search text display area 360. As mentioned earlier, the second page container can be pre-rendered based on the recommended search text already displayed in the first page container. When the user performs a scrolling operation in the first page container, the page container switching is triggered when the first page container scrolls to the bottom, thus obtaining the desired result. Figure 3B The second page container is shown in the display interface.
[0064] In some examples, each page container may further include display components such as a top status bar and a bottom menu bar. When a user triggers the switching to a new page container, the container switching animation can be invoked within the current page container, pausing the current page container's page rendering and audio / video playback, while simultaneously initiating the component rendering and audio / video playback of the new page container. Since users may perform repeated swipe gestures in the front-end interface to interrupt the page container switching process, there is a possibility of failure. However, to improve the efficiency of page container switching, the new page container can be pre-rendered to facilitate more efficient switching when the user re-initiates the page container switching process.
[0065] According to some embodiments, the method further includes: in response to receiving an instruction instructing the first page container to switch display content, and the target sub-sequence has scrolled to the bottom, updating the value of the page switching identifier to a first value indicating that the page container is switching. In step S205, responding to receiving an instruction instructing the first page container to switch display content, and the target sub-sequence has not scrolled to the bottom, scrolling the first page container includes: in response to receiving an instruction instructing the first page container to switch display content, and the value of the page switching identifier is not the first value, scrolling the first page container. Thus, the page switching identifier can be used to transmit information between the page scrolling response mechanism and the page switching response mechanism, avoiding conflicts in gesture responses.
[0066] As previously described, by applying the method 200 provided in this disclosure, users can perform scrolling and switching operations on the page container based on the same interactive operation (sending the same instruction to switch the displayed content of the first page container). In this case, accurate recognition and response to the user's interactive operation are required. In some examples, the recognition and response to the user's gesture can be abstracted into different steps. The following will illustrate the implementation process of the page scrolling response mechanism and the page switching response mechanism based on the exemplary scenario of "the user sending an instruction to switch the displayed content of the page container through a touch swipe operation".
[0067] In this example, recognizing user swipe gestures can serve as a common preliminary step for both the page scrolling response mechanism and the page switching response mechanism, and the response operations of these two mechanisms can be performed alternately. The page switching response occurs when the page container scrolls to the top or bottom of the information display area (in this example, page container scrolling can be implemented using WebView), and the effect of the page switching response is that the page container stops scrolling and starts the page container switching animation. The page scrolling response occurs when the page container has not scrolled to the top or bottom and the page container switching is not responsive, and the effect of the page scrolling response is that the page container scrolls.
[0068] Figure 4 A schematic diagram illustrating an information display process according to an exemplary embodiment of this disclosure is shown. Figure 4 As shown, the execution of the page scrolling response mechanism and page switching response mechanism during information display includes the following steps:
[0069] Step S1: Recognize the user's swipe gesture.
[0070] In response to the recognition of a user's swipe gesture, the page scrolling response mechanism can be implemented based on the following steps S11-S13:
[0071] Step S11: The current container scrolls.
[0072] Step S12: Determine if the page switching flag is 1 (in this example, 1 corresponds to the first value described above indicating that the page container is switching; it should be understood that the initial value of the page switching flag should be 0, indicating that the page container is not switching). If the determination result is yes, then step S11 can be executed to continue scrolling the current container.
[0073] If the result of step S12 is negative, then proceed to step S13: the current container stops scrolling.
[0074] In response to the recognition of a user's swipe gesture, a page switching response mechanism can be implemented based on the following steps S21-S210:
[0075] Step S21: Determine if the page switching indicator is 1.
[0076] If the result of step S21 is negative, then proceed to step S26: determine whether the current container has scrolled to the bottom.
[0077] If the result of step S26 is negative, then step S210 is executed: no processing. That is, the page container switching process is not initiated.
[0078] If the judgment result of step S26 is yes, then step S27 is executed: page switching flag = 1, that is, the value of the page switching flag is updated to the first value indicating that the page container is switching.
[0079] Step S28: Record the initial response displacement. This step is used to record the amount of displacement of the user's swipe gesture when responding to a page transition.
[0080] Step S29: Initiate the container switching response, for example, by following the user's gesture to execute a container switching animation.
[0081] If the container switching process has already started, the steps in the container switching response mechanism can continue to be executed based on the user's swipe gesture:
[0082] In this situation, the value of the page switching indicator has been updated to 1, meaning the judgment result of step S21 is yes, and step S22 needs to be executed: determine whether the current scroll displacement is greater than the initial response displacement. Considering that the user's touch swipe gesture may correspond to a relatively long swipe displacement, thus covering two page response processes: "scrolling the current page container to the bottom" and "triggering the switching display of a new page container," by recording the initial response displacement, the starting point of the displacement when the page container switching response begins can be recorded. Based on this, the true value of the user's swipe displacement corresponding to the page switching response mechanism can be determined more accurately, so as to more accurately determine the response steps in the page display process.
[0083] In some examples, the user's swipe gesture may involve the following: after swiping upwards a certain distance (i.e., triggering a page transition response at the point of the initial response displacement described above), the user then performs a downward swipe, intending to keep the front-end content displayed in the initial first page container. In this case, it is necessary to determine whether to terminate the page transition response based on the truth value of the user's swipe displacement after triggering the page transition response, corresponding to steps S23-S24 below.
[0084] If the judgment result of step S22 is yes, then proceed to step S23: page switching flag = 0.
[0085] Step S24: Terminate container switching response.
[0086] If the result of step S22 is negative, then proceed to step S25: continue with container switching response.
[0087] By using page transition markers to pass information between the page scrolling response mechanism and the page transition response mechanism, conflicts in gesture responses can be avoided, ensuring the correctness of page display.
[0088] According to one aspect of this disclosure, an information display device is also provided. Figure 5A structural block diagram of an information display device 500 according to an exemplary embodiment of the present disclosure is shown. Figure 5 As shown, the device 500 includes:
[0089] The first determining unit 501 is configured to determine the target display area for displaying the display area of the first page container;
[0090] The second determining unit 502 is configured to determine the first information sequence corresponding to the first page container;
[0091] The third determining unit 503 is configured to determine a target subsequence from the first information sequence, wherein the number of target information included in the target subsequence is the minimum number that can satisfy the target condition, and the target condition indicates that the sum of the display areas of one or more target information included in the target subsequence is not less than the target display area;
[0092] Display unit 504 is configured to display the target subsequence in the first page container;
[0093] Scrolling unit 505 is configured to scroll the first page container in response to receiving an instruction instructing the first page container to switch displayed content, and the target subsequence has not scrolled to the bottom; and
[0094] The switching unit 506 is configured to switch to displaying a second page container in response to receiving an instruction instructing the first page container to switch its display content and the target subsequence has scrolled to the bottom.
[0095] According to some embodiments, the target subsequence includes the first and last information of the first information sequence.
[0096] According to some embodiments, the third determining unit 503 includes: a first determining subunit configured to determine a candidate subsequence including a first number of candidate information from the first information sequence, wherein the candidate subsequence includes the first and second information of the first information sequence, and the first number is determined based on the target display area and a preset threshold of the display area of a single piece of information; a deleting subunit configured to delete one or more candidate information in the candidate subsequence that are not located in the initial visible area in response to determining that the candidate subsequence exceeds the initial visible area of the first page container, wherein the initial visible area is determined based on the target display area; and a second determining subunit configured to determine the target subsequence based on the candidate subsequence after the deletion operation.
[0097] According to some embodiments, the deletion subunit is configured to: in response to determining that the candidate subsequence exceeds the initial visible area of the first page container, iteratively perform a deletion operation on the last information of the candidate subsequence until the current last information of the candidate subsequence is in the initial visible area or it is determined that the first page container has been scrolled to the display position of the current last information.
[0098] According to some embodiments, the apparatus 500 further includes an adding unit configured to add information in the first information sequence that is located after the candidate sub-sequence to the end of the candidate sub-sequence in response to determining that the sum of the display areas of the candidate sub-sequences is less than the target display area.
[0099] According to some embodiments, the display unit 504 is further configured to: display a content expansion control at the bottom of the first page container; and, in response to receiving an instruction to control the content expansion control, display other information in the first information sequence, excluding the target subsequence, in the first page container.
[0100] According to some embodiments, the first page container is triggered by a search request including a first search text, the first information sequence includes multiple search result entries corresponding to the first search text, and the second page container is used to display multiple search result entries corresponding to the recommended search text.
[0101] According to some embodiments, the display unit 504 is further configured to display the recommended search text in the first page container, and the device 500 further includes a rendering unit configured to render the second page container based on a plurality of search result entries corresponding to the recommended search text in response to determining that the recommended search text has been displayed.
[0102] According to some embodiments, the apparatus 500 further includes: an updating unit configured to update the value of a page switching identifier to a first value indicating that the page container is switching in response to receiving an instruction instructing the first page container to switch display content and the target subsequence has scrolled to the bottom, wherein the scrolling unit 505 is configured to scroll the first page container in response to receiving an instruction instructing the first page container to switch display content and the value of the page switching identifier is not the first value.
[0103] The collection, storage, use, processing, transmission, provision, and disclosure of user personal information involved in the technical solution disclosed herein comply with the provisions of relevant laws and regulations and do not violate public order and good morals.
[0104] According to another aspect of this disclosure, an electronic device is also provided, comprising: at least one processor; and a memory communicatively connected to the at least one processor; wherein the memory stores instructions executable by the at least one processor, the instructions being executed by the at least one processor to enable the at least one processor to perform the information display method described above.
[0105] According to another aspect of this disclosure, a non-transitory computer-readable storage medium storing computer instructions is also provided, wherein the computer instructions are used to cause the computer to perform the above-described information display method.
[0106] According to another aspect of this disclosure, a computer program product is also provided, comprising a computer program, wherein the computer program, when executed by a processor, implements the above-described information display method.
[0107] refer to Figure 6 The present invention describes a structural block diagram of an electronic device 600 that can serve as a server or client of the present disclosure, which is an example of a hardware device that can be applied to various aspects of the present disclosure. The electronic device is intended to represent various forms of digital electronic computer devices, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processors, cellular phones, smartphones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely illustrative and are not intended to limit the implementation of the present disclosure described and / or claimed herein.
[0108] like Figure 6 As shown, device 600 includes a computing unit 601, which can perform various appropriate actions and processes based on a computer program stored in read-only memory (ROM) 602 or a computer program loaded from storage unit 608 into random access memory (RAM) 603. RAM 603 may also store various programs and data required for the operation of device 600. The computing unit 601, ROM 602, and RAM 603 are interconnected via bus 604. Input / output (I / O) interface 605 is also connected to bus 604.
[0109] Multiple components in device 600 are connected to I / O interface 605, including: input unit 606, output unit 607, storage unit 608, and communication unit 609. Input unit 606 can be any type of device capable of inputting information to device 600. Input unit 606 can receive input numerical or character information and generate key signal inputs related to user settings and / or function control of the electronic device, and may include, but is not limited to, a mouse, keyboard, touchscreen, trackpad, trackball, joystick, microphone, and / or remote control. Output unit 607 can be any type of device capable of presenting information, and may include, but is not limited to, a monitor, speaker, video / audio output terminal, vibrator, and / or printer. Storage unit 608 may include, but is not limited to, a hard disk and an optical disk. Communication unit 609 allows device 600 to exchange information / data with other devices through computer networks such as the Internet and / or various telecommunications networks, and may include, but is not limited to, modems, network cards, infrared communication devices, wireless communication transceivers, and / or chipsets, such as Bluetooth™ devices, 802.11 devices, WiFi devices, WiMax devices, cellular communication devices, and / or the like.
[0110] The computing unit 601 can be a variety of general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of the computing unit 601 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various special-purpose artificial intelligence (AI) computing chips, various computing units running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. The computing unit 601 performs the various methods and processes described above, such as the information display method. For example, in some embodiments, the information display method may be implemented as a computer software program tangibly contained in a machine-readable medium, such as storage unit 608. In some embodiments, part or all of the computer program may be loaded and / or installed on device 600 via ROM 602 and / or communication unit 609. When the computer program is loaded into RAM 603 and executed by the computing unit 601, one or more steps of the information display method described above may be performed. Alternatively, in other embodiments, the computing unit 601 may be configured to perform the information display method by any other suitable means (e.g., by means of firmware).
[0111] Various embodiments of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), systems-on-a-chip (SoCs), complex programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various embodiments may include implementations in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which may be a dedicated or general-purpose programmable processor, capable of receiving data and instructions from a storage system, at least one input device, and at least one output device, and transmitting data and instructions to the storage system, the at least one input device, and the at least one output device.
[0112] The program code used to implement the methods of this disclosure may be written in any combination of one or more programming languages. This program code may be provided to a processor or controller of a general-purpose computer, special-purpose computer, or other programmable data processing apparatus, such that when executed by the processor or controller, the program code causes the functions / operations specified in the flowcharts and / or block diagrams to be implemented. The program code may be executed entirely on a machine, partially on a machine, as a standalone software package partially on a machine and partially on a remote machine, or entirely on a remote machine or server.
[0113] In the context of this disclosure, a machine-readable medium can be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. A machine-readable medium can be, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.
[0114] To provide interaction with a user, the systems and techniques described herein can be implemented on a computer having: a display device for displaying information to the user (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor); and a keyboard and pointing device (e.g., a mouse or trackball) through which the user provides input to the computer. Other types of devices can also be used to provide interaction with the user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including sound input, voice input, or tactile input).
[0115] The systems and technologies described herein can be implemented in computing systems that include backend components (e.g., as data servers), or middleware components (e.g., application servers), or frontend components (e.g., user computers with graphical user interfaces or web browsers through which users can interact with implementations of the systems and technologies described herein), or any combination of such backend, middleware, or frontend components. The components of the system can be interconnected via digital data communication of any form or medium (e.g., communication networks). Examples of communication networks include local area networks (LANs), wide area networks (WANs), the Internet, and blockchain networks.
[0116] Computer systems can include clients and servers. Clients and servers are generally located far apart and typically interact via communication networks. Client-server relationships are created by computer programs running on the respective computers and having a client-server relationship with each other. Servers can be cloud servers, servers in distributed systems, or servers incorporating blockchain technology.
[0117] It should be understood that the various forms of processes shown above can be used to rearrange, add, or delete steps. For example, the steps described in this disclosure can be performed in parallel, sequentially, or in a different order, as long as the desired result of the technical solution disclosed in this disclosure can be achieved, and this is not limited herein.
[0118] While embodiments or examples of this disclosure have been described with reference to the accompanying drawings, it should be understood that the methods, systems, and devices described above are merely exemplary embodiments or examples, and the scope of the invention is not limited by these embodiments or examples, but only by the granted claims and their equivalents. Various elements in the embodiments or examples may be omitted or replaced by their equivalents. Furthermore, the steps may be performed in a different order than that described in this disclosure. Further, various elements in the embodiments or examples may be combined in various ways. Importantly, as the technology evolves, many elements described herein can be replaced by equivalents that appear after this disclosure.
Claims
1. An information display method, comprising: Determine the target display area for the display region used to display the first page container; Determine the first information sequence corresponding to the first page container; A target subsequence is determined from the first information sequence, wherein the number of target information included in the target subsequence is the minimum number that can satisfy the target condition, and the target condition includes that the sum of the display areas of one or more target information included in the target subsequence is not less than the target display area; The target subsequence is displayed in the first page container; In response to receiving an instruction instructing the first page container to switch displayed content, and the target subsequence has not scrolled to the bottom, the first page container is scrolled; and In response to receiving an instruction instructing the first page container to switch the displayed content, and the target subsequence has scrolled to the bottom, the second page container is switched to be displayed.
2. The method as described in claim 1, wherein, The target subsequence includes the first and last information of the first information sequence.
3. The method as described in claim 2, wherein, Determining the target subsequence from the first information sequence includes: From the first information sequence, a candidate subsequence including a first number of candidate information is determined, wherein the candidate subsequence includes the first and second information of the first information sequence, and the first number is determined based on a preset threshold of the target display area and the display area of a single piece of information; In response to determining that the candidate subsequence exceeds the initial visible area of the first page container, one or more candidate information from the candidate subsequence that is not located within the initial visible area are deleted, wherein the initial visible area is determined based on the target display area; and The target subsequence is determined based on the candidate subsequences after the deletion operation.
4. The method of claim 3, wherein, The step of deleting one or more candidate pieces that are not located within the initial visible area of the first page container in response to determining that the candidate subsequence exceeds the initial visible area includes: In response to determining that the candidate subsequence exceeds the initial visible area of the first page container, a deletion operation is iteratively performed on the last information of the candidate subsequence until the current last information of the candidate subsequence is within the initial visible area or it is determined that the first page container has been scrolled to the display position of the current last information.
5. The method of claim 3 or 4, further comprising: In response to determining that the sum of the display areas of the candidate sub-sequences is less than the target display area, information in the first information sequence that follows the candidate sub-sequence is added to the end of the candidate sub-sequence.
6. The method according to any one of claims 1-5, further comprising: Display a content expansion control at the bottom of the first page container; as well as In response to receiving an instruction to control the content expansion control, other information in the first information sequence, excluding the target subsequence, is displayed in the first page container.
7. The method according to any one of claims 1-6, wherein, The first page container is triggered by a search request including a first search text, the first information sequence includes multiple search result entries corresponding to the first search text, and the second page container is used to display multiple search result entries corresponding to the recommended search text.
8. The method of claim 7, further comprising: The recommended search text is displayed in the first page container; as well as In response to determining that the recommended search text has been displayed, the second page container is rendered based on multiple search result entries corresponding to the recommended search text.
9. The method according to any one of claims 1-8, further comprising: In response to receiving an instruction instructing the first page container to switch displayed content, and the target subsequence has scrolled to the bottom, the value of the page switching identifier is updated to a first value indicating that the page container is switching. Wherein, responding to receiving an instruction instructing the first page container to switch displayed content, and the target subsequence not scrolling to the bottom, scrolling the first page container includes: In response to receiving an instruction to switch the displayed content of the first page container, and the value of the page switching identifier is not the first value, the first page container is scrolled.
10. An information display device, comprising: The first determining unit is configured to determine the target display area for displaying the first page container; The second determining unit is configured to determine the first information sequence corresponding to the first page container; The third determining unit is configured to determine a target subsequence from the first information sequence, wherein the number of target information included in the target subsequence is the minimum number that can satisfy the target condition, and the target condition indicates that the sum of the display areas of one or more target information included in the target subsequence is not less than the target display area; The display unit is configured to display the target sub-sequence in the first page container; A scrolling unit is configured to scroll the first page container in response to receiving an instruction instructing the first page container to switch displayed content, and the target subsequence has not scrolled to the bottom; and The switching unit is configured to switch to displaying a second page container in response to receiving an instruction that instructs the first page container to switch the displayed content, and the target subsequence has scrolled to the bottom.
11. An electronic device, comprising: At least one processor; as well as A memory that is communicatively connected to the at least one processor; in The memory stores instructions that can be executed by the at least one processor to enable the at least one processor to perform the method of any one of claims 1-9.
12. A non-transitory computer-readable storage medium storing computer instructions, wherein, The computer instructions are used to cause the computer to perform the method according to any one of claims 1-9.
13. A computer program product comprising a computer program, wherein, The computer program, when executed by a processor, implements the method according to any one of claims 1-9.
Citation Information
Patent Citations
Data request method and device
CN111787043A
Page content display method, related device and medium
CN119473105A