CN109976865B - Task progress display method and device and terminal equipment - Google Patents
Task progress display method and device and terminal equipment Download PDFInfo
- Publication number
- CN109976865B CN109976865B CN201910256668.5A CN201910256668A CN109976865B CN 109976865 B CN109976865 B CN 109976865B CN 201910256668 A CN201910256668 A CN 201910256668A CN 109976865 B CN109976865 B CN 109976865B
- Authority
- CN
- China
- Prior art keywords
- picture
- pictures
- dynamic
- moving
- default
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The invention provides a method and a device for displaying task progress and terminal equipment; wherein, the method comprises the following steps: the task presetting default picture and the hollow picture are coincided and arranged in a display area, the task presetting dynamic picture is arranged in a hidden area, wherein the stacking sequence of each picture comprises: the hollow picture is higher than the dynamic picture, and the dynamic picture is higher than or equal to the default picture; moving the dynamic picture to the display area according to the execution progress of the task; and displaying the hollow pictures, the dynamic pictures and the default pictures in the display area according to the stacking sequence. The task progress is displayed in a picture moving mode, the colors of the contents of the pictures can be rich and varied, the richness of task progress display is improved, in addition, the task progress can be directly displayed on the pictures or icons corresponding to the tasks in the mode, a large display area is not needed, and therefore the application range is wide.
Description
Technical Field
The invention relates to the technical field of page display, in particular to a task progress display method and device and terminal equipment.
Background
When a website or an application executes some tasks, such as downloading resources, loading programs, etc., it usually takes a long time, and at this time, the execution progress of the tasks needs to be shown to the user so that the user can know the execution condition of the tasks. In the related art, the percentage of task completion is usually displayed in the form of a progress bar, but the mode has a single effect; in addition, the progress bar needs to occupy a display area with a certain size, and some special scenes may not have the condition of setting the display area for the progress bar, so that the application range of displaying the task execution progress through the progress bar is limited.
Disclosure of Invention
In view of this, the present invention provides a method and an apparatus for displaying task progress, and a terminal device, so as to improve richness of task progress display and extend an application range.
In a first aspect, an embodiment of the present invention provides a method for displaying a task progress, where the method includes: the task presetting default picture and the hollow picture are coincided and arranged in a display area, the task presetting dynamic picture is arranged in a hidden area, wherein the stacking sequence of each picture comprises: the hollow picture is higher than the dynamic picture, and the dynamic picture is higher than or equal to the default picture; moving the dynamic picture to a display area according to the execution progress of the task; and displaying the hollow pictures, the dynamic pictures and the default pictures in the display area according to the stacking sequence.
In a preferred embodiment of the present invention, the hollow-out picture, the dynamic picture and the default picture are pre-disposed in the container; the display area is arranged in the container range of the container; the container is a hidden area outside the container range.
In a preferred embodiment of the present invention, the stacking order of the pictures is set as follows: respectively setting stacking sequence marks of the hollow pictures, the dynamic pictures and the default pictures; the size of the stacking order identifier corresponds to the stacking order of the corresponding picture.
In a preferred embodiment of the present invention, the step of moving the dynamic picture to the display area according to the execution progress of the task includes: acquiring the execution progress of the task according to a preset time interval; determining the moving position of the dynamic picture according to each acquired execution progress; and moving the dynamic picture to the determined moving position.
In a preferred embodiment of the present invention, the step of determining the moving position of the dynamic picture according to each acquired execution progress includes: for each acquired execution progress, determining a moving position corresponding to the execution progress from a preset corresponding relation between the execution progress and the moving position; each moving position in the corresponding relation between the execution progress and the moving position forms a moving path from the hidden area to the display area; or determining the moving position of the dynamic picture on the moving path according to each acquired execution progress and the total distance of the moving path from the preset hidden area to the display area.
In a preferred embodiment of the present invention, the step of moving the moving picture to the display area includes: and if the stacking sequence of the dynamic pictures is equal to that of the default pictures, translating the dynamic pictures and the default pictures so as to move the dynamic pictures to the display area and move the default pictures to the hidden area.
In a second aspect, an embodiment of the present invention provides a device for displaying task progress, where the device includes: the picture setting module is used for setting default pictures preset by tasks and hollow pictures in a display area in a superposition mode, setting dynamic pictures preset by the tasks in a hidden area, wherein the stacking sequence of the pictures comprises: the hollow picture is higher than the dynamic picture, and the dynamic picture is higher than or equal to the default picture; the image moving module is used for moving the dynamic image to the display area according to the execution progress of the task; and the picture display module is used for displaying the hollow pictures, the dynamic pictures and the default pictures in the display area according to the stacking sequence.
In a preferred embodiment of the present invention, the hollow-out picture, the dynamic picture and the default picture are pre-disposed in a container; the container range of the container is a display area; the container is a hidden area outside the container range.
In a preferred embodiment of the present invention, the apparatus further comprises: the stacking sequence setting module is used for respectively setting stacking sequence identifications of the hollow pictures, the dynamic pictures and the default pictures; the size of the stacking order identifier corresponds to the stacking order of the corresponding picture.
In a preferred embodiment of the present invention, the picture moving module is configured to: acquiring the execution progress of a task according to a preset time interval; determining the moving position of the dynamic picture according to each acquired execution progress; and moving the dynamic picture to the determined moving position.
In a preferred embodiment of the present invention, the picture moving module is configured to: for each acquired execution progress, determining a moving position corresponding to the execution progress from a preset corresponding relation between the execution progress and the moving position; each moving position in the corresponding relation between the execution progress and the moving position forms a moving path from the hidden area to the display area; or determining the moving position of the dynamic picture on the moving path according to each acquired execution progress and the total distance of the moving path from the preset hidden area to the display area.
In a preferred embodiment of the present invention, the picture moving module is configured to: and if the stacking sequence of the dynamic pictures is equal to that of the default pictures, translating the dynamic pictures and the default pictures so as to move the dynamic pictures to the display area and move the default pictures to the hidden area.
In a third aspect, an embodiment of the present invention provides a terminal device, including a processor and a memory, where the memory stores machine executable instructions capable of being executed by the processor, and the processor executes the machine executable instructions to implement the method for displaying the task progress.
In a fourth aspect, embodiments of the present invention provide a machine-readable storage medium storing machine-executable instructions, which when invoked and executed by a processor, cause the processor to implement the above-mentioned method for displaying task progress.
The embodiment of the invention brings the following beneficial effects:
according to the method, the device and the terminal equipment for displaying the task progress, the default picture and the hollow picture which are preset by the task are overlapped and arranged in the display area, and the dynamic picture which is preset by the task is arranged in the hidden area; wherein, the stacking sequence of each picture is as follows: the hollow picture is higher than the dynamic picture, and the dynamic picture is higher than or equal to the default picture; when an execution instruction of a task is received, moving a dynamic picture to a display area according to the execution progress of the task; and then displaying the hollow-out picture, the dynamic picture and the default picture in the display area according to the stacking sequence. In the mode, the task progress is displayed in a mode of moving pictures, the colors of the contents of the pictures can be enriched and diversified, the richness of task progress display is improved, in addition, the task progress can be directly displayed on the pictures or icons corresponding to the tasks in the mode, a large display area is not needed, and therefore the application range is wide.
Additional features and advantages of the invention will be set forth in the description which follows, and in part will be obvious from the description, or may be learned by practice of the invention. The objectives and other advantages of the invention will be realized and attained by the structure particularly pointed out in the written description and claims hereof as well as the appended drawings.
In order to make the aforementioned and other objects, features and advantages of the present invention comprehensible, preferred embodiments accompanied with figures are described in detail below.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings used in the description of the embodiments or the prior art will be briefly described below, and it is obvious that the drawings in the following description are some embodiments of the present invention, and other drawings can be obtained by those skilled in the art without creative efforts.
Fig. 1 is a flowchart of a method for displaying task progress according to an embodiment of the present invention;
FIG. 2 is a flowchart of another task progress display method according to an embodiment of the present invention;
FIG. 3 is a flowchart of another method for displaying task progress according to an embodiment of the present invention;
FIG. 4 is a diagram illustrating another method for displaying task progress according to an embodiment of the present invention;
FIG. 5 is a diagram illustrating another task progress display method according to an embodiment of the present invention;
fig. 6 is a schematic structural diagram of a task progress display device according to an embodiment of the present invention;
fig. 7 is a schematic structural diagram of a terminal device according to an embodiment of the present invention.
Detailed Description
To make the objects, technical solutions and advantages of the embodiments of the present invention clearer, the technical solutions of the present invention will be clearly and completely described below with reference to the accompanying drawings, and it is apparent that the described embodiments are some, but not all embodiments of the present invention. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
In view of the fact that the existing task progress displaying mode is single in displaying effect and limited in Application range, the task progress displaying method, the task progress displaying device and the terminal device provided by the embodiment of the invention can be applied to terminal devices such as mobile phones, tablet computers, computers and special terminals, and can be applied to scenes such as Application (APP) pages, webpage pages and operating system pages.
In order to facilitate understanding of the embodiment, first, a detailed description is given to a task progress displaying method disclosed in the embodiment of the present invention, and the method may be applied to various terminal devices; as shown in fig. 1, the method comprises the steps of:
step S102, overlapping a default picture and a hollow picture preset by a task in a display area, and setting a dynamic picture preset by the task in a hidden area, wherein the stacking sequence of the pictures comprises: the hollow picture is higher than the dynamic picture, and the dynamic picture is higher than or equal to the default picture;
the default pictures, the hollow pictures and the dynamic pictures preset by the tasks can correspond to a certain task, such as a download task for downloading a certain specified application, and can also correspond to a certain type of tasks, such as download tasks for downloading all resources under a current page or in a current system.
The default picture, the hollow-out picture and the dynamic picture can be preset; in one setting mode, the default picture can be used for representing the type of the task; the method comprises the steps that a hollow area in a hollow picture displays a graphic line in a default picture, and a non-hollow area shields other areas in the default picture; the size of the skeleton picture may be the same as or slightly larger than the default picture, but the hollow area in the skeleton picture needs to be smaller than or equal to the default picture. When the hollow picture is superposed and arranged on the upper part of the default picture, the display of the graphic lines in the default picture is not influenced; the dynamic picture may be a pure color picture, a gradient color picture or other pictures with different colors from the graphic lines in the default picture. The size of the dynamic picture can be the same as that of the hollow picture, and can also be slightly smaller than that of the hollow picture, but is usually larger than or equal to the hollow area of the hollow picture. In another mode, the shape of a hollow area in the hollow picture is used for representing the type of the task; the default picture and the dynamic picture are pure color pictures, gradient color pictures or pictures with colors in other forms, and the colors of the default picture and the dynamic picture are different.
The display area is usually a designated area in a webpage or an application program page, and the hidden area can be an area outside the display area; it should be noted that, on the current page, the hidden area is used to hide the dynamic picture, but other contents may be displayed at the same time. The elements in the page are usually arranged in a stacking order, and when the display positions of a plurality of elements are overlapped, the element of the highest layer is finally displayed. In actual implementation, the stacking order of the pictures can be set through the stacking order identifier.
Step S104, moving the dynamic picture to the display area according to the execution progress of the task;
the execution instruction of the task can be triggered by a user or automatically triggered by the system. The browser, the application program or the system can monitor whether the task is executed in real time, and if the task is executed, the browser, the application program or the system can start to acquire the execution progress of the task. Specifically, the execution progress of the task may be obtained through a preset time interval, and the time interval may be 50 milliseconds, 100 milliseconds, 1 second, and the like. When calculating the execution progress, the total amount of the tasks may be obtained first, and then the execution amount of the character may be obtained according to the time interval, where a ratio of the execution amount to the total amount is the execution progress.
In the initial state, the moving picture is located in a hidden area, and the hidden area may be adjacent to the display area or may be spaced apart from the display area by a certain distance. When the moving picture moves from the hidden area to the display area, the moving path may be preset, and the moving distance is usually determined according to the execution progress. For example, when the execution progress is 50%, the moving distance of the moving picture is also 50% of the moving path; when the execution progress is 100%, the moving distance of the moving picture is also 100% of the moving path, that is, the moving picture reaches the display area. It can be understood that the faster the execution speed of the task, the faster the moving speed of the motion picture, so as to characterize the execution speed of the task.
And S106, displaying the hollow picture, the dynamic picture and the default picture in the display area according to the stacking sequence.
Because the stacking sequence of the hollow-out pictures is the highest in each picture, the hollow-out pictures cannot be shielded even if the dynamic pictures move to the display area. If the stacking sequence of the dynamic pictures is higher than the stacking sequence of the default pictures, after the dynamic pictures move to the display area, if the dynamic pictures are overlapped with the default pictures, the overlapped part displays the corresponding area of the dynamic pictures, and the corresponding area of the default pictures is shielded; under the condition, the default picture is larger and larger in the sheltered area in the moving process of the dynamic picture, so that the part for displaying the dynamic picture in the hollow-out area of the hollow-out picture is larger and larger, the part for displaying the default picture is smaller and smaller, and when the colors of the default picture and the dynamic picture are different, the color change displayed in the hollow-out area of the hollow-out picture can represent the execution progress of the task.
If the stacking order of the dynamic pictures is equal to the stacking order of the default pictures, the default pictures can be translated simultaneously when the dynamic pictures are moved; or when the dynamic picture moves to the display area and is adjacent to the default picture, the dynamic picture and the default picture are translated at the same time, and the dynamic picture and the default picture are not shielded from each other. The dynamic picture and the default picture move at the same time, the dynamic picture moves to the display area, and the default picture moves to the hidden area, so that the part for displaying the dynamic picture in the hollow area of the hollow picture is larger and larger, the part for displaying the default picture is smaller and smaller, and when the colors of the default picture and the dynamic picture are different, the color change displayed in the hollow area of the hollow picture can represent the execution progress of the task.
According to the task progress display method provided by the embodiment of the invention, in an initial state, a default picture and a hollow picture preset by a task are overlapped and arranged in a display area; setting a dynamic picture preset by a task in a hidden area; the stacking sequence of the pictures is as follows: the hollow picture is higher than the dynamic picture, and the dynamic picture is higher than or equal to the default picture; when an execution instruction of a task is received, moving a dynamic picture to a display area according to the execution progress of the task; and displaying the hollow pictures, the dynamic pictures and the default pictures in the display area according to the stacking sequence. In the mode, the task progress is displayed in a mode of moving pictures, the colors of the contents of the pictures can be enriched and diversified, the richness of task progress display is improved, in addition, the task progress can be directly displayed on the pictures or icons corresponding to the tasks in the mode, a large display area is not needed, and therefore the application range is wide.
The embodiment of the invention also provides another task progress display method, which is realized on the basis of the method in the embodiment; the method mainly describes a specific implementation mode of setting a display area and a hidden area through a container and a specific setting mode of a stacking sequence.
In a web page design tool, a container typically has the following properties: the pictures or the partial pictures which are positioned outside the container range in the pictures or the picture sets corresponding to the container are in a hidden state, and the pictures or the partial pictures which are positioned inside the container range in the pictures or the picture sets are in a display state. In the web page code, the setting of the container can be realized by a command < div class = "icon" >/div >, and the container attribute of the container is set by css style overflow: hidden, and the command can be understood that when the container range of the container is exceeded, an object (in this embodiment, a picture) is hidden.
Based on the attributes of the container, the hollow pictures, the dynamic pictures and the default pictures are preset in the container; the display area is arranged in the container range of the container, so that the hollow picture and the default picture are positioned in the container range in the initial state; the container is a hidden area outside the container range, so that the dynamic picture is located within the container range in the initial state. The size of this container scope can with the size phase-match of fretwork picture, if the length and width of container scope is the same with the length and width of fretwork picture to avoid showing the picture content except the fretwork picture and the fretwork region of fretwork picture in the container scope, guarantee display effect.
In order to set the stacking order of the respective pictures, the stacking order of the respective pictures in the present embodiment is set by: respectively setting stacking sequence marks of the hollow pictures, the dynamic pictures and the default pictures; the size of the stacking sequence identifier corresponds to the stacking sequence of the corresponding pictures, namely the stacking sequence of each picture is distinguished through the stacking sequence identifier; specifically, the stacking order identifier may be a numerical value, and the higher the stacking order of the pictures is, the larger the stacking order identifier of the pictures may be set; in addition, the stacking sequence identifier can also be a character, each stacking level corresponds to a designated character, and the stacking sequence of the pictures is distinguished through the characters.
In an HTML (HyperText Markup Language) Language, a stacking order of pictures can be set through a z-index statement, and the z-index can be called as a stacking order identifier; in other web page programming languages, the stacking order is set by corresponding statements. In the HTML language, the larger the stacking sequence identifier is, the more forward the stacking sequence of the elements is; typically, the default z-index value for a picture is 0; the z-index value of the later pictures (i.e. the pictures with lower stacking level) can be set to-1, -2, -100, etc.; the more advanced elements (i.e., pictures with higher stacking levels), the z-index value may be set to 1, 5, 500, etc. Therefore, the z-index value of the above-mentioned punctured picture can be set to 1, the z-index value of the motion picture can be set to 0, and the z-index value of the default picture can be set to 0 or-1.
Based on the above description, the task progress display method of the embodiment includes the following steps, as shown in fig. 2:
step S202, in an initial state, a default picture preset by a task and a hollow picture are overlapped and arranged in a container range; setting a dynamic picture preset by a task outside a container range;
as mentioned above, when the hollow-out picture is rectangular, the container range is also generally rectangular; in order to avoid displaying other picture contents, the edge of the container range can coincide with the edge of the hollow picture; the container range can be any other area in the currently displayed page except the container range; thus, in the initial state, the dynamic picture can be set to any region other than the container range, such as the top, bottom, side, etc. of the container range; the dynamic picture may be adjacent to the container range, or may have a set distance from the container range.
Step S204, respectively setting stacking sequence marks of the hollow pictures, the dynamic pictures and the default pictures; the size of the stacking sequence identifier corresponds to the stacking sequence of the corresponding pictures;
step S206, when receiving the execution instruction of the task, executing the task;
step S208, moving the dynamic picture to the container range according to the execution progress of the task;
the moving path of the moving picture is usually related to the position of the moving picture in the initial state; for example, if the motion picture is located at the top of the container range, the moving path of the motion picture is from top to bottom; if the dynamic picture is positioned at the left side of the container range, the moving path of the dynamic picture is from left to right; generally, the position of the motion picture in the initial state is connected with the center of the container range, i.e. the motion path of the motion picture can be taken.
And S210, displaying the hollow pictures, the dynamic pictures and the default pictures according to the stacking sequence in the container range.
In the mode, the display area and the hidden area are arranged through the container, and the stacking sequence of each picture is set through the stacking sequence identifier, so that the task progress is displayed in a mobile picture mode, the colors of the contents of the pictures can be rich and varied, and the richness of task progress display is improved; in addition, the container range does not need to occupy a large display area generally, the task progress can be displayed directly on the picture or the icon corresponding to the task, and the large display area is not needed, so that the application range is wide.
The embodiment of the invention also provides another method for displaying the task progress, which is realized on the basis of the method in the embodiment; the method mainly describes a specific process of moving a dynamic picture to a display area; as shown in fig. 3, the method comprises the steps of:
step S302, in an initial state, a default picture preset by a task and a hollow picture are overlapped and arranged in a container range; setting a dynamic picture preset by a task outside a container range;
step S304, respectively setting stacking sequence identifiers of the hollow pictures, the dynamic pictures and the default pictures; the size of the stacking sequence identifier corresponds to the stacking sequence of the corresponding pictures;
step S306, when receiving the execution instruction of the task, executing the task;
step S308, acquiring the execution progress of the first task according to a preset time interval;
the time interval may be 50 milliseconds, 100 milliseconds, 1 second, etc. For a resource downloading task, the total data volume and the downloaded data volume of the resource may be obtained, and the ratio of the downloaded data volume to the total data volume is used as the execution progress of the task.
Step S310, determining the moving position of the dynamic picture according to the acquired execution progress;
when an execution progress is obtained, the moving position of the corresponding dynamic picture can be determined according to the execution progress; and when the next execution progress is obtained, continuously updating the moving position of the dynamic picture according to the execution progress. In practical implementation, the step S310 can be implemented in two ways:
one of the ways is that for each acquired execution progress, a mobile position corresponding to the execution progress is determined from a preset corresponding relation between the execution progress and the mobile position; and each moving position in the corresponding relation between the execution progress and the moving position forms a moving path from the hidden area to the display area.
In this way, a moving path is usually set in advance according to the relative position between the dynamic picture and the container range, and then point coordinates of a plurality of points on the moving path are obtained according to a preset distance; and determining the execution progress corresponding to the point coordinate according to the ratio of the distance between each point coordinate and the dynamic picture and the total distance of the moving path, wherein the point coordinate is the moving position, so that the corresponding relation between the execution progress and the moving position is obtained. Based on the point coordinates, after the execution progress is obtained, the point coordinates corresponding to the execution progress are searched from the corresponding relation, and then the dynamic picture is moved to the point coordinates. Specifically, a designated point in the dynamic picture, such as a center point, an upper left corner point, etc., may be designated in advance, and the dynamic picture is moved to the point coordinate, that is, the designated point of the dynamic picture is moved to the point coordinate.
In another mode, the moving position of the dynamic picture is determined on the moving path according to each acquired execution progress and the total distance of the moving path from the preset hidden area to the display area.
In the method, a moving path is set in advance according to the relative position of the dynamic picture and the container range; and after the execution progress is obtained, multiplying the execution progress by the total distance of the moving path to obtain the moving distance of the dynamic picture, and determining the moving position on the moving path based on the moving distance.
In step S312, the moving picture is moved to the determined moving position.
Step S314, displaying the hollow-out picture, the dynamic picture and the default picture according to the stacking sequence in the display area.
Step S316, judging whether the task is executed, if not, executing step S318; if yes, ending;
step S318, obtaining the execution progress of the next task according to the preset time interval, and executing step S310.
In the above manner, the current execution progress is obtained according to the time interval, and the moving position of the dynamic picture is determined based on the execution progress until the task is executed; the method can improve the richness of task progress display and has a wide application range.
The embodiment of the invention also provides another task progress display method, which is realized on the basis of the method in the embodiment; in this embodiment, a resource downloading task is taken as an example, and examples of two methods for displaying task progress are provided. Described separately below.
Example 1:
as shown in fig. 4, the default picture is an icon representing downloading; the edge of the hollowed-out area of the hollowed-out picture is overlapped with the edge of an icon line on the default picture; the dynamic picture is a horizontal line; the stacking sequence of the hollow pictures is the highest, the stacking sequence of the dynamic pictures is centered, and the stacking sequence of the default pictures is the lowest. In an initial state, the hollowed-out picture is superposed on the default picture and is positioned in the display area, and the content of the default picture is displayed in the hollowed-out area of the hollowed-out picture; the dynamic picture is positioned in the hidden area at the top of the default picture; in fig. 4, a dotted line is one boundary line between the hidden area and the display area, and the dotted line does not exist when the actual page is displayed.
When the task starts to be executed, the dynamic pictures start to move downwards, and the stacking sequence of the dynamic pictures is higher than that of the default pictures and lower than that of the hollow pictures; therefore, when the dynamic picture moves to the display area, the hollow picture is not shielded, but the default picture is shielded; therefore, the hollow area of the hollow picture starts to display the content of the dynamic picture; and when the execution progress is 50%, displaying the content of the dynamic picture in a longitudinal 50% area of the hollow picture. And when the execution progress is 80%, displaying the content of the dynamic picture in a longitudinal 80% area of the hollow picture. And when the execution progress is 100%, the hollow area of the hollow picture completely displays the content of the dynamic picture.
Example 2:
as shown in fig. 5, the default picture in this example is a vertical line, and the hollow area of the hollow picture constitutes an icon representing downloading; the dynamic picture is a horizontal line; the stacking sequence of the hollow pictures is the highest, and the stacking sequence of the dynamic pictures is the same as that of the default pictures and is lower than that of the hollow pictures. In an initial state, the hollow-out picture is superposed on the default picture and is positioned in the display area, and all contents of the default picture, namely vertical lines, are displayed in the hollow-out area of the hollow-out picture; the dynamic picture is positioned in the hidden area at the top of the default picture; two dotted lines in fig. 5 are two boundary lines of the hidden area and the display area, and no dotted line exists when the actual interface is displayed.
When the task is started to be executed, the dynamic picture starts to move downwards, and because the stacking sequence of the dynamic picture is equal to the stacking sequence of the default picture, the dynamic picture and the default picture are translated so that the dynamic picture moves towards the display area and the default picture moves towards the hidden area. In the translation process, the dynamic picture and the default picture do not shield the hollow picture; the hollow area of the hollow picture starts to display the content of the dynamic picture; when the execution progress is 50%, displaying the content of the dynamic picture in a longitudinal 50% area of the hollow-out picture, and hiding the default picture area which is moved to 50% of the hidden area. And when the execution progress is 80%, displaying the content of the dynamic picture in a longitudinal 80% area of the hollow picture. And when the execution progress is 100%, the hollow area of the hollow picture completely displays the content of the dynamic picture.
In the above example, during the moving process of the picture, the coordinates of the page or the browser may be used for positioning; if the coordinates of the upper left corner of the page are taken as a reference; in the process of moving the dynamic picture downwards, the distance between the dynamic picture and the top of the page can be controlled, and the Y coordinate of the dynamic picture is changed, so that the dynamic picture is controlled to move downwards.
It should be noted that the above method embodiments are all described in a progressive manner, each embodiment focuses on differences from other embodiments, and the same and similar parts among the embodiments may be referred to each other.
Corresponding to the foregoing method embodiment, an embodiment of the present invention provides an apparatus for displaying task progress, where as shown in fig. 6, the apparatus includes:
the picture setting module 60 is configured to set a default picture and a hollow picture, which are preset by the task, in a display area, and set a dynamic picture, which is preset by the task, in a hidden area, wherein the stacking sequence of the pictures includes: the hollow picture is higher than the dynamic picture, and the dynamic picture is higher than or equal to the default picture;
the picture moving module 61 is used for moving the dynamic picture to the display area according to the execution progress of the task;
and the picture display module 62 is configured to display the hollow picture, the dynamic picture and the default picture in the display area according to the stacking order.
According to the task progress display device provided by the embodiment of the invention, in an initial state, a default picture and a hollow picture preset by a task are overlapped and arranged in a display area; setting a dynamic picture preset by a task in a hidden area; the stacking sequence of the pictures is as follows: the hollow picture is higher than the dynamic picture, and the dynamic picture is higher than or equal to the default picture; when an execution instruction of a task is received, moving a dynamic picture to a display area according to the execution progress of the task; and then displaying the hollow-out picture, the dynamic picture and the default picture in the display area according to the stacking sequence. In the mode, the task progress is displayed in a mode of moving the picture, the colors of the content of the picture can be rich and varied, the richness of task progress display is improved, in addition, a larger display area is not required to be occupied, the task progress can be directly displayed on the picture or the icon corresponding to the task, the larger display area is not required, and therefore the application range is wider.
In some embodiments, the hollow-out picture, the dynamic picture and the default picture are preset in the container; the container range of the container is a display area; the container is a hidden area outside the container range.
In some embodiments, the above apparatus further comprises: the stacking sequence setting module is used for respectively setting stacking sequence identifications of the hollow pictures, the dynamic pictures and the default pictures; the size of the stacking sequence identifier corresponds to the stacking sequence of the corresponding pictures.
In some embodiments, the picture moving module is configured to: acquiring the execution progress of the task according to a preset time interval; determining the moving position of the dynamic picture according to each acquired execution progress; and moving the dynamic picture to the determined moving position.
In some embodiments, the picture moving module is configured to: for each acquired execution progress, determining a moving position corresponding to the execution progress from a preset corresponding relation between the execution progress and the moving position; each moving position in the corresponding relation between the execution progress and the moving position forms a moving path from the hidden area to the display area; or determining the moving position of the dynamic picture on the moving path according to each acquired execution progress and the total distance from the preset hidden area to the moving path of the display area.
In some embodiments, the picture moving module is configured to: and if the stacking sequence of the dynamic pictures is equal to that of the default pictures, translating the dynamic pictures and the default pictures so as to move the dynamic pictures to the display area and move the default pictures to the hidden area.
The implementation principle and the generated technical effect of the task progress display device provided by the embodiment of the invention are the same as those of the method embodiment, and for brief description, the corresponding content in the method embodiment can be referred to where the device embodiment is not mentioned.
The embodiment of the invention also provides terminal equipment, which is used for running the display method of the task progress; referring to fig. 7, the terminal device includes a memory 100 and a processor 101, where the memory 100 is used to store one or more computer instructions, and the one or more computer instructions are executed by the processor 101 to implement the above task progress display method.
Further, the terminal device shown in fig. 7 further includes a bus 102 and a communication interface 103, and the processor 101, the communication interface 103, and the memory 100 are connected through the bus 102.
The Memory 100 may include a Random Access Memory (RAM) and a non-volatile Memory (non-volatile Memory), such as at least one disk Memory. The communication connection between the network element of the system and at least one other network element is realized through at least one communication interface 103 (which may be wired or wireless), and the internet, a wide area network, a local network, a metropolitan area network, and the like may be used. The bus 102 may be an ISA bus, a PCI bus, an EISA bus, or the like. The bus may be divided into an address bus, a data bus, a control bus, etc. For ease of illustration, only one double-headed arrow is shown in FIG. 7, but this does not indicate only one bus or one type of bus.
The processor 101 may be an integrated circuit chip having signal processing capabilities. In implementation, the steps of the above method may be performed by integrated logic circuits of hardware or instructions in the form of software in the processor 101. The Processor 101 may be a general-purpose Processor, and includes a Central Processing Unit (CPU), a Network Processor (NP), and the like; the device can also be a Digital Signal Processor (DSP), an Application Specific Integrated Circuit (ASIC), a Field-Programmable Gate Array (FPGA), or other Programmable logic devices, discrete Gate or transistor logic devices, discrete hardware components. The various methods, steps and logic blocks disclosed in the embodiments of the present invention may be implemented or performed. A general purpose processor may be a microprocessor or the processor may be any conventional processor or the like. The steps of the method disclosed in connection with the embodiments of the present invention may be directly implemented by a hardware decoding processor, or implemented by a combination of hardware and software modules in the decoding processor. The software modules may be located in ram, flash, rom, prom, or eprom, registers, etc. as is well known in the art. The storage medium is located in the memory 100, and the processor 101 reads the information in the memory 100, and completes the steps of the method of the foregoing embodiment in combination with the hardware thereof.
The embodiment of the present invention further provides a machine-readable storage medium, where a machine-executable instruction is stored, and when the machine-executable instruction is called and executed by a processor, the machine-executable instruction causes the processor to implement the method for displaying the progress of the task, and specific implementation may refer to the method embodiment, which is not described herein again.
The method, the apparatus, the terminal device and the computer program product for converting picture colors provided in the embodiments of the present invention include a computer readable storage medium storing a program code, where instructions included in the program code may be used to execute the method described in the foregoing method embodiments, and specific implementation may refer to the method embodiments, and will not be described herein again.
The functions may be stored in a computer-readable storage medium if they are implemented in the form of software functional units and sold or used as separate products. Based on such understanding, the technical solution of the present invention or a part thereof, which essentially contributes to the prior art, can be embodied in the form of a software product, which is stored in a storage medium and includes several instructions for causing a computer device (which may be a personal computer, a terminal device, a server or a network device, etc.) to execute all or part of the steps of the method according to the embodiments of the present invention. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a magnetic disk or an optical disk, and other various media capable of storing program codes.
Finally, it should be noted that: although the present invention has been described in detail with reference to the foregoing embodiments, it should be understood by those skilled in the art that the following descriptions are only illustrative and not restrictive, and that the scope of the present invention is not limited to the above embodiments: any person skilled in the art can modify or easily conceive the technical solutions described in the foregoing embodiments or equivalent substitutes for some technical features within the technical scope of the present disclosure; such modifications, changes or substitutions do not depart from the spirit and scope of the embodiments of the present invention, and they should be construed as being included therein. Therefore, the protection scope of the present invention shall be subject to the protection scope of the claims.
Claims (10)
1. A method for displaying task progress is characterized by comprising the following steps:
the task presetting default picture and the hollow picture are overlapped and arranged in a display area, the task presetting dynamic picture is arranged in a hidden area, wherein the stacking sequence of each picture comprises: the hollow picture is higher than the dynamic picture, and the dynamic picture is higher than or equal to the default picture;
moving the dynamic picture to the display area according to the execution progress of the task;
displaying the hollowed-out picture, the dynamic picture and the default picture in the display area according to the stacking sequence; the hollow picture displays a graphic line in a hollow area of the hollow picture in the default picture; the graphic lines represent the types of the tasks;
the step of moving the moving picture to the display area includes:
if the stacking sequence of the dynamic pictures is equal to the stacking sequence of the default pictures, translating the dynamic pictures and the default pictures so as to enable the dynamic pictures to move to the display area and the default pictures to move to the hidden area;
the hollow picture, the dynamic picture and the default picture are arranged in a container in advance; the display area is arranged in the container range of the container; the hidden area is outside the container range of the container; the size of the container range is matched with the size of the hollow-out picture.
2. The method according to claim 1, wherein the stacking order of the pictures is set by:
respectively setting stacking sequence marks of the hollow pictures, the dynamic pictures and the default pictures; the size of the stacking sequence identifier corresponds to the stacking sequence of the corresponding pictures.
3. The method according to claim 1, wherein the step of moving the moving picture to the display area according to the execution progress of the task comprises:
acquiring the execution progress of the task according to a preset time interval;
determining the moving position of the dynamic picture according to each acquired execution progress;
and moving the dynamic picture to the determined moving position.
4. The method according to claim 3, wherein the step of determining the moving position of the moving picture according to each acquired execution progress includes:
for each acquired execution progress, determining a moving position corresponding to the execution progress from a preset corresponding relation between the execution progress and the moving position; each moving position in the corresponding relation between the execution progress and the moving position forms a moving path from the hidden area to the display area;
or determining the moving position of the dynamic picture on the moving path according to each acquired execution progress and the preset total distance from the hidden area to the moving path of the display area.
5. An apparatus for displaying progress of a task, the apparatus comprising:
the picture setting module is used for setting default pictures preset by tasks and hollow pictures in a display area in a superposition mode, and setting dynamic pictures preset by the tasks in a hidden area, wherein the stacking sequence of the pictures comprises: the hollow picture is higher than the dynamic picture, and the dynamic picture is higher than or equal to the default picture;
the picture moving module is used for moving the dynamic picture to the display area according to the execution progress of the task;
the picture display module is used for displaying the hollow pictures, the dynamic pictures and the default pictures in the display area according to the stacking sequence; the hollow picture displays a graphic line in a hollow area of the hollow picture in the default picture; the graphic lines represent the types of the tasks;
the picture moving module is configured to:
if the stacking sequence of the dynamic pictures is equal to that of the default pictures, translating the dynamic pictures and the default pictures so as to enable the dynamic pictures to move to the display area and the default pictures to move to the hidden area;
the hollow picture, the dynamic picture and the default picture are preset in a container; the display area is arranged in the container range of the container; the hidden area is outside the container range of the container; the size of the container range is matched with the size of the hollow-out picture.
6. The apparatus of claim 5, further comprising: the stacking sequence setting module is used for respectively setting stacking sequence identifiers of the hollow pictures, the dynamic pictures and the default pictures; the size of the stacking sequence identifier corresponds to the stacking sequence of the corresponding picture.
7. The apparatus of claim 5, wherein the picture moving module is configured to:
acquiring the execution progress of the task according to a preset time interval;
determining the moving position of the dynamic picture according to each acquired execution progress;
and moving the dynamic picture to the determined moving position.
8. The apparatus of claim 7, wherein the picture moving module is configured to:
for each acquired execution progress, determining a moving position corresponding to the execution progress from a preset corresponding relation between the execution progress and the moving position; each moving position in the corresponding relation between the execution progress and the moving position forms a moving path from the hidden area to the display area;
or determining the moving position of the dynamic picture on the moving path according to each acquired execution progress and the preset total distance between the hidden area and the moving path of the display area.
9. A terminal device comprising a processor and a memory, the memory storing machine executable instructions executable by the processor, the processor executing the machine executable instructions to implement the method of displaying task progress of any one of claims 1 to 4.
10. A machine-readable storage medium having stored thereon machine-executable instructions which, when invoked and executed by a processor, cause the processor to carry out a method of displaying progress of a task according to any one of claims 1 to 4.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910256668.5A CN109976865B (en) | 2019-03-29 | 2019-03-29 | Task progress display method and device and terminal equipment |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201910256668.5A CN109976865B (en) | 2019-03-29 | 2019-03-29 | Task progress display method and device and terminal equipment |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109976865A CN109976865A (en) | 2019-07-05 |
| CN109976865B true CN109976865B (en) | 2023-03-28 |
Family
ID=67082129
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201910256668.5A Active CN109976865B (en) | 2019-03-29 | 2019-03-29 | Task progress display method and device and terminal equipment |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN109976865B (en) |
Families Citing this family (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN111324404B (en) * | 2020-01-20 | 2023-11-24 | 北京有竹居网络技术有限公司 | Information acquisition progress display method and device, electronic equipment and readable medium |
| CN112306616B (en) * | 2020-11-23 | 2023-09-29 | 北京百家科技集团有限公司 | Loading display processing method and device, computer equipment and storage medium |
| CN113867857B (en) * | 2021-09-06 | 2024-07-23 | 贵阳语玩科技有限公司 | Progress bar display method, device and equipment based on Android system |
Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103559117A (en) * | 2013-10-31 | 2014-02-05 | 宇龙计算机通信科技(深圳)有限公司 | Method and device for displaying progress bar |
| CN106528161A (en) * | 2016-11-18 | 2017-03-22 | 广州爱九游信息技术有限公司 | Terminal equipment, page display processing device and method |
Family Cites Families (4)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN102542871B (en) * | 2010-12-17 | 2014-10-22 | 北京壹人壹本信息科技有限公司 | Electronic copybook and electronic device employing touch electronic display technology |
| CN102566952B (en) * | 2010-12-20 | 2014-11-26 | 福建星网视易信息系统有限公司 | Display system and display method applied to embedded digital entertainment on-demand system |
| CN104423840B (en) * | 2013-09-04 | 2019-04-12 | 腾讯科技（深圳）有限公司 | A kind of implementation method and device of progress indicator strip |
| CN104978100A (en) * | 2014-04-02 | 2015-10-14 | 富泰华工业（深圳）有限公司 | Method and system for dynamically displaying file transmission progress |
-
2019
- 2019-03-29 CN CN201910256668.5A patent/CN109976865B/en active Active
Patent Citations (2)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN103559117A (en) * | 2013-10-31 | 2014-02-05 | 宇龙计算机通信科技(深圳)有限公司 | Method and device for displaying progress bar |
| CN106528161A (en) * | 2016-11-18 | 2017-03-22 | 广州爱九游信息技术有限公司 | Terminal equipment, page display processing device and method |
Also Published As
| Publication number | Publication date |
|---|---|
| CN109976865A (en) | 2019-07-05 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN109976865B (en) | Task progress display method and device and terminal equipment | |
| CN110297996B (en) | Animation display method, device, equipment and storage medium based on H5 page | |
| CN109978972B (en) | Method and device for editing characters in picture | |
| CN106155454B (en) | Interface display method and device and electronic equipment | |
| CN102779167B (en) | The method and system of display web page in the terminal | |
| CN104820589B (en) | A kind of method and its device of dynamic adaptation webpage | |
| CN106844635B (en) | Method and device for editing elements in webpage | |
| CN108021671B (en) | Page transparent processing method and device | |
| KR20150079867A (en) | Html5-protocol-based webpage presentation method and device | |
| CN111177621B (en) | Web page development method, device and system | |
| CN111708535A (en) | Image-text display control method and device and electronic equipment | |
| CN111857878B (en) | Skeleton screen page generation method and device, electronic equipment and storage medium | |
| CN112835809A (en) | Test data setting method, device, equipment and medium based on browser | |
| CN106874387B (en) | Method for displaying real-time information in self-adaptive HTML (Hypertext markup language) scrolling mode | |
| CN110471700B (en) | Graphic processing method, apparatus, storage medium and electronic device | |
| CN111435313A (en) | Method and device for changing skin of software | |
| CN106559455B (en) | Form filling result feedback prompting method and device | |
| CN112487328B (en) | Method and device for realizing universal guide assembly, electronic equipment and medium | |
| CN105389308B (en) | Webpage display processing method and device | |
| CN111460764B (en) | Electronic book labeling method, electronic equipment and storage medium | |
| CN113434138A (en) | Information display method and device and electronic equipment | |
| CN109960561B (en) | Page element display method and device and electronic equipment | |
| CN111914198A (en) | Method, system and electronic equipment for realizing browser compatibility | |
| CN111258576A (en) | Interface generation method and device, electronic equipment and computer storage medium | |
| CN112738562B (en) | Method, device and computer storage medium for transparent display of browser page |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |