WO2017101250A1

WO2017101250A1 - Method for displaying loading progress and terminal

Info

Publication number: WO2017101250A1
Application number: PCT/CN2016/082216
Authority: WO
Inventors: 白斌
Original assignee: 北京金山安全软件有限公司
Priority date: 2015-12-18
Filing date: 2016-05-16
Publication date: 2017-06-22
Also published as: CN105608161A; CN105608161B

Abstract

A loading progress displaying method and apparatus. The method comprises: when a terminal starts loading information to be loaded, acquiring a preview image of the information to be loaded (S100); displaying the preview image in a region where the information to be loaded is displayed, and a pre-set mask layer covering the preview image (S101); and calculating a loading progress for loading the information to be loaded, and adjusting the transparency of the mask layer according to the loading progress (S102). By means of the present invention, a terminal can display the loading progress by means of the change in the transparency of the display of a preview image of information to be loaded.

Description

Display method and terminal for loading progress

Cross-reference to related applications

This application claims the priority of the Chinese Patent Application No. 201510960191.0, filed on Dec. 18, 2015 by the Beijing Jinshan Security Software Co., Ltd., entitled "Display Method and Terminal for Loading Progress".

Technical field

The present invention relates to the field of electronic technologies, and in particular, to a display method and a terminal for loading progress.

Background technique

Generally, when a user browses a webpage such as a webpage or a picture video, the terminal needs to load the content of the webpage, the image, or the video to the local, so that the user can see the information. In the process of loading the network content into the local terminal, in order to let the user feel the current loading process, the terminal usually gives the user feedback information: indicating that the terminal is currently loading the network file content, instead of no response.

Currently, as shown in FIG. 1 , the terminal generally displays a loading icon to indicate that the terminal is currently loading the state of the network file. If the loading icon is rotated, the terminal is loading. However, the rotation of the loading icon can only display the status information of whether the network is loading, but cannot accurately display the current loading progress of the network file. This causes the terminal to waste user time in the process of loading the file, which causes inconvenience to the user. .

Summary of the invention

The technical problem to be solved by the embodiments of the present invention is to provide a display method and a terminal for loading progress. The terminal can be caused to display the loading progress of the terminal by the transparency change of the display of the preview image of the information to be loaded.

In order to solve the above technical problem, an embodiment of the present invention provides a display method for loading progress, including:

When the terminal starts loading the information to be loaded, acquiring a preview image of the information to be loaded;

Displaying the preview image on an area where the information to be loaded is displayed, and overlaying a preset mask layer on the preview image;

Calculating a loading progress of loading the information to be loaded, adjusting a transparency of the mask layer according to the loading progress, and adjusting a transparency of the preview image display to display the loading progress.

The information to be loaded includes a webpage, a video, and a picture;

The obtaining a preview image of the information to be loaded includes:

When the to-be-loaded information includes the video, acquiring a specified frame image of the video, and the specified frame An image as a preview image of the video; or,

When the to-be-loaded information includes the picture, acquiring a picture thumbnail of the picture, and using the picture thumbnail as a preview image of the picture;

When the to-be-loaded information includes the webpage, obtain a webpage thumbnail of the webpage, and use the webpage thumbnail as a preview image of the webpage.

Wherein, before the overlaying the preset mask layer on the preview image, the method comprises:

The mask layer is created, wherein the mask layer is non-transparent.

The adjusting the transparency of the mask layer according to the loading progress includes:

Obtaining a transparency corresponding to the loading progress according to a preset correspondence between the loading progress and the transparency;

The transparency is used as the transparency of the mask layer.

The transparency of the mask layer is reduced in units of preset values according to the preset increment of the loading progress.

The calculating the loading progress of the information to be loaded, and adjusting the transparency of the mask layer according to the loading progress, further includes:

When the information to be loaded includes the picture, the picture is gradually displayed on the preview image according to the loading progress;

When the to-be-loaded information includes the webpage, the webpage is gradually displayed on the preview image according to the loading progress.

The invention also provides a terminal, the terminal comprising:

An obtaining unit, configured to acquire a preview image of the to-be-loaded information when the terminal starts loading the information to be loaded;

a processing unit, configured to display the preview image on an area where the information to be loaded is displayed, and overlay a preset mask layer on the preview image;

And an adjusting unit, configured to calculate a loading progress of loading the information to be loaded, and adjust a transparency of the mask layer according to the loading progress to adjust a transparency of the preview image display to display the loading progress.

The information to be loaded includes a webpage, a video, and a picture;

The obtaining unit includes:

a first acquiring subunit, configured to: when the to-be-loaded information includes the video, acquire a specified frame image of the video, and use the specified frame image as a preview image of the video;

a second obtaining subunit, configured to: when the information to be loaded includes the picture, acquire a picture thumbnail of the picture, and use the picture thumbnail as a preview image of the picture;

a third obtaining subunit, configured to acquire a webpage thumbnail of the webpage when the to-be-loaded information includes the webpage, and use the webpage thumbnail as a preview image of the webpage.

The terminal further includes:

Creating a unit for creating the mask layer, wherein the mask layer is non-transparent.

The adjustment unit includes:

a fourth acquiring sub-unit, configured to acquire, according to a preset correspondence between the loading progress and the transparency, the transparency corresponding to the loading progress;

And a setting unit configured to set the transparency to the transparency of the mask layer.

The adjusting unit is specifically configured to:

The terminal further includes:

a first display unit, configured to: when the information to be loaded includes the picture, display the picture step by step on the preview image according to the loading progress;

a second display unit, configured to: when the information to be loaded includes the webpage, display the webpage step by step on the preview image according to the loading progress.

The present invention also provides a terminal, the terminal comprising: a housing, a processor, a memory, a circuit board, and a power supply circuit, wherein the circuit board is disposed inside a space enclosed by the housing, the processor and The memory is disposed on the circuit board;

The power circuit is configured to supply power to each circuit or device of the mobile terminal;

The memory is for storing executable program code;

The processor executes a program corresponding to the executable program code by reading the executable program code stored in the memory for executing the display method of the loading progress described in any of the above embodiments of the present invention .

The present invention also provides an application for performing a display method of loading progress according to any of the above-described embodiments of the present invention at runtime.

The present invention also provides a non-volatile computer storage medium storing one or more modules, when the one or more modules are executed by one terminal, causing the terminal to perform the above-described tasks of the present invention A display method for loading progress as described in an embodiment.

Embodiments of the present invention have the following beneficial effects:

In the embodiment of the present invention, when the terminal starts loading the information to be loaded, the preview image of the information to be loaded is acquired, and the preview image is displayed on the area where the information to be loaded is displayed, and the preset mask layer is displayed. Overwriting the preview image, calculating a loading progress of loading the information to be loaded, adjusting a transparency of the mask layer according to the loading progress, so that the terminal can display a change in transparency of a display of the preview image of the information to be loaded The loading progress is performed to enable the user to know the loading progress according to the change of the transparency of the preview image display, save the user operation time, and the user can know the content of the information to be loaded according to the preview image, thereby effectively improving the user. Experience.

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 embodiments or the description of the prior art will be briefly described below. Obviously, the drawings in the following description are only It is a certain embodiment of the present invention, and other drawings can be obtained from those skilled in the art without any creative work.

1 is a schematic diagram of a loading icon involved in the background art of the present invention;

2 is a schematic flow chart of a first embodiment of a display process for loading progress according to an embodiment of the present invention;

3 is a schematic flow chart of a second embodiment of a display process for loading progress according to an embodiment of the present invention;

4 is a structural diagram of a first embodiment of a terminal of the present invention;

Figure 5 is a block diagram showing a second embodiment of a terminal of the present invention.

detailed description

The technical solutions in the embodiments of the present invention are clearly and completely described in the following with reference to the accompanying drawings in the embodiments of the present invention. It is obvious that the described embodiments are only a part of the embodiments of the present invention, but not all embodiments. All other embodiments obtained by those skilled in the art based on the embodiments of the present invention without creative efforts are within the scope of the present invention.

For the convenience of description, the terminal is used as the control terminal of the execution subject in the embodiment of the present invention, and the terminal described may include: a mobile phone, a tablet computer, a palmtop computer or a mobile Internet device (MID), etc., the above terminal is only By way of example, and not limitation,

2 is a schematic flow chart of a first embodiment of a display method for loading progress according to the present invention. As shown in FIG. 2, a display method for loading progress according to this embodiment includes the following steps:

S100. Acquire a preview image of the to-be-loaded information when the terminal starts loading the information to be loaded.

In the embodiment of the present invention, the to-be-loaded information may include a network video, a webpage, a network image, and the like that need to be loaded and displayed from the network. When the terminal needs to load the information to be loaded, the terminal may obtain a preview image of the information to be loaded. Optionally, when the to-be-loaded information is a video, the terminal acquiring the preview image of the to-be-loaded information may be: when the terminal determines to load the specified frame image of the video, the terminal may acquire the specified frame image, and use the specified frame image as a preview of the video. An image, wherein the specified frame image may be a first frame image of the video, or a second frame image, or an image of another frame. Optionally, when the to-be-loaded information is a picture, the terminal acquiring the preview image of the to-be-loaded information may be: acquiring a picture thumbnail of the picture, and using the picture thumbnail as a preview image of the picture, where the thumbnail of the picture is the terminal from the picture Loaded into a low-definition picture where the low-definition picture can be a picture The resolution of the thumbnail is small, the resolution of the image thumbnail is much smaller than the resolution of the original image, or the low-definition image can also be the number of pixels of the image thumbnail, and the thumbnail of the image is much smaller than that of the original image. The number of pixels. Optionally, when the to-be-loaded information is a webpage, the terminal obtains the preview image of the to-be-loaded information, which may be: obtaining a webpage thumbnail of the webpage, and using the webpage thumbnail as a preview image of the webpage, wherein the webpage thumbnail is the terminal from the webpage. The main document information loaded, wherein the main document information may be text information of the web page.

S101. Display the preview image on an area where the information to be loaded is displayed, and overlay a preset mask layer on the preview image.

In the embodiment of the present invention, when the information to be loaded is a video, the area for displaying the information to be loaded may be the area for playing the video; when the information to be loaded is the webpage, the area for displaying the information to be loaded may be the area for displaying the webpage; When the information to be loaded is a picture, the area where the information to be loaded is displayed may be an area in which the picture is displayed. In the embodiment of the present invention, the terminal may display the preview image on the area where the information to be loaded is displayed, such as the terminal displaying the webpage thumbnail on the browser, or the terminal displaying the first frame image of the video on the video player, etc. This can enable the user to obtain basic information of the information to be loaded through the preview image when the terminal has not fully loaded to the information to be loaded, thereby reducing user anxiety.

In the embodiment of the present invention, the preset mask layer is a non-transparent mask layer, and the mask layer may be white, blue, yellow, etc., and the user can set the color of the mask layer by himself. limit. Further, the terminal may acquire the mask layer and overlay the mask layer on the preview image, wherein the mask layer is directly over the preview image, and the mask layer may be consistent with the display size of the preview image, so that the preview image is Both are covered by the mask layer, and also avoid affecting the image displayed on the area outside the preview image display area when adjusting the transparency of the mask layer. If the terminal overlays the mask layer on the preview image for display, the preview image is blurred when the user views the preview image through the mask layer without transparency adjustment. Further, when the transparency of the mask layer is adjusted, the transparency of the preview image display also changes as the transparency of the mask layer changes.

S102. Calculate a loading progress of loading the to-be-loaded information, and adjust a transparency of the mask layer according to the loading progress.

In the embodiment of the present invention, the loading progress may be a ratio of the data amount of the information to be loaded currently loaded by the terminal to the data amount of the entire information to be loaded. Therefore, the terminal can obtain the data amount of the currently loaded information to be loaded and the data amount of the entire information to be loaded, and obtain the loading progress.

In the embodiment of the present invention, the terminal may preset a correspondence between the loading progress and the transparency, wherein the loading progress is inversely proportional to the transparency, and the transparency is smaller, the transparent the mask layer is. When the loading progress is all loaded, the transparency is 0 at this time, that is, when the transparency of the mask layer is 0, the mask layer is completely transparent. Therefore, when the terminal obtains the loading progress, the terminal may obtain the transparency corresponding to the loading progress according to the preset correspondence between the loading progress and the transparency, and adjust the transparency corresponding to the loading progress as the transparency of the mask layer. Due to loading progress The value is getting larger and larger, so the corresponding transparency is getting smaller and smaller, so that the mask layer is more and more transparent as the amount of data of the loaded information to be loaded becomes larger and larger.

Optionally, in the embodiment of the present invention, the terminal may further reduce the transparency of the mask layer by using a unit value of the preset value according to the unit increment of the loading progress. For example, a 0.1 increase in loading progress reduces the transparency of the mask layer by 10%. Thereby the transparency of the mask layer is adjusted. As the unit of loading progress increases more and more, the transparency of the mask layer is also reduced. Therefore, as the amount of data of the loaded information to be loaded becomes larger and larger, the mask layer is also increasingly The more transparent.

In the embodiment of the present invention, it can be seen from the above that as the amount of data of the loaded information to be loaded becomes larger and larger, the mask layer is more and more transparent. Therefore, the preview image covered under the mask layer is more and more clear, and the preview image is gradually displayed. When the preview image is completely displayed, the information to be loaded has been downloaded, so that the terminal can change the transparency of the image displayed by the preview image. The loading progress is displayed. The user can also know the loading progress of the information to be loaded according to the change of the transparency of the preview image display, so that the user can comprehensively utilize the waiting time, which can effectively save the waiting time of the user.

In the embodiment of the present invention, when the terminal has loaded the information to be loaded, the terminal may remove the mask layer, so that the preview image can be clearly displayed.

In the embodiment of the present invention, when the terminal starts loading the information to be loaded, the preview image of the information to be loaded is acquired, and the preview image is displayed on the area where the information to be loaded is displayed, and the preset mask layer is displayed. Overwriting the preview image, calculating a loading progress of loading the information to be loaded, adjusting a transparency of the mask layer according to the loading progress, so that the terminal can display a change in transparency of a display of the preview image of the information to be loaded The loading progress is performed to enable the user to know the loading progress according to the change of the transparency of the preview image display, save the user operation time, and the user can know the content of the information to be loaded according to the preview image, thereby effectively improving the user experience.

FIG. 3 is a schematic flowchart diagram of a second embodiment of a display method for loading progress according to the present invention. As shown in FIG. 3, a display method for loading progress according to this embodiment includes the following steps:

S200. Acquire a preview image of the to-be-loaded information when the terminal starts loading the information to be loaded.

S201. Display the preview image on an area where the information to be loaded is displayed, and overlay a preset mask layer on the preview image.

S202. Calculate a loading progress of loading the to-be-loaded information, and adjust a transparency of the mask layer according to the loading progress.

S203. When the to-be-loaded information includes the picture, the picture is gradually displayed on the preview image according to the loading progress.

In the embodiment of the present invention, when the information to be loaded is a picture, the terminal gradually steps according to the information to be loaded loaded. The picture thumbnail is filled so that the picture thumbnail displayed by the terminal becomes more and more clear. When the terminal loads the picture, the picture thumbnail currently displayed by the terminal may be the original picture. Therefore, the user can more intuitively obtain the change in the definition of the display of the picture, so that the loading progress can be obtained more accurately.

S204. When the to-be-loaded information includes the webpage, the webpage is gradually displayed on the preview image according to the loading progress.

In the embodiment of the present invention, when the information to be loaded is a webpage, the terminal gradually fills in the thumbnail of the webpage according to the information to be loaded that is loaded, such as gradually adding the webpage content of the downloaded image, video, etc. in the thumbnail of the webpage displayed at the beginning. In order to make the thumbnail of the webpage displayed by the terminal more and more clear and complete, when the terminal loads the webpage, the thumbnail of the webpage currently displayed by the terminal may be the original webpage of the webpage. Therefore, the user can more intuitively obtain the change in the definition of the display of the webpage, so that the loading progress can be obtained more accurately.

In the embodiment of the present invention, the specific implementations of step S200, step S201, and step S202 can be referred to the specific implementation manners of step S100, step S101, and step S102 in the foregoing embodiment, and details are not described herein.

4 is a structural diagram of a first embodiment of a terminal according to the present invention. As shown in FIG. 4, a terminal according to this embodiment includes:

The obtaining unit 100 is configured to acquire a preview image of the to-be-loaded information when the terminal starts loading the information to be loaded.

The processing unit 200 is configured to display the preview image on an area where the information to be loaded is displayed, and overlay a preset mask layer on the preview image.

The adjusting unit 300 is configured to calculate a loading progress of loading the information to be loaded, and adjust a transparency of the mask layer according to the loading progress.

In the embodiment of the present invention, the to-be-loaded information may include a network video, a webpage, a network image, and the like that need to be loaded and displayed from the network. When the terminal needs to load the information to be loaded, the obtaining unit 100 may acquire a preview image of the information to be loaded. Optionally, when the to-be-loaded information is a video, the acquiring unit 100 obtains the preview image of the to-be-loaded information. When the terminal determines to load the specified frame image of the video, the acquiring unit 100 may acquire the specified frame image and specify the frame image. As a preview image of the video, wherein the specified frame image can be the first of the video One frame of image, or a second frame of image, or an image of another frame. Optionally, when the to-be-loaded information is a picture, the acquiring unit 100 may obtain: a picture thumbnail of the picture, and a picture thumbnail as a preview image of the picture, where the thumbnail of the picture is a terminal Loading from a picture into a low-definition picture, where the low-definition picture can be a small resolution of the picture thumbnail, the resolution of the picture thumbnail is much smaller than the resolution of the original picture, or a low-definition picture It can also be that the number of pixels of the picture thumbnail is small, and the picture thumbnail is much smaller than the number of pixels of the original picture. Optionally, when the to-be-loaded information is a webpage, the acquiring unit 100 obtains a preview image of the to-be-loaded information, which may be: obtaining a webpage thumbnail of the webpage, and using the webpage thumbnail as a preview image of the webpage, wherein the webpage thumbnail is the terminal The main document information loaded in the webpage, wherein the main document information may be text information of the webpage.

In the embodiment of the present invention, when the information to be loaded is a video, the area for displaying the information to be loaded may be the area for playing the video; when the information to be loaded is the webpage, the area for displaying the information to be loaded may be the area for displaying the webpage; When the information to be loaded is a picture, the area where the information to be loaded is displayed may be an area in which the picture is displayed. In the embodiment of the present invention, the processing unit 200 may display the preview image on the area where the information to be loaded is displayed, such as the processing unit 200 displaying the webpage thumbnail on the browser, or the processing unit 200 displaying the video on the video player. The first frame image or the like, which can enable the user to obtain the basic information of the information to be loaded through the preview image displayed by the processing unit 200 when the information of the terminal is not fully loaded to the information to be loaded, thereby reducing user anxiety.

In the embodiment of the present invention, the preset mask layer is a non-transparent mask layer, and the mask layer may be white, blue, yellow, etc., and the user can set the color of the mask layer by himself. limit. Further, the processing unit 200 may acquire a mask layer and overlay the mask layer on the preview image, wherein the mask layer is directly over the preview image, and the mask layer may be consistent with the display size of the preview image, such that The preview image is covered by the mask layer, and it also avoids affecting the image displayed on the area outside the preview image display area when adjusting the transparency of the mask layer. If the terminal overlays the mask layer on the preview image for display, the preview image is blurred when the user views the preview image through the mask layer without transparency adjustment. Further, when the transparency of the mask layer is adjusted, the transparency of the preview image display also changes as the transparency of the mask layer changes.

In the embodiment of the present invention, the loading progress may be a ratio of the data amount of the information to be loaded currently loaded by the terminal to the data amount of the entire information to be loaded. Therefore, the adjustment unit 300 can obtain the data amount of the currently loaded information to be loaded and the data amount of the entire information to be loaded, and obtain the loading progress.

In the embodiment of the present invention, the terminal may preset a correspondence between the loading progress and the transparency, wherein the loading progress is inversely proportional to the transparency, and the transparency is smaller, the transparent the mask layer is. When the loading progress is all loaded, the transparency is 0 at this time, that is, when the transparency of the mask layer is 0, the mask layer is completely transparent. Therefore, when the adjustment unit 300 obtains the loading progress, the adjusting unit 300 may obtain the transparency corresponding to the loading progress according to the preset correspondence between the loading progress and the transparency, and obtain the transparency corresponding to the loading progress as the mask layer. Transparency Adjustment. Since the value of the loading progress is larger and larger, the corresponding transparency is smaller and smaller, so that the mask layer is more and more transparent as the amount of data of the loaded information to be loaded becomes larger and larger.

Optionally, in the embodiment of the present invention, the adjusting unit 300 may further reduce the transparency of the mask layer by using a unit of the preset value according to the unit increment of the loading progress. For example, a 0.1 increase in loading progress reduces the transparency of the mask layer by 10%. Thereby the transparency of the mask layer is adjusted. As the unit of loading progress increases more and more, the transparency of the mask layer is also reduced. Therefore, as the amount of data of the loaded information to be loaded becomes larger and larger, the mask layer is also increasingly The more transparent.

The information to be loaded includes a webpage, a video, and a picture;

The obtaining unit 100 includes:

The terminal further includes:

The adjusting unit 300 includes:

The adjusting unit 100 is specifically configured to:

It is to be understood that the functions of the functional modules of the device in this embodiment may be specifically implemented according to the method in the foregoing method embodiments. For the specific implementation process, reference may be made to the related description of the foregoing method embodiments, and details are not described herein.

FIG. 5 is a structural diagram of a second embodiment of a terminal according to the present invention. As shown in FIG. 5, a terminal according to this embodiment includes:

The acquisition unit 100, the processing unit 200, and the adjustment unit 300.

The above terminal further includes:

The first display unit 400 is configured to gradually display the picture on the preview image according to the loading progress when the to-be-loaded information includes the picture.

The second display unit 500 is configured to gradually display the webpage on the preview image according to the loading progress when the to-be-loaded information includes the webpage.

In the embodiment of the present invention, when the information to be loaded is a picture, the first display unit 400 gradually fills in the picture thumbnail according to the loaded information to be loaded, so that the picture thumbnail displayed by the terminal becomes more and more clear, when the first When the display unit 400 loads the completed picture, the picture thumbnail currently displayed by the first display unit 400 may be the original picture of the picture. Therefore, the user can more intuitively obtain the change in the definition of the display of the picture, so that the loading progress can be obtained more accurately.

In the embodiment of the present invention, when the information to be loaded is a webpage, the second display unit 500 gradually fills in the thumbnail of the webpage according to the information to be loaded that is loaded, such as gradually adding the downloaded image to the thumbnail of the webpage displayed at the beginning, The webpage content, such as a video, is such that the thumbnail of the webpage displayed by the terminal is more and more clear and complete. When the terminal loads the webpage, the thumbnail of the webpage currently displayed by the second display unit 500 may be the original webpage of the webpage. Therefore, the user can more intuitively obtain the change in the definition of the display of the webpage, so that the loading progress can be obtained more accurately.

The embodiment of the present invention obtains a preview image of the to-be-loaded information when the terminal starts loading the information to be loaded. For example, displaying the preview image on an area where the information to be loaded is displayed, and overlaying a preset mask layer on the preview image, and calculating a loading progress of loading the information to be loaded, according to the The loading progress adjusts the transparency of the mask layer, so that the terminal can display the loading progress by the change of the transparency of the display of the preview image of the information to be loaded, so that the user knows the loading progress according to the change of the transparency of the preview image display. The user operation time is saved, and the user can know the content of the information to be loaded according to the preview image, thereby effectively improving the user experience.

An embodiment of the present invention further provides a terminal, comprising: a housing, a processor, a memory, a circuit board, and a power supply circuit, wherein the circuit board is disposed inside a space enclosed by the housing, The processor and the memory are disposed on the circuit board; the power circuit is configured to supply power to respective circuits or devices of the mobile terminal; the memory is configured to store executable program code; The executable program code stored in the memory is read to run a program corresponding to the executable program code for executing a loading progress display method according to an embodiment of the present invention.

In order to more clearly illustrate the present invention, a non-volatile computer storage medium for storing one or more modules, when the one or more modules are executed by a terminal, causes the The terminal performs a display method of loading progress according to an embodiment of the present invention.

It is to be understood that a storage medium of the present embodiment may be specifically implemented according to the method in the foregoing method embodiment, and the specific implementation process may refer to the related description of the foregoing method embodiment, and details are not described herein again.

In order to explain the present invention more clearly, the present invention provides an application program for executing a loading progress display method according to an embodiment of the present invention at runtime.

In the description of the present specification, the description with reference to the terms "one embodiment", "some embodiments", "example", "specific example", or "some examples" and the like means a specific feature described in connection with the embodiment or example. A structure, material or feature is included in at least one embodiment or example of the invention. In the present specification, the schematic representation of the above terms is not necessarily directed to the same embodiment or example. Furthermore, the particular features, structures, materials, or characteristics described may be combined in a suitable manner in any one or more embodiments or examples. In addition, various embodiments or examples described in the specification, as well as features of various embodiments or examples, may be combined and combined.

Moreover, the terms "first" and "second" are used for descriptive purposes only and are not to be construed as indicating or implying a relative importance or implicitly indicating the number of technical features indicated. Thus, features defining "first" or "second" may include at least one of the features, either explicitly or implicitly. In the description of the present invention, the meaning of "a plurality" is at least two, such as two, three, etc., unless specifically defined otherwise.

Any process or method description in the flowcharts or otherwise described herein can be understood as a module, segment representing code that includes one or more executable instructions for implementing the steps of a particular logical function or process. Or a part, and the scope of the preferred embodiments of the invention includes additional implementations, in which the functions may be performed in a substantially simultaneous manner or in the reverse order, depending on the functions illustrated, or in the reverse order. This should be understood by those skilled in the art to which the embodiments of the present invention pertain.

The logic and/or steps represented in the flowchart or otherwise described herein, for example, may be considered as an ordered list of executable instructions for implementing logical functions, and may be embodied in any computer readable medium, Used in conjunction with, or in conjunction with, an instruction execution system, apparatus, or device (eg, a computer-based system, a system including a processor, or other system that can fetch instructions and execute instructions from an instruction execution system, apparatus, or device) Or use with equipment. For the purposes of this specification, a "computer-readable medium" can be any apparatus that can contain, store, communicate, propagate, or transport a program for use in an instruction execution system, apparatus, or device, or in conjunction with the instruction execution system, apparatus, or device. More specific examples (non-exhaustive list) of computer readable media include the following: electrical connections (electronic devices) having one or more wires, portable computer disk cartridges (magnetic devices), random access memory (RAM), Read only memory (ROM), erasable editable read only memory (EPROM or flash memory), fiber optic devices, and portable compact disk read only memory (CDROM). In addition, the computer readable medium may even be a paper or other suitable medium on which the program can be printed, as it may be optically scanned, for example by paper or other medium, followed by editing, interpretation or, if appropriate, other suitable The method is processed to obtain the program electronically and then stored in computer memory.

It should be understood that portions of the invention may be implemented in hardware, software, firmware or a combination thereof. In the above-described embodiments, multiple steps or methods may be implemented in software or firmware stored in a memory and executed by a suitable instruction execution system. For example, if implemented in hardware, as in another embodiment, it can be implemented by any one or combination of the following techniques well known in the art: having logic gates for implementing logic functions on data signals. Discrete logic circuits, application specific integrated circuits with suitable combinational logic gates, programmable gate arrays (PGAs), field programmable gate arrays (FPGAs), etc.

One of ordinary skill in the art can understand that all or part of the steps carried by the method of implementing the above embodiments can be completed by a program to instruct related hardware, and the program can be stored in a computer readable storage medium. When executed, one or a combination of the steps of the method embodiments is included.

In addition, each functional unit in each embodiment of the present invention may be integrated into one processing module, or each unit may exist physically separately, or two or more units may be integrated into one module. The above integrated modules can be implemented in the form of hardware or in the form of software functional modules. The integrated modules, if implemented in the form of software functional modules and sold or used as stand-alone products, may also be stored in a computer readable storage medium.

The above mentioned storage medium may be a read only memory, a magnetic disk or an optical disk or the like. Although the embodiments of the present invention have been shown and described above, it is understood that the above embodiments are illustrative and are not to be construed as Variations, modifications, substitutions and variations of the above-described embodiments may be made by those skilled in the art within the scope of the invention.

A person skilled in the art can understand that all or part of the process of implementing the above embodiment method can be completed by a computer program to instruct related hardware, and the program can be stored in a computer readable storage medium. When executed, the flow of an embodiment of the methods as described above may be included. The storage medium may be a magnetic disk, an optical disk, a read-only memory (ROM), or a random access memory (RAM).

The above is only the preferred embodiment of the present invention, and the scope of the present invention is not limited thereto, and thus equivalent changes made in the claims of the present invention are still within the scope of the present invention.

Claims

A display method for loading progress, characterized in that the method comprises:

When the terminal starts loading the information to be loaded, acquiring a preview image of the information to be loaded;

Displaying the preview image on an area where the information to be loaded is displayed, and overlaying a preset mask layer on the preview image;

Calculating a loading progress of loading the information to be loaded, adjusting a transparency of the mask layer according to the loading progress, and adjusting a transparency of the preview image display to display the loading progress.
The method according to claim 1, wherein the information to be loaded comprises a webpage, a video, and a picture;

The obtaining a preview image of the information to be loaded includes:

And acquiring, when the information to be loaded includes the video, a specified frame image of the video, and using the specified frame image as a preview image of the video; or

When the to-be-loaded information includes the picture, acquiring a picture thumbnail of the picture, and using the picture thumbnail as a preview image of the picture;

When the to-be-loaded information includes the webpage, obtain a webpage thumbnail of the webpage, and use the webpage thumbnail as a preview image of the webpage.
The method according to claim 1 or 2, wherein the overlaying the preset mask layer on the preview image comprises:

The mask layer is created, wherein the mask layer is non-transparent.
The method according to any one of claims 1 to 3, wherein the adjusting the transparency of the mask layer according to the loading progress comprises:

Obtaining a transparency corresponding to the loading progress according to a preset correspondence between the loading progress and the transparency;

The transparency is used as the transparency of the mask layer.
The method according to any one of claims 1 to 4, wherein the adjusting the transparency of the mask layer according to the loading progress comprises:

The transparency of the mask layer is reduced in units of preset values according to the preset increment of the loading progress.
The method according to any one of claims 1 to 5, wherein the calculating the loading progress of loading the information to be loaded, and adjusting the transparency of the mask layer according to the loading progress further comprises:

When the information to be loaded includes the picture, the picture is gradually displayed on the preview image according to the loading progress;

When the to-be-loaded information includes the webpage, the webpage is gradually displayed on the preview image according to the loading progress.
A terminal, wherein the terminal comprises:

An obtaining unit, configured to acquire a preview image of the to-be-loaded information when the terminal starts loading the information to be loaded;

a processing unit, configured to display the preview image on an area where the information to be loaded is displayed, and overlay a preset mask layer on the preview image;

And an adjusting unit, configured to calculate a loading progress of loading the information to be loaded, and adjust a transparency of the mask layer according to the loading progress to adjust a transparency of the preview image display to display the loading progress.
The terminal according to claim 7, wherein the information to be loaded includes a webpage, a video, and a picture;

The obtaining unit includes:

a first acquiring subunit, configured to: when the to-be-loaded information includes the video, acquire a specified frame image of the video, and use the specified frame image as a preview image of the video;

a second obtaining subunit, configured to: when the information to be loaded includes the picture, acquire a picture thumbnail of the picture, and use the picture thumbnail as a preview image of the picture;

a third obtaining subunit, configured to acquire a webpage thumbnail of the webpage when the to-be-loaded information includes the webpage, and use the webpage thumbnail as a preview image of the webpage.
The terminal according to claim 7 or 8, wherein the terminal further comprises:

Creating a unit for creating the mask layer, wherein the mask layer is non-transparent.
The terminal according to any one of claims 7 to 9, wherein the adjustment unit comprises:

a fourth acquiring sub-unit, configured to acquire, according to a preset correspondence between the loading progress and the transparency, the transparency corresponding to the loading progress;

And a setting unit configured to set the transparency to the transparency of the mask layer.
The terminal according to any one of claims 7 to 10, wherein the adjustment unit is further configured to:

The transparency of the mask layer is reduced in units of preset values according to the preset increment of the loading progress.
The terminal according to any one of claims 7 to 11, further comprising:

a first display unit, configured to: when the information to be loaded includes the picture, display the picture step by step on the preview image according to the loading progress;

a second display unit, configured to: when the information to be loaded includes the webpage, display the webpage step by step on the preview image according to the loading progress.
A terminal, comprising: a housing, a processor, a memory, a circuit board, and a power supply circuit, wherein the circuit board is disposed inside a space enclosed by the housing, the processor and the memory setting On the circuit board;

The power circuit is configured to supply power to each circuit or device of the mobile terminal;

The memory is for storing executable program code;

The processor runs a program corresponding to the executable program code by reading executable program code stored in the memory for performing display of loading progress according to any one of claims 1 to 6. method.
An application program, characterized by a display method for performing the loading progress according to any one of claims 1 to 6 at runtime.
A non-volatile computer storage medium, characterized in that the computer storage medium stores one or more modules, when the one or more modules are executed by a terminal, causing the terminal to:

A display method of loading progress according to any one of claims 1 to 6.