WO2018176960A1 - Network picture displaying method, device and user terminal - Google Patents

Abstract

The embodiment of the invention provides a method, a device and a user terminal for displaying a network picture, relating to the field of mobile internet. The method comprises: a client stores a to-be-rendered picture requested from the network into a memory; and rendering the to-be-rendered picture stored in the memory. The method or the device can solve the problem that when the user loads an icon or a to-be-rendered picture through the network, the total time required is long and the user experience is not good.

Description

Method, device and user terminal for displaying network pictures Technical field

Embodiments of the present invention relate to the field of mobile Internet, and in particular, to a method, an apparatus, and a user terminal for displaying a network picture.

Background technique

Most applications' interfaces are made up of various images, such as icons for app listings in the app market or small images on the interface. When the user opens the app or web page for the first time, they need to load these icons or small pictures from the network. In the prior art, when a user needs to load these icons or small pictures through the network, the icon or small picture data needs to be written to the local disk, and then read from the local disk, and there are more IO time consuming, from the start of executing the command to the image. The total rendering time on the interface is long, and the image loading performance is poor.

Summary of the invention

In view of this, an object of the embodiments of the present invention is to provide a method, an apparatus, and a user terminal for displaying a network picture, which are used to shorten the problem that the total time required for loading an icon or a picture through the network is long.

In a first aspect, an embodiment of the present invention provides a method for displaying a network picture, where the method is applicable to a client loading a picture to be rendered, and the method includes: the client storing a picture to be rendered requested from a network to a memory. Rendering the picture to be rendered stored in the memory. This method can shorten the problem that it takes a long time to load an icon or a picture to be rendered through the network.

In a second aspect, an embodiment of the present invention provides an apparatus for displaying a network picture, where the apparatus is adapted to load a picture to be rendered, and the apparatus includes: a storage module, configured to store a picture to be rendered requested from a network into an internal memory. a rendering module for rendering the image to be rendered stored in the memory. The device for displaying a network picture can shorten the problem that it takes a long time to load an icon or a picture to be rendered through the network.

In a third aspect, an embodiment of the present invention provides a user terminal for displaying a network picture, where the user terminal includes a processor and a memory, the memory is coupled to the processor, and the memory stores an instruction when the instruction When executed by the processor, the user terminal performs the following operations: the user terminal stores a picture to be rendered requested from a network into an internal memory; and the user terminal renders the picture to be rendered stored in the memory . The user terminal displaying the network picture can shorten the problem that the total time required for the user to load the icon or the picture to be rendered through the network is long.

In a fourth aspect, an embodiment of the present invention provides a terminal device, including: one or more processors; a memory; one or more applications, wherein the one or more applications are stored in the memory And configured to be executed by the one or more processors, the one or more programs configured to: store a picture to be rendered requested from a network into a memory; render the storage into the memory Tell the rendered picture.

In a fifth aspect, an embodiment of the present invention provides a computer readable storage medium carrying one or more computer instruction programs, where the computer instruction program is executed by one or more processors, the one or more The processor performs the method of the first aspect

The method, the device and the user terminal for displaying a network picture according to various embodiments of the present invention store the image to be rendered directly into the memory when requesting the image to be rendered to the network, and store the image to be rendered in the memory when the image to be rendered is displayed. The image to be rendered is rendered. Compared with the prior art, when loading a picture to be rendered to the network, the IO time for storing the picture to be rendered to the local file is omitted, and the picture to be rendered before the picture to be rendered is omitted from the local folder. The IO time consumed is reduced, which alleviates the problem that the total time required for loading an icon or a picture to be rendered through the network is long, which greatly improves the user experience.

The above described objects, features, and advantages of the embodiments of the present invention will become more apparent from the description of the appended claims.

DRAWINGS

In order to more clearly illustrate the technical solutions of the embodiments of the present invention, the drawings used in the embodiments will be briefly described below. It should be understood that the following drawings show only certain embodiments of the present invention, and therefore It should be seen as a limitation on the scope, and those skilled in the art can obtain other related drawings according to these drawings without any creative work.

FIG. 1 is a schematic block diagram of a user terminal according to an embodiment of the present invention;

2 is a flowchart of a method for displaying a picture according to a first embodiment of the present invention;

3 is a flowchart of an embodiment of a method for displaying a picture according to a second embodiment of the present invention;

4 is a flowchart of another embodiment of a method for displaying a picture according to a second embodiment of the present invention;

FIG. 5 is a structural block diagram of an apparatus for displaying a network picture according to a third embodiment of the present invention;

FIG. 6 is a structural block diagram of an apparatus for displaying a network picture according to a fourth embodiment of the present invention;

FIG. 7 is a structural block diagram of another embodiment of an apparatus for displaying a network picture according to a fourth embodiment of the present invention;

FIG. 8 is a block diagram showing the internal structure of a terminal device according to a fifth embodiment of the present application.

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, and not all of the embodiments. The components of the embodiments of the invention, which are generally described and illustrated in the figures herein, may be arranged and designed in various different configurations. Therefore, the following detailed description of the embodiments of the invention in the claims 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.

It should be noted that similar reference numerals and letters indicate similar items in the following figures, and therefore, once an item is defined in a drawing, it is not necessary to further define and explain it in the subsequent drawings. Also, in the description of the present invention, the terms "first", "second", and the like are used merely to distinguish a description, and are not to be construed as indicating or implying a relative importance.

FIG. 1 is a schematic block diagram of a user terminal 100 where a client is provided according to an embodiment of the present invention. The user terminal 100 includes: a device for displaying a network picture, a memory 110, a memory controller 120, a processor 130, a peripheral interface 140, an input and output unit 150, an audio unit 160, and a display unit 170.

The components of the memory 110, the memory controller 120, the processor 130, the peripheral interface 140, the input and output unit 150, the audio unit 160, and the display unit 170 are electrically connected directly or indirectly to each other to implement data transmission or Interaction. For example, the components can be electrically connected to one another via one or more communication buses or signal lines. The apparatus for displaying a network picture includes at least one software function module that can be stored in the memory or firmware in an operating system (OS) of the client device in the form of software or firmware. The processor 130 is configured to execute an executable module stored in the memory 110, such as a software function module or a computer program included in the device for displaying a network picture.

The memory 110 can be, but not limited to, a random access memory (RAM), a read only memory (ROM), and a programmable read-only memory (PROM). Erasable Programmable Read-Only Memory (EPROM), Electric Erasable Programmable Read-Only Memory (EEPROM), and the like. The memory 110 is used to store a program, and the processor 130 executes the program after receiving an execution instruction. For example, in the embodiment of the present invention, when the program is executed by the processor 130, the user terminal 100 may perform: storing a picture to be rendered requested from a network into an internal memory; and rendering is stored in the memory. The picture to be rendered. The method performed by the user terminal 100 defined by the process disclosed in any of the foregoing embodiments of the present invention may be applied to the processor 130 or implemented by the processor 130.

Processor 130 may be an integrated circuit chip with signal processing capabilities. The processor 130 may be a general-purpose processor, including a central processing unit (CPU), a network processor (NP Processor, etc.), or a digital signal processor (DSP), an application specific integrated circuit. (ASIC), off-the-shelf programmable gate array (FPGA) or other programmable logic device, discrete gate or transistor logic device, discrete hardware component. The methods, steps, and logical block diagrams disclosed in the embodiments of the present invention may be implemented or carried out. The general purpose processor may be a microprocessor or the processor or any conventional processor or the like.

The peripheral interface 140 couples various input/input devices to the processor 130 and the memory 110. In some embodiments, peripheral interface 140, processor 130, and memory controller 120 can be implemented in a single chip. In other instances, they can be implemented by separate chips.

The input and output unit 150 is configured to provide input data to the user to implement user interaction with the user terminal 100. The input and output unit 150 may be, but not limited to, a mouse, a keyboard, and the like.

The audio unit 160 provides an audio interface to the user, which may include one or more microphones, one or more speakers, and audio circuitry.

The display unit 170 provides an interactive interface (such as a user operation interface) between the user terminal 100 and the user or for displaying image data to the user for reference. In this embodiment, the display unit 170 may be a liquid crystal display or a touch display. For a touch display, it can be a capacitive touch screen or a resistive touch screen that supports single-point and multi-touch operations. Supporting single-point and multi-touch operations means that the touch display can sense a touch operation simultaneously generated from one or more positions on the touch display, and the touch operation is transferred to the processor 130. Perform calculations and processing.

First embodiment

Referring to FIG. 2, FIG. 2 is a flowchart of a method for displaying a network picture according to a first embodiment of the present invention, where the method is applied to a client. The flow shown in FIG. 2 will be elaborated below, and the method includes:

Step S110: The client stores the image to be rendered requested from the network into the memory.

When the client needs to load a page or interface with an image, the server may initiate a request to download the image to be rendered to the server or other terminal through the network. After receiving the image to be rendered requested from the network, the client saves the image to be rendered directly into the memory.

Since the image to be rendered is directly stored in the memory, in order to prevent memory overflow, the image to be rendered mentioned in the present invention refers to a storage space whose storage space is smaller than a preset value or whose resolution is smaller than a preset resolution value. image. The preset value may be a specific value such as 100 KB, 200 KB, etc., and the preset resolution value may be 180*220 pixels, 100*100 pixels, or the like. Further, the to-be-rendered image may be an LOGO icon of an APP displayed on each interface list in the application market, and may be an avatar icon in a avatar list in a software such as QQ or WeChat, and may be a singer list or an album list in the music APP. Pictures and so on. It is worth noting that the picture to be rendered mentioned in the present invention does not include picture resources such as wallpapers that require high-definition browsing, photos that require high-definition browsing, and the like.

Step S120: Render the picture to be rendered stored in the memory.

Further, the client directly decodes the to-be-rendered image stored in the memory according to a preset compression ratio in a memory to obtain a decoded image to be rendered, and renders the decoded image to be rendered to an interface control. On, to enable users to browse.

Because of the traditional method of displaying pictures, the client needs to store the picture to be rendered to a local file (assuming that it takes time t1), and then read the picture to be rendered in the local (assuming that it takes time t2) to decode the image. Into the memory, and then the image to be rendered decoded into the memory is rendered to the interface control. Compared with the conventional method, the method for displaying a network picture provided by the embodiment of the present invention saves t1 and t2, thereby reducing the total time consumption.

The method for displaying a network picture provided by the embodiment of the present invention has the beneficial effects that: when the image to be rendered is requested to be loaded into the network, the image to be rendered is directly stored in the memory, and when the image to be rendered is displayed, the image to be rendered is stored in the memory. The rendered image is rendered, eliminating the IO time required to store the image to be rendered to the local file first, and also eliminating the IO time required to decode the image to be rendered from the local folder before rendering the image to be rendered. It alleviates the problem that the user takes a long time to load an icon or a picture through the network, optimizes the image loading performance, and greatly improves the user's browsing experience.

Second embodiment

Please refer to FIG. 3. FIG. 3 is a flowchart of a method for displaying a network picture according to a second embodiment of the present invention, where the method is applied to a client. The flow shown in FIG. 3 will be described in detail below, and the method includes:

Step S210: The client stores the image to be rendered requested from the network into the memory.

Step S220: Render the picture to be rendered stored in the memory.

Step S230: The client writes the picture to be rendered to a local cache file.

For the same image to be rendered, the client may have to load the display multiple times. Therefore, in order to avoid the problem of repeatedly requesting the same picture to be rendered from the network in the process of repeatedly displaying the same picture to be rendered, the client may write the picture to be rendered stored in the memory into the local cache file, when When the client needs to load the image to be rendered again, the image to be rendered in the local cache file can be directly called, thereby avoiding repeatedly requesting to download the image to be rendered to the network, thereby reducing the IO consumption time.

The client may decode the to-be-rendered image stored in the memory according to a preset compression ratio, and render the decoded image to be rendered onto the interface control.

In order to prevent the client from loading the network picture, as an implementation manner, the client may enable the asynchronous thread to write the picture to be rendered into the local cache file.

Further, referring to FIG. 4, as an implementation manner, before the client stores the to-be-rendered image requested by the network into the memory, the method further includes:

Step S201: The client acquires identification information of a picture to be rendered.

Each picture in the network has a corresponding download link. Through this link, the picture corresponding to the link can be downloaded and loaded from the network, and the link is unique. Therefore, the MD5 value of the picture link can be used as the identification information of the picture. The client may obtain the identification information of the image to be rendered before storing the image to be rendered requested from the network into the memory.

Step S202: Search, according to the identifier information, whether the picture to be rendered is stored in the local cache file.

In general, the downloaded image to be rendered is the file name of the MD5 value of the link to be rendered. Since the client writes the downloaded image to be saved to the local cache file, the client can search for the image to be rendered in the local cache file based on the MD5 value of the image link to be rendered, that is, in the index local cache file. Whether there is an MD5 value for the image link to be rendered.

Step S203: If yes, obtain the picture to be rendered from the local cache file, and render the picture to be rendered.

If not, the picture to be rendered is requested from the network.

The method for displaying a network picture provided by the embodiment of the present invention has the beneficial effects of finding whether the picture to be rendered has been cached in the local cache file before requesting the network, which reduces the time required for repeatedly downloading the picture to be rendered by the network. If there is no image to be rendered in the local cache file, the image to be rendered is directly stored in the memory when the image to be rendered is requested to be sent to the network, and the image to be rendered stored in the memory is rendered when the image to be rendered is displayed. , eliminating the IO time required to store the image to be rendered to the local file first, and also eliminating the IO time required to decode the image to be rendered from the local folder before decoding the image to be rendered, thereby alleviating the loading through the network. When the icon or the image to be rendered, the total time required is long, the image loading performance of the image to be rendered is optimized, and the browsing experience of the user is greatly improved.

Third embodiment

Please refer to FIG. 5. FIG. 5 is a structural block diagram of an apparatus 400 for displaying a network picture according to a third embodiment of the present invention. The structural block diagram shown in FIG. 5 will be explained below, and the device shown includes:

a storage module 410, configured to store a picture to be rendered requested from a network into an internal memory;

The rendering module 420 is configured to render the to-be-rendered image stored in the memory.

For the process of implementing the respective functions of the function modules of the apparatus 400 for displaying the network picture, refer to the content described in the embodiment shown in FIG. 1 to FIG. 4, and details are not described herein again.

Fourth embodiment

Please refer to FIG. 6. FIG. 6 is a structural block diagram of an apparatus 500 for displaying a network picture according to a fourth embodiment of the present invention. The structural block diagram shown in FIG. 6 will be explained below, and the device shown includes:

a storage module 510, configured to store a picture to be rendered requested from a network into an internal memory;

a rendering module 520, configured to render the to-be-rendered image stored in the memory;

The cache module 530 is configured to write the picture to be rendered to a local cache file.

Referring to FIG. 7, as an implementation manner, the apparatus 500 for displaying a network picture may further include:

An obtaining module 540, configured to acquire identification information of a picture to be rendered;

The searching module 550 is configured to search, according to the identifier information, whether the image to be rendered is stored in the local cache file.

The determining module 560 is configured to determine, if not, the requested picture to be rendered to the network, and if yes, obtain the picture to be rendered from the local cache file, and render the picture to be rendered.

For the process of implementing the respective functions of the function modules of the device 500 for displaying the network picture, refer to the content described in the embodiment shown in FIG. 1 to FIG. 4, and details are not described herein again.

Fifth embodiment

To further illustrate the method for displaying a network picture in the first embodiment, the present application provides a terminal device as a fifth embodiment, which is specifically as follows:

As shown in FIG. 8, the terminal device includes a processor 310, a memory 320, an internal memory 330, a network interface 340, and a display screen 350 connected through a system bus. The processor 310 is configured to implement a computing function and a function of controlling the operation of the terminal device, and the processor 310 is configured to execute the object selection method to be operated provided by the above embodiment. The processor 310 is configured to: the client stores the to-be-rendered image requested from the network into the memory; and renders the to-be-rendered image stored in the memory. The memory 320 is a non-volatile storage medium storing an operating system 321, a database 322, and a computer program for implementing the method for displaying a network picture provided by the above embodiments, and candidate intermediate data and result data generated by executing the computer program. . Network interface 340 is used to communicate with the server, and network interface 340 includes a radio frequency transceiver.

Sixth embodiment

The present application also provides a computer readable storage medium carrying one or more computer program programs on which one or more processors execute to implement a display of a network picture when the computer program program is executed by one or more processors. The method includes: the client stores the to-be-rendered image requested from the network into the memory; and renders the to-be-rendered image stored in the memory.

In summary, the method, device, and user terminal for displaying a network picture according to an embodiment of the present invention directly store a picture to be rendered into a memory when requesting a picture to be rendered to the network, and when displaying the picture to be rendered, Render the image to be rendered stored in memory. Compared with the prior art, when loading a picture to be rendered to the network, the IO time for storing the picture to be rendered to the local file is omitted, and the picture to be rendered before the picture to be rendered is decoded is also omitted from the local file. The IO time consumed by the clip shortens the total time taken from the download to the actual rendering to the interface, thereby alleviating the problem that the total time required for loading the icon or the image to be rendered through the network is long. This greatly enhances the user's experience.

In the several embodiments provided by the present application, it should be understood that the disclosed apparatus and method may also be implemented in other manners. The apparatus embodiments described above are merely illustrative, for example, the flowcharts and block diagrams in the figures illustrate the architecture, functionality, and functionality of possible implementations of apparatus, methods, and computer program products according to various embodiments of the invention. operating. In this regard, each block of the flowchart or block diagram can represent a module, a program segment, or a portion of code that includes one or more of the Executable instructions. It should also be noted that, in some alternative implementations, the functions noted in the blocks may also occur in a different order than those illustrated in the drawings. For example, two consecutive blocks may be executed substantially in parallel, and they may sometimes be executed in the reverse order, depending upon the functionality involved. It is also noted that each block of the block diagrams and/or flowcharts, and combinations of blocks in the block diagrams and/or flowcharts, can be implemented in a dedicated hardware-based system that performs the specified function or function. Or it can be implemented by a combination of dedicated hardware and computer instructions.

In addition, each functional module in each embodiment of the present invention may be integrated to form a separate part, or each module may exist separately, or two or more modules may be integrated to form a separate part.

The functions, if implemented in the form of software functional modules and sold or used as separate products, may be stored in a computer readable storage medium. Based on such understanding, the technical solution of the present invention, which is essential or contributes to the prior art, or a part of the technical solution, may be embodied in the form of a software product, which is stored in a storage medium, including The instructions are used to cause a computer device (which may be a personal computer, server, or network device, etc.) to perform all or part of the steps of the methods described in various embodiments of the present invention. The foregoing storage medium includes: a U disk, a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk, or an optical disk, and the like. . It should be noted that, in this context, relational terms such as first and second are used merely to distinguish one entity or operation from another entity or operation, and do not necessarily require or imply such entities or operations. There is any such actual relationship or order between them. Furthermore, the term "comprises" or "comprises" or "comprises" or any other variations thereof is intended to encompass a non-exclusive inclusion, such that a process, method, article, or device that comprises a plurality of elements includes not only those elements but also Other elements, or elements that are inherent to such a process, method, item, or device. An element that is defined by the phrase "comprising a ..." does not exclude the presence of additional equivalent elements in the process, method, item, or device that comprises the element.

The above description is only the preferred embodiment of the present invention, and is not intended to limit the present invention, and various modifications and changes can be made to the present invention. Any modifications, equivalent substitutions, improvements, etc. made within the spirit and scope of the present invention are intended to be included within the scope of the present invention. It should be noted that similar reference numerals and letters indicate similar items in the following figures, and therefore, once an item is defined in a drawing, it is not necessary to further define and explain it in the subsequent drawings.

The above is only a specific embodiment of the present invention, but the scope of the present invention is not limited thereto, and any person skilled in the art can easily think of changes or substitutions within the technical scope of the present invention. It should be covered by the scope of the present invention. Therefore, the scope of the invention should be determined by the scope of the claims.

Claims (17)

A method of displaying a network picture, the method comprising: The client stores the image to be rendered requested from the network into the memory; Rendering the picture to be rendered stored in the memory. The method according to claim 1, wherein the rendering the image to be rendered stored in the memory comprises: The client decodes the to-be-rendered image stored in the memory according to a preset compression ratio, and renders the decoded image to be rendered onto the interface control. The method according to claim 1, wherein the method further comprises: the client writing the picture to be rendered to a local cache file. The method according to claim 3, wherein the client writes the picture to be rendered to a local cache file, comprising: the client opening an asynchronous thread to write the picture to be rendered to a local cache file. The method according to claim 1, wherein the method further comprises: before the client stores the image to be rendered requested by the network into the memory, the method further comprises: The client acquires identification information of a picture to be rendered; Searching, according to the identifier information, whether the picture to be rendered is stored in a local cache file; If not, requesting the picture to be rendered from the network; If yes, the picture to be rendered is obtained from the local cache file, and the picture to be rendered is rendered. An apparatus for displaying a network picture, the apparatus comprising: a storage module, configured to store a picture to be rendered requested from a network into an internal memory; a rendering module, configured to render the image to be rendered stored in the memory. The device according to claim 6, wherein the rendering module is configured to decode the to-be-rendered image stored in the memory according to a preset compression ratio, and render the decoded image to be rendered to an interface control. on. The device of claim 6 wherein said device further comprises a cache module, configured to write the picture to be rendered to a local cache file. The device according to claim 8, wherein the cache module is configured to enable an asynchronous thread to write the picture to be rendered to a local cache file. The device according to claim 6, wherein the device further comprises: An obtaining module, configured to obtain identification information of a picture to be rendered; a searching module, configured to search, according to the identifier information, whether the image to be rendered is stored in a local cache file; And a judging module, configured to determine, if not, the picture to be rendered to the network, and if yes, obtain the picture to be rendered from the local cache file, and render the picture to be rendered. A user terminal displaying a network picture, the user terminal including a processor coupled to the processor, the memory storing instructions, the user when the instruction is executed by the processor The terminal performs the following operations: The user terminal stores a picture to be rendered requested from a network into a memory; The user terminal renders the picture to be rendered stored in the memory. A terminal device comprising: One or more processors; Memory One or more applications, wherein the one or more applications are stored in the memory and configured to be executed by the one or more processors, the one or more programs configured to: The client stores the image to be rendered requested from the network into the memory; Rendering the picture to be rendered stored in the memory. The terminal device according to claim 12, wherein the rendering the image to be rendered stored in the memory comprises: The client decodes the to-be-rendered image stored in the memory according to a preset compression ratio, and renders the decoded image to be rendered onto the interface control. The terminal device according to claim 12, further comprising: the client writing the picture to be rendered to a local cache file. The terminal device according to claim 14, wherein the client writes the picture to be rendered to a local cache file, comprising: the client opening an asynchronous thread to write the picture to be rendered into a local cache file . The terminal device according to claim 12, wherein before the client stores the image to be rendered requested by the network into the memory, the method further includes: The client acquires identification information of a picture to be rendered; Searching, according to the identifier information, whether the picture to be rendered is stored in a local cache file; If not, requesting the picture to be rendered from the network; If yes, the picture to be rendered is obtained from the local cache file, and the picture to be rendered is rendered. A computer readable storage medium having one or more computer program programs thereon, the one or more processors executing any one of claims 1-5 when the computer program program is executed by one or more processors The method described in the item.

Images