CN112529645A

CN112529645A - Picture layout method and electronic equipment

Info

Publication number: CN112529645A
Application number: CN201910879246.3A
Authority: CN
Inventors: 胡靓; 张韵叠
Original assignee: Huawei Technologies Co Ltd
Current assignee: Huawei Technologies Co Ltd
Priority date: 2019-09-18
Filing date: 2019-09-18
Publication date: 2021-03-19

Abstract

The utility model provides a layout method and electronic equipment of picture, relates to electron technical field, carries out the overall arrangement to many pictures for each picture presents different sizes and overall arrangement, and nevertheless many pictures are the rectangle overall arrangement, and the picture overall arrangement is nimble but not in disorder, gives the nimble visual effect of user, and this method specifically includes: the electronic equipment receives an operation of previewing the first album, displays a first interface, and the first interface comprises a part of content of a preview of the first album; and receiving the operation of sliding upwards on the first interface by the user, and displaying a second interface, wherein the second interface comprises the other part of the content of the preview image of the first album. In the preview image of the first photo album, a plurality of pictures of the first photo album are divided into a plurality of picture groups, the area of each picture group is smaller than that of the screen, the pictures in each picture group are integrally in rectangular layout, and the pictures with larger size in each picture group are in left-right staggered layout in the longitudinal direction.

Description

Picture layout method and electronic equipment

Technical Field

The present disclosure relates to the field of electronic technologies, and in particular, to a method for arranging pictures and an electronic device.

Background

Electronic equipment has a large number of scenes in which multiple pictures need to be displayed, such as previews of photos or videos in an album, shopping websites or applications displaying various commodities in the form of pictures, and the like. Obviously, the layout effect of the picture directly affects the aesthetic degree of the display interface of the electronic equipment.

At present, a commonly used picture layout mode is a grid layout mode, that is, all pictures have the same size and are arranged and displayed by a fixed number of rows and a fixed number of columns. For example: an interface to browse through a plurality of photos or videos in an album. Therefore, the original pictures or videos shot in the horizontal screen or the vertical screen are displayed by the preview pictures with the same size, the content of the original pictures or videos cannot be presented, the typesetting of the fixed line number and the fixed column number is single, and the attractiveness is not high.

Disclosure of Invention

According to the picture layout method and the electronic equipment, the plurality of pictures are laid out, so that each picture is in different sizes and layouts, but the plurality of pictures are integrally in rectangular layouts, the picture layouts are flexible but not messy, and the vivid visual effect is provided for users.

In order to achieve the above object, the embodiments of the present application provide the following technical solutions:

in a first aspect, the present application provides a method, including: the method comprises the steps that first operation of previewing a first photo album by a user is received by electronic equipment, wherein the first photo album comprises a plurality of pictures; responding to the first operation, the electronic equipment displays a first interface, wherein the first interface comprises a part of content of a preview image of a first album, and the preview image of the first album comprises a plurality of pictures; the electronic equipment receives a second operation of sliding upwards on the first interface by the user; in response to the second operation, the electronic equipment displays a second interface, wherein the second interface contains another part of the content of the preview image of the first album; in the preview picture of the first photo album, a plurality of pictures are divided into at least two picture groups, any one of the at least two picture groups comprises one or more pictures, and all the pictures in any one of the at least two picture groups are integrally in rectangular layout; the display area of any one of the at least two picture groups on the electronic equipment is not larger than the display area of the screen of the electronic equipment; and in any one of the at least two picture groups, in the longitudinal direction, pictures with the size larger than the preset threshold value are not continuously positioned on the left side or the right side of the screen of the electronic equipment.

For example, the first album may be a highlight time album in a gallery application. The first interface may be an interface for browsing a highlight album. Generally, the number of photos in the photo album at the wonderful moment is large, and the whole content of the first photo album preview image cannot be displayed at one time in an effective display area of a screen of the mobile phone. In this case, the user can view the other part of the contents of the first album preview image by an operation such as sliding up on the screen of the cellular phone.

Among them, the picture with the size larger than the preset threshold value can be regarded as the picture with the larger size. Generally, a picture with a larger size attracts the user's line of sight, and is considered as the user's visual focus for the content that the user is most likely to focus on. In the layout scheme of the pictures in the application, the pictures with larger sizes are placed in a left-right staggered mode in the longitudinal direction. In this way, the preview image of the first photo album visually gives the streamline effect of S shape (including forward S shape and reverse S shape) to the user, and provides the user with agile reading feeling.

And because each picture in the preview image of the first album presents different sizes and layouts, but the overall layout is rectangular, the picture layout of the preview image of the first album is flexible and not messy. In one example, the preview of the first album may retain the original orientation of the photos, i.e., landscape layout of photos, portrait layout of photos. In this way, the preview image of the first album can show the original picture composition awareness of the photos, so that the user can preview more accurate photo contents. In another example, the original aspect ratio of the photos, etc. may be preserved in the preview of the first album.

In one possible implementation, after the electronic device displays the first interface, the method further includes: the electronic equipment receives a third operation that the user shares the first photo album; in response to the third operation, the electronic device sends the preview image of the first album to the other electronic device.

Therefore, the electronic device provides a method for rapidly sharing multiple pictures in the first album, and on one hand, the user can be prevented from processing multiple pictures before sharing, for example, the user needs to use jigsaw software to piece multiple pictures together. On the other hand, the operations of zooming in, manual sliding and the like required by other users to view and process the contents of multiple photos can be reduced.

In one possible implementation, after the electronic device displays the first interface, the method further includes: the electronic equipment receives a fourth operation of sharing the first photo album by the user; in response to the fourth operation, the electronic equipment prompts the user to select one or more picture groups in the first photo album; the electronic equipment receives a fifth operation that the user selects one or more picture groups in the first album; after the electronic equipment receives the fifth operation, the electronic equipment sends the content corresponding to one or more picture groups selected by the user in the preview image of the first album to other electronic equipment.

For example, the group of pictures may be referred to as a deck hereinafter, and the present application provides a fast sharing method in units of decks. Since the size of one deck is smaller than that of the screen, a plurality of pictures in one deck can be viewed in one screen. Namely, the user can directly share a plurality of photos seen in one screen to other users, and the sharing requirements of the user in more scenes can be met.

In a possible implementation, the method further includes: the method comprises the steps that screen capturing operation of a user is received by electronic equipment; in response to the screen capture operation, the electronic equipment determines to share all the content of the preview image of the first album or share the content corresponding to the picture group displayed on the current screen in the preview image of the first album.

When a user browses a plurality of photos in a first photo album, screen capture operation is executed, the photo album is likely to be required to be shared, and by directly adopting the sharing method provided by the embodiment of the application, a preview of the whole photo album can be quickly shared, or a plurality of pictures displayed in a current screen can be quickly shared by taking a card group as a unit.

In a possible implementation, the method further includes: the electronic equipment receives a sixth operation of sharing the first photo album by the user; and if the second interface displayed by the electronic equipment comprises all pictures in a first picture group of the at least two picture groups, the electronic equipment determines to share the content corresponding to the first picture group in the preview picture of the first album.

In a possible implementation manner, each picture in the preview image of the first album retains an original format of each picture, and the original format of each picture is a format of each picture when the picture is displayed in a full screen mode in the electronic device, and includes a horizontal format or a vertical format.

In a possible implementation, the method further includes: and arranging the plurality of pictures in the preview image of the first album according to the shooting time or the storage time of the plurality of pictures.

In a possible implementation manner, the preview image of the first album includes a name of the first album, and/or a shooting date or a storage date of the picture in the first album, and/or a shooting place of the picture in the first album.

In an example, the text portion in the preview image of the first album may be in a magazine-like layout, such as a large title, a large margin, a dotted element, and so on. For example, the name of the highlight album may be in a large title, i.e., the word size of the name of the highlight album is larger than other words such as date. Optionally, the name of the album at the highlight moment may be displayed by using a specific font or color. For example, a certain margin is left at a position other than the text and the picture. Therefore, the preview image of the first photo album presents magazine-like reading feeling, and the visual experience of a user is improved.

In a possible implementation manner, the preview image of the first album includes at least one date group, and one of the at least one date group includes at least two picture groups.

In a second aspect, an electronic device is provided, which includes: a processor, a memory, and a touchscreen, the memory and the touchscreen coupled to the processor, the memory for storing computer program code, the computer program code comprising computer instructions that, when read by the processor from the memory, cause the electronic device to perform operations comprising: receiving a first operation of previewing a first photo album by a user, wherein the first photo album comprises a plurality of pictures; responding to a first operation, displaying a first interface, wherein the first interface contains a part of content of a preview image of a first album, and the preview image of the first album comprises a plurality of pictures; receiving a second operation of the user sliding upwards on the first interface; responding to a second operation, and displaying a second interface, wherein the second interface contains another part of contents of the preview image of the first album; in the preview picture of the first photo album, a plurality of pictures are divided into at least two picture groups, any one of the at least two picture groups comprises one or more pictures, and all the pictures in any one of the at least two picture groups are integrally in rectangular layout; the display area of any one of the at least two picture groups on the electronic equipment is not larger than the display area of the screen of the electronic equipment; and in any one of the at least two picture groups, in the longitudinal direction, pictures with the size larger than the preset threshold value are not continuously positioned on the left side or the right side of the screen of the electronic equipment.

In one possible implementation, when the processor reads the computer instructions from the memory, the electronic device further performs the following operations: receiving a third operation of sharing the first photo album by the user; and responding to the third operation, and sending the preview of the first album to other electronic equipment.

In one possible implementation, when the processor reads the computer instructions from the memory, the electronic device further performs the following operations: receiving a fourth operation of sharing the first photo album by the user; in response to a fourth operation, prompting the user to select one or more picture groups in the first album; receiving a fifth operation of selecting one or more picture groups in the first album by the user; and after the electronic equipment receives the fifth operation, sending the content corresponding to one or more picture groups selected by the user in the preview image of the first album to other electronic equipment.

In one possible implementation, when the processor reads the computer instructions from the memory, the electronic device further performs the following operations: receiving screen capturing operation of a user; and responding to screen capture operation, and determining to share all contents of the preview image of the first album or share contents corresponding to the picture group displayed on the current screen in the preview image of the first album.

In one possible implementation, when the processor reads the computer instructions from the memory, the electronic device further performs the following operations: receiving a sixth operation of sharing the first photo album by the user; and if the second interface displayed by the electronic equipment comprises all pictures in a first picture group of the at least two picture groups, determining to share the content corresponding to the first picture group in the preview picture of the first album.

In one possible implementation, when the processor reads the computer instructions from the memory, the electronic device further performs the following operations: and arranging the plurality of pictures in the preview image of the first album according to the shooting time or the storage time of the plurality of pictures.

A third aspect provides a graphical user interface on an electronic device with a display screen, a camera, a memory, and one or more processors to execute one or more computer programs stored in the memory, the graphical user interface comprising a graphical user interface displayed when the electronic device performs a method as described in the above aspects and any one of their possible implementations.

In a fourth aspect, an apparatus is provided, where the apparatus is included in an electronic device, and the apparatus has a function of implementing the behavior of the electronic device in any one of the methods in the foregoing aspects and possible implementation manners. The function can be realized by hardware, and can also be realized by executing corresponding software by hardware. The hardware or software includes at least one module or unit corresponding to the above functions. For example, a receiving module or unit, a display module or unit, and a transmitting module or unit, etc.

A fifth aspect provides a computer storage medium comprising computer instructions which, when run on an electronic device, cause the electronic device to perform the method as described in the above aspect and any one of its possible implementations.

A sixth aspect provides a computer program product for causing a computer to perform the method as described in the above aspects and any one of the possible implementations when the computer program product runs on the computer.

A seventh aspect provides a chip system, which includes a processor, and when the processor executes the instructions, the processor executes the method described in the above aspect and any possible implementation manner of the aspect.

Drawings

Fig. 1 is a first schematic structural diagram of an electronic device according to an embodiment of the present disclosure;

fig. 2 is a schematic structural diagram of an electronic device according to an embodiment of the present disclosure;

FIG. 3 is a schematic view of a user interface of some electronic devices provided by embodiments of the present application;

FIG. 4 is a schematic view of a user interface of further electronic devices according to an embodiment of the present application;

FIG. 5 is a schematic view of a user interface of further electronic devices according to an embodiment of the present application;

FIG. 6 is a schematic view of a user interface of further electronic devices according to an embodiment of the present application;

FIG. 7 is a schematic view of a user interface of further electronic devices according to an embodiment of the present application;

FIG. 8 is a schematic view of a user interface of further electronic devices according to an embodiment of the present application;

fig. 9 is a schematic flowchart of a picture layout method according to an embodiment of the present application;

fig. 10 is a schematic diagram of a picture layout according to an embodiment of the present application;

fig. 11 is a schematic diagram of a process of picture layout according to an embodiment of the present application;

fig. 12 is a schematic process diagram of another picture layout provided in the embodiment of the present application;

fig. 13 is a schematic process diagram of another picture layout provided in the embodiment of the present application;

fig. 14 is a schematic structural diagram of a chip system according to an embodiment of the present disclosure.

Detailed Description

In the description of the embodiments of the present application, "/" means "or" unless otherwise specified, for example, a/B may mean a or B; "and/or" herein is merely an association describing an associated object, and means that there may be three relationships, e.g., a and/or B, which may mean: a exists alone, A and B exist simultaneously, and B exists alone.

In the following, the terms "first", "second" are used for descriptive purposes only and are not to be understood as indicating or implying relative importance or implicitly indicating the number of technical features indicated. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of that feature.

In the description of the embodiments of the present application, "a plurality" means two or more unless otherwise specified. In the embodiments of the present application, words such as "exemplary" or "for example" are used to mean serving as an example, instance, or illustration. Any embodiment or design described herein as "exemplary" or "e.g.," is not necessarily to be construed as preferred or advantageous over other embodiments or designs. Rather, use of the word "exemplary" or "such as" is intended to present concepts related in a concrete fashion.

The embodiment of the application provides a picture layout method, so that each picture presents different sizes and layouts, but a plurality of pictures are integrally in a rectangular layout, the picture layout is flexible but not messy, and the vivid visual effect is provided for a user. For example, the electronic device in the present application may be a mobile phone, a tablet computer, a Personal Computer (PC), a Personal Digital Assistant (PDA), a smart watch, a netbook, a wearable electronic device, an Augmented Reality (AR) device, a Virtual Reality (VR) device, an in-vehicle device, a smart car, a smart audio, a robot, and the like, and the specific form of the electronic device is not particularly limited in the present application.

Fig. 1 shows a schematic structural diagram of an electronic device 100.

The electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a Universal Serial Bus (USB) interface 130, a charging management module 140, a power management module 141, a battery 142, 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, an earphone interface 170D, a sensor module 180, a key 190, a motor 191, an indicator 192, a camera 193, a display screen 194, a Subscriber Identification Module (SIM) card interface 195, and the like. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, an air pressure sensor 180C, a magnetic sensor 180D, an acceleration sensor 180E, a distance sensor 180F, a proximity light sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, and the like.

It is to be understood that the illustrated structure of the embodiment of the present invention does not specifically limit the electronic device 100. In other embodiments of the present application, electronic device 100 may include more or fewer components than shown, or some components may be combined, some components may be split, or a different arrangement of components. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

Processor 110 may include one or more processing units, such as: 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. The different processing units may be separate devices or may be integrated into one or more processors.

The controller can generate an operation control signal according to the instruction operation code and the timing signal to complete the control of instruction fetching and instruction execution.

A memory may also be provided in processor 110 for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. The memory may hold instructions or data that have just been used or recycled by the processor 110. If the processor 110 needs to reuse the instruction or data, it can be called directly from the memory. Avoiding repeated accesses reduces the latency of the processor 110, thereby increasing the efficiency of the system.

In some embodiments, processor 110 may include one or more interfaces. The interface may include an integrated circuit (I2C) interface, an integrated circuit built-in audio (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.

The I2C interface is a bi-directional synchronous serial bus that includes a serial data line (SDA) and a Serial Clock Line (SCL). In some embodiments, processor 110 may include multiple sets of I2C buses. The processor 110 may be coupled to the touch sensor 180K, the charger, the flash, the camera 193, etc. through different I2C bus interfaces, respectively. For example: the processor 110 may be coupled to the touch sensor 180K via an I2C interface, such that the processor 110 and the touch sensor 180K communicate via an I2C bus interface to implement the touch functionality of the electronic device 100.

The I2S interface may be used for audio communication. In some embodiments, processor 110 may include multiple sets of I2S buses. The processor 110 may be coupled to the audio module 170 via an I2S bus to enable communication between the processor 110 and the audio module 170. In some embodiments, the audio module 170 may communicate audio signals to the wireless communication module 160 via the I2S interface, enabling answering of calls via a bluetooth headset.

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

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

MIPI interfaces may be used to connect processor 110 with peripheral devices such as display screen 194, camera 193, and the like. The MIPI interface includes a Camera Serial Interface (CSI), a Display Serial Interface (DSI), and the like. In some embodiments, processor 110 and camera 193 communicate through a CSI interface to implement the capture functionality of 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.

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

The USB interface 130 is an interface conforming to the USB standard specification, and may specifically be a Mini USB interface, a Micro USB interface, a USB Type C interface, or the like. The USB interface 130 may be used to connect a charger to charge the electronic device 100, and may also be used to transmit data between the electronic device 100 and a peripheral device. And the earphone can also be used for connecting an earphone and playing audio through the earphone. The interface may also be used to connect other electronic devices, such as AR devices and the like.

It should be understood that the connection relationship between the modules according to the embodiment of the present invention is only illustrative, and is not limited to the structure of the electronic device 100. In other embodiments of the present application, the electronic device 100 may also adopt different interface connection manners or a combination of multiple interface connection manners in the above embodiments.

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

The power management module 141 is used to connect the battery 142, the charging management module 140 and the processor 110. The power management module 141 receives input from the battery 142 and/or the charge management module 140, and supplies power to the processor 110, the internal memory 121, the display 194, the camera 193, the wireless communication module 160, and the like. The power management module 141 may also be used to monitor parameters such as battery capacity, battery cycle count, battery state of health (leakage, impedance), etc. 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 be disposed in the same device.

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

The

antennas

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

The mobile communication module 150 may provide a solution including 2G/3G/4G/5G wireless communication applied to the electronic device 100. The mobile communication module 150 may include at least one filter, a switch, a power amplifier, a Low Noise Amplifier (LNA), and the like. The mobile communication module 150 may receive the electromagnetic wave from the antenna 1, filter, amplify, etc. the received electromagnetic wave, and transmit the electromagnetic wave to the modem processor for demodulation. The mobile communication module 150 may also amplify the signal modulated by the modem processor, and convert the signal into electromagnetic wave through the antenna 1 to radiate the electromagnetic wave. In some embodiments, at least some of the functional modules of the mobile communication module 150 may be disposed in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 may be disposed in the same device as at least some of the modules of the processor 110.

The modem processor may include a modulator and a demodulator. The modulator is used for modulating a low-frequency baseband signal to be transmitted into a medium-high frequency signal. The demodulator is used for demodulating the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then passes the demodulated low frequency baseband signal to a baseband processor for processing. The low frequency baseband signal is processed by the baseband processor and then transferred to the application processor. The application processor outputs a sound signal through an audio device (not limited to the speaker 170A, the receiver 170B, etc.) or displays an image or video through the display screen 194. In some embodiments, the modem processor may be a stand-alone device. In other embodiments, the modem processor may be provided in the same device as the mobile communication module 150 or other functional modules, independent of the processor 110.

The wireless communication module 160 may provide a solution for wireless communication applied to the electronic device 100, including Wireless Local Area Networks (WLANs) (e.g., wireless fidelity (Wi-Fi) networks), bluetooth (bluetooth, BT), Global Navigation Satellite System (GNSS), Frequency Modulation (FM), Near Field Communication (NFC), Infrared (IR), and the like. 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, performs frequency modulation and filtering processing on electromagnetic wave signals, and transmits the processed signals to the processor 110. The wireless communication module 160 may also receive a signal to be transmitted from the processor 110, perform frequency modulation and amplification on the signal, and convert the signal into electromagnetic waves through the antenna 2 to radiate the electromagnetic waves.

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 so that electronic device 100 can communicate with networks and other devices through wireless communication techniques. The wireless communication technology may include global system for mobile communications (GSM), General Packet Radio Service (GPRS), code division multiple access (code division multiple access, CDMA), Wideband Code Division Multiple Access (WCDMA), time-division code division multiple access (time-division code division multiple access, TD-SCDMA), Long Term Evolution (LTE), LTE, BT, GNSS, WLAN, NFC, FM, and/or IR technologies, etc. The GNSS may include a Global Positioning System (GPS), a global navigation satellite system (GLONASS), a beidou navigation satellite system (BDS), a quasi-zenith satellite system (QZSS), and/or a Satellite Based Augmentation System (SBAS).

The electronic device 100 implements display functions via the GPU, the display screen 194, and the application processor. The GPU is a microprocessor for image processing, and is connected to the display screen 194 and an application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor 110 may include one or more GPUs that execute program instructions to generate or alter display information.

The display screen 194 is used to display images, video, and the like. The display screen 194 includes a display panel. The display panel may adopt a Liquid Crystal Display (LCD), an organic light-emitting diode (OLED), an active-matrix organic light-emitting diode (active-matrix organic light-emitting diode, AMOLED), a flexible light-emitting diode (FLED), a miniature, a Micro-oeld, a quantum dot light-emitting diode (QLED), and the like. In some embodiments, the electronic device 100 may include 1 or N display screens 194, with N being a positive integer greater than 1.

The electronic device 100 may implement a shooting function through the ISP, the camera 193, the video codec, the GPU, the display 194, the application processor, and the like.

The ISP is used to process the data fed back by the camera 193. For example, when a photo is taken, the shutter is opened, light is transmitted to the camera photosensitive element through the lens, the optical signal is converted into an electrical signal, and the camera photosensitive element transmits the electrical signal to the ISP for processing and converting into an image visible to naked eyes. The ISP can also carry out algorithm optimization on the noise, brightness and skin color of the image. The ISP can also optimize parameters such as exposure, color temperature and the like of a shooting scene. In some embodiments, the ISP may be provided in camera 193.

The camera 193 is used to capture still images or video. The object generates an optical image through the lens and projects the optical image to the photosensitive element. The photosensitive element may be a Charge Coupled Device (CCD) or a complementary metal-oxide-semiconductor (CMOS) phototransistor. The light sensing element converts the optical signal into an electrical signal, which is then passed to the ISP where it is converted into a digital image signal. And the ISP outputs the digital image signal to the DSP for processing. The DSP converts the digital image signal into image signal in standard RGB, YUV and other formats. In some embodiments, the electronic device 100 may include 1 or N cameras 193, N being a positive integer greater than 1.

The digital signal processor is used for processing digital signals, and can process digital image signals and other digital signals. For example, when the electronic device 100 selects a frequency bin, the digital signal processor is used to perform fourier transform or the like on the frequency bin energy.

Video codecs are used to compress or decompress digital video. The electronic device 100 may support one or more video codecs. In this way, the electronic device 100 may play or record video in a variety of encoding formats, such as: moving Picture Experts Group (MPEG) 1, MPEG2, MPEG3, MPEG4, and the like.

The NPU is a neural-network (NN) computing processor that processes input information quickly by using a biological neural network structure, for example, by using a transfer mode between neurons of a human brain, and can also learn by itself continuously. Applications such as intelligent recognition of the electronic device 100 can be realized through the NPU, for example: image recognition, face recognition, speech recognition, text understanding, and the like.

The external memory interface 120 may be used to connect an external memory card, such as a Micro SD card, to extend the memory capability of the electronic device 100. The external memory card communicates with the processor 110 through the external memory interface 120 to implement a data storage function. For example, files such as music, video, etc. are saved in an external memory card.

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

The electronic device 100 may implement audio functions via the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the headphone interface 170D, and the application processor. Such as music playing, recording, etc.

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

The speaker 170A, also called a "horn", is used to convert the audio electrical signal into an acoustic signal. The electronic apparatus 100 can listen to music through the speaker 170A or listen to a handsfree call.

The receiver 170B, also called "earpiece", is used to convert the electrical audio signal into an acoustic signal. When the electronic apparatus 100 receives a call or voice information, it can receive voice by placing the receiver 170B close to the ear of the person.

The microphone 170C, also referred to as a "microphone," is used to convert sound signals into electrical signals. When making a call or transmitting voice information, the user can input a voice signal to the microphone 170C by speaking the user's mouth near the microphone 170C. The electronic device 100 may be provided with at least one microphone 170C. In other embodiments, the electronic device 100 may be provided with two microphones 170C to achieve a noise reduction function in addition to collecting sound signals. In other embodiments, the electronic device 100 may further include three, four or more microphones 170C to collect sound signals, reduce noise, identify sound sources, perform directional recording, and so on.

The headphone interface 170D is used to connect a wired headphone. The headset interface 170D may be the USB interface 130, or may be a 3.5mm open mobile electronic device platform (OMTP) standard interface, a cellular telecommunications industry association (cellular telecommunications industry association of the USA, CTIA) standard interface.

The pressure sensor 180A is used for sensing a pressure signal, and converting the pressure signal into an electrical signal. In some embodiments, the pressure sensor 180A may be disposed on the display screen 194. The pressure sensor 180A can be of a wide variety, such as a resistive pressure sensor, an inductive pressure sensor, a capacitive pressure sensor, and the like. The capacitive pressure sensor may be a sensor comprising at least two parallel plates having an electrically conductive material. When a force acts on the pressure sensor 180A, the capacitance between the electrodes changes. The electronic device 100 determines the strength of the pressure from the change in capacitance. When a touch operation is applied to the display screen 194, the electronic apparatus 100 detects the intensity of the touch operation according to the pressure sensor 180A. The electronic apparatus 100 may also calculate the touched position from the detection signal of the pressure sensor 180A. In some embodiments, the touch operations that are applied to the same touch position but different touch operation intensities may correspond to different operation instructions. For example: and when the touch operation with the touch operation intensity smaller than the first pressure threshold value acts on the short message application icon, executing an instruction for viewing the short message. And when the touch operation with the touch operation intensity larger than or equal to the first pressure threshold value acts on the short message application icon, executing an instruction of newly building the short message.

The gyro sensor 180B may be used to determine the motion attitude of the electronic device 100. In some embodiments, the angular velocity of electronic device 100 about three axes (i.e., the x, y, and z axes) may be determined by gyroscope sensor 180B. The gyro sensor 180B may be used for photographing anti-shake. For example, when the shutter is pressed, the gyro sensor 180B detects a shake angle of the electronic device 100, calculates a distance to be compensated for by the lens module according to the shake angle, and allows the lens to counteract the shake of the electronic device 100 through a reverse movement, thereby achieving anti-shake. The gyroscope sensor 180B may also be used for navigation, somatosensory gaming scenes.

The air pressure sensor 180C is used to measure air pressure. In some embodiments, electronic device 100 calculates altitude, aiding in positioning and navigation, from barometric pressure values measured by barometric pressure sensor 180C.

The magnetic sensor 180D includes a hall sensor. The electronic device 100 may detect the opening and closing of the flip holster using the magnetic sensor 180D. In some embodiments, when the electronic device 100 is a flip phone, the electronic device 100 may detect the opening and closing of the flip according to the magnetic sensor 180D. And then according to the opening and closing state of the leather sheath or the opening and closing state of the flip cover, the automatic unlocking of the flip cover is set.

The acceleration sensor 180E may detect the magnitude of acceleration of the electronic device 100 in various directions (typically three axes). The magnitude and direction of gravity can be detected when the electronic device 100 is stationary. The method can also be used for recognizing the posture of the electronic equipment, and is applied to horizontal and vertical screen switching, pedometers and other applications.

A distance sensor 180F for measuring a distance. The electronic device 100 may measure the distance by infrared or laser. In some embodiments, taking a picture of a scene, electronic device 100 may utilize range sensor 180F to range for fast focus.

The proximity light sensor 180G may include, for example, a Light Emitting Diode (LED) and a light detector, such as a photodiode. The light emitting diode may be an infrared light emitting diode. The electronic device 100 emits infrared light to the outside through the light emitting diode. The electronic device 100 detects infrared reflected light from nearby objects using a photodiode. When sufficient reflected light is detected, it can be determined that there is an object near the electronic device 100. When insufficient reflected light is detected, the electronic device 100 may determine that there are no objects near the electronic device 100. The electronic device 100 can utilize the proximity light sensor 180G to detect that the user holds the electronic device 100 close to the ear for talking, so as to automatically turn off the screen to achieve the purpose of saving power. The proximity light sensor 180G may also be used in a holster mode, a pocket mode automatically unlocks and locks the screen.

The ambient light sensor 180L is used to sense the ambient light level. Electronic device 100 may adaptively adjust the brightness of display screen 194 based on the perceived ambient light level. The ambient light sensor 180L may also be used to automatically adjust the white balance when taking a picture. The ambient light sensor 180L may also cooperate with the proximity light sensor 180G to detect whether the electronic device 100 is in a pocket to prevent accidental touches.

The fingerprint sensor 180H is used to collect a fingerprint. The electronic device 100 can utilize the collected fingerprint characteristics to unlock the fingerprint, access the application lock, photograph the fingerprint, answer an incoming call with the fingerprint, and so on.

The temperature sensor 180J is used to detect temperature. In some embodiments, electronic device 100 implements a temperature processing strategy using the temperature detected by temperature sensor 180J. For example, when the temperature reported by the temperature sensor 180J exceeds a threshold, the electronic device 100 performs a reduction in performance of a processor located near the temperature sensor 180J, so as to reduce power consumption and implement thermal protection. In other embodiments, the electronic device 100 heats the battery 142 when the temperature is below another threshold to avoid the low temperature causing the electronic device 100 to shut down abnormally. In other embodiments, when the temperature is lower than a further threshold, the electronic device 100 performs boosting on the output voltage of the battery 142 to avoid abnormal shutdown due to low temperature.

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

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

The keys 190 include a power-on key, a volume key, and the like. The keys 190 may be mechanical keys. Or may be touch keys. The electronic apparatus 100 may receive a key input, and generate a key signal input related to user setting and function control of the electronic apparatus 100.

The motor 191 may generate a vibration cue. The motor 191 may be used for incoming call vibration cues, as well as for touch vibration feedback. For example, touch operations applied to different applications (e.g., photographing, audio playing, etc.) may correspond to different vibration feedback effects. The motor 191 may also respond to different vibration feedback effects for touch operations applied to different areas of the display screen 194. Different application scenes (such as time reminding, receiving information, alarm clock, game and the like) can also correspond to different vibration feedback effects. The touch vibration feedback effect may also support customization.

Indicator 192 may be an indicator light that may be used to indicate a state of charge, a change in charge, or a message, missed call, notification, etc.

The SIM card interface 195 is used to connect a SIM card. The SIM card can be brought into and out of contact with the electronic apparatus 100 by being inserted into the SIM card interface 195 or being pulled out of the SIM card interface 195. The electronic device 100 may support 1 or N SIM card interfaces, N being a positive integer greater than 1. The SIM card interface 195 may support a Nano SIM card, a Micro SIM card, a SIM card, etc. The same SIM card interface 195 can be inserted with multiple cards at the same time. The types of the plurality of cards may be the same or different. The SIM card interface 195 may also be compatible with different types of SIM cards. The SIM card interface 195 may also be compatible with external memory cards. The electronic device 100 interacts with the network through the SIM card to implement functions such as communication and data communication. In some embodiments, the electronic device 100 employs esims, namely: an embedded SIM card. The eSIM card can be embedded in the electronic device 100 and cannot be separated from the electronic device 100.

The software system of the electronic device 100 may employ a layered architecture, an event-driven architecture, a micro-core architecture, a micro-service architecture, or a cloud architecture. The embodiment of the present invention uses an Android system with a layered architecture as an example to exemplarily illustrate a software structure of the electronic device 100.

Fig. 2 is a block diagram of a software configuration of the electronic apparatus 100 according to the embodiment of the present invention.

The layered architecture divides the software into several layers, each layer having a clear role and division of labor. The layers communicate with each other through a software interface. In some embodiments, the Android system is divided into four layers, an application layer, an application framework layer, an Android runtime (Android runtime) and system library, and a kernel layer from top to bottom.

The application layer may include a series of application packages.

As shown in fig. 2, the application package may include applications such as camera, gallery, calendar, phone call, map, navigation, WLAN, bluetooth, music, video, short message, etc.

In some embodiments of the present application, the gallery application may display a preview of multiple pictures so that the user may preview multiple pictures simultaneously. The plurality of pictures can be distributed in a flexible and changeable mode, for example, an S-shaped streamline distribution is formed, and agile visual experience is provided for a user.

The application framework layer provides an Application Programming Interface (API) and a programming framework for the application program of the application layer. The application framework layer includes a number of predefined functions.

As shown in FIG. 2, the application framework layers may include a window manager, content provider, view system, phone manager, resource manager, notification manager, and the like.

The window manager is used for managing window programs. The window manager can obtain the size of the display screen, judge whether a status bar exists, lock the screen, intercept the screen and the like.

The content provider is used to store and retrieve data and make it accessible to applications. The data may include video, images, audio, calls made and received, browsing history and bookmarks, phone books, etc.

The view system includes visual controls such as controls to display text, controls to display pictures, and the like. The view system may be used to build applications. The display interface may be composed of one or more views. For example, the display interface including the short message notification icon may include a view for displaying text and a view for displaying pictures.

In some embodiments of the application, the view system may include a picture layout algorithm, which is used to flexibly and variably layout a plurality of pictures to be displayed, so as to improve the attractiveness of the display interface of the electronic device 100 and improve the visual experience of the user when previewing the pictures. Of course, the picture layout algorithm may also be stored in a system library, or stored in an application framework layer as a separate module, and the like, which is not specifically limited in this embodiment of the application. When the electronic device 100 runs the gallery application, the picture layout algorithm may be called to lay out a plurality of pictures to be displayed, and then the pictures are displayed through the screen of the electronic device 100.

The phone manager is used to provide communication functions of the electronic device 100. Such as management of call status (including on, off, etc.).

The resource manager provides various resources for the application, such as localized strings, icons, pictures, layout files, video files, and the like.

The notification manager enables the application to display notification information in the status bar, can be used to convey notification-type messages, can disappear automatically after a short dwell, and does not require user interaction. Such as a notification manager used to inform download completion, message alerts, etc. The notification manager may also be a notification that appears in the form of a chart or scroll bar text at the top status bar of the system, such as a notification of a background running application, or a notification that appears on the screen in the form of a dialog window. For example, prompting text information in the status bar, sounding a prompt tone, vibrating the electronic device, flashing an indicator light, etc.

The Android Runtime comprises a core library and a virtual machine. The Android runtime is responsible for scheduling and managing an Android system.

The core library comprises two parts: one part is a function which needs to be called by java language, and the other part is a core library of android.

The application layer and the application framework layer run in a virtual machine. And executing java files of the application program layer and the application program framework layer into a binary file by the virtual machine. The virtual machine is used for performing the functions of object life cycle management, stack management, thread management, safety and exception management, garbage collection and the like.

The system library may include a plurality of functional modules. For example: surface managers (surface managers), Media Libraries (Media Libraries), three-dimensional graphics processing Libraries (e.g., OpenGL ES), 2D graphics engines (e.g., SGL), and the like.

The surface manager is used to manage the display subsystem and provide fusion of 2D and 3D layers for multiple applications.

The media library supports a variety of commonly used audio, video format playback and recording, and still image files, among others. The media library may support a variety of audio-video encoding formats, such as MPEG4, h.264, MP3, AAC, AMR, JPG, PNG, and the like.

The three-dimensional graphic processing library is used for realizing three-dimensional graphic drawing, image rendering, synthesis, layer processing and the like.

The 2D graphics engine is a drawing engine for 2D drawing.

The kernel layer is a layer between hardware and software. The inner core layer at least comprises a display driver, a camera driver, an audio driver and a sensor driver.

The technical solutions in the following embodiments can be implemented in the electronic device 100 having the above hardware architecture and software architecture.

The picture layout method provided by the embodiment of the application can be suitable for various scenes in which the electronic equipment needs to display a plurality of pictures at the same time. For example: and displaying a browsing interface of a plurality of photos or videos in a gallery application or a folder of the mobile phone. Another example is: the computer displays a browsing interface of the photos, videos or files in the folder. Another example is: and displaying various commodity pictures on a shopping APP of the mobile phone or a shopping website of the computer.

The technical scheme provided by the embodiment of the application is described in detail by taking the gallery application of the mobile phone as an example and combining the accompanying drawings.

The user can open the gallery application by clicking an icon of the gallery application in the desktop of the mobile phone or adopting other modes such as a voice command and the like. For example, in response to an operation of opening a gallery application by a user, the mobile phone may display an interface 301 as shown in (1) in fig. 3, which is an interface for a "photo" function in the gallery application. Photos or videos (including shot photos or videos, screen shot photos, pictures downloaded from a network and the like) stored in the gallery application can be viewed in the interface of the photo function, and corresponding operations such as deletion, editing, sharing, collection and the like can be performed on the photos or videos.

In the interface of the "photo" function, function controls such as "photo", "album", "time", and "discovery" are also displayed. The user can quickly switch to the interface of the corresponding function through the function controls.

The user may enter an interface for the "album" function, such as interface 302 shown in (2) of FIG. 3, by clicking on the "album" function control. The user can view each album created in the gallery application, and the photos in each album, through the "album" function. The user may also create new albums, delete created albums, and the like.

The user may also enter the interface for the "time" function, such as interface 303 shown in fig. 3 (3), by clicking on the "time" function control. The 'time' function refers to that the mobile phone intelligently analyzes the information such as the shooting time, the shooting location, the shooting person and the like of the photos or videos in the gallery application, automatically creates wonderful time albums with different themes, and intelligently collects wonderful recall time for users. After entering each wonderful moment photo album, the mobile phone can provide a video playing mode to allow the user to browse the photos in the wonderful moment photo album, and also can provide a photo previewing mode to allow the user to browse the photos in the wonderful moment photo album.

The user may also enter the interface for the "find" function, such as interface 304 shown in fig. 3 (4), by clicking on the "find" function control. The "find" function can be used to quickly locate the photos that the user needs. For example, a user's desired photo is searched for by inputting keywords such as events, persons, places, times, terms, even words contained in the photo, etc. related to the photo.

It can be understood that each function in the gallery application may include a browsing interface displaying a plurality of photos or videos, and the browsing interface for the plurality of photos or videos in each function may adopt the method provided by the embodiment of the present application to perform flexible and changeable layout on the previewed photos, so as to improve the visual experience of the user when browsing the photos.

Hereinafter, a highlight display page (billary) in "time" will be described as an example.

Continuing to refer to the interface shown in (3) in fig. 3, in response to an operation that the user can select any of the highlight albums thereon, the mobile phone displays a display page of the selected highlight album. For example, the user selects the wonderful moment album of "travel in water country", and the mobile phone displays a display page 401 of "travel in water country" as shown in (1) in fig. 4. The contents shown in the show page 401 are a video preview 402 and a photo preview 403.

Where video preview 402 is a thumbnail of a video composed of photos in a wonderful moment album of "travel in water and countryside". The user can select to play the video through the corresponding play control or play option. The photo preview 403 shows a plurality of photos in the wonderful time photo album of "travel in water and countryside". It is to be noted that a part of the photo preview 403 is displayed in the presentation page 401 at this time. This is because the number of photos in the album is generally large at a highlight time, and the entire contents of the photo preview 403 cannot be displayed at once in the effective display area of the screen of the mobile phone. In this case, the user can view other part of the contents of the photo preview 403 by an operation such as sliding up on the screen of the cellular phone.

For example, as shown in (2) in fig. 4, one example of a photo preview 403 is shown. The photo preview 403 may include multiple photos in the current highlight album, and may be all photos or part of photos in the current highlight album, which is not limited in this embodiment of the present application.

It can be seen that the photos in the photo preview 403 are in different sizes and layouts, but the overall layout is rectangular, which makes the layout of the photos in the photo preview 403 flexible but not messy, giving the user an agile visual effect. In one example, the original orientation of the photos in the photo preview 403 can be retained, i.e. horizontal layout of photos and vertical layout of photos. In this way, the photo preview 403 can reveal the original composition awareness of the photo, enabling the user to preview more accurate photo content. In another example, the original aspect ratio of the photograph may be retained in the photograph preview 403.

Generally, a picture with a larger size attracts the user's line of sight, and is considered as the user's visual focus for the content that the user is most likely to focus on. In the layout scheme of the pictures in the application, the pictures with larger sizes are placed in a left-right staggered mode in the longitudinal direction. In this way, the photo preview 403 is visually streamlined to give the user an S-shape (including a forward S-shape and a reverse S-shape), giving the user an agile reading feeling. For example: as shown in (2) of fig. 4, the centers of the larger size photos in the photo preview 403 are connected to form a curve of a reverse S shape as shown by the dotted arrow, which can be used to characterize the moving direction of the visual focus of the user. Therefore, the visual focus of the user moves in an S-shaped streamline manner, and the agile reading experience is provided for the user.

In some embodiments, the cell phone may divide the photos in the photo preview 403 into a plurality of date groups according to the shooting date (or saving date) of the photos. In specific implementation, the mobile phone can sort the photos in the album at the selected moment according to the photo shooting time or the storage time, and then divide the photos into a plurality of date groups. The date groups may be divided in units of days, weeks, months, quarters, half years, and the like. For example, the number of photos in a certain day is small, the photos in the certain day can be combined into a date group, and the photos in the certain day are large, so that the photos in the certain day are a single date group, and the like. That is, the time periods included in the date groups may be the same length or different lengths. The embodiment of the present application does not specifically limit the specific division of the date group.

For example, as shown in (2) in fig. 4, the photo preview 403 includes two date groups, a date group 1 (e.g., "6 month 1 day") and a date group 2 (e.g., "6 month 2 day"). It can be seen that the photographs in each of the date groups also appear in different sizes and layouts. In the longitudinal direction, the photos with larger size are also staggered left and right to form an S-shaped streamline layout. However, the overall layout of all the photos in a date group is rectangular, so that when a user focuses on the photos in a certain date group, even if the photos in the date group have different sizes and layouts, the photos in the whole date group still give the user a neat visual effect. In one example, different date groups may be distinguished by labeling different dates. Alternatively, the distinction is made by other means such as frame lines and margins. The embodiment of the present application does not specifically limit the manner of distinguishing the photos of different date groups.

Of course, the photo preview 403 may be divided according to the shooting location (e.g., indoor, outdoor, scenic spot, street, etc.) of the photo. The division can also be made according to the shooting content of the photos. For example, the persons (for example, self, family, friend, colleague, etc.) photographed in the photos, the types of the pictures (for example, persons, scenery, animals, sports, etc.), the colors of the pictures, the photo album in which the pictures are located, the time period (for example, day or night) of photographing the pictures, the seasons (four seasons of spring, summer, autumn and winter) of photographing the pictures, etc. are divided, which is not limited in the embodiments of the present application.

In other embodiments, when there are many photos in a date group, the date group may be divided into a plurality of card groups, so that the photos of one card group can be completely displayed in the limited display area of the mobile phone screen. That is to say, the user sees previews of multiple photos in the whole deck in one interface of the mobile phone screen, so that the user can conveniently process, for example, share, multiple photos in the deck. For example, as shown in (2) in fig. 4, the date group of "6 months and 2 days" includes two decks, for example, deck 1 and deck 2. Two card packs are shown in the figure as dashed boxes, respectively. And the size of each card group is not larger than the size of the mobile phone screen. It can be noted that the photographs within a deck still have different sizes and layouts, and all of the photographs of a deck are rectangular in shape overall. Therefore, the layout of the photos in one card group is flexible and not neat, and the integral aesthetic feeling of the interface is improved. Optionally, the mobile phone may visually distinguish the photos of different card groups by using a frame line, a margin, or the like, or may not visually distinguish the photos.

It can be understood that when processing is performed in units of a deck, for example, sharing to other users, other users can also view multiple photos of the deck in an interface of the mobile phone. On one hand, the processing of multiple photos required by a user before sharing, such as the need of using jigsaw software to piece the multiple photos together, can be reduced. On the other hand, the operations of zooming in, manual sliding and the like required by other users to view and process the contents of multiple photos can be reduced.

In still other embodiments, photo preview 403 may also include text or pattern information for any of the name of the highlight album, the date of capture, and the location of capture. In an example, the text portion in the photo preview 403 can be in a magazine layout, such as a large title, a large margin, a dotted element, and so on. For example, the name of the highlight album may be in a large title, i.e., the word size of the name of the highlight album is larger than other words such as date. Optionally, the name of the album at the highlight moment may be displayed by using a specific font or color. For example, a certain margin is left at a position other than the text and the photograph. In this way, the photo preview 403 has a magazine-like reading feeling, and the visual experience of the user is improved.

In summary, by adopting the method provided by the embodiment of the application, the layout of the photo can be more flexible and changeable, and the visual experience of the user when previewing the photo is improved.

In still other embodiments, the mobile phone may further perform other operations, such as saving, sharing, editing, and the like, on the photo preview laid out according to the method of the present application, so as to meet more requirements of the user.

For example, since the highlight album is a highlight recall automatically collected by the mobile phone for the user according to the photos or videos in the gallery application, the user is likely to need to share the highlight with other users. For this reason, the mobile phone may perform a sharing operation of previewing the photos of the selected highlight album in response to a predefined operation by the user. In one example, the entire content of the photo preview of the selected highlight album may be shared. In another example, portions of the content of photo previews of a selected highlight album may be shared. For example, the content corresponding to one or more date groups in the photo preview, or the content corresponding to one or more card groups.

The predefined operation may be one or more operations of a user operating a specific key or selecting a specific option on a specific interface, or a gesture of the user drawing a specific pattern on the specific interface, or a user executing a voice command or pressing a specific physical key or a combination of physical keys of a mobile phone, and the like, which is not limited in this embodiment of the application.

For example, in response to detecting that the user operates the operation of the more control 404 on the presentation page 401 of the highlight album shown in (1) in fig. 4, the cellular phone displays a menu 501 shown in (1) in fig. 5. The user can open the highlight sharing function of the mobile phone by selecting the operation of the "highlight sharing" option in the menu 501. In this example, the predefined operations are a plurality of operations that select a particular option.

In one example, as shown in (2) of fig. 5, in response to a user selecting the "share highlights" option, the cell phone displays an interface 502. Further, the user may select a particular way to share the photo preview 403 on the interface 502. For example, the Huawei Share (Huawei Share) mode is selected to Share the photo preview 403 on the mobile phone to another mobile phone or device. For another example, instant messaging software such as 'WeChat' and 'circle of friends' is selected to be shared with other users. Certainly, sharing can be performed in other modes such as a mailbox, a cloud album, and WLAN direct connection. Finally, the mobile phone can share the photo preview 403 to other users in the form of a picture.

In another example, in response to the user selecting the "share highlights" option, the phone pops up an options menu 503 as shown in fig. 5 (3). The user can select the content to be shared through the option menu 503, select to share all the content previewed by the photos of the wonderful time album, or select to share the content corresponding to a part of the date group or the content corresponding to a part of the card group. After the user selects the content to be shared, the mobile phone may display an interface 502 shown in (2) in fig. 5, and the user selects a specific sharing manner. Finally, if the user selects to share all the contents in the photo preview 403, the mobile phone can share the contents to other users in the form of one picture. If the user selects to share the content corresponding to the selected date group or card group in the photo preview 403 to other users in the form of one or more pictures.

Of course, the mobile phone may also provide other forms of selection interfaces for the user to select the content to be shared, which is not specifically limited in the present application.

In yet another example, in response to a user selecting the "share highlights" option, the phone pops up an interface 601 as shown in FIG. 6. It can be seen that the interface 601 includes options corresponding to all contents of the photo preview 403 (e.g., option box 602), options corresponding to contents of each date group (e.g., option boxes 603 and 604), and options corresponding to each card group (e.g., option boxes 60401 and 60402). It should be noted that fig. 6 is only a schematic diagram, and the interface actually displayed by the mobile phone is the content in the effective display area of the mobile phone, that is, the content of the circled part of the bold frame is the interface actually displayed by the mobile phone. It is understood that the user can adjust the interface content displayed by the cell phone by sliding up and down on the cell phone screen to view other content in the photo preview 403.

Optionally, the mobile phone may mark the content selected by the user, so that the user knows the selected content, and the user can accurately select the content to be shared. The marking manner may be, for example, to add a selected mark to the selected content, or to mark the selected content as gray, and the like, and the embodiment of the present application is not limited in particular.

For another example, in response to detecting that the user draws a specific pattern (for example, a pattern in the shape of "S") on the presentation page 401 of the highlight album shown in (1) in fig. 4, the mobile phone displays the interface 502 shown in (2) in fig. 5, or the mobile phone displays the interface shown in (3) in fig. 5, or the mobile phone displays the interface 601 shown in fig. 6.

For another example, in response to detecting that the user has long-pressed on the display page 401 of the highlight album shown in (1) in fig. 4, or that the time of the long-pressing operation reaches a threshold 1, or that the intensity of the long-pressing operation reaches a threshold 2, or that the area of the screen of the mobile phone contacted during the long-pressing operation reaches a threshold 3, or the like, the mobile phone displays the interface 502 shown in (2) in fig. 5, or displays the interface shown in (3) in fig. 5, or displays the interface 601 shown in fig. 6.

For another example, when the user performs a screen capture operation on the display page of the highlight album (e.g., simultaneously pressing the volume key and the lock key, or opening a pull-down menu bar to click a screen capture control), it is likely that the user wants to share photos in the highlight album. Therefore, the user can be prompted whether the photos of the wonderful moment photo album need to be shared.

In one example, in response to detecting that the user performs a screen capture operation on the presentation page 401 of the highlight album shown in (1) in fig. 4, the mobile phone may pop up a dialog box 701 shown in (1) in fig. 7, asking the user whether the highlight album needs to be shared. If the user selects yes, the mobile phone enters a sharing interface of the wonderful time album, for example, the mobile phone displays an interface 502 shown in (2) in fig. 5, or the mobile phone displays an interface shown in (3) in fig. 5, or the mobile phone displays an interface 601 shown in fig. 6. If the user selects not, the mobile phone captures the content displayed on the current mobile phone screen. In a specific embodiment, in response to detecting that the user performs a screen capture operation on the display page 401 of the highlight album as shown in (1) in fig. 4, the mobile phone may also share the entire photo preview 403 by default, or share the content corresponding to the currently screen-displayed deck in the photo preview 403 by default. Therefore, the operation cost selected by the user is reduced, and the efficient interaction between the user and the mobile phone is realized.

In another example, in response to detecting that the user performs a screen capture operation on the presentation page 401 of the highlight album shown in (1) in fig. 4, the mobile phone may pop up a dialog box 702 shown in (2) in fig. 7, prompting the user to select a screen capture of the mobile phone or a sharing of the highlight album.

In still other embodiments, after detecting the predefined operation of the user, the mobile phone may also intelligently recommend the user to select shared content according to the currently displayed content on the screen. For example, all the content is shared, or the content corresponding to the currently displayed date group is shared, or the content corresponding to the currently displayed deck is shared, or the content corresponding to the currently displayed complete deck is shared.

For example, as shown in (1) in fig. 8, when a mobile phone displays a video preview and a photo preview, and a predefined operation of a user is detected, and the user is likely to want to share the entire photo preview of the highlight album, the user may be prompted whether to share all the contents of the photo preview or share the contents corresponding to the currently displayed date group. Of course, in a specific embodiment, the mobile phone may also share all the contents of the photo preview by default, or share the contents corresponding to the currently displayed date group in the photo preview. Therefore, the operation cost selected by the user is reduced, and the efficient interaction between the user and the mobile phone is realized.

As shown in (2) in fig. 8, when the mobile phone displays the photo preview header portion, and a predefined operation of the user is detected, the user may be prompted whether to share all the content of the photo preview or share the content corresponding to the currently displayed date group. Of course, in a specific embodiment, the mobile phone may also share all the contents of the photo preview by default, or share the contents corresponding to the currently displayed date group in the photo preview. Therefore, the operation cost selected by the user is reduced, and the efficient interaction between the user and the mobile phone is realized.

As shown in (3) in fig. 8, when the content at the middle position of the photo preview is displayed on the mobile phone, the user may be prompted whether to share the content corresponding to the currently displayed date group or share the content corresponding to the currently displayed complete deck. Of course, in a specific embodiment, the mobile phone may also share the content corresponding to the currently displayed date group in the photo preview by default, or share the content corresponding to the currently displayed complete deck in the photo preview. Therefore, the operation cost selected by the user is reduced, and the efficient interaction between the user and the mobile phone is realized.

As shown in (4) in fig. 8, when the content at the end of the photo preview is displayed by the mobile phone, and when a predefined operation of the user is detected, the user may be prompted whether to share the content corresponding to the currently displayed complete deck, or share the content corresponding to the currently displayed date group, or share all the content of the photo preview. Of course, in a specific embodiment, the mobile phone may also share the content corresponding to the currently displayed complete deck in the photo preview by default, or share the content corresponding to the currently displayed date group in the photo preview, or share all the content of the photo preview. Therefore, the operation cost selected by the user is reduced, and the efficient interaction between the user and the mobile phone is realized.

It should also be understood that in the layout scheme of the present application, in addition to the overall and partial (in units of date groups or card groups) batch processing of multiple photos for previewing photos, each photo may be processed individually.

For example, with continued reference to the interface 401 shown in fig. 4 (1), the user may also operate on a single photograph in the photo preview 403. For example, clicking on a single photo may display the photo full screen for the user to view the details. For another example, the "select" control may be clicked to select any one or several photos to share. When the user selects multiple pictures, the pictures can be shared to other users in the form of multiple pictures, or the selected multiple pictures can be distributed according to the layout method of the application to form one picture to be shared to other users.

It can be understood that, after the user adds or deletes one or more photos in the wonderful moment photo album, the mobile phone can perform the rearrangement by using a similar method according to the added or deleted photos. In one example, the changed date group or card group and the photos after the changed date group or card group can be rearranged according to the method provided by the embodiment of the application in the unit of the date group or card group, so that the mobile phone can display the photo preview of the wonderful time album after the rearrangement.

It should be noted that other operations such as saving and editing the photo preview may be performed, and reference may be made to the sharing operation of the photo preview, which is not described herein again.

Hereinafter, a specific implementation of the layout method provided in the embodiments of the present application will be described in detail.

As shown in fig. 9, a schematic flow chart of a layout method provided in the embodiment of the present application specifically includes:

s901, dividing the target picture into a plurality of date groups according to the time of the target picture, wherein each date group comprises one or more target pictures.

The target pictures are a plurality of pictures which need to be laid out by the mobile phone, and the pictures can be pictures shot or stored by a user, can also be previews of videos, and can also be pictures downloaded on the internet and the like. The time of the target picture may be a shooting time or a saving time of the photograph, a shooting time or a saving time of the video, or the like.

When the mobile phone is divided into the date groups, the date groups can be divided according to units of days, weeks, months, quarters, half years, years and the like. The number of target pictures may also be divided, for example, the number of target pictures in a certain day is small, and the target pictures in the certain day may be combined into a date group. The target pictures of a certain day are more, and the target pictures of the day can be used as a single date group, and the like. That is, the time periods included in the date groups may be the same length or different lengths. The embodiment of the present application does not specifically limit the specific division of the date group.

It should be understood that the description is given by taking the example of dividing the date group according to the time of the target picture, but the target picture may be divided in other manners, for example, dividing the target picture into a plurality of address groups according to the shooting location of the target picture, and then dividing the deck group for each address group. For another example, the division may be performed according to the shooting content of the target picture. For example, the person (e.g., oneself, family, friend, colleague, etc.) photographed in the target picture, the type of the picture (e.g., person, landscape, animal, sports, etc.), the color of the picture, the album where the picture is located, the time period (e.g., day or night) during which the target picture is photographed, the season (spring, summer, autumn, winter), etc. are divided, which is not limited in the embodiments of the present application.

In some embodiments, the target picture may not be divided into date groups in advance, and then divided into one or more card groups for each date group. Instead, the target picture is directly divided into one or more deck, i.e., step S902 is directly performed without performing step S901.

And S902, dividing each date group into one or more card groups according to the target picture number in each date group.

Wherein, the number of target pictures contained in one deck is smaller than the first threshold, and when one date group contains a plurality of decks, at least two decks contain different numbers of target pictures.

The mobile phone can determine the first threshold according to the size of the mobile phone screen, so that a plurality of target pictures of a deck can be completely displayed in one screen of the mobile phone, that is, one interface displayed by the mobile phone can include all target pictures of a deck. In one example, the first threshold is 10, i.e., the number of target pictures contained in one deck is less than 10.

In a specific implementation manner, when the number of target pictures of a date group is greater than a first threshold (e.g., 10), a number may be randomly selected from a first range (e.g., 7 to 9) smaller than the first threshold as the number of target pictures included in one deck, which is denoted as a number a, and the number a of target pictures may be selected as one deck from the target pictures of the date group. Subsequently, a number is randomly selected from the first range to serve as the number of target pictures contained in the next deck, the number is recorded as the number b, and the number b of target pictures are selected from the rest target pictures in the date deck to serve as another deck. And the like, until the number of the remaining target pictures in the date group is smaller than the first threshold value, the remaining target pictures are taken as a card group at the moment.

Therefore, the number of the target pictures contained in one deck is randomly selected from a first range smaller than the first threshold value, namely the number of the target pictures contained in each deck is random, so that the layout of each deck is prevented from being the same, and the flexibility of the overall layout of the final target pictures is ensured.

Optionally, when the number of the target pictures included in each deck is determined, the numbers in the first range may also be arranged according to a preset sequence, and then the number of the target pictures included in each deck is sequentially determined according to the preset sequence. For example, the number of target pictures contained in each deck is sequentially determined in the order of 7, 8, and 9. Therefore, the connected card groups can be ensured to contain different numbers of target pictures, and the flexibility of the layout of the final target icons is ensured.

The embodiment of the present application does not limit the specific method for determining the number of target pictures contained in each deck.

S903, judging whether the plurality of target pictures in one card group can form a rectangle integrally when the plurality of target pictures in the card group are laid out by adopting the first layout mode aiming at each card group.

The first layout mode can enable a plurality of target pictures in the card group to be in different sizes and layouts, and a flexible format is formed. For example, the first layout method may be adopted to make the target pictures in a plurality of card groups in a certain date group in an S-shaped streamline layout, such as the layout of the photo preview 403 shown in (2) in fig. 4. In some examples, target pictures in a group of cards in a certain date group may also be made to present a spiral layout or the like, such as the picture layout shown in fig. 10.

In one particular implementation, a preset number (e.g., 4, 8, etc.) of base units may be predefined. Each of which can be used to place a target picture. For example, a large horizontal plate unit, a small horizontal plate unit, a large vertical plate unit, and a small vertical plate unit. The large-size horizontal plate unit occupies a larger screen area than the small-size horizontal plate unit. The area of the screen occupied by the large-size vertical units is larger than that occupied by the small-size vertical units. The horizontal target picture or the square target picture is matched with a large-size horizontal unit or a small-size horizontal unit, and the horizontal target picture is matched with a large-size vertical unit or a small-size vertical unit.

When the mobile phone screen is specifically typeset, the mobile phone screen can be divided into m × n cells according to the size of the mobile phone screen, wherein the size of each cell is the same. In one example, the aspect ratio of each cell is 4:3 (a classical aspect ratio in picture layout, although other ratios are possible). For example, the mobile phone screen is divided into 6 × 12 cells, that is, 6 cells are in the horizontal direction, and 12 cells are in the vertical direction. Then, the size of each basic cell is defined in units of cells.

For example, large-size horizontal plate cells may be arranged to occupy 4 × 4 cells, and small-size horizontal plate cells may be arranged to occupy 2 × 2 cells. The large-sized cells may be arranged to occupy 4 × 6 cells, and the small-sized cells may be arranged to occupy 2 × 4 cells.

And subsequently, selecting a basic unit corresponding to the target picture to be typeset according to the type (horizontal version or vertical version) of the target picture to be typeset and the condition of the arranged target pictures.

For convenience of explanation, the ith cell in the horizontal direction and the jth cell in the vertical direction are represented by (Xi, Yj) herein, and the remaining width in the horizontal direction (jth row) is represented by Wj in units of cells.

For example, when typesetting the target picture in the card group, first go through the position in the mobile phone screen, find the position of the first un-typeset target picture on the mobile phone screen, and the width left in the horizontal direction. Then, whether a large-size basic unit (a large-size horizontal basic unit or a large-size vertical basic unit) can be determined according to the position of the first unfractionated target picture, the horizontal residual width and the format (horizontal or vertical) of the picture to be typeset. If the large-size basic unit can be placed, the large-size basic unit is placed, otherwise, the small-size basic unit (the small-size horizontal basic unit or the small-size vertical basic unit) is placed.

When the first layout mode is adopted for layout, it is desirable that the large-size base units are staggered left and right in the vertical direction. Therefore, a flag can be set to indicate whether the large-size base unit is already placed on the left side (or the right side) in the vertical direction, so as to achieve the effect of placing the large-size base unit in a left-right staggered manner in the vertical direction in the application. For example, when the flag is a first value, it indicates that no large base unit is placed on the left side (or the right side) in the vertical direction. When the flag is the second value, it indicates that the large-size base unit is already placed on the left side (or the right side) in the vertical direction. The initial value of the flag bit is a first value. Of course, two flag bits may be set, and the flag bits are respectively used to identify whether a large-size basic unit is placed on the left side or the right side of the screen in the vertical direction. Here, an example of setting a flag bit to indicate whether a large base unit has been placed on the left side in the vertical direction is described.

Specifically, when determining whether or not a large-size basic unit can be placed, the determination may be made as follows:

step 1, whether the width left in the transverse direction of the current mobile phone screen is not less than the width of the large-size basic unit, for example, greater than or equal to 4. If the width of the base unit is larger than the width of the large base unit, the position can be used for placing the lower large base unit.

Step 2, whether the placing position is positioned at the leftmost side of the screen, namely whether Xi is equal to 0.

If Xi is equal to 0, it indicates that the placement position is at the leftmost side of the screen. At this time, it is necessary to determine whether the flag bit is the first value. If the flag bit is the first value, it indicates that the large size basic unit is not placed on the left side in the vertical direction, and then the large size basic unit can be placed at the moment, namely the large size basic unit is placed on the leftmost side of the screen. When the large base unit is placed on the left side, the flag bit is set to the second value. If the mark is the second value, the fact that the large-size basic unit is placed on the left side in the vertical direction is indicated, the large-size basic unit cannot be placed any more, and the situation that the large-size basic unit is continuously located on the left side is avoided, so that layout of the target picture is inflexible.

If Xi is not equal to 0, indicating that the placement position is not located at the leftmost side of the screen, the placement position may be considered to be located at the right side of the screen. At this time, it is necessary to determine whether the flag bit is the second value. If the flag bit is the second value, it indicates that the large-size basic unit is placed on the left side in the vertical direction, and then the large-size basic unit can be placed at the moment, namely the large-size basic unit is placed on the right side of the screen. When the large base unit is placed on the right side of the screen, the flag bit is set to the first value. If the flag bit is the first value, it indicates that no large-size basic unit is placed on the left side of the screen in the vertical direction, and then the large-size basic unit may be placed on the right side of the screen.

In all cases, the placement of the small-sized basic unit is determined.

And step 3, determining whether to place a horizontal edition basic unit or a vertical edition basic unit according to the format of the target picture to be typeset.

Of course, the sequence of the above steps 1 to 3 may also be changed, for example, it is determined whether the first un-typeset position is to place the horizontal edition base unit or the vertical edition base unit according to the layout of the target picture to be typeset. Then, it is determined whether a large base unit can be placed. This is not particularly limited in the embodiments of the present application.

For example, as shown in fig. 11, it is assumed that the mobile phone screen is divided into 6 × 12 cells, and large horizontal plate cells occupy 4 × 4 cells and small horizontal plate cells occupy 2 × 2 cells; the large-size vertical cells occupy 4 × 6 cells, and the small-size vertical cells occupy 2 × 4 cells.

When the first target picture is placed, the position of the first non-placed target picture on the screen is determined to be (X0, Y0), and W0 is 6, which is greater than the width of the large base unit, and the flag bit is the first value, then the large base unit can be placed. And assuming that the first target picture is in a horizontal version, placing a large-size horizontal version basic unit. The cell occupied by the first target picture is identified by 1 in the figure. And after the first target picture is placed, modifying the flag bit into a second value. The layout is a schematic diagram after the first target picture is placed as shown in (1) in fig. 11.

When the second target picture is placed, the position of the first non-placed target picture on the screen is determined to be (X4, Y0), and W0 is 2, which is smaller than the width of the large base unit, then the small base unit is determined to be placed. And assuming that the second target picture is in a horizontal version, placing a small-size horizontal version base unit. The cell occupied by the second picture is identified by 2 in the figure. The layout is a schematic diagram after the second target picture is placed as shown in (2) in fig. 11.

When the third target picture is placed, the position of the first non-placed target picture on the screen is determined to be (X4, Y2), and W2 is 2, which is smaller than the width of the large base unit, then the small base unit is determined to be placed. And assuming that the third target picture is in vertical version, placing a small-size vertical version base unit. The cell occupied by the third picture is identified by 3 in the figure. The layout is a schematic diagram after the third target picture is placed as shown in (3) in fig. 11.

When the fourth target picture is placed, the position of the first non-placed target picture on the screen is determined to be (X0, Y4), and W4 is equal to 4, which is equal to the width of the large base unit. But since the position is located at the leftmost side of the screen and the flag bit is the second value, it is determined that the small-size basic unit is placed. And assuming that the fourth target picture is in a horizontal version, placing a small-size horizontal version base unit. The cell occupied by the fourth target picture is identified by 4 in the figure.

And by analogy, a fifth target picture and a sixth target picture are placed. The layout is a schematic diagram after the sixth target picture is placed as shown in (4) in fig. 11.

When the seventh target picture is placed, the position of the first non-placed target picture on the screen is determined to be (X2, Y6), and W6 is 4, which is equal to the width of the large base unit. And assuming that the seventh target picture is in vertical edition, placing a large-size vertical edition basic unit. The cell occupied by the fourth target picture is identified by 7 in the figure. The layout is a schematic diagram after the seventh target picture is placed as shown in (5) in fig. 11.

Then, after all the target pictures in a deck are typeset according to the first layout mode, whether the overall layout of all the target pictures of the deck forms a rectangle is determined. Specifically, it may be determined whether the remaining width of the line where the target picture is not placed at this time is zero or the number of cells included in one line of the screen. And if the number of the cells is zero or the number of the cells contained in one line of the screen, determining that the overall layout of all the target pictures of the deck forms a rectangle, otherwise, determining that the overall layout of all the target pictures of the deck does not form a rectangle.

For example, with continued reference to fig. 11, if the deck includes 7 target pictures and the layout shown in (5) in fig. 11 is formed in the first layout manner, and the remaining width of the row where the target picture is not placed is 2, it is determined that the plurality of target pictures of the deck cannot form a rectangle in the first layout manner. Then, step S905 is performed.

For another example, referring to fig. 12, if the deck includes 8 target pictures and the layout shown in fig. 12 is formed in the first layout manner, and the remaining width of the row where the target picture is not placed is 0, it is determined that the plurality of target pictures of the deck can form a rectangle in the first layout manner. Then, step S904 is executed.

And S904, if the plurality of pictures of one card group can form a rectangle on the whole, determining to adopt a first layout mode for layout.

It can be understood that when the layout is performed in the first layout manner, the target pictures in each deck will have different sizes and different layouts. Even if the target pictures of a certain card group are all horizontal pictures or all vertical pictures, after the layout is carried out by adopting a first layout mode, the target pictures in the card group can also be laid out by adopting a large-size basic unit and a small-size basic unit, and the large-size basic unit is arranged in a left-right staggered manner in the vertical direction, so that an S-shaped streamline layout is integrally formed, and the agile visual experience is provided for a user.

And S905, if the plurality of pictures of one card group can not form a rectangle on the whole, determining to adopt a second layout mode for layout.

The second layout mode can enable a plurality of target pictures in the card group to form a rectangle on the whole. In the second layout mode, the target pictures in the deck are also in different sizes and layouts, and the rule that the target pictures with larger sizes are placed in a left-right staggered mode in the longitudinal direction of the screen is also followed.

In a specific implementation, a deck contains a number of target pictures that is less than the first threshold. The plurality of target pictures in the deck can be divided into a plurality of rectangular blocks, and each rectangular block is typeset according to a preset template. The plurality of target pictures contained in each rectangular block form a rectangle as a whole. For example, a deck containing less than 10 target pictures may divide the target pictures into 1-3 rectangular blocks, where each rectangular block includes no more than 4 target pictures. A method for dividing a plurality of target pictures of a deck into a plurality of rectangular blocks is shown.

Watch 1

It can be noted that target pictures contained in a plurality of rectangular blocks contained in the same deck can be different, so that layout formats can be richer, and layout flexibility can be improved. The first table is merely an example, and the embodiment of the present application does not limit a specific method of dividing rectangular blocks for each deck.

It should be noted that, according to the number of pictures included in the rectangular block and the possible arrangement of the horizontal and vertical versions of each picture, a template of the rectangular block may be set for each case. The setting method of the template is not particularly limited. Subsequently, when typesetting the target picture, searching a corresponding template according to the condition of the divided rectangular blocks of the target picture, the quantity of the target picture contained in each rectangular block and the horizontal and vertical typesetting conditions of each target picture, and typesetting according to the template.

Taking an example that one deck includes 9 target pictures, the 9 target pictures in the deck may be divided into 3 rectangular blocks, where each rectangular block contains 4, 3, and 2 target pictures. For the first rectangular block, the corresponding template is determined according to the layout of 4 target pictures, for example, corresponding to the template 2 shown in (1) in fig. 13. The 4 target pictures in the first rectangular block of the deck are arranged according to template 1. For the second rectangular block, the corresponding template is determined according to the layout of 3 target pictures, for example, corresponding to template 2 shown in (2) in fig. 13, and then 3 target pictures in the second rectangular block of the deck are arranged according to template 2. For the third rectangular block, the corresponding template is determined according to the layout of the 2 target pictures, for example, corresponding to template 3 shown in (3) in fig. 13, and then the 2 target pictures in the third rectangular block of the deck are arranged according to template 3. That is, the layout of the deck is finally formed into the layout shown in (4) in fig. 13.

It should be further noted that, when the first layout method or the second layout method is used for layout, other processing may be performed on the plurality of pictures after layout, for example, adding a background to the pictures after layout, adding a decorative element (for example, location information, etc.), and the like, so that the picture layout is more beautiful, and the visual effect of the user previewing the pictures is further improved.

For example, for a deck containing a small number of pictures, such as a deck including 1, 2, 3, etc., after the pictures of the deck are laid out in the first layout manner or the second layout manner, the color of the bottom plate of the contained pictures may be extracted by a color-picking algorithm, and the color of the bottom plate is used as the background of the deck. Optionally, if the saturation of the color of the bottom plate is higher, the saturation of the color of the bottom plate can be reduced and then used as the background of the card set, so that the background in the card set is not too bright, and the picture of the card set is still highlighted. In a specific implementation, some conversion rules may be added to the color extraction algorithm, and the extracted color of the backplane is converted into the molandy color system and then used as the picture of the deck.

Embodiments of the present application further provide a chip system, as shown in fig. 14, the chip system includes at least one processor 1101 and at least one interface circuit 1102. The processor 1101 and the interface circuit 1102 may be interconnected by wires. For example, interface circuit 1102 may be used to receive signals from other devices (e.g., a memory of electronic apparatus 100). As another example, the interface circuit 1102 may be used to send signals to other devices (e.g., the processor 1101). Illustratively, the interface circuit 1102 may read instructions stored in the memory and send the instructions to the processor 1101. The instructions, when executed by the processor 1101, may cause the electronic device to perform the various steps performed by the electronic device 100 (e.g., a cell phone) in the embodiments described above. Of course, the chip system may further include other discrete devices, which is not specifically limited in this embodiment of the present application.

It is to be understood that the electronic devices and the like described above include hardware structures and/or software modules for performing the respective functions in order to realize the functions described above. Those of skill in the art will readily appreciate that the various illustrative elements and algorithm steps described in connection with the embodiments disclosed herein may be implemented as hardware or combinations of hardware and computer software. Whether a function is performed as hardware or computer software drives hardware depends upon the particular application and design constraints imposed on the solution. Skilled artisans may implement the described functionality in varying ways for each particular application, but such implementation decisions should not be interpreted as causing a departure from the scope of the present embodiments.

In the embodiment of the present application, the electronic device and the like may be divided into functional modules according to the method example, for example, each functional module may be divided according to each function, or two or more functions may be integrated into one processing module. The integrated module can be realized in a hardware mode, and can also be realized in a software functional module mode. It should be noted that, the division of the modules in the embodiment of the present invention is schematic, and is only a logic function division, and there may be another division manner in actual implementation.

Through the above description of the embodiments, it is clear to those skilled in the art that, for convenience and simplicity of description, the foregoing division of the functional modules is merely used as an example, and in practical applications, the above function distribution may be completed by different functional modules according to needs, that is, the internal structure of the device may be divided into different functional modules to complete all or part of the above described functions. For the specific working processes of the system, the apparatus and the unit described above, reference may be made to the corresponding processes in the foregoing method embodiments, and details are not described here again.

Each functional unit in the embodiments of the present application may be integrated into one processing unit, or each unit may exist alone physically, or two or more units are integrated into one unit. The integrated unit can be realized in a form of hardware, and can also be realized in a form of a software functional unit.

The integrated unit, if implemented in the form of a software functional unit and sold or used as a stand-alone product, may be stored in a computer readable storage medium. Based on such understanding, the technical solutions of the embodiments of the present application may be essentially implemented or make a contribution to the prior art, or all or part of the technical solutions may be implemented in the form of a software product stored in a storage medium and including several instructions for causing a computer device (which may be a personal computer, a server, or a network device) or a processor to execute all or part of the steps of the methods described in the embodiments of the present application. And the aforementioned storage medium includes: flash memory, removable hard drive, read only memory, random access memory, magnetic or optical disk, and the like.

The above description is only an embodiment of the present application, but the scope of the present application is not limited thereto, and any changes or substitutions within the technical scope of the present disclosure should be covered by the scope of the present application. Therefore, the protection scope of the present application shall be subject to the protection scope of the claims.

Claims

1. A picture layout method is characterized by comprising the following steps:

the method comprises the steps that first operation of previewing a first photo album by a user is received by electronic equipment, wherein the first photo album comprises a plurality of pictures;

responding to the first operation, the electronic equipment displays a first interface, wherein the first interface comprises a part of content of a preview image of the first album, and the preview image of the first album comprises the multiple pictures;

the electronic equipment receives a second operation that the user slides upwards on the first interface;

in response to the second operation, the electronic equipment displays a second interface, wherein the second interface contains another part of the content of the preview image of the first album;

in the preview image of the first album, the plurality of pictures are divided into at least two picture groups, any one of the at least two picture groups comprises one or more pictures, and all the pictures in any one of the at least two picture groups are integrally in rectangular layout;

the display area of any picture group in the at least two picture groups on the electronic equipment is not larger than the display area of the screen of the electronic equipment;

and in any one of the at least two picture groups, in the longitudinal direction, pictures with the size larger than a preset threshold value are not continuously positioned on the left side or the right side of the screen of the electronic equipment.

2. The method of claim 1, wherein after the electronic device displays the first interface, the method further comprises:

the electronic equipment receives a third operation that the user shares the first photo album;

and responding to the third operation, and the electronic equipment sends the preview of the first album to other electronic equipment.

3. The method of claim 1, wherein after the electronic device displays the first interface, the method further comprises:

the electronic equipment receives a fourth operation that the user shares the first photo album;

in response to the fourth operation, the electronic equipment prompts a user to select one or more picture groups in the first photo album;

the electronic equipment receives a fifth operation that a user selects one or more picture groups in the first photo album;

after the electronic equipment receives the fifth operation, the electronic equipment sends content corresponding to one or more picture groups selected by the user in the preview image of the first album to other electronic equipment.

4. The method according to any one of claims 1-3, further comprising:

the electronic equipment receives screen capturing operation of the user;

and responding to the screen capturing operation, and the electronic equipment determines to share all contents of the preview image of the first photo album or share contents corresponding to the picture group displayed on the current screen in the preview image of the first photo album.

5. The method according to any one of claims 1-4, further comprising:

the electronic equipment receives a sixth operation that the user shares the first photo album;

and if the second interface displayed by the electronic equipment comprises all pictures in a first picture group of the at least two picture groups, the electronic equipment determines to share the content corresponding to the first picture group in the preview picture of the first album.

6. The method according to any one of claims 1-5, wherein each picture in the preview image of the first photo album retains an original layout of each picture, the original layout of each picture being a layout of each picture when displayed in a full screen in the electronic device, including landscape or portrait.

7. The method according to any one of claims 1-6, further comprising:

and arranging the plurality of pictures in the preview picture of the first album according to the shooting time or the storage time of the plurality of pictures.

8. The method according to any one of claims 1-7, wherein the preview of the first album includes the name of the first album, and/or the date of taking or saving the picture in the first album, and/or the place of taking the picture in the first album.

9. The method according to any one of claims 1 to 8, wherein the preview image of the first album includes at least one date group, and one of the at least one date group includes at least two picture groups.

10. An electronic device, comprising: a processor, a memory, and a touchscreen, the memory and the touchscreen coupled to the processor, the memory for storing computer program code, the computer program code comprising computer instructions that, when read from the memory by the processor, cause the electronic device to:

receiving a first operation of previewing a first photo album by a user, wherein the first photo album comprises a plurality of pictures;

responding to the first operation, displaying a first interface, wherein the first interface comprises a part of content of a preview image of the first album, and the preview image of the first album comprises the plurality of pictures;

receiving a second operation of the user sliding upwards on the first interface;

in response to the second operation, displaying a second interface, wherein the second interface contains another part of the content of the preview image of the first album;

11. The electronic device of claim 10, wherein when the processor reads the computer instructions from the memory, the electronic device further performs the following:

receiving a third operation of sharing the first photo album by the user;

and responding to the third operation, and sending the preview of the first album to other electronic equipment.

12. The electronic device of claim 10, wherein when the processor reads the computer instructions from the memory, the electronic device further performs the following:

receiving a fourth operation of sharing the first photo album by the user;

in response to the fourth operation, prompting a user to select one or more groups of pictures in the first album;

receiving a fifth operation of selecting one or more picture groups in the first album by a user;

and after the electronic equipment receives the fifth operation, sending content corresponding to one or more picture groups selected by the user in the preview image of the first album to other electronic equipment.

13. The electronic device of any of claims 10-12, wherein when the processor reads the computer instructions from the memory, the electronic device further performs the following:

receiving screen capturing operation of the user;

and responding to the screen capturing operation, and determining to share all contents of the preview image of the first album or share contents corresponding to the picture group displayed on the current screen in the preview image of the first album.

14. The electronic device of any of claims 10-13, wherein when the processor reads the computer instructions from the memory, the electronic device further performs the following:

receiving a sixth operation of sharing the first photo album by the user;

and if the second interface displayed by the electronic equipment comprises all pictures in a first picture group of the at least two picture groups, determining to share the content corresponding to the first picture group in the preview picture of the first album.

15. The electronic device of any of claims 10-14, wherein each picture in the preview image of the first album retains an original layout of each picture, the original layout of each picture being a layout of each picture when displayed in a full screen in the electronic device, including landscape or portrait.

16. The electronic device of any of claims 10-15, wherein when the processor reads the computer instructions from the memory, the electronic device further performs the following:

17. The electronic device according to any of claims 10-16, wherein the preview of the first album includes a name of the first album, and/or a date of taking or saving a picture in the first album, and/or a place of taking a picture in the first album.

18. The electronic device of any of claims 10-17, wherein the preview image of the first album includes at least one date group, and wherein one of the at least one date group includes at least two groups of pictures.

19. A computer storage medium comprising computer instructions which, when run on an electronic device, cause the electronic device to perform a method of laying out a picture according to any one of claims 1-9.

20. A chip system comprising one or more processors, wherein when the one or more processors execute the instructions, the one or more processors perform the method of laying out a picture according to any one of claims 1-9.

21. A graphical user interface on an electronic device, the electronic device having a display screen, a camera, a memory, and one or more processors to execute one or more computer programs stored in the memory, the graphical user interface comprising a graphical user interface displayed when the electronic device performs the method of laying out a picture according to any one of claims 1-9.