Tag display methods, devices, electronic equipment and storage media
By responding to the selection of the target card tag in the card acquisition interface, the preceding card tag is hidden and the subsequent card tag is displayed, which solves the problem of incomplete card tag display and improves information acquisition efficiency and human-computer interaction efficiency.
Patent Information
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- BEIJING DAJIA INTERNET INFORMATION TECH CO LTD
- Filing Date
- 2026-02-03
- Publication Date
- 2026-06-02
AI Technical Summary
In the card acquisition interface, the card labels are not fully displayed, causing users to overlook the missing card labels, which affects the efficiency of information acquisition and human-computer interaction.
By arranging and displaying n card tags in the card acquisition interface, responding to the selection operation of the target card tag, hiding the card tags before the target card tag, displaying the m card tags after the target card tag, and setting the selection state on the target card tag, the card tag is highlighted.
This allows users to quickly discover hidden tags, improving information transmission efficiency. It also enables users to select tags and view more tags with a single interaction, simplifying operations and improving human-computer interaction efficiency.
Smart Images

Figure CN122131944A_ABST
Abstract
Description
Technical Field
[0001] This disclosure relates to the field of computer technology, and in particular to a label display method, apparatus, electronic device, and storage medium. Background Technology
[0002] With the development of computer technology, online card collecting activities (such as collecting character cards or zodiac cards) have become a widely used form of user interaction. The card acquisition interface in these activities typically displays multiple card tags to show users the types of virtual cards available. However, due to the limited size of the card acquisition interface, it's impossible to display all card tags completely; only a portion can be shown. This leads to users easily overlooking the missing card tags, resulting in incomplete information acquisition during the card collecting activity and impacting information transmission efficiency and human-computer interaction efficiency. Summary of the Invention
[0003] This disclosure provides a label display method, apparatus, electronic device, and storage medium, which not only facilitates users in timely discovery of hidden labels, improving information transmission efficiency, but also enables the selection of a label and the viewing of more labels through a single interactive operation, simplifying operation and improving human-computer interaction efficiency. The technical solution of this disclosure is as follows: According to one aspect of the embodiments of this disclosure, a label display method is provided, including: In the card acquisition interface, n card labels are displayed in an array, each card label indicating the type of virtual card that the object needs to acquire; In response to the selection operation of the target card tag among the n card tags, the target card tag is displayed as selected, at least one card tag before the target card tag is hidden, and m card tags after the n card tags are displayed. The selected state is a highlighted state that the target card tag continuously presents after the selection operation to mark the currently selected card type. Wherein, n and m are both positive integers, and the target card tag is the card tag that appears later in the display position among the n card tags.
[0004] According to another aspect of the embodiments of this disclosure, a label display device is provided, comprising: The first display unit is configured to display n card labels in the card acquisition interface, each card label indicating a type of virtual card that the object needs to acquire; The second display unit is configured to perform the following actions in response to a selection operation on a target card tag among the n card tags: displaying that the target card tag is in a selected state, hiding at least one card tag located before the target card tag, and displaying m card tags located after the n card tags. The selected state is a highlighted state that the target card tag continuously presents after the selection operation to mark the currently selected card type. Wherein, n and m are both positive integers, and the target card tag is the card tag that appears later in the display position among the n card tags.
[0005] In some embodiments, the second display unit is configured to perform the following actions within the label area of the card acquisition interface: hide at least one card label located before the target card label, display m card labels located after the n card labels, and the last card label among the m card labels is in a simplified display state or a full display state, wherein the simplified display state is a visual state in which not all visual elements of the card label are displayed.
[0006] In some embodiments, the second display unit is configured to perform any of the following: In the label area, a portion of the last card label among the m card labels is displayed in a partially visible manner; In the label area, a thumbnail of the last of the m card labels is displayed in an icon-based manner.
[0007] In some embodiments, the second display unit is configured to display the rear boundary of the last card tag among the m card tags aligned with the rear boundary of the tag area, wherein the rear boundary is a boundary perpendicular to the arrangement direction of the card tags and close to the end side of the arrangement direction.
[0008] In some embodiments, the first display unit is configured to display n card tags in a label area in the card acquisition interface, wherein the front boundary of the first card tag among the n card tags is aligned with the front boundary of the label area; The second display unit is configured to, within the label area of the card acquisition interface, hide all card labels located before the target card label, display the front boundary of the target card label aligned with the front boundary of the label area, and display m card labels located after the n card labels; Wherein, the front boundary is the boundary that is perpendicular to the arrangement direction of the card tags and close to the starting side of the arrangement direction, and the rear boundary is the boundary that is perpendicular to the arrangement direction of the card tags and close to the ending side of the arrangement direction.
[0009] In some embodiments, the second display unit is configured to, in the card acquisition interface, hide at least one card label located before the target card label, display the target card label in the center with the target card label in a selected state, and display the m card labels after the n card labels.
[0010] In some embodiments, the second display unit is configured to perform any of the following: In response to a trigger operation on a target card tag among the n card tags, the target card tag is displayed as selected, at least one card tag before the target card tag is hidden, and m card tags after the target card tag are displayed. In response to a trigger operation on a virtual card matching the target card tag in the card acquisition interface, the target card tag is displayed as selected, at least one card tag before the target card tag is hidden, and m card tags after the target card tag are displayed.
[0011] In some embodiments, the apparatus further includes: The third display unit is configured to perform an operation in response to the selection of a target card tag among the n card tags, displaying an expansion control for simultaneously displaying all card tags; and in response to a triggering operation of the expansion control, displaying all card tags in the card acquisition interface, the all card tags including the n card tags and the m card tags.
[0012] In some embodiments, the apparatus further includes: The fourth display unit is configured to perform at least one of the following: In addition to displaying the n card tags, a first tag number is displayed, which indicates the number of card tags following the n card tags; Displays the second label count, which indicates the total number of all card labels.
[0013] In some embodiments, the value of m does not exceed the number of card tags following the target card tag, and the value of m is positively correlated with the degree to which the target card tag is located among the n card tags.
[0014] In some embodiments, the apparatus further includes: The fifth display unit is configured to display the number of cards corresponding to any card tag, wherein the number of cards is used to indicate the number of virtual cards that match the card tag among the acquired virtual cards; The first display unit is configured to display the n card tags in ascending order of the number of cards in the card acquisition interface.
[0015] In some embodiments, the display style of each card label includes at least one of the following: A first visual element, which is used to indicate the rarity of virtual cards that conform to the card tag; A second visual element is used to indicate the acquisition status of a virtual card that matches the card tag.
[0016] In some embodiments, the apparatus further includes: The sixth display unit is configured to, for any card tag, if no virtual card matching the card tag is obtained when the card tag is selected, display the interactive task associated with the card tag, the interactive task being used to provide a virtual card matching the card tag upon completion.
[0017] In some embodiments, the apparatus further includes: The seventh display unit is configured to, when the target card label is selected, display virtual cards that match the target card label among the acquired virtual cards in the card acquisition interface.
[0018] According to another aspect of the embodiments of this disclosure, an electronic device is provided, the electronic device comprising: One or more processors; Memory used to store the executable program code of the processor; The processor is configured to execute the program code to implement the aforementioned label display method.
[0019] According to another aspect of the present disclosure, a computer-readable storage medium is provided that, when program code in the computer-readable storage medium is executed by a processor of an electronic device, enables the electronic device to perform the above-described label display method.
[0020] According to another aspect of the present disclosure, a computer program product is provided, including a computer program / instructions that, when executed by a processor, implement the above-described label display method.
[0021] This disclosure provides a label display method. In a card acquisition interface that supports obtaining virtual cards, n card labels are first displayed in an orderly manner to intuitively show the user the type of virtual card to be obtained. When a target card label located later in the currently displayed n card labels is selected, in addition to displaying the selected target card label, the card labels located before the target card label can also be hidden, and the m card labels located after the n card labels that were previously hidden can be revealed to show the user more card types. This not only makes it easier for the user to find the hidden card labels in time and improves the efficiency of information transmission, but also achieves the two purposes of selecting a card label and viewing more card labels through a single interactive operation, making the operation simpler and improving the efficiency of human-computer interaction.
[0022] It should be understood that the above general description and the following detailed description are exemplary and explanatory only, and are not intended to limit this disclosure. Attached Figure Description
[0023] The accompanying drawings, which are incorporated in and form part of this specification, illustrate embodiments consistent with this disclosure and, together with the description, serve to explain the principles of this disclosure, and are not intended to unduly limit this disclosure.
[0024] Figure 1 This is a schematic diagram illustrating an implementation environment of a label display method according to an exemplary embodiment.
[0025] Figure 2 This is a flowchart illustrating a label display method according to an exemplary embodiment.
[0026] Figure 3 This is a flowchart illustrating another label display method according to an exemplary embodiment.
[0027] Figure 4 This is a schematic diagram illustrating the arrangement of a first type of card label according to an exemplary embodiment.
[0028] Figure 5 This is a schematic diagram illustrating the arrangement of a second type of card label according to an exemplary embodiment.
[0029] Figure 6 This is a schematic diagram illustrating the arrangement of a third type of card label according to an exemplary embodiment.
[0030] Figure 7 This is a schematic diagram illustrating the arrangement of a fourth type of card label according to an exemplary embodiment.
[0031] Figure 8 This is a block diagram illustrating a label display device according to an exemplary embodiment.
[0032] Figure 9This is a block diagram illustrating a terminal according to an exemplary embodiment. Detailed Implementation
[0033] To enable those skilled in the art to better understand the technical solutions of this disclosure, the technical solutions in the embodiments of this disclosure will be clearly and completely described below with reference to the accompanying drawings.
[0034] It should be noted that the terms "first," "second," etc., used in the specification, claims, and accompanying drawings of this disclosure are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of this disclosure described herein can be implemented in orders other than those illustrated or described herein. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with this disclosure. Rather, they are merely examples of apparatuses and methods consistent with some aspects of this disclosure as detailed in the appended claims.
[0035] It should be noted that the information (including but not limited to user device information, user personal information, etc.), data (including but not limited to data used for analysis, stored data, displayed data, etc.), and signals involved in this disclosure are all authorized by the user or fully authorized by all parties, and the acquisition, use, and processing of related data must comply with the relevant laws, regulations, and standards of the relevant countries and regions. For example, the card tags and virtual cards obtained by the object involved in this disclosure were obtained with full authorization.
[0036] Figure 1 This is a schematic diagram illustrating an implementation environment of a label display method according to an exemplary embodiment. Taking an electronic device as an example, see [example description missing]. Figure 1 The implementation environment specifically includes: terminal 101 and server 102.
[0037] In some embodiments, terminal 101 is at least one of a smartphone, smartwatch, desktop computer, laptop, MP3 player, MP4 player, and laptop computer. Terminal 101 runs an application that supports card collecting activities. This application can be a multimedia application, shopping application, social application, or game application, etc., and this disclosure does not limit this. Users can log in to the application through terminal 101 to access the services provided by the application. Terminal 101 can connect to server 102 via a wireless network or wired network, thereby obtaining virtual cards issued by server 102.
[0038] Terminal 101 generally refers to one of a plurality of terminals; this embodiment uses terminal 101 as an example. Those skilled in the art will understand that the number of terminals can be more or less. For example, there may be several terminals, or dozens or hundreds of terminals, or even more. This disclosure does not limit the number of terminals or the type of device.
[0039] In some embodiments, server 102 can be an independent physical server, a server cluster or distributed system composed of multiple physical servers, or a cloud server providing basic cloud computing services such as cloud services, cloud databases, cloud computing, cloud functions, cloud storage, network services, cloud communication, middleware services, domain name services, security services, CDN (Content Delivery Network), big data, and artificial intelligence platforms. Server 102 is used to provide background services for applications supporting card collection activities. In some embodiments, server 102 undertakes the main computing work, and terminal 101 undertakes the secondary computing work; or, server 102 undertakes the secondary computing work, and terminal 101 undertakes the main computing work; or, server 102 and terminal 101 collaborate on computing using a distributed computing architecture.
[0040] Figure 2 This is a flowchart illustrating a label display method according to an exemplary embodiment, see [link to flowchart]. Figure 2 The label display method, when applied to a terminal, includes the following steps: In step 201, the terminal displays n card tags in the card acquisition interface, each card tag indicating a type of virtual card that the object needs to acquire.
[0041] In this embodiment, the card acquisition interface refers to an activity interface that supports acquiring (or collecting) virtual cards. Virtual cards can be character cards, building cards, or item cards, etc., and this embodiment does not limit the specific content of the virtual cards. The terminal displays multiple card tags in the card acquisition interface to show the user the type of virtual card to be acquired. Due to the size limitations of the card acquisition interface, only some of the card tags are displayed, while others are hidden. The terminal can display a maximum of n card tags at a time. Accordingly, the terminal can arrange and display the first n card tags in the card acquisition interface.
[0042] In step 202, in response to the selection operation of the target card tag among the n card tags, the terminal displays that the target card tag is in the selected state, hides at least one card tag located before the target card tag, and displays m card tags located after the n card tags. The selected state is a highlighted state that the target card tag continuously presents after the selection operation to mark the currently selected card type.
[0043] In this embodiment, the target card label is the card label that appears later in the display position among n card labels. For example, if the n card labels are arranged in a row from left to right on the card acquisition interface, the target card label is the card label that appears to the right among the n card labels. Or, if the n card labels are arranged in a row from top to bottom on the card acquisition interface, the target card label is the card label that appears to the bottom among the n card labels. The target card label is greater than (n+1) / 2 of the n card labels. That is, the target card label is the card label that appears later in the display position among the currently displayed n card labels. When the target card label is selected among the n card labels, the terminal displays that the target card label is selected and hides at least one card label preceding the target card label, revealing m card labels following the n card labels. In other words, if a card label that appears later in the display position is selected among the currently displayed card labels, the terminal can automatically hide the card labels that appear earlier in the sorting to reveal more undisplayed card labels.
[0044] When the target card label is selected, the terminal can indicate that the target card label is selected by any of the following methods: changing the color or brightness of the target card label, adding a border to the target card label, or displaying a virtual card that matches the target card label.
[0045] Where n and m are both positive integers, and the specific values of n and m are not limited in this embodiment. In the process of hiding the card tags preceding the target card tag, the terminal can prioritize hiding the card tags that appear earlier in the sequence, such as hiding the first m card tags preceding the target card tag, that is, hiding the first m card tags out of the aforementioned n card tags. Alternatively, the terminal can also select the first m card tags with the largest number of cards from the card tags preceding the target card tag for hiding. The number of cards corresponding to a card tag refers to the number of virtual cards that the object has obtained that match that card tag. This embodiment does not limit the method of hiding card tags.
[0046] This disclosure provides a label display method. In a card acquisition interface that supports obtaining virtual cards, n card labels are first displayed in an orderly manner to intuitively show the user the type of virtual card to be obtained. When a target card label located later in the currently displayed n card labels is selected, in addition to displaying the selected target card label, the card labels located before the target card label can also be hidden, and the m card labels located after the n card labels that were previously hidden can be revealed to show the user more card types. This not only makes it easier for the user to find the hidden card labels in time and improves the efficiency of information transmission, but also achieves the two purposes of selecting a card label and viewing more card labels through a single interactive operation, making the operation simpler and improving the efficiency of human-computer interaction.
[0047] In some embodiments, hiding at least one card label located before the target card label and displaying m card labels located after the n card labels includes: Within the label area of the card acquisition interface, at least one card label located before the target card label is hidden, and m card labels located after the n card labels are displayed. The last card label among the m card labels is in a simplified display state or a full display state. The simplified display state is a visual state in which not all visual elements of the card label are displayed.
[0048] The solution provided in this disclosure optimizes the utilization of interface space and visual continuity by limiting the display logic within the label area. When a user selects a later target card label, its preceding label is automatically hidden, while the subsequent m card labels are displayed, ensuring that the current operation focus always remains within the visible area. In particular, by setting the last card label to a simplified display state (such as partial cropping or iconization), the continuity of the label list is implied, while avoiding a cluttered interface due to displaying too many labels. This design balances information density and operation guidance within limited screen space, enabling users to quickly locate the target card type while being aware of the presence of undisplayed labels, thus improving browsing efficiency and interaction smoothness.
[0049] In some embodiments, the display process in which the last card label among the m card labels is in a simplified display state includes any one of the following: In the label area, a portion of the last card label out of m card labels is displayed in a partially visible manner; In the label area, a thumbnail of the last of the m card labels is displayed in an icon-based manner.
[0050] The solutions provided in this disclosure specifically define two implementation methods for a simplified display state, further enhancing the flexibility and visual expressiveness of the interface. By partially cropping the last tab, a "visual cutoff" effect is used to intuitively indicate to the user that more content follows, aligning with the user's expectation of horizontal scrolling. The icon-based thumbnail method replaces the complete tab with a simplified graphic, significantly saving horizontal space while maintaining tab recognizability. Both methods effectively alleviate the interface clutter problem caused by too many tabs without interfering with core operations, while maintaining design consistency. Their technical value lies in reducing the user's cognitive load through subtle visual processing and adapting to the needs of different screen sizes and interaction scenarios.
[0051] In some embodiments, the process of the last card label among m card labels being fully displayed within the label area includes: The display shows the back boundary of the last card label among m card labels, which is aligned with the back boundary of the label area. The back boundary is perpendicular to the arrangement direction of the card labels and is close to the end side of the arrangement direction.
[0052] The solution provided in this disclosure clarifies the alignment rules between the last card label and the label area boundary when the last card label is fully displayed, enhancing the regularity and predictability of the interface layout. By requiring the rear boundary of the card label to align with the rear boundary of the label area, it ensures that the label list presents a complete termination state within the visible area, avoiding visual "hanging" or asymmetry, thereby improving the overall aesthetics and professionalism of the design. This alignment mechanism not only makes the arrangement of interface elements more rigorous but also conveys a clear signal to the user that the list has reached the bottom, reducing unnecessary scrolling attempts. In terms of interactive experience, this design helps establish a clear spatial reference system, allowing users to have stable expectations of the label scrolling boundaries, thereby improving the certainty and satisfaction of the operation.
[0053] In some embodiments, the card acquisition interface displays n card tags arranged in a row, including: Within the label area of the card acquisition interface, n card labels are arranged and displayed, and the front boundary of the first card label among the n card labels is aligned with the front boundary of the label area; Hide at least one card label that precedes the target card label, and display m card labels that follow n card labels, including: Within the label area of the card acquisition interface, hide all card labels that are before the target card label, and align the front edge of the target card label with the front edge of the label area. Display the m card tags following the n card tags; The front boundary is the boundary that is perpendicular to the arrangement direction of the card labels and close to the starting side of the arrangement direction.
[0054] The solution provided in this disclosure initially aligns the first card label with the front boundary. When the target card label is selected, all its preceding card labels are hidden, and the target card label itself is moved forward to align with the front boundary of the label area. This layout change allows for quick focus on the currently selected target card label, placing it in a prominent position at the visual beginning. It eliminates the interference of irrelevant preceding card labels on attention, improves information transmission efficiency, thereby reducing cognitive load during operation, enhancing the smoothness of interface browsing and label selection, and thus improving human-computer interaction efficiency.
[0055] In some embodiments, hiding the card labels preceding the target card label and displaying m card labels following n card labels includes: In the card acquisition interface, the card label before the target card label is hidden, the target card label is displayed in the center, and the target card label is selected. Display n card tags followed by m card tags.
[0056] The solution provided in this embodiment makes the target card label the absolute visual center of the entire label area when the target card label is selected, forming a clear focus in the card acquisition interface. This can guide the viewer's gaze to focus automatically, improve information transmission efficiency, and the centered layout is an intuitive and balanced interactive feedback that enables the user's operation intention and interface response to be highly consistent, thereby optimizing the overall interactive experience and efficiency.
[0057] In some embodiments, in response to a selection operation on a target card label among n card labels, the target card label is displayed as selected, the card labels preceding the target card label are hidden, and m card labels following the target card label are displayed, including any of the following: In response to a trigger operation on a target card label among n card labels, the target card label is displayed as selected, at least one card label before the target card label is hidden, and m card labels after the target card label are displayed. In response to the triggering operation of a virtual card matching the target card tag in the card acquisition interface, the target card tag is displayed as selected, at least one card tag before the target card tag is hidden, and m card tags after the target card tag are displayed.
[0058] The solution provided in this disclosure, for the compound operation of "selecting a card tag and viewing more card tags", can be achieved not only by directly clicking the card tag itself, but also indirectly by triggering the virtual card corresponding to the card tag in the card acquisition interface. This enriches the interaction methods, gives the object greater operational freedom and flexibility, and improves the efficiency of human-computer interaction. Furthermore, the linkage between the card tag and the corresponding virtual card strengthens the mapping relationship between the core information element of "card type" and the virtual cards, deepens the object's understanding of the virtual card, and helps improve the efficiency of information transmission.
[0059] In some embodiments, the method further includes: In response to the selection of a target card label among n card labels, an expansion control is displayed, which is used to display all card labels at the same time; In response to the triggering operation of the expand control, all card tags are displayed in the card acquisition interface. All card tags include n card tags and m card tags.
[0060] The solution provided in this disclosure provides an additional expansion control when a target card label located at the end of the display position is selected. This allows the object to switch to a complete view of all card labels at once through the expansion control. The operation is simple and does not require complex operations (such as continuous scrolling or multiple switching) to view all card labels, thus improving information transmission efficiency and human-computer interaction efficiency.
[0061] In some embodiments, the method further includes at least one of the following: Based on displaying n card tags, the first tag number is displayed, which indicates the number of card tags following the n card tags; The second label count is displayed, indicating the total number of all card labels.
[0062] The solution provided in this disclosure provides a clear indication of hidden card tags by displaying the number of first tags (the number of tags that are not displayed subsequently) and / or the number of second tags (the total number of tags). It intuitively shows the object that there are still undisplayed card tags, improves the efficiency of information transmission, makes it easier for the object to quickly view the undisplayed card tags, and helps to improve the efficiency of human-computer interaction.
[0063] In some embodiments, the value of m does not exceed the number of card tags following the target card tag, and the value of m is positively correlated with how far the target card tag is from the n card tags.
[0064] The solution provided in this disclosure embodiment not only limits the number of subsequent display card tags (m) to the actual number of remaining card tags, but is also positively correlated with the order of the target card tag (i.e., its sequence number among n card tags). When the object selects a later card tag, the interface will automatically display more subsequent card tags for preview, significantly improving information transmission efficiency. Furthermore, it can dynamically and reasonably adjust the information exposure based on the object's current operation position (the sequence number of the selected card tag), making the amount of information provided more consistent with the object's potential needs (viewing subsequent options). This not only meets the user's intent, but also, by proactively predicting and providing more relevant card tags, allows the object to obtain richer and more context-related card tags in a single interaction, reducing repetitive or additional operations required to view subsequent card tags, thus improving human-computer interaction efficiency.
[0065] In some embodiments, the method further includes: For any card tag, the number of cards corresponding to the card tag is displayed. The number of cards is used to indicate the number of virtual cards that match the card tag among the acquired virtual cards. The card acquisition interface displays n card tags arranged in a row, including: In the card acquisition interface, n card tags are displayed in ascending order of the number of cards.
[0066] The solution provided in this disclosure establishes an information organization and presentation logic oriented towards card acquisition progress by associating and displaying the number of corresponding cards acquired on each card tag and arranging the initially displayed n card tags in ascending order of the number. This prioritizes and prominently displays the information that the object is most likely to care about (such as which types of cards are still relatively few), thus achieving information priority sorting. This enables the object to quickly grasp the key points of the collection activity and the shortcomings of its own progress, thereby improving the efficiency of information transmission.
[0067] In some embodiments, the display style of each card label includes at least one of the following: The first visual element is used to indicate the rarity of virtual cards that match the card tag. The second visual element is used to indicate the acquisition status of the virtual card that matches the card label.
[0068] The solution provided in this disclosure, by incorporating a first visual element and / or a second visual element into the card tag, not only enriches the display style of the card tag, but also enables the object to identify the rarity of the card type and its own acquisition status solely by the visual appearance of the card tag, greatly shortening the information acquisition path and improving information transmission efficiency.
[0069] In some embodiments, the method further includes: For any card tag, if no matching virtual card is found when the card tag is selected, the interactive task associated with the card tag is displayed. The interactive task is used to provide a matching virtual card after completion.
[0070] The solution provided in this disclosure provides that when an object selects a card tag for which a corresponding virtual card has not yet been acquired, the card acquisition entry point is actively pushed to the object by displaying a specific interactive task associated with the card tag (such as completing a mini-game, sharing a task, etc.). This not only achieves accurate information delivery and improved information delivery efficiency, but also eliminates the need for the user to search for the card acquisition entry point, significantly reducing the object's exploration costs and operation steps, and improving the overall efficiency of card acquisition, thus enhancing human-computer interaction efficiency.
[0071] In some embodiments, the method further includes: When the target card label is selected, the card acquisition interface displays the virtual cards that match the target card label from the acquired virtual cards.
[0072] The solution provided in this disclosure allows the card acquisition interface to simultaneously display virtual cards that the target card tag has acquired and that match the type indicated by the target card tag when the target card tag is selected. This intuitively shows the target card tag and the acquisition results to the target user. The operation is simple and can improve information transmission efficiency.
[0073] The above Figure 2 The diagram shown is merely the basic process of this disclosure. The following section will further elaborate on the solution provided in this disclosure based on a specific implementation method. Figure 3 This is a flowchart illustrating another label display method according to an exemplary embodiment. Taking an electronic device provided as a terminal as an example, see [link to example]. Figure 3 The method includes: In step 301, the terminal displays n card tags in the card acquisition interface, each card tag indicating a type of virtual card that the object needs to acquire.
[0074] In this embodiment of the disclosure, the card acquisition interface includes a card area and a label area. The card area is used to display the virtual cards already acquired by the user. The label area is used to display the card labels of the virtual cards. The terminal displays n card labels in the label area of the card acquisition interface to show the user the type of virtual card to be acquired. The arrangement direction of the card labels can be horizontal (e.g., from left to right or right to left) or vertical (e.g., from top to bottom or bottom to top), etc., and this embodiment of the disclosure does not limit this arrangement.
[0075] In some embodiments, during the arrangement and display of n card tags, the front boundary of the first card tag among the n card tags is aligned with the front boundary of the tag area. The front boundary is the boundary perpendicular to the arrangement direction of the card tags and close to the starting side of the arrangement direction.
[0076] For example, Figure 4 This is a schematic diagram illustrating the arrangement of a first type of card label according to an exemplary embodiment. See also... Figure 4 The terminal displays a virtual card in the card area 401 of the card acquisition interface and a card label in the label area 402 of the card acquisition interface. Figure 4 As can be seen, the terminal currently displays 6 card tags, i.e., n=6. Among them, the left boundary (i.e., front boundary) of the first card tag is aligned (or overlaps) with the left boundary (front boundary) of the tag area 402.
[0077] In some embodiments, in addition to displaying n card tags, the terminal can also display at least one of a first tag count and a second tag count. The first tag count indicates the number of card tags following the n card tags. The second tag count indicates the total number of all card tags. The solution provided by this disclosure, by displaying the first tag count (the number of subsequently undisplayed tags) and / or the second tag count (the total number of tags), provides a clear indication of the hidden card tags, intuitively showing the object that there are still undisplayed card tags, improving information transmission efficiency, facilitating the object to quickly view the undisplayed card tags, and improving human-computer interaction efficiency.
[0078] In other embodiments, for any given card tag, the terminal can also display the number of cards corresponding to that card tag. The number of cards indicates the number of virtual cards that match the card tag among the acquired virtual cards. Then, the process of arranging and displaying n card tags in the card acquisition interface includes: the terminal arranging and displaying n card tags in the card acquisition interface in ascending order of card quantity. The solution provided by the embodiments of this disclosure establishes a set of information organization and presentation logic guided by the card acquisition progress by associating and displaying the corresponding number of acquired cards on each card tag and arranging the initially displayed n card tags in ascending order of the quantity. This prioritizes and highlights the information that the object is most likely to care about (such as which types of cards are still relatively few), realizing information priority sorting, enabling the object to quickly grasp the key points of the collection activity and the shortcomings of its own progress, and improving information transmission efficiency.
[0079] Each card tag's display style may include at least one of a first visual element and a second visual element. The first visual element indicates the rarity of the virtual card matching the card tag. The second visual element indicates the acquisition status of the virtual card matching the card tag. Visual elements may include elements such as the card tag's border, background color, and icon; this disclosure does not limit these elements. For example, the higher the rarity of the virtual card, the brighter the background color (base color) of the corresponding card tag. The solution provided by this disclosure, by incorporating a first visual element and / or a second visual element into the card tag, not only enriches the display style of the card tag but also allows an object to identify the rarity of that type of card and its own acquisition status solely by the visual appearance of the card tag, greatly shortening the information acquisition path and improving information transmission efficiency.
[0080] In step 302, in response to the selection operation of the target card tag among the n card tags, the terminal displays that the target card tag is in the selected state, hides at least one card tag located before the target card tag, and displays m card tags located after the n card tags. The selected state is a highlighted state that the target card tag continuously presents after the selection operation to mark the currently selected card type.
[0081] In this embodiment of the disclosure, the target card tag refers to a card tag that is greater than (n+1) / 2 among n card tags. That is, the target card tag is the card tag that is displayed later in the current n card tags. When the target card tag among the n card tags is selected, the terminal displays that the target card tag is selected, and hides at least one card tag located before the target card tag, revealing m card tags located after the n card tags.
[0082] This disclosure does not limit the method of hiding the preceding card label and revealing the following card label. Three display methods are described below as examples, but are by no means limited thereto.
[0083] The first display method involves hiding at least one card label preceding the target card label within the label area of the card acquisition interface, and displaying m card labels following n card labels. The last of the m card labels is either in a simplified display state or a full display state. The simplified display state is a visual state where not all visual elements of the card label are displayed. The solution provided in this disclosure optimizes the utilization of interface space and visual continuity by limiting the display logic within the label area. When the user selects a later target card label, the system automatically hides its preceding label while displaying the subsequent m card labels, ensuring that the current operation focus always remains within the visible area. Specifically, by setting the last card label to a simplified display state (such as partial cropping or iconization), the continuity of the label list is implied, while avoiding a cluttered interface due to displaying too many labels fully. This design balances information density and operation guidance within limited screen space, enabling users to quickly locate the target card type while simultaneously perceiving the presence of undisplayed labels, thus improving browsing efficiency and interaction smoothness.
[0084] The process of displaying labels in a simplified display state can include: partially cropping and displaying a portion of the last label among m labels in the label area; or displaying a thumbnail of the last label among m labels in an icon-like manner in the label area. The solutions provided in this disclosure specifically define two implementation methods for the simplified display state, further enhancing the flexibility and visual appeal of the interface. By partially cropping and displaying a portion of the last label, a "visual truncation" effect is used to intuitively prompt the user that more content is ahead, meeting the user's expectation of horizontal scrolling. The icon-like thumbnail method replaces the complete label with a simple graphic, significantly saving horizontal space while maintaining label recognizability. Both methods effectively alleviate the interface clutter problem caused by too many labels without interfering with core operations, while maintaining design consistency. Their technical value lies in reducing the user's cognitive load through subtle visual processing and adapting to the needs of different screen sizes and interaction scenarios.
[0085] During the process of displaying all the tags, the terminal can align the rear boundary of the last tag among the m tags with the rear boundary of the tag area. This rear boundary is perpendicular to the tag arrangement direction and close to the terminating side of that direction. The solution provided in this disclosure clarifies the alignment rule between the last tag and the tag area boundary when fully displayed, enhancing the regularity and predictability of the interface layout. By requiring the rear boundary of the tag to align with the rear boundary of the tag area, it ensures that the tag list presents a complete terminating state within the visible area, avoiding visual "hanging" or asymmetry, thereby improving the overall aesthetics and professionalism of the design. This alignment mechanism not only makes the arrangement of interface elements more rigorous but also conveys a clear signal to the user that the list has reached the bottom, reducing unnecessary scrolling attempts. In terms of interactive experience, this design helps establish a clear spatial reference system, allowing users to have stable expectations regarding the scrolling boundaries of the tags, thereby improving the certainty and satisfaction of the operation.
[0086] Specifically, in the label area of the card acquisition interface, the terminal hides at least one card label preceding the target card label and displays m card labels following n card labels, with the rear boundary of the last card label among the m card labels aligned with the rear boundary of the label area. The rear boundary is the boundary perpendicular to the arrangement direction of the card labels and close to the end side of the arrangement direction. The solution provided in this disclosure initially aligns the first card label with the front boundary; after selecting the target card label, by hiding the preceding card label and supplementing the display with subsequent card labels, while ensuring that the rear boundary of the last supplementary card label is aligned with the rear boundary of the label area, this alignment mechanism optimizes the use of label display space, always presenting complete card labels within a limited area. This effectively eliminates the sense of misalignment or breakage of interface elements, allowing the user to intuitively understand the overall arrangement structure and sequential relationship of the labels, improving information transmission efficiency, thereby reducing cognitive load during operation, enhancing the smoothness of interface browsing and label selection, and ultimately improving human-computer interaction efficiency.
[0087] For example, Figure 5 This is a schematic diagram illustrating the arrangement of a second type of card label according to an exemplary embodiment. See also... Figure 5 In response to the selection of the fourth card label among the six currently displayed card labels, the terminal displays that the fourth card label is selected, hides the first two card labels in the card labels preceding the fourth card label, and displays the two card labels following the six card labels, namely the seventh and eighth card labels, with the rear boundary (right boundary) of the eighth card label aligned with the rear boundary (right boundary) of the label area 501.
[0088] If the total display length of all card tags does not exceed twice the length of the tag area, it means that all card tags can be displayed through two tag areas. In this case, the value of m can be equal to the difference between the total number of card tags and n. That is, if a target card tag in a later display position is selected, the terminal can display all remaining undisplayed card tags.
[0089] In the second display method, within the label area of the card acquisition interface, the terminal hides all card labels preceding the target card label, and displays the target card label with its front boundary aligned with the front boundary of the label area; it then displays m card labels following n card labels. The front boundary is the boundary perpendicular to the arrangement direction of the card labels and close to the starting side of that direction. The solution provided in this embodiment initially aligns the first card label with the front boundary. When the target card label is selected, all its preceding card labels are hidden, and the target card label itself is moved forward to align with the front boundary of the label area. This layout change allows for rapid focus on the currently selected target card label, placing it in a prominent visual position. This eliminates the interference of irrelevant preceding card labels on attention, improves information transmission efficiency, reduces cognitive load during operation, and enhances the smoothness of interface browsing and label selection, thus improving human-computer interaction efficiency.
[0090] For example, Figure 6 This is a schematic diagram illustrating a third type of card label arrangement according to an exemplary embodiment. See also... Figure 6 In response to the selection of the fourth card label among the six currently displayed card labels, the terminal displays that the fourth card label is selected, hides all the labels before the fourth card label, and displays the two card labels after the six card labels, namely the seventh and eighth card labels, and the front boundary (left boundary) of the fourth card label is aligned with the front boundary (left boundary) of the label area 601.
[0091] In the third display method, the terminal hides at least one card label preceding the target card label in the card acquisition interface, centrally displays the target card label, and the target card label is selected; then m card labels are displayed after n card labels. The solution provided in this embodiment makes the target card label the absolute visual center of the entire label area when it is selected, forming a clear focal point in the card acquisition interface. This guides the viewer's eye to focus automatically, improving information transmission efficiency. Furthermore, the central layout provides an intuitive and balanced interactive feedback, ensuring a high degree of consistency between the user's operational intent and the interface response, thereby optimizing the overall interactive experience and efficiency.
[0092] For example, Figure 7 This is a schematic diagram illustrating a fourth type of card label arrangement according to an exemplary embodiment. See also... Figure 7 In response to the selection of the fifth card label out of the currently displayed six card labels, the terminal displays the fifth card label centered in label area 701, indicating that the fifth card label is selected. Because the position of the fifth card label changes while the spacing between the card labels remains constant, the card labels preceding the fifth card label (such as the entire first card label and part of the second card label) are hidden, the seventh card label is fully displayed, and part of the eighth card label is also displayed.
[0093] This disclosure does not limit the method of selecting the target card tag. The object can directly select the target card tag by triggering it; correspondingly, in response to the triggering operation on the target card tag among n card tags, the terminal displays that the target card tag is selected, hides the card tags preceding the target card tag, and displays the m card tags following the target card tag. This triggering operation can be a single click, double click, or long press, and this disclosure does not limit this. Alternatively, the object can indirectly select the target card tag through a virtual card; correspondingly, in response to the triggering operation on the virtual card matching the target card tag in the card acquisition interface, the terminal displays that the target card tag is selected, hides the card tags preceding the target card tag, and displays the m card tags following the target card tag.
[0094] The solution provided in this disclosure, for the compound operation of "selecting a card tag and viewing more card tags", can be achieved not only by directly clicking the card tag itself, but also indirectly by triggering the virtual card corresponding to the card tag in the card acquisition interface. This enriches the interaction methods, gives the object greater operational freedom and flexibility, and improves the efficiency of human-computer interaction. Furthermore, the linkage between the card tag and the corresponding virtual card strengthens the mapping relationship between the core information element of "card type" and the virtual cards, deepens the object's understanding of the virtual card, and helps improve the efficiency of information transmission.
[0095] The value of m mentioned above does not exceed the number of card tags following the target card tag, and the value of m can be positively correlated with the degree of relevance of the target card tag among the n card tags. The larger the target card tag is among the n card tags, the larger the value of m. That is, the later the target card tag is displayed, the more subsequent card tags will be displayed after selection. The solution provided in this embodiment not only limits the actual number of remaining card tags, but also positively correlates with the degree of relevance of the target card tag. When the object selects a later card tag, the interface will automatically display more subsequent card tags for preview, significantly improving the efficiency of information transmission. Furthermore, it can dynamically and reasonably adjust the information exposure based on the object's current operation position (the sequence number of the selected card tag), making the amount of information provided more consistent with the object's potential needs (viewing subsequent options). This not only meets the user's intent, but also, by actively predicting and providing more relevant card tags, allows the object to obtain richer and more context-related card tags in one interaction, reducing repetitive or additional operations for viewing subsequent card tags, thus improving the efficiency of human-computer interaction.
[0096] In some embodiments, in response to the selection of a target card tag among n card tags, the terminal can also display an expansion control, which is used to simultaneously display all card tags. Then, in response to the triggering operation of the expansion control, the terminal displays all card tags in the card acquisition interface. All card tags include n card tags and m card tags. This disclosure does not limit the display position and display style of the expansion control. The solution provided by this disclosure provides an additional expansion control when a target card tag in a later display position is selected, allowing the user to switch to a complete view of all card tags at once through the expansion control. This operation is simple, requiring no complex operations (such as continuous scrolling or multiple switching) to view all card tags, thus improving information transmission efficiency and human-computer interaction efficiency.
[0097] In step 303, when the target card label is selected, the terminal displays the virtual cards that match the target card label from the acquired virtual cards in the card acquisition interface.
[0098] In this embodiment of the disclosure, when a target card tag is selected, if the object has already obtained a virtual card matching the target card tag, the terminal can display the virtual card matching the target card tag in the card area of the card acquisition interface. The solution provided by this embodiment of the disclosure, when the target card tag is selected and in a selected state, will synchronously display the virtual card that the object has obtained, matching the type indicated by the target card tag, intuitively showing the object the acquisition result of the card corresponding to the target card tag. This is simple to operate and can improve information transmission efficiency.
[0099] In other embodiments, for any card tag, if no matching virtual card is obtained when the card tag is selected, the terminal displays an interactive task associated with the card tag. This interactive task provides a matching virtual card upon completion. The solution provided in this disclosure, when an object selects a card tag for which no corresponding virtual card has been obtained, actively pushes the card acquisition entry point directly to the object by displaying a specific interactive task associated with that card tag (such as completing a mini-game, sharing a task, etc.). This not only achieves precise information delivery and improved information delivery efficiency, but also eliminates the need for the user to search for the card acquisition entry point, significantly reducing the object's exploration costs and operational steps, and improving the overall efficiency of card acquisition—that is, improving human-computer interaction efficiency.
[0100] This disclosure provides a label display method. In a card acquisition interface that supports obtaining virtual cards, n card labels are first displayed in an orderly manner to intuitively show the user the type of virtual card to be obtained. When a target card label located later in the currently displayed n card labels is selected, in addition to displaying the selected target card label, the card labels located before the target card label can also be hidden, and the m card labels located after the n card labels that were previously hidden can be revealed to show the user more card types. This not only makes it easier for the user to find the hidden card labels in time and improves the efficiency of information transmission, but also achieves the two purposes of selecting a card label and viewing more card labels through a single interactive operation, making the operation simpler and improving the efficiency of human-computer interaction.
[0101] All of the above-mentioned optional technical solutions can be combined in any way to form optional embodiments of this disclosure, and will not be described in detail here.
[0102] Figure 8 This is a block diagram illustrating a label display device according to an exemplary embodiment. See also Figure 8 The label display device includes: a first display unit 801 and a second display unit 802.
[0103] The first display unit 801 is configured to perform the following in the card acquisition interface: displaying n card tags in an orderly manner. Each card tag is used to indicate a type of virtual card that the object needs to acquire. The selected state is a highlighted state that is continuously presented after the target card tag is selected, used to mark the currently selected card type. The second display unit 802 is configured to perform the following actions in response to a selection operation on a target card tag among n card tags: displaying that the target card tag is selected, hiding at least one card tag located before the target card tag, and displaying m card tags located after the n card tags. Where n and m are both positive integers, and the target card label is the card label that appears last among the n card labels.
[0104] In some embodiments, the second display unit 802 is configured to perform the following actions within the label area of the card acquisition interface: hide at least one card label located before the target card label, display m card labels located after the n card labels, and the last card label among the m card labels is in a simplified display state or a full display state, wherein the simplified display state is a visual state in which not all visual elements of the card label are displayed.
[0105] In some embodiments, the second display unit 802 is configured to perform any of the following: In the label area, a portion of the last card label out of m card labels is displayed in a partially visible manner; In the label area, a thumbnail of the last of the m card labels is displayed in an icon-based manner.
[0106] In some embodiments, the second display unit 802 is configured to display the rear boundary of the last card label among m card labels aligned with the rear boundary of the label area, wherein the rear boundary is a boundary perpendicular to the arrangement direction of the card labels and close to the end side of the arrangement direction.
[0107] In some embodiments, the first display unit 801 is configured to display n card tags in a label area of the card acquisition interface, wherein the front boundary of the first card tag among the n card tags is aligned with the front boundary of the label area; The second display unit 802 is configured to, within the label area of the card acquisition interface, hide all card labels located before the target card label, and display the front boundary of the target card label aligned with the front boundary of the label area; and display m card labels located after n card labels. The front boundary is the boundary perpendicular to the arrangement direction of the card labels and close to the starting side of the arrangement direction, and the rear boundary is the boundary perpendicular to the arrangement direction of the card labels and close to the ending side of the arrangement direction.
[0108] In some embodiments, the second display unit 802 is configured to perform the following actions in the card acquisition interface: hide at least one card label located before the target card label, display the target card label in the center with the target card label selected; and display m card labels after n card labels.
[0109] In some embodiments, the second display unit 802 is configured to perform any of the following: In response to a trigger operation on a target card label among n card labels, the target card label is displayed as selected, at least one card label before the target card label is hidden, and m card labels after the target card label are displayed. In response to the triggering operation of a virtual card matching the target card tag in the card acquisition interface, the target card tag is displayed as selected, at least one card tag before the target card tag is hidden, and m card tags after the target card tag are displayed.
[0110] In some embodiments, the apparatus further includes: The third display unit is configured to perform an operation in response to the selection of a target card tag among n card tags, displaying an expansion control to simultaneously display all card tags; and in response to the triggering operation of the expansion control, displaying all card tags in the card acquisition interface, the total number of card tags including n card tags and m card tags.
[0111] In some embodiments, the apparatus further includes: The fourth display unit is configured to perform at least one of the following: Based on displaying n card tags, the first tag number is displayed, which indicates the number of card tags following the n card tags; The second label count is displayed, indicating the total number of all card labels.
[0112] In some embodiments, the value of m does not exceed the number of card tags following the target card tag, and the value of m is positively correlated with how far the target card tag is from the n card tags.
[0113] In some embodiments, the apparatus further includes: The fifth display unit is configured to display the number of cards corresponding to any card tag, whereby the number of cards indicates the number of virtual cards that match the card tag among the acquired virtual cards. The first display unit 801 is configured to display n card tags in ascending order of the number of cards in the card acquisition interface.
[0114] In some embodiments, the display style of each card label includes at least one of the following: The first visual element is used to indicate the rarity of virtual cards that match the card tag. The second visual element is used to indicate the acquisition status of the virtual card that matches the card label.
[0115] In some embodiments, the apparatus further includes: The sixth display unit is configured to, for any card tag, if no matching virtual card is found when the card tag is selected, display the interactive task associated with the card tag. The interactive task is used to provide the matching virtual card after completion.
[0116] In some embodiments, the apparatus further includes: The seventh display unit is configured to, when the target card label is selected, display the virtual cards that match the target card label among the acquired virtual cards in the card acquisition interface.
[0117] This disclosure provides a label display device. In a card acquisition interface that supports acquiring virtual cards, n card labels are first displayed in an orderly manner to intuitively show the user the type of virtual card to be acquired. When a target card label located later in the currently displayed n card labels is selected, in addition to displaying the selected target card label, the card labels located before the target card label can also be hidden, and the m card labels located after the n card labels that were previously hidden can be revealed to show the user more card types. This not only makes it easier for the user to discover the card labels that are in a hidden state in a timely manner, improving the efficiency of information transmission, but also achieves the two purposes of selecting a card label and viewing more card labels through a single interactive operation, making the operation simpler and improving the efficiency of human-computer interaction.
[0118] It should be noted that the label display device provided in the above embodiments is only illustrated by the division of the above functional units when displaying the card label of a virtual card. In practical applications, the above functions can be assigned to different functional units as needed, that is, the internal structure of the electronic device can be divided into different functional units to complete all or part of the functions described above. In addition, the label display device and the label display method embodiments provided in the above embodiments belong to the same concept, and the specific implementation process can be found in the method embodiments, which will not be repeated here.
[0119] Regarding the apparatus in the above embodiments, the specific manner in which each module performs its operation has been described in detail in the embodiments related to the method, and will not be elaborated upon here.
[0120] When an electronic device is provided as a terminal, Figure 9 This is a block diagram illustrating a terminal 900 according to an exemplary embodiment. The terminal... Figure 9 A structural block diagram of a terminal 900 provided in an exemplary embodiment of this disclosure is shown. The terminal 900 may be a smartphone, tablet computer, MP3 player (Moving Picture Experts Group Audio Layer III), MP4 player (Moving Picture Experts Group Audio Layer IV), laptop computer, or desktop computer. The terminal 900 may also be referred to as a user device, portable terminal, laptop terminal, desktop terminal, or other names.
[0121] Typically, terminal 900 includes a processor 901 and a memory 902.
[0122] Processor 901 may include one or more processing cores, such as a quad-core processor or an octa-core processor. Processor 901 may be implemented using at least one hardware form selected from DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array). Processor 901 may also include a main processor and a coprocessor. The main processor, also known as a CPU (Central Processing Unit), is used to process data in the wake-up state; the coprocessor is a low-power processor used to process data in the standby state. In some embodiments, processor 901 may integrate a GPU (Graphics Processing Unit), which is responsible for rendering and drawing the content to be displayed on the screen. In some embodiments, processor 901 may also include an AI (Artificial Intelligence) processor, which is used to handle computational operations related to machine learning.
[0123] The memory 902 may include one or more computer-readable storage media, which may be non-transitory. The memory 902 may also include high-speed random access memory and non-volatile memory, such as one or more disk storage devices or flash memory devices. In some embodiments, the non-transitory computer-readable storage media in the memory 902 are used to store at least one computer program, which is executed by the processor 901 to implement the label display method provided in the method embodiments of this application.
[0124] In some embodiments, the terminal 900 may also optionally include a peripheral device interface 903 and at least one peripheral device. The processor 901, memory 902, and peripheral device interface 903 can be connected via a bus or signal line. Each peripheral device can be connected to the peripheral device interface 903 via a bus, signal line, or circuit board. Specifically, the peripheral device includes at least one of the following: a radio frequency circuit 904, a display screen 905, a camera assembly 906, an audio circuit 907, and a power supply 908.
[0125] Peripheral device interface 903 can be used to connect at least one I / O (Input / Output) related peripheral device to processor 901 and memory 902. In some embodiments, processor 901, memory 902 and peripheral device interface 903 are integrated on the same chip or circuit board; in some other embodiments, any one or two of processor 901, memory 902 and peripheral device interface 903 can be implemented on separate chips or circuit boards, which is not limited in this embodiment.
[0126] The radio frequency (RF) circuit 904 is used to receive and transmit RF (Radio Frequency) signals, also known as electromagnetic signals. The RF circuit 904 communicates with communication networks and other communication devices via electromagnetic signals. The RF circuit 904 converts electrical signals into electromagnetic signals for transmission, or converts received electromagnetic signals back into electrical signals. In some embodiments, the RF circuit 904 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a user identity module card, etc. The RF circuit 904 can communicate with other terminals through at least one wireless communication protocol. This wireless communication protocol includes, but is not limited to: the World Wide Web, metropolitan area networks, intranets, various generations of mobile communication networks (2G, 3G, 4G, and 5G), wireless local area networks, and / or WiFi (Wireless Fidelity) networks. In some embodiments, the RF circuit 904 may also include circuitry related to NFC (Near Field Communication), which is not limited in this application.
[0127] Display screen 905 is used to display a UI (User Interface). This UI may include graphics, text, icons, videos, and any combination thereof. When display screen 905 is a touch display screen, it also has the ability to collect touch signals on or above its surface. These touch signals can be input as control signals to processor 901 for processing. In this case, display screen 905 can also be used to provide virtual buttons and / or a virtual keyboard, also known as soft buttons and / or a soft keyboard. In some embodiments, there may be one display screen 905, disposed on the front panel of terminal 900; in other embodiments, there may be at least two display screens 905, disposed on different surfaces of terminal 900 or in a folded design; in other embodiments, display screen 905 may be a flexible display screen, disposed on a curved or folded surface of terminal 900. Furthermore, display screen 905 may be configured as a non-rectangular, irregular shape, i.e., a non-rectangular screen. Display screen 905 may be made of materials such as LCD (Liquid Crystal Display) or OLED (Organic Light-Emitting Diode).
[0128] The camera assembly 906 is used to acquire images or videos. In some embodiments, the camera assembly 906 includes a front-facing camera and a rear-facing camera. Typically, the front-facing camera is located on the front panel of the terminal, and the rear-facing camera is located on the back of the terminal. In some embodiments, there are at least two rear-facing cameras, which are any one of a main camera, a depth-sensing camera, a wide-angle camera, and a telephoto camera, to achieve background blurring by fusion of the main camera and the depth-sensing camera, panoramic shooting by fusion of the main camera and the wide-angle camera, VR (Virtual Reality) shooting, or other fusion shooting functions. In some embodiments, the camera assembly 906 may also include a flash. The flash can be a single-color temperature flash or a dual-color temperature flash. A dual-color temperature flash is a combination of a warm-light flash and a cool-light flash, which can be used for light compensation at different color temperatures.
[0129] The audio circuit 907 may include a microphone and a speaker. The microphone is used to collect sound waves from the user and the environment, converting them into electrical signals that are input to the processor 901 for processing, or to the radio frequency circuit 904 for voice communication. For stereo sound acquisition or noise reduction purposes, multiple microphones may be used, each positioned at a different location on the terminal 900. The microphone may also be an array microphone or an omnidirectional microphone. The speaker is used to convert electrical signals from the processor 901 or the radio frequency circuit 904 into sound waves. The speaker may be a conventional diaphragm speaker or a piezoelectric ceramic speaker. When the speaker is a piezoelectric ceramic speaker, it can convert electrical signals not only into audible sound waves but also into inaudible sound waves for purposes such as distance measurement. In some embodiments, the audio circuit 907 may also include a headphone jack.
[0130] Power supply 908 is used to power the various components in terminal 900. Power supply 908 can be AC power, DC power, a disposable battery, or a rechargeable battery. When power supply 908 includes a rechargeable battery, the rechargeable battery can be a wired rechargeable battery or a wireless rechargeable battery. A wired rechargeable battery is a battery that is charged via a wired line, while a wireless rechargeable battery is a battery that is charged via a wireless coil. The rechargeable battery can also be used to support fast charging technology.
[0131] Those skilled in the art will understand that Figure 9 The structure shown does not constitute a limitation on terminal 900, and may include more or fewer components than shown, or combine certain components, or use different component arrangements.
[0132] In an exemplary embodiment, a computer-readable storage medium including instructions is also provided, such as a memory 902 including instructions, which can be executed by a processor 901 of a terminal 900 to complete the aforementioned label display method. Optionally, the computer-readable storage medium may be a ROM, random access memory (RAM), CD-ROM, magnetic tape, floppy disk, or optical data storage device, etc.
[0133] A computer program product includes a computer program / instructions that, when executed by a processor, implement the aforementioned label display method.
[0134] Other embodiments of this disclosure will readily occur to those skilled in the art upon consideration of the specification and practice of the invention disclosed herein. This disclosure is intended to cover any variations, uses, or adaptations of this disclosure that follow the general principles of this disclosure and include common knowledge or customary techniques in the art not disclosed herein. The specification and examples are to be considered exemplary only, and the true scope and spirit of this disclosure are indicated by the following claims.
[0135] It should be understood that this disclosure is not limited to the precise structures described above and shown in the accompanying drawings, and various modifications and changes can be made without departing from its scope. The scope of this disclosure is limited only by the appended claims.
Claims
1. A label display method, characterized in that, The method includes: In the card acquisition interface, n card labels are displayed in an array, each card label indicating the type of virtual card that the object needs to acquire; In response to the selection operation of the target card tag among the n card tags, the target card tag is displayed as selected, at least one card tag before the target card tag is hidden, and m card tags after the n card tags are displayed. The selected state is a highlighted state that the target card tag continuously presents after the selection operation to mark the currently selected card type. Wherein, n and m are both positive integers, and the target card tag is the card tag that appears later in the display position among the n card tags.
2. The label display method according to claim 1, characterized in that, The process of hiding at least one card label located before the target card label and displaying m card labels located after the n card labels includes: Within the label area of the card acquisition interface, at least one card label located before the target card label is hidden, and m card labels located after the n card labels are displayed. The last card label among the m card labels is in a simplified display state or a full display state. The simplified display state is a visual state in which not all visual elements of the card label are displayed.
3. The label display method according to claim 2, characterized in that, The display process in which the last card label among the m card labels is in a simplified display state includes any one of the following: In the label area, a portion of the last card label among the m card labels is displayed in a partially visible manner; In the label area, a thumbnail of the last of the m card labels is displayed in an icon-based manner.
4. The label display method according to claim 2, characterized in that, The process of the last card label among the m card labels being fully displayed within the label area includes: The rear boundary of the last card label among the m card labels is aligned with the rear boundary of the label area, wherein the rear boundary is perpendicular to the arrangement direction of the card labels and is close to the end side of the arrangement direction.
5. The label display method according to claim 1 or 2, characterized in that, The process of hiding at least one card label located before the target card label and displaying m card labels located after the n card labels includes: Within the label area of the card acquisition interface, all card labels located before the target card label are hidden, and the front boundary of the target card label is aligned with the front boundary of the label area. Display the m card tags following the n card tags; The front boundary is a boundary that is perpendicular to the arrangement direction of the card tags and close to the starting side of the arrangement direction.
6. The label display method according to claim 1 or 2, characterized in that, The process of hiding at least one card label located before the target card label and displaying m card labels located after the n card labels includes: In the card acquisition interface, at least one card label located before the target card label is hidden, the target card label is displayed in the center, and the target card label is in a selected state; The m card tags are displayed after the n card tags.
7. The label display method according to claim 1, characterized in that, The response to the selection operation of a target card tag among the n card tags, displaying that the target card tag is selected, hiding at least one card tag before the target card tag, and displaying m card tags after the target card tag, includes any one of the following: In response to a trigger operation on a target card tag among the n card tags, the target card tag is displayed as selected, at least one card tag before the target card tag is hidden, and m card tags after the target card tag are displayed. In response to a trigger operation on a virtual card matching the target card tag in the card acquisition interface, the target card tag is displayed as selected, at least one card tag before the target card tag is hidden, and m card tags after the target card tag are displayed.
8. The label display method according to claim 1, characterized in that, The method further includes: In response to the selection of a target card label among the n card labels, an expansion control is displayed, which is used to display all card labels simultaneously; In response to a triggering operation of the expand control, all card tags are displayed in the card acquisition interface, including the n card tags and the m card tags.
9. The label display method according to claim 1, characterized in that, The method further includes at least one of the following: In addition to displaying the n card tags, a first tag number is displayed, which indicates the number of card tags following the n card tags; Displays the second label count, which indicates the total number of all card labels.
10. The label display method according to any one of claims 1-9, characterized in that, The value of m does not exceed the number of card tags following the target card tag, and the value of m is positively correlated with the degree to which the target card tag is located among the n card tags.
11. The label display method according to claim 1, characterized in that, The method further includes: For any card tag, the number of cards corresponding to the card tag is displayed, and the number of cards is used to indicate the number of virtual cards that match the card tag among the acquired virtual cards; The card acquisition interface displays n card tags arranged in a specific order, including: In the card acquisition interface, the n card tags are displayed in ascending order of the number of cards.
12. The label display method according to claim 1, characterized in that, Each card label's display style includes at least one of the following: A first visual element, which is used to indicate the rarity of virtual cards that conform to the card tag; A second visual element is used to indicate the acquisition status of a virtual card that matches the card tag.
13. The label display method according to claim 1, characterized in that, The method further includes: For any card tag, if no virtual card matching the card tag is obtained when the card tag is selected, the interactive task associated with the card tag is displayed. The interactive task is used to provide a virtual card matching the card tag upon completion.
14. The label display method according to claim 1, characterized in that, The method further includes: When the target card label is selected, the card acquisition interface displays virtual cards that match the target card label from the acquired virtual cards.
15. A label display device, characterized in that, The device includes: The first display unit is configured to display n card labels in the card acquisition interface, each card label indicating a type of virtual card that the object needs to acquire; The second display unit is configured to perform the following actions in response to a selection operation on a target card tag among the n card tags: displaying that the target card tag is in a selected state, hiding at least one card tag located before the target card tag, and displaying m card tags located after the n card tags. The selected state is a highlighted state that the target card tag continuously presents after the selection operation to mark the currently selected card type. Wherein, n and m are both positive integers, and the target card tag is the card tag that appears later in the display position among the n card tags.
16. An electronic device, characterized in that, The electronic device includes: One or more processors; Memory used to store the executable program code of the processor; The processor is configured to execute the program code to implement the label display method as described in any one of claims 1 to 14.
17. A computer-readable storage medium, characterized in that, When the instructions in the computer-readable storage medium are executed by the processor of the electronic device, the electronic device is enabled to perform the label display method as described in any one of claims 1 to 14.
18. A computer program product, comprising a computer program, characterized in that, When the computer program is executed by a processor, it implements the label display method according to any one of claims 1 to 14.