Control background rendering method and device, storage medium and chip
By uniformly processing multi-layer image data under the target control within the same process, the smallest contradictory background image is determined, and the problems of complex cross-process processing and high resource consumption in the existing technology are solved, and efficient control background blur processing is achieved.
Patent Information
- Application Number
- CN202311406076.X
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2023-10-26
- Publication Date
- 2025-04-29
AI Technical Summary
The prior art requires cross-process operations when processing control background blur, resulting in complex processing, high resource consumption and low efficiency.
By obtaining image data at multiple levels under the target control, uniform processing is performed within the same process, the smallest rectangular blurred background image is determined, and the blurred background of the control is determined based on the image and control position information.
The process of multi-layer image data is uniformly processed within the same process, saving processing resources, improving processing efficiency, and simplifying the background blur processing process.
Smart Images
Figure CN119902672A_ABST
Abstract
Description
Technical Field
[0001] The present disclosure relates to the field of image processing technology, and in particular to a control background rendering method, device, storage medium and chip. Background Art
[0002] Since the background of a control may involve data at multiple levels, and data at different levels may be processed by different processes, in the related art, only cross-process background blurring can be performed, that is, blurring the images of the background areas involved by using other processes different from the current process, which makes the processing more complicated, consumes more processing resources and has low processing efficiency. Summary of the invention
[0003] In order to overcome the problems existing in the related art, the present disclosure provides a control background rendering method, device, storage medium and chip, which obtains multiple layers of image data under the target control, and determines the smallest rectangular blurred background image that can accommodate the target control based on the obtained original image data and the display position of the target control on the display interface, and determines the blurred background of the target control based on the blurred background image and the position information of the target control. In this way, the multiple layers of image data under the target control can be processed uniformly in the same process to obtain the blurred background of the target control, saving processing resources and improving processing efficiency.
[0004] According to a first aspect of an embodiment of the present disclosure, a control background rendering method is provided, comprising:
[0005] Acquire original image data, where the original image data is image data corresponding to multiple levels below the level of the target control;
[0006] Obtaining a blurred background image according to the original image data and the display position of the target control on the display interface, wherein the blurred background image is a minimum rectangular image that can accommodate the target control;
[0007] The blurred background of the target control is obtained according to the blurred background image and the display position of the target control on the display interface.
[0008] Optionally, the original image data includes bottom layer window image data and current layer window image data;
[0009] The obtaining of original image data comprises:
[0010] Acquire the bottom layer window image data corresponding to the bottom layer window under the current layer window where the target control is located;
[0011] The image data of the current layer window corresponding to multiple levels below the level of the target control in the current layer window is obtained.
[0012] Optionally, the acquiring the underlying window image data corresponding to the underlying window located below the current window where the target control is located includes:
[0013] The content of the bottom layer window located below the current layer window where the target control is located is captured through cross-process screenshot to obtain the bottom layer window image data.
[0014] Optionally, the acquiring the current layer window image data corresponding to a plurality of levels below the level of the target control in the current layer window includes:
[0015] The content of multiple levels below the level of the target control in the current window is captured from the first canvas through canvas screenshot to obtain the image data of the current window. The first canvas is used to draw the image of the current window.
[0016] Optionally, obtaining a blurred background image according to the original image data and a display position of the target control on the display interface includes:
[0017] According to the original image data and the display position of the target control on the display interface, a candidate background image is intercepted in a second canvas, where the second canvas is a newly created smallest rectangular canvas that can accommodate the target control;
[0018] The candidate background image is processed to obtain the blurred background image.
[0019] Optionally, the capturing, in the second canvas, of a candidate background image according to the original image data and a display position of the target control on the display interface comprises:
[0020] Determining target image data from the original image data according to the display position of the target control on the display interface, the target image data being data in the original image data corresponding to the position of the target control;
[0021] According to the target image data, drawing in the second canvas to obtain an original background image;
[0022] The original background image is captured from the second canvas by taking a screenshot of the canvas to obtain the candidate background image.
[0023] Optionally, the processing the candidate background image to obtain the blurred background image includes:
[0024] Performing blur processing on the candidate background image to obtain an original blurred image;
[0025] Based on a target color number, the original blurred image is subjected to color mixing processing to obtain the blurred background image, wherein the target color number is a preset color number corresponding to the target control.
[0026] Optionally, obtaining the blurred background of the target control according to the blurred background image and a display position of the target control on the display interface includes:
[0027] Before drawing the target control, according to the display position of the target control on the display interface, a target area corresponding to the target control is obtained by cutting on the first canvas;
[0028] The blurred background image is drawn to the target area to obtain the blurred background of the target control.
[0029] According to a second aspect of an embodiment of the present disclosure, a control background rendering device is provided, comprising:
[0030] An acquisition module is configured to acquire original image data, where the original image data is image data corresponding to a plurality of levels below the level of the target control;
[0031] A first obtaining module is configured to obtain a blurred background image according to the original image data and a display position of the target control on the display interface, wherein the blurred background image is a minimum rectangular image that can accommodate the target control;
[0032] The second obtaining module is configured to obtain the blurred background of the target control according to the blurred background image and the display position of the target control on the display interface.
[0033] According to a third aspect of an embodiment of the present disclosure, a control background rendering device is provided, including:
[0034] processor;
[0035] a memory for storing processor-executable instructions;
[0036] Wherein, the processor is configured to implement the steps of the control background rendering method provided by the first aspect of the present disclosure when executing.
[0037] According to a fourth aspect of an embodiment of the present disclosure, a computer-readable storage medium is provided, on which computer program instructions are stored. When the program instructions are executed by a processor, the steps of the control background rendering method provided in the first aspect of the present disclosure are implemented.
[0038] According to a fifth aspect of an embodiment of the present disclosure, a chip is provided, including a processor and an interface; the processor is used to read instructions to execute the method for control background rendering provided by the first aspect of the present disclosure.
[0039] The technical solution provided by the embodiments of the present disclosure may have the following beneficial effects:
[0040] By acquiring the original image data, which is the image data corresponding to multiple levels below the level of the target control, and according to the original image data and the display position of the target control on the display interface, a blurred background image is obtained, which is the smallest rectangular image that can accommodate the target control, and then according to the blurred background image and the display position of the target control on the display interface, the blurred background of the target control is obtained. By acquiring the data of multiple levels below the level where the target control is located, the same process can be used to uniformly process them to obtain the blurred background corresponding to the target control, which can save processing resources and improve processing efficiency.
[0041] It is to be understood that the foregoing general description and the following detailed description are exemplary and explanatory only and are not restrictive of the present disclosure. BRIEF DESCRIPTION OF THE DRAWINGS
[0042] The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present disclosure and, together with the description, serve to explain the principles of the present disclosure.
[0043] Figure 1 The present invention is a schematic diagram showing the contents of a display interface including controls according to an exemplary embodiment.
[0044] Figure 2 The present invention is a flowchart of a control background rendering method according to an exemplary embodiment.
[0045] Figure 3 The invention is a flow chart showing a method for determining a blurred background image according to an exemplary embodiment.
[0046] Figure 4 The figure is a flowchart of a method for obtaining a candidate background image according to an exemplary embodiment.
[0047] Figure 5 The figure is a flow chart showing a method for obtaining a blurred background of a target control according to an exemplary embodiment.
[0048] Figure 6 The present invention is a block diagram of a control background rendering device according to an exemplary embodiment.
[0049] Figure 7The invention is a block diagram showing a device for controlling a background rendering according to an exemplary embodiment. DETAILED DESCRIPTION
[0050] Exemplary embodiments will be described in detail herein, examples of which are shown in the accompanying drawings. When the following description refers to the drawings, the same numbers in different drawings represent the same or similar elements unless otherwise indicated. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present disclosure. Instead, they are merely examples of devices and methods consistent with some aspects of the present disclosure as detailed in the appended claims.
[0051] It should be noted that all actions of acquiring signals, information or data in the present disclosure are carried out in compliance with the relevant data protection laws and policies of the country where the device is located and with the authorization given by the owner of the corresponding device.
[0052] Since the background of a control may involve data at multiple levels, and data at different levels may be processed by different processes, in the related art, only cross-process background blurring can be performed for background blurring of common controls, that is, blurring the images of the background areas involved by using other processes different from the current process, resulting in more complex processing, more processing resources consumed, and lower processing efficiency. Common controls are controls with more conventional shapes, such as controls with rectangular or rectangular-like shapes. For example, a rectangular-like control may be a shape obtained by chamfering a rectangle.
[0053] In view of the above technical problems, the present disclosure provides a control background rendering method, device, storage medium and chip, which obtains multiple layers of image data under the target control, and determines the smallest rectangular blurred background image that can accommodate the target control based on the obtained original image data and the display position of the target control on the display interface, and determines the blurred background of the target control based on the blurred background image and the position information of the target control. In this way, the multiple layers of image data under the target control can be processed uniformly in the same process to obtain the blurred background of the target control, saving processing resources and improving processing efficiency.
[0054] Figure 1 is a schematic diagram showing contents of a display interface including controls according to an exemplary embodiment. Figure 2 is a flowchart of a control background rendering method according to an exemplary embodiment. Figure 1 and Figure 2 As shown, the method can be used in a terminal and may include the following steps.
[0055] In step S201, original image data is obtained, where the original image data is image data corresponding to multiple levels below the level of the target control.
[0056] In this embodiment, the target control is the control to be drawn, and the control whose background needs to be blurred. The target control may be a common control, which is a control with a relatively regular shape, such as a control with a rectangular or similar shape. A control similar to a rectangle may be a shape obtained by chamfering a rectangle, such as Figure 1 As shown, 101, 102 and 103 in the figure are all common controls.
[0057] like Figure 1 As shown, for a target control, from the display perspective, the target control may be in another parent control, and the target control and the parent control of the target control are in the same current window, that is, there are multiple levels of data in the current window, and there may be other windows under the current window, and other windows also have their corresponding data, and different windows also belong to different levels. Taking the mobile phone display interface as an example, the target control can be an operable control that appears when a certain application icon is long pressed. The control may include adding widgets and editing icons, and may also include sharing or uninstalling. The parent control may be the invisible content under the target control, and the current window is the window where the target control and its parent control are located. The current window may also include icons of multiple other applications, as well as displayed time values, etc. The bottom window may be a window of a lower layer, which may include mobile phone wallpaper and other content. Multiple levels are superimposed on each other, and the content of the next level can be covered by the content of the previous level. Then, the background of the target control is the content covered by the target control, including the content of the covered parent control and the content of other covered windows. When processing the background of the target control, the image data corresponding to the multiple levels below the target control can be obtained first. When displayed, all content is displayed in the form of images, so each image data can be an image of content on at least one level. By obtaining the original image data, the data including different levels and from different processes can be processed uniformly.
[0058] In step S202, a blurred background image is obtained according to the original image data and the display position of the target control on the display interface. The blurred background image is the smallest rectangular image that can accommodate the target control.
[0059] In this embodiment, the original image data can be used to draw a display image located below the level of the target control, and combined with the display position of the target control on the display interface, the display image drawn using the original image data can be intercepted. The intercepted image is the image covered by the target control. The intercepted image is further processed to obtain a blurred background image corresponding to the display position of the target control.
[0060] In another embodiment, each original image data can be captured directly according to the display position of the target control on the display interface, and the captured original image data can be used to draw the image covered by the target control, and the image covered by the target control can be further processed to obtain a blurred background image corresponding to the display position of the target control.
[0061] In step S203, the blurred background of the target control is obtained according to the blurred background image and the display position of the target control on the display interface.
[0062] In this embodiment, during the process of drawing an image of the display interface, after drawing multiple levels of images below the level of the target control and before drawing the target control, the blurred background image can be further corrected based on the obtained blurred background image or directly used, and drawn to the position corresponding to the display position of the target control to replace the original content, thereby obtaining the blurred background of the target control.
[0063] In a possible implementation, the original image data includes bottom layer window image data and current layer window image data. The method for obtaining the original image data may be: obtaining bottom layer window image data corresponding to the bottom layer window located below the current layer window where the target control is located; obtaining current layer window image data corresponding to multiple layers located below the layer of the target control in the current layer window.
[0064] In this embodiment, the image drawing method for the display interface is that the content of a window is drawn through a canvas, and when drawing the content of each window, it is drawn from the lower layer to the upper layer in sequence. The content below the level of the target control can be obtained twice, that is, the original image data includes the bottom window image data and the current window image data, wherein the bottom window image data is the content of the bottom window below the current window where the target control is located, and the current window image data is the content of multiple levels below the level of the target control in the current window.
[0065] In a possible implementation, a method for obtaining underlying window image data corresponding to an underlying window located below the current window where a target control is located may be: capturing the contents of the underlying window located below the current window where the target control is located through cross-process screenshots to obtain the underlying window image data.
[0066] In this embodiment, the underlying window image data is the screenshot corresponding to the content of other underlying windows under the current window. The content of the underlying window under the current window where the target control is located can be captured through cross-process screenshot to obtain the underlying window image data. Specifically, the cross-process screenshot interface can be called to take a screenshot of the content of other underlying windows under the current window through SurfaceFlinger to generate SkImage: snap_sf, that is, the underlying window image data.
[0067] In a possible implementation, a method for obtaining image data of the current layer window corresponding to multiple levels below the level of the target control in the current layer window may be: by taking a screenshot of the canvas, the contents of multiple levels below the level of the target control in the current layer window are captured from a first canvas to obtain the image data of the current layer window, and the first canvas is used to draw the image of the current layer window.
[0068] In this embodiment, when drawing the content of the current window, a drawing task may be created, that is, a SkSurface may be created, and the content may be drawn through the first canvas corresponding to the drawing task, and the first canvas may be SkCanvas. In any drawing process, the content of the current first canvas may be captured by taking a screenshot of the canvas, wherein the canvas screenshot may be a SkSurface:makeImageSnapshot function.
[0069] When drawing to the target control that needs to blur the background, a screenshot is taken, that is, a screenshot is taken of the contents of multiple levels below the level of the target control in the current window, and the image data SkImage: snap_self of the current window can be obtained.
[0070] Figure 3 is a flow chart showing a method for determining a blurred background image according to an exemplary embodiment. Figure 3 As shown, in a possible implementation manner, obtaining a blurred background image according to the original image data and the display position of the target control on the display interface may include the following steps:
[0071] In step S301, a candidate background image is captured in a second canvas according to the original image data and the display position of the target control on the display interface. The second canvas is a newly created smallest rectangular canvas that can accommodate the target control.
[0072] In this embodiment, the candidate background image is the content covered by the target control, and the candidate background image can be captured through the second canvas. Specifically, a new drawing task can be created, that is, a new SkSurface is created, and the second canvas corresponding to the drawing task is determined. The second canvas can be SkCanvas, which is the smallest rectangular canvas that can accommodate the target control. Since the target control is a common control, the second canvas is a canvas with a width and height equal to the width and height of the target control. Based on the display position of the target control on the display interface, part of the data in the original image data is drawn to the second canvas and a screenshot is taken to obtain the candidate background image.
[0073] In step S302, the candidate background image is processed to obtain a blurred background image.
[0074] In this embodiment, the candidate image may be further processed, for example, blurred to obtain a blurred background image, or the blurred image may be further mixed to obtain a blurred background image.
[0075] Figure 4 is a flowchart of a method for obtaining a candidate background image according to an exemplary embodiment. Figure 4 As shown, in a possible implementation manner, according to the original image data and the display position of the target control on the display interface, intercepting the candidate background image in the second canvas may include the following steps:
[0076] In step S401, target image data is determined from the original image data according to the display position of the target control on the display interface. The target image data is data corresponding to the position of the target control in the original image data.
[0077] In this embodiment, the original image data can be intercepted based on the display position of the target control on the display interface, and the data corresponding to the position of the target control in the original image data can be intercepted as the target image data. Specifically, the coordinates of each pixel of the target control can be determined based on the display position of the target control on the display interface to obtain the first coordinates, and the coordinates of each pixel in the original image data can be determined to obtain the second coordinates. Since the same coordinate system is used, the target pixel with the same first coordinate can be determined from the second coordinates, and the data corresponding to the target pixel can be determined as the target image data.
[0078] In step S402, an original background image is drawn on a second canvas according to the target image data.
[0079] In this embodiment, the target image data can be drawn onto the second canvas, and an original background image having the same size as the target control can be obtained.
[0080] In step S403, the original background image is captured from the second canvas by taking a screenshot of the canvas to obtain a candidate background image.
[0081] In this embodiment, since the second canvas is a newly created smallest rectangular canvas that can accommodate the target control, a screenshot is taken of the contents of the canvas, and the captured candidate background image is a rectangular image with the same width and height as the target control. The candidate background image can be recorded as SkImage: snap_back.
[0082] In a possible implementation, the method for processing the candidate background image to obtain a blurred background image may be: blurring the candidate background image to obtain an original blurred image; and mixing the original blurred image based on a target color number to obtain a blurred background image, wherein the target color number is a pre-set color number corresponding to the target control.
[0083] In this embodiment, the candidate background image may be blurred to obtain the original blurred image. The blurring method may be at least one of Gaussian blur, kavass blur and custom blur. The original blurred image is mixed to obtain a blurred background image. In the color mixing process, the color of the mixed color used may be determined based on the target color number, and the target color number may be a pre-set color number. For example, one or more color numbers are pre-set first, and a color number is randomly selected during color mixing. Alternatively, the target color number is a color number corresponding to the target control that is pre-set based on the user's instructions. The blurred background image may be recorded as SkImage: snap_blur.
[0084] In a possible implementation manner, the candidate background image may be directly blurred to obtain a blurred background image.
[0085] Figure 5 is a flow chart showing a method for obtaining a blurred background of a target control according to an exemplary embodiment. Figure 5 As shown, in a possible implementation manner, obtaining the blurred background of the target control according to the blurred background image and the display position of the target control on the display interface may include the following steps:
[0086] In step S501, before drawing the target control, a target area corresponding to the target control is cut on the first canvas according to the display position of the target control on the display interface.
[0087] In this embodiment, before drawing the target control, the blurred background corresponding to the target control is drawn first. Before drawing the blurred background corresponding to the target control, first, according to the display position of the target control on the display interface, a target area equal to the size and position of the target control is cut from the area corresponding to the target control on the first canvas, so as to draw the blurred background of the target control.
[0088] In step S502, the blurred background image is drawn to the target area to obtain the blurred background of the target control.
[0089] In this embodiment, the blurred background image is directly drawn to the target area on the first canvas to obtain the blurred background of the target control, and then the target control can be drawn on the blurred background.
[0090] For example, snap_blur is drawn to SkCanvas before drawing the contents of the target control on SkCanvas. Specifically, first call the clipPath or clipRRect of SkCavas to clip an area that needs to be blurred, and then call drawImageRect to draw the contents of the size of the target control in snap_blur to SkCanvas. At this time, the target control has a blurred background.
[0091] Optionally, before drawing the blurred background image into the target area, the blurred background image may be rounded, and then the blurred background image after the rounding is drawn into the target area.
[0092] Figure 6 is a block diagram of a control background rendering device according to an exemplary embodiment. Figure 6 The control background rendering device 600 includes an acquisition module 601, a first acquisition module 602 and a second acquisition module 603.
[0093] The acquisition module 601 is configured to acquire original image data, where the original image data is image data corresponding to multiple levels below the level of the target control;
[0094] The first obtaining module 602 is configured to obtain a blurred background image according to the original image data and the display position of the target control on the display interface, wherein the blurred background image is a minimum rectangular image that can accommodate the target control;
[0095] The second obtaining module 603 is configured to obtain the blurred background of the target control according to the blurred background image and the display position of the target control on the display interface.
[0096] Optionally, the original image data includes bottom layer window image data and current layer window image data;
[0097] The acquisition module 601 includes:
[0098] A first acquisition submodule is configured to acquire the bottom layer window image data corresponding to the bottom layer window located under the current layer window where the target control is located;
[0099] The second acquisition submodule is configured to acquire the current layer window image data corresponding to multiple levels below the level of the target control in the current layer window.
[0100] Optionally, the first acquisition submodule includes:
[0101] The first obtaining unit is configured to capture the content of the bottom layer window located below the current layer window where the target control is located through cross-process screenshot to obtain the bottom layer window image data.
[0102] Optionally, the second acquisition submodule includes:
[0103] The second obtaining unit is configured to capture the contents of multiple levels below the level of the target control in the current window from the first canvas through canvas screenshot to obtain the image data of the current window, wherein the first canvas is used to draw the image of the current window.
[0104] Optionally, the first obtaining module 602 includes:
[0105] A capture submodule is configured to capture a candidate background image in a second canvas according to the original image data and a display position of the target control on the display interface, wherein the second canvas is a newly created smallest rectangular canvas capable of accommodating the target control;
[0106] The first obtaining submodule is configured to process the candidate background image to obtain the blurred background image.
[0107] Optionally, the interception submodule includes:
[0108] a determining unit configured to determine target image data from the original image data according to a display position of the target control on the display interface, the target image data being data in the original image data corresponding to the position of the target control;
[0109] A drawing unit, configured to draw an original background image in the second canvas according to the target image data;
[0110] The third obtaining unit is configured to capture the original background image from the second canvas by taking a screenshot of the canvas to obtain the candidate background image.
[0111] Optionally, the first obtaining submodule includes:
[0112] A fourth obtaining unit is configured to perform blur processing on the candidate background image to obtain an original blurred image;
[0113] The fifth obtaining unit is configured to perform color mixing processing on the original blurred image based on a target color number to obtain the blurred background image, wherein the target color number is a preset color number corresponding to the target control.
[0114] Optionally, the second obtaining module 603 includes:
[0115] A cutting submodule is configured to cut a target area corresponding to the target control on the first canvas according to a display position of the target control on the display interface before drawing the target control;
[0116] The second obtaining submodule is configured to draw the blurred background image to the target area to obtain the blurred background of the target control.
[0117] Regarding the control background rendering device 600 in the above embodiment, the specific manner in which each module performs operations has been described in detail in the embodiment of the method, and will not be elaborated here.
[0118] The present disclosure also provides a computer-readable storage medium having computer program instructions stored thereon, and when the program instructions are executed by a processor, the steps of the control background rendering method provided by the present disclosure are implemented.
[0119] Figure 7 700 is a block diagram of an apparatus for widget background rendering according to an exemplary embodiment. For example, the apparatus 700 may be a mobile phone, a computer, a digital broadcast terminal, a messaging device, a game console, a tablet device, a medical device, a fitness device, a personal digital assistant, etc.
[0120] Reference Figure 7 , the device 700 may include one or more of the following components: a processing component 702 , a memory 704 , a power component 706 , a multimedia component 708 , an audio component 710 , an input / output interface 712 , a sensor component 714 , and a communication component 716 .
[0121] The processing component 702 generally controls the overall operation of the device 700, such as operations associated with display, phone calls, data communications, camera operations, and recording operations. The processing component 702 may include one or more processors 720 to execute instructions to complete all or part of the steps of the above-mentioned control background rendering method. In addition, the processing component 702 may include one or more modules to facilitate the interaction between the processing component 702 and other components. For example, the processing component 702 may include a multimedia module to facilitate the interaction between the multimedia component 708 and the processing component 702.
[0122] The memory 704 is configured to store various types of data to support operations on the device 700. Examples of such data include instructions for any application or method operating on the device 700, contact data, phone book data, messages, pictures, videos, etc. The memory 704 can be implemented by any type of volatile or non-volatile storage device or a combination thereof, such as static random access memory (SRAM), electrically erasable programmable read-only memory (EEPROM), erasable programmable read-only memory (EPROM), programmable read-only memory (PROM), read-only memory (ROM), magnetic memory, flash memory, magnetic disk or optical disk.
[0123] The power supply component 706 provides power to the various components of the device 700. The power supply component 706 may include a power management system, one or more power supplies, and other components associated with generating, managing, and distributing power for the device 700.
[0124] The multimedia component 708 includes a screen that provides an output interface between the device 700 and the user. In some embodiments, the screen may include a liquid crystal display (LCD) and a touch panel (TP). If the screen includes a touch panel, the screen may be implemented as a touch screen to receive input signals from the user. The touch panel includes one or more touch sensors to sense touch, slide, and gestures on the touch panel. The touch sensor may not only sense the boundaries of the touch or slide action, but also detect the duration and pressure associated with the touch or slide operation. In some embodiments, the multimedia component 708 includes a front camera and / or a rear camera. When the device 700 is in an operating mode, such as a shooting mode or a video mode, the front camera and / or the rear camera may receive external multimedia data. Each front camera and rear camera may be a fixed optical lens system or have a focal length and optical zoom capability.
[0125] The audio component 710 is configured to output and / or input audio signals. For example, the audio component 710 includes a microphone (MIC), and when the device 700 is in an operating mode, such as a call mode, a recording mode, and a speech recognition mode, the microphone is configured to receive an external audio signal. The received audio signal can be further stored in the memory 704 or sent via the communication component 716. In some embodiments, the audio component 710 also includes a speaker for outputting audio signals.
[0126] The input / output interface 712 provides an interface between the processing component 702 and the peripheral interface modules, which may be keyboards, click wheels, buttons, etc. These buttons may include but are not limited to: a home button, a volume button, a start button, and a lock button.
[0127] The sensor assembly 714 includes one or more sensors for providing various aspects of status assessment for the device 700. For example, the sensor assembly 714 can detect the open / closed state of the device 700, the relative positioning of components, such as the display and keypad of the device 700, the sensor assembly 714 can also detect the position change of the device 700 or a component of the device 700, the presence or absence of user contact with the device 700, the orientation or acceleration / deceleration of the device 700, and the temperature change of the device 700. The sensor assembly 714 may include a proximity sensor configured to detect the presence of nearby objects without any physical contact. The sensor assembly 714 may also include an optical sensor, such as a CMOS or CCD image sensor, for use in imaging applications. In some embodiments, the sensor assembly 714 may also include an accelerometer, a gyroscope sensor, a magnetic sensor, a pressure sensor, or a temperature sensor.
[0128] The communication component 716 is configured to facilitate wired or wireless communication between the device 700 and other devices. The device 700 can access a wireless network based on a communication standard, such as WiFi, 2G or 3G, or a combination thereof. In an exemplary embodiment, the communication component 716 receives a broadcast signal or broadcast-related information from an external broadcast management system via a broadcast channel. In an exemplary embodiment, the communication component 716 also includes a near field communication (NFC) module to facilitate short-range communication. For example, the NFC module can be implemented based on radio frequency identification (RFID) technology, infrared data association (IrDA) technology, ultra-wideband (UWB) technology, Bluetooth (BT) technology and other technologies.
[0129] In an exemplary embodiment, the device 700 can be implemented by one or more application-specific integrated circuits (ASICs), digital signal processors (DSPs), digital signal processing devices (DSPDs), programmable logic devices (PLDs), field programmable gate arrays (FPGAs), controllers, microcontrollers, microprocessors or other electronic components to execute the above-mentioned control background rendering method.
[0130] In an exemplary embodiment, a non-transitory computer-readable storage medium including instructions is also provided, such as a memory 704 including instructions, and the instructions can be executed by a processor 720 of the device 700 to complete the above-mentioned control background rendering method. For example, the non-transitory computer-readable storage medium can be a ROM, a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.
[0131] In addition to being an independent electronic device, the above-mentioned device can also be a part of an independent electronic device. For example, in one embodiment, the device can be an integrated circuit (IC) or a chip, wherein the integrated circuit can be an IC or a collection of multiple ICs; the chip can include but is not limited to the following types: GPU (Graphics Processing Unit), CPU (Central Processing Unit), FPGA (Field Programmable Gate Array), DSP (Digital Signal Processor), ASIC (Application Specific Integrated Circuit), SOC (System on Chip, SoC), etc. The above-mentioned integrated circuit or chip can be used to execute executable instructions (or codes) to implement the above-mentioned control background rendering method. The executable instructions can be stored in the integrated circuit or chip, or can be obtained from other devices or equipment, such as the integrated circuit or chip including a processor, a memory, and an interface for communicating with other devices. The executable instruction can be stored in the memory, and when the executable instruction is executed by the processor, the above-mentioned control background rendering method is implemented; alternatively, the integrated circuit or chip can receive the executable instruction through the interface and transmit it to the processor for execution, so as to implement the above-mentioned control background rendering method.
[0132] In another exemplary embodiment, a computer program product is further provided. The computer program product includes a computer program that can be executed by a programmable device. The computer program has a code portion for executing the above-mentioned control background rendering method when executed by the programmable device.
[0133] Those skilled in the art will readily appreciate other embodiments of the present disclosure after considering the specification and practicing the present disclosure. The present disclosure is intended to cover any variations, uses or adaptations of the present disclosure that follow the general principles of the present disclosure and include common knowledge or customary techniques in the art that are not disclosed in the present disclosure. The description and examples are to be considered as exemplary only, and the true scope and spirit of the present disclosure are indicated by the following claims.
[0134] It should be understood that the present disclosure is not limited to the exact structures that have been described above and shown in the drawings, and that various modifications and changes may be made without departing from the scope thereof. The scope of the present disclosure is limited only by the appended claims.
Claims
1. A control background rendering method, characterized in that: include: Acquire original image data, where the original image data is image data corresponding to multiple levels below the level of the target control; Obtaining a blurred background image according to the original image data and the display position of the target control on the display interface, wherein the blurred background image is a minimum rectangular image that can accommodate the target control; The blurred background of the target control is obtained according to the blurred background image and the display position of the target control on the display interface.
2. The control background rendering method according to claim 1, characterized in that: The original image data includes bottom layer window image data and current layer window image data; The obtaining of original image data comprises: Acquire the bottom layer window image data corresponding to the bottom layer window under the current layer window where the target control is located; The image data of the current layer window corresponding to multiple levels below the level of the target control in the current layer window is obtained.
3. The control background rendering method according to claim 2, characterized in that: The step of acquiring the underlying window image data corresponding to the underlying window located below the current window where the target control is located includes: The content of the bottom layer window located below the current layer window where the target control is located is captured through cross-process screenshot to obtain the bottom layer window image data.
4. The control background rendering method according to claim 2, characterized in that: The acquiring the current layer window image data corresponding to a plurality of levels below the level of the target control in the current layer window includes: The content of multiple levels below the level of the target control in the current window is captured from the first canvas through canvas screenshot to obtain the image data of the current window. The first canvas is used to draw the image of the current window.
5. The control background rendering method according to any one of claims 1 to 4, characterized in that: The obtaining of a blurred background image according to the original image data and the display position of the target control on the display interface includes: According to the original image data and the display position of the target control on the display interface, a candidate background image is intercepted in a second canvas, where the second canvas is a newly created smallest rectangular canvas that can accommodate the target control; The candidate background image is processed to obtain the blurred background image.
6. The control background rendering method according to claim 5, characterized in that: The step of intercepting a candidate background image in a second canvas according to the original image data and the display position of the target control on the display interface includes: Determining target image data from the original image data according to the display position of the target control on the display interface, the target image data being data in the original image data corresponding to the position of the target control; According to the target image data, drawing in the second canvas to obtain an original background image; The original background image is captured from the second canvas by taking a screenshot of the canvas to obtain the candidate background image.
7. The control background rendering method according to claim 5, characterized in that: The step of processing the candidate background image to obtain the blurred background image includes: Performing blur processing on the candidate background image to obtain an original blurred image; Based on a target color number, the original blurred image is subjected to color mixing processing to obtain the blurred background image, wherein the target color number is a preset color number corresponding to the target control.
8. The control background rendering method according to any one of claims 1 to 4, characterized in that: The obtaining the blurred background of the target control according to the blurred background image and the display position of the target control on the display interface includes: Before drawing the target control, according to the display position of the target control on the display interface, a target area corresponding to the target control is obtained by cutting on the first canvas; The blurred background image is drawn to the target area to obtain the blurred background of the target control.
9. A control background rendering device, characterized in that: include: An acquisition module is configured to acquire original image data, where the original image data is image data corresponding to a plurality of levels below the level of the target control; A first obtaining module is configured to obtain a blurred background image according to the original image data and a display position of the target control on the display interface, wherein the blurred background image is a minimum rectangular image that can accommodate the target control; The second obtaining module is configured to obtain the blurred background of the target control according to the blurred background image and the display position of the target control on the display interface.
10. A control background rendering device, characterized in that: include: processor; a memory for storing processor-executable instructions; Wherein, the processor is configured to implement the steps of the control background rendering method described in any one of claims 1 to 8 when executing.
11. A computer-readable storage medium having computer program instructions stored thereon, characterized in that: When the program instructions are executed by a processor, the steps of the control background rendering method described in any one of claims 1 to 8 are implemented.
12. A chip, characterized in that: It comprises a processor and an interface; the processor is used to read instructions to execute the method for background rendering of a control as described in any one of claims 1 to 8.