CN117707369A - Display method and device and electronic equipment - Google Patents

Abstract

The embodiment of the invention discloses a display method, a display device and electronic equipment. One embodiment of the method comprises the following steps: displaying an input control, wherein the input control comprises a first area and a second area, the first area is used for displaying the input label item, the second area is used for inputting label content, and the label content is used for generating the label item; in response to the tag content input being completed, in a first region, a target tag item is presented that includes a portion of the tag content. Thus, a new display mode is provided.

Description

Display method and device and electronic equipment

Technical Field

The disclosure relates to the field of computer technology, and in particular relates to a display method, a display device and electronic equipment.

Background

With the development of computers, users can implement various functions using electronic devices. For example, a user may obtain information, office, etc. through an electronic device.

In some scenarios, a user may interact with the electronic device, e.g., the user may input content in an input control displayed by the electronic device, the input control may display the input content, or may further operate with the input content, e.g., search, filtering, grouping, etc.

Disclosure of Invention

This disclosure is provided in part to introduce concepts in a simplified form that are further described below in the detailed description. This disclosure is not intended to identify key features or essential features of the claimed subject matter, nor is it intended to be used to limit the scope of the claimed subject matter.

In a first aspect, an embodiment of the present disclosure provides a display method, including: displaying an input control, wherein the input control comprises a first area and a second area, the first area is used for displaying the input label item, the second area is used for inputting label content, and the label content is used for generating the label item; in response to the tag content input being completed, in a first region, a target tag item is presented that includes a portion of the tag content.

In a second aspect, embodiments of the present disclosure provide a display device comprising: the display device comprises a first display unit, a second display unit and a display unit, wherein the first display unit is used for displaying an input control, the input control comprises a first area and a second area, the first area is used for displaying an input label item, the second area is used for inputting label content, and the label content is used for generating the label item; and the second display unit is used for displaying the target label element comprising part of the label content in the first area in response to the completion of the input of the label content.

In a third aspect, an embodiment of the present disclosure provides an electronic device, including: one or more processors; and a storage means for storing one or more programs which, when executed by the one or more processors, cause the one or more processors to implement the presentation method as described in the first aspect.

In a fourth aspect, embodiments of the present disclosure provide a computer readable medium having stored thereon a computer program which, when executed by a processor, implements the steps of the presentation method as described in the first aspect.

Drawings

The above and other features, advantages, and aspects of embodiments of the present disclosure will become more apparent by reference to the following detailed description when taken in conjunction with the accompanying drawings. The same or similar reference numbers will be used throughout the drawings to refer to the same or like elements. It should be understood that the figures are schematic and that elements and components are not necessarily drawn to scale.

FIG. 1 is a flow chart of one embodiment of a presentation method according to the present disclosure;

fig. 2A and 2B are schematic diagrams of one application scenario of the presentation method according to the present disclosure;

fig. 3A, 3B, and 3C are schematic diagrams of one application scenario of the presentation method according to the present disclosure;

FIG. 4 is a schematic illustration of one application scenario of the presentation method according to the present disclosure;

FIG. 5 is a schematic structural view of one embodiment of a display device according to the present disclosure;

FIG. 6 is an exemplary system architecture in which the presentation method of one embodiment of the present disclosure may be applied;

fig. 7 is a schematic view of a basic structure of an electronic device provided according to an embodiment of the present disclosure.

Detailed Description

Embodiments of the present disclosure will be described in more detail below with reference to the accompanying drawings. While certain embodiments of the present disclosure have been shown in the accompanying drawings, it is to be understood that the present disclosure may be embodied in various forms and should not be construed as limited to the embodiments set forth herein, but are provided to provide a more thorough and complete understanding of the present disclosure. It should be understood that the drawings and embodiments of the present disclosure are for illustration purposes only and are not intended to limit the scope of the present disclosure.

It should be understood that the various steps recited in the method embodiments of the present disclosure may be performed in a different order and/or performed in parallel. Furthermore, method embodiments may include additional steps and/or omit performing the illustrated steps. The scope of the present disclosure is not limited in this respect.

The term "including" and variations thereof as used herein are intended to be open-ended, i.e., including, but not limited to. The term "based on" is 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. Related definitions of other terms will be given in the description below.

It should be noted that the terms "first," "second," and the like in this disclosure are merely used to distinguish between different devices, modules, or units and are not used to define an order or interdependence of functions performed by the devices, modules, or units.

It should be noted that references to "one", "a plurality" and "a plurality" in this disclosure are intended to be illustrative rather than limiting, and those of ordinary skill in the art will appreciate that "one or more" is intended to be understood as "one or more" unless the context clearly indicates otherwise.

The names of messages or information interacted between the various devices in the embodiments of the present disclosure are for illustrative purposes only and are not intended to limit the scope of such messages or information.

In one or more embodiments of the present disclosure, an electronic device can present an input control, such as a multi-label input control. The multi-label input control may input multiple pieces of content, referred to as labels or label items, each of which can be individually presented and interacted with within the control. According to the technical scheme, the display size of the label can be distributed in real time, so that the label can be displayed to the greatest extent under the conditions of single label and multiple labels.

Alternatively or additionally, the controls are divided into a label area and an input area. When no label exists, the input area occupies the whole control; when there is a label, space within the control will be preferentially allocated to the label area, compressing the input area. When the input area is compressed to a minimum size (e.g., 56 px), the content within the tag will be omitted, but a prompt will be displayed when the user hovers with the mouse.

Alternatively or additionally, each time a user adds a tag, the system may prefer to have the existing tag reduced in width to make room for a new tag.

Referring to fig. 3A, fig. 3A illustrates a schematic diagram of a scenario in which an input control includes different numbers of tab items. The input control may include a second region 301. When only the tab item 302 is included in the input control, the presentation width of the tab item 302 is longest. When a tab item 303 is newly added in the input control, the presentation width of the tab item 302 becomes smaller. When tab item 304 is newly added to the input control, the presentation width of tab item 302 becomes further smaller.

The space allocation logic for each tag added is as follows.

Label area width = input control width-input box minimum width-spacing, spacing is the spacing between the input box and label area;

label bisection width = label area width- (label number-1) pitch)/label number, wherein the pitch is the pitch between labels;

original width of label: width of the content when displayed completely;

label width: if the original label width < = label bisection width, the label width = original label width; if the original label width > the label bisecting width, the label width=fills the remaining space of the label area.

Alternatively or additionally, after the label is reduced to a minimum width (e.g., 108 px), the input control is still unable to be removed, and the label is folded into an aggregate label. Hovering a mouse over the aggregate label can display all labels that are folded.

Referring to FIG. 3B, FIG. 3B shows that the show aggregation control 305 is triggered when a new tab item is added to the input control, i.e., when tab items are added to 4.

When an aggregate tag is exposed, the space reassignment logic of the tag is as follows.

Aggregate label width = width when content is displayed intact;

label area width = control width-input box minimum width-space x 2-aggregate label width;

Label bisection width= (label area width- (label number-1) pitch)/label number;

original width of label: width of the content when displayed completely;

label width: if the original label width < = label bisection width, the label width = original label width; if the original label width > the label bisecting width, the label width=fills the remaining space of the label area.

Alternatively or additionally, when the user will focus on the input area, the input area may be expanded to a preset size (e.g., 108 px) while compressing the tag area to ensure that sufficient space is provided for the user to input content.

As an example, referring to fig. 3C, a scene in which an input area expands when an input operation is detected in the input area is shown in fig. 3C.

When the input area is enlarged, the space reassignment logic of the tag is as follows.

Input area focal width = 180px;

label area width = control width-input area focus width-space;

label bisection width= (label area width- (label number-1) pitch)/label number;

original width of label: width of the content when displayed completely;

label width: if the original label width < = label bisection width, the label width = original label width; if the original label width > the label bisecting width, the label width=fills the remaining space of the label area.

Alternatively or additionally, when the tag is compressed, the display mode of the content can be optimized according to the format of the text, so that the space occupied by the tag is smaller, and the display is more neat.

As an example, referring to fig. 4, fig. 4 shows a content display manner when a mailbox type tag is compressed.

Referring to fig. 1, a flow of one embodiment of a presentation method according to the present disclosure is shown. The display method as shown in fig. 1 comprises the following steps:

step 101, an input control is presented.

In this embodiment, an execution subject (e.g., a server and/or a terminal device) of the presentation method may present the input control.

Here, the input control may include a first region and a second region. The input controls may be used to input content. The entered content may be displayed in an input control. The displayed content may form a tag item from the input content.

Here, the first area is used to present the tag items that have been entered.

Here, the second area is used for inputting tag contents. The tag content is used to generate tag items.

Here, the input content received by the input control may be used for a variety of scenarios, for example, may be used for display, may be used for searching. The input content received by the input control can be obtained through selection or manual input.

As an example, referring to fig. 2A, in the input control 201 of fig. 2A, a first area 2011 and a second area 2012 may be included. The first tab 202, which is an entered tab, may be displayed in the first area 2011. The tag content corresponding to the first tag item is X111. The second region may receive the inputted tag content Y222. The second tag item may be generated using the tag content received in the second area, i.e., the tag content corresponding to the second tag item is Y222, and the second tag item may be displayed in the first area in response to completion of inputting the tag content (e.g., Y222) of the second tag item.

As an example, referring to fig. 2B, in the first area 2011 in fig. 2B, the second tab item 203 may be displayed. Comparing fig. 2A and 2B, it can be seen that the widths of the first and second regions may vary. The first area is enlarged in width due to the displayed label items being increased; in the case where the width of the input control 201 is unchanged, the width of the second region becomes smaller.

It is understood that the dimensions of the input controls may be exemplified by widths. The size of the input control may be a length. For example, if the content received in the input control is arranged in a portrait orientation, the first region and the second region may change the length value in the length direction.

And 102, in response to the tag content input being completed, displaying the target tag item comprising part of the tag content in a first area.

Here, the executing body may display, in the first area, the target tag item including a part of the tag content in response to the tag content input completion.

Here, the target tab item may be any tab item of the tab items corresponding to the input control. The label item corresponding to the input control may include a label item formed by the label content received by the input control.

The part of tag content may be a part of tag item content, and the specific length and content of the part of tag content may be determined from tag content according to an actual application scenario, which is not limited herein.

It should be noted that, in the display manner provided in this embodiment, by displaying at least one tag item in the first area and displaying a portion of tag content in a target tag item in at least one tag item, the display width of the target tag item may be shortened, the interface area occupied by the target tag item in the input control may be reduced, so that a space may be left in the input control to display more tag items, thereby, the number of displayed tag items may be increased, the number of tag items that may be displayed at one time may be increased, and the information display efficiency may be increased.

In some embodiments, the method further comprises: and responding to a first preset operation for the target label item, and displaying label content of the target label item.

The specific operation manner of the first preset operation may be set according to the actual application scenario, which is not limited herein.

As an example, the first preset operation may include a hover operation.

As an example, the first preset operation may include a click operation.

Here, the tag content displayed by the target tag item is not the complete tag content, and in response to the first preset operation for the target tag item, the complete tag content corresponding to the target tag item may be displayed, that is, the tag content of the target tag item is generated.

Therefore, when a user hopes to check the label content corresponding to the label items, the user can check the whole label content quickly through the first preset operation, and the method is taken as a technical means complementary to the displayed part of the label content, and meets the requirement of checking the finished label content while improving the number of the displayed label items, so that the use convenience of the input control in an actual application scene is improved.

In some embodiments, the method further comprises: and determining the display width of the label items displayed in the first area based on the first area width and the number of the label items displayed in the first area.

Here, the display width of the tag items displayed in the first region may be positively correlated with the first region width and negatively correlated with the number of tag items displayed in the first region.

Here, the first area width may be the width of the input control, may be the difference between the width of the input control and the width of the second area, or may be the difference between the width of the input control minus the width of the second area and minus the width of the third area.

It should be noted that, in the description of some embodiments of the present disclosure, the width of the space between the areas and the width of the space between the label items may be negligible, or may be equally distributed among the areas or the label item widths, which are not separately presented, so that the solution is more clear.

Here, based on the first area width and the number of the label items displayed in the first area, the display width of each label item is determined, and the display width of the label item can be adaptively adjusted according to the number of the label items, so that the label content of the label item is displayed as much as possible. Therefore, the space allocation of the input control can be adjusted in real time according to different scenes so as to cope with the uncertainty of the length and the quantity of the labels, thereby solving the problems of incomplete label display, inconvenient operation and the like

In some embodiments, the determining the display width of the tag items displayed in the first area based on the first area width and the number of tag items displayed in the first area includes: determining the average width of the labels according to the width of the first area and the number of the labels; determining that the display width of the label item matches the label original width in response to the label original width of the label item being no greater than the label average width; in response to the label item having a label original width greater than the label average width, it is determined that the display width of the label item is less than the label original width.

Here, the original width of the tag is determined according to the tag content corresponding to the tag item. For example, the tag content includes 10 characters, and the original width of the tag is the width of the displayed 10 characters; the tag content includes 2 characters, and the original width of the tag is the width of the display 2 characters.

The average width of the labels is positively correlated with the width of the first region, and the average width of the labels is negatively correlated with the number of labels. As an example, the ratio of the first area width to the number of labels may be referred to as the average label width.

If the label item has a label original width that is not greater than the label average width (this case of a label item may be referred to as a first type of label item), the presentation width of the label item may be the label original width.

If the label item has a label original width that is greater than the label average width (this case of label item may be referred to as a second type of label item), the display width of the label item may be less than the label original width. That is, the tag content displayed by the tag item may be part of the tag content corresponding to the tag item.

In some embodiments, in response to the original width of the label item being greater than the average width of the label, the presentation width of the label item may be determined based on at least one of: the width of the rest subarea in the first area is used for displaying label items with original label width larger than average label width; whether the tag item is of a preset type; the number of label items with the original width of the label larger than the average width of the label in the first area; the minimum width of the label item is preset.

As an example, if the tag item is of a preset type, the content to be displayed of the tag item may be determined according to a first rule corresponding to the preset type, so as to determine the display width of the tag item.

As an example, if the tag item is not of a preset type, the presentation width of the tag item may be determined according to the width of the remaining sub-region. For example, the remaining sub-areas are filled.

As an example, if the number of the second type of tab items in the first area is N, where N is at least two, N-1 may be selected to use the preset minimum width as the presentation width, and then the remaining width of the first area is used as the presentation width of one tab item (for example, the first tab item added in the input control) except N-1 in N.

Therefore, the display width of the label item can be rapidly determined according to various rules and different conditions, the information expression efficiency of the label item is considered, and the display space of the label item is saved.

In some embodiments, the first zone width is determined from the input control width and the second zone width.

In some embodiments, the first zone width is determined from the input control width, the second zone width, and a third zone width, wherein the third zone is used to expose the aggregation control.

Here, when the aggregation control is not presented in the input control, the first region width may be determined according to the input control width and the second region width.

Here, when the aggregation control is presented in the input control, the first region width may be determined according to the input control width, the second region width, and the third region width.

Here, the second region width may be a first preset value. The first preset value may indicate a minimum width of the second region. The second region width may also be a second preset value, which may be a value when an input operation is detected in the second region, i.e., a value after the second region is enlarged.

Therefore, the width of the first area can be changed according to actual conditions, and the applicability of the technical scheme for determining the display width of the label item based on the width of the first area in actual application scenes is improved.

In some embodiments, the method further comprises: and responding to the target label item as a preset type, and determining display parameters of the target label item according to a first rule corresponding to the preset type.

Alternatively, the display parameters may include at least one of, but are not limited to: label width, label content to be displayed.

Here, the first rule is used to indicate a rule for determining a part of tag content to be presented.

In some embodiments, the method further comprises: and responding to the target label item as a preset type, and determining the width of the target label item according to a first rule corresponding to the preset type.

In some embodiments, the method further comprises: and responding to the target label item as a preset type, and determining the content to be displayed of the target label item according to a first rule corresponding to the preset type.

Here, different contents in the tag contents may have different degrees of contribution to the expression information.

Therefore, when the label item is compressed, the display mode of the content can be optimized according to the format of the text, so that the content of the label item is displayed more neatly, and the information display efficiency is improved.

In some embodiments, the preset type includes a mailbox type, wherein the target tag item of the mailbox type includes at least one of: mailbox names and mailbox accounts, which include user names and domain names.

In some embodiments, the first rule includes at least one of: displaying the mailbox names and the user names in the mailbox account numbers; and displaying the mailbox name.

As an example, the tag content of the mailbox type may include a mailbox name and a mailbox account, for example, please refer to fig. 4, where user a < userA@xx.yyy > is the mailbox name, userA is the user name in the mailbox account, xx.yyy is the domain name in the mailbox account, less information may be expressed by @ xx.yyy, and more information may be expressed by userA and user a. In userA and user a, user a may not express as much information as userA. Optionally, when the tag item corresponding to the user a < userA@xx.yyy > needs to be shortened, the user a < userA may be used as the part of the content to be displayed; if the shortening is needed, the user A can be used as part of the content to be displayed.

Therefore, the method can select the mode which can express the main information and save the display space in the input content of the mailbox class to display the tag content. The information expression capability of the label items of the mailbox class is improved, and the display space is saved.

In some embodiments, the tab items corresponding to the input controls include a first tab item set and a second tab item set; and

the method further comprises the steps of: in a first region, displaying a first set of tag items; in a third region of the input control, an aggregation control is presented.

Here, the aggregation control indicates a second set of tag items.

The label item corresponding to the input control may be a label item generated by the input control using the received label content.

Here, the third region may be a region independent of the first region, or may be a sub-region of the first region. If the third region is a sub-region of the first region, then the first set of tab items is presented in the first region, which may also be described as presenting the first set of tab items in the first sub-region of the first region and presenting the aggregation control in the second sub-region of the first region.

The first set of tag items may include at least one tag item and the second set of tag items may include at least one tag item.

Optionally, the dividing of the first tag item set and the second tag item set may be determined according to the time sequence of generating the tag items, or may be determined according to the importance degree of the tag items. The importance degree of the tag items can be judged according to preset rules.

As an example, the aggregation control may show the number of tag items in the indicated second set of tag items. For example, 2 label items may be aggregated using a +2 representation aggregation control.

For example, referring to FIG. 3B, FIG. 3B shows an aggregation control 305.

Therefore, the key label items can be displayed in the input control, the content of the displayed label items can be clearly displayed, and the display efficiency of the label items is improved.

In some embodiments, the method further comprises: and responding to the triggering operation for the aggregation control, and displaying the label items in the second label item set.

Here, for a triggering operation of the aggregation control, a tag item in the second set of tag items may be presented.

Therefore, when the label items corresponding to the input control are required to be checked, the first label item set and the second label item set are displayed, the aggregation control is triggered to display the label items, the aggregation control can supplement the display of the aggregation control, and the use convenience of the aggregation control in an actual application scene is improved.

In some embodiments, the method further comprises: and displaying the aggregation control in response to the first area being unable to accommodate all of the label items corresponding to the input control displayed with the minimum width of the label items.

The time for triggering and displaying the aggregation control can be set according to the actual application scene, and is not limited herein.

For example, the number of tab items corresponding to the input controls may be 5, and it is calculated whether the minimum width of the tab items of the 5 input controls is greater than the width of the first area, and if so, the first area cannot accommodate all the tab items. Continuing to calculate whether the first area accommodates 4 tab items, at this time, subtracting the sum of the width of the second area and the width of the third area (used for displaying the aggregation control) on the basis of the width of the input control, and taking 4 tab items as a first tab item set and 1 tab item as a second tab item set if the first area accommodates the 4 tab items. The method comprises the steps of carrying out a first treatment on the surface of the If 4 tag items cannot be accommodated, the calculation is continued as to whether the first area can accommodate 3 tag items. And so on.

In some embodiments, the method further comprises: in response to detecting an input operation at the second region, the width of the second region is changed from the first preset value to a second preset value.

Here, the second preset value is greater than the first preset value.

For example, please refer to fig. 3C. In fig. 3C, a case where the second area 305 does not detect an input operation is shown, and the width is a first preset value; in fig. 3C, it is shown that the input operation is detected in the second region, the second region is enlarged, and the width of the second region is a second preset value.

Therefore, when the second area is in a state of not receiving input operation, less input control area is occupied, the number of displayed label items is increased, and the display efficiency of label item information is improved; when the second area receives the input operation, the width of the second area is widened, so that the input label content can be clearly and completely displayed in the second area. When the user inputs the tag content, the attention degree of the tag item may be low, and thus, the widths of the first area and the second area may be changed along with the change of the content actually focused by the user, so that the information display efficiency is improved.

With further reference to fig. 5, as an implementation of the method shown in the foregoing figures, the present disclosure provides an embodiment of a display device, where the embodiment of the device corresponds to the embodiment of the method shown in fig. 1, and the device may be specifically applied to various electronic devices.

As shown in fig. 5, the display device of this embodiment includes: a first display unit 501 and a second display unit 502. The first display unit is used for displaying an input control, wherein the input control comprises a first area and a second area, the first area is used for displaying the input label item, the second area is used for inputting label content, and the label content is used for generating the label item; and the second display unit is used for displaying the target label item comprising part of the label content in the first area in response to the completion of the input of the label content.

In this embodiment, the specific processing and the technical effects brought by the first display unit 501 and the second display unit 502 of the display device may refer to the description of step 101 and step 102 in the corresponding embodiment of fig. 1, and are not repeated here.

In some embodiments, the apparatus is further to: and determining the display width of the label items displayed in the first area based on the first area width and the number of the label items displayed in the first area.

In some embodiments, the determining the display width of the tag items displayed in the first area based on the first area width and the number of tag items displayed in the first area includes: determining the average width of the labels according to the width of the first area and the number of the labels; determining that the display width of the label item matches the label original width in response to the label original width of the label item being no greater than the label average width; in response to the label item having a label original width greater than the label average width, determining that the display width of the label item is less than the label original width; the original width of the label is determined according to the label content corresponding to the label item.

In some embodiments, the determining that the displayed width of the label item is less than the original width of the label in response to the original width of the label item being greater than the average width of the label comprises: in response to the original width of the label item being greater than the average width of the label, determining a presentation width of the label item based on at least one of: the width of the rest subarea in the first area is used for displaying label items with original label width larger than average label width; whether the tag item is of a preset type; the number of label items with the original width of the label larger than the average width of the label in the first area; the minimum width of the label item is preset.

In some embodiments, the first zone width is determined from the input control width and the second zone width; or the first area width is determined according to the input control width, the second area width and the third area width, wherein the third area is used for displaying the aggregation control.

In some embodiments, the apparatus is further to: and determining display parameters of the target tag items according to a first rule corresponding to the preset type in response to the target tag items being of the preset type, wherein the first rule is used for indicating a rule for determining part of tag contents to be displayed.

In some embodiments, the preset type includes a mailbox type, wherein the target tag item of the mailbox type includes at least one of: mailbox names and mailbox accounts, wherein the mailbox accounts comprise user names and domain names; the first rule includes at least one of: displaying the mailbox names and the user names in the mailbox account numbers; and displaying the mailbox name.

In some embodiments, the tab items corresponding to the input controls include a first tab item set and a second tab item set; the apparatus is further for: in a first region, displaying a first set of tag items; in a third region of the input control, an aggregation control is presented, wherein the aggregation control indicates a second set of label items.

In some embodiments, the apparatus is further to: and responding to the triggering operation for the aggregation control, and displaying the label items in the second label item set.

In some embodiments, the apparatus is further to: in response to detecting an input operation at the second region, changing the width of the second region from a first preset value to a second preset value, wherein the second preset value is greater than the first preset value.

In some embodiments, the apparatus is further to: and responding to a first preset operation for the target label item, and displaying label content of the target label item. Referring to fig. 6, fig. 6 illustrates an exemplary system architecture in which the presentation method of one embodiment of the present disclosure may be applied.

As shown in fig. 6, the system architecture may include terminal devices 601, 602, 603, a network 604, and a server 605. The network 604 is used as a medium to provide communication links between the terminal devices 601, 602, 603 and the server 605. The network 604 may include various connection types, such as wired, wireless communication links, or fiber optic cables, among others.

The terminal devices 601, 602, 603 may interact with the server 605 via the network 604 to receive or send messages or the like. Various client applications, such as a web browser application, a search class application, a news information class application, may be installed on the terminal devices 601, 602, 603. The client application in the terminal device 601, 602, 603 may receive the instruction of the user and perform the corresponding function according to the instruction of the user, for example, adding the corresponding information in the information according to the instruction of the user.

The terminal devices 601, 602, 603 may be hardware or software. When the terminal devices 601, 602, 603 are hardware, they may be various electronic devices having a display screen and supporting web browsing, including but not limited to smartphones, tablet computers, electronic book readers, MP3 players (Moving Picture Experts Group Audio Layer III, dynamic video expert compression standard audio plane 3), MP4 (Moving Picture Experts Group Audio Layer IV, dynamic video expert compression standard audio plane 4) players, laptop and desktop computers, and the like. When the terminal devices 601, 602, 603 are software, they can be installed in the above-listed electronic devices. Which may be implemented as multiple software or software modules (e.g., software or software modules for providing distributed services) or as a single software or software module. The present invention is not particularly limited herein.

The server 605 may be a server that provides various services, for example, receives information acquisition requests sent by the terminal devices 601, 602, 603, and acquires presentation information corresponding to the information acquisition requests in various ways according to the information acquisition requests. And related data showing the information is transmitted to the terminal devices 601, 602, 603.

It should be noted that, the display method provided by the embodiments of the present disclosure may be executed by the terminal device, and accordingly, the display apparatus may be disposed in the terminal devices 601, 602, 603. In addition, the display method provided by the embodiment of the present disclosure may also be executed by the server 605, and accordingly, the display device may be disposed in the server 605.

It should be understood that the number of terminal devices, networks and servers in fig. 6 is merely illustrative. There may be any number of terminal devices, networks, and servers, as desired for implementation.

Referring now to fig. 7, a schematic diagram of an electronic device (e.g., a terminal device or server in fig. 6) suitable for use in implementing embodiments of the present disclosure is shown. The terminal devices in the embodiments of the present disclosure may include, but are 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), in-vehicle terminals (e.g., in-vehicle navigation terminals), and the like, and stationary terminals such as digital TVs, desktop computers, and the like. The electronic device shown in fig. 7 is merely an example and should not be construed to limit the functionality and scope of use of the disclosed embodiments.

As shown in fig. 7, the electronic device may include a processing means (e.g., a central processing unit, a graphics processor, etc.) 701, which may perform various appropriate actions and processes according to a program stored in a Read Only Memory (ROM) 702 or a program loaded from a storage means 708 into a Random Access Memory (RAM) 703. In the RAM 703, various programs and data required for the operation of the electronic device 700 are also stored. The processing device 701, the ROM 702, and the RAM 703 are connected to each other through a bus 704. An input/output (I/O) interface 705 is also connected to bus 704.

In general, the following devices may be connected to the I/O interface 705: input devices 706 including, for example, a touch screen, touchpad, keyboard, mouse, camera, microphone, accelerometer, gyroscope, and the like; an output device 707 including, for example, a Liquid Crystal Display (LCD), a speaker, a vibrator, and the like; storage 708 including, for example, magnetic tape, hard disk, etc.; and a communication device 709. The communication means 709 may allow the electronic device to communicate with other devices wirelessly or by wire to exchange data. While fig. 7 shows an electronic device having various means, it is to be understood that not all of the illustrated means are required to be implemented or provided. More or fewer devices may be implemented or provided instead.

In particular, according to embodiments of the present disclosure, the processes described above with reference to flowcharts may be implemented as computer software programs. For example, embodiments of the present disclosure include a computer program product comprising a computer program embodied on a non-transitory computer readable medium, the computer program comprising program code for performing the method shown in the flow chart. In such an embodiment, the computer program may be downloaded and installed from a network via communication device 709, or installed from storage 708, or installed from ROM 702. The above-described functions defined in the methods of the embodiments of the present disclosure are performed when the computer program is executed by the processing device 701.

It should be noted that the computer readable medium described in the present disclosure may be a computer readable signal medium or a computer readable storage medium, or any combination of the two. The computer readable storage medium can be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or a combination of any of the foregoing. More specific examples of the computer-readable storage medium may include, but are not limited to: an electrical connection having one or more wires, a portable computer diskette, 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 disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing. In the context of this disclosure, a computer-readable storage medium may be any tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. In the present disclosure, however, the computer-readable signal medium may include a data signal propagated in baseband or as part of a carrier wave, with the computer-readable program code embodied therein. Such a propagated data signal may take any of a variety of forms, including, but not limited to, electro-magnetic, optical, or any suitable combination of the foregoing. A computer readable signal medium may also be any computer readable medium that is not a computer readable storage medium and that can communicate, propagate, or transport a program for use by or in connection with an instruction execution system, apparatus, or device. Program code embodied on a computer readable medium may be transmitted using any appropriate medium, including but not limited to: electrical wires, fiber optic cables, RF (radio frequency), and the like, or any suitable combination of the foregoing.

In some implementations, the clients, servers 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"), the internet (e.g., the internet), and peer-to-peer networks (e.g., ad hoc peer-to-peer networks), as well as any currently known or future developed networks.

The computer readable medium may be contained in the electronic device; or may exist alone without being incorporated into the electronic device.

The computer readable medium carries one or more programs which, when executed by the electronic device, cause the electronic device to: displaying an input control, wherein the input control comprises a first area and a second area, the first area is used for displaying the input label item, the second area is used for inputting label content, and the label content is used for generating the label item; in response to the tag content input being completed, in a first region, a target tag item is presented that includes a portion of the tag content.

Computer program code for carrying out operations of the present disclosure may be written in one or more programming languages, including, but not limited to, an object oriented programming language such as Java, smalltalk, C ++ and conventional procedural programming languages, such as the "C" programming language or similar programming languages. The program code may execute entirely on the user's computer, partly on the user's computer, as a stand-alone software package, partly on the user's computer and partly on a remote computer or entirely on the remote computer or server. In the case of a remote computer, the remote computer may be connected to the user's computer through any kind of network, including a Local Area Network (LAN) or a Wide Area Network (WAN), or may be connected to an external computer (for example, through the Internet using an Internet service provider).

The flowcharts and block diagrams in the figures illustrate the architecture, functionality, and operation of possible implementations of systems, methods and computer program products according to various embodiments of the present disclosure. In this regard, each block in the flowchart or block diagrams may represent a module, segment, or portion of code, which comprises one or more executable instructions for implementing the specified logical function(s). It should also be noted that, in some alternative implementations, the functions noted in the block may occur out of the order noted in the figures. For example, two blocks shown in succession may, in fact, be executed substantially concurrently, or the blocks may sometimes be executed in the reverse order, depending upon the functionality involved. It will also be noted that each block of the block diagrams and/or flowchart illustration, and combinations of blocks in the block diagrams and/or flowchart illustration, can be implemented by special purpose hardware-based systems which perform the specified functions or acts, or combinations of special purpose hardware and computer instructions.

The units involved in the embodiments of the present disclosure may be implemented by means of software, or may be implemented by means of hardware. Where the name of the element does not in some way constitute a limitation of the element itself, for example, the first presentation element may also be described as "element presenting an input control".

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: a Field Programmable Gate Array (FPGA), an Application Specific Integrated Circuit (ASIC), an Application Specific Standard Product (ASSP), a system on a chip (SOC), a Complex Programmable Logic Device (CPLD), and the like.

In the context of this disclosure, a machine-readable medium may be a tangible medium that can contain, or store a program for use by or in connection with an instruction execution system, apparatus, or device. The machine-readable medium may be a machine-readable signal medium or a machine-readable storage medium. The machine-readable medium may include, but is not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples of a machine-readable storage medium would include an electrical connection based on one or more wires, a portable computer diskette, 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 disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

The foregoing description is only of the preferred embodiments of the present disclosure and description of the principles of the technology being employed. It will be appreciated by persons skilled in the art that the scope of the disclosure referred to in this disclosure is not limited to the specific combinations of features described above, but also covers other embodiments which may be formed by any combination of features described above or equivalents thereof without departing from the spirit of the disclosure. Such as those described above, are mutually substituted with the technical features having similar functions disclosed in the present disclosure (but not limited thereto).

Moreover, although operations are depicted in a particular order, this should not be understood as requiring that such operations be performed in the particular order shown or in sequential order. In certain circumstances, multitasking and parallel processing may be advantageous. Likewise, while several specific implementation details are included in the above discussion, these should not be construed as limiting the scope of the present disclosure. Certain features that are described in the context of separate embodiments can also be implemented in combination in a single embodiment. Conversely, various features that are described in the context of a single embodiment can also be implemented in multiple embodiments separately or in any suitable subcombination.

Although the subject matter has been described in language specific to structural features and/or methodological acts, it is to be understood that the subject matter defined in the appended claims is not necessarily limited to the specific features or acts described above. Rather, the specific features and acts described above are example forms of implementing the claims.

Claims (14)

1. A display method, comprising:

displaying an input control, wherein the input control comprises a first area and a second area, the first area is used for displaying the input label item, the second area is used for inputting label content, and the label content is used for generating the label item;

and in response to the tag content input being completed, displaying the target tag item comprising part of the tag content in the first area.

2. The method according to claim 1, wherein the method further comprises:

and determining the display width of the label items displayed in the first area based on the first area width and the number of the label items displayed in the first area.

3. The method of claim 2, wherein determining the width of the displayed label item in the first region based on the width of the first region and the number of label items displayed in the first region comprises:

Determining the average width of the labels according to the width of the first area and the number of the labels;

determining that the display width of the label item matches the label original width in response to the label original width of the label item being no greater than the label average width;

in response to the label item having a label original width greater than the label average width, determining that the display width of the label item is less than the label original width;

the original width of the label is determined according to the label content corresponding to the label item.

4. The method of claim 3, wherein the determining that the displayed width of the label item is less than the original width of the label in response to the original width of the label item being greater than the average width of the label comprises:

in response to the original width of the label item being greater than the average width of the label, determining a presentation width of the label item based on at least one of:

the width of the rest subarea in the first area is used for displaying label items with original label width larger than average label width;

whether the tag item is of a preset type;

the number of label items with the original width of the label larger than the average width of the label in the first area;

the minimum width of the label item is preset.

5. The method of claim 2, wherein the step of determining the position of the substrate comprises,

The first area width is determined according to the input control width and the second area width; or alternatively

The first region width is determined according to the input control width, the second region width and the third region width, wherein the third region is used for displaying the aggregation control.

6. The method according to claim 1, wherein the method further comprises:

and determining display parameters of the target tag items according to a first rule corresponding to the preset type in response to the target tag items being of the preset type, wherein the first rule is used for indicating a rule for determining part of tag contents to be displayed.

7. The method of claim 6, wherein the preset type comprises a mailbox type, and wherein the target tag items of the mailbox type comprise at least one of: mailbox names and mailbox accounts, wherein the mailbox accounts comprise user names and domain names;

the first rule includes at least one of: displaying the mailbox names and the user names in the mailbox account numbers; and displaying the mailbox name.

8. The method of claim 1, wherein the tab items corresponding to the input control comprise a first set of tab items and a second set of tab items; and

the method further comprises the steps of:

In a first region, displaying a first set of tag items;

in a third region of the input control, an aggregation control is presented, wherein the aggregation control indicates a second set of label items.

9. The method of claim 8, wherein the method further comprises:

and responding to the triggering operation for the aggregation control, and displaying the label items in the second label item set.

10. The method according to claim 1, wherein the method further comprises:

in response to detecting an input operation at the second region, changing the width of the second region from a first preset value to a second preset value, wherein the second preset value is greater than the first preset value.

11. The method according to claim 1, wherein the method further comprises:

and responding to a first preset operation for the target label item, and displaying label content of the target label item.

12. A display device, comprising:

the display device comprises a first display unit, a second display unit and a display unit, wherein the first display unit is used for displaying an input control, the input control comprises a first area and a second area, the first area is used for displaying an input label item, the second area is used for inputting label content, and the label content is used for generating the label item;

And the second display unit is used for displaying the target label item comprising part of the label content in the first area in response to the completion of the input of the label content.

13. An electronic device, comprising:

one or more processors;

storage means for storing one or more programs,

when executed by the one or more processors, causes the one or more processors to implement the method of any of claims 1-11.

14. A computer readable medium, on which a computer program is stored, characterized in that the program, when being executed by a processor, implements the method according to any one of claims 1-11.