CN109800373B - Label processing method, device, storage medium and computer equipment - Google Patents
Label processing method, device, storage medium and computer equipment Download PDFInfo
- Publication number
- CN109800373B CN109800373B CN201910091231.0A CN201910091231A CN109800373B CN 109800373 B CN109800373 B CN 109800373B CN 201910091231 A CN201910091231 A CN 201910091231A CN 109800373 B CN109800373 B CN 109800373B
- Authority
- CN
- China
- Prior art keywords
- category
- label
- target
- sub
- category label
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 37
- 238000000034 method Methods 0.000 claims abstract description 23
- 238000012545 processing Methods 0.000 claims description 19
- 238000004590 computer program Methods 0.000 claims description 11
- 230000005855 radiation Effects 0.000 claims description 11
- 238000009877 rendering Methods 0.000 claims description 10
- 230000000875 corresponding effect Effects 0.000 description 89
- 238000010586 diagram Methods 0.000 description 21
- 230000003993 interaction Effects 0.000 description 7
- 238000005516 engineering process Methods 0.000 description 5
- 238000011161 development Methods 0.000 description 4
- 230000018109 developmental process Effects 0.000 description 4
- 230000000694 effects Effects 0.000 description 4
- 230000004044 response Effects 0.000 description 3
- 241001465754 Metazoa Species 0.000 description 2
- 238000012790 confirmation Methods 0.000 description 2
- 230000001276 controlling effect Effects 0.000 description 2
- 238000009826 distribution Methods 0.000 description 2
- 230000008569 process Effects 0.000 description 2
- 230000001360 synchronised effect Effects 0.000 description 2
- 230000017260 vegetative to reproductive phase transition of meristem Effects 0.000 description 2
- 241000251468 Actinopterygii Species 0.000 description 1
- 241000282326 Felis catus Species 0.000 description 1
- 241001494479 Pecora Species 0.000 description 1
- 241000270708 Testudinidae Species 0.000 description 1
- 238000010276 construction Methods 0.000 description 1
- 230000001788 irregular Effects 0.000 description 1
- 239000004973 liquid crystal related substance Substances 0.000 description 1
- 230000000873 masking effect Effects 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
- 230000003068 static effect Effects 0.000 description 1
- 230000001960 triggered effect Effects 0.000 description 1
Landscapes
- User Interface Of Digital Computer (AREA)
Abstract
The application relates to a tag processing method, a device, a computer readable storage medium and a computer apparatus, wherein the method comprises the following steps: displaying a plurality of category labels that do not intersect each other; acquiring a selected instruction for at least one target category label in a plurality of category labels; responding to the selected instruction, and determining a sub-category label to which the target category label belongs; the sub-category labels are displayed around the target category label, and the displayed sub-category labels cover at least a portion of at least one category label adjacent to the target category label. The scheme provided by the application can improve the flexibility of label display.
Description
Technical Field
The present disclosure relates to the field of computer technologies, and in particular, to a tag processing method, a tag processing device, a computer readable storage medium, and a computer device.
Background
With the development of computer technology and network technology, people's work and life also become more and more intelligent and convenient. For example, the target content may be searched from the network resource by a search engine. In order to improve the convenience of the user in terms of operations such as searching or selecting, the terminal may generally display a large number of labels for the user to select, so as to improve the operation efficiency.
In a conventional label display manner, alternative labels are usually displayed in pages according to importance degrees or selected frequency sequences, so that users can conveniently read and operate the labels. However, the number of displayed labels is limited by the size of the display screen, and the conventional label display mode is limited and inflexible for smaller-sized display screens.
Disclosure of Invention
Based on this, it is necessary to provide a label method, apparatus, computer readable storage medium and computer device for solving the technical problem that label display is not flexible enough in the conventional label display mode.
A label processing method, the method comprising:
displaying a plurality of category labels that do not intersect each other;
acquiring a selected instruction for at least one target category label in a plurality of category labels;
responding to the selected instruction, and determining a sub-category label to which the target category label belongs;
the sub-category labels are displayed around the target category label, and the displayed sub-category labels cover at least a portion of at least one category label adjacent to the target category label.
A label processing apparatus, the apparatus comprising:
The display module is used for displaying a plurality of category labels which are mutually disjoint;
the acquisition module is used for acquiring a selected instruction for at least one target category label in a plurality of category labels;
the determining module is used for responding to the selected instruction and determining a sub-category label to which the target category label belongs;
the display module is further configured to display the sub-category labels around the target category label, and the displayed sub-category label covers at least a portion of at least one category label adjacent to the target category label.
A computer readable storage medium storing a computer program which, when executed by a processor, causes the processor to perform the steps of the tag processing method.
A computer device comprising a memory and a processor, the memory storing a computer program which, when executed by the processor, causes the processor to perform the steps of the tag processing method.
The tag processing method, the tag processing device, the computer readable storage medium and the computer equipment show a plurality of category tags which are mutually disjoint. And when a selected instruction for at least one target category label in the plurality of category labels is acquired, determining the sub-category label to which the target category label belongs. The determined sub-category labels are displayed around the target category label, and the displayed sub-category labels cover at least a portion of at least one category label adjacent to the target category label. Therefore, the information quantity displayed at present can be effectively controlled by the way of hierarchical and time-sharing display of the category labels and the sub-category labels, so that the interaction between the user and the computer becomes more flexible. Corresponding sub-category labels are displayed around the target category labels, the displayed sub-category labels cover category labels adjacent to the target category labels, the relation between the selected target category labels and sub-category labels subordinate to the selected target category labels can be highlighted, and users can have better label selection experience while flexibly displaying the category labels.
Drawings
FIG. 1 is an application environment diagram of a tag processing method in one embodiment;
FIG. 2 is a flow chart of a tag processing method in one embodiment;
FIG. 3 is an interface diagram of a terminal showing a plurality of category labels that do not intersect each other in one embodiment;
FIG. 4 is a schematic diagram of an interface showing sub-category labels around a target category label in one embodiment;
FIG. 5 is a schematic diagram of an interface in which a sub-category label moves from an initial position toward a target position in one embodiment;
FIG. 6 is a diagram of an interface for obtaining a cancel instruction in one embodiment;
FIG. 7 is a schematic diagram of an interface for displaying search results in one embodiment;
FIG. 8 is a schematic diagram of an interface showing a secondary subcategory label in one embodiment;
FIG. 9 is a schematic diagram of the relationship of a primary tag and a secondary tag in one embodiment;
FIG. 10 is a flow chart of a method of tag processing in one embodiment;
FIG. 11 is a flow chart of a label processing method in one embodiment;
FIG. 12 is a block diagram of a tag processing device in one embodiment;
FIG. 13 is a block diagram showing the construction of a tag processing apparatus in another embodiment;
FIG. 14 is a block diagram of a computer device in one embodiment.
Detailed Description
In order to make the objects, technical solutions and advantages of the present application more apparent, the present application will be further described in detail with reference to the accompanying drawings and examples. It should be understood that the specific embodiments described herein are for purposes of illustration only and are not intended to limit the present application.
FIG. 1 is a diagram of an application environment for a tag processing method in one embodiment. Referring to fig. 1, the tag processing method is applied to a tag processing system. The tag processing system includes a terminal 110 and a server 120. The terminal 110 and the server 120 are connected through a network. The terminal 110 may be a desktop terminal or a mobile terminal, and the mobile terminal may be at least one of a mobile phone, a tablet computer, a notebook computer, and the like. The server 120 may be implemented as a stand-alone server or as a server cluster composed of a plurality of servers.
As shown in fig. 2, in one embodiment, a tag processing method is provided. The present embodiment is mainly exemplified by the application of the method to the terminal 110 in fig. 1. Referring to fig. 2, the tag processing method specifically includes the steps of:
s202, displaying a plurality of category labels which are not intersected with each other.
The category label is a tool for identifying products or contents of different categories, and specifically may be a category to which the products/contents belong, or a keyword corresponding to the products/contents, and the like. The user can retrieve and locate the corresponding product or content via the category label. By disjoint from each other is meant that the displayed category labels do not overlap each other's display area in the display interface, and may specifically be separate from each other and/or adjacent to each other.
Specifically, an operating system is running on the terminal, and an application program is running on the operating system. The terminal can display the classification interface through the application program, and display a plurality of mutually disjoint class labels on the classification interface. In one embodiment, the terminal may be a mobile terminal with a touch screen display.
In one embodiment, the terminal may implement, through the control, presentation of a plurality of category labels that are disjoint from each other, and the plurality of category labels may constitute a label cloud. The terminal can detect the triggering operation on the category label through the control to trigger the corresponding action.
In one embodiment, the terminal may present virtual buttons corresponding to category labels in the classification interface to present the respective category labels. The shape of the virtual button corresponding to the category label may be specifically rectangular, circular, triangular, or irregular, and is not limited herein. The color of the virtual button may be, specifically, a color different from the display background, such as red, black, gray, or blue, and is not limited herein. Similarly, the size of the virtual button is not limited, and the size of the virtual button can be adjusted correspondingly according to the data of the currently displayed category label. In one embodiment, the size of the virtual button corresponding to the category label may be larger than the size of the virtual button corresponding to the sub-category label.
For example, referring to FIG. 3, FIG. 3 shows a schematic interface diagram of a plurality of category labels that are disjoint from each other as presented by a terminal through an XX application in one embodiment. As shown in fig. 3, the virtual buttons corresponding to each category label in fig. 3 may be rectangular, where the virtual buttons corresponding to the plurality of category labels are tiled and displayed and do not intersect each other. The A category label, B category label, C category label, D category label, E category label and F category label distributions as in FIG. 3 are presented in the current display interface. The display color of each virtual button may be different from the background color so that the user can clearly ascertain the corresponding category label. Main menus provided by the application, such as a first page, a category, a curriculum schedule, an order and the like, can be displayed at the bottom of the current display interface, and the corresponding menu is clicked, so that the user jumps to the corresponding service interface.
S204, acquiring a selected instruction for at least one target category label in a plurality of category labels.
The selected instruction is an instruction for triggering the terminal to execute the selected operation, and specifically can be correspondingly generated according to the triggering operation. Specifically, the terminal may detect a trigger operation acting on the display interface, and when the trigger operation occurs, generate a corresponding selected instruction according to the target class label acted by the trigger operation. The number of the target category labels selected can be one or a plurality of target category labels.
The triggering operation is a preset operation acting on the displayed category label, and specifically may be a touch operation, a cursor operation, a key operation, a voice operation or the like. The touch operation can be a touch click operation, a touch press operation or a touch slide operation, and the touch operation can be a single-point touch operation or a multi-point touch operation; the cursor operation may be an operation of controlling the cursor to click or an operation of controlling the cursor to press; the key operation may be a virtual key operation or a physical key operation, etc.
In one embodiment, a user may select a plurality of category labels as target category labels among a plurality of category labels presented that do not intersect each other. For example, when the terminal detects a triggering operation acting on the displayed category labels, at least one category label can be selected, and when a determination instruction is acquired, the at least one category label is taken as a target category label.
In one embodiment, when the terminal detects a first trigger operation acting on the presented class label, the class label is directly selected as the target class label. When the terminal detects a second trigger operation acting on the presented category label, a virtual button for triggering a confirmation operation may be generated. And a plurality of category labels may be selected by the second triggering operation. When the user selection is complete, a virtual button for generating a confirmation instruction may be clicked, thereby taking the at least one category label as a target category label. Wherein the first trigger operation is not used for the second trigger operation, such as clicking; a second trigger operation such as a long press.
S206, responding to the selected instruction, and determining the sub-category label to which the target category label belongs.
The sub-category label is a label to which the target category label belongs, and can be understood as a label of a next stage of the target category label. The target category label may be understood as an upper label of the sub-category label, and the content pointed to by the target category label includes a set of contents pointed to by the corresponding sub-category label. When the target class label is a first class label, the sub-class label can be a second class label; when the target category label is a secondary category label, the sub-category label may specifically be a tertiary category label or the like.
For example, when the target class label is "animal", the sub-class label to which the target class label belongs may be specifically a label related to animal such as "cat", "dog", "tortoise", "fish", and "sheep". When the target class label is "IT/internet" (IT, information technology, information technology), the sub-class label to which the target class label belongs may specifically be "internet product", "programming language", "mobile development", "cloud computing big data", and "software test" and other IT/internet related labels.
Specifically, when the terminal acquires the selected instruction, the terminal can determine the target category label selected by the selected instruction and determine the sub-category label to which the target category label belongs. In one embodiment, the terminal may store sub-category tags subordinate to each category tag, and directly determine the corresponding sub-category tag when the target category tag is selected. Or the terminal can send the selected target category label to the server to acquire the sub-category label of the target category label determined by the server.
S208, displaying sub-category labels around the target category label, wherein the displayed sub-category labels cover at least a part of at least one category label adjacent to the target category label.
The surroundings of the target category label refer to the adjacent area of the target category label in the display interface. The class label adjacent to the target class label is a class label that coincides with, or is adjacent to, the target class label boundary.
Specifically, after determining the sub-category label subordinate to the target category label, the terminal may display a corresponding sub-category label around the target category label, where the displayed sub-category label covers at least a portion of at least one category label adjacent to the target category label.
In one embodiment, the sub-category label to which the target category label belongs may cover at least a portion of an adjacent one of the category labels or at least a portion of a plurality of adjacent category labels, which is not limited herein.
In one embodiment, the area of the virtual button corresponding to the sub-category label may be specifically smaller than the area of the virtual button of the category label, so that the user can clearly know that the sub-category label is the subordinate label of the category label.
In one embodiment, when the number of the selected target category labels is a plurality, the terminal may display corresponding sub-category labels around each target category label, respectively. The displayed sub-category labels belonging to different target category labels do not intersect each other.
In one embodiment, to highlight the relationship between the selected target category label and the corresponding sub-category label, the terminal may highlight the selected target category label and/or reduce the visibility of non-target category labels other than the target category label in the plurality of category labels, which may effectively focus the attention of the user on the currently selected target category label and sub-category label, and may not be easily distracted by the non-target category label.
Referring to FIG. 4, FIG. 4 illustrates an interface diagram showing sub-category tags around a target category tag in one embodiment. As shown in fig. 4, the virtual buttons corresponding to each category label in fig. 4 may be specifically rectangular, where the virtual buttons corresponding to the plurality of category labels are tiled and displayed and do not intersect each other. The A category label, B category label, C category label, D category label, E category label and F category label distributions as in FIG. 4 are presented in the current display interface. When the user selects the a category label, sub-category labels subordinate to the a category label, such as An A1 sub-category label, an A2 sub-category label, an A3 sub-category label … … An (such as An a 11) sub-category label, may be presented around the a category label. The displayed subcategory labels cover at least a portion of the non-target category labels, such as the B category label, the C category label, and the D category label in fig. 4.
The label processing method displays a plurality of category labels which are not intersected with each other. And when a selected instruction for at least one target category label in the plurality of category labels is acquired, determining the sub-category label to which the target category label belongs. The determined sub-category labels are displayed around the target category label, and the displayed sub-category labels cover at least a portion of at least one category label adjacent to the target category label. Therefore, the information quantity displayed at present can be effectively controlled by the way of hierarchical and time-sharing display of the category labels and the sub-category labels, so that the interaction between the user and the computer becomes more flexible. Corresponding sub-category labels are displayed around the target category labels, the displayed sub-category labels cover category labels adjacent to the target category labels, the relation between the selected target category labels and sub-category labels subordinate to the selected target category labels can be highlighted, and users can have better label selection experience while flexibly displaying the category labels. Particularly, when the display interface is the display interface of the mobile terminal, the label processing method can well save the display area and improve the display effect.
In one embodiment, the tag processing method further includes a step of adjusting a display state of the non-target category tag, and the step specifically includes: determining non-target category labels except the target category label in the plurality of category labels; acquiring transparent parameters corresponding to non-target class labels; and adjusting the display state of the non-target type label to be a semitransparent display state according to the transparent parameter.
The transparent parameter is a parameter for performing transparency processing on the layer, and the value range of the transparent parameter can be any value from 0 to 1. In one embodiment, the closer the transparency parameter is to 0, the closer the display state of the layer is to full transparency; alternatively, the display state of the layer may be set to be more transparent as the transparency parameter is closer to 1. Translucency is a transparent state between a fully transparent and an opaque state, and is typically greater than 0% and less than 100%, such as 50% transparent.
In particular, the terminal may determine non-target category tags other than the target category tag among the plurality of category tags. And acquiring preset transparent parameters corresponding to the non-target type labels. When the terminal displays the sub-category labels, the layers corresponding to the non-target category labels can be subjected to transparency processing according to the transparency parameters, so that the non-target category labels in the rendered display interface are in a semitransparent display state. Referring to fig. 4, the display state of the non-target category label corresponding area in fig. 4 is a semi-transparent display state, and the visibility is significantly lower than that of the target category label and the sub-category label.
In one embodiment, the category labels and the sub-category labels correspond to different layers, with the layer to which the category labels correspond below the layer to which the sub-category labels correspond. And the terminal adjusts the transparency of the layer where the category label is positioned according to the transparent parameter, and adds the layer where the sub-category label is positioned to the layer where the category label is positioned for rendering and displaying.
In one embodiment, the pixel values corresponding to four channels of the layer determine the display effect of the display interface. Among them, the four-way channel specifically includes an R (red) channel, a G (green) channel, a B (blue) channel, and an alpha channel. The pixel values corresponding to the R channel, the G channel and the B channel determine the image details of the display interface, and the value corresponding to the alpha channel determines the transparency of the layer. At this time, the transparency parameter may specifically be an α coefficient corresponding to the alpha channel, and the value of the alpha channel may be calculated according to the α coefficient and the pixel value corresponding to each pixel in the original layer.
In the above embodiment, the display state of the non-target type label is adjusted to the semitransparent display state by the transparent parameter corresponding to the non-target type label, so that the attention of the user can be effectively focused on the currently displayed target type label and sub-type label, the attention is not easily dispersed by the non-target type label, and the operation efficiency and convenience of the user are improved.
In one embodiment, before the step of displaying sub-category labels around the target category label, the label processing method further includes a step of covering the non-target category label by a mask layer, the step specifically including: generating a mask layer; and responding to the selected instruction, and covering the mask layer to the layer where the category label is located. The mask layer is located between the layer where the category label is located and the layer where the sub-category label is located. And, the label processing method further includes: determining a selected state layer corresponding to the target category label; and setting the selected state layer to be in a non-transparent state, and rendering and displaying the selected state layer as the uppermost layer.
The mask layer is used for masking the region where the non-target category label is located, so that the visibility of the region is reduced. The visibility is reduced such as at least one of a reduction in brightness, darkening of color, and complete occlusion. The mask layer may be an opaque layer or a translucent layer.
Specifically, before the terminal displays the sub-category label around the target category label, a mask layer may be generated first, and the mask layer is covered to the layer where the non-target category label is located, so that the area is blocked, the brightness is reduced, or the color is darkened. The brightness of the mask layer may be lower than the brightness of the layer where the sub-category label is located. The color of the mask layer may be darker than the layer in which the subcategory label is located. The mask layer may have the same size as the region corresponding to the sub-category label. Further, the terminal may display the sub-category label in an upper layer of the mask layer, such that the displayed sub-category label may cover at least a portion of the non-target category label.
In one embodiment, the mask layer may cover the target class label, and the terminal may acquire the selected state layer corresponding to the target class label, and display the selected state layer in a non-transparent state. The selected state layer may specifically be a layer corresponding to the target class label, identifying the selected state layer, and covering the target class label with the layer as the uppermost layer to highlight the target class label.
In one embodiment, the selected state layer is originally presented in a fully transparent state, and when the terminal selects the target category label, the terminal can adjust the display state of the selected state layer from fully transparent to non-transparent and display the display state.
In the embodiment, the mask layer covers the area where the non-target category label is located, so that the attention of the user can be effectively focused on the currently displayed target category label and sub-category label, the attention is not easily dispersed by the non-target category label, and the operation efficiency and convenience of the user are improved.
In one embodiment, the tag processing method further includes a step of highlighting the target category tag, the step specifically including: determining a target category label selected by the selected instruction; determining a selected state layer corresponding to the target category label; and setting the selected state layer to be in a non-transparent state, and rendering and displaying the selected state layer as the uppermost layer.
The selected state layer is a layer for indicating that the target class label is in a selected state. The selected state layer may be different from the layer where the category label and/or the subcategory label are located, specifically, may be different from display color, transparency, content in the layer, and the like. The non-transparent state is in an opaque state, which may specifically be a transparency of 0%.
Specifically, after determining the target category label selected by the selection instruction, the terminal may determine a selected state layer corresponding to the target category label. And setting the display state of the selected state layer to be a non-transparent state, and rendering and displaying the selected state layer as the uppermost layer. In this way, the selected state layer is displayed to cover the layer where the target category label is located, and the target category label can be highlighted. Referring to fig. 4, the display effect of the target category label selected by the user in fig. 4 is obviously different from the display effect of the sub-category label and the non-target category label.
In one embodiment, when the terminal displays a plurality of category labels which do not intersect each other, the uppermost layer includes a selected state layer which is in a fully transparent state and represents a selected state. When a user clicks a certain category label, the selected state layer in the full transparent state is changed from full transparent to non-transparent, and the terminal displays the selected state layer in the non-transparent state. In this way, the display state of the target category label is distinguished in name from the display states of the non-target category label and the sub-category label. The display state of the selected state layer is adjusted from full transparency to non-transparency, specifically, the transparency parameter of the selected state layer is adjusted to be opaque.
In one embodiment, the terminal does not preset the selected state layer in the full transparent state when displaying the plurality of category labels that do not intersect each other. And when the target category label selected by the selected instruction is determined, directly acquiring a corresponding selected state layer. When the selected state layer is in a full transparent or semitransparent state, the terminal can gradually adjust the display state of the selected state layer from full transparent or semitransparent to non-transparent, and the selected state layer is used as the uppermost layer for superposition rendering display. When the selected state layer is in a non-transparent state, the terminal can directly conduct superposition rendering display on the selected state layer serving as the uppermost layer.
In one embodiment, the terminal may preset a plurality of layers, form a lowermost layer by a plurality of category labels that do not intersect each other, form an intermediate layer by a sub-category label, and select a state layer as an uppermost layer. When the terminal displays a plurality of category labels which are not intersected with each other, the display state of the lowest layer of the layers is set to be in a non-transparent state, the display states of the middle layer of the layers and the uppermost layer of the layers are set to be in a full-transparent state, and the layers are sequentially overlapped, rendered and displayed.
When a user selects a target category label, the terminal can adjust the display state of the lowest layer of the image layer from a non-transparent state to a semitransparent state, for example, the transparency is reduced to 20%; adjusting the display state of the middle layer where the sub-category label corresponding to the target category is positioned from a full transparent state to a non-transparent state; and adjusting the display state of the selected state layer corresponding to the target category from the full transparent state to the non-transparent state. Referring to fig. 3 and 4, when the user selects the a-category label in fig. 3, the display interface of the terminal jumps to that shown in fig. 4, sub-category labels subordinate to the a-category label may be displayed around the a-category label, the display state of other category labels than the a-category label becomes semitransparent, and the a-category label is highlighted.
In the embodiment, the selected state layer corresponding to the target category label is set to be in a non-transparent state, and the selected state layer is used as the uppermost layer for superposition rendering display, so that the currently selected target category label of the user can be effectively highlighted, the user can strongly recognize the association relationship between the target category label and the sub-category label, and the operation efficiency and convenience of the user are improved.
In one embodiment, step S208, that is, a step of displaying sub-category labels around the target category label, where the displayed sub-category label covers at least a portion of at least one category label adjacent to the target category label, specifically includes: determining an initial position and a target position of the sub-category label; triggering the sub-category label to move from the initial position to the target position; the sub-category labels that are moved to the target location are displayed around the target category label, and the displayed sub-category labels cover at least a portion of at least one category label adjacent to the target category label.
In one embodiment, the terminal may preset a plurality of layers, wherein a lowermost layer is formed by a plurality of category labels that do not intersect with each other, and a layer formed by the category labels is located at a layer above the lowermost layer. When the terminal displays a plurality of category labels which are not intersected with each other, the corresponding sub-category labels are in a full transparent state. The terminal can set the initial position of the sub-category label in the area of the display interface where the corresponding category label is located. The initial positions of the plurality of sub-category labels may be the same position, or may be distributed at different positions in the area where the corresponding category labels are located, which is not limited herein. The terminal may preset specific positions of each sub-category label around the corresponding target category label, that is, the display positions of the sub-category labels, which are also referred to as target positions.
When the user selects the target category label, the sub-category label is displayed in the screen from the full transparent state to the non-transparent state, and moves from the initial position toward the target position until stopping when moving to the target position. In this way, the sub-category labels are distributed and spread around the target category label, the sub-category labels moving to the target location are displayed around the target category label, and the displayed sub-category labels cover at least a portion of at least one category label adjacent to the target category label.
In one embodiment, when the user selects the target category label, the terminal may also directly obtain the corresponding sub-category label, and display the sub-category label in the initial position. The sub-category labels move from the initial position toward the target position until they stop when moved to the target position. The sub-category labels that are moved to the target location are displayed around the target category label, and the displayed sub-category labels cover at least a portion of at least one category label adjacent to the target category label.
Referring to fig. 5 and 4, fig. 5 is a schematic diagram of an interface in which a sub-category label moves from an initial position toward a target position in one embodiment. As shown in fig. 5, the sub-category label moves from the area where the target category label is located to the surroundings of the target category label. When the sub-category labels have been moved, sub-category labels are displayed around the target category label as illustrated in FIG. 4, and the displayed sub-category labels cover at least a portion of at least one category label adjacent to the target category label. Wherein, the uppermost layer of the target class label is covered with a selected state layer to distinguish from the non-target class label.
In one embodiment, the step of triggering the sub-category label to move from the initial position to the target position specifically includes: the triggering sub-category label takes the coordinate position of the target category label as an initial position, and gradually moves to the target position in an outward radiation mode from the initial position.
Specifically, the sub-category label may take the coordinate position where the target category label is located as an initial position, and move towards the target position in an outward radiation manner from the initial position, and stop when gradually moving to the target position. The target positions corresponding to the sub-category labels may specifically be positions respectively distributed around the target category labels. The sub-category labels that are moved to the target location are displayed around the target category label, and the displayed sub-category labels cover at least a portion of at least one category label adjacent to the target category label. Therefore, the sub-category labels can be displayed in a flowering mode, the interestingness is full, and the flexibility of man-machine interaction is improved. Particularly when the category labels are presented as rectangular buttons, the corresponding sub-category labels may be presented in an "open box" manner.
It should be noted that the outward radiation manner may be set according to the actual interface layout, for example, when a portion of the edge of the target class label overlaps with the edge position of the display interface, the outward radiation from the non-overlapping edge may be set, so that the problem of incomplete display can be avoided. When the edge coordinates of the target class label and the edge coordinates of the display interface have more gaps, that is, the target class label is positioned at the middle position of the display interface, the object class label can radiate outwards from all edge positions of the target class label. In this embodiment, how to set the direction of the outward radiation may be determined by calculating the difference between the edge coordinates of the target class label and the edge coordinates of the display interface and determining whether the difference is within a preset range.
In the above embodiment, after the target category label is selected, the initial position and the target position of the sub-category label are determined, and the sub-category label is triggered to move from the initial position to the target position. Therefore, the sub-category labels are displayed in a flowering mode and surround the target category labels, so that the user can strongly know the relationship between the sub-category labels and the target category labels, the interest is fully filled, and the flexibility of man-machine interaction is greatly improved.
In one embodiment, the determined sub-category labels are located around the target category label, and the display state of the sub-category labels is in a fully transparent state; step S208, namely, a step of displaying sub-category labels around the target category label, wherein the displayed sub-category label covers at least a part of at least one category label adjacent to the target category label, specifically includes: obtaining target display parameters corresponding to the sub-category labels; according to the target display parameters, the display state of the sub-category labels is adjusted from a full transparent state to a non-transparent state; the sub-category label in the non-transparent state covers at least a portion of at least one category label adjacent to the target category label.
The target display parameter is a parameter for displaying the sub-category label, and may specifically be a transparent parameter or an inverse value of the transparent parameter. Specifically, the terminal may preset a plurality of layers, a lowermost layer of layers is formed by a plurality of category labels that do not intersect each other, and a layer formed by the category labels is located at a layer above the lowermost layer of layers. The terminal may preset sub-category labels around the corresponding target category labels, respectively, and in a fully transparent state. Thus, when the terminal displays a plurality of category labels which are not intersected with each other, the user cannot perceive the corresponding sub-category labels. When a user selects a target category label, the terminal adjusts the display state of the sub-category label from a full transparent state to a non-transparent state through the target display parameter, the sub-category label is directly displayed around the target category label, and the displayed sub-category label covers at least one part of at least one category label adjacent to the target category label.
In the above embodiment, by presetting the display position of the sub-category label, when the sub-category label needs to be displayed, the display state of the sub-category label can be directly adjusted from the full transparent state to the non-transparent state according to the target display parameter, so that the sub-category label can be displayed conveniently and rapidly.
In one embodiment, the determined sub-category labels are located around the target category label, and the display state of the sub-category labels is in a fully transparent state; step S208, namely, a step of displaying sub-category labels around the target category label, wherein the displayed sub-category label covers at least a part of at least one category label adjacent to the target category label, specifically includes: determining a first layer corresponding to the category label, a second layer corresponding to the sub-category label and a third layer used for indicating that the target category label is in a selected state; the second layer is positioned above the first layer, and the third layer is positioned above the second layer; adjusting the display state of the first layer from non-transparent to semi-transparent, and adjusting the display states of the second layer and the third layer from full-transparent to non-transparent, and displaying in the page; sub-category labels in the displayed page are around the target category label, and the sub-category labels cover at least a portion of at least one category label adjacent to the target category label.
Specifically, the terminal may preset a plurality of layers, where the plurality of layers specifically includes a first layer corresponding to the category label, a second layer corresponding to the sub-category label, and a third layer for indicating that the target category label is in a selected state. The second layer is located above the first layer, and the third layer is located above the second layer. When the terminal displays a plurality of category labels which are not intersected with each other, the transparent parameter corresponding to the first layer is set to be 1, the transparent parameter corresponding to the second layer and the third layer is set to be 0, and the plurality of layers are sequentially overlapped, rendered and displayed. The category labels corresponding to the first layer in the displayed page are in non-transparent display, the sub-category labels corresponding to the second layer are in full-transparent display, and the target category labels corresponding to the third layer are in full-transparent display. Thus, the user can see the fact that only a plurality of disjoint category labels are displayed in the page.
When the user selects the target category label, the terminal can respectively adjust the transparent parameters corresponding to each layer so as to adjust the display state of each layer. For example, the transparency parameter corresponding to the first layer may be adjusted to 0.2, and the transparency parameters corresponding to the second layer and the third layer may be adjusted from 0 to 1. That is, the terminal adjusts the display state of the first layer from the non-transparent state to the semitransparent state, for example, the transparency is reduced to 20%; adjusting the display state of the second image layer where the sub-category label corresponding to the target category is located from a full transparent state to a non-transparent state; and adjusting the display state of the third layer corresponding to the target category from the full transparent state to the non-transparent state. Thus, when the user selects the target category label, referring to fig. 4, correspondingly, the display states of other unselected category labels are adjusted to be semitransparent; the target category label is displayed around the target category label and covers at least a part of at least one category label adjacent to the target category label; the target class label is in a selected state and is different from other class label displays.
In the above embodiment, by adjusting the category label, the sub-category label, and the display states of the layers corresponding to the selected state of the target category label, when the user selects the target category label, the sub-category label can be displayed around the target category label in a layered and time-sharing manner.
In one embodiment, the tag processing method further includes a step of withdrawing the presentation of the subcategory tag, the step specifically including: acquiring a cancel instruction for the target class label; in response to the cancel instruction, the subcategory tag to which the presented target category tag belongs is withdrawn.
Specifically, the terminal may detect a cancel trigger operation acting on the display interface, and when detecting the cancel trigger operation, generate a corresponding cancel instruction. The cancel triggering operation is preset operation for canceling the display sub-category label, wherein the operation is applied to an area except the sub-category label in the display interface. The area except the sub-category label may specifically be an area where the target category label is located and/or an area where the non-target category label is located.
Further, when the terminal acquires the cancel instruction, the sub-category label to which the currently displayed target category label belongs can be withdrawn, and the original state is restored. The initial state, that is, the state before the sub-category label is displayed (for example, the state that a plurality of category labels that do not intersect each other are displayed in the display interface of the terminal).
In one embodiment, the terminal may further provide a back button in the display interface, and directly generate the cancel instruction when a trigger operation acting on the back button is detected. Or when the terminal detects the rollback operation acted on the terminal system, a corresponding cancellation instruction is generated. And withdrawing the subcategory label to which the displayed target category label belongs according to the cancellation instruction.
Referring to FIG. 6, FIG. 6 illustrates an interface diagram for obtaining a cancel instruction in one embodiment. As shown in fig. 6, the user may click on the a category label or other category labels not blocked by the sub-category label, and the terminal may generate a cancel instruction, thereby withdrawing the sub-category label to which the displayed a category label belongs.
In one embodiment, the tag processing method further includes a step of displaying the search result, and the step specifically includes: when a first trigger operation acting on the sub-category labels is detected, determining corresponding sub-category labels according to the first trigger operation; obtaining a search result obtained by searching according to the sub-category labels; and displaying the search result.
Wherein the first triggering operation is an operation of triggering the detecting step. The search result may be specifically a data resource obtained by search, or may be a link address pointing to the data resource. Specifically, when the terminal detects a first trigger operation acting on the sub-category label, the selected sub-category label is determined according to the first trigger operation. Further, the terminal can search the sub-category label as a keyword locally to obtain a corresponding search result, or send the sub-category label to other computer equipment (such as a server), and the other computer equipment performs corresponding search according to the sub-category label to obtain a search result and feeds the search result back to the terminal. The terminal can jump to the search page to display the search result. Referring to fig. 7, fig. 7 illustrates an interface diagram showing a search result in one embodiment. The plurality of data resources shown in fig. 7 are obtained by searching according to the sub-category labels, and the plurality of data resources are sequentially shown in the search interface.
In one embodiment, the terminal or other computer device may retrieve and display the resources matching the sub-category labels from a pre-set database. Alternatively, the terminal or other computer device may also search for resources from the network resources that match the subcategory labels and display.
In one embodiment, the terminal may display the search result obtained by the search and the sub-category label in order from large to small according to the matching degree. Or the terminal can also display the search results in a sequence according to the data quality of the search results. The terminal or other conditions are used for displaying the search results in a sorted manner, and the method is not limited herein.
In the above embodiment, when the first trigger operation acting on the sub-category label is detected, the search result obtained by searching according to the selected sub-category label can be obtained, and the search result is displayed, so that when the user searches, the corresponding category label and the sub-category label of the next level can be directly selected, and the corresponding search keyword is determined for searching, thereby greatly improving the search efficiency.
In one embodiment, the tag processing method further includes a step of displaying the secondary sub-tag, and the step specifically includes: when a second triggering operation acting on the sub-category label is detected, determining a target sub-category label selected by the second triggering operation; obtaining a secondary sub-category label to which the target sub-category label belongs; displaying secondary sub-category labels around the target sub-category label; the secondary sub-category label covers at least a portion of the sub-category label adjacent to the target sub-category label and/or the secondary sub-category label covers at least a portion of the category label adjacent to the target sub-category label.
The second triggering operation is a preset operation for triggering the secondary sub-label displaying operation. The second trigger operation may be different from the first trigger operation, for example, when the first trigger operation is a click operation, the second trigger operation may specifically be a long press operation or a double click operation; when the first trigger operation is a long press operation, the second trigger operation may specifically be a click operation or a slide operation, or the like.
Specifically, when the terminal detects a second trigger operation acting on the displayed sub-category label, the target sub-category label selected by the second trigger operation is determined. Wherein the number of selected target subcategory labels may be one or more. Further, the terminal may obtain a secondary sub-category tag to which the target sub-category tag belongs. The terminal may display the secondary subcategory tags around the target subcategory tag. Wherein the secondary subcategory label covers at least a portion of the subcategory label adjacent to the target subcategory label and/or the secondary subcategory label covers at least a portion of the category label adjacent to the target subcategory label.
In one embodiment, when the terminal displays the secondary subcategory label, the display state of the corresponding unselected subcategory label is adjusted to a semi-transparent state. The display state of the selected sub-category label is distinguished from the display state of the unselected sub-category label.
In one embodiment, the terminal may further display a determination button, and when a second trigger operation on the sub-category label is detected, the terminal may determine the sub-category label selected by the second trigger operation. When a trigger operation acting on the confirm button is detected, the selected sub-category label is taken as a target sub-category label.
Referring to FIG. 8, FIG. 8 illustrates an interface diagram showing a secondary subcategory tag in one embodiment. As shown in fig. 8, sub-category labels, such as An A1 sub-category label, an A2 sub-category label, an A3 sub-category label … … An sub-category label, to which the a category label belongs are displayed around the a category label. When the user selects the A9 sub-category label, the terminal may display corresponding secondary sub-category labels around the A9 sub-category label, such as an A9-1 secondary sub-category label, an A9-2 secondary sub-category label, and an A9-3 secondary sub-category label.
In the above embodiment, when the second trigger operation acting on the sub-category label is detected, the target sub-category label selected by the second trigger operation is determined, the sub-category label to which the target sub-category label belongs is obtained, and the sub-category label is displayed around the target sub-category label. Therefore, the information quantity displayed at present can be effectively controlled by the hierarchical and time-sequence display mode of the category label, the sub-category label and the secondary sub-category label, so that the interaction between the user and the computer becomes more flexible, and the display area is greatly saved.
Referring to fig. 9, fig. 9 is a schematic diagram of a relationship between a primary tag and a secondary tag in one embodiment. As shown in fig. 9, when the category label is a primary label, the sub-category label to which the category label belongs is a secondary label. It will be appreciated that when the category label is a secondary label, the sub-category label to which the category label belongs is a tertiary label … … and when the category label is an N-level label, the sub-category label to which the category label belongs is an n+1-level label.
As shown in fig. 9, the presentation of each tag is realized by a tag cloud space. The terminal can display a plurality of primary labels, and each primary label can respectively correspond to a plurality of corresponding secondary labels. For example, in the left case, when the primary label is an "IT/internet" type label, the secondary label to which the primary label belongs may specifically include "internet product", "mobile development", "game development", "programming language", "front end", and "software authentication", and the like, and IT/internet related labels.
Referring to fig. 10, fig. 10 is a flowchart of a tag processing method in one embodiment. As shown in fig. 10, the terminal may display a plurality of disjoint primary labels, and the user may click on a primary label to perform a selection operation. The terminal may determine whether a primary tag is currently in a display state (i.e., whether a secondary tag to which the primary tag belongs is displayed). When the primary label is in the display state, the terminal closes the currently unfolded primary label. And the primary label currently selected by the user is unfolded, and all secondary labels subordinate to the primary label are displayed. When the primary label is not in the display state, the terminal can directly expand the primary label selected by the user and display the secondary label subordinate to the primary label. When the user clicks a certain secondary label, the terminal jumps to a secondary label detail page, namely a page showing a retrieval result obtained by retrieving according to the secondary label.
Referring to fig. 11, in a specific embodiment, the tag processing method specifically includes the steps of:
s1102, a plurality of category labels that do not intersect each other are displayed.
S1104, acquiring a selected instruction for at least one target category label in a plurality of category labels.
S1106, responding to the selected instruction, and determining the sub-category label to which the target category label belongs.
S1108, determining the initial position and the target position of the sub-category label.
S1110, triggering the sub-category label to take the coordinate position of the target category label as an initial position, and gradually moving to the target position in an outward radiation manner from the initial position; the sub-category labels that are moved to the target location are displayed around the target category label, and the displayed sub-category labels cover at least a portion of at least one category label adjacent to the target category label.
S1112, determining non-target category labels in the plurality of category labels except the target category label.
S1114, obtaining transparent parameters corresponding to the non-target category labels.
S1116, adjusting the display state of the non-target type label to a semitransparent display state according to the transparent parameter.
S1118, determining the target category label selected by the selected instruction.
S1120, determining a selected state layer corresponding to the target category label.
And S1122, setting the selected state layer to be in a non-transparent state, and rendering and displaying the selected state layer as the uppermost layer.
S1124, acquiring a cancel instruction for the target category label.
S1126, responding to the cancel instruction, and withdrawing the subcategory label to which the displayed target category label belongs.
S1128, when a first trigger operation acting on the sub-category label is detected, determining the corresponding sub-category label according to the first trigger operation.
S1130, obtaining a search result obtained by searching according to the sub-category labels.
S1132, displaying the search result.
S1134, when the second triggering operation acting on the sub-category labels is detected, determining the target sub-category labels selected by the second triggering operation.
S1136, obtaining the sub-category label to which the target sub-category label belongs.
S1138, displaying the secondary sub-category labels around the target sub-category labels; the secondary sub-category label covers at least a portion of the sub-category label adjacent to the target sub-category label and/or the secondary sub-category label covers at least a portion of the category label adjacent to the target sub-category label.
The label processing method displays a plurality of category labels which are not intersected with each other. And when a selected instruction for at least one target category label in the plurality of category labels is acquired, determining the sub-category label to which the target category label belongs. The determined sub-category labels are displayed around the target category label, and the displayed sub-category labels cover at least a portion of at least one category label adjacent to the target category label. Therefore, the information quantity displayed at present can be effectively controlled by the way of hierarchical and time-sharing display of the category labels and the sub-category labels, so that the interaction between the user and the computer becomes more flexible. Corresponding sub-category labels are displayed around the target category labels, the displayed sub-category labels cover category labels adjacent to the target category labels, the relation between the selected target category labels and sub-category labels subordinate to the selected target category labels can be highlighted, and users can have better label selection experience while flexibly displaying the category labels.
FIG. 11 is a flow chart of a method of tag processing in one embodiment. It should be understood that, although the steps in the flowchart of fig. 11 are shown in order as indicated by the arrows, the steps are not necessarily performed in order as indicated by the arrows. The steps are not strictly limited to the order of execution unless explicitly recited herein, and the steps may be executed in other orders. Moreover, at least some of the steps in fig. 11 may include multiple sub-steps or stages that are not necessarily performed at the same time, but may be performed at different times, or the order in which the sub-steps or stages are performed is not necessarily sequential, but may be performed in rotation or alternatively with at least a portion of the sub-steps or stages of other steps or steps.
As shown in fig. 12, in one embodiment, a label processing apparatus 1200 is provided, including a presentation module 1201, an acquisition module 1202, and a determination module 1203.
A display module 1201 is configured to display a plurality of category labels that do not intersect each other.
An obtaining module 1202 is configured to obtain a selected instruction for at least one target category tag of the plurality of category tags.
The determining module 1203 is configured to determine, in response to the selected instruction, a sub-category tag to which the target category tag belongs.
The presentation module 1201 is further configured to present a sub-category label around the target category label, and the presented sub-category label covers at least a portion of at least one category label adjacent to the target category label.
In one embodiment, the tag processing apparatus 1200 further comprises an adjustment module 1204, wherein:
the determining module 1203 is further configured to determine non-target category labels other than the target category label in the plurality of category labels.
The obtaining module 1202 is further configured to obtain transparent parameters corresponding to the non-target category labels.
The adjusting module 1204 is configured to adjust the display state of the non-target category label to a semitransparent display state according to the transparent parameter.
In one embodiment, the determining module 1203 is further configured to determine a target category label selected by the selected instruction; and determining a selected state layer corresponding to the target category label. The display module 1201 is further configured to place the selected state layer in a non-transparent state, and render and display the selected state layer as an uppermost layer.
In one embodiment, the presentation module 1201 includes a location determination module 12011 and a trigger module 12012, wherein:
the location determining module 12011 is configured to determine an initial location and a target location of the sub-category label.
A triggering module 12012, configured to trigger the sub-category tag to move from the initial position to the target position; the sub-category labels that are moved to the target location are displayed around the target category label, and the displayed sub-category labels cover at least a portion of at least one category label adjacent to the target category label.
In one embodiment, the triggering module 12012 is further configured to trigger the sub-category label to gradually move to the target location with the coordinate location where the target category label is located as an initial location, and in an outward radiation manner from the initial location. It should be noted that the outward radiation manner may be set according to the actual interface layout, for example, when a portion of the edge of the target class label overlaps with the edge position of the display interface, the outward radiation from the non-overlapping edge may be set, so that the problem of incomplete display can be avoided. When the edge coordinates of the object class label and the edge coordinates of the display interface have more gaps, that is, the object class label is positioned at the middle position of the display interface, the object class label can radiate outwards from all edges. In this embodiment, how to set the direction of the outward radiation may be determined by calculating the difference between the edge coordinates of the target class label and the edge coordinates of the display interface and determining whether the difference is within a preset range.
In one embodiment, the determined sub-category labels are located around the target category label and the display state of the sub-category labels is in a fully transparent state. The display module 1201 is further configured to obtain a target display parameter corresponding to the sub-category label; according to the target display parameters, the display state of the sub-category labels is adjusted from a full transparent state to a non-transparent state; the sub-category label in the non-transparent state covers at least a portion of at least one category label adjacent to the target category label.
In one embodiment, the display module 1201 is further configured to determine a first layer corresponding to the category label, a second layer corresponding to the sub-category label, and a third layer for indicating that the target category label is in the selected state; the second layer is positioned above the first layer, and the third layer is positioned above the second layer; adjusting the display state of the first layer from non-transparent to semi-transparent, and adjusting the display states of the second layer and the third layer from full-transparent to non-transparent, and displaying in the page; sub-category labels in the displayed page are around the target category label, and the sub-category labels cover at least a portion of at least one category label adjacent to the target category label.
As shown in fig. 13, in one embodiment, the tag processing apparatus further comprises a revocation module 1205, wherein:
the obtaining module 1202 is further configured to obtain a cancel instruction for the target class label.
And a withdrawal module 1205 for withdrawing the sub-category label to which the displayed target category label belongs in response to the cancellation instruction.
In one embodiment, the determining module 1203 is further configured to determine, when a first trigger operation acting on the sub-category label is detected, a corresponding sub-category label according to the first trigger operation. The obtaining module 1202 is further configured to obtain a search result obtained by searching according to the sub-category label. The display module 1201 is further configured to display the search result.
In one embodiment, the determining module 1203 is further configured to determine, when a second trigger operation acting on the sub-category label is detected, a target sub-category label selected by the second trigger operation. The obtaining module 1202 is further configured to obtain a secondary sub-category tag to which the target sub-category tag belongs. The display module 1201 is further configured to display the secondary sub-category label around the target sub-category label; the secondary sub-category label covers at least a portion of the sub-category label adjacent to the target sub-category label and/or the secondary sub-category label covers at least a portion of the category label adjacent to the target sub-category label.
The label processing device displays a plurality of category labels which are not intersected with each other. And when a selected instruction for at least one target category label in the plurality of category labels is acquired, determining the sub-category label to which the target category label belongs. The determined sub-category labels are displayed around the target category label, and the displayed sub-category labels cover at least a portion of at least one category label adjacent to the target category label. Therefore, the information quantity displayed at present can be effectively controlled by the way of hierarchical and time-sharing display of the category labels and the sub-category labels, so that the interaction between the user and the computer becomes more flexible. Corresponding sub-category labels are displayed around the target category labels, the displayed sub-category labels cover category labels adjacent to the target category labels, the relation between the selected target category labels and sub-category labels subordinate to the selected target category labels can be highlighted, and users can have better label selection experience while flexibly displaying the category labels.
FIG. 14 illustrates an internal block diagram of a computer device in one embodiment. The computer device may be specifically the terminal 110 of fig. 1. As shown in fig. 14, the computer device includes a processor, a memory, a network interface, an input device, and a display screen connected by a system bus. The memory includes a nonvolatile storage medium and an internal memory. The non-volatile storage medium of the computer device stores an operating system, and may also store a computer program that, when executed by a processor, causes the processor to implement a tag processing method. The internal memory may also store a computer program which, when executed by the processor, causes the processor to perform the tag processing method. The display screen of the computer equipment can be a liquid crystal display screen or an electronic ink display screen, the input device of the computer equipment can be a touch layer covered on the display screen, can also be keys, a track ball or a touch pad arranged on the shell of the computer equipment, and can also be an external keyboard, a touch pad or a mouse and the like.
It will be appreciated by those skilled in the art that the structure shown in fig. 14 is merely a block diagram of a portion of the structure associated with the present application and is not limiting of the computer device to which the present application applies, and that a particular computer device may include more or fewer components than shown, or may combine certain components, or have a different arrangement of components.
In one embodiment, the tag processing apparatus provided herein may be implemented in the form of a computer program that is executable on a computer device as shown in fig. 14. The memory of the computer device may store various program modules constituting the tag processing apparatus, such as the presentation module, the acquisition module, and the determination module shown in fig. 11. The computer program constituted by the respective program modules causes the processor to execute the steps in the tag processing method of the respective embodiments of the present application described in the present specification.
For example, the computer device shown in fig. 14 may execute steps S202 and S208 by the presentation module in the tag processing apparatus shown in fig. 12. The computer device may perform step S204 through the acquisition module. The computer device may perform step S206 by the determination module.
In one embodiment, a computer device is provided that includes a memory and a processor, the memory storing a computer program that, when executed by the processor, causes the processor to perform the steps of the tag processing method described above. The steps of the tag processing method herein may be the steps in the tag processing method of each of the above embodiments.
In one embodiment, a computer readable storage medium is provided, storing a computer program which, when executed by a processor, causes the processor to perform the steps of the tag processing method described above. The steps of the tag processing method herein may be the steps in the tag processing method of each of the above embodiments.
Those skilled in the art will appreciate that all or part of the processes in the methods of the above embodiments may be implemented by a computer program for instructing relevant hardware, where the program may be stored in a non-volatile computer readable storage medium, and where the program, when executed, may include processes in the embodiments of the methods described above. Any reference to memory, storage, database, or other medium used in the various embodiments provided herein may include non-volatile and/or volatile memory. The nonvolatile memory can include Read Only Memory (ROM), programmable ROM (PROM), electrically Programmable ROM (EPROM), electrically Erasable Programmable ROM (EEPROM), or flash memory. Volatile memory can include Random Access Memory (RAM) or external cache memory. By way of illustration and not limitation, RAM is available in a variety of forms such as Static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double Data Rate SDRAM (DDRSDRAM), enhanced SDRAM (ESDRAM), synchronous Link DRAM (SLDRAM), memory bus direct RAM (RDRAM), direct memory bus dynamic RAM (DRDRAM), and memory bus dynamic RAM (RDRAM), among others.
The technical features of the above embodiments may be arbitrarily combined, and all possible combinations of the technical features in the above embodiments are not described for brevity of description, however, as long as there is no contradiction between the combinations of the technical features, they should be considered as the scope of the description.
The above examples only represent a few embodiments of the present application, which are described in more detail and are not to be construed as limiting the scope of the present application. It should be noted that it would be apparent to those skilled in the art that various modifications and improvements could be made without departing from the spirit of the present application, which would be within the scope of the present application. Accordingly, the scope of protection of the present application is to be determined by the claims appended hereto.
Claims (18)
1. A label processing method, the method comprising:
displaying a plurality of category labels that do not intersect each other;
acquiring a selected instruction for at least one target category label in a plurality of category labels;
responding to the selected instruction, and determining a sub-category label to which the target category label belongs;
highlighting the target category label and reducing the visibility of category labels other than the target category label in a plurality of the category labels;
Displaying the sub-category labels around the target category label, and the displayed sub-category label covers at least a portion of at least one category label adjacent to the target category label; the display area of the sub-category labels is smaller than that of the category labels;
when a first trigger operation acting on the sub-category labels is detected, determining corresponding sub-category labels according to the first trigger operation, acquiring search results obtained by searching according to the sub-category labels, and displaying the search results;
when a second trigger operation acting on the sub-category label is detected, determining a target sub-category label selected by the second trigger operation, acquiring a secondary sub-category label to which the target sub-category label belongs, and displaying the secondary sub-category label around the target sub-category label; the secondary subcategory label covers at least a portion of the subcategory label adjacent to the target subcategory label and/or the secondary subcategory label covers at least a portion of the category label adjacent to the target subcategory label.
2. The method of claim 1, wherein said reducing the visibility of a category label of said plurality of category labels other than said target category label comprises:
Determining non-target category labels except the target category labels in a plurality of the category labels;
obtaining transparent parameters corresponding to the non-target class labels;
and adjusting the display state of the non-target type label to be a semitransparent display state according to the transparent parameter.
3. The method according to claim 1, wherein the method further comprises:
determining a target category label selected by the selected instruction;
determining a selected state layer corresponding to the target category label;
and setting the selected state layer to be in a non-transparent state, and rendering and displaying the selected state layer as the uppermost layer.
4. The method of claim 1, wherein the displaying the sub-category labels around the target category label and the displayed sub-category label covers at least a portion of at least one category label adjacent to the target category label comprises:
determining an initial position and a target position of the sub-category label;
triggering the sub-category label to move from the initial position to the target position; sub-category labels that move to the target location are shown around the target category label, and the displayed sub-category labels cover at least a portion of at least one category label adjacent to the target category label.
5. The method of claim 4, wherein the triggering the sub-category tag to move from the initial location to the target location comprises:
triggering the sub-category labels to gradually move to the target position by taking the coordinate position of the target category label as an initial position and radiating outwards from the initial position.
6. The method of claim 1, wherein the determined sub-category label is located around the target category label and the display state of the sub-category label is in a fully transparent state; the displaying the sub-category label around the target category label, and the displayed sub-category label covers at least a portion of at least one category label adjacent to the target category label, comprising:
obtaining target display parameters corresponding to the sub-category labels;
according to the target display parameters, the display state of the sub-category labels is adjusted from the full transparent state to a non-transparent state; the sub-category label in the non-transparent state covers at least a portion of at least one category label adjacent to the target category label.
7. The method of claim 1, wherein the displaying the sub-category labels around the target category label and the displayed sub-category label covers at least a portion of at least one category label adjacent to the target category label comprises:
Determining a first layer corresponding to the category label, a second layer corresponding to the sub-category label and a third layer used for indicating that the target category label is in a selected state; the second layer is positioned above the first layer, and the third layer is positioned above the second layer;
adjusting the display state of the first layer from non-transparent to semi-transparent, and adjusting the display states of the second layer and the third layer from full-transparent to non-transparent, and displaying in a page;
the sub-category labels in the page shown are around the target category label, and the sub-category labels cover at least a portion of at least one category label adjacent to the target category label.
8. The method according to claim 1, wherein the method further comprises:
acquiring a cancel instruction for the target class label;
and responding to the cancel instruction, and withdrawing the subcategory label to which the displayed target category label belongs.
9. A label processing apparatus, the apparatus comprising:
the display module is used for displaying a plurality of category labels which are mutually disjoint;
The acquisition module is used for acquiring a selected instruction for at least one target category label in a plurality of category labels;
the determining module is used for responding to the selected instruction and determining a sub-category label to which the target category label belongs;
the adjustment module is used for highlighting the target category labels and reducing the visibility of the category labels except the target category labels in the plurality of category labels;
the display module is further configured to display the sub-category label around the target category label, and the displayed sub-category label covers at least a portion of at least one category label adjacent to the target category label;
the determining module is further configured to determine, when a first trigger operation acting on the sub-category label is detected, a corresponding sub-category label according to the first trigger operation;
the acquisition module is also used for acquiring a search result obtained by searching according to the sub-category labels;
the display module is also used for displaying the search result;
the determining module is further used for determining a target sub-category label selected by the second triggering operation when the second triggering operation acting on the sub-category label is detected;
The acquisition module is further used for acquiring a secondary sub-category label to which the target sub-category label belongs;
the display module is further configured to display the secondary sub-category label around the target sub-category label; the secondary subcategory label covers at least a portion of the subcategory label adjacent to the target subcategory label and/or the secondary subcategory label covers at least a portion of the category label adjacent to the target subcategory label.
10. The apparatus of claim 9, wherein the determining module is further configured to determine a non-target category label of the plurality of category labels other than the target category label;
the acquisition module is also used for acquiring transparent parameters corresponding to the non-target class labels;
the adjusting module is used for adjusting the display state of the non-target type label to be a semitransparent display state according to the transparent parameter.
11. The apparatus of claim 9, wherein the determining module is further configured to determine a target class label selected by the selected instruction; determining a selected state layer corresponding to the target category label;
And the display module is also used for setting the selected state image layer to be in a non-transparent state and rendering and displaying the selected state image layer as the uppermost layer image layer.
12. The apparatus of claim 9, wherein the presentation module comprises a location determination module and a trigger module, wherein:
the position determining module is used for determining the initial position and the target position of the sub-category label;
the triggering module is used for triggering the sub-category labels to move from the initial position to the target position; sub-category labels that move to the target location are shown around the target category label, and the displayed sub-category labels cover at least a portion of at least one category label adjacent to the target category label.
13. The apparatus of claim 12, wherein the triggering module is further configured to trigger the sub-category label to move gradually to the target location from an initial location where the coordinate location of the target category label is located, in an outward radiation manner.
14. The apparatus of claim 9, wherein the determined sub-category label is located around the target category label and the display state of the sub-category label is in a fully transparent state; the display module is further configured to: obtaining target display parameters corresponding to the sub-category labels; according to the target display parameters, the display state of the sub-category labels is adjusted from the full transparent state to a non-transparent state; the sub-category label in the non-transparent state covers at least a portion of at least one category label adjacent to the target category label.
15. The apparatus of claim 9, wherein the presentation module is further configured to determine a first layer corresponding to the category label, a second layer corresponding to the subcategory label, and a third layer for indicating that the target category label is in a selected state; the second layer is positioned above the first layer, and the third layer is positioned above the second layer; adjusting the display state of the first layer from non-transparent to semi-transparent, and adjusting the display states of the second layer and the third layer from full-transparent to non-transparent, and displaying in a page; the sub-category labels in the page shown are around the target category label, and the sub-category labels cover at least a portion of at least one category label adjacent to the target category label.
16. The apparatus of claim 9, further comprising a withdrawal module, wherein:
the acquisition module is further used for acquiring a cancellation instruction for the target class label;
and the withdrawal module is used for responding to the cancellation instruction and withdrawing the subcategory label to which the displayed target category label belongs.
17. A computer readable storage medium storing a computer program which, when executed by a processor, causes the processor to perform the steps of the method of any one of claims 1 to 8.
18. A computer device comprising a memory and a processor, the memory storing a computer program that, when executed by the processor, causes the processor to perform the steps of the method of any of claims 1 to 8.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910091231.0A CN109800373B (en) | 2019-01-30 | 2019-01-30 | Label processing method, device, storage medium and computer equipment |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910091231.0A CN109800373B (en) | 2019-01-30 | 2019-01-30 | Label processing method, device, storage medium and computer equipment |
Publications (2)
Publication Number | Publication Date |
---|---|
CN109800373A CN109800373A (en) | 2019-05-24 |
CN109800373B true CN109800373B (en) | 2024-04-02 |
Family
ID=66559269
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910091231.0A Active CN109800373B (en) | 2019-01-30 | 2019-01-30 | Label processing method, device, storage medium and computer equipment |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN109800373B (en) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN111144216A (en) * | 2019-11-27 | 2020-05-12 | 北京三快在线科技有限公司 | Picture label generation method and device, electronic equipment and readable storage medium |
CN111273830A (en) * | 2020-02-21 | 2020-06-12 | 北京衡石科技有限公司 | Data display method and device, electronic equipment and computer readable medium |
CN114297536B (en) * | 2021-11-17 | 2022-12-20 | 北京城市网邻信息技术有限公司 | Information display method and device, electronic equipment and readable medium |
CN114168874A (en) * | 2021-12-03 | 2022-03-11 | 北京达佳互联信息技术有限公司 | Information display method and device, electronic equipment and storage medium |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104484104A (en) * | 2014-12-15 | 2015-04-01 | 北京国双科技有限公司 | Page display method and page display device |
WO2017186012A1 (en) * | 2016-04-26 | 2017-11-02 | 斑马网络技术有限公司 | Electronic map layer display method and device, terminal device and user interface system |
CN109189513A (en) * | 2018-06-29 | 2019-01-11 | 深圳市彬讯科技有限公司 | Stacking methods of exhibiting, device, electronic equipment and storage medium based on label |
-
2019
- 2019-01-30 CN CN201910091231.0A patent/CN109800373B/en active Active
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN104484104A (en) * | 2014-12-15 | 2015-04-01 | 北京国双科技有限公司 | Page display method and page display device |
WO2017186012A1 (en) * | 2016-04-26 | 2017-11-02 | 斑马网络技术有限公司 | Electronic map layer display method and device, terminal device and user interface system |
CN109189513A (en) * | 2018-06-29 | 2019-01-11 | 深圳市彬讯科技有限公司 | Stacking methods of exhibiting, device, electronic equipment and storage medium based on label |
Also Published As
Publication number | Publication date |
---|---|
CN109800373A (en) | 2019-05-24 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109800373B (en) | Label processing method, device, storage medium and computer equipment | |
CN110874166B (en) | Page switching method and device, storage medium and computer equipment | |
CN107678644B (en) | Image processing method and mobile terminal | |
CN111538872A (en) | Visualization method and device of service node information, computer equipment and medium | |
CN111240661B (en) | Programming page display method and device, storage medium and computer equipment | |
US10642471B2 (en) | Dual timeline | |
CN112506597B (en) | Software interface color matching method and device, computer equipment and storage medium | |
CN112148405A (en) | Desktop layout method and device and electronic equipment | |
CN107391914B (en) | Parameter display method, device and equipment | |
WO2023045927A1 (en) | Object moving method and electronic device | |
US20240288988A1 (en) | File editing processing method and apparatus and electronic device | |
CN114721565A (en) | Application program starting method and device, electronic equipment and storage medium | |
KR20130013292A (en) | E-book device, e-book display method and computer-readable recording medium | |
CN108700999B (en) | User interface display method and terminal | |
KR20160050972A (en) | Apparatus, method and computer program for presenting work history of image | |
US20140372863A1 (en) | Temporary highlighting of selected fields | |
US20200293182A1 (en) | Information processing apparatus and non-transitory computer readable medium | |
CN113553129A (en) | Interface display method, device, terminal and medium | |
JP6168406B2 (en) | Object operation system, control program, and control method | |
CN115617226A (en) | Icon management method and device | |
CN115640092A (en) | Interface display method and device, electronic equipment and readable storage medium | |
US11847294B2 (en) | Method for generating desktop of mobile terminal, device and electronic device | |
CN115344797A (en) | Display method, display device, electronic equipment and readable storage medium | |
US11914944B2 (en) | Display control method, server apparatus, and system | |
US20220222210A1 (en) | Information processing apparatus and computer readable medium |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |