Information display method, device and equipment
By providing an interface for selecting task card layout styles in electronic devices, users can choose tiles, grids or stacking styles according to their own preferences, solving the problem that task card interface styles in the prior art cannot meet user habits, and achieving higher user experience and interface interactivity.
Patent Information
- Application Number
- CN202411749450.0
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-11-29
- Publication Date
- 2025-03-18
AI Technical Summary
The style of the task card interface in existing electronic devices cannot meet the user's operating habits and lacks flexibility.
Provides an information display method and device to display the selection interface. Users can select three styles: tiling, grid and stacking in the task card layout style, and set the style of the task card interface in real time according to the user's choice.
By providing more flexible task card layout styles, it meets the operating habits of different users and improves user experience and interface interactivity.
Smart Images
Figure CN119645277A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to electronic technology, and relates to but is not limited to information display methods, devices and equipment. Background Art
[0002] With the popularity of electronic devices (such as mobile terminals), more and more applications are being developed to meet the needs of users' lives and work. Applications installed in electronic devices play an increasingly important role, the pages and functions in applications are becoming more abundant, and the types of applications are increasing. At present, most electronic devices support the display of task card interfaces, that is, recent tasks are displayed in thumbnails on the task card interface, so that users can quickly switch applications and conveniently view recently opened applications.
[0003] However, the styles of task card interfaces currently supported on the same electronic device may not meet the user's operating habits. Summary of the invention
[0004] In a first aspect, an embodiment of the present application provides an information display method, the method comprising: displaying a selection interface, the selection interface comprising at least two of the following task card layout styles: tiled, grid, and stacked; the task card comprising an interface image of one or more tasks that have been run in the foreground; determining a selected target layout style in response to a selection instruction received by the selection interface; and setting the style of the task card interface to the target layout style.
[0005] In a second aspect, an embodiment of the present application provides an information display device, comprising: a display module configured to display a selection interface, the selection interface including at least two of the following task card layout styles: tiled, grid, and stacked; the task card includes an interface image of one or more tasks that have run in the foreground; a determination module configured to determine a selected target layout style in response to a selection instruction received by the selection interface; and a setting module configured to set the style of the task card interface to the target layout style.
[0006] In a third aspect, an embodiment of the present application provides an electronic device, including a memory and a processor, wherein the memory stores a computer program that can be executed on the processor, and when the processor executes the program, the method described in the first aspect is implemented.
[0007] In a fourth aspect, an embodiment of the present application provides a computer-readable storage medium having a computer program stored thereon, which implements the method described in the first aspect when executed by a processor or an electronic device.
[0008] In a fifth aspect, an embodiment of the present application provides a computer program product, including a computer program or instructions, which, when executed by a processor or an electronic device, implements the method described in the first aspect of the present application.
[0009] In a sixth aspect, an embodiment of the present application provides a computer program, which enables a processor or an electronic device to execute the method described in the first aspect.
[0010] In an embodiment of the present application, the displayed selection interface includes at least two of the following task card layout styles for the user to choose from: tiled, grid, and stacked; in this way, by providing more flexible task card layout styles, the operating habits of different users can be met, and users can choose the corresponding task card layout style according to their preferences.
[0011] It should be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present application. BRIEF DESCRIPTION OF THE DRAWINGS
[0012] The drawings herein are incorporated into the specification and constitute a part of the specification. These drawings illustrate embodiments consistent with the present application and are used together with the specification to illustrate the technical solution of the present application. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without creative work.
[0013] The flowcharts shown in the accompanying drawings are only exemplary and do not necessarily include all the contents and operations / steps, nor must they be executed in the order described. For example, some operations / steps can be decomposed, and some operations / steps can be combined or partially combined, so the actual execution order may change according to actual conditions.
[0014] Figure 1 A schematic diagram of the implementation flow of the information display method provided in the embodiment of the present application;
[0015] Figure 2 The style of the task card interface provided in the embodiment of the present application is a tiled example Figure 1 ;
[0016] Figure 3 The style of the task card interface provided in the embodiment of the present application is a tiled example Figure 2 ;
[0017] Figure 4 The style of the task card interface provided for the embodiment of the present application is a stacked example diagram;
[0018] Figure 5The style of the task card interface provided in the embodiment of the present application is an example diagram of a grid;
[0019] Figure 6 Example of the selection interface provided for the embodiment of the present application Figure 1 ;
[0020] Figure 7 Example of the selection interface provided for the embodiment of the present application Figure 2 ;
[0021] Figure 8 Example of the selection interface provided for the embodiment of the present application Figure 3 ;
[0022] Fig. 9 Example of the selection interface provided for the embodiment of the present application Figure 4 ;
[0023] Fig.10 Example of the selection interface provided for the embodiment of the present application Figure 5 ;
[0024] Fig.11 A schematic diagram of the implementation process of displaying a task card interface provided in an embodiment of the present application;
[0025] Fig.12 A schematic diagram of a task card in a card container provided in an embodiment of the present application;
[0026] Fig.13 A schematic diagram of the layout of task cards in a card container provided in an embodiment of the present application;
[0027] Fig.14 A schematic diagram of the structure of an information display device provided in an embodiment of the present application;
[0028] Fig.15 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION
[0029] In order to make the purpose, technical solution and advantages of the embodiments of the present application clearer, the specific technical solution of the present application will be further described in detail below in conjunction with the drawings in the embodiments of the present application. The following embodiments are used to illustrate the present application, but are not used to limit the scope of the present application.
[0030] Unless otherwise defined, all technical and scientific terms used herein have the same meaning as those commonly understood by those skilled in the art to which this application belongs. The terms used herein are only for the purpose of describing the embodiments of this application and are not intended to limit this application.
[0031] In the following description, reference is made to “some embodiments”, “this embodiment”, “embodiments of the present application” and examples, etc., which describe a subset of all possible embodiments, but it can be understood that “some embodiments” may be the same subset or different subsets of all possible embodiments and may be combined with each other without conflict.
[0032] The descriptions of “first, second, third” etc. that appear in the embodiments of the present application are only for illustration and distinction of the description objects. There is no distinction of order, nor do they indicate any special limitation on the number of devices in the embodiments of the present application, and cannot constitute any limitation on the embodiments of the present application.
[0033] The embodiments of the present application provide the following information display method, device, equipment, etc.
[0034] Figure 1 A schematic diagram of the implementation flow of the information display method provided in the embodiment of the present application; Figure 1 As shown, the method may include the following steps 101 to 103:
[0035] Step 101, displaying a selection interface, wherein the selection interface includes at least two of the following task card layout styles: tile, grid, and stack; the task card includes an interface image of one or more tasks that have been run in the foreground;
[0036] Step 102, in response to the selection instruction received by the selection interface, determining a selected target layout style;
[0037] Step 103: setting the style of the task card interface to the target layout style.
[0038] It can be understood that in the embodiment of the present application, the displayed selection interface includes at least two of the following task card layout styles for users to choose from: tiled, grid, and stacked; in this way, by providing more flexible task card layout styles, the operating habits of different users can be met, and users can choose the corresponding task card layout style according to their preferences.
[0039] The following describes further optional implementations and related terms of each of the above steps.
[0040] Step 101, displaying a selection interface, wherein the selection interface includes at least two of the following task card layout styles: tiled, grid, and stacked; the task card includes an interface diagram of one or more tasks that have been run in the foreground.
[0041] In an embodiment of the present application, the selection interface includes at least two layout styles among the three task card layout styles of tiling, grid and stacking.
[0042] For example, in some embodiments, the selection interface includes at least the following task card layout styles: tiled, grid, and stacked.
[0043] For example, in some embodiments, the selection interface includes tiles and grids, or the selection interface includes tiles, grids and other one or more task card layout styles (the other one or more task card layout styles may be other layout styles different from stacking).
[0044] For example, in some embodiments, the selection interface includes tiling and stacking, or the selection interface includes tiling, stacking and one or more other task card layout styles (the one or more other task card layout styles may be other layout styles different from the grid).
[0045] For example, in some embodiments, the selection interface includes a grid and a stack, or the selection interface includes a grid, a stack and one or more other task card layout styles (the one or more other task card layout styles may be other layout styles different from tiling).
[0046] In some embodiments, the interface diagrams of one or more tasks that have been run in the foreground include: an interface diagram of a task that has been run in the foreground and an interface diagram of a task that has been run in the background. In some embodiments, the task card is in a card container.
[0047] It can be understood that the tiling layout style means that task cards are arranged in a row on the task card interface, and two adjacent task cards do not overlap and have a certain gap. Figure 2 The task card interface 200 shown in the figure shows an example in which the layout style of the task card is tiled. Figure 2 As shown, on the task card interface 200, the task card 201 and the task card 202 do not overlap each other and have a certain gap. When a sliding operation is received on the task card interface 200, the position of the task card on the task card interface 200 slides, and the display result after sliding is as shown in FIG. Figure 3 As shown, on the task card interface 200 , the task card 201 and the task card 202 do not overlap each other and have a certain gap, and the task card 202 and the task card 203 do not overlap each other and have a certain gap.
[0048] The stacking layout style means that task cards are stacked on the task card interface, and two adjacent task cards partially overlap. For example Figure 4 The task card interface 400 shown in FIG. 4 shows an example in which the layout style of the task cards is stacked. Figure 4As shown, on the task card interface 400 , task card 401 , task card 402 , and task card 403 are stacked and arranged, and two adjacent task cards partially overlap.
[0049] The grid layout style means that task cards are arranged in a grid on the task card interface, and two adjacent task cards do not overlap each other and have a certain gap. For example, task cards are arranged in N rows and M columns on the task card interface, where N and M are both greater than 1. Figure 5 The style of the task card interface provided in the embodiment of the present application is an example diagram of a grid; Figure 5 As shown, on the task card interface 500, the task cards 501-508 are arranged in a grid pattern of 2 rows and 4 columns, and two adjacent task cards do not overlap each other and have a certain gap.
[0050] It should be noted that Figures 2 to 5 The specific content on the task card is not shown, but this does not mean that the content on the task card is missing. The content on the task card is the interface diagram of the corresponding task. Figures 2 to 5 The examples are merely illustrative of the three layout styles of tiling, stacking, and grid, but the illustrated examples do not constitute a limitation to these three layout styles.
[0051] Step 102: In response to a selection instruction received by the selection interface, determine a selected target layout style.
[0052] It should be noted that the selected target layout style may also be understood as a selected layout style, and the selected layout style may be a tiled layout style, a grid layout style, a stacked layout style, and the like.
[0053] Step 103: setting the style of the task card interface to the target layout style.
[0054] In the embodiments of the present application, the task card interface can also be understood as a multi-task interface or a recent task interface, etc. The task card interface is used to display a recent task list (i.e., a task view of recent tasks stored in a card container), and the recent task list includes a task view of tasks running in the foreground and a task view of tasks running in the background. In some embodiments, the task view includes a task card corresponding to the task and icon information of the task card (e.g., a corresponding icon and the name of the icon).
[0055] For step 103, in some embodiments, after the user selects the target layout style, there is no need to further input an instruction to instruct that the selected target layout style be set as the style of the task card interface. After determining the selected target layout style, the electronic device directly and automatically sets the style of the task card interface to the target layout style. In other embodiments, after the user selects the target layout style, the user may further input an instruction to instruct that the selected target layout style be set as the style of the task card interface, that is, step 103 further includes: in response to a second instruction input, setting the style of the task card interface to the target layout style; wherein the second instruction is used to instruct that the style of the task card interface be set to the currently selected target layout style.
[0056] In the embodiment of the present application, there is no restriction on the way in which the selection interface presents the layout style options of the task card. In short, the user can flexibly select the layout style he likes through the selection interface.
[0057] Figure 6 Example of the selection interface provided for the embodiment of the present application Figure 1 ;like Figure 6 As shown, on the selection interface 600, there are three option areas for the layout styles of task cards, namely, tiled, grid, and stacked. The user can select the target layout style by clicking on the area 601 (i.e., the option area) where the "tile style" field is located; the user can also select the target layout style by clicking on the area 602 (i.e., the option area) where the "grid style" field is located; the user can also select the target layout style by clicking on the area 603 (i.e., the option area) where the "stacked style" field is located. In a possible implementation, step 103 may further include: in response to a click operation / touch operation received in the option area, setting the target layout style selected by the click operation / touch operation as the style of the task card interface.
[0058] Figure 7 Example of the selection interface provided for the embodiment of the present application Figure 2 ;like Figure 7 As shown, on the selection interface 700, there are three layout styles of task cards, namely, tiled, grid and stacked, and an example diagram of the target layout style that was most recently selected. Figure 7As shown, assuming that the target layout style selected by the user most recently is tiled, the area 701 (i.e., the option area) where the "Tile Style" field is located on the selection interface 700 is displayed as selected, and an example image 702 of the tile style is displayed in another area. If the user wants to switch the style of the task card interface, the target layout style can be switched by clicking the area 703 where the "Grid Style" field is located or the area 704 where the "Stack Style" field is located, that is, the style of the task card interface can be switched. Figure 8 As shown, when the user clicks on the area 703 where the "grid style" field is located, the area 703 (i.e., the option area) where the "grid style" field is located on the selection interface 700 is displayed as selected, and an example image 705 of the grid style is presented in another area. Fig. 9 As shown, when the user clicks on the area 704 where the "Stacking Style" field is located, the area 704 (ie, the option area) where the "Stacking Style" field is located on the selection interface 700 is displayed as selected, and an example diagram 706 of the stacking style is presented in another area.
[0059] Fig.10 Example of the selection interface provided for the embodiment of the present application Figure 5 ;like Fig.10 As shown, on the selection interface 100, there are three layout styles of task cards, namely, tile, grid and stack, and an example diagram of each layout style. The user can select the target layout style of his / her choice by clicking on the area 1001 (i.e., the option area) where the "tile style" field is located, or clicking on the area 1002 (i.e., the option area) where the "grid style" field is located, or clicking on the area 1003 (i.e., the option area) where the "stack style" field is located.
[0060] In one possible implementation, step 103 may further include: in response to a click operation / touch operation received in the option area, setting the target layout style selected by the click operation / touch operation as the style of the task card interface. Figure 6-10 As shown, the selection interface also includes a first control key. After the user selects any area of the area where the "tile style" field, the "grid style" field, and the "stack style" field are located, the user needs to click the first control key to set the selected layout style as the style of the task card interface. That is, step 103 may further include: in response to a click operation / touch operation (corresponding to a second instruction) received by the first control key on the selection interface, setting the target layout style selected by the click operation / touch operation as the style of the task card interface.
[0061] It can be understood that after the user selects the layout style of the task card, when the task card interface is subsequently called out, the style presented on the task card interface is the layout style selected by the user.
[0062] Exemplarily, in some embodiments, the method further includes: displaying the task card interface in response to a first input instruction; wherein one or more task cards are displayed on the task card interface in accordance with the target layout style; and the first instruction is used to instruct the display of recent tasks.
[0063] Further, in some embodiments, the task view in the card container is displayed on the task card interface according to the target layout style, and the task view includes a task card and icon information corresponding to the task card; wherein the icon information is displayed above the corresponding task card.
[0064] For example, in some embodiments, the icon information corresponding to the task card includes the application icon of the task corresponding to the task card and the name of the application icon. Figure 2 204 is the application icon of the task corresponding to the task card 201, and 205 is the name of the application icon. Figures 3 to 5 The one similar to 204 is the application icon of the task corresponding to the task card, and the one similar to 205 is the name of the application icon, which will not be identified and explained one by one here.
[0065] Furthermore, in some embodiments, Fig.11 As shown, in response to the input of the first instruction, displaying the task card interface includes the following steps 1101 to 1102:
[0066] Step 1101: In response to the first instruction inputted, determine a first spacing of the card container relative to a screen edge.
[0067] In some embodiments, in step 1101, determining the first spacing of the card container relative to the edge of the screen may further include: determining the card size corresponding to the target layout style; determining the second spacing of the task card relative to the edge of the screen; determining the size of the task view of the task card and the fourth spacing relative to the edge of the screen based on the card size of the task card, the second spacing, the size of the first area occupied by the icon information on the screen, and the third spacing between the first area and the corresponding task card; determining the first spacing based on the size of the task view and the fourth spacing.
[0068] Step 1102: layout and display the task views in the card container on the task card interface according to the first spacing, the card size corresponding to the target layout style, and the card spacing.
[0069] For example, when the task views in the card container are laid out and displayed on the task card interface, the first element position is the position of the default task view, and then other task views are offset in the horizontal direction in turn according to the card size and card spacing with reference to the first element position. In a possible implementation, the initial positions of all task views (or all task cards) in the card container are the same.
[0070] It is understandable that different task card layout styles may have different corresponding card sizes and different corresponding card spacings. The card spacing refers to the spacing between two adjacent task cards.
[0071] It can be understood that after displaying the task card interface, the user can slide on the task card interface to view the task cards in the card container, that is, if the task card interface does not currently present all task views in the card container, when the task card interface receives a sliding operation, the task card interface displays other hidden task cards.
[0072] In some embodiments, the method also includes: determining the horizontal displacement and / or vertical displacement of the task card in response to a sliding operation received by the task card interface; and controlling the sliding of the task card according to the horizontal displacement and / or vertical displacement of the task card.
[0073] It should be noted that based on the sliding operation received by the task card interface, the horizontal displacement and / or vertical displacement of each task card in the card container can be determined, and the sliding of the task card can be controlled according to the horizontal displacement and / or vertical displacement of each task card.
[0074] In some embodiments, the units of the horizontal displacement and the vertical displacement are pixels.
[0075] In a possible implementation, the task card may be controlled to move in the horizontal direction by translationX (ie, horizontal displacement), and may be controlled to move in the vertical direction by translationY (ie, vertical displacement).
[0076] It can be understood that in the embodiment of the present application, the units of the horizontal displacement and the vertical displacement are pixels, that is, the distance of controlling the sliding of the task card is at the pixel level; in this way, for any layout style of tiling, stacking, and grid, when the user touches and slides, the moving distance of the card is not moved in units of the width of the card, but slides in units of the width of the pixel unit, which is beneficial to improve the accuracy of the sliding distance of the task card, making the sliding distance of the task card closer to the actual sliding operation of the user, and thus beneficial to enhance the interactivity and visual appeal of the user interface and improve the user experience.
[0077] In some embodiments, the method further includes: in response to the input of the custom arrangement, updating the arrangement of the task cards in the layout style.
[0078] It can be understood that in the embodiment of the present application, users can customize the arrangement of task cards in any layout style such as tiling, grid, stacking, etc., so that the arrangement of task cards in the task card interface is more in line with the user's personalized and customized needs, which is beneficial to improving the user's experience.
[0079] In an embodiment of the present application, the customized layout method includes one or more of the following customized parameters: card size, card spacing, the number of rows of cards arranged in a grid layout style, and the number of columns of cards arranged in a grid layout style.
[0080] The following examples describe possible implementations of the information display method described in one or more of the above embodiments.
[0081] Recent tasks, that is, tasks contained in card containers, are displayed in different ways by designing and implementing custom list views to display thumbnails and titles of recently used apps. This usually involves using RecyclerView or ListView as the basic UI control and combining it with a custom adapter to bind data.
[0082] The embodiment of the present application provides an information display method, in which the layout style of the card container is rewritten (including three layout styles, namely, tiled, grid and stacked), the size of each task card in the same layout style is consistent, and for the stacked layout style, the layout positions of the task cards overlap;
[0083] Fig.12 A schematic diagram of a task card in a card container provided in an embodiment of the present application; Fig.12As shown, the initial positions of all task cards are the same. By using translationX (horizontal displacement) and / or translationY (vertical displacement) to control the position of each task card, a visual tiling, stacking or grid arrangement effect is achieved. It can be understood that the minimum moving unit of translationX and translationY is a pixel unit, so on the one hand, for the stacked layout style, the width of the overlapping part between two adjacent task cards can be pixel-level, which is beneficial to achieve stacking at any interval; on the other hand, for the tiling, stacking, and grid layout styles, when the user touches and slides, the moving distance of the task card is not moved in units of the width of the card, but in units of the width of the pixel unit, which is beneficial to enhance the interactivity and visual appeal of the user interface.
[0084] In this method, the onInterceptTouchEvent and onTouchEvent of the card container are rewritten to handle the sliding and scrolling logic, and the Scroller (used to handle touch operations / events) is used to complete the position calculation of scrolling and flinging operations (calculate the size of translationX and / or translationY). Finally, the scrolling and flinging operations are completed by controlling the translationX and / or translationY of each card. In summary, the user's scrolling or flinging operation is converted into the sliding of the task card on the screen.
[0085] Among them, onInterceptTouchEvent and onTouchEvent can be understood as receivers for the user's touch operation / event. The scrolling operation mentioned above can be understood as sliding the task card while pressing it, which is an example of a sliding operation. Fling can be understood as flinging, and the task card will slide a certain distance after the user releases the task card.
[0086] Fig.13 A schematic diagram of the layout of task cards in a card container provided in an embodiment of the present application; Fig.13As shown, 1301 is the edge / border of the screen, 1302 can be understood as the task view (TaskView), top padding can be understood as the distance between the upper border of the task view 1302 and the upper edge of the screen, left padding can be understood as the distance between the left border of the task view 1302 and the left edge of the screen, bottom padding can be understood as the distance between the lower border of the task view 1302 and the lower edge of the screen, right padding can be understood as the distance between the right border of the task view 1302 and the right edge of the screen; Icon size can be understood as the icon area, TaskThubmnail size can be understood as the screenshot of the task card / task, and Task margin can be understood as the gap area between the icon area and the task card.
[0087] like Fig.13 As shown, the task view is the entire area indicated by 1302, including the icon area and the task card area and the gap between the icon area and the task card area. The icon area is used to display the icon information of the corresponding task card.
[0088] For the layout algorithm of the task card in the card container, in one possible implementation, the size and position of the screenshot (i.e., the spacing relative to the edge of the screen) are calculated; then the size and position of the TaskView (i.e., the spacing relative to the edge of the screen) can be calculated accordingly, and finally the padding value of the card container (i.e., the spacing relative to the edge of the screen) is calculated; based on this, when the task views in the card container are laid out on the task card interface, the first element position is the default TaskView position, and then the remaining task views are offset horizontally according to the card size and card spacing.
[0089] The above technology can be used to switch between the three recent task card layouts: tiling, stacking, and grid.
[0090] In an embodiment of the present application, a more flexible multi-task layout method (i.e., the layout style of task cards) is provided to meet the operating habits of different users; through displacement control, more intuitive task switching and management are achieved, enhancing the interactivity and visual appeal of the user interface.
[0091] In the embodiment of the present application, the three recent task card layouts (i.e., the layout styles of task cards) of tiled, grid, and stacked can be switched at the same time, so that users can choose different recent task card layout methods according to their preferences.
[0092] The above scheme presets three task card layout modes / layout styles for users to choose and switch. In the future, the editing interface can be opened to allow users to customize the layout mode / layout style of recent task cards. Users can change and edit the arrangement of task cards in any layout style according to their preferences. For example, change the task cards in the grid layout style from the original two-row arrangement to a three-row arrangement.
[0093] It should be noted that although the steps of the method in the present application are described in a specific order in the drawings, this does not require or imply that the steps must be performed in this specific order, or that all the steps shown must be performed to achieve the desired results. Additionally or alternatively, some steps may be omitted, multiple steps may be combined into one step, and / or one step may be decomposed into multiple steps, etc.; or, steps in different embodiments may be combined into a new technical solution.
[0094] Based on the foregoing embodiments, an embodiment of the present application provides an information display device.
[0095] Fig.14 A schematic diagram of the structure of the information display device provided in the embodiment of the present application; Fig.14 As shown, the information display device 140 includes:
[0096] Display module 1401 is configured to display a selection interface, wherein the selection interface includes at least two of the following task card layout styles: tile, grid, and stack; the task card includes an interface image of one or more tasks that have been run in the foreground;
[0097] A determination module 1402 is configured to determine a selected target layout style in response to a selection instruction received on the selection interface;
[0098] The setting module 1403 is configured to set the style of the task card interface to the target layout style.
[0099] In some embodiments, the display module 1401 is also configured to: display the task card interface in response to a first input instruction; wherein one or more task cards are displayed on the task card interface according to the target layout style; and the first instruction is used to instruct the display of recent tasks.
[0100] Further, in some embodiments, the task view in the card container is displayed on the task card interface according to the target layout style, and the task view includes a task card and icon information corresponding to the task card; wherein the icon information is displayed above the corresponding task card.
[0101] In some embodiments, the information display device 140 also includes a control module, which is configured to: determine the horizontal displacement and / or vertical displacement of the task card in response to a sliding operation received by the task card interface; and control the sliding of the task card according to the horizontal displacement and / or vertical displacement of the task card.
[0102] In some embodiments, the units of the horizontal displacement and the vertical displacement are pixels.
[0103] Further, in some embodiments, displaying the task card interface in response to the first instruction includes: determining a first spacing of the card container relative to a screen edge in response to the first instruction; and displaying the task view in the card container on the task card interface according to the first spacing, the card size corresponding to the target layout style, and the card spacing.
[0104] In some embodiments, the information display device 140 further includes an updating module, and the updating module is configured to update the arrangement of the task cards in the layout style in response to the input custom arrangement.
[0105] The description of the above device embodiment is similar to the description of the above method embodiment, and has similar beneficial effects as the method embodiment. For technical details not disclosed in the device embodiment of the present application, please refer to the description of the method embodiment of the present application for understanding.
[0106] It should be noted that the division of modules in the embodiments of the present application is schematic and is only a logical function division. There may be other division methods in actual implementation. In addition, each functional unit in each embodiment of the present application may be integrated into a processing unit, or may exist physically alone, or two or more units may be integrated into one unit. The above-mentioned integrated unit may be implemented in the form of hardware or in the form of a software functional unit. It may also be implemented in the form of a combination of software and hardware.
[0107] It should be noted that in the embodiment of the present application, if the above method is implemented in the form of a software function module and sold or used as an independent product, it can also be stored in a computer-readable storage medium. Based on such an understanding, the technical solution of the embodiment of the present application can be essentially or partly embodied in the form of a software product that contributes to the relevant technology. The computer software product is stored in a storage medium, including several instructions to enable an electronic device to execute all or part of the methods described in each embodiment of the present application. The aforementioned storage medium includes: various media that can store program codes, such as a U disk, a mobile hard disk, a read-only memory (ROM), a magnetic disk or an optical disk. In this way, the embodiment of the present application is not limited to any specific combination of hardware and software.
[0108] An embodiment of the present application provides an electronic device, Fig.15 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application; Fig.15 As shown, the electronic device 150 includes a memory 1501 and a processor 1502, wherein the memory 1501 stores a computer program that can be run on the processor 1502, and the processor 1502 implements the steps in the method provided in the above embodiment when executing the program.
[0109] It should be noted that the memory 1501 is configured to store instructions and applications executable by the processor 1502, and can also cache data to be processed or already processed by the processor 1502 and various modules in the electronic device 150 (for example, image data, audio data, voice communication data, and video communication data), which can be implemented through flash memory (FLASH) or random access memory (Random Access Memory, RAM).
[0110] In the embodiments of the present application, there is no limitation on the type of electronic device, and the electronic device may be any device with a display screen, such as a smart phone, a laptop, a tablet computer, a television, or a vehicle-mounted device.
[0111] An embodiment of the present application also provides a computer-readable storage medium for storing a computer program.
[0112] Optionally, the computer-readable storage medium can be applied to the electronic device in the embodiments of the present application, and the computer program enables the processor or electronic device to execute the various methods of the embodiments of the present application, which will not be described in detail here for the sake of brevity.
[0113] An embodiment of the present application also provides a computer program product, including computer program instructions.
[0114] Optionally, the computer program product may be applied to the electronic device in the embodiments of the present application, and the computer program instructions enable the processor or electronic device to execute the various methods in the embodiments of the present application, which will not be described in detail here for the sake of brevity.
[0115] The embodiment of the present application also provides a computer program.
[0116] Optionally, the computer program may be applied to the electronic device in the embodiments of the present application. When the computer program runs on a processor or an electronic device, the processor or the electronic device executes the various methods in the embodiments of the present application. For the sake of brevity, they are not described here in detail.
[0117] It should be noted here that the description of the above electronic device, storage medium, computer program product and computer program embodiment is similar to the description of the above method embodiment, and has similar beneficial effects as the method embodiment. For technical details not disclosed in the electronic device, storage medium, computer program product and computer program embodiment of this application, please refer to the description of the method embodiment of this application for understanding.
[0118] It should be understood that "one embodiment" or "an embodiment" or "some embodiments" mentioned throughout the specification means that specific features, structures or characteristics related to the embodiment are included in at least one embodiment of the present application. Therefore, "in one embodiment" or "in one embodiment" or "in some embodiments" appearing throughout the specification may not necessarily refer to the same embodiment. In addition, these specific features, structures or characteristics can be combined in one or more embodiments in any suitable manner. It should be understood that in various embodiments of the present application, the size of the sequence number of the above-mentioned processes does not mean the order of execution, and the execution order of each process should be determined by its function and internal logic, and should not constitute any limitation on the implementation process of the embodiment of the present application. The above-mentioned sequence numbers of the embodiments of the present application are only for description and do not represent the advantages and disadvantages of the embodiments. The above description of each embodiment tends to emphasize the differences between the various embodiments, and the same or similar aspects can be referenced to each other. For the sake of brevity, this article will not repeat them.
[0119] The term "and / or" in this article is only a description of the association relationship of associated objects, indicating that there may be three relationships. For example, object A and / or object B can represent three situations: object A exists alone, object A and object B exist at the same time, and object B exists alone.
[0120] It should be noted that, in this article, the terms "include", "comprises" or any other variations thereof are intended to cover non-exclusive inclusion, so that a process, method, article or device including a series of elements includes not only those elements, but also other elements not explicitly listed, or also includes elements inherent to such process, method, article or device. In the absence of further restrictions, an element defined by the sentence "comprises a ..." does not exclude the existence of other identical elements in the process, method, article or device including the element.
[0121] In the several embodiments provided in the present application, it should be understood that the disclosed devices and methods can be implemented in other ways. The embodiments described above are only schematic. For example, the division of the modules is only a logical function division. There may be other division methods in actual implementation, such as: multiple modules or components can be combined, or can be integrated into another system, or some features can be ignored, or not executed. In addition, the coupling, direct coupling, or communication connection between the components shown or discussed can be through some interfaces, and the indirect coupling or communication connection of devices or modules can be electrical, mechanical or other forms.
[0122] The modules described above as separate components may or may not be physically separated, and the components displayed as modules may or may not be physical modules; they may be located in one place or distributed on multiple network units; some or all of the modules may be selected according to actual needs to achieve the purpose of the present embodiment.
[0123] In addition, all functional modules in the embodiments of the present application may be integrated into one processing unit, or each module may be a separate unit, or two or more modules may be integrated into one unit; the above-mentioned integrated modules may be implemented in the form of hardware or in the form of hardware plus software functional units.
[0124] A person skilled in the art can understand that all or part of the steps of implementing the above method embodiment can be completed by hardware related to program instructions, and the aforementioned program can be stored in a computer-readable storage medium. When the program is executed, it executes the steps of the above method embodiment; and the aforementioned storage medium includes: mobile storage devices, read-only memories (ROM), magnetic disks or optical disks, etc., various media that can store program codes.
[0125] Alternatively, if the above-mentioned integrated unit of the present application is implemented in the form of a software function module and sold or used as an independent product, it can also be stored in a computer-readable storage medium. Based on this understanding, the technical solution of the embodiment of the present application can essentially or in other words, the part that contributes to the relevant technology can be embodied in the form of a software product, and the computer software product is stored in a storage medium, including a number of instructions for enabling an electronic device to execute all or part of the methods described in each embodiment of the present application. The aforementioned storage medium includes: various media that can store program codes, such as mobile storage devices, ROMs, magnetic disks, or optical disks.
[0126] The methods disclosed in several method embodiments provided in this application can be arbitrarily combined without conflict to obtain new method embodiments.
[0127] The features disclosed in several product embodiments provided in this application can be arbitrarily combined without conflict to obtain new product embodiments.
[0128] The features disclosed in several method or device embodiments provided in this application can be arbitrarily combined without conflict to obtain new method embodiments or device embodiments.
[0129] The above is only an implementation method of the present application, but the protection scope of the present application is not limited thereto. Any person skilled in the art who is familiar with the present technical field can easily think of changes or substitutions within the technical scope disclosed in the present application, which should be included in the protection scope of the present application. Therefore, the protection scope of the present application should be based on the protection scope of the claims.
Claims
1. An information display method, characterized in that: The method comprises: Display a selection interface, the selection interface including at least two of the following task card layout styles: tile, grid, and stack; the task card includes an interface image of one or more tasks that have been run in the foreground; In response to a selection instruction received by the selection interface, determining a selected target layout style; Set the style of the task card interface to the target layout style.
2. The method according to claim 1, characterized in that The selection interface includes at least the following task card layout styles: tiled, grid, and stacked.
3. The method according to claim 1 or 2, characterized in that: The method further comprises: In response to a first instruction input, the task card interface is displayed; wherein, one or more task cards are displayed on the task card interface according to the target layout style; and the first instruction is used to instruct the display of recent tasks.
4. The method according to claim 3, characterized in that: On the task card interface, the task view in the card container is displayed according to the target layout style, and the task view includes a task card and icon information corresponding to the task card; wherein the icon information is displayed above the corresponding task card.
5. The method according to claim 3 or 4, characterized in that: The method further comprises: In response to a sliding operation received by the task card interface, determining a horizontal displacement and / or a vertical displacement of the task card; The task card is controlled to slide according to the horizontal displacement and / or vertical displacement of the task card.
6. The method according to claim 5, characterized in that The units of the horizontal displacement and the vertical displacement are pixels.
7. The method according to claim 4, characterized in that The step of displaying the task card interface in response to the first instruction includes: In response to the first instruction, determining a first distance between the card container and a screen edge; The task views in the card container are laid out and displayed on the task card interface according to the first spacing, the card size corresponding to the target layout style, and the card spacing.
8. The method according to any one of claims 1 to 7, characterized in that The method further comprises: In response to the input of the custom layout, the layout of the task cards in the layout style is updated.
9. An information display device, characterized in that: The device comprises: A display module is configured to display a selection interface, wherein the selection interface includes at least two of the following task card layout styles: tile, grid, and stack; the task card includes an interface image of one or more tasks that have been run in the foreground; a determination module, configured to determine a selected target layout style in response to a selection instruction received by the selection interface; A setting module is configured to set the style of the task card interface to the target layout style.
10. An electronic device comprising a memory and a processor, wherein the memory stores a computer program that can be run on the processor, characterized in that: When the processor executes the program, the method according to any one of claims 1 to 8 is implemented.