Card display method and device, electronic equipment and storage medium

Abstract

The invention discloses a card display method and device, electronic equipment and a storage medium, the card display method comprises the steps that a first interface is displayed, the first interface comprises a target display area corresponding to a target container, the target container comprises a card sleeve container list, the card sleeve container list comprises a plurality of card sleeve containers, and the card sleeve containers are arranged in the target display area; the plurality of card sleeve containers are in one-to-one correspondence with a plurality of card groups, each card group comprises at least one card, and the plurality of card sleeve containers comprise card sleeve containers located in the target display area; in response to a sliding operation in the target display area, adjusting the position of each card sleeve container relative to the target display area; and in response to ending of the sliding operation, controlling the target card sleeve container to be centrally displayed in the target display area based on the current position of each card sleeve container relative to the target display area. According to the method, a user can conveniently check the card displayed in the interface.

Description

Technical Field

[0001] The present application relates to the technical field of electronic devices, and more specifically, to a card display method, device, electronic device and storage medium. Background Art

[0002] With the rapid advancement of technology and living standards, electronic devices (such as smart phones, tablet computers, etc.) have become one of the commonly used electronic products in people's lives. In order to facilitate users to quickly obtain relevant information, cards (i.e., widgets or small components) are increasingly used. However, since the display space in the interface is limited when the card is displayed, only a limited number of cards can be displayed in the interface, which causes inconvenience to users when viewing the cards. Summary of the invention

[0003] The present application proposes a card display method, device, electronic device and storage medium, which can facilitate users to view the cards displayed in the interface.

[0004] In a first aspect, an embodiment of the present application provides a card display method, the method comprising: displaying a first interface, the first interface comprising a target display area corresponding to a target container, the target container comprising a card sleeve container list, the card sleeve container list comprising a plurality of card sleeve containers, the plurality of card sleeve containers corresponding one-to-one to a plurality of card groups, each card group comprising at least one card, the plurality of card sleeve containers comprising a card sleeve container located in the target display area; in response to a sliding operation in the target display area, adjusting the position of each card sleeve container relative to the target display area; in response to ending the sliding operation, controlling the target card sleeve container to be displayed centered in the target display area based on the current position of each card sleeve container relative to the target display area.

[0005] In a second aspect, an embodiment of the present application provides a card display device, the device comprising: an interface display module, a position adjustment module and a card sleeve display module, wherein the interface display module is used to display a first interface, the first interface includes a target display area corresponding to a target container, the target container includes a card sleeve container list, the card sleeve container list includes a plurality of card sleeve containers, the plurality of card sleeve containers correspond one-to-one to a plurality of card groups, each card group includes at least one card, and the plurality of card sleeve containers include a card sleeve container located in the target display area; the position adjustment module is used to adjust the position of each card sleeve container relative to the target display area in response to a sliding operation in the target display area; the card sleeve display module is used to control the target card sleeve container to be displayed centered in the target display area based on the current position of each card sleeve container relative to the target display area in response to ending the sliding operation.

[0006] In a third aspect, an embodiment of the present application provides an electronic device, comprising: one or more processors; a memory; one or more applications, wherein the one or more applications are stored in the memory and configured to be executed by the one or more processors, and the one or more applications are configured to execute the card display method provided in the first aspect above.

[0007] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium, in which a program code is stored. The program code can be called by a processor to execute the card display method provided in the first aspect above.

[0008] The solution provided by the present application is to display a first interface, wherein the first interface includes a target display area corresponding to a target container, the target container includes a card sleeve container list, the card sleeve container list includes multiple card sleeve containers, multiple card sleeve containers correspond to multiple card groups one by one, each card group includes at least one card, and multiple card sleeve containers include a card sleeve container located in the target display area. In response to a sliding operation in the target display area, the position of each card sleeve container relative to the target display area is adjusted. In response to ending the sliding operation, based on the current position of each card sleeve container relative to the target display area, the target card sleeve container is controlled to be displayed in the center of the target display area. Thus, it can be achieved by setting a list including multiple card sleeve containers in a container for displaying cards, each card sleeve container includes at least one card, and can control the corresponding card sleeve container in the list to be located in the display area according to the sliding operation, so that the user can control different card groups to be displayed in the interface according to the sliding operation, thereby facilitating the user to view the cards displayed in the interface and improving the efficiency of the user to view the cards. BRIEF DESCRIPTION OF THE DRAWINGS

[0009] In order to more clearly illustrate the technical solutions in the embodiments of the present application, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For those skilled in the art, other drawings can be obtained based on these drawings without creative work.

[0010] Figure 1 A schematic flow chart of a card display method according to an embodiment of the present application is shown.

[0011] Figure 2 A schematic diagram of an interface provided in an embodiment of the present application is shown.

[0012] Figure 3 A schematic diagram of an interface provided in an embodiment of the present application is shown.

[0013] Figure 4A schematic diagram of an interface provided in an embodiment of the present application is shown.

[0014] Figure 5 A schematic flow chart of a card display method according to another embodiment of the present application is shown.

[0015] Figure 6 A schematic flow chart of a card display method according to another embodiment of the present application is shown.

[0016] Figure 7 A schematic diagram showing the principle of adjusting the position of the ferrule container in an embodiment of the present application is shown.

[0017] Figure 8 A schematic diagram showing the principle of adjusting the position of the ferrule container in an embodiment of the present application is shown.

[0018] Fig. 9 A schematic diagram showing the principle of adjusting the position of the ferrule container in an embodiment of the present application is shown.

[0019] Fig.10 A schematic diagram showing the principle of adjusting the position of the ferrule container in an embodiment of the present application is shown.

[0020] Fig.11 A schematic diagram showing the layout structure of the interface interaction provided in an embodiment of the present application is shown.

[0021] Fig.12 A schematic flow chart of a card display method according to another embodiment of the present application is shown.

[0022] Fig.13 A schematic diagram showing the principle of controlling the target card sleeve container to be displayed centrally in the target display area provided in an embodiment of the present application is shown.

[0023] Fig.14 A block diagram of a card display device according to an embodiment of the present application is shown.

[0024] Fig.15 It is a block diagram of an electronic device for executing a card display method according to an embodiment of the present application.

[0025] Fig.16 It is a storage unit of an embodiment of the present application for storing or carrying a program code for implementing a card display method according to an embodiment of the present application. DETAILED DESCRIPTION

[0026] In order to enable those skilled in the art to better understand the solution of the present application, the technical solution in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application.

[0027] With the improvement of science and technology, the amount of information users obtain from their mobile phones every day has increased significantly. However, the existing information acquisition methods have the problems of long paths and low efficiency, which makes it impossible for users to quickly and effectively obtain the required information. In order to optimize this process, widgets, that is, desktop widgets or cards, are designed in current electronic devices to enable users to quickly obtain information and functions from cards. Among them, cards refer to tiny application views that can be embedded in other applications, such as embedded in applications such as the desktop of electronic devices.

[0028] When an electronic device displays a card in an interface, since the card occupies display space, and the display space of the interface is limited, the electronic device can only display a limited number of cards. When the user needs to view more cards, the user needs to trigger the card preview interface through operation, and select the card to be viewed in the preview interface before switching the card. Therefore, the user is less efficient in viewing cards.

[0029] In view of the above problems, the inventors have proposed a card display method, device, electronic device and storage medium provided in the embodiments of the present application, which can be realized by setting a list including multiple card sleeve containers in a container for displaying cards, each card sleeve container includes at least one card, and can control the corresponding card sleeve container in the list to be located in the display area according to the sliding operation, so that the user can control different card groups to be displayed in the interface according to the sliding operation, thereby facilitating the user to view the cards displayed in the interface and improving the efficiency of the user to view the cards. Among them, the specific card display method is described in detail in the subsequent embodiments.

[0030] The card display method provided in the embodiment of the present application is described in detail below with reference to the accompanying drawings.

[0031] See also Figure 1 , Figure 1 FIG. 1 is a flow chart of a card display method provided by an embodiment of the present application. In a specific embodiment, the card display method is applied to Fig.14 The card display device 500 and the electronic device 100 ( Fig.15 ). The following will take an electronic device as an example to illustrate the specific process of this embodiment. Of course, it can be understood that the electronic device used in this embodiment can be a smart phone, a tablet computer, a smart watch, an e-book, a laptop computer, etc., which is not limited here. Figure 1 The process shown is described in detail, and the card display method may specifically include the following steps:

[0032] Step S110: Display a first interface, wherein the first interface includes a target display area corresponding to a target container, wherein the target container includes a card sleeve container list, wherein the card sleeve container list includes multiple card sleeve containers, wherein the multiple card sleeve containers correspond one-to-one to multiple card groups, wherein each card group includes at least one card, and wherein the multiple card sleeve containers include a card sleeve container located in the target display area.

[0033] Among them, the above target container can be a view container for displaying cards. A view container is a component or element used to contain and organize other view components or elements. These contained view components can be text, images, buttons, input boxes, etc. The first interface displayed by the electronic device includes a display area corresponding to the target container (as a target display area). The target display area can also be understood as a visible area corresponding to the target container, that is, an area that can be viewed by the user.

[0034] The electronic device can display a first interface including the target display area corresponding to the above target container. The above first interface can be any interface displayed by the electronic device. For example, the first interface can be the system desktop, or it can be the interface of the negative one screen of the system, or it can be the application interface of an application running in the foreground of the electronic device, which is not limited here. Among them, the negative one screen refers to sliding the screen to the right on the main screen of the electronic device until sliding to the user interface of the leftmost split screen. The negative one screen can be used to place some quick service functions and notification messages, such as global search, quick entry to a page of an application (payment code, WeChat, etc.), instant messages and reminders (express information, expenditure information, commuting conditions, taxi travel information, schedule information, etc.) and attention to dynamics (football stands, basketball stands, stock information, etc.).

[0035] In an embodiment of the present application, the above target container may include a card sleeve container list, which may include multiple card sleeve containers, and the multiple card sleeve containers correspond one to one with multiple card groups, that is, each card sleeve container includes a card group, and each card group includes at least one card. In addition, the multiple card sleeve containers include a card sleeve container located in the above target display area. Among them, the card sleeve container located in the target display area is the card sleeve container currently displayed in the interface, and the position of the currently displayed card sleeve container is located in the above target display area. That is to say, in the first interface displayed by the electronic device, there is a card sleeve container located in the target display area, and the cards included in the card group corresponding to the card sleeve container are displayed in the target display area. In addition, due to the limited display space in the interface, the card sleeve container in the target display area can be a part of the card sleeve container in the above card sleeve container list, for example, it can be a card sleeve container in the above card sleeve container list.

[0036] In some embodiments, a card is a form in which an electronic device presents information to a user, and may include information such as pictures, texts, links, controls, etc. on the same subject. For example, weather cards, stock cards, and news cards, etc. A card may also be an entrance to an application (APP) corresponding to a card. A user may operate the card to open the application corresponding to the card, so that the electronic device presents the interface of the application corresponding to the card to the user, so that the user may view more detailed information on the interface. Further, after opening the application corresponding to the card, the user may perform corresponding operations on the interface of the application to meet his or her needs. For example, the application corresponding to a weather card is weather. The user may open the application weather by operating the weather card, so that the electronic device presents the interface of the weather to the user. The user may operate the weather interface to set the information displayed on the weather card, or view the weather conditions of a certain city, etc., to meet his or her needs.

[0037] In a possible implementation, the card may also be an entrance to one or more services provided by the application corresponding to the card, and the user may open the service provided by the application corresponding to the card by operating the card, so that the electronic device presents the service interface of the application corresponding to the card to the user. That is, when the electronic device displays the above first interface, it may switch the displayed interface to the second interface in response to an operation on the card displayed in the target display area, and the second interface is the service interface of the application corresponding to the operated card.

[0038] In the embodiment of the present application, there may be multiple ways to generate the cards in the above card group.

[0039] In a possible implementation, the electronic device may generate a card corresponding to the target application in response to a first operation on an application icon of the target application. The first operation may be at least one of a two-finger press operation, a long press operation, a click operation, or a slide operation, which is not specifically limited here. Exemplarily, the two-finger press operation and the long press operation may be operations that trigger card conversion for all application icons, the click operation may be an operation that triggers card conversion for one application icon, and the slide operation may be an operation that triggers card conversion for at least one application icon, which is not specifically limited here.

[0040] In a possible implementation, a corresponding card may also be generated based on the current display scene and the scene data corresponding to the current display scene. When generating a corresponding card based on the current display scene and the scene data corresponding to the current display scene, cards corresponding to different display scenes may be generated based on preset display rules.

[0041] Optionally, different scene data correspond to different display rules. After the scene data is obtained, the corresponding display rules can be determined based on the obtained scene data, and then the card corresponding to the current display scene can be generated based on the corresponding display rules. Among them, the display rules refer to the card display rules. Each card has different display scenes. For example, the sports card adopts different display states under different motion states of the user. When walking, the silhouette of the walking person and the color indication of the motion intensity are displayed in combination; when running, the silhouette of the running person and the corresponding color indication of the running motion intensity are displayed in combination. For another example, when the display card is a ticket card, the channel information of the ticket purchase is displayed before the ticket purchase, and the content information of the purchased ticket is displayed after the ticket purchase is completed. Therefore, it is necessary to confirm what type of card mode is used for display by collecting scene data. The scene data is data information that can confirm the current display mode, for example, by detecting the vibration amplitude of the mobile phone to determine what kind of motion state the user is in; by collecting the capacity of the memory space to determine the internal occupancy rate; by sending acquisition information to the server, collecting updated information content, etc.

[0042] Optionally, different cards have different card functions, so each card has its corresponding card display rules. The card display rules include the generation rules of the card's own graphic style and color, and also include the display rules for the card display data. For example, when the card is used to display the user's exercise status, different card colors are used to represent the user's current exercise intensity according to the length of the exercise time. The data displayed on the card also includes the mapped user's exercise items. When the user is in a walking state, a walking person silhouette icon is displayed; when the user is in a running state, a running person silhouette icon is displayed, etc. The main purpose of the different display rules of the card is to display the data that the card needs to display in a striking manner, so as to facilitate the purpose of user identification. Therefore, in this embodiment, the differentiated display that is conducive to user identification can be used in cards that implement different functions, rather than being limited to the above-mentioned embodiments.

[0043] In some embodiments, the cards in the above card groups may be determined according to user operations. For example, the electronic device may move the cards to the above target display area in response to an operation on the cards displayed in the interface to form a card group. For another example, the electronic device may display a card combination configuration interface, and the electronic device may determine each card group configured by the user according to the operation in the combination configuration interface.

[0044] In some embodiments, the above card groups may also be card groups generated by smart assistants in electronic devices. Smart assistants can use intent-aware technology to generate card groups for providing suggestions to users, so as to increase the activity of applications and ensure that services receive more exposure and efficient conversion in specific scenarios. Among them, smart assistants are software programs that use artificial intelligence technology to help users complete various tasks and provide the required information and services. For example, when a user travels, a card group consisting of cards corresponding to "flight information" and cards corresponding to "nearby power banks" can be provided; when traveling abroad, a card group consisting of cards corresponding to "Internet packages" and cards corresponding to "real-time translation" can be provided; in daily life, a card group consisting of cards corresponding to "to-do reminders" can be provided.

[0045] In some embodiments, when the operation of the card sleeve container in the target display area is not detected, the number of card sleeve containers displayed in the above target display area can be 1, that is, the electronic device only displays one card group in the interface, and other card sleeve containers in the above card sleeve container list except the card sleeve container corresponding to the card group are not displayed in the target display area. The number of cards in the card group can be determined according to the size of the card and the size of the target display area corresponding to the above target container. For example, the size of the target display area is 2*4, and the size of the card can be 2*4, 2*2 and 1*2. Then, the card group can include 1 2*4 card, 2 2*2 cards, or 1 2*2 and 2 1*2 cards.

[0046] Step S120: In response to a sliding operation in the target display area, adjusting the position of each card sleeve container relative to the target display area.

[0047] In an embodiment of the present application, when the electronic device displays the above first interface, it can detect the operation in the first interface. When a sliding operation in the target display area of ​​the above first interface is detected, the position of each card sleeve container relative to the above target display area can be adjusted in response to the sliding operation, so that different card sleeve containers can be located in the above target display area. Among them, the sliding direction of the above sliding operation can be parallel to the arrangement direction dimension of the card sleeve container in the card sleeve container list. For example, the arrangement direction dimension of the card sleeve container is the column direction dimension of the screen, then the sliding direction of the above sliding operation can also be the column direction.

[0048] In some embodiments, the electronic device may store the position of each ferrule container in the above ferrule container list relative to the above target display area at the current moment, that is, store the relative position relationship between each ferrule container and the above target display area. When adjusting the position of each ferrule container relative to the target display area in response to the above sliding operation, the position of each ferrule container relative to the target display area can be controlled to move in the arrangement direction dimension of the ferrule containers in the ferrule container list according to the sliding direction of the sliding operation, so that the position of each ferrule container relative to the target display area changes, and different ferrule containers can be located in the above target display area.

[0049] In some embodiments, when the electronic device adjusts the position of each ferrule container relative to the target display area in response to a sliding operation in the target display area, since the position of the ferrule container in the ferrule container list relative to the target display area changes, different ferrule containers are located in the target display area, and when any ferrule container is located in the target display area, the ferrule container is displayed in the target display area. In other words, when the ferrule container is located in the target display area, the ferrule container is visible to the user.

[0050] Step S130: In response to ending the sliding operation, based on the current position of each card sleeve container relative to the target display area, control the target card sleeve container to be displayed in the center of the target display area.

[0051] In an embodiment of the present application, upon detecting the end of the above sliding operation, the electronic device can respond to the end of the sliding operation, obtain the current position of each card sleeve container in the above card sleeve container list relative to the above target display area, and control the target card sleeve container to be displayed in the center of the target display area based on the current position of each card sleeve container relative to the above target display area. That is to say, after the user changes the position of each card sleeve container in the above card sleeve container list relative to the target display area through the sliding operation, the card sleeve container located in the target display area can be changed, so that different card sleeve containers can be switched to be displayed in the above target display area, that is, different card groups are displayed in the above target display area. After the user finds the card group he needs through the sliding operation, he can end the sliding operation, and then the electronic device can control the card sleeve container currently located in the target display area to be displayed in the center of the above target display area according to the current position of each card sleeve container relative to the target display area, thereby finally completing the purpose of switching different card groups.

[0052] In some embodiments, when adjusting the position of each ferrule container relative to the target display area according to the above sliding operation, there may be a situation where multiple ferrule containers are located in the target display area at the same time. In this case, the ferrule container that needs to be centered in the target display area can be determined from the multiple ferrule containers currently located in the target display area, that is, the ferrule container that is actually switched in the target display area. Among them, the electronic device can determine the ferrule container that needs to be centered in the target display area from the multiple ferrule containers currently located in the target display area according to the set rules, and display the determined ferrule container (as the target ferrule container) in the center of the above target display area.

[0053] For example, see Figure 2 , Figure 3 and Figure 4 , electronic devices display Figure 2 In the case of the desktop A1 shown, the desktop A1 includes a target display area A2 corresponding to the target container, and the target display area A2 includes a card sleeve container, and the card sleeve container includes a card group, and the card group includes 2 cards; after detecting a sliding operation in the column direction in the target display area A2, the position of each card sleeve container relative to the target display area A2 can be adjusted according to the sliding operation, and after the card sleeve container located in the target display area A2 changes, the card sleeve container displayed in the target display area A2 will change, for example, as Figure 3 As shown, the portion of the above card sleeve container and the portion of another card sleeve container are located in the target display area A2, and the card group corresponding to the other card sleeve container includes 1 card, then the portion of the card sleeve container and the portion of the other card sleeve container are both displayed in the target display area; please refer to Figure 4 After the sliding operation is completed, if the other card sleeve container is the determined target card sleeve container, the card sleeve container can be displayed in the center of the target display area A2.

[0054] The card display method provided in the embodiment of the present application can be implemented by setting a list including multiple card sleeve containers in a container for displaying cards, each card sleeve container includes at least one card, and can control the corresponding card sleeve container in the list to be located in the display area according to a sliding operation, so that the user can control different card groups to be displayed in the interface according to the sliding operation, thereby facilitating the user to view the cards displayed in the interface and improving the efficiency of the user to view the cards; in addition, since each card sleeve container corresponds to a card group, the data of the cards in the card group is bound to the card sleeve container when adjusting, so that when different card groups in the control list are located in the above display area, the data of the cards in the card group will not be frequently removed and added from the card sleeve container, thereby improving the processing efficiency and reducing the power consumption of the electronic device.

[0055] See also Figure 5 , Figure 5 A schematic diagram of a card display method provided by another embodiment of the present application is shown. The card display method is applied to the above electronic device. Figure 5 The process shown is described in detail, and the card display method may specifically include the following steps:

[0056] Step S210: Display a first interface, wherein the first interface includes a target display area corresponding to a target container, wherein the target container includes a card sleeve container list, wherein the card sleeve container list includes multiple card sleeve containers, wherein the multiple card sleeve containers correspond one-to-one to multiple card groups, wherein each card group includes at least one card, wherein the multiple card sleeve containers include a card sleeve container located in the target display area, and wherein an arrangement direction dimension of the card sleeve containers in the card sleeve container list is parallel to a target extension direction of the target display area.

[0057] In an embodiment of the present application, the arrangement direction dimension of the card sleeve containers in the above card sleeve container list is parallel to the target extension direction of the target display area. The target extension direction can be the length direction, that is, the row direction of the screen of the electronic device. The target extension direction can also be the width direction, that is, the column direction of the screen of the electronic device.

[0058] Step S220: In response to a sliding operation on the arrangement direction dimension in the target display area, each card sleeve container is controlled to scroll in a first direction of the arrangement direction dimension to change the position of each card sleeve container relative to the target display area, and the first direction is the sliding direction of the sliding operation.

[0059] In an embodiment of the present application, when the electronic device detects a sliding operation in the above target display area of ​​the first interface, it can determine whether the detected sliding operation is a sliding operation in the above arrangement direction dimension, that is, whether the sliding direction of the sliding operation is parallel to the arrangement direction dimension; if the sliding operation is a sliding operation in the above arrangement direction dimension, then the electronic device can respond to the sliding operation and control each of the card sleeve containers to scroll in the first direction of the arrangement direction dimension (the sliding direction of the sliding operation) to change the position of each card sleeve container relative to the target display area, so that different card sleeve containers are located in the above target display area. In addition, if the detected sliding operation is not a sliding operation in the above arrangement direction dimension, the position of each card sleeve container relative to the target display area is not adjusted.

[0060] In some embodiments, the above arrangement direction dimension can be the column direction dimension of the screen. In this way, when the electronic device displays the above first interface, the user can display different card groups in the target display area by sliding up or down in the target display area.

[0061] In some embodiments, the above arrangement direction dimension may also be the row direction dimension of the screen. In this way, when the electronic device displays the above first interface, the user can display different card groups in the target display area by sliding left or right in the target display area.

[0062] In some embodiments, the electronic device controls each ferrule container to scroll in the first direction according to the above sliding operation, and can control the ferrule container list as a whole to move in the first direction along with the above sliding operation. That is, while keeping the relative position relationship between the ferrule containers in the ferrule container list unchanged, control each ferrule container to move in the first direction along with the above sliding operation.

[0063] In a possible implementation, the moving distance of the card sleeve container list as a whole in the first direction corresponds to the sliding distance of the above sliding operation. Optionally, the moving distance of the card sleeve container list as a whole in the first direction is positively correlated with the sliding distance of the above sliding operation, that is, the larger the sliding distance of the sliding operation, the larger the moving distance of the card sleeve container list as a whole in the first direction, and vice versa, the smaller the sliding distance of the sliding operation, the smaller the moving distance of the card sleeve container list as a whole in the first direction.

[0064] Step S230: In response to ending the sliding operation, based on the current position of each card sleeve container relative to the target display area, control the target card sleeve container to be displayed in the center of the target display area.

[0065] In some embodiments, when the electronic device controls each card sleeve container to scroll in the first direction above according to the sliding operation, since the distance that the user can slide when performing the sliding operation is limited, the scrolling distance of the card sleeve container controlled by one sliding operation is also limited. Therefore, after the sliding operation is completed and the corresponding card sleeve container is controlled to be displayed in the center of the target display area above, the electronic device can also control each card sleeve container to scroll in the first direction above according to the user performing the sliding operation in the above arrangement direction dimension again, and after the sliding operation is completed, the corresponding card sleeve container is controlled to be displayed in the center of the target display area above. Thus, the user can display the card group required by the user in the target display area through multiple sliding operations.

[0066] The card display method provided in the embodiment of the present application can be implemented by setting a list including multiple card sleeve containers in a container for displaying cards, each card sleeve container includes at least one card, and can control the card sleeve container to scroll in the arrangement direction dimension according to the sliding operation in the arrangement direction dimension of the card sleeve container, so that the user can control different card groups to be displayed in the interface according to the sliding operation, thereby facilitating the user to view the cards displayed in the interface and improving the efficiency of the user to view the cards; and, since each card sleeve container corresponds to a card group, the data of the cards in the card group is bound to the card sleeve container when adjusting, so that when different card groups in the control list are located in the above display area, the data of the cards in the card group will not be frequently removed and added from the card sleeve container, thereby improving the processing efficiency and reducing the power consumption of the electronic device.

[0067] See also Figure 6 , Figure 6 A schematic diagram of a card display method according to another embodiment of the present application is shown. The card display method is applied to the above electronic device. Figure 6 The process shown is described in detail, and the card display method may specifically include the following steps:

[0068] Step S310: Display a first interface, wherein the first interface includes a target display area corresponding to a target container, wherein the target container includes a card sleeve container list, wherein the card sleeve container list includes multiple card sleeve containers, wherein the multiple card sleeve containers correspond one-to-one to multiple card groups, wherein each card group includes at least one card, wherein the multiple card sleeve containers include a card sleeve container located in the target display area, and wherein an arrangement direction dimension of the card sleeve containers in the card sleeve container list is parallel to a target extension direction of the target display area.

[0069] In the embodiment of the present application, step S310 can refer to the contents of the aforementioned embodiment and will not be described again here.

[0070] Step S320: In response to a sliding operation on the arrangement direction dimension in the target display area, each card sleeve container is controlled to scroll in a first direction of the arrangement direction dimension to change the position of each card sleeve container relative to the target display area, and the first direction is the sliding direction of the sliding operation.

[0071] In some embodiments, when the electronic device detects a sliding operation in the above target display area of ​​the first interface, it can also display a quantity indicator of the card sleeve containers, which can be used to indicate the number of card sleeve containers, thereby providing a reference for the user when switching card decks.

[0072] In some embodiments, when the electronic device detects a sliding operation in the target display area above the first interface, it can also display a background mask corresponding to the target container, where the background mask is used to indicate the range of the target display area so that the user is aware of the visible area of ​​the target container.

[0073] Step S330: If the position of the first ferrule container in the ferrule container list located in the first direction relative to the target display area meets the first position condition, the first ferrule container is moved to the first position in the second direction of the ferrule container list, and the second direction is opposite to the first direction.

[0074] In the embodiment of the present application, when each card sleeve container is controlled to scroll in the first direction according to the sliding operation in the above arrangement direction dimension in the target display area, in order to enable the card sleeve containers in the card sleeve container list to scroll infinitely in the first direction, that is, the user can switch the card group by sliding infinitely, therefore, it is also possible to move the first card sleeve container in the card sleeve container list to the first position in the second direction in the card sleeve container list when the position of the first card sleeve container in the first direction relative to the target display area meets the first position condition, and the second direction is opposite to the first direction. In this way, the card sleeve container in the card sleeve container list can be continuously moved from the first position in the scrolling direction to the first position in the opposite direction during the scrolling process, so that the card sleeve container list always has card sleeve containers located after the above target display area in the first direction, so that when the card sleeve containers in the card sleeve container list are controlled to scroll in the first direction, card sleeve containers can be continuously moved to the above target display area, and then the user can switch the cards in a roulette-like manner by sliding infinitely in the above arrangement direction dimension.

[0075] In addition, since each card sleeve container corresponds to a card group when implementing infinite sliding roulette-style card switching, the first card sleeve container in the sliding direction is moved to the corresponding position, instead of adding and removing card data in the card sleeve container at the corresponding position, the processing efficiency of the electronic device can be improved, the processing amount of the electronic device can be reduced, and the power consumption of the electronic device can be reduced.

[0076] In some embodiments, the above arrangement direction dimension may be a column dimension of the screen. In the case where the above first direction is the upward direction of the column dimension, that is, the above sliding operation is an upward sliding operation on the screen, then when the first card sleeve container in the upward direction is outside the target display area, the first card sleeve container is moved to the lowest position in the card sleeve container list in the column dimension. It can be understood that in the case where the above first direction is the upward direction, the card sleeve containers in the entire card sleeve container list are moving upward, then after the card sleeve container located in the target display area moves out of the target display area, it can be recycled, and the recycled card sleeve container is moved to the lowest position in the column dimension, that is, the last position from top to bottom in the card sleeve container list in the column dimension.

[0077] For example, see Figure 7 , Figure 7 The schematic diagram shows the principle of adjusting the position of the card sleeve container relative to the target display area when the sliding operation is in the upward direction of the column direction dimension, wherein the user visible area B1 includes the target display area B2 ( Figure 7 The background mask corresponding to the target container is shown in FIG. 1 ) and the number indicator B3 of the card sleeve container. If the first card sleeve container B4 in the upward direction is completely scrolled out of the target display area B2, the first card sleeve container B4 will be recycled; and, please refer to Figure 8 , move the recovered card sleeve container B4 to the first position in the downward direction of the column direction dimension (i.e. the bottom position). It should be noted that, Figure 7 Middle and Figure 8 The card sleeve container shown in is for illustration only. The card sleeve container is visible only when the card sleeve container is located in the target display area, and the card sleeve container not located in the target display area is invisible to the user.

[0078] In addition, when the first direction is the downward direction of the column dimension, that is, the sliding operation is a downward sliding operation on the screen, then when the distance between the first card sleeve container in the downward direction and the target display area is greater than the target distance, the first card sleeve container is moved to the top position in the column dimension of the card sleeve container list. It can be understood that when the first direction is the downward direction, the card sleeve containers in the entire card sleeve container list are moving downward, then after the card sleeve container located below the target display area and the farthest from the target display area is greater than the target distance from the target display area, it can be recycled and the recycled card sleeve container is moved to the top position in the column dimension, that is, the first position from top to bottom in the column dimension in the card sleeve container list. Among them, the above target distance can be determined according to the number of card sleeve containers. Optionally, the target distance can be: (the total number of card sleeve containers-2)*the height of a single card sleeve container in the column dimension, and the height of each card sleeve container can be the same.

[0079] For example, see Fig. 9 , Fig. 9 The schematic diagram shows the principle of adjusting the position of the card sleeve container relative to the target display area when the sliding operation is in the downward direction of the column direction dimension, wherein the user visible area B1 includes the target display area B2 ( Fig. 9 The background mask corresponding to the target container is shown in the figure) and the number indicator B3 of the card sleeve container. When the distance between the first card sleeve container B4 in the downward direction and the target display area B2 is greater than the height of (n-2) card sleeve containers, the first card sleeve container B4 will be recycled; and, please refer to Fig.10 , move the recycled card sleeve container B4 to the first position in the upward direction of the column dimension (i.e. the top position). Where n is the total number of card sleeve containers in the card sleeve container list. It should be noted that, Fig. 9 Middle and Fig.10 The card sleeve container shown in is for illustration only. The card sleeve container is visible only when the card sleeve container is located in the target display area, and the card sleeve container not located in the target display area is invisible to the user.

[0080] In some embodiments, the above arrangement direction dimension may be the row dimension of the screen. In the case where the above first direction is the left direction of the row dimension, that is, the above sliding operation is a leftward sliding operation on the screen, then when the first card sleeve container in the left direction is outside the target display area, the first card sleeve container is moved to the rightmost position in the row dimension in the card sleeve container list. It can be understood that in the case where the above first direction is the left direction, the card sleeve containers in the entire card sleeve container list are moving to the left, then after the card sleeve container located in the target display area moves out of the target display area, it can be recycled, and the recycled card sleeve container is moved to the rightmost position in the row dimension, that is, the last position from left to right in the card sleeve container list in the row dimension.

[0081] In addition, when the first direction is the right direction of the row dimension, that is, the sliding operation is a rightward sliding operation on the screen, then when the distance of the first card sleeve container in the right direction from the target display area is greater than the target distance, the first card sleeve container is moved to the leftmost position in the row dimension of the card sleeve container list. The target distance can be determined according to the number of card sleeve containers. Optionally, the target distance can be: (the number of card sleeve containers-2)*the width of a single card sleeve container in the row dimension, and the width of each card sleeve container can be the same.

[0082] In some embodiments, the card sleeve container in the card sleeve container list may include a first view, the first view is used to inherit the data of the second view of the card group corresponding to the card sleeve container, and the second view includes at least one card container, and the at least one card container corresponds to the card included in the card group. In this way, the card data can be decoupled from the interface interaction when the card group is switched, that is, the view in the card sleeve container only needs to inherit the card data in the second view, and when performing interface interaction, it is only necessary to dynamically adjust the position of the card sleeve container relative to the target display area, so as to optimize card loading and display, ensure smooth response when there are a large number of cards or complex interactions, and improve system performance and stability.

[0083] For example, the interface interaction when switching card groups in the embodiment of the present application can be implemented by using a Recyclerview component and a custom LayoutManager component. Fig.11 , Fig.11A schematic diagram of the layout structure of the interface interaction provided by an embodiment of the present application is shown. For the user, the view (IndicatorCarouselView) corresponding to its visible area includes the view (MultiCarouselView) corresponding to the above target container and the number indicator (DotsIndicator) of the card sleeve container. MultiCarouselView can be inherited from Recyclerview, which supports multiple subviews (View); MultiCarouselView can include views (CarouselItemContainerView) corresponding to multiple card sleeve containers. For each CarouselItemContainerView, CarouselItemContainerView can include the above first view (CarouselItemView), and CarouselItemView inherits the data of the above second view (SceneView). Each SceneView corresponds to a card group, which includes a card container (GroupChildCardView) corresponding to each card in the card group. Each GroupChildCardView includes 1 card view (Card View). By customizing the LayoutManager, the view layout is adjusted when the card sleeve container is scrolled to the corresponding position (i.e., the first card sleeve container in the first direction is moved to the first position in the second direction in the card sleeve container list), so that circular sliding can be achieved, and the user can switch cards in a roulette-like manner by sliding infinitely in the above arrangement direction dimension.

[0084] Step S340: In response to ending the sliding operation, based on the current position of each card sleeve container relative to the target display area, control the target card sleeve container to be displayed in the center of the target display area.

[0085] In the embodiment of the present application, step S340 can refer to the contents of other embodiments and will not be repeated here.

[0086] The card display method provided in the embodiment of the present application can be realized by setting a list including multiple card sleeve containers in a container for displaying cards, each card sleeve container includes at least one card, and can control the card sleeve container to scroll in the arrangement direction dimension according to the sliding operation in the arrangement direction dimension of the card sleeve container, so that the user can control different card groups to be displayed in the interface according to the sliding operation, thereby facilitating the user to view the cards displayed in the interface and improving the efficiency of the user to view the cards; and, since each card sleeve container corresponds to a card group, the data of the cards in the card group is bound to the card sleeve container when adjusting, so that when different card groups in the control list are located in the above display area, the data of the cards in the card group will not be frequently removed and added from the card sleeve container, thereby improving the processing efficiency and reducing the power consumption of the electronic device; in addition, when the card sleeve container in the card sleeve container list is controlled to scroll in the sliding direction, the card sleeve container at the first position in the scrolling direction is continuously moved to the first position in the opposite direction, so that the card sleeve container can be continuously moved to the above target display area, thereby enabling the user to switch the cards in a roulette manner by infinite sliding in the above arrangement direction dimension.

[0087] See also Fig.12 , Fig.12 A schematic diagram of a card display method provided by another embodiment of the present application is shown. The card display method is applied to the above electronic device. Fig.12 The process shown is described in detail, and the card display method may specifically include the following steps:

[0088] Step S410: Display a first interface, wherein the first interface includes a target display area corresponding to a target container, wherein the target container includes a card sleeve container list, wherein the card sleeve container list includes multiple card sleeve containers, wherein the multiple card sleeve containers correspond one-to-one to multiple card groups, wherein each card group includes at least one card, and wherein the multiple card sleeve containers include a card sleeve container located in the target display area.

[0089] Step S420: In response to a sliding operation in the target display area, adjusting the position of each card sleeve container relative to the target display area.

[0090] In the embodiment of the present application, step S410 and step S420 may refer to the contents of other embodiments and will not be described in detail here.

[0091] Step S430: In response to ending the sliding operation, based on the current position of each ferrule container relative to the target display area, determine a ferrule container among the multiple ferrule containers that meets the second position condition as a target ferrule container.

[0092] In the embodiment of the present application, when the electronic device detects that the above sliding operation ends and controls the target card sleeve container to be displayed in the center of the target display area, it can determine the card sleeve container that meets the second position condition among the multiple card sleeve containers based on the current position of each card sleeve container relative to the target display area, as the target card sleeve container, that is, determine the card sleeve container that needs to be displayed in the center of the target display area. Among them, the above second position condition can be a position condition determined according to the card sleeve container used to screen the card sleeve container to be displayed in the center of the target display area.

[0093] In some embodiments, when determining the card sleeve container that meets the second position condition, based on the current position of each card sleeve container relative to the target display area, a card sleeve container whose distance from the target position meets the target distance condition among multiple card sleeve containers can be determined as the target card sleeve container, and the target position is the middle position in the target display area. Among them, the target distance condition can include that the distance between the card sleeve container and the target position is the minimum, and of course, the target distance condition can also include that the distance between the card sleeve container and the target position is not greater than the distance threshold, for example, not greater than 0. In this way, a card sleeve container that is closer to the middle position of the target display area can be determined from the card sleeve container list as the card sleeve container that needs to be displayed in the center of the target display area, so that when the user switches the card group displayed in the target display area through a sliding operation, it can be more in line with the user's cognition of interface interaction, which is convenient for the user to select the card group of his needs, and ensure that the user can switch and view cards conveniently and quickly.

[0094] For example, see Fig.13 , Fig.13 The schematic diagram of the principle of controlling the target card sleeve container to be displayed in the center of the target display area is shown, wherein the user-visible area B1 includes the target display area B2 ( Fig.13 Shown in the figure is the background mask corresponding to the target container) and the card sleeve container quantity indicator B3. After detecting that the sliding operation is completed, the card sleeve container B5 closest to the middle position of the target display area B2 can be used as the target card sleeve container that needs to be displayed in the center of the target display area B2.

[0095] In some embodiments, when determining the card sleeve container that meets the second position condition, based on the current position of each card sleeve container relative to the target display area, the card sleeve container whose proportion in the target display area meets the target proportion condition among the multiple card sleeve containers can be determined as the target card sleeve container. Among them, the target distance condition can include that the card sleeve container has the largest proportion in the target display area. Of course, the target distance condition can also include that the proportion of the card sleeve container in the target display area is greater than the target proportion, for example, greater than 50%. In this way, the card sleeve container with a larger proportion in the target display area can be determined from the card sleeve container list as the card sleeve container that needs to be displayed in the center of the target display area, so that when the user switches the card group displayed in the target display area through a sliding operation, it can be more in line with the user's cognition of interface interaction, which is convenient for the user to select the card group of his needs, and ensure that the user can switch and view cards conveniently and quickly.

[0096] Step S440: Control the target card sleeve container to be displayed in the center of the target display area.

[0097] In an embodiment of the present application, after determining the target card sleeve container that needs to be displayed in the center of the target display area, the target card sleeve container can be controlled to be displayed in the center of the target display area, thereby completing the switching of the card group required by the user.

[0098] In some embodiments, when the target card sleeve container is controlled to be displayed in the center of the target display area, a corresponding dynamic effect can also be displayed. Among them, the electronic device can control the target card sleeve container to scroll and be displayed in the center of the target display area based on the current position of the target card sleeve container relative to the target display area and the sliding direction of the sliding operation. In other words, the target card sleeve container can be automatically scrolled to the target position according to the current target position of the target card sleeve container when it is displayed in the center of the target display area, thereby presenting a dynamic effect of scrolling, so that the user can visually perceive the effect of the target card sleeve container being adsorbed into the target display area and displayed in the center.

[0099] In one possible implementation, the electronic device can determine the scrolling distance that the target card sleeve container needs to continue scrolling based on the sliding direction of the sliding operation and the current position of the target card sleeve container relative to the target display area; obtain the acceleration at the end of the sliding operation to determine the corresponding scrolling speed; and then control the target card sleeve container to continue scrolling the above scrolling distance based on the scrolling speed, so that the target card sleeve container is displayed in the center of the target display area.

[0100] In a possible implementation, the CarouselSnapHelper component can be used to ensure that after the sliding operation is completed, the above target card sleeve container is determined and automatically adsorbed to the center, so that the target card sleeve container is displayed in the center of the target display area, thereby improving the user's operation accuracy.

[0101] The card display method provided in the embodiment of the present application can enable the user to control different card groups to be displayed in the interface according to the sliding operation, thereby facilitating the user to view the cards displayed in the interface and improving the efficiency of the user to view the cards; and, since each card sleeve container corresponds to a card group, the data of the cards in the card group is bound to the card sleeve container when adjusting, so that when different card groups in the control list are located in the above display area, the data of the cards in the card group will not be frequently removed and added from the card sleeve container, thereby improving the processing efficiency and reducing the power consumption of the electronic device; in addition, after the user ends the sliding operation, the card sleeve container that meets the second position condition among the multiple card sleeve containers is determined based on the current position of the card sleeve container relative to the target display area, as the card sleeve container that needs to be displayed in the center of the target display area, so that when the user switches the card group displayed in the target display area through the sliding operation, it can be more in line with the user's cognition of interface interaction, and it is convenient for the user to select the card group he needs, ensuring that the user can switch and view the cards conveniently and quickly.

[0102] See also Fig.14 , which shows a structural block diagram of a card display device 500 provided in an embodiment of the present application. The card display device 500 applies the above-mentioned electronic device. The card display device 500 includes: an interface display module 510, a position adjustment module 520 and a card sleeve display module 530. Among them, the interface display module 510 is used to display a first interface, the first interface includes a target display area corresponding to a target container, the target container includes a card sleeve container list, the card sleeve container list includes a plurality of card sleeve containers, the plurality of card sleeve containers correspond to a plurality of card groups one by one, each card group includes at least one card, and the plurality of card sleeve containers include a card sleeve container located in the target display area; the position adjustment module 520 is used to adjust the position of each card sleeve container relative to the target display area in response to a sliding operation in the target display area; the card sleeve display module 530 is used to control the target card sleeve container to be displayed in the center of the target display area based on the current position of each card sleeve container relative to the target display area in response to ending the sliding operation.

[0103] In some embodiments, the arrangement direction dimension of the card sleeve containers in the card sleeve container list is parallel to the target extension direction of the target display area. The position adjustment module 520 can be specifically used to: in response to a sliding operation on the arrangement direction dimension in the target display area, control each card sleeve container to scroll in a first direction of the arrangement direction dimension to change the position of each card sleeve container relative to the target display area, wherein the first direction is the sliding direction of the sliding operation.

[0104] In a possible implementation, the position adjustment module 520 can be specifically used to: if the position of the first ferrule container in the ferrule container list located in the first direction relative to the target display area meets the first position condition, then move the first ferrule container to the first position in the second direction of the ferrule container list, and the second direction is opposite to the first direction.

[0105] Optionally, the arrangement direction dimension is the column direction dimension of the screen, and the position adjustment module 520 can be specifically used for: if the first direction is the upward direction of the column direction dimension, and the first card sleeve container is located outside the target display area, then the first card sleeve container is moved to the top position of the card sleeve container list in the column direction dimension; if the first direction is the downward direction of the column direction dimension, and the distance between the first card sleeve container and the target display area is greater than the target distance, then the first card sleeve container is moved to the bottom position of the column direction dimension in the card sleeve container list, and the target distance is determined according to the number of the multiple card sleeve containers.

[0106] In some embodiments, the card sleeve display module 530 can be specifically used to: in response to ending the sliding operation, based on the current position of each card sleeve container relative to the target display area, determine the card sleeve container among the multiple card sleeve containers that meets the second position condition as the target card sleeve container; control the target card sleeve container to be displayed in the center of the target display area.

[0107] In a possible embodiment, the card sleeve display module 530 can also be used to: based on the current position of each card sleeve container relative to the target display area, determine the card sleeve container among the multiple card sleeve containers whose distance from the target position meets the target distance condition, as the target card sleeve container, and the target position is the middle position in the target display area.

[0108] In a possible implementation, the card sleeve display module 530 can also be used to: based on the current position of each card sleeve container relative to the target display area, determine a card sleeve container among the multiple card sleeve containers whose proportion in the target display area meets the target proportion condition as a target card sleeve container.

[0109] In a possible implementation, the card sleeve display module 530 can also be used to: based on the current position of the target card sleeve container relative to the target display area and the sliding direction of the sliding operation, control the target card sleeve container to be scrolled and displayed in the center of the target display area.

[0110] In some embodiments, the card sleeve container includes a first view, which is used to inherit data of a second view of a card group corresponding to the card sleeve container, and the second view includes at least one card container, and the at least one card container corresponds one-to-one to the cards included in the card group.

[0111] Those skilled in the art can clearly understand that, for the convenience and brevity of description, the specific working processes of the above-described devices and modules can refer to the corresponding processes in the aforementioned method embodiments, and will not be repeated here.

[0112] In several embodiments provided in the present application, the coupling between modules may be electrical, mechanical or other forms of coupling.

[0113] In addition, each functional module in each embodiment of the present application can be integrated into a processing module, or each module can exist physically separately, or two or more modules can be integrated into one module. The above integrated modules can be implemented in the form of hardware or software functional modules.

[0114] In summary, the solution provided by the present application is to display a first interface, wherein the first interface includes a target display area corresponding to a target container, the target container includes a card sleeve container list, the card sleeve container list includes multiple card sleeve containers, multiple card sleeve containers correspond to multiple card groups one by one, each card group includes at least one card, and multiple card sleeve containers include a card sleeve container located in the target display area. In response to a sliding operation in the target display area, the position of each card sleeve container relative to the target display area is adjusted. In response to ending the sliding operation, based on the current position of each card sleeve container relative to the target display area, the target card sleeve container is controlled to be displayed in the center of the target display area. Thus, it can be achieved by setting a list including multiple card sleeve containers in a container for displaying cards, each card sleeve container includes at least one card, and can control the corresponding card sleeve container in the list to be located in the display area according to the sliding operation, so that the user can control different card groups to be displayed in the interface according to the sliding operation, thereby facilitating the user to view the cards displayed in the interface and improving the efficiency of the user to view the cards.

[0115] Please refer to Fig.15, which shows a structural block diagram of an electronic device provided in an embodiment of the present application. The electronic device 100 may be an electronic device capable of running applications, such as a smart phone, a tablet computer, a smart watch, an e-book, a laptop computer, etc. The electronic device 100 in the present application may include one or more of the following components: a processor 110, a memory 120, and one or more applications, wherein the one or more applications may be stored in the memory 120 and configured to be executed by one or more processors 110, and the one or more applications are configured to execute the method described in the aforementioned method embodiment.

[0116] The processor 110 may include one or more processing cores. The processor 110 uses various interfaces and lines to connect various parts of the entire electronic device 100, and executes various functions and processes data of the electronic device 100 by running or executing instructions, programs, code sets or instruction sets stored in the memory 120, and calling data stored in the memory 120. Optionally, the processor 110 can be implemented in at least one hardware form of digital signal processing (DSP), field-programmable gate array (FPGA), and programmable logic array (PLA). The processor 110 can integrate one or a combination of a central processing unit (CPU), a graphics processing unit (GPU), and a modem. Among them, the CPU mainly processes the operating system, user interface, and application programs; the GPU is responsible for rendering and drawing display content; and the modem is used to process wireless communications. It can be understood that the above-mentioned modem may not be integrated into the processor 110, but may be implemented separately through a communication chip.

[0117] The memory 120 may include a random access memory (RAM) or a read-only memory (ROM). The memory 120 may be used to store instructions, programs, codes, code sets or instruction sets. The memory 120 may include a program storage area and a data storage area, wherein the program storage area may store instructions for implementing an operating system, instructions for implementing at least one function (such as a touch function, a sound playback function, an image playback function, etc.), instructions for implementing the following various method embodiments, etc. The data storage area may also store data (such as a phone book, audio and video data, chat record data) created by the electronic device 100 during use.

[0118] Please refer to Fig.16 , which shows a structural block diagram of a computer-readable storage medium provided in an embodiment of the present application. The computer-readable medium 800 stores program codes, which can be called by a processor to execute the method described in the above method embodiment.

[0119] The computer readable storage medium 800 may be an electronic memory such as a flash memory, an EEPROM (electrically erasable programmable read-only memory), an EPROM, a hard disk, or a ROM. Optionally, the computer readable storage medium 800 includes a non-transitory computer-readable storage medium. The computer readable storage medium 800 has storage space for program code 810 that performs any method step in the above method. These program codes can be read from or written to one or more computer program products. The program code 810 can be compressed, for example, in an appropriate form.

[0120] Finally, it should be noted that the above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit it. Although the present application has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or make equivalent replacements for some of the technical features therein. However, these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of the present application.

Claims

1. A card display method, characterized in that: The method comprises: Display a first interface, wherein the first interface includes a target display area corresponding to a target container, the target container includes a card sleeve container list, the card sleeve container list includes a plurality of card sleeve containers, the plurality of card sleeve containers correspond one-to-one to a plurality of card groups, each card group includes at least one card, and the plurality of card sleeve containers include a card sleeve container located in the target display area; In response to a sliding operation in the target display area, adjusting the position of each card sleeve container relative to the target display area; In response to ending the sliding operation, based on the current position of each card sleeve container relative to the target display area, the target card sleeve container is controlled to be displayed in the center of the target display area.

2. The method according to claim 1, characterized in that The arrangement direction dimension of the card sleeve containers in the card sleeve container list is parallel to the target extension direction of the target display area, and the adjusting the position of each card sleeve container relative to the target display area in response to the sliding operation in the target display area includes: In response to a sliding operation on the arrangement direction dimension in the target display area, each card sleeve container is controlled to scroll in a first direction of the arrangement direction dimension to change the position of each card sleeve container relative to the target display area, and the first direction is the sliding direction of the sliding operation.

3. The method according to claim 2, characterized in that In response to the sliding operation in the arrangement direction dimension in the target display area, adjusting the position of each card sleeve container relative to the target display area also includes: If the position of the first ferrule container in the ferrule container list located in the first direction relative to the target display area meets the first position condition, the first ferrule container is moved to the first position in the second direction of the ferrule container list, and the second direction is opposite to the first direction.

4. The method according to claim 3, characterized in that The arrangement direction dimension is the column direction dimension of the screen, and if the position of the first card sleeve container in the card sleeve container list located in the first direction relative to the target display area meets the first position condition, then the first card sleeve container is moved to the first position in the second direction of the card sleeve container list, including: If the first direction is an upward direction of the column dimension, and the first card sleeve container is located outside the target display area, the first card sleeve container is moved to the lowest position in the column dimension of the card sleeve container list; If the first direction is the downward direction of the column dimension, and the distance between the first card sleeve container and the target display area is greater than the target distance, the first card sleeve container is moved to the top position of the card sleeve container list in the column dimension, and the target distance is determined according to the number of the multiple card sleeve containers.

5. The method according to claim 1, characterized in that In response to ending the sliding operation, based on the current position of each card sleeve container relative to the target display area, controlling the target card sleeve container to be displayed in the center of the target display area includes: In response to ending the sliding operation, based on the current position of each ferrule container relative to the target display area, determining a ferrule container among the plurality of ferrule containers that meets the second position condition as a target ferrule container; The target cartridge container is controlled to be displayed in the center of the target display area.

6. The method according to claim 5, characterized in that The method of determining, based on the current position of each ferrule container relative to the target display area, a ferrule container among the plurality of ferrule containers that meets the second position condition as a target ferrule container includes: Based on the current position of each ferrule container relative to the target display area, determine the ferrule container among the multiple ferrule containers whose distance from the target position meets the target distance condition, and use it as the target ferrule container, and the target position is the middle position in the target display area.

7. The method according to claim 5, characterized in that The method of determining, based on the current position of each ferrule container relative to the target display area, a ferrule container among the plurality of ferrule containers that meets the second position condition as a target ferrule container includes: Based on the current position of each ferrule container relative to the target display area, a ferrule container among the multiple ferrule containers whose proportion in the target display area meets the target proportion condition is determined as the target ferrule container.

8. The method according to claim 5, characterized in that The control target card sleeve container is displayed in the center of the target display area, including: Based on the current position of the target card sleeve container relative to the target display area and the sliding direction of the sliding operation, the target card sleeve container is controlled to be scrolled and then displayed in the center of the target display area.

9. The method according to any one of claims 1 to 8, characterized in that: The card sleeve container includes a first view, which is used to inherit the data of a second view of the card group corresponding to the card sleeve container. The second view includes at least one card container, and the at least one card container corresponds one-to-one to the cards included in the card group.

10. A card display device, characterized in that: The device comprises: an interface display module, a position adjustment module and a card sleeve display module, wherein: The interface display module is used to display a first interface, wherein the first interface includes a target display area corresponding to a target container, wherein the target container includes a card sleeve container list, wherein the card sleeve container list includes a plurality of card sleeve containers, wherein the plurality of card sleeve containers correspond one-to-one to a plurality of card groups, wherein each card group includes at least one card, and wherein the plurality of card sleeve containers includes a card sleeve container located in the target display area; The position adjustment module is used to adjust the position of each card sleeve container relative to the target display area in response to the sliding operation in the target display area; The card sleeve display module is used to control the target card sleeve container to be displayed in the center of the target display area in response to ending the sliding operation based on the current position of each card sleeve container relative to the target display area.

11. An electronic device, characterized in that: include: one or more processors; Memory; One or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, and the one or more programs are configured to execute the method according to any one of claims 1 to 9.

12. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores program codes, which can be called by a processor to execute the method according to any one of claims 1 to 9.

Images