Interface display method and apparatus, electronic device, storage medium, and program product

Abstract

An interface display method and apparatus, an electronic device, a storage medium, and a program product are provided. The method comprises: in response to an interface display operation for a preset interface, displaying the preset interface, and displaying, in the preset interface, at least one recommended component corresponding to a current account, the recommended component being an interface component recommended to be added to the preset interface (S101); and in response to a preset triggering operation for the recommended component, executing an interaction event corresponding to the recommended component triggered by the preset triggering operation (S102). The present technical solution can enrich the components displayed on the preset interface and the manners of interaction of the components.

Description

Interface display methods, devices, electronic devices, storage media and program products

[0001] Cross-references to related applications

[0002] This application claims priority to Chinese Patent Application No. 202411537355.4, filed on October 30, 2024, the disclosure of which is incorporated herein by reference in its entirety. Technical Field

[0003] This disclosure relates to an interface display method, apparatus, electronic device, storage medium, and program product. Background Technology

[0004] In some applications, users can edit components added to the display interface through a component editing interface, such as adding components to the display interface. However, in some embodiments, the components displayed in the display interface and their interaction methods are relatively simple. Summary of the Invention

[0005] This disclosure provides an interface display method, apparatus, electronic device, storage medium, and program product to enrich the components displayed in the interface and the interaction methods of the components.

[0006] In a first aspect, embodiments of this disclosure provide a method for displaying an interface, including:

[0007] In response to an interface display operation on a preset interface, the preset interface is displayed, and at least one recommended component corresponding to the current account is displayed in the preset interface. The recommended component is an interface component that is recommended to be added to the preset interface.

[0008] In response to a preset trigger operation for the recommended component, execute the interaction event corresponding to the recommended component triggered by the preset trigger operation.

[0009] Secondly, embodiments of this disclosure also provide an interface display device, including:

[0010] The component recommendation module is used to respond to the interface display operation for the preset interface, display the preset interface, and display at least one recommended component corresponding to the current account in the preset interface. The recommended component is an interface component that is recommended to be added to the preset interface.

[0011] The event execution module is used to respond to a preset trigger operation for the recommended component and execute the interaction event corresponding to the recommended component triggered by the preset trigger operation.

[0012] Thirdly, embodiments of this disclosure also provide an electronic device, including:

[0013] One or more processors;

[0014] Memory, used to store one or more programs.

[0015] When the one or more programs are executed by the one or more processors, the one or more processors implement the interface display method as described in the embodiments of this disclosure.

[0016] Fourthly, embodiments of this disclosure also provide a computer-readable storage medium having a computer program stored thereon, which, when executed by a processor, implements the interface display method as described in embodiments of this disclosure.

[0017] Fifthly, this disclosure also provides a computer program product that, when executed by a computer, enables the computer to implement the interface display method as described in this disclosure. Attached Figure Description

[0018] The above and other features, advantages, and aspects of the embodiments of this disclosure will become more apparent from the accompanying drawings and the following detailed description. Throughout the drawings, the same or similar reference numerals denote the same or similar elements. It should be understood that the drawings are schematic, and the originals and elements are not necessarily drawn to scale.

[0019] Figure 1 is a flowchart illustrating an interface display method provided in an embodiment of this disclosure;

[0020] Figure 2 is a schematic diagram showing a preset interface provided in an embodiment of this disclosure;

[0021] Figure 3 is a schematic diagram showing another preset interface provided in an embodiment of this disclosure;

[0022] Figure 4 is a schematic diagram of the display process of a preset interface provided in an embodiment of this disclosure;

[0023] Figure 5 is a schematic diagram showing another preset interface provided in the embodiments of this disclosure;

[0024] Figure 6 is a flowchart illustrating another interface display method provided in an embodiment of this disclosure;

[0025] Figure 7 is a schematic diagram illustrating the display process of a component preview screen provided in an embodiment of this disclosure;

[0026] Figure 8 is a schematic diagram showing a component preview screen provided in an embodiment of this disclosure;

[0027] Figure 9 is a structural block diagram of an interface display device provided in an embodiment of this disclosure;

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

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

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

[0031] The term "comprising" and its variations as used herein are open-ended inclusions, meaning "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Definitions of other terms will be given in the description below.

[0032] It should be noted that the concepts of "first" and "second" mentioned in this disclosure are used only to distinguish different devices, modules or units, and are not used to limit the order of functions performed by these devices, modules or units or their interdependencies.

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

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

[0035] It is understood that the data involved in this technical solution (including but not limited to the data itself, the acquisition or use of the data) shall comply with the requirements of relevant laws, regulations and related provisions.

[0036] Figure 1 is a flowchart illustrating an interface display method provided in an embodiment of this disclosure. This method can be executed by an interface display device, which can be implemented by software and / or hardware and can be configured in an electronic device, such as a computer, mobile phone, or tablet computer. The interface display method provided in this embodiment is applicable to scenarios where user-added, user-corresponding interface components are displayed on the interface. As shown in Figure 1, the interface display method provided in this embodiment may include:

[0037] S101. In response to an interface display operation for a preset interface, the preset interface is displayed, and at least one recommended component corresponding to the current account is displayed in the preset interface, wherein the recommended component is an interface component recommended to be added to the preset interface.

[0038] The interface display operation can be a trigger operation used to instruct the display of a certain interface. The execution method of the interface display operation is not limited. For example, this interface display operation can be an operation that triggers the interface display control corresponding to this interface, or an operation that executes a preset swipe gesture used to instruct the display of this interface, etc. The preset interface can be understood as the interface indicated by the above interface display operation. For example, the preset interface can be an interface that allows the user to edit the components it displays.

[0039] The current account can be understood as the account currently logged into by the application. The current application can be understood as the application executing the interface display method provided in this embodiment, such as the application to which the interface display operation described above applies. The recommended component can be understood as a component corresponding to the current account that is recommended to be added to the preset interface. In other words, the recommended component corresponds to the current account; and the current user has not yet added this recommended component to the preset interface, i.e., the current user has not yet added this recommended component to the preset interface for display by performing a component addition operation.

[0040] Specifically, upon receiving an interface display operation for a preset interface, the system can respond to this operation by retrieving at least one recommended component 20 corresponding to the current account from the components to be added to the preset interface, displaying the preset interface, and showing the retrieved recommended component 20 in the preset interface, as shown in Figures 2 and 3, so that the current user can view and / or interact based on the displayed recommended component 20.

[0041] In this embodiment, the recommended components displayed in the preset interface correspond to the current account. The method for determining the recommended components is not limited. For example, they can be determined based on the account characteristics of the current account. In some examples, recommended components can be determined based on the number of times the current account uses the components (such as the number of times the components are triggered). For example, the components to be added that the current user has not yet added to the preset interface and the number of times the current account has used each component to be added within the most recent preset time period can be obtained. Components to be added that meet the preset conditions can be selected, such as components to be added that have a number of times of use greater than or equal to a preset threshold, or the M (where M is a positive integer) components to be added with the most times of use can be selected as recommended components, and so on. The preset time period, preset threshold, and M can all be flexibly set as needed. For example, the preset time period can be set to 15 days, 30 days, or 60 days, the preset threshold can be set to 15, 20, or 30, and / or M can be set to 1, 2, or 3. This embodiment does not impose any limitations on these settings.

[0042] There is no limit to the timing of determining or updating recommended components based on the account characteristics of the current account. For example, the recommended components displayed in the preset interface can be re-determined or updated based on the account characteristics of the current account every time an interface display operation for the preset interface is received; or the update cycle of recommended components can be preset, and when this update cycle is reached, the recommended components displayed in the preset interface can be re-determined or updated based on the account characteristics of the current account, and so on.

[0043] It should be noted that the recommended components displayed in the preset interface are determined based on the account characteristics of the current account and are components that can be added to or removed from the preset interface. These recommended components may differ when the accounts logged into the current application are different. In some examples, the preset interface may also display components actively added to the preset interface by the current user through a component addition operation and / or the default components of the preset interface. These default components can be understood as components included by default in the preset interface, which can be pre-configured by the business side. For example, these default components may or may not support users removing them from the preset interface, and they are generally the same when the accounts logged into the current application are different. Furthermore, when the preset interface is initially displayed in response to a display operation, the recommended components may or may not be displayed within the visible area of ​​the screen. If the recommended components are not displayed within the visible area of ​​the screen during the initial display of the preset interface, they may be displayed within the visible area of ​​the screen based on the current user's page content switching operation within the preset interface (such as a vertical swipe operation).

[0044] In this embodiment, the display format of the recommended components in the preset interface can be set as needed. Optionally, displaying at least one recommended component corresponding to the current account in the preset interface includes at least one of the following: displaying at least one recommended component corresponding to the current account in the preset interface using a first display format, wherein the first display format is the display format of an already added component; or displaying at least one recommended component corresponding to the current account in the preset interface using a second display format, wherein the second display format is the display format of a component to be added.

[0045] "Added components" refers to components already added to the preset interface; in other words, components that have been added to the preset interface. Added components will remain in the preset interface, and unless the user deletes them, they generally will not disappear from the preset interface due to changes in account characteristics. "Components to be added" refers to components that are yet to be added to the preset interface; in other words, components that can be added to the preset interface but have not yet been added as added components. As account characteristics change, components to be added displayed in the preset interface may disappear.

[0046] For example, recommended components corresponding to the current account can be automatically added to the preset interface. When displaying the preset interface, the automatically added recommended components can be shown in the form of added components, as shown in Figure 2. This eliminates the need for users to perform additional addition operations, further simplifying the user's operations. Alternatively, recommended components corresponding to the current account can not be automatically added to the preset interface. For instance, when displaying the preset interface, recommended components can be shown in the form of components to be added, as shown in Figure 3. After receiving the user's addition operation, the recommended components can then be added to the preset interface. This makes the added components in the preset interface more in line with the user's actual addition intentions, improving the usability of the added components in the preset interface.

[0047] In this embodiment, the interface type of the preset interface is not limited. For example, the preset interface can be a full-screen page or a non-full-screen page. This full-screen page can be a page displayed in full screen on the screen; this non-full-screen page can be understood as other interfaces besides full-screen pages, such as panels, windows, lists, or half-screen pages, etc. In some exemplary embodiments, the preset interface can be a sidebar interface of the preset interface. This sidebar interface can be understood as a vertically distributed interface located on one side of the preset interface. Taking the left sidebar interface of the preset interface as an example, as shown in the first figure of Figure 4, the preset interface can display a preset interface display control 40; when it is detected that the current user triggers this preset interface display control 40, or when it is detected that the current user swipes to the right in the preset interface, the preset interface can be displayed on the upper layer of the layer where the preset interface is located, as shown in the second figure of Figure 4.

[0048] S102. In response to a preset trigger operation for the recommended component, execute an interaction event corresponding to the recommended component triggered by the preset trigger operation.

[0049] Among them, the preset trigger operation can be a trigger operation for the recommended component, such as triggering an operation of a certain control, content or area that supports triggering in the recommended component.

[0050] In this embodiment, regardless of whether the recommended components are displayed in the preset interface with or without added components, users are allowed to trigger the recommended components displayed in the preset interface. This simplifies the operations required for users to interact with components that are not added to the preset interface.

[0051] Specifically, upon receiving a preset trigger operation for a recommended component, such as detecting when the current user triggers a control, content, or area within a recommended component, an interaction event corresponding to that recommended control can be executed based on this preset trigger operation. The specific content of the executed interaction event is not limited.

[0052] The interface display method provided in this embodiment, in response to an interface display operation on a preset interface, displays the preset interface and at least one recommended component corresponding to the current account within the preset interface. This recommended component is an interface component recommended to be added to the preset interface. In response to a preset trigger operation on this recommended component, an interaction event corresponding to this recommended component is executed. This embodiment, utilizing the above technical solution, supports displaying at least some components corresponding to the current account that the user has not actively added to the preset interface in the form of recommended components within the preset interface. It also supports user interaction based on the recommended components displayed in the preset interface. Thus, users can view and interact with components they have not actively added within the preset interface. Compared to some embodiments where users need to switch to the component editing interface of the preset interface to view interface components they have not actively added, and need to add components to the preset interface by performing a component addition operation in the component editing interface before interacting with them, this method enriches the components displayed in the preset interface and their interaction methods, reduces the operations required to view and interact with unadded components, and improves the usability of the displayed recommended components.

[0053] In some embodiments, after displaying at least one recommended component corresponding to the current account in the preset interface using the first display format, the method further includes: in response to a component deletion operation on the first recommended component in the preset interface, deleting the first recommended component in the preset interface, wherein the first recommended component is displayed using the first display format.

[0054] The component deletion operation can be understood as an operation to instruct the deletion of recommended components from a preset interface. The component deletion operation can be performed within the preset interface, and its execution method is not limited. Optionally, the recommended component displayed using the first display format is associated with a deletion control, which is configured to trigger the component deletion operation for that recommended component. For example, when a recommended component is displayed in the preset interface as an added component, this recommended component can be associated with a deletion control, which can be used to trigger the component deletion operation for that recommended component. The first recommended component can be the recommended component in the preset interface corresponding to the aforementioned component deletion operation, that is, the recommended component that the aforementioned component deletion operation instructs to be deleted from the preset interface.

[0055] For example, when a component deletion operation is received for a recommended component (such as the first recommended component) in a preset interface, if it is detected that the current user triggers the delete control corresponding to the recommended component displayed in the preset interface, the recommended component can be deleted from the preset interface.

[0056] In this embodiment, users can delete one or more recommended components automatically added to the preset interface by performing a component deletion operation in the preset interface, without having to switch to the component editing interface of the preset interface to delete them. This simplifies the operations required to edit the recommended components displayed in the preset interface.

[0057] In some embodiments, after displaying at least one recommended component corresponding to the current account in the preset interface using the second display format, the method further includes: in response to a component addition operation for the second recommended component in the preset interface, switching the second recommended component from the second display format to the first display format.

[0058] The first component addition operation can be understood as instructing the addition of a recommended component, currently displayed as an unadded component in the preset interface, to an added component in the preset interface. The component addition operation can be performed within the preset interface, and its execution method is not limited. Optionally, the recommended component displayed using the second display format is associated with an addition control, which is configured to trigger the component addition operation for that recommended component. For example, when a recommended component is displayed in the preset interface as a component to be added, this recommended component can be associated with an addition control, which can be used to trigger the component addition operation for that recommended component. The second recommended component can be a recommended component in the preset interface corresponding to the aforementioned component addition operation, i.e., the recommended component indicated by the component addition operation to be added to the preset interface.

[0059] Specifically, when a component addition operation is received for a recommended component 20 (such as the second recommended component) in the preset interface, if it is detected that the current user triggers the addition control 30 corresponding to the recommended component 20 displayed in the first display format (as shown in Figure 3), this recommended component 20 can be added as an added component 21 in the preset interface. For example, the display format of this recommended component 20 can be switched from the second display format to the first display format, as shown in Figure 5 (the figure takes the addition control 30 corresponding to the recommended component 1 as an example).

[0060] Please continue referring to Figures 3 and 5. When switching a recommended component from the second display style to the first display style, for example, the display style of this recommended component can be switched from the display style of added components to the display style of no added components. This can be done by switching the style of the component background, the content contained in the component, etc., of this recommended component to the style of added components and / or canceling the display of recommended components corresponding to this recommended component; and / or moving this recommended component from the area of ​​components to be added in the preset interface to the area of ​​added components in the preset interface for display. Optionally, switching the second recommended component from the second display form to the first display form includes at least one of the following: switching the display style of the second recommended component from the display style of components to be added to the display style of added components; moving the second recommended component from the area of ​​components to be added in the preset interface to the area of ​​added components in the preset interface for display. Wherein, the area of ​​components to be added can be understood as the area used to display the recommended component to be added; the area of ​​added components can be understood as the area used to display the added components in the preset interface. The second recommended component can be displayed in any position within the added components area. For example, it can be moved to the position of the first or last added component in the added components area for display, and so on.

[0061] In this embodiment, users can add recommended components displayed in the preset interface to the preset interface by performing a component addition operation, without having to switch to the component editing interface of the preset interface to add them. This simplifies the operations required to edit the recommended components displayed in the preset interface.

[0062] Figure 6 is a flowchart illustrating another interface display method provided in an embodiment of this disclosure. The solution in this embodiment can be combined with one or more optional solutions in the above embodiments. Optionally, after displaying the preset interface, the method further includes: in response to a component editing operation performed on the preset interface, displaying a component editing interface of the preset interface, wherein the component editing interface includes a first interface area and a second interface area, the first interface area being used to display component information of components already added to the preset interface; the second interface area being used to display component information or component preview of components to be added to the preset interface.

[0063] Accordingly, as shown in Figure 3, the interface display method provided in this embodiment may include:

[0064] S201. In response to the interface display operation for the preset interface, the preset interface is displayed, and at least one recommended component corresponding to the current account is displayed in the preset interface. S202 and / or S203 are executed, wherein the recommended component is an interface component recommended to be added to the preset interface.

[0065] S202. In response to a preset trigger operation for the recommended component, execute an interaction event corresponding to the recommended component triggered by the preset trigger operation.

[0066] S203. In response to a component editing operation performed on the preset interface, a component editing interface of the preset interface is displayed, wherein the component editing interface includes a first interface area and a second interface area. The first interface area is used to display component information of components already added to the preset interface; the second interface area is used to display component information or component preview screen of a component to be added to the preset interface. The component information of the component to be added supports the execution of a component preview operation, and the component preview operation is used to instruct the display of a component preview screen of the component to be added.

[0067] The component editing operation can be understood as a trigger operation used to instruct the display of the component editing interface of the preset interface. The execution method of the component editing operation is not limited; for example, it can be an operation that triggers the component editing control displayed in the preset interface or performs a preset component editing gesture. The component editing interface can be understood as an interface used to edit the components added to the preset interface. The component editing interface can include a first interface area and a second interface area. The first interface area can be used to display component information of components already added to the preset interface, and the second interface area can be used to display component information and / or component preview screens of components yet to be added to the preset interface. For example, this component information can include component identification information, etc. This component information can support users to perform component preview operations on the corresponding component. For example, this component information can be configured to trigger the execution of a component preview operation on the corresponding component, and / or, this component information can be associated with a component preview control, which can be configured to trigger the execution of a component preview operation on the corresponding component. The component preview screen can be a preview screen of the component during display, such as the component's display screen. The component preview operation can be an operation that displays a preview screen of a component to be added, such as triggering the operation of the component preview control corresponding to a component to be added displayed in the component editing interface.

[0068] For example, when a component editing operation is received on the preset interface, such as when the current user triggers the component editing control 22 on the preset interface (as shown in Figures 2 and 3), the component editing interface of the preset interface can be displayed. The component information of the added components of the preset interface is displayed in the first interface area of ​​the component editing interface, and the component information and / or component preview screen of the component to be added to the preset interface is displayed in the second interface area of ​​the component editing interface, as shown in the first figure in Figure 7 and Figure 8.

[0069] In some implementations, for situations where the component editing interface displays component information for a component to be added but not a preview of the component to be added, the user can also view a preview of the component to be added based on the component information of the component to be added displayed in the component editing interface, thus satisfying the user's preview needs for the component to be added. For example, upon receiving a component preview operation based on the component information of a component to be added displayed in the component editing interface, the user can respond to this component preview operation by displaying a preview of the component to be added. Optionally, after displaying the component editing interface of the preset interface, the implementation further includes: responding to a component preview operation based on the component information by displaying a preview of the component to be added corresponding to the component preview operation.

[0070] In the above embodiments, the display position of the component preview screen of the component to be added is not limited. For example, the component preview screen of the component to be added can be added to the component editing interface, such as switching the component information of the component to be added to display the component preview screen of the component to be added, and / or increasing the display area of ​​the component information of the component to be added, and adding the component preview screen of the component to be added to the increased display area, etc.; or a component preview panel of the component to be added can be displayed, and the component preview screen of the component to be added can be displayed in this component preview panel. Here, the component preview panel can be understood as a panel used to display component preview screens to preview the corresponding component to be added.

[0071] Taking the display of a component preview screen of a component to be added in a component preview panel as an example, this component preview panel can, for instance, display a component preview screen of the component to be added, and can display functional description information of the component to be added, whether or not it is displayed. Optionally, the component preview panel can further display functional description information of the component to be added, so that the current user can clearly understand the function of the component to be added. In this case, optionally, after displaying the component editing interface of the preset interface, it further includes: responding to the component preview operation based on the component information, displaying a component preview panel of the component to be added corresponding to the component addition operation, wherein the component preview panel includes a first panel area and a second panel area, the first panel area is used to display the component preview screen of the component to be added corresponding to the component addition operation, and the second panel area is used to display the functional description information of the component to be added corresponding to the component addition operation.

[0072] The first panel area can be the area in the component preview panel used to display a preview of the component. The second panel area can be the area in the component preview panel used to display functional description information. This functional description information can be understood as information used to introduce the functionality of the component to be added.

[0073] In some optional examples, as shown in the first image of Figure 7, the component information of components already added in the preset interface can be displayed in the first interface area of ​​the component editing interface, and the component information and component preview control 70 of the component to be added in the preset interface can be displayed in the second interface area of ​​the component editing interface. When it is detected that the current user triggers the component preview control 70 of a component to be added, it can be determined that a component preview operation for this component to be added has been received. In response to this component preview operation, the component preview panel 71 of the component to be added is displayed, and the component preview screen 72 of the component to be added is displayed in the first panel area of ​​the component preview panel 71, and the functional introduction information of the component to be added is displayed in the second panel area of ​​the component preview panel 71, as shown in the second image of Figure 7 (the figure takes the triggering of the component preview control 70 corresponding to component n+1 as an example).

[0074] In this embodiment, users can also perform component addition operations corresponding to the component to be added in the component editing interface or component preview panel to add the corresponding component to the preset interface. For example, as shown in Figures 7 and 8, the component editing interface can display component addition controls 73 corresponding to each component to be added, and / or the component preview panel can display component addition controls 73 corresponding to the corresponding component to be added. Thus, when it is detected that the current user triggers the component addition control 73 corresponding to a component to be added displayed in the component editing interface or component preview interface, it can be determined that a component addition operation for this component to be added has been received, and in response to this component addition operation, the component to be added is added to the preset interface. For example, after being added to the preset interface, the component to be added is displayed in the preset interface and the component editing interface as an added component.

[0075] Furthermore, the component editing interface can also support users to perform component deletion and / or order adjustment operations corresponding to added components, thereby deleting the corresponding added components from the preset interface or adjusting the display order of added components in the preset interface. For example, referring to Figures 7 and 8, the component editing interface can display component deletion controls 74 and / or order adjustment controls 75 corresponding to each added component. Therefore, when the current user triggers the component deletion control 74 corresponding to a certain added component displayed in the component editing interface, it can be determined that a component deletion operation for this added component has been received. In response to this component deletion operation, the added component is deleted from the preset interface. For example, after being deleted from the preset interface, this added component is displayed in the component editing interface as a component to be added. When a drag operation is detected on the order adjustment control 75 corresponding to an added component displayed in the component editing interface, it can be determined that an order adjustment operation for this added component has been received. In response to this order adjustment operation, the component information of this added component is controlled to move with this order adjustment operation to adjust the arrangement order of the component information of each added component in the component editing interface. After this order adjustment operation is completed, the display order of each added component in the preset interface is adjusted according to the arrangement order of the component information of each added component in the component editing interface.

[0076] In this embodiment, preview screens for each component can be preset. Therefore, when a preview screen of a component to be added needs to be displayed, the preset preview screen (i.e., the default preview screen) can be obtained and displayed, reducing the operations required to display the preview screen. Alternatively, when a preview screen of a component to be added needs to be displayed, a real-time preview screen of the component to be added can also be displayed. For example, a real-time preview screen of the component to be added can be generated based on the component content currently to be displayed, and then displayed, improving the preview effect of the component to be added. Furthermore, in some examples, when displaying a real-time preview screen of a component to be added, this real-time preview screen can support user interaction, such as allowing the user to trigger interactive events corresponding to the component to be added based on this real-time preview screen. In this case, optionally, the preview screen of the component to be added can be either the default preview screen or the real-time preview screen of the component to be added, and the real-time preview screen supports triggering interactive events corresponding to the component to be added.

[0077] The interface display method provided in this embodiment supports displaying a preview of the component to be added in the component editing interface, or triggering the display of a preview of the component to be added based on the component content of the component to be added displayed in the component editing interface. This can further enrich the preview methods of the component to be added and meet the user's preview needs for the component to be added.

[0078] Figure 9 is a structural block diagram of an interface display device provided in an embodiment of this disclosure. This device can be implemented by software and / or hardware, and can be configured in an electronic device, such as a computer, mobile phone, or tablet computer. It can display user-added interface components corresponding to the user by executing an interface display method. As shown in Figure 9, the interface display device provided in this embodiment may include:

[0079] The component recommendation module 901 is used to respond to the interface display operation for the preset interface, display the preset interface, and display at least one recommended component corresponding to the current account in the preset interface. The recommended component is an interface component that is recommended to be added to the preset interface.

[0080] The event execution module 902 is used to execute the interaction event corresponding to the recommended component triggered by the preset trigger operation in response to the preset trigger operation.

[0081] The interface display device provided in this embodiment responds to the interface display operation for the preset interface through the component recommendation module, displays the preset interface, and displays at least one recommended component corresponding to the current account in the preset interface. This recommended component is an interface component that is recommended to be added to the preset interface. The event execution module responds to the preset trigger operation for this recommended component and executes the interaction event corresponding to this recommended component. This embodiment utilizes the above-described technical solution to support the display of at least a portion of components corresponding to the current account and not actively added to the preset interface in the form of recommended components. It also supports user interaction based on these recommended components. Thus, users can view and interact with components they haven't actively added within the preset interface. Compared to some embodiments where users need to switch to the component editing interface of the preset interface to view components not actively added, and then add the components to the preset interface before interacting with them, this embodiment enriches the components displayed in the preset interface and their interaction methods, reduces the operations required to view and interact with unadded components, and improves the usability of the displayed recommended components.

[0082] Optionally, the component recommendation module 901 can be used to perform at least one of the following: displaying at least one recommended component corresponding to the current account in the preset interface using a first display format, wherein the first display format is the display format of added components; or displaying at least one recommended component corresponding to the current account in the preset interface using a second display format, wherein the second display format is the display format of components to be added.

[0083] Furthermore, the interface display device may further include: a component deletion module, configured to delete the first recommended component in the preset interface in response to a component deletion operation on the first recommended component in the preset interface after at least one recommended component corresponding to the current account is displayed in the preset interface using the first display format, wherein the first recommended component is displayed using the first display format.

[0084] Furthermore, the interface display device may further include: a component adding module, used to switch the second recommended component from the second display form to the first display form in response to a component adding operation for the second recommended component in the preset interface after at least one recommended component corresponding to the current account is displayed in the preset interface using the second display form.

[0085] Optionally, the component adding module is specifically used to perform at least one of the following: switching the display style of the second recommended component from the display style of the component to be added to the display style of the added component; moving the second recommended component from the component to be added area of ​​the preset interface to the added component area of ​​the preset interface for display.

[0086] Optionally, the recommended component displayed using the first display format is associated with a delete control, which is configured to trigger a component deletion operation for the recommended component; and / or, the recommended component displayed using the second display format is associated with an add control, which is configured to trigger a component add operation for the recommended component.

[0087] Furthermore, the interface display device may further include: an editing interface display module, configured to, after displaying the preset interface, in response to a component editing operation performed on the preset interface, display a component editing interface of the preset interface, wherein the component editing interface includes a first interface area and a second interface area, the first interface area being used to display component information of components already added to the preset interface; the second interface area being used to display component information or a component preview screen of a component to be added to the preset interface, the component information of the component to be added supporting the execution of a component preview operation, the component preview operation being used to instruct the display of a component preview screen of the component to be added.

[0088] Furthermore, the interface display device may further include: a preview panel display module, used to display a component preview panel of the component to be added corresponding to the component addition operation in response to a component preview operation based on the component information after the component editing interface that displays the preset interface, wherein the component preview panel includes a first panel area and a second panel area, the first panel area is used to display the component preview screen of the component to be added corresponding to the component addition operation, and the second panel area is used to display the functional introduction information of the component to be added corresponding to the component addition operation.

[0089] Optionally, the component preview screen of the component to be added is a preset preview screen or a real-time preview screen of the component to be added, and the real-time preview screen supports triggering the execution of interactive events corresponding to the component to be added.

[0090] The interface display device provided in this disclosure can execute the interface display method provided in any embodiment of this disclosure, and has the corresponding functional modules and beneficial effects for executing the interface display method. Technical details not described in detail in this embodiment can be found in the interface display method provided in any embodiment of this disclosure.

[0091] Referring now to FIG10, a schematic diagram of the structure of an electronic device (e.g., a terminal device) 1000 suitable for implementing embodiments of the present disclosure is shown. The terminal device in the embodiments of the present disclosure may include, but is not limited to, mobile terminals such as mobile phones, laptops, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), in-vehicle terminals (e.g., in-vehicle navigation terminals), and fixed terminals such as digital TVs and desktop computers. The electronic device shown in FIG10 is merely an example and should not impose any limitation on the functionality and scope of use of the embodiments of the present disclosure.

[0092] As shown in Figure 10, the electronic device 1000 may include a processing unit (e.g., a central processing unit, a graphics processing unit, etc.) 1001, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 1002 or a program loaded from a storage device 1008 into a random access memory (RAM) 1003. The RAM 1003 also stores various programs and data required for the operation of the electronic device 1000. The processing unit 1001, ROM 1002, and RAM 1003 are interconnected via a bus 1004. An input / output (I / O) interface 1005 is also connected to the bus 1004.

[0093] Typically, the following devices can be connected to the I / O interface 1005: input devices 1006 including, for example, a touchscreen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, etc.; output devices 1007 including, for example, a liquid crystal display (LCD), speaker, vibrator, etc.; storage devices 1008 including, for example, magnetic tape, hard disk, etc.; and communication devices 1009. Communication device 1009 allows electronic device 1000 to communicate wirelessly or wiredly with other devices to exchange data. Although Figure 10 shows an electronic device 1000 with various devices, it should be understood that it is not required to implement or possess all of the devices shown. More or fewer devices may be implemented or possessed alternatively.

[0094] In particular, according to embodiments of this disclosure, the processes described above with reference to the flowcharts can be implemented as computer software programs. For example, embodiments of this disclosure include a computer program product comprising a computer program carried on a non-transitory computer-readable medium, the computer program containing program code for performing the methods shown in the flowcharts. In such embodiments, the computer program can be downloaded and installed from a network via communication device 1009, or installed from storage device 1008, or installed from ROM 1002. When the computer program is executed by processing device 1001, it performs the functions defined in the methods of embodiments of this disclosure.

[0095] It should be noted that the computer-readable medium described in this disclosure can be a computer-readable signal medium or a computer-readable storage medium, or any combination thereof. A computer-readable storage medium can be, for example,—but not limited to—an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of a computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer disk, a hard disk, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage device, magnetic storage device, or any suitable combination thereof. In this disclosure, a computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in connection with an instruction execution system, apparatus, or device. In this disclosure, a computer-readable signal medium can include a data signal propagated in baseband or as part of a carrier wave, carrying computer-readable program code. Such propagated data signals can take various forms, including but not limited to electromagnetic signals, optical signals, or any suitable combination thereof. A computer-readable signal medium can be any computer-readable medium other than a computer-readable storage medium, which can send, propagate, or transmit a program for use by or in connection with an instruction execution system, apparatus, or device. The program code contained on the computer-readable medium can be transmitted using any suitable medium, including but not limited to: wires, optical fibers, RF (radio frequency), etc., or any suitable combination thereof.

[0096] In some implementations, clients and servers can communicate using any currently known or future-developed network protocol such as HTTP (Hypertext Transfer Protocol), and can interconnect with digital data communication (e.g., communication networks) of any form or medium. Examples of communication networks include local area networks (“LANs”), wide area networks (“WANs”), the Internet (e.g., the Internet of Things), and end-to-end networks (e.g., ad hoc end-to-end networks), as well as any currently known or future-developed networks.

[0097] The aforementioned computer-readable medium may be included in the aforementioned electronic device; or it may exist independently and not assembled into the electronic device.

[0098] The aforementioned computer-readable medium carries one or more programs, which, when executed by the electronic device, cause the electronic device to: display the preset interface in response to an interface display operation on the preset interface, and display at least one recommended component corresponding to the current account in the preset interface, the recommended component being an interface component recommended to be added to the preset interface; and execute an interactive event corresponding to the recommended component triggered by the preset trigger operation in response to a preset trigger operation on the recommended component.

[0099] Computer program code for performing the operations of this disclosure can be written in one or more programming languages ​​or a combination thereof, including but not limited to object-oriented programming languages ​​such as Java, Smalltalk, and C++, as well as conventional procedural programming languages ​​such as the "C" language or similar programming languages. The program code can be executed entirely on the user's computer, partially on the user's computer, as a standalone software package, partially on the user's computer and partially on a remote computer, or entirely on a remote computer or server. In cases involving remote computers, the remote computer can be connected to the user's computer via any type of network—including a local area network (LAN) or a wide area network (WAN)—or can be connected to an external computer (e.g., via the Internet using an Internet service provider).

[0100] The flowcharts and block diagrams in the accompanying drawings illustrate the architecture, functionality, and operation of possible implementations of systems, methods, and computer program products according to various embodiments of this disclosure. In this regard, each block in a flowchart or block diagram may represent a module, segment, or portion of code containing one or more executable instructions for implementing a specified logical function. It should also be noted that in some alternative implementations, the functions indicated in the blocks may occur in a different order than those indicated in the drawings. For example, two consecutively indicated blocks may actually be executed substantially in parallel, and they may sometimes be executed in reverse order, depending on the functions involved. It should also be noted that each block in the block diagrams and / or flowcharts, and combinations of blocks in the block diagrams and / or flowcharts, can be implemented using a dedicated hardware-based system that performs the specified function or operation, or using a combination of dedicated hardware and computer instructions.

[0101] The units described in the embodiments of this disclosure can be implemented in software or hardware. The names of modules do not, in some cases, constitute a limitation on the unit itself.

[0102] The functions described above in this document can be performed, at least in part, by one or more hardware logic components. For example, exemplary types of hardware logic components that can be used, without limitation, include: Field Programmable Gate Arrays (FPGAs), Application-Specific Integrated Circuits (ASICs), Application Standard Products (ASSPs), System-on-Chip (SoCs), Complex Programmable Logic Devices (CPLDs), and so on.

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

[0104] According to one or more embodiments of this disclosure, Example 1 provides a method for displaying an interface, including:

[0105] In response to an interface display operation on a preset interface, the preset interface is displayed, and at least one recommended component corresponding to the current account is displayed in the preset interface. The recommended component is an interface component that is recommended to be added to the preset interface.

[0106] In response to a preset trigger operation for the recommended component, execute the interaction event corresponding to the recommended component triggered by the preset trigger operation.

[0107] According to one or more embodiments of this disclosure, Example 2 describes the method described in Example 1, wherein displaying at least one recommendation component corresponding to the current account in the preset interface includes at least one of the following:

[0108] At least one recommended component corresponding to the current account is displayed in the preset interface using a first display format, wherein the first display format is the display format of the added component;

[0109] At least one recommended component corresponding to the current account is displayed in the preset interface using a second display format, which is the display format of the component to be added.

[0110] According to one or more embodiments of this disclosure, Example 3, based on the method described in Example 2, further includes, after displaying at least one recommendation component corresponding to the current account in the preset interface using a first display format:

[0111] In response to a component deletion operation on the first recommended component in the preset interface, the first recommended component is deleted from the preset interface, wherein the first recommended component is displayed using the first display format.

[0112] According to one or more embodiments of this disclosure, Example 4, based on the method described in Example 2, further includes, after displaying at least one recommendation component corresponding to the current account in the preset interface using a second display format:

[0113] In response to the component addition operation for the second recommended component in the preset interface, the second recommended component is switched from the second display format to the first display format.

[0114] According to one or more embodiments of this disclosure, Example 5 describes the method described in Example 4, wherein switching the second recommended component from the second display format to the first display format includes at least one of the following:

[0115] Switch the display style of the second recommended component from the component to be added to the display style of the added component;

[0116] The second recommended component is moved from the component to be added area of ​​the preset interface to the component already added area of ​​the preset interface for display.

[0117] According to one or more embodiments of this disclosure, Example 6, based on the method described in Example 2, displays a recommended component in the first display format, which is associated with a delete control. The delete control is configured to trigger a component deletion operation for the recommended component; and / or

[0118] The recommended component displayed using the second display format is associated with an add control, which is configured to trigger a component add operation for the recommended component.

[0119] According to one or more embodiments of this disclosure, Example 7, based on any one of Examples 1-6, further includes, after displaying the preset interface:

[0120] In response to a component editing operation performed on the preset interface, a component editing interface of the preset interface is displayed. The component editing interface includes a first interface area and a second interface area. The first interface area is used to display component information of components already added to the preset interface. The second interface area is used to display component information or a component preview screen of a component to be added to the preset interface. The component information of the component to be added supports the execution of a component preview operation, and the component preview operation is used to instruct the display of a component preview screen of the component to be added.

[0121] According to one or more embodiments of this disclosure, Example 8, based on the method described in Example 7, further includes, after the component editing interface displaying the preset interface, the following:

[0122] In response to a component preview operation based on the component information, a component preview panel for the component to be added corresponding to the component addition operation is displayed. The component preview panel includes a first panel area and a second panel area. The first panel area is used to display a component preview screen of the component to be added corresponding to the component addition operation, and the second panel area is used to display functional introduction information of the component to be added corresponding to the component addition operation.

[0123] According to one or more embodiments of this disclosure, Example 9 describes the method described in Example 7, wherein the component preview screen of the component to be added is a preset preview screen or a real-time preview screen of the component to be added, and the real-time preview screen supports triggering the execution of interactive events corresponding to the component to be added.

[0124] According to one or more embodiments of this disclosure, Example 10 provides an interface display device, including:

[0125] The component recommendation module is used to respond to the interface display operation for the preset interface, display the preset interface, and display at least one recommended component corresponding to the current account in the preset interface. The recommended component is an interface component that is recommended to be added to the preset interface.

[0126] The event execution module is used to respond to a preset trigger operation for the recommended component and execute the interaction event corresponding to the recommended component triggered by the preset trigger operation.

[0127] According to one or more embodiments of this disclosure, Example 11 provides an electronic device, including:

[0128] One or more processors;

[0129] Memory, used to store one or more programs.

[0130] When the one or more programs are executed by the one or more processors, the one or more processors implement the interface display method as described in any of Examples 1-9.

[0131] According to one or more embodiments of the present disclosure, Example 12 provides a computer-readable storage medium having a computer program stored thereon that, when executed by a processor, implements the interface display method as described in any of Examples 1-9.

[0132] According to one or more embodiments of this disclosure, Example 13 provides a computer program product that, when executed by a computer, causes the computer to implement the interface display method as described in any of Examples 1-9.

[0133] The above description is merely a preferred embodiment of this disclosure and an explanation of the technical principles employed. Those skilled in the art should understand that the scope of this disclosure is not limited to technical solutions formed by specific combinations of the above-described technical features, but should also cover other technical solutions formed by arbitrary combinations of the above-described technical features or their equivalents without departing from the above-described concept. For example, technical solutions formed by substituting the above features with (but not limited to) technical features disclosed in this disclosure that have similar functions.

[0134] Furthermore, while the operations are described in a specific order, this should not be construed as requiring these operations to be performed in the specific order shown or in a sequential order. In certain environments, multitasking and parallel processing may be advantageous. Similarly, while several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of this disclosure. Certain features described in the context of individual embodiments may also be implemented in combination in a single embodiment. Conversely, various features described in the context of a single embodiment may also be implemented individually or in any suitable sub-combination in multiple embodiments.

[0135] Although the subject matter has been described using language specific to structural features and / or methodological logic, it should be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or actions described above. Rather, the specific features and actions described above are merely illustrative examples of implementing the claims.

Claims

1. A method for displaying an interface, comprising: In response to an interface display operation on a preset interface, the preset interface is displayed, and at least one recommended component corresponding to the current account is displayed in the preset interface. The recommended component is an interface component that is recommended to be added to the preset interface. In response to a preset trigger operation for the recommended component, execute the interaction event corresponding to the recommended component triggered by the preset trigger operation.

2. The method according to claim 1, wherein, The provision of at least one recommended component corresponding to the current account in the preset interface includes at least one of the following: At least one recommended component corresponding to the current account is displayed in the preset interface using a first display format, wherein the first display format is the display format of the added component; At least one recommended component corresponding to the current account is displayed in the preset interface using a second display format, which is the display format of the component to be added.

3. The method according to claim 2, wherein, After displaying at least one recommended component corresponding to the current account in the preset interface using the first display format, the method further includes: In response to a component deletion operation on the first recommended component in the preset interface, the first recommended component is deleted from the preset interface, wherein the first recommended component is displayed using the first display format.

4. The method according to claim 2 or 3, wherein, After displaying at least one recommended component corresponding to the current account in the preset interface using the second display format, the method further includes: In response to the component addition operation for the second recommended component in the preset interface, the second recommended component is switched from the second display format to the first display format.

5. The method according to claim 4, wherein, Switching the second recommended component from the second display format to the first display format includes at least one of the following: Switch the display style of the second recommended component from the component to be added to the display style of the added component; The second recommended component is moved from the component to be added area of ​​the preset interface to the component already added area of ​​the preset interface for display.

6. The method according to any one of claims 2-5, wherein, The recommended component displayed using the first display format is associated with a delete control, which is configured to trigger a component deletion operation for the recommended component; and / or The recommended component displayed using the second display format is associated with an add control, which is configured to trigger a component add operation for the recommended component.

7. The method according to any one of claims 1-6, wherein, After displaying the preset interface, the following is also included: In response to a component editing operation performed on the preset interface, a component editing interface of the preset interface is displayed. The component editing interface includes a first interface area and a second interface area. The first interface area is used to display component information of components already added to the preset interface. The second interface area is used to display component information or a component preview screen of a component to be added to the preset interface. The component information of the component to be added supports the execution of a component preview operation, and the component preview operation is used to instruct the display of a component preview screen of the component to be added.

8. The method according to claim 7, wherein, Following the component editing interface that displays the preset interface, the following is also included: In response to a component preview operation based on the component information, a component preview panel for the component to be added corresponding to the component addition operation is displayed. The component preview panel includes a first panel area and a second panel area. The first panel area is used to display a component preview screen of the component to be added corresponding to the component addition operation, and the second panel area is used to display functional introduction information of the component to be added corresponding to the component addition operation.

9. The method according to claim 7 or 8, wherein, The component preview screen of the component to be added is either a preset preview screen or a real-time preview screen of the component to be added. The real-time preview screen supports triggering and executing interactive events corresponding to the component to be added.

10. An interface display device, comprising: The component recommendation module is configured to respond to an interface display operation on a preset interface, display the preset interface, and display at least one recommended component corresponding to the current account in the preset interface, wherein the recommended component is an interface component recommended to be added to the preset interface; The event execution module is configured to respond to a preset trigger operation for the recommended component and execute an interaction event corresponding to the recommended component triggered by the preset trigger operation.

11. An electronic device, comprising: At least one processor; as well as A memory communicatively connected to the at least one processor; wherein, The memory stores a computer program that can be executed by the at least one processor, the computer program being executed by the at least one processor to enable the at least one processor to perform the interface display method according to any one of claims 1-9.

12. A computer-readable storage medium storing computer instructions, wherein, The computer instructions are used to cause the processor to execute the interface display method according to any one of claims 1-9.

13. A computer program product, the computer program product comprising a computer program, wherein, When the computer program is executed by the processor, it implements the interface display method according to any one of claims 1-9.

Images