Display control method of application tag and electronic equipment

Abstract

The invention discloses an application tag display control method and electronic equipment, and the method comprises the steps: obtaining a triggering operation for a first application tag, the triggering operation being used for enabling the first application tag to be adjusted to a second state; the first application tag is an application tag in a first state on the display column; determining whether the first application tag and the second application tag meet an adjustment condition or not; the second application tag is an application tag in a second state on the display column; the length of the application label in the second state is greater than that of the application label in the first state; the adjustment condition is that the position of the cursor is different from the display position of the first application label in the second state; and in response to the condition that the first application tag and the second application tag meet the adjustment condition, adjusting display parameters of the first application tag in the second state.

Description

Technical Field

[0001] The present application relates to the field of computer technology, and in particular to a display control method and electronic device for applying a label. Background Art

[0002] In the task bar of the screen, application labels of the launched applications, such as setting labels, conference application labels, etc., can be displayed to facilitate switching between these applications. In addition to the application icon, the application label can also have the application name and shortcut keys.

[0003] When there are many application tags, the application tags can be folded in the taskbar. The application icons are retained in the folded application tags, and other contents are hidden. When the user clicks the folded application tag with the mouse, the application tag is expanded, and other application tags that were expanded first are folded.

[0004] However, since the lengths of application labels after expansion may be different between applications, after expanding one application label and collapsing another application label, the application label may move forward, causing the application label under the mouse position to change. At this time, the user needs to move the mouse again to the expanded application label, resulting in a high level of operational complexity. Summary of the invention

[0005] In view of this, the present application provides a display control method and an electronic device for applying a label, as follows:

[0006] A display control method for an application label, comprising:

[0007] Obtaining a trigger operation on a first application tag, wherein the trigger operation is used to adjust the first application tag to a second state; the first application tag is an application tag in a first state on a display bar; the display bar is used to display an application tag of at least one application program;

[0008] Determine whether the first application tag and the second application tag meet the adjustment condition; the second application tag is an application tag in a second state on the display bar; the length of the application tag in the second state is greater than the length of the application tag in the first state;

[0009] The adjustment condition is: the position of the cursor is different from the display position of the first application tag in the second state;

[0010] In response to the first application tag and the second application tag satisfying the adjustment condition, a display parameter of the first application tag in the second state is adjusted.

[0011] In the above method, preferably, the trigger operation is: the cursor is suspended on the display area where the first application tag is located;

[0012] Alternatively, the trigger operation is: a trigger signal obtained based on the cursor for a display area where the first application tag is located.

[0013] The above method, preferably, further comprises:

[0014] In response to adding a third application tag to the display column, adjusting the third application tag to be in the second state, and adjusting the fourth application tag to be in the first state;

[0015] The fourth application tag is: an application tag in the display column that is in the second state before the third application tag is added to the display column.

[0016] The above method, preferably, further comprises:

[0017] In response to deleting the fifth application tag in the display bar, if the fifth application tag is in the second state before being deleted, adjusting the sixth application tag to be in the second state;

[0018] Among them, the sixth application tag is: an application tag in the display bar that is in the second state before the fifth application tag is adjusted to the second state; or, the sixth application tag is: an application tag in the display bar whose display position matches the display position of the fifth application tag.

[0019] In the above method, preferably, the application label in the display bar is: the application label corresponding to the application to which the sub-window presented in the target window belongs;

[0020] Wherein, the display bar and the target window satisfy a matching relationship.

[0021] The above method, preferably, further comprises:

[0022] In response to a click operation on a setting control on the display bar, outputting a first sub-window corresponding to the setting control in the target window, and presenting an application label corresponding to the first sub-window on the display bar;

[0023] The application to which the first sub-window belongs is used to set parameters of the application to which the target window belongs.

[0024] In the above method, preferably, the adjustment condition includes: the first application tag is away from the tag display starting point position of the display bar relative to the second application tag, and the difference between the first length and the second length is greater than or equal to a first threshold;

[0025] The first length is the total length of the first application tag in the first state and the second application tag in the second state; the second length is the total length of the first application tag in the second state and the second application tag in the first state;

[0026] In the above method, preferably, adjusting the display parameters of the first application tag in the second state includes at least one of the following:

[0027] Increasing the label length of the first application label in the second state; wherein the increase in the label length of the first application label in the second state makes the position of the cursor match the display position of the first application label in the second state;

[0028] Increase the label length of the second application label in the first state; wherein the increase in the label length of the second application label in the first state makes the position of the cursor match the display position of the first application label in the second state.

[0029] In the above method, preferably, adjusting the display parameters of the first application tag in the second state includes at least one of the following:

[0030] Controlling the first application label in the second state to be displayed with the position of the cursor as the label display starting position;

[0031] Adjust the label length of the first application label in the second state to be consistent with the label length of the second application label before being adjusted to the first state, and adjust the label length of the second application label in the first state to be consistent with the label length of the first application label before being adjusted to the second state.

[0032] An electronic device, comprising:

[0033] A display screen, configured to output a display bar, wherein the display bar is configured to display an application label of at least one application program;

[0034] A processor, configured to obtain a trigger operation on a first application tag, wherein the trigger operation is configured to adjust the first application tag to a second state; the first application tag is an application tag on the display bar that is in the first state; determining whether the first application tag and the second application tag meet an adjustment condition; the second application tag is an application tag on the display bar that is in the second state; the length of the application tag in the second state is greater than the length of the application tag in the first state; in response to the first application tag and the second application tag meeting the adjustment condition, adjusting a display parameter of the first application tag in the second state;

[0035] The adjustment condition is that the position of the cursor is different from the display position of the first application tag in the second state. BRIEF DESCRIPTION OF THE DRAWINGS

[0036] In order to more clearly illustrate the technical solutions of the embodiments of the present application, the drawings required for use in the description of the embodiments will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other drawings can be obtained based on these drawings without paying any creative work.

[0037] Figure 1 A flowchart of a display control method of an application tag provided in an embodiment of the present application;

[0038] Figure 2 This is an example diagram of a display screen output display bar in an embodiment of the present application;

[0039] Figure 3 This is an example of expanding and collapsing an application tag.

[0040] Figure 4 Example images of two application tabs being expanded and collapsed respectively;

[0041] Figure 5 This is an example diagram of triggering the expansion of an application tag in an embodiment of the present application;

[0042] Figure 6 Another example diagram of triggering the expansion of an application tag in an embodiment of the present application;

[0043] Figure 7 This is an example diagram of applying left-aligned labels in an embodiment of the present application;

[0044] Figure 8 This is an example diagram of alignment on the application label in the embodiment of the present application;

[0045] Fig. 9 This is an example diagram of expanding an application tag in a scenario where the application tag is left-aligned in an embodiment of the present application;

[0046] Fig.10 This is an example diagram of adjusting the length of an application label in a scenario where the application label is left-aligned in an embodiment of the present application;

[0047] Fig.11 Another example diagram of adjusting the length of an application label in a scenario where the application label is left-aligned in an embodiment of the present application;

[0048] Fig.12 This is another example diagram of adjusting the length of an application tag in a scenario where the application tag is left-aligned in an embodiment of the present application;

[0049] Fig.13 Another example diagram of adjusting the length of an application label in a scenario where the application label is left-aligned in an embodiment of the present application;

[0050] Fig.14 This is an example diagram of adjusting the position of an application label in a scenario where the application label is left-aligned in an embodiment of the present application;

[0051] Fig.15 Another example diagram of adjusting the length of an application label in a scenario where the application label is left-aligned in an embodiment of the present application;

[0052] Fig.16 This is an example diagram of adjusting an application label in a scenario of opening an application in an embodiment of the present application;

[0053] Fig.17 This is an example diagram of adjusting an application label in a scenario of closing an application in an embodiment of the present application;

[0054] Fig.18 Another example diagram of adjusting an application label in a scenario of closing an application in an embodiment of the present application;

[0055] Fig.19 This is an example diagram of a display bar and a target window in an embodiment of the present application;

[0056] Fig. 20 This is an example diagram of the target window in the embodiment of the present application;

[0057] Fig.21 Another example diagram of the target window in the embodiment of the present application;

[0058] Fig. 22 This is an example diagram of a display column in an embodiment of the present application;

[0059] Fig.23 A schematic diagram of the structure of a display control device for application tags provided in an embodiment of the present application;

[0060] Fig.24 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application;

[0061] Fig.25 This is an example diagram of a window label in a scroll screen applicable to this application;

[0062] Fig.26 This is another example diagram of a window label in a scroll screen applicable to the present application;

[0063] Fig. 27 This is an example diagram for defining label length in a scroll screen applicable to this application. DETAILED DESCRIPTION

[0064] The following will be combined with the drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. Obviously, the described embodiments are only part of the embodiments of the present application, not all of the embodiments. Based on the embodiments in the present application, all other embodiments obtained by ordinary technicians in this field without creative work are within the scope of protection of this application.

[0065] refer to Figure 1 As shown in FIG. 1 , it is a flowchart of an implementation method of a display control method of an application tag provided in an embodiment of the present application. The method can be applied to electronic devices with a display screen to output a display bar, such as notebooks, tablet devices, etc. Figure 2 As shown in , a display screen in an electronic device outputs a display bar, and the display bar is used to display an application label of at least one application, such as an application label of a chat application or an office application. The application label may include an application icon, at least one operation control, and at least one label content of the application name. The user can operate the application label by moving the mouse to the application label. The technical solution in this embodiment is mainly used to reduce the complexity of the user's operation on the display bar.

[0066] Specifically, the method in this embodiment may include the following steps:

[0067] Step 101: Obtain a trigger operation for a first application tag.

[0068] The trigger operation is used to adjust the first application tag to the second state. The first application tag is an application tag in the first state on the display bar. In response to the trigger operation, the first application tag switches from the first state to the second state.

[0069] It should be noted that the application tag has not only the first state but also the second state, and the length of the application tag in the second state is greater than the length of the application tag in the first state. The length of the first application tag in the second state is greater than the length of the first application tag in the first state.

[0070] Specifically, the second state can be understood as the state of the application tag being expanded, and the first state can be understood as the state of the application tag being collapsed. The collapsed application tag only contains the application icon or only contains part of the application name or the abbreviation of the application name, and the expanded application tag contains not only the application icon but also the complete application name. Figure 3 As shown in , the first application tag can be an application tag of a browser. In the collapsed state, the first application tag only includes the browser icon X. In the expanded state, in addition to the browser icon X, the first application tag also includes the browser sharing controls and the name of the browser "Browser L". It can be seen that the length of the application tag in the expanded state is greater than the length of the application tag in the collapsed state.

[0071] Step 102: Determine whether the first application tag and the second application tag satisfy an adjustment condition; in response to the first application tag and the second application tag satisfying the adjustment condition, execute step 103.

[0072] The second application tag is an application tag in the second state on the display bar. That is, before the trigger operation on the first application tag is obtained, the second application tag is in the second state, and the length of the second application tag in the second state is greater than the length of the second application tag in the first state.

[0073] For example, Figure 4 As shown in , the first application tag can be an application tag of a browser, and the second application tag is an application tag of a chat application. The first application tag is in a collapsed state, and in the collapsed state, the first application tag only includes the browser icon X. The second application tag is in an expanded state, and in the expanded state, the second application tag includes not only the chat application icon Y, but also the chat application sharing control (such as the arrow mark) and the name of the chat application "Chat T".

[0074] The adjustment condition may be that the position of the cursor is different from the display position of the first application tag in the second state. That is, if the cursor is not in the display area where the first application tag in the second state is located, the adjustment condition is satisfied.

[0075] It should be noted that the first application tag is triggered to be in the second state, indicating that the first application tag needs to be processed further, such as clicking the operation control in the application tag. At this time, if the cursor is not in the display area where the first application tag in the second state is located, the user needs to move the cursor to the display area where the first application tag in the second state is located. Therefore, in this embodiment, it is judged whether the adjustment condition is met. If the adjustment condition is met, an adjustment operation needs to be performed, that is, step 103. If the adjustment condition is not met, the current process ends and step 101 is executed again.

[0076] Step 103: Adjust the display parameters of the first application tag in the second state.

[0077] Among them, the purpose of adjusting the display parameters in this embodiment is to make the cursor position match the display position of the first application tag in the second state, so that the user does not need to move the cursor by himself, and can keep the cursor in the display area where the first application tag in the second state is located.

[0078] It can be seen from the above technical scheme that in a display control method of an application tag provided in an embodiment of the present application, when a trigger operation is obtained for a first application tag in a first state, it is first determined whether an adjustment condition is satisfied between the first application tag and the second application tag in the second state. If the adjustment condition is satisfied, that is, if the first application tag is adjusted to the second state, the position of the cursor will be different from the display position of the first application tag in the second state. Then, in the present application, the display parameters of the first application tag in the second state can be adjusted so that the position of the cursor is no longer different from the display position of the first application tag in the second state, that is, the position of the cursor can match the display position of the first application tag in the second state. Therefore, through the technical scheme of the present application, the user does not need to move the cursor to the first application tag in the second state again, thereby reducing the complexity of user operations and improving the user experience.

[0079] In one implementation, the trigger operation may be: a cursor is suspended over a display area where the first application tag is located.

[0080] For example, Figure 5 As shown in , the cursor is hovered over the first application tag in the first state to trigger the first application tag to be adjusted to the second state.

[0081] In another implementation, the trigger operation may be: a trigger signal obtained based on a cursor for a display area where the first application tag is located.

[0082] For example, Figure 6 As shown in , the cursor is moved to the display area where the first application tag is located, and the cursor clicks the display area where the first application tag is located to trigger the first application tag to be adjusted to the second state.

[0083] In one implementation, the adjustment condition may specifically be: the first application tag is farther away from the tag display starting point of the display bar than the second application tag, and the difference between the first length and the second length is greater than or equal to a first threshold.

[0084] The first length is the total length of the first application tag in the first state and the second application tag in the second state, and the second length is the total length of the first application tag in the second state and the second application tag in the first state.

[0085] In one case, the label display starting point of the display bar can be one of the left end point or the right end point of the display bar. Figure 7 As shown in , the display bar uses the left endpoint as the label display starting point, and the application labels in the display bar are left-aligned.

[0086] In another case, the label display starting point of the display bar can be one of the upper end point or the lower end point of the display bar. Figure 8 As shown in , the upper endpoint of the display bar is the starting point of the label display, and the application labels in the display bar are aligned upward.

[0087] It should be noted that when the first application tag switches from the first state to the second state, the length of the first application tag will increase, and when the second application tag switches from the second state to the first state, the length of the second application tag will decrease. Based on this, taking the scenario where the application tags in the display bar are left-aligned as an example, when the user triggers the first application tag, the position of the cursor will be different from the display position of the first application tag in the second state. This is because the second application tag is further to the left than the first application tag, and the total length of the tags caused by the switching of the first and second application tags is shortened. That is, the difference between the first length and the second length is greater than or equal to the first threshold, and the first threshold is related to the position of the cursor.

[0088] For example, Fig. 9 As shown, taking the scenario where the application tag in the display bar is left-aligned as an example, the length of the application tag of the browser in the collapsed state is A, the length of the application tag of the browser in the expanded state is A1, the length of the application tag of the chat application in the expanded state is B1, and the length of the chat application in the collapsed state is B. Because the application tag of the chat application is further to the left than the application tag of the browser, when the user hovers the cursor over the application tag of the browser, because the total length of A plus B1 is less than the total length of A1 plus B, the difference exceeds the distance between the position of the cursor and the rightmost position of the application tag of the collapsed browser (i.e., the first threshold), then after the application tag of the browser is expanded and the application tag of the chat application is collapsed, the position of the cursor is not on the application tag of the expanded browser, that is, the adjustment condition is met.

[0089] For example, taking the scenario of alignment of the application tags in the display bar as an example, the length of the application tag of the folded browser is A, the length of the application tag of the expanded browser is A1, the length of the application tag of the expanded chat application is B1, and the length of the folded chat application is B. Because the application tag of the chat application is higher than the application tag of the browser, when the user floats the cursor over the application tag of the browser, because the total length of A plus B1 is lower than the total length of A1 plus B, the difference exceeds the distance between the position of the cursor and the bottom position of the application tag of the folded browser (i.e., the first threshold), then after the application tag of the browser is expanded and the application tag of the chat application is folded, the position of the cursor is not on the application tag of the expanded browser, that is, the adjustment condition is met.

[0090] Based on the above implementation, in a possible implementation, when adjusting the display parameters of the first application tag in the second state in step 103, the tag length of the first application tag in the second state may be increased.

[0091] The increase in the tag length of the first application tag in the second state causes the position of the cursor to match the display position of the first application tag in the second state.

[0092] For example, Fig. 9 For example, in this embodiment, A1 can be increased to A2, and the increase of A2 relative to A1 makes: the total length of A2 plus B makes the browser's application tag at least cover the position of the cursor, that is, the cursor at least floats in the display area where the browser's application tag is located.

[0093] In a specific implementation, the increase in the length of the first application tag in the second state may be determined according to the length between the position of the cursor and the end position of the first application tag in the second state.

[0094] For example, Fig.10 As shown in , in this embodiment, the application tag of the browser (expanded state) can be increased from A1 to A2, and the increase of A2 relative to A1 is the length between the right position of the application tag of the browser and the position of the cursor. Thus, after increasing the tag length of the expanded application tag of the browser, the cursor can still be on the application tag of the browser.

[0095] Furthermore, in a preferred implementation, the increase in the length of the first application tag in the second state may be: the difference between the first length and the second length. That is, in this embodiment, the second length is adjusted to be equal to the first length, so that the cursor is still in the display area where the first application tag is located.

[0096] For example, in this embodiment, the browser application tag can be expanded from A1 to A2, and the increase of A2 relative to A1 is the target difference, which is the difference between the first length (the total length of A plus B1) and the second length (the total length of A1 plus B). That is, the total length of A plus B1 is consistent with the total length of A2 plus B. Fig.11 As shown in , the end position of the browser's application tag is aligned with the position before expansion, thereby, after increasing the tag length of the expanded browser's application tag, the cursor can still be on the browser's application tag.

[0097] In another possible implementation, when adjusting the display parameters of the first application tag in the second state in step 103, the tag length of the second application tag in the first state may be increased.

[0098] The increase in the tag length of the second application tag in the first state causes the position of the cursor to match the display position of the first application tag in the second state.

[0099] For example, Fig. 9 For example, in this embodiment, B can be increased to B2, and the increase of B2 relative to B makes: the total length of B2 plus A1 makes the browser's application tag at least cover the position of the cursor, that is, the cursor at least floats in the display area where the browser's application tag is located.

[0100] In a specific implementation, the increase in the length of the second application tag in the first state may be determined according to the length between the position of the cursor and the end position of the first application tag in the second state.

[0101] For example, Fig.12 As shown in , in this embodiment, the application tag (folded state) of the chat application can be increased from B to B2, and the increase of B2 relative to B is the length between the right position of the application tag of the browser and the position of the cursor. Therefore, after increasing the tag length of the folded application tag of the chat application, the cursor can still be on the application tag of the browser.

[0102] Furthermore, in a preferred implementation, the increase in the length of the second application tag in the first state may be: the difference between the first length and the second length. That is, in this embodiment, the second length is adjusted to be equal to the first length, so that the cursor is still in the display area where the first application tag is located.

[0103] For example, in this embodiment, the application label of the folded chat application can be increased from B to B2, and the increase of B2 relative to B is the target difference, which is the difference between the first length (the total length of A plus B1) and the second length (the total length of A1 plus B). That is, the total length of A plus B1 is consistent with the total length of A1 plus B2, such as Fig.13 As shown in , the end position of the browser's application tag is aligned with the position before expansion, thereby, after increasing the tag length of the folded application tag of the chat application, the cursor can still be on the browser's application tag.

[0104] In one implementation, when adjusting the display parameters of the first application tag in the second state in step 103, the first application tag in the second state may be controlled to be displayed with the position of the cursor as the starting position of the tag display.

[0105] In one case, in a scenario where the application tags in the display bar are left-aligned, in this embodiment, the first application tag in the second state is controlled to be right-aligned with the cursor position as the tag display starting point, while other application tags on the left side of the first application tag remain unchanged, or as the first application tag is right-aligned, other application tags on the right side of the first application tag remain unchanged, so that the cursor position will not be mismatched with the first application tag in the second state due to the change in the total length of the tags caused by the expansion of the first application tag and the collapse of the second application tag. Therefore, in this embodiment, the cursor position can be guaranteed to match the first application tag in the second state, that is, the cursor is on the display area where the first application tag in the second state is located.

[0106] For example, Fig.14 As shown in , taking the scenario where the application tag in the display bar is left-aligned as an example, the application tag of the expanded browser and other application tags on the left are right-aligned with the cursor position as the starting point, and other application tags to the right of the application tag of the expanded browser remain unchanged. At this time, after the application tag of the browser is expanded, the cursor is on the display area where the application tag of the expanded browser is located.

[0107] In another case, in the scenario where the application tags in the display bar are right-aligned, in this embodiment, the first application tag in the second state is controlled to be left-aligned with the cursor position as the tag display starting point, while other application tags on the right side of the first application tag remain unchanged, or as the first application tag is aligned to the left, other application tags on the left side of the first application tag remain unchanged. In this way, the change in the total length of the tags caused by the expansion of the first application tag and the collapse of the second application tag will not cause the cursor position to not match the first application tag in the second state. Therefore, in this embodiment, the cursor position can be guaranteed to match the first application tag in the second state, that is, the cursor is on the display area where the first application tag in the second state is located.

[0108] For example, taking the scenario where the application tag in the display bar is right-aligned as an example, the application tag of the expanded browser and other application tags on the right are aligned to the left with the cursor position as the starting point, and other application tags to the left of the application tag of the expanded browser remain unchanged. At this time, after the application tag of the browser is expanded, the cursor is on the display area where the application tag of the expanded browser is located.

[0109] In another case, in the scenario where the application labels in the display bar are aligned upward, in this embodiment, the first application label in the second state is controlled to be aligned downward with the position of the cursor as the label display starting point, while other application labels on the upper side of the first application label do not move, or as the first application label is aligned downward, other application labels on the lower side of the first application label do not move. In this way, the change in the total length of the labels caused by the expansion of the first application label and the collapse of the second application label will not cause the position of the cursor to not match the first application label in the second state. Therefore, in this embodiment, the position of the cursor can be guaranteed to match the first application label in the second state, that is, the cursor is on the display area where the first application label in the second state is located.

[0110] For example, taking the scenario where the application tabs in the display bar are aligned upward, the application tab of the expanded browser and other application tabs on the upper side are aligned downward with the cursor position as the starting point, and the other application tabs below the application tab of the expanded browser remain stationary. At this time, after the application tab of the browser is expanded, the cursor is on the display area where the application tab of the expanded browser is located.

[0111] In another case, in the scenario where the application tags in the display bar are aligned downwards, in this embodiment, the first application tag in the second state is controlled to be aligned upwards with the cursor position as the tag display starting point, while other application tags below the first application tag remain unchanged, or as the first application tag is aligned upwards, other application tags above the first application tag remain unchanged. In this way, the change in the total length of the tags caused by the expansion of the first application tag and the collapse of the second application tag will not cause the cursor position to mismatch the first application tag in the second state. Therefore, in this embodiment, the cursor position can be guaranteed to match the first application tag in the second state, that is, the cursor is on the display area where the first application tag in the second state is located.

[0112] For example, taking the scenario where the application tabs in the display bar are aligned downwards, the application tabs of the expanded browser and other application tabs on the lower side are aligned upwards with the cursor position as the starting point, and other application tabs on the upper side of the application tab of the expanded browser remain stationary. At this time, after the application tabs of the browser are expanded, the cursor is on the display area where the application tab of the expanded browser is located.

[0113] Further, based on the above implementation, in this embodiment, the label length of the first application label in the second state can be increased or the label length of the second application label in the first state can be increased synchronously, such as Figure 10 to Figure 13 shown.

[0114] In one implementation, when adjusting the display parameters of the first application tag in the second state in step 103, the label length of the first application tag in the second state can be adjusted to be consistent with the label length of the second application tag before being adjusted to the first state, that is, the label length of the first application tag in the second state is consistent with the label length of the second application tag in the second state; and the label length of the second application tag in the first state is adjusted to be consistent with the label length of the first application tag before being adjusted to the second state, that is, the label length of the second application tag in the first state is consistent with the label length of the first application tag in the first state.

[0115] For example, Fig.15 As shown in , in this embodiment, the application tag of the expanded browser is adjusted from A1 to be equal to the tag length B1 of the application tag of the expanded chat application; and the application tag of the collapsed chat application is adjusted from B to be equal to the tag length A of the application tag of the collapsed browser, so that after the application tag of the browser is expanded, the cursor is on the display area where the application tag of the expanded browser is located.

[0116] In one implementation, in response to adding a third application tag to the display bar, the third application tag may be adjusted to the second state, and the fourth application tag may be adjusted to the first state.

[0117] The fourth application tag is: an application tag in the display column that is in the second state before the third application tag is added to the display column.

[0118] In a specific implementation, a user can open an application to trigger the addition of an application tag of the application, i.e., a third application tag, in the display bar. When the third application tag is added to the display bar, the third application tag is presented in the display bar in the second state. At the same time, the fourth application tag that was previously in the second state is adjusted to the first state.

[0119] For example, Fig.16 As shown in , the display bar presents application tags of a browser and a chat application. When a user opens an office application, the application tag Z of the office application is presented in the display bar in an expanded state, containing the application name "Office Z" and sharing controls, while the application tag of the browser and the application tag of the chat application that were previously expanded are collapsed.

[0120] In one implementation, in response to deleting the fifth application tag in the display bar, in the case where the fifth application tag is in the second state before being deleted, the sixth application tag may be adjusted to be in the second state.

[0121] In a possible embodiment, the sixth application tag may be: an application tag in the display column that is in the second state before the fifth application tag is adjusted to the second state.

[0122] In a specific implementation, a user can close an application to trigger deletion of the application tag of the application, i.e., the fifth application tag, in the display bar, and adjust the sixth application tag (currently in the first state) that was most recently in the second state to the second state in the display bar.

[0123] For example, Fig.17 As shown in , the display bar presents application tags of a browser, a chat application, and an office application. When a user closes an office application, the application tag of the office application is deleted from the display bar. Because the application tag of the office application is in an expanded state when it is deleted, after the application tag of the office application is deleted, the application tag of the browser that was in an expanded state before the application tag of the office application was expanded is expanded.

[0124] In another possible embodiment, the sixth application tag may be an application tag whose display position in the display column matches the display position of the fifth application tag.

[0125] The display position of the sixth application tag matches the display position of the fifth application tag, which can be understood as: the display position of the sixth application tag is adjacent to the display position of the fifth application tag, or is separated by a specific number of application tags, or the two display positions satisfy a specific relationship. For example, the sixth application tag is the previous or next application tag of the fifth application tag in the display column; for another example, the sixth application tag is separated from the fifth application tag by one application tag; for another example, the sixth application tag is the first application tag or the last application tag in the display column where the fifth application tag is located.

[0126] In a specific implementation, a user can close an application to trigger deletion of the application tag of the application in the display bar, i.e., the fifth application tag, and adjust the previous or next application tag (currently in the first state) of the fifth application tag to the second state in the display bar.

[0127] For example, Fig.18 As shown in , the display bar presents application tags of a browser, a chat application, and an office application. When a user closes an office application, the application tag of the office application is deleted from the display bar. Because the application tag of the office application is in an expanded state when it is deleted, after the application tag of the office application is deleted, the application tag of the chat application, which is the previous application tag closest to the application tag of the office application, is expanded.

[0128] In one implementation, the application label in the display bar may be: an application label corresponding to the application program to which the sub-window presented in the target window belongs.

[0129] Specifically, the target window can present at least one sub-window, each sub-window corresponds to an application, and the application labels corresponding to these applications are presented in the display bar. Fig.23 As shown in , the target window can present the respective sub-windows of the browser, the chat application, and the office application, and the application labels of these three applications are respectively presented in the display bar.

[0130] Based on the above implementation, the display bar and the target window meet the matching relationship. For example, the display bar and the target window belong to the same target application. After the target application is started, the target application has a corresponding running area, which is divided into the display bar area and the target window area. Fig.19 As shown in . For another example, the target window belongs to the target application. After the target application is started, the target application corresponds to a running area, the running area is the area where the target window is located, and the area where the display bar is located is associated with the running area, which is used to present the application label corresponding to the application to which each sub-window in the target window belongs.

[0131] Furthermore, each child window is presented in the target window according to the target layout mode. Fig. 20 As shown in , each sub-window is displayed in full screen in the target window, only one sub-window is displayed on top, and the other sub-windows are hidden. Fig.21 As shown in , each sub-window does not block each other and is tiled in the target window.

[0132] Based on the above implementation, in this embodiment, in response to a click operation on the setting control on the display bar, the first sub-window corresponding to the setting control can be output in the target window, and the application label corresponding to the first sub-window can be presented on the display bar.

[0133] The application to which the first sub-window belongs is used to set parameters for the application to which the target window belongs, that is, the setting application corresponding to the setting control is used to set parameters for the target application.

[0134] For example, Fig. 22 As shown in , after the target application is started, the target window and the display bar are presented in the running area. There are setting controls and other controls in the display bar. The user can click the setting control to make the first sub-window corresponding to the setting control appear in the target window. At the same time, the setting application label corresponding to the setting sub-window started by clicking the setting control is presented in the display bar, and the setting application label is in an expanded state. The user can set parameters for the target application in the setting sub-window.

[0135] Furthermore, there are also top controls, minimize controls, maximize controls, and close controls on the display bar, such as Fig. 22 Based on this, in this embodiment, in response to a click operation on the top control, the target window can be controlled to be in the top state; in response to a click operation on the minimize control, the target window can be controlled to be minimized; in response to a click operation on the maximize control, the target window can be controlled to be adjusted to its set maximum display size, such as half of the entire screen of the current display screen; in response to a click operation on the close control, the target window can be controlled to be closed.

[0136] refer to Fig.23 , is a schematic diagram of the structure of a display control device for application tags provided in an embodiment of the present application, which can be configured in an electronic device having a display screen to output a display bar, such as a notebook, a tablet device, etc. The technical solution in this embodiment is mainly used to reduce the complexity of user operations on the display bar.

[0137] Specifically, the device in this embodiment may include the following units:

[0138] The operation obtaining unit 2301 is used to obtain a trigger operation for a first application tag, wherein the trigger operation is used to adjust the first application tag to a second state; the first application tag is an application tag in a first state on a display bar; the display bar is used to display an application tag of at least one application program;

[0139] The condition determination unit 2302 is used to determine whether the first application tag and the second application tag meet the adjustment condition; the second application tag is an application tag in the second state on the display bar; the length of the application tag in the second state is greater than the length of the application tag in the first state; in response to the first application tag and the second application tag meeting the adjustment condition, trigger the parameter adjustment unit 2303;

[0140] The adjustment condition is: the position of the cursor is different from the display position of the first application tag in the second state;

[0141] The parameter adjustment unit 2303 is used to adjust the display parameters of the first application tag in the second state.

[0142] It can be seen from the above technical scheme that in a display control device for an application tag provided in an embodiment of the present application, when a trigger operation for a first application tag in a first state is obtained, it is first determined whether an adjustment condition is satisfied between the first application tag and the second application tag in a second state. If the adjustment condition is satisfied, that is, if the first application tag is adjusted to the second state, the position of the cursor will be different from the display position of the first application tag in the second state. Then, in the present application, the display parameters of the first application tag in the second state can be adjusted so that the position of the cursor is no longer different from the display position of the first application tag in the second state, that is, the position of the cursor can match the display position of the first application tag in the second state. Therefore, through the technical scheme of the present application, the user does not need to move the cursor to the first application tag in the second state again, thereby reducing the complexity of user operations and improving the user experience.

[0143] refer to Fig.24 , is a schematic diagram of the structure of an electronic device provided in an embodiment of the present application, and the electronic device may include the following structure:

[0144] Display screen 2401, used to output a display bar, wherein the display bar is used to display an application label of at least one application program;

[0145] Processor 2402, used to obtain a trigger operation on a first application tag, the trigger operation is used to adjust the first application tag to a second state; the first application tag is an application tag in the first state on the display bar; determine whether the first application tag and the second application tag meet an adjustment condition; the second application tag is an application tag in the second state on the display bar; the length of the application tag in the second state is greater than the length of the application tag in the first state; in response to the first application tag and the second application tag meeting the adjustment condition, adjust the display parameters of the first application tag in the second state;

[0146] The adjustment condition is that the position of the cursor is different from the display position of the first application tag in the second state.

[0147] It can be seen from the above technical scheme that in an electronic device provided by an embodiment of the present application, when a trigger operation is obtained for a first application tag in a first state, it is first determined whether an adjustment condition is satisfied between the first application tag and the second application tag in the second state. If the adjustment condition is satisfied, that is, if the first application tag is adjusted to the second state, the position of the cursor will be different from the display position of the first application tag in the second state. Then, in the present application, the display parameters of the first application tag in the second state can be adjusted so that the position of the cursor is no longer different from the display position of the first application tag in the second state, that is, the position of the cursor can match the display position of the first application tag in the second state. Therefore, through the technical scheme of the present application, the user does not need to move the cursor to the first application tag in the second state again, thereby reducing the complexity of user operations and improving the user experience.

[0148] For example, if the display screen of an electronic device is a scroll screen, due to the insufficient horizontal width of the screen, the tab bar (i.e., the display bar mentioned above) of the multi-application APP switching function adopts an automatic folding function. Fig.25 As shown in the figure, the label of the activated chat window (i.e., the applied label) will be expanded. When the user clicks the set label, the chat label will be collapsed and the set label will be expanded.

[0149] However, if Fig.26 As shown in the figure, since the window labels are all left-aligned, when the user moves the mouse from left to right and clicks "Settings", the chat label collapses and the settings expand to Fig.26 However, since the length of the set window label is relatively short, when the chat label is folded and the set label is expanded, the user's mouse cursor will float on the "+" label instead of the set label. Therefore, the user must move the mouse to the left, which reduces the user experience.

[0150] In view of this, the application dynamically calculates the size of the two window tabs to ensure that the mouse hover point is in the expanded tab. The specific solution is as follows:

[0151] First, since the mouse moves out of the expanded tab area, the tab is aligned to the left. Based on this, the key point in this application is the size of the two tabs when they are folded and expanded.

[0152] like Fig. 27As shown in , this application defines the length of the chat window label as A and A1; the length of the setting label is B and B1. Among them, the lengths of the chat label and the setting label when they are folded are A and B respectively, and the lengths of the chat label and the setting label when they are unfolded are A1 and B1 respectively. Based on this, in this application, the sum of A plus B1 can be adjusted to be greater than or equal to the sum of A1 plus B, that is, the label after the change is longer than the label before the change.

[0153] In the preferred solution, the size of the folded and unfolded labels can be uniformly fixed in the present application, that is, A is consistent with B, and A1 is consistent with B1.

[0154] In this way, the application first ensures that the size of the collapsed tab is larger than the width of the icon in the tab to avoid the icon being blocked. At the same time, when the text in the tab bar is smaller than the fixed available length of the expanded tab, it is displayed in the center, and when the text in the tab bar is larger than the fixed available length, a simplified text display method is used.

[0155] The key point is that the present application can dynamically judge that when the sum of the total length A plus B1 after the change is less than the sum of A1 plus B, the length of B1 is dynamically increased so that the mouse can always hover above the latter. The dynamically increased length can just make the two equal, at which point the text is displayed in the center.

[0156] In summary, after the technical solution of the present application is dynamically adjusted, the mouse can be ensured to be above the expanded tab bar.

[0157] In this specification, each embodiment is described in a progressive manner, and each embodiment focuses on the differences from other embodiments. The same or similar parts between the embodiments can be referred to each other. For the device disclosed in the embodiment, since it corresponds to the method disclosed in the embodiment, the description is relatively simple, and the relevant parts can be referred to the method part.

[0158] Professionals may further appreciate that the units and algorithm steps of each example described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, computer software, or a combination of the two. In order to clearly illustrate the interchangeability of hardware and software, the composition and steps of each example have been generally described in the above description according to function. Whether these functions are performed in hardware or software depends on the specific application and design constraints of the technical solution. Professionals and technicians may use different methods to implement the described functions for each specific application, but such implementation should not be considered to be beyond the scope of this application.

[0159] The steps of the method or algorithm described in conjunction with the embodiments disclosed herein may be implemented directly using hardware, a software module executed by a processor, or a combination of the two. The software module may be placed in a random access memory (RAM), a memory, a read-only memory (ROM), an electrically programmable ROM, an electrically erasable programmable ROM, a register, a hard disk, a removable disk, a CD-ROM, or any other form of storage medium known in the art.

[0160] The above description of the disclosed embodiments enables those skilled in the art to implement or use the present application. Various modifications to these embodiments will be apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of the present application. Therefore, the present application will not be limited to the embodiments shown herein, but will conform to the widest scope consistent with the principles and novel features disclosed herein.

Claims

1. A method for controlling the display of an application tag, comprising: Obtaining a trigger operation on a first application tag, where the trigger operation is used to adjust the first application tag to a second state; The first application tag is an application tag in a first state on the display bar; The display bar is used to display an application label of at least one application program; Determine whether the first application tag and the second application tag meet the adjustment condition; the second application tag is the application tag in the second state on the display bar; The length of the applied label in the second state is greater than the length of the applied label in the first state; The adjustment condition is: the position of the cursor is different from the display position of the first application tag in the second state; In response to the first application tag and the second application tag satisfying the adjustment condition, a display parameter of the first application tag in the second state is adjusted.

2. The method according to claim 1, wherein the trigger operation is: the cursor is suspended on a display area where the first application tag is located; Alternatively, the trigger operation is: a trigger signal obtained based on the cursor for a display area where the first application tag is located.

3. The method according to claim 1, further comprising: In response to adding a third application tag to the display bar, adjusting the third application tag to be in the second state, and adjusting the fourth application tag to be in the first state; The fourth application tag is: an application tag in the display column that is in the second state before the third application tag is added to the display column.

4. The method according to claim 1, further comprising: In response to deleting the fifth application tag in the display bar, if the fifth application tag is in the second state before being deleted, adjusting the sixth application tag to be in the second state; Among them, the sixth application tag is: an application tag in the display bar that is in the second state before the fifth application tag is adjusted to the second state; or, the sixth application tag is: an application tag in the display bar whose display position matches the display position of the fifth application tag.

5. The method according to claim 1, wherein the application label in the display bar is: an application label corresponding to the application to which the sub-window presented in the target window belongs; in, The display bar and the target window satisfy a matching relationship.

6. The method according to claim 5, further comprising: In response to a click operation on a setting control on the display bar, outputting a first sub-window corresponding to the setting control in the target window, and presenting an application label corresponding to the first sub-window on the display bar; The application to which the first sub-window belongs is used to set parameters of the application to which the target window belongs.

7. The method according to claim 1, wherein the adjustment condition comprises: The first application tag is located away from the tag display starting point of the display bar relative to the second application tag, and the difference between the first length and the second length is greater than or equal to a first threshold; The first length is the total length of the first application tag in the first state and the second application tag in the second state; the second length is the total length of the first application tag in the second state and the second application tag in the first state.

8. The method according to claim 7, wherein adjusting the display parameters of the first application tag in the second state comprises at least one of the following: Increasing the label length of the first application label in the second state; wherein, The increase in the length of the first application tag in the second state causes the position of the cursor to match the display position of the first application tag in the second state; Increase the label length of the second application label in the first state; wherein the increase in the label length of the second application label in the first state makes the position of the cursor match the display position of the first application label in the second state.

9. The method according to claim 1, adjusting the display parameters of the first application tag in the second state comprises at least one of the following: Controlling the first application label in the second state to be displayed with the position of the cursor as the label display starting position; Adjust the label length of the first application label in the second state to be consistent with the label length of the second application label before being adjusted to the first state, and adjust the label length of the second application label in the first state to be consistent with the label length of the first application label before being adjusted to the second state.

10. An electronic device comprising: A display screen, configured to output a display bar, wherein the display bar is configured to display an application label of at least one application program; A processor, configured to obtain a trigger operation on a first application tag, wherein the trigger operation is configured to adjust the first application tag to a second state; the first application tag is an application tag in the first state on the display bar; Determining whether the first application tag and the second application tag meet an adjustment condition; The second application tag is an application tag in the second state on the display bar; The length of the application tag in the second state is greater than the length of the application tag in the first state; in response to the first application tag and the second application tag satisfying the adjustment condition, adjusting the display parameters of the first application tag in the second state; The adjustment condition is that the position of the cursor is different from the display position of the first application tag in the second state.

Images