An image display method, apparatus, electronic device, and medium

Abstract

This application discloses an image display method, apparatus, electronic device, and medium. The method includes: during image display in a pre-created upper layer, if it is necessary to adjust the number of screens in the upper layer, the image to be adjusted corresponding to the screen to be adjusted is cached in a pre-created intermediate layer; the retained images in the upper layer and the images to be adjusted that need to be displayed in the upper layer are displayed in the upper layer; the images to be adjusted that do not need to be displayed in the upper layer are cached in a pre-created lower layer. This solution enables that during image split-screen display, when the number of screens decreases, the corresponding images are still cached, the data source is not interrupted, and when the number of screens increases, the cached images can be quickly redisplayed, improving the real-time performance of screen switching.

Description

Technical Field

[0001] This application relates to the field of image display technology, and in particular to an image display method, apparatus, electronic device and medium. Background Technology

[0002] In image display, it is often necessary to display multiple images on a single screen in a split-screen manner, such as connecting to multiple data sources and displaying images from multiple data sources. During split-screen display, the number of screens needs to be adjusted according to actual viewing requirements, including increasing or decreasing the number of screens.

[0003] Increasing the number of split-screen elements typically involves opening a new screen and connecting to the new data source to display its image. Decreasing the number of split-screen elements requires disconnecting data sources that are no longer needed. However, in this situation, if an image needs to be added again, the data source must be found and reconnected, making it impossible to promptly restore previously removed split-screen images. Summary of the Invention

[0004] This application provides an image display method, apparatus, electronic device, and medium to improve the real-time performance of split-screen switching during the adjustment of the number of split screens.

[0005] According to one aspect of this application, an image display method is provided, the method comprising:

[0006] If the number of screens in the upper layer needs to be adjusted during the image display process in the pre-created upper layer, the image to be adjusted corresponding to the screen to be adjusted will be cached in the pre-created middle layer.

[0007] The images to be retained in the upper layer and the images to be adjusted that need to be displayed in the upper layer are displayed in the upper layer;

[0008] For images that need to be adjusted but do not need to be displayed in the upper layer, they are cached in a pre-created lower layer.

[0009] According to one aspect of this application, an image display apparatus is provided, the apparatus comprising:

[0010] The intermediate layer caching module is used to cache the image to be adjusted in the pre-created intermediate layer if the number of screens in the upper layer needs to be adjusted during the image display process in the pre-created upper layer.

[0011] The upper layer display module is used to display the retained image and the adjusted image that needs to be displayed in the upper layer in the upper layer.

[0012] The bottom layer caching module is used to cache images that need to be adjusted but do not need to be displayed in the upper layer in a pre-created bottom layer.

[0013] According to another aspect of this application, an electronic device is provided, the electronic device comprising:

[0014] At least one processor; and

[0015] Memory connected to at least one processor for data processing; wherein,

[0016] The memory stores a computer program that can be executed by at least one processor, such that the at least one processor is able to perform the image display method of any embodiment of this application.

[0017] According to another aspect of this application, a computer-readable storage medium is provided, which stores computer instructions for causing a processor to execute and implement the image display method of any embodiment of this application.

[0018] The technical solution of this application embodiment, during the image display process in a pre-created upper layer, if it is necessary to adjust the number of screens in the upper layer, caches the image to be adjusted corresponding to the screen to be adjusted in a pre-created intermediate layer; the images to be retained in the upper layer and the images to be adjusted that need to be displayed in the upper layer are displayed in the upper layer; the images to be adjusted that do not need to be displayed in the upper layer are cached in a pre-created lower layer. This solution enables the image to remain cached when the number of screens decreases during image split-screen display, without interrupting the data source, and allows for rapid re-display of cached images when the number of screens increases, improving the real-time performance of screen switching.

[0019] It should be understood that the description in this section is not intended to identify key or essential features of the embodiments of this application, nor is it intended to limit the scope of this application. Other features of this application will become readily apparent from the following description. Attached Figure Description

[0020] To more clearly illustrate the technical solutions in the embodiments of this application, the accompanying drawings used in the description of the embodiments will be briefly introduced below. Obviously, the accompanying drawings described below are only some embodiments of this application. For those skilled in the art, other drawings can be obtained based on these drawings without creative effort.

[0021] Figure 1 A flowchart illustrating an image display method provided in an embodiment of this application;

[0022] Figure 2 This is a first schematic diagram of the upper layer provided in an embodiment of this application;

[0023] Figure 3 This is a second schematic diagram of the upper layer provided in an embodiment of this application;

[0024] Figure 4 A flowchart illustrating an image display method provided in another embodiment of this application;

[0025] Figure 5 This is a first schematic diagram of an intermediate layer provided in another embodiment of this application;

[0026] Figure 6 A schematic diagram of the upper layer provided for another embodiment of this application;

[0027] Figure 7 This is a first schematic diagram of the bottom layer provided in another embodiment of this application;

[0028] Figure 8 This is a second schematic diagram of an intermediate layer provided in another embodiment of this application;

[0029] Figure 9 This is a second schematic diagram of the bottom layer provided in another embodiment of this application;

[0030] Figure 10 A flowchart illustrating an image display method provided in yet another embodiment of this application;

[0031] Figure 11 This is a schematic diagram of the structure of an image display device provided in an embodiment of this application;

[0032] Figure 12 This is a schematic diagram of the structure of an electronic device provided in an embodiment of this application. Detailed Implementation

[0033] To enable those skilled in the art to better understand the present application, the technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying drawings. Obviously, the described embodiments are only some embodiments of the present application, and not all embodiments. Based on the embodiments in the present application, all other embodiments obtained by those of ordinary skill in the art without creative effort should fall within the scope of protection of the present application.

[0034] It should be noted that the terms "first," "second," "third," "fourth," "actual," "preset," etc., used in the specification, claims, and accompanying drawings of this application are used to distinguish similar objects and are not necessarily used to describe a specific order or sequence. It should be understood that such data can be interchanged where appropriate so that the embodiments of this application described herein can be implemented in orders other than those illustrated or described herein. Furthermore, the terms "comprising" and "having," and any variations thereof, are intended to cover non-exclusive inclusion; for example, a process, method, system, product, or apparatus that comprises a series of steps or units is not necessarily limited to those steps or units explicitly listed, but may include other steps or units not explicitly listed or inherent to such processes, methods, products, or apparatus.

[0035] Figure 1 This is a flowchart illustrating an image display method provided in an embodiment of this application. This embodiment is applicable to situations where the number of screens is adjusted when a display screen is used for split-screen display. This method can be executed by an image display device, which can be implemented in hardware and / or software, and can be configured in an electronic device. Figure 1 As shown, the method includes:

[0036] S110. During the process of displaying an image in a pre-created upper layer, if it is necessary to adjust the number of screens in the upper layer, the image to be adjusted corresponding to the screen to be adjusted is cached in a pre-created middle layer.

[0037] The top layer is a pre-created layer where images can be directly viewed by the user. The split-screen format in the top layer is the same as the display format on the screen—that is, the split-screen format visible to the user. Only then can images in the top layer be directly displayed on the screen. The number of split-screens refers to the number of display windows in the top layer. For example... Figure 2 As shown, the number of split screens is 4, as follows: Figure 3 As shown, the number of split screens is 7. The number of split screens can be adjusted according to the user's needs. The image corresponding to the split screen to be adjusted is the image to be adjusted. The intermediate layer is a pre-created layer used to save the intermediate state of the image to be adjusted. During the process of adjusting the number of split screens, the intermediate layer can temporarily cache the image to be adjusted to assist in split screen switching, so that the user can only see the split screen image before the switch and the split screen image after the switch, and cannot see other extra images or the intermediate state of the image to be adjusted.

[0038] In this embodiment of the application, during the process of displaying an image in a pre-created upper layer, it may be necessary to adjust the number of screens in the upper layer. For example, assuming that the current number of screens in the upper layer is 4, such as... Figure 2 As shown, it may be necessary to adjust the number of split screens to 7, such as... Figure 3 As shown, the upper layer needs to connect to more data sources so users can view images from more sources. Alternatively, the number of split screens can be switched from 7 to 4; in this case, the upper layer needs to reduce the number of data sources connected and the number of images displayed, thus allowing for image magnification. If the number of split screens needs adjustment, determine the images corresponding to the split screens to be adjusted. For example, in... Figure 2 Based on the existing structure, if we need to add split screens 5, 6, and 7, then we need to determine which three data sources the images from to be adjusted for the split screens 5, 6, and 7 to be added. If we need to... Figure 3 Based on reducing the number of split screens, we need to determine which split screens need to be reduced. For example, if we need to reduce split screens 5, 6, and 7, then the images from the data source corresponding to split screens 5, 6, and 7 are the images to be adjusted.

[0039] For example, the image to be adjusted is cached in a pre-created intermediate layer, thereby assisting the upper layer in split-screen switching and achieving seamless switching. The intermediate layer is blank when the image to be adjusted is not cached. Therefore, when caching the image to be adjusted, the distribution of the image can be arbitrary, and it can roam within the intermediate layer, thus providing enough space for the image to be adjusted to perform layout transformations without being seen by the user, achieving seamless adjustment.

[0040] S120. Display the retained images and the adjusted images that need to be displayed in the upper layer in the upper layer.

[0041] Among these, the images that need to continue to be displayed in the upper layer are retained. For example, if you need to display images from the upper layer... Figure 2 Adjusted to Figure 3 Then the image is retained as Figure 2 The images corresponding to screens 1, 2, 3, and 4 in the split-screen mode. If you need to... Figure 3 Adjust to Figure 2 Then the image is retained as Figure 3 The images corresponding to screens 1, 2, 3, and 4 in the split-screen mode. The images to be adjusted that need to be displayed in the upper layer are those that, in addition to the retained images, also need to be displayed in the upper layer. For example, images that need to be displayed in the upper layer from... Figure 2 Adjusted to Figure 3 At that time, the images retained are those corresponding to screens 1, 2, 3, and 4, and the images to be adjusted are... Figure 3 The images corresponding to screens 5, 6, and 7 in the middle split are the images that need to be displayed in the upper layer.

[0042] For example, the retained image in the upper layer is displayed directly in the upper layer. The image to be adjusted, which needs to be displayed in the upper layer, is moved from the middle layer to the upper layer for display, thus displaying the image the user needs to view in the upper layer. The positions of the retained image and the image to be adjusted in the upper layer can be adjusted using a roaming technique, so that the layout of the images in the upper layer meets the user's viewing needs.

[0043] S130. For images to be adjusted that do not need to be displayed in the upper layer, cache them in a pre-created lower layer.

[0044] The bottom layer is a pre-created layer used to cache images that the upper layer does not need to display. For example, during the reduction of split screens in the upper layer, images that do not need to be displayed are filtered out from the upper layer and cached in the pre-created bottom layer. This ensures that the bottom layer maintains connection with the data source corresponding to the images to be adjusted, rather than cutting off the data source. This allows the upper layer to quickly connect with the data source of the images to be added when additional split screens are needed in the future, and obtain the images to be adjusted for display in the upper layer.

[0045] The technical solution of this application embodiment, during the process of displaying an image from a first data source to an image from a second data source, adjusts the display effect characteristics of the first frame image based on the display effect characteristics of the image before switching and the display effect characteristics of the first frame image to be displayed in the second data source to obtain a transition image; when the display of the image before switching ends, the transition image replaces the first frame image for display; during the image refresh display process of the second data source, the display effect characteristics are restored and adjusted until the display effect characteristics of the currently displayed image are consistent with the display effect characteristics of the first frame image. The above solution solves the problem of discomfort caused to the viewer due to large jumps in display effects when displaying images from different data sources, achieving a smooth transition of display effects and improving the user experience.

[0046] In this embodiment of the application, during the process of displaying an image in a pre-created upper layer, if it is necessary to adjust the number of screens in the upper layer, the method further includes caching the image to be adjusted corresponding to the screen to be adjusted in a pre-created intermediate layer before:

[0047] Create a top layer, a middle layer, and a bottom layer;

[0048] Display the image that needs to be displayed in the upper layer in the upper layer;

[0049] The preset data source images, excluding the images displayed in the upper layer, are cached in the bottom layer.

[0050] For example, three layers are created: a top layer, a middle layer, and a bottom layer. The top layer is at the very top, the bottom layer is at the very bottom, and the middle layer is located between the top and bottom layers. The image in the top layer can be directly seen by the user. If there is a part in the top layer without an image, but that part in the middle layer has an image, then that part in the middle layer can also be seen by the user.

[0051] For example, the image that needs to be displayed is displayed in the top layer. If there are a preset number of preset data sources, then for the preset data source images, the preset data source images other than the images displayed in the top layer are cached in the bottom layer. The image layout of the bottom layer can be set according to the number of preset data sources so that each data source image can be cached in the bottom layer.

[0052] In this embodiment of the application, creating a bottom layer includes:

[0053] The number of screens for the bottom layer is determined based on the number of preset data sources, and the bottom layer is then divided into screens based on the number of screens.

[0054] If the number of preset data sources is greater than the maximum number of screens for the bottom layer, then at least two bottom layers are created, and the at least two bottom layers are split into screens according to the number of preset data sources.

[0055] Each split screen corresponds one-to-one with a preset data source and is used to cache images from the preset data source.

[0056] For example, the number of screens in the bottom layer can be determined based on the number of preset data sources. For instance, if there are 16 preset data sources, then the number of screens in the bottom layer is 16, with each screen corresponding to a different data source to display the data source image.

[0057] For example, the maximum number of screens in the bottom layer can be preset. If the number of screens in the bottom layer is too large, it will be difficult for the bottom layer to accommodate all the pixels of the data source images, so the maximum number of screens is used to limit it. If the number of preset data sources is greater than the maximum number of screens in the bottom layer, the number of bottom layers can be increased to create at least two bottom layers, so that the total number of screens in at least two bottom layers is consistent with the number of preset data sources. The number of screens in each bottom layer can be the average of the number of preset data sources, or one bottom layer can have the maximum number of screens, and the other bottom layer can have the difference between the number of preset data sources and the maximum number of screens. Alternatively, the number of screens in at least two bottom layers can be set according to other allocation methods, as long as the sum of the number of screens in at least two bottom layers is consistent with the number of preset data sources.

[0058] Figure 4This is a flowchart illustrating an image display method according to another embodiment of this application. This embodiment is an optimization based on the above embodiment; solutions not described in detail in this embodiment are found in the above embodiment. Figure 4 As shown, the method in this embodiment of the application specifically includes the following steps:

[0059] S210. During the process of displaying an image in a pre-created upper layer, if it is necessary to reduce the number of screens in the upper layer, the image to be adjusted corresponding to the screen to be reduced is determined from the upper layer, and the image to be adjusted is cached in a pre-created intermediate layer.

[0060] For example, if it's necessary to reduce the number of split screens, some images in the upper layer need to be removed and no longer displayed. The images corresponding to the split screens that need to be reduced are determined from the upper layer. The intermediate images act as a buffer layer, caching the images removed from the upper layer to assist the upper layer in adjusting the split screens. For example, suppose it's necessary to reduce the number of split screens... Figure 3 Adjustment Figure 2 We can determine that the images to be adjusted for the split screens that need to be reduced are those corresponding to split screens 5, 6, and 7. These images are cached in a pre-created intermediate layer and not displayed in the upper layer.

[0061] In this embodiment of the application, if it is necessary to reduce the number of screens in the upper layer, the image to be adjusted is cached in a pre-created intermediate layer, including:

[0062] Move the image to be adjusted from the upper layer to the middle layer;

[0063] Based on the layout of each data source image in the pre-set base layer, determine the first target position of the image to be adjusted cached in the base layer;

[0064] The image to be adjusted is roamed to the first target position in the intermediate layer.

[0065] For example, if you need to reduce the number of split screens in the top layer, you need to remove the images to be adjusted that no longer need to be displayed from the top layer. Specifically, you can first move the images to be adjusted from the top layer to the middle layer. For example, as... Figure 5 As shown, the images to be adjusted corresponding to screens 5, 6, and 7 in the upper layer are cached in the middle layer. The middle layer only includes the images corresponding to screens 5, 6, and 7. At this time, the upper layer is as follows: Figure 6 As shown, this does not include the images corresponding to split screens 5, 6, and 7. It includes the images that need to be displayed, namely the images corresponding to split screens 1, 2, 3, and 4.

[0066] For example, the intermediate layer, as a transition layer, also needs to cache images to be adjusted that have been removed or added during the next split-screen adjustment. Therefore, the images in the intermediate layer need to be moved out, restoring the intermediate layer to a blank state so that it can be used for caching images to be adjusted later. The bottom layer is the layer that can hold and cache all data source images. Images to be adjusted in the intermediate layer need to be moved to the bottom layer for caching. Before moving them to the bottom layer for caching, each image to be adjusted needs to be cached according to the layout of each data source image set in the bottom layer. Based on the layout of each data source image in the bottom layer, the first target position of the image to be adjusted in the bottom layer can be determined, so that the image to be adjusted can be floated to the first target position in the intermediate layer, making it easy to move the intermediate image directly to the bottom layer for caching later. The position of the first target position relative to the bottom layer is the same as the position of the first target position relative to the intermediate layer, that is, the same corresponding position in the bottom layer and the intermediate layer. For example, as shown Figure 7 The image shown is the layout of 16 data source images in the bottom layer. From this, the first target positions corresponding to screens 5, 6, and 7 can be determined. The images to be adjusted cached in the middle layer are then moved to the first target positions, for example, from... Figure 5 The corresponding positions of the center-split screen 5, 6, and 7 are roamed to Figure 8 The first target position in the bottom layer is... Figure 7 The positions corresponding to screens 5, 6, and 7 in the middle split, and the first target position in the middle layer are: Figure 8 The positions of screens 5, 6, and 7 in the middle split are the same as the positions of the complete layer, which makes it easier to move them to the bottom layer for caching and allows for orderly caching in the bottom layer.

[0067] S220. The retained image in the upper layer is moved to the third target position in the upper layer; wherein, the third target position is the position where the retained image needs to be displayed after the split-screen adjustment.

[0068] For example, the display position of the retained image in the upper layer may differ from that before the split-screen adjustment. Therefore, based on the user's needs, the third target position where the retained image should be displayed in the upper layer after the split-screen adjustment can be determined. The retained image in the upper layer can then be moved to this third target position, thus ensuring that the display of the retained image in the upper layer meets the user's requirements. For example, after moving the image to be adjusted in the upper layer to the middle layer for display, the display effect of the retained image in the upper layer is as follows: Figure 6 As shown, there are three empty screens in the middle. To improve the viewing experience, users may need to fill the entire display with the images corresponding to screens 1, 2, 3, and 4. Therefore, the display can be adjusted according to the user's needs. Figure 6 The image is preserved and moved to the third target location. The effect after the movement is as follows: Figure 2 As shown.

[0069] S230. Move the image to be adjusted from the intermediate layer to the first target position of the bottom layer; wherein, the first target position is the position corresponding to the image to be adjusted determined according to the layout of each data source image in the bottom layer in a preset manner.

[0070] For example, to free up the middle layer for subsequent image caching during split-screen adjustments, the image to be adjusted in the middle layer can be moved to the first target position of the bottom layer. After moving, the image to be adjusted needs to be positioned to meet the pre-set layout of images from various data sources to avoid affecting other images in the bottom layer. Figure 9 As shown, the images corresponding to screens 1, 2, 3, and 4 in the bottom layer are displayed in the top layer, screens 5, 6, and 7 are images moved from the middle layer to the bottom layer, and the other images are images originally cached in the bottom layer.

[0071] In this embodiment, the specific process of moving and switching the data source image between layers may include: pre-setting layer identifiers for the upper layer, middle layer, and bottom layer. The data source carries the layer identifiers during the display process, and determines which layer to display the image on based on the layer identifiers, thereby enabling the switching display of the image on any layer.

[0072] This application provides an image display method. During image display in a pre-created upper layer, if it is necessary to reduce the number of screens in the upper layer, the image to be adjusted corresponding to the screens to be reduced is determined from the upper layer, and the image to be adjusted is cached in a pre-created intermediate layer. The retained image in the upper layer is roamed to a third target position in the upper layer; wherein, the third target position is the position where the retained image needs to be displayed after the screen adjustment. The image to be adjusted is moved from the intermediate layer to the first target position of the bottom layer. This solution allows for faster acquisition of the image corresponding to the screens to be added during the reduction of screens, without directly switching the data source. Instead, the bottom layer connects to the data source, caching the original image of data that no longer needs to be displayed in the bottom layer. This facilitates quick acquisition of the image corresponding to the screens to be added during subsequent screen additions, allowing for rapid switching of the data source from the bottom layer to the upper layer, thus improving the real-time performance of screen switching.

[0073] Figure 10 This is a flowchart illustrating an image display method according to another embodiment of this application. This embodiment is an optimization based on the above embodiments; solutions not described in detail in this embodiment are found in the above embodiments. Figure 10 As shown, the method in this embodiment of the application specifically includes the following steps:

[0074] S310. During the process of displaying an image in the pre-created upper layer, if it is necessary to increase the number of screens in the upper layer, the image to be adjusted corresponding to the screen to be added is determined from the lower layer, and the image to be adjusted is cached in the pre-created middle layer.

[0075] For example, if it is necessary to increase the number of split screens, the images to be adjusted corresponding to the split screens to be added need to be determined from the bottom layer. For example, if it is necessary to... Figure 2 Adjusted to Figure 3 Then it is necessary to determine the images to be adjusted corresponding to screens 5, 6, and 7 from the bottom layer, that is... Figure 9 The images to be adjusted in screens 5, 6, and 7 of the bottom layer. Cache these images in the middle layer.

[0076] In this embodiment of the application, if it is necessary to increase the number of screens in the upper layer, the image to be adjusted is cached in a pre-created intermediate layer, including:

[0077] Move the image to be adjusted from the bottom layer to the middle layer;

[0078] Determine the second target position where the image to be adjusted needs to be displayed in the upper layer, and then move the image to be adjusted to the second target position in the middle layer.

[0079] For example, the position of the image to be adjusted in the bottom layer may not be the position it needs to be displayed in the top layer. After moving the image to be adjusted from the bottom layer to the middle layer, a second target position where the image needs to be displayed in the top layer can be determined. The image to be adjusted is then moved to the second target position in the middle layer. The second target position relative to the position in the top layer is the same as the second target position relative to the position in the middle layer; that is, the same corresponding position in both the top and middle layers. For example, the display effect after moving the images to be adjusted corresponding to screens 5, 6, and 7 in the bottom layer to the middle layer is as follows: Figure 8 As shown. Figure 8 The layout in the middle layer is the layout of the image to be adjusted in the bottom layer, but the layout to be displayed in the top layer may be different from the layout in the bottom layer. Therefore, determine the second target position where the image to be adjusted needs to be displayed in the top layer, and then move the image to be adjusted to the second target position in the middle layer, such as... Figure 5 As shown, the location of the second target in the upper layer is... Figure 3 The positions corresponding to screens 5, 6, and 7 in the middle split, and the second target position in the middle layer are... Figure 5 The positions of screens 5, 6, and 7 in the middle split are the same relative to the position of the complete layer, thus satisfying the layout requirements for display in the upper layer.

[0080] S320. The retained image in the upper layer is moved to the third target position in the upper layer; wherein, the third target position is the position where the retained image needs to be displayed after the split-screen adjustment.

[0081] For example, during the process of adding split-screen elements, the layout of the retained images in the upper layer may need to change. The retained images need to be rearranged. Therefore, according to the user's needs, the third target position where the retained images need to be displayed after the split-screen adjustment is determined. The retained images in the upper layer are then moved to the third target position, leaving the remaining space empty to facilitate the display of the added images to be adjusted. For example, from... Figure 2 Adjust to Figure 3 During the process, first Figure 2 The preserved image is moved to the third target location, and the display effect is as follows: Figure 6 As shown.

[0082] S330. Move the image to be adjusted in the intermediate layer to the second target position in the upper layer; wherein, the second target position is the position where the image to be adjusted needs to be displayed in the upper layer after the split-screen adjustment.

[0083] For example, after keeping the image in the upper layer at the third target position and making room for the newly added image to be adjusted, the image to be adjusted in the middle layer can be moved to the second target position in the upper layer, so that the newly added image to be adjusted can be displayed in the upper layer, thus achieving the addition of a split screen. For example, Figure 5 The images to be adjusted corresponding to screens 5, 6, and 7 in the center split are moved. Figure 6 The position corresponding to the blank area in the image is obtained. Figure 3 .

[0084] This application provides an image display method. During image display in a pre-created upper layer, if it is necessary to increase the number of screens in the upper layer, the image to be adjusted corresponding to the additional screen is determined from the lower layer, and the image to be adjusted is cached in a pre-created intermediate layer. The retained image in the upper layer is moved to a third target position in the upper layer; wherein, the third target position is the position where the retained image needs to be displayed after the screen adjustment. The image to be adjusted in the intermediate layer is moved to a second target position in the upper layer. This solution, during the process of increasing the number of screens, directly obtains the image to be adjusted from the lower layer and caches it in the intermediate layer, and then moves the image to be adjusted from the intermediate layer to the upper layer for display. This eliminates the need to re-find and connect to the data source for image acquisition and display, improving the real-time performance of screen switching.

[0085] Figure 11This is a schematic diagram of an image display device provided in an embodiment of this application. The device can execute the image display method provided in any embodiment of this application, and has the corresponding functional modules and beneficial effects for executing the method. For example... Figure 11 As shown, the device includes:

[0086] The intermediate layer caching module 410 is used to cache the image to be adjusted in the pre-created intermediate layer if the number of screens in the upper layer needs to be adjusted during the process of displaying an image in the pre-created upper layer.

[0087] The upper layer display module 420 is used to display the reserved image and the image to be adjusted that needs to be displayed in the upper layer in the upper layer.

[0088] The bottom layer caching module 430 is used to cache images to be adjusted that do not need to be displayed in the upper layer in a pre-created bottom layer.

[0089] In this embodiment, if the intermediate layer caching module 410 needs to adjust the number of screens in the upper layer, it caches the image to be adjusted corresponding to the screen to be adjusted in a pre-created intermediate layer, including:

[0090] If it is necessary to reduce the number of split screens in the upper layer, then determine the image to be adjusted corresponding to the split screens to be reduced from the upper layer, and cache the image to be adjusted in a pre-created intermediate layer;

[0091] If it is necessary to increase the number of screens in the upper layer, the image to be adjusted corresponding to the screen to be added is determined from the lower layer, and the image to be adjusted is cached in a pre-created intermediate layer.

[0092] In this embodiment of the application, if the intermediate layer caching module 410 needs to reduce the number of screen splits in the upper layer, it caches the image to be adjusted in a pre-created intermediate layer, including:

[0093] Move the image to be adjusted from the upper layer to the middle layer;

[0094] Based on the layout of each data source image in the pre-set base layer, determine the first target position of the image to be adjusted cached in the base layer;

[0095] The image to be adjusted is moved to the first target position in the intermediate layer;

[0096] If it is necessary to increase the number of screens in the upper layer, the image to be adjusted is cached in a pre-created intermediate layer, including:

[0097] Move the image to be adjusted from the bottom layer to the middle layer;

[0098] Determine the second target position where the image to be adjusted needs to be displayed in the upper layer, and then move the image to be adjusted to the second target position in the middle layer.

[0099] In this embodiment, the upper layer display module 420 displays the retained image and the adjusted image to be displayed in the upper layer, including:

[0100] If the number of screens in the upper layer needs to be adjusted, the retained image in the upper layer is moved to the third target position in the upper layer; wherein, the third target position is the position where the retained image needs to be displayed after the screen adjustment;

[0101] If it is necessary to increase the number of split screens in the upper layer, move the image to be adjusted in the middle layer to the second target position in the upper layer; wherein, the second target position is the position where the image to be adjusted should be displayed in the upper layer after the split screen adjustment.

[0102] In this embodiment, the bottom layer caching module 430 caches images to be adjusted that do not need to be displayed in the upper layer in a pre-created bottom layer, including:

[0103] If it is necessary to reduce the number of screens in the upper layer, the image to be adjusted is moved from the middle layer to the first target position of the bottom layer; wherein, the first target position is the position of the image to be adjusted determined according to the layout of each data source image in the bottom layer in a preset manner.

[0104] In this embodiment of the application, the device further includes:

[0105] The layer creation module is used to create top layers, middle layers, and bottom layers;

[0106] The upper layer display module is used to display the image that needs to be displayed in the upper layer on the upper layer;

[0107] The bottom layer caching module is used to cache preset data source images other than the images displayed in the top layer in the bottom layer.

[0108] In this embodiment of the application, the device includes:

[0109] The split-screen module is used to determine the number of split-screens for the bottom layer based on the number of preset data sources, and to split the bottom layer into split-screens based on the number of split-screens.

[0110] At least two bottom layer creation modules are used to create at least two bottom layers if the number of preset data sources is greater than the maximum number of screens for bottom layers, and to split the at least two bottom layers into screens according to the number of preset data sources.

[0111] Each split screen corresponds one-to-one with a preset data source and is used to cache images from the preset data source.

[0112] The image display device provided in this application embodiment can execute an image display method provided in any embodiment of this application, and has the corresponding functional modules and beneficial effects of executing the method.

[0113] Figure 12 A schematic diagram of an electronic device 10, which can be used to implement embodiments of this application, is shown. The electronic device is intended to represent various forms of digital computers, such as laptop computers, desktop computers, workstations, personal digital assistants, servers, blade servers, mainframe computers, and other suitable computers. The electronic device can also represent various forms of mobile devices, such as personal digital processors, cellular phones, smartphones, wearable devices (such as helmets, glasses, watches, etc.), and other similar computing devices. The components shown herein, their connections and relationships, and their functions are merely illustrative and are not intended to limit the implementation of the application described and / or claimed herein.

[0114] like Figure 12 As shown, the electronic device 10 includes at least one processor 11 and a memory, such as a read-only memory (ROM) 12 or a random access memory (RAM) 13, connected to the at least one processor 11 for data processing. The memory stores computer programs executable by the at least one processor. The processor 11 can perform various appropriate actions and processes based on the computer program stored in the ROM 12 or loaded into the RAM 13 from storage unit 18. The RAM 13 can also store various programs and data required for the operation of the electronic device 10. The processor 11, ROM 12, and RAM 13 are interconnected via a bus 14. An input / output (I / O) interface 15 is also connected to the bus 14.

[0115] Multiple components in electronic device 10 are connected to I / O interface 15, including: input unit 16, such as keyboard, mouse, etc.; output unit 17, such as various types of monitors, speakers, etc.; storage unit 18, such as disk, optical disk, etc.; and data processing unit 19, such as network card, modem, wireless data processing transceiver, etc. Data processing unit 19 allows electronic device 10 to exchange information / data with other devices through computer networks such as the Internet and / or various telecommunications networks.

[0116] Processor 11 can be a variety of general-purpose and / or special-purpose processing components with processing and computing capabilities. Some examples of processor 11 include, but are not limited to, a central processing unit (CPU), a graphics processing unit (GPU), various special-purpose artificial intelligence (AI) computing chips, various processors running machine learning model algorithms, a digital signal processor (DSP), and any suitable processor, controller, microcontroller, etc. Processor 11 performs the various methods and processes described above, such as image display methods.

[0117] In some embodiments, the image display method may be implemented as a computer program tangibly contained in a computer-readable storage medium, such as storage unit 18. In some embodiments, part or all of the computer program may be loaded and / or installed on electronic device 10 via ROM 12 and / or data processing unit 19. When the computer program is loaded into RAM 13 and executed by processor 11, one or more steps of the image display method described above may be performed. Alternatively, in other embodiments, processor 11 may be configured to perform the image display method by any other suitable means (e.g., by means of firmware).

[0118] Various embodiments of the systems and techniques described above herein can be implemented in digital electronic circuit systems, integrated circuit systems, field-programmable gate arrays (FPGAs), application-specific integrated circuits (ASICs), application-specific standard products (ASSPs), systems-on-a-chip (SoCs), payload-programmable logic devices (CPLDs), computer hardware, firmware, software, and / or combinations thereof. These various embodiments may include implementations in one or more computer programs that can be executed and / or interpreted on a programmable system including at least one programmable processor, which may be a dedicated or general-purpose programmable processor, capable of receiving data and instructions from a storage system, at least one input device, and at least one output device, and transmitting data and instructions to the storage system, the at least one input device, and the at least one output device.

[0119] Computer programs used to implement the methods of this application may be written in any combination of one or more programming languages. These computer programs may be provided to the processor of a general-purpose computer, a special-purpose computer, or other programmable graphics display device, such that when executed by the processor, the computer programs cause the functions / operations specified in the flowcharts and / or block diagrams to be implemented. The computer programs may be executed entirely on a machine, partially on a machine, or as a standalone software package, partially on a machine and partially on a remote machine, or entirely on a remote machine or server.

[0120] In the context of this application, a computer-readable storage medium can be a tangible medium that may contain or store a computer program for use by or in conjunction with an instruction execution system, apparatus, or device. A computer-readable storage medium can be, but is not limited to, electronic, magnetic, optical, electromagnetic, infrared, or semiconductor systems, apparatus, or devices, or any suitable combination of the foregoing. Alternatively, a computer-readable storage medium can be a machine-readable signal medium. More specific examples of machine-readable storage media include electrical connections based on one or more wires, portable computer disks, hard disks, random access memory (RAM), read-only memory (ROM), erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination of the foregoing.

[0121] To provide interaction with a user, the systems and techniques described herein can be implemented on an electronic device having: a display device (e.g., a CRT (cathode ray tube) or LCD (liquid crystal display) monitor) for displaying information to the user; and a keyboard and pointing device (e.g., a mouse or trackball) through which the user provides input to the electronic device. Other types of devices can also be used to provide interaction with the user; for example, feedback provided to the user can be any form of sensory feedback (e.g., visual feedback, auditory feedback, or tactile feedback); and input from the user can be received in any form (including sound input, voice input, or tactile input).

[0122] The systems and technologies described herein can be implemented in computing systems that include backend components (e.g., as data servers), or computing systems that include middleware components (e.g., application servers), or computing systems that include frontend components (e.g., user computers with graphical user interfaces or web browsers through which users can interact with implementations of the systems and technologies described herein), or any combination of such backend, middleware, or frontend components. The components of the system can be interconnected through digital data processing (e.g., data processing networks) of any form or medium. Examples of data processing networks include local area networks (LANs), wide area networks (WANs), blockchain networks, and the Internet.

[0123] A computing system can include clients and servers. Clients and servers are generally geographically separated and typically interact via data processing networks. The client-server relationship is created by computer programs running on the respective computers and having a client-server relationship with each other. The server can be a cloud server, also known as a cloud computing server or cloud host, which is a hosting product within the cloud computing service system to address the shortcomings of traditional physical hosts and VPS services, such as high management difficulty and weak business scalability.

[0124] It should be understood that the various forms of processes shown above can be used to rearrange, add, or delete steps. For example, the steps described in this application can be executed in parallel, sequentially, or in different orders, as long as the desired information of the technical solution of this application can be achieved, and this is not limited herein.

[0125] The specific embodiments described above do not constitute a limitation on the scope of protection of this application. Those skilled in the art should understand that various modifications, combinations, sub-combinations, and substitutions can be made according to design requirements and other factors. Any modifications, equivalent substitutions, and improvements made within the spirit and principles of this application should be included within the scope of protection of this application.

Claims

1. An image display method characterized by, The method includes: If the number of screens in the upper layer needs to be adjusted during the image display process in the pre-created upper layer, the image to be adjusted corresponding to the screen to be adjusted will be cached in the pre-created middle layer. The images to be retained in the upper layer and the images to be adjusted that need to be displayed in the upper layer are displayed in the upper layer; For images that need adjustment but do not need to be displayed in the upper layer, cache them in a pre-created lower layer; If the number of screens in the upper layer needs to be adjusted, the image corresponding to the screen to be adjusted will be cached in a pre-created intermediate layer, including: If it is necessary to reduce the number of split screens in the upper layer, then determine the image to be adjusted corresponding to the split screens to be reduced from the upper layer, and cache the image to be adjusted in a pre-created intermediate layer; If it is necessary to increase the number of screens in the upper layer, then determine the image to be adjusted corresponding to the screen to be added from the bottom layer, and cache the image to be adjusted in a pre-created intermediate layer; Creating the base layer includes: The number of screens for the bottom layer is determined based on the number of preset data sources, and the bottom layer is then divided into screens based on the number of screens. If the number of preset data sources is greater than the maximum number of screens for the bottom layer, then at least two bottom layers are created, and the at least two bottom layers are split into screens according to the number of preset data sources. Each split screen corresponds one-to-one with a preset data source and is used to cache images from the preset data source.

2. The method according to claim 1, characterized in that, If it is necessary to reduce the number of screens in the upper layer, the image to be adjusted is cached in a pre-created intermediate layer, including: Move the image to be adjusted from the upper layer to the middle layer; Based on the layout of each data source image in the pre-set base layer, determine the first target position of the image to be adjusted cached in the base layer; The image to be adjusted is moved to the first target position in the intermediate layer; If it is necessary to increase the number of screens in the upper layer, the image to be adjusted is cached in a pre-created intermediate layer, including: Move the image to be adjusted from the bottom layer to the middle layer; Determine the second target position where the image to be adjusted needs to be displayed in the upper layer, and then move the image to be adjusted to the second target position in the middle layer.

3. The method according to claim 1 or 2, characterized in that, The images to be retained in the upper layer and the images to be adjusted that need to be displayed in the upper layer are displayed in the upper layer, including: If the number of screens in the upper layer needs to be adjusted, the retained image in the upper layer is moved to the third target position in the upper layer; wherein, the third target position is the position where the retained image needs to be displayed after the screen adjustment; If it is necessary to increase the number of split screens in the upper layer, move the image to be adjusted in the middle layer to the second target position in the upper layer; wherein, the second target position is the position where the image to be adjusted should be displayed in the upper layer after the split screen adjustment.

4. The method according to claim 1 or 2, characterized in that, For images that need adjustment but do not need to be displayed in the upper layer, they are cached in a pre-created lower layer, including: If it is necessary to reduce the number of split screens in the upper layer, the image to be adjusted is moved from the middle layer to the first target position of the bottom layer; wherein, the first target position is the position of the image to be adjusted determined according to the layout of each data source image in the bottom layer in a preset manner.

5. The method according to claim 1, characterized in that, During the process of displaying an image in a pre-created upper layer, if it is necessary to adjust the number of screens in the upper layer, the method further includes caching the image to be adjusted corresponding to the screen to be adjusted in the pre-created intermediate layer before: Create a top layer, a middle layer, and a bottom layer; Display the image that needs to be displayed in the upper layer in the upper layer; The preset data source images, excluding the images displayed in the upper layer, are cached in the bottom layer.

6. An image display device, characterized in that, The device includes: The intermediate layer caching module is used to cache the image to be adjusted in the pre-created intermediate layer if the number of screens in the upper layer needs to be adjusted during the image display process in the pre-created upper layer. The upper layer display module is used to display the retained image and the adjusted image that needs to be displayed in the upper layer in the upper layer. The bottom layer caching module is used to cache images to be adjusted that do not need to be displayed in the upper layer in a pre-created bottom layer; If the intermediate layer caching module needs to adjust the number of screens in the upper layer, it will cache the image to be adjusted corresponding to the screen to be adjusted in a pre-created intermediate layer, including: If it is necessary to reduce the number of split screens in the upper layer, then determine the image to be adjusted corresponding to the split screens to be reduced from the upper layer, and cache the image to be adjusted in a pre-created intermediate layer; If it is necessary to increase the number of screens in the upper layer, then determine the image to be adjusted corresponding to the screen to be added from the bottom layer, and cache the image to be adjusted in a pre-created intermediate layer; The device includes: The split-screen module is used to determine the number of split-screens for the bottom layer based on the number of preset data sources, and to split the bottom layer into split-screens based on the number of split-screens. At least two bottom layer creation modules are used to create at least two bottom layers if the number of preset data sources is greater than the maximum number of screens for bottom layers, and to split the at least two bottom layers into screens according to the number of preset data sources. Each split screen corresponds one-to-one with a preset data source and is used to cache images from the preset data source.

7. An electronic device, characterized in that, The electronic device includes: At least one processor; and The memory is connected to the at least one processor for data processing; wherein, The memory stores a computer program that can be executed by the at least one processor, the computer program being executed by the at least one processor to enable the at least one processor to perform the image display method according to any one of claims 1-5.

8. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores computer instructions that cause a processor to execute the image display method according to any one of claims 1-5.

Images