CN112835478A

CN112835478A - Display processing method, device and equipment for label in client and storage medium

Info

Publication number: CN112835478A
Application number: CN201911154435.0A
Authority: CN
Inventors: 刘立强; 林诗钦; 黄光西; 许显杨; 柳欲浚
Original assignee: Tencent Technology Shenzhen Co Ltd
Current assignee: Tencent Technology Shenzhen Co Ltd
Priority date: 2019-11-22
Filing date: 2019-11-22
Publication date: 2021-05-25

Abstract

The invention provides a display processing method, a device, equipment and a storage medium for a label in a client; the method comprises the following steps: acquiring content which is interested by a user in a client; adding the content to a corresponding label, and displaying the label in a contraction state in any page when any page in the client is displayed; in response to a tag expansion operation for the tag, switching the tag from a contracted state to an expanded state to display the content in an area formed by the tag expansion. By the method and the device, the user can conveniently and quickly check and process the content displayed in the client.

Description

Display processing method, device and equipment for label in client and storage medium

Technical Field

The present application relates to artificial intelligence technologies, and in particular, to a method, an apparatus, a device, and a storage medium for displaying and processing a tag in a client.

Background

Artificial Intelligence (AI) is a theory, method and technique and application system that uses a digital computer or a machine controlled by a digital computer to simulate, extend and expand human Intelligence, perceive the environment, acquire knowledge and use the knowledge to obtain the best results.

With the development of the artificial intelligence technology, content that a user is interested in is often acquired based on the artificial intelligence technology, and the content is presented to the user in a client in various ways. However, how to enable the user to conveniently and quickly view and process the content of interest shown in the client is not an effective solution in the related art.

Disclosure of Invention

Embodiments of the present invention provide a method, an apparatus, a device, and a storage medium for displaying and processing a tag in a client, which enable a user to conveniently and quickly view and process content displayed in the client.

The technical scheme of the embodiment of the invention is realized as follows:

the embodiment of the invention provides a display processing method of a label in a client, which comprises the following steps:

acquiring content which is interested by a user in a client;

adding the content to a corresponding label, and displaying the label in a contraction state in any page when any page in the client is displayed;

in response to a tag expansion operation for the tag, switching the tag from a contracted state to an expanded state to display the content in an area formed by the tag expansion.

The embodiment of the invention provides a display processing device for a label in a client, which comprises:

the acquisition module is used for acquiring content which is interested by a user in the client;

the display module is used for adding the content to the corresponding label and displaying the label in a contraction state in any page when any page in the client is displayed;

an unfolding module for responding to the label unfolding operation of the label, and switching the label from a contracted state to an unfolded state to display the content in the area formed by the label unfolding.

In the foregoing solution, the apparatus for processing display of a tag in a client further includes: and the viewing module is used for responding to the detail viewing operation aiming at the label in the expansion state, jumping from the currently displayed page of the client to the detail page of the content associated with the label, and displaying the complete information of the content in the detail page.

In the above scheme, the obtaining module is further configured to determine, in response to a tag addition operation received in any page of the client, content selected in the page by the tag addition operation as content that is of interest to a user; wherein the type of content comprises at least one of: contacts, web pages, web programs, videos, music, message alerts, and file downloads.

In the above scheme, the display module is further configured to display a tab bar and a new tab located in the tab bar in the client; and associating the content selected in the page by the tag adding operation with the new tag so as to fill the associated content in the new tag.

In the foregoing solution, the display module is further configured to display the tab bar at an edge position in the client corresponding to the moving direction according to the moving direction of the touch point of the tab adding operation; and when the release position of the touch point is positioned in the tab bar, displaying a corresponding new tab in the tab bar.

In the above scheme, the obtaining module is further configured to determine, when the content of the current page of the client belongs to a set type, the content of the current page as content that is of interest to the user; wherein the setting type includes at least one of: contacts, web pages, web programs, videos, music, message alerts, and file downloads.

In the above scheme, the display module is further configured to load a transparent window on a top layer of the client; when any page in the client side is displayed, loading the label in the contraction state in an area corresponding to the edge position of the client side in the transparent window, and displaying the label in the contraction state on the top layer of any page of the client side in a suspension mode.

In the foregoing solution, the apparatus for processing display of a tag in a client further includes: a deleting module, configured to, in response to a tag deleting operation, stop displaying a tag selected by the tag deleting operation in any page of the client; stopping displaying the tags with the use frequency lower than the use frequency threshold in any page of the client; and when the number of the labels in the client exceeds a number threshold, sequentially stopping displaying the labels at the tail part in descending order according to descending order of the generation time, the last use time, the update time of the associated content or the use frequency until the number of the labels in the client does not exceed the number threshold.

In the above scheme, the deleting module is further configured to identify movement of a touch point of the tag deleting operation; according to the movement of the touch point, synchronously updating the view coordinates of the label selected by the label deleting operation so as to enable the label selected by the label deleting operation to move along with the touch point; and when the label selected by the label deleting operation is moved to a label deleting area in the client, stopping displaying the label selected by the label deleting operation in any page of the client.

In the above scheme, the unfolding module is further configured to identify movement of a touch point of the label unfolding operation when the label unfolding operation is a sliding operation; when the touch point moves to the area where the label in the contracted state is located and presses, the label is expanded from the contracted state to the position where the label is located according to the moving direction of the touch point during the period that the label expansion operation is continuously pressed and moved, so that the expanded state of the label is formed.

In the foregoing solution, the apparatus for processing display of a tag in a client further includes: and the first recovery contraction module is used for recovering the label from the formed expanded state to the contracted state when the label is in the expanded state and the label expansion operation releases the touch point.

In the above scheme, the unfolding module is further configured to identify a position of a touch point in the label unfolding operation when the label unfolding operation is a click operation; and when the position of the touch point is located in the area where the label in the contracted state is located, switching the label from the contracted state to the expanded state.

In the foregoing solution, the apparatus for processing display of a tag in a client further includes: and the second recovery contraction module is used for responding to the label contraction operation when the label is in the expansion state and recovering the label from the expansion state to the contraction state when the position of a touch point of the label expansion operation is positioned in an area outside the label.

In the foregoing solution, the apparatus for processing display of a tag in a client further includes: a moving module for recognizing movement of a touch point of a tag moving operation in response to the tag moving operation; and synchronously updating the view coordinates of the label selected by the label moving operation according to the movement of the touch point, so that the label selected by the label moving operation moves along with the view coordinates until the label selected by the label moving operation moves to the release position of the touch point of the label moving operation.

In the foregoing solution, the apparatus for processing display of a tag in a client further includes: a sorting module, configured to, when multiple tags are displayed in any page of the client, display the multiple tags in one of the following sorting manners: a descending or ascending order of add times of the plurality of tags; a descending or ascending order of frequency of use of the plurality of tags; a descending or ascending order of last usage time of the plurality of tags; a descending or ascending order of update times of content associated with the plurality of tags.

In the foregoing solution, the apparatus for processing display of a tag in a client further includes: the updating module is used for updating the display effect of the label to prompt the updating of the content associated with the label when the content associated with the label is updated and the label is in a contraction state; wherein the updating of the display effect of the label comprises at least one of: updating the color of the label; displaying a blinking effect of the label; displaying a prompt animation appearing from the tag; increasing the brightness of the label; when the content associated with the label is updated and the label is in an expansion state, displaying the updated content of the content or the summary information of the updated content in an area formed by the expansion of the label.

An embodiment of the invention provides an electronic device, which includes

A memory for storing executable instructions;

and the processor is used for realizing the display processing method of the label in the client provided by the embodiment of the invention when the executable instruction stored in the memory is executed.

The embodiment of the invention provides a storage medium, which stores executable instructions and is used for causing a processor to execute the executable instructions so as to realize the display processing method of the label in the client terminal provided by the embodiment of the invention.

The embodiment of the invention has the following beneficial effects:

according to the embodiment of the invention, the content which the user is interested in is added to the corresponding label, the label is displayed on the page in the client, and the label can be correspondingly processed in response to various different operations aiming at the label, so that the user can conveniently and quickly check and process the content corresponding to the label, and the use experience of the user is improved.

Drawings

Fig. 1 is a schematic diagram of an application scenario of a client-level floating tag according to an embodiment of the present invention;

fig. 2 is a schematic structural diagram of a display processing system 100 for tags in a client according to an embodiment of the present invention;

fig. 3 is a schematic structural diagram of an electronic device 500 according to an embodiment of the present invention;

fig. 4A is a flowchart illustrating a display processing method for a tag in a client according to an embodiment of the present invention;

fig. 4B to fig. 4I are schematic application scenarios of a display processing method for a tag in a client according to an embodiment of the present invention;

fig. 4J is a flowchart illustrating a display processing method of a tag in a client according to an embodiment of the present invention;

fig. 4K is a schematic application scenario diagram of a display processing method for a tag in a client according to an embodiment of the present invention;

fig. 5A is a flowchart illustrating a display processing method for a tag in a client according to an embodiment of the present invention;

fig. 5B and fig. 5C are schematic application scenarios of a display processing method for a tag in a client according to an embodiment of the present invention;

fig. 6 is a flowchart illustrating a display processing method for a tag in a client according to an embodiment of the present invention;

fig. 7 is a flowchart illustrating a display processing method for a tag in a client according to an embodiment of the present invention;

fig. 8A is a flowchart illustrating a display processing method for a tag in a client according to an embodiment of the present invention;

fig. 8B and fig. 8C are schematic application scenarios of a display processing method for a tag in a client according to an embodiment of the present invention;

fig. 9A is a flowchart illustrating a display processing method for a tag in a client according to an embodiment of the present invention;

fig. 9B and fig. 9C are schematic application scenarios of a display processing method for a tag in a client according to an embodiment of the present invention;

fig. 10A is a flowchart illustrating a display processing method for a tag in a client according to an embodiment of the present invention;

fig. 10B to fig. 10D are schematic application scenarios of a display processing method for a tag in a client according to an embodiment of the present invention;

fig. 11 is a schematic diagram of an implementation module framework of a display processing method for a tag in a client according to an embodiment of the present invention.

Detailed Description

In order to make the objects, technical solutions and advantages of the present invention clearer, the present invention will be further described in detail with reference to the accompanying drawings, the described embodiments should not be construed as limiting the present invention, and all other embodiments obtained by a person of ordinary skill in the art without creative efforts shall fall within the protection scope of the present invention.

In the following description, reference is made to "some embodiments" which describe a subset of all possible embodiments, but it is understood that "some embodiments" may be the same subset or different subsets of all possible embodiments, and may be combined with each other without conflict.

In the description that follows, references to the terms "first", "second", and the like, are intended only to distinguish similar objects and not to indicate a particular ordering for the objects, it being understood that "first", "second", and the like may be interchanged under certain circumstances or sequences of events to enable embodiments of the invention described herein to be practiced in other than the order illustrated or described herein.

Unless defined otherwise, all technical and scientific terms used herein have the same meaning as commonly understood by one of ordinary skill in the art to which this invention belongs. The terminology used herein is for the purpose of describing embodiments of the invention only and is not intended to be limiting of the invention.

Before further detailed description of the embodiments of the present invention, terms and expressions mentioned in the embodiments of the present invention are explained, and the terms and expressions mentioned in the embodiments of the present invention are applied to the following explanations.

1) The tab, also called a tab, is used for displaying and bearing a tab of a specific function in a page of the client, has a prompting function of related information of the function, and can also be used as an entry of a detailed page of the related function, and the tab can be switched in function in any page of the application after being clicked.

2) In response to the condition or state on which the performed operation depends, one or more of the performed operations may be in real-time or may have a set delay when the dependent condition or state is satisfied; there is no restriction on the order of execution of the operations performed unless otherwise specified.

3) The multitask operation means that a user can perform multiple task operations in the same time, and quickly switches a display page of a client through a designated gesture, an entry and other modes.

4) Touch events, which provide the ability to interpret touch point activity on a touch screen or touchpad, record the touch point's attributes, including time and location.

In some embodiments of the present invention, two schemes are provided for implementing the floating tag, which are a client-level floating tag and a system-level floating tag, respectively, and the client-level floating tag and the system-level floating tag are described below.

1) Client-level floating tag: fig. 1 is a schematic view of an application scenario of a client-level floating tag according to an embodiment of the present invention, and as shown in fig. 1, a client-level floating tag 101 stays at the right side of a display page of a client, and even if an operation area of the client-level floating tag 101 is small, the operation of a user on the page of the client is still blocked. On one hand, transparent transmission of the client-level suspension tag information is limited, and when a user creates a plurality of suspension tags, all suspension tags cannot be deleted by one key; on the other hand, only a limited number and a limited variety of suspension tags can be created in the client, which can only satisfy part of application scenarios and cannot cover more application scenarios.

2) System level floating tag: the floating tag is system-level, and a user cannot define the function of the floating tag and provide convenient operation for the user.

In view of the foregoing problems, embodiments of the present invention further provide a method and an apparatus for processing a display of a tag in a client, an electronic device, and a storage medium, which enable a user to conveniently and quickly view and process content displayed in the client. An exemplary application of the display processing method for the tag in the client according to the embodiment of the present invention is described below, and the display processing method for the tag in the client according to the embodiment of the present invention may be implemented by various electronic devices, for example, a server, or a terminal (for example, a computer, a smart phone with an artificial intelligence core, or the like).

An exemplary application system architecture of a terminal implementing the method for processing a tag display in a client according to the embodiment of the present invention is described below by taking an electronic device as an example, referring to fig. 2, fig. 2 is an architecture schematic diagram of a system 100 for processing a tag display in a client according to the embodiment of the present invention, which shows a server 200, a network 300, and a terminal 400, and is described separately.

The server 200 is used for querying the content in which the user is interested according to the parameters submitted by the client 410 and sending the content to the client 410.

The network 300 is used as a medium for communication between the server 200 and the terminal 400, and may be a wide area network or a local area network, or a combination of both.

The terminal 400 is used for running a client 410, where the client 410 may be various Applications (APPs) with a function of creating tags, such as a social APP or a game APP, and may request the server 200 to acquire content of interest to a user in the client, and add the content of interest to the user to a corresponding tag, so that when any page in the client is displayed, the tag is displayed in any page; and also for changing the currently displayed page of the client by responding to a triggering operation of the user, for example, displaying a tab from a contracted state to an expanded state, etc., as will be described in detail below.

Next, a structure of an electronic device for implementing a display processing method for a tag in a client according to an embodiment of the present invention is described, where the electronic device according to an embodiment of the present invention may be the terminal 400 shown in fig. 2. Referring to fig. 3, fig. 3 is a schematic structural diagram of an electronic device 500 according to an embodiment of the present invention, where the electronic device 500 shown in fig. 3 includes: at least one processor 510, memory 550, at least one network interface 520, and a user interface 530. The various components in the electronic device 500 are coupled together by a bus system 540. It is understood that the bus system 540 is used to enable communications among the components. The bus system 540 includes a power bus, a control bus, and a status signal bus in addition to a data bus. For clarity of illustration, however, the various buses are labeled as bus system 540 in fig. 3.

The Processor 510 may be an integrated circuit chip having Signal processing capabilities, such as a general purpose Processor, a Digital Signal Processor (DSP), or other programmable logic device, discrete gate or transistor logic device, discrete hardware components, or the like, wherein the general purpose Processor may be a microprocessor or any conventional Processor, or the like.

The user interface 530 includes one or more output devices 531 enabling presentation of media content, including one or more speakers and/or one or more visual display screens. The user interface 530 also includes one or more input devices 532, including user interface components to facilitate user input, such as a keyboard, mouse, microphone, touch screen display, camera, other input buttons and controls.

The memory 550 may comprise volatile memory or nonvolatile memory, and may also comprise both volatile and nonvolatile memory. The non-volatile Memory may be a Read Only Memory (ROM), and the volatile Memory may be a Random Access Memory (RAM). The memory 550 described in connection with embodiments of the invention is intended to comprise any suitable type of memory. Memory 550 optionally includes one or more storage devices physically located remote from processor 510.

In some embodiments, memory 550 can store data to support various operations, examples of which include programs, modules, and data structures, or subsets or supersets thereof, as exemplified below.

An operating system 551 including system programs for processing various basic system services and performing hardware-related tasks, such as a framework layer, a core library layer, a driver layer, etc., for implementing various basic services and processing hardware-based tasks;

a network communication module 552 for communicating to other computing devices via one or more (wired or wireless) network interfaces 520, exemplary network interfaces 520 including: bluetooth, wireless compatibility authentication (WiFi), and Universal Serial Bus (USB), etc.;

a display module 553 for enabling presentation of information (e.g., a user interface for operating peripherals and displaying content and information) via one or more output devices 531 (e.g., a display screen, speakers, etc.) associated with the user interface 530;

an input processing module 554 to detect one or more user inputs or interactions from one of the one or more input devices 532 and to translate the detected inputs or interactions.

In some embodiments, the display processing device for the tag in the client according to the embodiments of the present invention may be implemented in software, and fig. 3 illustrates the display processing device 555 for the tag in the client, which may be software in the form of programs and plug-ins, stored in the memory 550, and includes the following software modules: an acquisition module 5551, a display module 5552, and a deployment module 5553. These modules may be logical functional modules and thus may be arbitrarily combined or further divided according to the functions implemented. The functions of the respective modules will be explained below.

In other embodiments, the display processing Device of the tag in the client according to embodiments of the present invention may be implemented by combining hardware and software, for example, the display processing Device 555 of the tag in the client according to embodiments of the present invention may be a processor in the form of a hardware decoding processor, which is programmed to execute the display processing method of the tag in the client according to embodiments of the present invention, for example, the processor in the form of the hardware decoding processor may employ one or more Application Specific Integrated Circuits (ASICs), DSPs, Programmable Logic Devices (PLDs), Complex Programmable Logic Devices (CPLDs), Field Programmable Gate Arrays (FPGAs), or other electronic components.

The following describes an embodiment of the present invention by taking an example of a method for displaying and processing a tag in a client, which is provided by the client 410 in fig. 2 implementing the embodiment of the present invention. Referring to fig. 4A, fig. 4A is a schematic flowchart of a method for processing display of a tag in a client according to an embodiment of the present invention, and will be described with reference to the steps shown in fig. 4A.

In step S101, the client acquires content of interest to the user.

In some embodiments, when the content of the current page of the client belongs to the set type, the client determines the content of the current page as the content of interest to the user.

Here, the setting type of the content may be set by the client as a default, may be set by the user, or may be set by the client by predicting a preference type of the user based on the historical usage data of the user, for example: the types of the content may be, for example, a contact, a web page, a web program (i.e., an applet), a video, music, a message alert, and a file download, and it should be noted that the setting type of the content is not limited to the above example.

In other embodiments, the client determines the content selected by the tag adding operation in the page as the content of interest to the user in response to the tag adding operation received in any page of the client.

In step S102, the client adds the content to the corresponding tag.

In some embodiments, step S101 and step S102 specifically include: the client responds to the tag adding operation received in any page of the client, and the content selected in the page by the tag adding operation is determined as the content which is interested by the user; displaying a label bar and a new label in the label bar in the client; and associating the content selected in the page by the tag adding operation with the new tag so as to fill the associated content in the new tag.

Here, after the client adds the tag, the display state of the tag in the client is flexible, for example: the newly added label is in a contraction state by default after the label is added; alternatively, the newly added tag may be in an expanded state by default immediately after the tag is added to present the associated content populated in the tag to the user, and then the tag in the expanded state may be automatically switched to the contracted state after a period of time (e.g., 1 second) (or manually triggered by the user to switch the tag in the expanded state to the contracted state).

As an example, according to the moving direction of the touch point of the tag adding operation, a tag bar is displayed at an edge position in the client corresponding to the moving direction; when the release position of the touch point is positioned in the tab bar, displaying a corresponding new tab in the tab bar; and associating the content selected in the page by the tag adding operation with the new tag so as to fill the associated content in the new tag.

Here, the tab bar may be any region in the display page of the client, may be a region located in the center of the screen, or may be a region located at the edge of the screen, and when the tab bar is located in the region at the edge of the screen, the blocking degree of the tab bar on the page may be reduced to the greatest extent.

For example, referring to fig. 4B and 4C, fig. 4B and 4C are schematic application scenarios of a display processing method for a tag in a client according to an embodiment of the present invention. In fig. 4B, while the user slides to the right while browsing any page, an operation entry for adding a tab (i.e., a tab bar 401) appears on the right side of the client. Specifically, the coordinates of the user's finger sliding to the right are monitored in real time, and the area of "+ tab" on the right side of the screen (i.e., tab bar 401) is displayed in a gradual manner. In fig. 4C, when the user releases the finger, the coordinates of the release point of the corresponding touch event are acquired, and when the coordinates of the release point fall in the "+ tab" area, a new tab 402 in a contracted state is displayed in the tab bar, and the content in the newly added tab 402 and the content of the page viewed by the user are associated with each other. When the user clicks on the tab 402 in the contracted state, the tab 402 is switched from the contracted state to the expanded state, and summary information of the content is displayed in an area formed by the expansion of the tab.

In other embodiments, step S101 and step S102 specifically include: when the content of the current page of the client belongs to the set type, the client determines the content of the current page as the content which is interested by the user, and adds the content which is interested by the user to the corresponding tag.

For example, referring to fig. 4D, 4E and 4F, fig. 4D, 4E and 4F are schematic application scenarios of the display processing method for the tag in the client according to the embodiment of the present invention. In fig. 4D, when the user enters the video playing page through the client, the video playing page is automatically determined as the content that is interested by the user, and the content is added to the tag 403 of the video playing class (or called video class). The Icon (Icon) of the contracted state of the tag 403 of the video playing class is the latest frame of picture in video playing, the expanded state of the tag 403 of the video playing class includes a text bar and a button functional area, the text bar of the tag 403 of the video playing class displays the name of the video being played, the button functional area of the tag 403 of the video playing class is implemented as a play/pause button, and the user can jump to the original video playing interface by clicking the expanded state of the tag 403 of the video playing class.

In fig. 4E, when the user enters the music playing page through the client, the music playing page is automatically determined as the content of interest to the user, and the content is added to the tag 404 of the music playing class (or referred to as music class). The icon of the contracted state of the tag 404 of the music playing class is a music track icon, the expanded state of the tag 404 of the music playing class includes a text bar and a button functional area, the music playing module monitors the playing information of music, the song name or lyrics can be dynamically updated at the text bar of the tag, and the button functional area of the tag 404 of the music playing class is implemented as a play/pause button. By clicking on the music play class tab 404, the user can jump to the original music play interface. It should be noted that only one tag of the music playing class may be set, and the tag of the music playing class does not conflict with the tag of the web page class containing music, and both tags may be displayed at the client side at the same time, for example: in fig. 4E, the tab 404 of the music playing class and the tab 405 of the web page class containing music may be simultaneously displayed on the right side in the page of the client.

In fig. 4F, when the user downloads the file, the file download page is automatically determined as the content of interest to the user, and the content is added to the tag 406 of the file download class. The icon of the contracted state of the tab 406 of the file download class is an icon of the file download state.

In step S103, the client displays the tab in the contracted state in any page when displaying any page.

In some embodiments, a transparent window is loaded on top of the client; when any page in the client is displayed, loading a tab in a contracted state in an area corresponding to an edge position of the client in the transparent window, so that the tab in the contracted state is suspended and displayed in any page of the client, wherein it should be noted that the tab in the contracted state can be displayed on the top layer or the non-top layer of the page, and when the tab in the contracted state is displayed on the top layer of the page, the effect of suspending the tab globally can be presented in the client.

Here, the life cycle of the transparent window does not depend on any page in the client, and may be that when the client is in the foreground, the transparent window is continuously loaded, and when the client is switched to the background, the transparent window is closed; it is also possible that the loading continues whether the client is in the foreground or the background, but as long as the client closes, the transparent window closes as well. For example, the tag may be floated on any page of the client, on any page of the third-party client, or on a native page of the operating system.

As an example, when the number of tabs displayed on the page in the client is large, all the tabs may be displayed in the page, for example, the size of all the tabs is reduced, so that all the tabs may be displayed in the page; it is also possible to hide part of the tags in the page and to support the hidden tags to be displayed by sliding up and down or left and right, etc.

In step S104, the client responds to the tag expansion operation for the tag.

In some embodiments, the tab expansion operation may be various forms of operations, such as a slide operation in a particular track or direction, a click operation of a single or multiple click, or a voice operation.

In step S105, the client switches the tab from the contracted state to the expanded state to display the content in the area formed by the tab expansion.

In some embodiments, when the tag expansion operation is a slide operation, a movement of a touch point of the tag expansion operation is recognized; when the touch point moves to the area where the label in the contracted state is located and presses, the label is expanded from the contracted state to the position where the label is located according to the moving direction of the touch point during the period that the label expansion operation is continuously pressed and moved, so that the expanded state of the label is formed; when the label is in the unfolding state and the label unfolding operation releases the touch point, the label is restored to the contraction state from the formed unfolding state.

For example, referring to fig. 4G, fig. 4G is a schematic view of an application scenario of a display processing method for a tag in a client according to an embodiment of the present invention. In fig. 4G, the user holding the contracted state of the sliding label may preview the label content (e.g., "bacon" and "black pearl"), and may stretch the label in the leftward direction from the contracted state to the expanded state as the user holds the contracted state of the label and continues to slide leftward. When the tab is in the expanded state and the user releases the touch point of the slide operation, the tab can be restored from the formed expanded state to the contracted state.

In some embodiments, when the label is in the expanded state and the touch point moves to the area where the label in the expanded state is located and presses, while the label in the expanded state is continuously pressed and moves, the label is contracted from the expanded state to the position where the touch point is located according to the moving direction of the touch point to form the contracted state of the label.

For example, when the user expands the label in the contracted state through the sliding operation and the user does not release the touch point, the user can restore the label in the expanded state to the contracted state through the reverse sliding.

In some embodiments, when the tag expansion operation is a click operation, identifying a location of a touch point in the tag expansion operation; when the position of the touch point is located in the area where the label in the contracted state is located, switching the label from the contracted state to the expanded state; when the label is in the expansion state, the label is restored to the contraction state from the expansion state in response to the label contraction operation and when the position of the touch point of the label expansion operation is located in the area outside the label.

For example, referring to fig. 4H, fig. 4H is a schematic view of an application scenario of a display processing method for a tag in a client according to an embodiment of the present invention. In fig. 4H, when the user clicks the label in the contracted state, the label may be switched from the contracted state to the expanded state, and when the user clicks the blank area, the label may be restored from the expanded state to the contracted state, where the blank area may be an area other than the position where the label is located.

In some embodiments, the expansion state corresponding to the tag of the contact person is the name or nickname of the contact person, the expansion state corresponding to the tag of the web page class is the title or abstract of the web page, the expansion state corresponding to the tag of the web program class is the name of the web program, the expansion state corresponding to the tag of the video class is the name of the played video, the expansion state corresponding to the tag of the music class is the name of the played music, the expansion state corresponding to the tag of the message alert class is the message prompt abstract, and the expansion state corresponding to the tag of the file download class is the name of the downloaded file or the number of the downloaded files.

In some embodiments, the client monitors the touch position of the touch point of the user in the touch event in real time; when the touch position of the touch point is located in the label display area, all the labels are switched from the contraction state to the expansion state at the same time, and the expansion states of all the labels are sequenced and displayed according to a preset rule. Sequencing the expansion states of all the labels according to a preset rule, wherein the sequencing comprises at least one of the following steps: sorting the expansion states of all the labels in a descending order or an ascending order according to the time for adding the labels; sorting the expansion states of all the labels in a descending order or an ascending order according to the frequency of using the labels by a user; and sorting the expansion states of all the labels in a descending order or an ascending order according to the update time of the content associated with the labels.

Here, when the number of tabs in the client is large and only the tab of which part is in the contracted state is displayed in the top layer of the page, only the tab of which part is in the contracted state displayed in the top layer of the page may be switched to the expanded state without expanding the hidden tab.

For example, referring to fig. 4I, fig. 4I is a schematic application scenario diagram of a display processing method for a tag in a client according to an embodiment of the present invention. In fig. 4I, when the user clicks and locates in the tab display area, all the tabs may be switched from the contracted state to the expanded state, where the length of the expanded state of the tabs is determined according to the content corresponding to the tabs.

Referring to fig. 4J, fig. 4J is a flowchart illustrating a display processing method for a tag in a client according to an embodiment of the present invention, and based on fig. 4A, step S106 and step S107 may be included after step S105.

In step S106, the client checks the operation in response to the details for the tab in the expanded state.

In some embodiments, the detail view operation may be various forms of operations, such as a slide operation in a particular track or direction, a click operation of a single click or multiple clicks, or a voice operation.

In step S107, the client jumps from the currently displayed page to the detail page of the content associated with the tag to display the complete information of the content in the detail page.

Here, when jumping from the expanded state of the tab to the detail page of the content associated with the tab, the expanded state of the tab may be displayed simultaneously with the detail page (suitable for a device having a screen area exceeding the sum of the two display areas), or after jumping from the expanded state of the tab to the detail page of the content associated with the tab, the tab is no longer displayed (suitable for a device having a limited screen area).

In some embodiments, the detail page corresponding to the tag of the contact person is a session window between the user and the contact person, the detail page corresponding to the tag of the web page class is an added web page, the detail page corresponding to the tag of the network program class is a use interface of the network program, the detail page corresponding to the tag of the video class is a video playing interface, the detail page corresponding to the tag of the music class is a music playing interface, the detail page corresponding to the tag of the message prompt class is a message prompt page, the tag of the file download class displays different detail pages according to the number of downloaded files, and the detail page corresponding to the tag of the file download class will be described in detail below.

For example, in fig. 4E, when the user clicks the tag of the music playing class, the user can jump to the original music playing interface.

For example, referring to fig. 4K, fig. 4K is an application scenario diagram of a display processing method for a tag in a client according to an embodiment of the present invention. In fig. 4K, when the type of the tag is the file download class, the number of downloaded files is obtained by calling the interface of the file download module; when the number of the downloaded files is larger than the file number threshold value, the expansion state of the tags displays the number of the downloaded files, and the client jumps from the currently displayed page to the file download set page by responding to the detail checking operation of the file download class tags in the expansion state. When a user clicks a file being downloaded, the prompt message of 'the file being downloaded' can jump out from the upper part of the screen; when the user clicks the downloaded file, the user can directly jump into the details file of the downloaded file. The file download collection page contains a "clear download" button that the user can click to delete or pause all file download tasks.

Referring to fig. 5A, fig. 5A is a schematic flowchart of a display processing method for a tag in a client according to an embodiment of the present invention, and based on fig. 4A, step S108 may be included after step S103, where there is no restriction on execution sequence between step S108 and step S104 to step S107.

In step S108, the client responds to the tab deletion operation, and stops displaying the tab selected by the tab deletion operation in any page.

Here, the tag deletion operation may be various forms of operations such as a slide operation in a specific track or direction, a click operation of one click or multiple clicks, or a voice operation.

In some embodiments, the client identifies a movement of a touch point for a tag delete operation; according to the movement of the touch point, synchronously updating the view coordinates of the label selected by the label deleting operation so that the label selected by the label deleting operation moves along with the touch point; and when the label selected by the label deleting operation moves to a label deleting area in the client, stopping displaying the label selected by the label deleting operation in any page of the client. Note that, the tab deletion operation may select one tab or a plurality of tabs, that is, may stop displaying one tab or stop displaying a plurality of selected tabs simultaneously on the page.

Here, the tab deleting area may be any area in the display page of the client, may be an area located in the center of the screen, or may be an area located at the edge of the screen, and when the tab deleting area is located in the area at the edge of the screen, the blocking degree of the tab bar on the page may be reduced to the greatest extent. When the label selected by the label deletion operation is stopped being displayed in any page of the client, the associated content corresponding to the label selected by the deletion operation can be synchronously deleted; alternatively, the tag selected by the delete operation is retained in the recycle bin for a period of time, and the user is allowed to undo the delete operation for that period of time, beyond which the client will delete the tag from the recycle bin altogether.

As an example, the client monitors coordinates of touch point movement of a target user in a touch event in real time; modifying the view coordinate of the client display page according to the coordinate of the touch point movement so as to enable the floating tag displayed in the client display page to move along with the view coordinate; and when the end position of the floating tag moving along with the view coordinate is in a tag deletion area in the display page of the client, calling a closing interface of the multi-page tag management module, and stopping displaying the floating tag moving to the tag deletion area in any page.

For example, referring to fig. 5B and 5C, fig. 5B and 5C are schematic application scenarios of a display processing method for a tag in a client according to an embodiment of the present invention. In fig. 5B, when the user drags a tab and moves the tab to the tab deletion area 501 below the screen, the user-dragged tab stops being displayed in the page of the client. In fig. 5C, when the user drags a plurality of tabs (even all tabs) and moves the plurality of tabs to the tab deletion area 501 below the screen at the same time, the user-dragged plurality of tabs are stopped from being displayed in the page of the client.

In the embodiment of the invention, the user can delete all or part of the labels in the client at will through simple trigger operation, thereby facilitating the control of the user on the labels and improving the operation experience of the user.

Referring to fig. 6, fig. 6 is a schematic flowchart of a display processing method for a tag in a client according to an embodiment of the present invention, and based on fig. 4A, step S109 may be included after step S103, where there is no restriction on execution order between step S109 and step S104 to step S107.

In step S109, the client stops displaying the tab whose usage frequency is lower than the usage frequency threshold in any page.

In some embodiments, the usage frequency threshold may be set by a default of the client, or may be set by the user, or may be set by the client according to historical usage data of the user (for example, the tags displayed in the client page include a tag a, a tag B, and a tag C, the number of times the user uses the tag a in a unit time period is 5, the number of times the tag B is used is 8, the number of times the tag C is used is 2, and the client may determine that the usage frequency threshold is (5+8+2)/3 ═ 5 according to the above data).

For example, the tags displayed in the client page include a tag a, a tag B, and a tag C, the number of times that the user uses the tag a in the unit time period is 3, the number of times that the user uses the tag B is 8, and the number of times that the user uses the tag C is 7, the client may determine that the usage frequency threshold is (3+8+7)/3 ═ 6 according to the above data, and may determine that the number of times that the user uses the tag a in the unit time period is smaller than the usage frequency threshold, the number of times that the user uses the tag B in the unit time period is greater than the usage frequency threshold, and the number of times that the user uses the tag C in the unit time period is greater than the usage frequency threshold, so.

In some embodiments, the client may stop displaying the tab whose last use time is earlier than the use time threshold in any page according to the last use time of the tab by the user.

Here, the usage time threshold may be set by the client as a default, may be set by the user, or may be set by the client based on the historical usage data of the user.

As an example, the client queries the user's latest usage time of all the tags displayed in the page at regular intervals (e.g., 5 hours or 30 minutes, etc.), calculates a time difference from the query time according to the user's latest usage time of all the tags, and stops displaying the tag with the largest time difference (i.e., stops displaying the tag with the earliest time when the user last uses the tag) according to the size of the time difference obtained by the query.

For example, the tags displayed in the client page include tag a, tag B, and tag C, the time when the user has used tag a last time is 11 hours and 30 minutes of 11 months and 11 days in 2019, the time when the user has used tag B last time is 11 hours and 10 minutes of 11 months and 11 days in 2019, the time when the user has used tag C last time is 11 hours and 05 minutes of 11 months and 11 days in 2019, and when the user has used time to query all the tags displayed in the page last time is 11 days in 11 months and 11 days in 2019, it can be determined that the tag used by the user last time is tag C, next tag B, and last tag a, and therefore, the priority of the client to stop displaying the tags may be tag a, tag B, and tag C.

In the embodiment of the invention, the tags which are not frequently used by the user are stopped to be displayed according to the use frequency of the tags by the user, so that the load of host equipment of the client caused by excessive tags displayed in a screen can be avoided, and the operation pressure of the equipment can be reduced.

Referring to fig. 7, fig. 7 is a flowchart illustrating a display processing method for a tag in a client according to an embodiment of the present invention, and based on fig. 4A, step S110 may be included after step S103, where there is no restriction on the execution order between step S110 and steps S104 to S107.

In step S110, when the number of the tags in the client exceeds the number threshold, the client stops displaying the tags at the tail in the descending order according to the descending order of the generation time, the last usage time, the update time of the associated content, or the usage frequency, until the number of the tags in the client does not exceed the number threshold.

Here, the last usage time of the label is a time when the label is switched from the contracted state to the expanded state.

In some embodiments, a hardware configuration of a hosting device of a client is obtained, and a threshold number of tags in the client is determined without affecting performance of the hosting device; and when the number of the labels in the client exceeds the number threshold, the client stops displaying the labels in the client according to a preset rule.

As an example, the stopping displaying of the tag in the client by the client according to the preset rule includes: and performing descending sorting on all the labels in the client according to the generation time of the labels, the last use time of the labels, the update time of the associated content of the labels or the use frequency of the labels, and stopping displaying from the labels at the tail part in the descending sorting result until the number of the labels after stopping displaying does not exceed a number threshold.

For example, when the number of the tags in the client exceeds the number threshold, the client has a tag a, a tag B, a tag C, and a tag D, and the client performs descending sorting on the tag a, the tag B, the tag C, and the tag D according to the generation time of the tag, the last usage time of the tag, the update time of the associated content of the tag, or the usage frequency of the tag, and stops displaying from the tag at the end of the descending sorting result (for example, the tag with the earliest tag generation time, the tag with the earliest user last usage time, the tag with the earliest associated content update time, or the tag with the smallest usage frequency is stopped to be displayed first) until the number of the tags stopped to be displayed does not exceed the number threshold.

As another example, the stopping of the display of the tag in the client by the client according to the preset rule includes: and sorting the labels of the same type in the client in a descending order according to the generation time of the labels, the last use time of the labels, the update time of the associated content of the labels or the use frequency of the labels, and stopping displaying from the labels at the tail part in the descending order result until the number of the deleted labels does not exceed the number threshold.

For example, when the number of tags in the client exceeds the number threshold, there are tag a, tag B, tag C, tag D, and tag E in the client page (where tag a, tag B, and tag C belong to the web page class, and tag D and tag E belong to the web program class). The client firstly carries out descending sorting on the labels A, the labels B and the labels C belonging to the webpage class according to the generation time of the labels, the last use time of the labels, the update time of the associated contents of the labels or the use frequency of the labels, and stops displaying from the labels at the tail part in the descending sorting result until the number of the labels after stopping displaying does not exceed the number threshold. And then sorting the labels D and E belonging to the network program class in a descending order according to the generation time of the labels, the last use time of the labels, the update time of the associated content of the labels or the use frequency of the labels, and stopping displaying from the labels at the tail part in the descending order result until the number of the labels after stopping displaying does not exceed the number threshold. However, it should be noted that the execution sequence between the operation of sequencing the tags a, B, and C belonging to the web page class and the operation of sequencing the tags a, B, and C belonging to the network program class may not be different, or may be different according to the importance of the tag type (for example, the tags belonging to the web page class are preferentially deleted).

In the embodiment of the invention, the upper limit number of the suspension tags can be configured differently according to different hardware configurations of the host equipment of the client, so that the client has more tags as much as possible under the condition of meeting the performance requirement of the equipment, thereby meeting the requirement of a user. Due to the flexibility and controllability of the configuration mode, the embodiment of the invention can not bring performance burden to the equipment of the user on the basis of meeting the requirements of the user.

Referring to fig. 8A, fig. 8A is a schematic flowchart of a display processing method for a tag in a client according to an embodiment of the present invention, and based on fig. 4A, steps S111 and S112 may be included after step S103, where there is no restriction on the execution order between steps S111 and S112 and steps S104 to S107.

In step S111, the client recognizes the movement of the touch point of the tag movement operation in response to the tag movement operation.

Here, the tag moving operation may be various forms of operations such as a sliding operation in a specific track or direction, a clicking operation of one or more clicks, or a voice operation.

In step S112, the client synchronously updates the view coordinates of the tag selected by the tag moving operation according to the movement of the touch point, so that the tag selected by the tag moving operation moves along with the view coordinates.

In some embodiments, the client synchronously updates view coordinates of the tag selected by the tag moving operation according to the movement of the touch point of the tag moving operation, so that the tag selected by the tag moving operation moves along with the touch point; the tag selected by the tag moving operation may be moved to a release position of the touch point of the tag moving operation.

Here, the tag moving operation may select one tag or may select a plurality of tags, that is, may move one tag at a time in the page or may move a plurality of tags at a time in the page. The label can move to the release position of the touch point of the label moving operation, and can be folded towards the boundary side with the minimum distance according to the distance between the release position of the touch point of the label moving operation and the boundary side of the screen, so that the shielding degree of the label on the page of the client is reduced, the client supports the left side and the right side to place the label, or supports the upper side and the lower side to place the label simultaneously.

For example, referring to fig. 8B and 8C, fig. 8B and 8C are schematic application scenarios of a display processing method for a tag in a client according to an embodiment of the present invention. In fig. 8B, the client supports left and right placement of tabs, and when the user moves a single tab and releases the touched point, the released position of the touched point is closer to the left boundary of the screen, and thus the released tab is displayed in a contracted state on the left side of the screen. And when the user clicks on the left tab in the contracted state, the tab expands from left to right. In fig. 8C, the user may drag multiple tabs (or even all tabs) at the same time so that the multiple tabs move following the touch point of the user.

In the embodiment of the invention, the user can move all or part of the labels in the client randomly through simple trigger operation, thereby facilitating the control of the user on the labels and improving the user experience.

Referring to fig. 9A, fig. 9A is a schematic flowchart of a display processing method for a tag in a client according to an embodiment of the present invention, and based on fig. 4A, step S113 may be included after step S103, where there is no restriction on execution sequence between step S113 and step S104 to step S107.

In step S113, when a plurality of tabs are displayed in any page of the client, the client may simultaneously display the plurality of tabs.

In some embodiments, the client may present the plurality of tags in one of the following ordering: a descending or ascending order of add times of the plurality of tags; descending or ascending order of usage frequency of the plurality of tags; a descending or ascending order of last usage time of the plurality of tags; the update time of the content associated with the plurality of tags is in a descending or ascending order. The client can display the labels in the contraction state in a sequencing mode, and can display the labels in the expansion state in a sequencing mode.

For example, referring to fig. 9B and 9C, fig. 9B and 9C are schematic application scenarios of a display processing method for a tag in a client according to an embodiment of the present invention. In fig. 9B, four tabs in a contracted state are displayed in the right-hand side of the screen in a sorted manner, and the tab with the earliest time added by the user is positioned at the top of the right-hand side of the screen. In fig. 9C, four tabs in the expanded state are displayed in the right-hand side of the screen in order, and the tab with the earliest time added by the user is positioned at the top of the right-hand side of the screen.

According to the embodiment of the invention, the plurality of labels are displayed to the user according to different dimensions, so that the user can more intuitively sense the dimension parameters of the labels, the displayed labels can be conveniently closed, moved, added and the like, and the user experience is further improved.

Referring to fig. 10A, fig. 10A is a schematic flowchart of a display processing method for a tag in a client according to an embodiment of the present invention, and based on fig. 4A, step S114 may be included after step S103, and there is no restriction on the execution sequence between step S113 and step S104 to step S107.

In step S114, when the content associated with the tag is updated, the client updates the tag according to the display state of the tag.

In some embodiments, when the content associated with the tag is updated and the tag is in the contracted state, the display effect of the tag is updated to prompt the content associated with the tag to be updated. Wherein the display effect of the update label comprises at least one of: updating the color of the label; displaying the flickering effect of the label; displaying a prompt animation appearing from the label; and the brightness of the label is improved.

For example, referring to fig. 10B, fig. 10B is a schematic view of an application scenario of a display processing method for a tag in a client according to an embodiment of the present invention. In fig. 10B, "√" is shown at an icon in the label in the collapsed state when the label 1001 of the file download class is in the collapsed state and the file download is complete.

In some embodiments, when the content associated with the tag is updated and the tag is in the expansion state, the updated content of the content or summary information of the updated content is displayed in the area formed by the expansion of the tag.

For example, referring to fig. 10C and 10D, fig. 10C and 10D are schematic application scenarios of a display processing method for a tag in a client according to an embodiment of the present invention. In fig. 10C, when the tab 1001 of the file download class is in the expanded state and the file download is completed, the name of the file that has been downloaded is displayed in the area formed by the tab in the expanded state. And when the user clicks the tab 1001 of the file download class in the expanded state, the user can jump directly to the details file of the downloaded file (i.e., read the page of the downloaded file).

The embodiment of the invention enables the user to know the downloading progress of the downloaded file in time so as to avoid missing important information and provide convenient jump entry and reading experience for the user.

In fig. 10D, when the tag is a tag 1002 for a contact, the client monitors a session message of a session window between the user and the contact associated with the tag in real time through the session management module; when a new conversation message appears in the conversation window, the tab in the contracted state is expanded, the new conversation message is displayed in a scrolling mode in an area formed by the tab in the expanded state, and when a user clicks the tab 1002 of the contact in the expanded state, the user can quickly jump to the conversation window between the contact and the contact.

The embodiment of the invention enables the user to know the message sent by the important contact person in time so as to avoid missing important information and provide convenient reply experience for the user.

When the label is a label of the webpage class and the user sets the reminding time in the webpage associated with the label, the reminding information can be displayed in the label of the webpage class according to the reminding time set by the user.

The suspension label in the embodiment of the invention supports the global timing reminding capability, can set the reminding time aiming at the labels of contact persons, web pages, program interfaces and the like, and solves the reminding pain point in common use scenes of timing ticket snatching, lottery activities in games and the like.

Continuing with the exemplary structure of the display processing device 555 of the tag in the client provided by the embodiment of the present invention implemented as a software module, in some embodiments, as shown in fig. 3, the software module stored in the display processing device 555 of the tag in the client in the memory 550 may include: an acquisition module 5551, a display module 5552, and a deployment module 5553.

An obtaining module 5551, configured to obtain content that is of interest to a user in the client;

a display module 5552, configured to add the content to a corresponding tab, and when any page in the client is displayed, display the tab in a contracted state in the any page;

an unfolding module 5553, configured to switch the tab from a contracted state to an unfolded state in response to a tab unfolding operation for the tab, so as to display summary information of the content in an area formed by the tab unfolding.

In some embodiments, the display processing device 555 for the tag in the client further includes: and the viewing module is used for responding to the detail viewing operation aiming at the label in the expansion state, jumping from the currently displayed page of the client to the detail page of the content associated with the label, and displaying the complete information of the content in the detail page.

In some embodiments, the obtaining module 5551 is further configured to, in response to a tag addition operation received in any page of the client, determine content selected by the tag addition operation in the page as content of interest to the user; wherein the type of content comprises at least one of: contacts, web pages, web programs, videos, music, message alerts, and file downloads.

In some embodiments, the display module 5552 is further configured to display a tab bar and a new tab located in the tab bar in the client; and associating the content selected in the page by the tag adding operation with the new tag so as to fill the associated content in the new tag.

In some embodiments, the display module 5552 is further configured to display the tab bar in an edge position in the client corresponding to the moving direction according to the moving direction of the touch point of the tab adding operation; and when the release position of the touch point is positioned in the tab bar, displaying a corresponding new tab in the tab bar.

In some embodiments, the obtaining module 5551 is further configured to determine, when the content of the current page of the client belongs to a set type, the content of the current page as content of interest to the user; wherein the setting type includes at least one of: contacts, web pages, web programs, videos, music, message alerts, and file downloads.

In some embodiments, the display module 5552 is further configured to load a transparent window on a top layer of the client; when any page in the client side is displayed, loading the label in the contraction state in an area corresponding to the edge position of the client side in the transparent window, and displaying the label in the contraction state on the top layer of any page of the client side in a suspension mode.

In some embodiments, the display processing device 555 for the tag in the client further includes: a deleting module, configured to, in response to a tag deleting operation, stop displaying a tag selected by the tag deleting operation in any page of the client; stopping displaying the tags with the use frequency lower than the use frequency threshold in any page of the client; and when the number of the labels in the client exceeds a number threshold, sequentially stopping displaying the labels at the tail part in descending order according to descending order of the generation time, the last use time, the update time of the associated content or the use frequency until the number of the labels in the client does not exceed the number threshold.

In some embodiments, the deleting module is further configured to identify a movement of a touch point of the tag deleting operation; according to the movement of the touch point, synchronously updating the view coordinates of the label selected by the label deleting operation so as to enable the label selected by the label deleting operation to move along with the touch point; and when the label selected by the label deleting operation is moved to a label deleting area in the client, stopping displaying the label selected by the label deleting operation in any page of the client.

In some embodiments, the unfolding module 5553 is further configured to recognize a movement of a touch point of the tab unfolding operation when the tab unfolding operation is a sliding operation; when the touch point moves to the area where the label in the contracted state is located and presses, the label is expanded from the contracted state to the position where the label is located according to the moving direction of the touch point during the period that the label expansion operation is continuously pressed and moved, so that the expanded state of the label is formed.

In some embodiments, the display processing device 555 for the tag in the client further includes: and the first recovery contraction module is used for recovering the label from the formed expanded state to the contracted state when the label is in the expanded state and the label expansion operation releases the touch point.

In some embodiments, the expansion module 5553 is further configured to identify a position of a touch point in the tab expansion operation when the tab expansion operation is a click operation; and when the position of the touch point is located in the area where the label in the contracted state is located, switching the label from the contracted state to the expanded state.

In some embodiments, the display processing device 555 for the tag in the client further includes: and the second recovery contraction module is used for responding to the label contraction operation when the label is in the expansion state and recovering the label from the expansion state to the contraction state when the position of a touch point of the label expansion operation is positioned in an area outside the label.

In some embodiments, the display processing device 555 for the tag in the client further includes: a moving module for recognizing movement of a touch point of a tag moving operation in response to the tag moving operation; and synchronously updating the view coordinates of the label selected by the label moving operation according to the movement of the touch point, so that the label selected by the label moving operation moves along with the view coordinates until the label selected by the label moving operation moves to the release position of the touch point of the label moving operation.

In some embodiments, the display processing device 555 for the tag in the client further includes: a sorting module, configured to, when multiple tags are displayed in any page of the client, display the multiple tags in one of the following sorting manners: a descending or ascending order of add times of the plurality of tags; a descending or ascending order of frequency of use of the plurality of tags; a descending or ascending order of last usage time of the plurality of tags; a descending or ascending order of update times of content associated with the plurality of tags.

In some embodiments, the display processing device 555 for the tag in the client further includes: the updating module is used for updating the display effect of the label to prompt the updating of the content associated with the label when the content associated with the label is updated and the label is in a contraction state; wherein the updating of the display effect of the label comprises at least one of: updating the color of the label; displaying a blinking effect of the label; displaying a prompt animation appearing from the tag; increasing the brightness of the label; when the content associated with the label is updated and the label is in an expansion state, displaying the updated content of the content or the summary information of the updated content in an area formed by the expansion of the label.

Embodiments of the present invention provide a storage medium storing executable instructions, which when executed by a processor, will cause the processor to perform a display processing method of a tag in a client provided by embodiments of the present invention, for example, as shown in fig. 4A, 5A, 6, 7, and so on.

In some embodiments, the storage medium may be memory such as FRAM, ROM, PROM, EPROM, EEPROM, flash memory, magnetic surface memory, optical disk, or CD-ROM; or may be various devices including one or any combination of the above memories.

In some embodiments, executable instructions may be written in any form of programming language (including compiled or interpreted languages), in the form of programs, software modules, scripts or code, and may be deployed in any form, including as a stand-alone program or as a module, component, subroutine, or other unit suitable for use in a computing environment.

By way of example, executable instructions may correspond, but do not necessarily have to correspond, to files in a file system, and may be stored in a portion of a file that holds other programs or data, such as in one or more scripts in a hypertext Markup Language (HTML) document, in a single file dedicated to the program in question, or in multiple coordinated files (e.g., files that store one or more modules, sub-programs, or portions of code).

By way of example, executable instructions may be deployed to be executed on one computing device or on multiple computing devices at one site or distributed across multiple sites and interconnected by a communication network.

In the following, an exemplary application of the display processing of the tag in the client in an actual application scenario will be described by taking the client as a social APP (e.g. an instant messaging APP) as an example.

In the implementation process of the embodiment of the invention, the following problems of the suspension tag (or called a tab) in the social APP in the related technology are found, specifically:

(1) due to the fact that the types supported by the suspension tags are insufficient, a plurality of use scenes which cannot meet social APP are caused

The hover label in social APP supports only three types: the three types of the web pages, the program interfaces and the downloaded files can only meet the return experience in partial scenes. The floating tag in the social APP does not have a message to-do reminding function and an important conversation strong reminding function, and the two functions are functions which are needed to be used by a user at high frequency in the social APP. Social APP can set a strong reminding function for important conversation, but the function cannot be integrated with a suspension tag, so that the number of entries is large, the operation interaction is not uniform, and the user experience is poor.

(2) Due to the limitation of the number of the suspension tags, the requirements of users cannot be completely met

The social APP supports obtaining of contents of various different types and different entrances, and only a limited number of suspension tags are added in the social APP, so that the storage requirements of users cannot be met.

(3) The floating label does not support online preview of the file

The floating tag in the social APP does not support online preview of files, which causes the problem that a user cannot find the files which are not downloaded and the files which are downloaded.

(4) The floating label does not support the global timing reminding function

The social APP only supports the function of setting the timing reminding for the message, and the entry for setting the timing reminding is deep, so that the user experience is poor, and the webpage class and the applet class (namely the program interface class) do not support the message setting timing reminding.

In view of the foregoing problems, an embodiment of the present invention provides a method for displaying and processing a tag in a client. The embodiment of the invention realizes the User Interface (UI) of the suspension tag on a new Window Interface (Window), the life cycle of the Window does not depend on a certain page in the client, and the Window is globally unique in the client, so that the Window Interface with the suspension effect can be achieved.

Referring to fig. 11, fig. 11 is a schematic diagram of an implementation module framework of a display processing method for a tag in a client according to an embodiment of the present invention, and an implementation scheme of the embodiment of the present invention will be described in detail below with reference to the module shown in fig. 11.

(1) Gesture recognition module

A system library provided by an operating system is modified, and a new gesture recognition function is injected. For example, the gesture recognition method used for adding the content displayed by the client to the corresponding tag is as follows: and monitoring the coordinates of the finger of the user sliding to the right in real time, and gradually changing to display the area of the + tab on the right side of the screen (namely the tab bar). And after the user releases the finger, acquiring the coordinate of the release point of the corresponding touch event, if the coordinate falls in the + tab area, triggering to add the tab, and calling a multi-tab management module to add the content of the page to the corresponding tab. The contents of the download details page, the music play page, and the video play page may be added to the corresponding tags in the manner described above.

(2) Multi-page label management module

The multi-tab management module provides logical functions of adding, deleting, checking and changing tabs and provides a function of managing the number of tabs according to the type configuration. The module manages types through a Key-value dictionary, realizes the management function that only one tab of the same type is allowed to appear in a client for music tabs, video tabs and file downloading types, and only keeps the newly added tab when multiple tab adding requests of the same type exist. And the multi-tab management module is a communication bridge between the gesture recognition module and the multi-function tab module. The multi-signature management module may randomly generate a current unique background color for each signature.

(3) Multifunctional sheet label module

The multi-function tab module defines a tab base class that implements a basic function. The multifunctional tab module provides a function that tabs are suspended on the left side and the right side of a screen, coordinates of finger movement of a user are tracked in real time, then the coordinates of a view are modified according to the coordinates of the finger movement of the user, so that the effect that the tabs move along with dragging of the fingers is achieved, when the user releases the fingers, the positions of the released fingers are compared with the distance between the two sides of the screen, and the tabs are folded towards the side with the smaller distance.

After the tab is expanded (i.e., the tab is switched from the collapsed state to the expanded state as described above), the multi-function tab module provides basic UI presentation elements (e.g., icons, text bars, or button function areas) for display when the tab is expanded in the page.

When the user drags the page to the area at the bottom of the screen (namely the label deleting area), the user releases his/her hands, the function of closing the corresponding label of the multi-page label management module is called, and the label dragged to the area at the bottom of the screen can be closed.

(4) File downloading module

And the tab of the file downloading class inherits the tab base class. When the tab of the file downloading class is in a contraction state, icons which correspond to the downloading progress of the downloaded file and are downloaded and downloaded completely are added on the side, close to the middle of the screen, of the tab. When the tab of the file downloading class is in an expansion state, judging the number of the downloaded files through codes in the expansion state, and when the number of the downloaded files is only one, displaying the background of the tab of the file downloading class in the expansion state is a dynamically updated progress bar and contains the names of the downloaded files; when the number of the downloaded files is more than one, the user clicks the tab of the file downloading class in the expansion state, and the user can jump to the downloading collection page.

(5) Music playing module

And the tab of the music playing class inherits the tab base class. The icon of the contracted state of the tab of the music playing class is a track icon, and the expanded state of the tab of the music playing class includes a text bar and a button function area. By monitoring the playing information of the music, the song name or the song lyrics can be dynamically updated at the text bar of the tab. The button function area of the tab of the music play class is implemented as a play/pause button. And the user clicks the tab of the music playing class to jump to the original music playing interface.

(6) Video playing module

And the tab of the video playing class inherits the tab base class. The icon of the contraction state of the tab of the video playing class is the latest frame of picture in video playing, the expansion state of the tab of the video playing class comprises a text bar and a button functional area, the text bar of the tab of the video playing class displays the name of the video being played, the button functional area of the tab of the video playing class is realized as a playing/pausing button, and the user can jump to the original video playing interface by clicking the tab of the video playing class.

In summary, the embodiments of the present invention have the following beneficial effects:

(1) the embodiment of the invention supports the addition of important contacts to the floating tab, and when the message of the contact is received, the entrance of the floating tab can be correspondingly reminded. The user can timely know the information sent by the important contact person, and can quickly jump to the conversation window by clicking the tab, so that convenient reply experience is provided for the user.

(2) The embodiment of the invention supports the configuration of the upper limit number of the floating tabs, and different configurations can be respectively sent for a high-end model and a low-end model according to different user models (namely the hardware configuration of the host equipment of the client), so that more tabs can be displayed in the client as much as possible under the condition of meeting the performance requirement of a mobile phone, and the requirements of users can be met. Due to the flexibility and controllability of the configuration mode, the mobile phone of the user can not be burdened in performance on the basis of meeting the requirements of the user.

(3) The embodiment of the invention supports the addition of the downloaded files and the un-downloaded files into the floating tab. And the downloaded file can be quickly returned to the reading position, and the downloaded file which is not downloaded can be quickly jumped to the downloading page of the file, so that convenient jump entries and reading experience are provided for users.

(4) The suspended tab in the embodiment of the invention supports the timing reminding capability, can set the reminding time aiming at the type tabs such as messages, web pages, program interfaces and the like, and solves the reminding pain point in common use scenes such as timing ticket snatching, lottery activities in games and the like.

The above description is only an example of the present invention, and is not intended to limit the scope of the present invention. Any modification, equivalent replacement, and improvement made within the spirit and scope of the present invention are included in the protection scope of the present invention.

Claims

1. A display processing method for a label in a client is characterized by comprising the following steps:

acquiring content which is interested by a user in a client;

2. The method of claim 1, wherein after the switching the label from the contracted state to the expanded state, the method further comprises:

and in response to the detail viewing operation aiming at the label in the expanded state, jumping from a currently displayed page of the client to a detail page of the content associated with the label to display the complete information of the content in the detail page.

3. The method of claim 1,

the obtaining of the content of interest to the user in the client includes:

in response to a tag adding operation received in any page of the client, determining the content selected in the page by the tag adding operation as the content in which the user is interested;

wherein the type of content comprises at least one of: contacts, web pages, web programs, videos, music, message alerts, and file downloads;

the adding the content to the corresponding tag comprises:

displaying a tab bar and a new tab located in the tab bar in the client;

associating the content selected in the page by the tag adding operation with the new tag so as to fill the associated content in the new tag;

wherein the displaying a tab bar and a new tab in the tab bar in the client comprises:

displaying the label bar at the edge position corresponding to the moving direction in the client according to the moving direction of the touch point of the label adding operation;

and when the release position of the touch point is positioned in the tab bar, displaying a corresponding new tab in the tab bar.

4. The method of claim 1, wherein obtaining content of interest to the user at the client comprises:

when the content of the current page of the client belongs to a set type, determining the content of the current page as the content which is interested by the user;

wherein the setting type includes at least one of: contacts, web pages, web programs, videos, music, message alerts, and file downloads.

5. The method according to claim 1, wherein displaying the tab in a contracted state in any page of the client while displaying the any page comprises:

loading a transparent window on the top layer of the client;

loading the label in a contracted state in an area corresponding to an edge position of the client in the transparent window when any page in the client is displayed, so as to

And displaying the label in the contracted state suspended at the top layer of any page of the client.

6. The method of claim 1, further comprising:

performing at least one of the following operations:

in response to a tag deleting operation, stopping displaying a tag selected by the tag deleting operation in any page of the client;

stopping displaying the tags with the use frequency lower than the use frequency threshold in any page of the client;

and when the number of the labels in the client exceeds a number threshold, sequentially stopping displaying the labels at the tail part in descending order according to descending order of the generation time, the last use time, the update time of the associated content or the use frequency until the number of the labels in the client does not exceed the number threshold.

7. The method according to claim 6, wherein the stopping of displaying the tab selected by the tab deleting operation in any page of the client comprises:

recognizing movement of a touch point of the tag deletion operation;

according to the movement of the touch point, synchronously updating the view coordinates of the label selected by the label deleting operation so as to enable the label selected by the label deleting operation to move along with the touch point;

and when the label selected by the label deleting operation is moved to a label deleting area in the client, stopping displaying the label selected by the label deleting operation in any page of the client.

8. The method of claim 1, wherein said switching the label from the contracted state to the expanded state comprises:

recognizing movement of a touch point of the tag expansion operation when the tag expansion operation is a sliding operation;

when the touch point is moved to the area where the label in the contracted state is located and pressed,

during the label unfolding operation is continuously pressed and moved, the label is unfolded from the contracted state to the position of the touch point according to the moving direction of the touch point to form an unfolded state of the label;

the method further comprises the following steps:

and when the label is in the unfolded state and the label unfolding operation releases the touch point, restoring the label from the formed unfolded state to the contracted state.

9. The method of claim 1, wherein said switching the label from the contracted state to the expanded state comprises:

when the label unfolding operation is click operation, identifying the position of a touch point in the label unfolding operation;

when the position of the touch point is located in the area where the label in the contracted state is located, switching the label from the contracted state to the expanded state;

the method further comprises the following steps:

when the label is in the expanded state, the label is restored from the expanded state to the contracted state in response to a label contraction operation and when the position of a touch point of the label expansion operation is located in an area outside the label.

10. The method of claim 1, further comprising:

in response to a tag moving operation, recognizing movement of a touch point of the tag moving operation;

synchronously updating the view coordinates of the label selected by the label moving operation according to the movement of the touch point so as to enable the label selected by the label moving operation to move along with the view coordinates until the touch point moves

And the label selected by the label moving operation moves to the release position of the touch point of the label moving operation.

11. The method of claim 1, further comprising:

when a plurality of tags are displayed in any page of the client, displaying the tags in one of the following sorting modes:

a descending or ascending order of add times of the plurality of tags;

a descending or ascending order of frequency of use of the plurality of tags;

a descending or ascending order of last usage time of the plurality of tags;

a descending or ascending order of update times of content associated with the plurality of tags.

12. The method of claim 1, further comprising:

when the content associated with the label is updated and the label is in a contraction state, updating the display effect of the label to prompt the content associated with the label to be updated;

wherein the updating of the display effect of the label comprises at least one of:

updating the color of the label; displaying a blinking effect of the label; displaying a prompt animation appearing from the tag; increasing the brightness of the label;

when the content associated with the label is updated and the label is in an expansion state, displaying the updated content of the content or the summary information of the updated content in an area formed by the expansion of the label.

13. A display processing apparatus for a tag in a client, comprising:

14. An electronic device, comprising:

a memory for storing executable instructions;

a processor, configured to implement the method for processing display of a tag in a client according to any one of claims 1 to 12 when executing the executable instructions stored in the memory.

15. A storage medium storing executable instructions for causing a processor to perform a method for display processing of a tag in a client according to any one of claims 1 to 12 when the processor executes the method.