CN112306616B - Loading display processing method and device, computer equipment and storage medium - Google Patents
Loading display processing method and device, computer equipment and storage medium Download PDFInfo
- Publication number
- CN112306616B CN112306616B CN202011323318.5A CN202011323318A CN112306616B CN 112306616 B CN112306616 B CN 112306616B CN 202011323318 A CN202011323318 A CN 202011323318A CN 112306616 B CN112306616 B CN 112306616B
- Authority
- CN
- China
- Prior art keywords
- frame
- box model
- progress bar
- box
- target progress
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Active
Links
- 238000003672 processing method Methods 0.000 title claims abstract description 24
- 238000000034 method Methods 0.000 claims abstract description 41
- 239000003086 colorant Substances 0.000 claims description 24
- 238000012545 processing Methods 0.000 claims description 14
- 238000004590 computer program Methods 0.000 claims description 8
- 230000000694 effects Effects 0.000 abstract description 22
- 230000007704 transition Effects 0.000 abstract description 8
- 230000008569 process Effects 0.000 description 16
- 238000010586 diagram Methods 0.000 description 11
- 230000006870 function Effects 0.000 description 10
- 101100171060 Caenorhabditis elegans div-1 gene Proteins 0.000 description 6
- 238000004891 communication Methods 0.000 description 5
- 230000008878 coupling Effects 0.000 description 3
- 238000010168 coupling process Methods 0.000 description 3
- 238000005859 coupling reaction Methods 0.000 description 3
- 238000005516 engineering process Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 239000004065 semiconductor Substances 0.000 description 2
- 238000006467 substitution reaction Methods 0.000 description 2
- 230000001413 cellular effect Effects 0.000 description 1
- 230000001419 dependent effect Effects 0.000 description 1
- 238000004519 manufacturing process Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000011160 research Methods 0.000 description 1
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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T19/00—Manipulating 3D models or images for computer graphics
- G06T19/20—Editing of 3D images, e.g. changing shapes or colours, aligning objects or positioning parts
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2219/00—Indexing scheme for manipulating 3D models or images for computer graphics
- G06T2219/20—Indexing scheme for editing of 3D models
- G06T2219/2012—Colour editing, changing, or manipulating; Use of colour codes
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T2219/00—Indexing scheme for manipulating 3D models or images for computer graphics
- G06T2219/20—Indexing scheme for editing of 3D models
- G06T2219/2016—Rotation, translation, scaling
Landscapes
- Engineering & Computer Science (AREA)
- Software Systems (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Architecture (AREA)
- Computer Graphics (AREA)
- Computer Hardware Design (AREA)
- Management, Administration, Business Operations System, And Electronic Commerce (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
The present disclosure provides a loading display processing method, apparatus, computer device, and storage medium, the method comprising: creating a first box model of the cascading style sheet CSS, creating a plurality of second box models in the first box model based on the first box model, and creating a third box model corresponding to the second box model in the first box model based on the second box model, wherein the first box model is formed by the plurality of second box models, and the third box model is identical to the first box model in shape, size and position; for each second box model, hiding a part, beyond the second box model, of a third box model corresponding to the second box model; adjusting the frame of the third box model to be a round corner frame, and determining a target progress bar; and rotating the target progress bar according to a preset track to finish loading display of the target progress bar. According to the embodiment of the disclosure, the effect of loading the target progress bar is achieved through simple logic, and transition smoothness of the target progress bar is guaranteed.
Description
Technical Field
The disclosure relates to the technical field of computers, and in particular relates to a loading display processing method, a loading display processing device, computer equipment and a storage medium.
Background
At present, the mode of loading display effect presentation comprises a circular progress bar, a rectangular progress bar and the like, wherein the circular progress bar is most commonly loaded and displayed in application scenes. A circular loading progress bar can be drawn, typically using canvas, by a time control function.
However, the above technology has a high requirement on the front-end performance, the code implementation is complex, and more logic is needed to control, for example, in a WeChat applet, the loading effect of the circular progress bar is achieved by using the front-end technology, which results in an unsmooth transition effect and poor interaction experience such as flickering. Therefore, how to simply realize progress bar loading and ensure smooth transition is a problem to be solved in the current computer field.
Disclosure of Invention
In view of this, the embodiments of the present disclosure at least provide a loading display processing method, apparatus, computer device, and storage medium, which achieve the effect of loading a target progress bar through simple logic, and ensure smooth operation and smooth transition of the progress bar in the loading process.
In a first aspect, an embodiment of the present disclosure provides a loading display processing method, including:
creating a first box model of a cascading style sheet CSS, creating a plurality of second box models in the first box model based on the first box model, and creating a third box model corresponding to the second box model in the first box model based on the second box model, wherein the plurality of second box models form the first box model, and the third box model is identical in shape, size and position to the first box model;
for each second box model, hiding a part, beyond the second box model, of a third box model corresponding to the second box model;
adjusting the frame of the third box model to be a round corner frame, and determining a target progress bar;
and rotating the target progress bar according to a preset track to finish loading display of the target progress bar.
In an optional implementation manner, the adjusting the border of the third box model to be a rounded frame, determining the target progress bar includes:
selecting a first frame of the third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the first frame into a first round angle frame; selecting a third frame of the third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the third frame into a second round frame, wherein the third frame is a frame of the third box model except the first frame; or alternatively
Selecting a first frame and a second frame of the third box model, taking the centroid of the first box model as a center, taking half of the length of the frame of the first box model as a radius, and adjusting the first frame and the second frame to be first round angle frames, wherein the first frame and the second frame are adjacent frames of the third box model; selecting a third frame of the third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the third frame into a second round frame, wherein the third frame is a frame of the third box model except the first frame and the second frame;
the target progress bar is determined based on the first rounded frame and the second rounded frame.
In an alternative embodiment, the method further comprises:
configuring a preset color for a first frame of the third box model, wherein the preset color is a color other than a transparent color; and configuring a transparent color for a third frame of the third box model, wherein the third frame is a frame of the third box model except the first side; or alternatively
Configuring preset colors for a first frame and a second frame of the third box model, wherein the preset colors are colors except transparent colors, and the first frame and the second frame are adjacent frames of the third box model; and configuring transparent color for a third frame of the third box model, wherein the third frame is a frame of the third box model except the first frame and the second frame.
In an optional implementation manner, after the adjusting the frame of the third box model to be a rounded frame and determining a target progress bar, before the rotating the target progress bar according to a preset track and completing loading display of the target progress bar, the method further includes:
acquiring the target progress bars corresponding to the second box models, and preset directions and preset angles corresponding to the target progress bars;
and respectively taking the target progress bar corresponding to each second box model as a center, and rotating the target progress bar by a preset angle corresponding to the target progress bar according to a first preset direction corresponding to the target progress bar to reach the starting position of each target progress bar.
In an optional implementation manner, the rotating the target progress bar according to a preset track, and completing the loading display of the target progress bar, includes:
acquiring a display sequence of each target progress bar;
rotating a target progress bar with a first display sequence for a first preset time according to a second preset direction, and completing loading display of the first target progress bar;
and for each target progress bar except for the target progress bar with the first display sequence, after the last target progress bar of the target progress bar is loaded, rotating the target progress bar for a second preset time according to a second preset direction, and completing the loading display of the target progress bar.
In an alternative embodiment, the first box model is square.
In an alternative embodiment, the method further comprises: and adjusting the width of the frame of the third box model.
In a second aspect, an embodiment of the present disclosure further provides a loading display processing apparatus, including:
the creation module is used for creating a first box model of the cascading style sheet CSS, creating a plurality of second box models in the first box model based on the first box model, and creating a third box model corresponding to the second box model in the first box model based on the second box model, wherein the plurality of second box models form the first box model, and the third box model is identical in shape, size and position with the first box model;
The hiding module is used for hiding a part, beyond the second box model, of a third box model corresponding to each second box model;
the adjusting module is used for adjusting the frame of the third box model to be a round corner frame and determining a target progress bar;
and the loading module is used for rotating the target progress bar according to a preset track and completing loading display of the target progress bar.
In an optional implementation manner, the adjusting module is configured to select a first frame of the third box model, take a centroid of the first box model as a center, take half of a length of the frame of the first box model as a radius, and adjust the first frame to be a first rounded frame; selecting a third frame of the third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the third frame into a second round frame, wherein the third frame is a frame of the third box model except the first frame; or selecting a first frame and a second frame of the third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the first frame and the second frame into a first round angle frame, wherein the first frame and the second frame are adjacent frames of the third box model; selecting a third frame of the third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the third frame into a second round frame, wherein the third frame is a frame of the third box model except the first frame and the second frame; the target progress bar is determined based on the first rounded frame and the second rounded frame.
In an alternative embodiment, the adjusting module is further configured to configure a preset color for the first frame of the third box model, where the preset color is a color other than a transparent color; and configuring a transparent color for a third frame of the third box model, wherein the third frame is a frame of the third box model except the first side; or configuring preset colors for a first frame and a second frame of the third box model, wherein the preset colors are colors except transparent colors, and the first frame and the second frame are adjacent frames of the third box model; and configuring transparent color for a third frame of the third box model, wherein the third frame is a frame of the third box model except the first frame and the second frame.
In an optional implementation manner, the adjustment module is further configured to obtain the target progress bars corresponding to the second box models, and a preset direction and a preset angle corresponding to each target progress bar; and respectively taking the target progress bar corresponding to each second box model as a center, and rotating the target progress bar by a preset angle corresponding to the target progress bar according to a first preset direction corresponding to the target progress bar to reach the starting position of each target progress bar.
In an optional implementation manner, the loading module is configured to obtain a preset track, where the preset track is a circular track with a centroid of the first box model as a center and a half of a frame length of the first box model as a radius; acquiring a display sequence of each target progress bar; rotating a target progress bar with a first display sequence for a first preset time according to a second preset direction, and completing loading display of the first target progress bar; and for each target progress bar except for the target progress bar with the first display sequence, after the last target progress bar of the target progress bar is loaded, rotating the target progress bar for a second preset time according to a second preset direction, and completing the loading display of the target progress bar.
In an alternative embodiment, the first box model is square.
In an alternative embodiment, the adjusting module is further configured to adjust a width of a frame of the third box model.
In a third aspect, embodiments of the present disclosure further provide a computer device, comprising: a processor, a memory and a bus, the memory storing machine-readable instructions executable by the processor, the processor and the memory in communication via the bus when the computer device is running, the machine-readable instructions when executed by the processor performing the steps of the first aspect, or any of the possible implementations of the first aspect.
In a fourth aspect, the presently disclosed embodiments also provide a computer readable storage medium having stored thereon a computer program which, when executed by a processor, performs the steps of the first aspect, or any of the possible implementations of the first aspect.
The description of the effects of the loading display processing apparatus, the computer device, and the storage medium is referred to the description of the loading display processing method, and is not repeated here.
The loading display processing method, the loading display processing device, the computer equipment and the storage medium provided by the embodiment of the disclosure are characterized in that a first box model of a cascading style sheet (Cascading Style Sheets, CSS) is created, a plurality of second box models are created in the first box model based on the first box model, and a third box model corresponding to the second box model is created based on the second box model, wherein the first box model is square, the third box model is the same as the first box model in size and the same in position, and the third box model which is beyond the second box model and corresponds to the second box model is hidden; adjusting the frames of the three-box model to be round angle frames, and determining a target progress bar; and running the target progress bar according to a preset track to finish loading display of the target progress bar. Compared with the prior art that the running effect of the target progress bar is realized through complex codes and more logic algorithms, the method has higher requirements on the front-end performance, and smooth transition is not easy to realize, the method realizes the loading effect of the target progress bar through simple logic, ensures that the target progress bar runs smoothly in the loading process, and has smooth transition.
The foregoing objects, features and advantages of the disclosure will be more readily apparent from the following detailed description of the preferred embodiments taken in conjunction with the accompanying drawings.
Drawings
In order to more clearly illustrate the technical solutions of the embodiments of the present disclosure, the drawings required for the embodiments are briefly described below, which are incorporated in and constitute a part of the specification, these drawings showing embodiments consistent with the present disclosure and together with the description serve to illustrate the technical solutions of the present disclosure. It is to be understood that the following drawings illustrate only certain embodiments of the present disclosure and are therefore not to be considered limiting of its scope, for the person of ordinary skill in the art may admit to other equally relevant drawings without inventive effort.
FIG. 1 shows a flow chart of a method for processing a load display provided by an embodiment of the present disclosure;
FIG. 2 is a schematic diagram showing the layout of each second cassette model within the first cassette model provided by embodiments of the present disclosure;
FIG. 3a is a schematic diagram illustrating a process for adjusting the frame of two third box models to be a rounded frame according to an embodiment of the present disclosure;
FIG. 3b illustrates a schematic diagram of a process for adjusting the frame of four third box models to a rounded frame provided by embodiments of the present disclosure;
FIG. 3c illustrates a schematic diagram of a process for adjusting the frame of eight third box models to a rounded frame provided by embodiments of the present disclosure;
FIG. 4a is a schematic diagram illustrating a process of adjusting a start position of two target progress bars according to an embodiment of the present disclosure;
FIG. 4b is a schematic diagram illustrating a process of adjusting a start position of four target progress bars according to an embodiment of the present disclosure;
FIG. 5 is a schematic diagram of a loading display processing device according to an embodiment of the present disclosure;
fig. 6 shows a schematic structural diagram of a computer device according to an embodiment of the disclosure.
Detailed Description
For the purposes of making the objects, technical solutions and advantages of the embodiments of the present disclosure more apparent, the technical solutions in the embodiments of the present disclosure will be clearly and completely described below with reference to the drawings in the embodiments of the present disclosure, and it is apparent that the described embodiments are only some embodiments of the present disclosure, but not all embodiments. The components of the embodiments of the present disclosure, which are generally described and illustrated in the figures herein, may be arranged and designed in a wide variety of different configurations. Thus, the following detailed description of the embodiments of the present disclosure provided in the accompanying drawings is not intended to limit the scope of the disclosure, as claimed, but is merely representative of selected embodiments of the disclosure. All other embodiments, which can be made by those skilled in the art based on the embodiments of this disclosure without making any inventive effort, are intended to be within the scope of this disclosure.
Furthermore, the terms first, second and the like in the description and in the claims of embodiments of the disclosure and in the above-described figures, are used for distinguishing between similar objects and not necessarily for describing a particular sequential or chronological order. It is to be understood that the data so used may be interchanged where appropriate such that the embodiments described herein may be implemented in other sequences than those illustrated or otherwise described herein.
Reference herein to "a plurality of" or "a number" means two or more than two. "and/or", describes an association relationship of an association object, and indicates that there may be three relationships, for example, a and/or B, and may indicate: a exists alone, A and B exist together, and B exists alone. The character "/" generally indicates that the context-dependent object is an "or" relationship.
According to the research, the mode of realizing the loading effect of the target progress bar by utilizing the front end has higher requirements on the performance of the front end, the code realization is complex, more logic algorithms are needed for control, and the conditions of unsmooth running effect and unsmooth transitional effect of the target progress bar can be caused.
Based on the above study, the disclosure provides a loading display processing method, firstly, a CSS box model is created layer by layer, the box model is adjusted, a target progress bar is determined, then the target progress bar is rotated according to a preset track, loading display of the target progress bar is completed, the loading effect of the target progress bar can be achieved only by using CSS, and meanwhile smooth running and transition smoothness of the target progress bar in the loading process are ensured.
The present invention is directed to a method for manufacturing a semiconductor device, and a semiconductor device manufactured by the method.
It should be noted that: like reference numerals and letters denote like items in the following figures, and thus once an item is defined in one figure, no further definition or explanation thereof is necessary in the following figures.
For the sake of understanding the present embodiment, first, an Application scenario of the loading display processing method disclosed in the embodiments of the present disclosure is described, and a user may log in an Application server through an Application client installed in a terminal device, where the Application client may be a browser of a web page or the like, or may be an Application client installed in a terminal device, such as a mobile phone, a tablet computer, or the like, such as an applet or mobile phone software (APP), or the like.
The terminal device and the application server are in communication connection through a network, and the network can be a local area network, a cellular network, a wide area network and the like. The terminal device may be a User Equipment (UE), a personal computer (PC, personal Computer), a mobile device, a User terminal, a personal digital assistant (Personal Digital Assistant, PDA), a handheld device, a computing device, a vehicle-mounted device, a wearable device, etc., and the application server may be any device capable of providing internet services. The application server may provide the user with countdown cues for different application functions, which may include the following:
The application server can provide a voice countdown prompt for the user, in this case, when the user prepares to send voice through the mobile phone software, the voice function provided by the application server is called, in the last time limit of voice recording, the application server can provide a target progress bar countdown dynamic special effect for the user, and when special effect display is completed, the voice recording is completed.
The application server can also provide a button long-press function start countdown prompt for the user, in this case, when the user prepares to start a function through the terminal device, the long-press button is needed, at this time, the application server can provide a target progress bar countdown dynamic special effect for the user, and after the special effect display is completed, the function starts to be started.
The application server can also provide countdown prompt for the user to finish the task amount, in this case, for example, the step number information of the user is recorded in the intelligent watch, the countdown dynamic special effects of the target progress bar can be provided for the user through the application server, and when the special effects are displayed, the step number in the intelligent watch is increased by one.
For example, in an internet online education scenario, assuming that a user purchases an english course, in a follow-up link, a follow-up record button may be clicked or held to realize a progress bar countdown dynamic special effect; or, assuming that the user purchases a Chinese course, in the ancient poetry reciting link, the recording button can be clicked or pressed to realize the countdown dynamic effect of the progress bar, which is not limited in any way.
The target progress bar related to the embodiment of the disclosure can display countdown prompt effects with different meanings for different application functions for users, which are not listed here.
For the sake of understanding the present embodiment, first, a detailed description will be given of a load display processing method disclosed in an embodiment of the present disclosure, where an execution body of the load display processing method provided in the embodiment of the present disclosure is generally a computer device having a certain computing capability, where the computer device includes, for example: a terminal device or server or other processing device. In some possible implementations, the load display processing method may be implemented by a processor invoking computer readable instructions stored in a memory.
The load display processing method provided by the embodiment of the present disclosure is described below by taking an execution subject as a computer device as an example.
Example 1
Referring to fig. 1, a flowchart of a loading display processing method according to an embodiment of the disclosure is shown, where the method includes steps S101 to S104, where:
s101: a first box model of the cascading style sheet CSS is created, a number of second box models are created within the first box model based on the first box model, and a third box model corresponding to the second box model is created within the first box model based on the second box model.
In this step, the first box model may be square, and the first box model is formed by a plurality of second box models, and the third box model has the same shape, the same size and the same position as the first box model. In addition, on the premise that the first box model is square, the size of the first box model may be obtained according to an empirical value, which is not limited herein.
In specific implementation, when the target progress bar countdown is realized by using the CSS, a square CSS box model can be firstly created as a first box model, the size of the first box model can be customized, then, based on the first box model, a plurality of second box models can be created in the first box model, the size of the second box models can be customized, it is ensured that the plurality of second box models can form the first box model, for example, two second box models, three second box models, four second box models, five second box models, six second box models, seven second box models, eight second box models, sixteen second box models and the like can be created in the first box model. The size and location of the specifically created second box models may be referred to as shown in fig. 2, which is a schematic diagram of the layout form of each second box model within the first box model. And creating a third box model corresponding to the second box model in the first box model based on the second box model, wherein the third box model can be the same as the first box model in shape, size and position, and the frames of the third box model corresponding to the second box model can be displayed in the second box model and the frames of other third box models except the corresponding relation can not be displayed.
For example, a div box model with a width of 100px and a height of 100px is created and is denoted div_0; creating two div box models with the width of 50px and the height of 100px in div_0, and marking as div_1 and div_2; a div box model with the width of 100px and the height of 100px, which corresponds to div_1, is created in div_0 and is denoted as div_1_1, and a div box model with the width of 100px and the height of 100px, which corresponds to div_2, is created in div_0 and is denoted as div_2_2.
In one possible embodiment, a width value may be set in advance for the frame of the third box model, and the width of the frame of the third box model may be adjusted. In the implementation, the frame width of the third box model can be determined according to one tenth of the width or the height of the third box model; alternatively, the width of the frame of the third box model may be adjusted according to empirical values, and the specific width values are not limited herein.
S102: and hiding a part, beyond the second box model, of a third box model corresponding to each second box model.
In this step, a portion of the third box model corresponding to the second box model, which is beyond the frame of the second box model, may be hidden, and only the third box model content corresponding to the second box model in the second box model may be displayed correspondingly.
Continuing the above example, the portion of the div_1_1 box model that exceeds the div_1 box model frame is hidden, and the portion of the div_2_2 box model that exceeds the div_2 box model frame is hidden.
S103: and adjusting the frame of the third box model to be a round corner frame, and determining a target progress bar.
In the implementation, a first frame and a second frame of the third box model can be selected, the centroid of the first box model is taken as the center, half of the length of the frame of the first box model is taken as the radius (in the implementation, the radius of the frame length of the first box model can be smaller than or equal to), and the first frame and the second frame are adjusted to be first round angle frames; selecting a third frame of a third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the third frame to be a second round angle frame, wherein the third frame is a frame of the third box model except the first frame and the second frame; a target progress bar is determined based on the first rounded frame and the second rounded frame. For example, reference may be made to fig. 3a, which is a schematic illustration of a process for adjusting the frame of two third box models to a rounded frame. Creating div_1_1 and div_2_2 in div_0, wherein the layout of div_1 and div_2 in div_0 can refer to the layout mode of two box models shown in fig. 2, and continuing the previous example, div_1 can be placed at the position of div_0 to the left, and div_2 can be placed at the position of div_0 to the right; the upper frame and the right frame of div_1_1 can be selected, the centroid of a div_0 box model is taken as the center, 50px which is half of the div_0 frame length is taken as the radius, and the upper frame and the right frame are adjusted to be first round corner frames; the lower frame and the left frame of div_1_1 can be selected, the centroid of the div_0 box model is taken as the center, 50px which is half of the length of the div_0 frame is taken as the radius, and the lower frame and the left frame are adjusted to be second round corner frames; the upper frame and the left frame of div_2_2 can be selected, the centroid of a div_0 box model is taken as the center, 50px which is half of the div_0 frame length is taken as the radius, and the upper frame and the left frame are adjusted to be first round corner frames; the lower frame and the right frame of div_2_2 can be selected, the centroid of the div_0 box model is taken as the center, 50px which is half of the length of the div_0 frame is taken as the radius, and the lower frame and the right frame are adjusted to be second round corner frames.
In the specific implementation, a first frame of the third box model can be selected, the centroid of the first box model is taken as the center, half of the length of the frame of the first box model is taken as the radius, the first frame is adjusted to be a first round angle frame, and the first frame and the second frame are adjacent frames of the third box model; and selecting a third frame of a third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the third frame to be a second round angle frame, wherein the third frame is a frame of the third box model except the first frame.
For example, reference may also be made to fig. 3b, which is a schematic illustration of a process for adjusting the frame of the four third box models to a rounded frame. Creating div_1_1, div_2_2, div_3_3 and div_4_4 in div_0, wherein the layout of the div_0 can refer to the layout mode of four box models shown in fig. 2, the upper frames of div_1_1, div_2_2, div_3_3 and div_4_4 can be respectively selected, the centroid of the box model of div_0 is taken as the center, half 50px of the length of the frame of div_0 is taken as the radius, and the upper frames are adjusted to be first round corner frames; other frames except the upper frame, div_1_1, div_2_2, div_3_3 and div_4_4, which are respectively selected, are adjusted to be second round corner frames by taking the centroid of the div_0 box model as the center and taking half 50px of the length of the div_0 frame as the radius.
For example, reference may also be made to fig. 3c, which is a schematic illustration of a process for adjusting the frame of eight third box models to a rounded frame. Creating div_1_1, div_2_2, div_3_3, div_4_4, div_5_5, div_6_6, div_7_7 and div_8_8 in div_0, wherein the layout of the div_0 can refer to the layout mode of eight box models shown in fig. 2, the upper frames of div_1 and div_8_8, div_2_2 and the right frames of div_3_3, the lower frames of div_4 and div_5_5 and the left frames of div_6_6 and div_7_7 can be respectively selected, the shape centers of the div_0 box models are taken as centers, half 50px of the lengths of the frames of the div_0 are taken as radii, and the frames correspondingly selected by the third box models are adjusted to be first round angles; other frames except the upper frame, other frames except the lower frame, other frames except the left frame, div_6_6 and div_7_7 of div_1_1, div_8_8, other frames except the right frame, div_2_2, div_3_3, div_4_4 and div_5_5 can be selected respectively, the centroid of the div_0 box model is taken as the center, half 50px of the length of the div_0 frame is taken as the radius, and the frames correspondingly selected by the third box models are adjusted to be second round corner frames.
In one possible embodiment, the border of the third box model may also be configured with a color before adjusting the border of the third box model to a rounded border.
In specific implementation, preset colors can be configured for a first frame and a second frame of the third box model, wherein the preset colors are colors except transparent colors, and the first frame and the second frame are adjacent frames of the third box model; and configuring transparent color for a third frame of the third box model, wherein the third frame is a frame of the third box model except the first frame and the second frame.
Continuing the above example of creating two third box models within the first box model, red may be configured for the upper and right rims of div_1_1 and transparent for the lower and left rims of div_1_1; red may be configured for the upper and left borders of div_2_2 and transparent for the lower and right borders of div_2_2.
In specific implementation, a preset color can be configured for the first frame of the third box model, wherein the preset color is a color other than the transparent color; and configuring a transparent color for a third frame of a third box model, wherein the third frame is a frame of the third box model except the first side.
Continuing with the above example of creating four third box models within the first box model, blue may be configured for the upper borders of div_1_1, div_2_2, div_3_3, div_4_4, and transparent for the other borders of div_1_1, div_2_2, div_3_3, div_4_4 except for the upper borders.
Continuing the above example of creating eight third box models within the first box model, the upper borders of div_1_1, div_8_8 may be; right side frames of div_2_2 and div_3_3; lower frames of div_4_4 and div_5_5; the left borders of div_6_6 and div_7_7 are configured with yellow; transparent colors can be configured for other frames of div_1_1 and div_8_8 except the upper frame; transparent colors can be configured for other frames except the right frame of div_2_2 and div_3_3; transparent colors can be configured for other frames except the lower frame of div_4_4 and div_5_5; transparent colors may be provided for borders other than the left border of div 6_6, div 7_7.
In one possible implementation, the target progress bar corresponds one-to-one to the second box model. The third box model is adjusted to obtain target progress bars corresponding to the second box models, and preset directions and preset angles corresponding to the target progress bars; and respectively taking the target progress bars corresponding to the second box models as centers of the centroids of the first box models, and rotating the preset angles corresponding to the target progress bars according to the first preset directions corresponding to the target progress bars to reach the initial positions of the target progress bars.
Reference is made to fig. 4a, which is a schematic illustration of a process for adjusting the starting position of two target progress bars. Continuing the above example of creating two third box models in the first box model, because the target progress bars are in one-to-one correspondence with the second box models, the target progress bars corresponding to the two second box models can be obtained and respectively marked as T1 and T2, wherein the first preset direction corresponding to T1 is clockwise, the first preset angle corresponding to T1 is 45 degrees, the first preset direction corresponding to T2 is anticlockwise, and the preset angle corresponding to T2 is 45 degrees; rotating T1 clockwise by 45 degrees by taking the centroid of the first box model as the center to reach the starting position of T1; t2 is rotated 45 degrees counter-clockwise about the centroid of the first box model to the starting position of T2.
Reference may be made to fig. 4b, which is a schematic illustration of a process for adjusting the start position of four target progress bars. Continuing the above example of creating four third box models in the first box model, a target progress bar corresponding to the four second box models may be obtained and respectively marked as T1, T2, T3, and T4, where the first preset direction corresponding to T1 is counterclockwise, the first preset direction corresponding to T1 is 45 ° and T2 is clockwise, the first preset direction corresponding to T2 is 45 ° and T3 is clockwise, the first preset direction corresponding to T3 is 135 ° and the first preset direction corresponding to T4 is counterclockwise, and the preset angle corresponding to T4 is 135 °; t1 is rotated 45 degrees counter-clockwise by taking the first box model centroid as the center to reach the starting position of T1, T2 is rotated 45 degrees clockwise by taking the first box model centroid as the center to reach the starting position of T2, T3 is rotated 135 degrees clockwise by taking the first box model centroid as the center to reach the starting position of T3, T4 is rotated 135 degrees counter-clockwise by taking the first box model centroid as the center to reach the starting position of T4.
Continuing the above example of creating eight third box models in the first box model, acquiring target progress bars corresponding to the eight second box models and adjusted by the eight third box models, wherein the target progress bars are respectively marked as T1, T2, T3, T4, T5, T6, T7 and T8, the first preset direction corresponding to T1 is anticlockwise, the first preset direction corresponding to T1 is 45 degrees, the first preset direction corresponding to T2 is anticlockwise, the first preset direction corresponding to T2 is 90 degrees, the first preset direction corresponding to T3 is anticlockwise, the first preset direction corresponding to T3 is 45 degrees, the first preset direction corresponding to T4 is anticlockwise, the first preset direction corresponding to T4 is 90 degrees, the first preset direction corresponding to T5 is anticlockwise, the first preset direction corresponding to T6 is anticlockwise, the first preset angle corresponding to T7 is 45 degrees, the first preset direction corresponding to T8 is anticlockwise, and the first preset angle corresponding to T8 is 90 degrees; t1 is rotated 45 degrees counter-clockwise around the first box model centroid to reach the starting position of T1, T2 is rotated 90 degrees counter-clockwise around the first box model centroid to reach the starting position of T2, T3 is rotated 45 degrees counter-clockwise around the first box model centroid to reach the starting position of T3, T4 is rotated 90 degrees counter-clockwise around the first box model centroid to reach the starting position of T4, T5 is rotated 45 degrees counter-clockwise around the first box model centroid to reach the starting position of T5, T6 is rotated 90 degrees counter-clockwise around the first box model centroid to reach the starting position of T6, T7 is rotated 45 degrees counter-clockwise around the first box model centroid to reach the starting position of T7, T8 is rotated 90 degrees counter-clockwise around the first box model centroid to reach the starting position of T8.
It should be noted that, the present disclosure is not limited to the case of adjusting two, four and eight third box models in the above disclosed embodiments, but may also be applicable to the case of adjusting other multi-box models, and the specific adjustment process may refer to the above listed three cases, which are not listed here.
S104: and rotating the target progress bar according to a preset track to finish loading display of the target progress bar.
In this step, the preset track may be a circular track with the centroid of the first box model as the center and half of the frame length of the first box model as the radius.
In specific implementation, a preset track can be obtained, wherein the preset track is a circular track taking the centroid of the first box model as the center and taking half of the length of the frame of the first box model as the radius; acquiring a display sequence of each target progress bar; rotating the target progress bar with the first display sequence for a first preset time according to a second preset direction to finish loading display of the first target progress bar; and for each target progress bar except for the target progress bar with the first display sequence, after the last target progress bar of the target progress bar is loaded, rotating the target progress bar for a second preset time according to a second preset direction, and completing the loading display of the target progress bar.
Continuing the above example of obtaining the target progress bars corresponding to the two second box models, T2 may be used as a first target progress bar, T1 may be used as a second target progress bar, where the second preset direction corresponding to T1 and T2 may be clockwise, the first preset time corresponding to T1 may be 30 seconds, the second preset time corresponding to T2 may also be 30 seconds, based on the starting position and the preset track of T2, the circular track of T2 is rotated in the clockwise direction for 30 seconds, and when T2 is turned off, T1 starts to rotate from the starting position in the clockwise direction for 30 seconds based on the preset track, so as to complete the 60 second target progress bar loading display process.
Continuing the above example of obtaining the target progress bars corresponding to the four second box models, T1 may be used as the first target progress bar, T2, T3, and T4 may be used as the second target progress bar, where the second preset direction corresponding to T1, T2, T3, and T4 may be clockwise, the first preset time corresponding to T1 may be 15 seconds, the second preset time corresponding to T2, T3, and T4 may also be 15 seconds, the T1 circular track is rotated in a clockwise direction for 15 seconds based on the T1 starting position and the preset track, when the T1 is turned off, T2 starts to rotate in a clockwise direction for 15 seconds based on the preset track from the starting position, when the T2 is turned off, T3 starts to rotate in a clockwise direction for 15 seconds based on the preset track from the starting position, and when the T3 is turned off, T4 starts to rotate in a clockwise direction for 15 seconds based on the preset track, and the 60 seconds target progress bar is loaded and displayed.
Continuing the above example of acquiring the target progress bars corresponding to the eight second box models, T1 may be used as the first target progress bar, T2, T3, T4, T5, T6, T7, and T8 may be used as the second target progress bar, wherein the second preset direction corresponding to T1, T2, T3, T4, T5, T6, T7, and T8 may be clockwise, the first preset time corresponding to T1 may be 1 second, the second preset time corresponding to T2, T3, T4, T5, T6, T7, and T8 may also be 1 second, the T1-extending circular track is rotated in the clockwise direction for 1 second based on the T1 start position and the preset track, the T2 starts to rotate in the clockwise direction for 1 second based on the preset track when the T1 is rotated off, the T3 starts to rotate in the clockwise direction for 1 second based on the track when the T2 is rotated off, and so on the T8 starts to rotate in the clockwise direction for 1 second based on the preset track when the T7 is rotated off, and the target progress bar is completed.
The loading display processing method provided by the embodiment of the present disclosure is described in detail through the steps S101 to S104, by creating the CSS box model layer by layer, adjusting the box model, determining the target progress bar, rotating the target progress bar according to the preset track, and completing the loading display of the target progress bar, the loading effect of the target progress bar can be achieved only by using the CSS, and meanwhile, smooth running and smooth transition of the target progress bar in the loading process are ensured.
It will be appreciated by those skilled in the art that in the above-described method of the specific embodiments, the written order of steps is not meant to imply a strict order of execution but rather should be construed according to the function and possibly inherent logic of the steps.
Based on the same inventive concept, the embodiments of the present disclosure further provide a loading display processing device corresponding to the loading display processing method, and since the principle of solving the problem by the device in the embodiments of the present disclosure is similar to that of the loading display processing method in the embodiments of the present disclosure, the implementation of the device may refer to the implementation of the method, and the repetition is omitted.
Example two
Referring to fig. 5, a schematic diagram of a loading display processing device according to a fifth embodiment of the disclosure is provided, where the device includes: a creation module 501, a hiding module 502, an adjustment module 503, and a loading module 504; wherein,,
a creation module 501, configured to create a first box model of a cascading style sheet CSS, create a plurality of second box models in the first box model based on the first box model, and create a third box model corresponding to the second box model in the first box model based on the second box model, where the plurality of second box models form the first box model, and the third box model has the same shape, the same size, and the same position as the first box model;
A hiding module 502, configured to hide, for each second box model, a portion of a third box model corresponding to the second box model that exceeds the second box model;
an adjusting module 503, configured to adjust a frame of the third box model to be a rounded frame, and determine a target progress bar;
and the loading module 504 is configured to rotate the target progress bar according to a preset track, and complete loading display of the target progress bar.
In an alternative embodiment, the adjusting module 503 is configured to select a first frame of the third box model, and adjust the first frame to be a first rounded frame with a center of the first box model and a half of a length of the first box model frame as a radius; selecting a third frame of the third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the third frame into a second round frame, wherein the third frame is a frame of the third box model except the first frame; or selecting a first frame and a second frame of the third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the first frame and the second frame into a first round angle frame, wherein the first frame and the second frame are adjacent frames of the third box model; selecting a third frame of the third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the third frame into a second round frame, wherein the third frame is a frame of the third box model except the first frame and the second frame; the target progress bar is determined based on the first rounded frame and the second rounded frame.
In an alternative embodiment, the adjusting module 503 is further configured to configure a preset color for the first frame of the third box model, where the preset color is a color other than a transparent color; and configuring a transparent color for a third frame of the third box model, wherein the third frame is a frame of the third box model except the first side; or configuring preset colors for a first frame and a second frame of the third box model, wherein the preset colors are colors except transparent colors, and the first frame and the second frame are adjacent frames of the third box model; and configuring transparent color for a third frame of the third box model, wherein the third frame is a frame of the third box model except the first frame and the second frame.
In an optional implementation manner, the adjustment module 503 is further configured to obtain the target progress bars corresponding to the second box models, and a preset direction and a preset angle corresponding to each target progress bar; and respectively taking the target progress bar corresponding to each second box model as a center, and rotating the target progress bar by a preset angle corresponding to the target progress bar according to a first preset direction corresponding to the target progress bar to reach the starting position of each target progress bar.
In an alternative embodiment, the loading module 504 is configured to obtain a preset track, where the preset track is a circular track with a centroid of the first box model as a center and a half of a frame length of the first box model as a radius; acquiring a display sequence of each target progress bar; rotating a target progress bar with a first display sequence for a first preset time according to a second preset direction, and completing loading display of the first target progress bar; and for each target progress bar except for the target progress bar with the first display sequence, after the last target progress bar of the target progress bar is loaded, rotating the target progress bar for a second preset time according to a second preset direction, and completing the loading display of the target progress bar.
In an alternative embodiment, the first box model is square.
In an alternative embodiment, the adjusting module 503 is further configured to adjust a width of the frame of the third box model.
For a description of the processing flow of each module in the apparatus, and the interaction flow between the modules, reference may be made to the relevant description in the above method embodiments, which are not described in detail here.
Example III
Based on the same technical conception, the embodiment of the application also provides computer equipment. Referring to fig. 6, a schematic structural diagram of a computer device according to an embodiment of the present application includes:
a processor 601, a memory 602, and a bus 603. The memory 602 stores machine-readable instructions executable by the processor 601, and the processor 601 is configured to execute the machine-readable instructions stored in the memory 602, where the machine-readable instructions are executed by the processor 601, and the processor 601 performs the following steps: s101: creating a first box model of the cascading style sheet CSS, creating a plurality of second box models in the first box model based on the first box model, and creating a third box model corresponding to the second box model in the first box model based on the second box model; s102: for each second box model, hiding a part, beyond the second box model, of a third box model corresponding to the second box model; s103: adjusting the frame of the third box model to be a round corner frame, and determining a target progress bar; s104: and rotating the target progress bar according to a preset track to finish loading display of the target progress bar.
The memory 602 includes a memory 6021 and an external memory 6022; the memory 6021 is also referred to as an internal memory, and is used for temporarily storing operation data in the processor 601 and data exchanged with the external memory 6022 such as a hard disk, and the processor 601 exchanges data with the external memory 6022 through the memory 6021, and when the computer device is running, the processor 601 and the memory 602 communicate with each other through the bus 603, so that the processor 601 executes the execution instructions mentioned in the above method embodiment.
The disclosed embodiments also provide a computer readable storage medium having stored thereon a computer program which, when executed by a processor, performs the steps of the load display processing method described in the above method embodiments. Wherein the storage medium may be a volatile or nonvolatile computer readable storage medium.
The embodiments of the present disclosure further provide a computer program product, where the computer program product carries a program code, where instructions included in the program code may be used to perform the steps of the loading display processing method described in the foregoing method embodiments, and specifically reference may be made to the foregoing method embodiments, which are not described herein in detail.
Wherein the above-mentioned computer program product may be realized in particular by means of hardware, software or a combination thereof. In an alternative embodiment, the computer program product is embodied as a computer storage medium, and in another alternative embodiment, the computer program product is embodied as a software product, such as a software development kit (Software Development Kit, SDK), or the like.
It will be clear to those skilled in the art that, for convenience and brevity of description, specific working procedures of the above-described system and apparatus may refer to corresponding procedures in the foregoing method embodiments, which are not described herein again. In several embodiments provided in the present disclosure, it should be understood that the disclosed methods and apparatus may be implemented in other ways. The above-described apparatus embodiments are merely illustrative, and the division of the modules is merely a logical function division, and there may be additional divisions when actually implemented, and for example, multiple modules or components may be combined or integrated into another system, or some features may be omitted or not performed. Alternatively, the coupling or direct coupling or communication connection shown or discussed with each other may be through some communication interface, device or unit indirect coupling or communication connection, which may be in electrical, mechanical or other form.
The units described as separate units may or may not be physically separate, and units shown as units may or may not be physical units, may be located in one place, or may be distributed on a plurality of network units. Some or all of the units may be selected according to actual needs to achieve the purpose of the solution of this embodiment.
In addition, each functional module in each embodiment of the present disclosure may be integrated into one processing module, or each module may exist alone physically, or two or more modules may be integrated into one module.
The functions, if implemented in the form of software functional modules and sold or used as a stand-alone product, may be stored on a non-volatile computer readable storage medium executable by a processor. Based on such understanding, the technical solution of the present disclosure may be embodied in essence or a part contributing to the prior art or a part of the technical solution, or in the form of a software product stored in a storage medium, including several instructions to cause a computer device (which may be a personal computer, a server, or a network device, etc.) to perform all or part of the steps of the method described in the embodiments of the present disclosure. And the aforementioned storage medium includes: a U-disk, a removable hard disk, a Read-Only Memory (ROM), a random access Memory (Random Access Memory, RAM), a magnetic disk, or an optical disk, or other various media capable of storing program codes.
Finally, it should be noted that: the foregoing examples are merely specific embodiments of the present disclosure, and are not intended to limit the scope of the disclosure, but the present disclosure is not limited thereto, and those skilled in the art will appreciate that while the foregoing examples are described in detail, it is not limited to the disclosure: any person skilled in the art, within the technical scope of the disclosure of the present disclosure, may modify or easily conceive changes to the technical solutions described in the foregoing embodiments, or make equivalent substitutions for some of the technical features thereof; such modifications, changes or substitutions do not depart from the spirit and scope of the technical solutions of the embodiments of the disclosure, and are intended to be included within the scope of the present disclosure. Therefore, the protection scope of the present disclosure shall be subject to the protection scope of the claims.
Claims (8)
1. A load display processing method, characterized by comprising:
creating a first box model of a cascading style sheet CSS, creating a plurality of second box models in the first box model based on the first box model, and creating a third box model corresponding to the second box model in the first box model based on the second box model, wherein the plurality of second box models form the first box model, and the third box model is identical in shape, size and position to the first box model;
For each second box model, hiding a part, beyond the second box model, of a third box model corresponding to the second box model;
selecting a first frame of the third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the first frame into a first round angle frame; selecting a third frame of the third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the third frame into a second round frame, wherein the third frame is a frame of the third box model except the first frame; or alternatively
Selecting a first frame and a second frame of the third box model, taking the centroid of the first box model as a center, taking half of the length of the frame of the first box model as a radius, and adjusting the first frame and the second frame to be first round angle frames, wherein the first frame and the second frame are adjacent frames of the third box model; selecting a third frame of the third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the third frame into a second round frame, wherein the third frame is a frame of the third box model except the first frame and the second frame;
Determining a target progress bar based on the first rounded frame and the second rounded frame;
acquiring a preset track, wherein the preset track is a circular track taking the centroid of the first box model as the center and taking half of the length of the frame of the first box model as the radius;
acquiring a display sequence of each target progress bar;
rotating the target progress bar with the first display sequence for a first preset time according to a second preset direction to finish loading display of the first target progress bar;
and for each target progress bar except for the target progress bar with the first display sequence, after the last target progress bar of the target progress bar is loaded, rotating the target progress bar for a second preset time according to a second preset direction, and completing the loading display of the target progress bar.
2. The method of processing load display according to claim 1, wherein adjusting the frame of the third box model to be a rounded frame, before determining the target progress bar, further comprises:
configuring a preset color for a first frame of the third box model, wherein the preset color is a color other than a transparent color; and configuring a transparent color for a third frame of the third box model, wherein the third frame is a frame of the third box model except the first side; or alternatively
Configuring preset colors for a first frame and a second frame of the third box model, wherein the preset colors are colors except transparent colors, and the first frame and the second frame are adjacent frames of the third box model; and configuring transparent color for a third frame of the third box model, wherein the third frame is a frame of the third box model except the first frame and the second frame.
3. The method for processing load display according to claim 1, wherein after the adjusting the frame of the third box model to be a rounded frame and determining a target progress bar, the rotating the target progress bar according to a preset track, before completing the load display of the target progress bar, further comprises:
acquiring the target progress bars corresponding to the second box models, and preset directions and preset angles corresponding to the target progress bars;
and respectively taking the target progress bar corresponding to each second box model as a center, and rotating the target progress bar by a preset angle corresponding to the target progress bar according to a first preset direction corresponding to the target progress bar to reach the starting position of each target progress bar.
4. The method of claim 1, wherein the first box model is square.
5. The loading display processing method according to claim 1, characterized by further comprising:
and adjusting the width of the frame of the third box model.
6. A loading display processing apparatus, comprising:
the creation module is used for creating a first box model of the cascading style sheet CSS, creating a plurality of second box models in the first box model based on the first box model, and creating a third box model corresponding to the second box model in the first box model based on the second box model, wherein the plurality of second box models form the first box model, and the third box model is identical in shape, size and position with the first box model;
the hiding module is used for hiding a part, beyond the second box model, of a third box model corresponding to each second box model;
the adjusting module is used for selecting a first frame of the third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the first frame into a first round frame; selecting a third frame of the third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the third frame into a second round frame, wherein the third frame is a frame of the third box model except the first frame; or alternatively
Selecting a first frame and a second frame of the third box model, taking the centroid of the first box model as a center, taking half of the length of the frame of the first box model as a radius, and adjusting the first frame and the second frame to be first round angle frames, wherein the first frame and the second frame are adjacent frames of the third box model; selecting a third frame of the third box model, taking the centroid of the first box model as the center, taking half of the length of the frame of the first box model as the radius, and adjusting the third frame into a second round frame, wherein the third frame is a frame of the third box model except the first frame and the second frame;
determining a target progress bar based on the first rounded frame and the second rounded frame;
the loading module is used for acquiring a preset track, wherein the preset track is a circular track taking the centroid of the first box model as the center and taking half of the frame length of the first box model as the radius; acquiring a display sequence of each target progress bar; rotating the target progress bar with the first display sequence for a first preset time according to a second preset direction to finish loading display of the first target progress bar; and for each target progress bar except for the target progress bar with the first display sequence, after the last target progress bar of the target progress bar is loaded, rotating the target progress bar for a second preset time according to a second preset direction, and completing the loading display of the target progress bar.
7. A computer device, comprising: a processor, a memory and a bus, said memory storing machine readable instructions executable by said processor, said processor and said memory communicating over the bus when the computer device is running, said machine readable instructions when executed by said processor performing the steps of the load display processing method according to any of claims 1 to 5.
8. A computer-readable storage medium, in which a computer program is stored which, when being executed by a processor, performs the steps of the load display processing method according to any one of claims 1 to 5.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011323318.5A CN112306616B (en) | 2020-11-23 | 2020-11-23 | Loading display processing method and device, computer equipment and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN202011323318.5A CN112306616B (en) | 2020-11-23 | 2020-11-23 | Loading display processing method and device, computer equipment and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN112306616A CN112306616A (en) | 2021-02-02 |
| CN112306616B true CN112306616B (en) | 2023-09-29 |
Family
ID=74336043
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN202011323318.5A Active CN112306616B (en) | 2020-11-23 | 2020-11-23 | Loading display processing method and device, computer equipment and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN112306616B (en) |
Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6490722B1 (en) * | 1999-03-30 | 2002-12-03 | Tivo Inc. | Software installation and recovery system |
| CN102455852A (en) * | 2010-10-29 | 2012-05-16 | 汉王科技股份有限公司 | Method and device for displaying progress of electronic reader |
| CN102779046A (en) * | 2012-07-04 | 2012-11-14 | 合一网络技术(北京)有限公司 | Video playing system based on HTML5 development and video playing method thereof |
| CN103309581A (en) * | 2013-05-29 | 2013-09-18 | 广东欧珀移动通信有限公司 | Method and device for positioning progress bar |
| CN104239053A (en) * | 2014-09-12 | 2014-12-24 | 广州华多网络科技有限公司 | Progress bar display method and system |
| CN104461496A (en) * | 2014-10-30 | 2015-03-25 | 华中科技大学 | And-or graph layering displaying method |
| CN106127862A (en) * | 2016-06-16 | 2016-11-16 | 财付通支付科技有限公司 | The treating method and apparatus of figure |
| CN106681706A (en) * | 2016-08-09 | 2017-05-17 | 腾讯科技（深圳）有限公司 | Application progress processing method and terminal |
| CN107346250A (en) * | 2017-07-16 | 2017-11-14 | 北京酷我科技有限公司 | A kind of stacking display algorithm of the progress bar of breath light effect |
| CN109901894A (en) * | 2017-12-07 | 2019-06-18 | 腾讯科技（深圳）有限公司 | A kind of progress bar image generating method, device and storage medium |
| CN109976865A (en) * | 2019-03-29 | 2019-07-05 | 北京金山云网络技术有限公司 | Display methods, device and the terminal device of Task Progress |
| CN111596853A (en) * | 2020-04-29 | 2020-08-28 | 五八有限公司 | Method and device for realizing rolling indicator, electronic equipment and storage medium |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US8689132B2 (en) * | 2007-01-07 | 2014-04-01 | Apple Inc. | Portable electronic device, method, and graphical user interface for displaying electronic documents and lists |
-
2020
- 2020-11-23 CN CN202011323318.5A patent/CN112306616B/en active Active
Patent Citations (12)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US6490722B1 (en) * | 1999-03-30 | 2002-12-03 | Tivo Inc. | Software installation and recovery system |
| CN102455852A (en) * | 2010-10-29 | 2012-05-16 | 汉王科技股份有限公司 | Method and device for displaying progress of electronic reader |
| CN102779046A (en) * | 2012-07-04 | 2012-11-14 | 合一网络技术(北京)有限公司 | Video playing system based on HTML5 development and video playing method thereof |
| CN103309581A (en) * | 2013-05-29 | 2013-09-18 | 广东欧珀移动通信有限公司 | Method and device for positioning progress bar |
| CN104239053A (en) * | 2014-09-12 | 2014-12-24 | 广州华多网络科技有限公司 | Progress bar display method and system |
| CN104461496A (en) * | 2014-10-30 | 2015-03-25 | 华中科技大学 | And-or graph layering displaying method |
| CN106127862A (en) * | 2016-06-16 | 2016-11-16 | 财付通支付科技有限公司 | The treating method and apparatus of figure |
| CN106681706A (en) * | 2016-08-09 | 2017-05-17 | 腾讯科技（深圳）有限公司 | Application progress processing method and terminal |
| CN107346250A (en) * | 2017-07-16 | 2017-11-14 | 北京酷我科技有限公司 | A kind of stacking display algorithm of the progress bar of breath light effect |
| CN109901894A (en) * | 2017-12-07 | 2019-06-18 | 腾讯科技（深圳）有限公司 | A kind of progress bar image generating method, device and storage medium |
| CN109976865A (en) * | 2019-03-29 | 2019-07-05 | 北京金山云网络技术有限公司 | Display methods, device and the terminal device of Task Progress |
| CN111596853A (en) * | 2020-04-29 | 2020-08-28 | 五八有限公司 | Method and device for realizing rolling indicator, electronic equipment and storage medium |
Non-Patent Citations (3)
| Title |
|---|
| "Loading页面设计中反馈机制的研究";张校君 等;《设计》;第20-22页 * |
| "基于MifavorUI系统的动效设计研究";王刚;《中国优秀硕士学位论文全文数据库 (信息科技辑)》;第I138-850页 * |
| DIV+CSS网页布局技术中盒子模型的应用研究;刘军华;陶永进;;长沙通信职业技术学院学报(第04期);第35-39页 * |
Also Published As
| Publication number | Publication date |
|---|---|
| CN112306616A (en) | 2021-02-02 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN112154438B (en) | Multiple users dynamically edit scenes in a three-dimensional immersive environment | |
| CN109710206A (en) | Show method, apparatus, terminal and the storage medium of information | |
| US20140279025A1 (en) | Methods and apparatus for display of mobile advertising content | |
| US11341706B2 (en) | Virtual scene display method and apparatus, and storage medium | |
| US20150070356A1 (en) | Techniques to manage map information illustrating a transition between views | |
| Knott | Hands-on mobile app testing: a guide for mobile testers and anyone involved in the mobile app business | |
| CN104571877A (en) | Display processing method and device for pages | |
| CN107908336A (en) | Method for refreshing, device, storage medium and the terminal of list control | |
| CN104536649A (en) | Page display method and device | |
| CN111936966A (en) | Design system for creating graphical content | |
| CN110688506A (en) | Template generation method and device, electronic equipment and storage medium | |
| CN109045694A (en) | Virtual scene display method, apparatus, terminal and storage medium | |
| WO2023035793A1 (en) | Level information display method and apparatus, and computer device and storage medium | |
| US20170060601A1 (en) | Method and system for interactive user workflows | |
| CN112306616B (en) | Loading display processing method and device, computer equipment and storage medium | |
| CN108845733A (en) | Screenshot method, device, terminal and storage medium | |
| CN107864333A (en) | Image processing method, device, terminal and storage medium | |
| US10102395B2 (en) | System and method for creating and transitioning to multiple facets of a social media object in a social network | |
| KR102159326B1 (en) | System and Device for learning creator's style | |
| US11769466B2 (en) | Image display method and apparatus, device, and storage medium | |
| US9542094B2 (en) | Method and apparatus for providing layout based on handwriting input | |
| US10498843B2 (en) | Tool for providing actionable functionality on a website | |
| CN106201256B (en) | Picture positioning method and device and electronic equipment | |
| CN109714474A (en) | Content copying methods, device, terminal and storage medium | |
| CN104615398A (en) | Cube display method and device |
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 |