Image processing method and related device

Abstract

The embodiment of the invention provides an image processing method and related device.The method comprises the steps that an image list interface is displayed, the image list interface comprises thumbnails of one or more pictures, the thumbnail of a first picture comprises a first icon, the first icon is used for indicating a first function of the first picture, and the first function of the first picture is used for indicating a second function of the first picture; the contour shape of the first icon is used for indicating the horizontal-vertical ratio of the first picture; and in response to a first input operation for the first icon, executing the first function on the first picture, and displaying an interface corresponding to the first function. By adopting the embodiment of the invention, the picture specification identification efficiency can be improved under the condition of not additionally occupying the display area of the thumbnail.

Description

Technical Field

[0001] This application relates to the field of computer technology, and in particular, to an image processing method and related device. Background Art

[0002] With the development of terminal technology, functions such as album display, image editing, and video creation on terminal devices such as smart phones, tablet computers, and televisions have become more and more powerful, bringing a good user experience. Taking the video creation function as an example, the user can enter the gallery, select some pictures, and then click the start icon for video creation to generate a video. Generally, the quality of the pictures selected by the user will directly affect the quality and visual effect of the created video.

[0003] Generally speaking, if the size specifications of the pictures selected by the user are the same, the switching between each frame of the generated video will be smoother and the visual effect will be better. However, currently, the picture specifications cannot be quickly recognized, so suitable pictures cannot be quickly selected, resulting in a slow video creation speed; there are also problems with the inability to quickly recognize picture specifications in other scenarios. Therefore, how to quickly recognize the specifications of pictures in the gallery is a technical problem that those skilled in the art are studying. Summary of the Invention

[0004] An image processing method and related device provided by an embodiment of this application can improve the efficiency of picture specification recognition without additionally occupying the display area of the thumbnail.

[0005] In a first aspect, an embodiment of this application provides an image processing method, which includes:

[0006] Display an image list interface, where the image list interface includes thumbnails of one or more pictures. A first icon is included on the thumbnail of a first picture, and the first icon is used to indicate a first function of the first picture. The contour shape of the first icon is used to indicate the horizontal-vertical ratio of the first picture. The first picture is any one of the pictures in the image list;

[0007] Respond to a first input operation on the first icon, execute the first function on the first picture, and display an interface corresponding to the first function.

[0008] By adopting this method, based on the first icon on the thumbnail, the indication of the first function can be completed, and the aspect ratio of the picture can also be indicated. The user can trigger the electronic device to complete the first function based on the indication of the first function by the first icon. At the same time, the user can quickly master the characteristics of the corresponding picture based on the horizontal and vertical ratio information, so as to facilitate the user to quickly and accurately perform image processing operations, such as picture editing, video production, picture deletion, etc. The accuracy and efficiency of the image processing operation are improved. Since the indication of the first function and the indication of the aspect ratio of the picture are both completed by the first icon, no more icons are introduced, and no more positions on the thumbnail are occupied, ensuring the display effect of the thumbnail.

[0009] Combined with the first aspect, in a possible implementation manner of the first aspect, it further includes:

[0010] Receiving a selection operation for the thumbnail in the image list;

[0011] Generating a video or an image according to the picture corresponding to the thumbnail selected by the selection operation.

[0012] That is to say, based on the content displayed in the above image list interface, the user can select some pictures from it for video production or image production. Based on the display method of the first icon in the above image list, the efficiency of the user's video production or image production can be improved, and the production quality can be ensured at the same time.

[0013] Combined with the first aspect, or any of the above possible implementation manners of the first aspect, in another possible implementation manner of the first aspect, before displaying the image list interface, it further includes:

[0014] Receiving a second input operation, where the second input operation is used to trigger the video creation process.

[0015] That is to say, the above image list interface can be applied to the video creation scenario.

[0016] Combined with the first aspect, or any of the above possible implementation manners of the first aspect, in another possible implementation manner of the first aspect, before displaying the image list interface, it further includes:

[0017] Receiving a first interface call instruction from a first application, where the first application is a picture processing application, and the first interface call instruction is used to call the image list.

[0018] In this implementation manner, the electronic device provides a call interface for the above image list interface for third-party applications to call, improving the convenience of the user when using third-party applications and the efficiency and effect of third-party applications in making videos or images.

[0019] In combination with the first aspect, or any of the above possible implementation manners of the first aspect, in another possible implementation manner of the first aspect, the first function includes a magnification display function.

[0020] In this implementation manner, since the icon contour shape of the magnification display function is a rectangle, the length and width (or horizontal and vertical) of this rectangle can just correspond to the horizontal and vertical of the picture. Therefore, through the length and width of the icon contour shape of the magnification display function, the horizontal and vertical ratios of the corresponding picture can be clearly (or accurately) indicated. Therefore, there is no need to introduce other icons to indicate the horizontal and vertical ratios of the picture, saving the occupied space of the thumbnail.

[0021] In combination with the first aspect, or any of the above possible implementation manners of the first aspect, in another possible implementation manner of the first aspect, the contour shape includes a rectangle;

[0022] If the horizontal length of the first picture is greater than the vertical length, the horizontal length of the rectangle is greater than the vertical length; or,

[0023] If the horizontal length of the first picture is less than the vertical length, the horizontal length of the rectangle is less than the vertical length; or,

[0024] If the horizontal length of the first picture is equal to the vertical length, the horizontal length of the rectangle is equal to the vertical length.

[0025] In combination with the first aspect, or any of the above possible implementation manners of the first aspect, in another possible implementation manner of the first aspect, after receiving a selection operation for the thumbnail in the image list, before generating a video or an image according to the picture corresponding to the selected thumbnail, it further includes:

[0026] Receiving a third input operation for the video generation icon.

[0027] In this implementation manner, after selecting the thumbnail, the video production or image production process may not be immediately executed, leaving enough space for the user to confirm or re - select the thumbnail. After the user inputs the third input operation, the video production or image production is then performed, which can improve the effect of image production.

[0028] In combination with the first aspect, or any of the above possible implementation manners of the first aspect, in another possible implementation manner of the first aspect, the image list interface further includes one or more of a first filtering icon, a second filtering icon, and a third filtering icon, where:

[0029] The first filtering icon is used to indicate selecting the thumbnail corresponding to the picture with a horizontal length greater than the vertical length;

[0030] The second screening icon is used to indicate the selection of the thumbnail corresponding to the picture with a vertical length greater than the horizontal length;

[0031] The third screening icon is used to indicate the selection of the thumbnail corresponding to the picture with a horizontal length equal to the vertical length.

[0032] In this implementation manner, a screening icon is further provided, enabling the user to quickly screen out thumbnails of the same size specification (or the pictures corresponding to the thumbnails). When the user subsequently performs video production, image production, or other operations based on the pictures of the same size specification, the efficiency is relatively high, and the display effect is better.

[0033] Combined with the first aspect, or any of the above possible implementation manners of the first aspect, in another possible implementation manner of the first aspect, it further includes:

[0034] Obtain the size specification of each picture in the image list;

[0035] Generate the contour shape of the first icon of the thumbnail of each picture according to the size specification of each picture.

[0036] It can be understood that determining the contour shape of the first icon according to the size specification of each picture can ensure the accuracy of the correspondence between the contour shape of the first icon and the actual horizontal and vertical ratios of each picture.

[0037] Combined with the first aspect, or any of the above possible implementation manners of the first aspect, in another possible implementation manner of the first aspect, the first icon is located at the upper left corner, or the upper right corner, or the lower left corner, or the lower right corner of the thumbnail of the first picture.

[0038] It can be understood that the first icon at the corner position can avoid blocking and occupying the image elements in the thumbnail, enabling the user to obtain as much information about the image as possible from the thumbnail for subsequent operations.

[0039] Combined with the first aspect, or any of the above possible implementation manners of the first aspect, in another possible implementation manner of the first aspect, other icons are further included on the thumbnail of the first picture, and the functions or information indicated by the other icons are different from the first function indicated by the first icon.

[0040] Combined with the first aspect, or any of the above possible implementation manners of the first aspect, in another possible implementation manner of the first aspect, after performing the first function on the first picture, the other icons are further included on the displayed first picture.

[0041] In combination with the first aspect, or any of the above possible implementation manners of the first aspect, in another possible implementation manner of the first aspect:

[0042] If the horizontal length of the first picture is greater than the vertical length, the contour is displayed in the first mode; or,

[0043] If the horizontal length of the first picture is less than the vertical length, the contour is displayed in the second mode; or,

[0044] If the horizontal length of the first picture is equal to the vertical length, the contour is displayed in the third mode;

[0045] Wherein, the color and / or thickness of the contour are different in different display modes.

[0046] In this implementation manner, in addition to indicating the horizontal and vertical ratios of the picture through the contour shape of the first icon, the horizontal and vertical ratios of the picture are also indicated by the color and / or thickness of the contour. Multiple indications can enable the user to read more accurate information.

[0047] In a second aspect, an electronic device provided by an embodiment of the present application includes: one or more processors; a memory; wherein, the memory is coupled to the one or more processors, the memory is used to store computer program code, the computer program code includes computer instructions, and the one or more processors call the computer instructions to enable the electronic device to execute the image processing method described in the first aspect or any of the possible implementation manners of the first aspect.

[0048] In a third aspect, the present application provides a chip or a chip system, which includes at least one processor and a communication interface. The communication interface and the at least one processor are interconnected by a line. The at least one processor is used to run a computer program or instruction to execute the image processing method described in the first aspect or any of the possible implementation manners of the first aspect. Wherein, the communication interface in the chip can be an input / output interface, a pin or a circuit, etc.

[0049] In a possible implementation, the chip or chip system described above in the embodiment of the present application further includes at least one memory, and instructions are stored in the at least one memory. The memory can be an internal storage unit of the chip, such as a register, a cache, etc., or a storage unit of the chip (such as a read-only memory, a random access memory, etc.).

[0050] Fourthly, an embodiment of the present application provides a computer storage medium storing a computer program, which, when executed by a processor, causes the computer to execute the image processing method described in the first aspect or any possible implementation manner of the first aspect.

[0051] Fifthly, an embodiment of the present application provides a computer program product, which, when running on a communication device, causes the communication device to execute the image processing method described in the first aspect or any possible implementation manner of the first aspect.

[0052] It should be understood that the description of technical features, technical solutions, beneficial effects or similar languages in the present application does not imply that all features and advantages can be achieved in any single embodiment. On the contrary, it can be understood that the description of features or beneficial effects means that at least one embodiment includes specific technical features, technical solutions or beneficial effects. Therefore, the description of technical features, technical solutions or beneficial effects in this specification does not necessarily refer to the same embodiment. Furthermore, the technical features, technical solutions and beneficial effects described in this embodiment can be combined in any appropriate manner. Those skilled in the art will understand that an embodiment can be implemented without one or more specific technical features, technical solutions or beneficial effects of a specific embodiment. In other embodiments, additional technical features and beneficial effects can also be identified in specific embodiments that do not embody all embodiments. Description of the Drawings

[0053] The following introduces the drawings used in the embodiments of the present application.

[0054] Figure 1 Exemplarily shows the hardware structure of the electronic device according to the embodiment of the present application;

[0055] Figure 2 Exemplarily shows the software architecture of the electronic device according to the embodiment of the present application;

[0056] Figure 3 Is a schematic flowchart of an image processing method provided by an embodiment of the present application;

[0057] Figures 4A - 4G Is a schematic diagram of the scenario of the usage process of an image list interface provided by an embodiment of the present application;

[0058] Figure 5 Is a schematic flowchart of an image processing method provided by an embodiment of the present application;

[0059] Figures 6A - 6Q Is a schematic diagram of a scenario of video production provided by an embodiment of the present application;

[0060] Figure 7It is a schematic flowchart of an image processing method provided by an embodiment of the present application;

[0061] Figures 8A - 8R It is a schematic diagram of a scenario in the process of using an album provided by an embodiment of the present application;

[0062] Figure 9 It is a schematic structural diagram of an image processing apparatus provided by an embodiment of the present application. Detailed implementation manners

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

[0064] Hereinafter, the terms "first" and "second" are only used for descriptive purposes, and cannot be understood as implying or suggesting relative importance or implicitly indicating the quantity of the indicated technical features. Thus, the features defined with "first" and "second" may explicitly or implicitly include one or more of such features. In the description of the embodiments of the present application, unless otherwise specified, the meaning of "a plurality" is two or more.

[0065] Exemplarily, the electronic device in the embodiments of the present application may be a smart screen device, a smart television (TV), a mobile phone, a tablet computer, an ultra-mobile personal computer (UMPC), a netbook, and a cellular phone, a personal digital assistant (PDA), a wearable device (such as a smart watch, a smart bracelet), etc., which are devices with a shooting function. The embodiments of the present application do not impose special restrictions on the specific form of the electronic device.

[0066] Exemplarily, taking the electronic device as a mobile phone as an example, Figure 1 It is a schematic structural diagram of an electronic device 100 provided by an embodiment of the present application. That is, exemplarily, Figure 1 The shown electronic device may be a mobile phone.

[0067] Such as Figure 1As shown in the figure, the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 129, 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, a button 190, a motor 191, an indicator 192, a camera 193, a display screen 194, and a subscriber identification module (SIM) card interface 195, etc. Among them, the sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0068] It can be understood that the structure schematically shown in the embodiments of the present application does not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown in the figure, or combine certain components, or split certain components, or have different component arrangements. The components shown in the figure may be implemented in hardware, software, or a combination of software and hardware.

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

[0070] The controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.

[0071] A memory may also be provided in the processor 110 for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can hold the instructions or data that the processor 110 has just used or recycled. If the processor 110 needs to use the instruction or data again, it can directly call it from the said memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

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

[0073] The I2C interface is a two-way synchronous serial bus, including a serial data line (SDA) and a serial clock line (SCL). In some embodiments, the processor 110 may include multiple groups of I2C buses. The processor 110 can be respectively coupled to the touch sensor 180K, the charger, the flash, the camera 193, etc. through different I2C bus interfaces. For example: The processor 110 can be coupled to the touch sensor 180K through the I2C interface, enabling the processor 110 to communicate with the touch sensor 180K through the I2C bus interface to implement the touch function of the electronic device 100.

[0074] The I2S interface can be used for audio communication. In some embodiments, the processor 110 may include multiple groups of I2S buses. The processor 110 can be coupled to the audio module 170 through the I2S bus to implement communication between the processor 110 and the audio module 170. In some embodiments, the audio module 170 can transmit an audio signal to the wireless communication module 160 through the I2S interface to implement the function of answering a call through a Bluetooth headset.

[0075] The PCM interface can also be used for audio communication to sample, quantize, and encode analog signals. In some embodiments, the audio module 170 and the wireless communication module 160 can be coupled through the PCM bus interface. In some embodiments, the audio module 170 can also transmit audio signals to the wireless communication module 160 through the PCM interface to implement the function of answering calls through a Bluetooth headset. Both the I2S interface and the PCM interface can be used for audio communication.

[0076] The UART interface is a general-purpose serial data bus for asynchronous communication. This bus can be a bidirectional communication bus. It converts the data to be transmitted between serial communication and parallel communication. In some embodiments, the UART interface is typically used to connect the processor 110 and the wireless communication module 160. For example, the processor 110 communicates with the Bluetooth module in the wireless communication module 160 through the UART interface to implement the Bluetooth function. In some embodiments, the audio module 170 can transmit audio signals to the wireless communication module 160 through the UART interface to implement the function of playing music through a Bluetooth headset.

[0077] The MIPI interface can be used to connect the processor 110 to peripheral devices such as the display screen 194 and the camera 193. The MIPI interface includes a camera serial interface (CSI), a display serial interface (DSI), etc. In some embodiments, the processor 110 and the camera 193 communicate through the CSI interface to implement the shooting function of the electronic device 100. The processor 110 and the display screen 194 communicate through the DSI interface to implement the display function of the electronic device 100.

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

[0079] The USB interface 130 is an interface that complies with the USB standard specification, and can specifically be a Mini USB interface, a Micro USB interface, a USB Type C interface, etc. The USB interface 130 can be used to connect a charger to charge the electronic device 100, and can also be used for data transmission between the electronic device 100 and peripheral devices. It can also be used to connect a headset to play audio through the headset. This interface can also be used to connect other terminal devices, such as AR devices, etc.

[0080] It can be understood that the interface connection relationships between the various modules illustrated in the embodiments of the present application are only illustrative descriptions and do not constitute a structural limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may also adopt different interface connection methods in the above embodiments, or a combination of multiple interface connection methods.

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

[0082] The power management module 141 is configured to connect to the battery 142, the charging management module 140, and the processor 110. The power management module 141 receives the inputs from the battery 142 and / or the charging management module 140 and supplies power to the processor 110, the internal memory 129, the display screen 194, the camera 193, the wireless communication module 160, etc. The power management module 141 may also be used to monitor parameters such as the battery capacity, the number of battery cycles, and the battery health status (leakage, impedance). In some other embodiments, the power management module 141 may also be disposed in the processor 110. In other embodiments, the power management module 141 and the charging management module 140 may also be disposed in the same device.

[0083] The wireless communication function of the electronic device 100 may be implemented through the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modulation and demodulation processor, and the baseband processor, etc.

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

[0085] The mobile communication module 150 may provide a solution for wireless communication including 2G / 3G / 4G / 5G, etc., which is applied to the electronic device 100. The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc. The mobile communication module 150 may receive electromagnetic waves through the antenna 1, filter, amplify, and perform other processing on the received electromagnetic waves, and then transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 150 may also amplify the signal modulated by the modulation and demodulation processor and convert it into electromagnetic waves through the antenna 1 for radiation. In some embodiments, at least some functional modules of the mobile communication module 150 may be provided in the processor 110. In some embodiments, at least some functional modules of the mobile communication module 150 and at least some modules of the processor 110 may be provided in the same device.

[0086] The modulation and demodulation processor may include a modulator and a demodulator. Among them, the modulator is used to modulate the low-frequency baseband signal to be transmitted into a medium-high frequency signal. The demodulator is used to demodulate the received electromagnetic wave signal into a low-frequency baseband signal. Subsequently, the demodulator transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After being processed by the baseband processor, the low-frequency baseband signal is transmitted to the application processor. The application processor outputs a sound signal through an audio device (not limited to the speaker 170A, receiver 170B, etc.), or displays an image or video through the display screen 194. In some embodiments, the modulation and demodulation processor may be an independent device. In other embodiments, the modulation and demodulation processor may be independent of the processor 110 and be provided in the same device as the mobile communication module 150 or other functional modules.

[0087] The wireless communication module 160 may provide solutions for wireless communications applied to the electronic device 100, including wireless local area networks (WLANs) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite systems (GNSS), frequency modulation (FM), near field communication (NFC), infrared technology (IR), and so on. The wireless communication module 160 may be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, demodulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110. The wireless communication module 160 may also receive signals to be sent from the processor 110, perform frequency modulation and amplification on them, and convert them into electromagnetic waves through the antenna 2 for radiation.

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

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

[0090] The display screen 194 is used to display images, videos, etc. The display screen 194 includes a display panel. The display panel can 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, a MicroLED, a Micro-OLED, a quantum dot light-emitting diode (QLED), etc. In some embodiments, the electronic device 100 may include one or N display screens 194, where N is a positive integer greater than 1.

[0091] The electronic device 100 can implement the shooting function through the ISP, the camera 193, the video codec, the GPU, the display screen 194, and the application processor, etc.

[0092] The ISP is used to process the data fed back by the camera 193. For example, when taking a photo, the shutter is opened, and the light passes through the lens and is transmitted to the camera photosensitive element. The optical signal is converted into an electrical signal, and the camera photosensitive element transmits the electrical signal to the ISP for processing and converts it into an image visible to the naked eye. The ISP can also optimize the noise and brightness of the image through algorithms. The ISP can also optimize parameters such as the exposure and color temperature of the shooting scene. In some embodiments, the ISP can be set in the camera 193.

[0093] The camera 193 is used to capture static images or videos. An object generates an optical image through the lens and projects it onto the photosensitive element. The photosensitive element can be a charge-coupled device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The photosensitive element converts the optical signal into an electrical signal, and then transmits the electrical signal to the ISP to convert it into a digital image signal. The ISP outputs the digital image signal to the DSP for processing. The DSP converts the digital image signal into an image signal in standard RGB, YUV, etc. formats. In some embodiments, the electronic device 100 may include one or N cameras 193, where N is a positive integer greater than 1.

[0094] The digital signal processor is used to process digital signals. In addition to processing digital image signals, it can also process other digital signals. For example, when the electronic device 100 selects a frequency point, the digital signal processor is used to perform Fourier transform on the frequency point energy, etc.

[0095] The video codec is used to compress or decompress digital videos. The electronic device 100 can support one or more video codecs. In this way, the electronic device 100 can play or record videos in multiple encoding formats, such as: Moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, MPEG4, etc.

[0096] The NPU is a neural-network (NN) computing processor. By learning from the biological neural network structure, such as learning from the transmission pattern between human brain neurons, it can quickly process the input information and can also continuously self-learn. Through the NPU, applications such as intelligent cognition of the electronic device 100 can be realized, such as: image recognition, face recognition, speech recognition, text understanding, etc.

[0097] The internal memory 129 can include one or more random access memories (RAM) and one or more non-volatile memories (NVM).

[0098] The random access memory can include static random access memory (SRAM), dynamic random access memory (DRAM), synchronous dynamic random access memory (SDRAM), double data rate synchronous dynamic random access memory (DDR SDRAM, for example, the fifth generation of DDR SDRAM is generally called DDR5 SDRAM), etc.; the non-volatile memory can include disk storage devices, flash memory.

[0099] Flash memories can be classified by operating principle into NOR Flash, NAND Flash, 3D NAND Flash, etc., by the number of potential levels of storage cells into single-level cell (SLC), multi-level cell (MLC), triple-level cell (TLC), quad-level cell (QLC), etc., and by storage specifications into universal flash storage (UFS), embedded multi media Card (eMMC), etc.

[0100] The random access memory can be directly read and written by the processor 110, and can be used to store the operating system or executable programs (such as machine instructions) of other running programs, and can also be used to store data of users and application programs, etc.

[0101] The non-volatile memory can also store executable programs and data of users and application programs, etc., and can be pre-loaded into the random access memory for the processor 110 to directly read and write.

[0102] The external memory interface 120 can be used to connect to an external non-volatile memory to expand the storage capacity of the electronic device 100. The external non-volatile memory communicates with the processor 110 through the external memory interface 120 to implement the data storage function. For example, files such as music and videos are saved in the external non-volatile memory.

[0103] The electronic device 100 can implement audio functions through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone jack 170D, and the application processor, etc. For example, music playback, recording, etc.

[0104] The audio module 170 is used to convert digital audio information into an analog audio signal for output, and is also used to convert analog audio input into a digital audio signal. The audio module 170 can also be used to encode and decode audio signals. In some embodiments, the audio module 170 can be disposed in the processor 110, or some functional modules of the audio module 170 can be disposed in the processor 110.

[0105] The speaker 170A, also known as the "loudspeaker", is used to convert an audio electrical signal into a sound signal. The electronic device 100 can listen to music or hands-free calls through the speaker 170A.

[0106] The receiver 170B, also known as the "earpiece", is used to convert audio electrical signals into sound signals. When the electronic device 100 answers a call or a voice message, the voice can be received by bringing the receiver 170B close to the human ear.

[0107] The microphone 170C, also known as the "microphone" or "transmitter", is used to convert sound signals into electrical signals. When making a call or sending a voice message, the user can input a sound signal into the microphone 170C by speaking close to the microphone 170C.

[0108] The headphone jack 170D is used to connect a wired headphone. The headphone jack 170D can be a USB interface 130, or a 3.5 mm open mobile terminal platform (OMTP) standard interface, or a cellular telecommunications industry association of the USA (CTIA) standard interface.

[0109] The pressure sensor 180A is used to sense pressure signals and can convert pressure signals into electrical signals. In some embodiments, the pressure sensor 180A can be disposed on the display screen 194.

[0110] The gyroscope sensor 180B can be used to determine the motion attitude of the electronic device 100. In some embodiments, the angular velocity of the electronic device 100 around three axes (i.e., the x, y, and z axes) can be determined by the gyroscope sensor 180B.

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

[0112] The magnetic sensor 180D includes a Hall sensor.

[0113] The acceleration sensor 180E can detect the magnitude of the acceleration of the electronic device 100 in various directions (generally three axes).

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

[0115] The proximity light sensor 180G can include, for example, a light emitting diode (LED) and a light detector, such as a photodiode.

[0116] The ambient light sensor 180L is used to sense the ambient light brightness. The electronic device 100 can adaptively adjust the brightness of the display screen 194 according to the sensed ambient light brightness.

[0117] The fingerprint sensor 180H is used to collect fingerprints. The electronic device 100 can use the collected fingerprint characteristics to achieve fingerprint unlocking, access to application locks, fingerprint photography, fingerprint answering of incoming calls, etc.

[0118] The temperature sensor 180J is used to detect temperature. In some embodiments, the electronic device 100 uses the temperature detected by the temperature sensor 180J to execute a temperature processing strategy.

[0119] The touch sensor 180K, also known as the "touch control device". The touch sensor 180K can be disposed on the display screen 194, and the touch sensor 180K and the display screen 194 form a touch screen, also known as a "touch control screen". The touch sensor 180K is used to detect touch operations acting thereon or nearby. The touch sensor 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 the display screen 194. In some other embodiments, the touch sensor 180K can also be disposed on the surface of the electronic device 100, at a different position from the display screen 194.

[0120] The bone conduction sensor 180M can acquire vibration signals. In some embodiments, the bone conduction sensor 180M can acquire vibration signals of the vibrating bone mass of the human vocal part.

[0121] The button 190 includes a power-on button, a volume button, etc. The button 190 can be a mechanical button. It can also be a touch button.

[0122] The motor 191 can generate vibration prompts. The motor 191 can be used for incoming call vibration prompts and can also be used for touch vibration feedback.

[0123] The indicator 192 can be an indicator light and can be used to indicate the charging state, power change, and can also be used to indicate messages, missed calls, notifications, etc.

[0124] The SIM card interface 195 is used to connect the SIM card. The SIM card can be in contact with and separated from the electronic device 100 by being inserted into or removed from the SIM card interface 195.

[0125] The software system of an electronic device (such as a mobile phone) can adopt a layered architecture, a transaction-driven architecture, a microkernel architecture, a microservices architecture, or a cloud architecture. In the embodiments of the present application, taking the Android system with a layered architecture as an example, the software architecture of the mobile phone is exemplarily described. Please refer to Figure 2 , Figure 2 which is a schematic diagram of the software architecture of the electronic device provided by the embodiments of the present application.

[0126] The layered architecture divides software into several layers, and each layer has clear roles and divisions of labor. The layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into five layers, from top to bottom: the application layer, the application framework layer, the system libraries, and the kernel layer.

[0127] The application layer may include a package of a series of applications.

[0128] As Figure 2 shown, the applications may include applications such as a camera, a gallery, a calendar, a call, a map, a navigation, a WLAN, a Bluetooth, music, a video, a short message, and a third-party image editing application.

[0129] The call application is a call-type application. When the call-type application is launched, the user can make a call through the electronic device, and the electronic device can determine the audio scene as a voice call scene according to the running application. For example, in response to the user's operation of answering a call on the phone application, the phone application can determine that the call is connected through the phone manager in the application framework layer. Then, the phone manager can call the audio hardware abstraction in the abstraction layer to activate the hardware involved in the call process, such as a microphone, a receiver, and a screen sound device, so that the electronic device starts the call-type application and the user can start making a call.

[0130] When the music-type application and the video-type application are launched, the user can play audio through the electronic device, and the electronic device can determine the audio scene as an audio file playback scene according to the running application. For example, in response to the user's operation of playing a music file on the music application, the music application can determine the audio file through the audio playback management service in the application framework layer. Then, the audio playback management service can call the audio hardware in the abstraction layer to activate the hardware involved in the music playback process, such as a speaker and a receiver, so that the electronic device starts the music application and starts playing the music file.

[0131] In the embodiments of the present application, the above image processing method can be implemented by designing (or improving) the application layer (of course, improvements to other layers may also be involved), such as designing the program code related to the gallery in the application layer.

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

[0133] Therefore, the electronic device can determine the output device scene through the application and the application framework layer.

[0134] As Figure 2As shown in the figure, an audio playback management service and a phone manager are provided in the application framework layer. The audio playback management service can be used to initialize the audio player, obtain the volume of the current audio file, adjust the volume of audio playback, add sound effects, etc. The phone manager is used to provide the communication function of the electronic device. For example, the management of call states (including answering, hanging up, etc.).

[0135] In addition, the application framework layer may further include a window manager, a content provider, a view system, a resource manager, a notification manager, etc.

[0136] The window manager is used to manage window programs. The window management service can obtain the size of the display screen, determine whether there is a status bar, lock the screen, capture the screen, etc. The above content provider service is used to store and obtain data, and make these data accessible to application programs. The data may include videos, images, audio, dialed and received calls, browsing history and bookmarks, phone books, etc. The above view system can be used to construct the display interface of the application program. Each display interface can be composed of one or more controls. Generally speaking, the controls may include interface elements such as icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, widgets, etc. The above resource management service provides various resources for application programs, such as localized strings, icons, pictures, layout files, video files, etc. The above notification management service enables application programs to display notification information in the status bar, can be used to convey notification-type messages, and can automatically disappear after a short stay without user interaction. For example, the notification management service is used to notify the completion of a download, message reminder, etc. The notification manager can also be a notification that appears in the system top status bar in the form of a chart or scroll bar text, such as the notification of a background-running application program, and can also be a notification that appears on the screen in the form of a dialog window. For example, prompt text information in the status bar, emit a prompt sound, vibrate, blink the indicator light, etc.

[0137] The system library includes a surface manager, a 3D graphics processing library, a 2D graphics engine, a media library, a rendering module, etc.

[0138] The kernel layer is the layer between hardware and software, and it includes drivers for various hardware. The kernel layer may include a camera driver, a digital signal processor driver, and an image processor driver, etc. Among them, the camera driver is used to drive the image sensors of one or more cameras in the camera to collect images and drive the image signal processor to preprocess the images. The digital signal processor driver is used to drive the digital signal processor to process images. The image processor driver is used to drive the graphics processor to process images.

[0139] In the embodiment of the present application, in combination with the usage process of the gallery, the working process of the software system of the electronic device 100 is exemplarily described.

[0140] The system desktop can receive the operation of the user to open the "Gallery" application. For example, the user clicks on the desktop icon of the "Gallery". In response to the user operation of opening the Gallery application, the system can start the photoUI module (which can also have other names) and display the content of the Gallery. The photoUI module can be responsible for the human-computer interaction of the Gallery application, such as controlling the display mode and display content of the interface elements, and listening for and responding to user operations on these interface elements. In an embodiment of the present application, optionally, after the user clicks on the desktop icon of the "Gallery", it will enter an interface including functions such as "Photos", "Albums", "Moments", and "Creations" (of course, there may be other functions). The user can enter the corresponding function interface by clicking on the icon of one of the functions. After some operations, thumbnails of pictures (or photos) will be presented for the user to select. Then, the embodiment of the present application will design the display mode of these thumbnails and the display mode of the interface where the thumbnails are located, so as to facilitate the user to better identify the size of the corresponding pictures, thereby facilitating the user to view the pictures or perform editing or creation operations based on the pictures.

[0141] The term "user interface (UI)" in the specification, claims, and drawings of the present application is a media interface for interaction and information exchange between an application program or an operating system and a user. It realizes the conversion between the internal form of information and the form that the user can accept. The user interface of an application program is source code written in a specific computer language such as Java or Extensible Markup Language (XML). The interface source code is parsed and rendered on the terminal device and finally presented as content that the user can recognize, such as controls like pictures, text, and buttons. A control (also known as a widget) is a basic element of the user interface. Typical controls include a toolbar, a menu bar, a text box, a button, a scrollbar, a picture, and text. The attributes and content of the controls in the interface are defined by tags or nodes. For example, XML passes through <textview> 、 <imgview> 、 <videoview>Nodes such as these are used to specify the controls included in the interface. One node corresponds to one control or property in the interface, and after being parsed and rendered, the node presents visible content to the user. In addition, in the interfaces of many applications, such as hybrid applications, there are usually also web pages. A web page, also known as a page, can be understood as a special control embedded in the application interface. A web page is source code written in a specific computer language, such as hyper text markup language (HTML), cascading style sheets (CSS), JavaScript (JS), etc. The web page source code can be loaded and displayed as recognizable content to the user by a browser or a web page display component similar to the browser in function. The specific content included in the web page is also defined by tags or nodes in the web page source code. For example, HTML uses 、 、 <video> 、 <canvas>to define the elements and attributes of a web page.

[0142] A commonly used form of the user interface is the graphical user interface (GUI), which refers to the user interface related to computer operations displayed in a graphical manner. It can be interface elements such as an icon, window, control, etc. displayed on the display screen of an electronic device, where the control can include visible interface elements such as icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, Widgets, etc.

[0143] Please refer to Figure 3 , Figure 3 is a schematic flowchart of an image processing method provided by an embodiment of the present application. This method can be implemented based on Figure 1 the hardware architecture and / or software architecture of the electronic device shown, or can also be implemented based on other architectures. This method includes but is not limited to the following steps:

[0144] Step S301: The electronic device receives a start operation for the image list.

[0145] Specifically, as long as there are multiple pictures and they need to be presented in the form of a list, an image list is required. For example, in the "Gallery" application of an electronic device, image or video editing applications, picture folders, the picture sending or display function of instant messaging applications, etc., the processing of multiple pictures may be involved, so there are scenarios where an image list needs to be presented.

[0146] The user inputs a start operation for the image list on the electronic device. Correspondingly, the electronic device receives this start operation.

[0147] In one implementation, when the electronic device receives this start operation, it then performs the following operation of displaying the image list.

[0148] In another implementation, after the electronic device receives this start operation, it also needs to interact with the user, or rather, the user needs to further perform corresponding operations to trigger the electronic device to perform the following operation of displaying the image list. For example, the user can click on the icon of the "Gallery" application on the electronic device (this process is the process of inputting the start operation for the image list). After the electronic device starts the Gallery application, it displays functions such as "Photos", "Albums", "Moments", "Creations". The user further clicks on the function icon corresponding to "Creations", and the electronic device enters the video "Creation" interface. After performing some operations next, the image list can be displayed. Of course, the user can also perform similar operations for functions such as "Photos", "Albums", etc., so that the electronic device finally performs the following operation of displaying the image list.

[0149] Step S302: The electronic device displays an image list interface.

[0150] Specifically, the image list includes one or more pictures. In order to allow the user to have an overview of multiple pictures, the thumbnail images of the one or more pictures are first presented to the user. As Figure 4A shown, the thumbnail area 400 shows 12 thumbnails, and the user can see the general information of the corresponding pictures according to the thumbnails.

[0151] For the sake of easy understanding, here the first picture is taken as an example for illustration. In fact, the features of other pictures in the image list can all refer to the features of the picture. The thumbnail of the first picture includes a first icon, and the first icon has at least two uses. One is to indicate the first function, and the other is to indicate the image ratio. The following is a specific description.

[0152] First, the first icon is used to indicate the first function of the first picture. For example, the first function can be a "magnify display" function, or a "favorite" function, or an "HDR" status indication function, or a "select" function. As Figure 4B shown, Figure 4B is a magnified presentation of some of the thumbnails in Figure 4A to facilitate clearer identification of the information in the thumbnails. Figure 4B shows the icons 401, 405, and 406 for the "magnify display" function, the icon 402 for the "favorite" function, the icon 403 for the "HDR" status indication function, and the icon 404 for the "select" function.

[0153] In fact, in different application scenarios, the function indicated by the icon on the thumbnail may also be other functions, that is, the first function here may also be other functions, which are not limited here.

[0154] Second, the contour shape of the first icon is used to indicate the horizontal-vertical ratio of the first picture. In the embodiments of the present application, the horizontal-vertical ratio of the first picture belongs to one of several preset types. The several preset types can be two, such as "the horizontal length is greater than the vertical length" and "the vertical length is greater than the horizontal length". The several preset types can also be three, such as "the horizontal length is greater than the vertical length", "the vertical length is greater than the horizontal length", and "the vertical length is equal to the horizontal length". Of course, it can also be preset into other types, which are not specifically limited herein. For a specific picture, the horizontal-vertical ratio (i.e., type) of the picture is determined, but the user cannot see the horizontal-vertical ratio of the picture through the thumbnail. In the embodiments of the present application, the contour shape of the first icon is used to indicate which horizontal-vertical ratio the first picture is. For example, if the horizontal-vertical ratio of the first picture is "the horizontal length is greater than the vertical length", the contour shape of the first icon is Shape A; if the horizontal-vertical ratio of the first picture is "the vertical length is greater than the horizontal length", the contour shape of the first icon is Shape B; if the horizontal-vertical ratio of the first picture is "the vertical length is equal to the horizontal length", the contour shape of the first icon is Shape C, where Shape A, Shape B, and Shape C are three different shapes respectively. The differences between Shape A, Shape B, and Shape C can be highlighted, so that the user can quickly identify the horizontal-vertical ratio of the picture according to the contour shape of the first icon.

[0155] Optionally, the contour shape includes a rectangle, and different horizontal-vertical ratios are distinguished and indicated by the horizontal and vertical characteristics of the rectangle:

[0156] If the horizontal length of the first picture is greater than the vertical length, the horizontal length of the rectangle is greater than the vertical length; or,

[0157] If the horizontal length of the first picture is less than the vertical length, the horizontal length of the rectangle is less than the vertical length; or,

[0158] If the horizontal length of the first picture is equal to the vertical length, the horizontal length of the rectangle is equal to the vertical length.

[0159] For example, Figure 4B , if the first function indicated by the first icon is the "magnify display" function, then Figure 4B the contour shape of the icon 401 of the "magnify display" function in Figure 4B is Shape B (the horizontal length of the rectangle is less than the vertical length), Figure 4B the contour shape of the icon 405 of the "magnify display" function in

[0160] Optionally, the aforementioned contour shapes including rectangles can be divided into two cases. In one case, the contour shape itself is a closed rectangle. In another case, the contour shape includes some elements based on which the user can associate with a corresponding rectangle. For example, Figure 4B in the icon 401 of the "magnify display" function in Figure 4B , there are two "right angles" arranged oppositely. Based on common sense, the user can associate with a unique rectangle shape based on these two right angles. In this case, the contour shape of the icon is also considered a rectangle.

[0161] Optionally, the first icon can be set at the edge position or the corner position of the thumbnail. For example, the first icon is located at the upper left corner, or the upper right corner, or the lower left corner, or the lower right corner of the thumbnail of the first picture. As Figure 4B shown, if the first icon is the icon of the "magnify display" function, then the first icon is located at the upper left corner of the thumbnail.

[0162] In yet another alternative implementation, in addition to differentiating and indicating the different horizontal and vertical ratios of the pictures through the contour shape of the first icon, other information of the first icon can also be used to jointly indicate the different horizontal and vertical ratios of the pictures. For example:

[0163] If the horizontal length of the first picture is greater than the vertical length, the contour is displayed in the first mode; or,

[0164] If the horizontal length of the first picture is less than the vertical length, the contour is displayed in the second mode; or,

[0165] If the horizontal length of the first picture is equal to the vertical length, the contour is displayed in the third mode;

[0166] wherein, the color and / or thickness of the contour are different in different display modes.

[0167] That is to say, in addition to indicating according to the contour shape of the first icon, it is also indicated by the color and / or thickness of the contour. Multiple different pieces of information are jointly indicated, which can achieve a better effect of distinguishing the horizontal and vertical ratios of the images.

[0168] In the embodiments of the present application, what kind of contour shape the first icon on the thumbnail of a specific picture should be set to is analyzed and obtained by the electronic device. For example, the electronic device will obtain the size specifications of each picture in the image list, and this information can be directly read, and then the contour shape of the first icon of the thumbnail of each picture is generated according to the size specifications of each picture.

[0169] In an alternative solution, the image list interface further includes one or more of a first filtering icon, a second filtering icon, and a third filtering icon, etc. Figure 4C Schematically shows a situation where the image list interface includes a first filtering icon 412, a second filtering icon 411, and a third filtering icon 413, where:

[0170] The first filtering icon 412 is used to indicate selecting the thumbnail corresponding to a picture whose horizontal length is greater than the vertical length; as Figure 4E shown, when the user clicks on the first filtering icon 412, the electronic device filters the displayed thumbnails, that is, filters out the thumbnails corresponding to pictures whose horizontal length is greater than the vertical length (or, in the contour shape of the first icon, the thumbnails whose rectangular horizontal length is greater than the vertical length). After filtering out the thumbnails that meet the conditions, subsequent operations can be performed based on these thumbnails.

[0171] The second filtering icon 411 is used to indicate selecting the thumbnail corresponding to a picture whose vertical length is greater than the horizontal length; as Figure 4D shown, when the user clicks on the second filtering icon 411, the electronic device filters the displayed thumbnails, that is, filters out the thumbnails corresponding to pictures whose vertical length is greater than the horizontal length (or, in the contour shape of the first icon, the thumbnails whose rectangular horizontal length is less than the vertical length). After filtering out the thumbnails that meet the conditions, subsequent operations can be performed based on these thumbnails.

[0172] The third filtering icon is used to indicate selecting the thumbnail corresponding to a picture whose horizontal length is equal to the vertical length. The usage method of the third filtering icon can refer to the usage methods of the first filtering icon and the second filtering icon, which will not be elaborated here.

[0173] Step S303: The electronic device receives a first input operation for the first icon.

[0174] Specifically, this first input operation is input by the user. For example, it can be a click (such as a single click or a double click), or it can be other types of operations. Specifically, it is not limited here.

[0175] Step S304: The electronic device responds to the first input operation, performs the first function on the first picture, and displays the interface corresponding to the first function.

[0176] Specifically, since the first icon is used to indicate the first function, when the user inputs the corresponding input operation for the first icon, the electronic device responds to this first input operation. The response method is to perform the first function on the first picture.

[0177] For example, if the first function is the "magnify and display" function, then as Figure 4F As shown, when a click operation on the icon (i.e., the first icon) 415 for the "magnify display" function is received, a magnify display operation is performed on the thumbnail where the first icon is located, which can also be understood as performing a magnify display operation on the first picture. The magnify display effect is as shown in Figure 4G the first picture 414 in it. After the magnify display, the user can see more detailed information in the picture.

[0178] Optionally, there are also other icons on the thumbnail of the first picture. The functions or information indicated by the other icons are different from the first function indicated by the first icon. For example, when the first function is the "magnify display" function, the function indicated by the other icon can be the "favorite" function, the "HDR" status indication function, the "select" function, etc. Optionally, after performing the first function on the first picture, the other icons are also included on the displayed first picture, as shown in Figure 4G As shown, after performing the image magnify function (i.e., the first function), the magnified first picture 414 shown also includes the icon of the "select" function (i.e., the other icon) in the lower right corner, the icon of the "favorite" function (i.e., the other icon) in the upper right corner, etc.

[0179] Adopting the Figure 3 method shown, based on the first icon on the thumbnail, both the indication of the first function and the indication of the horizontal and vertical aspect ratio of the picture can be completed. The user can trigger the electronic device to complete the first function based on the indication of the first function by the first icon; at the same time, the user can quickly grasp the characteristics of the corresponding picture based on the horizontal and vertical aspect ratio information, so as to facilitate the user to quickly and accurately perform image processing operations, such as picture editing, video production, picture deletion, etc.; improving the accuracy and efficiency of image processing operations; because the indication of the first function and the indication of the horizontal and vertical aspect ratio of the picture are both completed by the first icon, no more icons are introduced, and no more positions on the thumbnail are occupied, ensuring the display effect of the thumbnail.

[0180] As mentioned before, Figure 3 the method shown can be applied to many scenarios that need to present an image list. For the sake of easy understanding, several more specific scenario cases are listed below. In the cases listed below, the operations, technical terms, and technical logics involved can refer to the relevant descriptions of the Figure 3 embodiment shown and will not be repeated and explained in the specific cases.

[0181] Case 1, applied to the video creation scenario, as shown in Figure 5 it may include but is not limited to the following steps.

[0182] Step S501: The electronic device receives a start operation for the image list.

[0183] For example, the user can click on the icon of the "Gallery" application on the screen desktop of the electronic device. This can be regarded as the user inputting a startup operation for the image list. Correspondingly, the electronic device receives (or detects) this startup operation, such as Figure 6A shown, the user clicks on the icon 601 of the "Gallery" application, as Figure 6B shown, after the electronic device starts the Gallery application, it displays functions such as "Photos", "Albums", "Moments", and "Creation" in the bottom area 602 of the display interface. These functions are only examples, and actually can be other functions. Above this bottom area 602, details functions under the "Photos" function can be displayed, or details functions under the "Creation" function can be displayed. Of course, details functions under other functions can also be displayed. If above this bottom area 602, the details functions displayed are those under the "Creation" function, then these details functions can be directly used. If the details functions displayed are not those under the "Creation" function, then the user needs to further click on the function icon corresponding to "Creation", and the electronic device responds to the user operation on the "Creation" control, causing the display interface to show the details functions under "Creation", such as Figure 6C shown, these details functions can include "One - key Blockbuster", "Clip", "Free Creation", "Micro - film Production", "Jigsaw Puzzle", etc. The details functions mentioned here are only examples.

[0184] Step S502: The electronic device receives a second input operation.

[0185] Among them, the second input operation is used to trigger the video creation process. Continuing with the previous example, if the "Creation" function includes details functions such as "One - key Blockbuster", "Clip", "Free Creation", "Micro - film Production", "Jigsaw Puzzle", etc., then the user can click on the icon of one of the details functions to trigger the corresponding details function. For example, as Figure 6D shown, the user clicks on the "Clip" icon 604. This is the process of the user inputting the second input operation. Correspondingly, the electronic device receives the second input operation and responds to this second input operation to execute step S503.

[0186] Step S503: The electronic device displays an image list interface.

[0187] As Figure 6E shown, the thumbnail area 605 shows 12 thumbnails, and the user can see the general information of the corresponding pictures based on the thumbnails.

[0188] As Figure 6F shown,[[]] Figure 6F is a magnified presentation of some of the thumbnails in Figure 6E for easier identification of the information in the thumbnails. Figure 6F Schematically shown are the icon 606 for the "magnify display" function, the icon 608 for the "favorite" function, the icon 607 for the "HDR" status indication function, and the icon 609 for the "selection" function. Taking the first function as the "magnify display" function as an example for illustration.

[0189] For example Figure 6G , if the first function indicated by the first icon is the "magnify display" function, then Figure 6G in [reference] the outline shape of the icon 611 for the "magnify display" function is Shape B (the horizontal length of the rectangle is less than the vertical length), Figure 6G in [reference] the outline shape of the icon 612 for the "magnify display" function is Shape A (the horizontal length of the rectangle is greater than the vertical length), Figure 6G in [reference] the outline shape of the icon 613 for the "magnify display" function is Shape C (the horizontal length of the rectangle is equal to the vertical length), Figure 6G in [reference] the outline shape of the icon 614 for the "magnify display" function is Shape B (the horizontal length of the rectangle is less than the vertical length).

[0190] For example Figure 6G , in the icon 611 for the "magnify display" function, there are two "right angles" arranged oppositely, and based on common sense, the user can associate a unique rectangular shape with these two right angles. In this case, the outline shape of the icon is also considered to be a rectangle.

[0191] For example Figure 6G As shown, if the first icon is the icon for the "magnify display" function, then the first icon is located at the upper left corner of the thumbnail.

[0192] Figure 6H Schematically shown is a situation where the image list interface includes a first filtering icon 617, a second filtering icon 616, and a third filtering icon 618, where:

[0193] The first filtering icon 617 is used to indicate selecting the thumbnail corresponding to the picture with a horizontal length greater than the vertical length; for example Figure 6J as shown, when the user clicks on the first filtering icon 617, the electronic device will filter the displayed thumbnails.

[0194] The second filtering icon 616 is used to indicate selecting the thumbnail corresponding to the picture with a vertical length greater than the horizontal length; for example Figure 6I as shown, when the user clicks on the second filtering icon 616, the electronic device will filter the displayed thumbnails.

[0195] The third filtering icon is used to indicate selecting the thumbnail corresponding to the picture with a horizontal length equal to the vertical length. The usage method of the third filtering icon can refer to the usage methods of the first filtering icon and the second filtering icon, which will not be elaborated here.

[0196] Step S504: The electronic device receives a first input operation for the first icon.

[0197] Specifically, the first input operation is input by the user. For example, it can be a click (such as a single click or a double click), or it can be other types of operations, which are not specifically limited here.

[0198] For example, in Figure 6E , Figure 6H , Figure 6I , Figure 6J and so on, the input operation for the first icon can be input in the displayed interfaces.

[0199] Step S505: The electronic device responds to the first input operation, executes the first function on the first picture, and displays the interface corresponding to the first function.

[0200] As Figure 6K shown, when receiving the click operation of the user on the icon (i.e., the first icon) 619 for the "magnify display" function, the magnify display operation is performed on the thumbnail where the first icon is located. It can also be understood as performing the magnify display operation on the first picture, and the magnify display effect is as shown in the first picture 620 in Figure 6L . After magnifying and displaying, the user can see more abundant information in the picture. After that, the user can click the arrow icon in the upper left corner to return to the display interface shown in Figure 6K .

[0201] As Figure 6L shown, after performing the image magnify function (i.e., the first function), the magnified first picture 620 shown also includes the icon for the "select" function (i.e., other icon) in the lower right corner, the icon for the "favorite" function (i.e., other icon) in the upper right corner, etc.

[0202] Optionally, if the user does not need the electronic device to execute the first function on the first picture, or after the electronic device has executed the first function, and after the interaction between the electronic device and the user, the display interface of the electronic device returns to the image list interface again, such as the interface shown in Figure 6K , in this case, the user can interact with the electronic device and execute the following steps.

[0203] Step S506: The electronic device receives a selection operation for the thumbnail in the image list.

[0204] For example, as Figure 6M shown, the thumbnails 621, 622, 623, 624 are selected. Another example is that as Figure 6P shown, the thumbnails 625, 626, 627, 628 are also selected.

[0205] Step S507: The electronic device receives a third input operation for generating an icon for the video.

[0206] Specifically, the icon for generating the video is used to indicate generating a video or an image based on the picture corresponding to the selected thumbnail. The third input operation can be a click operation, a long-press operation, or an instruction input by voice, etc., which is not limited here.

[0207] As Figure 6N shown, the user clicking on the icon 630 of "One-click Production" is the action of inputting the third input operation.

[0208] As Figure 6Q shown, the user clicking on the icon 631 of "One-click Production" is also the action of inputting the third input operation.

[0209] Step S508: The electronic device generates a video or an image based on the picture corresponding to the thumbnail selected by the selection operation.

[0210] As Figure 6O shown, it illustrates the situation of the generated video. The user can click on the video 632 to view the video content.

[0211] Case 2, applied to the photo album display scenario. As Figure 7 shown, it may include but is not limited to the following steps.

[0212] Step S701: The electronic device receives a start operation for the image list.

[0213] For example, the user can click on the icon of the "Gallery" application on the screen desktop of the electronic device. This can be considered as the user inputting a start operation for the image list. Correspondingly, the electronic device receives (or detects) this start operation. As Figure 8A shown, the user clicks on the icon 801 of the "Gallery" application. As Figure 8B shown, after the electronic device starts the Gallery application, it displays several functions such as "Photos", "Albums", "Moments", and "Creations" in the bottom area 802 of the display interface. These several functions are only for example, and actually can be other functions. Above this bottom area 802, the detailed functions under the "Photos" function can be displayed, or the detailed functions under the "Creations" function can be displayed. Of course, the detailed functions under other functions can also be displayed. If above this bottom area 802, the detailed functions under the "Albums" function are displayed, these detailed functions can be directly used. If the detailed functions displayed are not under the "Albums" function, the user needs to further click on the function icon corresponding to "Albums". The electronic device responds to the user operation on the "Albums" control, so that the display interface shows the detailed functions under "Albums". As Figure 8C As shown, these detailed functions may include "Camera", "All Photos", "Screenshot Recording", "Video", "Share", etc. The detailed functions mentioned here are only examples.

[0214] Step S702: The electronic device receives a fourth input operation.

[0215] Among them, the fourth input operation is used to trigger the picture viewing process. Continuing with the previous example, if the "Album" function includes detailed functions such as "Camera", "All Photos", "Screenshot Recording", "Video", "Share", etc., then the user can click on the icon of the detailed function to trigger the corresponding detailed function. For example, as Figure 8D shown, the user clicks on the "All Photos" icon 804. This is the process of the user inputting the fourth input operation. Correspondingly, the electronic device receives the fourth input operation and responds to the fourth input operation by executing step S503.

[0216] Step S703: The electronic device displays an image list interface.

[0217] As Figure 8E shown, the thumbnail area 805 shows 12 thumbnails, and the user can see the general information of the corresponding pictures according to the thumbnails.

[0218] As Figure 8F shown, Figure 8F is a magnified presentation of some of the thumbnails in Figure 8E to facilitate clearer identification of the information in the thumbnails. Figure 8F shows the icon 806 of the "Zoom In Display" function, the icon 808 of the "Favorite" function, the icon 807 of the "HDR" status indication function, and the icon 809 of the "Select" function. Here, the first function is taken as an example of the "Zoom In Display" function to illustrate.

[0219] As Figure 8G shown, if the first function indicated by the first icon is the "Zoom In Display" function, then Figure 8G the outline shape of the icon 811 of the "Zoom In Display" function in Figure 8G is Shape B (the horizontal length of the rectangle is less than the vertical length), Figure 8G the outline shape of the icon 812 of the "Zoom In Display" function in Figure 8G is Shape A (the horizontal length of the rectangle is greater than the vertical length),

[0220] As Figure 8G In the icon 811 of the "magnified display" function, there are two relatively arranged "right angles". Based on common sense, users can associate a unique rectangular shape with these two right angles. In this case, the contour shape of the icon is also considered to be rectangular.

[0221] As Figure 8G shown, if the first icon is the icon of the "magnified display" function, then the first icon is located at the upper left corner of the thumbnail.

[0222] Figure 8H Schematically shows a situation where the image list interface includes a first filtering icon 817, a second filtering icon 816, and a third filtering icon 818, where:

[0223] The first filtering icon 817 is used to indicate selecting the thumbnail corresponding to the picture whose horizontal length is greater than the vertical length; as Figure 8J shown, when the user clicks the first filtering icon 817, the electronic device will filter the displayed thumbnails.

[0224] The second filtering icon 816 is used to indicate selecting the thumbnail corresponding to the picture whose vertical length is greater than the horizontal length; as Figure 8I shown, when the user clicks the second filtering icon 816, the electronic device will filter the displayed thumbnails.

[0225] The third filtering icon is used to indicate selecting the thumbnail corresponding to the picture whose horizontal length is equal to the vertical length. The usage method of the third filtering icon can refer to the usage methods of the first filtering icon and the second filtering icon, which will not be elaborated here.

[0226] Step S704: The electronic device receives a first input operation for the first icon.

[0227] Specifically, the first input operation is input by the user. For example, it can be a click (such as a single click or a double click), or it can be other types of operations, which are not specifically limited here.

[0228] For example, in Figure 8E 、 Figure 8H 、 Figure 8I 、 Figure 8J and other shown interfaces, the input operation for the first icon can be input.

[0229] Step S705: The electronic device responds to the first input operation, executes the first function on the first picture, and displays the interface corresponding to the first function shown.

[0230] As Figure 8K As shown, when a click operation on the icon (i.e., the first icon) 819 of the "magnify display" function is received by the user, a magnify display operation is performed on the thumbnail where the first icon is located. It can also be understood as performing a magnify display operation on the first picture. The magnify display effect is as shown in Figure 8L the first picture 820. After the magnify display, the user can see more detailed information in the picture. Then the user can click the arrow icon in the upper left corner to return to the Figure 8K display interface as shown in

[0231] As shown in Figure 8L after the image magnify function (i.e., the first function) is executed, the magnified first picture 820 shown also includes icons of the "select" function (i.e., other icons) in the lower right corner, icons of the "favorite" function (i.e., other icons) in the upper right corner, etc.

[0232] Optionally, if the user does not need the electronic device to perform the first function on the first picture, or after the electronic device has performed the first function, after the interaction between the electronic device and the user, the display interface of the electronic device returns to the image list interface again, such as Figure 8K the interface shown in

[0233] Step S706: The electronic device receives a selection operation on the thumbnail in the image list.

[0234] For example, as shown in Figure 8M thumbnails 821, 822, 823, 824 are selected. Again, as shown in Figure 8P thumbnails 825, 826, 827, 828 are also selected.

[0235] Step S707: The electronic device receives a fifth input operation on the video generation icon.

[0236] Specifically, the video generation icon is used to indicate performing a target operation on the picture corresponding to the selected thumbnail. The target operation can be operations such as moving (e.g., moving to another folder), deleting, copying, cutting, etc. The fifth input operation can be a click operation, or a long - press operation, or an instruction input by voice, etc., which is not limited here.

[0237] As shown in Figure 8N when the user clicks the "delete" icon 830, it is an action of inputting the fifth input operation.

[0238] As shown in Figure 8Q when the user clicks the "delete" icon 831, it is also an action of inputting the fifth input operation.

[0239] Step S708: The electronic device performs a target operation on the picture corresponding to the thumbnail selected by the selection operation.

[0240] As Figure 8O shown, it illustrates the remaining pictures after performing the target operation (such as a deletion operation).

[0241] As Figure 8R shown, it illustrates the remaining pictures after performing the target operation (such as a deletion operation).

[0242] The method of the embodiment of the present application is elaborated in detail above. Below, a device of the embodiment of the present application is provided.

[0243] Please refer to Figure 9 , Figure 9 which is a schematic structural diagram of an image processing device provided by an embodiment of the present application. The image processing device may be the above-mentioned electronic device or a component in the electronic device. The image processing device 90 may include a processing unit 901 and an interface unit 902. Among them, the detailed descriptions of each unit are as follows.

[0244] The processing unit 901 is configured to display an image list interface, where the image list interface includes thumbnails of one or more pictures. A first icon is included on the thumbnail of the first picture, and the first icon is used to indicate a first function of the first picture. The contour shape of the first icon is used to indicate the horizontal and vertical ratio of the first picture. The first picture is any one of the pictures in the image list.

[0245] The interface unit 902 is configured to receive a first input operation for the first icon.

[0246] The processing unit 901 is further configured to, in response to the first input operation, perform the first function on the first picture and display an interface corresponding to the first function.

[0247] By adopting this method, based on the first icon on the thumbnail, both the indication of the first function and the indication of the horizontal and vertical ratio of the picture can be completed. The user can trigger the electronic device to complete the first function based on the indication of the first function by the first icon. At the same time, the user can quickly master the characteristics of the corresponding picture based on the horizontal and vertical ratio information, so as to facilitate the user to quickly and accurately perform image processing operations, such as picture editing, video production, picture deletion, etc.; improving the accuracy and efficiency of image processing operations; because the indication of the first function and the indication of the horizontal and vertical ratio of the picture are both completed by the first icon, no more icons are introduced, and no more positions on the thumbnail are occupied, ensuring the display effect of the thumbnail.

[0248] In a possible implementation manner:

[0249] The interface unit 902 is further configured to receive a selection operation for the thumbnail in the image list;

[0250] The processing unit 901 is further configured to generate a video or an image according to the picture corresponding to the thumbnail selected by the selection operation.

[0251] That is to say, based on the content displayed on the above image list interface, the user can select some pictures from it for video production or image production. Based on the above display method of the first icon in the image list, the efficiency of the user for video production or image production can be improved, and the production quality can be guaranteed at the same time.

[0252] In a possible implementation manner:

[0253] The interface unit 902 is further configured to receive a second input operation before the image list interface is displayed, where the second input operation is used to trigger a video creation process.

[0254] That is to say, the above image list interface can be applied to a video creation scenario.

[0255] In a possible implementation manner, the interface unit 902 is further configured to receive a first interface call instruction from a first application before the image list interface is displayed, where the first application is a picture processing application, and the first interface call instruction is used to call the image list.

[0256] In this implementation manner, the electronic device provides a call interface for the above image list interface for third-party applications to call, which improves the convenience of the user when using third-party applications and improves the efficiency and effect of third-party applications for video or image production.

[0257] In a possible implementation manner, the first function includes a magnifying display function.

[0258] In this implementation manner, since the icon contour shape of the magnifying display function is a rectangle, the length and width (or horizontal and vertical) of the rectangle can just correspond to the horizontal and vertical of the picture. Therefore, through the length and width of the icon contour shape of the magnifying display function, the horizontal and vertical ratios of the corresponding picture can be clearly (or accurately) indicated. Therefore, there is no need to introduce other icons to indicate the horizontal and vertical ratios of the picture, saving the space occupied by the thumbnail.

[0259] In a possible implementation manner, the contour shape includes a rectangle;

[0260] If the horizontal length of the first picture is greater than the vertical length, the horizontal length of the rectangle is greater than the vertical length; or,

[0261] If the horizontal length of the first picture is less than the vertical length, then the horizontal length of the rectangle is less than the vertical length; or,

[0262] If the horizontal length of the first picture is equal to the vertical length, then the horizontal length of the rectangle is equal to the vertical length.

[0263] In a possible implementation, the interface unit 902 is further configured to, after receiving a selection operation for a thumbnail in the image list and before generating a video or an image based on the picture corresponding to the selected thumbnail according to the selection operation, receive a third input operation for a video generation icon.

[0264] In this implementation, after selecting a thumbnail, the video production or image production process may not be immediately executed, leaving enough room for the user to confirm or reselect the thumbnail. Then, when the user inputs a third input operation, the video production or image production is performed, which can improve the effect of image production.

[0265] In a possible implementation, the image list interface further includes one or more of a first filtering icon, a second filtering icon, and a third filtering icon, where:

[0266] The first filtering icon is used to indicate selecting a thumbnail corresponding to a picture with a horizontal length greater than the vertical length;

[0267] The second filtering icon is used to indicate selecting a thumbnail corresponding to a picture with a vertical length greater than the horizontal length;

[0268] The third filtering icon is used to indicate selecting a thumbnail corresponding to a picture with a horizontal length equal to the vertical length.

[0269] In this implementation, filtering icons are further provided, allowing the user to quickly filter out thumbnails (or pictures corresponding to the thumbnails) of the same size specification. When the user subsequently performs video production, image production, or other operations based on pictures of the same size specification, the efficiency is relatively high and the display effect is better.

[0270] In a possible implementation:

[0271] The processing unit 901 is configured to obtain the size specification of each picture in the image list;

[0272] The processing unit 901 is further configured to generate the contour shape of the first icon of the thumbnail of each picture according to the size specification of each picture.

[0273] It can be understood that determining the contour shape of the first icon according to the size specifications of each picture can ensure the accuracy of the correspondence between the contour shape of the first icon and the actual horizontal and vertical ratios of each picture.

[0274] In a possible implementation, the first icon is located at the upper left corner, or the upper right corner, or the lower left corner, or the lower right corner of the thumbnail of the first picture.

[0275] It can be understood that the first icon at the corner position can avoid blocking and occupying the image elements in the thumbnail, enabling the user to obtain as much information about the image as possible from the thumbnail for subsequent operations.

[0276] In a possible implementation, other icons are also included on the thumbnail of the first picture, and the functions or information indicated by the other icons are different from the first function indicated by the first icon.

[0277] In a possible implementation, after performing the first function on the first picture, the other icons are also included on the displayed first picture.

[0278] In a possible implementation:

[0279] If the horizontal length of the first picture is greater than the vertical length, the contour is displayed in the first mode; or,

[0280] If the horizontal length of the first picture is less than the vertical length, the contour is displayed in the second mode; or,

[0281] If the horizontal length of the first picture is equal to the vertical length, the contour is displayed in the third mode;

[0282] Among them, the color and / or thickness of the contour are different in different display modes.

[0283] In this implementation, in addition to indicating the horizontal and vertical ratios of the picture through the contour shape of the first icon, the horizontal and vertical ratios of the picture are also indicated through the color and / or thickness of the contour. Multiple indications can enable the user to obtain more accurate information.

[0284] It should be noted that the implementation and beneficial effects of each unit can also be correspondingly referred to Figure 3 、 Figure 5 and Figure 7 the corresponding descriptions of the method embodiments shown.

[0285] It should be understood that each step in the above method embodiments provided by the present application can be completed by the integrated logic circuit of the hardware in the processor or the instructions in the form of software. The method steps disclosed in combination with the embodiments of the present application can be directly embodied as being executed and completed by the hardware processor, or executed and completed by the combination of the hardware and software modules in the processor.

[0286] The present application also provides an electronic device, which may include: a memory and a processor. Among them, the memory can be used to store a computer program; the processor can be used to call the computer program in the memory, so that the electronic device executes all or part of the steps in any one of the above method embodiments (for example, when there are multiple devices or multiple modules interacting, execute the steps corresponding to one side device or prediction module). Optionally, a possible implementation of the memory and the processor is as described in the memory and the processor in the electronic device mentioned above.

[0287] The present application also provides a chip system, which includes at least one processor for implementing the functions involved in the method executed by the electronic device in any one of the above embodiments.

[0288] In a possible design, the chip system further includes a memory, and the memory is used to store program instructions and data, and the memory is located inside or outside the processor.

[0289] The chip system can be composed of chips, or can include chips and other discrete devices.

[0290] Optionally, the processor in the chip system can be one or more. The processor can be implemented by hardware or by software. When implemented by hardware, the processor can be a logic circuit, an integrated circuit, etc. When implemented by software, the processor can be a general-purpose processor, which realizes by reading the software code stored in the memory.

[0291] Optionally, the memory in the chip system can also be one or more. The memory can be integrated with the processor or can be separately arranged from the processor, and the embodiments of the present application do not limit this. Exemplarily, the memory can be a non-transitory processor, such as a read-only memory ROM, which can be integrated with the processor on the same chip or can be separately arranged on different chips. The embodiments of the present application do not make specific limitations on the type of the memory and the setting manner of the memory and the processor.

[0292] Exemplarily, the chip system may be a field programmable gate array (FPGA), may be an application specific integrated circuit (ASIC), may also be a system on chip (SoC), may also be a central processor unit (CPU), may also be a network processor (NP), may also be a digital signal processor (DSP), may also be a micro controller unit (MCU), may also be a programmable logic device (PLD), or other integrated chips.

[0293] The present application also provides a computer program product, which includes: a computer program (which may also be referred to as code, or instruction). When the computer program is run, it causes the computer to execute the method performed by the electronic device in any one of the above embodiments.

[0294] The present application also provides a computer-readable storage medium, which stores a computer program (which may also be referred to as code, or instruction). When the computer program is run, it causes the computer to execute the method performed by the electronic device in any one of the above embodiments.

[0295] The various embodiments of the present application can be combined arbitrarily to achieve different technical effects.

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

[0297] Those of ordinary skill in the art can understand that all or part of the processes in the above method embodiments can be completed by instructing relevant hardware with a computer program. The program can be stored in a computer-readable storage medium. When the program is executed, it can include the processes of the above method embodiments. The foregoing storage medium includes: various media such as ROM or random access memory RAM, magnetic disk, or optical disc that can store program codes.

[0298] In summary, the above descriptions are only embodiments of the technical solutions of this application and are not used to limit the protection scope of this application. Any modifications, equivalent replacements, improvements, etc. made according to the disclosure of this application should be included within the protection scope of this application.< / canvas> < / video> < / videoview> < / imgview> < / textview>

Claims

1. An image processing method, characterized in that, Including: Display an image list interface, where the image list interface includes thumbnails of one or more pictures. On the thumbnail of the first picture, there is a first icon, and the first icon is used to indicate the first function of the first picture. The contour shape of the first icon is used to indicate the horizontal and vertical ratio of the first picture, and the first picture is any picture in the image list; In response to a first input operation on the first icon, perform the first function on the first picture and display the interface corresponding to the first function.

2. The method according to claim 1, wherein It further includes: Receive a selection operation on the thumbnail in the image list; Generate a video or an image according to the picture corresponding to the thumbnail selected by the selection operation.

3. The method according to claim 2, wherein Before displaying the image list interface, it further includes: Receive a second input operation, where the second input operation is used to trigger a video creation process.

4. The method according to claim 2, wherein Before displaying the image list interface, it further includes: Receive a first interface call instruction from a first application, where the first application is a picture processing application, and the first interface call instruction is used to call the image list.

5. The method according to any one of claims 1-4, characterized in that, The first function includes a magnified display function.

6. The method according to any one of claims 1-5, characterized in that, The contour shape includes a rectangle; If the horizontal length of the first picture is greater than the vertical length, then the horizontal length of the rectangle is greater than the vertical length; or, If the horizontal length of the first picture is less than the vertical length, then the horizontal length of the rectangle is less than the vertical length; or, If the horizontal length of the first picture is equal to the vertical length, then the horizontal length of the rectangle is equal to the vertical length.

7. The method according to any one of claims 2-4, characterized in that After receiving the selection operation on the thumbnail in the image list and before generating a video or an image according to the picture corresponding to the thumbnail selected by the selection operation, it further includes: Receive a third input operation on the video generation icon.

8. The method according to any one of claims 1 to 7, characterized in that, The image list interface further includes one or more of a first screening icon, a second screening icon, and a third screening icon, where: The first screening icon is used to indicate selecting the thumbnail corresponding to the picture with a horizontal length greater than the vertical length; The second screening icon is used to indicate selecting the thumbnail corresponding to the picture with a vertical length greater than the horizontal length; The third screening icon is used to indicate selecting the thumbnail corresponding to the picture with a horizontal length equal to the vertical length.

9. The method according to any one of claims 1-8, characterized in that, It further includes: Obtain the size specifications of each picture in the image list; Generate the contour shape of the first icon of the thumbnail of each picture according to the size specifications of each picture.

10. The method according to any one of claims 1-9, characterized in that, The first icon is located at the upper left corner, or the upper right corner, or the lower left corner, or the lower right corner of the thumbnail of the first picture.

11. The method according to any one of claims 1 to 10, characterized in that, There are also other icons on the thumbnail of the first picture, and the functions or information indicated by the other icons are different from the first function indicated by the first icon.

12. The method according to claim 11, wherein After performing the first function on the first picture, the other icons are also included on the displayed first picture.

13. The method according to any one of claims 1-12, characterized in that If the horizontal length of the first picture is greater than the vertical length, then the contour is displayed in the first mode; or, If the horizontal length of the first picture is less than the vertical length, then the contour is displayed in the second mode; or, If the horizontal length of the first picture is equal to the vertical length, the contour is displayed in the third mode; Among them, the color and / or thickness of the contour are different under different display modes.

14. An electronic device, characterized in that, The electronic device includes: one or more processors; a memory; wherein, the memory is coupled to the one or more processors, the memory is used to store computer program code, the computer program code includes computer instructions, and the one or more processors call the computer instructions to cause the electronic device to execute the method according to any one of claims 1-13.

15. A chip system, characterized in that, The chip system is applied to an electronic device, the chip system includes one or more processors, and the processors are used to call computer instructions to cause the electronic device to execute the method according to any one of claims 1-13.

16. A computer program product comprising instructions, characterized in that, When the computer program product runs on an electronic device, the electronic device is caused to execute the method according to any one of claims 1-13.

17. A computer-readable storage medium, comprising instructions, characterized in that, When the instruction runs on an electronic device, the electronic device is caused to execute the method according to any one of claims 1-13.

Images