Display device and picture display method

Abstract

Embodiments of the invention disclose a display device and a picture display method. The method comprises the steps of obtaining at least two to-be-displayed pictures; determining a target picture type of the to-be-displayed picture and the number of pictures of the target picture type based on the size information of the to-be-displayed picture; screening a target picture template from the plurality of preset picture templates based on the picture parameters corresponding to the to-be-displayed picture and the template parameters of the same dimension corresponding to the preset picture templates; the picture parameters comprise at least two of the total picture number of the pictures to be displayed, the target picture type and the picture number; the template parameters comprise at least two of the total number of the picture views contained in the preset picture template, the picture view types of the picture views and the number of the views of the picture view types; and based on the target picture type, filling each picture to be displayed into a corresponding picture view of the target picture template for display. Therefore, the picture display flexibility is improved, and the picture display effect is enhanced.

Description

Technical Field

[0001] This application relates to the field of communication technology, and in particular to a display device and a method for displaying images. Background Technology

[0002] With the widespread use of electronic devices, there are application scenarios that require displaying multiple images. For example, users may want to view multiple photos, web pages may need to display search results for multiple images, and product promotions may require displaying multiple product description images, etc.

[0003] Currently, the main solution for displaying multiple images is the waterfall / information feed display method, which presents multiple images one after another according to a specific arrangement (such as horizontal, vertical, grid layout, etc.). However, this image display method is relatively fixed and monotonous, with poor flexibility in image display; moreover, during the display process, images are cropped and / or scaled to varying degrees, resulting in poor image display quality. Summary of the Invention

[0004] Some embodiments of this application provide a display device and an image display method to improve the flexibility of displaying multiple images, reduce scaling and cropping processes during image display, and enhance image display effects.

[0005] Some embodiments of this application provide a display device, including:

[0006] A monitor is used to display images;

[0007] A communicator used for data communication with external devices;

[0008] A controller connected to the display and the communicator is configured to:

[0009] Retrieve at least two images to be displayed;

[0010] Based on the size information of the image to be displayed, determine the target image type and the number of images of the target image type;

[0011] Based on the image parameters corresponding to the image to be displayed and the template parameters corresponding to the preset image template, a target image template is selected from multiple preset image templates; wherein, the image parameters include at least two of the total number of images to be displayed, the target image type, and the number of images; the template parameters include at least two of the total number of image views included in the preset image template, the image view type of the image view, and the number of views of the image view type; and the image parameters are adapted to the template parameters;

[0012] Based on the target image type, each of the images to be displayed is filled into the corresponding image view of the target image template for display.

[0013] Some embodiments of this application also provide an image display method, including:

[0014] Retrieve at least two images to be displayed;

[0015] Based on the size information of the image to be displayed, determine the target image type and the number of images of the target image type;

[0016] Based on the image parameters corresponding to the image to be displayed and the template parameters corresponding to the preset image template, a target image template is selected from multiple preset image templates; wherein, the image parameters include at least two of the total number of images to be displayed, the target image type, and the number of images; the template parameters include at least two of the total number of image views included in the preset image template, the image view type of the image view, and the number of views of the image view type; and the image parameters are adapted to the template parameters;

[0017] Based on the target image type, each of the images to be displayed is filled into the corresponding image view of the target image template for display.

[0018] As can be seen from the above technical solutions, the display device and image display method provided in some embodiments of this application can determine the target image type and the number of images belonging to the target image type based on the size information of at least two images to be displayed; and filter the target image template from multiple preset image templates based on the image parameters corresponding to the image to be displayed and the template parameters corresponding to the preset image template; wherein, the image parameters include at least two of the total number of images to be displayed, the target image type, and the number of images; and the template parameters include the total number of image views contained in the preset image template, the number of image views, and the number of image views. At least two of the image type and the number of views of the image view type; and the image parameters are adapted to the template parameters; based on the target image type, each of the images to be displayed is filled into the corresponding image view of the target image template for display; this realizes the pre-design of multiple display templates (i.e., preset image templates) for displaying different image types, and in real time matching the most suitable target image template for displaying multiple images to be displayed from multiple preset image templates according to the size information and image parameters of the images to be displayed, thereby improving the flexibility of image display, maximizing the display of each image to be displayed, reducing scaling and cropping processing during image display, and enhancing the image display effect. Attached Figure Description

[0019] Figure 1 This application illustrates an operational scenario between a display device and a control device according to some embodiments;

[0020] Figure 2 A hardware configuration block diagram of a control device 100 according to some embodiments of this application is shown;

[0021] Figure 3 A hardware configuration block diagram of a display device 200 according to some embodiments of this application is shown;

[0022] Figure 4 This application shows a software configuration diagram of a display device 200 in some embodiments;

[0023] Figure 5 A flowchart of an image display method according to some embodiments of this application is shown;

[0024] Figure 6 A schematic diagram showing a preset image template in some embodiments of this application is illustrated;

[0025] Figure 7 This illustration shows a display diagram of another preset image template in some embodiments of this application;

[0026] Figure 8 This illustration shows a display diagram of yet another preset image template in some embodiments of this application;

[0027] Figure 9 It shows Figure 5 A detailed flowchart of S530 in the image display method shown;

[0028] Figure 10 This illustration shows a schematic diagram illustrating the application relationship between a template matching algorithm, a preset image template XML layout file, and a template configuration file in some embodiments of this application;

[0029] Figure 11 A flowchart of another image display method according to some embodiments of this application is shown. Detailed Implementation

[0030] To make the objectives and implementation methods of this application clearer, the exemplary implementation methods of this application will be clearly and completely described below with reference to the accompanying drawings of the exemplary embodiments of this application. Obviously, the exemplary embodiments described are only some embodiments of this application, and not all embodiments.

[0031] It should be noted that the brief descriptions of terms in this application are only for the convenience of understanding the embodiments described below, and are not intended to limit the embodiments of this application. Unless otherwise stated, these terms should be understood in their ordinary and common meaning.

[0032] The terms "first," "second," "third," etc., used in the specification, claims, and accompanying drawings of this application are used to distinguish similar or related objects or entities, and do not necessarily imply a specific order or sequence, unless otherwise specified. It should be understood that such terms are interchangeable where appropriate.

[0033] The terms “include” and “have”, and any variations thereof, are intended to cover but not exclusively include, for example, a product or device that includes a range of components is not necessarily limited to all of the components that are clearly listed, but may include other components that are not clearly listed or that are inherent to such product or device.

[0034] The display device provided in this application can have various implementation forms. For example, the display device can be a smart TV, a laser projection device, a monitor, an electronic bulletin board, an electronic table, a vehicle display, etc. Figure 1 and Figure 2 This is one specific embodiment of the display device of this application.

[0035] Figure 1 This is a schematic diagram illustrating the operational scenarios between the display device and the control device in some embodiments of this application. For example... Figure 1 As shown, the user can operate the display device 200 through the smart device 300 or the control device 100.

[0036] In some embodiments, the control device 100 may be a remote control. Communication between the remote control and the display device includes infrared protocol communication, Bluetooth protocol communication, and other short-range communication methods, controlling the display device 200 wirelessly or via wired means. Users can control the display device 200 by inputting user commands through buttons on the remote control, voice input, control panel input, etc.

[0037] In some embodiments, a smart device 300 (such as a mobile terminal, tablet computer, computer, laptop computer, etc.) may also be used to control the display device 200. For example, an application running on the smart device 300 may be used to control the display device 200.

[0038] In some embodiments, the display device 200 may receive instructions without using the aforementioned smart device 300 or control device 100, but instead receive user control through touch or interactive gestures (such as gestures, eye movements, body postures, etc.).

[0039] In some embodiments, the display device 200 can also be controlled in ways other than the control device 100 and the smart device 300. For example, it can be controlled by directly receiving the user's voice commands through a module configured inside the display device 200 for acquiring voice commands, or it can be controlled by receiving the user's voice commands through a voice control device set outside the display device 200.

[0040] In some embodiments, the display device 200 also communicates with the server 400. The display device 200 may communicate via a local area network (LAN), wireless local area network (WLAN), and other networks. The server 400 may provide various content and interactive features to the display device 200. The server 400 may be a cluster or multiple clusters, and may include one or more types of servers.

[0041] Figure 2 An exemplary block diagram of the configuration of the control device 100 according to an exemplary embodiment is shown. Figure 2 As shown, the control device 100 includes a controller 110, a communication interface 130, a user input / output interface 140, a memory, and a power supply. The control device 100 can receive user input operation commands and convert the operation commands into commands that the display device 200 can recognize and respond to, thus acting as an intermediary for interaction between the user and the display device 200.

[0042] like Figure 3 The display device 200 includes at least one of the following: a tuner 210, a communicator 220, a detector 230, an external device interface 240, a controller 250, a display 260, an audio output interface 270, a memory, a power supply, and a user interface.

[0043] In some embodiments, the display 260 includes a display screen component for presenting an image, a driving component for driving image display, a component for receiving image signals from the controller output, and a user control UI interface for displaying video content, image content, menu control interface, and user control UI interface.

[0044] In some embodiments, the display 260 may be a liquid crystal display, an OLED display, or a projection display, and may also be a projection device and a projection screen.

[0045] In some embodiments, the communicator 220 is a component used to communicate with external devices or servers according to various communication protocol types. For example, the communicator may include at least one of a Wi-Fi module, a Bluetooth module, a wired Ethernet module, other network communication protocol chips or near-field communication protocol chips, and an infrared receiver. The display device 200 can establish the transmission and reception of control signals and data signals with the external control device 100 or server 400 through the communicator 220.

[0046] In some embodiments, the user interface can be used to receive control signals from the control device 100 (e.g., an infrared remote control).

[0047] In some embodiments, detector 230 is used to acquire signals from the external environment or to interact with the outside world. For example, detector 230 includes a light receiver, a sensor for acquiring ambient light intensity; or, detector 230 includes an image acquisition device, such as a camera, which can be used to acquire external environmental scenes, user attributes, or user interaction gestures; or, detector 230 includes a sound acquisition device, such as a microphone, for receiving external sounds.

[0048] In some embodiments, the external device interface 240 may include, but is not limited to, one or more interfaces such as: High Definition Multimedia Interface (HDMI), analog or data high-definition component input interface (component), composite video input interface (CVBS), USB input interface (USB), RGB port, etc. It may also be a composite input / output interface formed by multiple interfaces mentioned above.

[0049] In some embodiments, the tuner 210 receives broadcast television signals via wired or wireless reception and demodulates audio and video signals, such as EPG data signals, from a plurality of wireless or wired broadcast television signals.

[0050] In some embodiments, the controller 250 and the tuner 210 may be located in different separate devices, that is, the tuner 210 may also be located in an external device of the main device where the controller 250 is located, such as an external set-top box.

[0051] In some embodiments, the controller 250 controls the operation of the display device and responds to user operations via various software control programs stored in memory. The controller 250 controls the overall operation of the display device 200. For example, in response to receiving a user command to select a UI object to display on the display 260, the controller 250 can perform operations related to the object selected by the user command.

[0052] In some embodiments, the controller 250 includes at least one of a central processing unit (CPU), a video processor, an audio processor, a graphics processing unit (GPU), RAM (random access memory), ROM (read-only memory), a first to an nth interface for input / output, a communication bus, etc.

[0053] Users can input commands through a graphical user interface (GUI) displayed on the monitor 260, and the user input interface receives the user input commands through the GUI. Alternatively, users can input commands by entering specific sounds or gestures, and the user input interface receives the user input commands by detecting the sounds or gestures through sensors.

[0054] A "user interface" is the medium through which an application or operating system interacts and exchanges information with the user. It converts information from its internal form to a form that the user can accept. A common form of user interface is the graphical user interface (GUI), which refers to a user interface related to computer operation displayed graphically. It can be an icon, window, control, or other interface element displayed on the screen of a display device. Controls can include visual interface elements such as icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, and widgets.

[0055] See Figure 4 The software system of a display device can be divided into four layers, from top to bottom: the Applications layer (referred to as the "application layer"), the Application Framework layer (referred to as the "framework layer"), the Android runtime and system library layer (referred to as the "system runtime library layer"), and the kernel layer.

[0056] In some embodiments, at least one application runs in the application layer. These applications may be Windows programs, system settings programs, or clock programs that come with the operating system; they may also be applications developed by third-party developers. In specific implementations, the application packages in the application layer are not limited to the examples above.

[0057] In some embodiments, the framework layer provides an application programming interface (API) and a programming framework for applications. The application framework layer includes predefined functions. It acts as a central processing unit, determining the actions taken by applications within the application layer. Through the API, applications can access system resources and obtain system services during execution.

[0058] like Figure 4 As shown, in some embodiments of this application, the application framework layer includes managers, content providers, etc., wherein the managers include at least one of the following modules: an Activity Manager for interacting with all activities running in the system; a Location Manager for providing system services or applications with access to system location services; a Package Manager for retrieving various information related to application packages currently installed on the device; a Notification Manager for controlling the display and clearing of notification messages; and a Window Manager for managing icons, windows, toolbars, wallpapers, and desktop widgets on the user interface.

[0059] In some embodiments, the Activity Manager manages the lifecycle of individual applications and common navigation and back functions, such as controlling application exit, opening, and back actions. The Window Manager manages all window programs, such as obtaining the screen size, determining if a status bar is present, locking the screen, capturing the screen, and controlling display window changes (e.g., shrinking the display window, shaking the display, distorting the display, etc.).

[0060] In some embodiments, the system runtime library layer provides support for the upper layer, namely the framework layer. When the framework layer is used, the Android operating system runs the C / C++ libraries contained in the system runtime library layer to implement the functions that the framework layer needs to perform.

[0061] In some embodiments, the kernel layer is a layer between hardware and software. For example... Figure 4 As shown, the kernel layer includes at least one of the following drivers: audio driver, display driver, Bluetooth driver, camera driver, WIFI driver, USB driver, HDMI driver, sensor driver (such as fingerprint sensor, temperature sensor, pressure sensor, etc.), and power driver.

[0062] In some embodiments, the display device 200 includes:

[0063] A monitor is used to display images;

[0064] A communicator used for data communication with external devices;

[0065] The controller, connected to the display and communicator, is configured as follows:

[0066] Retrieve at least two images to be displayed;

[0067] Based on the size information of the image to be displayed, determine the target image type and the number of images of the target image type;

[0068] Based on the image parameters corresponding to the image to be displayed and the template parameters corresponding to the preset image template, a target image template is selected from multiple preset image templates; wherein, the image parameters include at least two of the following: the total number of images to be displayed, the target image type, and the number of images; the template parameters include at least two of the following: the total number of image views contained in the preset image template, the image view type of the image view, and the number of views of the image view type; and the image parameters are adapted to the template parameters.

[0069] Based on the target image type, each image to be displayed is populated into the corresponding image view of the target image template for display.

[0070] In some embodiments, the controller is configured to determine the target image type and the number of images of the target image type based on the size information of the image to be displayed in the following manner:

[0071] Determine the aspect ratio of the image to be displayed based on its height and width values;

[0072] Based on the size ratio and the preset ratio corresponding to each preset image type, the target image type to which the image to be displayed belongs is determined, and the number of images to be displayed corresponding to the target image type is counted.

[0073] In some embodiments, the controller is configured to filter a target image template from multiple preset image templates based on image parameters corresponding to the image to be displayed and template parameters corresponding to preset image templates in the following manner:

[0074] If the target image type is the first horizontal type and / or the first vertical type, then the image parameters of each image to be displayed are matched with the corresponding template parameters of each preset image template, and the preset image template that is successfully matched is determined as the target image template;

[0075] The image parameters include at least two of the following: the total number of images, the combination of the first horizontal layout type and the corresponding number of images, and the combination of the first vertical layout type and the corresponding number of images; the template parameters include at least two of the following: the total number of views, the combination of the first horizontal layout type and the corresponding number of views, and the combination of the first vertical layout type and the corresponding number of views.

[0076] In some embodiments, the controller is configured to filter a target image template from multiple preset image templates based on image parameters corresponding to the image to be displayed and template parameters corresponding to preset image templates in the following manner:

[0077] If the target image type is at least one of the first horizontal type, the second horizontal type, the first vertical type, and the second vertical type, then the image parameters of each image to be displayed are matched with the corresponding template parameters of each preset image template, and the preset image template that is successfully matched is determined as the target image template.

[0078] The image parameters include at least four of the following: total number of images, combination of the first horizontal layout type and corresponding number of images, combination of the second horizontal layout type and corresponding number of images, combination of the first vertical layout type and corresponding number of images, and combination of the second vertical layout type and corresponding number of images. The template parameters include at least four of the following: total number of views, combination of the first horizontal layout type and corresponding number of views, combination of the second horizontal layout type and corresponding number of icons, combination of the first vertical layout type and corresponding number of views, and combination of the second vertical layout type and corresponding number of views.

[0079] In some embodiments, the controller is further configured to:

[0080] If the number of successfully matched preset image templates is greater than 1, then for any successfully matched preset image template, determine the difference between the size ratio of the image to be displayed corresponding to the target image type and the size ratio of the image view corresponding to the image view type that is compatible with the target image type, and determine the comprehensive difference value corresponding to the corresponding preset image template based on each difference value.

[0081] The preset image template corresponding to the smallest overall difference value is determined as the target image template.

[0082] In some embodiments, the controller is configured to filter a target image template from multiple preset image templates based on image parameters corresponding to the image to be displayed and template parameters corresponding to preset image templates in the following manner:

[0083] The template configuration file is parsed into an executable object; the template configuration file is a file with a lightweight data exchange format, and it is used to record the mapping relationship between template parameters and template identifiers of preset image templates, as well as the query logic for the mapping relationship;

[0084] Based on the image parameters, an executable object is called to execute the query logic and determine the template identifier that matches each image to be displayed from the template identifiers.

[0085] The preset image template corresponding to the matched template identifier is determined as the target image template.

[0086] In some embodiments, the controller is configured to populate the corresponding image view of the target image template with each image to be displayed based on the target image type in the following manner:

[0087] Based on the target image type and image view type, each image to be displayed is filled into the corresponding image view of the target image template to generate an image wall;

[0088] Display an image wall, and when the target size of the image to be displayed is larger than the corresponding size of the corresponding image view by a preset value, display the image to be displayed in the corresponding image view in a scrolling manner; where the target size is the length value of the dimension corresponding to the target image type.

[0089] In some embodiments, the controller is further configured to:

[0090] After filling the corresponding image view of the target image template with each image to be displayed based on the target image type and image view type to generate the image wall, based on the view information of each image to be displayed and the color block view in the target image template, color blocks to be displayed are generated, and each color block to be displayed is filled into the color block view of the target image template to update the image wall.

[0091] Furthermore, the controller is configured to generate color blocks to be displayed based on the view information of the color block views in each image to be displayed and the target image template, and to fill each color block to be displayed into the color block view of the target image template in the following manner:

[0092] Based on the main color tone of each image to be displayed, generate color blocks to be displayed with the same number of views as the color block view, and randomly fill each color block to be displayed into each color block view;

[0093] Alternatively, based on the main color tone of at least one image to be displayed that is adjacent to any color block view in the image wall, generate the color block to be displayed corresponding to the color block view, and fill the color block to be displayed into the corresponding color block view.

[0094] For explanations of the terms and steps in the operations performed by the controller in the above-described display device 200, please refer to the relevant descriptions of any embodiment of the following picture display method.

[0095] Figure 5A flowchart illustrating an image display method according to some embodiments of this application is shown. This image display method can be executed by a controller in a display device. Figure 5 As shown, some embodiments of this application provide an image display method that includes the following steps:

[0096] S510: Obtain at least two images to be displayed.

[0097] The image to be displayed is the image waiting to be displayed on the monitor of the display device.

[0098] Specifically, when a user triggers multiple image display functions (such as opening a photo album to display photos in a multi-image style, or opening a product promotional brochure), or when an upstream business sends out a multi-image display function (such as a search business browser sending out a webpage generation and display of multi-image search results), the controller can retrieve multiple images to be displayed. For example, the controller can retrieve multiple images to be displayed from the network, or it can read multiple images to be displayed from local storage or external storage.

[0099] S520. Based on the size information of the image to be displayed, determine the target image type and the number of images of the target image type.

[0100] The size information refers to the dimensions of the image, such as its height, width, and resolution. The target image type is the type of image to be displayed. This image type is a predefined category, determined based on the image's size information and predefined threshold values ​​for size-related parameters. For example, using the width and height as the size information, the image type could be a standard portrait type (where the height is slightly larger than the width, referred to as the first portrait type), an extra-tall portrait type (where the height is much larger than the width, referred to as the second portrait type), a standard landscape type (where the height is slightly smaller than the width, referred to as the first landscape type), or an extra-wide landscape type (where the height is much smaller than the width, referred to as the second landscape type), and so on.

[0101] Specifically, the controller first determines the size-related parameters and thresholds for classifying the image type. For example, the controller can obtain the size-related parameters for image classification from the network or storage, such as the range of size values ​​in the horizontal and vertical dimensions, or the size ratio in the horizontal and vertical dimensions and its corresponding threshold. Then, the controller obtains the size information of each image to be displayed and performs image type discrimination processing according to the above-mentioned method for determining size-related parameters. This allows the controller to determine the target image type to which each image to be displayed belongs and the number of images to be displayed corresponding to that target image type (i.e., the number of images).

[0102] In some embodiments, when the size-related parameters for image type determination are the size ratios in the horizontal and vertical dimensions, the process of determining the target image type and the number of images of the image to be displayed can be as follows: based on the height and width values ​​of the image to be displayed, determine the size ratio of the image to be displayed; based on the size ratio and the preset ratios corresponding to each preset image type, determine the target image type to which the image to be displayed belongs, and count the number of images of the target image type to be displayed.

[0103] The aspect ratio is the ratio of dimensions in the horizontal and vertical dimensions. For example, it can be the width-to-height ratio, the height-to-width ratio, or a combination of both. The preset image type is a predefined image type. The preset aspect ratio is the threshold value corresponding to the preset image type.

[0104] Specifically, the controller can predetermine preset image types and their corresponding preset ratios. For example, the preset image type is a first horizontal type, with a preset ratio greater than 1 and less than 1.777778; the preset image type is a second horizontal type, with a preset ratio greater than 1.777778; the preset image type is a first vertical type, with a preset ratio greater than 1 and less than 1.777778; and the preset image type is a second vertical type, with a preset ratio greater than 1.777778. Here, the aspect ratio is the ratio of the width to the height, and the height ratio is the ratio of the height to the width. The value of 1.777778 is an empirically set value that can be determined based on the screen resolution of the display device.

[0105] For each image to be displayed, the controller performs the same image type determination process: It determines the height and width values ​​from the image's size information. Then, it calculates the corresponding size ratio according to the ratio parameters in the preset ratios for each preset image type. For example, it can calculate both the aspect ratio and the height-to-width ratio simultaneously. The calculated size ratio is then compared with each preset ratio to determine which preset ratio range it falls within, and the preset image type corresponding to the matched preset ratio is identified as the target image type for that image to be displayed.

[0106] For example, when the preset image types are the four image types mentioned above, the calculated aspect ratio and height-to-width ratio can be compared with the four preset ratio values ​​to determine which preset ratio range it belongs to, thus determining its corresponding target image type. When the preset image types are the coarser-grained first horizontal type and first vertical type, the calculated aspect ratio and height-to-width ratio can be compared with the two preset ratio values ​​corresponding to the first horizontal type and first vertical type to determine which preset ratio range it belongs to, thus determining its corresponding target image type.

[0107] The controller can then count the number of images to be displayed for each target image type, thus determining the total number of images corresponding to that target image type. This allows for a more accurate and faster determination of the target image type and its quantity, thereby improving the efficiency of image template matching and image display.

[0108] S530: Based on the image parameters corresponding to the image to be displayed, and the template parameters in the preset image template that are compatible with the parameter dimensions of the image parameters, the target image template is selected from multiple preset image templates.

[0109] Among them, image parameters are parameters related to the image to be displayed. In some embodiments of this application, image parameters include at least two of the following: the total number of images to be displayed, and the number of images for each target image type. Template parameters are parameters related to a preset image template. In some embodiments of this application, template parameters include at least two of the following: the total number of image views included in the preset image template, and the image view type to which each image view belongs and the number of views for each image view. Furthermore, the image parameters are adapted to the template parameters. For example, if the image parameters are the total number of images, a certain target image type and its number, then the template parameters correspond to the total number of views, the image view type consistent with the aforementioned target image type and its corresponding number of views. Similarly, if the image parameters are each target image type and its number, then the template parameters are each image view type and its number, etc. The image view type is adapted to the preset image type. The preset image template is a pre-designed template for displaying multiple images, which at least includes an image view for placing images, the image view type of the image view, and the layout position of the image view, etc. The target image template is a preset image template adapted to multiple images to be displayed.

[0110] Specifically, relevant personnel can pre-design various preset image templates. These preset image templates can include combinations and layouts of image views of different image view types to increase the flexibility of displaying multiple images. For example... Figures 6-8As shown, the preset image template can contain a varying number of image views (white tile example), and these image views can have different view types and layout positions. Furthermore, the preset image template can also include a background section (...). Figure 6 Examples of preset image templates include black dot fill (e.g., the default fill between image views, such as the diagonal line fill example in the image). These preset image templates and their parameters are stored.

[0111] After obtaining each preset image template and its parameters, the controller matches the image parameters corresponding to each image to be displayed with the parameters in the corresponding dimension of each template parameter. If at least one template parameter matches successfully, one of the preset image templates corresponding to that template parameter is selected as the target image template. If no template parameter matches successfully, the images to be displayed are displayed using a multi-image display method as described in related technologies.

[0112] In some embodiments, if the target image type is a first horizontal type and / or a first vertical type, the template matching process is as follows: matching the image parameters of each image to be displayed with the corresponding template parameters of each preset image template, and determining the successfully matched preset image template as the target image template. The image parameters in these embodiments include at least two of the following: the total number of images, a combination of the first horizontal type and the corresponding number of images, and a combination of the first vertical type and the corresponding number of images. Correspondingly, the template parameters in these embodiments include at least two of the following: the total number of views, a combination of the first horizontal type and the corresponding number of views, and a combination of the first vertical type and the corresponding number of views.

[0113] Specifically, the controller can match at least two parameters from the total number of images corresponding to each image to be displayed, the number of first horizontal types, and the number of first vertical types with the corresponding dimension model parameters from the total number of views, the number of first horizontal types, and the number of first vertical types contained in each preset image template. For example, if there are a total of 4 images to be displayed, including 1 image of the first vertical type and 3 images of the first horizontal type, then when using the 4 images and 1 image of the first vertical type as image parameters for template matching, the total number of views and the first vertical type and its corresponding number of views in each preset image template can be used as template parameters. When using the 1 image of the first vertical type and 3 images of the first horizontal type as image parameters, the first vertical type and its corresponding number of views, as well as the first horizontal type and its corresponding number of views in each preset image template, can be used as template parameters. After all the template parameters of each preset image template are matched, the preset image template that matches successfully can be determined as the target image template.

[0114] In some embodiments, if the target image type is at least one of a first horizontal type, a second horizontal type, a first vertical type, and a second vertical type, the template matching process is as follows: matching the image parameters of each image to be displayed with the corresponding template parameters of each preset image template, and determining the successfully matched preset image template as the target image template. The image parameters in these embodiments include at least four of the following: the total number of images, a combination of the first horizontal type and the corresponding number of images, a combination of the second horizontal type and the corresponding number of images, a combination of the first vertical type and the corresponding number of images, and a combination of the second vertical type and the corresponding number of images. The template parameters in these embodiments include at least four of the following: the total number of views, a combination of the first horizontal type and the corresponding number of views, a combination of the second horizontal type and the corresponding number of icons, a combination of the first vertical type and the corresponding number of views, and a combination of the second vertical type and the corresponding number of views.

[0115] Specifically, the controller can match at least four parameters—the total number of images corresponding to each image to be displayed, the number of first horizontal types, the number of second horizontal types, the number of first vertical types, and the number of second vertical types—with the corresponding dimension model parameters of the total number of views, the number of first horizontal types, the number of second horizontal types, the number of first vertical types, and the number of second vertical types contained in each preset image template. For example, if there are a total of 6 images to be displayed, including 1 image of the first vertical type, 2 images of the second vertical type, 0 images of the first horizontal type, and 3 images of the second horizontal type, then when using the 6 images, 1 image of the first vertical type, 2 images of the second vertical type, and 0 images of the first horizontal type as image parameters for template matching, the total number of views, the number of views of the first vertical type and its corresponding number of views, the number of views of the second vertical type and its corresponding number of views, and the number of views of the first horizontal type and its corresponding number of views in each preset image template can be used as template parameters for template matching. When using one image of type 1 (vertical), two images of type 2 (vertical), zero images of type 1 (horizontal), and three images of type 2 (horizontal) as image parameters for template matching, the first vertical type and its corresponding number of views, the second vertical type and its corresponding number of views, the first horizontal type and its corresponding number of views, and the second horizontal type and its corresponding number of views from each preset image template can be used as template parameters for template matching. After all template parameters of each preset image template have been matched, the preset image template that matches successfully can be determined as the target image template.

[0116] In some embodiments, if the image parameters include the total number of images, and all image parameters and template parameters fail to match, a downgraded matching process is executed. This involves reducing the total number of images by 1, and using the reduced total number of images and at least one target image type and its number as new image parameters, which are then matched against the corresponding dimension parameters in each template parameter. If at least one template parameter matches successfully, the preset image template corresponding to that successfully matched template parameter is used as the target image template. If all matches still fail, the total number of images is reduced by 1, and the parameter matching process is repeated until a successfully matched template parameter is found, or the total number of images equals 0. In this case, all images to be displayed are shown using a multi-image display method as described in related technologies.

[0117] It should be noted that in the above-described downgraded matching embodiment, the number of target image types is one less than the number of target image types covered by each image to be displayed. That is, the image parameters include the total number of images, but omit one target image type and its corresponding number of images.

[0118] In some embodiments, if the number of successfully matched preset image templates is greater than one, then a target image template is randomly selected from all the successfully matched preset image templates. This not only ensures that each image view in the target image template can adapt to each image to be displayed as much as possible, but also simplifies the template matching logic, improves the processing efficiency of multi-image display, and makes this image display method more suitable for smart TVs, smart home devices, and other devices with relatively poor performance.

[0119] In other embodiments, if the number of successfully matched preset image templates is greater than 1, then for any successfully matched preset image template, the difference between the size ratio of the image to be displayed corresponding to the target image type and the size ratio of the image view corresponding to the image view type adapted to the target image type is determined, and a comprehensive difference value corresponding to the corresponding preset image template is determined based on each difference value; the preset image template corresponding to the smallest comprehensive difference value is determined as the target image template.

[0120] The comprehensive difference value is the result of a comprehensive calculation of the differences between multiple size ratios. It is used to characterize the overall differences between each image view in the preset image template and each image to be displayed. For example, the comprehensive difference value can be the (weighted) sum of multiple difference values, or the product of multiple difference values, etc.

[0121] Specifically, when there are multiple successfully matched preset image templates, each successfully matched preset image template can be further matched with each image to be displayed. During the matching process, the difference between the size ratio of images to be displayed of the same type and the size ratio of the image view can be calculated. Furthermore, when there are two or more images to be displayed of the same type, a combined difference value can be calculated from the multiple difference values.

[0122] For example, if there is one image to be displayed for the first landscape type, and there is one image view for the first landscape type in the matching preset template types, then the difference between the aspect ratio (e.g., width-to-height ratio) of the image to be displayed and the aspect ratio (width-to-height ratio in the same example) of the image view can be calculated as the difference value corresponding to the first landscape type.

[0123] For example, if the first vertical layout type corresponds to two images A and B to be displayed, the first vertical layout type in the matching preset template type also corresponds to two image views A' and B'. In this case, the matching combination corresponding to the smallest difference value can be filtered out from the first vertical layout type. First, the two images to be displayed can be sorted according to their size ratio (e.g., image B to be displayed, image A to be displayed), and the two image views can also be sorted according to the size ratio obtained by the same ratio calculation method (e.g., image view A', image view B'). The two sorting results correspond one-to-one according to the sorting order to determine the matching relationship between the images to be displayed and the image views, that is, image B to be displayed - image view A', image A to be displayed - image view B'. Then, the difference value between the size ratio of image A to be displayed and the size ratio of image view B' can be calculated; at the same time, the difference value between the size ratio of image B to be displayed and the size ratio of image view A' can be calculated. These two difference values ​​are the difference values ​​corresponding to the first vertical layout type.

[0124] Calculate the difference values ​​for each image view type within the matched preset image template sequentially, following the example above. Then, sum the difference values ​​to obtain the overall difference value for the matched preset image template.

[0125] Following the above process, a comprehensive difference value can be calculated for each matching preset image template. The smaller the comprehensive difference value, the higher the compatibility between the corresponding preset image type and each image to be displayed. Therefore, the controller can determine the matching preset image template corresponding to the smallest comprehensive difference value as the target image template. This setting can further improve the compatibility between the target image template and each image to be displayed, thereby further reducing the amount of scaling or cropping processing required for the images to be displayed, and thus further enhancing the display effect of the images.

[0126] S540. Based on the target image type, fill the corresponding image view of the target image template with each image to be displayed.

[0127] Specifically, the controller can fill each image to be displayed into the corresponding image view of the target image template according to the target image type, generate a multi-image layout result (which can be called an electronic image wall), and display the electronic image wall.

[0128] In some embodiments, to further improve the accuracy of the filling position of the images to be displayed in the target image template, each image to be displayed and each image view can be sorted according to a certain aspect ratio (such as width-to-height ratio or height-to-width ratio). The image view to which the images to be displayed are adapted is determined according to the sorting order, and each image to be displayed is filled into the corresponding image view according to the adaptation relationship to generate an electronic image wall for display. The process of sorting and determining the adaptation relationship can be referred to in the above embodiments for the processing of two images to be displayed A and B and two image views A′ and B′.

[0129] In some embodiments, S540 includes: filling each image to be displayed into the corresponding image view of the target image template based on the target image type and the image view type to generate an image wall; displaying the image wall, and when the target size of the image to be displayed is larger than the corresponding size of the corresponding image view by a preset value, displaying the image to be displayed in the corresponding image view in a scrolling manner.

[0130] The target size is the length value in the dimension corresponding to the target image type. For example, if the target image type is a first horizontal type / second horizontal type, then the target size is the width value; similarly, if the target image type is a first vertical type / second vertical type, then the target size is the height value. The preset value is a pre-set size difference threshold, which is used to determine whether the difference between the image to be displayed and the image view is too large.

[0131] Specifically, after the controller fills the images to be displayed to obtain the image wall according to the above embodiments, the image wall can be displayed. During the display process, the adaptability between each image to be displayed and the image view it fills can be further determined. If the target size of the image to be displayed is only slightly larger than the corresponding size of its filling image view, then the image to be displayed can be cropped and / or scaled to a small extent, which has little impact on the display effect of the image to be displayed. If the target size of the image to be displayed is much larger than the corresponding size of its filling image view, for example, if the size difference exceeds a preset value, then cropping or scaling the image to be displayed will significantly affect the display effect of the image to be displayed. In this case, the image to be displayed is displayed in its filling image view in a scrolling manner. Moreover, the scrolling direction is the direction of the dimension corresponding to the target image type. For example, if the target image type is a first horizontal type / second horizontal type, then the scrolling direction is the horizontal direction of the width dimension; as another example, if the target image type is a first vertical type / second vertical type, then the scrolling direction is the vertical direction of the height dimension. This can further reduce the degree of cropping and / or compression of the images to be displayed, thereby further enhancing the display effect of the images.

[0132] In some embodiments, for scenarios where multiple images are automatically switched, such as automatically switching between photos or product promotional images, after the image wall has been displayed for a certain period of time, the process can return to S510 for loop processing to automatically load multiple other images to be displayed and match preset image templates to generate a new image wall for display.

[0133] The image display method provided in the above embodiments of this application can determine the target image type and the number of images belonging to the target image type based on the size information of at least two images to be displayed; select a target image template from multiple preset image templates based on the image parameters corresponding to the images to be displayed and the template parameters corresponding to the preset image templates; wherein, the image parameters include at least two of the total number of images to be displayed, the target image type, and the number of images; the template parameters include at least two of the total number of image views contained in the preset image template, the image view type of the image view, and the number of views of the image view type; and the image parameters are adapted to the template parameters; based on the target image type, each image to be displayed is filled into the corresponding image view of the target image template for display; this realizes the pre-design of multiple display templates (i.e., preset image templates) for displaying different image types, and real-time matching of the most suitable target image template for displaying multiple images to be displayed from multiple preset image templates based on the size information and image parameters of the images to be displayed, thereby improving the flexibility of image display, maximizing the display of each image to be displayed, reducing scaling and cropping processing during image display, and enhancing the image display effect.

[0134] Figure 9 Showing the target Figure 5 The diagram shows a detailed flow chart of S530 in the image display method. (See attached diagram.) Figure 9 As shown, S530″ selects the target image template from multiple preset image templates based on the image parameters corresponding to the image to be displayed and the template parameters corresponding to the preset image templates″, including the following steps:

[0135] S910. Parse the template configuration file into an executable object; the template configuration file is a file with a lightweight data exchange format, and the template configuration file is used to record the mapping relationship between template parameters and template identifiers of preset image templates, as well as the query logic for the mapping relationship.

[0136] The template configuration file is a file written in a lightweight data exchange format (such as JavaScript Object Notation, JSON format) based on a preset image template.

[0137] Specifically, after relevant personnel design preset image templates, they can be written and stored as Extensible Markup Language (XML) layout files to record the image view types and their layout positions within the preset image templates. Simultaneously, the corresponding preset image templates can be named according to their template parameters. That is, the preset image templates are named in advance based on the total number of views, the first horizontal layout type and its number of views, and the first vertical layout type and its number of views. For example, a preset image template with two first horizontal layout type image views and two first vertical layout type image views can be named "layout_2_2_1". If there is a second preset image template with similar image view types and numbers, it can be named "layout_2_2_2". Furthermore, a preset image template with zero first horizontal layout type image views and five first vertical layout type image views can be named "layout_0_5_1". In this way, when the controller performs template matching, it can directly traverse the template file names of the preset image templates without reading the template parameters, which simplifies the implementation logic of parameter matching and further improves the efficiency of template matching.

[0138] Then, relevant personnel write the corresponding query logic for the preset image templates based on the template parameters and filenames, and output it as a template configuration file. For example, if the total number of views is 4 (fours), and the image view types include the first portrait type (portrait) and the first landscape type (landscape), and there exist preset image templates: layout_0_4_1 containing 0 first portrait type image views and 4 first landscape type image views; layout_1_3_1 and layout_1_3_2 containing 1 first portrait type image view and 3 first landscape type image views; layout_2_2_1 and layout_2_2_2 containing 2 first portrait type image views and 2 first landscape type image views; and layout_3_1_1 containing 3 first portrait type image views and 1 first landscape type image view. An example of the template configuration file content can be shown in the following code to implement the query logic for each of the above preset image templates.

[0139]

[0140]

[0141] For specific implementation, please refer to Figure 10 After obtaining multiple images to be displayed and determining their corresponding target image types and number, the controller starts the template matching algorithm of the preset image template, i.e., executes S530. During the execution process, the controller can load the template configuration file and parse it into an executable object.

[0142] S920. Based on the image parameters, call the executable object to execute the query logic and determine the template identifier that matches each image to be displayed from the template identifiers.

[0143] The template identifier is the identifying information of the preset image template, such as the template file name.

[0144] Specifically, the controller takes the image parameters of each image to be displayed as input parameters and calls the executable file obtained above. This allows the query logic in the template configuration file to be executed, accessing [the relevant information] based on the image parameters. Figure 10 The XML layout files corresponding to each preset image template are shown, and at least one template identifier that is compatible with each image to be displayed is matched from each template identifier.

[0145] S930. The preset image template corresponding to the matched template identifier is determined as the target image template.

[0146] Specifically, see [link to relevant documentation] Figure 10The controller determines the target image templates that are compatible with each image to be displayed by accessing JSON and XML layout files. Then, it populates the corresponding image views in the target image templates with each image to be displayed, generating and displaying the image wall.

[0147] The target image template filtering method provided in the above embodiments of this application can decouple the template matching algorithm from the preset image template by setting the XML layout file and template configuration file of the preset image template. This allows the preset image template to be updated by simply changing the corresponding XML layout file and template configuration file, without modifying the implementation logic of the template matching algorithm, thus improving the scalability and flexibility of the preset image template.

[0148] Figure 11 A flowchart illustrating another image display method provided in some embodiments of this application is shown. For example... Figure 11 As shown, the image display method includes the following steps:

[0149] S1110: Obtain at least two images to be displayed. If successful, continue to S1120; if unsuccessful, end the current image display process.

[0150] S1120. Based on the size information of the image to be displayed, determine the target image type and the number of images of the target image type.

[0151] S1130: Based on the image parameters corresponding to the image to be displayed and the template parameters corresponding to the preset image template, a target image template is selected from multiple preset image templates. If a target image template is found, proceed to S1140; otherwise, if a target image template is not found based on the total number of images, a downgraded matching process is performed as described in the above embodiments.

[0152] S1140. Based on the target image type and image view type, fill each image to be displayed into the corresponding image view of the target image template to generate an image wall.

[0153] S1150. Based on the view information of the color block views in each image to be displayed and the target image template, generate color blocks to be displayed, and fill each color block to be displayed into the color block view of the target image template to update the image wall.

[0154] The color block view is a layout view used to fill color blocks of a specific color. View information refers to the layout information of the color block view within the target image template, such as its position and / or the number of color block views in the layout. Color blocks to be displayed are those waiting to be displayed in the corresponding image wall of the target image template.

[0155] Specifically, given that the color transitions between the images to be displayed may be poor, resulting in an unnatural and unharmonious image wall display, some embodiments of this application may add color block views between the image views of the preset image template to provide color transitions / buffers between the images to be displayed. Therefore, the target image template obtained by the controller also contains color block views. The controller can then generate a number of color blocks to be displayed that match the number of color block views based on the view information of the color block views, and fill these color blocks into the image wall to update it.

[0156] In some embodiments, the process of generating and filling the color blocks to be displayed may be as follows: based on the main color tone of each image to be displayed, generate color blocks to be displayed that are consistent with the number of views of the color block view, and randomly fill each color block to be displayed into each color block view.

[0157] Specifically, the controller can employ a hue calculation algorithm from relevant technologies to obtain the dominant hue of each image to be displayed. Then, based on these dominant hues, corresponding color blocks to be displayed are generated. Subsequently, according to the layout position of the color block view, each color block to be displayed is randomly filled into the color block view in the image wall to update the image wall.

[0158] For example, such as Figure 6 The target image template shown has five images to be displayed in its corresponding image wall, from which five main color schemes can be obtained, and five color blocks to be displayed can be generated accordingly. However, Figure 6 Since only three color block views need to be filled, the controller can randomly select three from five color blocks to be displayed and randomly fill the three color block views in the image wall. This simplifies the image wall generation logic and further improves the universality of the image display method.

[0159] In other embodiments, the process of generating and filling the color block to be displayed may be as follows: based on the main color tone of at least one image to be displayed that is adjacent to any color block view in the image wall, generate the color block to be displayed corresponding to the color block view, and fill the color block to be displayed into the corresponding color block view.

[0160] Specifically, in order to further reduce color conflicts between the images to be displayed in the image wall and thus further enhance the visual effect of the image wall, the controller can generate the color blocks to be displayed for the corresponding color block view based on the main color tone of at least one image to be displayed that is immediately adjacent to each color block view.

[0161] For example, see Figure 6For color block view a, the controller calculates the primary colors of images A, B, C, and D to be displayed, and recalculates a composite color based on these four primary colors. Then, a color block to be displayed is generated based on this composite color. This color block is then filled into color block view a. For color block view b, the controller calculates the primary colors of images B, C, and E to be displayed, and recalculates a composite color based on these three primary colors. Then, a color block to be displayed is generated based on this composite color. This color block is then filled into color block view b. For color block view c, the controller calculates the primary colors of images B and E to be displayed, and recalculates a composite color based on these two primary colors. Then, a color block to be displayed is generated based on this composite color. This color block is then filled into color block view c. This updated image wall uses three color blocks to achieve color transitions between five images to be displayed, enhancing the visual effect of the image wall.

[0162] S1160: Display the image wall, and after the image wall has been displayed for a certain period of time, return to execute S1110.

[0163] The image display method provided in the above embodiments of this application adds a color block view to a preset image template and generates color blocks to be displayed by using the main color of each image to be displayed that has already been filled to fill the color block view. This achieves color transition / buffering between each image to be displayed in the image wall, thereby enhancing the visual effect of the image wall and further improving the display effect of the image wall.

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

[0165] For ease of explanation, the above description has been provided in conjunction with specific embodiments. However, the above exemplary discussion is not intended to be exhaustive or to limit the embodiments to the specific forms disclosed above. Various modifications and variations can be obtained based on the above teachings. The selection and description of the above embodiments are for the purpose of better explaining the principles and practical applications, thereby enabling those skilled in the art to better utilize the described embodiments and various different variations of embodiments suitable for specific use considerations.

Claims

1. A display device, characterized in that, include: A monitor is used to display images; A communicator used for data communication with external devices; A controller connected to the display and the communicator is configured to: Retrieve at least two images to be displayed; Based on the size information of the image to be displayed, determine the target image type and the number of images of the target image type; Based on the image parameters corresponding to the image to be displayed and the template parameters corresponding to the preset image template, a target image template is selected from multiple preset image templates; wherein, the image parameters include at least two of the total number of images to be displayed, the target image type, and the number of images; the template parameters include at least two of the total number of image views included in the preset image template, the image view type of the image view, and the number of views of the image view type; and the image parameters are adapted to the template parameters; Based on the target image type, each of the images to be displayed is filled into the corresponding image view of the target image template for display.

2. The display device according to claim 1, characterized in that, The controller is configured to determine the target image type and the number of images of the target image type based on the size information of the image to be displayed in the following manner: Based on the height and width values ​​of the image to be displayed, determine the aspect ratio of the image to be displayed; Based on the size ratio and the preset ratio corresponding to each preset image type, the target image type to which the image to be displayed belongs is determined, and the number of images to be displayed corresponding to the target image type is counted.

3. The display device according to claim 1, characterized in that, The controller is configured to filter a target image template from multiple preset image templates based on the image parameters corresponding to the image to be displayed and the template parameters corresponding to the preset image templates in the following manner: If the target image type is a first horizontal type and / or a first vertical type, then the image parameters of each image to be displayed and the corresponding template parameters of each preset image template are matched, and the preset image template that is successfully matched is determined as the target image template; The image parameters include at least two of the following: the total number of images, the combination of the first horizontal type and the corresponding number of images, and the combination of the first vertical type and the corresponding number of images; the template parameters include at least two of the following: the total number of views, the combination of the first horizontal type and the corresponding number of views, and the combination of the first vertical type and the corresponding number of views.

4. The display device according to claim 1, characterized in that, The controller is configured to filter a target image template from multiple preset image templates based on the image parameters corresponding to the image to be displayed and the template parameters corresponding to the preset image templates in the following manner: If the target image type is at least one of a first horizontal type, a second horizontal type, a first vertical type, and a second vertical type, then the image parameters of each image to be displayed are matched with the corresponding template parameters of each preset image template, and the successfully matched preset image template is determined as the target image template; wherein, the image parameters include at least four of the following: the total number of images, the combination of the first horizontal type and the corresponding number of images, the combination of the second horizontal type and the corresponding number of images, the combination of the first vertical type and the corresponding number of images, and the combination of the second vertical type and the corresponding number of images; the template parameters include at least four of the following: the total number of views, the combination of the first horizontal type and the corresponding number of views, the combination of the second horizontal type and the corresponding number of icons, the combination of the first vertical type and the corresponding number of views, and the combination of the second vertical type and the corresponding number of views.

5. The display device according to claim 3 or 4, characterized in that, The controller is also configured to: If the number of successfully matched preset image templates is greater than 1, then for any successfully matched preset image template, determine the difference between the size ratio of the image to be displayed corresponding to the target image type and the size ratio of the image view corresponding to the image view type that is adapted to the target image type, and determine the comprehensive difference value corresponding to the corresponding preset image template based on each difference value. The preset image template corresponding to the smallest difference comprehensive value is determined as the target image template.

6. The display device according to claim 1, characterized in that, The controller is configured to filter a target image template from multiple preset image templates based on the image parameters corresponding to the image to be displayed and the template parameters corresponding to the preset image templates in the following manner: The template configuration file is parsed into an executable object; wherein the template configuration file is a file with a lightweight data exchange format, and the template configuration file is used to record the mapping relationship between the template parameters and the template identifier of the preset image template, as well as the query logic for the mapping relationship; Based on the image parameters, the executable object is invoked to execute the query logic, and the template identifier that matches each of the images to be displayed is determined from the template identifiers. The preset image template corresponding to the matching template identifier is determined as the target image template.

7. The display device according to claim 1, characterized in that, The controller is configured to display each of the images to be displayed in the corresponding image view of the target image template based on the target image type in the following manner: Based on the target image type and the image view type, each of the images to be displayed is filled into the corresponding image view of the target image template to generate an image wall; The image wall is displayed, and when the target size of the image to be displayed is larger than the corresponding size of the corresponding image view by a preset value, the image to be displayed is scrolled in the corresponding image view; wherein, the target size is the length value of the dimension corresponding to the target image type.

8. The display device according to claim 7, characterized in that, The controller is also configured to: After filling the corresponding image view of the target image template with each image to be displayed based on the target image type and the image view type to generate the image wall, a color block to be displayed is generated based on the view information of each image to be displayed and the color block view in the target image template, and each color block to be displayed is filled into the color block view of the target image template to update the image wall.

9. The display device according to claim 8, characterized in that, The controller is configured to generate color blocks to be displayed based on the view information of the color block views in each of the images to be displayed and the target image template, and to fill each of the color blocks to be displayed into the color block view of the target image template in the following manner: Based on the main color tone of each of the images to be displayed, generate a number of color blocks to be displayed that are consistent with the number of views in the color block view, and randomly fill each of the color blocks to be displayed into each of the color block views; Alternatively, based on the main color tone of at least one of the images to be displayed that is adjacent to any of the color block views in the image wall, generate the color block to be displayed corresponding to the color block view, and fill the color block to be displayed into the corresponding color block view.

10. A method for displaying an image, characterized in that, include: Retrieve at least two images to be displayed; Based on the size information of the image to be displayed, determine the target image type and the number of images of the target image type; Based on the image parameters corresponding to the image to be displayed and the template parameters corresponding to the preset image template, a target image template is selected from multiple preset image templates; wherein, the image parameters include at least two of the total number of images to be displayed, the target image type, and the number of images; the template parameters include at least two of the total number of image views included in the preset image template, the image view type of the image view, and the number of views of the image view type; and the image parameters are adapted to the template parameters; Based on the target image type, each of the images to be displayed is filled into the corresponding image view of the target image template for display.

Images