Content display method and device, electronic equipment and computer readable medium

Abstract

The invention discloses a content display method and device, electronic equipment and a computer readable medium, and relates to the technical field of mobile terminals.The method comprises the steps that under the condition that a first display component is displayed on a screen of the electronic equipment, target operation for the first display component is detected, and the first display component displays first content; in response to the target operation, generating a second display component based on the first display component; generating a second content based on the first content; and displaying the second display component on a screen, and displaying the second content in the second display component. Therefore, under the condition that the first display component is displayed, the first display component can be replaced by the second display component through operation on the first display component, and the display content of the second display component is related to the display content of the first display component, so that the control and interactivity of the display components are improved.

Description

Technical Field

[0001] The present application relates to the field of mobile terminal technology, and more specifically, to a content display method, device, electronic device and computer-readable medium. Background Art

[0002] As the number of applications installed in electronic devices increases, the functions that electronic devices can realize are becoming increasingly rich, and the information that electronic devices can recommend to users is becoming richer and more diverse. Cards are a classic way of presenting information to users in electronic devices. However, the related way of triggering cards to display corresponding content is not flexible and convenient enough. Summary of the invention

[0003] The present application proposes a content display method, device, electronic device and computer-readable medium to improve the above-mentioned defects.

[0004] In a first aspect, an embodiment of the present application provides a content display method, which is applied to an electronic device, the method comprising: when a first display component is displayed on a screen of the electronic device, a target operation for the first display component is detected, wherein the first display component displays first content; in response to the target operation, a second display component is generated based on the first display component; second content is generated based on the first content; the second display component is displayed on the screen, and the second content is displayed in the second display component.

[0005] In a second aspect, an embodiment of the present application further provides a content display device, which is applied to an electronic device, and the device includes: a detection unit, a response unit, a generation unit, and a display unit. The detection unit is used to detect a target operation on the first display component when the first display component is displayed on the screen of the electronic device, wherein the first display component displays the first content. The response unit is used to generate a second display component based on the first display component in response to the target operation. The generation unit is used to generate the second content based on the first content. The display unit is used to display the second display component on the screen and display the second content in the second display component.

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

[0007] In a fourth aspect, an embodiment of the present application further provides a computer-readable storage medium, wherein the readable storage medium stores a program code executable by a processor, and when the program code is executed by the processor, the processor executes the above method.

[0008] Compared with the prior art, the content display method, device, electronic device and computer-readable medium provided by the present application, when a first display component is displayed on the screen of the electronic device, a target operation for the first display component is detected, wherein the first display component displays a first content; in response to the target operation, a second display component is generated based on the first display component; second content is generated based on the first content; the second display component is displayed on the screen, and the second content is displayed in the second display component. Therefore, when the first display component is displayed, it can be replaced by the second display component by operating the first display component, and the display content of the second display component is related to the display content of the first display component, thereby improving the control and interactivity of the display component.

[0009] Other features and advantages of the embodiments of the present application will be described in the subsequent description, and partly become apparent from the description, or can be understood by practicing the embodiments of the present application. The purposes and other advantages of the embodiments of the present application can be realized and obtained by the structures specifically pointed out in the written description, claims, and drawings. BRIEF DESCRIPTION OF THE DRAWINGS

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

[0011] Figure 1 A schematic diagram showing cards of different sizes provided by the present application is shown;

[0012] Figure 2 A schematic diagram of a small component provided by the present application is shown;

[0013] Figure 3 A method flow chart of a content display method provided by an embodiment of the present application is shown;

[0014] Figure 4 A method flow chart of a content display method provided by another embodiment of the present application is shown;

[0015] Figure 5 A schematic diagram showing a first operation provided by an embodiment of the present application is shown;

[0016] Figure 6 A schematic diagram showing a first operation provided by another embodiment of the present application is shown;

[0017] Figure 7 A schematic diagram showing a first operation provided by yet another embodiment of the present application is shown;

[0018] Figure 8 A schematic diagram of a first card and a second card provided in an embodiment of the present application is shown;

[0019] Fig. 9 It shows that an embodiment of the present application provides Figure 8 a schematic diagram of the corresponding first target card;

[0020] Fig.10 A schematic diagram showing a first card and a second card provided in another embodiment of the present application is shown;

[0021] Fig.11 It shows that an embodiment of the present application provides Fig.10 a schematic diagram of the corresponding first target card;

[0022] Fig.12 A schematic diagram showing a first card and a second card provided in another embodiment of the present application is shown;

[0023] Fig.13 It shows that an embodiment of the present application provides Fig.12 a schematic diagram of the corresponding first target card;

[0024] Fig.14 Another embodiment of the present application provides Fig.12 a schematic diagram of the corresponding first target card;

[0025] Fig.15 A schematic diagram showing a first card and a second card provided in yet another embodiment of the present application is shown;

[0026] Fig.16 It shows that an embodiment of the present application provides Fig.15 a schematic diagram of the corresponding first target card;

[0027] Fig.17 Another embodiment of the present application provides Fig.15 a schematic diagram of the corresponding first target card;

[0028] Fig.18 A schematic diagram showing a first card and a second card provided in yet another embodiment of the present application is shown;

[0029] Fig.19 It shows that an embodiment of the present application provides Fig.18 a schematic diagram of the corresponding first target card;

[0030] Fig. 20 Another embodiment of the present application provides Fig.18 a schematic diagram of the corresponding first target card;

[0031] Fig.21 A schematic diagram showing a first card and a second card provided in yet another embodiment of the present application is shown;

[0032] Fig. 22 It shows that an embodiment of the present application provides Fig.21 a schematic diagram of the corresponding first target card;

[0033] Fig.23 A schematic diagram showing a first card and a second card provided in yet another embodiment of the present application is shown;

[0034] Fig.24 It shows that an embodiment of the present application provides Fig.23 a schematic diagram of the corresponding first target card;

[0035] Fig.25 A schematic diagram showing a first card and a second card provided in yet another embodiment of the present application is shown;

[0036] Fig.26 It shows that an embodiment of the present application provides Fig.25 a schematic diagram of the corresponding first target card;

[0037] Fig. 27 A method flow chart of a content display method provided by another embodiment of the present application is shown;

[0038] Fig.28 A schematic diagram of a third card provided in an embodiment of the present application is shown;

[0039] Fig.29 It shows that an embodiment of the present application provides Fig.28 Schematic diagram of the corresponding widget;

[0040] Fig.30 A module block diagram of a content display device provided by an embodiment of the present application is shown;

[0041] Fig.31 A structural block diagram of an electronic device provided in an embodiment of the present application is shown;

[0042] Fig.32 A storage unit for storing or carrying a program code for implementing a content display method according to an embodiment of the present application is shown. DETAILED DESCRIPTION

[0043] In order to make those skilled in the art better understand the present application scheme, the technical scheme in the present application embodiment will be clearly and completely described below in conjunction with the drawings in the present application embodiment. Obviously, the described embodiment is only a part of the present application embodiment, rather than all the embodiments. The components of the present application embodiment usually described and shown in the drawings here can be arranged and designed in various different configurations. Therefore, the following detailed description of the embodiments of the present application provided in the drawings is not intended to limit the scope of the present application for protection, but merely represents the selected embodiment of the present application. Based on the embodiments of the present application, all other embodiments obtained by those skilled in the art without making creative work belong to the scope of protection of the present application.

[0044] It should be noted that similar reference numerals and letters represent similar items in the following drawings, so once an item is defined in one drawing, it does not need to be further defined and explained in subsequent drawings. At the same time, in the description of this application, the terms "first", "second", etc. are only used to distinguish the description and cannot be understood as indicating or implying relative importance.

[0045] As the categories of applications installed in electronic devices increase, the functions that electronic devices can achieve are also increasingly rich, and the information that electronic devices can recommend to users is richer and more diverse. Cards are a classic way of presenting information to users in electronic devices. At present, electronic devices (such as smart terminals) can recommend rich content such as photos to users through cards added by users on the desktop or lock screen interface. For example, a user can choose to add a card corresponding to an album application on the desktop, that is, a desktop album card, which belongs to the cardview provided by the operating system (for example, Android system). When the desktop album card is displayed on the desktop, the desktop album card can display at least one picture, for example, it can be a static display of a picture, or it can be a dynamic playback of multiple pictures, wherein the displayed picture can be from the album application, for example, it can be a photo or video collected by the user using the camera of the electronic device, or a picture received from other devices or networks, etc.

[0046] In addition, widgets can also be displayed on the desktop or lock screen of an electronic device. The widget is the smallest application View control that can be embedded in other applications. It can periodically receive information and update. Usually, the size of the widget is smaller than the card. The above-mentioned card has at least two sizes, namely a first size and a second size. The second size is larger than the first size. Usually, the second size is greater than or equal to twice the first size. When the electronic device is displayed in portrait mode, two cards of the first size can be displayed side by side on the screen of the electronic device.

[0047] See also Figure 1 , Figure 1 The card displayed on the desktop interface of the electronic device is shown. The displayed cards include a first card 110 and a second card 120. The first card 110 is a card of a first size, and the second card 120 is a card of a second size. It can be seen that the first card 110 is smaller than the second card 120, and the second card 120 is even slightly larger than twice the size of the first card 110. It can be seen that the size of the first card 110 is larger than the size of the icon 130. Figure 2 , Figure 2 The card and widget displayed on the desktop interface of the electronic device are shown. Figure 2 Component 140 in Figure 1 In comparison, the size of the widget 140 is much smaller than the sizes of the first card 110 and the second card 120 , and the outline of the widget 140 is different from the outline of the icon 130 .

[0048] However, the inventors found in their research that although cards or widgets serve as content carriers for applications, and the cards or widgets can also update content based on some trigger conditions (such as geographic location, time, etc.), the way the related trigger cards display the corresponding content is not flexible and convenient enough.

[0049] Therefore, in order to overcome the above-mentioned defects, an embodiment of the present application provides a content display method, which can trigger the display of other cards or widgets by operating the displayed card or widget, and the display content of the new card or widget displayed is associated with the display content of the operated card or widget.

[0050] See also Figure 3 , Figure 3 A content display method provided in an embodiment of the present application is shown. The method is applied to an electronic device and includes: S301 to S304.

[0051] S301: When a first display component is displayed on a screen of the electronic device, a target operation on the first display component is detected, wherein the first display component displays first content.

[0052] As an implementation mode, the first display component may be the aforementioned card or widget, and the target operation for the first display component may be a touch operation acting on a designated area, and the touch operation may be a single-click operation, a combo operation, a long-press operation, or a sliding operation, wherein the combo operation may be a double-click or a multiple-combo operation, and the number of the multiple-combo operation is greater than 2, and no limitation is made to this. The designated area may be the display area of ​​the first display component, and the target operation may also be a continuous multiple operation, for example, long-pressing the display area of ​​the first display component, an operation menu is displayed in the display area, and a selection operation is input in multiple operation menus to select a designated option. In the embodiment of the present application, the operation of changing the first display component into the second display component and displaying the second display component is named as the update operation of the first display component, and the target operation may be regarded as a trigger condition of the update operation, and the specific form of the target operation is not limited, as long as it can be recognized by the electronic device and can be distinguished from the trigger condition that triggers the electronic device to perform other operations. Specifically, in the subsequent embodiments, the target operation is also different for different types of the first display component.

[0053] As an implementation manner, the content displayed by the first display component can be named as the first content. The first content can include multimedia content such as text, video, audio, image, etc. in the first display component, and can also include controls in the first display component, etc., which are not limited here.

[0054] S302: In response to the target operation, generate a second display component based on the first display component.

[0055] As an implementation mode, similarly, the second display component can also be the aforementioned card or widget. Therefore, the first display component can generate the second display component in such a way that multiple cards are merged into one card, or one card is divided into multiple cards, or multiple widgets are merged into one widget, or one widget is divided into multiple widgets, or one card is changed into another card, and the two cards may correspond to different functional modules, and the different functional modules may be from different applications, or from the same application, or one widget is changed into another widget, etc. Specifically, the specific method for generating the second display component is not limited here, and some of these methods will be introduced through several embodiments later.

[0056] S303: Generate second content based on the first content.

[0057] It can be understood that the second content is correlated with the first content. Exemplarily, the type of the first content may be correlated with the type of the second content. For example, the type of the first content is the first type, and the second content also includes the first type. That is to say, the multimedia content in the second content and the first content may be different, but the two have the same type of content. In addition, the second display component and the first display component may correspond to different applications. The correlation between the second content and the first content can be understood as that part of the multimedia content in the second content comes from the application corresponding to the first display component. Specifically, in subsequent embodiments, for different types of first display components, the generation of the second content and the correlation between the second content and the first content will be specifically explained.

[0058] S304: Display the second display component on a screen, and display the second content in the second display component.

[0059] Therefore, for the user, when the first display component is displayed on the screen of the electronic device, the target operation is input for the first display component, and the first display component displayed by the electronic device becomes the second display component, and the second content is displayed on the second display component, and the displayed second content is related to the first content. Therefore, when the first display component is displayed, it can be replaced by the second display component by operating the first display component, and the display content of the second display component is related to the display content of the first display component, which improves the controllability and interactivity of the display component.

[0060] See also Figure 4 , Figure 4 A content display method provided by an embodiment of the present application is shown, and the method is applied to an electronic device, and the method includes:

[0061] S401: When a first card and a second card are displayed on the screen of the electronic device, a first operation on the first display component is detected.

[0062] As an implementation mode, in the embodiment of the present application, the process of replacing the first card and the second card with the first target card can be regarded as the fusion of the first card and the second card. Referring to the first size and the second size of the aforementioned card, assuming that the first card and the second card are both the first size, such as Figure 1 As shown, it is assumed that the first card and the second card are the card 110 and a card arranged side by side with the card 110 .

[0063] The target operation for the first display component may be a first operation, and the first operation may be an operation acting on the first card and / or the second card, or an operation acting on an area outside the first card and the second card.

[0064] As an implementation, the first card and the second card have corresponding operation areas. Exemplarily, the first card and the second card may be two cards side by side, and the operation area is an area within a specified range of the row where the first card and the second card are located in the pixel coordinates of the screen, and the area can cover the display area corresponding to the first card and the display area corresponding to the second card. Figure 5 As shown, the operation area is a first area 503 covering the display area of ​​the first card 501 and the display area of ​​the second card 502, that is, the first area 503 includes the display area between the first card 501 and the second card 502, the display area between the first part of the first side of the screen of the electronic device and the first card 501, and the display area between the second part of the second side of the screen and the second card 502, wherein the screen includes a top edge, a bottom edge, a first side edge, and a second side edge, wherein the distance between the first card and the first side edge is smaller than the distance to the second side edge, and the distance between the second card and the second side edge is smaller than the distance to the first side edge, that is, the first side edge is closer to the first card, and the second side edge is closer to the second card. Then the first operation can be a first touch operation acting on the operation area. Exemplarily, the first touch operation can be a double-click operation. Of course, it can also be a single-click, triple-click, sliding operation, etc., which are not limited here. Figure 5 As shown, the user inputs the first touch operation, i.e., the double-click operation, in the first area 503. It should be noted that, in order to avoid some erroneous operations when the user inputs the first touch operation, in addition to displaying the first card and the second card, no other content is displayed in the first area 503. For example, the icon of the application is not displayed in the first area 503.

[0065] In addition, the first card and the second card may not be two cards arranged side by side, but two cards adjacent to each other or diagonally opposite to each other, such as Figure 6 As shown, the aforementioned operation area is the second area 504, and the second area is the sum of the area of ​​the row where the first card is located and the area of ​​the row where the second card is located. The first operation can be a second touch operation acting on the operation area. For example, the second touch operation can be a double-click operation. Of course, it can also be a single-click, triple-click, sliding operation, etc., which are not limited here. Therefore, by inputting the second touch operation in the second area, the card in the second area can be used as the first display component.

[0066] As another implementation, the first operation may be an operation acting on the first card and / or the second card, and illustratively, the first operation includes at least one of a first drag operation on the first card and a second drag operation on the second card, wherein the dragging direction of the first drag operation is toward the second card, and the dragging direction of the second drag operation is toward the first card. In other words, the first operation may be dragging the first card toward the second card when the second card is stationary, or dragging the second card toward the first card when the first card is stationary, or dragging the first card and the second card to move relative to each other.

[0067] In the embodiment of the present application, in order to provide the user with a more vivid sense of card fusion, the first operation may be to drag the first card and the second card to move relative to each other, that is, the first operation includes a first drag operation for the first card and a second drag operation for the second card. Figure 7 As shown, the user presses two fingers on the first card and the second card and drags them relative to each other, that is, the first card 501 is dragged along the first direction F1, and the second card 502 is dragged along the second direction F2.

[0068] It should be noted that, when the first drag operation and / or the second drag operation are detected, it can be determined that the first operation is detected, or when the first drag operation and / or the second drag operation are detected, the drag distance of the first drag operation and / or the second drag operation can be further obtained, and if the drag distance is greater than a specified threshold, it is determined that the first operation is detected. The drag distance refers to the distance between the first card and / or the second card under the first drag operation and / or the second drag operation, wherein the specified threshold can be set based on actual usage requirements, and by setting the specified distance, misoperation can be avoided to a certain extent. In addition, when the drag distance is greater than the specified threshold, the first card and the second card overlap.

[0069] For example, if the first operation is to drag the first card toward the second card while the second card is stationary, the dragging distance is the moving distance of the first card; if the first operation is to drag the second card toward the first card while the first card is stationary, the dragging distance is the moving distance of the second card; if the first operation is to drag the first card and the second card to move relative to each other, the dragging distance is the sum of the moving distance of the first card and the moving distance of the second card. In the case where the dragging distance is the moving distance of the first card or the moving distance of the second card, the specified threshold is the distance between the initial position of the first card and the initial position of the second card; if the dragging distance is the sum of the moving distance of the first card and the moving distance of the second card, the specified threshold is half of the distance between the initial position of the first card and the initial position of the second card.

[0070] That is to say, when it is detected that the first card and the second card are close to each other (that is, at least one of the first card and the second card moves relative to each other), it is determined that the first operation is detected; or when it is detected that the first card and the second card are close to each other and the first card and the second card overlap with each other, it is determined that the first operation is detected.

[0071] S402: In response to the first operation, the first card and the second card are replaced with a first target card.

[0072] As an implementation mode, through the first operation on the first card and the second card, the first card and the second card can be changed into one card, namely, the first target card. Exemplarily, the first target card is of the second size, and the first card and the second card are both of the first size. Therefore, from the user's visual experience, the first card and the second card are merged into a card of a larger size, namely, the first target card.

[0073] S403: Generate the second content based on the first sub-content and the second sub-content.

[0074] S404: Display the second display component on a screen, and display the second content in the second display component.

[0075] As an implementation mode, the first sub-content corresponds to a first type, and the second sub-content corresponds to a second type. The first type and the second type may be the same or different. The second content generated based on the first sub-content and the second sub-content is correlated with at least one of the first sub-content and the second sub-content. Exemplarily, the correlation is reflected in the existence of content of the type corresponding to the correlation in the second content. For example, the second content is correlated with the first sub-content, which means that the second content includes content of the first type, and of course, may also include content of other types. For another example, the second content is correlated with both the first sub-content and the second sub-content, which means that the second content includes content of both the first type and the second type.

[0076] It should be noted that the method for determining the first type of the first sub-content can be determined by analyzing the first sub-content, for example, analyzing the keywords of the text, the semantics of the picture content or the audio data in the first sub-content, etc. Of course, it can also be to determine the application corresponding to the first sub-content, and determine the type of the first sub-content based on the type of the application. For example, the type of the application corresponding to the first sub-content is used as the first type of the first sub-content, wherein the application corresponding to the first sub-content can be the application that provides the first sub-content, or it can be the application corresponding to the first card. Similarly, the method for determining the second type of the second sub-content can refer to the reference method for the first type of the first sub-content. In other words, the method for determining the type of the content of the card can refer to the reference method for the first type of the first sub-content, which will not be repeated in this application.

[0077] The following will describe the implementation method of generating the second content based on the first sub-content and the second sub-content in accordance with various embodiments for various types of the first sub-content and the second sub-content.

[0078] As a first implementation, assume that the first sub-content of the first card belongs to weather information, and the second sub-content belongs to itinerary information, that is, the first type of the first sub-content is weather information, and the second type of the second sub-content is itinerary information. Exemplarily, the first card may be a card corresponding to a weather application, and the first sub-content displayed by the first card may be weather information of a certain geographical location, the second card may be a card corresponding to an itinerary application, and the second sub-content displayed by the second card may be content related to a certain itinerary of the user, for example, itinerary information related to a certain flight or itinerary information related to a high-speed rail. Then, an implementation method for generating the second content based on the first sub-content and the second sub-content may be to obtain the first starting point and the first destination corresponding to the second sub-content; obtain the weather information of the first starting point and the weather information of the first destination; and generate the second content based on the weather information of the first starting point, the weather information of the first destination, and the second sub-content. Among them, the implementation method of obtaining the first starting point and the first destination corresponding to the second sub-content may be to determine whether the second sub-content has a starting point and a destination. If so, the first starting point and the first destination are directly extracted from the second sub-content. If not, determine whether a specified type of content exists in the second sub-content, wherein the specified type of content may be pre-set content that can be used to search for the starting point and the destination, for example, flight number, train number, etc. If so, obtain the specified type of content, and search for the first starting point and the first destination based on the specified type of content. If the specified type of content does not exist, send a query request to the application corresponding to the second card, requesting to query the first starting point and the first destination corresponding to the second sub-content displayed in the second card. The application can search for the first starting point and the first destination by asking the user or in the content related to the second sub-content and not displayed in the second card.

[0079] That is to say, the second content also includes content of the type of weather information. It may not display the weather information of the geographical location corresponding to the first sub-content displayed by the first card, but display the weather information of the starting point and the end point in the second sub-content, while retaining the itinerary-related content in the second sub-content, so that the user can know the itinerary through the second content displayed by the first target card, and also know the weather of the starting point and the destination. In addition, the generation of the second content based on the weather information of the first starting point, the weather information of the first destination and the second sub-content can be understood as the second content including at least part of the second sub-content, the weather information of the first starting point and the weather information of the first destination, that is, the weather information of the first starting point and the weather information of the first destination need to appear in the second content, but the second sub-content does not necessarily need to appear in the second content, and can be set according to actual usage needs.

[0080] For example, Figure 8 As shown, Figure 8 (a) shows the second sub-content displayed by the second card, Figure 8 (b) shows the first sub-content displayed on the first card. It can be seen that the first sub-content includes weather information such as the temperature and sunny weather in city xx, and the second sub-content includes itinerary information such as flight information (such as flight number CAxxxx), departure point, departure time (such as 09:00), and boarding gate. Figure 8 As shown, the second card includes the flight number but not the destination, so the destination can be found as the first destination through the flight number, and then the weather information of the first starting point and the weather information of the first destination can be obtained through the weather application or other application (for example, search engine) corresponding to the first card. Fig. 9 As shown, Fig. 9 The second content displayed by the first target card is shown, namely Figure 8 The first target card obtained by merging the first card and the second card by the first operation is shown in FIG. 1. Assuming that the first starting point corresponding to the second sub-content is the airport T2 in city A, and the first destination is the airport in city B, then Fig. 9 It can be seen that the second content includes the weather information of A City Airport T2 (such as heavy rain 10° / -2) and the weather information of B City Airport (such as sunny 18° / 12°), and also includes part of the second sub-content information, such as flight number, departure time, and the second content also includes the weather information of the first starting point, the weather information of the first destination and information other than the second sub-content, such as the name of the first starting point, the name of the first destination, flight arrival time, etc. It can be seen that the embodiment of the present application does not simply use the first sub-content and the second sub-content together as the second content, but further improves the second sub-content on the basis of the first sub-content and the second sub-content, that is, a new second sub-content with richer information is obtained, and the enriched content is of the same type as the first sub-content. It should be noted that Figure 8 The geographical location corresponding to the first sub-content displayed in the first card may not be the first starting point or the first destination, which also reflects the relevance of the second content and the first sub-content in type, rather than just the relevance of the content itself.

[0081] For example, Fig.10 As shown, Fig.10 (a) shows the second sub-content displayed by the second card, Fig.10 (b) shows the first sub-content displayed by the first card, and Figure 8 The difference is that the second sub-content is the itinerary information corresponding to the high-speed rail, for example, the second sub-content includes the departure time, starting point, ticket gate and seat number, etc. Fig.11 As shown, Fig.11 The second content displayed by the first target card is shown, namely Fig.10 The content displayed on the first target card obtained after the first card and the second card are merged by the first operation. Fig. 9 Similarly, the second content includes weather information of the first starting point, weather information of the first destination, and at least part of the second sub-content. Fig. 9 The implementation method will not be described in detail here.

[0082] As a second implementation, assuming that the first sub-content of the first card belongs to navigation information, and the second sub-content belongs to information related to parking operations, that is, the first type of the first sub-content is navigation information, and the second type of the second sub-content is parking information, then the implementation method of generating the second content based on the first sub-content and the second sub-content is: triggering the navigation operation from the second starting point to the second destination based on the first sub-content; if the second destination is not reached, obtaining the parking lot information corresponding to the second destination and the indication information corresponding to the navigation operation; generating the second content based on the indication information and the parking lot information. The indication information may include the estimated time from the current location to the second destination, that is, the estimated end time of the current navigation route, and may also include the navigation route.

[0083] It is understandable that the first card may be a card corresponding to an application with a navigation function, for example, the application with a navigation function may be a map application, a taxi-hailing software or a browser, etc. The navigation module in the application is displayed on the screen of the electronic device in the form of a first card, so the first sub-content displayed by the first card is the content provided by the navigation module, for example, the content provided by the navigation module may be a navigation interface, which includes a destination and a navigation control, and the navigation control is used to trigger a navigation route from the second starting point to the second destination. The second card may be a card corresponding to an application with a function related to parking operations, for example, the application with a function related to parking operations may be a parking assistant, which has functions such as recording parking locations and finding parking lots.

[0084] Exemplarily, after the first operation is detected, the navigation function of the first card is triggered, that is, the navigation function from the second starting point to the second destination (that is, the second destination included in the first sub-content) is triggered, and then, different second contents are determined according to the judgment result of whether the electronic device has reached the second destination. In an embodiment of the present application, the process from the start of navigation to not reaching the second destination is regarded as the itinerary, and the process after reaching the second destination is regarded as the end of the itinerary. During the itinerary, the second content displayed by the first target card shows the user the parking lot information corresponding to the second destination and the instruction information corresponding to the navigation operation, wherein the parking lot information includes the information of the parking lots within a preset range of the second destination, which can be the number of parking lots or the name of the parking lot.

[0085] like Fig.12 As shown, Fig.12 (a) shows the first sub-content displayed by the first card, Fig.12 (b) shows the second sub-content displayed by the second card. It can be seen that the first sub-content displayed by the first card belongs to navigation information. Specifically, the first sub-content includes the second destination (for example, xx South) and the second starting point (my location, i.e. the current geographic location of the electronic device) and the navigation control (go to navigation). The second sub-content displayed by the second card belongs to information related to parking operations. Specifically, the second sub-content includes the parking location and parking lot search control. Fig.13 As shown, Fig.13 The second content displayed by the first target card is shown, namely Fig.12 The first target card obtained by merging the first card and the second card by the first operation is shown in FIG. 1 . It can be seen that the second content includes the indication information corresponding to the navigation operation and the parking lot information corresponding to the second destination, where Fig.13 As shown, Fig.13 The second content displayed by the first target card during driving is shown. For example, the indication information includes the estimated end time of the current navigation route (such as Fig.13 's "estimated arrival time at 13:25"), the travel distance between the current location and the second destination (such as Fig.13 of the destination), the estimated driving time between the current location and the second destination (such as Fig.13 30 minutes) and route view buttons (such as Fig.13 ). Fig.13 As shown, the parking lot information includes the number of parking lots near the second destination and a parking lot viewing button (such as Fig.13 The user clicks the parking lot view button to view information such as the location, name, and available parking spaces of the parking lot near the second destination.

[0086] For example, when the navigation route from the second starting point to the second destination triggered by the first sub-content ends, that is, after arriving at the second destination, the parking lot information and the parking duration of the parked vehicle are obtained; and the second content is generated based on the parking lot information and the parking duration of the parked vehicle. The parking lot information of the parked vehicle may include the name of the parking lot. Fig.14 As shown, the second content includes the name of the parking lot where the vehicle is parked (such as Fig.14 "XX South Station" shown) and the length of time the train has stopped (such as Fig.14 For example, in order to facilitate users to find the parked vehicle, the second content may further include a navigation control, and the navigation control is used to display a navigation route to the parking lot where the vehicle is parked when triggered. That is to say, when the navigation control is triggered, it can call a navigation function. Specifically, the navigation function may be a function within the application corresponding to the first card, or a function within the application corresponding to the second card, which is not limited here.

[0087] As a third implementation, assume that the first sub-content of the first card belongs to navigation information, and the second sub-content belongs to travel information, that is, the first type of the first sub-content is navigation information, and the second type of the second sub-content is travel information, wherein the meanings of navigation information and travel information can refer to the aforementioned content and will not be repeated here. Then the implementation method of generating the second content based on the first sub-content and the second sub-content is to obtain a third destination based on the second sub-content; before moving toward the third destination, obtain the recommended route information corresponding to the third destination and the road condition information corresponding to the recommended route information; generate the second content based on the recommended route information and the road condition information; in the journey moving toward the third destination, obtain the target time based on the second sub-content; determine the first reminder information based on the time difference between the current time and the target time; determine the second reminder information based on the current position of the electronic device and the third destination; generate the second content based on the first reminder information and the second reminder information.

[0088] It should be noted that the second sub-content is the itinerary information, and the third destination can be obtained through the second sub-content. The third destination is the destination of the itinerary information. For the first sub-content, the third destination is the navigation destination. Therefore, after detecting the first operation on the first card and the second card, the third destination is obtained through the second sub-content. At this time, the electronic device, that is, the user's position has not moved toward the third destination. Then, the aforementioned recommended route information and traffic information are displayed through the second content. In the case where the user triggers the electronic device to start navigation based on the recommended route information and traffic information, for example, the user selects the target route from the recommended route information and triggers the navigation operation, then the electronic device is in the itinerary moving toward the third destination, and then the electronic device obtains the target time based on the second sub-content. Exemplarily, the target time can be the start time of the itinerary in the second sub-content. For example, the second sub-content is flight information, then the target time can be the departure time of the flight, or the boarding time, which is not limited here. The aforementioned first reminder information represents the time difference between the current moment and the target time, wherein the current moment is the moment when the electronic device starts navigation. The aforementioned first reminder information represents the distance difference between the current position of the electronic device and the third destination, wherein the current position is the starting position for the electronic device to start navigation.

[0089] like Fig.15 As shown, Fig.15 As shown, Fig.15 (a) shows the first sub-content displayed by the first card, Fig.15 (b) shows the second sub-content displayed by the second card. It can be seen that the first sub-content displayed by the first card belongs to navigation information. Specifically, the first sub-content includes the starting point (my location, i.e., the current geographic location of the electronic device) and the navigation control (go to navigation). The first sub-content does not include the destination, but includes an input field for the destination, in which the user can enter the destination. The second sub-content displayed by the second card includes the itinerary, i.e., today's schedule. The schedule includes an address, which can be the address of the destination of the itinerary, such as Fig.15 (b) "xx Airport" is the destination of today's schedule, and "10:00-11:00" may be the deadline to reach the destination. When the electronic device detects the first operation on the first card and the second card, it uses the address in the second sub-content of the second card as the destination corresponding to the first card and performs a navigation operation, using "My Location" as the starting location and "xx Airport" as the end location, and performs a navigation operation based on the starting location and the end location to obtain the recommended route information from the starting location to the end location (i.e., the third destination) and the road condition information corresponding to the recommended route information, and displays them as the second content in the first target card. Fig.16As shown, the second content of the first target card includes a recommended route (i.e., a navigation route displayed on the left side of the first target card) and traffic information (e.g., Fig.16 In addition, the traffic information also includes the number of traffic lights (such as Fig.16 “12” shown).

[0090] In addition, the second content also includes navigation operation controls (such as Fig.16 The user triggers the navigation operation control, and the electronic device starts navigating, so that it can be determined that the electronic device has entered a journey moving toward the third destination. At this time, the second content in the first target card will be updated, such as Fig.17 As shown, Fig.16 Compared with the first target card, the second content in the first target card is updated, and the updated second content includes the first reminder information and the second reminder information, wherein the first reminder information is Fig.17 In the message "48 minutes left before boarding departure", the target time is the boarding departure deadline, and the second reminder is Fig.17 The navigation route is updated in real time on the left side of the first target card shown in the figure. Through the navigation route, the distance change between the user's current location and the third destination can be known, that is, compared with Fig.17 and Fig.16 It can be seen that the distance and relative position between the user's location (A in the figure) and the third destination (B in the figure) are changing.

[0091] Therefore, by integrating the first card of navigation information with the second card of itinerary information, the navigation destination is the destination in the itinerary information, that is, navigation between the current location to the destination of the itinerary information is triggered, and the content displayed in the integrated first target card is different before and during driving.

[0092] As a third implementation, the first sub-content belongs to navigation information, and the second sub-content belongs to recommendation information of a preset type, wherein the preset type may include hotels, attractions, food, shopping malls, etc., which are not limited here. It can be understood that, in view of the types of the first sub-content and the second sub-content, when the first operation on the first card and the second card is detected, the preset type of content recommendation can be performed based on the address that can be determined by the first sub-content, wherein the address that can be determined by the first sub-content can be the current location or the destination. Exemplarily, if the fourth destination can be obtained based on the first sub-content, the second content is determined based on the fourth destination, and if the fourth destination cannot be obtained based on the first sub-content, the second content is determined based on the current location of the electronic device.

[0093] Specifically, if the fourth destination can be obtained based on the first sub-content, the implementation method of determining the second content based on the fourth destination is: if the fourth destination can be obtained based on the first sub-content, obtain the recommended route information corresponding to the fourth destination and the road condition information corresponding to the recommended route information; generate the second content based on the recommended route information and the road condition information; if the fourth destination is reached, search for the first recommended information of the preset type within the preset range of the fourth destination; and generate the second content based on the first recommended information. For example, if the fourth destination includes a landmark location or a detailed street address, etc., then a hotel that meets the preset conditions within the preset range of the fourth destination (for example, within a range of 3 kilometers) can be searched as the first recommended information, wherein the preset conditions can be set based on the user's usage needs or interests. In addition, after the electronic device reaches the fourth destination, it may still be moving, and the first recommended information will be updated at this time. The specific updating method is to obtain the current geographical location of the electronic device in real time, search for the first recommended information of the preset type within the preset range of the geographical location, and update the second content.

[0094] In some embodiments, the first sub-content includes a fourth destination, such as Fig.12 In (a), the first sub-content may include a destination address. Therefore, if the first sub-content includes a destination address, the destination address of the first sub-content is extracted as the fourth destination, and a conclusion is drawn that the fourth destination can be obtained based on the first sub-content. If the first sub-content does not include a destination address, there are two cases. In the first case, the first card has not started navigation, such as Fig.15 As shown in (a), the first sub-content displayed on the first card is still the content before navigation, that is, it is still waiting for the user to enter the destination address; in the second case, the first card has started navigation, but the target address is not displayed in the first sub-content in the first card, and the route, road conditions or other navigation-related information may be displayed. If it is the first case, the electronic device determines that the fourth destination cannot be obtained based on the first sub-content. If it is the second case, the electronic device determines the destination address corresponding to the navigation content displayed on the first card through the application corresponding to the first card, because, in the second case, the information after the navigation starts displayed in the first card indicates that the application corresponding to the first card knows the destination address. Therefore, the fourth destination can be obtained, and it is concluded that the fourth destination can be obtained based on the first sub-content.

[0095] See also Fig.18 , Fig.18 (a) shows the first sub-content displayed by the first card, Fig.18(b) shows the second sub-content displayed by the second card. It can be seen that the first sub-content displayed by the first card is navigation information. Specifically, the first sub-content includes an estimated arrival time and a route viewing button. It can be understood that the first sub-content belongs to the second case mentioned above, that is, the first sub-content does not include a destination address. However, the destination address corresponding to the first sub-content can be queried through the application corresponding to the first card, thereby obtaining the fourth destination. The second sub-content displayed by the second card is hotel type recommendation information. It should be noted that although the second card does not display a specific pushed hotel, it displays a recommended information acquisition control (i.e. Fig.18 (b) shows the "Search" button), it can also be understood that the purpose of the second card is to recommend hotel types to the user. After obtaining the fourth destination, the recommended route information corresponding to the fourth destination and the traffic information corresponding to the recommended route information are displayed, wherein the implementation of the recommended route information and the traffic information can refer to the above description. Fig.19 As shown, the second content displayed in the first target card includes recommended route information and traffic information. After the user starts navigation through the electronic device, after arriving at the fourth destination, as shown in Fig. 20 As shown, the hotel information around the destination is displayed, such as Fig.12 The "AA Hotel (Zhangfuyuan)" in the list also gives the hotel type (such as comfort) and location distance. Fig.12 As shown, after the electronic device reaches the fourth destination, the second content displayed in the first target card also includes navigation information, that is, the navigation information displayed on the left side of the card includes the route between the current location and the fourth destination.

[0096] It should be noted that the implementation method for reaching the fourth destination is that the distance between the location of the electronic device and the fourth destination is less than a specified distance threshold. For example, the specified distance threshold may be 3 kilometers. The second content may include, when the distance between the location of the electronic device and the fourth destination is less than the specified distance threshold, navigation information (for example, a navigation route) between the current address location of the electronic device and the fourth destination and first recommendation information, the first recommendation information including first recommendation information of a preset type within a preset range of the fourth destination.

[0097] If the fourth destination cannot be obtained based on the first sub-content, the current location of the electronic device is obtained, and the current location may be the geographical location of the electronic device when the electronic device detects the first operation. Therefore, when the destination cannot be obtained, information of a preset type, i.e., the second recommended information, can be recommended nearby, that is, the second recommended information of the preset type within the preset range of the current location is searched, and the second content is generated based on the second recommended information.

[0098] See also Fig.21 , Fig.21 (a) shows the first sub-content displayed by the first card, Fig.21 (b) shows the second sub-content displayed by the second card. It can be seen that the first sub-content displayed by the first card is navigation information, and the second sub-content displayed by the second card is recommendation information of food type. After the first operation on the first card and the second card, the first card and the second card are replaced by Fig. 22 The first target card shown, such as Fig. 22 As shown, the second content displayed by the first target card includes the second recommendation information of the food type, such as XXX milk tea shop. In addition, the second content may also include navigation information corresponding to the second recommendation information, that is, navigation information from the destination, which is the location of the store in the second recommendation information.

[0099] It should be noted that, when the first sub-content displayed by the first card mentioned above belongs to navigation information, the content displayed by the first sub-content may be unrelated to navigation, that is, when it is determined that the application corresponding to the first card has a navigation function, or in other words, although the application corresponding to the first card has multiple functions, the navigation function it has is a commonly used function, that is, the frequency of use is greater than the specified frequency value, in this case, it can be determined that the first sub-content belongs to navigation information. Of course, it is also possible to determine that the first sub-content belongs to navigation information when it is determined that the first sub-content includes navigation-related content by searching the text or other multimedia content of the first sub-content, which is not limited here.

[0100] As a fourth implementation, the first sub-content is timing information, and the second sub-content includes multiple operation steps, wherein the application corresponding to the first card may be timing software, and the second sub-content may be a multimedia content, for example, a video, the content of which includes sub-contents of multiple operation steps, for example, a fitness video, and the second sub-content may also be a text content, in which multiple operation steps are recorded, for example, a recipe, etc. Then, the implementation of generating the second content based on the first sub-content and the second sub-content is to split the second sub-content into multiple operation steps, each operation step corresponding to a timing length; and to generate the second content based on the description content of each operation step and the countdown component corresponding to the operation step, wherein the countdown component is set based on the timing length. Exemplarily, among the multiple operation steps included in the second sub-content, each operation step can correspond to a timing length, that is, each operation step will specify an execution time limit. For example, assuming that the second sub-content is aerobics, the aerobics includes the multiple operation steps, specifically maintaining the first action, repeatedly doing the second action and repeatedly doing the third action. The timing length corresponding to maintaining the first action is 5 minutes, the timing length corresponding to repeatedly doing the second action is 3 minutes, and the timing length corresponding to repeatedly doing the third action is 2 minutes. Then the execution process of the multiple operation steps is to maintain the first action within 5 minutes, and then repeatedly do the second action within 3 minutes, and repeatedly do the third action within 2 minutes. Therefore, the second content may be generated by generating multiple video clips based on the description content of each operation step and the timing length corresponding to the operation step. The second content may be a video content including the multiple video bands, and each video clip includes the display content of the aforementioned operation step and the display content of the countdown component corresponding to the operation step, so that the user can observe the content and the corresponding time limit of each operation step through the second content, and can display the next operation step and the corresponding time limit after the time limit of one step ends, until all steps are completed.

[0101] See also Fig.23 , Fig.23 (a) shows the first sub-content displayed by the first card, Fig.23 (b) shows the second sub-content displayed on the second card, the second sub-content is a recipe, after the first operation for the first card and the second card is input, the first card and the second card are merged into a first target card, and the second content is displayed in the first target card, the displayed second content is as shown in FIG. Fig.24As shown, it can be seen that the second content includes the steps of making the recipe. When each step is displayed, a countdown component corresponding to the step is also displayed on the right. The countdown video displayed in the countdown component is related to the timing length of the step. Based on the timing length setting, for example, if the timing length is 5 minutes, the countdown component is a 5-minute countdown, and the countdown video is a countdown video starting from 5 minutes. In addition, Fig.24 As shown, the second content also includes time adjustment buttons, such as "+5min" and "+10min". Through the adjustment buttons, the countdown length of the countdown component can be adjusted. For example, +5min can extend the countdown of the countdown component by 5 minutes.

[0102] See also Fig.25 , Fig.25 (a) shows the first sub-content displayed by the first card, Fig.25 (b) shows the second sub-content displayed by the second card, the second sub-content is aerobics, and the first target card obtained by combining the first card and the second card is as follows: Fig.26 As shown, Fig.24 similar, Fig.26 The displayed second content includes each action step obtained by disassembling the second sub-content, and counts down the movement time of each action step.

[0103] In addition, the description of each operation step may be displayed in sequence according to the operation sequence of the multiple operation steps of the first sub-content, wherein the display duration of each operation step is the time length corresponding to the operation step. Fig.24 As shown, the operational description of each cooking step.

[0104] Therefore, through the first operation on the first card and the second card, for example, dragging the first card and the second card to move relative to each other, after the two cards touch, the first card and the second card are combined into one card, namely, the first target card, and the second content displayed by the first target card is related to the first sub-content of the first card and the second sub-content of the second card. Instead of simply combining the first sub-content and the second sub-content, new content, namely, the second content, is obtained based on the combination of the type of the first sub-content and the type of the second sub-content, thereby improving the interactivity between cards and the diversity of the displayed content.

[0105] See also Fig. 27 , Fig. 27 A content display method provided in an embodiment of the present application is shown. The method is applied to an electronic device, and the method includes: S2701 to S2704.

[0106] S2701: When a third card is displayed on the screen of the electronic device, a second operation on the third card is detected.

[0107] As an implementation, in an embodiment of the present application, the first display component is a third card. Exemplarily, the third card may be the aforementioned second size. Then relative to the aforementioned first operation on the first card and the second card, the second operation on the third card may be regarded as a split operation. Then the second operation may be a touch operation on the operation area of ​​the third card, and the touch operation may be a click, multiple clicks or a long press operation, etc. The operation area of ​​the third card may be at least one of the display area of ​​the third card and the surrounding area of ​​the third card. Exemplarily, the second operation may be a long press operation on the third card.

[0108] S2702: In response to the second operation, split the third card into at least two small components.

[0109] Among them, the introduction of the small components can refer to the above description and will not be repeated here.

[0110] S2703: Obtain multiple third sub-contents based on the third content, each of the third sub-contents corresponding to a small component.

[0111] In an embodiment of the present application, the first content is the third content displayed by the third card, and the type corresponding to the third content is the third type. The third card is an application that has the function of acquiring or generating data of the third type. It should be noted that although the third content displayed by the third card is of the third type, and the target application corresponding to the third card has data of the third type, the third card will not display all the third type data of the target application.

[0112] Therefore, based on the first content, multiple third sub-contents are obtained, and each of the third sub-contents corresponds to a small component. There are two implementation methods. The first method is to extract multiple third sub-contents from the content currently displayed by the third card, that is, the third content. For example, if the third content displayed includes A, B and C, then A, B and C are respectively regarded as a third sub-content. The second method is to determine the type corresponding to the third content of the third card, that is, the third type, and then determine the target application corresponding to the third card, obtain the third type data of the target application, and determine multiple third sub-contents from the third type data. In other words, the third sub-content is determined from all the third type data of the target application and is not limited to the content displayed by the third card.

[0113] S2704: Display each of the widgets on the screen, and display the third sub-content corresponding to the widget in each of the widgets.

[0114] like Fig.28 As shown, the third type of the third content of the third card is weather information, such as Fig.29 As shown, the third card is split into three small components, and the third sub-content displayed by each small component is also the third type of information, that is, weather information. Fig.29 The third sub-contents within the three components displayed are "PM2.5", "humidity" and "temperature" respectively.

[0115] See also Fig.30 , which shows a structural block diagram of a content display device 3000 provided in an embodiment of the present application. The device may include: a detection unit 3001, a response unit 3002, a generation unit 3003 and a display unit 3004.

[0116] The detection unit 3001 is configured to detect a target operation on a first display component when the first display component is displayed on the screen of the electronic device, wherein the first display component displays first content.

[0117] The responding unit 3002 is configured to generate a second display component based on the first display component in response to the target operation.

[0118] Further, the first display component includes a first card and a second card, and the target operation is a first operation. The response unit 3002 is further configured to replace the first card and the second card with a first target card in response to the first operation.

[0119] The generating unit 3003 is configured to generate second content based on the first content.

[0120] Furthermore, the first content includes a first sub-content displayed by the first card and a second sub-content displayed by the second card. The generating unit 3003 is further configured to generate the second content based on the first sub-content and the second sub-content.

[0121] Furthermore, the first sub-content belongs to weather information, and the second sub-content belongs to itinerary information. The generation unit 3003 is also used to obtain the first starting point and the first destination corresponding to the second sub-content; obtain the weather information of the first starting point and the weather information of the first destination; and generate the second content based on the weather information of the first starting point, the weather information of the first destination and the second sub-content.

[0122] Furthermore, the first sub-content belongs to navigation information, the first sub-content includes the second destination, the second sub-content belongs to information related to the parking operation, and the generation unit 3003 is also used to trigger the navigation operation from the second starting point to the second destination based on the first sub-content; if the second destination is not reached, obtain the parking lot information corresponding to the second destination and the indication information corresponding to the navigation operation; generate the second content based on the indication information and the parking lot information.

[0123] Furthermore, the generating unit 3003 is also used to obtain the parking lot information and the parking time of the parked vehicle if the second destination is reached; and generate the second content based on the parking lot information and the parking time of the parked vehicle.

[0124] Furthermore, the second content also includes a navigation control, and the navigation control is used to display a navigation route to a parking lot where the vehicle is parked when triggered.

[0125] Furthermore, the first sub-content belongs to navigation information, and the second sub-content belongs to travel information. The generation unit 3003 is also used to obtain a third destination based on the second sub-content; before moving toward the third destination, obtain recommended route information corresponding to the third destination and road condition information corresponding to the recommended route information; and generate the second content based on the recommended route information and the road condition information.

[0126] Furthermore, the generation unit 3003 is also used to obtain a target time based on the second sub-content during the journey toward the third destination; determine a first reminder message based on the time difference between the current moment and the target time; determine a second reminder message based on the current position of the electronic device and the third destination; and generate a second content based on the first reminder message and the second reminder message.

[0127] Furthermore, the first sub-content belongs to navigation information, and the second sub-content belongs to recommended information of a preset type. The generation unit 3003 is also used to obtain recommended route information corresponding to the fourth destination and traffic condition information corresponding to the recommended route information if a fourth destination can be obtained based on the first sub-content; and generate the second content based on the recommended route information and the traffic condition information.

[0128] Furthermore, the generating unit 3003 is further configured to search for first recommendation information of a preset type within a preset range of the fourth destination if the fourth destination is reached; and generate second content based on the first recommendation information.

[0129] Furthermore, the generation unit 3003 is also used to obtain the current location of the electronic device if the fourth destination cannot be obtained based on the first sub-content; search for second recommendation information of a preset type within a preset range of the current location; and generate second content based on the second recommendation information.

[0130] Furthermore, the first sub-content belongs to timing information, and the second sub-content includes multiple operation steps. The generation unit 3003 is also used to split the second sub-content into multiple operation steps, each operation step corresponds to a timing length; the second content is generated based on the description content of each operation step and the countdown component corresponding to the operation step, wherein the countdown component is set based on the timing length.

[0131] Furthermore, the first operation includes at least one of a first drag operation on the first card and a second drag operation on the second card, wherein the drag direction of the first drag operation is toward the second card, and the drag direction of the second drag operation is toward the first card.

[0132] The display unit 3004 is configured to display the second display component on a screen and display the second content in the second display component.

[0133] Furthermore, the display unit 3004 is also used to display the description content of each operation step in sequence according to the operation order of the multiple operation steps of the first sub-content, wherein the display duration of each operation step is the timing length corresponding to the operation step.

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

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

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

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

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

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

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

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

[0142] Therefore, the content display method, device, electronic device and computer-readable medium provided by the present application are innovative linkage interaction methods for cards, which perfectly combine the information between cards. In addition, the card information is automatically split, and the user can split the single card information into small components as needed, which can be placed on the desktop or lock screen.

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

Claims

1. A content display method, characterized in that: Applied to electronic equipment, the method comprises: In a case where a first display component is displayed on the screen of the electronic device, a target operation on the first display component is detected, wherein the first display component displays first content; In response to the target operation, generating a second display component based on the first display component; generating second content based on the first content; The second display component is displayed on a screen, and the second content is displayed in the second display component.

2. The method according to claim 1, characterized in that The first display component includes a first card and a second card, the target operation is a first operation; and in response to the target operation, generating a second display component based on the first display component includes: In response to the first operation, the first card and the second card are replaced with a first target card.

3. The method according to claim 2, characterized in that The first content includes a first sub-content displayed by a first card and a second sub-content displayed by a second card, and generating the second content based on the first content includes: The second content is generated based on the first sub-content and the second sub-content.

4. The method according to claim 3, characterized in that The first sub-content is weather information, the second sub-content is travel information, and the generating the second content based on the first sub-content and the second sub-content includes: Acquire a first starting point and a first destination corresponding to the second sub-content; Acquire weather information of the first starting point and weather information of the first destination; The second content is generated based on weather information of the first origin, weather information of the first destination, and the second sub-content.

5. The method according to claim 3, characterized in that: The first sub-content is navigation information, the first sub-content includes a second destination, the second sub-content is information related to parking operations, and the generating of the second content based on the first sub-content and the second sub-content includes: triggering a navigation operation from a second starting point to a second destination based on the first sub-content; If the second destination has not been reached, obtaining parking lot information corresponding to the second destination and instruction information corresponding to the navigation operation; Second content is generated based on the indication information and the parking lot information.

6. The method according to claim 5, characterized in that Also includes: If the second destination is reached, obtaining parking lot information and parking duration of the vehicle; The second content is generated based on information about the parking lot where the vehicle is parked and the length of time the vehicle has been parked.

7. The method according to claim 6, characterized in that The second content also includes a navigation control, which is used to display a navigation route to a parking lot where the vehicle is parked when triggered.

8. The method according to claim 3, characterized in that The first sub-content is navigation information, the second sub-content is itinerary information, and the generating the second content based on the first sub-content and the second sub-content includes: acquiring a third destination based on the second sub-content; Before moving toward the third destination, obtaining recommended route information corresponding to the third destination and traffic condition information corresponding to the recommended route information; Second content is generated based on the recommended route information and the traffic condition information.

9. The method according to claim 8, characterized in that Also includes: During the journey toward the third destination, acquiring a target time based on the second sub-content; Determine first reminder information based on the time difference between the current time and the target time; determining second reminder information based on the current location of the electronic device and the third destination; Second content is generated based on the first reminder information and the second reminder information.

10. The method according to claim 3, characterized in that: The first sub-content is navigation information, the second sub-content is recommendation information of a preset type, and the generating the second content based on the first sub-content and the second sub-content includes: If a fourth destination can be acquired based on the first sub-content, acquiring recommended route information corresponding to the fourth destination and traffic condition information corresponding to the recommended route information; Second content is generated based on the recommended route information and the traffic condition information.

11. The method according to claim 10, characterized in that Also includes: If the fourth destination is reached, searching for first recommended information of a preset type within a preset range of the fourth destination; Generate second content based on the first recommendation information.

12. The method according to claim 10, characterized in that Also includes: If the fourth destination cannot be obtained based on the first sub-content, obtaining the current location of the electronic device; Searching for second recommended information of a preset type within a preset range of the current location; Generate second content based on the second recommendation information.

13. The method according to claim 3, characterized in that The first sub-content is timing information, the second sub-content includes a plurality of operation steps, and the generating the second content based on the first sub-content and the second sub-content includes: Splitting the second sub-content into multiple operation steps, each operation step corresponds to a timing length; The second content is generated based on the description content of each operation step and the countdown component corresponding to the operation step, wherein the countdown component is set based on the timing length.

14. The method according to claim 13, characterized in that The displaying the second content in the second display component includes: According to the operation sequence of the multiple operation steps of the first sub-content, the description content of each operation step is displayed in sequence, wherein the display duration of each operation step is the timing length corresponding to the operation step.

15. The method according to claim 2, characterized in that The first operation includes at least one of a first drag operation on a first card and a second drag operation on a second card, wherein a drag direction of the first drag operation is toward the second card, and a drag direction of the second drag operation is toward the first card.

16. The method according to claim 1, characterized in that The first display component includes a third card, the first content is a third content corresponding to the third card, and the target operation includes a second operation; The step of generating a second display component based on the first display component in response to the target operation includes: In response to the second operation, split the third card into at least two small components as second display components; Generating second content based on the first content includes: Based on the third content, a plurality of third sub-contents are obtained, each of the third sub-contents corresponds to a small component, and the plurality of third sub-contents are used as the second content; Displaying the second display component on a screen and displaying the second content in the second display component includes: Each of the widgets is displayed on the screen, and the third sub-content corresponding to the widget is displayed in each of the widgets.

17. A content display device, characterized in that: Applied to electronic equipment, the device comprises: a detection unit, configured to detect a target operation on a first display component when a first display component is displayed on a screen of the electronic device, wherein the first display component displays first content; a response unit, configured to generate a second display component based on the first display component in response to the target operation; a generating unit, configured to generate second content based on the first content; The display unit is used to display the second display component on a screen and to display the second content in the second display component.

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

19. A computer readable medium, characterized in that The computer-readable medium stores a program code executable by a processor, and when the program code is executed by the processor, the processor executes the method according to any one of claims 1 to 16.

Images