Interaction method and device and electronic equipment

Abstract

The embodiment of the invention discloses an interaction method and device and electronic equipment. According to one specific embodiment, the method comprises the steps that a navigation item is displayed in a navigation bar of an application, and the navigation bar comprises a first sub-area and a second sub-area; in response to a first grouping operation, adding one or more navigation items for the first grouping operation to a target group, and displaying the navigation items of the target group in the second sub-region; wherein the first sub-region is configured to display a first type of navigation item, and under the condition that a first interface indicated by the first type of navigation item is closed, the corresponding first type of navigation item is reserved and displayed in the first sub-region; wherein the second subarea is configured to display a second type of navigation item, and under the condition that a second interface indicated by the second type of navigation item is closed, the second type of navigation item stops being displayed in the second subarea. Therefore, a new interaction mode is provided.

Description

Technical Field

[0001] The present disclosure relates to the field of computer technology, and in particular to an interaction method, device and electronic device. Background Art

[0002] With the development of information technology, various terminal devices can provide various services to people in work and life. For example, applications that provide various services can be deployed in terminal devices. Terminal devices or their applications can provide users with various types of functions, such as social communication, calendar, weather query, etc., to assist users.

[0003] Some applications provide a single proprietary function, for example, instant messaging applications provide social communication and instant messaging functions, calendar applications provide calendar services, and cloud document applications provide document collaboration services. Some applications provide multiple functions, such as office suite applications provide one or more of the following functions: instant messaging, calendar, tasks, audio and video conferencing, cloud documents, etc. How to provide users with interactive methods in applications to better serve users is a technical issue currently being explored. Summary of the invention

[0004] This disclosure section is provided to introduce concepts in a brief form, which will be described in detail in the detailed description section below. This disclosure section is not intended to identify key features or essential features of the claimed technical solution, nor is it intended to limit the scope of the claimed technical solution.

[0005] In a first aspect, an embodiment of the present disclosure provides an interaction method, the method comprising: displaying navigation items in a navigation bar of an application, wherein the navigation bar comprises a first sub-area and a second sub-area; in response to a first grouping operation, adding one or more navigation items targeted by the first grouping operation to a target group, and displaying the navigation items of the target group in the second sub-area; wherein the first sub-area is configured to display a first type of navigation item, and when a first interface indicated by the first type of navigation item is closed, the corresponding first type of navigation item remains displayed in the first sub-area; wherein the second sub-area is configured to display a second type of navigation item, and when a second interface indicated by the second type of navigation item is closed, the second type of navigation item stops being displayed in the second sub-area.

[0006] In a second aspect, an embodiment of the present disclosure provides an interactive device, comprising: a first display unit, for displaying navigation items in a navigation bar of an application, wherein the navigation bar comprises a first sub-area and a second sub-area; a second display unit, for, in response to a first grouping operation, adding one or more navigation items targeted by the first grouping operation to a target group, and displaying the navigation items of the target group in the second sub-area; wherein the first sub-area is configured to display a first type of navigation item, and when a first interface indicated by the first type of navigation item is closed, the corresponding first type of navigation item remains displayed in the first sub-area; wherein the second sub-area is configured to display a second type of navigation item, and when a second interface indicated by the second type of navigation item is closed, the second type of navigation item stops in the second sub-area.

[0007] In a third aspect, an embodiment of the present disclosure provides an interaction method, which includes the first aspect. An embodiment of the present disclosure provides an interaction method, which includes: displaying a navigation item in a navigation bar of an application, wherein the navigation bar includes a first sub-area and a second sub-area; displaying an input control based on a new operation in the second sub-area; obtaining a first identifier input in the input control, wherein the first identifier indicates an entrance to a native component in the application or an entrance to a native business page of the application; and displaying a page of the native component or the native business page in a content display area of ​​the application.

[0008] In a fourth aspect, an embodiment of the present disclosure provides an interactive device, comprising: a first display module, used to display navigation items in a navigation bar of an application, wherein the navigation bar comprises a first sub-area and a second sub-area; a second display module, used to display an input control based on a new operation in the second sub-area; an acquisition module, used to acquire a first identifier entered in the input control, wherein the first identifier indicates an entrance to a native component in the application or an entrance to a native business page of the application; and a third display module, used to display a page of the native component or the native business page in the content display area of ​​the application.

[0009] In a fifth aspect, an embodiment of the present disclosure provides an electronic device, comprising: one or more processors; a storage device for storing one or more programs, wherein when the one or more programs are executed by the one or more processors, the one or more processors implement the interaction method as described in the first aspect or the third aspect.

[0010] In a sixth aspect, an embodiment of the present disclosure provides a computer-readable medium having a computer program stored thereon, which, when executed by a processor, implements the steps of the interaction method as described in the first aspect or the third aspect.

[0011] The interactive method, device and electronic device provided by the embodiments of the present disclosure can realize displaying target groups in the second sub-area by displaying multiple navigation items in the navigation bar of the application and grouping one or more navigation items by adopting the first grouping operation, thereby improving the orderliness of the second sub-area and improving the user's operation efficiency on the second sub-area. BRIEF DESCRIPTION OF THE DRAWINGS

[0012] The above and other features, advantages and aspects of the embodiments of the present disclosure will become more apparent with reference to the following detailed description in conjunction with the accompanying drawings. Throughout the accompanying drawings, the same or similar reference numerals represent 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.

[0013] Figure 1 is a flow chart of an embodiment of an interactive method according to the present disclosure;

[0014] Figure 2A , Figure 2B , Figure 2C , Figure 2D , Figure 2E , Figure 2F , Figure 2G , Figure 2H , Fig.2I is a schematic diagram of an application scenario of the interaction method according to the present disclosure;

[0015] Figure 3A , Figure 3B , Figure 3C , Figure 3D , Figure 3E , Figure 3F , Figure 3G is a schematic diagram of an application scenario of the interaction method according to the present disclosure;

[0016] Figure 4A , Figure 4B , Figure 4C is a schematic diagram of an application scenario of the interaction method according to the present disclosure;

[0017] Figure 5 is a flow chart of an embodiment of an interactive method according to the present disclosure;

[0018] Figure 6 is a structural schematic diagram of an embodiment of an interactive device according to the present disclosure;

[0019] Figure 7 is a structural schematic diagram of an embodiment of an interactive device according to the present disclosure;

[0020] Figure 8 is an exemplary system architecture in which the interaction method of an embodiment of the present disclosure may be applied;

[0021] Fig. 9 It is a schematic diagram of the basic structure of an electronic device provided according to an embodiment of the present disclosure. DETAILED DESCRIPTION

[0022] Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. Although certain embodiments of the present disclosure are shown in the accompanying drawings, it should be understood that the present disclosure can be implemented in various forms and should not be construed as being limited to the embodiments described herein, which are instead provided for a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are only for exemplary purposes and are not intended to limit the scope of protection of the present disclosure.

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

[0024] The term "including" and its variations used herein are open inclusions, i.e., "including but not limited to". The term "based on" means "based at least in part 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". The relevant definitions of other terms will be given in the following description.

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

[0026] It should be noted that the modifications of "one" and "plurality" mentioned in the present disclosure are illustrative rather than restrictive, and those skilled in the art should understand that unless otherwise clearly indicated in the context, it should be understood as "one or more".

[0027] The names of the messages or information exchanged between multiple devices in the embodiments of the present disclosure are only used for illustrative purposes and are not used to limit the scope of these messages or information.

[0028] Please refer to Figure 1 , which shows the process of an embodiment of the interactive method according to the present disclosure. Figure 1 The interactive method shown comprises the following steps:

[0029] Step 101: Display navigation items in the navigation bar of the application.

[0030] In this embodiment, the execution entity of the interactive method (eg, a server and / or a terminal device) may display navigation items in a navigation bar of an application.

[0031] Here, the navigation bar includes a first sub-area and a second sub-area.

[0032] In some embodiments, an application may be an application that provides a main function, such as an instant messaging application. Such an application may include multiple components related to the main function, such as a message component for chatting, an address book component, a favorites component, a search component, and the like. In contrast, other applications may be suite applications (sometimes also referred to as collaborative office platforms) that integrate multiple applications. Users can obtain and use multiple applications through suite applications. For example, suite applications may include instant messaging applications, calendar applications, document applications, and the like. These applications integrated by suite applications may also be referred to as components of suite applications.

[0033] Whether it is an application that provides a single main function or a suite application that provides multiple functions, during use, users may need to switch between different components or between different pages.

[0034] The navigation bar of the application may be divided into at least two different sub-areas, ie, a first sub-area and a second sub-area.

[0035] Here, the first sub-area is configured to display a first-type navigation item, and when the first interface indicated by the first-type navigation item is closed, the corresponding first-type navigation item remains displayed in the first sub-area.

[0036] The first type of navigation item may include one or more components, which may be pre-configured for the manager of the application (e.g., the operator or provider of the application). In this article, for exemplary purposes only, the preset one or more components of the entry control presented in the first sub-area may also be referred to as "fixed components" in the application. As an example, these fixed components may be associated with some basic functions of the application or commonly used functions of the user. For example, fixed components may include message components, calendar components, weather components, and so on. Using the first sub-area of ​​the navigation bar to present one or more entry controls corresponding to these fixed components can facilitate users to use these default, basic or commonly used functions.

[0037] In some embodiments, the navigation item of the fixed component displayed in the first sub-area can point to a page of the fixed component, such as a default page (e.g., the homepage of the sub-application) or an opened page. In the following, for the convenience of discussion and without any limitation, the page pointed to by the first type of navigation item is referred to as a fixed page.

[0038] Here, the second sub-area is configured to display a second type of navigation item, and when the second interface indicated by the second type of navigation item is closed, the second type of navigation item stops being displayed in the second sub-area.

[0039] In addition to fixed components, the application can also integrate other components whose navigation items are not displayed in the first sub-area, which are also called non-fixed components. In addition, in addition to fixed pages, fixed components also include other pages that users may visit, also called non-fixed pages. To facilitate users to access non-fixed components or non-fixed pages, the navigation bar also includes a second sub-area different from the first sub-area. In response to a preset open operation for a component (also referred to as a target component for ease of discussion), a navigation item associated with the target component is presented in the second sub-area. The preset open operation may include various suitable types of operations to activate the target component. The presented access portal may include an entrance to the target component or an entrance to a page associated with the target component (also referred to as a target page for ease of discussion). For example, a user can open a first component and access a page in the first component via an application. However, such a first component is not provided as a fixed component by the application. For such a non-fixed component, the terminal device can use the second sub-area in the navigation bar to present a navigation item for accessing the non-fixed component or its page.

[0040] The navigation items presented in the navigation bar may have any suitable presentation style, for example, may include icon elements and / or text description elements to facilitate the user to understand the component or interface being pointed to.

[0041] In some embodiments, a separation line for distinguishing the first sub-region from the second sub-region may also be presented, so that the user can intuitively understand the first sub-region and the second sub-region based on the separation line.

[0042] As an example, in Figure 2A In the example of , the interface of the application may include a navigation bar 201 and a content display area 202. The navigation bar 201 may include a first sub-area 2011 and a second sub-area 2012. The navigation item 203 may include an icon element and a text description "message". However, this is only exemplary and is not intended to be limiting. The presentation style of the navigation item is also related to the overall layout of the interface of the suite application.

[0043] Step 102: In response to a first grouping operation, one or more navigation items targeted by the first grouping operation are added to a target group, and the navigation items of the target group are displayed in the second sub-area.

[0044] Here, the specific operation form of the first grouping operation can be set according to the actual application scenario and is not limited here. As an example, the first grouping operation can include a dynamic operation; it can also include right-clicking to pop up an option bar, triggering the grouping control in the option bar to display multiple candidate grouping identifiers, and triggering the operation of the candidate component.

[0045] The first grouping operation can be for one or more navigation bars, and then the one or more navigation items are added to the target group. The target group can be an existing group or a newly created group. After completion, the target group and the navigation items in the target group can be displayed in the second sub-area. In other words, the target group including the one or more navigation items can be displayed.

[0046] As an example, one or more navigation items may be selected and dragged to an existing group to add one or more navigation items to the target group.

[0047] As an example, you can select one or more navigation items and right-click to call out the option bar, select the group control in the option bar, and then the application interface can display multiple candidate group identifiers. Select the target group identifier from the multiple candidate group identifiers, or click New to create a new group as the target group.

[0048] It should be noted that the interactive method provided in this embodiment, by displaying multiple navigation items in the navigation bar of the application and grouping one or more navigation items by adopting the first grouping operation, can realize displaying the target group in the second sub-area, thereby improving the orderliness of the second sub-area and improving the user's operation efficiency on the second sub-area.

[0049] In some embodiments, displaying the navigation item of the target group in the second sub-area includes: displaying an icon of the target group in the second sub-area, the icon of the target group including an icon of at least one navigation item included in the target group.

[0050] As an example, see Figure 2A , Figure 2A The group named as the second item may include corresponding icons, and the icons of navigation item F and navigation item G are displayed in the icons.

[0051] Therefore, in the case of grouping, it is possible to quickly obtain the navigation items included in the group through the group icon, thereby improving the efficiency of the user entering the navigation items through the group.

[0052] In some embodiments, step 102 may include: in response to a first move operation of moving the first navigation item in the second sub-area to a related area of ​​the second navigation item, creating a first group including the first navigation item and the second navigation item. It is understood that the first group is the target group.

[0053] Optionally, the above-mentioned related area may be an area related to the interface position of the second navigation item. For example, an area with the interface position of the second navigation item as the center and a preset length as the radius, the radius may be set according to the size of the interface area occupied by the second navigation item.

[0054] As an example, see Figure 2B , Figure 2B , the navigation item in the second sub-area is moved to the relevant area of ​​the navigation item D. Thus, a group including the navigation item C and the navigation item D can be created. As an example, please refer to Figure 2C , Figure 2C A group named the third item is shown, which includes navigation item C and navigation item D.

[0055] As an example, see Figure 2D . Figure 2D The navigation item A in the first sub-area is moved to the vicinity of the navigation item C in the second sub-area. The first sub-area can be added to the group named the third item. As an example, Figure 2E The group named the fourth item may include navigation item A or navigation item C. Since navigation item C has been moved out of the first sub-area, navigation item A is no longer a first-type navigation item, but a second-type navigation item. That is, if the interface corresponding to navigation item A is closed, navigation item A will be deleted from the second sub-area, specifically, from the group named the fourth item in the second sub-area.

[0056] In this way, a new group can be quickly created and multiple navigation items can be added to the new group.

[0057] In some embodiments, the method further includes, in response to a third operation of moving the fifth navigation item in the second sub-area to a related area of ​​the sixth navigation item in the first sub-area, creating a sixth group including the fifth navigation item and the sixth navigation item, and displaying the sixth group in the first sub-area.

[0058] If the second navigation item is a first type navigation item, the first group is displayed in the first sub-area; and / or if the second navigation item is a second type navigation item, the first group is displayed in the second sub-area.

[0059] In other words, the type of the navigation item moved to can be used as the basis for determining the type of the target group. That is, if the navigation item in the first sub-area and / or the second sub-area is moved to the relevant position of the navigation item in the second sub-area, the newly created group is displayed in the second sub-area. If the navigation item in the second sub-area and / or the first sub-area is moved to the relevant position of the navigation item in the first sub-area, the newly created group is displayed in the first sub-area.

[0060] Thus, it is possible to quickly create a new group in the first or second sub-area and add the specified navigation item to the new group.

[0061] In some embodiments, the method also includes one or more of the following: if the third navigation item and the second group are located in the same sub-area of ​​the navigation bar, then in response to a second move operation of moving the third navigation item to a related area of ​​the second group, the third navigation item is added to the second group; if the third navigation item and the second group are located in different sub-areas of the navigation bar, then in response to the second move operation of moving the third navigation item to a related area of ​​the second group, determining whether the third navigation item is a target navigation item; if the third navigation item is not the target navigation item, adding the third navigation item to the second group and displaying the third navigation item in the second group; if the third navigation item is the target navigation item located in the first sub-area, retaining the display of the third navigation item in the first sub-area, wherein the binding relationship between the target navigation item and the first sub-area does not support release.

[0062] That is, if the third navigation item and the second group are located in the same sub-area of ​​the navigation bar, then based on the second move operation of moving the third navigation item to the relevant area of ​​the second group, the third navigation item is added to the second group; if the third navigation item and the second group are located in different sub-areas of the navigation bar, then based on the second move operation in response to the third navigation item moving to the relevant area of ​​the second group and based on whether the third navigation item is the target navigation item, it is determined whether to add the third navigation item to the second group, wherein the binding relationship between the target navigation item and the first sub-area does not support release.

[0063] Here, a second move operation of moving the third navigation item to the relevant area of ​​the second group may be implemented. If the third navigation item and the second group are located in the same sub-area of ​​the navigation bar, the third navigation item may be directly added to the second group. For navigation items and groups in different sub-areas, it is necessary to verify the properties of the navigation item to determine whether to add the navigation item to the group.

[0064] In some embodiments, the determining whether to add the third navigation item to the second group based on the second move operation in response to the third navigation item moving to the relevant area of ​​the second group, and based on whether the third navigation item is the target navigation item, includes: determining whether the third navigation item is the target navigation item based on the second move operation of moving the third navigation item to the relevant area of ​​the second group; if the third navigation item is not the target navigation item, adding the third navigation item to the second group; if the third navigation item is the target navigation item, retaining the third navigation item for display in the first sub-area.

[0065] As an example, Figure 2FAs shown, if navigation item A is moved to a group named second item, it is determined whether navigation item A is the target navigation item; if navigation item A is not the target navigation item, navigation item A can be added to the group named second item, such as Figure 2G As shown, Figure 2G A group including navigation item A is shown in .

[0066] As an example, Figure 2H As shown, navigation item 203 is the target navigation item. If the message navigation item 203 is moved to the second sub-area, a prompt message indicating that the move is not supported is displayed to prevent the target navigation item from being moved out of the first sub-area.

[0067] Therefore, when the navigation item moves across sub-areas, it can be ensured that the fixed navigation item (i.e., the target navigation item) does not leave the first sub-area, thereby preventing the user from misoperating and causing the frequently used target navigation item to leave the first sub-area, causing inconvenience to the user's operation.

[0068] In some embodiments, the method further includes: if the third navigation item is a first type navigation item and the second group is a second sub-area group, then in response to adding the third navigation item to the second group, changing the third navigation item to a second type navigation item; if the third navigation item is a second type navigation item and the second group is a first sub-area group, then in response to adding the third navigation item to the second group, changing the third navigation item to a first type navigation item.

[0069] That is, when adding a navigation item to a group, the sub-area where the group is located determines the type of the navigation item. This avoids the situation where the type of the navigation item is inconsistent with the type indicated by the area, and improves the efficiency of the user's operation on the navigation item.

[0070] In some embodiments, the method further includes: determining whether to expand the second group based on the length of time the third navigation item stays in the relevant area of ​​the second group, wherein the length of time indicates the length of time between dragging the third navigation item to the relevant area of ​​the second group and releasing the drag; if the length of time is greater than a first threshold, switching the second group in a collapsed state to an expanded state, wherein the navigation items in the expanded second group are exposed and displayed, and the position of the third navigation item in the second group is determined according to the release position of the third navigation item; if the length of time is not greater than the first threshold, the second group remains collapsed.

[0071] Here, the group can have an expanded state and a collapsed state. The expanded state of the group can display the navigation items in the group. The collapsed state of the group can display the icons of the navigation items, but the navigation item icons displayed in the collapsed state are smaller than those displayed in the expanded state. The core difference between the collapsed state and the expanded state is that the expanded state can clearly display the release position of the drag operation, that is, the release position of the third navigation item.

[0072] As an example, see Fig.2I shown. Fig.2I The test was carried out that if navigation item A is moved to the relevant area of ​​the group named Second Item and the stay time is greater than 2 seconds, the group named Second Item will switch from the collapsed state to the expanded state. The expanded Second Item can clearly display the group named Second Item, including navigation item F and navigation item G. If navigation item A is moved between navigation item F and navigation item G, navigation item A is added to the group named Second Item, and the order of the navigation in the group named Second Item is navigation item F, navigation item A, and navigation item G. If navigation item A is added before navigation item F, the order of the navigation items in the group named Second Item is navigation item A, navigation item F, and navigation item G.

[0073] In some embodiments, step 102 includes: in response to a trigger operation on the fourth navigation item, displaying a new group option and a group identifier, wherein the group identifier indicates that an existing group exists; in response to a selection operation on the new group option, creating a third group and adding the fourth navigation item to the third group; in response to a selection operation on the group identifier, adding the fourth navigation item to the group indicated by the group identifier selected by the selection operation.

[0074] As an example, see Figure 3A . Figure 3A It is shown that in response to the triggering operation on the fourth navigation line, the grouping bar 301 is displayed. The grouping bar 301 may include a newly created grouping identifier and an existing grouping identifier. The existing grouping identifier indicates that there is an existing group. Here, if a new group is selected, a third group can be created, and the fourth navigation item can be added to the third group. The name, icon, etc. of the third group can be set according to the user operation. If you choose to trigger the existing grouping identifier, for example, select the first item identifier or the second item identifier shown in the grouping bar 301, the fourth navigation item can be added to the group named the first item or the group named the second item according to the user's selection.

[0075] Thus, the user can be provided with a convenient option of creating a new group or adding to an existing group, so that the user can choose the group to add to according to the listed existing grouping options.

[0076] In some embodiments, if the fourth navigation item is a first type navigation item, the group to which the fourth navigation item is added is the group displayed in the first sub-area; if the fourth navigation item is a second type navigation item, the group to which the fourth navigation item is added is the group displayed in the first sub-area or the group displayed in the second sub-area.

[0077] In other words, the first type of navigation item can be added to the group of the first sub-area, but cannot be added to the group of the second sub-area. The second type of navigation item can be added to the group of the first sub-area or the second sub-area.

[0078] As an example, if the fourth navigation item is a navigation item in the first sub-region, the second item identifier in the group bar is grayed out to indicate that the group in the second sub-region is not selectable.

[0079] Thus, it is possible to avoid the situation that when the interface indicated by the navigation item in the first sub-area is in the closed state, the navigation item is moved to the second sub-area and the navigation item is still in the closed state.

[0080] In some embodiments, the method also includes: in response to a third move operation of moving the fourth group displayed in the first sub-area to the second sub-area, determining whether the fourth group includes a target navigation item, wherein the binding relationship between the target navigation item and the first sub-area does not support release; in response to the fourth group not including the target navigation item, moving the fourth group to the second sub-area, and changing the type of navigation items in the fourth group to the second type; in response to the fourth group including the target navigation item and the fourth group including other navigation items except the target navigation item, displaying the target navigation item in the first sub-area, displaying the fourth group with the target navigation item deleted in the second sub-area, and changing the other navigation items except the target navigation item in the fourth group to the second type; in response to the navigation items in the fourth group are all target navigation items, based on the confirmation operation of the first prompt information, disbanding the first group, wherein the first prompt information is used to indicate that the fourth group will be disbanded if the fourth group is moved to the second sub-area.

[0081] As an example, if the fourth group includes the target navigation item, the fourth group does not support moving to the second sub-area. If the fourth group does not include the target navigation item, the fourth group can be moved to the second sub-area, and the type of the navigation item in the fourth group is changed.

[0082] As an example, see Figure 3B and Figure 3C As shown, Figure 3B The group named as the first item in is moved to the second sub-area, and the group does not include the target navigation item, then the group named as the first item is displayed in the second sub-area, such as Figure 3C shown.

[0083] As an example, see Figure 3D and Figure 3F As shown, move Figure 3D In the group named as the first item, and the group includes a target navigation item, for example, navigation item E is the target navigation item, then the prompt information E does not support movement is displayed, as shown in Figure F. If all the navigation items in the group named as the first item are target navigation items, then the group is dissolved, and the navigation items in the group are tiled and displayed in the first sub-area. If there are other navigation items in the group that are not target navigation items, then the group named as the first item is displayed in the second sub-area. At this time, the group does not include the target navigation item, and the target navigation item has been tiled and displayed in the first sub-area.

[0084] Therefore, when moving a group in the first sub-region out of the first sub-region, it can be determined whether the first sub-region includes a target navigation item to avoid moving the target navigation item out of the first sub-region, thereby avoiding moving a frequently used navigation item out of the first sub-region.

[0085] In some embodiments, the method further includes: in response to a fourth move operation of moving the fifth group displayed in the second sub-area to the first sub-area, displaying the fifth group in the first sub-area, and changing the type of navigation items in the fifth group to the first type.

[0086] As an example, see Figure 3F and Figure 3G . Figure 3F The group named second item in the above example is moved to the first sub-area. Figure 3G That is, the group named the second item is displayed in the first sub-area.

[0087] Here, the fifth group in the second sub-area can be moved to the first sub-area, thereby enabling one or more navigation items to be quickly added to the first sub-area in groups.

[0088] In some embodiments, the method further includes, in response to a fourth move operation to move the fifth group displayed in the second sub-area to the first sub-area, moving the fifth group to the first sub-area on the second device of the first user, wherein the move operation is performed by the first user on the first device.

[0089] Here, in the second sub-area of ​​the second device, navigation items that exist in the fifth group of the second device but do not exist in the fifth group of the first device are displayed.

[0090] It is understandable that since the second sub-area displays the navigation items corresponding to the interface opened on a single electronic device, the navigation items in the second sub-area on different devices of the same user may be different. As an example, please refer to 3G, Figure 3G It can be understood as the interface displayed on the second device. When the first device moves the group including navigation item F and navigation item G to the first sub-area, the group named as the second item on the second device includes navigation item H. Then the data of the group named as the second item in the first device can be synchronized in the second device, and the navigation item H of the fifth group in the second device can remain displayed in the second sub-area.

[0091] Therefore, the data in the group on the first device of the first user may be different from the data in the group on the second device of the first user. If the fifth group in the first device is moved from the second sub-area to the first sub-area, the group moved to the first sub-area and the data in the group can be synchronized on other devices of the first user. If the fifth group of the second device contains data different from the fifth group of the first device, the data is displayed in the second sub-area of ​​the second device.

[0092] Thus, the data of the first sub-area of ​​different devices of the first user can be kept consistent, and when the group in the second sub-area is moved to the first sub-area, the navigation items of the second sub-area on a single electronic device are not lost.

[0093] In some embodiments, in response to a second grouping operation for the target group, the target group is added to other groups.

[0094] In other words, you can nest folders and manage navigation items in groups. Nesting multiple layers of groups can improve the organization of navigation items and the efficiency of navigation item management.

[0095] In some embodiments, the method further includes: displaying link information in a first interface indicated by a first type of navigation item; displaying a third interface in response to a trigger operation on the link information; and displaying a navigation item indicating the third interface in a second sub-area.

[0096] As an example, after opening the first type of navigation item, the user browses or creates another page (i.e., the third interface) different from the fixed page. In response to this, the terminal device can display the navigation item of the third interface in the second sub-area so that the user can quickly access it.

[0097] Therefore, although the navigation item providing link information of the third interface is displayed in the first sub-area, the access entrance of the third interface is displayed in the second sub-area, which facilitates quick jumping to the non-fixed page in the interface corresponding to the first type of navigation item (i.e., the interface indicated by the second type of navigation item).

[0098] In some embodiments, the method also includes: displaying an input control based on a new operation in the second sub-area; obtaining a first identifier entered in the input control, wherein the first identifier indicates a native application entry interface or a native interface of a native application; and displaying a native application entry interface or a native interface of a native application in a content display area of ​​the application.

[0099] As an example, see Figure 4A , Figure 4A The second sub-area of ​​the display shows a new control 401, which can trigger a new operation to trigger the display interface identification and input control 402. Figure 4B The input panel 403 shown may display the input control 402. Get the first identifier input in the interface identifier control, for example Figure 4B J documentation as shown in . Figure 4C The content display area of ​​the application shown can display the document content of the J document.

[0100] Please refer to Figure 5 , which shows the process of an embodiment of the interactive method according to the present disclosure. Figure 1 The interactive method shown comprises the following steps:

[0101] Step 501: Display navigation items in the navigation bar of the application.

[0102] Please refer to Figure 4A , Figure 4A The included navigation bar 201 includes a first sub-area 2011 and a second sub-area 2012 .

[0103] Here, the navigation bar includes a first sub-area and a second sub-area.

[0104] Step 502: Based on the creation operation in the second sub-area, an input control is displayed.

[0105] Step 503: Acquire the first identifier input in the input control.

[0106] Here, the first identifier indicates the entry of the native component in the application or the entry of the native business page of the application. Here, the native component of the application refers to the component included in the application itself. For example, for an office suite application, its native components include one or more of the chat component, calendar component, mail component, cloud document component or audio and video conference component included in the office suite application, and the entry of its native business page can be, for example, the access entry of a specific cloud document in its cloud document component, the access entry of a specific group chat, the access entry of a specific meeting, etc.

[0107] Step 504: Display the page of the native component or the native business page in the content display area of ​​the application.

[0108] As an example, see Figure 4A , Figure 4A The second sub-area of ​​the display shows a new control 401, which can trigger a new operation to trigger the display interface identification and input control 402. Figure 4B The input panel 403 shown may display the input control 402. The first identifier entered in the input control is obtained, for example Figure 4B J documentation as shown in . Figure 4C The content display area of ​​the application shown can display the document content of the J document.

[0109] It should be noted that the interactive method provided in this embodiment can, as a client, support users to access web pages and open native applications of the client when creating a new tab, thereby improving the degree of integration of applications, enabling convenient opening of various pages in applications, increasing the functions that can be completed in applications, and improving the adaptability of applications in various scenarios.

[0110] In some embodiments, the method further includes: when displaying the input control, displaying at least one recommendation item, the at least one recommendation item including a native component entry of the application and / or a business page entry in the application. These recommendation items may be objects that the user frequently visits or recently visits.

[0111] As an example, see Figure 4B Recommended item 404 and recommended item 405 are shown. If a recommended item is triggered, the content display area of ​​the application can display the corresponding native component page (such as a mailbox) or the entrance to the business page in the application (such as a recommended document).

[0112] Thus, possible operation entrances can be recommended to the user, saving the user the operation of searching for the native component entrance and / or the business page entrance in the application.

[0113] Further references Figure 6As an implementation of the methods shown in the above figures, the present disclosure provides an embodiment of an interactive device, which is similar to Figure 1 Corresponding to the method embodiment shown, the device can be specifically applied to various electronic devices.

[0114] like Figure 6 As shown, the interactive device of this embodiment includes: a first display unit 601 and a second display unit 602. The first display unit is used to display navigation items in the navigation bar of the application, wherein the navigation bar includes a first sub-area and a second sub-area; the second display unit is used to add one or more navigation items targeted by the first grouping operation to a target group in response to a first grouping operation, and display the navigation items of the target group in the second sub-area; wherein the first sub-area is configured to display first-type navigation items, and when the first interface indicated by the first-type navigation item is closed, the corresponding first-type navigation item remains displayed in the first sub-area; wherein the second sub-area is configured to display second-type navigation items, and when the second interface indicated by the second-type navigation item is closed, the second-type navigation item stops in the second sub-area.

[0115] In this embodiment, the specific processing of the first display unit 601 and the second display unit 602 of the interactive device and the technical effects thereof can be referred to in Figure 1 The relevant descriptions of step 101 and step 102 in the corresponding embodiment are not repeated here.

[0116] In some embodiments, displaying the navigation item of the target group in the second sub-area includes: displaying an icon of the target group in the second sub-area, wherein the icon of the target group includes an icon of at least one navigation item included in the target group.

[0117] In some embodiments, in response to a first grouping operation, one or more navigation items targeted by the first grouping operation are added to a target group, including: in response to a first move operation of moving a first navigation item to a related area of ​​a second navigation item in a second sub-area, creating a first group including the first navigation item and the second navigation item, wherein the first group is the target group.

[0118] In some embodiments, the device is also used to: in response to a third operation of moving the fifth navigation item in the second sub-area to the relevant area of ​​the sixth navigation item in the first sub-area, create a sixth group including the fifth navigation item and the sixth navigation item, and display the sixth group in the first sub-area.

[0119] In some embodiments, the method also includes one or more of the following: if the third navigation item and the second group are located in the same sub-area of ​​the navigation bar, then in response to a second move operation of moving the third navigation item to a related area of ​​the second group, adding the third navigation item to the second group; if the third navigation item and the second group are located in different sub-areas of the navigation bar, then in response to the second move operation of moving the third navigation item to a related area of ​​the second group, determining whether the third navigation item is a target navigation item; if the third navigation item is not the target navigation item, adding the third navigation item to the second group and displaying the third navigation item in the second group; if the third navigation item is the target navigation item located in the first sub-area, retaining the display of the third navigation item in the first sub-area, wherein the binding relationship between the target navigation item and the first sub-area does not support release.

[0120] In some embodiments, the determining whether to add the third navigation item to the second group based on the second move operation in response to the third navigation item moving to the relevant area of ​​the second group, and based on whether the third navigation item is the target navigation item, includes: determining whether the third navigation item is the target navigation item based on the second move operation of moving the third navigation item to the relevant area of ​​the second group; if the third navigation item is not the target navigation item, adding the third navigation item to the second group; if the third navigation item is the target navigation item, retaining the third navigation item for display in the first sub-area.

[0121] In some embodiments, the device is also used to: if the third navigation item is a first type navigation item and the second group is a second sub-area group, then in response to adding the third navigation item to the second group, change the third navigation item to a second type navigation item; if the third navigation item is a second type navigation item and the second group is a first sub-area group, then in response to adding the third navigation item to the second group, change the third navigation item to a first type navigation item.

[0122] In some embodiments, the device is also used to: determine whether to expand the second group based on the length of time the third navigation item stays in the relevant area of ​​the second group, wherein the length of time indicates the length of time between dragging the third navigation item to the relevant area of ​​the second group and releasing the drag; if the length of time is greater than a first threshold, switching the second group in a collapsed state to an expanded state, wherein the navigation items in the expanded second group are exposed and displayed, and the position of the third navigation item in the second group is determined according to the release position of the third navigation item; if the length of time is not greater than the first threshold, the second group remains collapsed.

[0123] In some embodiments, in response to a first grouping operation, adding one or more navigation items targeted by the first grouping operation to a target group includes: in response to a trigger operation on a fourth navigation item, displaying a new grouping option and a group identifier, wherein the group identifier indicates that an existing group exists; in response to a selection operation on the new grouping option, creating a third group and adding the fourth navigation item to the third group; in response to a selection operation on the group identifier, adding the fourth navigation item to the group indicated by the group identifier targeted by the selection operation.

[0124] In some embodiments, if the fourth navigation item is a first type navigation item, the group to which the fourth navigation item is added is the group displayed in the first sub-area; if the fourth navigation item is a second type navigation item, the group to which the fourth navigation item is added is the group displayed in the first sub-area or the group displayed in the second sub-area.

[0125] In some embodiments, the device is also used to: in response to a third move operation of moving the fourth group displayed in the first sub-area to the second sub-area, determine whether the fourth group includes a target navigation item, wherein the binding relationship between the target navigation item and the first sub-area does not support release; in response to the fourth group not including the target navigation item, move the fourth group to the second sub-area, and change the type of navigation items in the fourth group to the second type; in response to the fourth group including the target navigation item and the fourth group including other navigation items except the target navigation item, display the target navigation item in the first sub-area, display the fourth group with the target navigation item deleted in the second sub-area, and change the other navigation items except the target navigation item in the fourth group to the second type; in response to the navigation items in the fourth group are all target navigation items, based on the confirmation operation of the first prompt information, disband the first group, wherein the first prompt information is used to indicate that the fourth group will be disbanded if the fourth group is moved to the second sub-area.

[0126] In some embodiments, the device is further used to: in response to a fourth move operation of moving the fifth group displayed in the second sub-area to the first sub-area, display the fifth group in the first sub-area, and change the type of navigation items in the fifth group to the first type.

[0127] In some embodiments, the apparatus is further used to, in response to a fourth move operation to move the fifth group displayed in the second sub-area to the first sub-area, move the fifth group to the first sub-area on the second device of the first user, wherein the move operation is performed by the first user on the first device; wherein, in the second sub-area of ​​the second device, a navigation item that exists in the fifth group of the second device but does not exist in the fifth group of the first device is displayed.

[0128] In some embodiments, in response to a second grouping operation for the target group, the target group is added to other groups.

[0129] In some embodiments, the device is also used to: display link information in a first interface indicated by a first type of navigation item; display a third interface in response to a trigger operation on the link information; and display a navigation item indicating the third interface in a second sub-area.

[0130] In some embodiments, the device is also used to: display an input control based on a new operation in the second sub-area; obtain a first identifier entered in the input control, wherein the first identifier indicates an entrance to a native component in the application or an entrance to a native business page of the application; and display the page of the native component or the native business page in the content display area of ​​the application.

[0131] Further references Figure 7 As an implementation of the methods shown in the above figures, the present disclosure provides an embodiment of an interactive device, which is similar to Figure 1 Corresponding to the method embodiment shown, the device can be specifically applied to various electronic devices.

[0132] like Figure 7 As shown, the interactive device of this embodiment includes: a first display unit 701, a second display unit 702, an acquisition unit 703 and a third display unit 704. In the embodiment, the first display module is used to display the navigation item in the navigation bar of the application, wherein the navigation bar includes a first sub-area and a second sub-area; the second display module is used to display the input control based on the new operation in the second sub-area; the acquisition module is used to acquire the first identifier input in the input control, wherein the first identifier indicates the entry of the native component in the application or the entry of the native business page of the application; the third display module is used to display the page of the native component or the native business page in the content display area of ​​the application.

[0133] In this embodiment, the specific processing of the first display unit 701, the second display unit 702, the acquisition unit 703 and the third display unit 704 of the interactive device and the technical effects thereof can be referred to respectively. Figure 1 The relevant descriptions of step 501, step 502, step 503 and step 504 in the corresponding embodiment are not repeated here.

[0134] In some embodiments, the device is also used to: when displaying an input control, display at least one recommendation item, and the at least one recommendation item includes a native component entry of the application and / or a business page entry in the application.

[0135] Please refer to Figure 8 , Figure 8 An exemplary system architecture is shown in which the interaction method of one embodiment of the present disclosure can be applied.

[0136] like Figure 8 As shown, the system architecture may include terminal devices 801, 802, 803, a network 804, and a server 805. The network 804 is used to provide a medium for communication links between the terminal devices 801, 802, 803 and the server 805. The network 804 may include various connection types, such as wired, wireless communication links or optical fiber cables, etc.

[0137] The terminal devices 801, 802, and 803 can interact with the server 805 through the network 804 to receive or send messages, etc. Various client applications, such as web browser applications, search applications, and news information applications, can be installed on the terminal devices 801, 802, and 803. The client applications in the terminal devices 801, 802, and 803 can receive user instructions and perform corresponding functions according to the user instructions, such as adding corresponding information to the information according to the user instructions.

[0138] Terminal devices 801, 802, and 803 can be hardware or software. When terminal devices 801, 802, and 803 are hardware, they can be various electronic devices with display screens and supporting web browsing, including but not limited to smart phones, tablet computers, e-book readers, MP3 players (Moving Picture Experts Group Audio Layer III, Moving Picture Experts Group Audio Layer 3), MP4 (Moving Picture Experts Group Audio Layer IV, Moving Picture Experts Group Audio Layer 4) players, laptop computers, and desktop computers, etc. When terminal devices 801, 802, and 803 are software, they can be installed in the electronic devices listed above. It can be implemented as multiple software or software modules (for example, software or software modules used to provide distributed services), or it can be implemented as a single software or software module. No specific limitation is made here.

[0139] The server 805 may be a server that provides various services, such as receiving information acquisition requests sent by the terminal devices 801, 802, and 803, acquiring display information corresponding to the information acquisition requests in various ways according to the information acquisition requests, and sending the relevant data of the display information to the terminal devices 801, 802, and 803.

[0140] It should be noted that the interactive method provided in the embodiment of the present disclosure can be executed by a terminal device, and accordingly, the interactive device can be set in the terminal devices 801, 802, and 803. In addition, the interactive method provided in the embodiment of the present disclosure can also be executed by a server 805, and accordingly, the interactive device can be set in the server 805.

[0141] It should be understood that Figure 8 The number of terminal devices, networks and servers in the embodiment is only for illustration. Any number of terminal devices, networks and servers may be provided according to implementation requirements.

[0142] Reference below Fig. 9 , which shows an electronic device (eg, Figure 8 The terminal device in the embodiment of the present disclosure may include but is not limited to mobile terminals such as mobile phones, notebook computers, digital broadcast receivers, PDAs (personal digital assistants), PADs (tablet computers), PMPs (portable multimedia players), vehicle-mounted terminals (such as vehicle-mounted navigation terminals), etc., and fixed terminals such as digital TVs, desktop computers, etc. Fig. 9 The electronic device shown is only an example and should not bring any limitation to the functions and scope of use of the embodiments of the present disclosure.

[0143] like Fig. 9 As shown, the electronic device may include a processing device (e.g., a central processing unit, a graphics processor, etc.) 901, which can perform various appropriate actions and processes according to a program stored in a read-only memory (ROM) 902 or a program loaded from a storage device 908 into a random access memory (RAM) 903. In the RAM 903, various programs and data required for the operation of the electronic device 900 are also stored. The processing device 901, the ROM 902, and the RAM 903 are connected to each other via a bus 904. An input / output (I / O) interface 905 is also connected to the bus 904.

[0144] Typically, the following devices may be connected to the I / O interface 905: an input device 906 including, for example, a touch screen, a touch pad, a keyboard, a mouse, a camera, a microphone, an accelerometer, a gyroscope, etc.; an output device 907 including, for example, a liquid crystal display (LCD), a speaker, a vibrator, etc.; a storage device 908 including, for example, a magnetic tape, a hard disk, etc.; and a communication device 909. The communication device 909 may allow the electronic device to communicate with other devices wirelessly or by wire to exchange data. Although Fig. 9 An electronic device having various devices is shown, but it should be understood that it is not required to implement or possess all the devices shown. More or fewer devices may be implemented or possessed instead.

[0145] In particular, according to an embodiment of the present disclosure, the process described above with reference to the flowchart can be implemented as a computer software program. For example, an embodiment of the present disclosure includes a computer program product, which includes a computer program carried on a non-transitory computer-readable medium, and the computer program contains program code for executing the method shown in the flowchart. In such an embodiment, the computer program can be downloaded and installed from a network through a communication device 909, or installed from a storage device 908, or installed from a ROM 902. When the computer program is executed by the processing device 901, the above-mentioned functions defined in the method of the embodiment of the present disclosure are executed.

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

[0147] In some embodiments, the client and the server may communicate using any currently known or future developed network protocol such as HTTP (HyperText Transfer Protocol), and may be interconnected with any form or medium of digital data communication (e.g., a communication network). Examples of communication networks include a local area network ("LAN"), a wide area network ("WAN"), an internet (e.g., the Internet), and a peer-to-peer network (e.g., an ad hoc peer-to-peer network), as well as any currently known or future developed network.

[0148] The computer-readable medium may be included in the electronic device, or may exist independently without being incorporated into the electronic device.

[0149] The above-mentioned computer-readable medium carries one or more programs. When the above-mentioned one or more programs are executed by the electronic device, the electronic device: displays navigation items in the navigation bar of the application, wherein the navigation bar includes a first sub-area and a second sub-area; in response to a first grouping operation, adds one or more navigation items targeted by the first grouping operation to a target group, and displays the navigation items of the target group in the second sub-area; wherein the first sub-area is configured to display a first type of navigation item, and when a first interface indicated by the first type of navigation item is closed, the corresponding first type of navigation item remains displayed in the first sub-area; wherein the second sub-area is configured to display a second type of navigation item, and when a second interface indicated by the second type of navigation item is closed, the second type of navigation item stops being displayed in the second sub-area.

[0150] The above-mentioned computer-readable medium carries one or more programs. When the above-mentioned one or more programs are executed by the electronic device, the electronic device is enabled to: have a first display unit for displaying navigation items in a navigation bar of an application, wherein the navigation bar includes a first sub-area and a second sub-area; a second display unit for adding one or more navigation items targeted by the first grouping operation to a target group in response to a first grouping operation, and displaying the navigation items of the target group in the second sub-area; wherein the first sub-area is configured to display a first type of navigation item, and when a first interface indicated by the first type of navigation item is closed, the corresponding first type of navigation item remains displayed in the first sub-area; wherein the second sub-area is configured to display a second type of navigation item, and when a second interface indicated by the second type of navigation item is closed, the second type of navigation item stops being displayed in the second sub-area.

[0151] Computer program code for performing the operations of the present disclosure may 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, C++, and conventional procedural programming languages, such as "C" or similar programming languages. The program code may be executed entirely on the user's computer, partially on the user's computer, as a separate 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 a remote computer, the remote computer may be connected to the user's computer through any type of network, including a local area network (LAN) or a wide area network (WAN), or may be connected to an external computer (e.g., through the Internet using an Internet service provider).

[0152] The flow chart and block diagram in the accompanying drawings illustrate the possible architecture, function and operation of the system, method and computer program product according to various embodiments of the present disclosure. In this regard, each square box in the flow chart or block diagram can represent a module, a program segment or a part of a code, and the module, the program segment or a part of the code contains one or more executable instructions for realizing the specified logical function. It should also be noted that in some implementations as replacements, the functions marked in the square box can also occur in a sequence different from that marked in the accompanying drawings. For example, two square boxes represented in succession can actually be executed substantially in parallel, and they can sometimes be executed in the opposite order, depending on the functions involved. It should also be noted that each square box in the block diagram and / or flow chart, and the combination of the square boxes in the block diagram and / or flow chart can be implemented with a dedicated hardware-based system that performs a specified function or operation, or can be implemented with a combination of dedicated hardware and computer instructions.

[0153] The units involved in the embodiments described in the present disclosure may be implemented by software or hardware. The name of a unit does not limit the unit itself in some cases. For example, a selection unit may also be described as a "unit for selecting a first type of pixel".

[0154] The functions described above herein may be performed at least in part by one or more hardware logic components. For example, without limitation, exemplary types of hardware logic components that may be used include: field programmable gate arrays (FPGAs), application specific integrated circuits (ASICs), application specific standard products (ASSPs), systems on chips (SOCs), complex programmable logic devices (CPLDs), and the like.

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

[0156] The above description is only a preferred embodiment of the present disclosure and an explanation of the technical principles used. Those skilled in the art should understand that the scope of disclosure involved in the present disclosure is not limited to the technical solutions formed by a specific combination of the above technical features, but should also cover other technical solutions formed by any combination of the above technical features or their equivalent features without departing from the above disclosed concept. For example, the above features are replaced with the technical features with similar functions disclosed in the present disclosure (but not limited to) by each other to form a technical solution.

[0157] In addition, although each operation is described in a specific order, this should not be understood as requiring these operations to be performed in the specific order shown or in a sequential order. Under certain circumstances, multitasking and parallel processing may be advantageous. Similarly, although some specific implementation details are included in the above discussion, these should not be interpreted as limiting the scope of the present disclosure. Some features described in the context of a separate embodiment can also be implemented in a single embodiment in combination. On the contrary, the various features described in the context of a single embodiment can also be implemented in multiple embodiments individually or in any suitable sub-combination mode.

[0158] Although the subject matter has been described in language specific to structural features and / or methodological logical actions, 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. On the contrary, the specific features and actions described above are merely example forms of implementing the claims.

Claims

1. An interactive method, characterized in that: include: In a navigation bar of the application, displaying a navigation item, wherein the navigation bar includes a first sub-area and a second sub-area; In response to a first grouping operation, adding one or more navigation items targeted by the first grouping operation to a target group, and displaying the navigation items of the target group in the second sub-area; The first sub-area is configured to display a first-type navigation item, and when the first interface indicated by the first-type navigation item is closed, the corresponding first-type navigation item remains displayed in the first sub-area; The second sub-area is configured to display a second type of navigation item, and when the second interface indicated by the second type of navigation item is closed, the second type of navigation item stops being displayed in the second sub-area.

2. The method according to claim 1, wherein: The displaying of the navigation items of the target group in the second sub-area includes: An icon of the target group is displayed in the second sub-area, and the icon of the target group includes an icon of at least one navigation item included in the target group.

3. The method according to claim 1, characterized in that In response to the first grouping operation, adding one or more navigation items targeted by the first grouping operation to a target group includes: In response to a first moving operation of moving the first navigation item to a related area of ​​the second navigation item in the second sub-area, a first group including the first navigation item and the second navigation item is created, wherein the first group is the target group.

4. The method according to claim 1, characterized in that: The method further comprises: In response to a third operation of moving the fifth navigation item in the second sub-area to a related area of ​​the sixth navigation item in the first sub-area, a sixth group including the fifth navigation item and the sixth navigation item is created and displayed in the first sub-area.

5. The method according to claim 1, characterized in that The method may further include one or more of the following: If the third navigation item and the second group are located in the same sub-area of ​​the navigation bar, in response to a second move operation of moving the third navigation item to a related area of ​​the second group, adding the third navigation item to the second group; If the third navigation item and the second group are located in different sub-areas of the navigation bar, in response to a second move operation of moving the third navigation item to a related area of ​​the second group, determining whether the third navigation item is a target navigation item; If the third navigation item is not the target navigation item, add the third navigation item to the second group and display the third navigation item in the second group; If the third navigation item is a target navigation item located in the first sub-area, the third navigation item is retained for display in the first sub-area, wherein the binding relationship between the target navigation item and the first sub-area does not support release.

6. The method according to claim 5, characterized in that The method further comprises: If the third navigation item is a first-type navigation item and the second group is a second sub-region group, in response to adding the third navigation item to the second group, changing the third navigation item to a second-type navigation item; If the third navigation item is a second-type navigation item and the second group is a first sub-region group, in response to adding the third navigation item to the second group, the third navigation item is changed to a first-type navigation item.

7. The method according to claim 5, characterized in that The method further comprises: Determining whether to expand the second group according to a duration for which the third navigation item stays in a relevant area of ​​the second group, wherein the duration indicates a duration from when the third navigation item is dragged to the relevant area of ​​the second group to when the dragging is released; If the dwell time is longer than a first threshold, the second group in the collapsed state is switched to the expanded state, wherein the navigation items in the second group in the expanded state are exposed and displayed, and the position of the third navigation item in the second group is determined according to the release position of the third navigation item; If the stay time is not greater than the first threshold, the second group remains in the collapsed state.

8. The method according to claim 1, characterized in that In response to the first grouping operation, adding one or more navigation items targeted by the first grouping operation to a target group includes: In response to a trigger operation on the fourth navigation item, a new group option and a group identifier are displayed, wherein the group identifier indicates that there is an existing group; In response to a selection operation on a new group option, creating a third group and adding a fourth navigation item to the third group; In response to a selection operation on a group identifier, the fourth navigation item is added to the group indicated by the group identifier on which the selection operation is performed.

9. The method according to claim 8, characterized in that If the fourth navigation item is a second-type navigation item, the group to which the fourth navigation item is added is the group displayed in the first sub-area or the group displayed in the second sub-area.

10. The method according to claim 1, characterized in that The method further comprises: In response to a third move operation of moving the fourth group displayed in the first sub-region to the second sub-region, determining whether the fourth group includes a target navigation item, wherein the binding relationship between the target navigation item and the first sub-region does not support release; In response to the fourth group not including the target navigation item, moving the fourth group to the second sub-area, and changing the type of the navigation items in the fourth group to the second type; In response to the fourth group including the target navigation item and the fourth group including other navigation items except the target navigation item, displaying the target navigation item in the first sub-area, displaying the fourth group with the target navigation item deleted in the second sub-area, and changing the other navigation items except the target navigation item in the fourth group to the second type; In response to all navigation items in the fourth group being target navigation items, the first group is dissolved based on a confirmation operation on the first prompt information, wherein the first prompt information is used to indicate that the fourth group is dissolved if the fourth group is moved to the second sub-area.

11. The method according to claim 1, characterized in that: The method further comprises: In response to a fourth moving operation of moving the fifth group displayed in the second sub-area to the first sub-area, the fifth group is displayed in the first sub-area, and the type of the navigation items in the fifth group is changed to the first type.

12. The method according to claim 11, characterized in that The method further comprises, In response to a fourth move operation of moving the fifth group displayed in the second sub-area to the first sub-area, the fifth group is moved to the first sub-area on the second device of the first user, wherein, the move operation is performed by a first user on a first device; In the second sub-area of ​​the second device, navigation items that exist in the fifth group of the second device but do not exist in the fifth group of the first device are displayed.

13. The method according to claim 1, characterized in that In response to a second grouping operation on the target group, the target group is added to other groups.

14. The method according to claim 1, characterized in that The method further comprises: In the first interface indicated by the first type of navigation item, display the link information; In response to a trigger operation on the link information, displaying a third interface; In the second sub-area, a navigation item indicating the third interface is displayed.

15. The method according to claim 1, characterized in that The method further comprises: Based on the new operation in the second sub-area, display the input control; Acquire a first identifier input in the input control, wherein the first identifier indicates an entry of a native component in the application or an entry of a native business page of the application; In the content display area of ​​the application, the page of the native component or the native business page is displayed.

16. An interactive method, characterized in that: include: In a navigation bar of the application, displaying a navigation item, wherein the navigation bar includes a first sub-area and a second sub-area; Based on the new operation in the second sub-area, display the input control; Acquire a first identifier input in the input control, wherein the first identifier indicates an entry of a native component in the application or an entry of a native business page of the application; In the content display area of ​​the application, the page of the native component or the native business page is displayed.

17. The method according to claim 16, characterized in that The method further comprises: When displaying the input control, at least one recommendation item is displayed, and the at least one recommendation item includes a native component entry of the application and / or a business page entry in the application.

18. An interactive device, characterized in that: include: A first display unit, used to display a navigation item in a navigation bar of an application, wherein the navigation bar includes a first sub-area and a second sub-area; A second display unit is used to, in response to the first grouping operation, add one or more navigation items targeted by the first grouping operation to a target group, and display the navigation items of the target group in the second sub-area; The first sub-area is configured to display a first-type navigation item, and when the first interface indicated by the first-type navigation item is closed, the corresponding first-type navigation item remains displayed in the first sub-area; The second sub-area is configured to display a second type of navigation item, and when the second interface indicated by the second type of navigation item is closed, the second type of navigation item stops being displayed in the second sub-area.

19. An interactive device, characterized in that: include: A first display module, used to display navigation items in a navigation bar of an application, wherein the navigation bar includes a first sub-area and a second sub-area; A second display module, used for displaying input controls based on a new creation operation in the second sub-area; An acquisition module, configured to acquire a first identifier input in an input control, wherein the first identifier indicates an entry of a native component in the application or an entry of a native business page of the application; The third display module is used to display the page of the native component or the native business page in the content display area of ​​the application.

20. An electronic device, characterized in that: include: one or more processors; a storage device for storing one or more programs, When the one or more programs are executed by the one or more processors, the one or more processors implement the method according to any one of claims 1 to 17.

21. A computer readable medium having a computer program stored thereon, characterized in that: When the program is executed by a processor, the method according to any one of claims 1 to 17 is implemented.

Images