Image display method and related equipment
By dividing the image into multiple pixel units and combining the first display component and the second display component based on grayscale values and color data, the flexible pattern display problem of the lamp array display screen is solved, and a richer image display effect is achieved.
Patent Information
- Application Number
- CN202510903369.1
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2025-06-30
- Publication Date
- 2025-09-02
AI Technical Summary
In the prior art, the lamp array display screen cannot flexibly display dynamic patterns on the back of the electronic device, and lacks the flexibility and diversity of image display.
By dividing the image into a plurality of pixel units, and determining a sub-display array based on the grayscale values and color data of these pixel units, a combined display of the first display component and the second display component can be realized.
It realizes flexible display of patterns on the lamp array display screen, improves the diversity and dynamic effects of image display, and enhances the user experience.
Smart Images

Figure CN120580940A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of computer technology, and in particular to an image display method and related equipment. Background Art
[0002] Mobile terminals have become a very common electronic product. Some electronic devices feature a light array display on the back, in addition to the conventional display on the front. This light array display can display simple dynamic graphics, such as the time. However, how to flexibly display dynamic graphics on a light array display has become an unresolved issue. Summary of the Invention
[0003] The present application provides an image display method and related equipment, which can flexibly display patterns on a first display component.
[0004] In a first aspect, some embodiments of the present application provide an image display method. The image display method is applied to an electronic device, the electronic device including a first display component, the first display component consisting of M light-emitting units, the light-emitting units including one or more lamp beads, where M is a positive integer greater than 1, and the method comprising: dividing a first image into M pixel units, the first image including at least two first regions; determining a sub-display array corresponding to the first region based on the grayscale values of the pixel units in the first region, where the sum of the number of pixel units corresponding to at least two first regions is M; and displaying the first image on the first display component based on the sub-display arrays corresponding to the at least two first regions.
[0005] In one possible implementation, the electronic device also includes a second display component, the second display component is located on the front of the electronic device, and the first display component is located on the back of the electronic device. After dividing the first image into M pixel units, the method includes: determining color data of each pixel unit, the color data is related to the display of the pixel unit on the second display component of the electronic device; based on the color data of each pixel unit, determining the grayscale value of each pixel unit, the grayscale value is related to the display of the pixel unit on the second display component of the electronic device.
[0006] In one possible implementation, based on the grayscale value of the pixel unit in the first area, determining the sub-display array corresponding to the first area includes: obtaining a first parameter, the first parameter being a brightness parameter and / or a color inversion parameter; performing brightness adjustment and / or color inversion on the grayscale value of the pixel unit based on the first parameter, and determining the sub-display array corresponding to the first area.
[0007] In one possible implementation, before dividing the first image into M pixel units, the method further includes: obtaining an original image, which includes a target subject; cropping the original image to obtain a first image, in which the proportion of the target subject in the original image is smaller than the proportion of the target subject in the first image.
[0008] In one possible implementation, cropping the original image to obtain the first image includes: cropping the original image to obtain the second image, wherein the proportion of the target subject in the original image is smaller than the proportion of the target subject in the second image; and rotating the second image in response to a rotation operation to obtain the first image, wherein the offset angle of the target subject in the first image is different from the offset angle of the target subject in the second image.
[0009] In one possible implementation, in response to a rotation operation, the second image is rotated to obtain a first image, including: in response to the rotation operation, the second image is rotated to obtain a third image; based on the third image, a circumscribed rectangle is determined, the color data of the pixel units in the area of the circumscribed rectangle other than the third image is the color data of the edge points in the original image, the area of the circumscribed rectangle is larger than the third image, and the center point of the circumscribed rectangle is the same as the center point of the third image; based on the circumscribed rectangle and the third image, the first image is determined.
[0010] In one possible implementation, the sub-display array corresponding to the first area is determined based on the grayscale values of the pixel units in the first area, including: in the case of dynamic display, the sub-display array corresponding to the first area is determined based on the timestamp and the grayscale values of the pixel units in the first area; wherein the position of the same pixel unit in the first image is different from the position in the first display component, and the position of any pixel unit in the first display component is related to the timestamp.
[0011] In one possible implementation, the first image includes a target subject, and the first image is displayed on the first display component based on the sub-display arrays corresponding to at least two first areas, including: displaying the target subject on the first display component based on the size of the first display component and the sub-display arrays corresponding to at least two first areas; wherein, if the display unit corresponding to the target subject is on the first side edge of the first display component, the display unit corresponding to the target subject is not displayed on the second side edge of the first display component, and the first side edge and the second side edge are relative edges.
[0012] In a second aspect, the present application provides an image display device, which may be an electronic device, a device in an electronic device, or a device that can be used in combination with an electronic device; wherein, the image display device may also be a chip system, and the image display device may execute the method executed by the electronic device in the first aspect. The functions of the image display device may be implemented by hardware, or by hardware executing corresponding software implementations. The hardware or software includes one or more units corresponding to the above functions. The unit may be software and / or hardware. The operations and beneficial effects performed by the image display device may refer to the methods and beneficial effects described in the first aspect above, and the repeated parts will not be repeated.
[0013] In a third aspect, the present application provides an electronic device comprising one or more processors and one or more memories. The one or more memories are coupled to the one or more processors, and the one or more memories are used to store computer program code, wherein the computer program code comprises computer instructions. When the one or more processors execute the computer instructions, the electronic device performs the image display method according to any possible implementation of the first aspect.
[0014] In a fourth aspect, the present application provides a chip system, which includes a processor and an interface, and the processor and the interface are coupled; the interface is used to receive or output signals, and the processor is used to execute code instructions to execute the image display method in any possible implementation of the first aspect above.
[0015] In a fifth aspect, the present application provides a computer-readable storage medium, which stores a computer program / instruction. When the computer program product runs on a computer, it enables the computer to execute the image display method in any possible implementation of the first aspect above.
[0016] In a sixth aspect, the present application provides a computer program product, which, when running on a computer, enables the computer to execute the image display method in any possible implementation of the first aspect above. BRIEF DESCRIPTION OF THE DRAWINGS
[0017] Figure 1 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application;
[0018] Figure 2 A schematic structural diagram of a first display assembly provided in an embodiment of the present application;
[0019] Figure 3A A schematic diagram of the hardware structure of an electronic device provided in an embodiment of the present application;
[0020] Figure 3BA schematic diagram of the software structure of an electronic device provided in an embodiment of the present application;
[0021] Figure 4 A schematic diagram of a flow chart of an image display method provided in an embodiment of the present application;
[0022] Figure 5A A schematic diagram of a first region provided in an embodiment of the present application;
[0023] Figure 5B A schematic diagram of cropping an original image provided in an embodiment of the present application;
[0024] Figure 5C A schematic diagram of rotating an original image provided in an embodiment of the present application;
[0025] Figure 5D A schematic diagram of a circumscribed rectangle provided in an embodiment of the present application;
[0026] Figure 6 A schematic diagram of a user interface provided in an embodiment of the present application;
[0027] Figure 7 A schematic diagram of an array and display results provided in an embodiment of the present application;
[0028] Figure 8 A schematic diagram of another array and display results provided in an embodiment of the present application;
[0029] Figure 9 A schematic diagram of another array and display results provided in an embodiment of the present application;
[0030] Figure 10 A schematic diagram of another array and display results provided in an embodiment of the present application;
[0031] Figure 11 A schematic flow chart of another image display method provided in an embodiment of the present application;
[0032] Figure 12 A schematic structural diagram of an image display device provided in an embodiment of the present application;
[0033] Figure 13 A schematic diagram of the structure of a chip provided in an embodiment of the present application. DETAILED DESCRIPTION
[0034] The following will be combined with the accompanying drawings in the embodiments of the present application to clearly and completely describe the technical solutions in the embodiments of the present application. In the description of the embodiments of the present application, unless otherwise specified, " / " means or, for example, A / B can mean A or B; "and / or" in the text is only a description of the association relationship of associated objects, indicating that there can be three relationships, for example, A and / or B can mean: A exists alone, A and B exist at the same time, and B exists alone. In addition, in the description of the embodiments of the present application, "multiple" means two or more than two.
[0035] It should be understood that the terms "first," "second," and the like in the specification, claims, and drawings of this application are used to distinguish between different objects, rather than to describe a particular order. Furthermore, the terms "including," "having," and any variations thereof, are intended to cover non-exclusive inclusions. For example, a process, method, system, product, or apparatus comprising a series of steps or elements is not limited to the listed steps or elements, but may optionally include steps or elements not listed, or may optionally include other steps or elements inherent to the process, method, product, or apparatus.
[0036] References to "embodiments" in this application mean that a particular feature, structure, or characteristic described in connection with the embodiment may be included in at least one embodiment of the application. The appearance of this phrase in various places in the specification does not necessarily refer to the same embodiment, nor does it constitute an independent or alternative embodiment that is mutually exclusive of other embodiments. It is understood, both explicitly and implicitly, by those skilled in the art that the embodiments described in this application may be combined with other embodiments.
[0037] For example, Figure 1 An example diagram of an electronic device provided by an embodiment of the present application is shown.
[0038] The electronic device includes a first display component and a second display component. Generally, the second display component may be referred to as a primary screen or primary screen area, and the first display component may be referred to as a back screen, secondary screen, or secondary screen area. The first display component and the second display component face in different directions. When the second display component faces a user, the first display component faces away from the user.
[0039] Optional, Figure 1 Taking the first display component being circular as an example, the first display component can also be in other shapes, which is not limited in this application.
[0040] Optional, Figure 1 Taking the first display assembly being located above the back of the electronic device as an example, the first display assembly can also be located at other positions on the back of the electronic device, and this application does not impose any restrictions. Similarly, this application does not impose any restrictions on the size of the first display assembly.
[0041] In a possible embodiment, the first display component can be as follows Figure 2 As shown, Figure 2 A schematic diagram of a first display component provided in an embodiment of the present application.
[0042] The first display component is composed of a plurality of light-emitting units. Figure 2 Each small square in the diagram represents a light-emitting unit. Each light-emitting unit includes one or more light beads. Each light-emitting unit can display independently, and different light-emitting units can display different colors or grayscale values. The first display component can display different objects by using different grayscale values displayed by the light-emitting units, and each light-emitting unit can display the object together.
[0043] Optionally, the first display component supports brightness value control of 0 to 2048.
[0044] Optionally, the first display assembly includes 489 light-emitting units, each of which is a square with a side length of 0.55 mm. The row containing the most light-emitting units in the first display assembly can also be called the longest row, and the longest row includes 25 light-emitting units. The spacing between each light-emitting unit can be 0.2 mm. The number of light-emitting units contained in any two rows of the first display assembly can be the same or different.
[0045] The hardware structure of the electronic device 100 is introduced below. Figure 3A , Figure 3A Schematic diagram of the hardware structure of the electronic device 100 provided in an embodiment of the present application.
[0046] 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, a button 181, a camera 182, a first display component 190, a second display component 191, and a subscriber identification module (SIM) card interface 1 to N170, etc.
[0047] It should be understood that the structure illustrated in the embodiments of the present invention does not constitute a specific limitation on the electronic device 100. In other embodiments of the present application, the electronic device 100 may include more or fewer components than shown, or may combine or separate certain components, or arrange the components differently. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.
[0048] The processor 110 may include one or more processing units. For example, the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), an image signal processor (ISP), a controller, a memory, a video codec, a digital signal processor (DSP), a baseband processor, and / or a neural-network processing unit (NPU). The different processing units may be independent devices or integrated into one or more processors.
[0049] The controller may be the nerve center and command center of the electronic device 100. The controller may generate an operation control signal according to the instruction operation code and the timing signal to complete the control of fetching and executing instructions.
[0050] The processor 110 may also be provided with a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store instructions or data that have just been used or are being recycled by the processor 110. If the processor 110 needs to use the instruction or data again, it can directly call it from the memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves system efficiency. The processor 110 calls the instructions or data stored in the memory, causing the electronic device 100 to execute the camera mode switching method performed by the electronic device in the following method embodiment.
[0051] In some embodiments, the processor 110 may include one or more interfaces. The interfaces may include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface.
[0052] The charging management module 140 is configured to receive charging input from a charger, which may be a wireless charger or a wired charger.
[0053] 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 charging management module 140 to provide power to the processor 110, the internal memory 121, the external memory, the cameras 1-N 182, and the wireless communication module 160. In some other embodiments, the power management module 141 can also be set in the processor 110.
[0054] The wireless communication function of the electronic device 100 can be implemented through the antenna 1, the antenna 2, the mobile communication module 150, the wireless communication module 160, the modem processor and the baseband processor.
[0055] Antenna 1 and Antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover a single or multiple communication frequency bands. Different antennas can also be reused to improve antenna utilization. For example, antenna 1 can be reused as a diversity antenna for a wireless local area network. In other embodiments, the antennas can be used in conjunction with a tuning switch.
[0056] The mobile communication module 150 can provide solutions for wireless communications including 2G / 3G / 4G / 5G 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), etc. The mobile communication module 150 can receive electromagnetic waves from the antenna 1, and filter, amplify, and process the received electromagnetic waves, and transmit them to the modulation and demodulation processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modulation and demodulation processor, and convert it into electromagnetic waves for radiation through the antenna 1. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the processor 110. In some embodiments, at least some of the functional modules of the mobile communication module 150 can be set in the same device as at least some of the modules of the processor 110.
[0057] The modem processor includes a modulator and a demodulator. The modulator modulates the low-frequency baseband signal to be transmitted into a medium- or high-frequency signal. The demodulator demodulates the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After processing by the baseband processor, the low-frequency baseband signal is passed to the application processor.
[0058] The wireless communication module 160 can provide wireless communication solutions including wireless local area networks (WLAN) (such as Wi-Fi networks), Bluetooth (BT), BLE broadcasting, global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), infrared (IR), etc. applied to the electronic device 100. The wireless communication module 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via the antenna 2, frequency modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110. The wireless communication module 160 can also receive the signal to be sent from the processor 110, frequency modulate it, amplify it, and convert it into electromagnetic waves for radiation through the antenna 2.
[0059] 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 the network and other devices through wireless communication technology.
[0060] Electronic device 100 implements display functions through a GPU, second display assembly 191 / first display assembly 190, and an application processor. The GPU is a microprocessor for image processing that connects second display assembly 191 / first display assembly 190 and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. Processor 110 may include one or more GPUs that execute program instructions to generate or modify display information.
[0061] Alternatively, the first display component 190 is directly connected to the application processor, and the application processor performs the mathematical and geometric calculations.
[0062] Optionally, the second display component and the first display component are executed by the same GPU for performing mathematical and geometric calculations, or the second display component and the first display component are executed by different GPUs for performing mathematical and geometric calculations.
[0063] The first display component 190 and the second display component 191 are used to display images, videos, etc. The first display component 190 and the second display component 191 can be referred to above. Figure 1 shown.
[0064] The camera 182 is used to capture still images or videos. The camera 182 may include a front-facing camera and a rear-facing camera. The front-facing camera is located in the display area of the screen, and the rear-facing camera is located in the back area of the screen. The digital signal processor is used to process digital signals. In addition to processing digital image signals, it can also process other digital signals. The video codec is used to compress or decompress digital video. The electronic device 100 may support one or more video codecs.
[0065] The external memory interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 through the external memory interface 120 to implement a data storage function.
[0066] The internal memory 121 can be used to store computer executable program codes, which include instructions. The processor 110 executes various functional applications and data processing of the electronic device 100 by running the instructions stored in the internal memory 121. The internal memory 121 may include a program storage area and a data storage area. Among them, the program storage area can store an operating system, an application required for at least one function (such as a sound playback function), etc. The data storage area can store data (such as audio data) created during the use of the electronic device 100, etc. In addition, the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as a flash memory device, etc.
[0067] In addition, an operating system runs on top of the above components. For example, operating systems such as iOS and Android. The operating system of the electronic device 100 can adopt a layered architecture, an event-driven architecture, a micro-core architecture, a microservice architecture, or a cloud architecture. The embodiment of the present application takes the Android system with a layered architecture as an example to illustrate the software structure of the electronic device 100. It should be noted that although the embodiment of the present application is described using the Android system as an example, its basic principles are also applicable to electronic devices with other operating systems.
[0068] Figure 3B : This is a block diagram of the software structure of the electronic device 100 in an embodiment of the present application. The software structure adopts a layered architecture, which divides the software into several layers, each with a clear role and division of labor. The layers communicate with each other through software interfaces. In an embodiment of the present application, the operating system (taking the Android system, where the Android system runs on an AP as an example) can be divided into three layers, from top to bottom: the application layer (APP), the application framework layer (FWK), and the kernel layer (Kernal).
[0069] The application layer can include a series of application packages. Figure 3B As shown, the application package may include a GlyphMatrix SDK, where the GlyphMatrix SDK is an SDK provided to a user of a third-party application to control the first display component, or the GlyphMatrix SDK is an SDK provided to a user to operate the first display component.
[0070] The GlyphMatrix SDK includes a GlyphMatrix Object, a GlyphMatrixFrame, and a GlyphMatrixManager. The GlyphMatrix Object user controls each first region, the GlyphMatrix Framework user combines each first region, and finally sends it to the GlyphMatrix Manager for distribution.
[0071] The application framework layer provides application programming interface (API) and programming framework for the applications in the application layer. The application framework layer includes some predefined functions. Figure 3BAs shown, the application framework layer may include a Glyph service. The Glyph service may interact with the GlyphMatrix management, for example, obtaining the target display array sent by the GlyphMatrix management. The Glyph management may also interact with the Light management, for example, sending the target display array to the Light management, or converting the target display array into a corresponding format and sending it to the Light management. The Light management may also interact with the second display component driver.
[0072] The kernel layer is responsible for managing the system's hardware resources and providing necessary services to applications. The kernel layer includes drivers for various hardware devices, which are responsible for controlling and operating the hardware devices. Figure 3B As shown, the kernel layer includes: a first display component driver. The first display component driver is used to drive the first display component. For example, the first display component driver provides appropriate signals to the first display component to implement data writing and initialization of the first display component.
[0073] Based on the above, an image display method provided by an embodiment of the present application is further described in detail below. Figure 4 As shown, the image display method includes the following steps 401 to 403. Figure 4 The method shown can be performed by the electronic device mentioned above. Alternatively, Figure 4 The execution entity of the method shown may be a chip in an electronic device, which is not limited in the embodiments of the present application. Figure 4 The method is described by taking an electronic device as an example. The electronic device includes a first display component, which is composed of M light-emitting units, each of which includes one or more lamp beads, where M is a positive integer greater than 1, wherein:
[0074] 401. The electronic device divides a first image into M pixel units, where the first image includes at least two first areas.
[0075] The electronic device divides the first image into pixel units equal in number to the number of light-emitting units. The first image includes two or more regions. For ease of description, the following example uses the first image including three first regions. The first image may also include more or fewer regions, which is not described in detail in this application.
[0076] Optionally, the first image includes a target subject, which may be text or a specific pattern. Figure 5A As shown, Figure 5AThe target subject in the first image shown in 501 is text, which represents time. The text is divided into three first areas. The text in the top first area represents the hour in time, the text in the middle first area represents the minute in time, and the text in the bottom first area represents the second in time. Or, Figure 5A The target subject in the first image shown in 502 is a puppy, and the puppy is composed of three first regions, and each first region includes a part of the puppy.
[0077] In a possible embodiment, the division of the first area is pre-set, or the first area is determined by AI, for example, by performing image recognition by AI, and automatically dividing the first image based on the recognition result to obtain at least two first areas.
[0078] In order to improve the display effect of the first image on the first display component, the original image needs to be preprocessed to obtain the first image for display. In other words, the first image is obtained based on the original image. Furthermore, the first image is obtained by preprocessing the original image. The preprocessing may include resizing and image rotation. The preprocessing may be triggered by the user or performed autonomously by the electronic device. This application does not limit the triggering conditions of the preprocessing. The preprocessing is further introduced below.
[0079] Image preprocessing
[0080] In a possible embodiment, the electronic device obtains an original image, which includes a target subject; the electronic device crops the original image to obtain a first image, and the proportion of the target subject in the original image is smaller than the proportion of the target subject in the first image.
[0081] Optionally, the original image may be captured by a user, stored in an electronic device, or downloaded from a network. Alternatively, the original image may be an image in data contained in an application, which may be a system application or a third-party application.
[0082] Optionally, the target body can be text or a pattern. For details, please refer to the above description. Figure 5A For ease of description, in this embodiment, a puppy is used as the target subject.
[0083] Optionally, the original image may be a rectangle, and the first image may be a square.
[0084] For example, Figure 5B As shown, Figure 5B The left image is the original image, which includes the target object puppy. By cropping the original image, we can get Figure 5B In the figure on the right, the Figure 5B The image on the right is the first image. The puppy's proportion in the original image is smaller than that in the first image. By cropping the image, the target object can be enlarged or reduced.
[0085] The size of the cropping frame may be the same as the size of the first image, and the size of the cropping frame may be preset or user-defined.
[0086] Figure 5B The puppy in the image is upright, but in some cases, the puppy (the target object) in the original image is tilted. This tilt also occurs in the cropped first image, resulting in the final displayed puppy being tilted. To avoid the tilted display affecting the user's viewing experience, the first image needs to be rotated to obtain an upright puppy.
[0087] In a possible embodiment, the electronic device crops the original image to obtain a first image, including: the electronic device crops the original image to obtain a second image, and the proportion of the target subject in the original image is smaller than the proportion of the target subject in the second image; the electronic device rotates the second image in response to a rotation operation to obtain the first image, and the offset angle of the target subject in the first image is different from the offset angle of the target subject in the second image.
[0088] Alternatively, the user may rotate the second image. Alternatively, the AI may recognize that the target subject in the second image is tilted, and the AI may determine the rotation angle based on the tilt angle of the target subject; and the electronic device may rotate the second image based on the rotation angle to obtain the first image.
[0089] For example, Figure 5C As shown, Figure 5C The leftmost image in the image is the original image. After cropping the original image, the second image in the middle is obtained. Finally, the second image is rotated to obtain the third image.
[0090] In a possible embodiment, the electronic device rotates the second image in response to a rotation operation to obtain a first image, including: the electronic device rotates the second image in response to the rotation operation to obtain a third image; the electronic device determines a circumscribed rectangle based on the third image, the color data of the pixel units in the area of the circumscribed rectangle other than the third image is the color data of the edge points in the original image, the area of the circumscribed rectangle is larger than the third image, and the center point of the circumscribed rectangle is the same as the center point of the third image; and the first image is determined based on the circumscribed rectangle and the third image.
[0091] Optionally, the color data of all pixel units in the circumscribed rectangle are the color data of the edge points in the original image. After the circumscribed rectangle is determined, the third image is placed in the circumscribed rectangle based on the center point of the third image and the center point of the circumscribed rectangle.
[0092] For example, Figure 5D As shown, the color data in the circumscribed rectangle can be the color data of any point in the original image, or the color data of the upper left corner of the original image, or the color data of a point on the edge of the original image, or the color data of any corner in the original image.
[0093] Since the first display component is circular in shape, a square image can be better displayed on the circular display component. Therefore, the irregular image after rotation is placed in the circumscribed rectangle of the square, so that it is still converted to the first display component as a square image.
[0094] In a possible embodiment, the image preprocessing process is user-defined, that is, the image zooming, as well as the image rotation, are all user-defined. The user-defined image preprocessing process is introduced below.
[0095] For example, Figure 6 As shown, there is a viewfinder in the interface, which is an interface provided to the user to customize the display content of the first display component. The user can access applications such as the album from the interface and select the image in the album as the original image. For example, select the puppy image as the original image. In order to better display the puppy image, the user can zoom in and out in the interface. The display content in the viewfinder in the interface is the display content in the first image, and the size of the viewfinder is the same as the size of the first image, or the size of the viewfinder is proportional to the size of the first image. The user can use this interface to customize the original image. Figure 6 The following operations are shown:
[0096] Zoom: Use the zoom gesture to zoom in and out of the image in the viewfinder so that the puppy can be fully displayed in the viewfinder.
[0097] Pan: Use the pan gesture to move the image in the viewfinder left / right / up / down so that the puppy can be displayed in the center of the viewfinder.
[0098] Rotate: Use the rotation gesture to rotate the image in the viewfinder counterclockwise / clockwise. The rotation can be performed with the center of the original image as the axis and the finger movement amplitude as the rotation angle.
[0099] It should be noted that Figure 6The order of the scaling, translation, and rotation steps shown can be changed, for example, translation first and then scaling, and so on. This application does not limit the order of the steps.
[0100] 402. The electronic device determines, based on the grayscale values of the pixel units in the first area, a sub-display array corresponding to the first area, where the sum of the number of pixel units corresponding to at least two first areas is M.
[0101] Optionally, one area corresponds to one sub-display array, such as Figure 5A As shown in 501, the first image includes three first regions (first region A, first region B, and first region C). First region A corresponds to the hour in time, first region B corresponds to the minute in time, and first region C corresponds to the second in time. First region A corresponds to sub-display array A, first region B corresponds to sub-display array B, and first region C corresponds to sub-display array C. The sum of the lengths of these three sub-display arrays is M, and the lengths of the three sub-display arrays can be the same or different.
[0102] A value in the sub-display array represents a grayscale value of a pixel unit, and the position of the value in the sub-display array is related to the position of the pixel unit in the first display component.
[0103] In a possible embodiment, the electronic device also includes a second display component, the second display component is located on the front of the electronic device, and the first display component is located on the back of the electronic device. After dividing the first image into M pixel units, the method includes: the electronic device determines the color data of each pixel unit, and the color data is related to the display of the pixel unit on the second display component of the electronic device; the electronic device determines the grayscale value of each pixel unit based on the color data of each pixel unit, and the grayscale value is related to the display of the pixel unit on the second display component of the electronic device.
[0104] The color data is related to the color displayed by the pixel unit in the second display component of the electronic device, and the color data includes the following values: red, green, and blue.
[0105] In a possible embodiment, the electronic device determines the grayscale value of each pixel unit based on the color data of each pixel unit, including: the electronic device determines the red, green, and blue values of the pixel unit; the electronic device divides the red, green, and blue values of the pixel unit by 3; and determines the grayscale value of the pixel unit based on the result of the division by 3.
[0106] Optionally, the electronic device determines the grayscale value of the pixel unit through AI or a color extraction model.
[0107] Optionally, the color data may be the color data of the pixel at the upper left corner in the pixel unit, or the color data may be the color data of any pixel in the pixel unit.
[0108] Optionally, the color data may be an average value of color data of all pixels contained in the pixel unit.
[0109] Optionally, the color data may be an average value of color data of any preset number of pixels in the pixel unit.
[0110] In a possible embodiment, the electronic device determines the sub-display array corresponding to the first area based on the grayscale value of the pixel unit in the first area, including: the electronic device obtains a first parameter, the first parameter is a brightness parameter and / or a color inversion parameter; based on the first parameter, the brightness is adjusted and / or the color is inverted on the grayscale value of the pixel unit to determine the sub-display array corresponding to the first area.
[0111] The brightness parameter is used to adjust the brightness displayed by the first display component. The higher the brightness parameter, the higher the brightness displayed by the first display component.
[0112] The color inversion parameter is used to invert the color of the pixel unit. Assuming 0 is white and 1 is black, if the value of one of the pixel units is 0, the value of the pixel unit will be 1 after color inversion.
[0113] 403. The electronic device displays a first image on a first display component based on sub-display arrays corresponding to at least two first areas.
[0114] In a possible embodiment, the first image includes a target subject, and the electronic device displays the first image on the first display component based on the sub-display arrays corresponding to at least two first areas, including: the electronic device splices the sub-display arrays corresponding to the at least two first areas to obtain a target display array; the electronic device displays the target subject on the first display component based on the display array.
[0115] The position of the target display array corresponds to the position of the pixel unit in the first display component, and the value of the target display array is related to the brightness value of the pixel unit.
[0116] For example, assuming sub-display array A is [0 0 1 0 0.9], sub-display array A is [0.9 1 1 1 0.9], and sub-display array C is [0 0 1 0 0], after concatenating these three sub-display arrays, the resulting target display array is [00 1 0 0.9 0.9 11 1 0.9 0 0 1 0 0]. In other words, the three sub-display arrays are connected end to end.
[0117] In a possible embodiment, the electronic device splices the sub-display arrays corresponding to at least two first areas to obtain a target display array, including: the electronic device splices the sub-display arrays corresponding to at least two first areas based on a preset order to obtain a target display array, and the preset order is related to the position of the first area in the first image.
[0118] For example, Figure 5A As shown in 501, the first region A is located at the top of the first image, and the sub-display array corresponding to the first region A is used as the first sub-display array; the first region B is located in the middle of the first image, and the sub-display array corresponding to the first region B is used as the second sub-display array, that is, the sub-display array corresponding to the first region B is spliced after the sub-display array corresponding to the first region A; the first region C is located at the bottom of the first image, and the sub-display array corresponding to the first region C is used as the last sub-display array, that is, the sub-display array corresponding to the first region C is spliced after the sub-display array corresponding to the first region B. If there are more first regions and sub-display arrays, and so on, this application does not limit it.
[0119] For example, Figure 7 As shown, Figure 7 The array in is the target display array. Assuming that the 95th value in the array is 1, the corresponding 95th pixel unit in the first display component is completely black (the pixel units are sorted from left to right and from top to bottom: the pixel unit in the upper left corner is the first pixel unit, the pixel unit to the right of the pixel unit in the upper left corner is the second pixel unit, and the pixel unit in the lower right corner is the last pixel unit). Assuming that the 96th value in the array is 0.9, the corresponding grayscale value of the 95th pixel unit in the first display component is 0.9, and so on.
[0120] In a possible embodiment, the first area in the first image is divided from left to right. Figure 8 As shown, the first image is divided into three first regions in a left-center-right manner. Since the first display component is refreshed and displayed in rows (for example, after the first row is completely refreshed from left to right, the second row is refreshed), in this embodiment, one or more values need to be read from the sub-display array corresponding to each first region.
[0121] For example, Figure 8As shown, when refreshing the first row of the first display component, three values are read from the sub-display array corresponding to the first area on the left, two values are read from the sub-display array corresponding to the first area in the middle, and two values are read from the sub-display array corresponding to the first area on the right. Then, when refreshing the second row of the first display component, reading begins with the fourth value in the sub-display array corresponding to the first area on the left, and a preset number of values are read; reading begins with the third value in the sub-display array corresponding to the first area in the middle, and a preset number of values are read; reading begins with the fourth three values in the sub-display array corresponding to the first area on the right, and a preset number of values are read. And so on.
[0122] In addition to the above embodiments, the present application can dynamically display the static image on the first display component through dynamic display processing. The dynamic display processing is introduced below.
[0123] Dynamic display processing
[0124] In a possible embodiment, determining a sub-display array corresponding to the first area based on the grayscale values of the pixel units in the first area includes: in the case of dynamic display, determining the sub-display array corresponding to the first area based on the timestamp and the grayscale values of the pixel units in the first area; wherein the position of the same pixel unit in the first image is different from the position in the first display component, and the position of any pixel unit in the first display component is related to the timestamp.
[0125] For the sake of convenience, the following takes the dynamic effect of a pixel as an example.
[0126] For example, assume that the target display array is [0 0 0 1 0....]. Now we want to achieve a dynamic effect of the pixel moving from left to right on the first display component. Figure 9 As shown, at the first moment (timestamp), the target display array is changed to [1 0 0 0 0....], so that the pixel point appears at the first position; at the second moment, the target display array is changed to [0 1 0 0 0....], so that the pixel point appears at the second position; at the third moment, the target display array is changed to [0 0 1 0 0....], so that the pixel point appears at the third position. And so on.
[0127] Optionally, depending on the dynamic effect selected by the user, the relationship between the timestamp and the position of the pixel unit in the first display component is different. The above example is dynamically displayed from left to right. In some scenarios, it can also be dynamically displayed from top to bottom.
[0128] The above example uses the movement of a single pixel as an example, but in reality, an object composed of multiple pixels moves. This object movement method has the following problems: when the object is on the left, the head of the object is on the left side of the first display component, while the tail of the object is on the right side of the first display component, so that the object is divided into two parts, and the display effect is not ideal. Figure 10 As shown, Figure 10 The 1001 in the figure is the tail part of the arrow. When displaying based on the target display array and timestamp, the tail part is displayed on the right.
[0129] In order to avoid the occurrence of the above situation, in a possible embodiment, the first image includes a target body, and the electronic device displays the first image on the first display component based on the sub-display arrays corresponding to at least two first areas, including: the electronic device displays the target body on the first display component based on the size of the first display component and the sub-display arrays corresponding to at least two first areas; wherein, if the display unit corresponding to the target body is on the first side edge of the first display component, the display unit corresponding to the target body is not displayed on the second side edge of the first display component, and the first side edge and the second side edge are relative edges.
[0130] When the target body is located at the edge of the first display component, part of the target body is hidden (the value of its position in the array is set to 0) to avoid the above situation. Figure 10 As shown, Figure 10 The value corresponding to the position of the 1001 part is set to 0 to hide the 1001 part.
[0131] In a possible embodiment, since the present application divides the first image into a plurality of first regions, and each first region has a corresponding sub-display array, the first regions can be controlled separately. Figure 5A As shown in 501, since the first area at the top represents the hours in time, which is usually stable, and the first area at the bottom represents the seconds in time, which changes rapidly, in this scenario, the sub-display array corresponding to the first area at the top only needs to be re-determined once for each display, thereby saving energy consumption of the electronic device.
[0132] In a possible embodiment, the image display method can be found in Figure 11 As shown, Figure 11 The preprocessing in can be seen as shown above, which includes size scaling and rotation. Figure 11The conversion to an array in [ ] can also be seen in the above description. This conversion array includes color extraction, grayscale calculation, brightness adjustment, and color inversion adjustment. The brightness and color inversion adjustment are optional. In the case of dynamic images, position adjustment is also required.
[0133] See Figure 12 , Figure 12 A schematic structural diagram of an image display device 1200 provided in an embodiment of the present application. Figure 12 The image display device shown may be an electronic device, a device in an electronic device, or a device that can be used in conjunction with an electronic device. Figure 12 The image display device shown may include a processing unit 1201 and a display unit 1202.
[0134] The processing unit 1201 is configured to divide a first image into M pixel units, where the first image includes at least two first regions;
[0135] The processing unit 1201 is further configured to determine, based on the grayscale values of the pixel units in the first area, a sub-display array corresponding to the first area, where the sum of the numbers of the plurality of pixel units corresponding to at least two first areas is M;
[0136] The display unit 1202 is configured to display a first image on a first display component based on sub-display arrays corresponding to at least two first regions.
[0137] In one possible implementation, the processing unit 1201 is further used to determine the color data of each pixel unit, where the color data is related to the display of the pixel unit on the second display component of the electronic device; and based on the color data of each pixel unit, determine the grayscale value of each pixel unit, where the grayscale value is related to the display of the pixel unit on the second display component of the electronic device.
[0138] In one possible implementation, the processing unit 1201 is further used to obtain a first parameter, which is a brightness parameter and / or a color inversion parameter; based on the first parameter, the grayscale value of the pixel unit is brightness adjusted and / or the color is inverted to determine the sub-display array corresponding to the first area.
[0139] In one possible implementation, the processing unit 1201 is further used to obtain an original image, which includes a target subject; crop the original image to obtain a first image, and the proportion of the target subject in the original image is smaller than the proportion of the target subject in the first image.
[0140] In one possible implementation, the processing unit 1201 is also used to crop the original image to obtain a second image, in which the proportion of the target subject in the original image is smaller than the proportion of the target subject in the second image; in response to the rotation operation, the second image is rotated to obtain the first image, in which the offset angle of the target subject in the first image is different from the offset angle of the target subject in the second image.
[0141] In one possible implementation, the processing unit 1201 is further used to rotate the second image in response to a rotation operation to obtain a third image; based on the third image, determine a circumscribed rectangle, the color data of the pixel units in the area outside the third image in the circumscribed rectangle is the color data of the edge points in the original image, the area of the circumscribed rectangle is larger than the third image, and the center point of the circumscribed rectangle is the same as the center point of the third image; based on the circumscribed rectangle and the third image, determine the first image.
[0142] In one possible implementation, the processing unit 1201 is further used to determine, in the case of dynamic display, a sub-display array corresponding to the first area based on the timestamp and the grayscale value of the pixel unit in the first area; wherein the position of the same pixel unit in the first image is different from the position in the first display component, and the position of any pixel unit in the first display component is related to the timestamp.
[0143] In one possible implementation, the display unit 1202 is also used to display the target body in the first display component based on the size of the first display component and the sub-display arrays corresponding to at least two first areas; wherein, if the display unit corresponding to the target body is at the first side edge of the first display component, the display unit corresponding to the target body is not displayed at the second side edge of the first display component, and the first side edge and the second side edge are relative edges.
[0144] For the case where the image display device can be a chip or a chip system, see Figure 13 Schematic diagram of the chip structure shown. Figure 13 The chip 1300 shown includes a processor 1301 and an interface 1302. Optionally, it may also include a memory 1303. The number of processors 1301 may be one or more, and the number of interfaces 1302 may be multiple.
[0145] For the case where the chip is used to implement the electronic device in the embodiment of the present application:
[0146] The interface 1302 is used to receive or output signals;
[0147] The processor 1301 is configured to execute data processing operations of the electronic device.
[0148] The above embodiments are only used to illustrate the technical solutions of the present application, rather than to limit them. Although the present application has been described in detail with reference to the aforementioned embodiments, those skilled in the art should understand that they can still modify the technical solutions described in the aforementioned embodiments, or make equivalent replacements for some of the technical features therein. However, these modifications or replacements do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of the present application.
[0149] It is understandable that some optional features in the embodiments of the present application may, in certain scenarios, be implemented independently of other features, such as the solutions on which they are currently based, to solve corresponding technical problems and achieve corresponding effects. They may also be combined with other features in certain scenarios as needed. Accordingly, the screen-off display device provided in the embodiments of the present application may also implement these features or functions accordingly, which will not be described in detail here.
[0150] It should be understood that the processor in the embodiment of the present application can be an integrated circuit chip with signal processing capabilities. In the implementation process, each step of the above method embodiment can be completed by an integrated logic circuit of hardware in the processor or an instruction in the form of software. The above processor can be a general-purpose processor, a digital signal processor (DSP), an application specific integrated circuit (ASIC), a field programmable gate array (FPGA) or other programmable logic device, a discrete gate or transistor logic device, or a discrete hardware component.
[0151] It is understood that the memory in the embodiments of the present application may be a volatile memory or a non-volatile memory, or may include both volatile and non-volatile memories. Among them, the non-volatile memory may be a read-only memory (ROM), a programmable read-only memory (PROM), an erasable programmable read-only memory (EPROM), an electrically erasable programmable read-only memory (EEPROM), or a flash memory. The volatile memory may be a random access memory (RAM), which is used as an external cache. By way of example and not limitation, many forms of RAM are available, such as static RAM (SRAM), dynamic RAM (DRAM), synchronous DRAM (SDRAM), double data rate SDRAM (DDR SDRAM), enhanced SDRAM (ESDRAM), synchronous link DRAM (SLDRAM), and direct RAM bus RAM (DR RAM). It should be noted that the memory of the systems and methods described herein is intended to include, but is not limited to, these and any other suitable types of memory.
[0152] The present application also provides a computer-readable storage medium, which stores a computer program. The computer program includes program instructions. When the program instructions are executed on an electronic device, the functions of any of the above method embodiments are implemented.
[0153] The present application also provides a computer program product, which, when executed on a computer, enables the computer to implement the functions of any of the above method embodiments.
[0154] In the above embodiments, all or part of the embodiments may be implemented by software, hardware, firmware, or any combination thereof. When implemented using software, all or part of the embodiments may be implemented in the form of a computer program product. The computer program product includes one or more computer instructions. When the computer instructions are loaded and executed on a computer, all or part of the processes or functions described in the embodiments of the present application are generated. The computer may be a general-purpose computer, a special-purpose computer, a computer network, or other programmable device. The computer instructions may be stored in a computer-readable storage medium or transmitted from one computer-readable storage medium to another computer-readable storage medium. For example, the computer instructions may be transmitted from one website, computer, server, or data center to another website, computer, server, or data center via a wired (e.g., coaxial cable, optical fiber, digital subscriber line (DSL)) or wireless (e.g., infrared, wireless, microwave, etc.) method. The computer-readable storage medium may be any available medium that a computer can access or a data storage device such as a server or data center that includes one or more available media integrated therein. The available medium may be a magnetic medium (eg, a floppy disk, a hard disk, a magnetic tape), an optical medium (eg, a high-density digital video disc (DVD)), or a semiconductor medium (eg, a solid state disk (SSD)).
[0155] The above description is merely a specific embodiment of the present application, but the scope of protection of the present application is not limited thereto. Any changes or substitutions that can be easily conceived by a person skilled in the art within the technical scope disclosed in this application should be included in the scope of protection of this application. Therefore, the scope of protection of this application should be based on the scope of protection of the claims.
Claims
1. An image display method, characterized in that: The method is applied to an electronic device, the electronic device including a first display component, the first display component consisting of M light-emitting units, the light-emitting units including one or more lamp beads, where M is a positive integer greater than 1, and the method includes: Dividing a first image into M pixel units, wherein the first image includes at least two first regions; Determine, based on the grayscale values of the pixel units in the first area, a sub-display array corresponding to the first area, where the sum of the numbers of the plurality of pixel units corresponding to the at least two first areas is M; The first image is displayed on the first display component based on the sub-display arrays corresponding to at least two of the first areas.
2. The method according to claim 1, characterized in that The electronic device further includes a second display component, the second display component is located on the front side of the electronic device, and the first display component is located on the back side of the electronic device. After dividing the first image into M pixel units, the method includes: Determining color data of each of the pixel units, where the color data is related to display of the pixel unit on a second display component of the electronic device; Based on the color data of each pixel unit, a grayscale value of each pixel unit is determined, where the grayscale value is related to the display of the pixel unit on the second display component of the electronic device.
3. The method according to claim 1 or 2, characterized in that The determining, based on the grayscale values of the pixel units in the first area, the sub-display array corresponding to the first area includes: Acquire a first parameter, where the first parameter is a brightness parameter and / or a color inversion parameter; Brightness adjustment and / or color inversion are performed on the grayscale value of the pixel unit based on the first parameter to determine the sub-display array corresponding to the first area.
4. The method according to any one of claims 1 to 3, characterized in that Before dividing the first image into M pixel units, the method further includes: Acquire an original image, wherein the original image includes a target subject; The original image is cropped to obtain the first image, wherein the proportion of the target subject in the original image is smaller than the proportion of the target subject in the first image.
5. The method according to any one of claim 4, characterized in that The step of cropping the original image to obtain the first image includes: Cropping the original image to obtain a second image, wherein the proportion of the target subject in the original image is smaller than the proportion of the target subject in the second image; In response to a rotation operation, the second image is rotated to obtain the first image, and an offset angle of the target subject in the first image is different from an offset angle of the target subject in the second image.
6. The method according to claim 5, characterized in that The step of rotating the second image in response to the rotation operation to obtain the first image includes: In response to the rotation operation, rotating the second image to obtain a third image; Determining a circumscribed rectangle based on the third image, wherein color data of pixel units in an area of the circumscribed rectangle excluding the third image is color data of edge points in the original image, the area of the circumscribed rectangle is larger than the third image, and the center point of the circumscribed rectangle is the same as the center point of the third image; The first image is determined based on the circumscribed rectangle and the third image.
7. The method according to claim 1, characterized in that The determining, based on the grayscale values of the pixel units in the first area, the sub-display array corresponding to the first area includes: In the case of dynamic display, determining a sub-display array corresponding to the first area based on the timestamp and the grayscale value of the pixel unit in the first area; The position of the same pixel unit in the first image is different from the position in the first display component, and the position of any pixel unit in the first display component is related to the timestamp.
8. The method according to claim 7, characterized in that The first image includes a target subject, and displaying the first image on the first display component based on the sub-display arrays corresponding to the at least two first areas includes: Displaying the target subject on the first display component based on the size of the first display component and the sub-display arrays corresponding to at least two of the first areas; If the display unit corresponding to the target body is at a first side edge of the first display component, the display unit corresponding to the target body is not displayed at a second side edge of the first display component, and the first side edge and the second side edge are opposite edges.
9. An electronic device comprising one or more memories and one or more processors, characterized in that: The memory is used to store a computer program; the processor is used to call the computer program, so that the electronic device executes the method according to any one of claims 1 to 8.
10. A chip system, applied to electronic equipment, characterized in that: The chip system includes at least one processor and an interface, wherein the interface is used to receive instructions and transmit them to the at least one processor; the at least one processor executes the instructions so that the electronic device executes the method according to any one of claims 1 to 8.
11. A computer-readable storage medium having a computer program / instruction stored thereon, characterized in that: When the computer program / instructions are executed by a processor, the steps of the method according to any one of claims 1 to 8 are implemented.
12. A computer program product comprising a computer program / instructions, characterized in that When the computer program / instructions are executed by a processor, the steps of the method according to any one of claims 1 to 8 are implemented.