Image processing method, device, storage medium, and program product

Abstract

The application discloses an image processing method and device, a storage medium and a program product, and relates to the technical field of terminals. The method sets a navigation bar and a content area on an application interface of a gallery application, the navigation bar comprises a plurality of tabs and a new album control, each tab corresponds to at least part of image materials or an album of the gallery application, and each tab is used to trigger the content area to display corresponding image materials or an album after being selected. In the case that the content area displays image materials corresponding to the selected tab of the navigation bar, in response to an operation of selecting an image material in the content area and dragging the image material to the new album control, a first album is created, and the image material is added to the first album. In this way, the user can quickly create an album and add content by dragging the gallery material in the content area to the new album control of the navigation bar, so that the operation process of creating an album and adding content by the user in the gallery application is more convenient and efficient.

Description

Image processing methods, devices, storage media and software products Technical Field

[0001] This application relates to the field of terminal technology, and in particular to an image processing method, device, storage medium and program product. Background Technology

[0002] With the development of terminal technology, users are taking photos more and more frequently using mobile phones and other terminal devices. The photos and videos taken by users will be saved in the device's gallery. In addition, photos and videos downloaded from the internet or sent by contacts can also be saved in the gallery. This leads to an increasing number of image materials (pictures and / or videos) stored in the gallery, becoming increasingly disorganized. In this situation, users can categorize and organize their gallery by creating new albums and adding specific image materials from the gallery to these new albums.

[0003] Currently, if a user wants to add certain pictures from their gallery to a new album, they need to first click the album entry in the gallery interface to enter the album interface, which includes several existing albums and a new album button (such as a "+" button); then, click the new album button in the album interface to create a blank new album; after the new album is created, return to the gallery interface, select the desired pictures, and then click the add button to add the selected pictures to the new album.

[0004] As can be seen from the above, the current process of creating a new album in the gallery and adding pictures to the new album is quite cumbersome, inconvenient for users, and inefficient.

[0005] Summary of the Invention

[0006] This application provides an image processing method, apparatus, storage medium, and program product. The technical solution is as follows:

[0007] In a first aspect, an image processing method is provided, applied in a terminal device. The method includes: displaying a first interface, the first interface including an application icon for a gallery application; in response to a trigger operation on the application icon, displaying a second interface, the second interface including a navigation bar and a content area, the navigation bar including multiple tabs and a new album control, the content area displaying image materials corresponding to the selected tabs in the navigation bar; in response to an operation of selecting at least one image material in the content area and dragging at least one image material onto the new album control, creating a first album, and adding at least one image material to the first album.

[0008] Each of the multiple tags corresponds to at least a portion of the image assets or albums in the gallery application. Each tag is used to trigger the display of the corresponding image assets or albums in the content area when it is selected. The image assets include pictures and / or videos.

[0009] In this embodiment, a navigation bar and a content area are set in the application interface of the gallery application. The navigation bar can guide users to quickly find and manage the gallery. Moreover, a new album control is set in the navigation bar. Users can quickly create albums and add image materials to the new albums by dragging and dropping image materials from the content area onto the new album control in the navigation bar. The operation process is more convenient and efficient, improving the efficiency of gallery management and user experience.

[0010] In one embodiment, the navigation bar and content area are distributed along the width of the display screen. For example, the navigation bar is located to the left or right of the content area. This facilitates user operation of the navigation bar.

[0011] In one embodiment, the multiple labels in the navigation bar may include multiple primary labels and multiple secondary labels, where secondary labels can be understood as sub-labels of primary labels.

[0012] In this way, content at different levels (image materials or photo albums) can be stored and displayed, realizing the flattening of the hierarchy of related content, making it easier for users to quickly find and manage the content they need, and improving the user's operating efficiency.

[0013] In one embodiment, multiple primary labels and multiple secondary labels are arranged in the navigation bar along a first direction, which extends from the beginning to the end of the navigation bar.

[0014] In other words, the first-level tabs are placed before the second-level tabs in the navigation bar. This gives the first-level tabs the highest browsing priority for users, followed by the second-level tabs. Therefore, it ensures that users can browse the first-level tabs first and operate them more conveniently, so as to find the content corresponding to the first-level tabs more quickly.

[0015] In one embodiment, the multiple primary tags include at least photo tags and primary album tags, where photo tags correspond to all or part of the image materials of the gallery application, and primary album tags correspond to all albums of the gallery application.

[0016] Additionally, multiple primary tags can include a "Memory" tag and / or a "Creation" tag. The "Memory" tag, when selected, triggers the first content area to display a collection of memory videos generated from image assets used in the gallery application; the "Creation" tag, when selected, triggers the first content area to display relevant functional controls for image editing.

[0017] In one embodiment, the multiple secondary tags are multiple secondary album tags under the primary album tag, and each secondary album tag corresponds to at least a portion of the image materials or albums of the gallery application.

[0018] By setting secondary album tags in the navigation bar, the content area can directly display the image materials of the corresponding album when the secondary album tag (such as the All Photos tag) is selected. Users only need to select the content area of ​​the secondary album tag in the navigation bar to directly display the corresponding image materials. In this way, users can quickly locate the associated album or image materials through the secondary album tags. The operation steps are fewer and more convenient and simple, improving the efficiency of human-computer interaction.

[0019] In one embodiment, multiple secondary album tags can be divided into a first set of album tags and a second set of album tags. Each album tag in the first set corresponds to an album in the gallery application, and when selected, triggers the display of all image materials under that album in the content area. Each album tag in the second set corresponds to a category of albums in the gallery application, and when selected, triggers the display of all albums under that category in the content area. A category of albums includes one or more albums.

[0020] In one embodiment, the multiple secondary album tags can be divided into multiple smart album tags and multiple ordinary album tags. Each smart album tag corresponds to a type of album in the gallery application, and each type of album corresponding to a smart album tag is an electronic album obtained by classifying the image materials of the gallery application according to specific category characteristics. Each ordinary album tag corresponds to a physical album in the gallery application, or an electronic album obtained by aggregating image materials from at least two physical albums in the gallery application. A physical album refers to an album stored locally with a storage path.

[0021] By setting multiple secondary album tags under the Smart Album in the navigation bar, when a secondary album tag (such as a portrait tag) is selected, the content area can directly display all albums under the corresponding category. Users only need to select the secondary album tag in the navigation bar, and the content area can directly display all albums under the corresponding category. In this way, users can quickly locate the associated albums or image materials through the secondary album tags. The operation steps are fewer and more convenient and simple, improving the efficiency of human-computer interaction.

[0022] Furthermore, by displaying the previously deeply hierarchical albums under the Smart Album category through secondary album tags within the Smart Album tab in the navigation bar, the smart capabilities of the gallery application are highlighted, increasing the exposure and usage rate of the Smart Album. Moreover, each secondary album tag within the Smart Album tab corresponds to a category of albums that includes a large number of albums. Grouping multiple albums of the same type into one category (e.g., the "Portraits" album) and displaying this category through a single secondary album tag effectively reduces the length of the navigation bar list when there are many albums, improving search efficiency. Additionally, from a development perspective, reducing the number of secondary album tags corresponding to a single album category reduces latency caused by reading information such as name, number of images, and cover images from album tags, improving response speed and thus effectively enhancing the overall user experience.

[0023] In one embodiment, multiple smart album labels and multiple regular album labels are arranged in the navigation bar along a first direction, which extends from the beginning to the end of the navigation bar.

[0024] In other words, the Smart Album tab is positioned before the regular album tabs in the navigation bar. This ensures that, for users, the Smart Album sub-tabs have the highest browsing priority among the secondary album tabs, followed by the regular album sub-tabs. Therefore, this guarantees that users can prioritize browsing and operate the Smart Album more conveniently, quickly finding the content corresponding to the Smart Album sub-tabs. This highlights the smart capabilities of the photo library application and increases the exposure and usage rate of the Smart Album.

[0025] In one embodiment, the secondary tab area containing multiple secondary album tabs may further include a management control. This management control can be an expand control or a collapse control, used to expand or collapse all or some of the secondary album tabs in the multiple secondary album tabs, respectively. For example, the multiple secondary album tabs can be divided into multiple groups, each group corresponding to a management control for expanding or collapsing the secondary album tabs of that group. For instance, if the secondary album tabs of a certain group are expanded (displayed), that group has a collapse control. If the user wants to collapse the group, they can click the collapse control, and in response to the user's click, the secondary album tabs of that group in the navigation bar will be collapsed (hidden). Conversely, if the secondary album tabs of a certain group are collapsed, that group has an expand control. If the user wants to view the secondary album tabs under that group, they can click the expand control, and in response to the user's click, the secondary album tabs of that group in the navigation bar will be expanded, i.e., displayed in the navigation bar.

[0026] By providing users with collapse and expand controls, it's easier for them to collapse or expand the secondary album tabs they need, improving search efficiency. For example, by providing a collapse control, users can easily collapse some less frequently used secondary album tabs, avoiding their interference. At the same time, more space can be freed up in the navigation bar to display other secondary album tabs that users are more interested in, allowing users to prioritize browsing and more easily operate on the secondary album tabs they are more interested in, thus finding the content they need more quickly.

[0027] In one embodiment, the navigation bar may further include a collapse control for collapsing the navigation bar. By providing users with a collapse control for the navigation bar, users can easily collapse the navigation bar when needed. When the navigation bar is collapsed, the display space of the content area can be expanded, making it easier for users to view the content and thus catering to different browsing needs. As an example, after the navigation bar is collapsed, the gallery application's interface can switch from a first interface form including the navigation bar and the content area to a second interface form including the content area and the bottom toolbar.

[0028] In one embodiment, multiple secondary album tabs can be arranged in a navigation bar according to album priority, such as from top to bottom in order of album priority. The album priority can be sorted based on at least one of the following album information: album type and usage frequency. Album types can include smart albums and regular albums, or system albums (system-created albums), user-created albums, and third-party application albums, etc.

[0029] This arrangement allows album tags with higher priority to be positioned higher in the navigation bar compared to those with lower priority, thus increasing their visibility to users. For users, within the secondary album tabs, album tags with higher priority have a higher browsing priority. This ensures that users can easily browse and navigate higher-priority album tags, enabling them to quickly find content associated with those tags and improving the efficiency of finding gallery content and enhancing the user experience.

[0030] In one embodiment, multiple tags and a new album control are arranged in the navigation bar along a first direction, which is the direction extending from the beginning to the end of the navigation bar.

[0031] In other words, multiple tabs are positioned before the new album control in the navigation bar and closer to the beginning of the navigation bar. This ensures that multiple tabs have the highest browsing priority for users compared to the new album control, thus guaranteeing that users can browse and operate multiple tabs more conveniently and that the new album control will not affect the user's browsing of multiple tabs.

[0032] In one embodiment, the navigation bar can be configured as a scrollable page, allowing users to swipe on it to scroll through the entire page. For example, the navigation bar can scroll based on the user's swipe action, such as scrolling along its length. This allows users to quickly find the desired tab when there are many tabs in the navigation bar.

[0033] The swipe action can be a swipe along the length of the navigation bar, such as an upward swipe or a downward swipe. Correspondingly, the navigation bar can scroll vertically. For example, it scrolls up based on a user's upward swipe and down based on a user's downward swipe.

[0034] In one embodiment, displaying a second interface in response to a triggering operation on an icon includes: displaying a second interface in response to a triggering operation on an icon, the second interface including a navigation bar and a content area, the current portion of the navigation bar including some of the tabs from a plurality of tabs; and, in response to a swiping operation on the navigation bar, scrolling the navigation bar to display other tabs from the plurality of tabs except for some of the tabs, as well as a new album control.

[0035] In one embodiment, after creating a first album and adding at least one image to it, a first album label can be displayed in the navigation bar. The first album label is the tag for the first album, and when the first album label is selected, the content area displays at least one image from the first album. This allows users to quickly view the contents of the newly created album.

[0036] In one embodiment, to facilitate user operation, in response to the selection of at least one image asset from the content area, the at least one image asset can be floated up for the user to drag. For example, after at least one image asset is selected in the content area, the application interface can display a floated state of the at least one image asset, which indicates the at least one image asset and can be moved according to the user's drag operation. The user can trigger the new album process by dragging the floated state to the new album control or other tabs, such as by dragging the floated state to the new album control and then releasing it.

[0037] As one embodiment of this application, the floating state can be in the form of an image. For example, the floating state can be a floating image, which can be a collection of image materials formed by stacking the at least one image material, or it can be a specific image material among the at least one image material. When the floating image is a collection of image materials formed by stacking the at least one image material, the topmost image material of the collection can be a specific image material among the at least one image material. The specific image material is one of the at least one image material, such as the image material when the user performs a floating operation (e.g., long press), the image material selected first by the user, or the image material sorted at the top in the corresponding album, etc., and this embodiment of the application does not limit this. In addition, the floating image may also include a quantity marker indicating the number of the at least one image material.

[0038] In one possible implementation, after at least one image element in the content area is selected, its floating state can be displayed directly; alternatively, after at least one image element in the content area is selected, its floating state can be displayed in response to a floating operation on the at least one image element. This application embodiment does not limit the specific implementation. The floating operation can be a long press or swipe operation on any of the at least one image element; this application embodiment does not limit the specific implementation.

[0039] In one embodiment, to reduce the probability of user error, when at least one image material is in a floating state as a floating image, the floating image can be considered to have been dragged onto the new album control when the positions of the floating image and the new album control meet a preset position condition. The preset position condition includes: the floating image and the new album control overlap, or the floating image and the new album control are in contact. For example, the overlap between the floating image and the new album control can include: a specific position of the floating image coinciding with the new album control, or the area ratio between the area of ​​the overlapping portion of the floating image and the total area of ​​the floating image being greater than or equal to a preset ratio. The specific position and the preset ratio can be set according to actual needs; for example, the specific position can be the center line or center point of the floating image, and the preset ratio can be 50% or 60%, etc., which are not limited in this embodiment.

[0040] In addition, users can also drag the at least one image asset in its floating state to one of the multiple tags. Similarly, to reduce the probability of user error, when the at least one image asset is in the floating state as a floating image, it can be considered as the floating image being dragged to the tag when the position of the floating image and the tag meets a preset position condition.

[0041] As an embodiment of this application, in response to the operation of selecting at least one image in the content area and dragging at least one image to the recently deleted tab, deleting at least one image from its own album includes: in response to the operation of selecting at least one image in the content area and long-pressing any one of the at least one image, displaying a floating image corresponding to at least one image; and in response to the operation of dragging the floating image to the recently deleted tab and releasing the button, deleting at least one image from its own album.

[0042] In one embodiment, in response to the operation of selecting at least one image in the content area and dragging at least one image onto the new album control, creating a first album and adding at least one image to the first album includes: in response to the operation of selecting at least one image in the content area and long-pressing any one of the at least one image, displaying a floating image corresponding to at least one image; in response to the operation of dragging the floating image onto the new album control and releasing the button, creating a first album and adding at least one image to the first album.

[0043] In one embodiment, in response to an operation of dragging a floating image onto a new album control and releasing it, creating a first album and adding at least one image to the first album includes: in response to an operation of dragging a floating image onto a new album control, highlighting the new album control in the navigation bar; and in response to an operation of releasing the control while dragging a floating image onto the new album control, creating a first album and adding at least one image to the first album.

[0044] By highlighting the new album control when the user drags the floating image onto it, the user can be informed that the new album control has been selected. Releasing the finger at this point will trigger the new album creation process, thereby improving user efficiency and user experience.

[0045] In one embodiment, after displaying the floating image corresponding to at least one image asset, the method further includes: graying out unsupported receiving items among multiple tabs in the navigation bar. Here, unsupported receiving items refer to tabs among the multiple tabs that do not support responding to at least one image asset, such as tabs that do not support adding the at least one image asset to the corresponding album.

[0046] This avoids interference from unsupported receiving items in the navigation bar, guiding users to drag and drop selected image materials onto supported receiving items, thus improving operational efficiency and user experience.

[0047] In one embodiment, before creating a first album and adding at least one image to the first album, the method further includes: displaying a first prompt message, the first prompt message including an input box for naming the album and a confirmation option, the input box including a recommended album name, the recommended album name being generated based on the content and / or source application of at least one image; in response to a triggering operation of the confirmation option, creating a first album named the recommended album name, and adding the image to the first album.

[0048] By displaying album names recommended to the user in the input box based on the content and / or source of the at least one image, the efficiency of album naming can be improved, thereby improving the efficiency of creating new albums.

[0049] In one embodiment, in response to a confirmation option triggering operation, creating a first album named "Recommended Album Name" and adding image materials to the first album includes: in response to a confirmation option triggering operation, creating a first album named "Recommended Album Name" and empty of content; displaying a second prompt message, the second prompt message being used to ask the user whether to confirm adding at least one image material to the first album; and in response to a confirmation operation based on the second prompt message, adding at least one image material to the first album, resulting in a first album including at least one image material.

[0050] In another embodiment, in response to a cancellation operation based on a second prompt message, a first album with empty content is obtained; a first album tab is displayed in the navigation bar, and the first album tab is selected, while the content area displays blank content.

[0051] By displaying a prompt asking the user whether to confirm adding at least one image to the first album, adding at least one image to the first album after the user confirms, and creating a blank album after the user cancels, the diversity of newly created albums and the interactivity with the user can be improved.

[0052] In one embodiment, based on the navigation bar provided in this application, users can not only drag and drop image materials from the content area to the "New Album" control in the navigation bar to create a new album, but also drag and drop image materials from the content area to the secondary album tab in the navigation bar to add (copy or move) the image materials from the content area to an existing album (also known as a local album) in the gallery application. This allows for quick addition of image materials from the content area to the local album, facilitating more convenient and efficient gallery management and improving user experience.

[0053] In one embodiment, the multiple tags include at least one album tag, and each album tag corresponds to all image assets under an album in the gallery application. In response to the operation of selecting at least one image asset in the content area and dragging at least one image asset to a second album tag in the navigation bar, at least one image asset is added to the second album corresponding to the second album tag, where the second album tag is one of the at least one album tags other than the selected tag.

[0054] In one embodiment, the terminal device can also support the "Any Door" function. When the terminal device supports the "Any Door" function, after the selected image material in the content area of ​​the gallery application's interface floats up, the user can trigger the "Any Door" by dragging the corresponding floating image to the left or right side of the screen.

[0055] In gallery applications where the interface includes a navigation bar, when a user drags a floating image to the side of the screen to trigger a portal, the floating image may first enter the navigation bar and then move to the side of the screen via the navigation bar. During this process, the state of various items (labels and / or controls) in the navigation bar may change.

[0056] As an example, in response to the operation of selecting at least one image in the content area and long-pressing any one of the at least one image, a floating image corresponding to at least one image is displayed in the content area, and an arbitrary door hotspot is displayed on the left and / or right side of the terminal device's display screen. The arbitrary door hotspot is used to trigger the arbitrary door. During the process of the user dragging the floating image to the first side of the display screen via the navigation bar, if the floating image is dragged to the first item in the navigation bar, the first item is highlighted. The first item is one of multiple tabs or a new album control. The first side is the side of the display screen closest to the navigation bar. After the floating image is dragged to the first side, the arbitrary door is opened.

[0057] In one embodiment, in response to the operation of selecting at least one image material in the content area and long-pressing any one of the at least one image material, a floating image corresponding to at least one image material is displayed in the content area, and an arbitrary door hot zone is displayed on the second side of the display screen of the terminal device. The second side is the side of the display screen that is far away from the navigation bar. The arbitrary door hot zone is used to trigger the arbitrary door.

[0058] By highlighting the hot zone of any door on the side away from the navigation bar, the frequent changes in interface state caused by floating images entering the hot zone of any door through the navigation bar can be reduced, thereby reducing the computational load on the terminal device.

[0059] In one embodiment, the terminal device can also support dragging and dropping image materials across applications to the gallery application, so as to quickly save image materials displayed in the application interface of other applications to the gallery application, such as saving (also known as adding) to the existing album (also known as the local album) or creating a new album in the gallery application.

[0060] In one embodiment, the terminal device can support dragging and dropping image assets across applications to the gallery application in a multi-window display scenario. As an example, the terminal device's display screen includes multiple display windows, including a first display window for displaying the gallery application's interface and a second display window for displaying the interfaces of other applications. If the interfaces of other applications include image assets, the user can drag and drop image assets from those applications to the gallery application's interface to quickly save them to the gallery application.

[0061] In one embodiment, when the display screen of the terminal device includes a first display window and a second display window, the first display window displays the application interface of a gallery application, the second display window displays the application interface of the first application, and the application interface of the first application includes image materials, in response to the operation of selecting a first image material in the application interface of the first application and dragging the first image material to the application interface of the gallery application, the first image material is saved to the gallery application. The first application is any application other than the gallery application, and the first image material is one or more of the image materials included in the application interface of the first application.

[0062] In one embodiment, the application interface of the gallery application includes a content area of ​​a third album of the gallery application, which includes all image materials in the third album; in response to the operation of selecting a first image material in the application interface of the first application and dragging the first image material to the content area of ​​the third album, the image material is saved to the third album.

[0063] In one embodiment, the application interface of the gallery application includes a navigation bar and a content area. Multiple tabs in the navigation bar include at least one album tab. Each album tab corresponds to all image materials under one album in the gallery application. The content area displays image materials or albums corresponding to the selected tab in the navigation bar. In response to the operation of selecting a first image material in the application interface of the first application and dragging the first image material to the new album control in the navigation bar, a fourth album is created, and the first image material is saved to the fourth album. In response to the operation of selecting a first image material in the application interface of the first application and dragging the first image material to the fifth album tab in the navigation bar, the first image material is saved to the fifth album corresponding to the fifth album tab. The fifth album tab is one of at least one album tab.

[0064] Secondly, an image processing apparatus is provided, which has the function of implementing the image processing method described in the first aspect. The image processing apparatus includes at least one module for implementing the image processing method provided in the first aspect.

[0065] Thirdly, an image processing apparatus is provided, comprising a processor and a memory. The memory stores a program that supports the image processing apparatus in executing the image processing method provided in the first aspect, and stores data related to implementing the image processing method described in the first aspect. The processor is configured to execute the program stored in the memory. The image processing apparatus may further include a communication bus for establishing a connection between the processor and the memory.

[0066] Fourthly, a computer-readable storage medium is provided, wherein instructions are stored therein, which, when executed on a computer, cause the computer to perform the image processing method described in the first aspect.

[0067] Fifthly, a computer program product containing instructions is provided, which, when run on a computer, causes the computer to perform the image processing method described in the first aspect.

[0068] In a sixth aspect, a chip system is provided, the chip system being applied to an electronic device, the chip system including one or more processors, the one or more processors being configured to invoke computer instructions to cause the electronic device to perform the image processing method described in the first aspect above.

[0069] The technical effects achieved by the second, third, fourth, fifth, and sixth aspects mentioned above are similar to those achieved by the corresponding technical means in the first aspect mentioned above, and will not be repeated here. Attached Figure Description

[0070] Figure 1 is a schematic diagram of the structure of a terminal device provided in an embodiment of this application;

[0071] Figure 2 is a schematic diagram of a foldable screen device provided in an embodiment of this application;

[0072] Figure 3 is a schematic diagram of a foldable screen device provided in an embodiment of this application when the foldable screen is in a folded state;

[0073] Figure 4 is a schematic diagram of the application interface of a gallery application on a terminal device provided in an embodiment of this application;

[0074] Figure 5 is a schematic diagram of a split-screen display interface of a terminal device provided in an embodiment of this application;

[0075] Figure 6 is a schematic diagram of the application interface of a gallery application for a foldable screen device provided in an embodiment of this application;

[0076] Figure 7 is a schematic diagram of the application interface of a gallery application provided in an embodiment of this application;

[0077] Figure 8 is a schematic diagram of the interface for the process of scrolling and displaying the navigation bar according to an embodiment of this application;

[0078] Figure 9 is a schematic diagram of the interface of the content area under different first-level tags provided in the embodiments of this application;

[0079] Figure 10 is another schematic diagram of the interface of the content area under the first-level album tab and the creation tab provided in the embodiment of this application;

[0080] Figure 11 is a schematic diagram of the terminal device provided in the embodiments of this application under different interface forms;

[0081] Figure 12 is a schematic diagram of the process of entering the interface under the first-level album tab and the second-level album tab respectively, according to the embodiments of this application;

[0082] Figure 13 is another schematic diagram of the process of entering the interface under the first-level album tab and the second-level album tab, respectively, according to the embodiments of this application;

[0083] Figure 14 is a comparative schematic diagram of the expansion and collapse of the smart album tab in the navigation bar according to an embodiment of this application;

[0084] Figure 15 is a schematic diagram of the interface of the gallery application under other album tabs provided in the embodiments of this application;

[0085] Figure 16 is a schematic diagram of a process for creating a new album by dragging and dropping image materials to the new album control according to an embodiment of this application;

[0086] Figure 17 is a schematic diagram illustrating a method for adding image materials to a user's album by dragging and dropping image materials, as provided in an embodiment of this application.

[0087] Figure 18 is a schematic diagram of a process of adding image materials to a corresponding album by dragging and dropping image materials to a secondary album tab in the navigation bar, according to an embodiment of this application;

[0088] Figure 19 is a schematic diagram of a process of deleting image material by dragging and dropping image material to the recently deleted tag according to an embodiment of this application;

[0089] Figure 20 is a schematic diagram of the process of viewing the contents of the recently deleted album through the recently deleted tab and deleting the contents of the recently deleted album according to an embodiment of this application;

[0090] Figure 21 is a schematic diagram of deleting image materials in a local album by clicking the delete button in the content area according to an embodiment of this application;

[0091] Figure 22 is a schematic diagram comparing the display methods of labels and controls in the navigation bar before and after the image material in the content area floats up, according to an embodiment of this application.

[0092] Figure 23 is a schematic diagram of triggering an arbitrary door by dragging the corresponding floating image to the left side of the screen according to an embodiment of this application;

[0093] Figure 24 is a schematic diagram of the changes in the application interface as a floating image of the content area moves to the side of the screen via the navigation bar, according to an embodiment of this application.

[0094] Figure 25 is a schematic diagram of the changes in the application interface during the process of a floating image of the content area moving to the side of the screen without passing through the navigation bar, according to an embodiment of this application.

[0095] Figure 26 is a schematic diagram of a process of dragging and dropping image materials across applications to the gallery application in a split-screen display scenario provided in an embodiment of this application;

[0096] Figure 27 is a schematic diagram of another process of dragging and dropping image materials across applications to the gallery application in a split-screen display scenario provided in this application embodiment;

[0097] Figure 28 is a schematic diagram of another process of dragging and dropping image materials across applications to the gallery application in a split-screen display scenario provided in this application embodiment;

[0098] Figure 29 is a schematic diagram of a process of dragging and dropping image materials from one application to the gallery application in a floating window display scenario provided in an embodiment of this application. Detailed Implementation

[0099] To make the objectives, technical solutions, and advantages of this application clearer, the embodiments of this application will be described in further detail below with reference to the accompanying drawings.

[0100] It should be understood that "multiple" as mentioned in this application refers to two or more. In the description of this application, unless otherwise stated, " / " indicates "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, and B existing alone. Furthermore, to facilitate a clear description of the technical solutions of this application, the terms "first," "second," etc., are used to distinguish identical or similar items with essentially the same function and effect. Those skilled in the art will understand that the terms "first," "second," etc., do not limit the quantity or execution order, and that "first," "second," etc., do not necessarily imply differences.

[0101] The image processing method provided in this application can be applied to terminal devices. These terminal devices can also be referred to as terminals, user equipment (UE), mobile stations (MS), mobile terminals (MT), electronic devices, etc. Terminal devices can be mobile phones, tablets, wearable devices, ultra-mobile personal computers (UMPCs), netbooks, smart TVs, wireless terminals in smart homes, etc. Mobile phones can include foldable phones, candybar phones, etc. The embodiments of this application do not limit the specific device form of the terminal device.

[0102] Please refer to Figure 1, which is a schematic diagram of the structure of a terminal device provided in an embodiment of this application. Referring to Figure 1, the terminal 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, an antenna 1, an 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.

[0103] It is understood that the structures illustrated in the embodiments of this application do not constitute a specific limitation on the terminal device 100. In other embodiments of this application, the terminal 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.

[0104] 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.

[0105] The controller can serve as the central nervous system and command center of the terminal device 100. The controller can generate operation control signals based on the instruction opcode and timing signals to control the fetching and execution of instructions.

[0106] 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 this memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

[0107] In some embodiments, the processor 110 may include one or more interfaces, such as 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.

[0108] 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 terminal device 100. In other embodiments of this application, the terminal device 100 may also adopt different interface connection methods or a combination of multiple interface connection methods as described in the above embodiments.

[0109] 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 terminal device 100. While charging the battery 142, the charging management module 140 can also supply power to the terminal device 100 via the power management module 141.

[0110] 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, and supplies 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.

[0111] The wireless communication function of the terminal device 100 can be implemented through antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, modem processor and baseband processor, etc.

[0112] Antennas 1 and 2 are used to transmit and receive electromagnetic wave signals. Each antenna in terminal device 100 can be used to cover one or more communication frequency bands. Different antennas can also be reused to improve antenna utilization. Mobile communication module 150 can provide wireless communication solutions for terminal device 100, including 2G / 3G / 4G / 5G. Wireless communication module 160 can provide wireless communication solutions for terminal device 100, including wireless local area networks (WLAN) (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.

[0113] Terminal device 100 implements display functions through a GPU, display screen 194, and 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.

[0114] 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 Miniled LED, a MicroLED, a Micro-OLED, a quantum dot light-emitting diode (QLED), etc. In some embodiments, terminal device 100 may include one or N displays 194, where N is an integer greater than 1.

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

[0116] 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 image sensor. The light signal is converted into an electrical signal, and the image sensor 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 optimizations on 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 integrated into the camera 193.

[0117] 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 terminal device 100 may include one or N cameras 193, where N is an integer greater than 1.

[0118] A digital signal processor (DSP) is used to process digital signals. Besides digital image signals, it can also process other digital signals. For example, when terminal device 100 selects a frequency, the DSP performs Fourier transforms on the frequency energy.

[0119] Video codecs are used to compress or decompress digital video. Terminal device 100 may support one or more video codecs. Thus, terminal device 100 can play or record videos in various encoding formats, such as Moving Picture Experts Group (MPEG) 1, MPEG 2, MPEG 3, MPEG 4, etc.

[0120] NPU stands for Neural Network (NN) Computing Processor. 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 terminal devices, such as image recognition, facial recognition, speech recognition, and text understanding.

[0121] The external storage interface 120 can be used to connect an external storage card, such as a Micro SD card, to expand the storage capacity of the terminal device 100. The external storage card communicates with the processor 110 through the external storage interface 120 to perform data storage functions, such as saving music, video, and other files on the external storage card.

[0122] 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 terminal 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 by terminal device 100 during use (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.

[0123] Terminal 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.

[0124] Pressure sensor 180A is used to sense pressure signals and convert them into electrical signals. In some embodiments, pressure sensor 180A may be disposed on display screen 194. When a touch operation is applied to display screen 194, terminal device 100 detects the intensity of the touch operation based on pressure sensor 180A. Terminal device 100 may also calculate the touch position based on the detection signal from pressure sensor 180A. In some embodiments, touch operations applied to the same touch position but with different touch operation intensities may correspond to different operation commands.

[0125] Touch sensor 180K, also known as a "touch panel," can be located on display screen 194. The touch sensor 180K and display screen 194 together form a touchscreen, also known as a "touch screen." Touch sensor 180K detects touch operations applied to or near it. Touch sensor 180K can transmit the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through display screen 194. In other embodiments, touch sensor 180K may also be located on the surface of terminal device 100, in a different position than display screen 194.

[0126] The following description uses a foldable screen device (a terminal device with a foldable screen) as an example to illustrate the image processing method provided in the embodiments of this application, in conjunction with the accompanying drawings.

[0127] Please refer to Figure 2, which is a schematic diagram of a foldable screen device provided in an embodiment of this application. As shown in Figure 2, the foldable screen device includes a large screen 01 and a small screen 02, and the large screen 01 is a foldable screen.

[0128] Figure 2(a) is a front view of the foldable screen device when the large screen 01 is in the unfolded state. As shown in Figure 2(a), when the foldable large screen 01 is in the unfolded state, the large screen 01 can become a complete flat surface. Figure 2(b) is a rear view of the foldable screen device when the large screen 01 is in the unfolded state. As shown in Figure 2(b), the rear of the foldable screen device includes a small screen 02, a housing 03, and a center edge 04. One or more cameras for image acquisition can be installed on the housing 03. The center edge 04 is the part where the housing 03 contacts the middle frame of the small screen 02, and the interior of the center edge 04 may include a hinge. For example, cameras 05, 06, and 07 are installed on the housing 03. The large screen 01 can fold inward (or outward) along the center edge 04. In addition, the foldable screen device may also include a power button for powering on / off and unlocking the screen, and volume buttons for controlling the volume, etc., but this embodiment does not limit these features. In addition, the vertical distance from the center edge 04 to the left edge of the foldable screen device and the vertical distance to the right edge of the foldable screen device can be equal.

[0129] Please refer to Figure 3, which is a schematic diagram of a foldable screen device provided in this application when the foldable screen is in a folded state. As shown in Figure 3, when the large screen 01 of the foldable screen device is folded inward, the small screen 02 is displayed on the outside. The large screen 01 is divided into two regions, as shown in Figure 2(a). The large screen 01 is divided into two halves by the folding edge corresponding to the middle edge 04. The folding angle of the large screen 01 is the included angle α between the two regions. For example, as shown in Figures 2 and 3, the folding angle of the large screen 01 can be [0°, 180°].

[0130] For ease of explanation, the state when the folding angle of the large screen 01 is 0° is referred to as the folded state, and the state when the folding angle of the large screen 01 is 180° is referred to as the unfolded state. Additionally, to improve detection accuracy, the state when the folding angle of the large screen 01 is greater than or equal to 0° and less than a first angle threshold can also be referred to as the folded state, and the state when the folding angle of the large screen 01 is greater than or equal to a second angle threshold and less than or equal to 180° can be referred to as the unfolded state. The first angle threshold and the second angle threshold are preset angle thresholds greater than 0°, which can be set as needed. For example, the first angle threshold and the second angle threshold can be 3°, 5°, or 10°, etc., and this embodiment does not limit this.

[0131] In addition, when the large screen 01 is typically folded inwards for use, it can also be referred to as the inner screen, and the small screen 02 as the outer screen. This application does not limit the specific names of the large screen 01 and the small screen 02. In other embodiments, the large screen 01 can also be folded outwards for use, and this application does not limit this as well.

[0132] It should be understood that Figures 2 and 3 are only illustrative examples of a foldable screen device including a foldable inner screen 01 and a non-foldable outer screen 02. In other embodiments, the foldable screen device may not include the non-foldable outer screen 02, and this application embodiment does not limit this. For example, the above-described foldable screen device can be a foldable screen mobile phone, etc.

[0133] It should be noted that the executing entity of the image processing method provided in this application embodiment can be the aforementioned terminal device, or it can be a functional module and / or functional entity within the terminal device capable of implementing the image processing method. Furthermore, the solution of this application can be implemented through hardware and / or software, the specific implementation depending on actual usage requirements, and this application embodiment does not impose any limitations. For ease of description, the following will use the application of the technical solution of this application to a gallery application on a terminal device as an example. It is understood that the technical solution of this application is also applicable to other applications on terminal devices with image storage and display functions, and is not limited to gallery applications.

[0134] Currently, terminal devices can save photos or videos taken, downloaded from the network, and acquired through other means in the gallery application (also known as the gallery). However, as users' daily data volume continues to increase, the image materials (photos and / or videos) stored in the gallery are becoming more numerous and disorganized. In this case, users need to organize their gallery. When organizing the gallery, users usually create new albums in the gallery and add certain image materials (photos and / or videos) to the new albums to categorize these image materials for easier retrieval and identification later.

[0135] Traditional gallery applications typically include a content area and function buttons for photos and albums at the bottom of the content area. The photo button switches to the photo interface, and the album button switches to the album interface. Furthermore, when the terminal device is a foldable screen device, the gallery application interface displayed in both folded and unfolded states, as well as in full-screen and split-screen display states, is usually a traditional interface format. Please refer to Figure 4, which is a schematic diagram of a gallery application interface for a terminal device according to an embodiment of this application. Taking the foldable screen device shown in Figures 2 and 3 as an example, when the large screen 01 of the foldable screen device is folded inwards, the large screen 01 is in an off state, and the small screen 02 can display the gallery application interface shown in Figure 4(a). This application interface includes a content area and function buttons for photos and galleries at the bottom of the content area. After the large screen 01 unfolds to the unfolded state, the small screen 02 switches to the off state. The large screen 02 displays the application interface shown in Figure 4(b), which also includes a content area and buttons for photos and albums at the bottom of the content area.

[0136] Additionally, please refer to Figure 5, which is a schematic diagram of a split-screen display interface of a terminal device provided in an embodiment of this application. As shown in Figure 5, when the large screen 02 is in split-screen display mode, the application interface of the gallery application can be displayed in one split-screen window A, and the application interface of other applications (such as the application interface of the note-taking application) can be displayed in another split-screen window B. As can be seen from Figure 5, the application interface of the gallery application displayed on the foldable screen device in split-screen display mode also includes a content area and buttons such as photos and albums at the bottom of the content area, which is roughly the same as its application interface in full-screen display mode and small-screen display mode.

[0137] Based on the current gallery application interface, the process of creating a new album and adding image materials to the new album is relatively cumbersome. Please refer to Figure 6, which is a schematic diagram of the gallery application interface of a foldable screen device provided in this embodiment of the application. As shown in Figure 6(a), the desktop of the foldable screen device displays the gallery application icon. After the user clicks the gallery application icon, they can enter the gallery interface shown in Figure 6(b). The gallery interface includes a content area and buttons for photos, galleries, etc. at the bottom of the content area. After entering the gallery interface, if the user wants to create a new album and add some image materials from the gallery application to the new album, they need to first click the album button in the gallery interface to enter the album interface shown in Figure 6(c). This album interface includes multiple existing albums and a new album button ("+" button) in the upper right corner. Next, the user needs to click the "+" button in the album interface. In response to the user's click, as shown in Figure 6(d), a "Create New Album" pop-up window appears. This pop-up includes an input box for naming the album, a cancel option, and a confirmation button. The user clicks the confirmation button in the "Create New Album" pop-up. In response to the user's action, the foldable screen device creates a new album named "New Album" and displays the gallery interface as shown in Figure 6(e). This gallery interface includes all images in the gallery application and an add button at the bottom. The user can select the desired image from the currently displayed image materials, such as a "flower" image, and then click the add button. In response to the user's action, the terminal device adds the "flower" image to the "New Album" and displays the application interface as shown in Figure 6(f).

[0138] As shown in Figure 6 above, currently, if a user wants to create a new album in the Gallery app and add images to it, they need to first enter the Gallery app's album interface, then click the "New Album" button to create a blank new album. After the new album is created, they then need to select the desired images from the Gallery app and add them to the new album. This process is cumbersome, inconvenient, and inefficient, thus reducing the user experience.

[0139] To address the aforementioned issues, this application provides an image processing method. In this method, the application interface of a gallery application is configured to include a navigation bar and a content area. The navigation bar includes multiple tabs and a new album control. Each tab corresponds to at least a portion of the image materials or albums in the gallery application, and each tab, when selected, triggers the display of the corresponding image materials or albums in the content area. When the content area displays image materials corresponding to the selected tab in the navigation bar, if a user wants to add certain image materials from the gallery application to a new album, they can directly select the desired image materials in the content area and drag them onto the new album control. In response to the user's operation of selecting image materials in the content area and dragging them to the new album control, the terminal device can create a new album and add the selected image materials to it.

[0140] In this embodiment, a navigation bar and a content area are set in the application interface of the gallery application. The navigation bar can guide users to quickly find and manage the gallery. Moreover, a new album control is set in the navigation bar. Users can quickly create albums and add image materials to the new albums by dragging and dropping image materials from the content area onto the new album control in the navigation bar. The operation process is more convenient and efficient, improving the efficiency of gallery management and user experience.

[0141] To facilitate understanding, the following section will use a terminal device as the execution subject as an example and provide a detailed introduction to the navigation bar and content area of ​​the gallery application interface, with reference to the accompanying diagrams.

[0142] Please refer to Figure 7, which is a schematic diagram of the application interface of a gallery application provided in an embodiment of this application. Figure 7(a) is a schematic diagram of the interface of the gallery application including the navigation area and the content area, and Figure 7(b) is a schematic diagram of the navigation bar of the complete page.

[0143] In response to a user's click on the application icon of the Gallery app on the desktop, the terminal device can display the Gallery app interface 7a as shown in Figure 7(a). Interface 7a includes a navigation bar 71 and a content area (the area displaying interface 721) located to one side of the navigation bar 71. The navigation bar 71 includes multiple tabs, and the content area is used to display the content corresponding to the selected tab within the navigation bar 71. For example, if the Photo tab 7111 is selected within the navigation bar 71, the content area displays interface 721 (i.e., the Photo interface) under the Photo tab 7111. This Photo interface 721 includes thumbnails of multiple image assets, including photos and / or videos.

[0144] A tab, also known as a tab page or tab, is a UI element in a webpage or application used to switch between multiple content areas. It can be used to organize and display information, such as grouping and displaying content at the same level. Each tab is typically associated with a content area (tab content), and clicking the tab allows you to switch to the corresponding content area. Tabs may include a name and / or an icon.

[0145] In one example, referring to Figure 7(a), the navigation bar 71 and the content area are distributed along the width direction of the display screen (denoted as the x-direction), which is perpendicular to the side of the display screen. Taking the orientation of Figure 7(a) as an example, the navigation bar 71 and the content area are distributed left and right, with the navigation bar 71 located to the left of the content area, or in other words, the left-side navigation bar 71 and the right-side content area. In other examples (not shown in the figures), the navigation bar 71 may also be located to the right of the content area. Alternatively, the navigation bar 71 and the content area may also be distributed along the length direction of the display screen (denoted as the y-direction), which is parallel to the side of the display screen. Taking the orientation of Figure 7(a) as an example, the navigation bar 71 and the content area are distributed vertically, with the navigation bar 71 located below or above the content area.

[0146] For ease of description, the interface of the gallery application will be introduced using the example shown in Figure 7(a) where the navigation bar 71 and the content area are distributed along the width of the display screen or distributed left and right.

[0147] The terminal device can hierarchically manage multiple labels within the navigation bar 71, meaning these labels can be divided into multiple levels. In some embodiments, these multiple labels include multiple primary labels and multiple secondary labels, where secondary labels can be understood as sub-labels of primary labels. This allows for the organization and display of content (image materials or photo albums) at different levels, achieving a flattened hierarchy of related content. This facilitates users in quickly finding and managing the content they need, improving user efficiency.

[0148] In some embodiments, primary and secondary labels are arranged within the navigation bar 71 along a first direction, which is the direction extending from the beginning to the end of the navigation bar, such as from the top to the bottom of the navigation bar, i.e., a top-down direction. In other words, the primary label is positioned closer to the beginning of the navigation bar than the secondary label, such as closer to the top of the navigation bar.

[0149] For example, referring to Figure 7, the navigation bar 71 includes a primary tab area 711 and multiple secondary tab areas (such as secondary tab area 7121, secondary tab area 7122, and secondary tab area 7123). The primary tab area 711 includes multiple primary tabs, and the secondary tab areas include multiple secondary tabs. The primary tab area 711 is closest to the top of the navigation bar 71, and the multiple secondary tab areas are arranged below the primary tab area 711.

[0150] In this way, for users, the first-level tags have the highest browsing priority, followed by the second-level tags. Therefore, it can be ensured that users can prioritize browsing and operate the first-level tags more conveniently, so as to find the content corresponding to the first-level tags more quickly.

[0151] When there are many labels in the navigation bar, the labels cannot all be displayed on the screen due to the height limitation of the terminal device's display screen, as shown in Figure 7. The complete page of navigation bar 71 shown in Figure 7(b) cannot be fully displayed on the screen shown in Figure 7(a); the display screen only shows a portion of the content of navigation bar 71. To avoid affecting the user experience due to the above problem, in one example, the terminal device can configure the navigation bar as a scrollable page. Users can slide along the length direction of the navigation bar (such as the y-direction) (e.g., slide up or down) to scroll and display the entire page of the navigation bar.

[0152] Please refer to Figure 8, which is a schematic diagram of the interface for the scrolling display of the navigation bar provided in this embodiment of the application. Based on Figure 7(a) above, if the user wants to view the remaining content of the navigation bar 71, the user can slide the navigation bar 71 to the top of the display screen. In response to the user's sliding operation to the top (i.e., the swipe-up operation), the content of the current part of the navigation bar 71 displayed on the display screen is shifted away from the display screen, and the navigation bar 71 moves to the top accordingly, displaying the interface shown in Figure 8(a). Please refer to Figure 8(a), the navigation bar 71 moves up as a whole, such as the first-level tab area 711 being basically moved out of the display screen, and the display screen displays the content of the part of the navigation bar 71 that was not displayed before the swipe-up operation (such as the second-level tab area 7123). The user continues to slide the navigation bar 71 to the top of the display screen. When the navigation bar 71 moves to the limit position, the navigation bar 71 no longer moves to the top with the user's swipe-up operation, displaying the interface shown in Figure 8(b). The new album control 713 is the limit position of the movable range of the navigation bar 71.

[0153] It should be understood that the distance or rate at which the navigation bar 71 moves upward depends on the speed at which the user swipes the screen upwards. The faster the user swipes the screen upwards, the greater the distance or rate at which the navigation bar 71 moves upwards.

[0154] The above only illustrates the process of scrolling the navigation bar 71 by swiping up. The process of scrolling the navigation bar 71 by swiping down is similar to the above, and will not be described again here.

[0155] Next, we will provide a detailed introduction to the first-level and second-level tabs in the navigation bar.

[0156] Level 1 tags

[0157] Referring again to Figure 7, the primary label area 711 includes multiple primary labels, including the photo label 7111, the album label 7112, the memory label 7113, and the creation label 7114.

[0158] Photo tag 7111

[0159] In some embodiments, photo tag 7111 corresponds to all or part of the image materials in the gallery application. When photo tag 7111 is selected, the content area can display all or part of the image materials in the gallery application. For example, photo tag 7111 corresponds to image materials obtained through specific operations in the gallery application. Exemplarily, photo tag 7111 corresponds to image materials obtained by taking pictures with a camera and image materials obtained through screenshot / screen recording operations in the gallery application. In other words, the image materials corresponding to photo tag 7111 include image materials in the camera album and the screenshot / screen recording album, which can be obtained by the terminal device aggregating image materials in the camera album and the screenshot / screen recording album.

[0160] In Figure 7, for example, when photo tag 7111 is selected, it is highlighted to make it easier for the user to focus on the currently selected content. The content area displays interface 721 under photo tag 7111. This interface is a photo grid interface that can display thumbnails of all image materials (images and videos) corresponding to photo tag 7111. The user can click on any thumbnail to view the large image or original video of that image material.

[0161] It should be noted that the highlighting display method described in the embodiments of this application may include bolding, displaying with a special color, or adding a highlight background, etc. The embodiments of this application do not limit the highlighting display method.

[0162] Album tag 7112

[0163] Album tag 7112 can also be called level 1 album tag 7112.

[0164] In some embodiments, the primary album tab 7112 corresponds to all albums of the gallery application. When the primary album tab 7112 is selected, the content area can display all albums of the corresponding gallery application. In other words, when the primary album tab 7112 is selected, the content area can switch to an interface that includes all albums of the gallery application.

[0165] In this embodiment, all albums of the gallery application corresponding to the first-level album tag 7112 can include physical albums (such as the "Camera" album, the "Screenshot & Screen Recording" album, the "Meitu Xiu Xiu" album, etc.), and can also include virtual albums displayed using electronic albums (such as the "All Photos" album, and various albums under the Smart Album). A physical album is an album stored locally on the terminal device with a storage path. A virtual album is an electronic album that can include a virtual album obtained by aggregating image materials from multiple physical albums on the terminal device, and / or include a virtual album obtained by classifying image materials of the gallery application according to specific category characteristics (such as portraits, locations, objects, etc.) (such as various albums under the Smart Album). In addition, the photo album corresponding to the aforementioned photo tag 7111 (i.e., an album formed by the image materials corresponding to photo tag 7111) is also a virtual album. It is a virtual album obtained by aggregating the image materials in all or part of the physical albums of the image application. For example, it can be a virtual album obtained by aggregating the image materials in the "Camera" album and the "Screenshot and Screen Recording" album.

[0166] From a user perspective, in some embodiments, all albums corresponding to the primary album tag 7112 can be further divided into ordinary albums and smart albums. Ordinary albums include all physical albums of the gallery application and one or more virtual albums. For example, the one or more virtual albums may include a "All Photos" album, which is an album obtained by aggregating image materials from all physical albums of the gallery application. Smart albums include multiple virtual albums, such as a "Portraits" album, a "Locations" album, a "Things" album, and a "Media Type" album. These multiple virtual albums are virtual albums obtained by classifying the image materials of the gallery application according to specific category characteristics (such as people, locations, things, media types, etc.).

[0167] Figure 9 is a schematic diagram of the interface of the content area under different first-level tabs provided in the embodiments of this application. Referring to Figures (a) and (b) in Figure 9, when the first-level album tab 7112 is selected, it is highlighted, and the content area displays the interface under the first-level album tab 7112. This interface includes all albums of the gallery application, including ordinary albums and smart albums. The bottom of the interface includes ordinary album options 722a and smart album options 722b. In Figure (a) of Figure 9, when the ordinary album option 722a is selected, the album interface of the ordinary album is displayed, including all albums under the ordinary album, such as the "All Photos" album, the "Camera" album, the "Screenshot and Screen Recording" album, the "Weibo" album, etc. In Figure (b) of Figure 9, when the smart album option 722b is selected, the album interface of the smart album is displayed, including all albums under the smart album, such as the "Portrait" album, the "Location" album, the "Things" album, the "Media Type" album, etc.

[0168] Memory tag 7113

[0169] In some embodiments, the Memory tag 7113 corresponds to all Memory videos in the Gallery app, which are videos with specific attributes generated from image materials in the Gallery app. When the Memory tag 7113 is selected, the content area can display all Memory videos, or in other words, when the Memory tag 7113 is selected, the content area can switch to an interface that includes all Memory videos from the Gallery app.

[0170] Referring to Figure 9(c), when the Memory tag 7113 is selected, it is highlighted, and the content area displays the interface under the Memory tag 7113. This interface includes all the memory videos in the Gallery application, such as memory videos with the theme "Reunion of Old Friends".

[0171] Creation tag 7114

[0172] In some embodiments, the Creation tab 7114 corresponds to controls and / or options for image editing related functions. When the Creation tab 7114 is selected, the content area can display controls and / or options for image editing related functions; or, when the Creation tab 7114 is selected, the content area can switch to an interface that includes controls and / or options for image editing related functions.

[0173] Referring to Figure 9(d), when the creation tag 7114 is selected, it is highlighted, and the content area displays the interface under the creation tag 7114. This interface includes relevant functional controls for image editing (such as the "Smart Film" control, "Smart Image Retouching" control, "One-Click Blockbuster" control, "Editing" control, "Same Style" control, "Video Creation" control, "Collage" control, etc.) as well as options for image editing (such as various template options under Template Recommendation).

[0174] In other embodiments, from a user's perspective, the primary album label 7112 can correspond to the regular album of a gallery application, while the creation label not only corresponds to some controls and / or options for image editing functions, but also to the smart album of a gallery application.

[0175] Figure 10 is another schematic diagram of the interface of the content area under the first-level album tab and the creation tab provided in the embodiment of this application.

[0176] Referring to Figure 10(a), the primary album tab 7112 corresponds to the regular album. When the primary album tab 7112 is selected, it is highlighted, and the content area displays the interface under the primary album tab 7112, which includes the regular album of the gallery application. It can be seen that, compared with the interface of the content area under the primary album tab 7112 shown in Figure 9(a), the regular album option 722a and the smart album option 722b are missing, and the regular album is displayed by default.

[0177] Referring to Figure 10(b), the Creation tab 7114 corresponds to controls and / or options for image editing functions, and also to the Smart Album of the Gallery application. When the Creation tab 7114 is selected, it is highlighted, and the content area displays the interface under the Creation tab 7114. The interface includes controls for image editing functions (such as the "One-Click Blockbuster" control, the "Edit" control, the "Free Creation" control, the "Collage" control, etc.) as well as various albums under the Smart Album (such as the "Portrait" album, the "Location" album, the "Things" album, the "Media Type" album, etc.).

[0178] In other embodiments, from a user's perspective, the primary album label 7112 can correspond to the regular album and smart album of the gallery application, and the creation label 7114 can correspond not only to some controls and / or options for image editing functions, but also to the smart album of the gallery application, as shown in the combination of Figure (a) in Figure 9 and Figure (b) in Figure 10.

[0179] It should be understood that the multiple primary tags in the above examples are merely illustrative and do not constitute a limitation on the embodiments of this application. In other embodiments, the multiple primary tags may also include tags other than photo tags, primary album tags, memory tags, and creation tags, or the multiple primary tags may also include at least one of the above-mentioned photo tags, primary album tags, memory tags, and creation tags. The specific tag types can be set according to actual needs, and the embodiments of this application do not limit this.

[0180] For the multiple primary labels in the above example, the multiple primary labels in the first interface form displayed by the terminal device in the first type of display mode can be mapped to the second interface form displayed in the second type of display mode, thereby adapting to the user's usage habits and reducing the user's learning cost.

[0181] Taking a foldable device as an example, when the foldable device is in its unfolded state, the interface of a gallery application displayed in full screen on the large screen (such as an outward-folding or inward-folding display) (an example of the first type of display method) includes a navigation bar and a content area. For ease of explanation, the interface including the navigation bar and the content area is referred to as the first interface form (interface form under the first type of display method). However, when the foldable device is in its folded state, the interface of a gallery application displayed in a folded state (an example of the second type of display method) still follows the traditional interface form. That is, the interface of the folded gallery application includes a content area but does not include a navigation bar. For example, it includes the content area and multiple tabs at the bottom of the content area. For ease of explanation, the interface including the content area but not the navigation bar is referred to as the second interface form (interface form under the second type of display method).

[0182] Figure 11 is a schematic diagram of the terminal device provided in the embodiments of this application under different interface forms.

[0183] Referring to Figure 11, the gallery application interface 7a displayed when the folded device is in the unfolded state is a first interface form including the left navigation bar 71, and the gallery application interface 7b displayed when the device is in the folded state is a second interface form including multiple tabs at the bottom. The multiple primary tabs in the navigation bar 71 in the first interface form correspond one-to-one with the multiple tabs in the toolbar at the bottom of the content area in the second interface form. Continuing to refer to Figure 11, the four tabs at the bottom of the content area in the second interface form in the folded state are: Photo tab 7b1, Album tab 7b2, Memories tab 7b3, and Creation tab 7b4. The navigation bar 71 in the first interface form in the unfolded state also includes four primary tabs corresponding to these four tabs: Photo tab 7111, Album tab 7112, Memories tab 7113, and Creation tab 7114.

[0184] It should be understood that for the same gallery application interface, the split-screen display on a foldable device in the unfolded state and the split-screen display on a non-foldable device also present a second interface form.

[0185] Therefore, in the image display method provided in this application embodiment, when the terminal device switches between the first interface form and the second interface form, the functions of the gallery application interface displayed on the screen before and after the switch can be mapped one by one. That is, the multiple first-level tabs of the navigation bar in the first interface form are mapped one by one with the multiple tabs in the second interface form, ensuring that all these tabs are exposed and displayed. This can adapt to the user's usage habits, maintain the user's mental state between the folded state and the unfolded state as much as possible, reduce the user's learning cost, and improve the user experience.

[0186] Secondary tags

[0187] Referring to Figure 7, multiple secondary labels include multiple secondary album labels. Each secondary album label corresponds to an album or a category of albums in the gallery application. When a secondary album label is selected, the content area can display all the image materials under the corresponding album or all the albums under the corresponding category.

[0188] For ease of description, the tags for ordinary albums will be referred to as ordinary album tags, and the tags for smart albums will be referred to as smart album tags. For example, multiple secondary album tags may include both smart album tags and ordinary album tags. Each secondary album tag in the smart album tag corresponds to a type of album or an image material in an album within the smart album.

[0189] In the embodiments of all albums (regular albums and smart albums) in the gallery application corresponding to the first-level album tags mentioned above, multiple second-level album tags are sub-album tags under the first-level album tags. The image materials of a type of album or an album corresponding to each second-level album tag can be found in the album corresponding to the first-level album tag. Each second-level album tag may include the icon and / or name of the corresponding album, and may also include the number of image materials or albums under the corresponding album.

[0190] In the embodiments of the above-mentioned ordinary albums in the gallery application corresponding to the first-level album tag and the smart albums in the gallery application corresponding to the creation tag, the image materials in a type of album or an album corresponding to each second-level album tag in the ordinary album tag can be found in the album corresponding to the first-level album tag, and the image materials in a type of album or an album corresponding to each second-level album tag in the smart album tag can be found in the smart album corresponding to the creation tag.

[0191] Referring again to Figure 7, for example, multiple secondary album tags may include the four secondary album tags under "Smart Album" in secondary album tag area 7121: Portrait tag, Location tag, Object tag, and Media Type tag; the three secondary album tags under "Albums" in secondary album tag area 7122: All Photos tag, Camera tag, and Screenshot / Screen Recording tag; the three secondary album tags under "More" in secondary album tag area 7123: Weibo tag, Meitu Xiu Xiu tag, and Other Album tags; and / or, the Recently Deleted tag 714, etc. Each secondary album tag includes the corresponding album icon, name, and the number of image materials or albums under the corresponding album.

[0192] It should be noted that among the multiple secondary album tabs illustrated above, the four secondary album tabs under "Smart Album" are all Smart Album tabs, while the various secondary album tabs under "Album" and "More," as well as the recently deleted tab 714, are all regular album tabs. The recently deleted tab 714 corresponds to the images recently deleted by the user in the gallery application. When the recently deleted tab 714 is selected, the content area can display the user's recently deleted images; in other words, when the recently deleted tab 714 is selected, the content area can switch to display the images recently deleted by the user in the gallery application.

[0193] It should be understood that the multiple secondary album labels shown in Figure 7 are merely illustrative and do not constitute a limitation on the secondary album labels in the embodiments of this application. For example, as the number of image materials in the terminal device increases, the system will automatically create albums or the user will create new albums. Based on these added albums, the secondary album labels in the navigation bar 71 will also increase with the increase in album type and quantity.

[0194] Referring to Figures (a) and (b) in Figure 9, the content area displays the interface under the first-level album tab 7112. This interface includes all albums in the gallery application, including all albums under the regular album and all albums under the smart album. Taking the regular album as an example, referring to Figure 9(a), the regular album interface 7221 includes the "All Photos" album, the "Camera" album, the "Screenshot / Screen Recording" album, the "Weibo" album, the "Meitu Xiu Xiu" album, and other albums that need to be swiped up to show those not fully displayed on the interface. The left navigation bar 71 includes all photo tabs, camera tab, screen capture / screen recording tab under "Albums," as well as the Weibo tab, Meitu Xiu Xiu tab, and other album tabs under "More" that need to be swiped up. The album or image materials corresponding to each second-level album tab can be found in the album interface shown in Figure 9(a). Taking the Smart Album as an example, referring to Figure 9(b), the Smart Album's album interface 7222 includes "Portrait" album, "Location" album, "Things" album, and "Media Type" album. The left navigation bar 71 includes "Portrait", "Location", "Things" and "Media Type" tags under "Smart Album". The image materials or albums corresponding to each secondary album tag under "Smart Album" can be found in the album interface shown in Figure 9(b).

[0195] Figure 12 is a schematic diagram illustrating the process of entering the interface under the first-level album tab and the second-level album tab, respectively, according to an embodiment of this application. As an example, the process is explained using the example of a user wanting to view the "All Photos" album.

[0196] Referring to Figure 12(a), the primary album tab 7112 is selected and highlighted. The content area displays the interface under the primary album tab 7112. When the normal album option 722a is selected on this interface, interface 7221 is displayed. Interface 7221 is the normal album interface, including all albums under the normal album. When the user clicks the "All Photos" album, in response to the user's operation, the interface shown in Figure 12(b) is displayed. The content area displays interface 731, which is the interface of the "All Photos" album, including all images under the "All Photos" album.

[0197] Referring to Figure 12(c), the "Album" section of the navigation bar 71 includes three secondary album tabs: All Photos 7122a, Camera, and Screenshot / Screen Recording. When the user selects the All Photos 7122a tab, the content area displays the interface 732 under the All Photos 7122a tab. Interface 732 is the interface of the "All Photos" album, which includes all the images in the "All Photos" album.

[0198] Comparing Figure 12(c) with Figures 12(a) and (b), it can be seen that, compared to the process of finding albums through primary album tags, the content area can directly display the image materials of the corresponding album after the secondary album tag (such as the All Photos tag) is selected. Users only need to select the content area of ​​the secondary album tag in the navigation bar to directly display the corresponding image materials. In this way, users can quickly locate the associated albums or image materials through the secondary album tags. The operation steps are fewer and more convenient and simple, improving the efficiency of human-computer interaction.

[0199] Figure 13 is another schematic diagram illustrating the process of entering the interface under the first-level album tab and the second-level album tab, respectively, according to an embodiment of this application. As an example, the process is explained using the example of a user wanting to view the "Portrait" album.

[0200] Referring to Figure 13(a), the primary album tab 7112 is selected and highlighted. The content area displays the interface under the primary album tab 7112. When the "Ordinary Album" option 722a is selected on this interface, interface 7221 is displayed. Interface 7221 is the album interface for ordinary albums, including all albums under ordinary albums. When the user clicks the "Smart Album" option 722b, in response to the user's operation, the interface shown in Figure 13(b) is displayed. The content area displays interface 7222, which is the interface for "Smart Album". This interface includes tertiary albums under various secondary albums in "Smart Album", such as portrait albums, location albums, object albums, media type albums, etc. Additionally, if there are many third-level albums under various second-level albums, interface 7222 may not be able to display them all. Therefore, interface 7222 can only display some of the third-level albums under various second-level albums and their corresponding "more" options. The "more" options are used to trigger the content area to display all the third-level albums under the corresponding second-level album. For example, if a user clicks the "more" option corresponding to the portrait album, in response to the user's operation, the interface shown in Figure 13(c) is displayed. The content area displays interface 7223, which is the interface for the portrait album, including all the third-level albums under the portrait album.

[0201] Referring to Figure 13(d), the primary album tab 7112 is selected and highlighted. The content area displays the interface under the primary album tab 7112. When the "Normal Album" option 722a is selected on this interface, interface 7221 is displayed. Interface 7221 is the album interface for the normal album, including all albums under the normal album. Referring to Figure 13(d), the "Smart Album" under the secondary tab area of ​​the navigation bar 71 includes four secondary album tabs: portrait tab 7121a, location tab, object tab, and media type tab. If the user wants to view all albums under the portrait album in the smart album, they can click the portrait tab 7121a. In response to the user's operation, the interface shown in Figure 13(e) is displayed. The content area displays interface 7224, which is the interface for the portrait album, including all tertiary albums under the portrait album.

[0202] Comparing Figures (d) and (e) in Figure 13 with Figures (a), (b), and (c) in Figure 13, it can be seen that, compared to the process of finding portrait albums through primary album tags, when a secondary album tag (such as a portrait tag) is selected in the smart album, the content area can directly display the corresponding tertiary album under that album. Users only need to select the secondary album tag in the navigation bar, and the content area can directly display the corresponding tertiary album. In this way, users can quickly locate the associated albums or image materials through secondary album tags, with fewer operation steps and greater convenience and simplicity, thus improving the efficiency of human-computer interaction.

[0203] In one embodiment, the secondary tab area containing multiple secondary album tabs may further include a management control. This management control can be an expand control or a collapse control, used to expand or collapse all or some of the secondary album tabs in the multiple secondary album tabs, respectively. For example, the multiple secondary album tabs can be divided into multiple groups, each group corresponding to a management control for expanding or collapsing the secondary album tabs of that group. For instance, if the secondary album tabs of a certain group are expanded (displayed), that group has a collapse control. If the user wants to collapse the group, they can click the collapse control, and in response to the user's click, the secondary album tabs of that group in the navigation bar will be collapsed (hidden). Conversely, if the secondary album tabs of a certain group are collapsed, that group has an expand control. If the user wants to view the secondary album tabs under that group, they can click the expand control, and in response to the user's click, the secondary album tabs of that group in the navigation bar will be expanded, i.e., displayed in the navigation bar.

[0204] Please continue referring to Figure 7. For example, the secondary album tabs are divided into three groups: "Smart Album," "Album," and "More." These three groups are displayed in secondary tab areas 7121, 7122, and 7123, respectively. When the various Smart Album tabs under "Smart Album" in secondary tab area 7121 are expanded, secondary tab area 7121 also includes a collapse control 7151 corresponding to the "Smart Album" group. Clicking the collapse control 7151 will cause the various Smart Album tabs under "Smart Album" to collapse. When the various album tabs under "Album" in secondary tab area 7122 are expanded, secondary tab area 7122 also includes a collapse control 7152 corresponding to the "Album" group. Clicking the collapse control 7152 will cause the various album tabs under "Album" to collapse. When the album tabs under "More" in the secondary tab area 7123 are expanded, the secondary tab area 7123 also includes a collapse control 7153 corresponding to the "More" group. Clicking the collapse control 7153 can trigger the collapse of the album tabs under "More".

[0205] Figure 14 is a comparative schematic diagram of the expansion and collapse of smart album tabs in a navigation bar according to an embodiment of this application. Referring to Figure 14(a), when the various smart album tabs (portrait tabs, location tabs, object tabs, media type tabs, etc.) under "Smart Album" in the secondary tab area 7121 are expanded, the secondary tab area 7121 also includes a collapse control 7151 corresponding to the "Smart Album" group. If the user clicks the collapse control 7151, in response to the user's operation, referring to Figure 14(b), the various smart album tabs under "Smart Album" in the navigation bar 71 can be collapsed. Moreover, after the tabs are collapsed, the collapse control corresponding to "Smart Album" will switch to an expansion control. As shown in Figure 14(b), the secondary tab area 7121 after the tabs are collapsed includes an expansion control 7154, which is used to re-expand the collapsed smart album tabs. For example, if a user clicks to expand control 7154, in response to the user's operation, the Smart Album tab will be expanded again, displaying the interface shown in Figure 14(a).

[0206] Comparing Figure 14(b) with Figure 14(a), it can be seen that after the Smart Album tab under "Smart Album" is collapsed, the Smart Album tab is hidden, while the album tab under "Album" below "Smart Album" and other currently undisplayed content (such as the album tab under "More") will move up simultaneously, allowing the navigation bar to display more other content.

[0207] In this embodiment, by providing users with collapse and expand controls, users can easily collapse and expand the secondary album tabs they need as needed, improving search efficiency. For example, by providing users with a collapse control, they can easily collapse some less frequently used secondary album tabs, avoiding their interference. At the same time, more space can be freed up in the navigation bar to display other secondary album tabs that users are more interested in, allowing users to prioritize browsing and more easily operate the secondary album tabs they are more interested in, thus finding the content they need more quickly.

[0208] It should be understood that Figure 14 above is only an illustrative example of how the collapse control of each group is an upward-pointing triangle and the expansion control is a downward-pointing triangle. In other embodiments, the collapse control and expansion control may have other styles, and this application embodiment does not limit them.

[0209] In one embodiment, the navigation bar may further include a collapse control for collapsing the navigation bar. Referring to Figure 7, the navigation bar includes a collapse control 716 for collapsing the navigation bar. By providing users with a collapse control for the navigation bar, users can easily collapse the navigation bar when needed. Collapsing the navigation bar expands the display space of the content area, making it easier for users to view the content and thus catering to different browsing needs. As an example, after the navigation bar is collapsed, the gallery application's interface can switch from a first interface mode to a second interface mode, such as switching to an interface mode that includes the content area and multiple tabs at the bottom of the content area.

[0210] The following examples will further introduce the various secondary album tags under Smart Album and Regular Album.

[0211] For Smart Album, each secondary album tag under Smart Album corresponds to an album category. Each album category includes one or more albums. The album category corresponding to each secondary album tag is a virtual album obtained by classifying the image materials of the gallery application according to specific category characteristics. For example, specific category characteristics may include features such as portraits, locations, objects, or media types.

[0212] Please continue referring to Figure 7. For example, the various secondary album tags under Smart Album include a portrait tag 7121a, a location tag 7121b, an object tag 7121c, and a media type tag 7121d. Please continue referring to Figure 9(b). The portrait tag 7121a corresponds to the "Portrait" album in Smart Album, including albums for multiple different portraits obtained by classifying image materials from the image library application according to different personal characteristics, such as albums for "Pingping," "An'an," and "Lingling," etc. Each portrait album includes image materials for the corresponding portrait. The location tag 7121b corresponds to the "Location" album in Smart Album, including albums for multiple different locations obtained by classifying image materials from the image library application according to location characteristics, such as albums for Shanghai, Xi'an, Beijing, etc. Each location album includes image materials taken at the corresponding location. The "Things" tag 7121c corresponds to the "Things" album in Smart Album. This includes albums categorized by image materials from the gallery application based on the characteristics of the things, such as food, scenery, flowers, architecture, and night scenes. Each album contains image materials of the things that possess the corresponding characteristics. The "Media Type" tag 7121d corresponds to the "Media Type" album in Smart Album. This includes albums categorized by image materials from the gallery application based on media type characteristics, such as live photos, large aperture, documents, and burst shots. Each album contains image materials of the corresponding media type.

[0213] In the above embodiments, the various albums that were originally hierarchically structured under the Smart Album are displayed in the navigation bar through secondary album tags within the Smart Album tab. This highlights the smart capabilities of the gallery application and increases the exposure and usage rate of the Smart Album. Furthermore, each secondary album tag within the Smart Album tab corresponds to a category of albums that includes a large number of albums. Grouping multiple albums of the same type into one category (such as the "Portraits" album) and displaying this category through a single secondary album tag effectively reduces the length of the navigation bar list and improves search efficiency when there are many albums. In addition, from a development perspective, reducing the number of secondary album tags corresponding to a single album category reduces latency caused by reading information such as name, number of images, and cover image from album tags, thus improving response speed and overall, effectively enhancing the user experience.

[0214] For the general album tags, please continue to refer to Figure 7. For example, the general album tags include: all photos under "Albums" 7122a, camera tag 7122b, screenshot / screen recording tag 7122c, Weibo tag 7123a, Meitu XiuXiu tag 7123b, and other album tags 7123c under "More". Among them, the other album tag 7123c corresponds to a type of album in the gallery application. When selected, the content area can display all albums under the corresponding type of album. The other second-level album tags in the general album tags correspond to an album in the gallery application. When selected, the content area can display all image materials under the corresponding album.

[0215] For the remaining secondary album tags, the "All Photos" tag 7122a corresponds to the "All Photos" album in the Gallery app; the "Camera" tag 7122b corresponds to the "Camera" album in the Gallery app, which contains images captured by the camera; the "Screenshot & Screen Recording" tag 7122c corresponds to the "Screenshot & Screen Recording" album in the Gallery app, which contains images captured by screenshots and / or screen recordings; and the tags for third-party applications, such as the "Weibo" tag 7123a and the "Meitu" tag 7123b, correspond to third-party application albums containing images downloaded through the corresponding application and / or cached during the application's operation. Specifically, the "Weibo" tag 7123a corresponds to the "Weibo" album, and the "Meitu" tag 7123b corresponds to the "Meitu" album. The "Recently Deleted" tag 714 corresponds to the "Recently Deleted" album in the Gallery app, which contains images deleted by the user within a specified time period (e.g., the last month).

[0216] For the "Other Albums" tag 7123c, the corresponding album category can be a category of albums included in the regular albums, for example, named "Other Albums". When the "Other Albums" tag 7123c is selected, the content area can display the various albums under the corresponding "Other Albums" category. In implementation, when there are many albums in the gallery application, displaying all albums would not only affect performance (slow response speed), but the long list length of the navigation bar would also affect the user's search efficiency to some extent. Therefore, the terminal device can include some albums in a category of albums (such as an album category named "Other Albums") and not display them directly. The various albums under that category will only be displayed when the user enters that category when needed. In some embodiments, this category of albums can be a category of albums with low usage, which users rarely actively view. Therefore, hiding this category of albums can reduce the list length of the navigation bar and improve performance with minimal impact on the user experience. For example, from a business scenario perspective, this type of album may include various third-party application albums (such as "Alipay" album, "Honor Browser" album, etc.) formed by image materials downloaded or cached by third-party applications, and the usage rate of these third-party application albums is low.

[0217] Figure 15 is a schematic diagram of the content area interface of the gallery application under other album tabs provided in the embodiments of this application. Among them, Figure 15(a) is a schematic diagram of the interface of the gallery application including the navigation area and the content area, and Figure 15(b) is a schematic diagram of the navigation bar of the complete page.

[0218] Referring to Figure 15, the "Other Albums" tab 7123c is selected and highlighted. The content area displays the "Other Albums" interface 751, which includes various albums under "Other Albums," such as the "Honor Browser" album, the "Alipay" album, the "Toutiao" album, the "Album 1" album, the "Album 2" album, and the "Album 3" album. If the user wants to view the "Alipay" album, they can click on the "Alipay" album in interface 751, and the content area will display the various image materials under the "Alipay" album (not shown in the figure).

[0219] As can be seen, this embodiment of the application categorizes some albums (such as those with low usage rates) into a category called "Other Albums," and displays these albums through a secondary album tag, such as "Other Albums." In this way, when there are many albums, the length of the navigation bar list can be effectively reduced and search efficiency improved with minimal impact on the user experience. Moreover, from a development perspective, the number of secondary album tags corresponding to a category of albums is reduced, which reduces the latency caused by reading information such as name, number of images, and cover from album tags, thus improving response speed and effectively enhancing the overall user experience.

[0220] As described above, in some embodiments, the ordinary album tags of this application embodiment may include two parts. Each second-level album tag in one part (denoted as the first part album tags) corresponds to one album. When each second-level album tag in the first part is selected, the content area can display all image materials under the corresponding album. Each second-level album tag in the other part (denoted as the second part album tags) corresponds to a category of albums. When each second-level album tag in the second part is selected, the content area can display all albums under the corresponding category of albums. In other words, the category of albums corresponding to the second part album tags may also include one or more albums. This category of albums can be considered as the parent level of each album in the one or more albums below it. Conversely, each album in the one or more albums can be considered as the child level of its own album. Thus, each album tag in the first part album tags corresponds to one album and has no child level albums, while the category of albums corresponding to the second part album tags has a child level.

[0221] In conjunction with the above embodiments, for example, the second part of the album tags includes: various secondary album tags in the smart album tags (such as portrait tags, location tags, object tags, media type tags) and a portion of the secondary album tags in the ordinary album tags (such as other album tags), and the first part of the album tags is the album tags other than the second part of the album tags in all the ordinary album tags.

[0222] In one embodiment, multiple secondary album tabs can be arranged in a navigation bar according to album priority, such as from top to bottom in order of album priority. The album priority can be sorted based on at least one of the following album information: album type and usage frequency. Album types can include smart albums and regular albums, or system albums (system-created albums), user-created albums, and third-party application albums, etc.

[0223] This arrangement allows album tags with higher priority to be positioned higher in the navigation bar compared to those with lower priority, thus increasing their visibility to users. For users, within the secondary album tabs, album tags with higher priority have a higher browsing priority. This ensures that users can easily browse and navigate higher-priority album tags, enabling them to quickly find content associated with those tags and improving the efficiency of finding gallery content and enhancing the user experience.

[0224] In one embodiment, within the secondary album tabs, the smart album can be set to the highest priority, followed by the regular albums. According to their respective album priorities, the secondary album tabs under the smart album and the regular albums are arranged within the navigation bar along a first direction, extending from the beginning to the end of the navigation bar, such as from the top to the bottom. In other words, the smart album is positioned closer to the beginning of the navigation bar than the regular album, for example, closer to the top of the navigation bar.

[0225] For example, referring to Figure 7, the primary tab area 711 is closest to the top of the navigation bar 71, and multiple secondary tab areas are arranged below the primary tab area 711. Among the multiple secondary tab areas, secondary tab area 7121 (smart album area) is closest to the primary tab area 711, and secondary tab areas 7122 and 7123 (normal album area) are arranged below secondary tab area 7121.

[0226] In this way, for users, the secondary album tags under Smart Albums have the highest browsing priority, while those under Regular Albums have the next highest browsing priority. This ensures that users can prioritize browsing and operate Smart Albums more conveniently, and find the content corresponding to the secondary album tags under Smart Albums more quickly. This highlights the smart capabilities of the photo library application and increases the exposure and usage rate of Smart Albums.

[0227] In one embodiment, album priority can be set by combining album type and usage frequency. For example, for the secondary album tabs under a regular album, albums whose usage frequency meets a first preset condition (user-created albums and third-party application albums) and system albums have the highest priority; albums whose usage frequency meets a second preset condition (user-created albums and third-party application albums) have the next highest priority; and other albums have the lowest priority. The first and second preset conditions can be pre-set. For example, the first preset condition is an album whose usage frequency is greater than or equal to a first frequency threshold, or whose usage frequency ranks in the top N; the second preset condition is an album whose usage frequency is greater than or equal to the second frequency threshold and less than the first frequency threshold, or whose usage frequency ranks in the top M (excluding the top N). The first frequency threshold is greater than the second frequency threshold, M and N are both positive integers, and M is greater than N. In the navigation bar, the album tabs under the regular album with the above three priority levels can be arranged from top to bottom in the regular album tab area according to their priority.

[0228] For example, referring to Figure 7, the general album tab area in the navigation bar 71 includes secondary tab areas 7122 and 7123, with secondary tab area 7122 preceding secondary tab area 7123. Secondary tab area 7122 includes secondary album tabs under "Albums": All Photos, Camera, and Screenshot / Screen Recording. These secondary album tabs correspond to system albums, which have the highest priority. Additionally, secondary tab area 7122 can also include album tabs for user-created albums and albums from third-party applications with higher priority (e.g., albums whose usage frequency meets the first preset condition), such as the WeChat tab (not shown in Figure 7). Secondary tab area 7122 includes secondary album tabs under "More": Weibo, Meitu Xiu Xiu, and other album tabs. The Weibo and Meitu Xiu Xiu tabs are album tabs for albums from third-party applications with lower priority (e.g., albums whose usage frequency meets the second preset condition). Additionally, the secondary label area 7122 may also include album labels for albums with the next lowest priority among user-created albums (such as albums whose usage frequency meets the second preset condition) (not shown in Figure 7). Other album labels correspond to other albums in the regular albums besides the secondary albums corresponding to the aforementioned secondary album labels, that is, the albums with the lowest priority in the regular albums.

[0229] New Album Control

[0230] Referring again to Figure 7, the navigation bar also includes a New Album control 713, which is used to quickly create new albums. The New Album control 713 can include a corresponding name and / or icon. For example, as shown in Figure 7, the New Album control 713 includes the name "New Album" and a "+" icon.

[0231] In one example, the new album control can be located below multiple tabs in the navigation bar, such as at the bottom of the navigation bar. If there are many tabs in the navigation bar, the new album control may not be displayed in the current section of the navigation bar. In this case, the user can swipe up on the navigation bar to scroll upwards and reveal the new album control below. As shown in Figure 8, if the new album control 713 is not displayed in the current section of the navigation bar 71, the user can swipe up on the navigation bar 71 to scroll upwards and reveal the new album control 713 below.

[0232] In one example, to facilitate quick user identification of the new album control, it can also be highlighted in the navigation bar. The highlighting method can include one or more of the following: highlighting, bolding, and displaying in a special color. A special color refers to a color different from the display color of other items in the navigation bar. This embodiment does not limit the highlighting method for the new album control. Referring to Figure 7, the new album control can be displayed in bold in the navigation bar.

[0233] In one example, by setting a new album control in the navigation bar, when image materials are displayed in the content area, users can quickly create a new album and add the dragged image materials to the new album control by dragging (or dropping) the image materials from the content area. For the terminal device, in response to the user's operation of dragging and dropping image materials from the content area to the new album control, a new album is created and the image materials are added to the new album.

[0234] This adds the ability to quickly manage albums to the navigation bar, making it more convenient and efficient for users to create new albums and add images to them, thus improving the user experience.

[0235] As an example, a user can first select at least one image in the content area, and then drag and drop this image onto the Recently Deleted tab to trigger the image deletion process. Alternatively, the user can also trigger the image deletion process by releasing their finger after dragging and dropping the image onto the Recently Deleted tab. For the terminal device, the device can initiate the image deletion process in response to the user's action of selecting at least one image in the content area, dragging and dropping it onto the Recently Deleted tab, and then releasing their finger.

[0236] In one embodiment, to facilitate user operation, after a user selects at least one image asset from the content area, the at least one image asset can float up for the user to drag. For example, after at least one image asset is selected in the content area, the application interface can display a floating state of the at least one image asset, which indicates the at least one image asset and can be moved according to the user's drag operation. The user can trigger the image asset deletion process by dragging the floating state to the Recently Deleted tab, for example, by dragging the floating state to the Recently Deleted tab and then releasing it.

[0237] As an example, the floating state can be in the form of an image. For instance, the floating state can be a floating image, which can be a collection of image materials formed by stacking the at least one image material, or it can be a specific image material among the at least one image material. In the case that the floating image is a collection of image materials formed by stacking the at least one image material, the topmost image material of the collection can be a specific image material among the at least one image material. The specific image material is one of the at least one image material, such as the image material on which the user performs a floating operation (e.g., long press), the image material first selected by the user, or the image material sorted at the top in the corresponding album, etc., and this application embodiment does not limit this. In addition, the floating image may also include a quantity marker indicating the number of the at least one image material.

[0238] In one possible implementation, after at least one image element in the content area is selected, its floating state can be displayed directly; alternatively, after at least one image element in the content area is selected, its floating state can be displayed in response to a floating operation on the at least one image element. This application embodiment does not limit the specific implementation. The floating operation can be a long press or swipe operation on any of the at least one image element; this application embodiment does not limit the specific implementation.

[0239] For ease of explanation, the following illustration will use the example of at least one image element in the content area being selected, and after receiving a floating operation on the at least one image element, displaying the floating state of the at least one image element.

[0240] As an example, to reduce the probability of user error, when at least one image material is in a floating state (a floating image), the floating image can be considered dragged onto the recently deleted tag if the position of the floating image and the recently deleted tag meets a preset position condition. The preset position condition includes: the floating image and the recently deleted tag coincide, or the floating image and the recently deleted tag are in contact. For example, the floating image coinciding with the recently deleted tag may include: a specific location of the floating image coinciding with the recently deleted tag, or the area ratio between the area of ​​the portion of the floating image coinciding with the recently deleted tag and the total area of ​​the floating image being greater than or equal to a preset ratio. The specific location and the preset ratio can be set according to actual needs; for example, the specific location can be the center line or center point of the floating image, and the preset ratio can be 50% or 60%, etc., which are not limited in this embodiment.

[0241] For ease of explanation, the following illustration will use the scenario where the center point of the floating image is in contact with the new album control as an example to illustrate how the floating image is dragged onto the new album control.

[0242] Next, with reference to the accompanying diagrams, we will provide a detailed explanation of the process of creating a new album by dragging and dropping image materials from the content area into the new album control.

[0243] Figure 16 is a schematic diagram illustrating the process of creating a new album by dragging and dropping image materials to the new album control according to an embodiment of this application. As an example, the process is explained by the user dragging and dropping image materials from the "All Photos" album corresponding to all photo tags.

[0244] Please refer to Figure 16(a). When all photo tags 7122a in the navigation bar are selected, they are highlighted. The content area displays the interface under all photo tags 7122a, which includes thumbnails of all image assets in the gallery application (for ease of explanation, the thumbnails of image assets in the content area are considered as image assets below). Users can select any one or more image assets in the content area. Please refer to Figure 16(b). Assuming the user selects image 161 and image 162, in response to the user's selection operation, the selected image assets switch to the selected state. As shown in Figure 16(b), the lower right corner of image 161 and image 162 includes a circular black selection mark, indicating that image 161 and image 162 have been selected by the user. It should be understood that the selected image assets can also be displayed in other ways to indicate the selected state, and this embodiment does not limit this.

[0245] After selecting an image, the user can long-press any of the selected images, such as image 161. In response to the long-press, the selected image will float up for the user to drag. For example, referring to Figure 16(c), the content area can display a floating image 163. This floating image 163 indicates the selected image and can be moved with the user's drag. Furthermore, the content of the floating image 163 can be the content of the image that the user long-pressed (such as image 161), and it also includes a circular quantity marker 2 in the upper right corner to indicate the number of selected image elements.

[0246] Users can long-press the floating image 163 and drag it towards the new album control 713 in the lower left corner, as shown in Figure 16(d). During this dragging process, the floating image 163 first passes through the boundary between the navigation bar and the content area, entering the navigation bar, and then follows the user's continued dragging to reach the new album control 713. Referring to Figure 16(e), the new album control 713 is highlighted when the floating image 163 is dragged onto it. After the new album control 713 is highlighted, the user can release the button to trigger the new album creation process. Please refer to Figure 16(f). If the user releases their hand while the floating image 163 is being dragged onto the new album control 713, the application interface can display a new album pop-up window 164 and a virtual keyboard in response to the user's release action. The new album pop-up window 164 includes an input box for naming the album, as well as a cancel option and an confirm option. The virtual keyboard is used to edit the album name in the input box. The user can click the confirm option in the new album pop-up window 164 to trigger the creation of a new album on the terminal device.

[0247] In one embodiment, to improve the efficiency of album naming and thus the efficiency of creating new albums, before displaying the input box for album naming, recommended album names can be generated based on the content and / or source of the image materials selected by the user, and these recommended album names can be displayed in the album naming input box. For example, content recognition can be performed on the image materials selected and dragged by the user, and recommended album names can be generated based on the recognized content. Another example is generating recommended album names based on the source of the image materials selected and dragged by the user, such as a source application.

[0248] Please refer to Figure 16(f). The input box can also include a recommended album name, "Gathering," which is generated based on the content of the images dragged by the user. Users can use this recommended album name directly or modify it, i.e., name it themselves. As shown in Figure 16(g), assuming the user changes the recommended album name from "Gathering" to "Family" and then clicks the confirmation option in the pop-up window, the terminal device will create a new album named "Family" in response to the user's action, and add images 161 and 162 to the newly created "Family" album, thus obtaining a "Family" album containing images 161 and 162. At this point, the album creation process is complete.

[0249] In one embodiment, to facilitate user viewing of the newly created album, after the above-described album creation process is completed, an album tag for the newly created album can be added to the navigation bar. As shown in Figure 16(h), after the user clicks the confirmation option in the pop-up window, a new family tag 7122d corresponding to the "Family" album can be added to the navigation bar. Furthermore, to further facilitate users' timely viewing of the newly created album's content, the newly added album tag (family tag 7122d) in the navigation bar can also be selected, as shown in Figure 16(h). With the family tag 7122d selected, the content area can display images 161 and 162 from the "Family" album corresponding to the family tag 7122d.

[0250] It should be understood that Figure 16 above is only an example of a user naming a newly created album. In other embodiments, the user may not name the album themselves, but may directly use the recommended album name. For example, referring to Figure 16(f), the user can also click the confirmation option in the new album pop-up window 164 without modifying the recommended album name. In response to the user's click, the terminal device can create a new album named "Party" and add pictures 161 and 162 to the "Party" album, thus obtaining a "Party Album" including pictures 161 and 162. Similarly, after the new album creation process is completed, a "Party" tag corresponding to the "Party" album can be added to the navigation bar, and the "Party" tag is selected. The content area displays pictures 161 and 162 under the "Party" album.

[0251] It should also be understood that Figure 16 above is only an example of displaying a recommended album name generated based on the content and / or source of the selected image material in the album naming input box. In other embodiments, a recommended album name may not be generated based on the content and / or source of the selected image material, and the default album name "New Album" may be displayed in the album naming input box. For example, referring to Figure 16(f), the word "Party" in the album naming input box of the New Album pop-up window 164 can also be replaced with "New Album". Users can directly use the default album name "New Album" or modify the default album name, i.e., name it themselves. For example, users can change the default album name "New Album" to "Family" and then click the confirmation option. For example, users can also click the "Confirm" option in the "Create New Album" pop-up without changing the default album name. In response to the user's click, the terminal device will create a new album named "Create New Album" and add images 161 and 162 to it, resulting in a "Create New Album" containing images 161 and 162. Similarly, after the album creation process is complete, a "Create New Album" tab will be added to the navigation bar, and the "Create New Album" tab will be selected, displaying images 161 and 162 under "Create New Album" in the content area.

[0252] In one embodiment, after creating a new album, the method for adding at least one image selected by the user to the new album can include two methods: copying and moving. Copying refers to copying the at least one image from the original album and adding the copied image to the new album. The original album refers to the album to which the at least one image originally belonged. Moving refers to moving the at least one image from the original album to the new album. The difference between copying and moving is that copying does not change the content or the number of images in the original album; after copying, the original album still includes the at least one image, and the number of images in the original album remains unchanged. Moving changes the content and the number of images in the original album; after moving, the original album no longer contains the at least one image, and the number of images in the original album decreases accordingly.

[0253] In one embodiment, to improve the flexibility of adding content to a new album and meet users' personalized needs, the application interface can provide users with multiple adding options, such as copy and move options, after the album is created, allowing users to select the appropriate method to add content to the new album. Different adding options correspond to different adding methods; for example, the copy option corresponds to the copy method, and the move option corresponds to the move method.

[0254] Figure 17 is a schematic diagram illustrating a method for adding image materials to a user's album by dragging and dropping image materials, according to an embodiment of this application. As an example, the user selecting the copy method will be used for illustration.

[0255] Please refer to Figure 16(g) above. After the user finishes editing the name of the new album and clicks the OK option, as shown in Figure 17(a), the application interface can display a pop-up window 171, which includes copy, move, and cancel options. Please refer to Figure 17(b). If the user clicks the copy option, in response to the user's operation, the terminal device can copy images 161 and 162 to the "Family" album and display the application interface shown in Figure 17(c).

[0256] It should be understood that, referring to Figure 17(a) above, after pop-up 171 is displayed in the application interface, the user can also select the move option. In response to the user's operation, the terminal device can move images 161 and 162 from the original album ("All Photos" album) to the "Family" album and display an application interface similar to that shown in Figure 17(c). Unlike Figure 17(c), the number of image materials in all photo tabs in the navigation bar of this application interface will be reduced by 2, i.e., from 2525 to 2523.

[0257] In the above embodiments, after creating a new album, the method of adding at least one image selected by the user to the new album can also include canceling the addition. Cancelling the addition means not adding at least one image selected by the user to the new album, so that the new album will be an empty album without any content. Accordingly, after the album is created, the application interface can also provide the user with multiple addition options, including a cancel option, so that the user can quickly create a blank album.

[0258] Please continue referring to Figure 17 above. As shown in Figure 17(a), after pop-up window 171 appears in the application interface, please refer to Figure 17(d). The user can also click the cancel option. In response to the user's operation, the terminal device does not perform the step of adding pictures 161 and 162 to the "Family" album, thus obtaining a "Family" album without photos and videos, and displaying the interface shown in Figure 17(e).

[0259] Supports dragging and dropping images from the content area to the local photo album.

[0260] Based on the navigation bar provided in this application embodiment, users can not only drag and drop image materials from the content area to the "New Album" control in the navigation bar to create a new album, but also drag and drop image materials from the content area to the secondary album tab in the navigation bar to add (copy or move) the image materials from the content area to an existing album (also known as a local album) in the gallery application. This allows for quick addition of image materials from the content area to the local album, facilitating more convenient and efficient gallery management and improving user experience.

[0261] In one embodiment, a user can first select at least one image in the content area, and then drag and drop this image to a secondary album tab in the navigation bar to add it to the corresponding album. For example, a user can also release the button after dragging and dropping the image to a secondary album tab to trigger the addition of the image to the corresponding album. For the terminal device, the device can add the image to the corresponding album in response to the user's action of selecting at least one image in the content area, dragging and dropping it to a secondary album tab in the navigation bar, and then releasing the button.

[0262] As an example, to facilitate user operation, after a user selects at least one image from the content area, the selected image can float up in response to the user's selection, allowing the user to drag it. For instance, in response to the user's selection, the terminal device can display the floating image corresponding to the at least one image on the application interface, and this floating image can be moved according to the user's dragging action. The user can add the at least one image to the corresponding album by dragging the floating image to a secondary album tab in the navigation bar, such as dragging the floating image to a secondary album tab in the navigation bar and then releasing it.

[0263] As an example, similar to the process of dragging a floating image onto a new album control, to reduce the probability of user error, the floating image can be determined to be dragged onto a secondary album label when the floating image and a secondary album label meet a preset position condition. The preset position condition includes: the floating image and the secondary album label overlap, or the floating image and the secondary album label are in contact. For example, the overlapping of the floating image and the secondary album label can include: a specific position of the floating image coinciding with the secondary album label, or the area ratio between the area of ​​the overlapping portion of the floating image and the total area of ​​the floating image is greater than or equal to a preset ratio.

[0264] For ease of explanation, the following illustration will use the case where the center point of the floating image coincides with the secondary album label, representing the example of the floating image being dragged onto the secondary album label.

[0265] Next, with reference to the accompanying diagram, we will provide a detailed explanation of how to add image materials to the corresponding album by dragging and dropping them from the content area to the secondary album tab in the navigation bar.

[0266] Figure 18 is a schematic diagram illustrating the process of adding image materials to a corresponding album by dragging and dropping image materials to a secondary album tab in the navigation bar, according to an embodiment of this application. As an example, the process is explained by having the user drag and drop image materials from the "All Photos" album corresponding to the "All Photos" tab.

[0267] Please refer to Figure 18(a). When all photo tags 7122a in the navigation bar are selected, they are highlighted. The content area displays the interface under all photo tags 7122a, which includes all image materials of the gallery application. Users can select any one or more image materials in the content area. Please refer to Figure 18(b). Assuming the user selects image 181 and image 182, in response to the user's selection operation, the selected image materials switch to the selected state. As shown in Figure 18(b), the lower right corner of image 181 and image 182 includes a circular black selection mark to indicate that image 181 and image 182 have been selected by the user. It should be understood that the selected image materials can also be displayed in other ways to indicate the selected state, and this application embodiment does not limit this. After the user selects an image material, they can long press any of the selected image materials, such as long press image 181. In response to the user's long press operation, the selected image material can float up so that the user can drag it. For example, referring to Figure 18(c), the content area can display a floating image 183. The floating image 183 indicates the selected image material and can be moved following the user's drag operation. Additionally, the image content of the floating image 183 can be the content of the image material (image 181) that the user long-presses, and the floating image 183 also includes a quantity marker 2 in the upper right corner of the image, indicating that two image materials are selected. The user can long-press the floating image 183 and drag it towards a secondary album tab in the navigation bar, such as the screenshot / screen recording tab 7122c in the lower left corner. As shown in Figure 18(d), when the user drags the floating image 183 onto the screenshot / screen recording tab 7122c, the screenshot / screen recording tab 7122c is highlighted, at which point the user can release the button. In response to the user dragging the floating image 183 onto the screenshot / screen recording label 7122c and releasing it, the process of adding the image material to the corresponding album ("Screenshot / Screen Recording" album) will be triggered.

[0268] In one embodiment, to improve the flexibility of adding image materials to the local album and meet the user's personalized addition needs, the application interface can also provide the user with multiple addition options, such as copy and move options, before triggering the process of adding image materials to the corresponding album, so that the content can be added to the local album in the desired way.

[0269] For example, in response to a user dragging the floating image 183 onto the screenshot / screen recording label 7122c and releasing it, as shown in Figure 18(e), a pop-up window 184 can be triggered, which includes copy, move, and cancel options. If the user clicks the copy option, in response to the user's action, the terminal device can copy images 181 and 182 from the "All Photos" album to the "Screenshot / Screen Recording" album.

[0270] In one embodiment, during the process of adding (copying or moving) images 181 and 182 from the "All Photos" album to the "Screenshot / Screen Recording" album, if the terminal device detects that the target album ("Screenshot / Screen Recording" album) contains image materials with the same filename as one or more image materials to be added (for ease of explanation, image materials with the same filename are referred to as duplicate filenames below), the terminal device can also display a prompt message to prompt the user to select an addition method for the duplicate filename, and then add the duplicate filename from the image materials to be added to the target album according to the user's selection. For example, the prompt message includes multiple addition options corresponding to duplicate filenames, with different addition options corresponding to different addition methods. For example, multiple addition options include replacement options and skip options. The replacement option corresponds to the replacement method, which means replacing the duplicate filename in the target album with the image material with the same filename being added from the image materials to be added. The skip option corresponds to the skip method, which means adding without replacement, such as renaming the duplicate filename in the image materials to be added before adding it to the target album, and the renamed filename is different from the filename of the duplicate filename in the target album.

[0271] For example, referring to Figure 18(e), after the user clicks the copy option, during the process of the terminal device copying images 181 and 182 to the "Screenshot & Screen Recording" album, if a file with the same name as image 181 and / or image 182 is detected in the "Screenshot & Screen Recording" album, the application interface shown in Figure 18(f) can be displayed. This application interface includes a pop-up window 185, which includes a prompt message, a replacement option, a skip option, and a cancel option. The prompt message includes information indicating that a file with the same name was found in the target album, and may also include information such as the file name, thumbnail, file size, and modification time of the file with the same name. This application embodiment does not limit this. If the user clicks the skip option, in response to the user's operation, the terminal device can rename the file with the same name in the image material to be added before adding it to the "Screenshot & Screen Recording" album, and display the application interface shown in Figure 18(g), which includes a copy progress bar. After copying is complete, the Gallery app displays the interface shown in Figure 18(h). In this interface, all photo tabs 7122a in the navigation bar remain highlighted, and the content area displays the application interface for all image materials in the "All Photos" album. In other words, the Gallery app returns to an interface similar to the one before the user's operation. However, unlike the previous interface, the number of image materials in the Screenshot / Screen Recording tab 7122c in the navigation bar increases by 2 compared to before the user's operation, from 56 to 58, indicating that the number of image materials in the "Screenshot / Screen Recording" album has increased by 2. After adding the image materials from the content area to the "Screenshot / Screen Recording" album, please refer to Figure 18(h). The user can click the Screenshot / Screen Recording tab 7122c in the navigation bar to view the album content of the "Screenshot / Screen Recording" album. Please refer to Figure 18(i). In response to the user clicking the screenshot / screen recording label 7122c, the screenshot / screen recording label 7122c in the navigation bar is highlighted, and the content area displays all the image materials in the corresponding "Screenshot / Screen Recording" album. It is worth noting that the content area corresponding to the screenshot / screen recording label 7122c has added images 181 and 182 compared to before copying. Generally, the newly added images 181 and 182 are located at the bottom of other existing image materials. Of course, images 181 and 182 can also be located in other positions; this embodiment does not limit this.

[0272] It should be understood that Figure (e) in Figure 18 is only an illustrative example of the user clicking the copy option. In other embodiments, the user can also click the move option. In response to the user's operation, the terminal device can move pictures 181 and 182 from the "All Photos" album to the "Screenshot and Screen Recording" album. After the move is completed, an application interface similar to Figure (h) in Figure 18 is displayed. The difference from Figure (h) in Figure 18 is that the number of image materials in all photo tabs in the navigation bar of this application interface will be reduced by 2, that is, from 2525 to 2523.

[0273] It should also be understood that Figure (f) in Figure 18 is only an illustrative example of the user clicking the skip option. In other embodiments, the user can also click the replace option. In response to the user's operation, the terminal device can replace the duplicate file in the "Screenshot and Screen Recording" album with the corresponding filename in Images 181 and 182, and display the application interface including the copy progress bar as shown in Figure (g) in Figure 18. After the copy is completed, the gallery application displays an application interface similar to that shown in Figure (h) in Figure 18. However, unlike Figure (h) in Figure 18, because a duplicate file in the target album ("Screenshot and Screen Recording" album) was replaced during the copy process, the "Screenshot and Screen Recording" album only adds 1 image material in terms of quantity after the copy is completed. The number of image materials in the Screenshot and Screen Recording tab in the navigation bar of the application interface will increase by 1 instead of 2, that is, from 56 to 57. Accordingly, if the user clicks the Screenshot / Screen Recording tab 7122c in the navigation bar, the Gallery app will display an application interface similar to that shown in Figure 18(i). The difference is that the content area includes 57 image assets instead of 58. For example, newly added image assets with the same name can overwrite the corresponding files with the same name in the "Screenshot / Screen Recording" album, while other files are added to the bottom of the existing files.

[0274] Recently deleted tags

[0275] Please refer to Figure 7. The navigation bar also includes a recently deleted label 714. The recently deleted label 714 may include at least one of the following: a corresponding name, an icon, and the number of image materials in the corresponding album. Please refer to Figure 7. The recently deleted label 714 includes the name "Recently Deleted", a trash can-shaped icon, and the number of image materials in the corresponding "Recently Deleted" album, which is "0".

[0276] In one embodiment, the Recently Deleted tag 714 can be considered a special secondary album tag. The Recently Deleted tag 714 corresponds to all image materials in the Recently Deleted album of the gallery application. When the Recently Deleted tag 714 is selected, the content area can display all image materials in the "Recently Deleted" album. For example, the "Recently Deleted" album may include image materials deleted by the user within a specified time period (e.g., the last month).

[0277] In one embodiment, based on the "Recently Deleted" tab in the navigation bar, if the content area displays image materials from the album corresponding to the selected tab in the navigation bar, the user can also quickly delete image materials by dragging and dropping them to the "Recently Deleted" tab. For the terminal device, responding to the user's action of dragging and dropping image materials from the content area to the "Recently Deleted" tab in the navigation bar, the image materials are deleted from the corresponding album.

[0278] This adds the ability to quickly delete image materials to the navigation bar, making the process of deleting image materials from the local album more convenient and efficient, and improving the user experience.

[0279] As an example, a user can first select at least one image in the content area, and then drag and drop this image onto the Recently Deleted tab to trigger the image deletion process. Alternatively, the user can also trigger the image deletion process by releasing the finger after dragging and dropping the image onto the Recently Deleted tab. For the terminal device, the device can initiate the image deletion process in response to the user's action of selecting at least one image in the content area, dragging and dropping the image onto the Recently Deleted tab, and then releasing the finger.

[0280] As an example, to facilitate user operation, after a user selects at least one image from the content area, the selected image can float up in response to the user's selection, allowing the user to drag it. For instance, in response to the user's selection, the terminal device can display the floating image corresponding to the at least one image on the application interface, and this floating image can be moved according to the user's dragging action. The user can add the at least one image to the corresponding album by dragging the floating image to a secondary album tab in the navigation bar, such as dragging the floating image to a secondary album tab in the navigation bar and then releasing it.

[0281] As an example, to reduce the probability of user error, the floating image can be determined to be dragged onto the recently deleted tag when the floating image corresponding to at least one image material and the recently deleted tag meet a preset position condition. The preset position condition includes: the floating image and the recently deleted tag overlap, or the floating image and the recently deleted tag are in contact. For example, the overlapping of the floating image and the recently deleted tag can include: a specific position of the floating image coinciding with the recently deleted tag, or the area ratio between the area of ​​the overlapping portion of the floating image and the total area of ​​the floating image is greater than or equal to a preset ratio.

[0282] For ease of explanation, the following illustration will use the case where the center point of the floating image coincides with the recently deleted label, representing the floating image being dragged onto the recently deleted label.

[0283] Next, with reference to the accompanying diagram, we will provide a detailed explanation of how to quickly delete local image materials by dragging and dropping them to the Recently Deleted tab in the content area.

[0284] Figure 19 is a schematic diagram illustrating a process of deleting image materials by dragging and dropping them to the "Recently Deleted" tab, according to an embodiment of this application. As an example, the process is explained by having a user drag and drop image materials from the "All Photos" album corresponding to the "All Photos" tab.

[0285] Please refer to Figure 19(a). When all photo tags 7122a in the navigation bar are selected, they are highlighted. The content area displays the interface under all photo tags 7122a, which includes all image assets of the gallery application. Users can select any one or more image assets in the content area, such as selecting images 191 and 192. In response to the user's selection, the selected image asset switches to the selected state (as shown, a circular black selection mark is displayed in the lower right corner of the image). After selecting an image asset, the user can long-press any of the selected image assets, such as long-pressing image 191. In response to the user's long-press operation, the selected image asset floats up for the user to drag. For example, please refer to Figure 19(b). The content area can display a floating image 193, which is used to indicate the selected image asset and can be moved with the user's drag operation. The user can long-press the floating image 193 and drag it towards the recently deleted tag 714 in the lower left corner. Referring to Figure 19(c), when the floating image 193 is dragged onto the Recently Deleted label 714, the Recently Deleted label 714 is highlighted. After the Recently Deleted label 714 is highlighted, the user can release the label to trigger the image deletion process. In response to the user's action of dragging the floating image 193 onto the Recently Deleted label 714 and releasing the label, the terminal device can delete images 191 and 192 from the original album ("All Photos" album), thereby achieving quick deletion of local album content. After deletion, the "All Photos" album no longer contains images 191 and 192, and its image content count is reduced by 2.

[0286] In one embodiment, images 191 and 192 can be moved from the "All Photos" album to the "Recently Deleted" album to effectively delete images 191 and 192 from their original albums. In this case, after deletion, the "All Photos" album no longer contains images 191 and 192, and its image count decreases by 2. Correspondingly, the "Recently Deleted" album adds images 191 and 192, and its image count increases by 2. Referring to Figure 19(d), after deletion, the gallery application can display the application interface shown in Figure 19(d). Comparing the application interface shown in Figure 19(d) with the application interface shown in Figure 19(c) before deletion, it can be seen that after deletion, the content area no longer includes images 191 and 192. That is, images 191 and 192 originally displayed in the content area will be deleted, and the image materials originally located after images 191 and 192 will be moved up sequentially. In addition, the number of images in all photo tabs in the navigation bar is reduced by 2 (from 2525 to 2523), while the number of images in the recently deleted tab is increased by 2 (from 0 to 2).

[0287] After deletion, users can click the "Recently Deleted" tab in the navigation bar to view the contents of the "Recently Deleted" album, and can also permanently delete any image material in the "Recently Deleted" album.

[0288] Figure 20 is a schematic diagram illustrating the process of viewing the contents of the recently deleted album through the recently deleted tab and deleting the contents of the recently deleted album, as provided in an embodiment of this application.

[0289] Referring to Figure 20 above, after deletion, please refer to Figure 20(a). The user can click the "Recently Deleted" tab 714 in the navigation bar. In response to the user's action, the Gallery app switches to the application interface shown in Figure 20(b). The "Recently Deleted" tab 714 is highlighted in the navigation bar of this application interface. The content area includes all image materials in the "Recently Deleted" album (e.g., images 191 and 192 recently deleted by the user), and a clear control 201. The clear control 201 is used to permanently delete the user-selected files, that is, to remove the user-selected files from the corresponding storage space of the Gallery app. Referring to Figure 20(b), when the user clicks the clear control 201, in response to the user's action, the Gallery app switches to the application interface shown in Figure 20(c). The content area of ​​this application interface includes a pop-up window 202, which asks the user whether to permanently delete the selected files. For example, the pop-up window 202 includes: the message "Permanently delete all files? All files will be permanently deleted and cannot be recovered," as well as a cancel option and a permanent delete option. The user can click the permanent deletion option. In response to the user's operation, the terminal device can permanently delete pictures 191 and 192 from the "Recently Deleted" album and display the application interface shown in Figure 20(d). As shown in Figure 20(d), the number of image materials in the Recently Deleted tab in the navigation bar is reduced by 2 (i.e., from 2 to 0), and the content area no longer includes pictures 191 and 192.

[0290] It should be understood that Figures 19 and 20 are merely illustrative examples of deleting user-dragged image materials from the original album by moving them from the original album to the "Recently Deleted" album. In other embodiments, other methods can be used to delete user-dragged image materials from the original album, and this application does not limit this approach. For example, user-dragged image materials can also be completely deleted from the original album, that is, deleted from the storage space corresponding to the gallery application, thereby achieving the effect of completely clearing the user-dragged image materials from the gallery application. In this case, the "Recently Deleted" tab can be regarded as a clear control (also called a complete clear control or a complete delete control).

[0291] In one embodiment, when the navigation bar includes a recently deleted tab, the application interface provided in this application embodiment can not only support users to quickly delete image materials by dragging and dropping image materials from the content area to the recently deleted tab, but also support the traditional method of deleting image materials by clicking the delete button in the content area.

[0292] As an example, after one or more image assets are selected in the content area, a delete button can also be displayed in the content area, such as at the bottom of the content area. Users can delete the selected image assets by clicking the delete button.

[0293] Next, with reference to the accompanying diagram, we will provide a detailed explanation of the process of deleting image materials by clicking the delete button in the content area.

[0294] Figure 21 is a schematic diagram illustrating how to delete image materials in a local photo album by clicking the delete button in the content area, according to an embodiment of this application. As an example, the deletion of image materials in all photo albums will be used for illustration.

[0295] Please refer to Figure 21(a). When all photo tags 7122a in the navigation bar are selected, they are highlighted. The content area displays the interface under all photo tags 7122a, which includes all image materials of the gallery application. Users can select any one or more image materials in the content area, such as selecting images 211 and 212. In response to the user's selection, the selected image material in the content area switches to the selected state (e.g., a circular black selection mark is displayed in the lower right corner of the image). A delete button 213 is also available at the bottom of the content area. It should be understood that other related function buttons for image management, such as share, select all, and create buttons, can also be displayed. Users can click the delete button 213. In response to the user's operation, as shown in Figure 21(b), a pop-up window 214 is displayed in the content area. The pop-up window 214 asks the user whether to confirm the deletion. For example, the pop-up window 214 includes the prompt message "Delete 2 files?", as well as the cancel and delete options. The user can click the delete option, and in response to the user's action, the terminal device can delete images 211 and 212 from the "All Photos" album, for example, by moving images 211 and 212 from the "All Photos" album to the "Recently Deleted" album. After deletion, the application interface shown in Figure 21(c) is displayed. After deletion, the "All Photos" album no longer contains images 191 and 192, and its image count is reduced by 2. Correspondingly, the "Recently Deleted" album adds images 191 and 192, and its image count is increased by 2. Accordingly, as shown in Figure 21(c), the image count in the "All Photos" tab of the navigation bar is reduced by 2 (i.e., from 2525 to 2523), while the image count in the "Recently Deleted" tab is increased by 2 (i.e., from 0 to 2). In addition, after deletion, the user can view the contents of the "Recently Deleted" album by clicking the "Recently Deleted" tab 714 in the navigation bar. Please refer to Figure 21(d). When the user clicks the Recently Deleted tab 714 in the navigation bar, the Recently Deleted tab 714 is highlighted in response to the user's operation, and the content area displays all the image materials in the "Recently Deleted" album (such as the user's recently deleted pictures 211 and 212).

[0296] Comparing Figures 19 and 21, it can be seen that in the traditional method of deleting image materials by clicking a confirmation button, after selecting the image material to be deleted, the user needs to first click the delete button on the interface, and then click the confirm delete option in the pop-up window asking the user whether to confirm the deletion, before the image material can be deleted from the local album. This deletion method is relatively cumbersome, inconvenient for users, and inefficient. In contrast, the method of deleting image materials by dragging and dropping them to the recently deleted tab provided in this embodiment only requires the user to select the image material to be deleted and drag it to the recently deleted tab in the navigation bar to complete the deletion. This deletion method does not require pop-up confirmation, making the operation convenient and efficient, thereby improving the user experience. Moreover, this method of directly dragging and dropping image materials into the recently deleted tab is easy for users to develop muscle memory for, making the operation even simpler.

[0297] In one embodiment, referring to Figure 7, the recently deleted label 714 can be located relatively close to the bottom of the navigation bar, such as at the very bottom of the navigation bar. This facilitates quick location and drag-and-drop operations for the user.

[0298] In one embodiment, the Recently Deleted label 714 can be fixedly displayed at the bottom of the navigation bar, meaning that the Recently Deleted label 714 does not move with the navigation bar's vertical scrolling. For example, the Recently Deleted label 714 can be displayed floating at the bottom of the navigation bar. This makes it easier for users to quickly locate the recently deleted entry and facilitates drag-and-drop deletion.

[0299] Please continue to refer to Figures 7 and 8. The recently deleted label 714 is displayed floating at the bottom of the navigation bar. As the navigation bar scrolls up following the user's upward swipe, the recently deleted label 714 remains fixed at the bottom of the navigation bar and does not move with the up and down scrolling of the navigation bar.

[0300] Gray out album tags that do not support receiving.

[0301] In this embodiment, after a user selects an image in the content area, the selected image can be dragged and dropped onto the corresponding label or control in the navigation bar for gallery management. For ease of explanation, the labels and controls in the navigation bar can be divided into two categories: those that support receiving items and those that do not.

[0302] In this context, "supported receiving items" refers to tags and / or controls in the navigation bar that can respond to the image material selected by the user. For example, these could be album tags that allow adding the selected image material to the corresponding album, or controls that can respond to the selected image material. "Unsupported receiving items" refers to items (tags and / or controls) in the navigation bar that are not supported receiving items.

[0303] For example, referring to Figure 7, consider a secondary album tab under a regular album in the navigation bar being selected, with the content area displaying all image materials from the album corresponding to that secondary album tab. In this case, if the user selects an image material in the content area, the unsupported receiving items in the navigation bar for these image materials can include one or more of the following: primary tabs, smart album tabs under smart albums, album tabs of the album to which the selected image material belongs under regular albums, album tabs of virtual albums under regular albums, and album tabs of albums under regular albums that do not support saving the selected image material. Among these, albums under regular albums that do not support saving the selected image material can include albums that do not support saving the image type to which the selected image material belongs, and / or albums that only support saving the album but not the image material (such as other albums). For example, image types can include pictures and videos. Some albums under the regular album (such as "Videos", "My Movies", etc.) may only support adding videos and not pictures. Therefore, if all selected image materials are pictures, the "Videos" and "My Movies" tags under the regular album will not be supported as receiving items for the selected image materials.

[0304] If a user drags an image onto an unsupported item in the navigation bar, that item will become unresponsive, causing inconvenience. To avoid this inconvenience and guide the user to drag the selected image onto a supported item, in one embodiment, after an image is selected in the content area, or after the selected image floats up in the content area, the unsupported items in the navigation bar can be displayed in a special way that differs from the supported items. For example, this special display way is a less prominent way compared to the supported items, such as a grayed-out display.

[0305] In one embodiment, supported items in the navigation bar are displayed in a first display mode, while unsupported items are displayed in a second display mode. The first and second display modes differ. For example, the first display mode is a more prominent display mode compared to the second display mode, allowing users to prioritize viewing supported items. Exemplarily, the first display mode is the same as the display mode of the corresponding item before the selected image material was selected, while the second display mode is different. For example, before an image material in the content area is selected or floats up, all items in the navigation bar are displayed in the first display mode. After the image material in the content area is selected or floats up, the unsupported items in the navigation bar for the selected image material switch from the first display mode to the second display mode, i.e., from the normal display mode to the special display mode, while the supported items in the navigation bar remain in the first display mode.

[0306] For example, the first display mode is the normal display mode, and the second display mode is the grayed-out display mode. For ease of explanation, the supported receiving items in the normal display mode can be called normal items, and the unsupported receiving items in the grayed-out display mode can be called grayed-out items.

[0307] Next, examples of supported and unsupported receiving items in the navigation bar will be provided with reference to the attached diagram.

[0308] Figure 22 is a schematic diagram comparing the display methods of labels and controls in the navigation bar before and after the image material in the content area floats up, according to an embodiment of this application.

[0309] Please refer to Figure 22(a). The Smart Album tab in the navigation bar is collapsed, and the All Photos tab 7122a is highlighted when selected. The content area displays all image materials in the corresponding "All Photos" album. When the user selects image 221, all tabs and controls in the navigation bar are displayed normally before the user long-presses image 221 to make it float. After the user long-presses image 221, please refer to Figure 22(b). The content area displays the floating image 222 corresponding to image 221. At the same time, the supported receiving items in the navigation bar remain displayed normally, while the unsupported receiving items are switched to grayed-out display. Among them, the supported receiving items include: the Screenshot / Screen Recording tab 7122a and the Fish tab 7122e under "Album" (the album tab corresponding to the "Fish" album created by the user), and the Weibo tab 7123a and the My Movies tab 7122d under "More" (an album created by the system to save videos with specific attributes). Unsupported receiving items include: photo tag 7111, album tag 7112, memory tag 7113 and creation tag 7114 under the first-level tag; all photo tags 7122a (the tag of the album to which image 221 belongs), camera tag 7122b (the tag of the album to which image 221 belongs), and video tag 7122d (the album tag that only supports saving videos and not images) under "Albums"; and My Movies tag 7122d under "More" (the album tag that only supports saving videos and not images).

[0310] It should be understood that the labels in the navigation bar shown in Figure 22 are merely illustrative and do not constitute a limitation on the navigation bar in the embodiments of this application. For example, Figure 22 is only used as an example where all the smart album labels in the current part of the navigation bar are collapsed. In other embodiments, the smart album labels in the navigation bar can also be expanded. When the smart album labels are expanded, after image 221 floats up (i.e., after the floating image 222 corresponding to image 221 is displayed in the content area), all expanded smart album labels are also considered unsupported items and can be grayed out. For another example, if the current part of the navigation bar also includes other album labels under "More," since other albums only support saving albums and not image materials, after image 221 floats up (i.e., after the floating image 222 corresponding to image 221 is displayed in the content area), the other album labels are also considered unsupported items and can also be grayed out.

[0311] Supports triggering any door by dragging and dropping image materials.

[0312] In one embodiment, the terminal device can also support the "Any Door" function. When the terminal device supports the "Any Door" function, after the selected image material in the content area of ​​the gallery application's interface floats up, the user can trigger the "Any Door" by dragging the corresponding floating image to the left or right side of the screen.

[0313] Figure 23 is a schematic diagram illustrating how dragging a corresponding floating image to the left side of the screen triggers an arbitrary door, according to an embodiment of this application. Referring to Figure 23, after the selected image material floats up, the user can drag the floating image to the left side of the screen. In response to the user's operation, the arbitrary door opens, and a side list is displayed on the left side of the screen. This side list includes icons for at least one application and / or at least one quick service. These at least one application and at least one quick service can be applications and quick services related to the image material, respectively. For example, as shown in Figure 23, the side list includes icons for applications such as Collection Space, Notes, Printer, and Calendar Creation. The user can enter that application by dragging the floating image to the icon of any application in the side list and initiate a task related to the image material corresponding to the floating image within that application to access services related to the corresponding image material. For instance, if the user drags the floating image to the icon of the Collection Space application on the side, the image material corresponding to the floating image can be added to the Collection Space. For example, if a user drags the floating image to the note-taking app icon on the side, they can quickly create a new note in the note-taking app that includes the image material corresponding to the floating image. It should be understood that if the side list includes icons for quick services, the user can also drag the floating image to the quick service icon in the side list to access that quick service and initiate a task related to the image material corresponding to the floating image, thereby accessing the service related to that image material. Specific implementation methods can refer to the implementation method described above for dragging the floating image to the app icon; this application embodiment will not provide further examples.

[0314] It should be noted that in gallery applications where the interface includes a navigation bar, when a user drags a floating image to the side of the screen to trigger the "Anywhere Door" feature, the floating image may first enter the navigation bar and then move to the side of the screen via the navigation bar. During this process, the state of various items (labels and / or controls) in the navigation bar may change.

[0315] Next, with reference to the accompanying diagram, we will provide a detailed explanation of the changes in the application interface as the floating image moves from the navigation bar to the side of the screen.

[0316] Figure 24 is a schematic diagram illustrating the changes in the application interface as a floating image of the content area moves to the side of the screen via the navigation bar, according to an embodiment of this application. As an example, the diagram illustrates a scenario where the navigation bar and content area are distributed horizontally in the application interface, and the floating image of the right-side content area moves to the left side of the screen via the left-side navigation bar.

[0317] Please refer to Figure 24(a). When all photo tags 7122a in the navigation bar are selected, they are highlighted. The content area displays the interface under all photo tags 7122a, which includes all image assets of the gallery application. The user can select any one or more image assets in the content area, such as selecting image 241. In response to the user's selection, the selected image 241 in the content area switches to the selected state (for example, a circular black selection mark is displayed in the lower right corner of the image). Afterwards, the user can long-press the selected image 241 to make it float. In response to the user's operation, please refer to Figure 24(b). The content area displays the floating image 242 corresponding to image 241, and the highlighted arbitrary door hotspots are displayed on the left and right sides of the screen, respectively. As shown in Figure 24(b), the left side of the screen includes the highlighted arbitrary door hotspot 243, and the right side includes the highlighted arbitrary door hotspot 244. The arbitrary door hotspot is the area located on the side of the screen used to trigger the arbitrary door; it can be a strip-shaped area or an area of ​​other shapes. Furthermore, the area of ​​the "Any Door" can be highlighted in a gradient or other ways; this embodiment does not limit the specific highlighting method. The user can then drag the floating image 242 to the left-hand "Any Door" hotspot 243. During this dragging process, as shown in Figure 24(c), the floating image 242 first enters the navigation bar. After entering the navigation bar, if the floating image 242 is dragged onto any tag (or any tag that supports receiving data) in the navigation bar, that tag will be highlighted. For example, referring to Figure 24(c), if the floating image 232 is dragged onto the screenshot / screen recording tag 7122c, then the screenshot / screen recording tag 7122c will be highlighted. The user continues to drag the floating image 242 to the left. Referring to Figure 24(d), after dragging the floating image 242 onto the left-hand "Any Door" hotspot 243, the "Any Door" can be opened in response to the operation of dragging the floating image 242 onto the "Any Door" hotspot 243. For example, referring to Figure 24(e), a door opens from left to right on the screen, and a side list is displayed on the left side of the screen. This side list includes icons for applications related to the dragged image material, such as Collections, Notes, Printer, and Calendar. Additionally, as shown in Figure 24(e), after the door opens, the hotspot for the door on the side of the screen can be de-displayed. After the door opens, the user can continue to drag the floating image 242 to any icon in the side list to enter the corresponding application and quickly initiate a task related to the dragged image material. For example, referring to Figure 24(f), the user drags the floating image 242 to the icon of the Collections application on the side. In response to the user's action, the terminal device can launch the Collections application. Once launched, the image 241 corresponding to the floating image 242 can be added to the Collections space.In one example, after a successful collection, to facilitate quick access to the collection space, the terminal device can also display relevant controls on the application interface to trigger the collection space. For example, after successful collection, the terminal device can display the application interface shown in Figure 24(g), which includes a pop-up window 245 containing the message "Collection successful" and a "Go to Collection Space" control. The user can click the "Go to Collection Space" control, and in response to the user's action, the terminal device can open the collection space and display the application interface shown in Figure 24(h), which includes a floating window 247 for the collection space. The floating window 247 includes a thumbnail 248 of image 241 to indicate that image 241 has been collected in the collection space.

[0318] It should be understood that Figure 24 is only an illustrative example of the interface changes when the navigation bar and content area are distributed left and right in the application interface, and the user drags the floating image of the right content area to the arbitrary door hotspot on the left side of the screen to trigger the arbitrary door. In other embodiments, the user can also drag the floating image of the right content area to the arbitrary door hotspot on the right side of the screen to trigger the arbitrary door. In this process, since the floating image does not need to pass through the left navigation bar, the interface changes are relatively simple.

[0319] Next, with reference to the accompanying diagrams, we will provide a detailed explanation of the changes in the application interface as the floating image moves to the side of the screen without passing through the navigation bar.

[0320] Figure 25 is a schematic diagram illustrating the changes in the application interface during the process of a floating image in the content area moving to the side of the screen without going through the navigation bar, according to an embodiment of this application. As an example, the navigation bar and content area are distributed horizontally in the application interface, and the floating image in the right content area is directly dragged to the right side of the screen.

[0321] Referring to Figure 24 above, after Figure 24(b), the user can drag the floating image 242 to the left. Referring to Figure 25(a), after the user drags the floating image 242 to the "Any Door Hotspot" 242 on the right side of the screen, the "Any Door" opens in response to the user's action. For example, referring to Figure 25(b), the door opens from right to left on the screen, and a side list is displayed on the right side of the screen. This side list includes icons for applications related to the dragged image, such as Favorites, Notes, Printer, and Calendar. Additionally, as shown in Figure 25(b), the "Any Door Hotspot" on the side of the screen can be de-displayed after the "Any Door" is opened. After the "Any Door" is opened, the user can continue to drag the floating image 242 to any icon in the side list to enter the corresponding application and quickly initiate tasks related to the dragged image. For example, referring to Figure 25(c), the user drags the floating image 242 to the icon of the Favorites application on the side. In response to the user's action, the terminal device can launch the Favorites Space application. Once launched, the image 241 corresponding to the floating image 242 can be added to the Favorites Space. In one example, after successful addition to the Favorites Space, to facilitate quick viewing by the user, the terminal device can also display relevant controls for triggering the Favorites Space on the application interface. For example, after successful addition, the terminal device can display the application interface shown in Figure 24(g). It can also display the application interface shown in Figure 24(h) based on the user's action.

[0322] It should be understood that Figures 24 and 25 above are only illustrative examples of any door hotspots being highlighted on both the left and right sides of the screen after the selected image material in the content area floats up. In other embodiments, the any door hotspot may be highlighted only on the left or right side of the screen. For example, in one embodiment, to reduce the frequent changes in interface state caused by the floating image entering the any door hotspot through the navigation bar, thereby reducing the computational load of the terminal device, the any door hotspot may be highlighted on the side furthest from the navigation bar. For example, when the navigation bar and content area are distributed horizontally on the application interface, and the navigation bar is located on the left side of the content area, the any door hotspot may be highlighted only on the right side of the screen, while the left side remains undisplayed. Furthermore, when the navigation bar and content area are distributed horizontally on the application interface, and the navigation bar is located on the right side of the content area, the any door hotspot may be highlighted only on the left side of the screen, while the right side remains undisplayed.

[0323] Supports dragging and dropping image assets across applications to the Gallery app.

[0324] In one embodiment, the terminal device can also support dragging and dropping image materials across applications to the gallery application, so as to quickly save image materials displayed in the application interface of other applications to the gallery application, such as saving (also known as adding) to the existing album (also known as the local album) or creating a new album in the gallery application.

[0325] In one embodiment, the terminal device can support dragging and dropping image assets across applications to the gallery application in a multi-window display scenario. As an example, the terminal device's display screen includes multiple display windows, including a first display window for displaying the gallery application's interface and a second display window for displaying the interfaces of other applications. If the interfaces of other applications include image assets, the user can drag and drop image assets from those applications to the gallery application's interface to quickly save them to the gallery application.

[0326] In one embodiment, the multi-window display scenario of a terminal device generally includes two types: split-screen display and floating window display. Next, the implementation process of dragging and dropping image materials across applications to the gallery application in both split-screen and floating window display scenarios will be explained in detail.

[0327] 1. Split-screen display scenario

[0328] In one embodiment, the terminal device's display screen is divided into a first split-screen window and a second split-screen window. The first split-screen window displays the application interface of a gallery application, and the second split-screen window displays the application interfaces of other applications. For example, in a left-right split-screen scenario, the first and second split-screen windows are distributed horizontally on the display screen, and the first split-screen window can be located to the left or right of the second split-screen window. As another example, in a top-bottom split-screen scenario, the first and second split-screen windows are distributed vertically on the display screen, and the first split-screen window can be located above or below the second split-screen window.

[0329] When the first split-screen window displays the application interface of the Gallery app, and the second split-screen window displays the application interfaces of other apps, and the application interfaces of other apps include image materials, users can drag and drop image materials from the application interfaces of other apps in the second split-screen window to the application interface of the Gallery app in the first split-screen window to save image materials from other apps to the Gallery app.

[0330] The first split-screen display scenario (the gallery app's interface includes the content area).

[0331] As an example, in a split-screen display scenario, the gallery app's interface includes a content area for a specific album within the gallery app, which contains all the image assets in that album. Users can drag and drop at least one image asset from other apps' interfaces into this album's content area. In response to the user's action, the terminal device can save the at least one image asset to that album in the gallery app and display it in the album's content interface.

[0332] Please refer to Figure 26, which is a schematic diagram illustrating the process of dragging and dropping image materials across applications to the gallery application in a split-screen display scenario according to an embodiment of this application. As an example, a foldable screen device is used as an example for illustration.

[0333] When the terminal device is a foldable screen device, considering that the foldable screen device may not be able to fully display the navigation bar and content area of ​​the gallery application in a split-screen window due to the screen size limitation, for the gallery application, when displaying in split-screen mode, the application interface including the content area but excluding the navigation bar can be displayed in the corresponding split-screen window. That is, when displaying in split-screen mode, the application interface of the second interface form (i.e., the interface form including the content area but excluding the navigation bar) is displayed. Please refer to Figure 26(a), where the display screen of the foldable screen device is divided into split-screen window A and split-screen window B. Split-screen window A displays the application interface of the gallery application in the second interface form, which includes the content area of ​​the "Camera" album, which includes all the image materials in the "Camera" album. Split-screen window B displays the application interface of the Weibo application, which includes image 261. The user can long-press image 261, and in response to the user's long-press operation, the application interface of the Weibo application can display the floating image 262 corresponding to image 261. The user can drag the floating image 262 to the content area of ​​the "Camera" album in the left split-screen window A. Referring to Figure 26(b), the user can drag the floating image 262 to the content area of ​​the "Camera" album and then release it. In response to the user's release operation, the terminal device can save the image 261 corresponding to the floating image 262 to the "Camera" album of the gallery application. After saving, the image 261 will be displayed in the content area of ​​the "Camera" album, as shown in Figure 26(c), where the image 261 is displayed above other image materials in the "Camera" album.

[0334] In one embodiment, the foldable screen device can first display the gallery application's interface in full-screen mode (including the navigation bar and content area), and then, in response to the user's operation to split-screen the gallery application and other applications, display the gallery application and other applications' interfaces in split-screen mode. During split-screen display, the gallery application's interface can switch from the first interface mode to the corresponding second interface mode. This allows the gallery application's interface to switch interface modes according to the window state, improving the gallery application's adaptability to different window states.

[0335] For example, referring to Figure 26(a), before the foldable screen device displays the application interface of the Gallery app shown in split-screen window A in split-screen mode, the foldable screen device can also display the corresponding first interface form of the application interface in full-screen mode. For example, the application interface includes a navigation bar and a content area. The navigation bar includes multiple tabs, and the content area displays all the image materials under the "Camera" album. After receiving the user's split-screen display operation for the Gallery app and the Weibo app, the Gallery app and the Weibo app are then split-screen displayed, and the first interface form of the application interface is switched to the second interface form during the split-screen display, that is, the application interface of the corresponding second interface form is displayed in the split-screen window of the Gallery app.

[0336] It should be noted that Figure 26 above is only an example of displaying the application interface of the gallery application in the second interface form when the foldable screen device is displayed in split screen mode. It should be understood that when the terminal device is a candybar phone, wearable device or other devices with relatively small screen size, the application interface of the gallery application can also be displayed in the second interface form when the device is displayed in split screen mode. This application embodiment does not limit this.

[0337] The second split-screen display scenario (the gallery app's interface includes a navigation bar and a content area).

[0338] As another example, in a split-screen display scenario, the gallery app's interface includes a navigation bar and a content area. The navigation bar includes multiple tabs and a "New Album" control. The content area displays image assets and / or albums corresponding to the selected tab in the navigation bar. Users can drag and drop at least one image asset from other apps' interfaces onto a tab in the navigation bar to save that image asset to the corresponding local album. Additionally, users can drag and drop at least one image asset from other apps' interfaces onto the "New Album" control to save that image asset to a new album.

[0339] Next, we will elaborate on the process of saving image materials from other applications to the local album and creating a new album in the Gallery application under the second split-screen scenario.

[0340] (1) Save image assets from other applications to the local album of the Gallery application.

[0341] In one embodiment, the multiple tabs in the navigation bar include at least one album tab, with each album tab corresponding to all image materials under one album. Users can drag and drop at least one image material from the application interface of other applications onto any of the at least one album tabs to save that at least one image material to the corresponding album. For example, the at least one album tab is an album tab for a physical album in a gallery application. Referring to Figure 7, the at least one album tab may include a camera tab 7122b, a screenshot / screen recording tab 7122c, a Weibo tab 7122a, and a Meitu XiuXiu tab 7123c, etc.

[0342] Please refer to Figure 27, which is a schematic diagram of another process of dragging and dropping image materials across applications to the gallery application in a split-screen display scenario provided in this application embodiment. As an example, a tablet computer (Pad) is used as an example for illustration.

[0343] When the terminal device is a tablet computer, considering the relatively large screen size of the tablet, the navigation bar and content area of ​​the gallery application can be fully displayed in one split-screen window during split-screen display. Therefore, for the gallery application, the first interface form of the application interface can be displayed in the corresponding split-screen window during split-screen display. Please refer to Figure 27(a), where the tablet computer's display screen is divided into split-screen window A and split-screen window B. Split-screen window A displays the first interface form of the gallery application, which includes a navigation bar and a content area. All photo tags 7122a in the navigation bar are highlighted when selected, and the content area displays all image materials under the corresponding "All Photos". Split-screen window B includes the application interface of the Weibo application, which includes image 271. The user can long-press image 271, and in response to the user's long-press operation, the Weibo application interface can display the floating image 272 corresponding to image 271. The user can drag the floating image 272 to the navigation bar of the gallery application interface in the left-hand split-screen window A. Please refer to Figure 27(b). After the user drags the floating image 272 onto the screenshot / screen recording label 7122c in the navigation bar, the screenshot / screen recording label 7122c is highlighted in response to the user's operation. When the screenshot / screen recording label 7122c is highlighted, the user can release the finger. In response to the user's release operation, the terminal device saves the image 271 corresponding to the floating image 272 to the "Screenshot / Screen Recording" album in the gallery application and cancels the highlighting of the screenshot / screen recording label 7122c. After saving, the number of image materials in the "Screenshot / Screen Recording" album will increase by 1. Correspondingly, please refer to Figure 27(c), the number of image materials in the screenshot / screen recording label 7122c will also increase by 1 (i.e., from 56 to 57). Additionally, after saving, users can click the Screenshot / Screen Recording tab 7122c in the navigation bar. In response to this action, as shown in Figure 27(d), the Screenshot / Screen Recording tab 7122c is highlighted, and the content area displays all image materials under the "Screenshot / Screen Recording" album. It is worth noting that the content area includes the newly saved image 271. The newly saved image 271 is generally located below other image materials.

[0344] It should be understood that Figure 27 is merely an example illustrating how, in a split-screen gallery application interface including a navigation bar and a content area, image materials from other applications can be saved to their corresponding albums by dragging and dropping them onto the album tab in the navigation bar. In other embodiments, users can also save image materials from other applications to their corresponding albums within the gallery application by dragging and dropping them into the content area. For example, if the content area displays all image materials under a certain album, the user can drag and drop image materials from other applications into that content area to save them to their corresponding albums. Exemplarily, this album is typically a physical album within the gallery application. As another example, if the content area displays all albums under a certain category, the user can drag and drop image materials from other applications onto any album within that content area to save them to their corresponding album. Exemplarily, this album is typically a physical album within the gallery application.

[0345] (2) Save image materials from other applications to a new album in the Gallery application.

[0346] In one embodiment, the navigation bar includes multiple tabs and a new album control. A user can drag and drop at least one image from another application's interface onto the new album control to trigger the terminal device to create a new album in the gallery application and save the at least one image to the new album.

[0347] Please refer to Figure 28, which is a schematic diagram of another process of dragging and dropping image materials across applications to the gallery application in a split-screen display scenario provided in this application embodiment. As an example, a tablet computer (Pad) is used as an example for illustration.

[0348] When the terminal device is a tablet computer, for the gallery application, the first interface form of the application interface can be displayed in the corresponding split-screen window during split-screen display. Referring to Figure 28(a), the tablet computer's display screen is divided into split-screen window A and split-screen window B. Split-screen window A displays the first interface form of the gallery application, which includes a navigation bar and a content area. All photo tags 7122a in the navigation bar are highlighted when selected, and the content area displays all image materials under the corresponding "All Photos" section. The navigation bar also includes a new album control 713. Split-screen window B includes the application interface of the Weibo application, which includes image 281. The user can long-press image 281, and in response to the long-press operation, the Weibo application interface can display a floating image 282 corresponding to image 281. The user can drag the floating image 282 to the navigation bar of the gallery application interface in the left-hand split-screen window A. Referring to Figure 28(b), when the floating image 272 is dragged onto the new album control 713 in the navigation bar, the new album control 713 is highlighted. After the new album control 713 is highlighted, the user can release the finger to trigger the new album creation process of the gallery application. For example, referring to Figure 28(c), in response to the user's release operation, the application interface can pop up a new album pop-up window and a virtual keyboard. The new album pop-up window includes an input box for naming the album, as well as a cancel option and an confirm option. The virtual keyboard is used to edit the album name in the input box. In addition, referring to Figure 28(c), the input box for naming the album can also include a recommended album name "Cartoon". The user can directly use the recommended album name or modify the recommended album name, i.e., name it themselves. The recommended album name "Cartoon" can be determined based on the image content or source of the dragged image material, and this embodiment of the application does not limit this. Please refer to Figure 28(c). Assuming the user clicks the "Confirm" option in the "Create New Album" pop-up without modifying the recommended album name, the terminal device will create a new album named "Cartoon" and add image 281 to the newly created "Cartoon" album, thus obtaining an album containing image 281. The album creation process is now complete. Furthermore, to facilitate user viewing of the newly created album, an album tag can be added to the navigation bar after the above process is completed. Please refer to Figure 28(d). After the user clicks the "Confirm" option in the "Create New Album" pop-up, a new "Cartoon" tag 283 can be added to the navigation bar.In addition, to further facilitate users in viewing the contents of newly created albums in a timely manner, the newly added cartoon label 283 in the navigation bar can also be selected, as shown in Figure 28(d). The cartoon label 283 is in a highlighted selected state. When the cartoon label 283 is selected, the content area can display the newly saved image 281 under the "Cartoon" album corresponding to the cartoon label 283.

[0349] In one embodiment, to improve the flexibility of adding content to a new album and meet users' personalized addition needs, after the album is created, the gallery application's interface can provide users with multiple addition options, such as copy and move options, for users to choose from, so that dragged and dropped image materials can be added to the new album according to the desired addition method. Different addition options correspond to different addition methods; for example, the copy option corresponds to the copy method, and the move option corresponds to the move method.

[0350] It should be noted that the specific implementation method of adding image materials from other applications to the new album control is the same as the implementation method of adding image materials from the content area to the new album control described above. For the specific implementation method, please refer to the relevant description above. This application embodiment will not be repeated here.

[0351] In this embodiment, when the gallery application interface is displayed in full-screen mode on the terminal device, the user can perform a split-screen operation between the gallery application and other applications to trigger the terminal device to perform a split-screen display. In one embodiment, the split-screen operation between the gallery application and other applications may include the following: with the gallery application open, swipe inwards from the left or right edge of the screen and pause to bring up the smart multi-window application bar, which includes application icons for at least one application that supports split-screen display. The user can long-press the application image of an application in the smart multi-window application bar and drag it to the screen, then release, thus triggering the terminal device to perform a split-screen display of the gallery application and that application. It should be understood that the split-screen operation between the gallery application and other applications can also be other operations, which are not limited in this embodiment.

[0352] In one embodiment, when the application interface of the gallery application in split-screen display includes a navigation bar and a content area, after the user drags image materials from the application interfaces of other applications to the application interface of the gallery application (or drags them to the navigation bar), the unsupported receiving items in the navigation bar can also be displayed in a special display mode that is different from the supported items, so as to guide the user to drag image materials from other applications to the supported receiving items in the navigation bar.

[0353] As an example, when an image asset or floating image touches into the Gallery app's interface or navigation bar, it can be considered as if the image asset or floating image has been dragged into the Gallery app's interface or navigation bar.

[0354] As an example, in a scenario where image assets are dragged and dropped across applications, the unsupported receiving items in the navigation bar for image assets dragged by the user across applications may include one or more of the following: primary tags, smart album tags under smart albums, album tags for virtual albums under regular albums, album tags for albums under regular albums that do not support saving the selected image asset, and recently deleted tags. Among these, albums under regular albums that do not support saving the selected image asset may include albums that do not support saving the image type to which the selected image asset belongs, and / or albums that only support saving the album but not the image asset (such as other albums). Image types may include pictures and videos, etc. For example, referring to Figure 27(b), after dragging the floating image 272 to the navigation bar of the gallery application, for image 271 of the Weibo application, the unsupported receiving items in the navigation bar are grayed out and not highlighted. Unsupported receiving items include top-level tags, the Smart Album tag under Smart Album, all photo tags under "Albums", other album tags under "More", and the recently deleted tag at the bottom of the navigation bar. Supported receiving items include the Camera tag and Screenshot / Screen Recording tag under "Albums", and the Weibo tag and Meitu Xiu Xiu tag under "More".

[0355] 2. Floating window display scene

[0356] In one embodiment, the terminal device's display screen includes a full-screen window and a floating window that hovers over the full-screen window, the floating window being smaller than the full-screen window. The full-screen window and the floating window can respectively display the application interfaces of the gallery application and other applications. The following explanation will use the example of displaying the gallery application in a full-screen window and displaying the application interfaces of other applications in a floating window.

[0357] As an example, a full-screen window displays the application interface of the gallery app. This interface includes a navigation bar and a content area. The navigation bar includes multiple tabs and a "New Album" control. The content area displays image assets and / or albums corresponding to the selected tabs in the navigation bar. Users can drag and drop at least one image asset from another app's interface onto a tab in the navigation bar to save that image asset to the corresponding local album. Additionally, users can drag and drop at least one image asset from another app's interface onto the "New Album" control to save that image asset to a new album.

[0358] Next, we will elaborate on the process of saving image materials from other applications to the local album and creating a new album in the Gallery application when the floating window is displayed.

[0359] (1) Save image assets from other applications to the local album of the Gallery application.

[0360] In one embodiment, the multiple tabs in the navigation bar include at least one album tab, with each album tab corresponding to all image materials under one album. Users can drag and drop at least one image material from the application interface of other applications onto any of the at least one album tabs to save that at least one image material to the corresponding album. For example, the at least one album tab is an album tab for a physical album in a gallery application. Referring to Figure 7, the at least one album tab may include a camera tab 7122b, a screenshot / screen recording tab 7122c, a Weibo tab 7122a, and a Meitu XiuXiu tab 7123c, etc.

[0361] Please refer to Figure 29, which is a schematic diagram illustrating the process of dragging and dropping image materials across applications to the gallery application in a floating window display scenario according to an embodiment of this application. As an example, a foldable screen device is used as an example for illustration.

[0362] Please refer to Figure 29(a). The tablet's display includes a full-screen window A and a floating window B, with the floating window B occupying a portion of the full-screen window A. Full-screen window A displays the first interface of the Gallery app, which includes a navigation bar and a content area. All photo tags 7122a in the navigation bar are highlighted when selected, and the content area displays all image materials under the corresponding "All Photos" section. Floating window B displays the interface of the Weibo app, which includes image 291. Users can long-press image 291, and in response, the Weibo app's interface displays a floating image 292 corresponding to image 291. Users can drag the floating image 292 to the navigation bar of the Gallery app's interface in the full-screen window A, which is visible to the left. Please refer to Figure 29(b). After the user drags the floating image 292 to the screenshot / screen recording tag 7122c in the navigation bar, the screenshot / screen recording tag 7122c is highlighted in response to the user's action. With the screen recording label 7122c highlighted, the user can release their finger. In response, the terminal device saves the image 291 corresponding to the floating image 292 to the "Screenshot & Screen Recording" album in the gallery application and removes the highlight of the screen recording label 7122c. After saving, the number of image materials in the "Screenshot & Screen Recording" album will increase by 1. Accordingly, as shown in Figure 29(c), the number of image materials in the screen recording label 7122c will also increase by 1 (from 56 to 57). Additionally, after saving, the user can close the floating window B and click the screen recording label 7122c in the navigation bar. In response to this action, as shown in Figure 29(d), the screen recording label 7122c will be highlighted, and the content area will display all image materials in the "Screenshot & Screen Recording" album. It is worth noting that the content area includes the newly saved image 291, and the newly saved image 291 is generally located below other image materials.

[0363] (2) Save image materials from other applications to a new album in the Gallery application.

[0364] In one embodiment, if the navigation bar also includes a new album control, the user can also drag and drop at least one image from the application interface of another application onto the new album control to trigger the terminal device to create a new album in the gallery application and save the at least one image to the new album.

[0365] It should be noted that the specific implementation method of adding image materials from other applications to the new album control is the same as the implementation method of adding image materials from the content area to the new album control described above. For the specific implementation method, please refer to the relevant description above. This application embodiment will not be repeated here.

[0366] In this embodiment, when the application interface of the Gallery application is displayed in full screen on the terminal device, the user can perform an operation to display other applications as floating windows, thereby triggering the terminal device to display a floating window on the application interface of the Gallery application, and displaying the application interface of other applications in the floating window. In one embodiment, the operation to display other applications as floating windows may include the following: with the Gallery application already open, swiping inward from the left or right edge of the screen and pausing to bring up the Smart Multi-Window Application Bar, which includes application icons of at least one application that supports split-screen display. The user can click on the application icon of an application in the Smart Multi-Window Application Bar to trigger the terminal device to display a floating window on the application interface of the Gallery application, and display the application interface of that application in the floating window. It should be understood that the operation to display other applications as floating windows may also be other operations, and this embodiment does not limit them.

[0367] In one embodiment, when the application interface of the gallery application in a full-screen window includes a navigation bar and a content area, after the user drags image materials from the application interfaces of other applications in the floating window to the application interface of the gallery application (or to the navigation bar), the unsupported receiving items in the navigation bar can also be displayed in a special display mode that is different from the supported items, so as to guide the user to drag image materials from other applications to the supported receiving items in the navigation bar.

[0368] As an example, when an image asset or floating image touches into the Gallery app's interface or navigation bar, it can be considered as if the image asset or floating image has been dragged into the Gallery app's interface or navigation bar.

[0369] As an example, in a scenario where image assets are dragged and dropped across applications, the "unsupported receiving items" in the navigation bar for image assets dragged by the user across applications may include one or more of the following: primary tags, smart album tags under smart albums, album tags for virtual albums under regular albums, album tags for albums under regular albums that do not support saving the selected image asset, and recently deleted tags. Among these, albums under regular albums that do not support saving the selected image asset may include albums that do not support saving the image type to which the selected image asset belongs, and / or albums that only support saving the album but not the image asset (such as other albums). Image types may include pictures and videos, etc. For example, referring to Figure 29(b), after dragging the floating image 222 to the navigation bar of the gallery application, for image 291 of the Weibo application, the "unsupported receiving items" in the navigation bar are grayed out and not highlighted. Unsupported receiving items include top-level tags, the Smart Album tag under Smart Album, all photo tags under "Albums", other album tags under "More", and the recently deleted tag at the bottom of the navigation bar. Supported receiving items include the Camera tag and the Screenshot / Screen Recording tag under "Albums".

[0370] It should be noted that the controls or options in the above interfaces are merely examples, and the specific controls and options in each interface can be set according to the functions of the electronic device. The click operation described above is also just an example; the click operation can also be other operations, such as long press, single click, double click, or swipe, etc., and can be set as needed. The names of the controls, icons, or options in the above embodiments can be set as needed, and the illustrations in this application are only a representation and are not intended to be limiting.

[0371] This application also provides a computer-readable storage medium storing a computer program, which, when executed by a processor, can implement the steps in the above-described method embodiments.

[0372] This application also provides a computer program product that, when run on an electronic device, enables the electronic device to perform the steps described in the various method embodiments above.

[0373] If the integrated unit is implemented as a software functional unit and sold or used as an independent product, it can be stored in a computer-readable storage medium. Based on this understanding, all or part of the processes in the methods of the above embodiments of this application can be implemented by a computer program instructing related hardware. The computer program can be stored in a computer-readable storage medium, and when executed by a processor, it can implement the steps of the various method embodiments described above. The computer program includes computer program code, which can be in the form of source code, object code, executable files, or certain intermediate forms. The computer-readable medium can include at least: any entity or device capable of carrying the computer program code to the first device, a recording medium, a computer memory, a read-only memory (ROM), a random access memory (RAM), an electrical carrier signal, a telecommunication signal, and a software distribution medium. Examples include a USB flash drive, a portable hard drive, a magnetic disk, or an optical disk.

[0374] This application also provides a chip system, which includes a processor coupled to a memory. The processor executes a computer program stored in the memory to implement the steps of any method embodiment of this application. The chip system can be a single chip or a chip module composed of multiple chips.

[0375] In the above embodiments, the descriptions of each embodiment have different focuses. For parts that are not described in detail or recorded in a certain embodiment, please refer to the relevant descriptions of other embodiments.

[0376] Those skilled in the art will recognize that the units and method 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.

[0377] The above embodiments are only used to illustrate the technical solutions of this application, and are not intended to limit them. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some of the technical features. Such modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the spirit and scope of the technical solutions of the embodiments of this application, and should all be included within the protection scope of this application.

Claims

1. An image processing method, characterized in that, When applied in a terminal device, the method includes: Display a first interface, which includes the application icon for the gallery application; In response to a trigger operation on the application icon, a second interface is displayed. The second interface includes a navigation bar and a content area. The navigation bar includes multiple tabs and a new album control. Each tab corresponds to at least a portion of the image materials or albums of the gallery application. Each tab is used to trigger the content area to display the corresponding image materials or albums when it is selected. The content area displays image materials corresponding to the selected tab in the navigation bar. The image materials include pictures and / or videos. In response to the operation of selecting at least one image in the content area and dragging the at least one image onto the new album control, a first album is created and the at least one image is added to the first album.

2. The method as described in claim 1, characterized in that, The plurality of tags includes a plurality of primary tags and a plurality of secondary tags. The plurality of primary tags include at least a photo tag and a primary album tag. The plurality of secondary tags are multiple secondary album tags under the primary album tags. The photo tags correspond to all or part of the image materials of the gallery application, the first-level album tags correspond to all albums of the gallery application, and each second-level album tag corresponds to at least part of the image materials or albums of the gallery application.

3. The method as described in claim 2, characterized in that, The plurality of primary labels and the plurality of secondary labels are arranged in the navigation bar along a first direction, the first direction being the direction extending from the beginning to the end of the navigation bar.

4. The method as described in claim 2 or 3, characterized in that, The plurality of secondary album tags include a first part of album tags and a second part of album tags; wherein, each album tag in the first part of album tags corresponds to an album in the gallery application, and is used to trigger the content area to display all image materials under the corresponding album when selected; each album tag in the second part of album tags corresponds to a type of album in the gallery application, and is used to trigger the content area to display all albums under the corresponding type of album when selected.

5. The method according to any one of claims 2-4, characterized in that, The plurality of secondary album labels include a plurality of smart album labels and a plurality of ordinary album labels. The plurality of smart album labels and the plurality of ordinary album labels are arranged in the navigation bar along a first direction, the first direction being the direction extending from the beginning end of the navigation bar to the end end of the navigation bar. Each smart album tag corresponds to a type of album in the gallery application. Each type of album corresponding to a smart album tag is an electronic album obtained by classifying the image materials of the gallery application according to specific category characteristics. Each ordinary album tag corresponds to a physical album in the gallery application, or an electronic album obtained by aggregating the image materials in at least two physical albums of the gallery application. The physical album refers to an album stored locally with a storage path.

6. The method according to any one of claims 2-5, characterized in that, The multiple primary tags also include a memory tag and / or a creation tag. The memory tag is used to trigger the content area to display a collection of memory videos generated based on the image materials of the gallery application when it is selected. The creation tag is used to trigger the content area to display relevant functional controls for image editing when it is selected.

7. The method according to any one of claims 1-6, characterized in that, The navigation bar and the content area are distributed along the width of the display screen, with the navigation bar located to the left or right of the content area.

8. The method according to any one of claims 1-7, characterized in that, The plurality of labels and the new album control are arranged in the navigation bar along a first direction, the first direction being the direction extending from the beginning to the end of the navigation bar.

9. The method according to any one of claims 1-8, characterized in that, The step of displaying a second interface in response to a triggering operation on the icon includes: In response to a triggering operation on the icon, a second interface is displayed, the second interface including the navigation bar and the content area, the current part of the navigation bar page including some of the multiple tabs; In response to a swipe operation on the navigation bar, the navigation bar scrolls to display other tabs besides the aforementioned tabs, as well as the new album control.

10. The method according to any one of claims 1-9, characterized in that, After creating the first album and adding the at least one image to the first album, the method further includes: A first album tab is displayed in the navigation bar and is selected, and the content area displays at least one image material from the first album.

11. The method according to any one of claims 1-10, characterized in that, The operation of selecting at least one image in the content area and dragging the at least one image onto the new album control to create a first album, and adding the at least one image to the first album, includes: In response to the operation of selecting at least one image material in the content area and long-pressing any one of the at least one image materials, a floating image corresponding to the at least one image material is displayed; In response to the operation of dragging the floating image onto the new album control and releasing it, a first album is created and the at least one image material is added to the first album.

12. The method as described in claim 11, characterized in that, After displaying the floating image corresponding to the at least one image material, the method further includes: In the navigation bar, the unsupported receiving items among the multiple tabs are grayed out. The unsupported receiving items refer to the tabs among the multiple tabs that do not support responding to the at least one image material.

13. The method as described in claim 11 or 12, characterized in that, The operation of dragging the floating image onto the new album control and releasing it to create a first album and add the at least one image to the first album includes: In response to the operation of dragging the floating image onto the new album control, the new album control in the navigation bar is highlighted; In response to the action of releasing the hand after dragging the floating image onto the new album control, a first album is created and the at least one image is added to the first album.

14. The method according to any one of claims 1-13, characterized in that, Before creating the first album and adding the at least one image to the first album, the method further includes: The first prompt message is displayed, which includes an input box for naming the album and a confirmation option. The input box includes a recommended album name, which is generated based on the content and / or source application of the at least one image material. In response to the confirmation option, a first album named after the recommended album name is created, and the image material is added to the first album.

15. The method as described in claim 14, characterized in that, In response to the confirmation option, creating a first album named after the recommended album name and adding the image materials to the first album includes: In response to the confirmation option, a first album named after the recommended album name and with empty content is created; A second prompt message is displayed, which asks the user whether they confirm adding the at least one image to the first album; In response to a confirmation operation based on the second prompt information, the at least one image is added to the first album, resulting in a first album containing the at least one image.

16. The method of claim 15, further comprising, after displaying the second prompt information: In response to the cancellation operation based on the second prompt information, the first album with empty content is obtained; The first album tab is displayed in the navigation bar and is selected, while the content area displays blank content.

17. The method according to any one of claims 1-16, characterized in that, The plurality of tags includes at least one album tag, and each album tag corresponds to all the image materials under one album of the gallery application; The method further includes: In response to the operation of selecting at least one image in the content area and dragging the at least one image to the second album tab in the navigation bar, the at least one image is added to the second album corresponding to the second album tab, wherein the second album tab is one of the at least one album tabs other than the selected tab.

18. The method according to any one of claims 1-17, characterized in that, The method further includes: In response to the operation of selecting at least one image material in the content area and long-pressing any one of the at least one image materials, a floating image corresponding to the at least one image material is displayed in the content area, and an arbitrary door hot zone is displayed on the left and / or right side of the display screen of the terminal device, the arbitrary door hot zone being used to trigger an arbitrary door; During the process of the user dragging the floating image to the first side of the display screen via the navigation bar, when the floating image is dragged to the first item in the navigation bar, the first item is highlighted. The first item is one of the multiple tabs or the new album control. The first side is the side of the display screen closer to the navigation bar. After the floating image is dragged to the first side, the arbitrary door is opened.

19. The method according to any one of claims 1-17, characterized in that, The method further includes: In response to the operation of selecting at least one image material in the content area and long-pressing any one of the at least one image material, a floating image corresponding to the at least one image material is displayed in the content area, and an arbitrary door hot zone is displayed on the second side of the display screen of the terminal device. The second side is the side of the display screen away from the navigation bar. The arbitrary door hot zone is used to trigger an arbitrary door.

20. The method according to any one of claims 1-19, characterized in that, The method further includes: The terminal device's display screen includes a first display window and a second display window. The first display window displays the application interface of the gallery application, and the second display window displays the application interface of the first application. If the application interface of the first application includes image materials, then in response to the application interface of the first application... The operation of selecting a first image material and dragging and dropping the first image material to the application interface of the gallery application, and saving the first image material to the gallery application, wherein the first application is any application other than the gallery application, and the first image material is one or more of the image materials included in the application interface of the first application.

21. The method as described in claim 20, wherein the application interface of the gallery application includes a content area of ​​a third album of the gallery application, and the content area of ​​the third album includes all image materials under the third album; The step of saving the first image material to the gallery application in response to the operation of selecting a first image material in the application interface of the first application and dragging the first image material to the application interface of the gallery application includes: In response to the operation of selecting the first image material in the application interface of the first application and dragging the first image material to the content area of ​​the third album, the image material is saved to the third album.

22. The method of claim 20, wherein the application interface of the gallery application includes the navigation bar and the content area, the plurality of tabs in the navigation bar includes at least one album tab, each album tab corresponds to all image materials under an album of the gallery application, and the content area displays image materials or albums corresponding to the selected tabs in the navigation bar; The step of saving the first image material to the gallery application in response to the operation of selecting a first image material in the application interface of the first application and dragging the first image material to the application interface of the gallery application includes: In response to the operation of selecting a first image material in the application interface of the first application and dragging the first image material to the new album control in the navigation bar, a fourth album is created and the first image material is saved to the fourth album; In response to the operation of selecting a first image material in the application interface of the first application and dragging the first image material to the fifth album tab in the navigation bar, the first image material is saved to the fifth album corresponding to the fifth album tab, wherein the fifth album tab is one of the at least one album tab.

23. A terminal device, characterized in that, The terminal device includes: one or more processors, and a memory; The memory is coupled to the one or more processors, the memory being used to store computer program code, the computer program code including computer instructions, the one or more processors invoking the computer instructions to cause the terminal device to perform the method as described in any one of claims 1 to 22.

24. A computer-readable storage medium, characterized in that, The computer-readable storage medium includes instructions that, when executed on an electronic device, cause the electronic device to perform the method as described in any one of claims 1 to 22.

25. A computer program product containing instructions, characterized in that, When the computer program product is run on a computer, it causes the electronic device to perform the method as described in any one of claims 1 to 22.

Images