CN111125571A - Picture display method and device - Google Patents

Picture display method and device Download PDF

Info

Publication number
CN111125571A
CN111125571A CN201811185450.7A CN201811185450A CN111125571A CN 111125571 A CN111125571 A CN 111125571A CN 201811185450 A CN201811185450 A CN 201811185450A CN 111125571 A CN111125571 A CN 111125571A
Authority
CN
China
Prior art keywords
thumbnail
picture
waterfall flow
displayed
acquiring
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.)
Granted
Application number
CN201811185450.7A
Other languages
Chinese (zh)
Other versions
CN111125571B (en
Inventor
李韩英
蒋文飞
潘子豪
孙承华
冯广欣
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Hangzhou Haikang Storage Technology Co Ltd
Original Assignee
Hangzhou Haikang Storage Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Hangzhou Haikang Storage Technology Co Ltd filed Critical Hangzhou Haikang Storage Technology Co Ltd
Priority to CN201811185450.7A priority Critical patent/CN111125571B/en
Publication of CN111125571A publication Critical patent/CN111125571A/en
Application granted granted Critical
Publication of CN111125571B publication Critical patent/CN111125571B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)
  • Information Transfer Between Computers (AREA)

Abstract

The invention discloses a picture display method and device, and belongs to the technical field of internet. The method comprises the following steps: displaying a waterfall flow frame according to the waterfall flow picture frame data, wherein the waterfall flow frame comprises an occupation of each picture to be displayed; acquiring a first thumbnail corresponding to each target picture to be displayed; and displaying a corresponding first thumbnail on each chart of the waterfall flow frame. The method and the device for displaying the waterfall flow picture frame data acquire the waterfall flow picture frame data, display the occupation of each picture to be displayed, and further display a first thumbnail on the occupation map so as to finish displaying the waterfall flow page. The data volume of the first thumbnail is smaller than that of the original image, so that the image display speed is improved, particularly when the original image is not stored locally, the data volume interacting with the server is greatly reduced, the phenomenon of screen white is avoided, and the image display effect is improved.

Description

Picture display method and device
Technical Field
The invention relates to the technical field of internet, in particular to a picture display method and device.
Background
With the development of internet technology, various private network disks have been developed to meet the storage requirements of users for a large number of pictures. The storage space of the private network disk is large, and is generally several TBs (Trillionbyte), even several tens of TBs. In the actual use process, the terminal can back up the locally stored picture in the private network disk, and can also transfer the local picture to the private network disk when the local storage space is full.
Generally, a private network disk is a remote server for data storage, and in an application scenario of the private network disk, taking a waterfall flow manner as an example, in the prior art, when displaying pictures, the following method is mainly adopted: when a display instruction for the waterfall flow page is received, whether original images of pictures to be displayed in the waterfall flow page are stored locally or not is inquired; if the original image of the picture to be displayed is stored locally, the original image of the picture to be displayed is obtained locally, and if the original image of the picture to be displayed is not stored locally, the original image of the picture to be displayed is obtained from a server; and displaying the acquired original image at a corresponding position of the waterfall flow page so as to finish the display of the waterfall flow page.
In the process of implementing the invention, the inventor finds that the prior art has at least the following problems:
due to the fact that the number of the pictures to be displayed on the waterfall flow page is large, and the data volume of the original image of each picture to be displayed is large, the rendering speed of the waterfall flow page is low, particularly when the original image of the picture to be displayed is not stored locally and needs to be acquired from a server, the problem is more prominent, and even a white screen phenomenon may occur.
Disclosure of Invention
In order to improve the image display effect in the waterfall flow page, the embodiment of the invention provides an image display method and device. The technical scheme is as follows:
in one aspect, a method for displaying a picture is provided, the method comprising:
when a display instruction for a waterfall flow page is received, acquiring waterfall flow picture frame data;
displaying a waterfall flow frame according to the waterfall flow picture frame data, wherein the waterfall flow frame comprises an occupation of each picture to be displayed;
acquiring a first thumbnail corresponding to each target picture to be displayed, wherein the data volume of the first thumbnail is less than that of the original picture;
displaying a respective first thumbnail on each placeholder in the waterfall flow frame to complete display of a waterfall flow page.
In another embodiment of the present invention, the acquiring waterfall flow picture frame data includes:
when the waterfall flow picture frame data is stored locally, acquiring the waterfall flow picture frame data from the local; and/or the presence of a gas in the gas,
and when the waterfall flow picture frame data is not stored locally, acquiring the waterfall flow picture frame data from a server.
In another embodiment of the present invention, after the locally acquiring the waterfall flow picture frame data, the method further includes:
acquiring the version number of waterfall flow picture frame data stored on a server;
comparing the version number of the waterfall flow picture frame data stored locally with the version number of the waterfall flow picture frame data acquired from the server;
if the version numbers are consistent, executing a step of displaying a waterfall flow frame according to the waterfall flow picture frame data;
and if the version numbers are not consistent, updating the locally stored waterfall flow picture frame data.
In another embodiment of the present invention, the obtaining a first thumbnail corresponding to each target to-be-displayed picture includes:
determining upper and lower pages of a current waterfall flow page according to the current waterfall flow page;
acquiring picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof;
and acquiring a first thumbnail corresponding to each target picture to be displayed according to the picture information data of each target picture to be displayed.
In another embodiment of the present invention, the determining upper and lower pages of the current waterfall flow page according to the current waterfall flow page includes:
determining the position of a current waterfall flow page in the waterfall flow frame;
taking the position of a first picture in the current waterfall flow page in the waterfall flow frame as a starting point, and increasing the number of pictures of a preset number of screens forwards to obtain the pages of the preset number in the current waterfall flow page;
and taking the position of the last picture in the current waterfall flow page in the waterfall flow frame as a starting point, and increasing the number of pictures of a preset number of screens backwards to obtain the pages of the current waterfall flow page with the later preset number.
In another embodiment of the present invention, the obtaining of the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof includes:
when the image information data of each target image to be displayed in the current waterfall flow page and the upper and lower pages thereof are locally stored, acquiring the image information data of each target image to be displayed in the current waterfall flow page and the upper and lower pages thereof from the local; and/or the presence of a gas in the gas,
when the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof are not stored locally, the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof are obtained from the server.
In another embodiment of the present invention, the obtaining a first thumbnail corresponding to each target picture to be displayed according to the picture information data of each target picture to be displayed includes:
when a first thumbnail corresponding to each target picture to be displayed is locally stored, acquiring the first thumbnail corresponding to each target picture to be displayed from the local; and/or the presence of a gas in the gas,
when the first thumbnail corresponding to each target picture to be displayed is not stored locally, converting the picture information data of each target picture to be displayed into a first Uniform Resource Locator (URL), and acquiring the first thumbnail corresponding to each target picture to be displayed from the server based on the first URL of each target picture.
In another embodiment of the present invention, after displaying the corresponding first thumbnail on each place holder of the waterfall flow frame to complete the display of the waterfall flow page, the method further includes:
when the clicking operation on any first thumbnail is detected, displaying a second thumbnail corresponding to the first thumbnail, wherein the size and the data volume of the first thumbnail are smaller than those of the second thumbnail.
In another embodiment of the present invention, the displaying the second thumbnail corresponding to the first thumbnail includes:
when a second thumbnail corresponding to the first thumbnail is locally stored, acquiring the second thumbnail corresponding to the first thumbnail from the local, and displaying the second thumbnail; and/or the presence of a gas in the gas,
when a second thumbnail corresponding to the first thumbnail is not stored locally, converting picture information data corresponding to the first thumbnail into a second Uniform Resource Locator (URL), acquiring the second thumbnail from a server based on the second URL, and displaying the second thumbnail.
In another embodiment of the present invention, after displaying the second thumbnail corresponding to the first thumbnail, the method further includes:
and when the clicking operation on the original image viewing option on the second thumbnail is detected, displaying the original image corresponding to the second thumbnail, wherein the data volume of the second thumbnail is smaller than that of the original image.
In another embodiment of the present invention, the displaying the artwork corresponding to the second thumbnail includes:
when the original image corresponding to the second thumbnail is locally stored, the original image corresponding to the second thumbnail is locally acquired and displayed; and/or the presence of a gas in the gas,
and when the original image corresponding to the second thumbnail is not stored locally, converting the picture information data corresponding to the second thumbnail into a third Uniform Resource Locator (URL), acquiring the original image from a server based on the third URL, and displaying the original image.
In another aspect, there is provided a picture display apparatus, the apparatus including:
the device comprises an acquisition module, a display module and a display module, wherein the acquisition module is used for acquiring waterfall flow picture frame data when a display instruction for a waterfall flow page is received;
the display module is used for displaying a waterfall flow frame according to the waterfall flow picture frame data, and the waterfall flow frame comprises the occupation of each picture to be displayed;
the acquisition module is used for acquiring a first thumbnail corresponding to each target picture, and the data volume of the first thumbnail is less than that of the original picture;
the display module is used for displaying a corresponding first thumbnail on each position occupied by the waterfall flow frame so as to finish displaying the waterfall flow page.
In another embodiment of the present invention, the obtaining module is configured to obtain the waterfall flow picture frame data from the local when the waterfall flow picture frame data is stored locally; and/or the presence of a gas in the gas,
the acquiring module is used for acquiring the waterfall flow picture frame data from a server when the waterfall flow picture frame data is not stored locally.
In another embodiment of the present invention, the apparatus further comprises:
the acquiring module is used for acquiring the version number of the waterfall flow picture frame data stored on the server;
the comparison module is used for comparing the version number of the waterfall flow picture frame data stored locally with the version number of the waterfall flow picture frame data acquired from the server;
the display module is used for displaying a waterfall flow frame according to the waterfall flow picture frame data if the version numbers are consistent;
and the updating module is used for updating the waterfall flow picture frame data stored locally if the version numbers are inconsistent.
In another embodiment of the present invention, the obtaining module is configured to determine, according to a current waterfall flow page, upper and lower pages of the current waterfall flow page; acquiring picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof; and acquiring a first thumbnail corresponding to each target picture to be displayed according to the picture information data of each target picture to be displayed.
In another embodiment of the present invention, the determining module is configured to determine a position of a current waterfall flow page in the waterfall flow frame; taking the position of a first picture in the current waterfall flow page in the waterfall flow frame as a starting point, and increasing the number of pictures of a preset number of screens forwards to obtain the pages of the preset number in the current waterfall flow page; and taking the position of the last picture in the current waterfall flow page in the waterfall flow frame as a starting point, and increasing the number of pictures of a preset number of screens backwards to obtain the pages of the current waterfall flow page with the later preset number.
In another embodiment of the present invention, the obtaining module is configured to obtain, when picture information data of each target to-be-displayed picture in the current waterfall flow page and upper and lower pages thereof is locally stored, picture information data of each target to-be-displayed picture in the current waterfall flow page and upper and lower pages thereof from the local; and/or the presence of a gas in the gas,
the acquisition module is used for acquiring the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof from the server when the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof are not stored locally.
In another embodiment of the present invention, the obtaining module is configured to, when a first thumbnail corresponding to each target to-be-displayed picture is locally stored, locally obtain the first thumbnail corresponding to each target to-be-displayed picture; and/or the presence of a gas in the gas,
the acquisition module is used for converting the picture information data of each target picture to be displayed into a first Uniform Resource Locator (URL) when the first thumbnail corresponding to each target picture to be displayed is not stored locally, and acquiring the first thumbnail corresponding to each target picture to be displayed from the server based on the first URL of each target picture to be displayed.
In another embodiment of the present invention, the display module is configured to display a second thumbnail corresponding to any first thumbnail when a click operation on the first thumbnail is detected, where both the size and the data size of the first thumbnail are smaller than those of the second thumbnail.
In another embodiment of the present invention, the display module is configured to, when a second thumbnail corresponding to the first thumbnail is locally stored, locally acquire the second thumbnail corresponding to the first thumbnail, and display the second thumbnail; and/or the presence of a gas in the gas,
the display module is used for converting the picture information data corresponding to the first thumbnail into a second Uniform Resource Locator (URL) when the second thumbnail corresponding to the first thumbnail is not stored locally, acquiring the second thumbnail from a server based on the second URL, and displaying the second thumbnail.
In another embodiment of the present invention, the display module is configured to display the original image corresponding to the second thumbnail when a click operation on an original image viewing option on the second thumbnail is detected, where a data amount of the second thumbnail is smaller than that of the original image.
In another embodiment of the present invention, the display module is configured to, when the original image corresponding to the second thumbnail is locally stored, locally acquire the original image corresponding to the second thumbnail, and display the original image; and/or the presence of a gas in the gas,
and the display module is used for converting the picture information data corresponding to the second thumbnail into a third Uniform Resource Locator (URL) when the original image corresponding to the second thumbnail is not stored locally, acquiring the original image from a server based on the third URL, and displaying the original image.
Another aspect provides a terminal including a processor and a memory, where the memory stores at least one instruction, and the at least one instruction is loaded and executed by the processor to implement a picture display method.
Another aspect provides a computer-readable storage medium having at least one instruction stored therein, the at least one instruction being loaded and executed by a processor to implement a picture display method.
The technical scheme provided by the embodiment of the invention has the following beneficial effects:
acquiring waterfall flow picture frame data, displaying an occupancy map of each picture to be displayed, and further displaying a first thumbnail on the occupancy map to finish displaying a waterfall flow page. The data volume of the first thumbnail is smaller than that of the original image, so that the image display speed is improved, particularly when the original image is not stored locally, the data volume interacting with the server is greatly reduced, the phenomenon of screen white is avoided, and the image display effect is improved.
Drawings
In order to more clearly illustrate the technical solutions in the embodiments of the present invention, the drawings needed to be used in the description of the embodiments will be briefly introduced below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings based on these drawings without creative efforts.
Fig. 1 is an implementation environment related to a picture display method according to an embodiment of the present invention;
FIG. 2 is an overall architecture diagram of a client provided by an embodiment of the invention;
FIG. 3 is a schematic diagram of a data hierarchy provided by an embodiment of the present invention;
fig. 4 is a data interaction diagram between a terminal and a server according to an embodiment of the present invention;
FIG. 5 is a flowchart of a method for displaying pictures according to an embodiment of the present invention;
FIG. 6 is a flowchart of a method for displaying pictures according to an embodiment of the present invention;
FIG. 7 is a diagram illustrating a picture display effect according to an embodiment of the present invention;
FIG. 8 is a flow chart illustrating a display of a waterfall flow page provided by an embodiment of the present invention;
FIG. 9 is a diagram illustrating a picture display effect according to an embodiment of the present invention;
FIG. 10 is a diagram illustrating a picture display effect provided by an embodiment of the invention;
FIG. 11 is a diagram illustrating a picture display effect according to an embodiment of the present invention;
FIG. 12 is a flow chart of a picture preview provided by an embodiment of the present invention;
FIG. 13 is a schematic diagram of a picture display device according to an embodiment of the present invention;
fig. 14 is a block diagram illustrating a configuration of a picture display terminal according to an exemplary embodiment of the present invention.
Detailed Description
In order to make the objects, technical solutions and advantages of the present invention more apparent, embodiments of the present invention will be described in detail with reference to the accompanying drawings.
Before carrying out the embodiments of the present invention, terms related to the embodiments of the present invention will be explained first.
Thumbnail image: and (5) obtaining a small picture after the picture is processed in a compression mode.
Local caching: the memory space for storing data is applied by the client.
URL: the address of a standard resource on the internet is a compact representation of the location and access method of a resource available on the internet.
Referring to fig. 1, an implementation environment related to the picture display method according to the embodiment of the present invention is shown, and referring to fig. 1, the implementation environment includes: a terminal 101 and a server 102.
The terminal 101 may be a smart phone, a tablet computer, a notebook computer, or the like, and the embodiment of the present invention does not specifically limit the product type of the terminal 101. The terminal 101 is installed with a private network disk application, and can interact with the server 102 based on the installed private network disk application.
The server 102 is a background server for the private network disk application, and the server 102 has a data storage function, can store a large amount of picture data, documents, audio and video data and the like, and can provide services for users based on the private network disk application.
Fig. 2 is a general architecture diagram of a client of a private network disk application installed in a terminal, and referring to fig. 2, the client includes a UI (User Interface) presentation layer and an underlying processing layer.
The UI display layer is used for displaying the waterfall flow of the pictures, displaying the pictures downslide under the waterfall flow, displaying the thumbnails, displaying the high-definition original pictures and the like.
The processing layer is used for establishing connection with a network, caching pictures locally, processing the pictures and other functions and the like.
Referring to fig. 3, the image data of the client in the embodiment of the present invention can be divided into three layers, which are a frame layer, an information layer, and a picture layer.
The frame layer comprises waterfall flow picture frame data and the like, and the waterfall flow picture frame data comprises the total number of pictures at the server end, a picture group divided according to dates, the number information of the pictures in the picture group and the like. And the frame layer is used for displaying the waterfall flow frame of the pictures sorted by date according to the waterfall flow picture frame data by the client.
The information layer comprises picture information data of pictures corresponding to the waterfall flow picture frame data, the picture information data comprises URL information and the like of the pictures, and the URL information is used for indicating picture names, picture types, storage position information of the pictures in the server and the like. The information layer is used for the client to obtain the pictures.
The picture layer includes small thumbnails, large thumbnails, artwork, and the like. The size of the small thumbnail is smaller than that of the large thumbnail, the data size of the small thumbnail is also smaller than that of the large thumbnail, the size of the large thumbnail is the same as that of the original, and the data size of the large thumbnail is smaller than that of the original. During actual display, the small thumbnail is used for displaying pictures under waterfall flow; the large thumbnail is used for viewing a single picture when a user clicks a certain small thumbnail; the original image is used for meeting the viewing requirement of a user on the high-definition picture.
Fig. 4 shows a data interaction flow between a terminal and a server in the image display method according to the embodiment of the present invention, and referring to fig. 4, when an image is displayed in a waterfall flow manner, the terminal may obtain waterfall flow picture frame data from the server, the server returns the waterfall flow picture frame data to a client, and after receiving the waterfall flow picture frame data, the client caches the waterfall flow picture frame data locally. The client can also obtain the picture information data from the server, the server returns the picture information data to the client, and after receiving the picture information data, the terminal caches the picture information data locally. The client can also obtain the picture from the server, the server returns the picture to the client, and when the picture returned by the server is received, the client caches the received picture locally and displays the received picture.
An embodiment of the present invention provides a picture display method, and referring to fig. 5, a flow of the method provided by the embodiment of the present invention includes:
501. and when a display instruction of the waterfall flow page is received, acquiring the frame data of the waterfall flow page.
502. And displaying the waterfall flow frame according to the waterfall flow picture frame data.
The waterfall flow frame comprises an occupation of each picture to be displayed.
503. And acquiring a first thumbnail corresponding to each target picture.
The data volume of the first thumbnail is smaller than that of the original image.
504. Displaying a respective first thumbnail on each placeholder of the waterfall flow frame to complete display of the waterfall flow page.
The method provided by the embodiment of the invention obtains the waterfall flow picture frame data, displays the placeholder map of each picture to be displayed, and further displays the first thumbnail on the placeholder map so as to complete the display of the waterfall flow page. The data volume of the first thumbnail is smaller than that of the original image, so that the image display speed is improved, particularly when the original image is not stored locally, the data volume interacting with the server is greatly reduced, the phenomenon of screen white is avoided, and the image display effect is improved.
In another embodiment of the present invention, acquiring waterfall flow picture frame data comprises:
when waterfall flow picture frame data are stored locally, acquiring the waterfall flow picture frame data from the local; and/or the presence of a gas in the gas,
and when the waterfall flow picture frame data is not stored locally, acquiring the waterfall flow picture frame data from the server.
In another embodiment of the present invention, after acquiring waterfall flow picture frame data locally, the method further includes:
acquiring the version number of waterfall flow picture frame data stored on a server;
comparing the version number of the waterfall flow picture frame data stored locally with the version number of the waterfall flow picture frame data acquired from the server;
if the version numbers are consistent, executing a step of displaying a waterfall flow frame according to the waterfall flow picture frame data;
and if the version numbers are not consistent, updating the locally stored waterfall flow picture frame data.
In another embodiment of the present invention, acquiring a first thumbnail corresponding to each target picture to be displayed includes:
determining upper and lower pages of a current waterfall flow page according to the current waterfall flow page;
acquiring picture information data of each target picture to be displayed in a current waterfall flow page and upper and lower pages of the current waterfall flow page;
and acquiring a first thumbnail corresponding to each target picture to be displayed according to the picture information data of each target picture to be displayed.
In another embodiment of the present invention, determining upper and lower pages of a current waterfall flow page according to the current waterfall flow page includes:
determining the position of a current waterfall flow page in a waterfall flow frame;
taking the position of a first picture in the current waterfall flow page in the waterfall flow frame as a starting point, and increasing the number of pictures of a preset number of screens forwards to obtain the pages with the preset number in the current waterfall flow page;
and taking the position of the last picture in the current waterfall flow page in the waterfall flow frame as a starting point, and increasing the number of pictures of the preset number screen backwards to obtain the pages of the preset number behind the current waterfall flow page.
In another embodiment of the present invention, acquiring picture information data of each target picture to be displayed in a current waterfall flow page and upper and lower pages thereof includes:
when picture information data of each target picture to be displayed in a current waterfall flow page and upper and lower pages of the current waterfall flow page are locally stored, the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages of the current waterfall flow page are locally obtained; and/or the presence of a gas in the gas,
when the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof are not stored locally, the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof are obtained from the server.
In another embodiment of the present invention, acquiring a first thumbnail corresponding to each target picture according to picture information data of each target picture to be displayed includes:
when a first thumbnail corresponding to each target picture to be displayed is locally stored, acquiring the first thumbnail corresponding to each target picture to be displayed from the local; and/or the presence of a gas in the gas,
when the first thumbnail corresponding to each target picture to be displayed is not stored locally, the picture information data of each target picture is converted into a first Uniform Resource Locator (URL), and the first thumbnail corresponding to each target picture to be displayed is obtained from the server based on the first URL of each target picture to be displayed.
In another embodiment of the present invention, after displaying a corresponding first thumbnail on each place holder of the waterfall flow frame to complete the display of the waterfall flow page, the method further includes:
when the clicking operation on any first thumbnail is detected, displaying a second thumbnail corresponding to the first thumbnail, wherein the size and the data volume of the first thumbnail are smaller than those of the second thumbnail.
In another embodiment of the present invention, displaying a second thumbnail corresponding to a first thumbnail includes:
when a second thumbnail corresponding to the first thumbnail is locally stored, acquiring the second thumbnail corresponding to the first thumbnail from the local, and displaying the second thumbnail; and/or the presence of a gas in the gas,
when the second thumbnail corresponding to the first thumbnail is not stored locally, the picture information data corresponding to the first thumbnail is converted into a second Uniform Resource Locator (URL), the second thumbnail is obtained from the server based on the second URL, and the second thumbnail is displayed.
In another embodiment of the present invention, after displaying the second thumbnail corresponding to the first thumbnail, the method further includes:
and when the clicking operation on the original image viewing option on the second thumbnail is detected, displaying the original image corresponding to the second thumbnail, wherein the data volume of the second thumbnail is smaller than that of the original image.
In another embodiment of the present invention, displaying the artwork corresponding to the second thumbnail includes:
when the original image corresponding to the second thumbnail is stored locally, the original image corresponding to the second thumbnail is obtained locally, and the original image is displayed; and/or the presence of a gas in the gas,
and when the original image corresponding to the second thumbnail is not locally stored, converting the picture information data corresponding to the second thumbnail into a third Uniform Resource Locator (URL), acquiring the original image from the server based on the third URL, and displaying the original image.
All the above-mentioned optional technical solutions can be combined arbitrarily to form the optional embodiments of the present invention, and are not described herein again.
An embodiment of the present invention provides a picture display method, and referring to fig. 6, a flow of the method provided by the embodiment of the present invention includes:
601. when a display instruction of a waterfall flow page is received, the terminal acquires the frame data of the waterfall flow page.
The waterfall flow frame data comprises the total number of the server-side pictures, a group of pictures divided according to dates, the number information of the pictures in the group of pictures and the like. When the terminal acquires the waterfall flow picture frame data, the following steps can be adopted:
6011. and the terminal inquires whether waterfall flow picture frame data are stored locally.
When a display instruction of the waterfall flow page is received, the terminal inquires whether data corresponding to the waterfall flow frame data identifier is stored locally or not according to the waterfall flow frame data identifier, if so, the step 6012 is executed, and if not, the step 6013 is executed.
6012. When waterfall flow picture frame data are stored locally, the terminal acquires the waterfall flow picture frame data from the local.
When determining that the waterfall flow picture frame data is locally stored, the terminal can directly obtain the waterfall flow frame data from this time.
In another embodiment of the present invention, after the terminal locally obtains the waterfall flow picture frame data, the terminal further obtains a version number of the waterfall flow picture frame data stored on the server, and compares the version number of the locally stored waterfall flow picture frame data with the version number of the waterfall flow picture frame data obtained from the server, if the version numbers of the two are consistent, step 602 is executed; and if the two version numbers are not consistent, acquiring waterfall flow picture frame data from the server, and updating the locally stored waterfall flow picture frame data according to the waterfall flow frame data acquired from the server.
6013. When the waterfall flow picture frame data is not stored locally, the terminal acquires the waterfall flow picture frame data from the server.
When determining that the waterfall flow frame data is not stored locally, the terminal can send a waterfall flow picture frame data acquisition request to the server, the server receives the waterfall flow picture frame data acquisition request and then sends the waterfall flow picture frame data to the terminal, and the terminal receives the waterfall flow picture frame data sent by the server and stores the received waterfall flow picture frame data locally.
602. And the terminal displays the waterfall flow frame according to the waterfall flow picture frame data.
The waterfall flow frame comprises an occupation map of each picture to be displayed. After acquiring the waterfall flow picture frame data, the server can display the waterfall flow frames of the pictures sorted by date according to the waterfall flow picture frame data, and the position of each picture to be displayed is represented in a mode of occupying a bitmap.
603. And the terminal determines the upper page and the lower page of the current waterfall flow page according to the current waterfall flow page.
The method comprises the steps that when the terminal determines the upper page and the lower page of a current waterfall flow page according to the current waterfall flow page, the position of the current waterfall flow page in a waterfall flow frame can be determined firstly, the position of the first picture in the current waterfall flow page in the waterfall flow frame is taken as a starting point, the number of pictures of a preset number of screens is increased forwards, the front preset number of pages of the current waterfall flow page is obtained, meanwhile, the position of the last picture in the current waterfall flow page in the waterfall flow frame is taken as the starting point, the number of pictures of the preset number of screens is increased backwards, and the rear preset number of pages of the current waterfall flow page is obtained. The preset number may be determined by the processing capability of the terminal, and the preset number may be 1, 2, 3, and the like.
604. The terminal obtains the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof.
The picture information data comprises a picture name, a picture type, storage position information of the picture in the server and the like. The target to-be-displayed picture may be a to-be-displayed picture included in the current waterfall flow page and upper and lower pages thereof. When the terminal acquires the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof, the terminal can inquire whether the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof are stored locally one by one from the initial pictures in the current waterfall flow page and the upper and lower pages thereof, and when the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof are stored locally, the terminal acquires the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof from the local; when the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages of the current waterfall flow page are not stored locally, the terminal sends an acquisition request for the picture information data of the target picture to be displayed to the server, when the acquisition request is received, the server sends the picture information data of the target picture to be displayed to the terminal, the terminal receives the picture information data of the target picture to be displayed sent by the server, and therefore the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages of the waterfall flow page are acquired from the server.
It should be noted that, in the foregoing steps 603 to 604, the target to-be-displayed picture is taken as an example of the current waterfall flow page and the to-be-displayed pictures included in the upper and lower pages thereof, and actually, the target to-be-displayed picture may also be a to-be-displayed picture included in all waterfall flow pages in the waterfall flow frame. Step 605 may be adopted to obtain the corresponding first thumbnail of the target picture to be displayed, regardless of which picture is indicated by the target picture to be displayed.
605. The terminal obtains a first thumbnail corresponding to each target picture to be displayed according to the picture information data of each target picture to be displayed.
The data amount of the first thumbnail is smaller than that of the original image, and the first thumbnail may be a small thumbnail in the embodiment of the present invention. When the terminal acquires the first thumbnail corresponding to each target picture to be displayed according to the picture information data of each target picture to be displayed, the following method can be adopted: the terminal inquires whether a first thumbnail corresponding to each target picture to be displayed is locally stored or not according to the picture information data of each target picture to be displayed, and when the first thumbnail corresponding to each target picture to be displayed is locally stored, the terminal acquires the first thumbnail corresponding to each target picture to be displayed from the local; when the first thumbnail corresponding to each target picture to be displayed is not stored locally, the terminal converts the picture information data of each target picture to be displayed into a first URL, and acquires the first thumbnail corresponding to each target picture to be displayed from the server based on the first URL of each target picture to be displayed. Taking any target to-be-displayed picture as an example, when the terminal converts the picture information of the target to-be-displayed picture into the first URL, the terminal may acquire information such as a picture name, a picture type, and storage location information of the picture in the server from the picture information of the target to-be-displayed picture, add the acquired information to a corresponding location of the URL to obtain the first URL, and acquire the first thumbnail of the target to-be-displayed picture stored in the server by using the first URL.
606. And the terminal displays a corresponding first thumbnail on each occupation of the waterfall flow frame so as to complete the display of the waterfall flow page.
After the first thumbnail of each target picture is obtained, the terminal displays the corresponding first thumbnail on each place occupation of the waterfall flow frame, so that the display of the waterfall flow page is completed. Fig. 7 is a display effect diagram of the waterfall flow page.
The display process of the waterfall flow page is described below by taking fig. 8 as an example.
Referring to fig. 8, when a user needs to browse a large number of pictures in a classified manner, the user sends a display instruction of a waterfall flow page to the terminal by performing a trigger operation on the terminal, and when the display instruction of the waterfall flow page is received, the terminal queries whether the local cache stores waterfall flow picture frame data or not, and measures taken by the terminal are different according to whether the local cache stores the waterfall flow picture frame data or not. When the waterfall flow picture frame data is not stored in the local cache, the terminal can acquire the waterfall flow picture frame data from a remote place (including a server or other equipment) and store the acquired waterfall flow picture frame data into the local cache; when the waterfall flow picture frame data are stored in the local cache, the terminal acquires the waterfall flow picture frame data from the local cache, acquires the version number of the waterfall flow picture frame data stored in the server, and updates the waterfall flow picture frame data stored in the local cache according to the waterfall flow picture frame data stored in the server if the version number of the waterfall flow picture frame data and the version number of the waterfall flow picture frame data stored in the server are different; if the version numbers of both are the same, the next step is performed. The terminal inquires whether picture information data in a current waterfall flow page and upper and lower pages of the waterfall flow page are stored in a cache or not, and when the picture information data are stored in a local cache, the terminal acquires the picture information data of each picture in the waterfall flow page and the upper and lower pages of the waterfall flow page from the local cache; when the picture information data are not stored in the local cache, the terminal remotely obtains the picture information data of each picture in the current waterfall flow page and the upper and lower pages of the current waterfall flow page, and stores the obtained picture information data into the local cache. Then, the terminal inquires whether a small thumbnail of each picture is stored in a local cache or not according to the picture information data of each picture, when the small thumbnail of each picture is stored in the local cache, the terminal acquires the small thumbnail of each picture from the local cache, and when the small thumbnail of each picture is not stored in the local cache, the terminal remotely acquires the small thumbnail corresponding to each picture according to the picture information data of each picture, stores the acquired small thumbnail into the local cache, and further displays the corresponding small thumbnail on each map of the waterfall flow frame.
607. And when the clicking operation on any first thumbnail is detected, the terminal displays a second thumbnail corresponding to the first thumbnail.
The size and the data size of the first thumbnail are smaller than those of the second thumbnail, and the second thumbnail can be a large thumbnail in the embodiment of the invention. And for the current waterfall flow page, when the clicking operation on any first thumbnail is detected, the terminal displays a second thumbnail corresponding to the first thumbnail.
When the terminal displays the second thumbnail corresponding to the first thumbnail, the following mode can be adopted: the terminal inquires whether a second thumbnail corresponding to the first thumbnail is locally stored or not, and when the second thumbnail corresponding to the first thumbnail is locally stored, the terminal acquires the second thumbnail corresponding to the first thumbnail from the local and displays the second thumbnail; when the second thumbnail corresponding to the first thumbnail is not stored locally, the terminal converts the picture information data corresponding to the first thumbnail into a second URL, acquires the second thumbnail from the server based on the second URL, and displays the second thumbnail. The manner of converting the picture information data corresponding to the first thumbnail into the second URL by the terminal is the same as the manner of converting the picture information data into the first URL, which refers to the above steps specifically, and is not repeated here. Fig. 9 is a current waterfall flow page, when a click operation on a small thumbnail on the current waterfall flow page is detected, the terminal displays a large thumbnail corresponding to the small thumbnail, and the display effect of the large thumbnail can be seen in fig. 10.
608. And when the clicking operation on the original image viewing option on the second thumbnail is detected, the terminal displays the original image corresponding to the second thumbnail.
And the data volume of the second thumbnail is smaller than that of the original image. In the embodiment of the invention, in order to meet the viewing requirement of a user on the high-definition original image, the original image viewing option is displayed on the second thumbnail, and when the clicking operation on the original image viewing option on the second thumbnail is detected, the terminal displays the original image corresponding to the second thumbnail.
When the terminal displays the original image corresponding to the second thumbnail, the following method can be adopted: the terminal inquires whether the original image corresponding to the second thumbnail is stored locally or not, and when the original image corresponding to the second thumbnail is stored locally, the terminal acquires the original image corresponding to the second thumbnail from the local and displays the original image; and when the original image corresponding to the second thumbnail is not stored locally, the terminal converts the picture information data corresponding to the second thumbnail into a third URL, acquires the original image from the server based on the third URL, and displays the original image. Fig. 10 is a large thumbnail corresponding to any one of the small thumbnails on the current waterfall flow page, and when a click operation on an original view option on the large thumbnail is detected, the terminal displays an original corresponding to the large thumbnail, where the display effect of the original can be seen in fig. 11.
For the display process of different pictures in the waterfall flow page, see fig. 12.
In a display scene of a waterfall flow page, a terminal detects whether a small thumbnail corresponding to each picture to be displayed in the current waterfall flow page is stored in a local cache, and when the small thumbnail corresponding to each target picture to be displayed is stored in the local cache, the terminal acquires the small thumbnail corresponding to each target picture to be displayed from the local cache; when the small thumbnail corresponding to each target picture to be displayed is not stored in the local cache, the terminal sends an acquisition request for the small thumbnail to the server, the server sends the requested small thumbnail to the terminal, and the terminal stores the acquired small thumbnail into the local cache and displays the acquired small thumbnail on the current waterfall flow page. When the clicking operation on any small thumbnail is detected, the terminal inquires whether a large thumbnail corresponding to the small thumbnail is stored in a local cache, when the large thumbnail is stored in the local cache, the terminal displays the large thumbnail, when the large thumbnail is not stored in the local cache, the terminal sends an acquisition request for the large thumbnail to a server, the server sends the requested large thumbnail to the terminal, and the terminal stores the acquired large thumbnail into the local cache and displays the acquired large thumbnail. When the clicking operation of the original image viewing option on the large thumbnail is detected, the terminal inquires whether the original image corresponding to the large thumbnail is stored in a local cache or not, and when the original image is stored in the local cache, the terminal displays the original image; when the original image corresponding to the large thumbnail is not stored in the local cache, the terminal sends an acquisition request of the original image corresponding to the large thumbnail to the server, the server sends the requested original image to the terminal, and the terminal stores the acquired original image into the local cache and displays the acquired original image.
The method provided by the embodiment of the invention obtains the waterfall flow picture frame data, displays the placeholder map of each picture to be displayed, and further displays the first thumbnail on the placeholder map so as to complete the display of the waterfall flow page. The data volume of the first thumbnail is smaller than that of the original image, so that the image display speed is improved, particularly when the original image is not stored locally, the data volume interacting with the server is greatly reduced, the phenomenon of screen white is avoided, and the image display effect is improved.
Referring to fig. 13, an embodiment of the present invention provides a picture display device, including:
an obtaining module 1301, configured to obtain waterfall flow picture frame data when a display instruction for a waterfall flow page is received;
a display module 1302, configured to display a waterfall flow frame according to the waterfall flow picture frame data, where the waterfall flow frame includes an occupation of each picture to be displayed;
an obtaining module 1301, configured to obtain a first thumbnail corresponding to each target picture to be displayed, where a data amount of the first thumbnail is smaller than a data amount of the original picture;
a display module 1302, configured to display a corresponding first thumbnail on each place-occupying of the waterfall flow frame to complete displaying of the waterfall flow page.
In another embodiment of the present invention, the obtaining module 1301 is configured to obtain waterfall flow picture frame data from a local location when the waterfall flow picture frame data is locally stored; and/or the presence of a gas in the gas,
an obtaining module 1301, configured to obtain waterfall flow picture frame data from a server when the waterfall flow picture frame data is not stored locally.
In another embodiment of the present invention, the apparatus further comprises:
an obtaining module 1301, configured to obtain a version number of waterfall flow picture frame data stored on a server;
the comparison module is used for comparing the version number of the waterfall flow picture frame data stored locally with the version number of the waterfall flow picture frame data acquired from the server;
a display module 1302, configured to display a waterfall flow frame according to the waterfall flow picture frame data if the version numbers are consistent;
and the updating module is used for updating the waterfall flow picture frame data stored locally if the version numbers are inconsistent.
In another embodiment of the present invention, the obtaining module 1301 is configured to determine, according to a current waterfall flow page, an upper page and a lower page of the current waterfall flow page; acquiring picture information data of each target picture to be displayed in a current waterfall flow page and upper and lower pages of the current waterfall flow page; and acquiring a first thumbnail corresponding to each target picture to be displayed according to the picture information data of each target picture to be displayed.
In another embodiment of the present invention, the obtaining module 1301 is configured to determine a position of a current waterfall flow page in a waterfall flow frame; taking the position of a first picture in the current waterfall flow page in the waterfall flow frame as a starting point, and increasing the number of pictures of a preset number of screens forwards to obtain the pages with the preset number in the current waterfall flow page; and taking the position of the last picture in the current waterfall flow page in the waterfall flow frame as a starting point, and increasing the number of pictures of the preset number screen backwards to obtain the pages of the preset number behind the current waterfall flow page.
In another embodiment of the present invention, the obtaining module 1301 is configured to, when picture information data of each target to-be-displayed picture in the current waterfall flow page and upper and lower pages thereof is locally stored, obtain the picture information data of each target to-be-displayed picture in the current waterfall flow page and upper and lower pages thereof from the local; and/or the presence of a gas in the gas,
the obtaining module 1301 is configured to obtain, from the server, picture information data of each target to-be-displayed picture in the current waterfall flow page and upper and lower pages thereof when the picture information data of each target to-be-displayed picture in the current waterfall flow page and the upper and lower pages thereof is not locally stored.
In another embodiment of the present invention, the obtaining module 1301 is configured to, when a first thumbnail corresponding to each target to-be-displayed picture is locally stored, locally obtain the first thumbnail corresponding to each target to-be-displayed picture; and/or the presence of a gas in the gas,
the obtaining module 1301 is configured to, when a first thumbnail corresponding to each target to-be-displayed picture is not stored locally, convert picture information data of each target to-be-displayed picture into a first uniform resource locator URL, and obtain, from the server, the first thumbnail corresponding to each target to-be-displayed picture based on the first URL of each target to-be-displayed picture.
In another embodiment of the present invention, the display module 1302 is configured to display a second thumbnail corresponding to any first thumbnail when a click operation on the first thumbnail is detected, where a size and a data size of the first thumbnail are smaller than those of the second thumbnail.
In another embodiment of the present invention, the display module 1302 is configured to, when a second thumbnail corresponding to a first thumbnail is locally stored, obtain the second thumbnail corresponding to the first thumbnail from the local, and display the second thumbnail; and/or the presence of a gas in the gas,
the display module 1302 is configured to, when a second thumbnail corresponding to the first thumbnail is not locally stored, convert the picture information data corresponding to the first thumbnail into a second uniform resource locator URL, acquire the second thumbnail from the server based on the second URL, and display the second thumbnail.
In another embodiment of the present invention, the display module 1302 is configured to display the original image corresponding to the second thumbnail when a click operation on an original image viewing option on the second thumbnail is detected, where a data amount of the second thumbnail is smaller than that of the original image.
In another embodiment of the present invention, the display module 1302 is configured to, when the original image corresponding to the second thumbnail is locally stored, obtain the original image corresponding to the second thumbnail from the local, and display the original image; and/or the presence of a gas in the gas,
and when the original image corresponding to the second thumbnail is not locally stored, converting the picture information data corresponding to the second thumbnail into a third Uniform Resource Locator (URL), acquiring the original image from the server based on the third URL, and displaying the original image.
In summary, the apparatus provided in the embodiment of the present invention obtains the waterfall flow picture frame data, displays the placeholder map of each picture to be displayed, and further displays the first thumbnail on the placeholder map to complete the display of the waterfall flow page. The data volume of the first thumbnail is smaller than that of the original image, so that the image display speed is improved, particularly when the original image is not stored locally, the data volume interacting with the server is greatly reduced, the phenomenon of screen white is avoided, and the image display effect is improved.
Fig. 14 shows a block diagram of a picture display terminal 1400 according to an exemplary embodiment of the present invention. The terminal 1400 may be: a smart phone, a tablet computer, an MP3 player (Moving Picture Experts Group audio Layer III, motion Picture Experts compression standard audio Layer 3), an MP4 player (Moving Picture Experts Group audio Layer IV, motion Picture Experts compression standard audio Layer 4), a notebook computer, or a desktop computer. Terminal 1400 can also be referred to as user equipment, a portable terminal, a laptop terminal, a desktop terminal, or other names.
In general, terminal 1400 includes: a processor 1401, and a memory 1402.
Processor 1401 may include one or more processing cores, such as a 4-core processor, an 8-core processor, and so forth. The processor 1401 may be implemented in at least one hardware form of DSP (Digital Signal Processing), FPGA (Field-Programmable Gate Array), and PLA (Programmable Logic Array). Processor 1401 may also include a main processor and a coprocessor, where the main processor is a processor for processing data in an awake state, and is also referred to as a Central Processing Unit (CPU); a coprocessor is a low power processor for processing data in a standby state. In some embodiments, the processor 1401 may be integrated with a GPU (Graphics Processing Unit), which is responsible for rendering and drawing content that the display screen needs to display. In some embodiments, processor 1401 may further include an AI (Artificial Intelligence) processor for processing computing operations related to machine learning.
Memory 1402 may include one or more computer-readable storage media, which may be non-transitory. Memory 1402 may also include high speed random access memory, as well as non-volatile memory, such as one or more magnetic disk storage devices, flash memory storage devices. In some embodiments, a non-transitory computer readable storage medium in memory 1402 is used to store at least one instruction for execution by processor 1401 to implement a picture display method as provided by method embodiments herein.
In some embodiments, terminal 1400 may further optionally include: a peripheral device interface 1403 and at least one peripheral device. The processor 1401, the memory 1402, and the peripheral device interface 1403 may be connected by buses or signal lines. Each peripheral device may be connected to the peripheral device interface 1403 via a bus, signal line, or circuit board. Specifically, the peripheral device includes: at least one of radio frequency circuitry 1404, a touch display 1405, a camera 1406, audio circuitry 1407, a positioning component 1408, and a power supply 1409.
The peripheral device interface 1403 can be used to connect at least one peripheral device related to I/O (Input/Output) to the processor 1401 and the memory 1402. In some embodiments, the processor 1401, memory 1402, and peripheral interface 1403 are integrated on the same chip or circuit board; in some other embodiments, any one or both of the processor 1401, the memory 1402, and the peripheral device interface 1403 may be implemented on a separate chip or circuit board, which is not limited in this embodiment.
The Radio Frequency circuit 1404 is used for receiving and transmitting RF (Radio Frequency) signals, also called electromagnetic signals. The radio frequency circuitry 1404 communicates with communication networks and other communication devices via electromagnetic signals. The rf circuit 1404 converts an electrical signal into an electromagnetic signal to transmit, or converts a received electromagnetic signal into an electrical signal. Optionally, the radio frequency circuit 1404 includes: an antenna system, an RF transceiver, one or more amplifiers, a tuner, an oscillator, a digital signal processor, a codec chipset, a subscriber identity module card, and so forth. The radio frequency circuit 1404 may communicate with other terminals via at least one wireless communication protocol. The wireless communication protocols include, but are not limited to: metropolitan area networks, various generation mobile communication networks (2G, 3G, 4G, and 5G), Wireless local area networks, and/or WiFi (Wireless Fidelity) networks. In some embodiments, the radio frequency circuit 1404 may further include NFC (Near Field Communication) related circuits, which are not limited in this application.
The display screen 1405 is used to display a UI (User Interface). The UI may include graphics, text, icons, video, and any combination thereof. When the display screen 1405 is a touch display screen, the display screen 1405 also has the ability to capture touch signals at or above the surface of the display screen 1405. The touch signal may be input to the processor 1401 for processing as a control signal. At this point, the display 1405 may also be used to provide virtual buttons and/or virtual keyboards, also referred to as soft buttons and/or soft keyboards. In some embodiments, the display 1405 may be one, providing the front panel of the terminal 1400; in other embodiments, display 1405 may be at least two, respectively disposed on different surfaces of terminal 1400 or in a folded design; in still other embodiments, display 1405 may be a flexible display disposed on a curved surface or on a folded surface of terminal 1400. Even further, the display 1405 may be arranged in a non-rectangular irregular figure, i.e., a shaped screen. The Display 1405 can be made of LCD (Liquid Crystal Display), OLED (Organic Light-Emitting Diode), and the like.
The camera assembly 1406 is used to capture images or video. Optionally, camera assembly 1406 includes a front camera and a rear camera. Generally, a front camera is disposed at a front panel of the terminal, and a rear camera is disposed at a rear surface of the terminal. In some embodiments, the number of the rear cameras is at least two, and each rear camera is any one of a main camera, a depth-of-field camera, a wide-angle camera and a telephoto camera, so that the main camera and the depth-of-field camera are fused to realize a background blurring function, and the main camera and the wide-angle camera are fused to realize panoramic shooting and VR (Virtual Reality) shooting functions or other fusion shooting functions. In some embodiments, camera assembly 1406 may also include a flash. The flash lamp can be a monochrome temperature flash lamp or a bicolor temperature flash lamp. The double-color-temperature flash lamp is a combination of a warm-light flash lamp and a cold-light flash lamp, and can be used for light compensation at different color temperatures.
The audio circuit 1407 may include a microphone and a speaker. The microphone is used for collecting sound waves of a user and the environment, converting the sound waves into electric signals, and inputting the electric signals to the processor 1401 for processing or inputting the electric signals to the radio frequency circuit 1404 to realize voice communication. For stereo capture or noise reduction purposes, multiple microphones may be provided, each at a different location of terminal 1400. The microphone may also be an array microphone or an omni-directional pick-up microphone. The speaker is then used to convert electrical signals from the processor 1401 or the radio frequency circuit 1404 into sound waves. The loudspeaker can be a traditional film loudspeaker or a piezoelectric ceramic loudspeaker. When the speaker is a piezoelectric ceramic speaker, the speaker can be used for purposes such as converting an electric signal into a sound wave audible to a human being, or converting an electric signal into a sound wave inaudible to a human being to measure a distance. In some embodiments, the audio circuit 1407 may also include a headphone jack.
The positioning component 1408 serves to locate the current geographic position of the terminal 1400 for navigation or LBS (location based Service). The positioning component 1408 may be a positioning component based on the GPS (global positioning System) of the united states, the beidou System of china, the graves System of russia, or the galileo System of the european union.
Power supply 1409 is used to power the various components of terminal 1400. The power source 1409 may be alternating current, direct current, disposable or rechargeable. When the power source 1409 comprises a rechargeable battery, the rechargeable battery can support wired or wireless charging. The rechargeable battery may also be used to support fast charge technology.
In some embodiments, terminal 1400 also includes one or more sensors 1410. The one or more sensors 1410 include, but are not limited to: acceleration sensor 1411, gyroscope sensor 1412, pressure sensor 1413, fingerprint sensor 1414, optical sensor 1415, and proximity sensor 1416.
The acceleration sensor 1411 may detect the magnitude of acceleration on three coordinate axes of a coordinate system established with the terminal 1400. For example, the acceleration sensor 1411 may be used to detect components of the gravitational acceleration in three coordinate axes. The processor 1401 can control the touch display 1405 to display a user interface in a landscape view or a portrait view according to the gravitational acceleration signal collected by the acceleration sensor 1411. The acceleration sensor 1411 may also be used for the acquisition of motion data of a game or a user.
The gyro sensor 1412 may detect a body direction and a rotation angle of the terminal 1400, and the gyro sensor 1412 and the acceleration sensor 1411 may cooperate to collect a 3D motion of the user on the terminal 1400. The processor 1401 can realize the following functions according to the data collected by the gyro sensor 1412: motion sensing (such as changing the UI according to a user's tilting operation), image stabilization at the time of photographing, game control, and inertial navigation.
Pressure sensors 1413 may be disposed on the side bezel of terminal 1400 and/or underlying touch display 1405. When the pressure sensor 1413 is disposed on the side frame of the terminal 1400, the user's holding signal of the terminal 1400 can be detected, and the processor 1401 performs left-right hand recognition or shortcut operation according to the holding signal collected by the pressure sensor 1413. When the pressure sensor 1413 is disposed at the lower layer of the touch display 1405, the processor 1401 controls the operability control on the UI interface according to the pressure operation of the user on the touch display 1405. The operability control comprises at least one of a button control, a scroll bar control, an icon control and a menu control.
The fingerprint sensor 1414 is used for collecting a fingerprint of a user, and the processor 1401 identifies the user according to the fingerprint collected by the fingerprint sensor 1414, or the fingerprint sensor 1414 identifies the user according to the collected fingerprint. Upon recognizing that the user's identity is a trusted identity, processor 1401 authorizes the user to perform relevant sensitive operations including unlocking the screen, viewing encrypted information, downloading software, paying for, and changing settings, etc. Fingerprint sensor 1414 may be disposed on the front, back, or side of terminal 1400. When a physical button or vendor Logo is provided on terminal 1400, fingerprint sensor 1414 may be integrated with the physical button or vendor Logo.
The optical sensor 1415 is used to collect ambient light intensity. In one embodiment, processor 1401 can control the display brightness of touch display 1405 based on the ambient light intensity collected by optical sensor 1415. Specifically, when the ambient light intensity is high, the display luminance of the touch display 1405 is increased; when the ambient light intensity is low, the display brightness of the touch display 1405 is turned down. In another embodiment, the processor 1401 can also dynamically adjust the shooting parameters of the camera assembly 1406 according to the intensity of the ambient light collected by the optical sensor 1415.
Proximity sensor 1416, also known as a distance sensor, is typically disposed on the front panel of terminal 1400. The proximity sensor 1416 is used to collect the distance between the user and the front surface of the terminal 1400. In one embodiment, when proximity sensor 1416 detects that the distance between the user and the front face of terminal 1400 is gradually decreased, processor 1401 controls touch display 1405 to switch from a bright screen state to a dark screen state; when proximity sensor 1416 detects that the distance between the user and the front face of terminal 1400 is gradually increasing, processor 1401 controls touch display 1405 to switch from a breath-screen state to a bright-screen state.
Those skilled in the art will appreciate that the configuration shown in fig. 14 is not intended to be limiting with respect to terminal 1400 and may include more or fewer components than those shown, or some components may be combined, or a different arrangement of components may be employed.
The terminal provided by the embodiment of the invention acquires the waterfall flow picture frame data, displays the placeholder map of each picture to be displayed, and further displays the first thumbnail on the placeholder map so as to complete the display of the waterfall flow page. The data volume of the first thumbnail is smaller than that of the original image, so that the image display speed is improved, particularly when the original image is not stored locally, the data volume interacting with the server is greatly reduced, the phenomenon of screen white is avoided, and the image display effect is improved.
An embodiment of the present invention provides a computer-readable storage medium, where at least one instruction is stored in the storage medium, and the at least one instruction is loaded and executed by a processor to implement the picture display method described in fig. 5 or fig. 6.
The computer-readable storage medium provided by the embodiment of the invention acquires the waterfall flow picture frame data, displays the placeholder map of each picture to be displayed, and further displays the first thumbnail on the placeholder map to finish the display of the waterfall flow page. The data volume of the first thumbnail is smaller than that of the original image, so that the image display speed is improved, particularly when the original image is not stored locally, the data volume interacting with the server is greatly reduced, the phenomenon of screen white is avoided, and the image display effect is improved.
It should be noted that: in the above-described embodiment, when the image display device displays an image, only the division of the functional modules is illustrated, and in practical applications, the function distribution may be completed by different functional modules according to needs, that is, the internal structure of the image display device is divided into different functional modules to complete all or part of the functions described above. In addition, the image display device and the image display method provided by the above embodiments belong to the same concept, and specific implementation processes thereof are described in the method embodiments in detail and are not described herein again.
It will be understood by those skilled in the art that all or part of the steps for implementing the above embodiments may be implemented by hardware, or may be implemented by a program instructing relevant hardware, where the program may be stored in a computer-readable storage medium, and the above-mentioned storage medium may be a read-only memory, a magnetic disk or an optical disk, etc.
The above description is only for the purpose of illustrating the preferred embodiments of the present invention and is not to be construed as limiting the invention, and any modifications, equivalents, improvements and the like that fall within the spirit and principle of the present invention are intended to be included therein.

Claims (22)

1. A picture display method, characterized in that the method comprises:
when a display instruction for a waterfall flow page is received, acquiring waterfall flow picture frame data;
displaying a waterfall flow frame according to the waterfall flow picture frame data, wherein the waterfall flow frame comprises an occupation of each picture to be displayed;
acquiring a first thumbnail corresponding to each target picture to be displayed, wherein the data volume of the first thumbnail is less than that of the original picture;
displaying a corresponding first thumbnail on each placeholder of the waterfall flow frame to complete display of a waterfall flow page.
2. The method of claim 1, wherein the obtaining waterfall flow picture frame data comprises:
when the waterfall flow picture frame data is stored locally, acquiring the waterfall flow picture frame data from the local; and/or the presence of a gas in the gas,
and when the waterfall flow picture frame data is not stored locally, acquiring the waterfall flow picture frame data from a server.
3. The method of claim 2, wherein after locally obtaining the waterfall flow picture frame data, further comprising:
acquiring the version number of waterfall flow picture frame data stored on a server;
comparing the version number of the waterfall flow picture frame data stored locally with the version number of the waterfall flow picture frame data acquired from the server;
if the version numbers are consistent, executing a step of displaying a waterfall flow frame according to the waterfall flow picture frame data;
and if the version numbers are not consistent, updating the locally stored waterfall flow picture frame data.
4. The method according to claim 1, wherein the obtaining of the first thumbnail corresponding to each target picture to be displayed comprises:
determining upper and lower pages of a current waterfall flow page according to the current waterfall flow page;
acquiring picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof;
and acquiring a first thumbnail corresponding to each target picture to be displayed according to the picture information data of each target picture to be displayed.
5. The method according to claim 4, wherein the determining upper and lower pages of the current waterfall flow page according to the current waterfall flow page comprises:
determining the position of a current waterfall flow page in the waterfall flow frame;
taking the position of a first picture in the current waterfall flow page in the waterfall flow frame as a starting point, and increasing the number of pictures of a preset number of screens forwards to obtain the pages of the preset number in the current waterfall flow page;
and taking the position of the last picture in the current waterfall flow page in the waterfall flow frame as a starting point, and increasing the number of pictures of a preset number of screens backwards to obtain the pages of the current waterfall flow page with the later preset number.
6. The method according to claim 4, wherein the obtaining of the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof comprises:
when the image information data of each target image to be displayed in the current waterfall flow page and the upper and lower pages thereof are locally stored, acquiring the image information data of each target image to be displayed in the current waterfall flow page and the upper and lower pages thereof from the local; and/or the presence of a gas in the gas,
when the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof are not stored locally, the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof are obtained from the server.
7. The method according to claim 4, wherein the obtaining a first thumbnail corresponding to each target picture to be displayed according to the picture information data of each target picture to be displayed comprises:
when a first thumbnail corresponding to each target picture to be displayed is locally stored, acquiring the first thumbnail corresponding to each target picture to be displayed from the local; and/or the presence of a gas in the gas,
when the first thumbnail corresponding to each target picture to be displayed is not stored locally, converting the picture information data of each target picture to be displayed into a first Uniform Resource Locator (URL), and acquiring the first thumbnail corresponding to each target picture to be displayed from the server based on the first URL of each target picture to be displayed.
8. The method of any one of claims 1 to 7, further comprising, after displaying a respective first thumbnail on each placeholder of the waterfall flow frame to complete display of a waterfall flow page:
when the clicking operation on any first thumbnail is detected, displaying a second thumbnail corresponding to the first thumbnail, wherein the size and the data volume of the first thumbnail are smaller than those of the second thumbnail.
9. The method of claim 8, wherein the displaying a second thumbnail corresponding to the first thumbnail comprises:
when a second thumbnail corresponding to the first thumbnail is locally stored, acquiring the second thumbnail corresponding to the first thumbnail from the local, and displaying the second thumbnail; and/or the presence of a gas in the gas,
when a second thumbnail corresponding to the first thumbnail is not stored locally, converting picture information data corresponding to the first thumbnail into a second Uniform Resource Locator (URL), acquiring the second thumbnail from a server based on the second URL, and displaying the second thumbnail.
10. The method according to claim 8, wherein after displaying the second thumbnail corresponding to the first thumbnail, further comprising:
and when the clicking operation on the original image viewing option on the second thumbnail is detected, displaying the original image corresponding to the second thumbnail, wherein the data volume of the second thumbnail is smaller than that of the original image.
11. The method of claim 10, wherein displaying artwork corresponding to the second thumbnail comprises:
when the original image corresponding to the second thumbnail is locally stored, the original image corresponding to the second thumbnail is locally acquired and displayed; and/or the presence of a gas in the gas,
and when the original image corresponding to the second thumbnail is not stored locally, converting the picture information data corresponding to the second thumbnail into a third Uniform Resource Locator (URL), acquiring the original image from a server based on the third URL, and displaying the original image.
12. A picture display device, characterized in that the device comprises:
the device comprises an acquisition module, a display module and a display module, wherein the acquisition module is used for acquiring waterfall flow picture frame data when a display instruction for a waterfall flow page is received;
the display module is used for displaying a waterfall flow frame according to the waterfall flow picture frame data, and the waterfall flow frame comprises the occupation of each picture to be displayed;
the acquisition module is used for acquiring a first thumbnail corresponding to each target picture to be displayed, and the data volume of the first thumbnail is less than that of the original picture;
the display module is used for displaying a corresponding first thumbnail on each position occupied by the waterfall flow frame so as to finish displaying the waterfall flow page.
13. The apparatus according to claim 12, wherein the obtaining module is configured to obtain the waterfall flow picture frame data locally when the waterfall flow picture frame data is stored locally; and/or the presence of a gas in the gas,
the acquiring module is used for acquiring the waterfall flow picture frame data from a server when the waterfall flow picture frame data is not stored locally.
14. The apparatus of claim 13, further comprising:
the acquiring module is used for acquiring the version number of the waterfall flow picture frame data stored on the server;
the comparison module is used for comparing the version number of the waterfall flow picture frame data stored locally with the version number of the waterfall flow picture frame data acquired from the server;
the display module is used for displaying a waterfall flow frame according to the waterfall flow picture frame data if the version numbers are consistent;
and the updating module is used for updating the waterfall flow picture frame data stored locally if the version numbers are inconsistent.
15. The apparatus according to claim 12, wherein the obtaining module is configured to determine upper and lower pages of a current waterfall flow page according to the current waterfall flow page; acquiring picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof; and acquiring a first thumbnail corresponding to each target picture to be displayed according to the picture information data of each target picture to be displayed.
16. The apparatus of claim 15, wherein the obtaining module is configured to determine a position of a current waterfall flow page in the waterfall flow frame; taking the position of a first picture in the current waterfall flow page in the waterfall flow frame as a starting point, and increasing the number of pictures of a preset number of screens forwards to obtain the pages of the preset number in the current waterfall flow page; and taking the position of the last picture in the current waterfall flow page in the waterfall flow frame as a starting point, and increasing the number of pictures of a preset number of screens backwards to obtain the pages of the current waterfall flow page with the later preset number.
17. The apparatus according to claim 15, wherein the obtaining module is configured to obtain the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof from the local location when the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof are stored locally; and/or the presence of a gas in the gas,
the acquisition module is used for acquiring the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof from the server when the picture information data of each target picture to be displayed in the current waterfall flow page and the upper and lower pages thereof are not stored locally.
18. The apparatus according to claim 15, wherein the obtaining module is configured to obtain the first thumbnail corresponding to each target picture to be displayed locally when the first thumbnail corresponding to each target picture to be displayed is stored locally; and/or the presence of a gas in the gas,
the acquisition module is used for converting the picture information data of each target picture to be displayed into a first Uniform Resource Locator (URL) when the first thumbnail corresponding to each target picture to be displayed is not stored locally, and acquiring the first thumbnail corresponding to each target picture to be displayed from the server based on the first URL of each target picture to be displayed.
19. The device according to any one of claims 12 to 18, wherein the display module is configured to, when a click operation on any one of the first thumbnails is detected, display a second thumbnail corresponding to the first thumbnail, and the first thumbnail is smaller in size and data amount than the second thumbnail.
20. The apparatus according to claim 19, wherein the display module is configured to locally obtain a second thumbnail corresponding to the first thumbnail and display the second thumbnail when the second thumbnail corresponding to the first thumbnail is locally stored; and/or the presence of a gas in the gas,
when a second thumbnail corresponding to the first thumbnail is not stored locally, converting picture information data corresponding to the first thumbnail into a second Uniform Resource Locator (URL), acquiring the second thumbnail from a server based on the second URL, and displaying the second thumbnail.
21. The apparatus of claim 19, wherein the display module is configured to display the artwork corresponding to the second thumbnail when a clicking operation on an artwork viewing option on the second thumbnail is detected, and the data size of the second thumbnail is smaller than that of the artwork.
22. The apparatus of claim 19, wherein the display module is configured to, when the artwork corresponding to the second thumbnail is stored locally, obtain the artwork corresponding to the second thumbnail from the local and display the artwork; and/or the presence of a gas in the gas,
and the display module is used for converting the picture information data corresponding to the second thumbnail into a third Uniform Resource Locator (URL) when the original image corresponding to the second thumbnail is not stored locally, acquiring the original image from a server based on the third URL, and displaying the original image.
CN201811185450.7A 2018-10-11 2018-10-11 Picture display method and device Active CN111125571B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201811185450.7A CN111125571B (en) 2018-10-11 2018-10-11 Picture display method and device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201811185450.7A CN111125571B (en) 2018-10-11 2018-10-11 Picture display method and device

Publications (2)

Publication Number Publication Date
CN111125571A true CN111125571A (en) 2020-05-08
CN111125571B CN111125571B (en) 2024-02-20

Family

ID=70483925

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201811185450.7A Active CN111125571B (en) 2018-10-11 2018-10-11 Picture display method and device

Country Status (1)

Country Link
CN (1) CN111125571B (en)

Citations (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070223878A1 (en) * 2006-03-02 2007-09-27 Sony Corporation Image displaying method and video playback apparatus
CN103020127A (en) * 2012-11-19 2013-04-03 北京奇虎科技有限公司 Method and device for displaying picture
CN103702230A (en) * 2013-12-13 2014-04-02 乐视网信息技术(北京)股份有限公司 Image display method and device
US20140108372A1 (en) * 2012-10-04 2014-04-17 Hubub, Inc. Publication and interactive discussion engine driven by user-specified topic
CN104021129A (en) * 2013-02-28 2014-09-03 腾讯科技(深圳)有限公司 Picture group display method and terminal
US20140250391A1 (en) * 2013-03-04 2014-09-04 Samsung Electronics Co., Ltd. Page operating method and electronic device thereof
US20140359533A1 (en) * 2013-05-31 2014-12-04 Samsung Electronics Co., Ltd. Display apparatus and control method thereof
CN105183474A (en) * 2015-09-07 2015-12-23 深圳信壹网络有限公司 Waterfall flow type picture display method and device
CN105373632A (en) * 2015-12-18 2016-03-02 北京奇虎科技有限公司 Method and device for loading waterfall flow based on mobile search
CN105871945A (en) * 2015-01-19 2016-08-17 阿里巴巴集团控股有限公司 Image information sending method and device, and waterfall flow layout method and device
WO2017049974A1 (en) * 2015-09-23 2017-03-30 北京奇虎科技有限公司 Page loading method and apparatus
CN107329675A (en) * 2017-06-29 2017-11-07 环球智达科技(北京)有限公司 Methods of exhibiting based on remote control
CN107577757A (en) * 2017-08-31 2018-01-12 武汉斗鱼网络科技有限公司 Page waterfall stream layout optimization method, storage medium, electronic equipment and system
CN107766475A (en) * 2017-10-09 2018-03-06 李亚强 A kind of system of selection of info web master map and device
US20180129653A1 (en) * 2015-04-02 2018-05-10 Beijing Qihoo Technology Company Limited Preview method and apparatus for searching for pictures by mobile terminal
CN108228816A (en) * 2017-12-29 2018-06-29 北京奇虎科技有限公司 A kind of loading method and device of waterfall flow graph piece

Patent Citations (16)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US20070223878A1 (en) * 2006-03-02 2007-09-27 Sony Corporation Image displaying method and video playback apparatus
US20140108372A1 (en) * 2012-10-04 2014-04-17 Hubub, Inc. Publication and interactive discussion engine driven by user-specified topic
CN103020127A (en) * 2012-11-19 2013-04-03 北京奇虎科技有限公司 Method and device for displaying picture
CN104021129A (en) * 2013-02-28 2014-09-03 腾讯科技(深圳)有限公司 Picture group display method and terminal
US20140250391A1 (en) * 2013-03-04 2014-09-04 Samsung Electronics Co., Ltd. Page operating method and electronic device thereof
US20140359533A1 (en) * 2013-05-31 2014-12-04 Samsung Electronics Co., Ltd. Display apparatus and control method thereof
CN103702230A (en) * 2013-12-13 2014-04-02 乐视网信息技术(北京)股份有限公司 Image display method and device
CN105871945A (en) * 2015-01-19 2016-08-17 阿里巴巴集团控股有限公司 Image information sending method and device, and waterfall flow layout method and device
US20180129653A1 (en) * 2015-04-02 2018-05-10 Beijing Qihoo Technology Company Limited Preview method and apparatus for searching for pictures by mobile terminal
CN105183474A (en) * 2015-09-07 2015-12-23 深圳信壹网络有限公司 Waterfall flow type picture display method and device
WO2017049974A1 (en) * 2015-09-23 2017-03-30 北京奇虎科技有限公司 Page loading method and apparatus
CN105373632A (en) * 2015-12-18 2016-03-02 北京奇虎科技有限公司 Method and device for loading waterfall flow based on mobile search
CN107329675A (en) * 2017-06-29 2017-11-07 环球智达科技(北京)有限公司 Methods of exhibiting based on remote control
CN107577757A (en) * 2017-08-31 2018-01-12 武汉斗鱼网络科技有限公司 Page waterfall stream layout optimization method, storage medium, electronic equipment and system
CN107766475A (en) * 2017-10-09 2018-03-06 李亚强 A kind of system of selection of info web master map and device
CN108228816A (en) * 2017-12-29 2018-06-29 北京奇虎科技有限公司 A kind of loading method and device of waterfall flow graph piece

Non-Patent Citations (4)

* Cited by examiner, † Cited by third party
Title
徐晔: "基于瀑布流式布局的展示类网站界面设计研究", pages 102 - 103 *
江江先绅: "RecyclerView高仿IOS照片瀑布流式展示图片效果", Retrieved from the Internet <URL:https://blog.csdn.net/sinat_35816092/article/details/78136482> *
董春侠等: "瀑布流布局的多种实现方式及其比较研究", 电脑知识与技术, vol. 12, no. 25, pages 322 - 55 *
蔡顺兴: "《Windows XP实用技巧速查1000》", 电子科技大学出版社, pages: 322 *

Also Published As

Publication number Publication date
CN111125571B (en) 2024-02-20

Similar Documents

Publication Publication Date Title
CN107885533B (en) Method and device for managing component codes
CN110674022B (en) Behavior data acquisition method and device and storage medium
CN110368689B (en) Game interface display method, system, electronic equipment and storage medium
CN110278464B (en) Method and device for displaying list
CN110196673B (en) Picture interaction method, device, terminal and storage medium
CN108920606B (en) Map data processing method, map data processing device, terminal equipment and storage medium
CN110839174A (en) Image processing method and device, computer equipment and storage medium
CN108845777B (en) Method and device for playing frame animation
CN111625315A (en) Page display method and device, electronic equipment and storage medium
CN109614563B (en) Method, device and equipment for displaying webpage and storage medium
CN112770177B (en) Multimedia file generation method, multimedia file release method and device
CN111385525A (en) Video monitoring method, device, terminal and system
CN111008083B (en) Page communication method and device, electronic equipment and storage medium
CN110971840B (en) Video mapping method and device, computer equipment and storage medium
CN111275607A (en) Interface display method and device, computer equipment and storage medium
CN113010258B (en) Picture issuing method, device, equipment and storage medium
CN111694521B (en) Method, device and system for storing file
CN109189525B (en) Method, device and equipment for loading sub-page and computer readable storage medium
CN114140105A (en) Resource transfer method, device, equipment and computer readable storage medium
CN109618018B (en) User head portrait display method, device, terminal, server and storage medium
CN113301422A (en) Method, terminal and storage medium for acquiring video cover
CN113836426A (en) Information pushing method and device and electronic equipment
CN110851435B (en) Data storage method and device
CN108881715B (en) Starting method and device of shooting mode, terminal and storage medium
CN111125571B (en) Picture 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