Wallpaper image display method and device, equipment, storage medium and program product

Abstract

The invention relates to a wallpaper image display method and device, electronic equipment, a computer readable storage medium and a computer program product. The method comprises the following steps: acquiring a first area, corresponding to a target element in a wallpaper image, on a screen of the electronic equipment and a second area, corresponding to a control element, on the screen; determining whether the target element shields the control element or not according to the first area and the second area; and when it is determined that the target element shields the control element, displaying the target element on the lower layer of the control element. And when it is determined that the target element shields the control element, the target element is displayed on the lower layer of the control element, so that the situation that the target element shields the control element is avoided, and a user can conveniently check some information of the control element.

Description

Technical Field

[0001] The present application relates to the field of computer application technology, and in particular to a wallpaper image display method, device, electronic device, computer-readable storage medium and computer program product. Background Art

[0002] With the popularization of electronic devices, more and more users are using electronic devices. When using the electronic devices, the users can select pictures as wallpaper images to be displayed on the screen of the electronic devices.

[0003] In conventional technology, when a picture selected by a user is displayed as a wallpaper image on the screen of an electronic device, it may block information of some existing elements on the screen of the electronic device, making it difficult for the user to view the information of the existing elements. Summary of the invention

[0004] The embodiments of the present application provide a wallpaper image display method, apparatus, computer equipment, and computer-readable storage medium, which can facilitate users to view information about some elements on the screen.

[0005] In a first aspect, the present application provides a wallpaper image display method, the method comprising:

[0006] Acquire a first area on the screen of the electronic device corresponding to the target element in the wallpaper image and a second area on the screen of the control element;

[0007] Determining whether the target element obstructs the control element according to the first area and the second area;

[0008] When it is determined that the target element obscures the control element, the target element is displayed in a lower layer of the control element.

[0009] In a second aspect, the present application further provides a wallpaper image display device, comprising:

[0010] An acquisition module, used for acquiring a first area on the screen of the electronic device corresponding to a target element in the wallpaper image and a second area on the screen of a control element;

[0011] A determination module, configured to determine whether the target element obstructs the control element according to the first area and the second area;

[0012] The display module is used to display the target element in a lower layer of the control element when it is determined that the target element covers the control element.

[0013] In a third aspect, the present application further provides an electronic device, comprising a memory and a processor, wherein the memory stores a computer program, and the processor implements the method steps in the first aspect when executing the computer program.

[0014] In a fourth aspect, the present application further provides a computer-readable storage medium having a computer program stored thereon, wherein the computer program implements the method steps in the first aspect when executed by a processor.

[0015] In a fifth aspect, the present application further provides a computer program product, comprising a computer program, which implements the steps in the method of the first aspect when executed by a processor.

[0016] The above-mentioned wallpaper image display method, device, electronic device, computer-readable storage medium and computer program product obtain the first area on the screen of the electronic device corresponding to the target element in the wallpaper image and the second area on the screen of the control element, and then determine whether the target element obscures the control element based on the first area and the second area. When it is determined that the target element obscures the control element, the target element is displayed in the lower layer of the control element, thereby avoiding the target element obscuring the control element, which can facilitate the user to view some information of the control element. BRIEF DESCRIPTION OF THE DRAWINGS

[0017] In order to more clearly illustrate the technical solutions in the embodiments of the present application or related technologies, the drawings required for use in the embodiments of the present application or related technical descriptions will be briefly introduced below. Obviously, the drawings described below are only some embodiments of the present application. For ordinary technicians in this field, other related drawings can be obtained based on these drawings without paying creative work.

[0018] FIG1 is a schematic diagram of an application environment of a wallpaper image display method in some embodiments;

[0019] FIG2 is a schematic diagram of a process of a wallpaper image display method in some embodiments;

[0020] FIG3 is a schematic diagram of a valid area of ​​a clock control in some embodiments;

[0021] FIG4 is a schematic diagram of a clock control showing time content in horizontal rows in some embodiments;

[0022] FIG5 is a schematic diagram of a clock control horizontally displaying time content in some other embodiments;

[0023] Figure 6 A schematic diagram of a clock control showing time content in vertical rows in some embodiments;

[0024] Figure 7 A schematic diagram of an interaction for a user to select a wallpaper image in some embodiments;

[0025] Figure 8 is an interactive schematic diagram of a wallpaper image zooming operation in some embodiments;

[0026] Fig. 9 It is an interactive schematic diagram of the layout condition change operation of the control element in some embodiments;

[0027] Fig.10 is a structural block diagram of a wallpaper image display device in some embodiments;

[0028] FIG. 11 is a diagram of the internal structure of an electronic device in some embodiments. DETAILED DESCRIPTION

[0029] In order to make the purpose, technical solution and advantages of the present application more clearly understood, the present application is further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described herein are only used to explain the present application and are not used to limit the present application.

[0030] The wallpaper image display method provided in the embodiment of the present application can be applied to the application environment shown in Figure 1. Among them, the electronic device 102 communicates with the server 104 through the network. The data storage system can store the data that the server 104 needs to process. The data storage system can be integrated on the server 104, or it can be placed on the cloud or other network servers. The electronic device 102 can obtain the first area corresponding to the target element on the screen of the electronic device and the second area of ​​the control element on the screen in the wallpaper image, and then determine whether the target element blocks the control element according to the first area and the second area. In the case of determining that the target element blocks the control element, the target element is displayed in the lower layer of the control element, thereby avoiding the target element blocking the control element, which can facilitate the user to view some information of the control element. Among them, the electronic device 102 can be, but is not limited to, various personal computers, laptops, smart phones, tablet computers, Internet of Things devices and portable wearable devices. The Internet of Things devices can be smart speakers, smart TVs, smart air conditioners, smart car devices, projection devices, etc. Portable wearable devices can be smart watches, smart bracelets, head-mounted devices, etc. The head mounted device may be a virtual reality (VR) device, an augmented reality (AR) device, smart glasses, etc. The server 104 may be an independent physical server, or a server cluster or distributed system composed of multiple physical servers, or a cloud server providing cloud computing services.

[0031] In an exemplary embodiment, as shown in FIG2 , a wallpaper image display method is provided, which is described by taking the method applied to the electronic device in FIG1 as an example, and includes the following steps 202 to 206. Among them:

[0032] Step 202: Obtain a first area on the screen of the electronic device corresponding to the target element in the wallpaper image and a second area on the screen of the control element.

[0033] The wallpaper image may be a background image set to be displayed on the screen of an electronic device. The wallpaper image may be a lock screen wallpaper image, an off-screen wallpaper image, a desktop wallpaper image, etc. of an electronic device. The lock screen wallpaper image refers to the background image displayed on the screen of an electronic device in the lock screen state. The off-screen wallpaper image refers to the background image displayed on the screen of an electronic device in the off-screen state. The desktop wallpaper image refers to the background image displayed on the screen of an electronic device after it is unlocked.

[0034] The target element may be any object or subject object in the wallpaper image. The subject object may be a portrait, an animal, a building, a mountain, a flower, a tree, a blue sky, a white cloud, etc. Optionally, the target element in the wallpaper image may be a subject object in the foreground area of ​​the wallpaper image. The foreground area of ​​the wallpaper image and the subject object in the foreground area may be identified by the target detection algorithm.

[0035] A control element may be a control displayed on a screen of an electronic device, for example, a control element may be a clock control, a decoration control, a date control, a weather control, a power control, an information control, a calendar control, a schedule control, etc., but is not limited thereto.

[0036] Optionally, the electronic device can identify the target elements and the positions of the target elements in the wallpaper image through a target detection algorithm, and then map the positions of the target elements to the screen coordinate system of the electronic device based on the mapping relationship between the wallpaper image coordinate system and the screen coordinate system to obtain the position of the target element on the screen of the electronic device, and then obtain the first area based on the position of the target element on the screen of the electronic device.

[0037] Optionally, the electronic device may obtain the second area of ​​the control element on the screen through the layout view (View) information. Exemplarily, the electronic device obtains the screen size information and the layout parameter information of the control element in the layout view information, determines the effective area of ​​the control element according to the screen size information and the layout parameter information, and uses the effective area of ​​the control element as the second area. The effective area of ​​the control element may be the minimum border area occupied by the content in the control element. The screen size information includes the height and width of the screen. The layout parameter information may include the absolute coordinate position of the control element on the screen, the width and height of the control element, the margin, etc. The effective area may be represented by a rectangular area, the upper left corner coordinates of the rectangular area are (X, Y), the width is Width, and the height is Height. For example, if the control element is a clock control, the effective area of ​​the clock control is represented by a rectangular area, the upper left corner coordinates of the effective area of ​​the clock control are (clockX, clockY), the width is clockWidth, and the height is clockHeight. As shown in FIG. 3 , taking the clock control as an example, the effective area of ​​the clock control is a rectangular frame 310 , which defines the content of the clock control, including the date July 17, Wednesday, and the time 18:28.

[0038] Step 204: determine whether the target element obstructs the control element according to the first area and the second area.

[0039] Optionally, the electronic device may determine whether the target element obstructs the control element according to an overlap between the first area and the second area.

[0040] Step 206: When it is determined that the target element obscures the control element, the target element is displayed in a lower layer of the control element.

[0041] Optionally, when the target element blocks the control element, the electronic device may display the target element in a lower layer of the control element, that is, the layer where the target element is located may be adjusted to be below the layer where the control element is located.

[0042] In this embodiment, a first area on the screen of the electronic device corresponding to the target element in the wallpaper image and a second area on the screen of the control element are obtained, and then it is determined whether the target element obscures the control element based on the first area and the second area. When it is determined that the target element obscures the control element, the target element is displayed in the lower layer of the control element, thereby avoiding the target element obscuring the control element, which makes it convenient for the user to view some information of the control element without the need for manual adjustment by the user.

[0043] In some optional embodiments, determining whether the target element obscures the control element based on the first area and the second area includes: determining the overlapping height and overlapping area between the first area and the second area; and determining whether the target element obscures the control element based on the overlapping height and overlapping area.

[0044] Optionally, the electronic device can determine the overlapping pixel points of the first area and the second area by traversing each pixel point on the screen, and then determine the overlapping area between the first area and the second area based on the overlapping pixel points, and then determine the overlapping height and overlapping area of ​​the overlapping area, and then determine whether the target element blocks the control element based on the overlapping height and overlapping area. Combining the overlapping height and overlapping area can more accurately determine whether the target element blocks the control element, thereby improving the accuracy of the occlusion judgment.

[0045] Optionally, the overlap height may be the maximum height in the overlap area, or the mean or median of each height in the overlap area, etc. If the overlap area is a regular shape, the overlap area may be determined by using the area calculation method for the regular shape; if the overlap area is an irregular shape, the irregular shape may be segmented into regular shapes, and then the areas of the regular shapes may be calculated, and then the sum of the areas may be used to obtain the overlap area.

[0046] In some optional embodiments, the determination of whether the target element obscures the control element based on the overlapping height and the overlapping area includes: obtaining a height ratio of the overlapping height to the total height of the second area, and an area ratio of the overlapping area to the area of ​​the second area; when the height ratio is greater than a height ratio threshold, and the area ratio is greater than an area ratio threshold, determining that the target element obscures the control element.

[0047] The height ratio threshold and the area ratio threshold can be set as needed. For example, the height ratio threshold can be between 30% and 65%, such as 30%, 35%, 40%, 50%, 55%, 56%, 60%, etc., and the area ratio threshold can be between 10% and 30%, such as 10%, 11%, 12%, 13%, 15%, 20%, 30%, etc.

[0048] Optionally, the electronic device obtains the height ratio of the overlapping height and the total height of the second area, determines whether the height ratio is greater than the height ratio threshold, and if the height ratio is greater than the height ratio threshold, further obtains the area ratio of the overlapping area and the area of ​​the second area, determines whether the area ratio is greater than the area ratio threshold, and determines that the target element obstructs the control element when the area ratio is greater than the area ratio threshold. Accordingly, if the height ratio is less than or equal to the height ratio threshold, or if the height ratio is greater than the height ratio threshold and the area ratio is less than or equal to the area ratio threshold, it is determined that the target element does not obstruct the control element.

[0049] By using the height ratio and area ratio to determine whether the target element blocks the control element, the situation where the overlapping height is too high but the area is small and does not interfere with user reading can be avoided, thereby improving the accuracy of blockage judgment.

[0050] In some optional embodiments, the wallpaper image display method further includes: obtaining an arrangement of the target content of the control element on the screen; and obtaining a corresponding height ratio threshold and an area ratio threshold according to the arrangement.

[0051] The target content of the control element can be set as needed. The target content can be the key content of the control element. The key content can be the content used to represent the key function of the control element. The key content can be the content with the largest font, or the content with the largest area in the second area, etc. Taking the clock control as an example, the content of the clock control can include time and day of the week. The key content of the clock control can be time, such as 18:30, which can be expressed as 18:30. Taking the weather control as an example, the content of the weather control can include day of the week and weather conditions, and the key content of the weather space can be weather conditions, such as sunny day, temperature 20 degrees Celsius.

[0052] The arrangement may include a first arrangement pattern and a second arrangement pattern. The total height of the second area in the first arrangement pattern is less than the total height of the second area in the second arrangement pattern.

[0053] Optionally, the electronic device may pre-store the correspondence between the arrangement mode and the height ratio threshold and the area ratio threshold, and then the electronic device obtains the arrangement mode of the target content of the control element on the screen, and obtains the corresponding height ratio threshold and area ratio threshold according to the arrangement mode. Different arrangement modes correspond to different height ratio thresholds. The area ratio thresholds corresponding to different arrangement modes may be the same or different.

[0054] Different layout methods configure different height ratio thresholds to more accurately determine whether the target element obscures the control element.

[0055] In some optional embodiments, obtaining the corresponding height ratio threshold and area ratio threshold according to the arrangement direction includes:

[0056] When the arrangement mode is the first arrangement mode, determining the corresponding height ratio threshold to be the first height ratio threshold and the corresponding area ratio threshold to be the first area ratio threshold;

[0057] When the arrangement mode is the second arrangement mode, determining the corresponding height ratio threshold to be the second height ratio threshold and the corresponding area ratio threshold to be the second area ratio threshold;

[0058] Among them, the total height of the second area in the first arrangement pattern is smaller than the total height of the second area in the second arrangement pattern, and the first height ratio threshold is greater than the second height ratio threshold.

[0059] The first arrangement style may be horizontal, i.e., the target content is arranged horizontally. The second arrangement style may be vertical, i.e., the target content is arranged vertically. The first height ratio threshold and the second height ratio threshold may be configured as needed, and the first height ratio threshold is greater than the second height ratio threshold. The first area ratio threshold and the second area ratio threshold may be configured as needed, and the first area ratio threshold and the second area ratio threshold may be the same or different.

[0060] Taking the clock control as an example, as shown in Figure 4, the time content in the clock control is displayed horizontally, the first height ratio threshold is 55%, and the first area ratio threshold is 13%. The content in the clock control is displayed in the center of the clock control. The target elements in the wallpaper image corresponding to (a), (b), (c), (d), and (e) in Figure 4 are flowers, buildings, portraits, dogs, and cats, respectively. As shown in Figure 5, the target elements in the wallpaper image corresponding to (a), (b), (c), (d), and (e) in Figure 5 are flowers, buildings, portraits, dogs, and cats, respectively. Unlike Figure 4, the content in the clock control is displayed on the left side of the clock control range.

[0061] like Figure 6 As shown, the time content in the clock control is displayed vertically, the second height ratio threshold is 35%, and the second area ratio threshold is 13%. The content in the clock control is displayed on the left side of the time control. Figure 6 The target elements in the wallpaper images corresponding to (a)(b)(c)(d)(e) are flower, flower, cat, cat, and building.

[0062] In some optional embodiments, obtaining the first area on the screen of the electronic device corresponding to the target element in the wallpaper image and the second area on the screen of the control element includes: in response to a trigger operation, obtaining the first area on the screen of the electronic device corresponding to the target element in the wallpaper image and the second area on the screen of the control element.

[0063] The triggering operation may be one or more of a wallpaper image changing operation or a layout condition changing operation of a control element. The wallpaper image changing operation may include a wallpaper image selection operation or a wallpaper image scaling operation. By triggering the wallpaper image changing operation or the layout condition changing operation of the control element, it is automatically determined whether the target element obscures the control element, and the layer relationship between the target element and the control element is automatically adjusted to prevent the control element from being obscured by the target element and being difficult to view.

[0064] In some optional embodiments, the response to a trigger operation, obtaining a first area on the screen of the electronic device corresponding to the target element in the wallpaper image and a second area on the screen of the control element, includes: in response to a wallpaper image selection operation, obtaining a first area on the screen of the electronic device corresponding to the target element in the selected wallpaper image and a second area on the screen of the control element.

[0065] Optionally, the electronic device obtains the selected wallpaper image in response to the user selecting a wallpaper image in the wallpaper image library, and then automatically determines whether the target element in the wallpaper image obscures the control element, that is, the electronic device automatically obtains the first area on the electronic device screen corresponding to the target element in the selected wallpaper image and the second area on the screen of the control element, determines whether the target element obscures the control element based on the first area and the second area, and if it is determined that the target element obscures the control element, displays the target element in a lower layer of the control element; if it is determined that the target element does not obstruct the control element, displays the target element in an upper layer of the control element.

[0066] like Figure 7As shown, taking the clock control as an example, a wallpaper control, a style control and a depth of field control are displayed on the lock screen interface. The depth of field control is used to separate the wallpaper image into a foreground layer and a background layer. The foreground layer is superimposed on the control elements on the screen to form a certain layering effect. The electronic device obtains the user clicking on the wallpaper control to enter the wallpaper change interface. The wallpaper change interface displays self-selected pictures, classic wallpapers, dynamic wallpapers and colorful categories. Then the user clicks on the self-selected picture category and displays the image under the self-selected picture category; the electronic device then obtains the target image selected by the user and uses the target image as the wallpaper image; after obtaining the wallpaper image, the electronic device automatically determines whether the target element (i.e., the building) in the wallpaper image blocks the clock control, that is, the electronic device obtains the first area on the screen of the electronic device corresponding to the building in the wallpaper image and the second area on the screen of the clock control, determines the overlapping height and overlapping area between the first area and the second area, obtains the height ratio of the overlapping height to the total height of the second area, and obtains the height ratio of the overlapping height to the total height of the second area. and the area ratio of the overlapping area to the area of ​​the second area, obtaining the first arrangement style of the target content of the clock control, determining the corresponding height ratio threshold as the first height ratio threshold and the corresponding area ratio threshold as the first area ratio threshold, when the height ratio is greater than the first height ratio threshold and the area ratio is greater than the first area ratio threshold, determining that the building blocks the clock control, adjusting the layer where the building is located to the lower layer of the layer where the clock control is located, when the height ratio is less than or equal to the first height ratio threshold, or the height ratio is greater than the first height ratio threshold and the area ratio is less than or equal to the first area ratio threshold, then keeping the layer where the building is located in the upper layer of the layer where the clock control is located, to achieve a depth of field effect. The depth of field effect refers to a more three-dimensional wallpaper effect displayed on the screen of an electronic device (such as a lock screen or a main screen or a screen off state), that is, dividing the wallpaper image into a foreground layer and a background layer, and superimposing the foreground layer with the control elements on the screen to form a certain layering effect.

[0067] In some optional embodiments, the response to a trigger operation, obtaining a first area on the screen of the electronic device corresponding to the target element in the wallpaper image and a second area on the screen of the control element, includes: responding to a wallpaper image zoom operation, obtaining a first area on the screen of the electronic device corresponding to the target element in the wallpaper image after the zoom operation and a second area on the screen of the control element.

[0068] The zooming operation may include a zooming-out operation or a zooming-in operation.

[0069] Optionally, the electronic device automatically determines whether the target element in the wallpaper image obscures the control element in response to the user's zooming operation on the wallpaper image, that is, the electronic device automatically obtains the first area on the electronic device screen corresponding to the target element in the wallpaper image after the zooming operation and the second area on the screen of the control element, determines whether the target element obscures the control element based on the first area and the second area, and displays the target element in a lower layer of the control element if it is determined that the target element obscures the control element; and displays the target element in an upper layer of the control element if it is determined that the target element does not obstruct the control element.

[0070] like Figure 8 As shown, taking the clock control as an example, a wallpaper control, a style control, and a depth of field control are displayed on the lock screen interface. The electronic device obtains the user's zoom operation by pinching the wallpaper image (such as zooming in by pinching), crops the enlarged wallpaper image to fit the screen size, and the electronic device automatically determines whether the target element (i.e., the building) in the cropped wallpaper image obstructs the clock control, that is, the electronic device obtains the first area on the screen of the electronic device corresponding to the building in the cropped wallpaper image and the second area on the screen of the clock control, determines the overlapping height and overlapping area between the first area and the second area, obtains the height ratio of the overlapping height to the total height of the second area, and the area ratio of the overlapping area to the area of ​​the second area, and obtains the target content of the clock control. The arrangement mode is the first arrangement style, and the corresponding height ratio threshold is determined to be the first height ratio threshold and the corresponding area ratio threshold is determined to be the first area ratio threshold. When the height ratio is greater than the first height ratio threshold and the area ratio is greater than the first area ratio threshold, it is determined that the building blocks the clock control, and the layer where the building is located is adjusted to the lower layer of the layer where the clock control is located. When the height ratio is less than or equal to the first height ratio threshold, or the height ratio is greater than the first height ratio threshold and the area ratio is less than or equal to the first area ratio threshold, the layer where the building is located is kept on the upper layer of the layer where the clock control is located, so as to achieve a depth of field effect.

[0071] In some optional embodiments, the response to a trigger operation, obtaining a first area on the electronic device screen corresponding to the target element in the wallpaper image and a second area on the screen corresponding to the control element, includes: responding to an operation to change the layout conditions of the control element, obtaining the first area on the electronic screen corresponding to the target element in the wallpaper image and a second area on the screen corresponding to the control element after the layout conditions are changed.

[0072] Optionally, the electronic device responds to the user's change operation on the layout conditions of the control elements and automatically determines whether the target element in the wallpaper image obscures the control element after obtaining the changed layout conditions. That is, the electronic device automatically obtains the first area on the screen of the electronic device corresponding to the target element in the wallpaper image and the second area on the screen of the control element after the layout conditions are changed, and determines whether the target element obscures the control element based on the first area and the second area. If it is determined that the target element obscures the control element, the target element is displayed in a lower layer of the control element; if it is determined that the target element does not obstruct the control element, the target element is displayed in an upper layer of the control element.

[0073] In some optional embodiments, the layout condition includes one or more of layout style, font, size, and the presence or absence of additional information.

[0074] The layout style may include the arrangement of the content of the control element, such as the first arrangement style, the second arrangement style, the content is arranged at the left position of the bounding box corresponding to the control element, the content is arranged at the center position of the bounding box corresponding to the control element, etc. The font may include different types of fonts, such as bold, Song, Kai, Times New Roman, etc. The size is the size of the word, which may include different font sizes. The additional information may include no option, date, weather, week, etc.

[0075] like Fig. 9As shown, taking the clock control as an example, a wallpaper control, a style control and a depth of field control are displayed on the lock screen interface. The electronic device obtains the user clicking the clock control, displays the layout condition configuration window of the clock control, and displays additional information, clock layout style, clock font and word size in the configuration window. The additional information may include no options, date, weather and other information; the clock layout style may include time horizontal layout, time vertical layout, etc. The horizontal layout of time may include the date and week in the same row and above or below the row where the time is located, or the week, time and date are in one row each and the time is in the middle row, the week is in the upper row of the time, and the date is in the lower row of the time, or the week, time and date are in one row each and the time is in the middle row, the week is in the lower row of the time, and the date is in the upper row of the time, etc., but not limited to this. The clock font can be set to one or more fonts, such as bold, regular, Song, etc. The size of the word may include one or more sizes. After the electronic device obtains the clock layout style selected by the user as vertical display, it automatically determines whether the target element (i.e., the building) in the wallpaper image blocks the clock control, that is, the electronic device obtains the first area on the screen of the electronic device corresponding to the building in the wallpaper image and the second area on the screen of the clock control after the layout conditions are changed, determines the overlapping height and overlapping area between the first area and the second area, obtains the height ratio of the overlapping height to the total height of the second area, and the area ratio of the overlapping area to the area of ​​the second area, obtains the second arrangement style for the target content of the clock control, determines the corresponding height ratio threshold to be the second height ratio threshold and the corresponding area ratio threshold to be the second area ratio threshold, when the height ratio is greater than the second height ratio threshold and the area ratio is greater than the second area ratio threshold, determines that the building blocks the clock control, adjusts the layer where the building is located to the lower layer of the layer where the clock control is located, and when the height ratio is less than or equal to the second height ratio threshold, or the height ratio is greater than the second height ratio threshold and the area ratio is less than or equal to the second area ratio threshold, keeps the layer where the building is located on the upper layer of the layer where the clock control is located, so as to achieve a depth of field effect.

[0076] In some optional embodiments, the wallpaper image display method further includes: when it is determined that the target element does not block the control element, displaying the target element on an upper layer of the control element.

[0077] Optionally, when determining that the target element does not block the control element, the electronic device may adjust the layer where the target element is located to a lower layer than the layer where the control element is located, thereby displaying the target element on an upper layer of the control element to achieve a depth of field effect.

[0078] In some optional embodiments, the electronic device can automatically determine whether the target element blocks the control element according to the wallpaper image selected by the user, and then scale the wallpaper image, and then automatically determine whether the target element blocks the control element according to the scaling operation of the wallpaper image, and then change the layout conditions of the control element, and then automatically determine whether the target element blocks the control element according to the change operation of the layout conditions of the control element. Accordingly, a wallpaper image display method includes:

[0079] (1) In response to a wallpaper image selection operation, obtaining a first area on a screen of an electronic device corresponding to a target element in the selected wallpaper image and a second area on the screen of a control element;

[0080] (2) determining an overlap height and an overlap area between the first region and the second region;

[0081] (3) obtaining a height ratio of the overlap height to the total height of the second region, and an area ratio of the overlap area to the area of ​​the second region; when the height ratio is greater than a height ratio threshold, and the area ratio is greater than an area ratio threshold, determining that the target element obscures the control element, and displaying the target element at a lower layer of the control element; if the height ratio is less than or equal to the height ratio threshold, or if the height ratio is greater than the height ratio threshold and the area ratio is less than or equal to the area ratio threshold, determining that the target element does not obstruct the control element, and displaying the target element at an upper layer of the control element;

[0082] (4) in response to a wallpaper image zoom operation, obtaining a first area on the screen of the electronic device corresponding to a target element in the wallpaper image after the zoom operation and a second area on the screen of the control element;

[0083] (5) determining an overlap height and an overlap area between the first region and the second region;

[0084] (6) Obtaining a height ratio of the overlap height to the total height of the second region, and an area ratio of the overlap area to the area of ​​the second region; when the height ratio is greater than a height ratio threshold, and the area ratio is greater than an area ratio threshold, determining that the target element obscures the control element, and displaying the target element at a lower layer of the control element; if the height ratio is less than or equal to the height ratio threshold, or if the height ratio is greater than the height ratio threshold and the area ratio is less than or equal to the area ratio threshold, determining that the target element does not obstruct the control element, and displaying the target element at an upper layer of the control element;

[0085] (7) in response to a change operation of a layout condition of a control element, obtaining a first area on the electronic screen corresponding to a target element in the wallpaper image and a second area on the screen of the control element after the layout condition is changed;

[0086] (8) Determining the overlap height and overlap area between the first region and the second region;

[0087] (9) Obtaining a height ratio between the overlapping height and the total height of the second region, and an area ratio between the overlapping area and the area of ​​the second region; when the height ratio is greater than a height ratio threshold, and the area ratio is greater than an area ratio threshold, determining that the target element obstructs the control element, and displaying the target element at a lower layer of the control element; if the height ratio is less than or equal to the height ratio threshold, or if the height ratio is greater than the height ratio threshold and the area ratio is less than or equal to the area ratio threshold, determining that the target element does not obstruct the control element, and displaying the target element at an upper layer of the control element.

[0088] By judging the occlusion relationship between the target element and the control element in the wallpaper image and adjusting the layer order, the readability of the control elements for users in any scenario can be guaranteed, and the ease of operation can also be guaranteed.

[0089] In some optional embodiments, the electronic device can automatically determine whether the target element blocks the control element based on the wallpaper image selected by the user, then change the layout conditions of the control element, and then automatically determine whether the target element blocks the control element based on the change of the layout conditions of the control element, and then scale the wallpaper image, and then automatically determine whether the target element blocks the control element based on the scaling of the wallpaper image. Accordingly, after executing steps (1), (2), and (3) in the wallpaper image display method, execute steps (7), (8), and (9), and then execute steps (4), (5), and (6).

[0090] It is understandable that the user can select a wallpaper image, scale the wallpaper image, and change the layout conditions of the control elements in any order. For example, the existing wallpaper image can be scaled first to automatically determine whether the target element in the wallpaper image obscures the control element, and then the user can select a new wallpaper image from the wallpaper image library, and then automatically determine whether the target element in the new wallpaper image obscures the control element, etc.

[0091] It should be understood that, although the steps in the flowcharts of the embodiments described above are shown in sequence according to the instructions of the arrows, these steps are not necessarily performed in sequence according to the order indicated by the arrows. Unless there is a clear explanation in this article, the execution of these steps is not strictly limited in order, and these steps can be performed in other orders. Moreover, at least a portion of the steps in the flowcharts of the embodiments described above can include multiple steps or multiple stages, and these steps or stages are not necessarily performed at the same time, but can be performed at different times, and the execution order of these steps or stages is not necessarily performed in sequence, but can be performed in turn or alternately with other steps or at least a portion of the steps or stages in other steps.

[0092] Based on the same inventive concept, the embodiment of the present application also provides a device information processing apparatus for implementing the device information processing method involved above. The implementation scheme for solving the problem provided by the apparatus is similar to the implementation scheme recorded in the above method, so the specific limitations in the one or more device information processing apparatus embodiments provided below can refer to the limitations on the device information processing method above, and will not be repeated here.

[0093] In some exemplary embodiments, Fig.10 As shown, a wallpaper image display device includes an acquisition module 1010 , a determination module 1020 and a display module 1030 .

[0094] The acquisition module 1010 is used to acquire a first area on the screen of the electronic device corresponding to the target element in the wallpaper image and a second area on the screen of the control element;

[0095] The determination module 1020 is used to determine whether the target element obscures the control element according to the first area and the second area;

[0096] The display module 1030 is used to display the target element in a lower layer of the control element when it is determined that the target element covers the control element.

[0097] In this embodiment, a first area on the screen of the electronic device corresponding to the target element in the wallpaper image and a second area on the screen of the control element are obtained, and then it is determined whether the target element obscures the control element based on the first area and the second area. When it is determined that the target element obscures the control element, the target element is displayed in the lower layer of the control element, thereby avoiding the target element obscuring the control element and enabling the user to view some information of the control element.

[0098] In some optional embodiments, the determination module 1020 is further used to determine the overlap height and overlap area between the first area and the second area; and determine whether the target element obstructs the control element based on the overlap height and overlap area.

[0099] In some optional embodiments, the determination module 1020 is also used to obtain the height ratio of the overlapping height to the total height of the second area, and the area ratio of the overlapping area to the area of ​​the second area; when the height ratio is greater than the height ratio threshold, and the area ratio is greater than the area ratio threshold, it is determined that the target element obscures the control element.

[0100] In some optional embodiments, the determination module 1020 is further used to obtain the arrangement of the target content of the control element on the screen; and obtain the corresponding height ratio threshold and area ratio threshold according to the arrangement.

[0101] In some optional embodiments, the determination module 1020 is further used to determine that when the arrangement mode is the first arrangement mode, the corresponding height ratio threshold is the first height ratio threshold and the corresponding area ratio threshold is the first area ratio threshold; when the arrangement mode is the second arrangement mode, the corresponding height ratio threshold is the second height ratio threshold and the corresponding area ratio threshold is the second area ratio threshold;

[0102] Among them, the total height of the second area in the first arrangement pattern is smaller than the total height of the second area in the second arrangement pattern, and the first height ratio threshold is greater than the second height ratio threshold.

[0103] In some optional embodiments, the acquisition module 1010 is further used to obtain, in response to a trigger operation, a first area on the screen of the electronic device corresponding to the target element in the wallpaper image and a second area on the screen of the control element.

[0104] In some optional embodiments, the acquisition module 1010 is further used to obtain, in response to a wallpaper image selection operation, a first area on the electronic device screen corresponding to a target element in the selected wallpaper image and a second area on the screen corresponding to a control element.

[0105] In some optional embodiments, the acquisition module 1010 is further used to respond to a wallpaper image zoom operation to obtain a first area on the electronic device screen corresponding to a target element in the wallpaper image after the zoom operation and a second area on the screen corresponding to a control element.

[0106] In some optional embodiments, the acquisition module 1010 is also used to respond to a layout condition change operation of a control element, obtain a first area on the electronic screen corresponding to a target element in the wallpaper image and a second area on the screen of the control element after the layout condition is changed.

[0107] In some optional embodiments, the layout condition includes one or more of layout style, font, size, and the presence or absence of additional information.

[0108] In some optional embodiments, the display module 1030 is further configured to display the target element on an upper layer of the control element when it is determined that the target element does not block the control element.

[0109] Each module in the above-mentioned device information processing apparatus can be implemented in whole or in part by software, hardware or a combination thereof. Each module can be embedded in or independent of a processor in an electronic device in the form of hardware, or can be stored in a memory in an electronic device in the form of software, so that the processor can call and execute operations corresponding to each module above.

[0110] In an exemplary embodiment, an electronic device is provided, which may be a terminal, and its internal structure diagram may be shown in FIG11. The electronic device includes a processor, a memory, an input / output interface, a communication interface, a display unit, and an input device. The processor, the memory, and the input / output interface are connected via a system bus, and the communication interface, the display unit, and the input device are connected to the system bus via the input / output interface. The processor of the electronic device is used to provide computing and control capabilities. The memory of the electronic device includes a non-volatile storage medium and an internal memory. The non-volatile storage medium stores an operating system and a computer program. The internal memory provides an environment for the operation of the operating system and the computer program in the non-volatile storage medium. The input / output interface of the electronic device is used to exchange information between the processor and an external device. The communication interface of the electronic device is used to communicate with an external terminal in a wired or wireless manner, and the wireless manner may be implemented through WIFI, a mobile cellular network, near field communication (NFC) or other technologies. When the computer program is executed by the processor, a wallpaper image display method is implemented. The display unit of the electronic device is used to form a visually visible picture, which may be a display screen, a projection device, or a virtual reality imaging device. The display screen can be a liquid crystal display screen or an electronic ink display screen, and the input device of the electronic device can be a touch layer covering the display screen, or a button, trackball or touchpad set on the electronic device casing, or an external keyboard, touchpad or mouse.

[0111] Those skilled in the art will understand that the structure shown in FIG. 11 is merely a block diagram of a partial structure related to the scheme of the present application, and does not constitute a limitation on the electronic device to which the scheme of the present application is applied. The specific electronic device may include more or fewer components than shown in the figure, or combine certain components, or have a different arrangement of components.

[0112] In an exemplary embodiment, a computer device is provided, including a memory and a processor, wherein a computer program is stored in the memory, and the processor implements the steps in the above method when executing the computer program.

[0113] In one embodiment, a computer-readable storage medium is provided, on which a computer program is stored. When the computer program is executed by a processor, the steps in the above method are implemented.

[0114] In one embodiment, a computer program product is provided, comprising a computer program, which implements the steps in the above method when executed by a processor.

[0115] It should be noted that the user information (including but not limited to user device information, user personal information, etc.) and data (including but not limited to data used for analysis, stored data, displayed data, etc.) involved in this application are all information and data authorized by the user or fully authorized by all parties, and the collection, use and processing of relevant data must comply with relevant regulations.

[0116] A person of ordinary skill in the art can understand that all or part of the processes in the above-mentioned embodiment method can be completed by instructing the relevant hardware through a computer program, and the computer program can be stored in a non-volatile computer-readable storage medium. When the computer program is executed, it can include the processes of the embodiments of the above-mentioned methods. Among them, any reference to the memory, database or other medium used in the embodiments provided in the present application can include at least one of non-volatile memory and volatile memory. Non-volatile memory can include read-only memory (ROM), magnetic tape, floppy disk, flash memory, optical memory, high-density embedded non-volatile memory, resistive random access memory (ReRAM), magnetic random access memory (MRAM), ferroelectric random access memory (FRAM), phase change memory (PCM), graphene memory, etc. Volatile memory can include random access memory (RAM) or external cache memory, etc. As an illustration and not limitation, RAM can be in various forms, such as static random access memory (SRAM) or dynamic random access memory (DRAM). The database involved in each embodiment provided in this application may include at least one of a relational database and a non-relational database. Non-relational databases may include distributed databases based on blockchains, etc., but are not limited to this. The processor involved in each embodiment provided in this application may be a general-purpose processor, a central processing unit, a graphics processor, a digital signal processor, a programmable logic device, a data processing logic device based on quantum computing, an artificial intelligence (AI) processor, etc., but are not limited to this.

[0117] The technical features of the above embodiments may be combined arbitrarily. To make the description concise, not all possible combinations of the technical features in the above embodiments are described. However, as long as there is no contradiction in the combination of these technical features, they should be considered to be within the scope of this application.

[0118] The above-described embodiments only express several implementation methods of the present application, and the descriptions thereof are relatively specific and detailed, but they cannot be understood as limiting the scope of the present application. It should be pointed out that, for a person of ordinary skill in the art, several variations and improvements can be made without departing from the concept of the present application, and these all belong to the protection scope of the present application. Therefore, the protection scope of the present application shall be subject to the attached claims.

Claims

1. A wallpaper image display method, characterized in that: The method comprises: Acquire a first area on the screen of the electronic device corresponding to the target element in the wallpaper image and a second area on the screen of the control element; Determining whether the target element obstructs the control element according to the first area and the second area; When it is determined that the target element obscures the control element, the target element is displayed in a lower layer of the control element.

2. The method according to claim 1, characterized in that The determining, according to the first area and the second area, whether the target element obscures the control element includes: Determining an overlap height and an overlap area between the first region and the second region; Determine whether the target element obstructs the control element according to the overlap height and the overlap area.

3. The method according to claim 2, characterized in that The determining whether the target element obscures the control element according to the overlap height and the overlap area includes: Obtaining a height ratio of the overlapping height to the total height of the second region, and an area ratio of the overlapping area to the area of ​​the second region; When the height ratio is greater than the height ratio threshold, and the area ratio is greater than the area ratio threshold, it is determined that the target element obstructs the control element.

4. The method according to claim 3, characterized in that The method further comprises: Obtaining the arrangement of the target content of the control element on the screen; The corresponding height ratio threshold and area ratio threshold are obtained according to the arrangement mode.

5. The method according to claim 4, characterized in that The obtaining the corresponding height ratio threshold and area ratio threshold according to the arrangement direction includes: When the arrangement mode is the first arrangement mode, determining the corresponding height ratio threshold to be the first height ratio threshold and the corresponding area ratio threshold to be the first area ratio threshold; When the arrangement mode is the second arrangement mode, determining the corresponding height ratio threshold to be the second height ratio threshold and the corresponding area ratio threshold to be the second area ratio threshold; Among them, the total height of the second area in the first arrangement pattern is less than the total height of the second area in the second arrangement pattern, and the first height ratio threshold is greater than the second height ratio threshold.

6. The method according to claim 1, characterized in that The step of obtaining a first area on the screen of the electronic device corresponding to the target element in the wallpaper image and a second area on the screen of the control element includes: In response to the triggering operation, a first area on the screen of the electronic device corresponding to the target element in the wallpaper image and a second area on the screen of the control element are obtained.

7. The method according to claim 6, characterized in that In response to the trigger operation, obtaining a first area on the screen of the electronic device corresponding to the target element in the wallpaper image and a second area on the screen of the control element includes: In response to the operation of selecting a wallpaper image, a first area on the screen of the electronic device corresponding to a target element in the selected wallpaper image and a second area on the screen of a control element are obtained.

8. The method according to claim 6, characterized in that In response to the trigger operation, obtaining a first area on the screen of the electronic device corresponding to the target element in the wallpaper image and a second area on the screen of the control element includes: In response to a wallpaper image zoom operation, a first area on the screen of the electronic device corresponding to a target element in the wallpaper image after the zoom operation and a second area on the screen of a control element are obtained.

9. The method according to claim 6, characterized in that In response to the trigger operation, obtaining a first area on the screen of the electronic device corresponding to the target element in the wallpaper image and a second area on the screen of the control element includes: In response to a layout condition change operation of a control element, a first area on the electronic screen corresponding to a target element in a wallpaper image and a second area on the screen of the control element after the layout condition change are obtained.

10. The method according to claim 9, characterized in that The layout conditions include one or more of layout style, font, size, and presence or absence of additional information.

11. The method according to any one of claims 1 to 10, characterized in that The method further comprises: When it is determined that the target element does not block the control element, the target element is displayed on an upper layer of the control element.

12. A wallpaper image display device, characterized in that: include: An acquisition module, used for acquiring a first area on the screen of the electronic device corresponding to a target element in the wallpaper image and a second area on the screen of a control element; A determination module, configured to determine whether the target element obstructs the control element according to the first area and the second area; The display module is used to display the target element in a lower layer of the control element when it is determined that the target element covers the control element.

13. An electronic device comprising a memory and a processor, wherein the memory stores a computer program, wherein: When the processor executes the computer program, the steps of the method according to any one of claims 1 to 11 are implemented.

14. A computer-readable storage medium having a computer program stored thereon, characterized in that: When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 11 are implemented.

15. A computer program product comprising a computer program, characterized in that When the computer program is executed by a processor, the steps of the method according to any one of claims 1 to 11 are implemented.

Images