Information display methods, devices, equipment and media

Abstract

This disclosure provides an information display method, apparatus, device, and medium. The information display method includes: displaying a first interface, wherein the first interface includes at least two initial information cards arranged according to a first combination pattern; responding to an interface switching operation on the first interface, acquiring a second combination pattern of a second interface corresponding to the interface switching operation and information to be switched; based on the first combination pattern, the second combination pattern, and the information to be switched, performing a change operation and information switching on the at least two initial information cards along a preset direction to obtain at least two target information cards; and displaying a second interface including the at least two target information cards, wherein the at least two target information cards are arranged according to the second combination pattern. This disclosure improves the richness of the interface switching process, enhances the interest in interface display, and can increase users' interest in using the terminal device.

Description

Technical Field

[0001] This disclosure relates to the field of terminal display technology, and in particular to information display methods, devices, equipment and media. Background Technology

[0002] Multiple interfaces can be set on terminals such as mobile phones and tablets, and each interface displays corresponding application icons, application components, etc.

[0003] In related technologies, users can swipe on the interface, causing the current screen to slide out and the next screen corresponding to the swipe to slide in, thus switching between screens in a tiling motion. However, this method is monotonous and lacks engagement, failing to stimulate users' interest in using the terminal device. Summary of the Invention

[0004] In order to solve the above-mentioned technical problems, or at least partially solve the above-mentioned technical problems, this disclosure provides an information display method, apparatus, device and medium.

[0005] According to one aspect of this disclosure, an information display method is provided, comprising: displaying a first interface, wherein the first interface includes at least two initial information cards arranged according to a first combination pattern; in response to an interface switching operation on the first interface, acquiring a second combination pattern of a second interface corresponding to the interface switching operation and information to be switched; based on the first combination pattern, the second combination pattern, and the information to be switched, performing a change operation and information switching on the at least two initial information cards along a preset direction to obtain at least two target information cards; and displaying a second interface including the at least two target information cards, wherein the at least two target information cards are arranged according to the second combination pattern.

[0006] According to another aspect of this disclosure, an information display device is provided, the device comprising: a first display module for displaying a first interface, wherein the first interface includes at least two initial information cards arranged according to a first combination pattern; an acquisition module for acquiring a second combination pattern and information to be switched of a second interface corresponding to the interface switching operation in response to an interface switching operation of the first interface; a processing module for performing a change operation and information switching on the at least two initial information cards along a preset direction based on the first combination pattern, the second combination pattern, and the information to be switched, to obtain at least two target information cards; and a second display module for displaying a second interface including the at least two target information cards, wherein the at least two target information cards are arranged according to the second combination pattern.

[0007] According to another aspect of this disclosure, an electronic device is provided, comprising: a processor; and a memory storing a program, wherein the program includes instructions that, when executed by the processor, cause the processor to perform the aforementioned information display method.

[0008] According to another aspect of this disclosure, a computer-readable storage medium is provided, the storage medium storing a computer program for performing the above-described information display method.

[0009] The information display method and apparatus provided in this embodiment can display a first interface, wherein the first interface includes at least two initial information cards arranged according to a first combination pattern; in response to an interface switching operation on the first interface, a second combination pattern and information to be switched of the second interface corresponding to the interface switching operation are obtained; based on the first combination pattern, the second combination pattern, and the information to be switched, at least two initial information cards are changed and their information is switched along a preset direction to obtain at least two target information cards; a second interface including at least two target information cards is displayed, wherein the at least two target information cards are arranged according to the second combination pattern. By adopting the above technical solution, at least two initial information cards arranged according to the first combination pattern on the first interface are changed and their information is switched along a preset direction, transforming them into target information cards arranged according to the second combination pattern in the second interface. The information cards are changed along a preset direction, and the arrangement of the information cards changes from the first combination pattern to the second combination pattern, which improves the richness of the interface switching process, enhances the interest of the interface display, and increases the user's interest in using the terminal device.

[0010] It should be understood that the description in this section is not intended to identify key or essential features of the embodiments of this disclosure, nor is it intended to limit the scope of this disclosure. Other features of this disclosure will become readily apparent from the following description. Attached Figure Description

[0011] The accompanying drawings, which are incorporated in and form a part of this specification, illustrate embodiments consistent with this disclosure and, together with the description, serve to explain the principles of this disclosure.

[0012] To more clearly illustrate the technical solutions in the embodiments of this disclosure or the prior art, the accompanying drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, for those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0013] Figure 1 A flowchart illustrating an information display method provided in an embodiment of this disclosure;

[0014] Figure 2 A schematic diagram of an interface provided for an embodiment of this disclosure;

[0015] Figure 3 A schematic diagram of an initial information card provided in an embodiment of this disclosure;

[0016] Figure 4 A schematic diagram of a first interface provided for an embodiment of this disclosure;

[0017] Figure 5 A flowchart illustrating another information display method provided in this embodiment of the disclosure;

[0018] Figure 6 A schematic diagram of a first interface and a second interface provided in an embodiment of this disclosure;

[0019] Figure 7 This is a schematic diagram of the structure of an information display device provided in an embodiment of the present disclosure;

[0020] Figure 8 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this disclosure. Detailed Implementation

[0021] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.

[0022] It should be understood that the steps described in the method embodiments of this disclosure may be performed in different orders and / or in parallel. Furthermore, the method embodiments may include additional steps and / or omit the steps shown. The scope of this disclosure is not limited in this respect.

[0023] The term "comprising" and its variations as used in this disclosure are open-ended, meaning "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Definitions of other terms will be given in the description below. It should be noted that the concepts of "first", "second", etc., mentioned in this disclosure are used only to distinguish different devices, modules, or units, and are not intended to limit the order of functions performed by these devices, modules, or units or their interdependencies.

[0024] It should be noted that the terms "a" and "a plurality of" used in this disclosure are illustrative rather than restrictive, and those skilled in the art should understand that, unless otherwise expressly indicated in the context, they should be understood as "one or more".

[0025] To improve at least one of the above problems, this disclosure provides an information display method, apparatus, device, and medium, which are described below for ease of understanding.

[0026] Figure 1 This is a flowchart illustrating an information display method provided in an embodiment of the present disclosure. The method can be executed by an information display device, which can be implemented using software and / or hardware, and is generally integrated into an electronic device. Figure 1 As shown, the method mainly includes:

[0027] Step 101: Display the first interface, wherein the first interface includes at least two initial information cards arranged in a first combination pattern.

[0028] The interface can be the interface displayed to the user on a terminal device. This embodiment does not limit the terminal device that presents the interface; for example, the terminal device can be a mobile phone or a tablet computer. This embodiment also does not limit the operating system of the terminal device; for example, the terminal device can be running Android. If the terminal device's operating system is Android, then an interface can be understood as a screen in the Android system's launcher. It is understood that multiple interfaces can exist on the terminal device, and switching between multiple interfaces is possible. The first interface can be the interface displayed before the interface switching operation.

[0029] Information cards can be virtual cards used to display information; these are also known as widgets, interface components, or interface parts. The information displayed on these cards can be customized according to user needs, and this embodiment does not impose limitations. For example, the information displayed on the card may include one or more of the following: text, images, tables, videos, and knowledge graphs. Furthermore, the information in the card can serve as an entry point to an application; clicking or triggering the information allows access to a specific page within the associated application. Optionally, an information card may include multiple pieces of information, which can be associated with the same application, and each piece of information can be associated with a different page within that application.

[0030] The size of the information card can be set according to the developer's needs. This embodiment does not impose any restrictions. For example, the size of the information card can be related to the space reserved for the information card in the interface. Figure 2 A schematic diagram of an interface provided in an embodiment of this disclosure, such as... Figure 2As shown, the white area in the interface is the space reserved for information cards, which is 4 units long and 6 units wide. Figure 3 This is a schematic diagram of an initial information card provided in an embodiment of the present disclosure. The information card can be divided into four types according to size: small, medium, large, and extra-large. Specifically, the small information card has a length and width of 1×1; the medium information card has a length and width of 2×1 or 2×2; the large information card has a length and width of 4×2; and the extra-large information card has a length and width of 4×4. The number of information cards on an interface can be set according to user needs, etc. It should be noted that the information cards on an interface can fill the reserved space for information cards, or they may not fill the reserved space. The combination style can refer to the arrangement of information cards on the interface. The initial information card can be the information card on the first interface, and the first combination style can be the arrangement style of the initial information cards on the first interface. The first combination style can record information such as the style, quantity, and position of the initial information cards.

[0031] In this embodiment of the present disclosure, before performing a page switching operation, the terminal device displays a first interface, on which at least two initial information cards are arranged, and the arrangement of the at least two initial information cards on the first interface is a first combination style.

[0032] Figure 4 A schematic diagram of the first interface provided in an embodiment of this disclosure, as shown below. Figure 4 As shown, the first interface has a reserved space of 6×4 for information cards. Figure 4 Five first interfaces, A through E, are shown. Each first interface has multiple initial information cards arranged according to a first combination style. Taking interface A as an example, interface A includes one 4×4 information card and two 2×2 information cards. In the first combination style corresponding to interface A, the 4×4 information card is on the left, and the two 2×2 information cards are on the right, with the two 2×2 information cards arranged one above the other. Taking interface B as an example, interface B includes two 4×2 information cards, one 2×2 information card, and two 2×1 information cards. In the first combination style corresponding to interface B, one 4×2 information card is in the upper left, the other 4×2 information card is in the lower right, the 2×2 information card is in the upper right, and the two 2×1 information cards are in the lower left, with the two 2×1 information cards arranged one above the other. The combination styles corresponding to interfaces C through E are as follows: Figure 4 As shown, it will not be elaborated further here.

[0033] Step 102: In response to the interface switching operation on the first interface, obtain the second combination style and the information to be switched of the second interface corresponding to the interface switching operation.

[0034] The interface switching operation can be an operation by which a user of a terminal device switches the current interface to another interface. This embodiment does not impose specific limitations on this interface switching operation. For example, if the terminal device has a touchscreen, the interface switching operation can be a swipe operation on the touchscreen, and the direction of the swipe operation is not limited in this embodiment; if the terminal device has air gesture operation functionality, the interface switching operation can be an air gesture such as waving; if the terminal device is equipped with a mouse, the interface switching operation can be a mouse click and drag operation, and the direction of the drag is not limited in this embodiment.

[0035] The second interface can be the interface displayed to the user after the interface switch is completed. The second combination style can be the arrangement style of information cards on the second interface. The information to be switched can be the information displayed to the user after the interface switch is completed.

[0036] In this embodiment of the disclosure, there may be a sequential relationship between the interfaces. The second interface can be determined based on the sequential relationship between the interfaces and the interface switching operation. Specifically, the developer can pre-define the operation switching correspondence between the interface switching operation and the interface switching operation. Taking the interface switching operation as a swipe operation as an example, the second interface corresponding to the right swipe operation can be the previous screen of the first interface, the second interface corresponding to the left swipe operation can be the next screen of the first interface, the second interface corresponding to the down swipe operation can be the previous screen of the first interface, and the second interface corresponding to the up swipe operation can be the next screen of the first interface.

[0037] Users can perform actions such as swiping, waving, and dragging the mouse on the first interface. In response to these actions, the information display device matches the interface switching operation with the corresponding operation, and identifies the successfully matched interface as the second interface. Furthermore, the information display device acquires the second combination style of the second interface and the information to be switched.

[0038] Step 103: Based on the first combination style, the second combination style, and the information to be switched, perform change operations and information switching on at least two initial information cards along a preset direction to obtain at least two target information cards.

[0039] The target information card can be the information card displayed on the second interface after the interface switch is completed. The preset direction can be the direction in which the information card moves during the interface switch.

[0040] In this embodiment, after determining the first combination style, the second combination style, and the information to be switched, the initial information card can be moved along a preset direction. During the movement, the size and quantity of the initial information card can change, and the information in the initial information card can be switched to the corresponding information to be switched, thus obtaining a target information card corresponding to the initial information card. By performing the above processing on each initial information card, the initial information cards arranged in the first combination style can be converted into target information cards arranged in the second combination style.

[0041] It should be noted that changes in the size and quantity of the initial information card and changes in the information within the initial information card can occur simultaneously. Alternatively, the size and quantity of the initial information card can change first, followed by the information change, or vice versa. For example, if the preset direction is clockwise, and the size, quantity, and information of the initial information card change simultaneously, the initial information card can move clockwise by one unit position. During this movement, the size and quantity of the initial information card change, and the information is gradually switched to the information to be switched, thus obtaining the target information card corresponding to the initial information card.

[0042] It should be noted that, in the embodiments of this disclosure, one initial information card can correspond to one target information card, that is, one initial information card can be converted into one target information card; or, one initial information card can correspond to multiple target information cards, that is, one initial information card can be converted into multiple target information cards; or, multiple initial information cards can correspond to one target information card, that is, multiple initial information cards can be converted into one target information card; or, multiple initial information cards can correspond to multiple target information cards, that is, multiple initial information cards can be converted into multiple target information cards.

[0043] In some embodiments of this disclosure, the interface switching operation includes a horizontal swipe operation or a vertical swipe operation. The horizontal swipe operation includes a left swipe operation or a right swipe operation, and the vertical swipe operation includes an up swipe operation or a down swipe operation. The preset direction is a clockwise direction or a counterclockwise direction. When the direction of the interface switching operation is reversed, the corresponding preset direction is reversed.

[0044] Among them, the horizontal swipe operation can be a horizontal swipe operation, the vertical swipe operation can be a vertical swipe operation, the left swipe operation can be a swipe operation where the user faces the terminal device and swipes from the right side to the left side of the terminal device, the right swipe operation can be a swipe operation where the user faces the terminal device and swipes from the left side to the right side of the terminal device; the up swipe operation can be a swipe operation where the user faces the terminal device and swipes from the bottom to the top of the terminal device, and the down swipe operation can be a swipe operation where the user faces the terminal device and swipes from the top to the bottom of the terminal device.

[0045] In this embodiment, if the directions of two interface switching operations are opposite, then the preset directions corresponding to the two interface switching operations are also opposite. For example, if the interface switching operation is a left swipe operation, the corresponding preset direction can be clockwise; if the interface switching operation is a right swipe operation, the corresponding preset direction can be counterclockwise. If the interface switching operation is an upward swipe operation, the corresponding preset direction can be clockwise; if the interface switching operation is a downward swipe operation, the corresponding preset direction can be counterclockwise.

[0046] In the above scheme, if the interface switching operation is reversed, the preset direction is reversed, thus realizing that different interface switching operations correspond to the direction of the corresponding information card changes, further enhancing the fun of interface switching.

[0047] Figure 5 A flowchart illustrating another information display method provided in this disclosure embodiment is shown below. Figure 5 As shown, in some embodiments, based on a first combination style, a second combination style, and information to be switched, at least two initial information cards are modified and switched along a preset direction to obtain at least two target information cards, including:

[0048] Step 501: Based on the first combination style and the second combination style, perform shape changes and / or position shifts on at least two initial information cards along a preset direction to obtain at least two intermediate information cards.

[0049] The shape change can refer to a change in the external shape of the information card, which may include changes in the size and / or quantity of the information card. Position movement can refer to the movement of the information card on the interface. An intermediate information card can be an information card generated during the transformation of the initial information card into the target information card; this intermediate information card can be understood as a transitional information card during the switch from the initial information card to the corresponding target information card. The central information card contains the same information as the initial information card, but its shape and position are the same as the target information card corresponding to the initial information card.

[0050] In this embodiment, for each initial information card, its shape is changed and its position is moved to obtain the corresponding intermediate information card. That is, the initial information cards arranged in the first combination pattern are converted into intermediate information cards arranged in the second combination pattern.

[0051] In some embodiments, the first combination style includes the position and size of each initial information card, and the second combination style includes the position and size of each target information card.

[0052] Accordingly, based on the first and second combination patterns, at least two initial information cards are subjected to shape changes and / or positional shifts along a preset direction to obtain at least two intermediate information cards, including:

[0053] Based on the first combination pattern and the second combination pattern, at least two card groups are determined, wherein each card group includes at least one initial information card and at least one target information card corresponding to the shape change before and after. For the at least one initial information card included in each card group, the size and / or quantity are adjusted according to the size and / or quantity of the corresponding at least one target information card, and the card is moved by a unit position along a preset direction to obtain at least one intermediate information card, thereby obtaining at least two intermediate information cards based on at least two card groups.

[0054] A card group includes at least one initial information card on the first interface, and at least one target information card corresponding to the initial information card. Understandably, during interface switching, at least one initial information card in a card group is converted into at least one target information card in that card group. The unit distance can be a distance determined based on the initial information card and the target information card in a card group, and this unit distance can be the distance between the initial information card and the target information card along a preset direction.

[0055] In this embodiment, the information display device can pre-set the card correspondence between the initial information card in the first combination pattern and the target information card in the second combination pattern according to a preset direction. After determining the first and second combination patterns, the information display device can determine the target information card corresponding to the initial information card according to the card correspondence, and then construct a card group based on the initial information card and its corresponding target information card. Further, for each card group, the information display device moves the initial information card in the card group a corresponding unit distance in a preset direction, and during the movement, gradually adjusts the size of the initial information card in the card group to the size of the corresponding target information card, and / or gradually adjusts the number of the initial information cards in the card group to the number of the corresponding target information cards. Thus, the initial information cards arranged in the first combination pattern are gradually transformed into intermediate information cards arranged in the second combination pattern, and the information is the same as the corresponding initial information card.

[0056] In the above scheme, the initial information cards are adjusted in groups to obtain corresponding intermediate information cards, thus realizing dynamic adjustment of information cards and improving the interest of information display.

[0057] Optionally, size adjustment includes shrinking or enlarging, and quantity adjustment includes merging or splitting. If the size adjustment is shrinking, the area of ​​the initial information card before the adjustment is larger than the area of ​​the intermediate information card after the adjustment; if the size adjustment is enlarging, the area of ​​the initial information card before the adjustment is smaller than the area of ​​the intermediate information card after the adjustment. If the quantity adjustment is merging, the number of initial information cards before the adjustment is larger than the number of intermediate information cards after the adjustment; if the quantity adjustment is splitting, the number of initial information cards before the adjustment is smaller than the number of intermediate information cards after the adjustment. Thus, adjusting the initial information cards from both size and quantity dimensions further enhances the appeal of the information display.

[0058] Step 502: Switch the initial information in at least two intermediate information cards to the information to be switched, and obtain at least two target information cards.

[0059] The initial information can be the information displayed in the initial information card.

[0060] After determining the intermediate information cards arranged in the second combination pattern, for each intermediate information card, the initial information in that intermediate information card is switched to the information to be switched corresponding to that initial information. This transforms the intermediate information card into a corresponding target information card, resulting in at least two target information cards.

[0061] Understandably, there are multiple methods to switch initial information to information to be switched, and this embodiment does not impose any limitations. An example is illustrated below: In one optional implementation, the initial information can be converted into information to be switched by simultaneously moving the initial information out and the information to be switched in, thereby obtaining the corresponding target information card.

[0062] In another optional implementation, the initial information in at least two intermediate information cards is switched to the information to be switched, resulting in at least two target information cards. This includes: using a dynamic switching method of gradually fading in and out to switch the initial information in at least two intermediate information cards to the information to be switched, resulting in at least two target information cards. The dynamic switching method can be a method that gradually transforms the initial information into the information to be switched.

[0063] In this embodiment, before dynamic switching, the initial information in the intermediate information card can be completely opaque, while the information to be switched can be completely transparent. The information display device can gradually increase the transparency of the initial information in the intermediate information card, making the initial information gradually transparent, and gradually decrease the transparency of the information to be switched in the intermediate information card, making the target information gradually appear. Finally, the initial information becomes completely transparent, the information to be switched becomes fully displayed, and the initial information in the intermediate information card is switched to the information to be switched, that is, the intermediate information card is also switched to the target information card.

[0064] In the above scheme, the initial information is switched to the information to be switched in a fade-in / fade-out manner, which increases the fun of the information switching process.

[0065] Step 104: Display a second interface including at least two target information cards, wherein the at least two target information cards are arranged in a second combination style.

[0066] The second interface can be the interface displayed after a screen switching operation.

[0067] Furthermore, the information display device displays a second interface to which it has switched, which shows at least two target information cards arranged in a second combination pattern.

[0068] Figure 6 A schematic diagram of a first interface and a second interface provided in an embodiment of this disclosure, as shown below. Figure 6 As shown, if the left-hand interface is the first interface, the first combination style of the first interface is the same as... Figure 4 The combined style of interface B in the middle is the same; the interface on the right is the second interface, and the second combined style of the second interface is the same as... Figure 4 The combined style of interface C is the same. If the interface switching operation is a left swipe, the default direction can be clockwise. The interface switches from the first interface on the left to the second interface on the right.

[0069] The initial information card numbered 1 in the first interface moves a unit distance to the right and shrinks, forming the intermediate information card numbered 7 in the second interface. Simultaneously, the initial information in the initial information card numbered 1 gradually disappears, and the corresponding content to be switched gradually appears in the intermediate information card numbered 7, resulting in one target information card. The initial information card numbered 2 in the first interface moves a unit distance downwards and splits into three information cards, forming the intermediate information cards numbered 8, 9, and 10 in the second interface. Simultaneously, the initial information in the initial information card numbered 2 gradually disappears, and the corresponding content to be switched gradually appears in the intermediate information cards numbered 8, 9, and 10, resulting in three target information cards. The initial information card numbered 3 in the first interface moves a unit distance to the left and splits into three information cards, forming the intermediate information cards numbered 11, 12, and 13 in the second interface. Simultaneously, the initial information in the initial information card numbered 3 gradually disappears, and the corresponding content to be switched gradually appears in the intermediate information cards numbered 11, 12, and 13, resulting in three target information cards. In the first interface, the initial information cards numbered 4 and 5 move upwards a unit distance and merge into one information card, forming the intermediate information card numbered 6 in the second interface. Simultaneously, the initial information in the initial information cards numbered 4 and 5 gradually disappears, and the corresponding content to be switched gradually appears in the intermediate information card numbered 6, resulting in the corresponding target information card. Understandably, the above information card switching proceeds in a clockwise direction, achieving an information card switching effect similar to the "Huarong Road" puzzle.

[0070] If the interface switching operation is a right swipe, the default direction can be counter-clockwise, and Figure 6 The right-hand side of the screen is the first screen, and the left-hand side is the second screen. The interface switches from the first screen on the right to the second screen on the left. The information display device can also achieve a card switching effect similar to the "Huarong Road" puzzle. During the switch from the first screen to the second screen, card groups are determined according to the first combination style corresponding to the first screen and the second combination style corresponding to the second screen. For each card group, the initial information cards in the card group are transformed by shrinking, enlarging, splitting, merging, etc., according to the corresponding target information card.

[0071] Specifically, such as Figure 6As shown, if the right-hand interface is the first interface and the left-hand interface is the second interface, the initial information card numbered 6 in the first interface moves downwards and splits, resulting in the intermediate information cards numbered 4 and 5 in the second interface. The initial information of the initial information card numbered 6 gradually disappears, and the corresponding content to be switched gradually appears in the intermediate information cards numbered 4 and 5, resulting in two corresponding target information cards. Similarly, the initial information card numbered 7 in the first interface moves to the left and becomes larger, resulting in the intermediate information card numbered 1 in the second interface. The initial information of the initial information card numbered 7 gradually disappears, and the corresponding content to be switched gradually appears in the intermediate information card numbered 1, resulting in the corresponding target information card. The process of converting other initial information cards in the first interface into corresponding target information cards in the second interface is similar and will not be described further here.

[0072] The information display scheme provided in this embodiment displays a first interface, wherein the first interface includes at least two initial information cards arranged according to a first combination pattern; in response to an interface switching operation on the first interface, a second combination pattern and information to be switched for a second interface corresponding to the interface switching operation are obtained; based on the first combination pattern, the second combination pattern, and the information to be switched, the at least two initial information cards are changed and their information switched along a preset direction to obtain at least two target information cards; a second interface including at least two target information cards is displayed, wherein the at least two target information cards are arranged according to the second combination pattern. By adopting the above technical solution, at least two initial information cards arranged according to the first combination pattern on the first interface are changed and their information switched according to a preset direction, transforming them into target information cards arranged according to the second combination pattern on the second interface. The information cards are changed in a preset direction, and the arrangement of the information cards changes from the first combination pattern to the second combination pattern, which improves the richness of the interface switching process, enhances the interest of the interface display, and increases the user's interest in using the terminal device.

[0073] In some embodiments of this disclosure, the information display method further includes: constructing multiple combination styles based on information cards of multiple preset sizes, wherein each combination style includes at least one information card and the position and size of each information card, and the first combination style and the second combination style are two different combination styles among the multiple combination styles.

[0074] In this embodiment, developers can pre-set information cards of different sizes and pre-set the size of the space reserved for the information cards in the interface. The information display device can select one or more information cards from these different sizes as arranged information cards and use them to fill the space reserved for the information cards in the interface. During the filling process, arranged information cards of the same size can be used once or multiple times; this embodiment does not impose any restrictions. Furthermore, the arranged information cards can completely fill the area where the information cards are displayed in the interface, or they can not completely fill the area, leaving blank spaces. After filling is completed, the position and size of each arranged information card in an interface are recorded as a combination style, resulting in multiple combination styles. In the above embodiment, the first and second combination styles can be combination styles with different information card positions and / or sizes. That is, the first and second style combinations can use the same size information cards, but the specific positions of the information cards can be different. Alternatively, the first and second style combinations can use the same position information cards, but the different sizes of the information cards. Alternatively, the information cards in the first style combination and the second style combination may have different positions and sizes.

[0075] The above solution enables the automatic construction of combined styles based on existing information cards of multiple sizes, thereby improving the diversity of combined styles and the efficiency of determining combined styles.

[0076] Corresponding to the aforementioned information display method, this disclosure also provides an information display device. Figure 7 This is a schematic diagram of the structure of an information display device provided in an embodiment of this disclosure. The device can be implemented by software and / or hardware and is generally integrated into an electronic device. Figure 7 As shown, the information display device 700 includes:

[0077] A first display module 701 is used to display a first interface, wherein the first interface includes at least two initial information cards arranged in a first combination pattern.

[0078] The acquisition module 702 is used to acquire the second combination style and the information to be switched of the second interface corresponding to the interface switching operation in response to the interface switching operation of the first interface;

[0079] Processing module 703 is used to perform change operations and information switching on the at least two initial information cards along a preset direction based on the first combination style, the second combination style and the information to be switched, so as to obtain at least two target information cards;

[0080] The second display module 704 is used to display a second interface including the at least two target information cards, wherein the at least two target information cards are arranged according to the second combination style.

[0081] In some implementations, the interface switching operation includes a horizontal swipe operation or a vertical swipe operation; the horizontal swipe operation includes a left swipe operation or a right swipe operation; the vertical swipe operation includes an up swipe operation or a down swipe operation; the preset direction is a clockwise direction or a counterclockwise direction.

[0082] When the direction of the interface switching operation is reversed, the corresponding preset direction is reversed.

[0083] In some implementations, the processing module 703 includes:

[0084] The processing unit is configured to perform shape changes and / or position shifts on the at least two initial information cards along a preset direction based on the first combination style and the second combination style to obtain at least two intermediate information cards;

[0085] A switching unit is used to switch the initial information in the at least two intermediate information cards to the information to be switched, thereby obtaining the at least two target information cards.

[0086] In some embodiments, the first combination style includes the position and size of each of the initial information cards, and the second combination style includes the position and size of each of the target information cards;

[0087] Processing unit, used for:

[0088] Based on the first combination style and the second combination style, at least two card groups are determined, wherein each card group includes at least one initial information card and at least one target information card corresponding to the shape change before and after the change.

[0089] For each card group including at least one initial information card, the size and / or quantity of the corresponding at least one target information card are adjusted according to the size and / or quantity, and the card is moved by a unit position along the preset direction to obtain at least one intermediate information card, thereby obtaining at least two intermediate information cards based on the at least two card groups.

[0090] In some implementations, the size adjustment includes shrinking or enlarging, and the quantity adjustment includes merging or splitting.

[0091] In some implementations, the switching unit is used for:

[0092] The initial information in the at least two intermediate information cards is switched to the information to be switched using a dynamic switching method of fading out and showing, so as to obtain the at least two target information cards.

[0093] In some embodiments, the apparatus further includes:

[0094] The construction module is used to construct multiple combination styles based on information cards of multiple preset sizes. Each combination style includes at least one information card and the position and size of each information card. The first combination style and the second combination style are two different combination styles among the multiple combination styles.

[0095] The information display device provided in this disclosure can execute the information display method provided in any embodiment of this disclosure, and has the corresponding functional modules and beneficial effects of executing the method.

[0096] Those skilled in the art will clearly understand that, for the sake of convenience and brevity, the specific working process of the above-described device embodiments can be referred to the corresponding process in the method embodiments, and will not be repeated here.

[0097] The names of messages or information exchanged between multiple devices in the embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.

[0098] Exemplary embodiments of this disclosure also provide an electronic device, including: at least one processor; and a memory communicatively connected to the at least one processor. The memory stores a computer program executable by the at least one processor, the computer program being executed by the at least one processor to cause the electronic device to perform a method according to an embodiment of this disclosure.

[0099] Exemplary embodiments of this disclosure also provide a non-transitory computer-readable storage medium storing a computer program, wherein the computer program, when executed by a computer's processor, is used to cause the computer to perform a method according to embodiments of this disclosure.

[0100] Exemplary embodiments of this disclosure also provide a computer program product, including a computer program, wherein, when executed by a processor of a computer, the computer program is used to cause the computer to perform a method according to an embodiment of this disclosure.

[0101] The computer program product can be written in any combination of one or more programming languages ​​to perform the operations of the embodiments of this disclosure. The programming languages ​​include object-oriented programming languages ​​such as Java and C++, as well as conventional procedural programming languages ​​such as C or similar languages. The program code can be executed entirely on a user's computing device, partially on a user's computing device, as a standalone software package, partially on a user's computing device and partially on a remote computing device, or entirely on a remote computing device or server.

[0102] Furthermore, embodiments of this disclosure can also be computer-readable storage media storing computer program instructions that, when executed by a processor, cause the processor to perform the XYZ method provided in embodiments of this disclosure. The computer-readable storage medium can be any combination of one or more readable media. A readable medium can be a readable signal medium or a readable storage medium. A readable storage medium can be, for example, including but not limited to, electrical, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatuses, or devices, or any combination thereof. More specific examples of readable storage media (a non-exhaustive list) include: electrical connections having one or more wires, portable disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fibers, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof.

[0103] refer to Figure 8 The present invention describes a structural block diagram of an electronic device 800 that can serve as a server or client of the present disclosure, which is an example of a hardware device that can be applied to various aspects of the present disclosure. The electronic device is intended to represent various forms of digital electronic computer devices, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processors, cellular phones, smartphones, wearable devices, and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely illustrative and are not intended to limit the implementation of the present disclosure described and / or claimed herein.

[0104] like Figure 8As shown, the electronic device 800 includes a computing unit 801, which can perform various appropriate actions and processes according to a computer program stored in a read-only memory (ROM) 802 or a computer program loaded from a storage unit 808 into a random access memory (RAM) 803. The RAM 803 may also store various programs and data required for the operation of the device 800. The computing unit 801, ROM 802, and RAM 803 are interconnected via a bus 804. An input / output (I / O) interface 805 is also connected to the bus 804.

[0105] Multiple components in electronic device 800 are connected to I / O interface 805, including: input unit 806, output unit 807, storage unit 808, and communication unit 809. Input unit 806 can be any type of device capable of inputting information to electronic device 800. Input unit 806 can receive input digital or character information and generate key signal inputs related to user settings and / or function control of electronic device. Output unit 807 can be any type of device capable of presenting information and may include, but is not limited to, a display, speaker, video / audio output terminal, vibrator, and / or printer. Storage unit 808 may include, but is not limited to, disks and optical discs. Communication unit 809 allows electronic device 800 to exchange information / data with other devices through computer networks such as the Internet and / or various telecommunications networks, and may include, but is not limited to, modems, network cards, infrared communication devices, wireless communication transceivers, and / or chipsets, such as Bluetooth™ devices, WiFi devices, WiMax devices, cellular communication devices, and / or the like.

[0106] The computing unit 801 can be a variety of general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of the computing unit 801 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various special-purpose artificial intelligence (AI) computing chips, various computing units running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. The computing unit 801 performs the various methods and processes described above. For example, in some embodiments, the information display methods can be implemented as computer software programs tangibly contained in a machine-readable medium, such as storage unit 808. In some embodiments, part or all of the computer program can be loaded and / or installed on the electronic device 800 via ROM 802 and / or communication unit 809. In some embodiments, the computing unit 801 can be configured to perform the information display methods by any other suitable means (e.g., by means of firmware).

[0107] The program code used to implement the methods of this disclosure may be written in any combination of one or more programming languages. This program code may be provided to a processor or controller of a general-purpose computer, special-purpose computer, or other programmable data processing apparatus, such that when executed by the processor or controller, the program code causes the functions / operations specified in the flowcharts and / or block diagrams to be implemented. The program code may be executed entirely on a machine, partially on a machine, as a standalone software package partially on a machine and partially on a remote machine, or entirely on a remote machine or server.

[0108] In the context of this disclosure, a machine-readable medium can be a tangible medium that may contain or store a program for use by or in conjunction with an instruction execution system, apparatus, or device. A machine-readable medium can be a machine-readable signal medium or a machine-readable storage medium. Machine-readable media can be, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0109] As used in this disclosure, the terms "machine-readable medium" and "computer-readable medium" refer to any computer program product, device, and / or apparatus (e.g., disk, optical disk, memory, programmable logic device (PLD)) for providing machine instructions and / or data to a programmable processor, including machine-readable media that receive machine instructions as machine-readable signals. The term "machine-readable signal" refers to any signal for providing machine instructions and / or data to a programmable processor.

[0110] To provide interaction with a user, the systems and techniques described herein can be implemented on a computer having: a display device for displaying information to the user (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor); and a keyboard and pointing device (e.g., a mouse or trackball) through which the user provides input to the computer. Other types of devices can also be used to provide interaction with the user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including sound input, voice input, or tactile input).

[0111] The systems and technologies described herein can be implemented in computing systems that include backend components (e.g., as a data server), or computing systems that include middleware components (e.g., an application server), or computing systems that include frontend components (e.g., a user computer with a graphical user interface or web browser through which a user can interact with embodiments of the systems and technologies described herein), or any combination of such backend, middleware, or frontend components. The components of the system can be interconnected via digital data communication of any form or medium (e.g., a communication network). Examples of communication networks include local area networks (LANs), wide area networks (WANs), and the Internet.

[0112] Computer systems can include clients and servers. Clients and servers are generally located far apart and typically interact through communication networks. Client-server relationships are created by computer programs running on the respective computers and having a client-server relationship with each other.

[0113] It should be noted that, in this document, relational terms such as "first" and "second" are used merely to distinguish one entity or operation from another, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Furthermore, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitations, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes said element.

[0114] The above description is merely a specific embodiment of this disclosure, enabling those skilled in the art to understand or implement it. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of this disclosure. Therefore, this disclosure is not to be limited to the embodiments described herein, but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. An information display method, comprising: Display a first interface, wherein the first interface includes at least two initial information cards arranged in a first combination pattern; In response to the interface switching operation of the first interface, the second combination style and the information to be switched of the second interface corresponding to the interface switching operation are obtained; Based on the first combination style, the second combination style, and the information to be switched, the at least two initial information cards are changed and information is switched along a preset direction to obtain at least two target information cards; wherein, the preset direction is a clockwise direction or a counterclockwise direction; A second interface is displayed that includes the at least two target information cards, wherein the at least two target information cards are arranged according to the second combination style; Specifically, based on the first combination style, the second combination style, and the information to be switched, the at least two initial information cards are modified and switched along a preset direction to obtain at least two target information cards, including: Based on the first combination style and the second combination style, the shape of the at least two initial information cards is changed and / or the position is moved along a preset direction to obtain at least two intermediate information cards; the initial information in the at least two intermediate information cards is switched to the information to be switched to obtain the at least two target information cards; wherein, the initial information is switched to the information to be switched during the shape change and / or position movement. The initial information card, the intermediate information card, and the target information card are of at least one type, including widgets, interface components, and interface parts.

2. The information display method as described in claim 1, wherein, The interface switching operation includes a horizontal swipe operation or a vertical swipe operation. The horizontal swipe operation includes a swipe to the left or a swipe to the right. The vertical swipe operation includes a swipe up or a swipe down. When the direction of the interface switching operation is reversed, the corresponding preset direction is reversed.

3. The information display method as described in claim 1, wherein, The first combination style includes the position and size of each of the initial information cards, and the second combination style includes the position and size of each of the target information cards; Based on the first combination style and the second combination style, the shape of the at least two initial information cards is changed and / or their position is moved along a preset direction to obtain at least two intermediate information cards, including: Based on the first combination style and the second combination style, at least two card groups are determined, wherein each card group includes at least one initial information card and at least one target information card corresponding to the shape change before and after the change. For each card group including at least one initial information card, the size and / or quantity of the corresponding at least one target information card are adjusted according to the size and / or quantity, and the card is moved by a unit position along the preset direction to obtain at least one intermediate information card, thereby obtaining at least two intermediate information cards based on the at least two card groups.

4. The information display method as described in claim 3, wherein, The size adjustment includes shrinking or enlarging, and the quantity adjustment includes merging or splitting.

5. The information display method as described in claim 1, wherein, Switching the initial information in the at least two intermediate information cards to the information to be switched, to obtain the at least two target information cards, includes: The initial information in the at least two intermediate information cards is switched to the information to be switched using a dynamic switching method that fades in and out, thereby obtaining the at least two target information cards.

6. The information display method as described in claim 1, wherein, The method further includes: Based on information cards of multiple preset sizes, multiple combination styles are constructed. Each combination style includes at least one information card and the position and size of each information card. The first combination style and the second combination style are two different combination styles among the multiple combination styles.

7. An information display device, comprising: A first display module is used to display a first interface, wherein the first interface includes at least two initial information cards arranged in a first combination style; The acquisition module is used to acquire, in response to the interface switching operation of the first interface, the second combination style and the information to be switched of the second interface corresponding to the interface switching operation; The processing module is used to perform a change operation and information switching on the at least two initial information cards along a preset direction based on the first combination style, the second combination style, and the information to be switched, to obtain at least two target information cards; wherein, the preset direction is a clockwise direction or a counterclockwise direction; The second display module is used to display a second interface including the at least two target information cards, wherein the at least two target information cards are arranged according to the second combination style; Specifically, based on the first combination style, the second combination style, and the information to be switched, the at least two initial information cards are modified and switched along a preset direction to obtain at least two target information cards, including: Based on the first combination style and the second combination style, the shape of the at least two initial information cards is changed and / or the position is moved along a preset direction to obtain at least two intermediate information cards; the initial information in the at least two intermediate information cards is switched to the information to be switched to obtain the at least two target information cards; wherein, the initial information is switched to the information to be switched during the shape change and / or position movement. The initial information card, the intermediate information card, and the target information card are of at least one type, including widgets, interface components, and interface parts.

8. An electronic device, comprising: processor; as well as Stored program memory, The program includes instructions that, when executed by the processor, cause the processor to perform the method according to any one of claims 1-6.

9. A non-transitory computer-readable storage medium storing computer instructions, wherein, The computer instructions are used to cause the computer to perform the method according to any one of claims 1-6.

Images