Method, apparatus and electronic device for image display

By displaying the target object and its associated objects on the electronic device's display interface, and allowing users to switch image areas by clicking or selecting, combined with preset algorithms and a proximity index, the system solves the problem of poor user experience when searching for and browsing a large number of images on electronic devices, and achieves intelligent, multi-dimensional image browsing and management.

CN122450352APending Publication Date: 2026-07-24HUAWEI TECH CO LTD
View PDF 0 Cites 0 Cited by

Patent Information

Authority / Receiving Office
CN · China
Patent Type
Applications(China)
Current Assignee / Owner
HUAWEI TECH CO LTD
Filing Date
2025-01-24
Publication Date
2026-07-24

Smart Images

  • Figure CN122450352A_ABST
    Figure CN122450352A_ABST
Patent Text Reader

Abstract

The application provides a method, device and electronic equipment for image display, the method comprising: displaying a first interface, the first interface comprising a first region, a second region and a third region, the first region displaying a first object, the second region displaying a second object, and the third region displaying an image containing the first object; receiving a first operation acting on the second object, the first region displaying the second object, and the third region displaying an image containing the second object. In the embodiment of the application, when a user wants to view an image of the second object, the first object in the first region can be replaced by the second object, and the content displayed in the image display area changes, that is, the image display area can display an image containing the second object, so that the user can quickly find the second object to be found, and can browse, edit and share the image containing the second object, thereby providing intelligent, multi-dimensional and accurate image browsing and management for the user.
Need to check novelty before this filing date? Find Prior Art

Description

Technical Field

[0001] This application relates to the field of electronic devices, and more specifically, to a method, apparatus, and electronic device for displaying an image. Background Technology

[0002] With the widespread use of mobile phones and other electronic devices, more and more users are using their phones for taking photos, sharing images, and editing images. Electronic devices often store a large number of images. When users need to find and browse images of a specific object, they have to repeatedly flip through their photo albums, resulting in a poor user experience. Summary of the Invention

[0003] This application provides a method, apparatus, and electronic device for image display. The display interface of the electronic device can visually display a target object and other objects related to the target object, thereby quickly locating the image of a specific object based on the objects displayed on the display interface, providing users with intelligent, multi-dimensional, and accurate image browsing and management.

[0004] In a first aspect, a method for displaying an image is provided, which can be applied to an electronic device. The method includes: displaying a first interface, the first interface including a first region, a second region, and a third region, the first region displaying a first object, the second region displaying a second object, and the third region displaying an image containing the first object; and receiving a first operation applied to the second object, wherein the first region displays the second object, and the third region displays the image containing the second object.

[0005] For example, the third region corresponds to the first region, and the third region can display images of objects included in the first region.

[0006] In some examples, the first interface may be located on the same screen of the electronic device, or it may be located on different split screens of the foldable electronic device.

[0007] In some examples, the first operation can be a click operation or a selection operation. The click operation can include a single click operation, a double click operation, or a click operation of any number of times, and can also include a long press operation or a short press operation, etc. This application does not limit this.

[0008] For example, if the first object is displayed in the first area and the second object is displayed in the second area or the fourth area described below, when the user double-clicks the second object, the first area can switch to displaying the second object, and the third area can switch to displaying an image containing the second object; or, when the electronic device receives a double-click operation on the second object, the first area displays the second object, and the third area displays an image containing the second object.

[0009] For example, when the first object is displayed in the first area and the second object is displayed in the second area or the fourth area described below, if the user selects the second object, the first area can switch to displaying the second object, and the third area can switch to displaying an image containing the second object; or, the electronic device receives a selection operation applied to the second object, the first area displays the second object, and the third area displays an image containing the second object.

[0010] In this embodiment, the first interface of the electronic device may include a first area, a second area, and a third area. The first area may display a first object (e.g., the device owner), the second area may display a second object (e.g., an object associated with the device owner), and the third area may display an image of the first object, allowing users to quickly and accurately find images related to the first object and perform subsequent image processing (such as image editing, image sharing, etc.). When a user wants to view an image of the second object, the user can replace the first object in the first area with the second object, and the content displayed in the third area will change accordingly. That is, the third area may display an image containing the second object, enabling the user to quickly find the image of the second object they want, browse images containing the second object, and perform subsequent image processing (such as image editing, image sharing, etc.), providing users with intelligent, multi-dimensional, and accurate image browsing and management.

[0011] In one possible implementation, the image displayed in the third region can be a selected image obtained by filtering multiple images stored in the electronic device based on a preset algorithm. This preset algorithm includes, but is not limited to, at least one of the following algorithms: a deduplication algorithm, a semantic similarity removal algorithm, and a basic quality difference removal algorithm. Specifically, the deduplication algorithm removes duplicate images from the multiple images stored in the electronic device; the semantic similarity removal algorithm removes images that are highly similar or semantically close from the multiple images stored in the electronic device; and the basic quality difference removal algorithm removes images with poor basic quality (such as blurry images) from the multiple images stored in the electronic device.

[0012] It should be understood that, after processing by a preset algorithm, a selection of unique and high-quality images can be filtered from multiple images stored on an electronic device for users to view and manage.

[0013] In conjunction with the first aspect, in some implementations of the first aspect, when the first object is displayed in the first area and the second object is displayed in the second area, the second object is an object obtained based on preset rules. The preset rules include that the intimacy index is greater than a first threshold and / or that the information of the detected reference event is the same as the information of the historical event, and the historical event is an event associated with the first object and the second object.

[0014] For example, the intimacy index can be the intimacy index with the object displayed in the first area. The information of the reference event includes at least one of the following: time information, location information, and event theme information; the information of the historical event includes at least one of the following: time information that includes images of both the first object and the second object, location information that includes images of both the first object and the second object, and event theme information that includes images of both the first object and the second object.

[0015] In one possible implementation, the preset rule includes an affinity index greater than a first threshold. That is, the affinity index of the object displayed in the second area is greater than the first threshold, and the affinity index of the object displayed in the second area can be understood as the affinity index between the object displayed in the second area and the object displayed in the first area.

[0016] In some examples, the first area displays the first object, and the affinity index between other objects and the first object can be determined based on the total number of images of different objects. For example, the number of images of different objects in the gallery can be counted, and the total number of images can be sorted from high to low. Objects with a total number of images higher than a preset threshold (such as 30 images) are displayed in the second area, while objects with a total number of images lower than the preset threshold may not be displayed or may be displayed in the fourth area described below.

[0017] In some examples, the first area displays the first object, and the affinity index between other objects and the first object can be determined based on the total number of images that simultaneously contain other objects and the first object. For example, the total number of group photos of different objects with the first object in the image library is counted, and the images are sorted from high to low according to the total number of group photos. Objects with a total number of group photos higher than a preset threshold (such as 20 photos) are displayed in the second area, while objects with a total number of group photos lower than the preset threshold may not be displayed or may be displayed in the fourth area described below.

[0018] In some examples, the first area displays the first object, and the affinity index between other objects and the first object can be determined based on the total number of images of other objects appearing with the first object within the same time period. For example, the total number of images of different objects in the image library appearing with the first object within the same time period is counted, and the total number of images is sorted from high to low. Objects with a total number of images higher than a preset threshold (such as 10 images) are displayed in the second area, while objects with a total number of images lower than the preset threshold may not be displayed or may be displayed in the fourth area described below.

[0019] In some examples, the first area displays the first object, and the affinity index between other objects and the first object can be determined based on the number of images of other objects appearing in the same area as the first object. For example, the total number of images of different objects appearing in the same area as the first object in the image library is counted, and the total number of images is sorted from high to low. Objects with a total number of images higher than a preset threshold (such as 10 images) are displayed in the second area, and objects with a total number of images lower than the preset threshold may not be displayed or may be displayed in the fourth area described below.

[0020] In this embodiment, the object displayed in the second area is strongly related to the object displayed in the first area. For example, if the intimacy index between the object displayed in the second area and the object displayed in the first area is greater than a first threshold, the image of the object with a higher intimacy index in the first area can be selected from multiple images for display, so that the user can find a specific person or a group photo of a specific person.

[0021] It should be noted that as the number of images containing different objects stored in the electronic device changes, the objects displayed in the second area will also be dynamically adjusted based on the above-mentioned preset rules.

[0022] In one possible implementation, the preset rules may include information about detected reference events (which can be understood as information about the current event) being identical to information about historical events. It should be understood that images stored by the electronic device may include information about historical events of the images, such as image time information, location information, and event theme information.

[0023] In some examples, if the current time is detected to be the same as a historical time (such as the tenth week of a year or a certain date of a year), and the image corresponding to that historical time includes a first object and a second object (the second object was not originally displayed in the first and second areas), the second object in the image corresponding to the historical time can be displayed in the second area.

[0024] For example, if the first person and the second person took a photo together to celebrate a birthday or holiday this week last year, such as on August 9th last year, and the photo is taken at the same time this year (such as August 9th or 51 weeks later (birthday week)), and the second person is not in the second area, then the second person can be moved into the second area for display.

[0025] For example, if the first object and the second object have a new photo together, and the time interval between the last photo of the first object and the second object together meets a preset threshold (such as 3 months), then if the second object is not in the second area, the second object can be moved into the second area for display.

[0026] For example, if the second object first appears at a certain time (such as the first anniversary, the fifth anniversary, etc.), and if the second object is not in the second area, then the second object can be moved into the second area for display.

[0027] In some examples, if the current location coincides with a historical location (such as the location of a tourist attraction), and the image corresponding to the historical location includes a first object and a second object (the second object was not originally displayed in the first and second areas), the second object in the image corresponding to the historical location can be displayed in the second area.

[0028] For example, if the image information taken by the first object shows that the first object is at the first location, and the first object and the second object previously took a photo together at the first location, then if the second object is not in the second area, the second object can be moved into the second area for display.

[0029] In some examples, if the current activity theme is detected to be the same as a historical activity theme (such as a sports activity theme), and the image corresponding to the historical activity theme includes a first object and a second object (the second object was not originally displayed in the first and second areas), the second object in the image corresponding to the historical activity theme can be displayed in the second area.

[0030] For example, if an image corresponding to a certain activity theme (such as basketball) is added, it can be assumed that the user is in the current activity theme, and a second object related to that activity theme can be moved into the second area for display.

[0031] In this embodiment, the objects displayed in the second area can be dynamically adjusted based on one or more rules. The second area can display closely related or special objects, making it convenient for users to find specific people or to find photos of specific people together.

[0032] In conjunction with the first aspect, in some implementations of the first aspect, the first interface further includes a fourth region. The objects displayed in the fourth region can be objects that intersect with the objects in the first region but are not displayed in the second region. That is, multiple objects that intersect with the objects in the first region can be determined from multiple images stored in the electronic device. These multiple objects can be filtered based on the aforementioned preset rules to determine the objects to be displayed in the second region, and the remaining objects can be displayed in the fourth region.

[0033] For example, the intimacy index of the objects displayed in the fourth region is less than or equal to a first threshold. The intimacy index of the objects displayed in the fourth region can be understood as the intimacy index between the objects displayed in the fourth region and the objects displayed in the first region.

[0034] In some examples, the second and fourth regions can be set around the first region, or the second and fourth regions can be displayed on separate lines from the first region; this application does not limit this.

[0035] In some examples, after receiving a first operation applied to the second object, the second area displays the first object, or the fourth area displays the first object.

[0036] In some examples, the greater the affinity index between the object displayed in the second region and the object displayed in the first region, the closer the object displayed in the second region is to the first region, and / or, the greater the affinity index between the object displayed in the second region and the object displayed in the first region, the larger the avatar of the object displayed in the second region.

[0037] In some examples, if the number of objects displayed in the fourth area exceeds a certain threshold, the objects displayed in the fourth area can be dynamically moved, so that the objects in the fourth area can be displayed in turn on the interface.

[0038] In this embodiment, objects that are closer to the objects in the first area can be displayed in the second area, while objects that are less close to the objects in the first area can be displayed in the fourth area. Considering the size limitations of the electronic device's display screen, when the number of objects displayed in the fourth area exceeds a certain threshold, the objects displayed in the fourth area can be dynamically moved so that users can view each object. In this way, users can search for specific people or search for photos with specific people based on different objects.

[0039] In one possible implementation, the intimacy index of the objects displayed in the fourth region is greater than a second threshold, which is less than a first threshold. For example, the second threshold can be 1 image, 2 images, etc.

[0040] It should be understood that by setting a second threshold, the objects displayed in the fourth area can be distinguished from passerby objects. For example, if an object only appears once or twice in the gallery, it can be considered a passerby object and will not be displayed on the first interface.

[0041] In some examples, when the intimacy index between an object and a first object first exceeds a second threshold, the object can be briefly moved to a second area for display. For instance, the object can be displayed in the second area for a first duration; after the first duration ends, if the intimacy index with the object is less than the first threshold, the object is moved to a fourth area for display.

[0042] In conjunction with the first aspect, in some implementations of the first aspect, the first interface further includes a label area, which displays one or more labels for classifying the image of the third region.

[0043] In some examples, one or more tags can be themed tags such as location tags, sports tags, food tags, travel tags, pet tags, and time tags. These tags can be generated based on the content of the image displayed in the third area.

[0044] In some examples, the label area can be set floating on the third area; or, the label area can be set separately on the first interface without overlapping with the third area.

[0045] In this embodiment, the first interface may include a first area, a second area, a third area, and a tag area. There is a corresponding relationship between the first area, the second area, the third area, and the tag area. Based on the different tag content of the tag area, the images in the third area can be classified and filtered. For example, if a user wants to find a photo of a first object with food, and the first object is located in the first area, the user can click on the food tag in the tag area to quickly filter out the image the user wants from multiple images. This provides the user with intelligent, multi-dimensional, and accurate image browsing and management.

[0046] In conjunction with the first aspect, in some implementations of the first aspect, the one or more tags include a first tag, and the method further includes: receiving a ninth operation acting on the first tag, the third region displaying a first image, the first image being an image obtained by filtering the image displayed in the third region based on the first tag; the first region and the second region displaying objects contained in the first image.

[0047] In this scenario, neither the first nor the second region displays other objects; instead, it displays only the objects contained in the first image associated with the first label. For example, the objects contained in the first image may include both the objects displayed in the first region and the objects displayed in the second region, or the objects contained in the first image may include both the objects displayed in the first region and the objects displayed in the fourth region.

[0048] In some examples, the first area displays the first object, and the first label is a motion label. After the user clicks on the motion label, the third area displays a first image related to the motion. The first image may include the first object and / or a second object, which may be located in the second or fourth area.

[0049] In this embodiment, users can filter images in the third region using the first label in the label area, and can select the first image that meets the user's needs from multiple images, thereby providing users with intelligent, multi-dimensional, and accurate image browsing and management.

[0050] In conjunction with the first aspect, in some implementations of the first aspect, the one or more tags further include a second tag, and the method further includes: receiving a tenth operation acting on the second tag, the third region displaying a second image, the second image being an image obtained by filtering the first image based on the second tag; the first region and the second region displaying objects contained in the second image.

[0051] In this scenario, neither the first nor the second region displays other objects; only the objects contained in the second image are displayed. For example, the objects contained in the second image may include both the objects displayed in the first region and the objects displayed in the second region, or the objects contained in the second image may include both the objects displayed in the first region and the objects displayed in the fourth region.

[0052] In some examples, the label area may include a first label and a second label. The first label may be a sports label, and the second label may be a location label. Users can select images that match the sports theme using the first label, and then select images of specific locations under the sports theme using the second label, which will be displayed in the third area.

[0053] In this embodiment of the application, the user can filter the first image in the third area multiple times (secondarily) through the second tag, thereby selecting the second image that meets the user's needs from multiple first images, thus providing the user with intelligent, multi-dimensional and accurate image browsing and management.

[0054] In conjunction with the first aspect, in some implementations of the first aspect, the first region includes a second object, the second region or the fourth region includes a third object, and the method further includes: receiving a second operation applied to the third object, the first region displaying the second object and the third object, and the third region displaying an image that simultaneously includes the second object and the third object.

[0055] In some examples, the labels in the label area can change based on changes in the image of the third area, and the labels in the label area can be generated based on the content of the images of the second and third objects displayed in the third area.

[0056] In some examples, the second action can be a drag-and-drop action or a click action (such as a long press).

[0057] In this embodiment, the electronic device receives an operation on a third object in a second or fourth region. This allows the third object in the second or fourth region to be combined with a second object in the first region. Both the second and third objects can be displayed simultaneously in the first region, while the third region displays an image containing both the second and third objects. In other words, users can quickly filter out group photos containing specific objects from multiple images, facilitating sharing, editing, and other processing of these photos. This provides users with intelligent, multi-dimensional, and precise image browsing and management.

[0058] In conjunction with the first aspect, in some implementations of the first aspect, the first region includes a second object, and the second or fourth region includes a third object. The method further includes: receiving a third operation applied to the second object and the third object, wherein the first region displays the second object and the third object, and the third region displays an image that simultaneously includes the second object and the third object.

[0059] In some examples, the eleventh operation can be a pinch operation or a selection operation.

[0060] In this embodiment, the electronic device receives operations on a second object in a first region and a third object in a second or fourth region. The third object located in the second or fourth region can be combined with the second object in the first region. Both the second and third objects can be displayed simultaneously in the first region, and an image containing both the second and third objects can be displayed in the third region. In other words, users can quickly filter out group photos containing specific objects from multiple images, facilitating sharing, editing, and other processing of the photos. This provides users with intelligent, multi-dimensional, and precise image browsing and management.

[0061] In conjunction with the first aspect, in some implementations of the first aspect, the second or fourth region includes a fourth object and a fifth object, and the method further includes: receiving a fourth operation applied to the fourth object and the fifth object, the first region displaying the fourth object and the fifth object, and the third region displaying an image that simultaneously includes the fourth object and the fifth object.

[0062] In some examples, the fourth operation can be a pinch operation or a selection operation.

[0063] In this embodiment, the electronic device receives operations on the fourth and fifth objects in the second or fourth region. It can combine the fourth and fifth objects located outside the first region, allowing both to be displayed simultaneously in the first region, while the third region displays an image containing both the fourth and fifth objects. In other words, users can quickly filter out group photos containing specific objects from multiple images, facilitating sharing, editing, and other processing of these photos. This provides users with intelligent, multi-dimensional, and precise image browsing and management.

[0064] In conjunction with the first aspect, in some implementations of the first aspect, where a second object and a third object are displayed in a first region and an image containing both the second object and the third object is displayed in a third region, the method further includes: receiving a fifth operation applied to the third object, wherein the first region displays the second object and the third region displays an image containing the second object.

[0065] In some examples, the fifth operation can be a click operation or a drag operation. The click operation can include a single click, a double click, or a click operation of any number of times, and can also include a long press operation or a short press operation, etc. This application does not limit this.

[0066] In this embodiment, the user can split multiple objects in the first area, so that the group photo displayed in the third area is switched to a group photo with fewer people or a single image, so that the user can perform subsequent sharing, editing and other processing. In other words, in this embodiment, the user can freely combine objects, split objects and perform other operations, and can filter different images. The user can select the image they need.

[0067] In conjunction with the first aspect, in some implementations of the first aspect, when the object in the first region changes, the shape and / or color of the first region changes.

[0068] In some examples, changes to the objects in the first region may include the following changes: the objects displayed in the first region are replaced, the objects displayed in the first region are regrouped, and the objects displayed in the first region are split. In other words, changes to the objects in the first region may include changes such as switching the objects in the first region, increasing the number of objects in the first region, and decreasing the number of objects in the first region.

[0069] In some examples, if the object in the first region changes, the shape corresponding to the first region can change, for example, from an initial circle to a heart or a pentagram, or other shapes. In some examples, if the object in the first region changes, the color corresponding to the first region can change, for example, from an initial first color (such as red) to a second color (such as blue). In some examples, if the object in the first region changes, both the shape and color of the first region can change, for example, from an initial red circle to a blue heart.

[0070] In this embodiment of the application, when the object in the first region changes, the shape and / or color of the corresponding first region may change, so that the user can perceive the change in the object in the first region, which helps to improve the user experience.

[0071] In conjunction with the first aspect, in some implementations of the first aspect, the method further includes: receiving an operation applied to an object in the second region, and displaying a second control, the second control including at least one of the following options: pin to top, pin to back, hide, remove, or delete.

[0072] In some examples, the options for pinning, backing, hiding, removing, and deleting included in the second control can also be integrated into the settings control on the first interface.

[0073] In conjunction with the first aspect, in some implementations of the first aspect, the fourth region includes a sixth object, and the method further includes: receiving a sixth operation applied to the sixth object, wherein the second region displays the sixth object. Correspondingly, the fourth region does not display the sixth object. For example, the sixth operation may be a pinning operation or a favorite operation.

[0074] In some examples, when the fourth area includes the sixth object, the electronic device receives a long press operation on the sixth object and displays the second control; the electronic device receives an operation on the top option of the second control and displays the sixth object in the second area, while the sixth object is not displayed in the fourth area.

[0075] For example, placing the sixth object on top can be understood as increasing the importance of the sixth object in the fourth region, thereby causing the sixth object located in the fourth region to move into the second region, where the sixth object is displayed and removed (not displayed) from the fourth region.

[0076] In some examples, when the sixth object is pinned or favorited, a star icon can be displayed in the lower left corner of the object's avatar. The presence of a star icon in the lower left corner of an object's avatar indicates that it is pinned or favorited. In some examples, when the sixth object is pinned or favorited, its avatar can be enlarged or made bolder for easier user identification.

[0077] In this embodiment, users can manage objects in the second or fourth area according to their own needs. For example, they can pin or favorite objects in the second or fourth area, thereby increasing the importance of the objects in the second or fourth area. Pinned or favorited objects can be located in a more prominent position in the second area of ​​the first interface, making it easier for users to quickly find pinned or favorited objects from multiple objects, and thus quickly and accurately find the image corresponding to the pinned or favorited objects.

[0078] In conjunction with the first aspect, in some implementations of the first aspect, the second region includes a seventh object, and the method further includes: receiving a seventh operation applied to the seventh object, wherein the fourth region displays the seventh object. Correspondingly, the second region does not display the seventh object. For example, the seventh operation may be a postponed operation.

[0079] In some examples, where the second area includes the seventh object, the electronic device receives a long press operation on the seventh object and displays the second control; the electronic device receives an operation on the second control to select the last option and displays the seventh object in the fourth area, while the seventh object is not displayed in the second area.

[0080] For example, placing the seventh object to the back can be understood as reducing the importance of the seventh object in the second region, so that the seventh object located in the second region is moved to the fourth region, the fourth region displays the seventh object, and the second region removes (does not display) the seventh object.

[0081] In this embodiment, users can manage objects in the second or fourth region according to their own needs. For example, objects in the second or fourth region can be moved to the back, thereby reducing the importance of objects in the second or fourth region. The moved objects are located in the back position of the fourth region of the first interface, which can avoid confusion with other objects.

[0082] In conjunction with the first aspect, in some implementations of the first aspect, the second region or the fourth region includes an eighth object, and the method further includes: receiving an eighth operation applied to the eighth object, wherein the second region and the fourth region do not display the eighth object. Exemplarily, the eighth operation may be a hide, remove, or delete operation.

[0083] In some examples, where the second or fourth area includes the eighth object, the electronic device receives a long press operation on the eighth object and displays the second control; after the electronic device receives an operation on the second control to hide, remove, or delete the option, the second and fourth areas do not display the eighth object, that is, the eighth object is removed from the second and fourth areas.

[0084] For example, hiding the eighth object can be understood as placing all images containing the eighth object in a hidden folder or hidden album (the third area does not display images containing the eighth object), and the eighth object is not displayed in the second and fourth areas. Removing the eighth object can be understood as removing the eighth object from the second and fourth areas, not displaying the eighth object in the second and fourth areas, but the images containing the eighth object are not removed and can still be displayed in the third area. Deleting the eighth object can be understood as deleting the eighth object from the second and fourth areas, not displaying the eighth object in the second and fourth areas, and deleting all images containing the eighth object; the third area does not display images containing the eighth object.

[0085] In this embodiment of the application, users can manage objects in the second or fourth area according to their own needs. For example, they can hide, remove or delete objects in the second or fourth area, thereby enabling unified management of multiple objects.

[0086] In conjunction with the first aspect, in some implementations of the first aspect, the third area displays a third image, the first interface further includes an extended display control, and the method further includes: receiving an eleventh operation acting on the extended display control, the third area also displays a fourth image, the fourth image and the third image being captured at the same time period, and / or, the fourth image and the third image being captured at the same location.

[0087] In some examples, when the user selects the extended display control, the image displayed in the third area may include a third image and a fourth image extended based on the third image. The fourth image may be a non-human image obtained by extending the third image based on the shooting time or shooting location. The shooting time of the fourth image and the third image are in the same time period (such as half an hour, one hour, etc.), and / or the shooting location of the fourth image and the third image are in the same area (such as the area where a certain place (company, home, tourist attraction, etc.) is located).

[0088] In this embodiment, the image displayed in the third region can not only display the image of the object in the first region, but also include an image expanded based on the image of the object in the first region. The expanded image is related to the image of the object in the first region, so that users can easily find images of food, scenery or other themes related to a specific object from the third region, which facilitates users to browse and manage images of different dimensions.

[0089] In conjunction with the first aspect, in some implementations of the first aspect, the method further includes: receiving a twelfth operation from the user and changing the display mode of the first object, wherein the display mode of the first object includes a static display mode and a dynamic display mode.

[0090] In some examples, static display can be understood as the first object's avatar being fixed, while dynamic display can be understood as the first object's avatar being not fixed (avatar carousel switching).

[0091] In some examples, where the first object is displayed statically, the method may also include: receiving a user's action and changing the avatar of the first object.

[0092] In this embodiment of the application, in order to enrich the display methods of objects in different areas, two display methods can be provided: static fixed avatars and dynamic carousel avatars. Users can choose different display methods according to their own needs.

[0093] In conjunction with the first aspect, in some implementations of the first aspect, when the display mode of the first object is the dynamic display mode, the method further includes: receiving a thirteenth operation from the user, determining the carousel parameter information of the dynamic display mode, wherein the carousel parameter information includes one or more of the following: carousel avatars, number of carousels, carousel duration, carousel time interval, and carousel frequency.

[0094] In this embodiment, users can set carousel parameters such as the carousel avatars, the number of carousels, the duration of the carousel, the time interval between carousels, and the frequency of the carousel according to their own habits, thereby improving the user experience.

[0095] In conjunction with the first aspect, in some implementations of the first aspect, the first interface further includes an image folder, which contains multiple images of objects displayed in the first area.

[0096] For example, the image folder can be obtained by categorizing the images displayed in the third area based on a preset theme.

[0097] In this embodiment of the application, the first interface may also include an image folder, which may include multiple images of objects displayed in the first area. Users can also click on different image folders to view different types of images, making it easier for users to quickly find images on specific themes.

[0098] In conjunction with the first aspect, in some implementations of the first aspect, the first interface further includes a first control, the first control including a first function option and a second function option, and the third area displaying an image containing the first object includes: receiving a fourteenth operation performed on the first function option, the third area displaying one or more images containing the first object; or receiving a fifteenth operation performed on the second function option, the third area displaying a folder containing images of the first object.

[0099] In some examples, the third area of ​​the first interface may include two ways of displaying images: one is to display one or more images directly in the third area, and the other is to display them in the third area as an image folder. This image folder can be an image folder with a specific theme (such as wedding, Yunnan tourism, etc.) generated by the electronic device based on preset rules.

[0100] In this embodiment, the third area can display selected photos or a folder of selected photos, enriching the way images are presented, providing users with multiple ways to view images, and enhancing the user experience.

[0101] In conjunction with the first aspect, in some implementations of the first aspect, the first interface further includes a date pane displaying a first time, a third area displaying a fifth image, the fifth image being captured no later than or earlier than the first time, and the first and second areas displaying objects contained in the fifth image. Accordingly, one or more labels in the label area can be regenerated based on the fifth image.

[0102] In this embodiment, a date pane can be displayed on the first interface, showing a first time. The image displayed in the third area was captured no later than or earlier than the first time. Correspondingly, the objects displayed in the first and second areas are the objects contained in the image displayed in the third area. By setting a date pane on the first interface, the user's need to filter images based on time can be met, which helps to improve the user experience.

[0103] In one possible implementation, the method further includes: receiving an operation applied to the date pane, which displays a second time, and a third area displaying a seventh image, the seventh image being captured no later than or earlier than the second time; the first and second areas displaying objects contained in the sixth image. Accordingly, one or more labels in the label area can be regenerated based on the sixth image.

[0104] For example, users can change the time displayed in the date pane by using a slider, keyboard input, time selection, or other methods.

[0105] In this embodiment, users can modify the time displayed in the date pane, thereby filtering out images that meet their needs. This facilitates browsing and managing images from different times, enhancing the user experience.

[0106] In conjunction with the first aspect, in some implementations of the first aspect, the first interface further includes a date pane displaying a first time period, a third area displaying a sixth image whose capture time falls within the first time period, and the first area and the second area displaying objects contained in the sixth image. Correspondingly, one or more labels in the label area can be generated based on the sixth image.

[0107] In this embodiment, a date pane can be displayed on the first interface, which can display a first time period. The images displayed in the third area were captured within the first time period. Correspondingly, the objects displayed in the first and second areas are the objects contained in the images displayed in the third area. By setting a date pane on the first interface, the user's need to filter images based on time can be met, which helps to improve the user experience.

[0108] In one possible implementation, the method further includes: receiving an operation applied to a date pane, the date pane displaying a second time period, the third area displaying an eighth image, the eighth image being captured within the second time period, and the first and second areas displaying objects contained in the eighth image. Accordingly, one or more labels in the label area can be generated based on the eighth image.

[0109] For example, users can change the time period displayed in the date pane by using a slider, keyboard input, time selection, or other methods.

[0110] In this embodiment, users can modify the time period displayed in the date pane, thereby filtering out images that meet their needs. This facilitates browsing and managing images from different times, enhancing the user experience.

[0111] Secondly, an image display method is provided, which can be applied to an electronic device. The method includes: displaying a first interface, the first interface including a first area, a second area, and a third area, the first area displaying a first object, the second area displaying a second object, the second object being an object obtained based on preset rules, and the third area displaying an image containing the first object; wherein the preset rules include an affinity index greater than a first threshold and / or the detection of information from a reference event being the same as information from a historical event, the historical event being an event associated with the first object and the second object.

[0112] For example, the third region corresponds to the first region, and the third region can display images of objects included in the first region.

[0113] In some examples, the first interface may be located on the same screen of the electronic device, or it may be located on different split screens of the foldable electronic device.

[0114] In some examples, the first operation can be a click operation or a selection operation. The click operation can include a single click operation, a double click operation, or a click operation of any number of times, and can also include a long press operation or a short press operation, etc. This application does not limit this.

[0115] For example, if the first object is displayed in the first area and the second object is displayed in the second area or the fourth area described below, when the user double-clicks the second object, the first area can switch to displaying the second object, and the third area can switch to displaying an image containing the second object; or, when the electronic device receives a double-click operation on the second object, the first area displays the second object, and the third area displays an image containing the second object.

[0116] For example, when the first object is displayed in the first area and the second object is displayed in the second area or the fourth area described below, if the user selects the second object, the first area can switch to displaying the second object, and the third area can switch to displaying an image containing the second object; or, the electronic device receives a selection operation applied to the second object, the first area displays the second object, and the third area displays an image containing the second object.

[0117] In this embodiment of the application, the first interface of the electronic device may include a first area, a second area and a third area. The first area may display a first object (e.g., the owner of the device), the second area may display a second object (e.g., an object closely related to the owner of the device), and the third area may display an image of the first object. This allows for quick location of the image of the object that the user needs to find and browse. The user can then perform subsequent image processing (such as image editing, image sharing, etc.), providing the user with intelligent, multi-dimensional and accurate image browsing and management.

[0118] In one possible implementation, the image displayed in the third region can be a selected image obtained by filtering multiple images stored in the electronic device based on a preset algorithm. This preset algorithm includes, but is not limited to, at least one of the following algorithms: a deduplication algorithm, a semantic similarity removal algorithm, and a basic quality difference removal algorithm. Specifically, the deduplication algorithm removes duplicate images from the multiple images stored in the electronic device; the semantic similarity removal algorithm removes images that are highly similar or semantically close from the multiple images stored in the electronic device; and the basic quality difference removal algorithm removes images with poor basic quality (such as blurry images) from the multiple images stored in the electronic device.

[0119] It should be understood that, after processing by a preset algorithm, a selection of unique and high-quality images can be filtered from multiple images stored on an electronic device for users to view and manage.

[0120] In one possible implementation, the preset rule includes an affinity index greater than a first threshold. This affinity index can be the affinity index between the objects displayed in the second area and the objects displayed in the first area. That is, in some examples, the affinity index of the objects displayed in the second area is greater than the first threshold, and this affinity index can be understood as the affinity index between the objects displayed in the second area and the objects displayed in the first area.

[0121] In conjunction with the second aspect, in some implementations of the second aspect, the intimacy index of the second object is determined based on one or more of the following: the total number of images containing the second object; the total number of images containing both the second object and the first object; the total number of images in which the second object and the first object appear within the same time period; and the total number of images in which the second object and the first object appear within the same area.

[0122] In some examples, the first area displays the first object, and the affinity index between other objects and the first object can be determined based on the total number of images of different objects. For example, the number of images of different objects in the gallery can be counted, and the total number of images can be sorted from high to low. Objects with a total number of images higher than a preset threshold (such as 30 images) are displayed in the second area, while objects with a total number of images lower than the preset threshold may not be displayed or may be displayed in the fourth area described below.

[0123] In some examples, the first area displays the first object, and the affinity index between other objects and the first object can be determined based on the total number of images that simultaneously contain other objects and the first object. For example, the total number of group photos of different objects with the first object in the image library is counted, and the images are sorted from high to low according to the total number of group photos. Objects with a total number of group photos higher than a preset threshold (such as 20 photos) are displayed in the second area, while objects with a total number of group photos lower than the preset threshold may not be displayed or may be displayed in the fourth area described below.

[0124] In some examples, the first area displays the first object, and the affinity index between other objects and the first object can be determined based on the total number of images of other objects appearing with the first object within the same time period. For example, the total number of images of different objects in the image library appearing with the first object within the same time period is counted, and the total number of images is sorted from high to low. Objects with a total number of images higher than a preset threshold (such as 10 images) are displayed in the second area, while objects with a total number of images lower than the preset threshold may not be displayed or may be displayed in the fourth area described below.

[0125] In some examples, the first area displays the first object, and the affinity index between other objects and the first object can be determined based on the number of images of other objects appearing in the same area as the first object. For example, the total number of images of different objects appearing in the same area as the first object in the image library is counted, and the total number of images is sorted from high to low. Objects with a total number of images higher than a preset threshold (such as 10 images) are displayed in the second area, and objects with a total number of images lower than the preset threshold may not be displayed or may be displayed in the fourth area described below.

[0126] In this embodiment, the object displayed in the second area is strongly related to the object displayed in the first area. For example, if the intimacy index between the object displayed in the second area and the object displayed in the first area is greater than a first threshold, the image of the object with a higher intimacy index in the first area can be selected from multiple images for display, so that the user can find a specific person or a group photo of a specific person.

[0127] It should be noted that as the number of images containing different objects stored in the electronic device changes, the objects displayed in the second area will also be dynamically adjusted based on the above-mentioned preset rules.

[0128] In one possible implementation, the preset rules may include information about detected reference events (which can be understood as information about the current event) being identical to information about historical events. It should be understood that images stored by the electronic device may include information about historical events of the images, such as image time information, location information, and event theme information.

[0129] In conjunction with the second aspect, in some implementations of the second aspect, the information of the reference event includes at least one of the following: time information, location information, and event theme information; the information of the historical event includes at least one of the following: time information including images of both the first object and the second object, location information including images of both the first object and the second object, and event theme information including images of both the first object and the second object.

[0130] It should be understood that images stored on electronic devices may include information about historical events associated with the images, such as the time, location, and subject of the event.

[0131] In some examples, if the current time is detected to be the same as a historical time (such as the tenth week of each year or a certain date of each year), and the image corresponding to that historical time includes a first object and a second object (the second object was not originally displayed in the first and second areas), the second object in the image corresponding to the historical time can be displayed in the second area.

[0132] For example, if the first person and the second person took a photo together to celebrate a birthday or holiday this week last year, such as on August 9th last year, and the photo is taken at the same time this year (such as August 9th or 51 weeks later (birthday week)), and the second person is not in the second area, then the second person can be moved into the second area for display.

[0133] For example, if the first object and the second object have a new photo together, and the time interval between the last photo of the first object and the second object together meets a preset threshold (such as 3 months), then if the second object is not in the second area, the second object can be moved into the second area for display.

[0134] For example, if the second object first appears at a certain time (such as the first anniversary, the fifth anniversary, etc.), and if the second object is not in the second area, then the second object can be moved into the second area for display.

[0135] In some examples, if the current location coincides with a historical location (such as the location of a tourist attraction), and the image corresponding to the historical location includes a first object and a second object (the second object was not originally displayed in the first and second areas), the second object in the image corresponding to the historical location can be displayed in the second area.

[0136] For example, if the image information taken by the first object shows that the first object is at the first location, and the first object and the second object previously took a photo together at the first location, then if the second object is not in the second area, the second object can be moved into the second area for display.

[0137] In some examples, if the current activity theme is detected to be the same as a historical activity theme (such as a sports activity theme), and the image corresponding to the historical activity theme includes a first object and a second object (the second object was not originally displayed in the first and second areas), the second object in the image corresponding to the historical activity theme can be displayed in the second area.

[0138] For example, if an image corresponding to a certain activity theme (such as basketball) is added, it can be assumed that the user is in the current activity theme, and a second object related to that activity theme can be moved into the second area for display.

[0139] In this embodiment, the objects displayed in the second area can be dynamically adjusted based on one or more rules. The second area can display closely related or special objects, making it convenient for users to find specific people or to find photos of specific people together.

[0140] In conjunction with the second aspect, in some implementations of the second aspect, the method further includes: receiving a first operation applied to the second object, the first region displaying the second object, and the third region displaying an image containing the second object.

[0141] In this embodiment, when a user wants to view an image of a second object, the user can replace the first object in the first area with the second object, and the content displayed in the third area will change accordingly. That is, the third area can display an image containing the second object, so that the user can quickly find the image of the second object they want to find, browse the image containing the second object, and perform subsequent image processing (such as image editing, image sharing, etc.), which can provide users with intelligent, multi-dimensional, and accurate image browsing and management.

[0142] In conjunction with the second aspect, in some implementations of the second aspect, the first interface further includes a fourth region. The objects displayed in the fourth region can be objects that intersect with the objects in the first region but are not displayed in the second region. That is, multiple objects that intersect with the objects in the first region can be determined from multiple images stored in the electronic device. These multiple objects can be filtered based on the aforementioned preset rules to determine the objects to be displayed in the second region, and the remaining objects can be displayed in the fourth region.

[0143] For example, the intimacy index of the objects displayed in the fourth region is less than or equal to a first threshold. The intimacy index of the objects displayed in the fourth region can be understood as the intimacy index between the objects displayed in the fourth region and the objects displayed in the first region.

[0144] In some examples, the second and fourth regions can be set around the first region, or the second and fourth regions can be displayed on separate lines from the first region; this application does not limit this.

[0145] In some examples, after receiving a first operation applied to the second object, the second area displays the first object, or the fourth area displays the first object.

[0146] In some examples, the greater the affinity index between the object displayed in the second region and the object displayed in the first region, the closer the object displayed in the second region is to the first region, and / or, the greater the affinity index between the object displayed in the second region and the object displayed in the first region, the larger the avatar of the object displayed in the second region.

[0147] In some examples, if the number of objects displayed in the fourth area exceeds a certain threshold, the objects displayed in the fourth area can be dynamically moved, so that the objects in the fourth area can be displayed in turn on the interface.

[0148] In this embodiment, objects that are closer to the objects in the first area can be displayed in the second area, while objects that are less close to the objects in the first area can be displayed in the fourth area. Considering the size limitations of the electronic device's display screen, when the number of objects displayed in the fourth area exceeds a certain threshold, the objects displayed in the fourth area can be dynamically moved so that users can view each object. In this way, users can search for specific people or search for photos with specific people based on different objects.

[0149] In one possible implementation, the intimacy index of the objects displayed in the fourth region is greater than a second threshold, which is less than a first threshold. For example, the second threshold can be 1 image, 2 images, etc.

[0150] It should be understood that by setting a second threshold, the objects displayed in the fourth area can be distinguished from passerby objects. For example, if an object only appears once or twice in the gallery, it can be considered a passerby object and will not be displayed on the first interface.

[0151] In some examples, when the intimacy index between an object and a first object first exceeds a second threshold, the object can be briefly moved to a second area for display. For instance, the object can be displayed in the second area for a first duration; after the first duration ends, if the intimacy index with the object is less than the first threshold, the object is moved to a fourth area for display.

[0152] In conjunction with the second aspect, in some implementations of the second aspect, the first interface further includes a label area, which displays one or more labels for classifying the image of the third region.

[0153] In some examples, one or more tags can be themed tags such as location tags, sports tags, food tags, travel tags, pet tags, time tags, etc. These tags can be generated based on the content of the image displayed in the third area.

[0154] In some examples, the label area can be set floating on the third area; or, the label area can be set separately on the first interface without overlapping with the third area.

[0155] In this embodiment, the first interface may include a first area, a second area, a third area, and a tag area. There is a corresponding relationship between the first area, the second area, the third area, and the tag area. Based on the different tag content of the tag area, the images in the third area can be classified and filtered. For example, if a user wants to find a photo of a first object with food, and the first object is located in the first area, the user can click on the food tag in the tag area to quickly filter out the image the user wants from multiple images. This provides the user with intelligent, multi-dimensional, and accurate image browsing and management.

[0156] In conjunction with the second aspect, in some implementations of the second aspect, the one or more tags include a first tag, and the method further includes: receiving a ninth operation applied to the first tag, the third region displaying a first image, the first image being an image obtained by filtering the image displayed in the third region based on the first tag; the first region and the second region displaying objects contained in the first image.

[0157] In this scenario, neither the first nor the second region displays other objects; instead, it displays only the objects contained in the first image associated with the first label. For example, the objects contained in the first image may include both the objects displayed in the first region and the objects displayed in the second region, or the objects contained in the first image may include both the objects displayed in the first region and the objects displayed in the fourth region.

[0158] In some examples, the first area displays the first object, and the first label is a motion label. After the user clicks on the motion label, the third area displays a first image related to the motion. The first image may include the first object and / or a second object, which may be located in the second or fourth area.

[0159] In this embodiment, users can filter images in the third region using the first label in the label area, and can select the first image that meets the user's needs from multiple images, thereby providing users with intelligent, multi-dimensional, and accurate image browsing and management.

[0160] In conjunction with the second aspect, in some implementations of the second aspect, the one or more tags further include a second tag, and the method further includes: receiving a tenth operation acting on the second tag, the third region displaying a second image, the second image being an image obtained by filtering the first image based on the second tag; the first region and the second region displaying objects contained in the second image.

[0161] In this scenario, neither the first nor the second region displays other objects; only the objects contained in the second image are displayed. For example, the objects contained in the second image may include both the objects displayed in the first region and the objects displayed in the second region, or the objects contained in the second image may include both the objects displayed in the first region and the objects displayed in the fourth region.

[0162] In some examples, the label area may include a first label and a second label. The first label may be a sports label, and the second label may be a location label. Users can select images that match the sports theme using the first label, and then select images of specific locations under the sports theme using the second label, which will be displayed in the third area.

[0163] In this embodiment of the application, the user can filter the first image in the third area multiple times (secondarily) through the second tag, thereby selecting the second image that meets the user's needs from multiple first images, thus providing the user with intelligent, multi-dimensional and accurate image browsing and management.

[0164] In conjunction with the second aspect, in some implementations of the second aspect, the first region includes a second object, the second region or the fourth region includes a third object, and the method further includes: receiving a second operation applied to the third object, the first region displaying the second object and the third object, and the third region displaying an image that simultaneously includes the second object and the third object.

[0165] In some examples, the labels in the label area can change based on changes in the image of the third area, and the labels in the label area can be generated based on the content of the images of the second and third objects displayed in the third area.

[0166] In some examples, the second action can be a drag-and-drop action or a click action (such as a long press).

[0167] In this embodiment, the electronic device receives an operation on a third object in a second or fourth region. This allows the third object in the second or fourth region to be combined with a second object in the first region. Both the second and third objects can be displayed simultaneously in the first region, while the third region displays an image containing both the second and third objects. In other words, users can quickly filter group photos containing specific objects from multiple images, facilitating sharing, editing, and other processing of these photos. This provides users with intelligent, multi-dimensional, and precise image browsing and management.

[0168] In conjunction with the second aspect, in some implementations of the second aspect, the first region includes a second object, and the second or fourth region includes a third object. The method further includes: receiving a third operation applied to the second object and the third object, wherein the first region displays the second object and the third object, and the third region displays an image that simultaneously includes the second object and the third object.

[0169] In some examples, the eleventh operation can be a pinch operation or a selection operation.

[0170] In this embodiment, the electronic device receives operations on a second object in a first region and a third object in a second or fourth region. The third object located in the second or fourth region can be combined with the second object in the first region. Both the second and third objects can be displayed simultaneously in the first region, and an image containing both the second and third objects can be displayed in the third region. In other words, users can quickly filter out group photos containing specific objects from multiple images, facilitating sharing, editing, and other processing of the photos. This provides users with intelligent, multi-dimensional, and precise image browsing and management.

[0171] In conjunction with the second aspect, in some implementations of the second aspect, the second region or the fourth region includes a fourth object and a fifth object, and the method further includes: receiving a fourth operation applied to the fourth object and the fifth object, the first region displaying the fourth object and the fifth object, and the third region displaying an image that simultaneously includes the fourth object and the fifth object.

[0172] In some examples, the fourth operation can be a pinch operation or a selection operation.

[0173] In this embodiment, the electronic device receives operations on the fourth and fifth objects in the second or fourth region. It can combine the fourth and fifth objects located outside the first region, allowing both to be displayed simultaneously in the first region, while the third region displays an image containing both the fourth and fifth objects. In other words, users can quickly filter out group photos containing specific objects from multiple images, facilitating sharing, editing, and other processing of these photos. This provides users with intelligent, multi-dimensional, and precise image browsing and management.

[0174] In conjunction with the second aspect, in some implementations of the second aspect, where a second object and a third object are displayed in a first region and an image containing both the second object and the third object is displayed in a third region, the method further includes: receiving a fifth operation applied to the third object, wherein the first region displays the second object and the third region displays an image containing the second object.

[0175] In some examples, the fifth operation can be a click operation or a drag operation. The click operation can include a single click, a double click, or a click operation of any number of times, and can also include a long press operation or a short press operation, etc. This application does not limit this.

[0176] In this embodiment, the user can split multiple objects in the first area, so that the group photo displayed in the third area is switched to a group photo with fewer people or a single image, so that the user can perform subsequent sharing, editing and other processing. In other words, in this embodiment, the user can freely combine objects, split objects and perform other operations, and can filter different images. The user can select the image they need.

[0177] In conjunction with the second aspect, in some implementations of the second aspect, when the object in the first region changes, the shape and / or color of the first region changes.

[0178] In some examples, changes to the objects in the first region may include the following changes: the objects displayed in the first region are replaced, the objects displayed in the first region are regrouped, and the objects displayed in the first region are split. In other words, changes to the objects in the first region may include changes such as switching the objects in the first region, increasing the number of objects in the first region, and decreasing the number of objects in the first region.

[0179] In some examples, if the object in the first region changes, the shape corresponding to the first region can change, for example, from an initial circle to a heart or a pentagram, or other shapes. In some examples, if the object in the first region changes, the color corresponding to the first region can change, for example, from an initial first color (such as red) to a second color (such as blue). In some examples, if the object in the first region changes, both the shape and color of the first region can change, for example, from an initial red circle to a blue heart.

[0180] In this embodiment of the application, when the object in the first region changes, the shape and / or color of the corresponding first region may change, so that the user can perceive the change in the object in the first region, which helps to improve the user experience.

[0181] In conjunction with the second aspect, in some implementations of the second aspect, the method further includes: receiving an operation applied to an object in the second region, and displaying a second control, the second control including at least one of the following options: pin to top, pin to back, hide, remove, or delete.

[0182] In some examples, the options for pinning, backing, hiding, removing, and deleting included in the second control can also be integrated into the settings control on the first interface.

[0183] In conjunction with the second aspect, in some implementations of the second aspect, the fourth region includes a sixth object, and the method further includes: receiving a sixth operation applied to the sixth object, wherein the second region displays the sixth object. Correspondingly, the fourth region does not display the sixth object. For example, the sixth operation may be a pinning operation or a favorite operation.

[0184] In some examples, when the fourth area includes the sixth object, the electronic device receives a long press operation on the sixth object and displays the second control; the electronic device receives an operation on the top option of the second control and displays the sixth object in the second area, while the sixth object is not displayed in the fourth area.

[0185] For example, placing the sixth object on top can be understood as increasing the importance of the sixth object in the fourth region, thereby causing the sixth object located in the fourth region to move into the second region, where the sixth object is displayed and removed (not displayed) from the fourth region.

[0186] In some examples, when the sixth object is pinned or favorited, a star icon can be displayed in the lower left corner of the object's avatar. The presence of a star icon in the lower left corner of an object's avatar indicates that it is pinned or favorited. In some examples, when the sixth object is pinned or favorited, its avatar can be enlarged or made bolder for easier user identification.

[0187] In this embodiment, users can manage objects in the second or fourth area according to their own needs. For example, they can pin or favorite objects in the second or fourth area, thereby increasing the importance of the objects in the second or fourth area. Pinned or favorited objects can be located in a more prominent position in the second area of ​​the first interface, making it easier for users to quickly find pinned or favorited objects from multiple objects, and thus quickly and accurately find the image corresponding to the pinned or favorited objects.

[0188] In conjunction with the second aspect, in some implementations of the second aspect, the second region includes a seventh object, and the method further includes: receiving a seventh operation applied to the seventh object, wherein the fourth region displays the seventh object. Correspondingly, the second region does not display the seventh object. For example, the seventh operation may be a postponed operation.

[0189] In some examples, where the second area includes the seventh object, the electronic device receives a long press operation on the seventh object and displays the second control; the electronic device receives an operation on the second control to select the last option and displays the seventh object in the fourth area, while the seventh object is not displayed in the second area.

[0190] For example, placing the seventh object to the back can be understood as reducing the importance of the seventh object in the second region, so that the seventh object located in the second region is moved to the fourth region, the fourth region displays the seventh object, and the second region removes (does not display) the seventh object.

[0191] In this embodiment, users can manage objects in the second or fourth region according to their own needs. For example, objects in the second or fourth region can be moved to the back, thereby reducing the importance of objects in the second or fourth region. The moved objects are located in the back position of the fourth region of the first interface, which can avoid confusion with other objects.

[0192] In conjunction with the second aspect, in some implementations of the second aspect, the second region or the fourth region includes an eighth object, and the method further includes: receiving an eighth operation applied to the eighth object, wherein the second region and the fourth region do not display the eighth object. Exemplarily, the eighth operation may be a hide, remove, or delete operation.

[0193] In some examples, where the second or fourth area includes the eighth object, the electronic device receives a long press operation on the eighth object and displays the second control; after the electronic device receives an operation on the second control to hide, remove, or delete the option, the second and fourth areas do not display the eighth object, that is, the eighth object is removed from the second and fourth areas.

[0194] For example, hiding the eighth object can be understood as placing all images containing the eighth object in a hidden folder or hidden album (the third area does not display images containing the eighth object), and the eighth object is not displayed in the second and fourth areas. Removing the eighth object can be understood as removing the eighth object from the second and fourth areas, not displaying the eighth object in the second and fourth areas, but the images containing the eighth object are not removed and can still be displayed in the third area. Deleting the eighth object can be understood as deleting the eighth object from the second and fourth areas, not displaying the eighth object in the second and fourth areas, and deleting all images containing the eighth object; the third area does not display images containing the eighth object.

[0195] In this embodiment of the application, users can manage objects in the second or fourth area according to their own needs. For example, they can hide, remove or delete objects in the second or fourth area, thereby enabling unified management of multiple objects.

[0196] In conjunction with the second aspect, in some implementations of the second aspect, the third area displays a third image, the first interface further includes an extended display control, and the method further includes: receiving an eleventh operation acting on the extended display control, the third area also displays a fourth image, the fourth image and the third image being captured at the same time period, and / or, the fourth image and the third image being captured at the same location.

[0197] In some examples, when the user selects the extended display control, the image displayed in the third area may include a third image and a fourth image extended based on the third image. The fourth image may be a non-human image obtained by extending the third image based on the shooting time or shooting location. The shooting time of the fourth image and the third image are in the same time period (such as half an hour, one hour, etc.), and / or the shooting location of the fourth image and the third image are in the same area (such as the area where a certain place (company, home, tourist attraction, etc.) is located).

[0198] In this embodiment, the image displayed in the third region can not only display the image of the object in the first region, but also include an image expanded based on the image of the object in the first region. The expanded image is related to the image of the object in the first region, so that users can easily find images of food, scenery or other themes related to a specific object from the third region, which facilitates users to browse and manage images of different dimensions.

[0199] In conjunction with the second aspect, in some implementations of the second aspect, the method further includes: receiving a twelfth operation from the user and changing the display mode of the first object, wherein the display mode of the first object includes a static display mode and a dynamic display mode.

[0200] In some examples, static display can be understood as the first object's avatar being fixed, while dynamic display can be understood as the first object's avatar being not fixed (avatar carousel switching).

[0201] In some examples, where the first object is displayed statically, the method may also include: receiving a user's action and changing the avatar of the first object.

[0202] In this embodiment of the application, in order to enrich the display methods of objects in different areas, two display methods can be provided: static fixed avatars and dynamic carousel avatars. Users can choose different display methods according to their own needs.

[0203] In conjunction with the second aspect, in some implementations of the second aspect, when the display mode of the first object is the dynamic display mode, the method further includes: receiving a thirteenth operation from the user, determining the carousel parameter information of the dynamic display mode, wherein the carousel parameter information includes one or more of the following: carousel avatars, number of carousels, carousel duration, carousel time interval, and carousel frequency.

[0204] In this embodiment, users can set carousel parameters such as the carousel avatars, the number of carousels, the duration of the carousel, the time interval between carousels, and the frequency of the carousel according to their own habits, thereby improving the user experience.

[0205] In conjunction with the second aspect, in some implementations of the second aspect, the first interface further includes an image folder containing multiple images of objects displayed in the first area.

[0206] For example, the image folder can be obtained by categorizing the images displayed in the third area based on a preset theme.

[0207] In this embodiment of the application, the first interface may also include an image folder, which may include multiple images of objects displayed in the first area. Users can also click on different image folders to view different types of images, making it easier for users to quickly find images on specific themes.

[0208] In conjunction with the second aspect, in some implementations of the second aspect, the first interface further includes a first control, the first control including a first function option and a second function option, and the third area displaying an image containing the first object includes: receiving a fourteenth operation performed on the first function option, the third area displaying one or more images containing the first object; or receiving a fifteenth operation performed on the second function option, the third area displaying a folder containing images of the first object.

[0209] In some examples, the third area of ​​the first interface may include two ways of displaying images: one is to display one or more images directly in the third area, and the other is to display them in the third area as an image folder. This image folder can be an image folder with a specific theme (such as wedding, Yunnan tourism, etc.) generated by the electronic device based on preset rules.

[0210] In this embodiment, the third area can display selected photos or a folder of selected photos, enriching the way images are presented, providing users with multiple ways to view images, and enhancing the user experience.

[0211] In conjunction with the second aspect, in some implementations of the second aspect, the first interface further includes a date pane displaying a first time, a third area displaying a fifth image, the fifth image being captured no later than or earlier than the first time, and the first and second areas displaying objects contained in the fifth image. Accordingly, one or more labels in the label area can be regenerated based on the fifth image.

[0212] In this embodiment, a date pane can be displayed on the first interface, showing a first time. The image displayed in the third area was captured no later than or earlier than the first time. Correspondingly, the objects displayed in the first and second areas are the objects contained in the image displayed in the third area. By setting a date pane on the first interface, the user's need to filter images based on time can be met, which helps to improve the user experience.

[0213] In one possible implementation, the method further includes: receiving an operation applied to the date pane, which displays a second time, and a third area displaying a seventh image, the seventh image being captured no later than or earlier than the second time; the first and second areas displaying objects contained in the sixth image. Accordingly, one or more labels in the label area can be regenerated based on the sixth image.

[0214] For example, users can change the time displayed in the date pane by using a slider, keyboard input, time selection, or other methods.

[0215] In this embodiment, users can modify the time displayed in the date pane, thereby filtering out images that meet their needs. This facilitates browsing and managing images from different times, enhancing the user experience.

[0216] In conjunction with the second aspect, in some implementations of the second aspect, the first interface further includes a date pane displaying a first time period, a third area displaying a sixth image whose capture time falls within the first time period, and the first and second areas displaying objects contained in the sixth image. Correspondingly, one or more labels in the label area can be generated based on the sixth image.

[0217] In this embodiment, a date pane can be displayed on the first interface, which can display a first time period. The images displayed in the third area were captured within the first time period. Correspondingly, the objects displayed in the first and second areas are the objects contained in the images displayed in the third area. By setting a date pane on the first interface, the user's need to filter images based on time can be met, which helps to improve the user experience.

[0218] In one possible implementation, the method further includes: receiving an operation applied to a date pane, the date pane displaying a second time period, the third area displaying an eighth image, the eighth image being captured within the second time period, and the first and second areas displaying objects contained in the eighth image. Accordingly, one or more labels in the label area can be generated based on the eighth image.

[0219] For example, users can change the time period displayed in the date pane by using a slider, keyboard input, time selection, or other methods.

[0220] In this embodiment, users can modify the time period displayed in the date pane, thereby filtering out images that meet their needs. This facilitates browsing and managing images from different times, enhancing the user experience.

[0221] Thirdly, an image display apparatus is provided, the apparatus including a display module, the display module being configured to: display a first interface, the first interface including a first area, a second area and a third area, the first area displaying a first object, the second area displaying a second object, and the third area displaying an image containing the first object; and receive a first operation applied to the second object, wherein the first area displays the second object and the third area displays the image containing the second object.

[0222] In conjunction with the third aspect, in some implementations of the third aspect, when the first object is displayed in the first area and the second object is displayed in the second area, the second object is an object obtained based on preset rules. The preset rules include that the intimacy index is greater than a first threshold and / or that the information of the detected reference event is the same as the information of the historical event, and the historical event is an event associated with the first object and the second object.

[0223] For example, the intimacy index of the second object is determined based on one or more of the following: the total number of images containing the second object; the total number of images containing both the second object and the first object; the total number of images in which the second object and the first object appear in the same time period; and the total number of images in which the second object and the first object appear in the same area.

[0224] For example, the information of the reference event includes at least one of the following: time information, location information, and event theme information; the information of the historical event includes at least one of the following: time information that includes images of both the first object and the second object, location information that includes images of both the first object and the second object, and event theme information that includes images of both the first object and the second object.

[0225] In conjunction with the third aspect, in some implementations of the third aspect, the first interface further includes a fourth region. The objects displayed in the fourth region can be objects that intersect with the objects in the first region but are not displayed in the second region. That is, multiple objects that intersect with the objects in the first region can be determined from multiple images stored in the electronic device. These multiple objects can be filtered based on the aforementioned preset rules to determine the objects to be displayed in the second region, and the remaining objects can be displayed in the fourth region.

[0226] In conjunction with the third aspect, in some implementations of the third aspect, the first interface further includes a label area, which displays one or more labels for classifying the image in the third region.

[0227] In conjunction with the third aspect, in some implementations of the third aspect, the one or more labels include a first label, and the display module is further configured to: receive a ninth operation acting on the first label, the third region displays a first image, the first image being an image obtained by filtering the image displayed in the third region based on the first label; the first region and the second region display objects contained in the first image.

[0228] In conjunction with the third aspect, in some implementations of the third aspect, the one or more labels further include a second label, and the display module is further configured to: receive a tenth operation acting on the second label, the third region displays a second image, the second image being an image obtained by filtering the first image based on the second label; the first region and the second region display objects contained in the second image.

[0229] In conjunction with the third aspect, in some implementations of the third aspect, the first region includes a second object, and the second or fourth region includes a third object. The display module is further configured to: receive a second operation applied to the third object, the first region displays the second object and the third object, and the third region displays an image that simultaneously includes the second object and the third object.

[0230] In conjunction with the third aspect, in some implementations of the third aspect, the first region includes a second object, and the second or fourth region includes a third object. The display module is further configured to: receive a third operation acting on the second object and the third object, the first region displays the second object and the third object, and the third region displays an image that simultaneously includes the second object and the third object.

[0231] In conjunction with the third aspect, in some implementations of the third aspect, the second or fourth region includes a fourth object and a fifth object, and the display module is further configured to: receive a fourth operation acting on the fourth object and the fifth object, the first region displays the fourth object and the fifth object, and the third region displays an image that simultaneously includes the fourth object and the fifth object.

[0232] In conjunction with the third aspect, in some implementations of the third aspect, where the first region displays the second object and the third object, and the third region displays an image containing both the second object and the third object, the display module is further configured to: receive a fifth operation applied to the third object, wherein the first region displays the second object, and the third region displays an image containing the second object.

[0233] In conjunction with the third aspect, in some implementations of the third aspect, when the object in the first region changes, the shape and / or color of the first region changes.

[0234] In conjunction with the third aspect, in some implementations of the third aspect, the fourth region includes a sixth object, and the display module is further configured to: receive a sixth operation applied to the sixth object, and the second region displays the sixth object. Correspondingly, the fourth region does not display the sixth object. For example, the sixth operation may be a pinning operation or a favorite operation.

[0235] In conjunction with the third aspect, in some implementations of the third aspect, the second region includes a seventh object, and the display module is further configured to: receive a seventh operation acting on the seventh object, and the fourth region displays the seventh object. Correspondingly, the second region does not display the seventh object. Exemplarily, the seventh operation can be a deferred operation.

[0236] In conjunction with the third aspect, in some implementations of the third aspect, the second region or the fourth region includes an eighth object, and the display module is further configured to: receive an eighth operation acting on the eighth object, wherein the second region and the fourth region do not display the eighth object. Exemplarily, the eighth operation may be a hide, remove, or delete operation.

[0237] In conjunction with the third aspect, in some implementations of the third aspect, the third area displays a third image, and the first interface further includes an extended display control. The display module is also used to: receive an eleventh operation applied to the extended display control, and the third area also displays a fourth image, wherein the fourth image and the third image were captured at the same time period, and / or the fourth image and the third image were captured at the same location.

[0238] In conjunction with the third aspect, in some implementations of the third aspect, the display module is further configured to: receive the user's twelfth operation and change the display mode of the first object, wherein the display mode of the first object includes a static display mode and a dynamic display mode.

[0239] In conjunction with the third aspect, in some implementations of the third aspect, when the display mode of the first object is the dynamic display mode, the display module is further configured to: receive the user's thirteenth operation, determine the carousel parameter information of the dynamic display mode, wherein the carousel parameter information includes one or more of the following: carousel avatars, number of carousels, carousel duration, carousel time interval, and carousel frequency.

[0240] In conjunction with the third aspect, in some implementations of the third aspect, the first interface further includes a first control, the first control including a first function option and a second function option, and the third area displaying an image containing the first object includes: receiving a fourteenth operation acting on the first function option, the third area displaying one or more images containing the first object; or receiving a fifteenth operation acting on the second function option, the third area displaying a folder containing images of the first object.

[0241] In conjunction with the third aspect, in some implementations of the third aspect, the first interface further includes a date pane displaying a first time, a third area displaying a fifth image, the fifth image being captured no later than or earlier than the first time, and the first and second areas displaying objects contained in the fifth image. Accordingly, one or more labels in the label area can be regenerated based on the fifth image.

[0242] In conjunction with the third aspect, in some implementations of the third aspect, the first interface further includes a date pane displaying a first time period, a third area displaying a sixth image whose capture time falls within the first time period, and the first area and the second area displaying objects contained in the sixth image. Correspondingly, one or more labels in the label area can be generated based on the sixth image.

[0243] Fourthly, an image display apparatus is provided, comprising a display module for: displaying a first interface, the first interface comprising a first area, a second area, and a third area, the first area displaying a first object, the second area displaying a second object, the second object being an object obtained based on preset rules, and the third area displaying an image containing the first object; wherein the preset rules include an affinity index greater than a first threshold and / or the detection of information from a reference event being identical to information from a historical event, the historical event being an event associated with the first object and the second object.

[0244] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the display module is further configured to: receive a first operation applied to the second object, the first area displaying the second object, and the third area displaying an image containing the second object.

[0245] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the intimacy index of the second object is determined based on one or more of the following: the total number of images containing the second object; the total number of images containing both the second object and the first object; the total number of images in which the second object and the first object appear within the same time period; and the total number of images in which the second object and the first object appear within the same area.

[0246] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the information of the reference event includes at least one of the following: time information, location information, and event theme information; the information of the historical event includes at least one of the following: time information including images of both the first object and the second object, location information including images of both the first object and the second object, and event theme information including images of both the first object and the second object.

[0247] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the first interface further includes a fourth region. The objects displayed in this fourth region can be objects that intersect with the objects in the first region but are not displayed in the second region. That is, multiple objects that intersect with the objects in the first region can be determined from multiple images stored in the electronic device. These multiple objects can be filtered based on the aforementioned preset rules to determine the objects to be displayed in the second region, and the remaining objects can be displayed in the fourth region.

[0248] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the first interface further includes a label area, which displays one or more labels for classifying the image of the third region.

[0249] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the one or more labels include a first label, and the display module is further configured to: receive a ninth operation acting on the first label, the third region displays a first image, the first image being an image obtained by filtering the image displayed in the third region based on the first label; the first region and the second region display objects contained in the first image.

[0250] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the one or more labels further include a second label, and the display module is further configured to: receive a tenth operation acting on the second label, the third region displays a second image, the second image being an image obtained by filtering the first image based on the second label; the first region and the second region display objects contained in the second image.

[0251] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the first region includes a second object, the second region or the fourth region includes a third object, and the display module is further configured to: receive a second operation acting on the third object, the first region displays the second object and the third object, and the third region displays an image that simultaneously includes the second object and the third object.

[0252] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the first region includes a second object, and the second or fourth region includes a third object. The display module is further configured to: receive a third operation acting on the second object and the third object, the first region displays the second object and the third object, and the third region displays an image that simultaneously includes the second object and the third object.

[0253] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the second region or the fourth region includes a fourth object and a fifth object, and the display module is further configured to: receive a fourth operation acting on the fourth object and the fifth object, the first region displays the fourth object and the fifth object, and the third region displays an image that simultaneously includes the fourth object and the fifth object.

[0254] In conjunction with the fourth aspect, in some implementations of the fourth aspect, where the first region displays the second object and the third object, and the third region displays an image containing both the second object and the third object, the display module is further configured to: receive a fifth operation applied to the third object, wherein the first region displays the second object, and the third region displays an image containing the second object.

[0255] In conjunction with the fourth aspect, in some implementations of the fourth aspect, when the object in the first region changes, the shape and / or color of the first region changes.

[0256] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the fourth region includes a sixth object, and the display module is further configured to: receive a sixth operation applied to the sixth object, and the second region displays the sixth object. Correspondingly, the fourth region does not display the sixth object. For example, the sixth operation may be a pinning operation or a favorite operation.

[0257] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the second region includes a seventh object, and the display module is further configured to: receive a seventh operation applied to the seventh object, wherein the fourth region displays the seventh object. Correspondingly, the second region does not display the seventh object. For example, the seventh operation may be a deferred operation.

[0258] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the second region or the fourth region includes an eighth object, and the display module is further configured to: receive an eighth operation acting on the eighth object, wherein the second region and the fourth region do not display the eighth object. Exemplarily, the eighth operation may be a hide, remove, or delete operation.

[0259] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the third area displays a third image, and the first interface further includes an extended display control. The display module is also used to: receive an eleventh operation applied to the extended display control, and the third area also displays a fourth image, wherein the fourth image and the third image were captured at the same time period, and / or the fourth image and the third image were captured at the same location.

[0260] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the display module is further configured to: receive the user's twelfth operation and change the display mode of the first object, wherein the display mode of the first object includes a static display mode and a dynamic display mode.

[0261] In conjunction with the fourth aspect, in some implementations of the fourth aspect, when the display mode of the first object is the dynamic display mode, the display module is further configured to: receive the user's thirteenth operation, determine the carousel parameter information of the dynamic display mode, wherein the carousel parameter information includes one or more of the following: carousel avatars, number of carousels, carousel duration, carousel time interval, and carousel frequency.

[0262] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the first interface further includes a first control, the first control including a first function option and a second function option, and the third area displaying an image containing the first object includes: receiving a fourteenth operation acting on the first function option, the third area displaying one or more images containing the first object; or receiving a fifteenth operation acting on the second function option, the third area displaying a folder containing images of the first object.

[0263] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the first interface further includes a date pane displaying a first time, a third area displaying a fifth image whose capture time is no later than or no earlier than the first time, and the first and second areas displaying objects contained in the fifth image. Accordingly, one or more labels in the label area can be regenerated based on the fifth image.

[0264] In conjunction with the fourth aspect, in some implementations of the fourth aspect, the first interface further includes a date pane displaying a first time period, a third area displaying a sixth image whose capture time falls within the first time period, and the first and second areas displaying objects contained in the sixth image. Correspondingly, one or more labels in the label area can be generated based on the sixth image.

[0265] Fifthly, an electronic device is provided, comprising a memory and a processor, the memory storing computer program code, the processor executing the computer program code stored in the memory to implement the method in the first aspect or any possible implementation thereof, or to implement the method in the second aspect or any possible implementation thereof.

[0266] In a sixth aspect, a computer program product is provided, comprising computer program code that, when executed on a computer, causes the methods in the first aspect and any possible implementation thereof to be executed, or causes the methods in the second aspect and any possible implementation thereof to be executed.

[0267] In a seventh aspect, a computer-readable storage medium is provided that stores computer program code, which, when run on a computer, causes the methods in the first aspect and any possible implementation thereof to be executed, or causes the methods in the second aspect and any possible implementation thereof to be executed.

[0268] Eighthly, a chip is provided, including a processor for reading instructions stored in a memory, wherein when the processor executes the instructions, the chip implements the method of the first aspect and any possible implementation thereof, or the chip implements the method of the second aspect and any possible implementation thereof. Attached Figure Description

[0269] Figure 1 This is a schematic diagram of the hardware architecture of an electronic device provided in an embodiment of this application.

[0270] Figure 2 This is a schematic diagram of the software architecture of an electronic device provided in an embodiment of this application.

[0271] Figure 3 This is a schematic diagram of another electronic device software architecture provided in an embodiment of this application.

[0272] Figure 4 This is a schematic diagram of the user interface for opening the gallery provided in an embodiment of this application.

[0273] Figure 5 This is a schematic diagram of the gallery interface provided in the embodiments of this application.

[0274] Figure 6 These are schematic diagrams illustrating various design methods for the interactive area provided in the embodiments of this application.

[0275] Figures 7 to 9 This is a schematic diagram of the user interface for changing the main character area provided in an embodiment of this application.

[0276] Figures 10 to 18 This is a schematic diagram of the user interface for recombining the main character area objects provided in an embodiment of this application.

[0277] Figures 19 to 21 This is a schematic diagram of a user interface for moving objects out of the main character area, as provided in an embodiment of this application.

[0278] Figure 22 and Figure 23 This is a schematic diagram of displaying a time pane in the gallery interface according to an embodiment of this application.

[0279] Figure 24 This is a schematic diagram of the user interface for the static display mode of the setting object provided in the embodiments of this application.

[0280] Figure 25 and Figure 26 This is a schematic diagram of the user interface for the dynamic display method of the setting object provided in the embodiments of this application.

[0281] Figure 27 and Figure 28 This is a schematic diagram of a user interface for naming different objects provided in an embodiment of this application.

[0282] Figure 29 This is a schematic diagram of the user interface for pinning an object in a carousel area according to an embodiment of this application.

[0283] Figure 30 This is a schematic diagram of a user interface for performing a post-operation on objects in a carousel area, as provided in an embodiment of this application.

[0284] Figure 31 This is a schematic diagram of a user interface for hiding objects in a carousel area, provided in an embodiment of this application.

[0285] Figure 32 This is a schematic diagram of the user interface for removing objects from a carousel area, as provided in an embodiment of this application.

[0286] Figure 33 This is a schematic diagram of the object management interface provided in the embodiments of this application.

[0287] Figure 34 This is a schematic diagram of another gallery interface provided in an embodiment of this application.

[0288] Figure 35 This is a schematic diagram of the gallery interface in the extended display mode provided in the embodiments of this application.

[0289] Figure 36 This is a schematic diagram of a user interface for filtering images based on food labels, provided in an embodiment of this application.

[0290] Figure 37 This is a schematic diagram of a user interface for filtering images based on motion tags, provided in an embodiment of this application.

[0291] Figure 38 This is a schematic diagram of a user interface for filtering images with motion tags based on location tags, provided in an embodiment of this application.

[0292] Figure 39 This is a schematic diagram of a user interface for filtering images based on travel tags, provided in an embodiment of this application.

[0293] Figure 40 This is a schematic diagram of a user interface for filtering images with tourism tags based on location tags, provided in an embodiment of this application.

[0294] Figure 41 This is a schematic diagram of the user interface for the image of the newly added intimate area provided in the embodiments of this application.

[0295] Figure 42 This is a schematic diagram of a user interface for adding images of new objects, as provided in an embodiment of this application.

[0296] Figure 43 This is a schematic diagram of the user interface for the image of the collection object provided in the embodiments of this application.

[0297] Figure 44 This is a schematic diagram of the user interface for the image of the object to be deleted provided in the embodiments of this application.

[0298] Figure 45 This is a schematic diagram of another gallery interface provided in the embodiments of this application.

[0299] Figure 46 This is a schematic diagram of another gallery interface provided in the embodiments of this application.

[0300] Figure 47 This is a schematic diagram of the gallery interface of a foldable mobile phone provided in an embodiment of this application.

[0301] Figure 48 This is a schematic diagram of an image display method provided in an embodiment of this application.

[0302] Figure 49 This is a schematic diagram of an image display device provided in an embodiment of this application.

[0303] Figure 50 This is a schematic diagram of an electronic device provided in an embodiment of this application. Detailed Implementation

[0304] The technical solutions of this application will now be described with reference to the accompanying drawings. Obviously, the described embodiments are merely some embodiments of this application, and not all embodiments.

[0305] In the description of the embodiments of this application, unless otherwise stated, " / " means "or". For example, A / B can mean A or B. "And / or" in this document is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A existing alone, A and B existing simultaneously, or B existing alone. Furthermore, in the description of the embodiments of this application, "plural" or "multiple" refers to two or more than two.

[0306] Hereinafter, the terms "first" and "second" are used for descriptive purposes only and should not be construed as indicating or implying relative importance or implicitly specifying the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of that feature. In the description of this embodiment, unless otherwise stated, "a plurality of" means two or more.

[0307] The terminology used in the following embodiments is for the purpose of describing particular embodiments only and is not intended to be limiting of this application. As used in the specification and appended claims of this application, the singular expressions “a,” “an,” “the,” “the,” “the,” and “this” are intended to also include expressions such as “one or more,” unless the context clearly indicates otherwise. It should also be understood that in the following embodiments of this application, “at least one” and “one or more” refer to one, two, or more than two. The term “and / or” is used to describe the relationship between related objects, indicating that three relationships may exist; for example, A and / or B can indicate: A alone, A and B simultaneously, or B alone, where A and B can be singular or plural. The character “ / ” generally indicates that the preceding and following related objects are in an “or” relationship.

[0308] References to "one embodiment" or "some embodiments" as described in this specification mean that one or more embodiments of this application include a specific feature, structure, or characteristic described in connection with that embodiment. Therefore, the phrases "one embodiment," "some embodiments," "another embodiment," "other embodiments," etc., appearing in different parts of this specification do not necessarily refer to the same embodiment, but rather mean "one or more, but not all, embodiments," unless otherwise specifically emphasized. The terms "comprising," "including," "having," and variations thereof mean "including but not limited to," unless otherwise specifically emphasized.

[0309] The method provided in this application can be applied to electronic devices with image storage functions, such as mobile phones, tablets, wearable devices, in-vehicle devices, augmented reality (AR) / virtual reality (VR) devices, laptops, ultra-mobile personal computers (UMPCs), netbooks, personal digital assistants (PDAs), smart home devices, and other electronic devices. This application does not impose any restrictions on the specific type of electronic device.

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

[0311] It is understood that the structures illustrated in the embodiments of this application do not constitute a specific limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0312] Processor 110 may include one or more processing units, such as: application processor (AP), modem processor, graphics processing unit (GPU), image signal processor (ISP), controller, memory, video codec, digital signal processor (DSP), baseband processor, and / or neural network processing unit (NPU), etc. Different processing units may be independent devices or integrated into one or more processors.

[0313] The controller can be the nerve center and command center of the electronic device 100. The controller can generate operation control signals according to the instruction opcode and timing signals to complete the control of instruction fetching and execution.

[0314] The processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store instructions or data that the processor 110 has just used or that are used repeatedly. If the processor 110 needs to use the instruction or data again, it can retrieve it directly from the memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

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

[0316] USB port 130 is a USB standard compliant interface, specifically a Mini USB port, Micro USB port, USB Type-C port, etc. USB port 130 can be used to connect a charger to charge electronic device 100, and can also be used for data transfer between electronic device 100 and peripheral devices. It can also be used to connect headphones for audio playback. This interface can also be used to connect other electronic devices, such as AR devices.

[0317] It is understood that the interface connection relationships between the modules illustrated in the embodiments of this application are merely illustrative and do not constitute a structural limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may also employ different interface connection methods or combinations of multiple interface connection methods as described in the above embodiments.

[0318] The charging management module 140 receives charging input from a charger. The charger can be a wireless charger or a wired charger. In some wired charging embodiments, the charging management module 140 receives charging input from the wired charger via the USB interface 130. In some wireless charging embodiments, the charging management module 140 receives wireless charging input via the wireless charging coil of the electronic device 100. While charging the battery 142, the charging management module 140 can also supply power to the electronic device via the power management module 141.

[0319] The power management module 141 connects the battery 142, the charging management module 140, and the processor 110. The power management module 141 receives input from the battery 142 and / or the charging management module 140, providing power to the processor 110, internal memory 121, external memory, display screen 194, camera 193, and wireless communication module 160, etc. The power management module 141 can also monitor parameters such as battery capacity, battery cycle count, and battery health status (leakage current, impedance). In some other embodiments, the power management module 141 may also be located within the processor 110. In other embodiments, the power management module 141 and the charging management module 140 may be located in the same device.

[0320] The wireless communication function of electronic device 100 can be realized through antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, modem processor and baseband processor, etc.

[0321] Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover one or more communication frequency bands. Different antennas can also be multiplexed to improve antenna utilization. For example, antenna 1 can be multiplexed as a diversity antenna for a wireless local area network. In some other embodiments, the antennas can be used in conjunction with tuning switches.

[0322] The mobile communication module 150 can provide solutions for wireless communication, including 2G / 3G / 4G / 5G, applied to the electronic device 100. The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc.

[0323] The wireless communication module 160 can provide solutions for wireless communication applications on the electronic device 100, including wireless local area networks (WLANs) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared (IR) technologies. The wireless communication module 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via antenna 2, performs frequency modulation and filtering of the electromagnetic wave signals, and sends the processed signal to processor 110. The wireless communication module 160 can also receive signals to be transmitted from processor 110, perform frequency modulation and amplification, and convert them into electromagnetic waves for radiation via antenna 2.

[0324] Electronic device 100 implements display functions through a GPU, a display screen 194, and an application processor. The GPU is a microprocessor for image processing, connected to the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations and for graphics rendering. Processor 110 may include one or more GPUs, which execute program instructions to generate or modify display information.

[0325] Display screen 194 is used to display images, videos, etc. 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 (AMOLED), a flexible light-emitting diode (FLED), a miniature LED, a microLED, a quantum dot light-emitting diode (QLED), etc. In some embodiments, electronic device 100 may include one or N displays 194, where N is a positive integer greater than 1.

[0326] Electronic device 100 can perform shooting functions through ISP, camera 193, video codec, GPU, display 194 and application processor.

[0327] The ISP (Image Signal Processor) is used to process data fed back from the camera 193. For example, when taking a picture, the shutter is opened, and light is transmitted through the lens to the camera's photosensitive element. The light signal is converted into an electrical signal, and the camera's photosensitive element transmits the electrical signal to the ISP for processing, transforming it into an image visible to the naked eye. The ISP can also perform algorithmic optimization of image noise, brightness, and skin tone. The ISP can also optimize parameters such as exposure and color temperature of the shooting scene. In some embodiments, the ISP can be set in the camera 193.

[0328] Camera 193 is used to capture still images or videos. An object is projected onto a photosensitive element by generating an optical image through the lens. The photosensitive element can be a charge-coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the light signal into an electrical signal, which is then passed to an ISP for conversion into a digital image signal. The ISP outputs the digital image signal to a DSP for processing. The DSP converts the digital image signal into image signals in standard RGB, YUV, or other formats. In some embodiments, the electronic device 100 may include one or N cameras 193, where N is a positive integer greater than 1.

[0329] Digital signal processors (DSPs) are used to process digital signals. Besides digital image signals, they can also process other digital signals. For example, when electronic device 100 selects a frequency, the DSP can perform Fourier transforms on the frequency energy.

[0330] Video codecs are used to compress or decompress digital video. Electronic device 100 may support one or more video codecs. Thus, electronic device 100 can play or record videos in various encoding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, MPEG4, etc.

[0331] An NPU (Neural Processing Unit) is a computational processor for neural networks (NNs). By borrowing the structure of biological neural networks, such as the transmission patterns between neurons in the human brain, it can rapidly process input information and continuously learn on its own. NPUs enable intelligent cognitive applications in electronic devices, such as image recognition, facial recognition, speech recognition, and text understanding.

[0332] The external storage 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 storage interface 120 to perform data storage functions. For example, music, video, and other files can be saved on the external memory card.

[0333] Internal memory 121 can be used to store computer executable program code, which includes instructions. Processor 110 executes various functional applications and data processing of electronic device 100 by running the instructions stored in internal memory 121. Internal memory 121 may include a program storage area and a data storage area. The program storage area may store the operating system, at least one application program required for a function (such as sound playback, image playback, etc.), etc. The data storage area may store data created during the use of electronic device 100 (such as audio data, phonebook, etc.). Furthermore, internal memory 121 may include high-speed random access memory and may also include non-volatile memory, such as at least one disk storage device, flash memory device, universal flash storage (UFS), etc.

[0334] Electronic device 100 can implement audio functions, such as music playback and recording, through audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone jack 170D, and application processor.

[0335] The audio module 170 is used to convert digital audio information into analog audio signals for output, and also to convert analog audio input into digital audio signals. The audio module 170 can also be used for encoding and decoding audio signals. In some embodiments, the audio module 170 may be located in the processor 110, or some functional modules of the audio module 170 may be located in the processor 110.

[0336] Buttons 190 include a power button, volume buttons, etc. Buttons 190 can be mechanical buttons or touch-sensitive buttons. Electronic device 100 can receive button input and generate key signal inputs related to user settings and function control of electronic device 100.

[0337] The software system of electronic device 100 can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This application embodiment uses a layered architecture system as an example to exemplify the software structure of electronic device 100.

[0338] Figure 2This is a software structure block diagram of an electronic device 100 according to an embodiment of this application. The layered architecture divides the software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments, the system is divided into four layers, from top to bottom: the application layer, the application framework layer, the runtime and system libraries, and the kernel layer. The application layer may include a series of application packages.

[0339] like Figure 2 As shown, the application layer can include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and SMS.

[0340] The application framework layer provides application programming interfaces (APIs) and a programming framework for applications in the application layer. The application framework layer includes some predefined functions.

[0341] like Figure 2 As shown, the application framework layer may include a window manager, content provider, view system, phone manager, resource manager, notification manager, etc.

[0342] The window manager is used to manage windowed applications. It can retrieve screen size, determine the presence of a status bar, lock the screen, and capture screenshots, among other things.

[0343] Content providers store and retrieve data, making that data accessible to applications. This data may include videos, images, audio, made and received phone calls, browsing history and bookmarks, phone books, etc.

[0344] A view system includes visual controls, such as controls for displaying text and controls for displaying images. View systems can be used to build applications. A display interface can consist of one or more views. For example, a display interface including a text notification icon could include views for displaying text and views for displaying images.

[0345] The phone manager is used to provide communication functions for electronic device 100. For example, it manages call status (including connection and disconnection).

[0346] The file explorer provides applications with various resources, such as localized strings, icons, images, layout files, video files, and more.

[0347] The notification manager allows applications to display notifications in the status bar. These notifications can be used to deliver informational messages and can disappear automatically after a short pause, requiring no user interaction. For example, the notification manager can be used to notify users of completed downloads or message alerts. The notification manager can also display notifications as icons or scrolling text in the top status bar, such as notifications from background applications, or as dialog boxes on the screen. Examples include displaying text messages in the status bar, emitting sounds, vibrating electronic devices, and flashing indicator lights.

[0348] System libraries can include multiple functional modules. For example: surface manager, media libraries, 3D graphics processing libraries (e.g., OpenGL ES), 2D graphics engines (e.g., SGL), etc.

[0349] The Surface Manager is used to manage the display subsystem and provides the blending of 2D and 3D layers for multiple applications.

[0350] The media library supports playback and recording of various common audio and video formats, as well as still image files. It supports multiple audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, and PNG.

[0351] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.

[0352] A 2D graphics engine is a graphics engine for 2D drawing.

[0353] The kernel layer is the layer between hardware and software. The kernel layer contains at least the display driver, camera driver, audio driver, and sensor driver.

[0354] The electronic device provided in this application embodiment can run an operating system (OS). This operating system can be various operating systems currently used in the industry, such as HarmonyOS, an operating system based on OpenHarmony; or other operating systems such as Android™, iOS mobile operating systems; it can also be various open-source operating systems or their derivatives, such as Linux OS, and other embedded operating systems; or it can be a future new operating system, such as an AI operating system based on artificial intelligence. An operating system is a set of interconnected system software programs that manage and control the operation of electronic devices, utilize and run hardware and software resources, and provide public services to organize user interaction. The operating system occupies a pivotal position in electronic devices, connecting to the physical devices at the hardware layer below and providing a runtime environment for application software above.

[0355] An operating system typically includes a kernel layer, a middleware layer, and an application layer. The application layer includes applications, which can include system applications and third-party applications. The middleware layer is a suite of software, or frameworks, that provides various services to application developers, such as databases, multimedia, and graphics, or capabilities like distributed scheduling and system expansion. For example, the middleware layer can also be broadly divided into a framework layer and / or a system service layer. The framework layer provides application programming interfaces (APIs) and programming frameworks for applications in the application layer. The system service layer includes the system's core capabilities, providing services to applications through the framework layer. The kernel layer is the layer between hardware and software. It can include hardware drivers and the operating system kernel. In addition to providing hardware drivers, the kernel layer also supports functions such as memory management and system process management.

[0356] The electronic devices we use in our daily lives come in various types and forms, and are applied in a wide range of scenarios. Therefore, based on the different forms and functions of electronic devices, different application scenarios, and different user needs, the operating systems used in these devices may also differ. These operating systems share commonalities but also have their own unique characteristics. Different operating systems affect user experience, application ecosystem, and system performance. The basic functions implemented by the electronic device provided in this application can be achieved using a general-purpose operating system or a dedicated operating system.

[0357] To more clearly illustrate the implementation of the embodiments of this application under a specific operating system, exemplarily, Figure 3 The architecture of HarmonyOS is shown, and those skilled in the art can deduce the implementation of the embodiments of this application under other specific operating systems, such as the implementation under the Android™ operating system.

[0358] like Figure 3 As shown, the software architecture of an electronic device can be divided into several layers. In some embodiments, from bottom to top, these layers are: kernel layer, system service layer, framework layer, and application layer. The layers communicate with each other through software interfaces. System functions can be tailored, added, or combined at the subsystem granularity in different device deployment scenarios, and each subsystem can also be tailored, added, or combined at the functional granularity.

[0359] (1) Kernel layer

[0360] The Kernel Abstraction Layer (KAL) provides basic kernel capabilities to upper layers by shielding the differences between multiple kernels, including but not limited to process / thread management, memory management, file system, network management, and peripheral device management.

[0361] Kernel Subsystem: Supports the selection of a suitable OS kernel for different resource-constrained devices, including but not limited to Linux kernel, HarmonyOS kernel, LiteOS, etc.

[0362] Driver Subsystem: The driver framework is the foundation for the open system hardware ecosystem, providing unified peripheral access capabilities and a framework for driver development and management. The driver framework includes: display drivers, camera drivers, audio drivers, Bluetooth drivers, sensor drivers, etc.

[0363] (2) System Service Layer

[0364] The system service layer comprises the core capabilities of the system, providing services to applications through the framework layer. This layer includes, but is not limited to, the following subsystems:

[0365] The system's basic capability subsystems provide fundamental capabilities for the operation, scheduling, and migration of distributed applications across multiple devices. For example, they may include distributed soft bus, distributed data management, distributed task scheduling, and the Ark multi-language runtime. They may also include multi-modal input subsystems, graphics subsystems, security subsystems, and AI subsystems.

[0366] Basic software service subsystems: provide common and general software services; for example, event notification subsystem, telephone service subsystem, multimedia subsystem, etc.

[0367] Enhanced software service subsystem suite: Provides differentiated capability-enhancing software services for different devices; for example, it may include proprietary business subsystems for smart screens, wearable devices, and IoT devices.

[0368] Hardware service subsystem set: provides hardware services; for example, it may include location service subsystem, user IAM (Identity and Access Management) subsystem, wearable proprietary hardware service subsystem, biometric identification, IoT proprietary hardware service subsystem, etc.

[0369] Distributed task scheduling enables distributed service management (discovery, synchronization, registration, and invocation), supporting remote startup, remote invocation, remote connection, and migration of applications across devices.

[0370] Distributed data management enables data synchronization, data storage, data sharing, and data access across all scenarios and devices.

[0371] The distributed soft bus provides communication-related capabilities for seamless interconnection between multiple devices, including: WLAN service capabilities, Bluetooth service capabilities, soft bus, inter-process communication RPC (Remote Procedure Call) and other communication capabilities.

[0372] Ark Multi-Language Runtime is a unified compilation and runtime environment designed to support the joint compilation and execution of multiple programming languages ​​and multiple chip platforms.

[0373] (3) Framework layer

[0374] The framework layer provides application programming interfaces (APIs) and programming frameworks for applications in the application layer. Examples include the ArkUI framework (which provides a complete infrastructure for UI development of system applications, including UI functionalities such as components, layouts, animations, and interactive events, as well as a real-time interface preview tool), the user application framework, and the Ability framework (an Ability is a lightweight application; the Ability framework schedules and manages the operation and lifecycle of Abilities). Different devices may run different operating systems, and therefore support different APIs.

[0375] The HarmonyOS API is a series of open capabilities provided to support HarmonyOS application development. The HarmonyOS API can be set at the framework layer or independently of the framework layer. Examples include: Audio API (audio service), Push API (push service), and Account API (account service).

[0376] (4) Application layer

[0377] Applications can include system apps and extended / third-party apps. System apps can include the desktop, control bar, settings, contacts, phone, camera, etc., while extended / third-party apps can include social apps, travel apps, etc.

[0378] It should be understood that the technical solutions in the embodiments of this application can be used in systems such as Android, iOS, and HarmonyOS.

[0379] With the widespread use of mobile phones and other electronic devices, more and more users are using their phones for taking photos, sharing images, and editing images. Electronic devices often store a large number of images. When users need to find and browse images of a specific object, they need to repeatedly flip through the album, making it difficult to accurately and quickly find images containing a specific object from a large number of images. When users need to find and browse group photos of multiple people, they need to name all the people in the album, then enter the name in the search area, and filter from the search results. This requires users to manually label the people with names or relationship tags, making the process quite complex.

[0380] In other words, when searching for a specific object or a group photo of a specific object on electronic devices, on the one hand, it requires complex search operations, resulting in low search efficiency and a lack of intelligence; on the other hand, the image search interface on electronic devices is not intuitive and lacks intelligent labels, leading to search results that fail to meet user needs and a poor user experience.

[0381] Therefore, how to quickly locate images of specific objects or group photos with specific people in a photo album has become an urgent problem to be solved.

[0382] Based on this, embodiments of this application provide a method, apparatus, and electronic device for image display. On the first interface of the electronic device, a target object and related objects can be directly presented, enabling users to quickly locate specific individuals or photos of them together. Furthermore, it can leverage the classification capabilities of artificial intelligence (AI) tags such as key events, activities, and locations to provide users with intelligent, visual, multi-dimensional, and accurate image browsing and management, revitalizing the global data of the image library related to individuals and activating other high-potential functions within the library.

[0383] The following mainly uses a mobile phone as an example to introduce the image display method provided in the embodiments of this application.

[0384] Figure 4 and Figure 5 This is a schematic diagram of multiple sets of graphical user interfaces (GUIs) provided in embodiments of this application. Among them, Figure 4 This diagram illustrates the process of opening the gallery and displaying the gallery interface (or the first interface). Figure 5 The image gallery interface (or first interface) is shown in two different ways.

[0385] like Figure 4 As shown in (a) in the figure, Figure 4(a) shows the phone's main interface, which includes icons for multiple applications (Apps), such as Clock, Calendar, Gallery, and Notes. Upon receiving a user's interaction with the Gallery application icon 401, the phone can display as follows: Figure 4 The GUI shown in (b) is shown in the image.

[0386] In one possible implementation, such as Figure 4 As shown in (b), upon receiving a user's operation on the Gallery application icon 401, the phone can display the Gallery App's display interface 402 (which may be referred to as the first interface or Gallery interface). This display interface 402 may include an interactive area 10 and an image area 30 (also referred to as the third area). The interactive area may include area A (which may be referred to as the first area or main subject area) and area B (which may be referred to as the second area or intimate area). The first area includes a first object, and the second area includes a second object. The image area 30 can display images of the objects in the first area; that is, the image area 30 can display images containing the first object. Users can click on the images in the image area 30 to view them and can also perform subsequent image editing, image sharing, and other image processing.

[0387] For example, an electronic device stores multiple images. Optionally, the images displayed in image area 30 can be selected images obtained by filtering the stored multiple images based on a preset algorithm. This preset algorithm includes, but is not limited to, at least one of the following algorithms: a deduplication algorithm, a semantic similarity removal algorithm, and a basic quality defect removal algorithm. Specifically, the deduplication algorithm is used to remove duplicate images from the multiple images stored by the electronic device; the semantic similarity removal algorithm is used to remove images that are highly similar or semantically close from the multiple images stored by the electronic device; and the basic quality defect removal algorithm is used to remove images with poor basic quality (such as blurry images) from the multiple images stored by the electronic device. It should be understood that after processing by the preset algorithm, non-duplicate images with better image quality can be selected from the multiple images stored by the electronic device for users to view and manage.

[0388] It should be noted that as the number of images containing different objects stored in the electronic device changes, the objects displayed in the second area will also be dynamically adjusted accordingly.

[0389] In some examples, considering the size limitations of the gallery interface, the number of objects displayed in area B can be limited to less than a preset threshold (e.g., 8). This preset threshold can be a value predefined by the system or a value set manually.

[0390] In some examples, the number of objects displayed in zone B can be unlimited, with the selection of objects determined solely by the intimacy index. For instance, objects with an intimacy index greater than a first threshold are displayed in zone B. In this case, the number of objects displayed in zone B will vary depending on the first threshold setting.

[0391] In some examples, while limiting the number of objects displayed in zone B to less than a preset threshold, the objects displayed in zone B are also determined based on the intimacy index. For example, if the number of objects displayed in zone B is limited to 8, multiple objects can be sorted according to their intimacy index, and the top 8 objects with the highest intimacy index are displayed in zone B, while objects with lower intimacy index rankings are not displayed or are displayed in the fourth zone below.

[0392] In some embodiments, the greater the affinity index between the object displayed in the second region and the object displayed in the first region, the closer they are to the first region, and / or, the greater the affinity index between the object displayed in the second region and the object displayed in the first region, the larger the avatar of the displayed object.

[0393] In some embodiments, such as Figure 4 As shown in (b), the display interface 402 may also include a label area 40, which includes one or more labels for classifying the images in the image area 30.

[0394] For example, the one or more tags may include tags with specific themes such as location tags, food tags, sports tags, travel tags, and pet tags. The one or more tags can be generated based on the content of the image displayed in image area 30.

[0395] In one example, such as Figure 4 As shown in (b), the label area 40 can be suspended above the image area 30, and the label area 40 overlaps with the image area 30. In another example, as... Figure 5 As shown in (a), the label area 40 can also be set separately on the display interface 403 without overlapping with other areas on the display interface 403 (such as the image area 30).

[0396] It should be noted that there is a corresponding relationship between the interaction area 10, the image area 30, and the tag area 40. Images in the image area 30 can be categorized and filtered based on different tags in the tag area 40. For example, if a user wants to find a photo of a first subject with food, and the first subject is included in the first area of ​​the interaction area, they can click the food tag in the tag area to quickly filter out the desired image from multiple images. This provides users with intelligent, multi-dimensional, and precise image browsing and management. This section will be explained in detail below with reference to the accompanying diagrams.

[0397] In some embodiments, such as Figure 4 As shown in (b), the display interface 402 may further include an extension area 20, which may integrate multiple functional controls, such as a featured photo control 22, a storybook control 23, a multi-select control 24, and an extended display control 25. Specifically, the featured photo control 22 instructs the image area 30 to present images of the main subject area's objects in the form of individual photos; the storybook control 23 instructs the image area 30 to present images of the main subject area's objects in the form of storybooks or folders; the multi-select control 24 is used to select one or more images displayed in the image area 30; and the extended display control 25 instructs that the images in the image area 30 exist in an extended form, i.e., the image area 30 can display the image of the first object as well as extended images excluding the first object. For example, the featured photo control 22 and the storybook control 23 may be integrated into a single control 21. The multiple controls of the extension area 20 will be described in detail below with reference to the accompanying drawings.

[0398] In one possible implementation, such as Figure 5 As shown in (a), when the user's operation on the icon 401 of the Gallery application is received, the mobile phone can display the Gallery App display interface 403 (which may be called the first interface or Gallery interface). The interactive area of ​​the display interface 403 may include area A and area B. Area A and area B may be located in the upper half of the display interface 403, and area A and area B are displayed in rows.

[0399] In some examples, areas A and B can be arranged in a concentric circle pattern (e.g.) Figure 4 (as shown in (b)); or, areas A and B can be displayed on separate lines (e.g., Figure 5 (as shown in (a)).

[0400] In some examples, area B may include a sliding component 410, which receives a sliding operation applied to it, causing objects in area B to move. It should be understood that objects in the interaction area can move left and right, or up and down; this application does not limit this movement. Considering the limitations of mobile phone screen size, if the number of second objects in area B exceeds a certain threshold, multiple second objects may not be displayed simultaneously in area B. Therefore, different objects can be viewed by sliding left and right or up and down on the screen of interaction area 10. Similarly, users can also slide left and right or up and down on the screen of image area 30 to view multiple images displayed in image area 30.

[0401] It should be noted that the format of the images in this application is not limited, such as... Figure 5 As shown in (a), the image displayed in image area 30 can be in the form of a photograph, video, or GIF, etc. Furthermore, this embodiment does not limit the size of the image, such as... Figure 5As shown in (a), the images displayed in image area 30 can be of the same or different sizes.

[0402] In one possible implementation, such as Figure 5 As shown in (b), upon receiving a user's operation on the Gallery application icon 401, the mobile phone can display the Gallery App's display interface 404 (which may be referred to as the first interface or Gallery interface). The interactive area of ​​the display interface 404 may include a first area (which may be referred to as area A or main character area), a second area (which may be referred to as area B1 or intimate area), and a fourth area (which may be referred to as area B2 or carousel area). For example, objects in area B1 may be arranged around area A, and objects in area B2 may be arranged below areas A and B1.

[0403] In some examples, if the number of objects displayed in the fourth region exceeds a certain threshold, the objects displayed in the fourth region can be dynamically moved, so that the objects in the fourth region can be displayed in turn on the display interface 404.

[0404] In some embodiments, when a first object is displayed in a first area and a second object is displayed in a second area, the second object may be an object filtered based on preset rules. The preset rules include that the intimacy index is greater than a first threshold and / or that the information of the detected reference event is the same as the information of the historical event, which is an event associated with the first object and the second object.

[0405] For example, the objects displayed in the fourth region can be objects that intersect with the objects in the first region but are not displayed in the second region. That is, multiple objects that intersect with the objects in the first region can be determined from multiple images stored in the electronic device. These multiple objects can be filtered based on the aforementioned preset rules to determine the objects to be displayed in the second region. The remaining other objects can be displayed or not displayed in the fourth region (corresponding to the case where no fourth region is set).

[0406] In some examples, the preset rule includes an affinity index greater than a first threshold, whereby the affinity index is the relationship between objects displayed in the second area and objects displayed in the first area. For example, the affinity index of objects displayed in area B1 is greater than the first threshold, while the affinity index of objects displayed in area B2 is less than or equal to the first threshold. Here, the affinity index of objects displayed in area B1 can be understood as the affinity index between objects displayed in area B1 and objects displayed in area A; similarly, the affinity index of objects displayed in area B2 can be understood as the affinity index between objects displayed in area B2 and objects displayed in area A. It should be understood that objects closely related to the main character area can be displayed in the affinity area, while other objects can be displayed in the carousel area or not (corresponding to the case where no carousel area is set).

[0407] For example, the first object is displayed in area A (the main character area), and the objects displayed in areas B1 and B2 can be determined in the following way.

[0408] One possibility is that the affinity index between other objects and the first object can be determined based on the total number of images of different objects. For example, the number of images of different objects in the gallery can be counted and sorted from largest to smallest. Objects with a total number of images greater than a preset threshold (such as 30 images) are displayed in a second area, while objects with a total number of images less than or equal to the preset threshold may not be displayed or may be displayed in a fourth area.

[0409] One possible scenario is that the affinity index between other objects and the first object can be determined based on the total number of images that simultaneously contain both other objects and the first object. For example, the total number of group photos of different objects with the first object in the image library is counted, and the images are sorted from largest to smallest based on the total number of group photos. Objects with a total number of group photos greater than a preset threshold (e.g., 20 photos) are displayed in a second area, while objects with a total number of group photos less than or equal to the preset threshold may not be displayed or may be displayed in a fourth area.

[0410] One possible approach is to determine the affinity index between other objects and the first object based on the total number of images of other objects appearing with the first object within the same time period. For example, the total number of images of different objects in the image library appearing with the first object within the same time period (e.g., half an hour) is counted, and the total number of images is sorted from largest to smallest. Objects with a total number of images greater than a preset threshold (e.g., 10 images) are displayed in a second area, while objects with a total number of images less than or equal to the preset threshold may not be displayed or may be displayed in a fourth area.

[0411] One possible scenario is that the affinity index between other objects and the first object can be determined based on the number of images of other objects appearing in the same area as the first object. For example, the total number of images of different objects in the gallery appearing in the same area as the first object (such as home, company, etc.) is counted, and the total number of images is sorted from largest to smallest. Objects with a total number of images greater than a preset threshold (such as 10 images) are displayed in the second area, while objects with a total number of images less than or equal to the preset threshold may not be displayed or may be displayed in the fourth area.

[0412] For example, in an embodiment of this application, the first threshold can be determined in the following manner.

[0413] One possibility is that the first threshold is a predefined value. For example, when a mobile phone is first used, it may be assigned an initial threshold (such as 50 images). If the number of images of an object exceeds 50, it can be displayed in area B1. Another possibility is that the first threshold is a user-defined value.

[0414] One possibility is that the first threshold is a dynamic threshold, which can be dynamically adjusted based on the number of images. For example, the first threshold could be the value corresponding to a breakpoint, which can be understood as the point where the number of images differs significantly. For instance, the total number of images for multiple objects could be sorted as follows: 300, 260, 250, 220, 215, 200, 100, 90, 50, where 100 could be set as the breakpoint, indicating a large difference in the number of images of the previous object; correspondingly, the first threshold could be set to 100. It should be understood that when the number of different objects in the gallery changes, the first threshold may also be adjusted accordingly.

[0415] One possibility is that, in the initial stage, the first threshold can be a predefined value (such as 50 images). When the number of images is large, the first threshold can be changed, such as the first threshold can be the image breakpoint mentioned above.

[0416] In some embodiments, the proximity index of the objects displayed in the fourth area is greater than a second threshold, which is less than a first threshold. For example, the second threshold can be 1 image, 2 images, etc. It should be understood that by setting the second threshold, the objects displayed in the fourth area can be distinguished from random objects. For example, if an object appears only a few times in the gallery, it can be considered a random object and will not be displayed on the first interface. The method for determining the second threshold can refer to the method for determining the first threshold described above, and will not be repeated here.

[0417] For example, when the intimacy index between an object and a first object first exceeds a second threshold, the object can be briefly moved to a second area for display. For example, the object can be displayed in the second area for a first duration. After the first duration ends, if the intimacy index with the object is less than the first threshold, the object is moved to a fourth area for display.

[0418] In some examples, preset rules may include information about detected reference events (which can be understood as information about the current event) being identical to information about historical events. This event information includes time information, location information, and event theme information, among others. Images stored on the electronic device may include information about historical events associated with the images, such as time information, location information, and event theme information.

[0419] One possibility is that if the current time is the same as a historical time (such as the tenth week of each year or a certain date of each year), and the image corresponding to that historical time includes a first object and a second object (the second object was not originally displayed in the first and second areas), the second object in the image corresponding to the historical time can be displayed in the second area.

[0420] For example, if the first person and the second person took a photo together to celebrate a birthday or holiday this week last year, such as on August 9th last year, and the photo is taken at the same time this year (such as August 9th or 51 weeks later (birthday week)), and the second person is not in the second area, then the second person can be moved into the second area for display.

[0421] For example, if the first object and the second object have a new photo together, and the time interval between the last photo of the first object and the second object together meets a preset threshold (such as 3 months), then if the second object is not in the second area, the second object can be moved into the second area for display.

[0422] For example, if the second object first appears at a certain time (such as the first anniversary, the fifth anniversary, etc.), and if the second object is not in the second area, then the second object can be moved into the second area for display.

[0423] One possibility is that if the current location overlaps with a historical location (such as the location of a tourist attraction), and the image corresponding to the historical location includes a first object and a second object (the second object was not originally displayed in the first and second areas), the second object in the image corresponding to the historical location can be displayed in the second area.

[0424] For example, if the image information taken by the first object shows that the first object is at the first location, and the first object and the second object previously took a photo together at the first location, then if the second object is not in the second area, the second object can be moved into the second area for display.

[0425] One possible scenario is that if the current activity theme is detected to be the same as a historical activity theme (such as a sports activity theme), and the image corresponding to the historical activity theme includes a first object and a second object (the second object was not originally displayed in the first and second areas), the second object in the image corresponding to the historical activity theme can be displayed in the second area.

[0426] For example, if an image corresponding to a certain activity theme (such as basketball) is added, it can be assumed that the user is in the current activity theme, and a second object related to that activity theme can be moved into the second area for display.

[0427] In this embodiment, the objects displayed in the second area can be dynamically adjusted based on one or more preset rules. The second area displays objects that are closely related to or have special meanings to the objects in the first area, making it easier for users to find specific people or to find photos of specific people together.

[0428] It should be noted that when describing the first interface in this application embodiment, a gallery app is mainly used as an example. It should be understood that the image display solution provided in this application embodiment is not limited to a gallery app, but can also be applied to other image storage apps, such as photo album apps, camera apps, image processing software, etc.

[0429] It should be noted that in the various embodiments of this application, the first area, the main character area, and area A represent the same area and can be used interchangeably; the second area, the intimate area, area B, and area B1 represent the same area and can be used interchangeably; the fourth area, the carousel area, and area B2 represent the same area and can be used interchangeably. Furthermore, the image area can also be called the third area; the first area, the second area, and the fourth area can be collectively referred to as the interaction area, that is, the interaction area can include the first area, the second area, and the fourth area. It should be understood that the area names in the embodiments of this application are merely illustrative; in some examples, the interaction area can also be called the node area, the planet area, etc., and the image area can also be called the image display area, the image interaction area, etc.

[0430] Figure 6 The design of the interactive area 10 is shown in several ways.

[0431] In some examples, such as Figure 6 As shown in (a), the interaction area 10 includes area A, area B1 and area B2. Area A includes the owner's portrait node and can be circular. The portrait nodes in area B1 can be set around area A, and multiple portrait nodes in area B1 can form a circle. The portrait nodes in area B2 can be set around area B1, and multiple portrait nodes in area B2 can form a circle.

[0432] In some examples, such as Figure 6 As shown in (b), areas A and B2 of the interaction area 10 can be designed in a circular manner, while area B1 can be designed in a polygonal manner (such as a pentagon). Specifically, area A includes the main character's portrait node and can be circular; the portrait nodes in area B1 can be arranged around area A, with multiple portrait nodes in area B1 forming a pentagon; the portrait nodes in area B2 can be arranged around area B1, with multiple portrait nodes in area B2 forming a circle.

[0433] In some examples, such as Figure 6 As shown in (c), areas A and B2 of the interaction area 10 can be designed in a circular pattern, while area B1 can be designed in a heart shape. Specifically, area A includes the main character's portrait node and can be circular; portrait nodes in area B1 can be arranged around area A, with multiple portrait nodes in area B1 forming a heart shape; portrait nodes in area B2 can be arranged around area B1, with multiple portrait nodes in area B2 forming a circle.

[0434] In some examples, such as Figure 6 As shown in (d), areas B1 and B2 of the interaction area 10 can be designed in a circular pattern, while area A of the interaction area can be designed in a pentagonal shape. Specifically, area A includes the main character's portrait node, and area A can be presented in a pentagonal shape; portrait nodes in area B1 can be arranged around area A, with multiple portrait nodes in area B1 forming a circle; portrait nodes in area B2 can be arranged around area B1, with multiple portrait nodes in area B2 forming a circle.

[0435] It should be noted that, Figure 6 The four design methods of the interactive area 10 shown are merely illustrative examples. The interactive area 10 in this embodiment may also include more combinations of the above design schemes, which will not be described one by one here. In addition, in some embodiments, the interactive area 10 may also present a planetary three-dimensional effect, and may also be displayed with different colors, thereby making the interactive area 10 more aesthetically pleasing.

[0436] It should be noted that the interactive area 10 can be divided using a combination of concentric circles, or it can be extended to a combination of other multi-area shapes (polygons, pentagons, hearts, etc.); in addition, the interactive area 10 can be divided by indicator lines or by different colors. This application does not limit the specific design method of the interactive area 10.

[0437] Figures 7 to 9 This is a schematic diagram of the three GUIs provided in the embodiments of this application. Figures 7 to 9 The process of changing the object in the main character area is shown.

[0438] In some embodiments, such as Figure 7 As shown in (a), the interactive area of ​​the mobile phone display interface 701 includes a first area and a second area. The first area includes an object 710, and the second area includes an object 720. The image area of ​​the display interface 701 displays an image including the object 710, and the labels of the label area of ​​the display interface 701 are generated according to the content of the image of the object 710 displayed in the image area.

[0439] When an operation (such as a double-click) is received on object 720 in the second area, the phone can display something like this. Figure 7 The display interface 702 is shown in (b) above. On this display interface 702, the first area displays the object 720, the image area displays the image containing the object 720, the labels in the label area are regenerated according to the content of the image of the object 720 displayed in the image area, and the objects in the intimate area are also adjusted accordingly.

[0440] Combination Figure 7As can be seen in some examples, if a user wants to change the object in the main character area, they can directly double-click the object in the intimacy area or the carousel area, thereby replacing the object in the intimacy area or the carousel area with the object in the main character area. The content displayed in the intimacy area, the carousel area, the image area, and the tag area will change according to the content of the main character area.

[0441] In some embodiments, in addition to the double-click operation described above, users can also change the objects in the main character area by selecting an object. Users can select a specific object in the second or fourth area of ​​the interaction area, and this selected object can replace the object displayed in the first area. For example, as... Figure 8 As shown in (a), the first area includes object 710, and the second area includes object 720; the user can select object 720, and the mobile phone receives the selection operation applied to object 720, which can display as shown in (a). Figure 8 The display interface shown in (b) allows for the replacement of the display object 720 in the first area, and the content displayed in the second area, the fourth area (if any), the image area, and the label area can be adjusted accordingly based on the object in the first area.

[0442] In some embodiments, such as Figure 9 As shown in (a), the first area includes object 710, the second area includes object 720, the image area displays an image including object 710, and the labels in the label area are generated based on the content of the image of object 710 displayed in the image area. Upon receiving a user's operation on object 720 in the second area (such as a long press), the gallery interface can display control 50, which may include one or more of the following options: set as main character, add to main character area, pin avatar, carousel avatars, and more.

[0443] like Figure 9 As shown in (b), when the phone receives the "Set as protagonist" option applied to control 50, it can display the following: Figure 9 The display interface shown in (c) is shown in [the diagram]. Figure 9 In the display interface shown in (b), the first area can display object 720, the image area displays an image containing object 720, and the labels in the label area are generated based on the content of the image of object 720 displayed in the image area.

[0444] For example, such as Figures 7 to 9 As shown, when an object is switched in the main character area (e.g., from object 710 to object 720), the content displayed in the image area, tag area, and intimacy area is adjusted accordingly. The number of images in the image area is reduced, the pet tag in the tag area is removed (object 720 has no photos with a pet in the gallery), and the number of objects in the intimacy area is reduced from 8 to 5.

[0445] It should be noted that there is a certain correspondence between the interaction area, image area, and tag area. If the object in the main character area changes (e.g., the object is replaced), the content of the intimacy area, carousel area, image area, and tag area may change accordingly. The object displayed in the intimacy area can be redefined based on the aforementioned preset rules. For example, as shown... Figure 9 As shown in (c), the intimacy index between other objects and object 720 can be recalculated, and objects with an intimacy index greater than the first threshold can be selected for display in the intimacy zone. For example, if the intimacy index between object 710 and object 720 is greater than the first threshold, object 710 can be displayed in the intimacy zone.

[0446] It should be understood that in the following embodiments, the objects in the main character area may be grouped or split, and the contents of the intimate area, carousel area, image area, and tag area may change accordingly. The objects displayed in the intimate area can be re-determined based on the aforementioned preset rules. Further details will not be elaborated below.

[0447] Figures 10 to 18 This is a schematic diagram of multiple GUIs provided in the embodiments of this application. Figures 10 to 18 This demonstrates the process of combining multiple objects into a single entity.

[0448] In some embodiments, such as Figure 10 As shown in (a), on the display interface 901, the first area includes object 910, the second area includes object 920, the image area displays an image including object 910, and the labels in the label area are generated based on the content of the image of object 910 displayed in the image area, such as location labels, food labels, sports labels, travel labels and pet labels.

[0449] When an operation (such as a drag-and-drop operation) is received on object 920 in the second area, the phone can display something like this: Figure 9 The display interface 902 shown in (b) has a first area displaying objects 910 and 920, an image area displaying an image containing both objects 910 and 920, and labels in the label area being regenerated based on the content of the image displayed in the image area containing both objects 910 and 920, such as location labels, food labels, and sports labels.

[0450] In some embodiments, in addition to the drag-and-drop operation described above, users can also recombine objects in the main area using a pinch operation. For example, as... Figure 11 As shown in (a), the first area includes object 910, and the second area includes object 920. The user can pinch and combine objects 910 and 920 to create objects; when the mobile phone receives the user's pinch and combine operation on objects 910 and 920, it can display as shown in (a). Figure 11The display interface shown in (b) has a first area that can simultaneously display object 910 and object 920, and the content displayed in the second area, the fourth area (if any), the image area and the label area can be adjusted accordingly based on the object in the first area.

[0451] In some embodiments, in addition to the drag and pinch operations described above, users can also recombine objects in the main character area by selecting them. For example, as... Figure 12 As shown in (a), the first area includes object 910, and the second area includes object 920. The user can select objects 910 and 920 to group the objects; when the mobile phone receives the user's selection of objects 910 and 920, it can display as shown in (a). Figure 12 The display interface shown in (b) has a first area that can simultaneously display object 910 and object 920, and the content displayed in the second area, the fourth area (if any), the image area and the label area can be adjusted accordingly based on the object in the first area.

[0452] In some embodiments, such as Figure 13 As shown in (a), the first area includes object 910, the second area includes object 920, the image area displays an image including object 910, and the labels in the label area are generated based on the content of the image of object 910 displayed in the image area. Upon receiving a user's operation on object 920 in the second area (such as a long press), the phone's display interface can display control 50, which can include one or more of the following options: set as protagonist, add to protagonist area, fix avatar, carousel avatar, and more.

[0453] like Figure 13 As shown in (b), when the phone receives the "Add to Main Character Area" option applied to control 50, it can display... Figure 13 The display interface shown in (c) is shown in [the diagram]. Figure 13 On the display interface shown in (c), the first area can display both object 910 and object 920 simultaneously, the image area displays an image that contains both object 910 and object 920, and the labels in the label area are regenerated based on the content of the image that contains both object 910 and object 920 displayed in the image area.

[0454] Similar to the aforementioned protagonist switching, when a new object is added to the protagonist area, the content of the image area, tag area, intimacy area, and carousel area will also change. For example, as shown... Figures 10 to 13As shown, when a new object 920 is added to the main character area (the main character area includes objects 910 and 920), the content displayed in the image area, tag area, and intimacy area is adjusted accordingly. The objects displayed in the intimacy area can be objects that have been redefined using the aforementioned preset rules; the number of images in the image area is reduced, and the pet tag and travel tag in the tag area are removed (objects 910 and 920 do not have photos with pets or travel photos), and the number of objects in the intimacy area is reduced from 8 to 4.

[0455] In some embodiments, such as Figure 14 As shown in (a), on the display interface 903, the first area includes object 910 and object 920, the second area includes object 930, the image area displays an image that includes both object 910 and object 920, and the labels in the label area are generated based on the content of the image displayed in the image area that includes both object 910 and object 920, such as location labels, food labels and sports labels.

[0456] When an operation (such as drag-and-drop) is performed on object 930 in the second area, the phone can display the following: Figure 14 The display interface 904 shown in (b) is as follows: On the display interface 904, the first area displays objects 910, 920 and 930, the image area displays an image that simultaneously contains objects 910, 920 and 930, and the labels in the label area are regenerated based on the content of the image simultaneously containing objects 910, 920 and 930 displayed in the image area, such as including location labels and food labels.

[0457] In some embodiments, in addition to the drag-and-drop operation described above, users can also recombine objects in the main character area using multi-finger pinch operations. Users can pinch multiple objects in the interaction area to display these multiple objects in the first area. For example, as... Figure 15 As shown in (a), the first area includes object 910, and the second area includes objects 920 and 930. Users can pinch objects 910, 920, and 930 using multiple fingers (e.g., three fingers). When the mobile phone receives a pinch operation applied to objects 910, 920, and 930, it can display... Figure 15 The display interface shown in (b) has a first area that can simultaneously display objects 910, 920 and 930, and the content displayed in the second area, the fourth area (if any), the image area and the label area can be adjusted accordingly based on the objects in the first area.

[0458] In some embodiments, users can also select multiple objects within an interactive area, allowing multiple objects to be displayed in the first area. For example, as shown... Figure 16As shown in (a), the first area includes object 910, and the second area includes objects 920 and 930. The user can directly select objects 910, 920, and 930. When the mobile phone receives the selection operation applied to objects 910, 920, and 930, it can display as shown in (a). Figure 16 The display interface shown in (b) has a first area that can simultaneously display objects 910, 920 and 930, and the content displayed in the second area, the fourth area (if any), the image area and the label area can be adjusted accordingly based on the objects in the first area.

[0459] In some embodiments, a user can perform grouping operations (such as pinching or selecting) on ​​multiple objects in the second and / or fourth regions, replacing objects in the first region for display. The content displayed in the second, fourth (if any), image, and label regions can be adjusted accordingly based on the objects in the first region. For example, ... Figure 17 As shown in (a), the first area includes object 910, and the second area includes object 920 and object 930. The user can pinch object 920 and object 930; when the mobile phone receives a pinch operation applied to object 920 and object 930, it can display as shown in (a). Figure 17 The display interface shown in (b) allows for the simultaneous display of objects 920 and 930 in the first area, while object 910 can be displayed in the second area. For example, as shown... Figure 18 As shown in (a), the first area includes object 910, and the second area includes objects 920, 930, and 940. The user can select objects 920, 930, and 940 to create a group of main objects. When the mobile phone receives a selection operation applied to objects 920, 930, and 940, it can display the following... Figure 18 The display interface shown in (b) has the following characteristics: the first area can display objects 920, 930 and 940 simultaneously, and object 910 can be displayed in the second area.

[0460] In some embodiments, when the objects in the first region change, the shape and / or color of the corresponding first region changes. For example, a change in the objects in the first region may include the following changes: the objects displayed in the first region are replaced, the objects displayed in the first region are recombined, and the objects displayed in the first region are split; in other words, a change in the objects in the first region may include changes such as switching the objects in the first region, increasing the number of objects in the first region, and decreasing the number of objects in the first region.

[0461] In some examples, if the object in the first region changes, the shape corresponding to the first region can change, for example, from an initial circle to another shape such as a heart or a pentagram. For example, as... Figure 14 As shown, in the main character area ( Figure 14 When adding a new object 930 to the gray area (in the image), the shape of the main character area can be changed from... Figure 14 The circular transformation in (a) is as follows Figure 14 The pentagram in (b).

[0462] In some examples, if the objects in the first region change, the color corresponding to the first region can change, for example, from an initial first color (such as red) to a second color (such as blue).

[0463] In some examples, when the objects in the first region change, the shape and color of the corresponding first region can also change, for example, from an initial red circle to a blue heart.

[0464] In this embodiment of the application, when the object in the first region changes, the shape and / or color of the corresponding first region may change, so that the user can perceive the change in the object in the first region, which helps to improve the user experience.

[0465] In some embodiments, the color and / or shape of the main character circle can differ depending on the different relationships between the characters within the main character area. For example, when objects with a high intimacy index are grouped together, the main character circle becomes a multi-colored gradient; or, for example, when objects in the first area are grouped with characters labeled as husband / wife / son / daughter, the main character circle can be changed to a heart shape. For example, as... Figure 18 As shown, when object 920 (son), object 930 (daughter), and object 940 (mother) are combined, the shape of the main subject circle can be changed from... Figure 18 The circular transformation in (a) is as follows Figure 18 The heart shape in (b).

[0466] Figures 19 to 21 This is a schematic diagram of the three GUIs provided in the embodiments of this application. Figures 19 to 21 This illustrates the process of removing objects from the protagonist area to split the protagonist. It should be understood that this protagonist splitting process can be considered the reverse of the protagonist combination process described above.

[0467] In some embodiments, such as Figure 19As shown in (a), on the display interface 1201, the first area includes object 1210 and object 1220, the image area displays an image that simultaneously contains object 1210 and object 1220, and the labels in the label area are generated based on the content of the image displayed in the image area that simultaneously contains object 1210 and object 1220, such as location labels, food labels and sports labels.

[0468] When an operation (such as a double-click) is performed on object 1220 in the first region, the phone can display the following: Figure 19 The display interface 1202 shown in (b) has a first area that displays only object 1210, an image area that displays an image containing object 1210, and a tag area that regenerates tags based on the content of the image of object 1210 displayed in the image area, such as location tags, food tags, sports tags, travel tags, and pet tags.

[0469] For example, the double-click operation on object 1220 in the first region described above can be replaced by a drag-and-drop operation. For instance... Figure 20 As shown in (a), when an operation (such as a drag operation) is received on the object 1220 in the first region, the mobile phone can display as follows: Figure 20 The display interface shown in (b) is as follows. Figure 20 The display interface shown in (b) is the same as Figure 19 The display interface shown in (b) is the same as 1202.

[0470] In some embodiments, such as Figure 21 As shown in (a), the first area (gray area) includes object 1210 and object 1220. The image area displays an image that simultaneously contains object 1210 and object 1220. The labels in the label area are generated based on the content of the image displayed in the image area that simultaneously contains object 1210 and object 1220. Upon receiving a user's operation on object 1220 in the first area (such as a long press), control 60 can be displayed on the phone's screen. Control 60 can include one or more of the following options: set as protagonist, join protagonist area, leave protagonist area, fix avatar, carousel avatar, and more. The difference between control 60 and control 50 is that control 60 includes the option to leave protagonist area.

[0471] like Figure 21 As shown in (b), when the phone receives the "Exit Main Area" option applied to control 60, it can display... Figure 21 The display interface shown in (c) is in Figure 21 On the display interface shown in (c), the first area displays object 1210, the second area displays object 1220, the image area displays an image containing object 1210, and the labels in the label area are regenerated based on the content of the image of object 1210 displayed in the image area.

[0472] If the objects in the main character area change, the objects displayed in the intimacy area and the carousel area will be recalculated based on the above preset rules. For example, the intimacy index between other objects and the objects in the main character area will be recalculated, and objects that have intersections or close relationships with the objects in the main character area (such as objects with an intimacy index greater than the first threshold) will be selected and displayed in the intimacy area.

[0473] It should be noted that, in the embodiments of this application, users can perform corresponding user operations on one or more objects in the main character area, intimate area, and / or carousel area based on the image of the object they want to obtain, so as to realize the replacement, combination, and splitting of the main character. The relevant operations in the above embodiments are some specific examples, and this application does not limit the specific user operations. For example, the user operations include, but are not limited to, any of the following: click operation, selection operation, pinch operation, and drag operation. The click operation may include a single click operation, a double click operation, or a click operation of any number of times, and may also include a long press operation or a short press operation, etc. This application does not specifically limit the user operations.

[0474] Figure 22 and Figure 23 These are schematic diagrams of two sets of GUIs provided in the embodiments of this application. Figure 22 and Figure 23 This is a diagram illustrating how to display the date pane on the first interface.

[0475] In some embodiments, such as Figure 22 As shown in (a), the first interface (or gallery interface) may also include a date pane 1310 displaying a first date (e.g., January 1, 2025), the images displayed in the image area being taken no later than or no earlier than January 1, 2025, and the objects displayed in the interaction area being the objects contained in the images displayed in the image area. Correspondingly, the tags in the tag area can be generated based on the images displayed in the image area, such as location tags, food tags, sports tags, travel tags, and pet tags.

[0476] For example, the date pane 1310 can be located in the interactive area, such as in the upper right corner of the interactive area.

[0477] For example, users can change the time displayed in the date pane 1310 using a slider, keyboard input, time selection, etc. For example, as Figure 22 As shown in (b), the first interface can display a slider control 1320, and the time displayed in the date pane 1310 can be adjusted by sliding the slider control 1320 up and down.

[0478] In some examples, receiving an action (such as a swipe) applied to the date pane 1310 can display, as shown below. Figure 22The gallery interface shown in (c) has a date pane 1310 that can display a second time (e.g., March 1, 2024). The images displayed in the image area were taken no later than or earlier than March 1, 2024. The objects displayed in the interactive area are those contained in the images displayed in the image area. Accordingly, the tags in the tag area can be regenerated based on the images displayed in the image area, such as including location tags, food tags, sports tags, and travel tags (no pet tags).

[0479] In some embodiments, such as Figure 23 As shown in (a), the date pane displays a first time period (e.g., All time period), the image area displays images captured within the first time period, and the interactive area displays objects contained in the images displayed in that image area. Correspondingly, the labels in the label area can be generated based on the images displayed in that image area.

[0480] For example, users can change the time displayed in the date pane 1310 using a slider, keyboard input, time selection, etc. For example, as Figure 23 As shown in (b), the first interface can display a slider control 1320, which can include two sliders, an upper slider and an lower slider, and the time period displayed in the date pane 1310 can be adjusted by sliding the two sliders. Alternatively, the first interface can also display a recommended time range 1330, and the user can select different time ranges 1330 to display images within different time ranges in the image area.

[0481] In some examples, receiving an action (such as a swipe) applied to the date pane 1310 can display, as shown below. Figure 23 The gallery interface shown in (c) displays a second time period (e.g., from January 1, 2025 to March 1, 2024) in the date pane 1310. The images displayed in the image area were taken between March 1, 2024 and January 1, 2025. The interactive area displays objects contained in the images displayed in the image area. Accordingly, the labels in the label area can be regenerated based on the images displayed in the image area.

[0482] In this embodiment, users can modify the time displayed in the date pane, thereby filtering out images that meet their needs. This facilitates browsing and managing images from different times, enhancing the user experience.

[0483] In some embodiments, the display methods of objects in the first, second, and fourth areas of the interaction area may include static display and dynamic display. Static display can be understood as the object's avatar using a fixed avatar (e.g., a fixed portrait), which can be presented as a single image containing that person's avatar. This fixed avatar can be set by the user, or defaults to the image with the highest simultaneous expression score and photo aesthetic score determined by the algorithm. Dynamic display can be understood as the object's avatar using a carousel (e.g., a carousel of portraits), which can be presented as a series of images containing that person's avatar. These multiple images can be set by the user, or defaults to the N images with the highest expression score and photo aesthetic score determined by the algorithm.

[0484] Users can change the display method of an object and / or change the related settings for static or dynamic display methods through corresponding operations. For example, upon receiving a user's operation, the object's display method can be changed, including static and dynamic display methods. As another example, when the object is displayed in dynamic mode, the system can receive the user's operation and determine the carousel parameters for the dynamic display mode. These parameters may include one or more of the following: carousel avatars, the number of carousels, the duration of the carousel, the time interval between carousels, and the frequency of the carousel. The following is combined with... Figures 24 to 26 This section explains the static and dynamic display methods.

[0485] Figure 24 This is a schematic diagram of a set of GUIs provided in the embodiments of this application. Figure 24 This demonstrates the process of setting the static display mode of an object.

[0486] like Figure 24 As shown in (a), if a user wants to change the display mode of object 1510 in the second area, they can long-press object 1510; the mobile phone receives the operation (such as a long-press operation) applied to object 1510 in the second area and can display as shown in (a). Figure 24 The control 50 shown in (b) may include options such as setting as the main character, adding to the main character area, fixing the avatar, carousel avatars, and more.

[0487] The operation of receiving the "Fixed Avatar" option in control 50 can display, as follows: Figure 24 The control 70 shown in (b) may include options such as a default fixed avatar, a selectable fixed avatar, and more. When the user selects the "default fixed avatar" option, the phone can select and display an avatar from a photograph of object 1510 based on a default algorithm. When the user selects "select a fixed avatar," the user can change the default fixed avatar.

[0488] The operation of receiving the "Select Fixed Avatar" option in control 70 can display, as follows: Figure 24 As shown in (c), the user can select a photo as their profile picture. Optionally, the user can select from multiple photos with high ratings (e.g., high expression rating and / or high photo aesthetic rating) on ​​the display interface.

[0489] Figure 25 and Figure 26 These are schematic diagrams of two sets of GUIs provided in the embodiments of this application. Figure 25 and Figure 26 This demonstrates the process of setting the dynamic display mode of an object.

[0490] like Figure 25 (a) or Figure 26 As shown in (a), if a user wants to change the display mode of object 1510 in the second area, they can long-press object 1510. The phone receives the operation (such as a long-press operation) applied to object 1510 in the second area, and can display as shown in (a). Figure 25 (b) or Figure 26 The control 50 shown in (b) may include one or more of the following options: set as protagonist, add to protagonist area, fix avatar, carousel avatar and more.

[0491] Receiving the operation of the "carousel avatars" option in control 50 can display, as follows: Figure 25 (b) or Figure 26 The control 80 shown in (b) may include one or more of the following options: default carousel avatar, select carousel avatar, carousel avatar parameter settings, and more. When the user selects the "default carousel avatar" option, the phone can select and display multiple photos of the avatar from object 1510 based on a default algorithm. When the user selects "select carousel avatar," the user can change the default carousel avatar. When the user selects "carousel avatar parameter settings," the user can change the relevant parameters of the carousel avatar (such as the number of avatars, the duration of the carousel, the time interval of the carousel, and the frequency of the carousel), and by changing the relevant parameters of the carousel avatar, the number of avatars in the carousel can be increased or decreased.

[0492] In some embodiments, such as Figure 25 As shown in (b), receiving the "Select Carousel Avatar" option applied to control 80 can display the following: Figure 25 As shown in (c), the user can select multiple photos as carousel avatars. Optionally, the user can select from multiple photos with high ratings (such as high expression rating and / or high photo aesthetic rating) on ​​the display interface.

[0493] In some embodiments, such as Figure 26 As shown in (b), receiving the operation of the "Carousel Avatar Parameter Settings" option in control 80 can display as follows: Figure 26 The display interface shown in (c) allows users to set parameters for the carousel avatars. These parameters include, but are not limited to, the number of avatars, the duration of the carousel, the frequency of the carousel, and the time interval between carousels. Users can change these parameters according to their preferences. For example, the number of avatars can be set to 5, the duration to 10 minutes, the frequency to 0.05 Hz, and the time interval to 20 seconds.

[0494] In some embodiments, users can name objects in the interaction area or define relationships between other objects and objects in the main character area to facilitate better searching and management of images of different objects.

[0495] Figure 27 and Figure 28 These are schematic diagrams of two sets of GUIs provided in embodiments of this application. Among them, Figure 27 The process of naming objects is shown. Figure 28 This demonstrates the process of defining the relationship between other objects and objects in the main character area.

[0496] In some embodiments, such as Figure 27 As shown in (a), if the user wants to name object 1810 in the main character area, they can long-press object 1810; the phone receives the operation (such as a long-press operation) applied to object 1810 in the first area and can display as shown in (a). Figure 27 The control 90 shown in (b) may include one or more of the following options: object naming, default name, pin to top, pin to bottom, hide, remove, delete, and more.

[0497] like Figure 27 As shown in (b), the operation of the "Object Naming" option in control 90 allows you to enter the name of the object, thereby displaying, as shown in the image. Figure 27 The display interface shown in (c) allows the name of object 1810 (e.g., owner) to be displayed below the avatar of object 1810 in the main character area.

[0498] For example, refer to Figure 27 (a) and Figure 27 Operation (b) allows naming multiple objects in the intimacy zone, thus yielding results such as... Figure 27The display interface shown in (d) displays the names of multiple objects below their avatars in the intimate area, such as: Name1, Name2, Name3, Name4, Name5, Name6, Name7, and Name8.

[0499] In some embodiments, such as Figure 28 As shown in (a), the object name in the main character area can be the owner. If the user wants to define the relationship between object 1910 in the intimacy area and the object in the main character area, they can long-press object 1910. When the phone receives an operation (such as a long-press operation) applied to object 1910 in the second area, it can display the following: Figure 28 The control 90 shown in (b) may include one or more of the following options: object naming, default name, pin to top, pin to bottom, hide, remove, delete, and more.

[0500] like Figure 28 As shown in (b), the operation of receiving the "preset title" option in control 90 allows selection of a suitable title from multiple preset titles (e.g., wife, daughter, son, etc.), thereby displaying as shown in the image. Figure 28 The display interface shown in (c) shows the relationship between object 1910 and objects in the main character area (such as son) below the portrait of object 1910.

[0501] For example, refer to Figure 28 (a) and Figure 28 Operation (b) can determine the relationship between multiple objects in the intimacy zone and objects in the protagonist zone, thereby obtaining results such as... Figure 28 The display interface shown in (d) displays the relationships between the objects in the main character area and the objects in the intimacy area below the portraits of multiple objects in the intimacy area, such as: wife, son, daughter, brother, younger brother, colleague and friend, etc.

[0502] In some embodiments, users can manage objects in the Intimacy Zone and Carousel Zone according to their needs, such as pinning / favoriting, placing to the bottom, hiding, removing, and deleting. For example, objects pinned / favorited can be displayed in the Intimacy Zone and arranged before other non-pinned objects; objects placed to the bottom can be displayed in the Carousel Zone and arranged after other non-placed objects; objects hidden are not displayed in the Interaction Zone, and images containing those objects are not displayed in the Image Zone but can be saved in a hidden folder or hidden album; objects removed are not displayed in the Interaction Zone, but images containing those objects can be displayed in the Image Zone; objects deleted are not displayed in the Interaction Zone, and images containing those objects are not displayed in the Image Zone, and all images related to those objects are deleted. The following is combined with... Figures 29 to 33 Please provide an explanation.

[0503] Figure 29 This is a schematic diagram of a set of GUIs provided in the embodiments of this application. Figure 29 This is a diagram illustrating the operation of pinning an object in the carousel area to the top.

[0504] like Figure 29 The interactive area of ​​the display interface shown in (a) may include a main character area (gray area), an intimacy area, and a carousel area. The carousel area includes object 2010, and the intimacy area includes object 2020. Within the intimacy area, object 2020 has the lowest intimacy index. When the mobile phone receives an operation (such as a long press) applied to object 2010 in the carousel area, the mobile phone's display interface may display the following: Figure 29 The control 90 shown in (b) may include one or more of the following options: object naming, default name, pin to top, pin to bottom, hide, remove, delete, and more. In some examples, the pin to top option of control 90 may be replaced with a favorite option.

[0505] like Figure 29 As shown in (b), when the mobile phone receives the "pin to top" option action applied to control 90, it can display as follows: Figure 29 The display interface shown in (c) allows the object 2010, which was originally located in the carousel area, to be displayed in the intimacy area. Optionally, if the number of objects that can be accommodated in the intimacy area is limited (e.g., the intimacy area can accommodate a maximum of 8 objects), the object 2020, which was originally located in the intimacy area, can be displayed in the carousel area.

[0506] In some embodiments, when the user sets object 2010 to be pinned to the top, a first marker is displayed in the lower left corner of object 2010's avatar, such as... Figure 29 As shown in (c), the first marker can be a pentagram. For example, the image of the pinned object 2010 can be enlarged and / or bolded to indicate the importance of the pinned object 2010.

[0507] In some examples, such as Figure 29 As shown in (c), when the user sets object 2010 to the top, the position of the image displayed in the image area related to object 2010 can change depending on whether the object is set to the top. For example, the image containing object 2010 can be brought to the forefront and displayed in front of other non-top objects in the intimacy area.

[0508] In some examples, when the user sets object 2010 to the top, the position of the image of object 2010 displayed in the image area may remain unchanged, and it will still be arranged and displayed in the default order (such as chronological order).

[0509] Figure 30 This is a schematic diagram of another set of GUIs provided in the embodiments of this application. Figure 30 This is a diagram illustrating the operation of placing objects in the intimacy zone behind them.

[0510] like Figure 30 The interactive area of ​​the display interface shown in (a) may include a main character area (gray area), an intimacy area, and a carousel area. The intimacy area includes object 2110, and the carousel area includes object 2120. Within the carousel area, object 2120 has the highest intimacy index. When the mobile phone receives an operation (such as a long press) applied to object 2110 in the intimacy area, the mobile phone's display interface may display the following: Figure 30 The control 90 shown in (b) may include one or more of the following options: object naming, default name, pin to top, pin to bottom, hide, remove, delete, and more.

[0511] like Figure 30 As shown in (b), when the operation of the "Back" option applied to control 90 is received, the mobile phone can display as follows: Figure 30 The display interface shown in (c) allows objects 2110, which were originally located in the Intimacy Zone, to be displayed in the Carousel Zone and can be located at the end of the Carousel Zone. Objects 2120, which were originally located in the Carousel Zone, can be displayed in the Intimacy Zone.

[0512] In some examples, such as Figure 30 As shown in (c), when the user sets object 2110 to the back, the position of the image displayed in the image area related to object 2110 can change depending on whether the object is set to the back. For example, the image containing object 2110 can be placed in the back, displayed behind other objects.

[0513] In some examples, when the user sets object 2110 to the back, the position of the image of object 2110 displayed in the image area may remain unchanged and will still be arranged and displayed in the default order (such as chronological order).

[0514] Figure 31 This is a schematic diagram of another set of GUIs provided in the embodiments of this application. Figure 31 This is a diagram illustrating the operation of hiding objects in the intimate area.

[0515] like Figure 31 The interactive area of ​​the display interface shown in (a) may include a main character area (gray area), an intimacy area, and a carousel area. The intimacy area includes object 2210, and the carousel area includes object 2220. Within the carousel area, object 2220 has the highest intimacy index. When the mobile phone receives an operation (such as a long press) applied to object 2210 in the intimacy area, the mobile phone's display interface may display the following: Figure 31 The control 90 shown in (b) may include one or more of the following options: object naming, default name, pin to top, pin to bottom, hide, remove, delete, and more.

[0516] like Figure 31 As shown in (b), when the operation of the "Hide" option is applied to control 90, the phone can display as follows: Figure 31 The display interface shown in (c) has the object 2210, which was originally located in the intimacy area, hidden and not displayed in the interaction area, while the object 2220, which was originally located in the carousel area, can be moved to the intimacy area for display.

[0517] In some examples, such as Figure 31 As shown in (c), when the user sets object 2210 to be hidden, object 2210 in the interaction area is hidden and not displayed, and the image area hides the image about object 2210. For example, the image about the hidden object 2210 can be stored in a hidden folder in the phone's photo album.

[0518] For example, a schematic diagram of the interface for deleting objects in the interactive area can be found here. Figure 31 This will not be described again here. It should be noted that the difference between the delete and hide operations is that the image of the deleted object is also deleted at the same time, while the image of the hidden object is not deleted, but is only displayed and stored in the hidden folder.

[0519] Figure 32 This is a schematic diagram of another set of GUIs provided in the embodiments of this application. Figure 32 This is a diagram illustrating the removal operation of an object in the intimacy zone.

[0520] like Figure 32 The interactive area of ​​the display interface shown in (a) may include a main character area (gray area), an intimacy area, and a carousel area. The intimacy area includes object 2310, and the carousel area includes object 2320. Within the carousel area, object 2320 has the highest intimacy index. When the mobile phone receives an operation (such as a long press) applied to object 2310 in the intimacy area, the mobile phone's display interface may display the following: Figure 32 The control 90 shown in (b) may include one or more of the following options: object naming, default name, pin to top, pin to bottom, hide, remove, delete, and more.

[0521] like Figure 32 As shown in (b), when the operation of the "Remove" option is applied to control 90, the phone can display as follows: Figure 32The display interface shown in (c) has the following features: object 2310, previously located in the intimacy zone, is removed and no longer displayed in the interaction zone; object 2320, previously located in the carousel zone, can be moved to the intimacy zone for display. For example, if a user does not want object 2310 to be displayed in the interaction zone but wants to retain an image containing object 2310 (such as a photo of the object and object 2310 in the first area), the user can remove object 2310 so that it is no longer displayed in the interaction zone, but can still view the image containing object 2310 in the image area.

[0522] In some examples, such as Figure 32 As shown in (c), when the user sets object 2310 to be removed, object 2310 is no longer displayed in the interactive area, but the image area can still display an image about object 2310.

[0523] Figure 33 This is a schematic diagram of another set of GUIs provided in the embodiments of this application. Figure 33 A diagram showing the object management interface for users.

[0524] like Figure 33 The display interface shown in (a) may include a settings control 2410, through which the object management interface can be viewed. In some examples, such as Figure 33 As shown in (b), when the user does not manage objects, objects in the Intimacy Zone and Carousel Zone are sorted by intimacy index from highest to lowest by default. Objects with an intimacy index greater than a first threshold are displayed in the Intimacy Zone (e.g., the top 8 objects by intimacy index are displayed in the Intimacy Zone), while other objects are displayed in the Carousel Zone. In some examples, when the first and third most intimacy index objects are pinned to the top and the second most intimacy index object is placed to the bottom, the object management interface can be as follows: Figure 33 As shown in (c).

[0525] For example, in Figure 33 (b) or Figure 33 On the object management interface shown in (c), objects in the intimate area and carousel area can also be managed by pinning, backing, hiding, removing, and deleting them. For example, clicking or long-pressing an object will display the control 90 as described above on the object management interface. Users can then click on the options in control 90 to manage different objects.

[0526] It should be noted that controls 50, 60, and 90 can be integrated into one or more controls. In some examples, controls 50, 60, and 90 can be integrated into multiple controls, as described in the above embodiments. In some examples, controls 50, 60, and 90 are integrated into a third control, which may include one or more of the following options: set as protagonist, add to protagonist area, exit protagonist area, fix avatar, carousel avatar, object naming, preset title, pin to top, pin to bottom, hide, remove, delete, and more. In some examples, one or more options in this third control can also be integrated into the settings control 2410 described above.

[0527] This application does not limit the specific display form of the controls. Users can bring up the corresponding controls and achieve the corresponding functions through corresponding operations. For example, user operations may include, but are not limited to, any of the following: click operation, selection operation, pinch operation, and drag operation. The click operation may include a single click, a double click, or any number of clicks, and may also include a long press or a short press, etc. This application does not specifically limit the user operations.

[0528] Figure 34 This is a schematic diagram of another set of GUIs provided in the embodiments of this application. Figure 34 Two ways of displaying image folders are shown.

[0529] In some embodiments, such as Figure 34 As shown in (a), the display interface of the mobile phone may include a control 21, which includes a first function option and a second function option. The first function option may be a selected photo option, and the second function option may be a story collection option.

[0530] In some examples, when the action is performed on the first function option (i.e., the featured photos option), the image area displays one or more images containing the subject area object. See reference [link / reference]. Figure 33 (a) in the example. In some examples, such as Figure 34 As shown in (a), when the operation is performed on the second function option (i.e., the story set option), the image area displays a folder containing images of the main character area objects.

[0531] In this embodiment of the application, the image area may include two ways of displaying images: one is to directly display one or more images in the image area, and the other is to display them in the image area in the form of an image folder. The image folder can be an image folder with a specific theme (such as a wedding theme, a Yunnan tourism theme, etc.) generated by the electronic device based on preset rules.

[0532] In some embodiments, such as Figure 34As shown in (b), the mobile phone's display interface may also include an image folder 2510, which may include multiple images of objects displayed in the first area. For example, the image folder 2510 may include Story Collection 1, Story Collection 2, Story Collection 3, and Story Collection 4. Exemplarily, the image folder 2510 may be obtained by classifying the images displayed in the image area based on a specific theme (such as a wedding theme, a Yunnan tourism theme, etc.).

[0533] Figure 35 This is a schematic diagram of another set of GUIs provided in the embodiments of this application. Figure 35 The screen of the phone in extended display mode is shown.

[0534] In some embodiments, such as Figure 35 As shown in (a), the mobile phone's display interface may include an extended display control 25, and the image area may display a third image, which may be an image containing an object in the first area (such as an image containing a person). Operations acting on the extended display control 25 are received, such as... Figure 35 As shown in (b), the image area also displays a fourth image (i.e., the image area displays both the third and fourth images), the fourth image being captured within the same time period as the third image (this time period could be, for example, half an hour, an hour, etc.), and / or the fourth image being captured within the same area as the third image (this area could be, for example, the area where a certain location (company, home, tourist attraction, etc.) is located). Exemplarily, the fourth image includes images of non-human figures, such as images of beautiful scenery or food.

[0535] When the user selects the extended display control 25, the images displayed in the image area may include a third image and a fourth image that is an extension of the third image, thereby providing the user with a variety of images to choose from.

[0536] In some embodiments, as described above, the phone's gallery interface may include a tag area, where one or more tags can be used to categorize images in the image area. In some examples, the tag area may include tags with specific themes, such as location tags, sports tags, food tags, travel tags, and pet tags. One or more tags in the tag area may be generated based on the content of the images displayed in the image area.

[0537] In this embodiment of the application, images in the image area can be classified and filtered according to different tag contents in the tag area. For example, if a user wants to find a photo of a first object with food, and the first object is located in the first area of ​​the interaction area, the user can click on the food tag in the tag area to quickly filter out the image they want from multiple images, thereby providing the user with intelligent, multi-dimensional, and accurate image browsing and management.

[0538] Figures 36 to 40 This is a schematic diagram of multiple GUIs provided in the embodiments of this application. Figures 36 to 40 This demonstrates the process of image filtering based on different labels in the label area.

[0539] Figure 36 This describes the process of users filtering images based on food tags. For example... Figure 36 As shown in (a), the image area displays a tenth image, which is an image containing the object in the main subject area. This tenth image can be an image including multiple themes or tags (such as sports, food, travel, etc.), and the tag area includes at least the food tag. Upon receiving an operation applied to the food tag (such as a click operation), the phone can display as shown... Figure 36 The display interface shown in (b) displays the eleventh image in the image area. The eleventh image is an image obtained by filtering the tenth image based on food tags. The interactive area only displays the objects contained in the tenth image and does not display other objects.

[0540] In some embodiments, such as Figure 36 As shown in (c), the mobile phone receives an operation on the extended display control 25, and the image area can also display a twelfth image, which includes the eleventh image and an image containing food that is extended based on the eleventh image.

[0541] In this embodiment, users can filter images in the image area using the food tags in the tag area. This allows them to select images containing food that meet their needs from multiple images, providing users with intelligent, multi-dimensional, and accurate image browsing and searching.

[0542] It should be noted that, in this embodiment, users can perform image filtering operations based on the labels in the label area. Changes in the image area will trigger changes in the objects displayed in the interactive area, thereby enabling matching or correspondence between the interactive area and the image area. This allows users to easily perceive which objects the images displayed in the image area are related to. Furthermore, users can also recombine objects based on the objects displayed in the interactive area, thus enabling further filtering of the images displayed in the image area.

[0543] Figure 37 This describes the process of filtering images for users based on motion tags. For example... Figure 37 As shown in (a), the image area displays a thirteenth image, which is an image containing the object in the main subject area. This thirteenth image can be an image including multiple themes or tags (such as sports, food, travel, etc.), and the tag area includes at least the sports tag. Upon receiving an operation applied to the sports tag (such as a click operation), the phone can display as shown... Figure 37The display interface shown in (b) displays a fourteenth image (such as a basketball image and a yoga image) in the image area. The fourteenth image is obtained by filtering the thirteenth image based on the sports tag. The interactive area only displays the objects contained in the fourteenth image and does not display other objects.

[0544] In this embodiment of the application, users can filter images in the image area through the motion tags in the tag area. They can select images containing motion themes that meet their needs from multiple images, providing users with intelligent, multi-dimensional, and accurate image browsing and searching.

[0545] Figure 38 This is the process of filtering images with motion tags for users based on different locations. For example... Figure 38 As shown in (a), the image area displays a fifteenth image (such as a basketball image and a yoga image). This fifteenth image is an image containing the object in the main subject area. The fifteenth image can be an image including multiple themes or tags (such as sports and location tags), and the tag area includes at least a location tag. Upon receiving an action applied to the location tag (such as a click action), the phone can display as shown in (a). Figure 38 The display interface shown in (b) can display options including Location 1 and Location 2. Upon receiving a user action on Location 1 (such as a click), the phone can display as shown... Figure 38 The display interface shown in (c) has an image area that can display motion images (such as yoga motion images) at location 1; the interactive area only displays objects contained in the yoga motion image and does not display other objects.

[0546] In this embodiment of the application, users can filter images in the image area multiple times (secondarily) through location tags in the interaction area. For example, the first time is filtered by motion tags, and the second time is filtered by location tags. Or, the first time is filtered by location tags, and the second time is filtered by motion tags. In this way, images that meet the user's needs can be filtered from multiple images, providing users with intelligent, multi-dimensional, and accurate image browsing and searching.

[0547] Figure 39 This describes the process of users filtering images based on travel tags. For example... Figure 39 As shown in (a), the image area displays the sixteenth image, which is an image containing the object in the main subject area. This sixteenth image can be an image including multiple themes or tags (such as sports, food, travel, etc.), and the tag area includes at least the travel tag. Upon receiving an action (such as a click) applied to the travel tag, the mobile phone can display as follows: Figure 39The display interface shown in (b) displays a seventeenth image (e.g., a tourism image) in its image area. The seventeenth image is obtained by filtering the sixteenth image based on tourism tags. The interactive area only displays objects contained in the seventeenth image and does not display other objects.

[0548] In this embodiment of the application, users can filter images in the image area through the travel tags in the tag area. They can select images with travel themes that meet their needs from multiple images, providing users with intelligent, multi-dimensional, and accurate image browsing and searching.

[0549] Figure 40 This is the process of filtering images with tourism tags for users based on different locations. For example... Figure 40 As shown in (a), the image area displays a seventeenth image (e.g., a travel image), which is an image containing the object in the main subject area. This seventeenth image can be an image including multiple tags (e.g., travel tags and location tags), and the tag area includes at least location tags. Upon receiving an operation (e.g., a click operation) applied to the location tags, the mobile phone can display... Figure 40 The display interface shown in (b) can display options including location 3 and location 4. Upon receiving user input on location 3 (such as a click), the phone can display as shown... Figure 40 The display interface shown in (c) has an image area that can display tourist images under location 3; the interactive area only displays objects contained in the tourist images under location 3 and does not display other objects.

[0550] In this embodiment of the application, users can filter images in the image area multiple times (secondarily) through location tags in the interaction area. For example, the first time is filtered by travel tags, and the second time is filtered by location tags. Or, the first time is filtered by location tags, and the second time is filtered by travel tags. In this way, images that meet the user's needs can be selected from multiple images, providing users with intelligent, multi-dimensional, and accurate image browsing and searching.

[0551] In some embodiments, when the number of images of objects in the interactive area changes (images are added or removed), the number of added / removed images (e.g., +1, -1 markers) can be displayed on the objects in the interactive area to help users quickly locate which objects have changed in the number of images. For example, when a user adds an image of an object in the interactive area using a mobile phone camera or other means (e.g., downloading from the internet, sharing with friends), the number of added images can be displayed on the objects in the interactive area, such as +1, -1 markers in the upper right corner of the object.

[0552] Figure 41 This shows the changes to the phone screen when an image of a new object is added to the intimacy zone. For example... Figure 41 As shown in (a), the user can use the mobile phone camera to photograph object 3210, which can be an object in the intimate area (B1 area). In the case of adding an image of object 3210 in the intimate area, as... Figure 41 As shown in (b), the number of newly added images (e.g., +1) can be displayed in the upper right corner of object 3210 in area B1 of the gallery interface.

[0553] Figure 42 This shows how the phone interface changes when a new object's image is added. For example... Figure 42 As shown in (a), the user can use the phone's camera to photograph object 3310, which was not previously displayed in the interaction area; object 3310 is a newly added object. When adding an image of a new object 3310, as... Figure 42 As shown in (b), the newly added object 3310 will be displayed in area B2 of the gallery interface. The border of the newly added object 3310's portrait can be displayed in a specific color and / or in bold, so that users can identify which objects are newly added from the objects displayed in the interactive area.

[0554] In some embodiments, as the number of favorited images containing a particular object increases, the object's importance (intimacy index) increases accordingly. When the number of favorited images is relatively large, the object may move from the carousel to the intimacy zone. Conversely, if images containing a particular object are deleted, the object's importance (intimacy index) decreases accordingly. When a large number of images containing a particular object are deleted, the object may fall from the intimacy zone back to the carousel. If all images containing a particular object are deleted, the object can be removed from the interaction area, and it will no longer be displayed there.

[0555] To provide users with a more intuitive understanding of changes in the number of object images, some examples use different colored avatar frames on the gallery interface to indicate ranking changes. For instance, a red avatar frame indicates an increase in ranking, a green avatar frame indicates a decrease in ranking, and a yellow avatar frame indicates no change in ranking. In some examples, an upward indicator (such as an upward arrow) near the object's avatar indicates an increase in ranking, a downward indicator (such as a downward arrow) indicates a decrease in ranking, and a neutral indicator (such as a dash) indicates no change in ranking.

[0556] Figure 43 This shows the changes to the phone's interface when an image of a saved item is displayed. For example... Figure 43As shown in (a), users can collect images containing object 3410 (the object in the main area) and object 3420 (the object in the carousel area). Collected images will have a collection icon (such as a heart icon) in the lower left corner. When a user collects a certain number of images containing object 3420 (the object in the carousel area), the phone's display interface can be as follows: Figure 43 As shown in (b). Figure 43 On the display interface shown in (b), after a user collects a certain number of images containing object 3420, object 3420's avatar can be enlarged, and a collection icon (heart icon) appears in the lower right corner of the avatar. As object 3420's importance increases, an upward arrow can be displayed to the left of object 3420's avatar to indicate its ranking has risen. Correspondingly, object 3430, which was originally in the intimacy zone (with the lowest intimacy index in the intimacy zone), may be moved to the carousel area. As object 3430's importance decreases, a downward arrow can be displayed to the left of object 3430's avatar to indicate its ranking has fallen. Collection icons (such as heart icons) will appear in the lower left corner of the images displayed in the image area.

[0557] Figure 44 This shows the changes to the phone's interface when an image of an object is deleted. For example... Figure 44 As shown in (a), the user can delete the image containing object 3410 (the object in the main character area) and object 3420 (the object in the carousel area). When all images containing object 3420 are deleted, the phone's display interface can be as follows: Figure 44 As shown in (b), the object 3420, which was originally located in the carousel area, will be removed from the carousel area, and the image containing the object 3420 will also be deleted from the image area.

[0558] In some examples, with Figure 43 Similarly, with the collection of images, when a user deletes a large number of images of a particular object, the object's importance (intimacy index) will decrease, and the object may fall from the intimacy zone to the carousel zone.

[0559] It should be noted that the objects in the embodiments of this application may include at least one of the following: people, objects, animals, and scenery. In the above embodiments, the object of the interaction area is mainly a person. In some embodiments, the object of the interaction area 10 may not be a person, but other non-person objects.

[0560] Figure 45 and Figure 46 These are schematic diagrams of two other display interfaces provided in the embodiments of this application.

[0561] In some embodiments, such as Figure 45 (a) or Figure 45On the display interface shown in (b), the objects in areas A and B of the interaction area 10 can be different locations, and the labels in the label area 40 can be labels for different portraits. The extension area 20 and the image area 30 remain unchanged. Area A of the interaction area 10 can include the object "Nanjing," and area B of the interaction area 10 can include objects such as Beijing, Yunnan, Anhui, and Fujian. The image area displays images related to the object "Nanjing," meaning the image area can display all images taken in Nanjing or selected images. Furthermore, users can filter the images displayed in the image area 30 using the portrait labels in the label area 40 to select images of specific people taken in Nanjing.

[0562] It should be noted that the embodiments of this application do not limit the setting positions of the interaction area 10, the extension area 20, the image area 30, and the label area 40 on the display interface. For example, as Figure 45 As shown in (a), the interactive area 10, the extended area 20, the image area 30, and the label area 40 can be arranged sequentially, with the label area 40 located at the bottom of the display interface; for example, as Figure 45 As shown in (b), the label area 40 can be located between the interactive area 10 and the extended area 20.

[0563] In some embodiments, such as Figure 46 As shown in (a), area A of interactive area 10 can include Nanjing, and area B of interactive area 10 can include objects with different themes, such as tourism, sports, food, and pets. The image area displays images related to the object "Nanjing," that is, the image area can display images taken in Nanjing. Furthermore, users can filter the images displayed in image area 30 through the portrait tags in tag area 40 to select images of specific people taken in Nanjing.

[0564] In some examples, users can add objects with different themes from area B to area A for image filtering. For instance, a user can add food objects from area B to area A, so the image area can display images of food taken in Nanjing. Furthermore, users can filter the images displayed in image area 30 using the portrait tags in tag area 40, selecting images of specific people taken in Nanjing that contain food.

[0565] In some embodiments, such as Figure 46As shown in (b), the display interface may include an interactive area 10, an extended area 20, and an image area 30. Area A of the interactive area 10 may include a person object 3710, and area B of the interactive area 10 may include objects with different themes, such as Anhui, Fujian, people, food, and pets. The image area displays images containing the person object 3710. Furthermore, users can add different objects from area B to area A for image filtering. For example, a user can add the "sports" object from area B to area A, so that the image area can display sports images of the person object 3710. As another example, a user can add the "Fujian" object from area B to area A, thus filtering out sports images of people 3710 in Fujian and displaying them in the image area for subsequent image editing, image sharing, and other operations.

[0566] In the above embodiments, the solution of this application is mainly described using a candybar phone as an example. It should be understood that the solution described in the embodiments of this application is also applicable to foldable phones. That is, area A of interaction area 10, area B or B1 of interaction area 10, area B2 of interaction area 10, extension area 20, image area 30 and label area 40 can be located on the same screen of the electronic device, or they can be located on different screens of the foldable electronic device.

[0567] Figure 47 This is a schematic diagram of the display interface of a foldable mobile phone provided in an embodiment of this application. Figure 47 As shown, the interaction area 10 can be located on one screen of the foldable phone, and the extension area 20, image area 30, and label area 40 can be located on another screen of the foldable phone. In some examples, areas A, B1, and B2 of the interaction area 10 can also be located on different screens, and this application does not limit this.

[0568] Figure 48 This is a schematic diagram of an image display method provided in an embodiment of this application. The image display method 3900 may include steps S3910 and S3920. The image display method 3900 can be applied to the aforementioned foldable and non-foldable electronic devices.

[0569] S3910, Display a first interface, which includes a first area, a second area, and a third area. The first area displays a first object, the second area displays a second object, and the third area displays an image containing the first object.

[0570] For example, the first interface can refer to Figure 4As shown in (b), the first area can be called the main character area or area A, the second area can be called the intimate area, area B, or area B1, and the third area can be called the image area. The interaction area can include the first area, the second area, and the fourth area. It should be understood that the names of the areas in the embodiments of this application are merely illustrative. In some examples, the interaction area can also be called the node area, the planet area, etc., and the image area can also be called the image display area, the image interaction area, etc.

[0571] In some examples, the images displayed in the image area can be selected images obtained by filtering multiple stored images based on a preset algorithm. This preset algorithm includes, but is not limited to, at least one of the following: a deduplication algorithm, a semantic similarity removal algorithm, and a basic quality difference removal algorithm. Specifically, the deduplication algorithm is used to remove duplicate images from multiple images stored on the electronic device; the semantic similarity removal algorithm is used to remove images that are highly similar or semantically close from multiple images stored on the electronic device; and the basic quality difference removal algorithm is used to remove images with poor basic quality (such as blurry images) from multiple images stored on the electronic device.

[0572] It should be understood that, after processing by a preset algorithm, a selection of unique and high-quality images can be filtered from multiple images stored on an electronic device for users to view and manage.

[0573] In some examples, the images displayed in the image area may be images that have not been filtered by the aforementioned preset algorithm; that is, the images displayed in the image area may be any images containing the first object.

[0574] In some embodiments, the first interface may be located on the same screen of the electronic device (see reference). Figure 5 Alternatively, the first interface can also be located on different split screens of the foldable electronic device (see reference). Figure 47 ).

[0575] In some embodiments, such as Figure 5 As shown in (b), the first interface also includes a fourth area (B2 area). The objects displayed in the fourth area can be objects that intersect with the objects in the first area but are not displayed in the second area. That is, multiple objects that intersect with the objects in the first area can be determined from multiple images stored in the electronic device. These multiple objects can be filtered based on the aforementioned preset rules to determine the objects to be displayed in the second area. The remaining other objects can be displayed or not displayed in the fourth area (corresponding to the case where no fourth area is set).

[0576] In some embodiments, the second object is an object obtained by filtering based on preset rules, which include the intimacy index being greater than a first threshold and / or the information of the detected reference event being the same as the information of the historical event, which is an event associated with the first object and the second object.

[0577] For example, the intimacy index can be the intimacy index with the object displayed in the first area. The information of the reference event includes at least one of the following: time information, location information, and event theme information; the information of the historical event includes at least one of the following: time information that includes images of both the first object and the second object, location information that includes images of both the first object and the second object, and event theme information that includes images of both the first object and the second object.

[0578] In one possible implementation, the preset rule includes an intimacy index greater than a first threshold. For example, the intimacy index of the object displayed in the second area is greater than the first threshold, while the intimacy index of the object displayed in the fourth area is less than or equal to the first threshold. The intimacy index of the object displayed in the second area can be understood as the intimacy index between the object displayed in the second area and the object displayed in the first area, and the intimacy index of the object displayed in the fourth area can be understood as the intimacy index between the object displayed in the fourth area and the object displayed in the first area.

[0579] In some examples, the affinity index between other objects and the first object can be determined based on the total number of images of different objects. For example, the number of images of different objects in the gallery can be counted, and the total number of images can be sorted from high to low. Objects with a total number of images higher than a preset threshold (such as 30 images) are displayed in a second area, while objects with a total number of images lower than the preset threshold can be not displayed or displayed in a fourth area.

[0580] In some examples, the affinity index between other objects and the first object can be determined based on the total number of images that simultaneously contain both other objects and the first object. For example, the total number of group photos of different objects with the first object in the image library is counted, and the images are sorted from highest to lowest according to the total number of group photos. Objects with a total number of group photos exceeding a preset threshold (such as 20 photos) are displayed in the second area, while objects with a total number of group photos not exceeding the preset threshold may not be displayed or may be displayed in the fourth area.

[0581] In some examples, the affinity index between other objects and the first object can be determined based on the total number of images of other objects appearing with the first object within the same time period. For example, the total number of images of different objects in the image library appearing with the first object within the same time period is counted, and the total number of images is sorted from high to low. Objects with a total number of images higher than a preset threshold (such as 10 images) are displayed in the second area, while objects with a total number of images lower than the preset threshold may not be displayed or may be displayed in the fourth area.

[0582] In some examples, the affinity index between other objects and the first object can be determined based on the number of images of other objects appearing in the same area as the first object. For example, the total number of images of different objects appearing in the same area as the first object in the image library is counted, and the total number of images is sorted from high to low. Objects with a total number of images higher than a preset threshold (such as 10 images) are displayed in the second area, while objects with a total number of images lower than the preset threshold may not be displayed or may be displayed in the fourth area.

[0583] For example, the intimacy index of the second object can be determined based on one or more of the following: the total number of images containing the second object; the total number of images containing both the second object and the first object; the total number of images in which the second object and the first object appear in the same time period; and the total number of images in which the second object and the first object appear in the same area.

[0584] It should be noted that as the number of images containing different objects stored in the electronic device changes, the objects displayed in the second area will also be dynamically adjusted based on the above-mentioned preset rules.

[0585] In one possible implementation, the preset rules may include information about detected reference events (which can be understood as information about the current event) being identical to information about historical events. It should be understood that images stored by the electronic device may include information about historical events of the images, such as image time information, location information, and event theme information.

[0586] In some examples, if the current time is detected to be the same as a historical time (such as the tenth week of each year or a certain date of each year), and the image corresponding to that historical time includes a first object and a second object (the second object was not originally displayed in the first and second areas), the second object in the image corresponding to the historical time can be displayed in the second area.

[0587] For example, if the first person and the second person took a photo together to celebrate a birthday or holiday this week last year, such as on August 9th last year, and the photo is taken at the same time this year (such as August 9th or 51 weeks later (birthday week)), and the second person is not in the second area, then the second person can be moved into the second area for display.

[0588] For example, if the first object and the second object have a new photo together, and the time interval between the last photo of the first object and the second object together meets a preset threshold (such as 3 months), then if the second object is not in the second area, the second object can be moved into the second area for display.

[0589] For example, if the second object first appears at a certain time (such as the first anniversary, the fifth anniversary, etc.), and if the second object is not in the second area, then the second object can be moved into the second area for display.

[0590] In some examples, if the current location coincides with a historical location (such as the location of a tourist attraction), and the image corresponding to the historical location includes a first object and a second object (the second object was not originally displayed in the first and second areas), the second object in the image corresponding to the historical location can be displayed in the second area.

[0591] For example, if the image information taken by the first object shows that the first object is at the first location, and the first object and the second object previously took a photo together at the first location, then if the second object is not in the second area, the second object can be moved into the second area for display.

[0592] In some examples, if the current activity theme is detected to be the same as a historical activity theme (such as a sports activity theme), and the image corresponding to the historical activity theme includes a first object and a second object (the second object was not originally displayed in the first and second areas), the second object in the image corresponding to the historical activity theme can be displayed in the second area.

[0593] For example, if an image corresponding to a certain activity theme (such as basketball) is added, it can be assumed that the user is in the current activity theme, and a second object related to that activity theme can be moved into the second area for display.

[0594] In this embodiment, the objects displayed in the second area can be dynamically adjusted based on one or more rules. The second area can display closely related or special objects, making it convenient for users to find specific people or to find photos of specific people together.

[0595] In some embodiments, the proximity index of the objects displayed in the fourth area is greater than a second threshold, which is less than a first threshold. For example, the second threshold can be 1 image, 2 images, etc. It should be understood that by setting the second threshold, the objects displayed in the fourth area can be distinguished from random objects. For example, if an object appears only a few times in the gallery, it can be considered a random object and will not be displayed on the first interface. The method for determining the second threshold can refer to the method for determining the first threshold described above, and will not be repeated here.

[0596] For example, when the intimacy index between an object and a first object first exceeds a second threshold, the object can be briefly moved to a second area for display. For example, the object can be displayed in the second area for a first duration. After the first duration ends, if the intimacy index with the object is less than the first threshold, the object is moved to a fourth area for display.

[0597] In some embodiments, such as Figure 4As shown in (b), the first interface also includes a tag area 40, which displays one or more tags for categorizing images in the image area. For example, the one or more tags can be tags with specific themes, such as location tags, sports tags, food tags, travel tags, and pet tags. These one or more tags can be generated based on the content of the images displayed in the image area.

[0598] In some embodiments, such as Figure 22 As shown, the first interface also includes a date pane 1310 displaying a first time, an image area displaying a fifth image whose capture time is no later than or earlier than the first time, and an interactive area displaying objects contained in the fifth image. Correspondingly, one or more labels in the label area can be generated based on the fifth image. Exemplarily, the date pane can be located in the interactive area.

[0599] In some embodiments, such as Figure 23 As shown, the date pane 1310 can display a first time period, the image area displays a sixth image whose capture time is within the first time period, and the interactive area displays objects contained in the sixth image. Accordingly, one or more labels in the label area can be generated based on the sixth image.

[0600] In some embodiments, such as Figure 34 As shown in (a), the first interface also includes a first control (such as control 21 above), the first control includes a first function option and a second function option, and the image area displays an image containing the first object, including: receiving an operation performed on the first function option and displaying one or more images containing the first object in the image area; or receiving an operation performed on the second function option and displaying a folder containing images of the first object in the image area.

[0601] In some embodiments, such as Figure 34 As shown in (b), the first interface also includes an image folder 2510, which contains multiple images of objects displayed in the first area.

[0602] S3920, receiving a first operation applied to a second object, the first area displaying the second object, and the third area displaying an image containing the second object.

[0603] In some examples, the first operation may include, but is not limited to, any of the following: a click operation, a selection operation, a pinch operation, or a drag operation. The click operation may include a single click, a double click, or any number of clicks, and may also include a long press or a short press, etc. The user's operation is not specifically limited in this embodiment.

[0604] In some examples, after receiving a first operation applied to the second object, the second area displays the first object, or the fourth area displays the first object.

[0605] In some embodiments, the method 3900 may further include: receiving a second operation applied to a third object in a second region or a fourth region, wherein a first region displays the second object and the third object, and an image region displays an image containing both the second object and the third object. Exemplarily, the second operation may be a drag operation or a click operation (such as a long press). For more details, please refer to [link / reference needed]. Figure 10 , Figure 13 and Figure 14 The relevant description in the document.

[0606] In some embodiments, the method 3900 may further include: receiving a third operation acting on a second object and a third object in a second region or a fourth region, wherein a first region displays the second object and the third object, and an image region displays an image containing both the second object and the third object. For example, the eleventh operation may be a pinch operation or a selection operation. For more details, please refer to [link / reference]. Figure 11 , Figure 12 , Figure 15 and Figure 16 The relevant description in the document.

[0607] In some embodiments, when the fourth and fifth objects are located in the second or fourth region, the method 3900 may further include: receiving a fourth operation acting on the fourth and fifth objects, displaying the fourth and fifth objects in the first region, and displaying an image area containing both the fourth and fifth objects. Exemplarily, the fourth operation may be a pinch operation or a selection operation. For more details, please refer to [link / reference]. Figure 17 and Figure 18 The relevant description in the document.

[0608] In some embodiments, where a second object and a third object are displayed in a first region, and an image region displays an image containing both the second and third objects, the method 3900 may further include: receiving a fifth operation applied to the third object, wherein the first region displays the second object, and the third region displays an image containing the second object. For more details, please refer to [link / reference needed]. Figures 19 to 21 The relevant description in the document.

[0609] In some embodiments, the method 3900 may further include: receiving an operation applied to an object in the second region, and displaying a second control, the second control including one or more of the following options: pin to top, pin to the back, hide, remove, delete, and more. Exemplarily, the pin to top, pin to the back, hide, remove, and delete options included in the second control can be integrated into a settings control on the first interface. For more details, please refer to [link / reference]. Figures 29 to 33 The relevant description in the document.

[0610] In some examples, where the fourth region includes the sixth object, the method 3900 may further include: receiving a sixth operation applied to the sixth object, wherein the second region displays the sixth object and the fourth region does not display the sixth object. Exemplarily, the sixth operation may be a pinning operation or a favorite operation.

[0611] In some examples, where the second region includes the seventh object, the method 3900 may further include: receiving a seventh operation applied to the seventh object, wherein the fourth region displays the seventh object and the second region does not display the seventh object. Exemplarily, the seventh operation may be a postponable operation.

[0612] In some examples, where the second or fourth region includes an eighth object, the method 3900 may further include: receiving an eighth operation applied to the eighth object, wherein the eighth object is not displayed in the second or fourth region. Exemplarily, the eighth operation may be a hide, remove, or delete operation.

[0613] In some embodiments, one or more tags include a first tag, and the method 3900 may further include: receiving a ninth operation acting on the first tag; displaying a first image in a third region, the first image being an image obtained by filtering the images displayed in the third region based on the first tag; and displaying only objects contained in the first image in the first region and the second region. This section can be found in [reference]. Figure 36 , Figure 37 and Figure 39 The relevant description in the document.

[0614] In some embodiments, one or more tags further include a second tag, and the method 3900 may further include: receiving a tenth operation acting on the second tag; displaying a second image in a third region, the second image being an image obtained by filtering a first image based on the second tag; and displaying only objects contained in the second image in the first and second regions. This section can be found in [reference needed]. Figure 38 and Figure 40 The relevant description in the document.

[0615] In some embodiments, the image area displays a third image, and the first interface further includes an extended display control. The method 3900 may further include: receiving an eleventh operation acting on the extended display control; the image area also displays a fourth image; the fourth image and the third image were captured at the same time period; and / or, the fourth image and the third image were captured at the same location. For more details, please refer to [link / reference needed]. Figure 35 and Figure 36 The relevant description in the document.

[0616] In some embodiments, the method 3900 may further include: receiving a twelfth operation from the user, and changing the display mode of the first object, wherein the display mode of the first object includes a static display mode and a dynamic display mode. This part can be found in [reference]. Figures 24 to 26 The relevant description in the document.

[0617] In some embodiments, when the first object is displayed in a dynamic display mode, the method 3900 may further include: receiving a thirteenth user operation and determining carousel parameter information for the dynamic display mode, wherein the carousel parameter information includes one or more of the following: carousel avatars, number of carousels, carousel duration, carousel time interval, and carousel frequency. For details, please refer to [link / reference needed]. Figure 26 The relevant description in the document.

[0618] In some embodiments, the method 3900 may further include: receiving an operation applied to a date pane, wherein the date pane displays a second time, an image area displays a seventh image, the seventh image being captured no later than or earlier than the second time, and an interaction area displays objects contained in the seventh image. Accordingly, one or more labels in the label area can be generated based on the seventh image. This section can be referenced. Figure 22 The relevant description in the document.

[0619] In some embodiments, the method 3900 may further include: receiving an operation applied to a date pane, the date pane displaying a second time period, an image area displaying an eighth image, the eighth image being captured within the second time period, and an interaction area displaying objects contained in the eighth image. Accordingly, one or more labels in the label area can be generated based on the eighth image. This section can be referenced. Figure 23 The relevant description in the document.

[0620] For example, users can change the time displayed in the date pane using a slider, keyboard input, or time selection. Users can modify the time period displayed in the date pane to filter images that meet their needs, facilitating browsing and management of images from different times and enhancing the user experience.

[0621] In this embodiment, the first interface of the electronic device may include a first area, a second area, and a third area. The first area may display a first object (e.g., the device owner), the second area may display a second object (e.g., an object associated with the device owner), and the third area may display an image of the first object, allowing users to quickly and accurately find images related to the first object and perform subsequent image processing (such as image editing, image sharing, etc.). When a user wants to view an image of the second object, the user can replace the first object in the first area with the second object, and the content displayed in the third area will change accordingly. That is, the third area may display an image containing the second object, enabling the user to quickly find the image of the second object they want, browse images containing the second object, and perform subsequent image processing (such as image editing, image sharing, etc.), providing users with intelligent, multi-dimensional, and accurate image browsing and management.

[0622] It is understood that the embodiments of this application provide a more intelligent, efficient, multi-dimensional, and accurate way of browsing and visually managing images. Based on people and their relationships, it does not rely on manual image annotation, but combines AI's ability to classify images using tags such as key events, activities, time, and location, providing intelligent, visual, multi-dimensional, and accurate image browsing and management. It offers a more interesting, intelligent, and AI-driven image library interaction experience. Furthermore, the embodiments of this application can further enrich the playability of the image library, presenting it in a more youthful and aesthetically pleasing portrait gallery format, aligning with HarmonyOS's high-end and refined development direction; starting from people, it revitalizes the global data of the image library related to people, activating other high-potential functions in the image library (such as highlight moments, image aesthetics selection, and private albums), creating unique competitive features.

[0623] Based on the same concept as the embodiments described above, this application also provides an image display device and an electronic device. The following is in conjunction with... Figure 49 and Figure 50 Provide the corresponding explanation.

[0624] Figure 49 This is a schematic block diagram of an image display device 4000 provided in an embodiment of this application. Figure 49 As shown, the device 4000 can possess the functions of an electronic device in the above method embodiments and can be used to execute the steps performed by the functions of the electronic device in the above method embodiments. This function can be implemented in hardware, or in software, or in software executed by hardware. The hardware or software includes one or more modules corresponding to the above functions.

[0625] In some embodiments, the image display device 4000 may include a display module 4010, a processing module 4020, and a storage module 4030. The display module 4010 is used to display the display interface of the electronic device in the above embodiments, the processing module 4020 is used to filter images based on different objects, and the storage module 4030 is used to store images of different objects in the above embodiments. Exemplarily, the storage module 4030 may also be used for program code and data of the image display device 4000.

[0626] Figure 50 This is a schematic block diagram of an electronic device 4100 provided in an embodiment of this application, such as... Figure 50 As shown, the electronic device 4100 may include at least one processor 4110, a transceiver 4120, and a memory 4130. The processor 4110 is coupled to the memory 4130 and is used to execute instructions stored in the memory 4130 to control the transceiver 4120 to transmit and / or receive signals.

[0627] In some embodiments, the processor 4110 and the memory 4130 can be combined into a single processing device, with the processor 4110 executing program code stored in the memory 4130 to achieve the aforementioned functions. In specific implementations, the memory 4130 can be integrated into the processor 4110 or independent of the processor 4110.

[0628] In some embodiments, transceiver 4120 may include a receiver (or receiver unit) and a transmitter (or transmitter unit). Exemplarily, transceiver 4120 may further include an antenna, and the number of antennas may be one or more. Transceiver 4120 may be a communication interface or interface circuitry.

[0629] When the electronic device 4100 is a chip, the chip includes a transceiver module and a processing module. The transceiver module can be an input / output circuit or a communication interface; the processing module can be a processor, microprocessor, or integrated circuit integrated on the chip.

[0630] This application also provides a computer-readable storage medium storing computer instructions. When the computer instructions are executed on an electronic device, the electronic device performs the aforementioned method steps to achieve the image display method described in the above embodiments.

[0631] This application also provides a computer program product that, when run on a computer, causes the computer to perform the aforementioned steps to implement the image display method described in the above embodiments.

[0632] In addition, this application also provides an apparatus, which may specifically be a chip, component, or module. The apparatus may include a connected processor and a memory. The memory stores computer execution instructions. When the apparatus is running, the processor can execute the computer execution instructions stored in the memory to cause the chip to perform the image display methods described in the above-described method embodiments.

[0633] Those skilled in the art will recognize that the units and algorithm steps of the various examples described in conjunction with the embodiments disclosed herein can be implemented in electronic hardware, or a combination of computer software and electronic hardware. Whether these functions are implemented in hardware or software depends on the specific application and design constraints of the technical solution. Those skilled in the art can use different methods to implement the described functions for each specific application, but such implementation should not be considered beyond the scope of this application.

[0634] Those skilled in the art will understand that, for the sake of convenience and brevity, the specific working processes of the systems, devices, and units described above can be referred to the corresponding processes in the foregoing method embodiments, and will not be repeated here.

[0635] In the several embodiments provided in this application, it should be understood that the disclosed systems, apparatuses, and methods can be implemented in other ways. For example, the apparatus embodiments described above are merely illustrative; for instance, the division of units is only a logical functional division, and in actual implementation, there may be other division methods. For example, multiple units or components may be combined or integrated into another system, or some features may be ignored or not executed. Furthermore, the coupling or direct coupling or communication connection shown or discussed may be through some interfaces; the indirect coupling or communication connection between apparatuses or units may be electrical, mechanical, or other forms.

[0636] The units described as separate components may or may not be physically separate. The components shown as units may or may not be physical units; that is, they may be located in one place or distributed across multiple network units. Some or all of the units can be selected to achieve the purpose of this embodiment according to actual needs.

[0637] In addition, the functional units in the various embodiments of this application can be integrated into one processing unit, or each unit can exist physically separately, or two or more units can be integrated into one unit.

[0638] If the aforementioned functions are implemented as software functional units and sold or used as independent products, they can be stored in a computer-readable storage medium. Based on this understanding, the technical solution of this application, in essence, or the part that contributes to the prior art, or a portion of the technical solution, can be embodied in the form of a software product. This computer software product is stored in a storage medium and includes several instructions to cause a computer device (which may be a personal computer, server, or network device, etc.) to execute all or part of the steps of the methods described in the various embodiments of this application. The aforementioned storage medium includes various media capable of storing program code, such as USB flash drives, portable hard drives, read-only memory (ROM), random access memory (RAM), magnetic disks, or optical disks.

[0639] The above description is merely a specific embodiment of this application, but the scope of protection of this application is not limited thereto. Any variations or substitutions that can be easily conceived by those skilled in the art within the scope of the technology disclosed in this application should be included within the scope of protection of this application. Therefore, the scope of protection of this application should be determined by the scope of the claims.

Claims

1. A method for displaying an image, characterized in that, Applied to electronic devices, including: The first interface is displayed, which includes a first area, a second area and a third area. The first area displays a first object, the second area displays a second object, and the third area displays an image containing the first object. A first operation is received acting on the second object, the first area displays the second object, and the third area displays an image containing the second object.

2. A method for displaying an image, characterized in that, Applied to electronic devices, including: The first interface is displayed, which includes a first area, a second area and a third area. The first area displays a first object, the second area displays a second object, the second object is an object obtained based on a preset rule, and the third area displays an image containing the first object. The preset rules include an intimacy index greater than a first threshold and / or the detection of information from a reference event that is the same as information from a historical event, wherein the historical event is an event associated with the first object and the second object.

3. The method according to claim 2, characterized in that, The intimacy index of the second object is determined based on one or more of the following: The total number of images containing the second object; The total number of images containing both the second object and the first object; The total number of images in which the second object and the first object appear within the same time period; The total number of images in which the second object and the first object appear in the same area.

4. The method according to claim 2 or 3, characterized in that, The information of the reference event includes at least one of the following: time information, location information, and event theme information; The information of the historical event includes at least one of the following: time information including images of both the first object and the second object; location information including images of both the first object and the second object; and activity theme information including images of both the first object and the second object.

5. The method according to any one of claims 2 to 4, characterized in that, The method further includes: A first operation is received acting on the second object, the first area displays the second object, and the third area displays an image containing the second object.

6. The method according to any one of claims 1 to 5, characterized in that, The first interface also includes a fourth area, wherein the intimacy index of the objects displayed in the fourth area is less than or equal to a first threshold.

7. The method according to claim 1 or 5, characterized in that, The second region includes a third object, and the method further includes: A second operation is received acting on the third object, wherein the first area displays the second object and the third object, and the third area displays an image that simultaneously contains the second object and the third object.

8. The method according to claim 1 or 5, characterized in that, The second region includes a third object, and the method further includes: A third operation is received that acts on the second object and the third object, wherein the first area displays the second object and the third object, and the third area displays an image that simultaneously contains the second object and the third object.

9. The method according to any one of claims 1 to 8, characterized in that, The second region includes a fourth object and a fifth object, and the method further includes: A fourth operation is received acting on the fourth object and the fifth object, the first area displays the fourth object and the fifth object, and the third area displays an image that simultaneously contains the fourth object and the fifth object.

10. The method according to claim 7 or 8, characterized in that, The method further includes: A fifth operation is received acting on the third object, wherein the first region displays the second object and the third region displays an image containing the second object.

11. The method according to claim 6, characterized in that, The fourth region includes the sixth object, and the method further includes: A sixth operation is received and applied to the sixth object, and the second area displays the sixth object.

12. The method according to claim 6 or 11, characterized in that, The second region includes a seventh object, and the method further includes: A seventh operation is received and applied to the seventh object, and the fourth region displays the seventh object.

13. The method according to any one of claims 6, 11-12, characterized in that, The second region or the fourth region includes an eighth object, and the method further includes: The eighth operation is received and applied to the eighth object, and the second and fourth regions do not display the eighth object.

14. The method according to any one of claims 1 to 13, characterized in that, The first interface also includes a label area, which displays one or more labels for classifying the image in the third region.

15. The method according to claim 14, characterized in that, The one or more tags include a first tag, and the method further includes: A ninth operation is received acting on the first tag, the third region displays a first image, the first image being an image obtained by filtering the images displayed in the third region based on the first tag; the first region and the second region display objects contained in the first image.

16. The method according to claim 15, characterized in that, The one or more tags further include a second tag, and the method further includes: A tenth operation is received acting on the second tag, the third region displays a second image, the second image being an image obtained by filtering the first image based on the second tag; the first region and the second region display objects contained in the second image.

17. The method according to any one of claims 1 to 16, characterized in that, The third area displays a third image, the first interface further includes an extended display control, and the method further includes: The system receives an eleventh operation applied to the extended display control, wherein the third area also displays a fourth image, the fourth image being captured at the same time period as the third image, and / or the fourth image being captured at the same location as the third image.

18. The method according to any one of claims 1 to 17, characterized in that, The first interface also includes a date pane that displays a first time, a third area that displays a fifth image that was captured no later than or no earlier than the first time, and the first and second areas that display objects contained in the fifth image.

19. The method according to any one of claims 1 to 17, characterized in that, The first interface also includes a date pane that displays a first time period, a third area that displays a sixth image that was captured within the first time period, and the first and second areas that display objects contained in the sixth image.

20. The method according to any one of claims 1 to 19, characterized in that, The method further includes: The system receives the user's twelfth operation and changes the display mode of the first object, which includes both static and dynamic display modes.

21. The method according to claim 20, characterized in that, When the first object is displayed in the dynamic display mode, the method further includes: The system receives the user's thirteenth operation and determines the carousel parameter information for the dynamic display mode. The carousel parameter information includes one or more of the following: carousel avatars, number of carousels, carousel duration, carousel time interval, and carousel frequency.

22. The method according to any one of claims 1 to 21, characterized in that, The first interface further includes a first control, which includes a first function option and a second function option. The third area displays an image containing the first object, including: The fourteenth operation applied to the first function option is received, wherein the third area displays one or more images containing the first object; or... The fifteenth operation, which is performed on the second function option, is received, and the third area displays a folder containing the image of the first object.

23. The method according to any one of claims 1 to 22, characterized in that, The first interface also includes an image folder containing multiple images of objects displayed in the first area.

24. The method according to any one of claims 1 to 23, characterized in that, When the object in the first region changes, the shape and / or color of the corresponding first region changes.

25. An image display device, characterized in that, Includes a module for performing the method as described in any one of claims 1 to 24.

26. An electronic device, characterized in that, The device includes a memory and a processor, the memory storing program instructions and the processor executing the program instructions to cause the electronic device to perform the method of any one of claims 1 to 24.

27. A computer-readable storage medium, characterized in that, The storage medium stores a program or instructions that, when executed, implement the method as described in any one of claims 1 to 24.

28. A chip, characterized in that, The chip stores instructions that, when executed, implement the method as described in any one of claims 1 to 24.

29. A computer program product, characterized in that, The computer program product stores a program or instructions that, when executed, implement the method as described in any one of claims 1 to 24.