CN115640414A - Image display method and electronic equipment - Google Patents

Abstract

Provided are an image display method and electronic equipment. The electronic equipment can display the target image in the gallery in a top mode, and a user can conveniently and quickly locate the target image.

Description

Image display method and electronic device

technical field

The present application relates to the technical field of terminals, and in particular to an image display method and electronic equipment.

Background technique

Nowadays, users often need to browse, send, or upload images stored in electronic devices. However, when the number of images stored in the electronic device is too large, the user often needs to spend a lot of time to find the image he needs to use from these images. This undoubtedly wastes the user's time and reduces the user experience.

Therefore, it is necessary to explore a more efficient method for the user to quickly locate the image he needs in the gallery.

Contents of the invention

The purpose of the present application is to provide an image display method and electronic equipment. The electronic device can display the target image on top of the gallery, so that the user can quickly locate the target image.

The above and other objects are achieved by the features in the independent claims. Further implementations are presented in the dependent claims, the description and the drawings.

In a first aspect, an image display method is provided, including: displaying a first interface, the first interface includes a first area and a second area, the first area in the first interface is located in the second Before the area, the first area in the first interface includes at least one image, and the second area in the first interface includes a first image; in response to a first operation on the first image , displaying a second interface, where the second interface includes the first area and the second area, and in the second interface, the first image is displayed in the first area.

In this method, the first interface and the second interface may be application interfaces of the application "Gallery" in the electronic device. In a gallery, images are usually displayed as thumbnails in an image list. Generally speaking, when the number of images in the gallery reaches a certain amount, the images will be arranged in the form of multiple rows and multiple columns. According to the browsing habits of most users, for images located in different rows, the images located in the upper row can be considered to be arranged before the images located in the lower row; for images located in the same row, the images located on the left can be considered to be arranged before the image on the right. That is, in this application, for two images displayed in the image list that are not on the same row, the image on the upper row is arranged before the image on the lower row; for two images displayed on the same row, the image on the left is arranged in front of the image on the right. For details, reference may be made to relevant descriptions of subsequent embodiments, and details are not repeated here.

Understandably, when the number of images in the gallery reaches a certain amount, the images will be arranged in multiple rows and columns and displayed on the screen of the electronic device. However, due to the limitation of the display screen area of the electronic device, these images cannot be displayed on the screen of the electronic device at the same time. However, the user can update the image displayed on the screen of the electronic device through user operations, such as sliding up. In this way, images that cannot currently be displayed on the screen of the electronic device can be browsed. Therefore, in this method, the first area may be in the gallery application of the electronic device, when the uppermost images (these images are generally the latest images stored by the electronic device) are displayed on the screen of the electronic device, the electronic The area corresponding to the picture displayed by the device; and the second area may be an image that is not currently displayed on the screen of the electronic device through a user operation, such as an up-swipe operation, in the gallery application of the electronic device After the screen, the area corresponding to the picture displayed by the electronic device. Alternatively, the first area may be the picture displayed by the electronic device when the uppermost images (these images are generally the latest images stored by the electronic device) are displayed on the screen of the electronic device in the gallery application of the electronic device In the corresponding area, the upper part of the area, the second area is another part of the lower area.

或

)打开图库应用时，电子设备所显示的界面会默认将在最新存储的图像显示在电子设备的屏幕中，再根据每张图像的存储时间将图像依次排列显示，形成图像列表显示在屏幕中。可以理解的，存储时间越早的图像将处于所述图像列表的越下方。因此，当用户需要使用某张图像时，该图像可能由于存储时间较早而处于图像列表中较为下方的位置。因此，用户可能需要耗费大量的精力将该图像找出。且之后每次使用的时候均需要对该图像进行查找，无法直接从图库中大量的图像中直接对该图像进行定位。It is understandable that when the user opens the gallery application, or through other applications in the electronic device (such as

or

) When opening the gallery application, the interface displayed by the electronic device will display the latest stored image on the screen of the electronic device by default, and then arrange and display the images in order according to the storage time of each image, forming an image list and displaying it on the screen. It can be understood that an image with an earlier storage time will be placed lower in the image list. Therefore, when a user needs to use a certain image, the image may be at a lower position in the image list due to its earlier storage time. Therefore, the user may need to expend a lot of effort to find the image. And after that, the image needs to be searched every time it is used, and it is impossible to directly locate the image from a large number of images in the gallery.

However, in this method, the first operation may be an operation for putting the first image on top. That is to say, after the first operation is performed on the image, the first image will be displayed on top of the image list. The top may be the top of the image list, or any position of the image list in the first area. For example, there are 100 rows of images in the image list, and each row has 3 columns (that is, each row in the image list can accommodate three images), and the screen of the electronic device can only display 5 rows of images at the same time (that is, only at most In the case of displaying 15 images, these 15 images are the at least one image), when the user opens the gallery application, the electronic device will display rows 1-5 of the image list by default. However, if the image that the user needs to use (that is, the first image) resides at the lower part of the image list, such as row 50, the user may need to continuously slide down and browse continuously to find the first image. However, after the first operation is performed on the first image, the first image will be displayed at the top of the image list. This top can be the first column of the first row of the image list, or it can be Anywhere in the first 5 lines of this image list. In this way, when the user opens the gallery application, the electronic device will also display rows 1-5 of the image list by default, but at this time the first image already exists in rows 1-5 of the image list, that is, the The first image can be directly displayed on the screen of the electronic device, and the user can quickly find and use the image.

Specifically, the first image is displayed on top of the image list, which may be to insert the first image into a certain position at the top of the image list, and to extend the images after this position. Also take the above image list with 100 rows and 3 columns per row as an example. If the first image is displayed on top of the first row and column 1 of the image list, then the image originally displayed at the first row and column 1 The image will be displayed in the 2nd column of the 1st row, and the image originally displayed in the 2nd column of the 1st row will be displayed in the 3rd column of the 1st row, and the image originally displayed in the 1st row, the 3rd column The image will be displayed in row 2, column 1...and so on.

Optionally, the first image is displayed on top of the image list, which may be to exchange the first image with an image at a certain position at the top of the image list. For example, if the first image originally displayed in row 50, column 2 of the image list is displayed on top of row 1, column 1 of the image list, then the image originally displayed in row 1, column 1 will be It is displayed on line 50, column 2 of the image list, and other images in the image list do not need to change the display position.

With reference to the first aspect, in an optional implementation manner, in the second interface, the first image is displayed before the at least one image.

In this embodiment, the first image will be displayed at the top of the image list, that is, the first column of the first row of the image list. In this way, when the user opens the gallery application, the electronic device will also display the first row of the image list by default, so that the user can find and use the image more quickly.

With reference to the first aspect, in an optional implementation manner, the first interface includes a first control, and the displaying the second interface includes: displaying a third interface in response to a second operation on the first control, The third interface includes an input box and a second control; after the user inputs a keyword into the input box, in response to a third operation on the second control, a fourth interface is displayed, and the fourth interface includes the the first image, the keyword is used to search the first image; in response to a fourth operation on the first image in the fourth interface, display the second interface, the second An operation includes the second operation, the third operation and the fourth operation.

It is understandable that most of the gallery applications of electronic devices support searching images by using keywords. Therefore, in this embodiment, the first control is a search control, and the input box is used to receive the keywords input by the user, and the electronic device can directly combine the keywords input by the user, first from all the images stored in the gallery find images that match the keyword. For example, suppose there are a total of 100 images in the image list, and 10 of them contain flower elements. If the first image is one of the 10 images containing flower elements, the user may input the keyword "flower" in the input box and click the first control. Then the electronic device will display these 10 images in the third interface, and the user does not need to locate the first image from the above 100 images, but only needs to locate the 10 images in the third interface. It only needs to locate the first image, which further improves the efficiency of image positioning.

Furthermore, the user can also search for images through keywords, and locate the searched images in batches. For example, the user may input the keyword "flower" in the input box, and click the first control; after the electronic device displays the above 10 images containing flower elements in the third interface, the user After all the 10 images can be selected through user operation, they will be displayed on the top of the image list at the same time.

With reference to the first aspect, in an optional implementation manner, the second area in the first interface further includes a second image, and the method further includes: displaying a fifth interface, the fifth interface including the first Three controls; in response to the fifth operation on the third control, display the first interface; in response to the sixth operation on the second image in the first interface, send the second image, and display the first interface Six interfaces, the sixth interface includes the first area and the second area, and the second image in the sixth interface is displayed in the first area.

或

)的应用界面，所述第六操作即为用户分享或者上传所述第二图像的操作。在本实施方式中，当用户通过某个应用分享或者上传某张图像(例如所述第二图像)后，电子设备可以默认将前期分享过的图像(例如所述第二图像)置顶展示，方便用户二次分享或者上传。In this embodiment, the fifth interface may be an application in the electronic device that supports image sharing or uploading (such as

or

), the sixth operation is an operation for the user to share or upload the second image. In this embodiment, when a user shares or uploads a certain image (such as the second image) through an application, the electronic device can display the previously shared image (such as the second image) on top by default, which is convenient Secondary sharing or uploading by users.

With reference to the first aspect, in an optional implementation manner, the first area of the sixth interface further includes the first image, and the second image in the six interfaces is displayed on the first before the image.

It can be understood that the pinning operation of the second image by the user occurs after the pinning operation of the first image. Therefore, it can be considered that at the current stage, the second image is more important than the first image. It is possible for the user to subsequently need to use the image. Therefore, in this implementation manner, displaying the second image before the first image can make the second image easier to be found by the user, which is convenient for the user to share or upload again.

With reference to the first aspect, in an optional implementation manner, the sending the second image and displaying a sixth interface includes: sending the second image and displaying a seventh interface, and the seventh interface includes A prompt box, the prompt box includes prompt information and a fourth control, the prompt information is used to prompt the user whether to display the second image on top; in response to the seventh operation on the fourth control, display the second image Six interfaces.

In this embodiment, after the user shares or uploads a certain image (such as the second image) through an application, the electronic device can display the previously shared image (such as the second image) on top Before, the electronic device can pop up the prompt box to prompt the user whether to upload the second image, and then upload the second image after the user confirms, which can avoid the situation where the user does not need to use the second image again. The second image is displayed on top to reduce unnecessary operations.

With reference to the first aspect, in an optional implementation manner, the duration of the second image displayed in the first area in the sixth interface is the first duration, and after the sixth interface is displayed, the The method further includes: displaying an eighth interface after the first duration, the eighth interface includes the first area and the second area, and the first image is displayed on the eighth interface of the eighth interface. two areas, and the first image is displayed in the first area of the eighth interface.

In this implementation manner, the second image may be temporarily displayed on top of the sixth interface. After the first duration, the electronic device may automatically cancel the display of the second image on top, so as to prevent the user from keeping the second image on top when the user does not need to use the second image again. display, which can further improve the user's positioning efficiency of the target image.

With reference to the first aspect, in an optional implementation manner, after the second interface is displayed, the method further includes: storing a third image, where the third image is stored after storing the first image image; display a ninth interface, the ninth interface includes the first area and the second area, in the ninth interface, the first image and the third image are displayed on the ninth The first area of the interface, and the first image is displayed before the third image, and the third image is displayed before the at least one image.

In this implementation manner, the third image is an image newly stored by the electronic device, and the first image is an image displayed on top by the user. Understandably, in traditional electronic devices, the latest stored image is generally displayed on top. However, in this implementation manner, in order to keep the first image displayed on top of the image list, the electronic device may display the newly stored image (that is, the third image) after the first image, and The third image is displayed before the at least one image. In this way, the user can still quickly locate the first image from the image list when the user needs to use the first image, which is convenient for the user to share or upload the first image.

With reference to the first aspect, in an optional implementation manner, both the first image and the at least one image include a corresponding first tag, the first tag represents the last update time of the image, and the response to The first operation on the first image, the displaying the second interface includes: updating the first label corresponding to the first image to the first time in response to the first operation on the first image, The first time is the occurrence time of the first operation; the second interface is displayed according to the first label corresponding to each image in the at least one image and the first label of the first image; the The display position of each image in the second interface corresponds to the last update time of the first label representation corresponding to each image.

In this embodiment, each image in the electronic device has a corresponding tag, that is, the first tag, and the first tag records the last update time of the image. The "update" mentioned here may be to store the image or perform an operation on the top of the image. It can be understood that when the image is just stored in the electronic device, the first label of the image should be the storage time of the image by default; The first label may be updated with the last update time, and the last update time may be the time when the above user operation occurs, that is, the time when the user pins the image to the top. For example, when the user performs the first operation on the first image at 10:00 on August 3, 2022, and puts the first image on top and displays it in the image list of the gallery, the corresponding The first label can be updated to 2022/08/03/10:00 (or 10:00 on August 3, 2022).

The display position of each image in the second interface corresponds to the last update time of the first label representation corresponding to each image, and the display position of an image with a later last update time is earlier. For example, if the time of 10:00 on August 03, 2022 is before 12:00 on August 04, 2022, the image whose first label is 2022/08/04/12:00 will be displayed in The first tag is 2022/08/03/10:00 before the image. In this way, the image (for example, the above-mentioned first image) that is permanently pinned to the top can be displayed on top, and displayed at the top of the image list.

In addition, optionally, after the first image is permanently pinned to the top, if the electronic device stores another new image (assumed to be image P, and the action of "the electronic device stores image P" occurs at the first time), if the image P1 is not unpinned at this time, the electronic device can update the first tag corresponding to the image P1 to the latest time, and the latest time can be a certain time after the electronic device stores the image P2, that is A certain time after the first time (hereinafter referred to as the second time). The time interval between the second time and the second time may be very short, such as 1 minute, or other values, which are not limited in this application. In this way, when a new image is stored, the first image can be kept displayed on top.

With reference to the first aspect, in an optional implementation manner, both the first image and the at least one image include a corresponding second tag, and the second tag indicates whether the image is on top for a first duration The temporary top image, the displaying the second interface in response to the first operation on the first image includes: in response to the first operation on the first image, displaying the corresponding The second label is updated from the first value to the second value, and the second value indicates that the first image is a temporary top image; according to the value of the second label corresponding to each image in the at least one image and the The value of the second label corresponding to the first image displays the second interface; in the second interface, the image whose second label is the second value is displayed before the image whose second label is the first value After the second interface is displayed, the method further includes: after the first duration, displaying the tenth interface, the ninth interface includes the first area and the second area, and the first image displayed on the second area of the tenth interface, and the first image is not displayed on the first area of the tenth interface.

In this implementation manner, each image in the electronic device has a corresponding tag, that is, the second tag. The second label indicates whether the image is a temporary top image. Specifically, when the value of the second label corresponding to the image is 1, the image is a temporary top image; when the value of the second label corresponding to the image is 0, the image is a non-temporary top image.

It can be understood that when the image is just stored in the electronic device, the value of the second tag corresponding to the image can be set to 0 by default; The value of the second tag can be updated to 1. For example, when the user performs the first operation on the first image and temporarily puts the first image on top and displays it in the image list of the gallery, the value of the second tag corresponding to the first image can be updated from 0 to 1. In this embodiment, the image whose second label is the second value is displayed before the image whose second label is the first value, and the image whose last update time is later is displayed earlier. In this way, the image (for example, the above-mentioned first image) that is temporarily pushed to the top can be displayed on top, and displayed at the top of the image list.

In addition, in this embodiment, the first image is temporarily displayed on top of the second interface. After the first duration, the electronic device may automatically cancel the display of the second image on top of the second interface, so as to prevent the electronic device from still displaying the second image when the user does not need to use the second image again. The second image is always displayed on top of the gallery, which can further improve the user's efficiency in locating the target image.

With reference to the first aspect, in an optional implementation manner, the first image and the at least one image each include a corresponding label set, and the label set includes a first label and a second label corresponding to the image, The first tag represents the last update time of the image; the second tag represents whether the image is a temporary top image whose top time is the first duration, and in response to the first operation on the first image, the Displaying the second interface includes: in response to the first operation on the first image, updating the first label corresponding to the first image to the first time when the first operation is a permanent sticking operation , the first time is the occurrence time of the first operation; if the first operation is a temporary top operation, update the second label corresponding to the first image from the first value to the second value , the second numerical value indicates that the first image is a temporary top image; after comparing the second tags corresponding to each image in the second interface, the second tag corresponding to each image in the second interface A label is compared to obtain a comparison result; according to the comparison result, the second interface is displayed; in the second interface, the second label is the image of the second value displayed on the second label. Before the image with the above-mentioned first value, and in the image with the same second label, the image represented by the first label with a later update time is displayed before the image represented by the first label with an earlier last update time.

In this implementation manner, each image in the electronic device may have a tag set, and the tag set includes the first tag and the second tag.

The second label can be used by the electronic device to identify whether the image needs to be temporarily placed on the top; when the value of the second label is 1, it means that the image corresponding to the second label needs to be temporarily placed on the top; when the value of the second label is 0, Indicates that the image corresponding to the second label does not need to be temporarily placed on top. When the electronic device initially stores the image in the gallery application, the electronic device may set the value of the second tag of the image to 0 by default. When the user performs an operation of temporarily pinning an image to the top through the electronic device, the electronic device may update the value of the second label corresponding to the image to 1 in response to the operation; when the duration of the temporary pinning of the image ends, or the user After the image is unpinned, the electronic device will automatically update the value of the corresponding second label of the image to 0.

The first tag records the last update time of the image. The "update" mentioned here may be to store the image or perform an operation on the top of the image. It can be understood that when the image is just stored in the electronic device, the first label of the image should be the storage time of the image by default; The first label may be updated with the last update time, and the last update time may be the time when the above user operation occurs, that is, the time when the user pins the image to the top.

In this implementation manner, the arrangement order of the images in the second interface may be determined by comparing the label sets of the images. The order of priority for comparing the first label and the second label in the label set corresponding to the image may be:

1. First compare the value of the second label corresponding to the image, and the image with the value of the second label of 1 is displayed before the image with the value of the second label of 0.

2. When the value of the second label corresponding to the image is the same (for example, the value of the second label is 1 or 0 at the same time), then further compare the first label corresponding to the image and the last update time corresponding to the first label The later image is displayed before the image corresponding to the first label whose last update time is earlier.

For details, reference may be made to relevant descriptions of subsequent embodiments, and details are not repeated here.

With reference to the first aspect, in an optional implementation manner, the first image and the at least one image each include a corresponding label set, and the label set includes a first label, a second label, and a third label, The first label represents the last update time of the image; the second label represents whether the image is a temporarily topped image with a first duration, and the third label represents the storage time of the image; the first image includes The fourth image and the fifth image; the displaying the second interface in response to the first operation on the first image includes: in response to the first operation on the first image, in the first When the operation is a permanent top operation, update the first label corresponding to the fourth image and the first label corresponding to the fifth image to the first time, and the first time is when the first operation occurs Time; when the first operation is a temporary top operation, the first label corresponding to the fourth image and the first label corresponding to the fifth image will be updated to the first time from the first value to The second value, the second value indicates that the fourth image and the fifth image are temporary top images; after comparing the second tags of the images in the second interface, the first The first label of each image in the two interfaces is compared, and finally the third label corresponding to each image in the second interface is compared to obtain a comparison result; according to the comparison result, the second interface is displayed ; In the second interface, the image whose second label is the second value is displayed before the image whose second label is the first value; in the images with the same second label, the last image represented by the first label Images with a later update time are displayed before images with an earlier last update time represented by the first label; among images with the same second label and the same first label, images with a later storage time represented by the third label are displayed Before the older image represented by the third label.

In this implementation manner, each image in the electronic device may have a tag set, and the tag set includes the first tag, the second tag, and the third tag.

For the specific meanings and functions of the second label and the first label, reference may be made to the foregoing description, which will not be repeated here.

The third tag represents the storage time of the corresponding image. It can be understood that in electronic devices, the third tag corresponding to the image generally does not change.

In this implementation manner, the arrangement order of the images in the second interface may be determined by comparing the label sets of the images. The order of priority for comparing the first label, the second label, and the third label in the label set corresponding to the image may be:

1. First compare the value of the second label corresponding to the image, and the image with the value of the second label of 1 is displayed before the image with the value of the second label of 0.

2. When the value of the second label corresponding to the image is the same (for example, the value of the second label is 1 or 0 at the same time), then further compare the first label corresponding to the image and the last update time corresponding to the first label The later image is displayed before the image corresponding to the first label whose last update time is earlier.

3. Under the situation that the second tag corresponding to the image is the same as the first tag (such as the fourth image and the fifth image), then further compare the third tag corresponding to the image; the storage corresponding to the third tag The image with the later time is displayed before the image with the earlier storage time corresponding to the third label.

For details, reference may be made to relevant descriptions of subsequent embodiments, and details are not repeated here.

In a second aspect, the embodiment of the present application provides an electronic device, the electronic device includes: one or more processors and a memory; the memory is coupled with the one or more processors, and the memory is used to store computer Program code, where the computer program code includes computer instructions, and the one or more processors invoke the computer instructions to cause the electronic device to execute the method in the first aspect or any possible implementation manner of the first aspect.

In a third aspect, a chip system is provided, the chip system is applied to an electronic device, and the chip system includes one or more processors, and the processor is used to invoke computer instructions so that the electronic device executes the first aspect or The method in any possible implementation manner of the first aspect.

In a fourth aspect, there is provided a computer-readable storage medium, including instructions. When the above-mentioned instructions are run on an electronic device, the above-mentioned electronic device is made to execute the method in the first aspect or any possible implementation manner of the first aspect.

Description of drawings

FIG. 1 is a schematic diagram of a process of sending an image through a third-party application provided in an embodiment of the present application;

FIG. 2 is a structural diagram of an electronic device provided by an embodiment of the present application;

FIG. 3 is a schematic diagram of a process of unpinning an image after pinning it to the top provided by the embodiment of the present application;

FIG. 4 is a schematic diagram of a process of putting an image on top after sending the image according to an embodiment of the present application;

FIG. 5 is a schematic diagram of a process of batching images to the top provided by an embodiment of the present application;

FIG. 6 is a schematic diagram of a tag set corresponding to an image provided in an embodiment of the present application;

FIG. 7 is a schematic diagram of label sets corresponding to multiple images in the electronic device 100 provided in the embodiment of the present application;

8-14 are schematic diagrams of the process of updating the label set corresponding to the image by the electronic device 100 according to the embodiment of the present application;

FIG. 15 is a flowchart of an image display method provided by an embodiment of the present application.

Detailed ways

The terms used in the following embodiments of the present application are only for the purpose of describing specific embodiments, and are not intended to limit the present application. As used in the specification and appended claims of this application, the singular expressions "a", "an", "said", "above", "the" and "this" are intended to also Plural expressions are included unless the context clearly indicates otherwise. It should also be understood that the term "and/or" as used in this application refers to and includes any and all possible combinations of one or more of the listed items.

Since the embodiment of the present application involves a method for placing an image on top and an electronic device, for ease of understanding, relevant terms involved in the embodiment of the present application will first be introduced below.

(1) The sequence of images

In a gallery, images are usually displayed as thumbnails in an image list. Generally speaking, when the number of images in the gallery reaches a certain amount, the images will be arranged in the form of multiple rows and multiple columns. According to the browsing habits of most users, for images located in different rows, the images located in the upper row can be considered to be arranged before the images located in the lower row; for images located in the same row, the images located on the left can be considered to be arranged before the image on the right. That is, in this application, for two images displayed in the image list that are not on the same row, the image on the upper row is arranged before the image on the lower row; for two images displayed on the same row, the image on the left is arranged in front of the image on the right. For details, reference may be made to relevant descriptions of subsequent embodiments, and details are not repeated here.

(2) image on top

Image sticking means displaying the image in the electronic device at the top of the image list. For example, in this application, when the image list of the gallery application of the electronic device contains multiple images, the user can display the image that was not at the top of the list at the top of the list through operations; When a third-party application in accesses an image in the gallery, the image previously pinned by the user will also be displayed at the top of the image list, so that the user can quickly select the image and share or upload it.

In this application, when none of the images in the gallery application of the electronic device are pinned to the top, if the user pins an image in the gallery to the top through related operations, the image will be displayed in the first row of the image list. far left.

(2)Permanent top

That is, the image in the electronic device is displayed on top and always on top. In this application, when the user puts an image in the gallery (hereinafter referred to as image A) to the top and displays it, the image will always be displayed at the top of the image list in the gallery (usually the leftmost row of the top row of the image list). square). When the user subsequently saves other images (hereinafter referred to as image B, and image B has not been pinned by the user) to the gallery, image A will still be displayed on top, that is, image A will still be displayed at the top of the image list, and image B will be displayed after image A.

(3)Temporary top

That is to display the image on the top of the electronic device and keep it on top for a period of time (hereinafter referred to as the top duration); after the time period ends, the image will no longer be displayed on the top and return to its original position in the list. Further, in this application, after the user puts an image in the gallery (hereinafter referred to as image C) to the top temporarily, until the duration of image C on top ends, image C will always be displayed at the top of the image list in the gallery . Before the topping time of image C ends, if the user subsequently saves other images (hereinafter referred to as image D, image D has not been pinned by the user) to the gallery, image C will still be displayed on top, that is, image C will remain is displayed at the top of the image list, and image D will be displayed after image C.

Furthermore, the electronic device provided by this application can prompt the user whether to temporarily pin the image to the top after the user shares or uploads the image through the third-party application, so that the subsequent user can share or upload the image through the third-party application again. Quickly find the image in the image list. For details, reference may be made to relevant descriptions of subsequent embodiments, and details are not repeated here.

(4) Batch Top

That is to put multiple images on the top of the electronic device and display them together; after they are put on top, these images will be displayed together at the top of the image list. In addition, it should be noted that, in the embodiment of the present application, after multiple images are displayed in batches, the order of the top images will be displayed in the image list according to the original order. For example, when the user puts two images in the gallery (hereafter referred to as image E and image F, before they are pinned to the top, image E and image F are located in the same row of the image list, and image E is located on the left of image F) batch After being set to the top, when image E and image F will be displayed together at the top of the image list in the gallery, and in the image list, image E will still be displayed on the left of image F. For details, please refer to the relevant descriptions of subsequent embodiments. Here, first I won't go into details.

Nowadays, users often share or upload images stored in electronic devices through some third-party applications. However, in current electronic devices, when a user browses images in the electronic device through a third-party application, the images cannot be searched. When the number of images stored in the electronic device is too large, the user often needs to spend a lot of time to find the image that he needs to share or upload from these images. This undoubtedly wastes the user's time and reduces the user experience.

和

)的应用界面。如用户界面10所示，用户界面10可包含照片选项101，其可以用于向用户(例如图1中的(A)中所示的用户Lisa)发送电子设备中的图像。Please refer to FIG. 1 . FIG. 1 is a schematic diagram of a process of sending an image in an electronic device through a third-party application according to an embodiment of the present application. The user interface 10 shown in (A) in FIG. 1 is a third-party application with a communication function (such as

and

) application interface. As shown in the user interface 10, the user interface 10 may include a photo option 101, which may be used to send an image in the electronic device to a user (eg user Lisa shown in (A) in FIG. 1 ).

Specifically, the photo option 101 may respond to a user operation, such as a click operation shown in (A) in FIG. 1 , causing the electronic device to display the user interface 11 shown in (B) in FIG. 1 . The user interface 11 may be an application interface of the "gallery" application in the electronic device. As shown in the user interface 11 , the user interface 11 may include an information box 111 and an image list 112 . in:

The information box 111 may contain prompt information, which may remind the user of the number of images recently stored by the electronic device. For example, the prompt information "recent photos (200)" shown in the user interface 11 indicates that the electronic device has recently stored 200 images in the gallery.

The image list 112 may display images recently stored by the electronic device, that is, the "recent photos (200)" mentioned in the foregoing description. These images can be displayed in an image list 112 . It can be understood that due to the limitation of the display area of the electronic device, the electronic device does not completely display the 200 images in the image list 112 . However, the electronic device can update the images in the image list 112 in response to user operations, such as the sliding up operation shown in (B) in FIG. 1 , so that the user can browse the above 200 images and find himself Images that need to be shared or uploaded.

As shown in (C) in FIG. 1 , the user interface 12 is a user interface displayed by the electronic device in response to the sliding up operation shown in (B) in FIG. 1 . Among the images displayed in the image list 112, the image 121 is the image that the user wishes to send. At this time, the electronic device can first respond to the user's click operation on the image 121 shown in (C) in Figure 1, and select the image 121; To the click operation of the sending control 122, the image corresponding to the image 121 is sent to other users (such as the user Lisa shown in (A) in FIG. 1 ), and the user interface shown in (D) in FIG. 1 is displayed 13.

From the schematic diagram of the process shown in Figure 1, it can be seen that when a large number of images are stored in the gallery of the electronic device, for example, when the number of images stored in the gallery is greater than 1000, when the user wants to send or When uploading an image in the gallery, the user needs to find the image he needs from a large number of images, which undoubtedly consumes a lot of time and energy for the user, and seriously affects the user experience.

In view of the above-mentioned defects, the present application provides a method and an electronic device for putting an image on top. By adding a "top" function, the method and the electronic device can put the target image that the user needs to share or upload in the gallery to the top, that is, the target image Placed at the top of the image list; when the user uploads or sends the above-mentioned target image in the gallery through the third-party application in the electronic device, the user can quickly find the target image that is placed at the top of the image list, improving the user experience.

Further, in the image pinning method and electronic device provided in the present application, the user's pinning operation on an image can be divided into permanent pinning and temporary pinning. The temporarily pinned image will only be displayed on the top of the image list within a limited period of time (for example, 5 minutes), so that users can share or upload the image again; when the above-mentioned limited time is over, the temporarily pinned image will no longer be displayed on the top , and return to the original position display in the image list.

First, the electronic device provided by the embodiment of the present application is introduced.

The electronic device is a mobile phone, a tablet computer, a wearable device, a car device, an augmented reality (augmented reality, AR)/virtual reality (virtual reality, VR) device, a notebook computer, an ultra-mobile personal computer (ultra-mobile personal computer, UMPC) ), netbooks, personal digital assistants (personal digital assistants, PDAs) or specialized cameras (such as single-lens reflex cameras, card cameras), etc., this application does not impose any restrictions on the specific types of electronic devices.

FIG. 2 exemplarily shows the structure of the electronic device.

As shown in FIG. 2 , the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (universal serial bus, USB) interface 130, a charging management module 140, a power management module 141, and a battery 142 , antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, earphone jack 170D, sensor module 180, button 190, motor 191, indicator 192, camera 193 , a display screen 194, and a subscriber identification module (subscriber identification module, SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, bone conduction sensor 180M, etc.

It can be understood that, the structure illustrated in the embodiment of the present invention does not constitute a specific limitation on the electronic device 100 . In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown in the figure, or combine certain components, or separate certain components, or arrange different components. The illustrated components can be realized in hardware, software or a combination of software and hardware.

The processor 110 may include one or more processing units, for example: the processor 110 may include an application processor (application processor, AP), a modem processor, a graphics processing unit (graphics processing unit, GPU), an image signal processor ( image signal processor (ISP), controller, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural network processor (neural-network processing unit, NPU), etc. Wherein, different processing units may be independent devices, or may be integrated in one or more processors.

The controller can generate an operation control signal according to the instruction opcode and timing signal, and complete the control of fetching and executing the instruction.

A memory may also be provided in the processor 110 for storing instructions and data. In some embodiments, the memory in processor 110 is a cache memory. The memory may hold instructions or data that the processor 110 has just used or recycled. If the processor 110 needs to use the instruction or data again, it can be called directly from the memory. Repeated access is avoided, and the waiting time of the processor 110 is reduced, thereby improving the efficiency of the system.

In some embodiments, processor 110 may include one or more interfaces. The interface may include an integrated circuit (inter-integrated circuit, I2C) interface, an integrated circuit built-in audio (inter-integrated circuitsound, I2S) interface, a pulse code modulation (pulse code modulation, PCM) interface, a universal asynchronous receiver (universal asynchronous receiver) /transmitter, UART) interface, mobile industry processor interface (mobile industry processor interface, MIPI), general-purpose input and output (general-purpose input/output, GPIO) interface, subscriber identity module (subscriber identity module, SIM) interface, and/or A universal serial bus (universal serial bus, USB) interface, etc.

The I2C interface is a bidirectional synchronous serial bus, including a serial data line (serial data line, SDA) and a serial clock line (derail clock line, SCL). In some embodiments, processor 110 may include multiple sets of I2C buses. The processor 110 can be respectively coupled to the touch sensor 180K, the charger, the flashlight, the camera 193 and the like through different I2C bus interfaces. For example, the processor 110 may be coupled to the touch sensor 180K through the I2C interface, so that the processor 110 and the touch sensor 180K communicate through the I2C bus interface to realize the touch function of the electronic device 100 .

The I2S interface can be used for audio communication. In some embodiments, processor 110 may include multiple sets of I2S buses. The processor 110 may be coupled to the audio module 170 through an I2S bus to implement communication between the processor 110 and the audio module 170 . In some embodiments, the audio module 170 can transmit audio signals to the wireless communication module 160 through the I2S interface, so as to realize the function of answering calls through the Bluetooth headset.

The PCM interface can also be used for audio communication, sampling, quantizing and encoding the analog signal. In some embodiments, the audio module 170 and the wireless communication module 160 may be coupled through a PCM bus interface. In some embodiments, the audio module 170 can also transmit audio signals to the wireless communication module 160 through the PCM interface, so as to realize the function of answering calls through the Bluetooth headset. Both the I2S interface and the PCM interface can be used for audio communication.

The UART interface is a universal serial data bus used for asynchronous communication. The bus can be a bidirectional communication bus. It converts the data to be transmitted between serial communication and parallel communication. In some embodiments, a UART interface is generally used to connect the processor 110 and the wireless communication module 160 . For example: the processor 110 communicates with the Bluetooth module in the wireless communication module 160 through the UART interface to realize the Bluetooth function. In some embodiments, the audio module 170 can transmit audio signals to the wireless communication module 160 through the UART interface, so as to realize the function of playing music through the Bluetooth headset.

The MIPI interface can be used to connect the processor 110 with peripheral devices such as the display screen 194 and the camera 193 . The MIPI interface includes a camera serial interface (camera serial interface, CSI), a display serial interface (displayserial interface, DSI), and the like. In some embodiments, the processor 110 communicates with the camera 193 through the CSI interface to realize the shooting function of the electronic device 100 . The processor 110 communicates with the display screen 194 through the DSI interface to realize the display function of the electronic device 100 .

The GPIO interface can be configured by software. The GPIO interface can be configured as a control signal or as a data signal. In some embodiments, the GPIO interface can be used to connect the processor 110 with the camera 193 , the display screen 194 , the wireless communication module 160 , the audio module 170 , the sensor module 180 and so on. The GPIO interface can also be configured as an I2C interface, I2S interface, UART interface, MIPI interface, etc.

The USB interface 130 is an interface conforming to the USB standard specification, specifically, it may be a Mini USB interface, a Micro USB interface, a USB Type C interface, and the like. The USB interface 130 can be used to connect a charger to charge the electronic device 100 , and can also be used to transmit data between the electronic device 100 and peripheral devices. It can also be used to connect headphones and play audio through them. This interface can also be used to connect other electronic devices, such as AR devices.

It can be understood that the interface connection relationship between the modules shown in the embodiment of the present invention is only a schematic illustration, and does not constitute a structural limitation of the electronic device 100 . In other embodiments of the present application, the electronic device 100 may also adopt different interface connection manners in the foregoing embodiments, or a combination of multiple interface connection manners.

The charging management module 140 is configured to receive a charging input from a charger. Wherein, the charger may be a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 140 can receive charging input from the wired charger through the USB interface 130 . In some wireless charging embodiments, the charging management module 140 may receive a wireless charging input through a wireless charging coil of the electronic device 100 . While the charging management module 140 is charging the battery 142 , it can also provide power for electronic devices through the power management module 141 .

The power management module 141 is used for connecting the battery 142 , the charging management module 140 and the processor 110 . The power management module 141 receives the input from the battery 142 and/or the charging management module 140 to provide power for the processor 110 , the internal memory 121 , the display screen 194 , the camera 193 , and the wireless communication module 160 . The power management module 141 can also be used to monitor parameters such as battery capacity, battery cycle times, and battery health status (leakage, impedance). In some other embodiments, the power management module 141 may also be disposed in the processor 110 . In some other embodiments, the power management module 141 and the charging management module 140 may also be set in the same device.

The wireless communication function of the electronic device 100 can be realized by the antenna 1 , the antenna 2 , the mobile communication module 150 , the wireless communication module 160 , a modem processor, a baseband processor, and the like.

Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 may be used to cover single or multiple communication frequency bands. Different antennas can also be multiplexed to improve the utilization of the antennas. For example: Antenna 1 can be multiplexed as a diversity antenna of a wireless local area network. In other embodiments, the antenna may be used in conjunction with a tuning switch.

The mobile communication module 150 can provide wireless communication solutions including 2G/3G/4G/5G applied on the electronic device 100 . The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (low noise amplifier, LNA) and the like. The mobile communication module 150 can receive electromagnetic waves through the antenna 1, filter and amplify the received electromagnetic waves, and send them to the modem processor for demodulation. The mobile communication module 150 can also amplify the signals modulated by the modem processor, and convert them into electromagnetic waves through the antenna 1 for radiation. In some embodiments, at least part of the functional modules of the mobile communication module 150 may be set in the processor 110 . In some embodiments, at least part of the functional modules of the mobile communication module 150 and at least part of the modules of the processor 110 may be set in the same device.

A modem processor may include a modulator and a demodulator. Wherein, the modulator is used for modulating the low-frequency baseband signal to be transmitted into a medium-high frequency signal. The demodulator is used to demodulate the received electromagnetic wave signal into a low frequency baseband signal. Then the demodulator sends the demodulated low-frequency baseband signal to the baseband processor for processing. The low-frequency baseband signal is passed to the application processor after being processed by the baseband processor. The application processor outputs sound signals through audio equipment (not limited to speaker 170A, receiver 170B, etc.), or displays images or videos through display screen 194 . In some embodiments, the modem processor may be a stand-alone device. In some other embodiments, the modem processor may be independent from the processor 110, and be set in the same device as the mobile communication module 150 or other functional modules.

The wireless communication module 160 can provide applications on the electronic device 100 including wireless local area networks (wireless local area networks, WLAN) (such as wireless fidelity (wireless fidelity, Wi-Fi) network), bluetooth (bluetooth, BT), global navigation satellite system (global navigation satellite system, GNSS), frequency modulation (frequency modulation, FM), near field communication technology (near field communication, NFC), infrared technology (infrared, IR) and other wireless communication solutions. The wireless communication module 160 may be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2 , frequency-modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110 . The wireless communication module 160 can also receive the signal to be sent from the processor 110 , frequency-modulate it, amplify it, and convert it into electromagnetic waves through the antenna 2 for radiation.

In some embodiments, the antenna 1 of the electronic device 100 is coupled to the mobile communication module 150, and the antenna 2 is coupled to the wireless communication module 160, so that the electronic device 100 can communicate with the network and other devices through wireless communication technology. The wireless communication technology may include global system for mobile communications (GSM), general packet radio service (general packet radio service, GPRS), code division multiple access (codedivision multiple access, CDMA), wideband code Wideband code division multiple access (WCDMA), time-division code division multiple access (TD-SCDMA), long term evolution (LTE), BT, GNSS, WLAN, NFC, FM , and/or IR technology, etc. The GNSS may include a global positioning system (global positioning system, GPS), a global navigation satellite system (global navigation satellite system, GLONASS), a Beidou satellite navigation system (beidounavigation satellite system, BDS), a quasi-zenith satellite system (quasi- zenith satellite system (QZSS) and/or satellite based augmentation systems (SBAS).

The electronic device 100 realizes the display function through the GPU, the display screen 194 , and the application processor. The GPU is a microprocessor for image processing, and is connected to the display screen 194 and the application processor. GPUs are used to perform mathematical and geometric calculations for graphics rendering. Processor 110 may include one or more GPUs that execute program instructions to generate or change display information.

The display screen 194 is used to display images, videos and the like. The display screen 194 includes a display panel. The display panel may be a liquid crystal display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode or an active-matrix organic light-emitting diode (active-matrix organic light emitting diode). AMOLED), flexible light-emitting diode (flex light-emitting diode, FLED), Miniled, MicroLed, Micro-oLed, quantum dot light-emitting diodes (quantum dot light emitting diodes, QLED), etc. In some embodiments, the electronic device 100 may include 1 or N display screens 194 , where N is a positive integer greater than 1.

The electronic device 100 can realize the shooting function through the ISP, the camera 193 , the video codec, the GPU, the display screen 194 and the application processor.

The ISP is used for processing the data fed back by the camera 193 . For example, when taking a picture, open the shutter, the light is transmitted to the photosensitive element of the camera through the lens, and the light signal is converted into an electrical signal, and the photosensitive element of the camera transmits the electrical signal to the ISP for processing, and converts it into an image visible to the naked eye. ISP can also perform algorithm optimization on image noise, brightness, and skin color. ISP can also optimize the exposure, color temperature and other parameters of the shooting scene. In some embodiments, the ISP may be located in the camera 193 .

Camera 193 is used to capture still images or video. The object generates an optical image through the lens and projects it to the photosensitive element. The photosensitive element may be a charge coupled device (charge coupled device, CCD) or a complementary metal-oxide-semiconductor (complementary metal-oxide-semiconductor, CMOS) phototransistor. The photosensitive element converts the light signal into an electrical signal, and then transmits the electrical signal to the ISP to convert it into a digital image signal. The ISP outputs the digital image signal to the DSP for processing. DSP converts digital image signals into standard RGB, YUV and other image signals. In some embodiments, the electronic device 100 may include 1 or N cameras 193 , where N is a positive integer greater than 1.

Digital signal processors are used to process digital signals. In addition to digital image signals, they can also process other digital signals. For example, when the electronic device 100 selects a frequency point, the digital signal processor is used to perform Fourier transform on the energy of the frequency point.

Video codecs are used to compress or decompress digital video. The electronic device 100 may support one or more video codecs. In this way, the electronic device 100 can play or record videos in various encoding formats, for example: moving picture experts group (moving picture experts group, MPEG) 1, MPEG2, MPEG3, MPEG4, etc.

The NPU is a neural-network (NN) computing processor. By referring to the structure of biological neural networks, such as the transfer mode between neurons in the human brain, it can quickly process input information and continuously learn by itself. Applications such as intelligent cognition of the electronic device 100 can be realized through the NPU, such as image recognition, face recognition, speech recognition, text understanding, and the like.

The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100 . The external memory card communicates with the processor 110 through the external memory interface 120 to implement a data storage function. Such as saving music, video and other files in the external memory card.

The internal memory 121 may be used to store computer-executable program codes including instructions. The internal memory 121 may include an area for storing programs and an area for storing data. Wherein, the stored program area can store an operating system, at least one application program required by a function (such as a sound playing function, an image playing function, etc.) and the like. The storage data area can store data created during the use of the electronic device 100 (such as audio data, phonebook, etc.) and the like. In addition, the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, flash memory device, universal flash storage (universal flash storage, UFS) and the like. The processor 110 executes various functional applications and data processing of the electronic device 100 by executing instructions stored in the internal memory 121 and/or instructions stored in a memory provided in the processor.

The electronic device 100 can implement audio functions through the audio module 170 , the speaker 170A, the receiver 170B, the microphone 170C, the earphone interface 170D, and the application processor. Such as music playback, recording, etc.

The audio module 170 is used to convert digital audio information into analog audio signal output, and is also used to convert analog audio input into digital audio signal. The audio module 170 may also be used to encode and decode audio signals. In some embodiments, the audio module 170 may be set in the processor 110 , or some functional modules of the audio module 170 may be set in the processor 110 .

Speaker 170A, also referred to as a "horn", is used to convert audio electrical signals into sound signals. Electronic device 100 can listen to music through speaker 170A, or listen to hands-free calls.

Receiver 170B, also called "earpiece", is used to convert audio electrical signals into sound signals. When the electronic device 100 receives a call or a voice message, the receiver 170B can be placed close to the human ear to receive the voice.

The microphone 170C, also called "microphone" or "microphone", is used to convert sound signals into electrical signals. When making a phone call or sending a voice message, the user can put his mouth close to the microphone 170C to make a sound, and input the sound signal to the microphone 170C. The electronic device 100 may be provided with at least one microphone 170C. In some other embodiments, the electronic device 100 may be provided with two microphones 170C, which may also implement a noise reduction function in addition to collecting sound signals. In some other embodiments, the electronic device 100 can also be provided with three, four or more microphones 170C to collect sound signals, reduce noise, identify sound sources, and realize directional recording functions, etc.

The earphone interface 170D is used for connecting wired earphones. The earphone interface 170D may be the USB interface 130, or a 3.5mm open mobile terminal platform (OMTP) standard interface, or a cellular telecommunications industry association of the USA (CTIA) standard interface.

The pressure sensor 180A is used to sense the pressure signal and convert the pressure signal into an electrical signal. In some embodiments, pressure sensor 180A may be disposed on display screen 194 . There are many types of pressure sensors 180A, such as resistive pressure sensors, inductive pressure sensors, and capacitive pressure sensors. A capacitive pressure sensor may be comprised of at least two parallel plates with conductive material. When a force is applied to the pressure sensor 180A, the capacitance between the electrodes changes. The electronic device 100 determines the intensity of pressure according to the change in capacitance. When a touch operation acts on the display screen 194, the electronic device 100 detects the intensity of the touch operation according to the pressure sensor 180A. The electronic device 100 may also calculate the touched position according to the detection signal of the pressure sensor 180A. In some embodiments, touch operations acting on the same touch position but with different touch operation intensities may correspond to different operation instructions. For example: when a touch operation with a touch operation intensity less than the first pressure threshold acts on the short message application icon, an instruction to view short messages is executed. When a touch operation whose intensity is greater than or equal to the first pressure threshold acts on the icon of the short message application, the instruction of creating a new short message is executed.

The gyro sensor 180B can be used to determine the motion posture of the electronic device 100 . In some embodiments, the angular velocity of the electronic device 100 around three axes (ie, x, y and z axes) may be determined by the gyro sensor 180B. The gyro sensor 180B can be used for image stabilization. Exemplarily, when the shutter is pressed, the gyro sensor 180B detects the shaking angle of the electronic device 100, calculates the distance that the lens module needs to compensate according to the angle, and allows the lens to counteract the shaking of the electronic device 100 through reverse movement to achieve anti-shake. The gyro sensor 180B can also be used for navigation and somatosensory game scenes.

The air pressure sensor 180C is used to measure air pressure. In some embodiments, the electronic device 100 calculates the altitude based on the air pressure value measured by the air pressure sensor 180C to assist positioning and navigation.

The magnetic sensor 180D includes a Hall sensor. The electronic device 100 may use the magnetic sensor 180D to detect the opening and closing of the flip leather case. In some embodiments, when the electronic device 100 is a clamshell machine, the electronic device 100 can detect opening and closing of the clamshell according to the magnetic sensor 180D. Furthermore, according to the detected opening and closing state of the leather case or the opening and closing state of the flip cover, features such as automatic unlocking of the flip cover are set.

The acceleration sensor 180E can detect the acceleration of the electronic device 100 in various directions (generally three axes). When the electronic device 100 is stationary, the magnitude and direction of gravity can be detected. It can also be used to identify the posture of electronic devices, and can be used in applications such as horizontal and vertical screen switching, pedometers, etc.

The distance sensor 180F is used to measure the distance. The electronic device 100 may measure the distance by infrared or laser. In some embodiments, when shooting a scene, the electronic device 100 may use the distance sensor 180F for distance measurement to achieve fast focusing.

Proximity light sensor 180G may include, for example, light emitting diodes (LEDs) and light detectors, such as photodiodes. The light emitting diodes may be infrared light emitting diodes. The electronic device 100 emits infrared light through the light emitting diode. Electronic device 100 uses photodiodes to detect infrared reflected light from nearby objects. When sufficient reflected light is detected, it may be determined that there is an object near the electronic device 100 . When insufficient reflected light is detected, the electronic device 100 may determine that there is no object near the electronic device 100 . The electronic device 100 can use the proximity light sensor 180G to detect that the user is holding the electronic device 100 close to the ear to make a call, so as to automatically turn off the screen to save power. The proximity light sensor 180G can also be used in leather case mode, automatic unlock and lock screen in pocket mode.

The ambient light sensor 180L is used for sensing ambient light brightness. The electronic device 100 can adaptively adjust the brightness of the display screen 194 according to the perceived ambient light brightness. The ambient light sensor 180L can also be used to automatically adjust the white balance when taking pictures. The ambient light sensor 180L can also cooperate with the proximity light sensor 180G to detect whether the electronic device 100 is in the pocket, so as to prevent accidental touch.

The fingerprint sensor 180H is used to collect fingerprints. The electronic device 100 can use the collected fingerprint characteristics to implement fingerprint unlocking, access to application locks, take pictures with fingerprints, answer incoming calls with fingerprints, and the like.

The temperature sensor 180J is used to detect temperature. In some embodiments, the electronic device 100 uses the temperature detected by the temperature sensor 180J to implement a temperature treatment strategy. For example, when the temperature reported by the temperature sensor 180J exceeds the threshold, the electronic device 100 may reduce the performance of the processor located near the temperature sensor 180J, so as to reduce power consumption and implement thermal protection. In other embodiments, when the temperature is lower than another threshold, the electronic device 100 heats the battery 142 to prevent the electronic device 100 from being shut down abnormally due to the low temperature. In some other embodiments, when the temperature is lower than another threshold, the electronic device 100 boosts the output voltage of the battery 142 to avoid abnormal shutdown caused by low temperature.

The touch sensor 180K is also called "touch device". The touch sensor 180K can be disposed on the display screen 194, and the touch sensor 180K and the display screen 194 form a touch screen, also called a “touch screen”. The touch sensor 180K is used to detect a touch operation on or near it. The touch sensor can pass the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through the display screen 194 . In other embodiments, the touch sensor 180K may also be disposed on the surface of the electronic device 100 , which is different from the position of the display screen 194 .

The bone conduction sensor 180M can acquire vibration signals. In some embodiments, the bone conduction sensor 180M can acquire the vibration signal of the vibrating bone mass of the human voice. The bone conduction sensor 180M can also contact the human pulse and receive the blood pressure beating signal. In some embodiments, the bone conduction sensor 180M can also be disposed in the earphone, combined into a bone conduction earphone. The audio module 170 can analyze the voice signal based on the vibration signal of the vibrating bone mass of the vocal part acquired by the bone conduction sensor 180M, so as to realize the voice function. The application processor can analyze the heart rate information based on the blood pressure beating signal acquired by the bone conduction sensor 180M, so as to realize the heart rate detection function.

The keys 190 include a power key, a volume key and the like. The key 190 may be a mechanical key. It can also be a touch button. The electronic device 100 can receive key input and generate key signal input related to user settings and function control of the electronic device 100 .

The motor 191 can generate a vibrating reminder. The motor 191 can be used for incoming call vibration prompts, and can also be used for touch vibration feedback. For example, touch operations applied to different applications (such as taking pictures, playing audio, etc.) may correspond to different vibration feedback effects. The motor 191 may also correspond to different vibration feedback effects for touch operations acting on different areas of the display screen 194 . Different application scenarios (for example: time reminder, receiving information, alarm clock, games, etc.) can also correspond to different vibration feedback effects. The touch vibration feedback effect can also support customization.

The indicator 192 can be an indicator light, and can be used to indicate charging status, power change, and can also be used to indicate messages, missed calls, notifications, and the like.

The SIM card interface 195 is used for connecting a SIM card. The SIM card can be connected and separated from the electronic device 100 by inserting it into the SIM card interface 195 or pulling it out from the SIM card interface 195 . The electronic device 100 may support 1 or N SIM card interfaces, where N is a positive integer greater than 1. SIM card interface 195 can support Nano SIM card, Micro SIM card, SIM card and so on. Multiple cards can be inserted into the same SIM card interface 195 at the same time. The types of the multiple cards may be the same or different. The SIM card interface 195 is also compatible with different types of SIM cards. The SIM card interface 195 is also compatible with external memory cards. The electronic device 100 interacts with the network through the SIM card to implement functions such as calling and data communication. In some embodiments, the electronic device 100 adopts an eSIM, that is, an embedded SIM card. The eSIM card can be embedded in the electronic device 100 and cannot be separated from the electronic device 100 .

The user interface provided by the embodiment of the present application is introduced below.

First, a description of the user interface involved in pinning and unpinning images.

See Figure 3. As shown in FIG. 3 , FIG. 3 exemplarily shows multiple related user interfaces of the application program gallery in the electronic device 100 , and the gallery application can be used to display images stored in the electronic device 100 . The user interface 30 shown in (A) in FIG. interface"). User interface 30 may include image list 304 and search control 305, wherein:

The image list 304 can be used to display the images stored in the electronic device 100 , such as the image 301 and the image 302 . What needs to be understood is. Similarly, due to the limitation of the area of the display screen of the electronic device 100, all the images stored in the electronic device 100 are not completely displayed in the image list 304; area, this part of the area can be displayed on the screen of the electronic device 100 through the user's operation on the image list 304 (for details, refer to the related description of FIG. 1 ). In the image list 304 shown in the user interface 30, for images located in different rows, the image on the upper row can be considered to be arranged before the image on the lower row, that is, the image on the upper row is displayed before the image on the lower row; As far as the images on the same row are concerned, the image on the left can be considered to be arranged before the image on the right, that is, in the images displayed in the same row, the image on the left is displayed before the image on the right. For example, in image list 304, image 301 can be considered as being displayed before image 302; ")previous.

A search control 305 may be used to search for images (in this embodiment of the application, the search control 305 may be referred to as a "first control"). It can be understood that the application gallery in the electronic device 100 can use the AI search function provided by the electronic device 100 to search for corresponding types of pictures according to keywords input by the user. Specifically, the search control 305 may respond to user operations, such as the click operation shown in (A) in FIG. For example, the user interface 31 may be referred to as a "third interface"). The user interface 31 may include an input box 311, an image 312, and an image 313, wherein:

The input box 311 can be used for the user to input a keyword, and the keyword input by the user can be displayed (in this embodiment of the application, the input box 311 can be referred to as an "input box"). The electronic device 100 can then search for images of a type corresponding to the keyword from the image list in the gallery according to the keyword, and display the searched images to the user individually.

For example, the information contained in the keyword 311A in the input box 311 is "flower" (in the embodiment of the present application, "flower" may be referred to as a "keyword"), then the electronic device 100 can list the images in the gallery. All the images containing the "flower" element are searched in , that is, the image 312 and the image 313 shown in the user interface 31 , and displayed in the user interface 31 . Wherein, the image corresponding to the image 312 is the image 303 in the aforementioned image list 304 , but the image 313 is not displayed in the image list 304 due to the limitation of the display area of the electronic device 100 . It should be noted that, in this application, the images in the image list in the gallery are actually thumbnails. For example, the image 303 in the image list 304 is the thumbnail of the image 312. When an application shares or uploads images stored in the electronic device 100, the electronic device 100 also directly displays multiple images in the form of an image list to the user in the form of thumbnails. Therefore, in this application, putting an image on top is actually putting the thumbnail corresponding to the image at the top of the image list.

In the embodiment of the present application, the area where the first three rows of images in the image list 304 are located may be referred to as "the first area", and the areas in the image list 304 other than the area where the first three rows of images are located (including those that are not included in the image list) The area where the displayed image is located) may be referred to as a "second area".

The image 312 (in the embodiment of the present application, the image 312 may be referred to as "the first image") and the image 313 are the images searched by the electronic device 100 from the image list according to the keyword input by the user. Wherein, the electronic device 100 may display the image on top of the image list 305 in the gallery in response to the user's user operation on any image.

For example, the electronic device 100 may display the user interface 32 as shown in (C) in FIG. 3 in response to the user's long press operation on the image 312 as shown in (B) in FIG. 3 . The user interface 32 may include an option list 322 that may include a "Permanently Pinned" option 322A, a "Temporarily Pinned" option 322B, an "Add Note" option 322C, a "Rename" option 322D, and a "Set As" option 322E. in:

The “Permanently on top” option 322A can be used to permanently put the image 312 on top in the image list 304 .

The “Temporarily Put on Top” option 322B can be used to temporarily put the image 312 on top of the image list 304 for display.

The “add comment” option 322C can be used to add comment information to the image 312 .

A "rename" option 322D may be used to rename the image 312 .

The "set as" option 322E can be used to set the image 312 as the home screen wallpaper of the electronic device 100 , the screen lock wallpaper of the electronic device 100 , and the avatar of a contact.

The electronic device 100 may execute a function corresponding to any option in response to the user's user operation on any option.

For example, the electronic device 100 may respond to the user's click operation on the "permanently on top" option 322A as shown in (C) in FIG. It is called the “fourth operation”, the aforementioned “first operation” may include the aforementioned “second operation”, the aforementioned “third operation” and the “fourth operation”), and the image 312 is permanently displayed on top of the image list 304 . After the electronic device 100 displays the image 312 on top of the image list 304 in the gallery, the relevant user interface of the application gallery can refer to the user interface 33 shown in (D) in FIG. 3 (in the embodiment of the present application, The user interface 33 may be referred to as a "second interface"). It can be seen from the foregoing description that when an image is displayed on top, the image will be displayed on the leftmost top row of the image list if no other images are on top. Therefore, originally in the image list 304 shown in the user interface 30, the image 303 corresponding to the image 312 is in the second column of the fourth row in the image list 304. After the image 303 is placed on top, the image shown in the user interface 33 In the list 304 , the image 303 corresponding to the image 312 will be displayed at the far left of the top row of the image list 304 . Further, after the image 312 is displayed on top, its corresponding image 303 may contain a top mark 303A to remind the user that the image is an image displayed on top.

In addition, in this application, the electronic device 100 also supports the user to unpin the image that has been displayed on top. For example, in the user interface 33 shown in (D) of FIG. 3 , the image 303 is an image displayed on top. The electronic device 100 may respond to a user operation, such as a user's long press operation on the image 303 shown in (E) in FIG. 3 , causing the electronic device 100 to display the user interface 34 shown in (E) in FIG. 3 . The user interface 32 may include an option list 341 , and the option list 341 may include an “Unpin” option 341B, which may be used to permanently display the image 303 on top in the image list 304 .

Specifically, the electronic device 100 may respond to user operations, such as the user's click operation on the "unstick to top" option 341B shown in (E) in FIG. interface35. It can be seen that in the image list 304 shown in the user interface 35, the image 303 that was originally displayed on the top has been canceled and returned to its original position in the image list 304, that is, the fourth image in the image list 304. The second column of the row.

It can be understood that, the user interface on the electronic device 100 is only exemplarily shown in FIG. 4 , and should not be construed as limiting the embodiment of the present application. In addition, in some embodiments, after the user searches the gallery application for an image that he wants to pin to the top through keywords, the user can also pin the image to the top or unpin the image that has already been pinned to the top in other ways. limited. For example, when a user searches for an image that he wants to be the top in the gallery application through a keyword, the user can double-click the image to display the image as the top in the image list; Click on the sticky icon (for example, the above-mentioned sticky icon 303A) in the pinned image to cancel the pinning of the image.

Next, we describe the user interface involved in temporarily pinning and unpinning an image.

First, the user may temporarily put an image that is desired to be temporarily put on top in the gallery application of the electronic device 100 . For example, in the user interface 32 shown in (C) in FIG. 3 , there is a "temporary top" option 322B in the option list 322 that the user interface 32 may contain; The click operation of 322B temporarily puts the image 312 on top in the image list 304 for display.

Or, after the user shares or uploads an image through an application in the electronic device 100, the electronic device 100 can display the image on top of the image list in the gallery application, and the image will be displayed within a certain period of time (for example, 5 minutes). Displayed at the top of the built-in image list. After this period of time, if the user shares or uploads the image again through an application in the electronic device 100, the user can quickly find the image to share or upload again. After this period of time has elapsed, the image will no longer be displayed on top, and will fall back to its original position in the image list. Please refer to Figure 4 for details.

和

)的应用界面。如用户界面41所示，用户界面41可包含照片选项411，其可以用于向用户(例如图4中的(A)中所示的用户Lisa)发送电子设备100中的图像。The figure is a schematic diagram of a process of temporarily putting an image on top provided by the embodiment of the present application. As shown in (A) in Figure 4, the user interface 41 is a third-party application with a communication function (such as

and

) application interface. As shown in the user interface 41, the user interface 41 may include a photo option 411, which may be used to send an image in the electronic device 100 to a user (eg, user Lisa shown in (A) of FIG. 4 ).

Specifically, the photo option 411 may respond to user operations, such as the click operation shown in (A) in FIG. For example, the user interface 41 may be referred to as a "fifth interface"). The user interface 42 may be an application interface of the application “Gallery” in the electronic device 100 . As shown in user interface 42 , user interface 42 may include a list of images 421 . The image list 421 can display the image recently stored by the electronic device 100; wherein, the image 422 is the image displayed at the top in the image list 371, but it is not the image set to the top by the user; the image 423 (in the embodiment of the present application, the image 423 may be referred to as “the second image”) is an image that the user wishes to send to the user “Lisa”, and the image 423 is in the second column of the fourth row in the image list 371.

The electronic device 100 may first respond to the user's click operation on the image 423 shown in (B) in FIG. 4 , and select the image 373; The click operation of the send control 424 (in the embodiment of the present application, the send control 424 may be referred to as the "third control") (in the embodiment of the present application, the click operation of the send control 424 may be referred to as the "fifth operation") ”), send the image corresponding to the image 423 to the user “Lisa”, and display the user interface 43 as shown in (C) in FIG. interface"). The user interface 43 may include an image dialog area 431 and a prompt box 432 (in this embodiment of the application, the prompt box 432 may be called a "prompt box"). in:

The conversation area 381 may be used to display images of history messages of user conversations. As shown in (C) in FIG. 4 , the image 431A is the image sent by the user, that is, the image 423 in the aforementioned image list 421 .

The prompt box 432 may include prompt information 432A and controls 432B. Among them: the prompt message 432A, which can prompt: "Send successfully, do you temporarily put the image on top in the gallery?"; the control 432B (in the embodiment of this application, the control 432B can be called "the fourth control") can respond to A user operation (in the embodiment of the present application, this user operation may be referred to as a "seventh operation"), so that the electronic device 100 sets the image corresponding to the image 431A in the gallery (that is, the image 423) to the top of the image list in the gallery show.

After the user shares the image 423 through a third-party application, the application interface of the "gallery" application in the electronic device 100 may be the user interface 44 shown in (D) in FIG. 4 (in the embodiment of the present application, the user interface 44 may be called the "sixth interface"). In the image list 441 shown on the user interface 44, the image 423 has been displayed on top. In the image list 421 shown in the user interface 42, the image 423 is located in the second column of the fourth row of the image list 421, and in the image list 441 shown in the user interface 44, the image 423 has been displayed on top, which Located in the first column of the first row of the image list 441 . Further, after the image 423 is displayed on top, the image 423 may also contain a top mark 423A to remind the user that the image is a top display image; The style of the mark 423A) may be different from the sticky mark (such as the sticky mark 303A in the foregoing description) in the permanently pinned image, so that the user can tell whether the pinned image is permanently pinned or temporarily pinned.

Optionally, the user can actively unpin the temporarily pinned image through user operations within the specified pin time period of the temporarily pinned image, for details, refer to the aforementioned related to (C)-(F) in Figure 3 description, which will not be repeated here.

Optionally, after the user shares or uploads an image through an application, the electronic device may permanently display the image at the top of the image list in the gallery application. For details, please refer to the foregoing description, which will not be repeated here.

In addition, the images in the gallery application of the electronic device 100 can also be pushed to the top in batches, for details, refer to FIG. 5 .

As shown in (A) of FIG. 5 , the user interface 51 may be an interface displayed by the electronic device 100 in response to a touch operation acting on an icon of a gallery. The user interface 51 may contain a list 511 of images. The image list 511 can be used to display images stored in the electronic device 100 , such as an image 512 , an image 513 and an image 514 . It can be seen from the foregoing description that in the image list 511 , the image 512 - the image 514 are arranged in the following order: the image 512 is arranged before the image 513 , and the image 513 is arranged before the image 514 .

The electronic device 100 may respond to the user's operation on any image in the image list 511, so that the image is set as a selected state, and a check box for each image is displayed on other images in the list 511 for the user to Check the images in the list 511 in batches. For example, the electronic device 100 can set the image 513 to the selected state in response to the user's long press operation on the image 513 shown in (A) in FIG. Interface 52. User interface 52 may include image list 511 and function option area 525, wherein:

The image list 511 is the image list 511 in the user interface 51 as shown in (A) in FIG. 5 . may be used to display images stored in the electronic device 100 , such as image 512 , image 513 and image 514 . However, different from the image list 511 in the user interface 51 , in the image list 511 in the user interface 52 , there is a check box in each image. Wherein, the check box 513B of the image 513 is dark, indicating that the image 513 is selected. The check boxes of other images in the image list 511 are all blank boxes (such as the check box 512B of the image 512 and the check box 514B of the image 514 ), indicating that these images are all selected.

The function options area 515 may include a share control 525A, a select all control 525B, a permanent sticky control 525C, a delete control 522D, and an unsticky control 525E. Wherein: the sharing control 525A is used to share the selected image in the image list 511 to other applications, such as WeChat, QQ and so on. The select all control 525B is used to set all the images in the image list 511 to the selected state with one click. The permanent top control 525C is used to display the selected images in the image list 511 permanently on top in the image list 511 . The delete control 525D is used to delete the selected image in the image list 511 . The unstick control 525E is used to cancel the sticky display in the image list 511 of the images that have been displayed on top in the image list 511 .

It is assumed here that in the image list 511 , the image 512 , the image 513 and the image 514 are the images that the user wishes to display on top together. Then the electronic device 100 may select the image 512 and the image 514 in response to the user's click operation on the image 512 and the image 514 as shown in (B) in FIG. 5 , and display the image as shown in (C) in FIG. User Interface 53.

In the user interface 53 , the check box 512B of the image 512 , the check box 513B of the image 513 , and the check box 514B of the image 514 are dark, indicating that the image 513 - the image 514 are all selected. Afterwards, the electronic device 100 may respond to the user's operation on the permanent sticky control 525C, such as the click operation of the user's operation on the permanent sticky control 525C shown in (C) in FIG. It is displayed on top of the image list 511, and a user interface 54 as shown in (D) of FIG. 5 is displayed.

As shown in (D) of FIG. 5 , in the user interface 54 , the image 512 , the image 513 and the image 514 are displayed on top of the image list 511 in the user interface 54 . Optionally, after being displayed on top, the image 512, image 513 and image 514 in the user interface 54 may all contain respective sticky marks, namely the sticky mark 512A, the sticky mark 513A and the sticky mark 514A, to prompt the user that the image 513—the image 514 is the image displayed on top.

It should be noted that, in this application, after images are pinned to the top in batches, the sequence of the pinned images is the same as before being pinned. For example, in conjunction with the foregoing description, it can be seen that in the image list 511 in the user interface 51, the image 512-image 514 has not been displayed on top, and the arrangement order of the image 512-image 514 at this time is: the image 512 is arranged before the image 513, and the image 513 is arranged before image 514 . In the image list 511 in the user interface 54, the image 512-image 514 has been displayed on top, and the arrangement order of the image 512-image 514 is still as follows: the image 512 is arranged before the image 513, and the image 513 is arranged before the image 514 Before.

Next, the characteristics of the images stored in the electronic device 100 provided by the present application will be introduced with reference to FIG. 6 .

FIG. 6 is a schematic diagram of images and corresponding information of the images in the electronic device 100 provided by the present application. As shown in FIG. 6 , the image 601 is an image stored in the electronic device 100 , specifically, the image 601 may be an image existing in a gallery application of the electronic device 100 . In the electronic device 100 provided in this application, each image in the electronic device 100 may have a tag set, for example, the tag set T ₆₀₁ in FIG. 6 . In the label set corresponding to each image, there are three labels with the same subscript, namely flag, Tc and Tu. In the embodiment of this application and subsequent embodiments, the subscripts of these three tags indicate the image to which the tag belongs. For example, in the tag set T ₆₀₁ , flag ₆₀₁ is the flag tag corresponding to image 601, and Tu ₆₀₁ is the image 601 corresponds to the Tu label, and Tc ₆₀₁ is the Tu label corresponding to the image 601.

In this application, the electronic device 100 may compare the values of the flag tag, the Tc tag, and the Tu tag corresponding to the images to determine the order in which the images are arranged in the image list. in:

The flag tag (in this embodiment of the application, the flag tag may be referred to as a "second tag") can be used by the electronic device 100 to identify whether the image needs to be temporarily set on top. When the value of the flag tag is 1, it means that the image corresponding to the flag tag needs to be temporarily set to the top; when the value of the flag tag is 0, it means that the image corresponding to the flag tag does not need to be temporarily set to the top. When the electronic device 100 initially stores the image in the gallery application, the electronic device 100 may set the value of the flag tag corresponding to the image to 0 by default, such as flag ₆₀₁ in FIG. 6 . After the user performs an operation of temporarily setting an image to the top through the electronic device 100, the electronic device 100 may update the value of the flag tag corresponding to the image to 1 in response to the operation; when the duration of the temporary setting of the image ends, or After the user cancels the pinning of the image, the electronic device 100 will automatically update the value of the flag tag corresponding to the image to 0.

For example, suppose that at 10:00 on July 1, 2022, the user performs a temporary pinning operation on the image 601, so that the image 601 is temporarily pinned to the top in the image list of the gallery application. Then, after the above-mentioned temporary pinning operation occurs, the electronic device 100 can update the flag tag corresponding to the image 601, that is, the value of flag ₆₀₁ to 1, and within the pinning time limit of the image 601 (assuming that the pinning time limit is 5 minutes), the value of the flag ₆₀₁ The value is fixed at 1. At 10:05 on July 01, 2022, after the time limit for placing the image 601 on top ends, the electronic device 100 can update the value of the flag ₆₀₁ to 0, and the image 601 will no longer be displayed on top.

The Tc tag (in the embodiment of the present application, the Tc tag may be referred to as "the third tag)" records the storage time of the image, that is, the time when the electronic device 100 obtains the image for the first time and stores it in the gallery application. For example, when the value of Tu ₆₀₁ shown in FIG. 5 is 2022/07/01/08:00, it means that the image 601 is an image obtained and stored by the electronic device 100 at 08:00 on July 01, 2022, for example The image captured by the camera used by the user at 08:00 on July 1, 2022, or the image saved by the user through a third-party application in the electronic device 100 at 08:00 on July 1, 2022. Therefore, the value of the Tc tag corresponding to the image 601 is 2022/07/01/08:00. Optionally, the Tc of the image 601 may be expressed as 08:00 on July 1, 2022 in the electronic device 100, or may be expressed in other forms, which is not limited in this application. It is not difficult to understand that in this application, the value of the Tc tag corresponding to the image stored in the electronic device 100 is generally fixed.

The Tu tag (in this embodiment of the application, the Tu tag may be referred to as a "first tag") records the last update time of the image. Understandably, when an image is just stored in the electronic device 100, the value of the Tu tag corresponding to the image should be the same as the value of the Tc tag corresponding to the image by default; for example, the values of Tc ₆₀₁ and Tu ₆₀₁ in FIG. for 2022/07/01/08:00. However, when the electronic device 100 permanently pins an image to the top in response to a user operation, the value of the Tu tag corresponding to the image may be updated to the last update time, and the last update time may be the time when the above user operation occurred, that is, the user The time to pin the image to the top. For example, when the user operates on image 601 at 10:00 on August 3, 2022, and puts the image on top and displays it in the image list of the gallery, Tu ₆₀₁ of image 601 is updated to 2022/08/03/10:00 (or 10:00 on August 03, 2022), and the Tc of the image 601 is still 2022/07/01/08:00 (or 08:00 on July 01, 2022).

In addition, in this application, after a certain image (assumed to be image P1) is permanently pinned to the top, if electronic device 100 stores another new image (assumed to be image P2, and electronic device 100 "stores image P2" The occurrence time of an action is t1), if the image P1 has not been unpinned at this time, the electronic device 100 can update the value of the Tu tag corresponding to the image P1 to the latest time, which can store the image for the electronic device 100 Some time after P2, that is, some time t2 after t1. The time interval between t2 and t1 may be very short, such as 1 minute, or other values, which are not limited in this application. If the subsequent electronic device 100 continues to store other new images, the electronic device 100 may update the Tu of the P1 image according to the above method. If the subsequent image P1 is unpinned, the electronic device 100 updates the value of the Tu tag corresponding to the image P1 to the value of the Tc tag corresponding to P1.

For example, if the user operates on image 601 at 10:00 on August 3, 2022, and puts the image on top and displays it in the image list of the gallery, then Tu ₆₀₁ of image 601 is updated to 2022/08/03/10 :00 (or 10:00 on August 03, 2022); then, assuming that the electronic device 100 newly stores another image at 12:00 on August 04, 2022 (hereinafter referred to as the image 602 ), Then the electronic device 100 can update Tu ₆₀₁ of the image 601 to 2022/08/04/12:01 (or 12:01 on August 04, 2022); if the electronic device 100 is on 14 August 2022: 00 newly stores another image (hereinafter referred to as image 603), the electronic device 100 can update Tu ₆₀₁ of image 601 to 2022/08/04/14:01 (or 14:01 on August 04, 2022). :01), and so on.

It should be noted that the tag set T ₆₀₁ shown in FIG. 6 is only for the convenience of readers to understand, and it does not represent the style of the tag set in an actual application scenario. For example, the flag tag, Tc tag, and Tu tag corresponding to the above-mentioned image 601 may not be displayed on the user interface of the electronic device 100 together with the image 601, or may not even be displayed on the user interface of the electronic device 100. The form (eg code, identification code) exists in the electronic device 100, which is not limited in this application.

In this application, when multiple images are stored in the electronic device 100, the electronic device 100 can compare the values of the flag tag, Tu tag, and Tc tag corresponding to the tag set of each image to determine the difference between the multiple images. Order. Specifically, the electronic device 100 compares the values of the flag tags, Tu tags, and Tc tags corresponding to the tag sets of different images, so as to determine the arrangement order of the images when the electronic device 100 displays the above-mentioned multiple images. It should be noted in advance that in this application, the comparison rule for the value of the flag tag is: tag value 1 > tag value 0; the comparison rules for the values of the Tu tag and Tc tag are both: later time > earlier time . For example, the time of 10:00 on August 03, 2022 is the time before 12:00 on August 04, 2022, then the tag value 2022/08/04/12:00 > tag value 2022/08/03 /10:00. In this application, the order of priority for comparison of the three tags can be:

1. First compare the value of the flag tag corresponding to the image. The image with the flag tag of 1 is displayed before the image with the flag tag of 0.

2. When the values of the image flag tags are the same (for example, the values of the flag tags are both 1 or 0 at the same time), then further compare the value of the Tu tag corresponding to the image, and the image with a larger value of the Tu tag is displayed on the Tu tag before images with small values.

3. In the case that the flag tag value corresponding to the image and the Tu tag value corresponding to the image are the same, then further compare the value of the Tc tag corresponding to the image, and the image with a larger value of the Tc tag is displayed before the image with a smaller value of the Tu tag .

Two images (hereinafter referred to as image P3 and image P4 ) in the electronic device 100 are taken as an example for description. It is assumed that the labels contained in the label set of the image P3 are flag _P3 , Tu _P3 and Tc _P3 respectively, and the labels contained in the label set of the image P3 are flag _P4 , Tu _P4 and Tc _P4 respectively.

If the value of flag _P3 is 1 and the value of flag _P4 is 0, no matter what the size relationship between Tu _P3 and Tu _P4 is, and no matter what the size relationship between Tc _P4 and Tc _P3 is, the In the image list, image P3 is displayed before image P4.

If the values of flag _P3 and flag _P4 are both 0, the electronic device 100 may further compare the magnitude relationship between Tu _P3 and Tu _P4 . If Tu _P3 >Tu _P4 , in the image list of the gallery application, the image P3 is displayed before the image P4; if Tu _P4 >Tu _P3 , then in the image list of the gallery application, the image P3 is displayed before the image P3.

If the values of flag _P3 and flag _P4 are both 0, and the values of Tu _P3 and Tu _P4 are also the same, the electronic device 100 can further compare the magnitude relationship between Tc _P3 and Tc _P4 . If Tc _P3 >Tc _P4 , in the image list of the gallery application, the image P3 is displayed before the image P4; if Tc _P4 >Tc _P3 , then in the image list of the gallery application, the image P3 is displayed before the image P3.

Next, the logic sequence of placing the image on top by the electronic device 100 will be described with reference to the above description and FIGS. 7-13 .

The images 701-705 included in FIG. 7 are all images stored in the electronic device 100; specifically, the images 701-705 may all be images existing in the gallery application of the electronic device 100. It is assumed here that the image 701-image 705 in FIG. 7 are all images that have not been displayed on top, wherein image 701, image 702, and image 703 are images stored in the history of the electronic device 100, and the electronic device 100 performs image 701-image 703 The sequence of the stored time is: image 704 , image 701 , image 702 , image 703 . Image 704 is an image newly stored by electronic device 100 after storing images 701 - 703 . Then in combination with Figure 7 and the above description, it can be known that at this time:

The values of the flag tag (flag ₇₀₁ ), Tu tag (Tu ₇₀₁ ) and Tc tag (Tc ₇₀₁ ) corresponding to the image 701 are: 0, T1, T1, respectively.

The values of the flag tag (flag ₇₀₂ ), Tu tag (Tu ₇₀₂ ) and Tc tag (Tc ₇₀₂ ) corresponding to the image 702 are: 0, T2, T2, respectively.

The values of the flag tag (flag ₇₀₃ ), Tu tag (Tu ₇₀₃ ) and Tc tag (Tc ₇₀₃ ) corresponding to the image 703 are: 0, T3, T3, respectively.

The values of the flag tag (flag ₇₀₄ ), Tu tag (Tu ₇₀₄ ) and Tc tag (Tc ₇₀₄ ) corresponding to the image 704 are: 0, T4, T4, respectively.

The values of the flag tag (flag ₇₀₅ ), Tu tag (Tu ₇₀₅ ) and Tc tag (Tc ₇₀₅ ) corresponding to the image 705 are: 0, T5, T5, respectively.

Wherein, T4>T1>T2>T3>T5, that is, Tc ₇₀₄ >Tc ₇₀₁ >Tc ₇₀₂ >Tc ₇₀₃ >Tc ₇₀₅ .

Based on the images 701-705 provided in FIG. 7, FIGS. 8-14 respectively show the update process of the tag values in the tag set of the image in different situations, and the electronic device 100 changes the value of the image in the tag set along with the update of the image tag set. The process of sorting the order in the image list.

① In the case that there is no newly stored picture or pinned image in the electronic device 100, the electronic device 100 permanently pins an image to the top.

FIG. 8 shows a specific process of permanently pinning an image to the top of the electronic device 100 when there is no newly stored picture or pinned image in the electronic device 100 .

As shown in (A) of FIG. 8 , the user interface 71 may be an application interface of the application “Gallery” in the electronic device 100 . The user interface 71 may include an image list 711 . In the image list 711 of the user interface 71, the image 701, the image 702, and the image 703 are the image 701, the image 702, and the image 703 in the aforementioned FIG. In combination with the foregoing description, it can be seen that the values of the flag tags corresponding to these three images are all 0, and Tu ₇₀₁ =Tc ₇₀₁ >Tu ₇₀₂ =Tc ₇₀₂ >Tu ₇₀₃ =Tc ₇₀₃ , therefore, in the image list 711 of the user interface 71, Electronic device 100 displays image 701 before image 702 , and displays image 702 before image 703 .

Afterwards, the electronic device 100 may update the tag set T ₇₀₂ of the image 702 in response to the user's permanent pinning operation on the image 702 (for details, refer to the relevant description of FIG. To display the image 702 permanently on top. Specifically, assuming that the occurrence time of the above-mentioned user's pinning operation on the image 702 is Tc1, as shown in Figure 8, the value of the Tu label Tu ₇₀₂ corresponding to the image 702 will be updated from T2 shown in (A) in Figure 8 to Tc1 shown in (B) in FIG. 8 . It can be known that the values of the flag tags corresponding to the three images of image 701 , image 702 and image 703 are all 0, and Tu ₇₀₂ =Tc1>Tu ₇₀₁ =Tc ₇₀₁ >Tu ₇₀₃ =Tc ₇₀₃ . Therefore, the electronic device 100 can display the image 702 on top. As shown in the user interface 72 in (B) of FIG. 8 , the image 702 has been displayed on top in the image list 711 ; further, the image 702 displayed on top may also include a top logo 702A.

After the image 702 is permanently displayed on top, the user of the electronic device 100 can also respond to the user's cancel operation of the image 702 (for details, please refer to the above-mentioned related description of FIG. The tag set T ₇₀₂ of 702 is updated again to unstick the image 702 from the top. As shown in FIG. 8 , the value of the Tu tag Tu ₇₀₂ corresponding to the image 702 will be updated from Tc1 shown in (B) in FIG. 8 to T2 shown in (C) in FIG. 8 . It can be known that the values of the flag tags corresponding to the three images of image 701 , image 702 and image 703 are all 0, and Tu ₇₀₁ =Tc ₇₀₁ >Tu ₇₀₂ =Tc ₇₀₂ >Tu ₇₀₃ =Tc ₇₀₃ . Therefore, the electronic device 100 can cancel the display of the image 702 on top. As shown in the user interface 73 of (C) in FIG. is redisplayed at the top of the image list 711 in the user interface 73 with the largest value.

② After one image is permanently pinned to the top, a new image (non-top image) is newly stored in the electronic device 100, and the permanently pinned image is unpinned.

FIG. 9 shows a specific process of unpinning the permanently pinned image after a new image (non-pinned image) is newly stored in the electronic device 100 after one image is permanently pinned to the top.

As shown in (A) of FIG. 9 , the user interface 74 (in the embodiment of the present application, the user interface 74 may also be referred to as a “second interface”) may be an application interface of the electronic device 100 using a “gallery”. User interface 74 may include image list 741 . In the image list 741 of the user interface 71 , the image 701 , the image 702 and the image 703 are the image 701 , the image 702 and the image 703 in FIG. 7 . At this time, image 701 is an image that is permanently displayed on top by the user through a pin operation, and both image 701 and image 703 are images that have not been pinned to the top. Here, it is assumed that the occurrence time of the user's pinning operation on the image 702 is Tc2. It can be seen from the foregoing description that the values of the flag tags corresponding to the three images are all 0, and Tu ₇₀₂ =Tc2>Tu ₇₀₁ =Tc ₇₀₁ >Tu ₇₀₃ =Tc ₇₀₃ . Therefore, in the image list 741 of the user interface 74 , the electronic device 100 may display the image 702 on top, and display the image 701 before the image 703 .

Afterwards, the electronic device 100 newly stores an image in the gallery application at the time T4, and the image is the image 704 in FIG. image"). At this point, the electronic device 100 may update the tag set T 702 of the image ₇₀₂ and the tag set T ₇₀₃ of the image 703 , so as to keep the image 702 and the image 703 permanently displayed on top of the image list 741 . Specifically, as shown in FIG. 9 , the value of the Tu tag Tu ₇₀₂ corresponding to the image 702 will be updated from Tc2 shown in (A) in FIG. 9 to Tc3 shown in (A) in FIG. 9 . Wherein, Tc3 may be a certain time after T4, and the interval between Tc3 and T4 may be very short, for example, one minute. It can be known from the foregoing description that at this time, the values of the flag tags corresponding to the four images of image 701, image 702, image 703, and image 704 are all 0, and at this time Tu ₇₀₂ =Tc3>Tu ₇₀₄ =Tc ₇₀₄ >Tu ₇₀₁ =Tc ₇₀₁ >Tu ₇₀₃ =Tc ₇₀₃ . Therefore, the electronic device 100 can keep the image 702 displayed on top of the image list 741 . As shown in the user interface 75 in (B) of FIG. 9 (in the embodiment of the present application, the user interface 75 may also be referred to as the “ninth interface”), the image 702 is still displayed on top in the image list 741 . And image 704 is displayed before image 701 and image 703 , and image 701 is displayed before image 703 .

Finally, the user of the electronic device 100 may also update the tag set T ₇₀₂ of the image 702 again in response to the user's unpinning operation on the image 702 to unpin the image 702 from the top. As shown in FIG. 9 , the value of the Tu tag Tu ₇₀₂ corresponding to the image 702 will be updated from Tc3 shown in (B) in FIG. 9 to T2 shown in (C) in FIG. 9 . Then it can be known that at this time, the values of the flag tags corresponding to the three images of image 701, image 702, image 703 and image 704 are all 0, and at this time Tu ₇₀₄ =Tc ₇₀₄ >Tu ₇₀₁ =Tc ₇₀₁ >Tu ₇₀₂ = Tc ₇₀₂ >Tu ₇₀₃ =Tc ₇₀₃ . Therefore, the electronic device 100 can cancel the display of the image 702 on top. As shown in the user interface 76 of (C) in Figure 9, the image 702 has been canceled in the image list 741, and the image 701 is re-displayed in the image list 711 in the user interface 73 because the value of the Tu tag is the largest. the top of.

③ In the case that there are no newly stored pictures or pinned images in the electronic device 100, the electronic device 100 permanently pins multiple images in batches, and then cancels the pinned images in batches.

FIG. 10 shows the specific process of unpinning the batched images after the electronic device 100 permanently pins multiple images in batches when there are no newly stored pictures or pinned images in the electronic device 100 .

As shown in (A) of FIG. 10 , the user interface 77 may be an application interface of an application “Gallery” in the electronic device 100 . User interface 77 may include image list 771 . In the image list 771 of the user interface 77, the image 701, the image 702, and the image 703 are the image 701, the image 702, and the image 703 in the aforementioned FIG. In combination with the foregoing description, it can be seen that the values of the flag tags corresponding to these three images are all 0, and Tu ₇₀₁ =Tc ₇₀₁ >Tu ₇₀₂ =Tc ₇₀₂ >Tu ₇₀₃ =Tc ₇₀₃ , therefore, in the image list 771 of the user interface 77, Electronic device 100 displays image 701 before image 702 , and displays image 702 before image 703 .

Afterwards, the electronic device 100 may respond to the user's operation on the user interface 77 (for details, please refer to the above-mentioned relevant description of FIG. 5 , which will not be repeated here and in subsequent embodiments), and put the image 702 and the image 703 in the image list 771 on top together. show. During this process, the electronic device 100 will update the tag set T _{702 of the image 702} and the tag set T ₇₀₃ of the image 703 to permanently display the image 702 and the image 703 on top. Specifically, it is assumed here that the time of occurrence of the user's operation on the user interface 77 is Tc4, then as shown in Figure 10, the value of the Tu label Tu ₇₀₂ corresponding to the image 702 will be updated from T2 shown in (A) in Figure 10 to Tc4 shown in (B) in Figure 10; Similarly, the value of the corresponding Tu label Tu ₇₀₃ in the label set T ₇₀₃ of the image 703 will be updated from T3 shown in Figure 10 (A) to ( B) Tc4 shown. It can be known that at this time, the values of the flag tags corresponding to the three images of image 701, image 702 and image 703 are all 0, and at this time Tu ₇₀₂ =Tu ₇₀₃ =Tc4>Tu ₇₀₁ =T1, and Tc ₇₀₂ >Tc ₇₀₃ . Therefore, the electronic device 100 may display the image 702 and the image 703 on top together, display the image 702 before the image 703 , and display the image 701 after the image 702 and the image 703 . As shown in the user interface 78 in (B) of Figure 10, the image 702 and the image 703 have been displayed on top in the image list 771; further, the image 702 displayed on the top may include a top logo 702B, The image 703 may include a sticky logo 703B.

After permanently putting images 702 and 703 on top in batches, the user of electronic device 100 can respond to the user's unpinning operation on images 702 and 703, and put the tag set T ₇₀₂ of image 702 and the tag set T _{703 of image 703} again Update to remove image 702 and image 703 from top display. As shown in Figure 10, the value of the Tu label Tu ₇₀₂ corresponding to the image 702 will be updated from Tc4 shown in (B) in Figure 10 to T2 shown in (C) in Figure 10; the Tu label Tu 703 corresponding to the image ₇₀₃ The value of will be updated from Tc4 shown in (B) in FIG. 10 to T3 shown in (C) in FIG. 10 . It can be known that the values of the flag tags corresponding to the three images of image 701 , image 702 and image 703 are all 0, and Tu ₇₀₁ =Tc ₇₀₁ >Tu ₇₀₂ =Tc ₇₀₂ >Tu ₇₀₃ =Tc ₇₀₃ . Therefore, the electronic device 100 can cancel the display of the image 702 and the image 703 on top. As shown in the user interface 79 in (C) of FIG. 10 , at this moment, the image 702 and the image 703 have been canceled and displayed on top of the image list 771, and returned to their original position display in the image list 771, while the image 701 is then redisplayed at the top of the image list 771 in the user interface 79 due to the largest value of the Tu tag.

④ After the multiple images are pinned to the top in batches, a new image (non-top image) is stored in the electronic device 100 .

FIG. 11 shows a specific process of newly storing one image (non-top image) in the electronic device 100 after a plurality of images are pinned to the top in batches.

As shown in (A) of FIG. 11 , the user interface 81 may be an application interface of the application “Gallery” in the electronic device 100 . User interface 81 may include image list 811 . In the image list 811 of the user interface 81, the image 701, the image 702, and the image 703 are the image 701, the image 702, and the image 703 in the aforementioned FIG. In combination with the foregoing description, it can be seen that the values of the flag tags corresponding to these three images are all 0, and Tu ₇₀₁ =Tc ₇₀₁ >Tu ₇₀₂ =Tc ₇₀₂ >Tu ₇₀₃ =Tc ₇₀₃ , therefore, in the image list 811 of the user interface 81, Electronic device 100 displays image 701 before image 702 , and displays image 702 before image 703 .

The electronic device 100 may display the image 702 and the image 703 in the image list 811 together on top in response to the user's operation on the user interface 81 . During this process, the electronic device 100 will update the tag set T _{702 of the image 702} and the tag set T ₇₀₃ of the image 703 to permanently display the image 702 and the image 703 on top. Specifically, it is assumed here that the occurrence time of the above-mentioned user's operation on the user interface 77 is Tc5, then as shown in Figure 10, the value of the Tu label Tu ₇₀₂ corresponding to the image 702 will be updated from T2 shown in (A) in Figure 11 to Tc5 shown in (B) in Figure 11; Similarly, the value of the corresponding Tu label Tu ₇₀₃ in the label set T ₇₀₃ of the image 703 will be updated from T3 shown in Figure 11 (A) to ( B) Tc5 as indicated. It can be known that at this time, the values of the flag tags corresponding to the three images of image 701, image 702 and image 703 are all 0, and at this time Tu ₇₀₂ =Tu ₇₀₃ =Tc5>Tu ₇₀₁ =T1, and Tc ₇₀₂ >Tc ₇₀₃ . Therefore, the electronic device 100 may display the image 702 and the image 703 on top together, display the image 702 before the image 703 , and display the image 701 after the image 702 and the image 703 . As shown in the user interface 82 in (B) of Figure 11, the image 702 and the image 703 have been displayed on the top in the image list 811; further, the image 702 displayed on the top may include a top logo 702C, The image 703 may include a sticky logo 703C.

Afterwards, the electronic device 100 newly stores an image in the gallery application at time T4, and the image is the image 704 in FIG. 7 . At this time, the electronic device 100 may update the tag set T 702 of the image ₇₀₂ and the tag set T ₇₀₃ of the image 703 , so as to keep the image 702 and the image 703 permanently displayed on top of the image list 811 . Specifically, as shown in FIG. 11 , the value of the Tu tag Tu ₇₀₂ corresponding to the image 702 will be updated from Tc5 shown in (B) in FIG. 11 to Tc6 shown in (C) in FIG. 11 . Wherein, Tc6 may be a certain time after T4, and the interval between Tc6 and T4 may be very short, for example, one minute. It can be known from the foregoing description that at this time, the values of the flag tags corresponding to the four images of image 701, image 702, image 703 and image 704 are all 0, and at this time Tu ₇₀₂ =Tu ₇₀₃ =Tc6>Tu ₇₀₄ >Tu ₇₀₁ , and Tc ₇₀₂ >Tc ₇₀₃ . Therefore, the electronic device 100 can keep the image 702 and the image 703 displayed on top of the image list 811 . As shown in the user interface 83 in (C) of FIG. 11 , the image 702 and the image 703 are still displayed on top in the image list 811 , and the image 702 is displayed before the image 703 , and the image 704 is displayed before the image 701 .

⑤ The electronic device 100 temporarily puts the recently shared image on top.

FIG. 12 shows a specific process of permanently pinning an image to the top of the electronic device 100 when there is no newly stored picture or pinned image in the electronic device 100 .

As shown in (A) of FIG. 12 , the user interface 84 may be an application interface of the application “Gallery” in the electronic device 100 . The user interface 71 may include an image list 711 . In the image list 711 of the user interface 71, the image 701 and the image 705 are the image 701, the image 702 and the image 705 in FIG. In combination with the foregoing description, it can be seen that the values of the flag tags corresponding to these three images are all 0, and Tu ₇₀₁ =Tc ₇₀₁ >Tu ₇₀₂ =Tc ₇₀₂ >Tu ₇₀₅ =Tc ₇₀₅ , therefore, in the image list 841 of the user interface 84, Electronic device 100 displays image 701 before image 702 , and displays image 702 before image 705 .

The electronic device 100 may update the tag set T ₇₀₂ of the image 702 in response to the user's permanent pinning operation on the image 702, so as to permanently pin the image 702 to the top for display. Specifically, it is assumed here that the above-mentioned user's pinning operation on the image 702 occurs at Tc7, then as shown in Figure 12, the value of the Tu label Tu ₇₀₂ corresponding to the image 702 will be updated from T2 shown in (A) in Figure 12 to Tc7 shown in (B) in FIG. 12 . It can be known that the values of the flag tags corresponding to the three images of image 701 , image 702 and image 703 are all 0, and Tu ₇₀₂ =Tc7>Tu ₇₀₁ =Tc ₇₀₁ >Tu ₇₀₅ =Tc ₇₀₅ . Therefore, the electronic device 100 can permanently display the image 702 on top. As shown in the user interface 85 in (B) of FIG. 12 , the image 702 has been displayed on top in the image list 841 ; further, the image 702 displayed on top may also include a top logo 702C.

Afterwards, the electronic device 100 can update the tag set T ₇₀₅ of the image 705 after the user shares or uploads the image 702, so as to temporarily set the image 702 to the top (for details, please refer to the above-mentioned relevant description of FIG. 4 , here and subsequent embodiments will not be described in detail). Specifically, as shown in FIG. 12, when the user sends or uploads the image 705 through the application in the electronic device 100, the value of the flag tag flag ₇₀₅ corresponding to the image 705 will be updated from 0 shown in (B) in FIG. 1 shown in (C) in 12. It can be known that the values of the flag tags corresponding to the image 701 and the image 702 are both 0, and the value of the flag tag corresponding to the image 705 is 1; and at this time Tu ₇₀₂ =Tc7>Tu ₇₀₁ =Tc ₇₀₁ . Therefore, the electronic device 100 may temporarily display the image 705 on top, and display the image 705 before the image 702 . As shown in the user interface 86 in (C) of FIG. 12 , the image 705 has been temporarily put on top and displayed in the image list 841 . Further, the pinned image 702 may also include a pinned icon 705C; optionally, the style of the pinned pin 705C may be different from the pinned pin 702C, so that the user can tell whether the pinned image is permanently pinned or temporarily pinned .

⑥In the case that there is a temporary top image, after a new image (non-top image) is newly stored in the electronic device 100, the temporary top image is automatically canceled due to the end of the top time limit.

FIG. 13 shows that in the case of a temporarily pinned image, after a new image (non-pinned image) is newly stored in the electronic device 100, the temporarily pinned image is automatically unpinned due to the expiration of the pinning time limit.

As shown in (A) of FIG. 13 , the user interface 87 may be an application interface of the application “Gallery” in the electronic device 100 . User interface 87 may include image list 871 . In the image list 871 of the user interface 87 (in the embodiment of the present application, the user interface 87 may also be referred to as the "sixth interface"), the image 701 and the image 705 are the image 701, the image 702 and the image 702 in the aforementioned FIG. Image 705. At this time, image 701 is an image that has not been pinned to the top, and image 702 is an image that is permanently pinned to the top (the time when the user performs the pinning operation on image 702 is set to Tc8, and Tc8>Tc1, in the embodiment of the present application, image 702 is also may be referred to as "the first image"), and the image 705 is a temporarily topped image. It can be seen from the foregoing description that among the three images, the value of the flag tag corresponding to image 705 (in the embodiment of the present application, image 705 may also be referred to as the "second image") is 1, while image 701 and image 702 correspond to The values of the flag tags of are all 0, and Tu ₇₀₂ =Tc8>Tu ₇₀₁ =Tc ₇₀₁ . Therefore, in the image list 871 of the user interface 87 , the electronic device 100 displays the image 705 before the image 702 , and displays the image 702 before the image 701 .

Afterwards, the electronic device 100 newly stores an image in the gallery application at time T4, and the image is the image 704 in FIG. 7 . At this point, the electronic device 100 may update the tag set T ₇₀₂ of the image 702 to keep the image 702 permanently displayed on top of the image list 871 . In addition, since for the electronic device 100, the flag tag corresponding to the image has the highest influence on the arrangement order of the image, and the value of the flag ₇₀₅ is 1 at this time, the electronic device 100 may not update the tag set T ₇₀₂ of the image 705, It is also possible to keep the image 705 displayed on top of the image list 811 before the top time limit of the image 705 ends. Specifically, as shown in FIG. 13 , the value of the Tu tag Tu ₇₀₂ corresponding to the image 702 will be updated from Tc8 shown in (B) in FIG. 13 to Tc9 shown in (C) in FIG. 13 . Wherein, Tc9 may be a certain time after T4, and the interval between Tc6 and T4 may be very short, for example, one minute. It can be known from the foregoing description that at this time, the values of the flag tags corresponding to the three images of image 701, image 702, and image 703 are all 0, while the value of the flag tag corresponding to image 705 is 1; and at this time Tu ₇₀₂ =Tc9 >Tu ₇₀₄ >Tu ₇₀₁ . Therefore, the electronic device 100 can keep the image 705 and the image 702 displayed on top of the image list 811 . As shown in the user interface 83 in (C) of FIG. 11 , the image 702 and the image 703 are still displayed on top in the image list 871 , and the image 705 is displayed before the image 702 , and the image 704 is displayed before the image 701 .

When the sticking time limit for the temporarily pinned image 705 ends, the electronic device 100 may update the tag set T ₇₀₅ of the image 705 to cancel the pinned display of the image 705 in the image list 811 . Specifically, as shown in FIG. 13 , when the topping time limit for the image 705 that is temporarily pinned to the top ends, the value of the flag tag flag ₇₀₅ corresponding to the image 705 will be updated from 1 shown in (B) in FIG. 13 to 1 in FIG. 13 0 shown in (C). It can be known that the flag values corresponding to image 701 , image 702 , image 704 and image 705 are all 0, and Tu ₇₀₂ =Tc9>Tu ₇₀₄ >Tc ₇₀₁ =T1>Tc ₇₀₅ =T5. Therefore, the electronic device 100 may cancel the temporary display of the image 705 on top. As shown in the user interface 89 in (C) of FIG. 13 (in the embodiment of the present application, the user interface 89 may also be referred to as "the eighth interface"), the image 705 is no longer displayed on the top in the image list 871, And the image 702 is still displayed permanently on top in the image list 871 .

⑦In the case of temporary top images and permanent top images, cancel the image top.

FIG. 14 shows the specific process of canceling the top image when there are temporary top images and permanent top images.

As shown in (A) of FIG. 14 , the user interface 91 may be an application interface of the application “Gallery” in the electronic device 100 . User interface 91 may include image list 911 . In the image list 911 of the user interface 91 , the image 701 , the image 702 , the image 704 , and the image 705 are the image 701 , the image 702 , the image 704 , and the image 705 in FIG. 7 . At this time, image 701 and image 704 are images that have not been pinned to the top, image 702 is an image that is permanently pinned to the top (the time when the user performs the pinning operation on image 702 is set to Tc10, and Tc10>T4), and image 705 is temporarily pinned to the top Image. In combination with the foregoing description, it can be seen that among the four images, the value of the flag tag corresponding to image 705 is 1, while the values of the flag tags corresponding to image 701, image 702 and image 704 are all 0, and Tu ₇₀₂ =Tc10>Tu ₇₀₄ > Tu ₇₀₁ . Therefore, in the image list 911 of the user interface 91 , the electronic device 100 displays the image 705 on top of the image 702 , displays the image 705 before the image 702 , and displays the image 704 before the image 701 .

1) Before the pinning time limit of the temporary pinned image 705 ends, the user cancels the pinning of the permanent pinned image 702 and the temporary pinned image 705 with one click.

The user can unstick the image 702 and the image 705 with one click through a user operation (for details, please refer to the related description of the above-mentioned unsticking control 525E, which will not be repeated here). At this point, the electronic device 100 may update the tag set T 702 of the image ₇₀₂ and the tag set T ₇₀₅ of the image 705 , so as to cancel the display of the image 702 and the image 705 on top of the image list 911 . Specifically, as shown in FIG. 14 , when the permanent top image 702 and the temporary top image 705 are unpinned by one key, the value of the Tu tag Tu ₇₀₂ corresponding to the image 702 will be updated from Tc10 shown in (A) in FIG. 14 to T2 shown in (B) in FIG. 14 , and the value of the flag tag flag ₇₀₅ corresponding to the image 705 will be updated from 1 shown in (A) in FIG. 14 to 0 shown in (B) in FIG. 14 . Then it can be known that the values of the flag tags corresponding to image 701, image 702, image 704, and image 705 are all 0, and at this time Tu ₇₀₄ =T4>Tu ₇₀₁ =T1>Tu ₇₀₂ =T2>Tc ₇₀₅ =T5 . Therefore, the electronic device 100 may cancel the temporary top display of the image 702 and the image 705 . As shown in the user interface 92 in (B) of FIG. 14 , image 702 and image 705 are no longer displayed on top of the image list 871, and image 704 is displayed at the top of the image list 911 because the value of the Tu tag is the largest.

2) Before the pinning time limit of the temporary pinned image 705 ends, the user cancels the pinning of the permanent pinned image 702 with one click.

The user can unstick the image 702 through a user operation (for details, refer to the relevant description of FIG. 3 , which will not be repeated here). At this point, the electronic device 100 may update the tag set T ₇₀₂ of the image 702 to cancel the top display of the image 702 . Specifically, as shown in Figure 14, when the permanent top image 702 is canceled, the value of the Tu label Tu ₇₀₂ corresponding to the image 702 will be updated from Tc10 shown in (A) in Figure 14 to (C) in Figure 14 T2 as shown, while the value of the flag tag flag ₇₀₅ corresponding to the image 705 remains unchanged and remains 1. Then it can be known that the values of the flag tags corresponding to the image 701, image 702 and image 704 are all 0, and the value of the flag tag corresponding to the image 705 is 1, and at this time Tu ₇₀₄ =T4>Tu ₇₀₁ =T1> Tu ₇₀₂ =T2. Therefore, the electronic device 100 may cancel the temporary top display of the image 702 and keep the temporary top display of the image 705 . As shown in the user interface 93 in (C) of FIG. 14 , the image 702 is no longer displayed on top of the image list 871 , and the image 705 is still displayed at the top of the image list 911 because the value of the flag tag is 1.

FIG. 15 is a flowchart of an image display method provided by an embodiment of the present application. This method can display the target image on top of the gallery, which is convenient for the user to locate the target image quickly. As shown in Figure 9, the method provided in the embodiment of this application may include:

S101. Display a first interface, the first interface includes a first area and a second area, the first area in the first interface is located before the second area, and the first area in the first interface includes at least one images, the second area in the first interface includes the first image.

The electronic device displays the first interface. The electronic device may be a mobile phone (mobile phone), a vehicle-mounted device (such as an on-board unit (On Board Unit, OBU)), a tablet computer (pad), a computer with a display function (such as a notebook computer, a palmtop computer, etc.) and the like. Specifically, the electronic device may be the electronic device 100 provided in the embodiment of this application. It can be understood that, the present application does not limit the specific forms of the above electronic devices.

In this method, the above-mentioned first interface may be an application interface of an application "gallery" in the electronic device. In a gallery, images are usually displayed as thumbnails in an image list. Generally speaking, when the number of images in the gallery reaches a certain amount, the images will be arranged in the form of multiple rows and multiple columns. According to the browsing habits of most users, for images located in different rows, the images located in the upper row can be considered to be arranged before the images located in the lower row; for images located in the same row, the images located on the left can be considered to be arranged before the image on the right. That is, in this application, for two images displayed in the image list that are not on the same row, the image on the upper row is arranged before the image on the lower row; for two images displayed on the same row, the image on the left is arranged in front of the image on the right. For details, reference may be made to relevant descriptions of the foregoing embodiments, and details are not repeated here.

Understandably, when the number of images in the gallery reaches a certain amount, the images will be arranged in multiple rows and columns and displayed on the screen of the electronic device. However, due to the limitation of the display screen area of the electronic device, these images cannot be displayed on the screen of the electronic device at the same time. However, the user can update the image displayed on the screen of the electronic device through user operations, such as sliding up. In this way, images that cannot currently be displayed on the screen of the electronic device can be browsed. Therefore, in this method, the above-mentioned first area may be in the gallery application of the electronic device, when the images on the top row (these images are generally the latest images stored by the electronic device) are displayed on the screen of the electronic device, the electronic device The area corresponding to the displayed screen; and the above-mentioned second area can be in the gallery application of the electronic device, through the user operation, such as an upward sliding operation, the image that is not currently displayed on the screen of the electronic device is displayed on the screen After clicking, the area corresponding to the screen displayed by the electronic device. Alternatively, the above-mentioned first area may be in the image displayed on the electronic device when the uppermost image (these images are generally the latest images stored in the electronic device) is displayed on the screen of the electronic device in the gallery application of the electronic device. In the corresponding area, a part of the area is at the upper side, and the above-mentioned second area is another part of the area at the lower side.

或

)打开图库应用时，电子设备所显示的界面会默认将在最新存储的图像显示在电子设备的屏幕中，再根据每张图像的存储时间将图像依次排列显示，形成图像列表显示在屏幕中。可以理解的，存储时间越早的图像将处于上述图像列表的越下方。因此，当用户需要使用某张图像时，该图像可能由于存储时间较早而处于图像列表中较为下方的位置。因此，用户可能需要耗费大量的精力将该图像找出。且之后每次使用的时候均需要对该图像进行查找，无法直接从图库中大量的图像中直接对该图像进行定位。It is understandable that when the user opens the gallery application, or through other applications in the electronic device (such as

or

) When opening the gallery application, the interface displayed by the electronic device will display the latest stored image on the screen of the electronic device by default, and then arrange and display the images in order according to the storage time of each image, forming an image list and displaying it on the screen. It can be understood that an image with an earlier storage time will be lower in the above image list. Therefore, when a user needs to use a certain image, the image may be at a lower position in the image list due to its earlier storage time. Therefore, the user may need to expend a lot of effort to find the image. And after that, the image needs to be searched every time it is used, and it is impossible to directly locate the image from a large number of images in the gallery.

That is to say, the images in the above-mentioned first area are images that can be easily found by the user, but the first image in the above-mentioned second area may not be easily found by the user because its position is lower in the image list. Locate and use.

S102. In response to the first operation on the first image, display a second interface, the second interface includes the first area and the second area, and the first image in the second interface is displayed in the first area .

In this method, the above-mentioned first operation may be an operation for putting the above-mentioned first image on top. That is to say, after the above-mentioned first operation is performed on the above-mentioned image, the above-mentioned first image will be displayed on top of the image list. The top may be the top of the image list, or any position of the image list in the above-mentioned first area. For example, there are 100 rows of images in the image list, and each row has 3 columns (that is, each row in the image list can accommodate three images), and the screen of the electronic device can only display 5 rows of images at the same time (that is, only at most In the case of displaying 15 images, these 15 images are at least one of the above images), when the user opens the gallery application, the electronic device will display rows 1-5 of the image list by default. However, if the image that the user needs to use (that is, the above-mentioned first image) resides at the lower part of the image list, such as row 50, the user may need to continuously slide down and browse continuously to find the above-mentioned first image. However, when the above-mentioned first operation is performed on the above-mentioned first image, the above-mentioned first image will be displayed at the top of the image list. This top can be the first column of the first row of the image list, or it can be the image list anywhere in the first 5 lines of the . In this way, when the user opens the gallery application, the electronic device will also display rows 1-5 of the image list by default, but at this time the above-mentioned first image already exists in rows 1-5 of the image list, that is, the above-mentioned first image The image can be directly displayed on the screen of the electronic device, and the user can quickly find and use the image.

Specifically, the above-mentioned first image is displayed on top of the image list, which may be to insert the above-mentioned first image into a certain position at the top of the image list, and to extend the images after this position. Also take the above image list with 100 rows and 3 columns per row as an example. If the above first image is displayed on top of the first row and column 1 of the image list, then the image originally displayed at the first row and column 1 The image will be displayed in the second column of the first row, the image originally displayed in the second column of the first row will be displayed in the third column of the first row, and the image originally displayed in the third column of the first row will be displayed in row 2, column 1...and so on.

Optionally, the above-mentioned first image is displayed on top of the image list, which may be to exchange the first image with an image at a certain position at the top of the image list. For example, if the first image originally displayed in row 50, column 2 of the image list is displayed on top of row 1, column 1 of the image list, then the image originally displayed in row 1, column 1 will be It is displayed on line 50, column 2 of the image list, and other images in the image list do not need to change the display position.

In an optional implementation manner, in the second interface, the first image is displayed before the at least one image. That is to say, through the above-mentioned first operation, the above-mentioned first image will be displayed at the top of the image list, that is, the first column of the first row of the image list. In this way, when the user opens the gallery application, the electronic device will also display the first row of the image list by default, so that the user can find and use the image more quickly.

In an optional implementation manner, the above-mentioned first interface includes a first control, and the above-mentioned displaying the second interface includes: in response to the second operation on the above-mentioned first control, displaying a third interface, and the above-mentioned third interface includes an input box and The second control; after the user enters the keyword into the input box, in response to the third operation on the second control, a fourth interface is displayed, the fourth interface includes the first image, and the keyword is used for the above-mentioned first image An image is searched; in response to a fourth operation on the first image in the fourth interface, the second interface is displayed, and the first operation includes the second operation, the third operation, and the fourth operation.

It is understandable that most of the gallery applications of electronic devices support searching images by using keywords. Therefore, in this embodiment, the above-mentioned first control is a search control, and the above-mentioned input box is used to receive keywords input by the user. images that match the above keywords. For example, suppose there are a total of 100 images in the image list, and 10 of them contain flower elements. If the above-mentioned first image is one of the 10 images containing flower elements, the user may input the keyword "flower" in the above-mentioned input box, and click on the above-mentioned first control. Then the electronic device will display these 10 images on the above-mentioned third interface, and the user does not need to locate the above-mentioned first image from the above-mentioned 100 images, but only needs to locate the above-mentioned first image from the above-mentioned 10 images in the above-mentioned third interface. The first image only needs to be used, which further improves the positioning efficiency of the image.

Furthermore, the user can also search for images through keywords, and locate the searched images in batches. For example, the user may input the keyword "flower" in the above input box, and click on the above first control; after the electronic device displays the above 10 images containing flower elements on the above third interface, the user can Operation After all the 10 images are selected, they will be displayed on top of the image list at the same time. For details, reference may be made to the foregoing related description of FIG. 5 , which will not be repeated here.

或

)的应用界面，上述第六操作即为用户分享或者上传上述第二图像的操作。在本实施方式中，当用户通过某个应用分享或者上传某张图像(例如上述第二图像)后，电子设备可以默认将前期分享过的图像(例如上述第二图像)置顶展示，方便用户二次分享或者上传。具体可以参考前述对图4的相关说明，此处不再赘述。With reference to the first aspect, in an optional implementation manner, the second area in the first interface further includes a second image, and the method further includes: displaying a fifth interface, where the fifth interface includes a third control; responding In response to the fifth operation on the third control, the first interface is displayed; in response to the sixth operation on the second image in the first interface, the second image is sent, and the sixth interface is displayed, and the sixth interface includes The above-mentioned first area and the above-mentioned second area, the above-mentioned second image in the above-mentioned sixth interface is displayed in the above-mentioned first area. The above-mentioned fifth interface may be an application in an electronic device that supports image sharing or uploading (such as

or

), the sixth operation above is an operation for the user to share or upload the second image above. In this embodiment, when a user shares or uploads a certain image (such as the above-mentioned second image) through an application, the electronic device can display the previously shared image (such as the above-mentioned second image) on top by default, which is convenient for the user to share or upload. For details, reference may be made to the foregoing related description of FIG. 4 , which will not be repeated here.

In an optional implementation manner, both the above-mentioned first image and the above-mentioned at least one image include a corresponding label set, and the label set includes a first label, a second label and a third label. The above-mentioned first image includes a fourth image and a fifth image. The first tag represents the last update time of the image; the second tag represents whether the image is a temporary top image with a first duration; the third tag represents the storage time of the image. In the case that the above-mentioned first operation is a permanent top operation, update the first label corresponding to the above-mentioned fourth image and the first label corresponding to the above-mentioned fifth image to the first time, which is the occurrence of the above-mentioned first operation Time: when the above-mentioned first operation is a temporary top operation, the second label corresponding to the above-mentioned fourth image and the second label corresponding to the above-mentioned fifth image are updated from the first value to the second value, and the above-mentioned second value represents The above-mentioned fourth image and the above-mentioned fifth image are temporary top images; after comparing the second labels of each image in the above-mentioned second interface, then comparing the first labels of each image in the above-mentioned second interface, and finally Comparing the third labels corresponding to the images in the above-mentioned second interface to obtain a comparison result; according to the comparison result, displaying the above-mentioned second interface; in the above-mentioned second interface, the second label is an image of the above-mentioned second value Displayed before the image whose second label is the above-mentioned first value; among the images with the same second label, the image whose last update time represented by the first label is later is displayed before the image whose last update time represented by the first label is earlier Before the image; in images with the same second label and the same first label, images with a later storage time represented by the third label are displayed before images with an earlier storage time represented by the third label.

That is to say, the arrangement order of the images in the second interface can be determined by comparing the label sets of the images. The order of priority for comparing the first tag, the second tag, and the third tag in the tag set corresponding to the image may be:

1. First compare the value of the second label corresponding to the image, and the image with the value of the second label of 1 is displayed before the image with the value of the second label of 0.

2. When the value of the second label corresponding to the image is the same (for example, the value of the second label is 1 or 0 at the same time), then further compare the first label corresponding to the image and the last update time corresponding to the first label The later image is displayed before the image corresponding to the first label whose last update time is earlier.

3. If the second label corresponding to the image is the same as the first label, then further compare the third label corresponding to the image; the image corresponding to the third label with a later storage time is displayed in the storage corresponding to the third label The earlier the time the image is before.

For details, reference may be made to the aforementioned related descriptions of FIGS. 8-14 , which will not be repeated here.

This method can put the target image to the top, and display the image at the top of the application interface of the gallery, which is convenient for the user to quickly locate the target image; further, this method also supports the user to permanently and temporarily put the image on the top, and according to the user's image The time and type of the pinning operation update the label information of the image, and determine the arrangement order of each image in the image list according to the label information of the image, so that the images can be arranged in an orderly manner according to the user's needs, helping users quickly find what they need to use image.

An embodiment of the present application also provides an electronic device, the electronic device includes: one or more processors and a memory; wherein the memory is coupled to the one or more processors, the memory is used to store computer program codes, the The computer program code includes computer instructions that are invoked by the one or more processors to cause the electronic device to execute the methods shown in the foregoing embodiments.

As used in the above embodiments, depending on the context, the term "when" may be interpreted to mean "if" or "after" or "in response to determining..." or "in response to detecting...". Similarly, depending on the context, the phrases "in determining" or "if detected (a stated condition or event)" may be interpreted to mean "if determining..." or "in response to determining..." or "on detecting (a stated condition or event)" or "in response to detecting (a stated condition or event)".

In the above embodiments, all or part of them may be implemented by software, hardware, firmware or any combination thereof. When implemented using software, it may be implemented in whole or in part in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer program instructions are loaded and executed on the computer, the processes or functions according to the embodiments of the present application will be generated in whole or in part. The computer can be a general purpose computer, a special purpose computer, a computer network, or other programmable devices. The computer instructions may be stored in or transmitted from one computer-readable storage medium to another computer-readable storage medium, for example, the computer instructions may be transmitted from a website, computer, server or data center Transmission to another website site, computer, server, or data center by wired (eg, coaxial cable, optical fiber, DSL) or wireless (eg, infrared, wireless, microwave, etc.) means. The computer-readable storage medium may be any available medium that can be accessed by a computer, or a data storage device such as a server or a data center integrated with one or more available media. The available media may be magnetic media (eg, floppy disk, hard disk, magnetic tape), optical media (eg, DVD), or semiconductor media (eg, solid state hard disk), etc.

Those of ordinary skill in the art can understand that all or part of the processes in the methods of the above embodiments are realized. The processes can be completed by computer programs to instruct related hardware. The programs can be stored in computer-readable storage media. When the programs are executed , may include the processes of the foregoing method embodiments. The aforementioned storage medium includes: ROM or random access memory RAM, magnetic disk or optical disk, and other various media that can store program codes.

Claims (15)

1. A method for displaying an image, comprising:

displaying a first interface, the first interface comprising a first area and a second area, the first area in the first interface being located before the second area, the first area in the first interface comprising at least one image, the second area in the first interface comprising a first image;

in response to a first operation on the first image, displaying a second interface, the second interface comprising the first area and the second area, wherein the first image is displayed in the first area in the second interface.

2. The method of claim 1, wherein the first image is displayed before the at least one image in the second interface.

3. The method of claim 1 or 2, wherein the first interface comprises a first control, and wherein displaying the second interface comprises:

in response to a second operation on the first control, displaying a third interface, the third interface comprising an input box and a second control;

after a user inputs a keyword into the input box, responding to a third operation of the second control, and displaying a fourth interface, wherein the fourth interface comprises the first image, and the keyword is used for searching the first image;

displaying the second interface in response to a fourth operation on the first image in the fourth interface, the first operation including the second operation, the third operation, and the fourth operation.

4. The method of any of claims 1-3, wherein the second region in the first interface further comprises a second image, the method further comprising:

displaying a fifth interface, the fifth interface comprising a third control;

displaying the first interface in response to a fifth operation on the third control element;

responding to a sixth operation on a second image in the first interface, sending the second image, and displaying a sixth interface, wherein the sixth interface comprises the first area and the second area, and the second image in the sixth interface is displayed in the first area.

5. The method of claim 4, further comprising the first image in the first region of the sixth interface, wherein the second image is displayed before the first image in the sixth interface.

6. The method according to claim 4 or 5, wherein the sending the second image and displaying a sixth interface comprises:

sending the second image and displaying a seventh interface, wherein the seventh interface comprises a prompt box, the prompt box comprises prompt information and a fourth control, and the prompt information is used for prompting a user whether to display the second image on top;

displaying the sixth interface in response to a seventh operation on the fourth control.

7. The method according to any one of claims 4-6, wherein a duration of time in the sixth interface during which the second image is displayed in the first area is a first duration, and wherein after the sixth interface is displayed, the method further comprises:

displaying an eighth interface after the first duration, wherein the eighth interface comprises the first area and the second area, the first image is displayed in the second area of the eighth interface, and the first image is displayed in the first area of the eighth interface.

8. The method of any of claims 1-7, wherein after displaying the second interface, the method further comprises:

storing a third image, the third image being an image stored after storing the first image;

displaying a ninth interface, the ninth interface including the first area and the second area, the ninth interface in which the first image and the third image are displayed in the first area of the ninth interface, and the first image is displayed before the third image, which is displayed before the at least one image.

9. The method of any of claims 1-8, wherein the first image and the at least one image each include a corresponding first label, the first label characterizing a last update time of the image, and wherein in response to the first operation on the first image, the displaying the second interface includes:

responding to a first operation on the first image, and updating a first label corresponding to the first image to a first time, wherein the first time is the occurrence time of the first operation;

displaying the second interface according to the first label corresponding to each image in the at least one image and the first label of the first image; and the display position of each image in the second interface corresponds to the last updating time of the first label representation corresponding to each image.

10. The method of any of claims 1-8, wherein the first image and the at least one image each include a corresponding second label characterizing whether the image is a temporarily set top image set at a first duration,

the displaying a second interface in response to the first operation on the first image comprises:

in response to a first operation on the first image, updating a second label corresponding to the first image from a first numerical value to a second numerical value, wherein the second numerical value represents that the first image is a temporarily-placed image;

displaying the second interface according to the numerical value of the second label corresponding to each image in the at least one image and the numerical value of the second label corresponding to the first image; in the second interface, the image with the second label as the second numerical value is displayed before the image with the second label as the first numerical value;

after the displaying the second interface, the method further comprises:

displaying a tenth interface over the first duration, the tenth interface including the first area and the second area, the tenth interface in which the first image is displayed in the second area of the tenth interface and the first image is not displayed in the first area of the tenth interface.

11. The method of any one of claims 1-8, wherein the first image and the at least one image each comprise a corresponding set of labels, the set of labels comprising a first label and a second label for the image, the first label characterizing a last update time of the image; the second label represents whether the image is a temporarily set top image with the set top time being a first duration, and the displaying a second interface in response to the first operation on the first image comprises:

in response to a first operation on the first image, if the first operation is a permanent set-top operation, updating a first label corresponding to the first image to a first time, wherein the first time is an occurrence time of the first operation; under the condition that the first operation is a temporary topping operation, updating a second label corresponding to the first image from a first numerical value to a second numerical value, wherein the second numerical value represents that the first image is a temporary topping image;

after comparing the second labels corresponding to the images in the second interface, comparing the first labels corresponding to the images in the second interface to obtain a comparison result;

displaying the second interface according to the comparison result; in the second interface, the image with the second label as the second numerical value is displayed before the image with the second label as the first numerical value, and in the image with the same second label, the image with the later last update time represented by the first label is displayed before the image with the earlier last update time represented by the first label.

12. The method of any one of claims 1-8, wherein the first image and the at least one image each include a corresponding set of labels, the set of labels including a first label, a second label, and a third label, the first label characterizing a last update time of the image; whether the second label representation image is a temporarily set top image with the set top time being a first duration or not and the third label representation image storage time; the first image comprises a fourth image and a fifth image;

the displaying a second interface in response to the first operation on the first image comprises: in response to a first operation on the first image, if the first operation is a permanent set-top operation, updating a first label corresponding to the fourth image and a first label corresponding to the fifth image to a first time, wherein the first time is an occurrence time of the first operation; if the first operation is a temporary topping operation, updating a first label corresponding to the fourth image and a first label corresponding to the fifth image to a first time from a first numerical value to a second numerical value, wherein the second numerical value represents that the fourth image and the fifth image are temporary topped images;

after comparing the second labels of the images in the second interface, comparing the first labels of the images in the second interface, and finally comparing the third labels corresponding to the images in the second interface to obtain a comparison result;

displaying the second interface according to the comparison result; in the second interface, the image with the second label as the second numerical value is displayed before the image with the second label as the first numerical value; in the images with the same second label, the image with the later last updating time represented by the first label is displayed before the image with the earlier last updating time represented by the first label; in the images with the same second label and the same first label, the image with the later storage time represented by the third label is displayed before the image with the earlier storage time represented by the third label.

13. An electronic device, characterized in that the electronic device comprises: one or more processors, memory, and a display screen;

the memory coupled with the one or more processors, the memory to store computer program code, the computer program code comprising computer instructions that the one or more processors invoke to cause the electronic device to perform the method of any of claims 1-12.

14. A chip system, wherein the chip system is applied to an electronic device, and the chip system comprises one or more processors for invoking computer instructions to cause the electronic device to execute the method according to any one of claims 1-12.

15. A computer-readable storage medium comprising instructions that, when executed on an electronic device, cause the electronic device to perform the method of any of claims 1-12.

Images