Card unit display method, device, computer equipment and storage medium
By displaying non-overlapping card units on the smart display screen and supporting users' aggregation operations, the problems of limited display content and cumbersome operation in the prior art are solved, and more efficient information search and display are achieved.
Patent Information
- Application Number
- CN202110560386.1
- Authority / Receiving Office
- CN · China
- Patent Type
- Patents(China)
- Current Assignee / Owner
- Filing Date
- 2021-05-21
- Publication Date
- 2025-03-07
- Estimated Expiration
- 2041-05-21
AI Technical Summary
The display content of the existing smart display screen is limited and the operation is cumbersome. Users need to drop down menus or turn pages multiple times to find the required information.
A card unit display method is provided. By displaying multiple card units that do not overlap each other in the card display area, and in response to a user's aggregation operation, the multiple card units are aggregated into a card set, and the card arrangement layout is dynamically adjusted to reduce the display area.
It simplifies the operation process, improves the efficiency of information search, reduces the area occupied by the card in the display area, and allows users to find the required information more conveniently.
Smart Images

Figure CN113515227B_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of computer technology, and in particular to a card unit display method, device, computer equipment and storage medium. Background Art
[0002] With the development of computer technology, the functions of various intelligent display screens have become increasingly rich, such as being able to make calls, navigate, listen to the radio, play music, search for information, etc., making it easier for users to operate.
[0003] However, the display screen is small and the displayed content is limited. During the information search process, it may be necessary to use multiple pull-down menus or turn pages multiple times to find the information the user needs, which is cumbersome. Summary of the invention
[0004] Based on this, it is necessary to provide a card unit display method, device, computer equipment and storage medium with simple operation to address the above technical problems.
[0005] A card unit display method, the method comprising:
[0006] Displaying a plurality of card units that do not overlap each other in the card display area, wherein the plurality of card units include at least one of a single card and a card group;
[0007] In response to an aggregation operation on at least two target card units among the plurality of card units, the at least two target card units are aggregated to form at least one target card group; and the cards in the same target card group have an association relationship.
[0008] In one embodiment, the method further comprises:
[0009] As the display area occupied by the target card group is reduced when being aggregated, the arrangement layout of the card units contained in the card display area is dynamically adjusted.
[0010] In one embodiment, dynamically adjusting the arrangement layout of the card units contained in the card display area as the display area occupied by the target card group is reduced when being aggregated includes:
[0011] As the display area occupied by the target card group is reduced when it is aggregated, the card units originally contained in the card display area are moved so that the card units are arranged adjacent to each other in sequence, and in the process of moving the originally contained card units, at least one subsequent card unit is displayed adjacent to a vacant position in the card display area to dynamically adjust the arrangement layout of the card units currently contained in the card display area.
[0012] A card unit display device, comprising:
[0013] A display module, used for displaying a plurality of card units that do not overlap each other in a card display area, wherein the plurality of card units include at least one of a single card and a card group;
[0014] The aggregation module is used for aggregating at least two target card units in the plurality of card units in response to an aggregation operation on the at least two target card units to form at least one target card group; the cards in the same target card group have an association relationship.
[0015] In one embodiment, the aggregation module is also used to respond to an aggregation operation on at least two target card units among the multiple card units, and aggregate the target card units under the same card stack into a target card group according to the card stacks to which each of the target card units belongs, so as to form at least one target card group.
[0016] In one embodiment, the aggregation operation includes a gesture aggregation operation; the aggregation module is also used to aggregate the target card units under the same card stack into a target card group for the two target card units acted upon by the gesture aggregation operation, and the target card units between the two target card units, according to the card stacks to which the target card units respectively belong, so as to form at least one target card group; or, determine the target card stacks corresponding to at least two target card units acted upon by the gesture aggregation operation, and aggregate all card units under the same target card stack into a target card group to form at least one target card group.
[0017] In one embodiment, the gesture aggregation operation includes a sliding gesture aggregation operation; the device also includes: an aggregation condition judgment module; the aggregation condition judgment module is used to determine the sliding aggregation distance and sliding aggregation speed corresponding to the sliding gesture aggregation operation acting on the at least two target card units respectively when the sliding gesture aggregation operation occurs; when at least one of the sliding aggregation distance and the sliding aggregation speed meets the aggregation condition, execute the step of responding to the aggregation operation on at least two target card units among the multiple card units.
[0018] In one embodiment, the gesture aggregation operation includes an air gesture aggregation operation; the device also includes: an aggregation condition judgment module; the aggregation condition judgment module is used to map the air gesture aggregation operation to the card display area when the air gesture aggregation operation occurs, so as to determine at least two target card units acted upon by the air gesture aggregation operation; respectively determine the moving aggregation distance and moving aggregation speed corresponding to the air gesture aggregation operation acting on the at least two target card units; when at least one of the moving aggregation distance and the moving aggregation speed meets the aggregation condition, execute the step of responding to the aggregation operation on at least two target card units among the multiple card units.
[0019] In one embodiment, the aggregation operation includes a voice aggregation operation; the aggregation module is also used to determine the target card stack corresponding to at least two target card units specified by the voice aggregation operation, and aggregate all card units under the same target card stack into a target card group to form at least one target card group.
[0020] In one embodiment, the device also includes: a division module; the division module is used to obtain the category to which each card belongs, and divide the cards belonging to the same category into the same card stack corresponding to the category; for cards that do not belong to a category, the cards that do not belong to a category are divided into the same card stack.
[0021] In one embodiment, the aggregation module is also used to superimpose the at least two target card units affected by the aggregation operation at a preset interval to form at least one target card group; or, convert each card unit of the at least two target card units affected by the aggregation operation into a corresponding thumbnail card unit, and aggregate the thumbnail card units to form at least one target card group.
[0022] In one embodiment, the aggregation module is also used to determine at least two target card units specified by the aggregation operation when the aggregation operation occurs; slide the cards on the right side of the at least two target card units that belong to the same target card stack in order from left to right and cover the cards on the left side with a preset spacing to obtain a target card group corresponding to the corresponding target card stack, so as to finally form at least one target card group; wherein the cards covered with a preset spacing in each target card group display at most a portion of the card content.
[0023] In one embodiment, the device further includes an adjustment module; the adjustment module is used to dynamically adjust the arrangement layout of the card units contained in the card display area as the display area occupied by the target card group is reduced when being aggregated.
[0024] In one embodiment, the adjustment module is also used to move the card units originally contained in the card display area as the display area occupied by the target card group is reduced, so that the card units are arranged adjacent to each other in sequence, and in the process of moving the originally contained card units, at least one subsequent card unit is displayed adjacent to a vacant position in the card display area, so as to dynamically adjust the arrangement layout of the card units currently contained in the card display area.
[0025] In one embodiment, the device further comprises an expansion module; the expansion module is used to respond to an expansion operation on the card group in the card display area, and expand the card group corresponding to the expansion operation to form at least two non-overlapping card units;
[0026] The adjustment module is further used to dynamically adjust the arrangement layout of the card units contained in the card display area as the display area occupied by the card units increases when the card units are expanded to form at least two card units.
[0027] In one embodiment, the expansion operation includes a gesture expansion operation; the expansion module is also used to, in the card display area, respond to a gesture expansion operation on at least one card in the card group, and flatly display at least one card specified by the gesture expansion operation to form the card group into at least two non-overlapping card units.
[0028] In one embodiment, the gesture expansion operation includes a sliding gesture expansion operation; the device also includes: an expansion condition judgment module; the expansion condition judgment module is also used to determine the sliding expansion distance and sliding expansion speed of the sliding gesture expansion operation on the at least one card when the sliding gesture expansion operation occurs; when at least one of the sliding expansion distance and the sliding expansion speed meets the expansion condition, the step of responding to the gesture expansion operation on at least one card in the card group is executed.
[0029] In one embodiment, the gesture expansion operation includes an air gesture expansion operation; the device also includes: an expansion condition judgment module; the expansion condition judgment module is also used to map the air gesture expansion operation to the card display area when the air gesture expansion operation occurs, so as to determine at least one card in the card group on which the air gesture expansion operation acts; determine the moving expansion distance and moving expansion speed corresponding to the air gesture expansion operation acting on the at least one card; when at least one of the moving expansion distance and the moving expansion speed meets the expansion condition, execute the step of responding to the gesture expansion operation for at least one card in the card group.
[0030] In one embodiment, the expansion operation is a voice expansion operation; the expansion module is also used to respond to the voice expansion operation on the card group in the card display area, and to tile all cards in the card group affected by the voice expansion operation, and the tiled cards do not overlap each other.
[0031] In one embodiment, the device is executed by a vehicle-mounted terminal, the card display area is a display area provided by a display screen of the vehicle-mounted terminal, and the card is provided by at least one vehicle-mounted application running on the vehicle-mounted terminal.
[0032] A computer device comprises a memory and a processor, wherein the memory stores a computer program, and when the processor executes the computer program, the following steps are implemented:
[0033] Displaying a plurality of card units that do not overlap each other in the card display area, wherein the plurality of card units include at least one of a single card and a card group;
[0034] In response to an aggregation operation on at least two target card units among the plurality of card units, the at least two target card units are aggregated to form at least one target card group; and the cards in the same target card group have an association relationship.
[0035] A computer-readable storage medium stores a computer program, which, when executed by a processor, implements the following steps:
[0036] Displaying a plurality of card units that do not overlap each other in the card display area, wherein the plurality of card units include at least one of a single card and a card group;
[0037] In response to an aggregation operation on at least two target card units among the plurality of card units, the at least two target card units are aggregated to form at least one target card group; and the cards in the same target card group have an association relationship.
[0038] The card unit display method, device, computer equipment and storage medium display multiple non-overlapping card units in a card display area, and the multiple card units include at least one of a single card and a card group. In response to an aggregation operation on at least two target card units among the multiple card units, the at least two target card units are aggregated into at least one target card group, and the cards in the same target card group have an association relationship, so that the cards with an association relationship can be aggregated through the aggregation operation, which is convenient for users to organize card units and improve operation efficiency. Aggregating and displaying cards can display more cards in the card display area, which is convenient for users to find the required cards, thereby improving the efficiency of users finding information. BRIEF DESCRIPTION OF THE DRAWINGS
[0039] Figure 1 A diagram of an application environment of a card unit display method in an embodiment;
[0040] Figure 2 It is a flowchart of a card unit display method in one embodiment;
[0041] Figure 3 It is a schematic diagram of an interface for aggregating two target card units affected by a gesture aggregation operation and each card unit between the two target card units in one embodiment;
[0042] Figure 4 It is a schematic diagram of an interface for aggregating two card units affected by a gesture aggregation operation in one embodiment;
[0043] Figure 5 It is a schematic diagram of an interface for aggregating two card units affected by a gesture aggregation operation in another embodiment;
[0044] Figure 6 A schematic diagram of an interface for dynamically adjusting the arrangement layout of card units contained in a card display area when a target card group is aggregated in one embodiment;
[0045] Figure 7 It is a schematic diagram of an interface in which a card group is expanded to form two card units through a gesture expansion operation in one embodiment;
[0046] Figure 8 It is a flowchart of a card unit display method in another embodiment;
[0047] Fig. 9 A schematic diagram of an interface in which a vehicle terminal displays a card in a vehicle application in an embodiment;
[0048] Fig.10 It is a schematic diagram of an interface for aggregating various card units in an in-vehicle application in one embodiment;
[0049] Fig.11 It is a schematic diagram of an interface for expanding a card group in a vehicle-mounted application in one embodiment;
[0050] Fig.12 is a structural block diagram of a card unit display device in one embodiment;
[0051] Fig.13 FIG. 4 is a diagram showing the internal structure of a computer device in one embodiment. DETAILED DESCRIPTION
[0052] In order to make the purpose, technical solution and advantages of the present application more clearly understood, the present application is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.
[0053] The card unit display method provided in this application can be applied to Figure 1 The card unit display system shown in FIG. Figure 1 As shown, the card unit display system includes a terminal 110, a server 120 and a database 130. In one embodiment, the terminal 110 can independently execute the card unit display method provided in the embodiment of the present application. The terminal 110 and the server 120 can also be used in conjunction to execute the card unit display method provided in the embodiment of the present application. When the terminal 110 and the server 120 are used in conjunction to execute the card unit display method provided in the embodiment of the present application, the terminal 110 sends a card unit acquisition request to the server 120, the server 120 acquires the corresponding card unit from the database 130 based on the card unit acquisition request, and the server 120 returns each card unit to the terminal 110. The terminal 110 displays a plurality of non-overlapping card units in the card display area, and the plurality of card units include at least one of a single card and a card group. In response to the user's aggregation operation on at least two target card units in the plurality of card units, the terminal 110 aggregates the at least two target card units to form at least one target card group; the cards in the same target card group have an association relationship.
[0054] Among them, the terminal 110 can be any electronic product that can interact with the user through one or more methods such as keyboard, touchpad, touch screen, remote control, voice interaction or handwriting device, such as PC (Personal Computer), mobile phone, smart phone, PDA (Personal Digital Assistant), wearable device, PPC (Pocket PC), tablet computer, car terminal, smart TV, smart speaker, etc. The server 120 can be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud computing services. The terminal 110 and the server 120 can be directly or indirectly connected through wired or wireless communication, and this application does not limit this.
[0055] In one embodiment, multiple servers may form a blockchain, and the servers are nodes on the blockchain.
[0056] In one embodiment, Figure 2 As shown, a card unit display method is provided, which is applied to Figure 1The terminal in is used as an example to illustrate, including the following steps:
[0057] Step S202: display a plurality of non-overlapping card units in a card display area, wherein the plurality of card units include at least one of a single card and a card group.
[0058] Among them, a card is a carrier of information, which can carry various types of information, including but not limited to at least one of text, emoticons, pictures, audio, video, files and links. A card deck is a combination obtained by aggregating at least two cards. A card unit is a combination formed by at least one of a single card and a card deck. Each card in the same card deck has an association relationship.
[0059] Specifically, the terminal presents a card display area on the interface, and displays a plurality of card units in the card display area, where the plurality refers to at least two. The plurality of card units displayed in the card display area do not overlap each other.
[0060] The multiple card units include at least one of a single card and a card group. When multiple cards are displayed in the card display area, the multiple cards displayed do not overlap each other; when multiple card units are displayed in the card display area, the multiple card units displayed do not overlap each other; when at least one card and at least one card unit are displayed in the card display area, each card and each card unit displayed are displayed independently and do not overlap each other.
[0061] In one embodiment, the terminal can enter the application interface or web page interface and pull the information content of the current interface displayed from the server. The terminal renders the acquired information content to form various card views. The card view refers to a virtual memory table in a computer database, which is used to display specified information content or information entry and has interactive features.
[0062] The terminal loads each card view and renders the corresponding information content. Rendering information content refers to the image processing performed by the terminal after loading or preloading the information content in the specified card view. It is understandable that the rendering processing of information content in different card views can be the same or different. The terminal displays the rendered information content in the form of card units in the card display area of the current interface.
[0063] In one embodiment, rendering includes but is not limited to color rendering, image rendering, transparency setting, light setting, and line setting. For example, after loading information content in a card view, color rendering is performed so that the background color in the card is gradient blue, the transparency is 35%, and the background pattern is water flow.
[0064] In one embodiment, the user can run the application installed on the terminal through the terminal to enter the application interface, and the terminal displays the card display area on the current interface of the application. The application is any application that can interact with the user, including but not limited to a parent application, a child application, and a cloud application. A parent application refers to an application that can run independently. A child application refers to an application that cannot run independently and needs to rely on a parent application to run.
[0065] Cloud applications refer to applications that interact between the terminal and the cloud. Cloud applications use the powerful computing power of the cloud simulator to encode the running process into audio and video streams, which are transmitted to the mobile phone through the network to achieve interaction with the user. The cloud application can be any application running in the cloud.
[0066] Parent applications, child applications and cloud applications may include instant messaging applications, SNS (Social Network Sites) applications, short video applications, long video applications, game applications, music applications, shopping and selling applications, and UGC (User Generated Content) applications, but are not limited to these.
[0067] Step S204, in response to the aggregation operation on at least two target card units among the plurality of card units, the at least two target card units are aggregated to form at least one target card group; the cards in the same target card group have an association relationship.
[0068] Among them, the aggregation operation is a preset operation of aggregating at least two card units, and the arbitrary operation includes but is not limited to gesture aggregation operation, voice aggregation operation, cursor aggregation operation, key aggregation operation, etc. The gesture aggregation operation may include at least one of a sliding gesture aggregation operation, an air gesture aggregation operation, a click gesture aggregation operation, and a press gesture aggregation operation. The sliding gesture aggregation operation may specifically be a single-point sliding aggregation operation or a multi-point sliding aggregation operation, and the sliding gesture expansion operation may specifically refer to a contact gesture expansion operation. The air gesture aggregation operation refers to a non-contact gesture aggregation operation, which may specifically refer to a preset distance between the air gesture and the object on which the air gesture acts, or the distance between the two is within a preset distance range. The click gesture aggregation operation may specifically be a single-point touch aggregation operation or a multi-point touch aggregation operation, etc. The press gesture aggregation operation may specifically be a single-point press aggregation operation or a multi-point press aggregation operation, etc. The cursor aggregation operation may be an operation of controlling the cursor to perform any one of single-click, double-click, press, or slide to implement aggregation. The key aggregation operation may be a virtual key aggregation operation or a physical key aggregation operation, etc., and there is no excessive restriction here.
[0069] The target card unit refers to the card unit on which the aggregation operation acts, and the target card group is the card group obtained by aggregating the target card units on which the aggregation operation acts.
[0070] Specifically, the terminal pre-sets the association relationship between the cards, and the cards with the association relationship can be aggregated into the same card group, and the cards without the association relationship cannot be aggregated into the same card group. The user can aggregate at least two card units among the card units displayed in the card display area. In response to the aggregation operation on the at least two card units, the terminal determines the card units affected by the aggregation operation, and aggregates the card units affected by the aggregation operation to form at least one target card group. The target card group is displayed in the card display area.
[0071] In one embodiment, in response to an aggregation operation on at least two card units, the terminal determines whether the card units acted upon by the aggregation operation have an association relationship. When the card units acted upon by the aggregation operation have an association relationship, the card units are aggregated into the same target card group. When the card units acted upon by the aggregation operation do not have an association relationship, the card units are not aggregated.
[0072] In one embodiment, when some of the card units acted upon by the aggregation operation have an association relationship and some do not, the card units with an association relationship are aggregated into the same target card group, and the card units without an association relationship are not aggregated.
[0073] In the card unit display method, a plurality of non-overlapping card units are displayed in a card display area, and the plurality of card units include at least one of a single card and a card group. In response to an aggregation operation on at least two target card units among the plurality of card units, the at least two target card units are aggregated into at least one target card group, and the cards in the same target card group have an association relationship, so that the associated cards can be aggregated through the aggregation operation, which is convenient for users to organize the card units, improves the operation efficiency, and can reduce the area occupied by the cards in the card display area. Aggregating and displaying the cards can display more cards in the card display area, which is convenient for users to find the required cards, thereby improving the efficiency of users in finding information.
[0074] In one embodiment, in response to an aggregation operation on at least two target card units among a plurality of card units, the at least two target card units are aggregated to form at least one target card group, including:
[0075] In response to the aggregation operation on at least two target card units among the plurality of card units, the target card units under the same card stack are aggregated into a target card group according to the card stacks to which the target card units belong, so as to form at least one target card group.
[0076] Specifically, the terminal divides the cards into different card stacks in advance, and the cards in the same card stack are associated with each other.
[0077] The terminal displays a plurality of non-overlapping card units in a card display area. When the terminal detects an aggregation operation, it determines at least two target card units acted upon by the aggregation operation. The terminal determines the card stacks to which each target card unit acted upon by the aggregation operation belongs. When each target card unit belongs to the same card stack, each target card unit is aggregated to form a card group. When each target card unit does not belong to the same card stack, each target card unit corresponding to the same card stack is aggregated into a target card group. According to the same processing method, the at least two target card units acted upon by the aggregation operation can be aggregated according to the card stacks to which they belong respectively to form at least one target card group.
[0078] In one embodiment, the aggregation operation may include a gesture aggregation operation. In response to the gesture aggregation operation for at least two target card units among the multiple card units, the terminal determines each target card unit acted upon by the gesture aggregation operation, and determines the card stack to which each target card unit belongs. The target card units belonging to the same card stack among the target card units are aggregated into a target card group to form at least one target card group.
[0079] In one embodiment, the aggregation operation may include a voice aggregation operation. In response to the voice aggregation operation for at least two target card units among the plurality of card units, the target card units under the same card stack are aggregated into a target card group according to the card stacks to which the target card units belong, so as to form at least one target card group.
[0080] In this embodiment, in response to the aggregation operation for at least two target card units among the multiple card units, the target card units under the same card stack are aggregated into a group according to the card stacks to which the target card units belong, so that the associated cards can be quickly classified into the same group through simple operations, thereby realizing intelligent aggregation of cards. In addition, aggregating multiple cards into a group can reduce the display area occupied by the card units.
[0081] In one embodiment, the aggregation operation includes a gesture aggregation operation; in response to the aggregation operation on at least two target card units among the plurality of card units, the at least two target card units are aggregated to form at least one target card group, including:
[0082] In response to a gesture aggregation operation on at least two target card units among the plurality of card units, the at least two target card units acted upon by the gesture aggregation operation are aggregated to form a target card group.
[0083] Specifically, the aggregation operation includes a gesture aggregation operation. The terminal displays multiple non-overlapping card units in the card display area, and the user can aggregate at least two target card units through gestures. When the terminal detects the user's gesture aggregation operation, it determines the target card units affected by the gesture aggregation operation. The terminal aggregates the target card units affected by the gesture aggregation operation into a group to obtain a target card group.
[0084] In one embodiment, the gesture aggregation operation includes a single-touch aggregation operation. When the gesture aggregation operation includes a single-touch aggregation operation, the user can touch each card unit that needs to be aggregated in sequence within a preset time length. The terminal detects each card unit touched by the user within the preset time length, takes each touched card unit as a target card unit, and aggregates each target card unit into a group. For example, the user can touch two card units among multiple card units in sequence with a finger to aggregate the two touched card units. The terminal detects the user's touch operation on the two card units within the preset time length, aggregates the two card units touched by the user, and obtains a target card group.
[0085] In one embodiment, the gesture aggregation operation includes a multi-touch aggregation operation. When the gesture aggregation operation includes a multi-touch aggregation operation, the user can touch each card unit that needs to be aggregated at the same time. The terminal detects each card unit that the user touches at the same time and aggregates each card unit into a group.
[0086] In this embodiment, in response to a gesture aggregation operation on at least two target card units among multiple card units, the at least two target card units affected by the gesture aggregation operation can be aggregated into a group, so that related cards can be quickly classified into the same group through simple gesture operations, thereby reducing the display area occupied by the card units.
[0087] In one embodiment, the aggregation operation includes a gesture aggregation operation, which aggregates the target card units under the same card stack into a target card group according to the card stacks to which the target card units belong, so as to form at least one target card group, including:
[0088] For the two target card units acted upon by the gesture aggregation operation, and the target card units between the two target card units, according to the card stacks to which the target card units respectively belong, the target card units under the same card stack are aggregated into a target card group to form at least one target card group.
[0089] Specifically, the aggregation operation includes a gesture aggregation operation. The terminal displays multiple non-overlapping card units in the card display area, and the user can aggregate at least two target card units belonging to the same card stack through gestures. When the terminal detects the user's gesture aggregation operation, it determines the two target card units acted upon by the gesture aggregation operation, and determines whether there is a card unit between the two target card units. When there is a card unit between the two target card units, the card stacks to which the two target card units acted upon by the gesture aggregation operation and each card unit between the two target card units respectively belong are determined, and the two target card units and each card unit between the two target card units that belong to the same card stack are aggregated into a target card group. According to the same processing method, the at least two target card units acted upon by the aggregation operation can be aggregated according to the card stacks to which they respectively belong to form at least one target card group.
[0090] In this embodiment, for the two target card units acted upon by the gesture aggregation operation, and the target card units between the two target card units, the target card units under the same card stack are aggregated into a group, so that the multiple displayed cards can be quickly classified according to the card stack through one gesture aggregation operation, which can improve the efficiency of card aggregation.
[0091] In one embodiment, the aggregation operation includes a gesture aggregation operation; in response to the aggregation operation on at least two target card units among the plurality of card units, the at least two target card units are aggregated to form at least one target card group, including:
[0092] In response to a gesture aggregation operation on two target card units among the plurality of card units, the two target card units on which the gesture aggregation operation acts and each card unit between the two target card units are aggregated to form a target card group.
[0093] Specifically, the terminal displays multiple non-overlapping card units in the card display area, and the user can aggregate at least two target card units through gestures. When the terminal detects the user's gesture aggregation operation, it determines the two target card units affected by the gesture aggregation operation, and determines whether there is a card unit between the two target card units. When a card unit exists between the two target card units, the two target card units affected by the gesture aggregation operation and the card units between the two target card units are aggregated to obtain a target card group.
[0094] Specifically, the user can aggregate at least two target card units through gestures. When the terminal detects the user's gesture aggregation operation, it determines the two target card units affected by the gesture aggregation operation, and determines whether there is a card unit between the two target card units. When a card unit exists between the two target card units, the two target card units affected by the gesture aggregation operation and each card unit between the two target card units are aggregated to obtain a target card group.
[0095] In this embodiment, in response to a gesture aggregation operation on two target card units among multiple card units, the two target card units on which the gesture aggregation operation acts and each card unit between the two target card units can be aggregated into a group, thereby quickly classifying multiple cards into a group through one gesture aggregation operation, thereby improving the efficiency of card aggregation.
[0096] like Figure 3 , which is a schematic diagram of an interface for aggregating two target card units and each card unit between the two target card units in one embodiment. The gesture aggregation operation may be a sliding gesture aggregation operation or an air gesture aggregation operation. Figure 3 In the card display area shown in (a) of FIG. 1 , three cards, "Listen as you like", "My Music" and "Recently Listened to", are displayed. The user pinches the two cards "Listen as you like" and "Recently Listened to" toward the middle to aggregate the three cards "Listen as you like", "My Music" and "Recently Listened to". In response to the pinching operation, the terminal aggregates the three cards "Listen as you like", "My Music" and "Recently Listened to" to form a target card group, such as Figure 3 as shown in (b).
[0097] In one embodiment, the aggregation operation includes a gesture aggregation operation, which aggregates the target card units under the same card stack into a target card group according to the card stacks to which the target card units belong, so as to form at least one target card group, including:
[0098] Determine the target card stacks corresponding to at least two target card units acted upon by the gesture aggregation operation, aggregate all card units under the same target card stack into a target card group, so as to form at least one target card group.
[0099] Specifically, the terminal divides the cards into different card stacks in advance, and the cards in the same card stack are associated with each other.
[0100] The aggregation operation includes a gesture aggregation operation. The terminal displays multiple non-overlapping card units in the card display area. When the terminal detects the user's gesture aggregation operation, it determines at least two target card units affected by the gesture aggregation operation. The terminal determines the target card stacks corresponding to each target card unit affected by the gesture aggregation operation, and for each target card stack, aggregates all cards under the corresponding target card stack according to the card stack to which it belongs, to obtain a target card group corresponding to each target card stack.
[0101] For example, the target card units acted upon by the gesture aggregation operation are card A and card B. The terminal determines the card stack A to which card A belongs and the card stack B to which card B belongs, aggregates all the cards in card stack A to form a target card group A, and aggregates all the card groups in card stack B to form a target card group B, thereby displaying the target card group A and the target card group B in the card display area.
[0102] In one embodiment, the terminal determines at least two target card units acted upon by the gesture aggregation operation, and determines whether the at least two target card units belong to the same target card stack. When the at least two target card units belong to the same target card stack, all cards in the same target card stack are aggregated to form a target card group. When the at least two target card units do not belong to the same target card stack, the target card stack corresponding to each target card unit is determined respectively, and all cards under each target card stack are aggregated according to the target card stack to which they belong, to obtain a target card group corresponding to each target card stack. Furthermore, the terminal can determine whether the at least two target card units belong to the same card stack by whether the at least two target card units have an association relationship.
[0103] In one embodiment, the aggregation operation includes a gesture aggregation operation; in response to the aggregation operation on at least two target card units among the plurality of card units, the at least two target card units are aggregated to form at least one target card group, including:
[0104] In response to a gesture aggregation operation on at least two target card units among multiple card units, all cards under the target card stack corresponding to the at least two target card units affected by the gesture aggregation operation are aggregated according to the corresponding target card stack to form at least one target card group.
[0105] In this embodiment, all cards in different card stacks can be aggregated according to the corresponding card stacks through a gesture aggregation operation, multiple cards in a card stack can be quickly aggregated, and all cards in different card stacks can be aggregated according to the card stacks to which they belong at the same time, thereby improving the efficiency of aggregating multiple cards into groups.
[0106] In one embodiment, the gesture aggregation operation is a sliding gesture aggregation operation, and the method further includes:
[0107] When a sliding gesture aggregation operation occurs, the sliding aggregation distance and the sliding aggregation speed corresponding to the sliding gesture aggregation operation acting on at least two target card units are determined respectively; when at least one of the sliding aggregation distance and the sliding aggregation speed meets the aggregation condition, the step of responding to the aggregation operation on at least two target card units among multiple card units is executed.
[0108] The aggregation condition refers to the condition for aggregating the target card units into a target card group. The aggregation condition may specifically be at least one of a sliding aggregation distance greater than an aggregation distance threshold and a sliding aggregation speed greater than an aggregation speed threshold.
[0109] Specifically, the gesture aggregation operation includes a sliding gesture aggregation operation. The terminal displays multiple non-overlapping card units in the card display area, and the user can aggregate at least two target card units through a sliding gesture. When the terminal detects the user's sliding gesture aggregation operation, it determines the target card units acted upon by the sliding gesture aggregation operation. For each target card unit acted upon by the sliding gesture aggregation operation, the terminal detects the sliding aggregation distance and the sliding aggregation speed corresponding to the sliding gesture aggregation operation on the target card unit. When at least one of the sliding aggregation distance and the sliding aggregation speed meets the aggregation condition, the terminal responds to the sliding gesture aggregation operation for at least two target card units among the multiple card units, and for the two target card units acted upon by the sliding gesture aggregation operation, and each target card unit between the two target card units, according to the card stacks to which each target card unit belongs, aggregates the target card units under the same card stack into a target card group to form at least one target card group.
[0110] In one embodiment, when at least one of the sliding aggregation distance and the sliding aggregation speed meets the aggregation condition, the terminal responds to the sliding gesture aggregation operation on at least two target card units among multiple card units, determines the target card stacks corresponding to the at least two target card units acted upon by the gesture aggregation operation, and aggregates all the card units under the same target card stack into a target card group to form at least one target card group.
[0111] In one embodiment, when at least one of a sliding aggregation distance and a sliding aggregation speed satisfies an aggregation condition, a step of responding to an aggregation operation on at least two target card units among a plurality of card units is executed, including: when there is at least one of a sliding aggregation distance greater than an aggregation distance threshold, and a sliding aggregation speed greater than an aggregation speed threshold, a step of responding to an aggregation operation on at least two target card units among a plurality of card units is executed.
[0112] Specifically, for each target card unit affected by the sliding gesture aggregation operation, the terminal determines the sliding aggregation distance and sliding aggregation speed corresponding to the sliding gesture aggregation operation on the target card unit. When the sliding aggregation distances corresponding to each target card unit are greater than the aggregation distance threshold, a step of responding to the aggregation operation on at least two target card units among the multiple card units is performed.
[0113] When the sliding aggregation speeds corresponding to the target card units are all greater than the aggregation speed threshold, a step of responding to the aggregation operation on at least two target card units among the multiple card units is executed.
[0114] When the sliding aggregation distances corresponding to the target card units are greater than the aggregation distance threshold, and the sliding aggregation speeds corresponding to the target card units are greater than the aggregation speed threshold, a step of responding to the aggregation operation on at least two target card units among the multiple card units is executed.
[0115] In other embodiments, when at least one sliding aggregation distance among the sliding aggregation distances corresponding to the target card units is greater than the aggregation distance threshold, a step of responding to the aggregation operation on at least two target card units among the multiple card units is executed.
[0116] When at least one of the sliding aggregation speeds corresponding to the target card units is greater than the aggregation speed threshold, a step of responding to an aggregation operation on at least two target card units among the multiple card units is executed.
[0117] When at least one of the sliding aggregation distances corresponding to each target card unit is greater than the aggregation distance threshold, and at least one of the sliding aggregation speeds corresponding to each target card unit is greater than the aggregation speed threshold, a step of responding to an aggregation operation on at least two target card units among multiple card units is executed.
[0118] In this embodiment, in response to a sliding gesture aggregation operation on at least two target card units among multiple card units, the sliding aggregation distance and the sliding aggregation speed corresponding to the sliding gesture aggregation operation acting on the at least two target card units are determined respectively, and the sliding aggregation distance and the sliding aggregation speed are used as judgment conditions for whether each target card unit is aggregated, which can avoid card aggregation caused by user misoperation.
[0119] In one embodiment, the gesture aggregation operation is an air gesture aggregation operation, and the method further includes:
[0120] When an air gesture aggregation operation occurs, the air gesture aggregation operation is mapped to the card display area to determine at least two target card units affected by the air gesture aggregation operation; the moving aggregation distance and the moving aggregation speed corresponding to the air gesture aggregation operation acting on the at least two target card units are respectively determined; when at least one of the moving aggregation distance and the moving aggregation speed meets the aggregation condition, the steps of responding to the aggregation operation on at least two target card units among the multiple card units are executed.
[0121] The aggregation condition refers to the condition for aggregating each target card unit into a target card group. The aggregation condition may be at least one of: a moving aggregation distance greater than an aggregation distance threshold, and a moving aggregation speed greater than an aggregation speed threshold.
[0122] Specifically, the gesture aggregation operation includes an air gesture aggregation operation. The terminal displays multiple non-overlapping card units in the card display area, and the user can aggregate at least two target card units through air gestures. When the terminal detects the user's air gesture aggregation operation, the terminal can map the air gesture aggregation operation to the card display area to determine the target card units acted upon by the air gesture aggregation operation. For each target card unit acted upon by the air gesture aggregation operation, the terminal detects the corresponding moving aggregation distance and moving aggregation speed of the air gesture aggregation operation on the target card unit. When at least one of the moving aggregation distance and the moving aggregation speed meets the aggregation condition, the terminal responds to the air gesture aggregation operation for at least two target card units among the multiple card units, and for the two target card units acted upon by the air gesture aggregation operation, and each target card unit between the two target card units, according to the card stacks to which each target card unit belongs, the target card units under the same card stack are aggregated into a target card group to form at least one target card group.
[0123] In one embodiment, when at least one of the moving aggregation distance and the moving aggregation speed meets the aggregation condition, the terminal responds to an air gesture aggregation operation on at least two target card units among multiple card units, determines the target card stacks corresponding to the at least two target card units acted upon by the gesture aggregation operation, and aggregates all the card units under the same target card stack into a target card group to form at least one target card group.
[0124] In one embodiment, when at least one of a moving aggregation distance and a moving aggregation speed satisfies an aggregation condition, a step of responding to an aggregation operation on at least two target card units among a plurality of card units is executed, including: when there is at least one of a moving aggregation distance greater than an aggregation distance threshold, and a moving aggregation speed greater than an aggregation speed threshold, a step of responding to an aggregation operation on at least two target card units among a plurality of card units is executed.
[0125] Specifically, for each target card unit affected by the air gesture aggregation operation, the terminal determines the movement aggregation distance and movement aggregation speed corresponding to the air gesture aggregation operation on the target card unit. When the movement aggregation distances corresponding to each target card unit are greater than the aggregation distance threshold, a step of responding to the aggregation operation on at least two target card units among the multiple card units is executed.
[0126] When the moving aggregation speeds corresponding to the target card units are all greater than the aggregation speed threshold, a step of responding to the aggregation operation on at least two target card units among the multiple card units is executed.
[0127] When the moving aggregation distances corresponding to each target card unit are greater than the aggregation distance threshold, and the moving aggregation speeds corresponding to each target card unit are greater than the aggregation speed threshold, a step of responding to the aggregation operation on at least two target card units among the multiple card units is executed.
[0128] In other embodiments, when at least one of the moving aggregation distances corresponding to the target card units is greater than the aggregation distance threshold, a step of responding to the aggregation operation on at least two target card units among the multiple card units is executed.
[0129] When at least one of the moving aggregation speeds corresponding to the target card units is greater than the aggregation speed threshold, a step of responding to an aggregation operation on at least two target card units among the multiple card units is executed.
[0130] When at least one of the moving aggregation distances corresponding to each target card unit is greater than the aggregation distance threshold, and at least one of the moving aggregation speeds corresponding to each target card unit is greater than the aggregation speed threshold, a step of responding to an aggregation operation on at least two target card units among multiple card units is executed.
[0131] In one embodiment, the terminal can detect the user's gesture operation, and when the distance between the user's gesture operation and the card display area is within a preset distance range, further detect whether the gesture operation matches the preset gesture aggregation operation. When the distance between the gesture operation and the card display area is within the preset distance range, and the gesture operation matches the preset gesture aggregation operation, the gesture operation is determined to be an air gesture aggregation operation. Then, the terminal can map the air gesture operation to the card display area to determine at least two target card units affected by the air gesture aggregation operation.
[0132] The terminal can detect the feature points of the air gesture aggregation operation and map the feature points to the card display area to determine the target card unit affected by the air gesture aggregation operation based on the feature points.
[0133] In one embodiment, the method is performed by a vehicle-mounted terminal, and the card display area is a display area provided by a display screen of the vehicle-mounted terminal. The vehicle-mounted terminal can collect user gestures through a vehicle-mounted camera, and recognize the user gestures through an in-vehicle visual assistant or an in-vehicle positioning assistant to determine whether the user gesture is an air gesture aggregation operation, thereby mapping the user's air gesture operation to the card display area to determine at least two target card units affected by the air gesture aggregation operation.
[0134] In this embodiment, the air gesture aggregation operation is mapped to the card display area, and each target card unit affected by the air gesture aggregation operation can be determined, thereby determining the movement aggregation distance and movement aggregation speed corresponding to the air gesture aggregation operation in each target card unit. The movement aggregation distance and movement aggregation speed are used as the judgment conditions for whether each target card unit is aggregated, which can avoid card aggregation caused by user misoperation. In addition, by aggregating multiple cards of the same card stack through the air gesture aggregation operation, when it is inconvenient for the user to achieve card aggregation through direct contact, a non-contact gesture method for achieving card aggregation is provided to the user, which can meet the needs of users in different scenarios and is easy to operate.
[0135] In one embodiment, the aggregation operation includes a voice aggregation operation, which aggregates the target card units under the same card stack into a target card group according to the card stacks to which the target card units belong, so as to form at least one target card group, including:
[0136] Determine the target card stack corresponding to at least two target card units specified by the voice aggregation operation, aggregate all card units under the same target card stack into a target card group, so as to form at least one target card group.
[0137] Specifically, the aggregation operation includes a voice aggregation operation, which refers to an operation of aggregating multiple cards by voice. The terminal displays multiple non-overlapping card units in the card display area. When the terminal detects the user's voice aggregation operation on at least two target card units among the multiple card units, the terminal determines the at least two target card units affected by the voice aggregation operation. The terminal determines the card stacks corresponding to each target card unit affected by the voice aggregation operation, and for each card stack, aggregates all cards under the corresponding card stack according to the card stack to which it belongs, to obtain the target card group corresponding to each card stack.
[0138] In one embodiment, the terminal detects the user's voice aggregation operation and recognizes the user's voice to determine the target card unit. When there is a target card unit, the terminal determines the card stack corresponding to the target card unit and aggregates all cards under the card stack to obtain the target card unit.
[0139] When there are at least two target card units, the terminal determines whether the at least two target card units belong to the same card stack. When the at least two target card units belong to the same card stack, all cards in the same card stack are aggregated to form a target card group. When the at least two target card units do not belong to the same card stack, the card stack corresponding to each target card unit is determined respectively, and all cards under each card stack are aggregated according to the card stack to which they belong, to obtain a target card group corresponding to each card stack.
[0140] In one embodiment, when the target card unit is a card group, the terminal determines each card group to which the voice aggregation operation acts, and determines the card stack corresponding to each card group. The terminal aggregates all cards under each card stack according to the card stack to which they belong, and obtains the target card group corresponding to each card stack. For example, when the user indicates aggregation of card group A through voice, indicating that the user needs to aggregate all cards in card stack A corresponding to card group A, the terminal automatically aggregates all cards in the card stack A.
[0141] In one embodiment, the method further includes: obtaining the categories to which each card belongs, and grouping the cards belonging to the same category into the same card stack corresponding to the category; for cards without belonging to a category, grouping the cards without belonging to a category into the same card stack.
[0142] Specifically, the terminal can determine the category to which the card belongs, and set a corresponding card stack according to each category. The terminal can classify the cards belonging to the same category into the corresponding card stack. For cards without belonging to a category, the terminal can define a new card stack and classify the cards without belonging to a category into the same defined card stack.
[0143] For example, the categories of cards include "Music Rankings", "Learning Zone", etc. The terminal can set up card stacks corresponding to "Music Rankings" and "Learning Zone", and divide each card in "Music Rankings" into the corresponding card stack, and divide each card in "Learning Zone" into the corresponding card stack. For the unclassified cards "Listen as you like", "My Music", and "Recently Listened", a new card stack can be defined, and the cards "Listen as you like", "My Music", and "Recently Listened" can be divided into the new card stack.
[0144] In this embodiment, cards belonging to the same category are grouped into the same card stack corresponding to the category, so that the corresponding card stack can be quickly defined directly according to the card category. Cards without belonging to any category are grouped into the same card stack to achieve the definition of the card stack of the cards without belonging to any category.
[0145] In one embodiment, aggregating all cards according to corresponding card stacks may be stacking all card stacks in the same card stack according to a preset spacing to obtain a target card group, or may be converting all card stacks in the same card stack into corresponding thumbnail cards and aggregating the thumbnail cards to form a target card group.
[0146] In this embodiment, through the user's voice aggregation operation, all cards under the card stack corresponding to each target card unit specified by the voice aggregation operation are aggregated according to the corresponding card stack, and multiple cards in the card stack can be quickly aggregated. The user can aggregate cards through voice, and the operation is quick and simple.
[0147] In one embodiment, aggregating at least two target card units to form at least one target card group includes: superimposing the at least two target card units affected by the aggregation operation according to a preset interval to form at least one target card group.
[0148] The preset spacing refers to the preset spacing between the edges of the same side of two cards, for example, the spacing between the left edge of card A and the left edge of card B, the spacing between the right edge of card A and the right edge of card B, the spacing between the upper edge of card A and the upper edge of card B, and the spacing between the lower edge of card A and the lower edge of card B.
[0149] Specifically, the terminal displays multiple non-overlapping card units in the card display area, and the user can aggregate at least two target card units. When the terminal detects the user's aggregation operation, it determines the target card units affected by the aggregation operation. The terminal superimposes the target card units affected by the aggregation operation according to a preset spacing to obtain a target card group.
[0150] In one embodiment, when at least two target card units include at least one card and at least one card group, the terminal superimposes the at least one card and the at least one card group according to a preset spacing to obtain a target card group. It is understandable that the order of superimposition can be superimposing the card group on the card, or superimposing the card on the card group, and the superimposition order between each card is also similar, and no excessive restrictions are made here.
[0151] In one embodiment, after the terminal determines each target card unit to be acted upon by the aggregation operation, it overlays them according to a preset card edge spacing on the same side, so that each overlaid card in the formed target card group can be partially displayed.
[0152] For example, when the at least two target card units include card A and card B, the terminal may overlay card B on card A, and the distance between the left edge of the overlaid card B and the left edge of card A is 3 cm.
[0153] It can be understood that the distances between each card in the target card group and the card edges of the adjacent cards on the same side are the same.
[0154] In this embodiment, in response to an aggregation operation on at least two target card units among multiple card units, the at least two target card units affected by the aggregation operation are superimposed according to a preset spacing, so that each card in the target card group formed by the superposition can be partially displayed to display partial information of each card, thereby facilitating user search.
[0155] In one embodiment, at least two target card units acted upon by the aggregation operation are superimposed according to a preset interval to form at least one target card group, including:
[0156] When an aggregation operation occurs, at least two target card units specified by the aggregation operation are determined; the cards in the at least two target card units that belong to the same target card stack are slid in order from left to right, with the cards on the right being covered on the cards on the left at a preset interval, to obtain a target card group corresponding to the corresponding target card stack, so as to finally form at least one target card group; wherein the cards covered at a preset interval in each target card group display at most a portion of the card content.
[0157] Specifically, when the terminal detects the user's aggregation operation, it determines each target card unit that the aggregation operation acts on. The terminal can determine the target card stacks to which each target card unit that the aggregation operation acts on belongs, and for each card in each target card unit that belongs to the same target card stack, the right card is slid in sequence from left to right and covered on the left card at a preset interval to form a target card group corresponding to the corresponding target card stack. In addition, the cards covered at a preset interval in each target card group display at most a portion of the card content.
[0158] In one embodiment, after determining at least two target card units specified by the aggregation operation, the terminal may slide the cards on the left side of the at least two target card units that belong to the same target card stack in order from right to left and cover the cards on the right side with a preset spacing to obtain a target card group corresponding to the corresponding target card stack, thereby ultimately forming at least one target card group.
[0159] In another embodiment, after determining at least two target card units specified by the aggregation operation, the terminal may slide the cards belonging to the same target card stack in the at least two target card units in order from top to bottom and cover the cards on the upper side with a preset interval to obtain a target card group corresponding to the corresponding target card stack, thereby ultimately forming at least one target card group.
[0160] In other embodiments, after determining at least two target card units specified by the aggregation operation, the terminal may slide the upper cards of the at least two target card units that belong to the same target card stack in order from bottom to top and cover the lower cards with a preset interval to obtain a target card group corresponding to the corresponding target card stack, thereby ultimately forming at least one target card group.
[0161] In this embodiment, for each card belonging to the same card stack in the card unit specified by the aggregation operation, the cards on the right are slid in sequence from left to right and covered on the cards on the left with a preset spacing, so that each card in the target card group formed by the superposition can be partially displayed to display partial information of each card, which is convenient for users to find.
[0162] like Figure 4 , which is a schematic diagram of an interface for aggregating two card units affected by a gesture aggregation operation in one embodiment. Figure 4 In the card display area shown in (a), three cards, "Listen as you like", "My Music" and "Recently Listened", are displayed. The user aggregates the two cards "My Music" and "Recently Listened". In response to the gesture aggregation operation of "My Music" and "Recently Listened", the terminal moves the card "Recently Listened" to the left and superimposes it on the card "My Music". When superimposing, the left edge of the card "Recently Listened" is kept at a preset interval with the left edge of the card "My Music", and the result is as follows: Figure 4 The target card deck shown in (b).
[0163] like Figure 5 , which is a schematic diagram of an interface for aggregating two card units affected by a gesture aggregation operation in one embodiment. Figure 5 The card display area shown in (a) of FIG. 1 shows the card "Listen to the Heart" and the card group A, and the user aggregates "Listen to the Heart" and the card group A. In response to the gesture aggregation operation of "Listen to the Heart" and the card group A, the terminal moves the card group A to the left and superimposes it on the card "Listen to the Heart", and when superimposing, the left edge of the card "Listen to the Heart" and the left edge of the card "My Music" in the card group A maintain a preset interval, and the result is as follows: Figure 5 The target card group shown in (b) of FIG. The left edges of any two adjacent cards in the target card group are kept at a preset interval, that is, the left edge of the "Recently Listened" card and the left edge of the "My Music" card in the target card group are also kept at a preset interval.
[0164] In one embodiment, at least two target card units are aggregated to form at least one target card group, including: converting each card unit of the at least two target card units affected by the aggregation operation into a corresponding thumbnail card unit, and aggregating the thumbnail card units to form at least one target card group.
[0165] Specifically, the terminal displays multiple non-overlapping card units in the card display area, and the user can aggregate at least two target card units. When the terminal detects the user's aggregation operation, it determines the target card units affected by the aggregation operation. The terminal converts each card unit in each target card unit affected by the aggregation operation into a corresponding thumbnail card unit. The terminal aggregates each thumbnail card unit to obtain a target card group.
[0166] In one embodiment, the terminal determines each target card unit on which the aggregation operation acts. When the target card unit is a single card, the target card unit is converted into a corresponding thumbnail card, and the thumbnail card is used as the corresponding thumbnail card unit. When the target card unit is a card group, the thumbnail card unit corresponding to the card group contains thumbnail cards corresponding to each card in the card group.
[0167] In this embodiment, in response to an aggregation operation on at least two target card units among the multiple card units, each card unit affected by the aggregation operation is converted into a corresponding thumbnail card unit, and the card unit can be displayed in thumbnail form, so that the card unit occupies a smaller display area. Aggregating thumbnail card units can classify related cards into the same group, making it easier for users to find the cards they need.
[0168] In one embodiment, the method further includes: dynamically adjusting the arrangement layout of the card units contained in the card display area as the display area occupied by the target card group is reduced when being aggregated.
[0169] Specifically, a preset number of card units are contained in the card display area. In the process of the terminal aggregating at least two target card units in the card display area, as the at least two target card units are aggregated, the display area occupied by the at least two target card units in the display area gradually decreases. Following the reduction of the display area occupied when the target card group is aggregated, the terminal dynamically adjusts the arrangement layout of the card units contained in the card display area to display more cards in the card display area.
[0170] In this embodiment, as the display area occupied by the target card group is reduced when it is aggregated, the arrangement layout of the displayed card units is dynamically adjusted, so that the aggregation of cards and the dynamic adjustment of the card display area can be achieved simultaneously through the user's aggregation operation, and the operation is simple.
[0171] In one embodiment, as the display area occupied by the target card group is reduced when being aggregated, the arrangement layout of the card units contained in the card display area is dynamically adjusted, including:
[0172] As the display area occupied by the target card group is reduced when it is aggregated, the card units originally contained in the card display area are moved so that the card units are arranged adjacent to each other in sequence. In the process of moving the originally contained card units, at least one subsequent card unit is displayed adjacent to a vacant position in the card display area to dynamically adjust the arrangement layout of the card units currently contained in the card display area.
[0173] Specifically, as at least two target card units are aggregated to form a target card group, the display area occupied by at least two target card units gradually decreases. The terminal moves the card units originally contained in the card display area so that the aggregated target card group and each card unit are arranged adjacent to each other in sequence. In the process of moving the originally contained card units, at least one subsequent card unit is adjacently displayed in an idle position in the card display area to achieve dynamic adjustment of the arrangement layout of each card unit currently contained in the card display area to form the arrangement layout of the currently contained card units.
[0174] When the card units are aggregated to form a target card group, the display area occupied by the target card group is smaller than the total display area occupied by the card units when they are displayed without overlapping each other. In the process of aggregating to form the target card group, an idle position can be vacated in the card display area, and the idle position is used to display at least one subsequent card unit, so that more card units can be displayed in the card display area. The card units displayed in the card display area are arranged adjacent to each other in sequence. In the process of aggregating the card units to form the target card group, the card units originally contained in the card display area are dynamically adjusted following the formation of the target card group, so that the card units still maintain an adjacent arrangement.
[0175] In one embodiment, at least one subsequent card unit includes at least one of a single card and a card group. Following the reduction of the display area occupied when the target card group is aggregated, an empty position appears in the card display area. When the empty position is large enough to accommodate one card unit, the next subsequent card unit is displayed in the empty position. When the empty position is large enough to accommodate two card units, the two subsequent card units are displayed in the empty position, and so on. Further, when the next subsequent card unit is a single card, the single card is displayed in the empty position. When the next subsequent card unit is a card group, the card group is displayed in the empty position, and so on.
[0176] In one embodiment, when the free space in the card display area is not enough to accommodate a card unit, a partial card unit of a card unit may be displayed in the free space. For example, if the next subsequent card unit is a single card and the free space is not enough to accommodate the single card but only half of the card can be accommodated, half of the card may be displayed in the free space.
[0177] In one embodiment, the terminal may pre-set a display order for each card, so that each card can be displayed in the card display area according to the display order. In the process of moving the card unit originally accommodated, the terminal may determine the subsequent at least next card unit by the display order of each card in the card unit originally accommodated in the card display area, so as to display the subsequent at least next card unit in the vacant position.
[0178] In this embodiment, as the display area occupied by the target card group is reduced when the card units are aggregated to form the target card group, an idle position can be vacated in the card display area, and the idle position is used to display at least one subsequent card unit, so that more card units can be displayed in the card display area. In the process of aggregating the card units to form the target card group, the card units originally contained in the card display area are automatically and dynamically adjusted as the target card group is formed, so that the card units are still arranged adjacently, and the card units displayed subsequently are prevented from being interspersed and displayed between the card units originally contained, so that the boundaries between the card units originally displayed and the card units displayed subsequently are clear, the display is more intuitive, and it is more convenient for users to find information.
[0179] like Figure 6 As shown, it is a schematic diagram of an interface for dynamically adjusting the arrangement layout of card units contained in a card display area as the display area occupied by the target card group is reduced when being aggregated in one embodiment. Figure 6 In the card display area shown in (a), three cards, namely "Listen as you like", "My Music" and "Recently Listened", are displayed. The user aggregates the two cards "Listen as you like" and "My Music". In response to the aggregation operation of "Listen as you like" and "My Music", the terminal moves the card "My Music" to the left and superimposes it on the card "Listen as you like". As "Listen as you like" and "My Music" are aggregated, the terminal moves the card "Recently Listened" originally contained in the card display area, so that the target card group formed by the aggregation of "Listen as you like" and "My Music" and the "Recently Listened" are arranged adjacent to each other in sequence. And in the process of aggregation, at least one subsequent card unit is gradually displayed, such as Figure 6 In the process of moving the card "Recently Heard", at least one subsequent card unit is displayed adjacently in an empty position in the card display area, that is, the card "Soaring List" is displayed in an empty position, such as Figure 6 As shown in (c) in .
[0180] In one embodiment, the method also includes: in response to an expansion operation on a card group in a card display area, expanding the card group corresponding to the expansion operation to form at least two non-overlapping card units; and dynamically adjusting the arrangement layout of the card units contained in the card display area as the display area increases when the at least two card units are expanded.
[0181] Among them, the expansion operation is a preset operation of expanding at least two card units, and the arbitrary operation includes but is not limited to gesture expansion operation, voice expansion operation, cursor expansion operation, key expansion operation, etc. The gesture expansion operation may include at least one of a sliding gesture expansion operation, an air gesture expansion operation, a click gesture expansion operation, and a press gesture expansion operation. The sliding gesture expansion operation may specifically be a single-point sliding expansion operation or a multi-point sliding expansion operation, and the sliding gesture expansion operation is a contact gesture expansion operation. The air gesture expansion operation refers to a non-contact gesture expansion operation, which may specifically refer to a preset distance between the air gesture and the object on which the air gesture acts, or the distance between the two is within a preset distance range. The click gesture expansion operation may specifically be a single-point touch expansion operation or a multi-point touch expansion operation, etc. The press gesture expansion operation may specifically be a single-point press expansion operation or a multi-point press expansion operation, etc. The cursor expansion operation may be an operation of controlling the cursor to perform any one of single-click, double-click, press, or slide to implement expansion. The key expansion operation may be a virtual key expansion operation or a physical key expansion operation, etc., and there is no excessive restriction here.
[0182] Specifically, the user can expand the card group displayed in the card display area, and the terminal responds to the expansion operation of the card group in the card display area, determines the card group affected by the expansion operation, and expands the card group corresponding to the expansion operation to form at least two non-overlapping card units, so as to display the at least two card units in the card display area. The at least two card units include at least one of a single card and a card group.
[0183] A preset number of card units are contained in the card display area. In the process of the terminal expanding the card group in the card display area into at least two card units, as the display area occupied by the card unit formed by the expansion of the target card group in the display area gradually increases, the terminal dynamically adjusts the arrangement layout of the card units contained in the card display area until the at least two card units do not overlap each other in the card display area.
[0184] In one embodiment, dynamically adjusting the arrangement layout of the card units contained in the card display area as the display area occupied by the card units expands to form at least two card units includes:
[0185] As the display area occupied by the card units expands to form at least two card units, the card units originally contained in the card display area are moved so that the card units are arranged adjacent to each other in sequence. In the process of moving the card units originally contained, at least one of the card units originally contained is removed from the card display area to dynamically adjust the arrangement layout of the card units currently contained in the card display area.
[0186] When the card group is expanded to form at least two card units, the display area occupied by the at least two card units formed is larger than the total display area occupied by the card group. In the process of forming at least two card units, the card units originally contained cannot be fully displayed. The terminal removes at least one card unit from the card units originally contained, so that the card group is expanded to form at least two card units that can be displayed flatly in the card display area, thereby realizing dynamic adjustment of the arrangement layout of the card units currently contained in the card display area.
[0187] In one embodiment, as the display area occupied by the card group expands to form at least two card units, the card units originally contained in the card display area cannot be fully displayed, and it is necessary to remove at least a portion of at least one of the card units originally contained from the card display area. During the process of expanding the card group to form at least two card units, at least a portion of at least one card unit is gradually removed from the card display area until the expanded card group forms at least two non-overlapping card units.
[0188] In one embodiment, the at least two card units include at least two cards. In response to an expansion operation on a card group in the card display area, the terminal expands the card group corresponding to the expansion operation to form at least two cards that do not overlap each other.
[0189] In one embodiment, the at least two card units include at least one card and at least one card group. In response to an expansion operation on a single card group in the card display area, the terminal expands the single card group corresponding to the expansion operation to form at least one card and at least one card group. The at least one card and the at least one card group do not overlap each other.
[0190] In one embodiment, the at least two card units include at least two card groups. In response to an expansion operation on a single card group in the card display area, the terminal expands the single card group corresponding to the expansion operation to form at least two non-overlapping card groups.
[0191] In this embodiment, in response to the user's expansion operation on the card group in the card display area, the card group corresponding to the expansion operation is expanded to form at least two card units that do not overlap each other, so that the card group can be expanded to facilitate the user to view the detailed information of the cards in the card group. Following the increase in the display area occupied when the at least two card units are expanded, the arrangement layout of the card units contained in the card display area is dynamically adjusted, so that the card units displayed in the card display area still do not overlap each other, which is convenient for users to find card information.
[0192] In one embodiment, the expansion operation includes a gesture expansion operation; in response to the expansion operation on the card group in the card display area, the card group corresponding to the expansion operation is expanded to form at least two non-overlapping card units, including:
[0193] In the card display area, in response to a gesture expansion operation on at least one card in the card group, at least one card specified by the gesture expansion operation is displayed flatly to form the card group into at least two non-overlapping card units.
[0194] Among them, tile display means that the card unit is fully displayed in the card display area. When the card unit is a single card, the tile display of the single card means that the single card is fully displayed in the card display area. When the card unit is a card group, the tile display of the card group means that the card group is taken as a whole and the card group is fully displayed in the card display area, and each card in the card group still exists in an aggregated form.
[0195] Specifically, the expansion operation includes a gesture expansion operation. The terminal displays at least one card group in the card display area, and the user can expand at least one card in the card group through a gesture. When the terminal detects the user's gesture expansion operation, it determines the card in the card group that the gesture aggregation operation acts on, removes the card that the gesture aggregation operation acts on from the card group, and displays it flatly in the card display area. The flatly displayed card is taken as a card unit, and the remaining cards in the card group except the flatly expanded card are taken as a card unit, thereby obtaining two card units.
[0196] In one embodiment, when there are two cards in a card group, in response to a gesture expansion operation on at least one card in the card group, the two cards in the card group are displayed flatly to obtain two card units.
[0197] In this embodiment, in response to the user's gesture expansion operation on at least one card in the displayed card group, at least one card specified by the gesture expansion operation is displayed flatly, so that a single card can be removed from the card group based on the user's gesture operation and fully displayed to the user, thereby intuitively displaying the detailed information of the card for easy viewing by the user. Each card in the card group that the user does not need to view still exists in the form of a card group, reducing the occupation of the display area.
[0198] like Figure 7 As shown in (a) in the figure, the card display area displays non-overlapping card group 1, the card "Rising Chart" and the card "AA Chart", and card group 1 contains three overlapping cards: "Listen as you like", "My Music" and "Recently Listened". The user expands the card "Recently Listened" in card group 1 through a gesture expansion operation, and the terminal responds to the gesture expansion operation, removes the card "Recently Listened" from card group 1 and displays it flat in the card display area, thereby forming two card units, that is, as shown in FIG. Figure 7 The card unit 2 and the card unit 3 shown in (b) do not overlap each other.
[0199] During the expansion of the card "Recently Heard", as the display area occupied by card unit 2 and card unit 3 increases when expanded, the arrangement layout of the card units contained in the card display area is dynamically adjusted, that is, the arrangement of card unit 2, card unit 3, card "Rising List" and card "AA Ranking" are adjusted, and the card "AA Ranking" is moved out of the card display area.
[0200] In one embodiment, the gesture expansion operation includes a sliding gesture expansion operation; the method further includes:
[0201] When a sliding gesture expansion operation occurs, determine the sliding expansion distance and sliding expansion speed of the sliding gesture expansion operation on at least one card; when at least one of the sliding expansion distance and the sliding expansion speed meets the expansion condition, execute steps in response to the gesture expansion operation for at least one card in the card group.
[0202] The expansion condition refers to the condition for expanding each target card unit into a target card group, and the expansion condition may be at least one of a sliding expansion distance greater than an expansion distance threshold and a sliding expansion speed greater than an expansion speed threshold.
[0203] Specifically, the gesture expansion operation includes a sliding gesture expansion operation. The terminal displays at least one card group in the card display area, and the user can expand at least one card in the card group through a sliding gesture. In response to the sliding gesture expansion operation on at least one card in the card group, the terminal determines each card affected by the sliding gesture expansion operation.
[0204] The terminal detects the sliding expansion distance and sliding expansion speed corresponding to the sliding gesture expansion operation on each card. When at least one of the sliding expansion distance and the sliding expansion speed meets the expansion condition, the terminal responds to the sliding gesture expansion operation on at least one card in the card group, and flattens and displays at least one card specified by the sliding gesture expansion operation, so as to form the card group into at least two card units that do not overlap each other.
[0205] In one embodiment, when at least one of the sliding expansion distance and the sliding expansion speed meets the expansion condition, a step of responding to a gesture expansion operation for at least one card in the card group is executed, including: when there is a sliding expansion distance greater than an expansion distance threshold, and a sliding expansion speed greater than an expansion speed threshold, a step of responding to a gesture expansion operation for at least one card in the card group is executed.
[0206] Specifically, for each card affected by the sliding gesture expansion operation, the terminal determines the sliding expansion distance and sliding expansion speed corresponding to the sliding gesture expansion operation on each card. When the sliding expansion distance corresponding to each card is greater than the expansion distance threshold, each card affected by the sliding gesture expansion operation is tiled and displayed, and the tiled cards do not overlap each other.
[0207] When the sliding expansion speed corresponding to each card is greater than the expansion speed threshold, each card affected by the sliding gesture expansion operation is displayed flatly.
[0208] When the sliding expansion distance corresponding to each card is greater than the expansion distance threshold, and the sliding expansion speed corresponding to each card is greater than the expansion speed threshold, each card affected by the sliding gesture expansion operation is displayed in a tiled manner.
[0209] In other embodiments, when at least one of the sliding expansion distances corresponding to each card is greater than the expansion distance threshold, each card affected by the sliding gesture expansion operation is displayed in a tiled manner.
[0210] When at least one of the sliding expansion speeds corresponding to each card is greater than the expansion speed threshold, each card affected by the sliding gesture expansion operation is displayed in a tiled manner.
[0211] When at least one of the sliding expansion distances corresponding to each card is greater than the expansion distance threshold, and at least one of the sliding expansion speeds corresponding to each card is greater than the expansion speed threshold, each card affected by the sliding gesture expansion operation will be displayed flatly.
[0212] In this embodiment, when a sliding gesture expansion operation occurs, the sliding expansion distance and sliding expansion speed of the sliding gesture expansion operation on at least one card are determined, and the sliding aggregation distance and the sliding aggregation speed are used as judgment conditions for whether the cards in the card group are expanded. The card is expanded only when at least one of the sliding aggregation distance and the sliding aggregation speed meets the expansion condition. This can avoid user misoperation and improve the accuracy of card expansion.
[0213] In one embodiment, the gesture expansion operation includes an air gesture expansion operation; the method further includes:
[0214] When an air gesture expansion operation occurs, the air gesture expansion operation is mapped to the card display area to determine at least one card in the card group on which the air gesture expansion operation acts; determine the moving expansion distance and moving expansion speed corresponding to the air gesture expansion operation acting on at least one card; when at least one of the moving expansion distance and the moving expansion speed meets the expansion condition, execute steps in response to the gesture expansion operation for at least one card in the card group.
[0215] The expansion condition refers to the condition for expanding each target card unit into a target card group, and the expansion condition may be at least one of: a moving expansion distance greater than an expansion distance threshold, and a moving expansion speed greater than an expansion speed threshold.
[0216] Specifically, the gesture expansion operation includes an air gesture expansion operation. The terminal displays at least one card group in the card display area, and the user can expand at least one card in the card group through an air gesture. In response to the air gesture expansion operation on at least one card in the card group, the terminal determines each card affected by the air gesture expansion operation.
[0217] The terminal detects the moving expansion distance and moving expansion speed corresponding to the air gesture expansion operation on each card. When at least one of the moving expansion distance and the moving expansion speed meets the expansion condition, the terminal responds to the air gesture expansion operation on at least one card in the card group, and flattens the at least one card specified by the air gesture expansion operation to form the card group into at least two card units that do not overlap each other.
[0218] In one embodiment, the terminal can detect the user's gesture operation, and when the distance between the user's gesture operation and the card display area is within a preset distance range, further detect whether the gesture operation matches the preset gesture expansion operation. When the distance between the gesture operation and the card display area is within the preset distance range, and the gesture operation matches the preset gesture expansion operation, the gesture operation is determined to be an air gesture expansion operation. Then, the terminal can map the air gesture operation to the card display area to determine at least two target card units affected by the air gesture expansion operation.
[0219] The terminal can detect the feature points of the air gesture expansion operation and map the feature points to the card display area to determine the target card unit affected by the air gesture expansion operation based on the feature points.
[0220] In one embodiment, when at least one of the moving expansion distance and the moving expansion speed meets the expansion condition, a step of responding to a gesture expansion operation for at least one card in the card group is executed, including: when there is a moving expansion distance greater than an expansion distance threshold, and a moving expansion speed greater than an expansion speed threshold, a step of responding to a gesture expansion operation for at least one card in the card group is executed.
[0221] Specifically, for each card affected by the air gesture expansion operation, the terminal determines the corresponding moving expansion distance and moving expansion speed of the air gesture expansion operation on each card. When the moving expansion distance corresponding to each card is greater than the expansion distance threshold, each card affected by the air gesture expansion operation is tiled and displayed, and the tiled cards do not overlap each other.
[0222] When the mobile expansion speed corresponding to each card is greater than the expansion speed threshold, each card affected by the air gesture expansion operation will be displayed flatly.
[0223] When the moving expansion distance corresponding to each card is greater than the expansion distance threshold, and the moving expansion speed corresponding to each card is greater than the expansion speed threshold, each card affected by the air gesture expansion operation will be displayed flatly.
[0224] In other embodiments, when at least one of the moving and expanding distances corresponding to each card is greater than the expansion distance threshold, each card affected by the air gesture expansion operation is displayed flatly.
[0225] When at least one of the moving and expanding speeds corresponding to each card is greater than the expansion speed threshold, each card affected by the air gesture expansion operation will be displayed flatly.
[0226] When at least one of the moving expansion distances corresponding to each card is greater than the expansion distance threshold, and at least one of the moving expansion speeds corresponding to each card is greater than the expansion speed threshold, each card affected by the air gesture expansion operation will be displayed flatly.
[0227] In this embodiment, when an air gesture expansion operation occurs, the moving expansion distance and moving expansion speed of the air gesture expansion operation on at least one card are determined, and the moving aggregation distance and the moving aggregation speed are used as the judgment conditions for whether the cards in the card group are expanded. The card is expanded only when at least one of the moving aggregation distance and the moving aggregation speed meets the expansion condition, which can avoid user misoperation and improve the accuracy of card expansion. In addition, the cards in the card group can be expanded through the air gesture expansion operation, so that the user can expand the card without directly touching the card display area, meeting the user needs in different scenarios.
[0228] like Figure 8 FIG. 8 is a flow chart of a card unit display method in an embodiment. The user runs the application through the terminal to display the card display area on the application interface, thereby executing step S802.
[0229] In step S802, the terminal obtains the stream card data from the server and performs initialization processing on the obtained stream card data to form a card stack, wherein the card stack contains various cards with associated relationships, and then executes step S804.
[0230] Step S804: the terminal initializes the card stack, that is, displays the card units in at least one card stack in the card display area, and the card units displayed in the card display area do not overlap each other. The card unit can be a single card or a card group formed by a plurality of cards.
[0231] Next, step S806 is executed, and each card unit in the card display area starts to monitor the user's gesture touch operation. When the user's gesture is detected, step S808 is executed.
[0232] Step S808 , judging the user's touch gesture to determine whether the touch gesture is the gesture aggregation operation of step S810 or the gesture expansion operation of step S814 .
[0233] When the touch gesture is the gesture aggregation operation of step S810, step S812 is executed, that is, at least two card units affected by the gesture aggregation operation are determined, and the at least two card units are aggregated to form a target card group.
[0234] For example, the terminal detects a user's touch gesture on two card units, and the touch gesture slides the left card unit of the two card units to the right, and slides the right card unit of the two card units to the left. The terminal can use the API (Application Programming Interface) of the VelocityTracker (speed detection) system to calculate the sliding speed. When the sliding distance of the left contact in the left card unit sliding to the right is greater than the distance threshold, the sliding speed is greater than the speed threshold, and the sliding distance of the right contact in the right card unit sliding to the left is greater than the distance threshold, and the sliding speed is greater than the speed threshold, the touch gesture is judged to be a gesture aggregation operation. For example, the sliding distance is greater than 20dp (padding, inner margin), and the sliding speed is greater than 2 cm / second. The overlapping interval of each card after aggregation can be 100dp to form a target card group.
[0235] The sliding speed is determined as follows:
[0236] VelocityTrackermVelocityTracker=VelocityTracker.obtain();
[0237] mVelocityTracker.addMovement(ev);
[0238] mVelocityTracker.computeCurrentVelocity(1000);
[0239] float xVelocity=mVelocityTracker.getXVelocity(); / / Speed
[0240] When the touch gesture is the gesture expansion operation of step S814, step S816 is executed, that is, the card group to which the gesture expansion operation acts is determined, and the card group is expanded into at least two card units.
[0241] For example, the terminal detects a user's touch gesture on a card deck, and the touch gesture slides a card in the card deck to the right. When the sliding distance or sliding speed is greater than the corresponding threshold, such as 20dp, it is determined to be a gesture expansion operation.
[0242] In one embodiment, the expansion operation is a voice expansion operation; in response to the expansion operation on the card group in the card display area, the card group corresponding to the expansion operation is expanded to form at least two non-overlapping card units, including:
[0243] In response to a voice expansion operation on a card group in a card display area, at least one card in the card group affected by the voice expansion operation is displayed flatly, so that the card group is expanded to form at least two non-overlapping card units.
[0244] Specifically, the terminal displays at least one card group in the card display area, and the user can expand the card group through a voice expansion operation. When the terminal detects the user's voice expansion operation, it determines the card group affected by the voice expansion operation, and displays the cards in the card group affected by the voice expansion operation in a tiled manner in the card display area. The terminal can detect the preset number of non-overlapping cards that can be accommodated in the card display area, and determine the number of cards in the card group affected by the voice expansion operation. When the number of cards in the card group is less than or equal to the preset number, all cards in the card group are displayed in a tiled manner in the card display area. When the number of cards in the card group is greater than the preset number, a preset number of cards are selected from the card group and displayed in a tiled manner in the card display area.
[0245] In one embodiment, when the number of cards in the card group is greater than a preset number, the cards in the card group are displayed flatly in the card display area according to the display order, and the number of cards displayed flatly is the same as the preset number accommodated in the card display area. The display order refers to the order between the cards in the card group. For example, the display order of cards A, B, C, and D in the card group is 1, 2, 3, and 4 respectively. When the preset number is 3, cards A, B, and C are displayed flatly in the card area according to the display order.
[0246] In one embodiment, the expansion operation is a voice expansion operation; in response to the expansion operation on the card group in the card display area, the card group corresponding to the expansion operation is expanded to form at least two non-overlapping card units, including:
[0247] In response to a voice expansion operation on a card group in a card display area, all cards in the card group affected by the voice expansion operation are displayed in a tiled manner, and the tiled cards do not overlap each other.
[0248] Specifically, the expansion operation is a voice expansion operation, which refers to an operation of flatly displaying all cards in a card group through voice. The terminal displays at least one card group in the card display area, and the user can expand the card group through the voice expansion operation. When the terminal detects the user's voice expansion operation, it determines the card group affected by the voice expansion operation, and flatly displays all cards in the card group affected by the voice expansion operation in the card display area, and the flatly displayed cards do not overlap each other.
[0249] For example, when the terminal detects that the user performs a voice expansion operation on the card group A in the card display area, all cards in the card group A are displayed in a tiled manner.
[0250] In one embodiment, in response to a voice expansion operation on at least two card groups in a card display area, all cards in the at least two card groups affected by the voice expansion operation are displayed in a tiled manner, and the tiled cards do not overlap each other.
[0251] In this embodiment, through the user's voice expansion operation, all cards in the card group specified by the voice expansion operation are displayed flatly in the card display area, so that the user can expand each card in the card group through voice, and the operation is quick and simple.
[0252] In one embodiment, the method is executed by a vehicle-mounted terminal, the card display area is a display area provided by a display screen of the vehicle-mounted terminal, and the card is provided by at least one vehicle-mounted application running on the vehicle-mounted terminal.
[0253] Specifically, the vehicle-mounted terminal runs the vehicle-mounted application. The display screen 900 of the vehicle-mounted terminal provides an icon display area 910 and a display area 920 for the relevant data of each vehicle-mounted application. The icon display area 910 displays the home page icon and the application icons of each vehicle-mounted application, such as the home page icon 912, the music application icon 914, the e-book application icon 916, etc. Fig. 9 As shown in (a) in .
[0254] When the homepage icon 912 is in the selected state, the vehicle terminal displays data of at least one vehicle application in the display area 920, and the data of each vehicle application is presented in the form of a card. Fig. 9 As shown in (b) of FIG. 9 , the card “Listen as you like”, the card “My Music”, the card “Recently Listened”, and part of the card “Rising Chart” in the music application corresponding to the music application icon 914 are displayed in the display area 920. The cards displayed in the display area 920 do not overlap each other. The display areas occupied by the cards in the display area 920 may be the same or different.
[0255] The vehicle terminal defines different card stacks for each card in the vehicle application, and each card in the same card stack can be aggregated into a group.
[0256] like Fig.10 As shown in (a) in FIG. 1 , when the user pinches the card “Listen as you like” and the card “My Music” together, the vehicle terminal moves the card “My Music” to the left and superimposes it on the card “Listen as you like”. In addition, the left edges of the two superimposed cards are spaced 2 cm apart, resulting in the following: Fig.10 Card set A shown in (b) in .
[0257] The card "Listen as you like", the card "My Music" and the card "Listen Recently" are set in the same card stack. When the user pinches the card group A and the card "Listen Recently", the vehicle terminal moves the card "Listen Recently" to the left and superimposes it on the card "Listen as you like" in the card group A. In addition, the left edge of the superimposed card "Listen Recently" and the left edge of the card "Listen as you like" in the card group A are 2 cm apart.
[0258] In the same way, the user can stack related cards into card groups, so that each card group can be displayed in the card display area, such as Fig.10 The card group B, the card group "Music Ranking" and the card group "Learning Zone" shown in (c) of FIG. The cards have an association relationship, which means that the cards belong to the same card stack.
[0259] like Fig.11 As shown in (a) in FIG. 1 , when the user slides the card “recently listened” in the card group B to the right, the vehicle terminal removes the card “recently listened” from the card group B and displays it flatly in the card display area, as shown in FIG. Fig.11 as shown in (b).
[0260] Furthermore, as the card "Recently Heard" is gradually slid to the right to expand, the vehicle terminal gradually slides the card group "Music Ranking" and the card group "Learning Zone" to the right until the card "Recently Heard" is fully displayed in the card display area. Also, as the display area occupied by the card "Recently Heard" increases during the expansion process, the card group "Learning Zone" may be removed from the card display area, such as Fig.11 as shown in (b).
[0261] In this embodiment, the card unit display method is applied to the vehicle terminal, so that the driver can realize the aggregation or expansion of information through a simple operation while driving the vehicle, and the driver does not need to slide to search for information multiple times, thereby improving the efficiency of information search. In addition, the driver does not need to pay attention to the information displayed on the display screen for a long time, which can reduce driving accidents.
[0262] Optionally, the user can aggregate the cards in the same card stack into a card group through voice, or expand the cards in the card group through voice, thereby improving the efficiency of information search. In addition, the driver can directly aggregate and expand the cards through voice while driving the vehicle, thereby improving driving safety.
[0263] In one embodiment, a card unit display method is provided, comprising:
[0264] The terminal obtains the categories to which each card belongs, and classifies the cards belonging to the same category into the same card stack corresponding to the category.
[0265] For cards without belonging to a category, the terminal classifies the cards without belonging to a category into the same card stack, and the cards in the same card stack can be aggregated to form a card group.
[0266] The terminal displays a plurality of non-overlapping card units in a card display area, and the plurality of card units include at least one of a single card and a card group.
[0267] Optionally, when a sliding gesture aggregation operation occurs, the terminal may respectively determine a sliding aggregation distance and a sliding aggregation speed corresponding to the sliding gesture aggregation operation acting on at least two target card units.
[0268] When at least one of the sliding aggregation distance and the sliding aggregation speed meets the aggregation condition, in response to the sliding gesture aggregation operation on at least two target card units among multiple card units, according to the card stacks to which each target card unit belongs, each target card unit under the same card stack is superimposed at a preset interval to form a target card group; the cards in the same target card group belong to the same card stack.
[0269] Optionally, when at least one of the sliding aggregation distance and the sliding aggregation speed meets the aggregation condition, the terminal converts each of the at least two target card units affected by the sliding gesture aggregation operation into a corresponding thumbnail card unit; according to the card stacks to which each target card unit belongs, the thumbnail card units under the same card stack are aggregated to form a target card group.
[0270] Optionally, when at least one of the sliding aggregation distance and the sliding aggregation speed meets the aggregation condition, the terminal will aggregate at least two target card units affected by the sliding gesture, and each card unit between the two target card units, according to the card stacks to which each target card unit belongs, and stack each target card unit under the same card stack according to a preset spacing to form a target card group.
[0271] Optionally, when at least one of the sliding aggregation distance and the sliding aggregation speed meets the aggregation condition, the terminal converts at least two target card units affected by the sliding gesture aggregation operation and each card unit between the two target card units into corresponding thumbnail card units; according to the card stacks to which each target card unit belongs, the thumbnail card units under the same card stack are aggregated to form a target card group.
[0272] Optionally, when at least one of the sliding aggregation distance and the sliding aggregation speed satisfies the aggregation condition, the terminal aggregates all cards under the card stack corresponding to at least two target card units affected by the sliding gesture aggregation operation according to the corresponding card stack to form at least one target card group. The aggregation method can be to stack the target card units corresponding to the same card stack according to a preset spacing to form a card group, or to convert the target card units corresponding to the same card stack into corresponding thumbnail card units, and aggregate the thumbnail card units into a target card group.
[0273] Optionally, when an air gesture aggregation operation occurs, the air gesture aggregation operation is mapped to the card display area to determine at least two target card units affected by the air gesture aggregation operation; the moving aggregation distance and moving aggregation speed corresponding to the air gesture aggregation operation acting on at least two target card units are determined respectively; when at least one of the moving aggregation distance and the moving aggregation speed meets the aggregation condition, according to the card stacks to which each target card unit belongs, the target card units under the same card stack are aggregated into a target card group to form at least one target card group. The aggregation method is the same as that of the sliding gesture aggregation operation, which can be superimposed at a preset spacing or converted into corresponding thumbnail card units, which will not be repeated here.
[0274] Optionally, in response to a voice aggregation operation on at least two target card units among multiple card units, the terminal aggregates all cards under the card stacks corresponding to the at least two target card units specified by the voice aggregation operation according to the corresponding card stacks to form at least one target card group.
[0275] As the display area occupied by the target card group is reduced when it is aggregated, the terminal moves the card units originally contained in the card display area so that the card units are arranged adjacent to each other in sequence, and in the process of moving the originally contained card units, at least one subsequent card unit is displayed adjacent to a vacant position in the card display area to dynamically adjust the arrangement layout of the card units currently contained in the card display area.
[0276] When a sliding gesture expansion operation occurs, the terminal determines a sliding expansion distance and a sliding expansion speed of the sliding gesture expansion operation on at least one card.
[0277] When at least one of the sliding expansion distance and the sliding expansion speed meets the expansion condition, the terminal flatly displays at least one card slid by the sliding gesture expansion operation to form the card group into at least two non-overlapping card units.
[0278] Optionally, when an air gesture expansion operation occurs, the terminal maps the air gesture expansion operation to the card display area to determine at least one card in the card group on which the air gesture expansion operation acts.
[0279] The terminal determines the moving expansion distance and moving expansion speed corresponding to the air gesture expansion operation on at least one card; when at least one of the moving expansion distance and the moving expansion speed meets the expansion condition, the terminal will tile at least one card affected by the air gesture expansion operation to form the card group into at least two non-overlapping card units.
[0280] Optionally, in response to a voice expansion operation on a card group in the card display area, the terminal displays all cards in the card group affected by the voice expansion operation in a tiled manner, and the tiled cards do not overlap each other.
[0281] As the display area occupied by the card units expands to form at least two card units, the terminal dynamically adjusts the arrangement layout of the card units contained in the card display area.
[0282] In this embodiment, multiple non-overlapping card units are displayed in the card display area, and the multiple card units include at least one of a single card and a card group. In response to a sliding gesture aggregation operation on at least two target card units among the multiple card units, the sliding aggregation distance and sliding aggregation speed corresponding to the sliding gesture aggregation operation are used as judgment conditions for whether each target card unit is aggregated, which can avoid card aggregation caused by user misoperation. In addition, multiple aggregation methods such as sliding gesture aggregation operation and air gesture aggregation operation are provided, so that users can achieve aggregation of multiple cards through a single contact aggregation operation or a non-contact aggregation operation, which can meet the needs of users in different scenarios and is simple to operate. Multiple cards can be quickly classified into a group through a single gesture aggregation operation, which can improve the efficiency of card aggregation, and more cards can be displayed in the card display area, making it easier for users to find.
[0283] In response to the user's sliding expansion operation on the card group in the card display area, the card group corresponding to the sliding expansion operation is expanded to form at least two card units that do not overlap each other, so that the card group can be expanded to facilitate the user to view the detailed information of the cards in the card group. Following the increase in the display area occupied when the at least two card units are expanded, the arrangement layout of the card units contained in the card display area is dynamically adjusted so that the card units displayed in the card display area still do not overlap each other, which is convenient for the user to view the card information.
[0284] Users can use voice to aggregate cards in the same card stack to form a card group, or expand the cards in the card group through voice. Aggregating and expanding cards through voice is easier to operate and is suitable for different users in a variety of scenarios.
[0285] It should be understood that although Figure 2 , Figure 8 The steps in the flowchart are shown in sequence as indicated by the arrows, but these steps are not necessarily executed in the order indicated by the arrows. Unless otherwise specified in this document, there is no strict order restriction for the execution of these steps, and these steps can be executed in other orders. Moreover, Figure 2 , Figure 8 At least part of the steps may include multiple steps or multiple stages. These steps or stages are not necessarily performed at the same time, but can be performed at different times. The execution order of these steps or stages is not necessarily sequential, but can be performed in turn or alternately with other steps or at least part of the steps or stages in other steps.
[0286] In one embodiment, Fig.12 As shown, a card unit display device 1200 is provided. The device can adopt a software module or a hardware module, or a combination of the two to become a part of a computer device. The device specifically includes: a display module 1202 and an aggregation module 1204, wherein:
[0287] The display module 1202 is used to display a plurality of non-overlapping card units in a card display area, where the plurality of card units include at least one of a single card and a card group.
[0288] The aggregation module 1204 is used to aggregate the at least two target card units in response to the aggregation operation on at least two target card units in the plurality of card units to form at least one target card group; the cards in the same target card group have an association relationship.
[0289] In this embodiment, a plurality of non-overlapping card units are displayed in the card display area, and the plurality of card units include at least one of a single card and a card group. In response to an aggregation operation on at least two target card units among the plurality of card units, the at least two target card units are aggregated into at least one target card group, and the cards in the same target card group have an association relationship, so that the associated cards can be aggregated through the aggregation operation, thereby reducing the area occupied by the cards in the card display area. Aggregating and displaying the cards can display more cards in the card display area, making it easier for users to find the cards they need, thereby improving the efficiency of users in finding information.
[0290] In one embodiment, the aggregation module 1204 is also used to respond to the aggregation operation on at least two target card units among multiple card units, and aggregate the target card units under the same card stack into a target card group according to the card stacks to which each target card unit belongs, so as to form at least one target card group.
[0291] In this embodiment, in response to the aggregation operation for at least two target card units among the multiple card units, the target card units under the same card stack are aggregated into a group according to the card stacks to which the target card units belong, so that the associated cards can be quickly classified into the same group through simple operations, thereby realizing intelligent aggregation of cards. In addition, aggregating multiple cards into a group can reduce the display area occupied by the card units.
[0292] In one embodiment, the aggregation operation includes a gesture aggregation operation; the aggregation module 1204 is also used to aggregate the target card units under the same card stack into a target card group for the two target card units acted upon by the gesture aggregation operation, and the target card units between the two target card units, according to the card stacks to which the target card units belong, so as to form at least one target card group; or, determine the target card stacks corresponding to at least two target card units acted upon by the gesture aggregation operation, and aggregate all card units under the same target card stack into a target card group to form at least one target card group.
[0293] In this embodiment, in response to a gesture aggregation operation on two target card units among multiple card units, the two target card units on which the gesture aggregation operation acts and each card unit between the two target card units can be aggregated into a group, thereby quickly classifying multiple cards into a group through one gesture aggregation operation, thereby improving the efficiency of card aggregation.
[0294] In one embodiment, the gesture aggregation operation includes a sliding gesture aggregation operation; the device also includes: an aggregation condition judgment module; an aggregation condition judgment module, which is used to determine the sliding aggregation distance and sliding aggregation speed corresponding to the sliding gesture aggregation operation acting on at least two target card units respectively when the sliding gesture aggregation operation occurs; when at least one of the sliding aggregation distance and the sliding aggregation speed meets the aggregation condition, execute steps in response to the aggregation operation on at least two target card units among multiple card units.
[0295] In this embodiment, in response to a sliding gesture aggregation operation on at least two target card units among multiple card units, the sliding aggregation distance and the sliding aggregation speed corresponding to the sliding gesture aggregation operation acting on the at least two target card units are determined respectively, and the sliding aggregation distance and the sliding aggregation speed are used as judgment conditions for whether each target card unit is aggregated, which can avoid card aggregation caused by user misoperation.
[0296] In one embodiment, the gesture aggregation operation includes an air gesture aggregation operation; the device also includes: an aggregation condition judgment module; an aggregation condition judgment module, which is used to map the air gesture aggregation operation to the card display area when the air gesture aggregation operation occurs, so as to determine at least two target card units acted on by the air gesture aggregation operation; respectively determine the moving aggregation distance and moving aggregation speed corresponding to the air gesture aggregation operation acting on at least two target card units; when at least one of the moving aggregation distance and the moving aggregation speed meets the aggregation condition, execute steps in response to the aggregation operation on at least two target card units among multiple card units.
[0297] In this embodiment, the air gesture aggregation operation is mapped to the card display area, and each target card unit affected by the air gesture aggregation operation can be determined, thereby determining the movement aggregation distance and movement aggregation speed corresponding to the air gesture aggregation operation in each target card unit. The movement aggregation distance and movement aggregation speed are used as the judgment conditions for whether each target card unit is aggregated, which can avoid card aggregation caused by user misoperation. In addition, by aggregating multiple cards of the same card stack through the air gesture aggregation operation, when it is inconvenient for the user to achieve card aggregation through direct contact, a non-contact gesture method for achieving card aggregation is provided to the user, which can meet the needs of users in different scenarios and is easy to operate.
[0298] In one embodiment, the aggregation operation includes a voice aggregation operation; the aggregation module 1204 is also used to determine the target card stack corresponding to at least two target card units specified by the voice aggregation operation, and aggregate all card units under the same target card stack into a target card group to form at least one target card group.
[0299] In this embodiment, through the user's voice aggregation operation, all cards under the card stack corresponding to each target card unit specified by the voice aggregation operation are aggregated according to the corresponding card stack, and multiple cards in the card stack can be quickly aggregated. The user can aggregate cards through voice, and the operation is quick and simple.
[0300] In one embodiment, the device also includes: a division module; a division module, used to obtain the categories to which each card belongs, and divide the cards belonging to the same category into the same card stack corresponding to the category; for cards that do not belong to a category, the cards that do not belong to a category are divided into the same card stack.
[0301] In this embodiment, cards belonging to the same category are grouped into the same card stack corresponding to the category, so that the corresponding card stack can be quickly defined directly according to the card category. Cards without belonging to any category are grouped into the same card stack to achieve the definition of the card stack of the cards without belonging to any category.
[0302] In one embodiment, the aggregation module 1204 is also used to superimpose at least two target card units affected by the aggregation operation at a preset interval to form at least one target card group; or, convert each card unit of the at least two target card units affected by the aggregation operation into a corresponding thumbnail card unit, and aggregate the thumbnail card units to form at least one target card group.
[0303] In this embodiment, at least two target card units affected by the aggregation operation are superimposed at a preset interval, so that each card in the superimposed target card group can be partially displayed to display partial information of each card, which is convenient for users to search.
[0304] By converting each card unit affected by the aggregation operation into a corresponding thumbnail card unit, the card unit can be displayed in thumbnail form, so that the card unit occupies a smaller display area. By aggregating thumbnail card units, related cards can be classified into the same group, making it easier for users to find the cards they need.
[0305] In one embodiment, the aggregation module 1204 is also used to determine at least two target card units specified by the aggregation operation when an aggregation operation occurs; slide the cards on the right side of the at least two target card units that belong to the same target card stack in order from left to right and cover the cards on the left side with a preset spacing to obtain a target card group corresponding to the corresponding target card stack, so as to finally form at least one target card group; wherein, the cards covered with a preset spacing in each target card group display at most a portion of the card content.
[0306] In this embodiment, for each card belonging to the same card stack in the card unit specified by the aggregation operation, the cards on the right are slid in sequence from left to right and covered on the cards on the left with a preset spacing, so that each card in the target card group formed by the superposition can be partially displayed to display partial information of each card, which is convenient for users to find.
[0307] In one embodiment, the device further includes an adjustment module; the adjustment module is used to dynamically adjust the arrangement layout of the card units contained in the card display area as the display area occupied by the target card group is reduced when being aggregated.
[0308] In this embodiment, as the display area occupied by the target card group is reduced when it is aggregated, the arrangement layout of the displayed card units is dynamically adjusted, so that the aggregation of cards and the dynamic adjustment of the card display area can be achieved simultaneously through the user's aggregation operation, and the operation is simple.
[0309] In one embodiment, the adjustment module is also used to move the card units originally contained in the card display area as the display area occupied by the target card group is reduced, so that the card units are arranged adjacent to each other in sequence, and in the process of moving the originally contained card units, at least one subsequent card unit is displayed adjacent to a vacant position in the card display area, so as to dynamically adjust the arrangement layout of the card units currently contained in the card display area.
[0310] In this embodiment, as the display area occupied by the target card group is reduced when the card units are aggregated to form the target card group, an idle position can be vacated in the card display area, and the idle position is used to display at least one subsequent card unit, so that more card units can be displayed in the card display area. In the process of aggregating the card units to form the target card group, the card units originally contained in the card display area are automatically and dynamically adjusted as the target card group is formed, so that the card units are still arranged adjacently, and the card units displayed subsequently are prevented from being interspersed and displayed between the card units originally contained, so that the boundaries between the card units originally displayed and the card units displayed subsequently are clear, the display is more intuitive, and it is more convenient for users to find information.
[0311] In one embodiment, the device further comprises an expansion module; the expansion module is used to respond to an expansion operation on a card group in the card display area, and expand the card group corresponding to the expansion operation to form at least two non-overlapping card units;
[0312] The adjustment module is also used to dynamically adjust the arrangement layout of the card units contained in the card display area as the display area occupied by the card units increases when the card units are expanded to form at least two card units.
[0313] In this embodiment, in response to the user's expansion operation on the card group in the card display area, the card group corresponding to the expansion operation is expanded to form at least two card units that do not overlap each other, so that the card group can be expanded to facilitate the user to view the detailed information of the cards in the card group. Following the increase in the display area occupied when the at least two card units are expanded, the arrangement layout of the card units contained in the card display area is dynamically adjusted, so that the card units displayed in the card display area still do not overlap each other, which is convenient for users to find card information.
[0314] In one embodiment, the expansion operation includes a gesture expansion operation; the expansion module is also used to, in the card display area, respond to a gesture expansion operation on at least one card in the card group, and flatly display at least one card specified by the gesture expansion operation to form the card group into at least two non-overlapping card units.
[0315] In this embodiment, in response to the user's gesture expansion operation on at least one card in the displayed card group, at least one card specified by the gesture expansion operation is displayed flatly, so that a single card can be removed from the card group based on the user's gesture operation and fully displayed to the user, thereby intuitively displaying the detailed information of the card for easy viewing by the user. Each card in the card group that the user does not need to view still exists in the form of a card group, reducing the occupation of the display area.
[0316] In one embodiment, the gesture expansion operation includes a sliding gesture expansion operation; the device also includes: an expansion condition judgment module; the expansion condition judgment module is also used to determine the sliding expansion distance and sliding expansion speed of the sliding gesture expansion operation on at least one card when the sliding gesture expansion operation occurs; when at least one of the sliding expansion distance and the sliding expansion speed meets the expansion condition, execute the step of responding to the gesture expansion operation for at least one card in the card group.
[0317] In this embodiment, when a sliding gesture expansion operation occurs, the sliding expansion distance and sliding expansion speed of the sliding gesture expansion operation on at least one card are determined, and the sliding aggregation distance and the sliding aggregation speed are used as judgment conditions for whether the cards in the card group are expanded. The card is expanded only when at least one of the sliding aggregation distance and the sliding aggregation speed meets the expansion condition. This can avoid user misoperation and improve the accuracy of card expansion.
[0318] In one embodiment, the gesture expansion operation includes an air gesture expansion operation; the device also includes: an expansion condition judgment module; the expansion condition judgment module is also used to map the air gesture expansion operation to the card display area when the air gesture expansion operation occurs, so as to determine at least one card in the card group affected by the air gesture expansion operation; determine the moving expansion distance and moving expansion speed corresponding to the air gesture expansion operation acting on at least one card; when at least one of the moving expansion distance and the moving expansion speed meets the expansion condition, execute the step of responding to the gesture expansion operation for at least one card in the card group.
[0319] In this embodiment, when an air gesture expansion operation occurs, the moving expansion distance and moving expansion speed of the air gesture expansion operation on at least one card are determined, and the moving aggregation distance and the moving aggregation speed are used as the judgment conditions for whether the cards in the card group are expanded. The card is expanded only when at least one of the moving aggregation distance and the moving aggregation speed meets the expansion condition, which can avoid user misoperation and improve the accuracy of card expansion. In addition, the cards in the card group can be expanded through the air gesture expansion operation, so that the user can expand the card without directly touching the card display area, meeting the user needs in different scenarios.
[0320] In one embodiment, the expansion operation is a voice expansion operation; the expansion module is also used to respond to the voice expansion operation on the card group in the card display area, and to tile all cards in the card group affected by the voice expansion operation, and the tiled cards do not overlap each other.
[0321] In this embodiment, through the user's voice expansion operation, all cards in the card group specified by the voice expansion operation are displayed flatly in the card display area, so that the user can expand each card in the card group through voice, and the operation is quick and simple.
[0322] In one embodiment, the device is executed by a vehicle-mounted terminal, the card display area is a display area provided by a display screen of the vehicle-mounted terminal, and the card is provided by at least one vehicle-mounted application running on the vehicle-mounted terminal.
[0323] In this embodiment, the card unit display method is applied to the vehicle terminal, so that the driver can realize the aggregation or expansion of information through a simple operation while driving the vehicle, and the driver does not need to slide to search for information multiple times, thereby improving the efficiency of information search. In addition, the driver does not need to pay attention to the information displayed on the display screen for a long time, which can reduce driving accidents.
[0324] Optionally, the user can aggregate the cards in the same card stack into a card group through voice, or expand the cards in the card group through voice, thereby improving the efficiency of information search. In addition, the driver can directly aggregate and expand the cards through voice while driving the vehicle, thereby improving driving safety.
[0325] The specific definition of the card unit display device can be found in the definition of the card unit display method above, which will not be repeated here. Each module in the above card unit display device can be implemented in whole or in part by software, hardware and a combination thereof. Each of the above modules can be embedded in or independent of the processor in the computer device in the form of hardware, or can be stored in the memory of the computer device in the form of software, so that the processor can call and execute the operations corresponding to each of the above modules.
[0326] In one embodiment, a computer device is provided. The computer device may be a terminal, and its internal structure diagram may be as follows: Fig.13As shown. The computer device includes a processor, a memory, a communication interface, a display screen and an input device connected through a system bus. Among them, the processor of the computer device is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The communication interface of the computer device is used to communicate with an external terminal in a wired or wireless manner, and the wireless manner can be achieved through WIFI, an operator network, NFC (near field communication) or other technologies. When the computer program is executed by the processor, a card unit display method is implemented. The display screen of the computer device can be a liquid crystal display screen or an electronic ink display screen, and the input device of the computer device can be a touch layer covered on the display screen, or a button, trackball or touchpad set on the computer device housing, or an external keyboard, touchpad or mouse, etc.
[0327] Those skilled in the art will understand that Fig.13 The structure shown in the figure is only a block diagram of a part of the structure related to the solution of the present application, and does not constitute a limitation on the computer device to which the solution of the present application is applied. The specific computer device may include more or fewer components than those shown in the figure, or combine certain components, or have a different arrangement of components.
[0328] In one embodiment, a computer device is further provided, including a memory and a processor, wherein a computer program is stored in the memory, and the processor implements the steps in the above method embodiments when executing the computer program.
[0329] In one embodiment, a computer-readable storage medium is provided, storing a computer program, which implements the steps in the above method embodiments when executed by a processor.
[0330] In one embodiment, a computer program product or computer program is provided, the computer program product or computer program includes computer instructions, the computer instructions are stored in a computer-readable storage medium. A processor of a computer device reads the computer instructions from the computer-readable storage medium, and the processor executes the computer instructions, so that the computer device performs the steps in the above-mentioned method embodiments.
[0331] Those of ordinary skill in the art can understand that all or part of the processes in the above-mentioned embodiment methods can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to memory, storage, database or other media used in the embodiments provided in this application can include at least one of non-volatile and volatile memory. Non-volatile memory may include read-only memory (ROM), magnetic tape, floppy disk, flash memory or optical memory, etc. Volatile memory may include random access memory (RAM) or external cache memory. As an illustration and not limitation, RAM can be in various forms, such as static random access memory (SRAM) or dynamic random access memory (DRAM).
[0332] The technical features of the above embodiments may be arbitrarily combined. To make the description concise, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this specification.
[0333] The above-mentioned embodiments only express several implementation methods of the present application, and the descriptions thereof are relatively specific and detailed, but they cannot be understood as limiting the scope of the invention patent. It should be pointed out that, for a person of ordinary skill in the art, several variations and improvements can be made without departing from the concept of the present application, and these all belong to the protection scope of the present application. Therefore, the protection scope of the patent of the present application shall be subject to the attached claims.
Claims
1. A card unit display method, characterized in that: The method comprises: Displaying a plurality of card units that do not overlap each other in the card display area, wherein the plurality of card units include at least one of a single card and a card group; In response to an aggregation operation on at least two target card units among the plurality of card units, determining the card stacks to which the at least two target card units acted by the aggregation operation respectively belong; When the at least two target card units belong to the same card stack, aggregating the at least two target card units into a target card group; When the at least two target card units belong to different card stacks, the target card units belonging to the same card stack are aggregated into a target card group according to the card stacks to which the at least two target card units respectively belong, so as to form at least one target card group; the target card group includes at least two target card units of the same card stack in a partially overlapping manner, and at least one card unit that is not aggregated among the multiple card units remains in a non-overlapping manner, and the cards in the same target card group have an association relationship.
2. The method according to claim 1, characterized in that: The aggregation operation includes a gesture aggregation operation, wherein the target card units belonging to the same card stack are aggregated into a target card group according to the card stacks to which the at least two target card units respectively belong, so as to form at least one target card group, including: For the two target card units acted upon by the gesture aggregation operation, and the target card units between the two target card units, according to the card stacks to which the target card units belong, the target card units belonging to the same card stack are aggregated into a target card group to form at least one target card group; or, Determine the target card stacks corresponding to at least two target card units acted upon by the gesture aggregation operation, aggregate all card units under the same target card stack into a target card group, so as to form at least one target card group.
3. The method according to claim 2, characterized in that The gesture aggregation operation is a sliding gesture aggregation operation, and the method further includes: When a sliding gesture aggregation operation occurs, respectively determining a sliding aggregation distance and a sliding aggregation speed corresponding to the sliding gesture aggregation operation acting on the at least two target card units; When at least one of the sliding convergence distance and the sliding convergence speed satisfies a convergence condition, the step of responding to the convergence operation on at least two target card units among the plurality of card units is performed.
4. The method according to claim 2, characterized in that: The gesture aggregation operation is an air gesture aggregation operation, and the method further includes: When an air gesture aggregation operation occurs, mapping the air gesture aggregation operation to the card display area to determine at least two target card units acted upon by the air gesture aggregation operation; Respectively determine the moving convergence distance and the moving convergence speed corresponding to the air gesture convergence operation acting on the at least two target card units; When at least one of the moving aggregation distance and the moving aggregation speed satisfies an aggregation condition, the step of responding to the aggregation operation on at least two target card units among the plurality of card units is performed.
5. The method according to claim 1, characterized in that The aggregation operation includes a voice aggregation operation, wherein the target card units belonging to the same card stack are aggregated into a target card group according to the card stacks to which the at least two target card units belong respectively, so as to form at least one target card group, including: Determine a target card stack corresponding to at least two target card units specified by the voice aggregation operation, aggregate all card units belonging to the same target card stack into a target card group, so as to form at least one target card group.
6. The method according to claim 1, characterized in that The method further comprises: Obtain the categories to which each card belongs, and group the cards belonging to the same category into the same card stack corresponding to the category; For cards that do not belong to a category, the cards that do not belong to a category are grouped into the same card stack.
7. The method according to claim 1, characterized in that Aggregating the at least two target card units to form at least one target card group includes: The at least two target card units acted upon by the aggregation operation are superimposed according to a preset interval to form at least one target card group; or, Each of the at least two target card units affected by the aggregation operation is converted into a corresponding thumbnail card unit, and the thumbnail card units are aggregated to form at least one target card group.
8. The method according to claim 7, characterized in that The step of superimposing the at least two target card units acted upon by the aggregation operation according to a preset interval to form at least one target card group includes: When an aggregation operation occurs, determining at least two target card units specified by the aggregation operation; For each card in the at least two target card units that belongs to the same target card stack, slide the card on the right side in order from left to right and cover the card on the left side with a preset spacing to obtain a target card group corresponding to the corresponding target card stack, so as to finally form at least one target card group; wherein, the cards covered with a preset spacing in each target card group display at most a part of the card content.
9. The method according to claim 1, characterized in that: The method further comprises: As the display area occupied by the target card group is reduced when being aggregated, the arrangement layout of the card units contained in the card display area is dynamically adjusted.
10. The method according to claim 9, characterized in that The dynamically adjusting the arrangement layout of the card units contained in the card display area as the display area occupied by the target card group is reduced when being aggregated includes: As the display area occupied by the target card group is reduced when it is aggregated, the card units originally contained in the card display area are moved so that the card units are arranged adjacent to each other in sequence, and in the process of moving the originally contained card units, at least one subsequent card unit is displayed adjacent to a vacant position in the card display area to dynamically adjust the arrangement layout of the card units currently contained in the card display area.
11. The method according to claim 1, characterized in that: The method further comprises: In response to an expansion operation on a card group in the card display area, the card group corresponding to the expansion operation is expanded to form at least two card units that do not overlap each other; As the display area occupied by the card units increases when the card units are expanded to form at least two card units, the arrangement layout of the card units contained in the card display area is dynamically adjusted.
12. The method according to claim 11, characterized in that The expansion operation includes a gesture expansion operation; in response to the expansion operation on the card group in the card display area, the card group corresponding to the expansion operation is expanded to form at least two non-overlapping card units, including: In the card display area, in response to a gesture expansion operation on at least one card in the card group, at least one card specified by the gesture expansion operation is displayed flatly to form the card group into at least two non-overlapping card units.
13. The method according to claim 12, characterized in that The gesture expansion operation includes a sliding gesture expansion operation; and the method further includes: When a sliding gesture expansion operation occurs, determining a sliding expansion distance and a sliding expansion speed of the sliding gesture expansion operation on the at least one card; When at least one of the sliding expansion distance and the sliding expansion speed satisfies an expansion condition, the step of responding to a gesture expansion operation on at least one card in the card group is performed.
14. The method according to claim 12, characterized in that The gesture expansion operation includes an air gesture expansion operation; and the method further includes: When an air gesture expansion operation occurs, mapping the air gesture expansion operation to the card display area to determine at least one card in the card group on which the air gesture expansion operation acts; Determine a moving expansion distance and a moving expansion speed corresponding to the air gesture expansion operation acting on the at least one card; When at least one of the moving and unfolding distance and the moving and unfolding speed satisfies an unfolding condition, the step of responding to a gesture unfolding operation on at least one card in the card group is performed.
15. The method according to claim 11, characterized in that The expansion operation is a voice expansion operation; in response to the expansion operation on the card group in the card display area, the card group corresponding to the expansion operation is expanded to form at least two non-overlapping card units, including: In response to a voice expansion operation on a card group in the card display area, all cards in the card group affected by the voice expansion operation are displayed in a tiled manner, and the tiles do not overlap each other.
16. The method according to any one of claims 1 to 15, characterized in that The method is executed by a vehicle-mounted terminal, the card display area is a display area provided by a display screen of the vehicle-mounted terminal, and the card is provided by at least one vehicle-mounted application running on the vehicle-mounted terminal.
17. A card unit display device, characterized in that: The device comprises: A display module, used for displaying a plurality of card units that do not overlap each other in a card display area, wherein the plurality of card units include at least one of a single card and a card group; An aggregation module is used to determine, in response to an aggregation operation on at least two target card units among the multiple card units, the card stacks to which the at least two target card units affected by the aggregation operation belong respectively; when the at least two target card units belong to the same card stack, the at least two target card units are aggregated into a target card group; when the at least two target card units belong to different card stacks, the target card units belonging to the same card stack are aggregated into a target card group according to the card stacks to which the at least two target card units belong respectively, so as to form at least one target card group; the target card group contains at least two target card units of the same card stack in a partially overlapping manner, at least one card unit among the multiple card units that is not aggregated remains in a non-overlapping manner, and the cards in the same target card group have an association relationship.
18. The device according to claim 17, characterized in that The aggregation operation includes a gesture aggregation operation, and the aggregation module is further used to aggregate the target card units belonging to the same card stack into a target card group according to the card stacks to which the target card units belong, for the two target card units acted upon by the gesture aggregation operation and the target card units between the two target card units, so as to form at least one target card group; or The aggregation module is further used to determine the target card stacks corresponding to at least two target card units affected by the gesture aggregation operation, and aggregate all card units under the same target card stack into a target card group to form at least one target card group.
19. The device according to claim 18, characterized in that The gesture aggregation operation is a sliding gesture aggregation operation, and the device further includes: The aggregation condition judgment module is used to determine the sliding aggregation distance and sliding aggregation speed corresponding to the sliding gesture aggregation operation acting on the at least two target card units respectively when a sliding gesture aggregation operation occurs; when at least one of the sliding aggregation distance and the sliding aggregation speed meets the aggregation condition, execute the step of responding to the aggregation operation on at least two target card units among the multiple card units.
20. The device according to claim 18, characterized in that The gesture aggregation operation is an air gesture aggregation operation, and the device further includes: A aggregation condition judgment module is used to map the air gesture aggregation operation to the card display area when the air gesture aggregation operation occurs, so as to determine at least two target card units affected by the air gesture aggregation operation; respectively determine the moving aggregation distance and moving aggregation speed corresponding to the air gesture aggregation operation acting on the at least two target card units; when at least one of the moving aggregation distance and the moving aggregation speed meets the aggregation condition, execute the step of responding to the aggregation operation on at least two target card units among the multiple card units.
21. The device according to claim 17, characterized in that The aggregation operation includes a voice aggregation operation. The aggregation condition judgment module is also used to determine the target card stack corresponding to at least two target card units specified by the voice aggregation operation, and aggregate all card units belonging to the same target card stack into a target card group to form at least one target card group.
22. The device according to claim 17, characterized in that The device also includes: The division module is used to obtain the categories to which each card belongs, and to divide the cards belonging to the same category into the same card stack corresponding to the category; for cards without belonging to a category, the cards without belonging to a category are divided into the same card stack.
23. The device according to claim 17, characterized in that The aggregation module is also used to stack the target card units belonging to the same card stack according to a preset spacing to form at least one target card group; or, convert each card unit in the target card units belonging to the same card stack into a corresponding thumbnail card unit, and aggregate the thumbnail card units to form at least one target card group.
24. The device according to claim 23, characterized in that The aggregation module is also used to determine at least two target card units specified by the aggregation operation when an aggregation operation occurs; slide the cards on the right side of the at least two target card units that belong to the same target card stack in order from left to right and cover the cards on the left side with a preset spacing to obtain a target card group corresponding to the corresponding target card stack, so as to finally form at least one target card group; wherein the cards covered with a preset spacing in each target card group display at most a portion of the card content.
25. The device according to claim 17, characterized in that The device also includes: The adjustment module is also used to dynamically adjust the arrangement layout of the card units contained in the card display area as the display area occupied by the target card group is reduced when being aggregated.
26. The device according to claim 25, characterized in that The adjustment module is also used to move the card units originally contained in the card display area as the display area occupied by the target card group is reduced when it is aggregated, so that the card units are arranged adjacent to each other in sequence, and in the process of moving the originally contained card units, at least one subsequent card unit is displayed adjacent to a vacant position in the card display area, so as to dynamically adjust the arrangement layout of the card units currently contained in the card display area.
27. The device according to claim 17, characterized in that The device also includes: The adjustment module is also used to respond to an expansion operation on the card group in the card display area, expand the card group corresponding to the expansion operation to form at least two non-overlapping card units; and dynamically adjust the arrangement layout of the card units contained in the card display area as the display area occupied by the at least two card units increases.
28. The device according to claim 27, characterized in that The expansion operation includes a gesture expansion operation; the expansion module is also used to, in the card display area, respond to a gesture expansion operation on at least one card in the card group, and flatly display at least one card specified by the gesture expansion operation to form the card group into at least two non-overlapping card units.
29. The device according to claim 28, characterized in that The gesture expansion operation includes a sliding gesture expansion operation; and the device further includes: The expansion condition judgment module is also used to determine the sliding expansion distance and sliding expansion speed of the sliding gesture expansion operation on the at least one card when a sliding gesture expansion operation occurs; when at least one of the sliding expansion distance and the sliding expansion speed meets the expansion condition, execute the step of responding to the gesture expansion operation on at least one card in the card group.
30. The device according to claim 28, characterized in that The gesture expansion operation includes an air gesture expansion operation; and the device further includes: The expansion condition judgment module is also used to map the air gesture expansion operation to the card display area when an air gesture expansion operation occurs, so as to determine at least one card in the card group on which the air gesture expansion operation acts; determine the moving expansion distance and moving expansion speed corresponding to the air gesture expansion operation acting on the at least one card; when at least one of the moving expansion distance and the moving expansion speed meets the expansion condition, execute the step of responding to the gesture expansion operation on at least one card in the card group.
31. The device according to claim 27, characterized in that The expansion operation is a voice expansion operation; the expansion module is also used to respond to the voice expansion operation on the card group in the card display area, and to flatly display all cards in the card group affected by the voice expansion operation, and the flatly displayed cards do not overlap each other.
32. The device according to any one of claims 17 to 31, characterized in that The device is executed by a vehicle-mounted terminal, the card display area is a display area provided by a display screen of the vehicle-mounted terminal, and the card is provided by at least one vehicle-mounted application running on the vehicle-mounted terminal.
33. A computer device comprising a memory and a processor, wherein the memory stores a computer program, characterized in that: When the processor executes the computer program, the steps of the method according to any one of claims 1 to 16 are implemented.
34. A computer-readable storage medium storing a computer program, characterized in that: When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 16 are implemented.
35. A computer program product comprising a computer program, characterized in that When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 16 are implemented.
Citation Information
Patent Citations
Application card operating method, apparatus and vehicle
CN108920056A
Communication terminal and card display method of negative screen interface
CN111124219A