WO2020259623A1 - 页面绘制的控制方法、装置及设备 - Google Patents

页面绘制的控制方法、装置及设备 Download PDF

Info

Publication number
WO2020259623A1
WO2020259623A1 PCT/CN2020/098250 CN2020098250W WO2020259623A1 WO 2020259623 A1 WO2020259623 A1 WO 2020259623A1 CN 2020098250 W CN2020098250 W CN 2020098250W WO 2020259623 A1 WO2020259623 A1 WO 2020259623A1
Authority
WO
WIPO (PCT)
Prior art keywords
control
image corresponding
page
child
updated
Prior art date
Application number
PCT/CN2020/098250
Other languages
English (en)
French (fr)
Inventor
谭威
余谭其
支渠成
李煜
Original Assignee
华为技术有限公司
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by 华为技术有限公司 filed Critical 华为技术有限公司
Priority to US17/622,650 priority Critical patent/US20220358688A1/en
Priority to EP20833028.2A priority patent/EP3968147A4/en
Priority to JP2021576521A priority patent/JP7460249B2/ja
Publication of WO2020259623A1 publication Critical patent/WO2020259623A1/zh

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/00—2D [Two Dimensional] image generation
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/34—Graphical or visual programming
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
    • G06F16/90—Details of database functions independent of the retrieved data types
    • G06F16/95—Retrieval from the web
    • G06F16/958—Organisation or management of web site content, e.g. publishing, maintaining pages or automatic linking
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F8/00—Arrangements for software engineering
    • G06F8/30—Creation or generation of source code
    • G06F8/38—Creation or generation of source code for implementing user interfaces
    • G—PHYSICS
    • G06—COMPUTING; CALCULATING OR COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces

Definitions

  • This application relates to the field of computer technology, and in particular to a method, device and device for controlling page rendering.
  • a page displayed by an electronic device usually includes multiple controls, and the multiple controls can be drawn respectively, so that the electronic device can display the page.
  • the controls in the page include at least one of a view control and a viewgroup control, and the viewgroup control includes at least one child control (for example, a view control).
  • the viewgroup control includes at least one child control (for example, a view control).
  • the electronic device draws the viewgroup control, the viewgroup control and each child control in the viewgroup control are drawn separately.
  • the electronic device draws the page periodically, for example, every Draw the page every 16 milliseconds.
  • each sub-control in the viewgroup control and the viewgroup control needs to be drawn separately, and the drawing content is large, resulting in low page drawing efficiency.
  • the present application provides a method, device, and equipment for controlling page drawing, which improves page drawing efficiency.
  • an embodiment of the present application provides a method for controlling page drawing, obtaining a drawing instruction for instructing to draw a first page, the first page includes a first control, and the first control includes at least one child control; If there is an image corresponding to the first control, and the first control and the child controls in the first control are not updated, the first control is drawn according to the image corresponding to the first control; if it is determined that there is no image corresponding to the first control, or the first control When a control or a child control in the first control is updated, an image corresponding to the first control is generated and the first control is drawn.
  • an image of the viewgroup control can be generated and stored first, and the image includes the viewgroup control and the corresponding sub-controls in the viewgroup control Image.
  • the viewgroup control can be drawn according to the image, which reduces the content of page drawing, thereby improving Drawing efficiency.
  • the first control can be drawn according to the image corresponding to the first control through the following feasible implementations: generating an image drawing command corresponding to the image; updating the drawing command in the display list of the first control to image drawing Command; draw the first control according to the updated display list of the first control.
  • the commands included in the updated display list are image drawing commands
  • the number of pixels to be rendered corresponding to the image drawing commands is the number of pixels in the area where the image corresponding to the first control is located.
  • the number of pixels to be rendered corresponding to the drawing command in the display list of the first control before the update is greater than the number of pixels in the area where the image corresponding to the first control is located. Therefore, the first control is drawn according to the updated display list of the first control. When one control is used, the number of pixels drawn can be reduced, thereby improving drawing efficiency.
  • the image corresponding to the first control can be generated by the following feasible implementations: obtaining the attribute information of the first control, the attribute information includes the size of the first control, the size of each child control in the first control The size and the position of each child control in the first control in the first control; according to the attribute information and the preset drawing function, an image corresponding to the first control is obtained.
  • the attribute information of the first control can accurately describe the first control. Therefore, the image corresponding to the first control can be accurately drawn according to the attribute information of the first control and the preset drawing function.
  • the image corresponding to the first control can be generated and the first control can be drawn through the following feasible implementations: generate the image corresponding to the first control, and draw the first control according to the generated image corresponding to the first control. Control.
  • the image corresponding to the first control is first generated, and then according to the image The first control is drawn, so that the first control can be drawn quickly according to the image corresponding to the first control.
  • an image corresponding to the first control and drawing the first control can be generated by the following feasible implementations: generating an image corresponding to the first control; obtaining a display list of the first control, the display list including the first control The drawing command of a control and the drawing commands of each child control in the first control; draw the first control according to the display list.
  • the image corresponding to the first control when it is determined that the image corresponding to the first control does not exist, or the first control or the child controls in the first control are updated, the image corresponding to the first control is generated, and the image corresponding to the first control is generated according to the existing The process of drawing the first control, so that the process of generating the image and the process of drawing the first control according to the existing process can be executed in parallel, so that the generated image can be used in the next process of drawing the first control, and the above two The parallel execution of these processes can improve the efficiency of generating images and drawing the first control.
  • the state of the first control is the first state, it is determined that the first control and the child controls in the first control have not been updated; if the state of the first control is the second state, it is determined The first control or the child controls in the first control are updated.
  • the state of the first control is set to the second state; after the image corresponding to the first control is generated, the The state of the first control is set to the first state.
  • corresponding setting of the state of the first control under corresponding conditions can make it possible to accurately determine whether the first control or the child controls in the first control are updated according to the state of the first control.
  • the first control is a window group control
  • the child controls in the first control are window controls.
  • an embodiment of the present application provides a page drawing control device, which includes: an acquisition module and a drawing module, wherein:
  • the acquiring module is configured to acquire a drawing instruction of a first page, the drawing instruction is used to instruct to draw the first page, the first page includes a first control, and the first control includes at least one child Control
  • the drawing module is configured to draw according to the image corresponding to the first control if it is determined that there is an image corresponding to the first control, and the first control and the child controls in the first control are not updated The first control;
  • the drawing module is further configured to generate an image corresponding to the first control if it is determined that there is no image corresponding to the first control, or the first control or the child controls in the first control are updated And draw the first control.
  • the drawing module is specifically configured to:
  • the drawing module is specifically configured to:
  • Acquiring property information of the first control where the property information includes the size of the first control, the size of each child control in the first control, and the position of each child control in the first control in the first control;
  • the drawing module is specifically configured to:
  • An image corresponding to the first control is generated, and the first control is drawn according to the generated image corresponding to the first control.
  • the drawing module is specifically configured to:
  • the first control is drawn.
  • the device further includes a determining module, and the determining module is configured to:
  • the state of the first control is the first state, determining that the first control and child controls in the first control have not been updated;
  • the state of the first control is the second state, it is determined that the first control or a child control in the first control is updated.
  • the device further includes a setting module, wherein:
  • the setting module is configured to set the state of the first control to the second state after detecting that the first control or the child controls in the first control are updated;
  • the setting module is further configured to set the state of the first control to the first state after the image corresponding to the first control is generated by the drawing module.
  • the first control is a window group control
  • the child controls in the first control are window controls.
  • an embodiment of the present application provides an electronic device, including: a memory and a processor, and the processor executes program instructions in the memory so that the electronic device executes the following steps:
  • the processor is specifically configured to:
  • the processor is specifically configured to:
  • Acquiring property information of the first control where the property information includes the size of the first control, the size of each child control in the first control, and the position of each child control in the first control in the first control;
  • the processor is specifically configured to:
  • An image corresponding to the first control is generated, and the first control is drawn according to the generated image corresponding to the first control.
  • the processor is specifically configured to:
  • the first control is drawn.
  • the processor is specifically configured to:
  • the state of the first control is the first state, determining that the first control and child controls in the first control have not been updated;
  • the state of the first control is the second state, it is determined that the first control or a child control in the first control is updated.
  • the processor is further configured to:
  • the state of the first control is set to the first state.
  • the first control is a window group control
  • the child controls in the first control are window controls.
  • an embodiment of the present application provides a storage medium, the storage medium is used to store a computer program, and when the computer program is executed by a computer or a processor, it is used to implement the page rendering of any one of the first Control Method.
  • an embodiment of the present application provides a computer program product, characterized in that the computer program product includes instructions, and when the instructions are executed, the computer executes the page rendering process described in any one of the first aspect. Control Method.
  • the embodiments of the present application provide a system on a chip or a system chip, the system on a chip or a system chip may be applied to a terminal device, and the system on a chip or a system chip includes: at least one communication interface, at least one processing The communication interface, the memory, and the processor are interconnected by a bus, and the processor executes the instructions stored in the memory, so that the electronic device can execute any one of the The control method of page drawing.
  • an image of the viewgroup control in the process of page drawing, for the viewgroup control in the page, an image of the viewgroup control can be generated and stored first, and the image includes the viewgroup control and the viewgroup The image corresponding to each child control in the control.
  • the viewgroup control in the process of drawing the page, if the content of a viewgroup control does not change, and there is an image of the viewgroup control, the viewgroup control can be drawn according to the image, which reduces the content of page drawing, thereby improving Drawing efficiency.
  • FIG. 1A is a schematic diagram of the structure of a page provided by an embodiment of the application.
  • FIG. 1B is a schematic diagram of a tree structure of a control provided by an embodiment of this application.
  • Figure 2 is a schematic diagram of an application scenario provided by an embodiment of the application
  • FIG. 3 is a schematic structural diagram of a system architecture of an electronic device provided by an embodiment of the application.
  • FIG. 4 is a schematic flowchart of a method for controlling page drawing according to an embodiment of the application.
  • FIG. 5 is a schematic diagram of a tree structure of drawing commands provided by an embodiment of the application.
  • FIG. 6 is a schematic diagram of a display list provided by an embodiment of the application.
  • FIG. 7 is a schematic diagram of a drawing process of a control provided by an embodiment of the application.
  • FIG. 8 is a schematic diagram of a control drawing process provided by an embodiment of the application.
  • Figure 9 is a schematic diagram of a page provided by an embodiment of the application.
  • FIG. 10 is a schematic diagram of a tree structure of another control provided by an embodiment of the application.
  • FIG. 11 is a schematic diagram of another tree-like result of a display list provided by an embodiment of the application.
  • FIG. 12 is a schematic diagram of a tree structure of another control provided by an embodiment of this application.
  • FIG. 13 is a schematic diagram of another tree-like result of a display list provided by an embodiment of this application.
  • FIG. 14 is a schematic flowchart of another page drawing control method provided by an embodiment of the application.
  • FIG. 15 is a schematic structural diagram of a page drawing control device provided by an embodiment of the application.
  • FIG. 16 is a schematic structural diagram of another page drawing control device provided by an embodiment of the application.
  • FIG. 17 is a schematic structural diagram of an electronic device provided by an embodiment of this application.
  • FIG. 18 is a schematic structural diagram of another electronic device provided by an embodiment of the application.
  • FIG. 1A is a schematic diagram of the structure of a page provided by an embodiment of the application.
  • a page can include two types of controls, one is a view control, and the other is a view group control.
  • the viewgroup control includes at least one view control.
  • a viewgroup control may also include other viewgroup controls.
  • the controls included in the viewgroup control may also be referred to as child controls of the viewgroup control.
  • the page includes window control 1, window control 2, and list control
  • the list control is a viewgroup control.
  • the list controls include window group control 1, window group control 2, window group control 3 and window group control 4. Among them, window group control 1, window group control 2, window group control 3 and window group control 4 respectively include two Windows controls.
  • the controls in the page may be represented in a tree structure.
  • the tree structure of the controls in the page shown in FIG. 1A may be as shown in FIG. 1B.
  • FIG. 1B is a schematic diagram of a tree structure of a control provided by an embodiment of the application. Please refer to Fig. 1B.
  • the root node (window) is the decorView control, which is a viewgroup control.
  • the tree structure diagram shown in Fig. 1B shows the control and the relationship between the controls included in the page shown in Fig. 1A.
  • FIG. 1A only illustrates a page in the form of an example.
  • the page may also include other controls, which are not specifically limited in the embodiment of the present application.
  • Fig. 2 is a schematic diagram of an application scenario provided by an embodiment of the application. Please refer to Figure 2, including page 201 and page 202.
  • the electronic device displays part of the contact information in the address book, and the user can swipe up the screen to make the electronic device display other contact information.
  • the electronic device updates the displayed contact information. Compared with page 201, the electronic device does not display the information of the contact "Zhang Yi" on page 202.
  • the information of the contact "Zhang Wu” and the information of the contacts "Zhang Er”, "Zhang San” and “Zhang Si” remain unchanged.
  • the electronic device In the process of the user sliding the screen, the electronic device periodically draws the displayed page.
  • the displayed page can be drawn once every 16 milliseconds, so that the page displayed by the electronic device can appear smoothly during the user sliding the screen. slide. That is, the method shown in this application can be applied to a scene where a user draws a page in the process of sliding the screen.
  • the method shown in this application can also be applied to other scenarios.
  • the content on the page may be automatically updated.
  • the electronic device will The page is redrawn.
  • the contact avatar in the address book can be updated periodically, and when the electronic device detects that the contact avatar is updated, the displayed page can be redrawn.
  • FIG. 3 is a schematic structural diagram of a system architecture of an electronic device provided by an embodiment of the application.
  • the system architecture of the electronic device includes an application, a framework layer, and a hardware layer.
  • the application layer includes multiple applications.
  • the application may include a communication application, a browser application, and so on.
  • the framework layer includes a user interface (UI) framework and a rendering framework.
  • the UI framework includes a measurement module, a layout module, a drawing module, and an optimization module.
  • the optimization module includes an advance drawing module, an image multiplexing module, a rendering node replacement module, and a content detection module.
  • the measurement module is used to measure the control to obtain the size of the control.
  • the layout module is used to lay out the control and get the position of the control.
  • the drawing module is used to obtain the display list of the control, and the display list includes the drawing commands of the control.
  • the advance drawing module is used to draw the image corresponding to the control in advance.
  • the content detection module is used to detect whether the content in the control changes.
  • the image multiplexing module is used to draw the control using the image corresponding to the control drawn in advance.
  • the rendering node replacement module is used to replace the drawing instructions in the display list of the control with the image drawing instructions of the corresponding image of the control.
  • the UI framework may send the updated display list to the rendering framework, and the rendering framework executes the drawing instructions in the display list to implement drawing controls.
  • the hardware layer includes hardware structures.
  • the hardware layer may include hardware structures such as a central processing unit (CPU), a graphics processing unit (GPU), a storage unit, and a processing circuit.
  • an image of the viewgroup control may be generated and stored first, and the image includes the viewgroup control and the image corresponding to each child control in the viewgroup control.
  • the viewgroup control can be drawn according to the image, which reduces the content of page drawing, thereby improving Drawing efficiency.
  • FIG. 4 is a schematic flowchart of a method for controlling page drawing provided by an embodiment of the application. See Figure 3.
  • the method can include:
  • the execution subject of the embodiment of the present application may be an electronic device, or a page drawing device provided in/out of the electronic device.
  • the electronic device may be a mobile phone, a computer, a wearable device, virtual reality VR, augmented reality AR and other devices.
  • the page drawing device can be realized by software, or by a combination of software and hardware.
  • the drawing instruction may be a vertical synchronization (Vsync) signal.
  • Vsync vertical synchronization
  • drawing instruction of the first page can be obtained through the following feasible implementation methods:
  • the electronic device When the electronic device displays the first page, the user inputs an operation on the first page, such as a sliding operation, a click operation, etc., after the electronic device detects the operation input by the user, it generates a drawing instruction for the first page.
  • the electronic device detects the operation input by the user, it generates a drawing instruction for the first page.
  • the electronic device periodically generates the drawing instruction, for example, every 16 milliseconds.
  • the user operates the first page, so that the electronic device obtains the drawing instruction of the first page.
  • the electronic device can monitor the content in each control on the first page.
  • the electronic device monitors that the content in the control on the first page changes, the electronic device obtains the first page.
  • Drawing instructions for the page For example, referring to FIG. 1, when the image of the contact "Zhang Yi" changes when the electronic device displays the page shown in FIG. 1, the electronic device obtains the drawing instruction of the first page.
  • the content of the control in the first page changes, so that the electronic device obtains the drawing instruction of the first page.
  • the electronic device When the electronic device displays pages other than the first page, receiving a display operation for the first page input by the user on other pages, so that the electronic device generates a drawing instruction for the first page.
  • the user may input a click operation on a control used to jump to the first page in another page, so that the electronic device generates a drawing instruction for the first page.
  • the user may input a preset split screen gesture when displaying other pages, so that the first page split screen is displayed on the current display interface, and the electronic device generates a drawing instruction for the first page in response to the preset split screen gesture.
  • the user operates on pages other than the first page, so that the electronic device obtains the drawing instruction of the first page.
  • S402 According to the drawing instruction of the first page, measure and lay out the controls on the first page to obtain attribute information of the controls on the first page.
  • the attribute information of the view control includes the size and position of the view control.
  • the attribute information of the viewgroup control includes the size of the viewgroup control, the position of the viewgroup control, the size of each child control in the viewgroup control, and the position of each child control in the viewgroup control in the viewgroup control.
  • the size of the control can be obtained by measuring the control.
  • the measure function can be used to measure the view control to obtain the size of the view control.
  • the measure function can be used to measure the viewgroup control and each child control included in the viewgroup control to obtain the size of each child control in the viewgroup control and the viewgroup control. That is, after measuring a viewgroup control, the size of the viewgroup control can be obtained, and the size of each sub-control in the viewgroup control can also be obtained.
  • the size of the control can be obtained through the measurement module in FIG. 3.
  • the position of the control can be obtained by laying out the control.
  • the view control can be laid out through the layout function to obtain the position of the view control.
  • the viewgroup control and each child control included in the viewgroup control can be laid out through the layout function to obtain the position of the viewgroup control and the position of each child control in the viewgroup control in the viewgroup control. That is, after laying out a viewgroup control, the position of the viewgroup control can be obtained, and the position of each child control in the viewgroup control in the viewgroup control can also be obtained.
  • the position of the control can be obtained through the layout module in FIG. 3.
  • S403 Obtain a display list of each control in the first page according to the attribute information of each control in the first page.
  • the display list of a control includes a drawing instruction corresponding to the control.
  • the drawing instruction corresponding to the view control includes the drawing instruction of the view control. That is, the display list of the view control includes one drawing instruction.
  • the drawing instructions corresponding to the viewgroup control include the drawing instructions of the viewgroup control and the drawing instructions of each sub-control in the viewgroup control. That is, the display list of the viewgroup control includes at least two drawing instructions.
  • the process of obtaining the display list of each control in the first page is the same.
  • the display list of the control can be obtained according to the attribute information of the control and the draw function.
  • the drawing commands in the display list can be displayed in a tree structure. Next, the drawing commands of the tree structure will be described in conjunction with FIG. 5.
  • FIG. 5 is a schematic diagram of a tree structure of drawing commands provided by an embodiment of the application.
  • Figure 5 shows a tree structure of a control and a tree structure of drawing commands corresponding to the tree structure of the control.
  • the tree structure of the control has a corresponding relationship with the tree structure of the drawing command.
  • the corresponding relationship between the control and the display series table is shown in Table 1:
  • the display list of each control in the first page can be obtained through the drawing module in FIG. 3.
  • the first control is a viewgroup control, and the first control includes at least one child. Control.
  • S404 Determine whether there is an image corresponding to the first control, and the first control and the child controls in the first control have not been updated.
  • the image corresponding to the control can be stored in the following feasible implementation manners: obtain the identifier of the control, and store the identifier of the control and the image corresponding to the control in the form of key-value pairs (key-value, KV) in a hash table .
  • the identifier of the control can be the position keyword of the control, and the position keyword of the control is used to indicate the position of the control on the page.
  • the position keyword of a control may refer to the control being the first control in the listview. Assuming that the listview includes 20 controls, and the 20 controls are arranged in order in the listview, then the position keywords of the 20 controls in the listview They are 1, 2, 3, ..., 20.
  • the identification of the first control when judging whether there is an image corresponding to the first control, the identification of the first control can be obtained, and according to the identification of the first control, it is determined whether there is a corresponding location keyword in the hash table. image.
  • the embodiments of the present invention do not limit specific storage implementations.
  • the state of the first control can be the first state.
  • the state of the first control is set to the second state. After the image corresponding to the first control is generated, the state of the first control is set to the first state.
  • the first control and the child controls in the first control are updated by determining whether a preset flag is a preset value, for example, the preset flag is set to 0 during initialization, if the first control Or if any sub-control in the first control is updated, it will be set to 1, and it will be restored to 0 when the preset conditions are met (for example, when the preset time expires, or a preset message is received, or it is judged to enter the preset mode, etc.
  • the preset flag bit is restored to 0; by detecting whether the preset flag bit is 1, it can be determined whether the first control and the sub-controls in the first control are updated—for example, the preset flag If the bit is 1, it is determined that the first control and the child controls in the first control have been updated. If the preset flag bit is 0, it is determined that the first control and the child controls in the first control have not been updated.
  • the content detection module in FIG. 3 may be used to detect whether the first control and the child controls in the first control are updated.
  • the image corresponding to the first control can be obtained from the hash table according to the identifier of the first control.
  • the image corresponding to the first control can be obtained through the image multiplexing module in FIG. 3.
  • S406 Generate an image drawing command for the image corresponding to the first control.
  • an image drawing command can be generated through the draw function.
  • the drawing command in the display list of the first control can be replaced with an image drawing command. That is, the drawing command in the display list of the first control is deleted, and the image drawing command is added to the display list of the first control.
  • Fig. 6 is a schematic diagram of a display list provided by an embodiment of the application. Please refer to Figure 6 and Figure 5. Assuming that the first control is window group control 1 in Figure 1, before S407 is executed, the display list of window group control 1—display list 3 includes drawing command 3, drawing command 31, and drawing command 32. After S407, display list 3 includes image drawing command 3.
  • the display list of the first control can be updated through the rendering node replacement module in FIG. 3.
  • a drawing command in the display list of the first control may be executed to realize drawing of the first control. Since the drawing command in the display list of the first control is an image drawing command, drawing according to the image corresponding to the first control can be realized by executing the image drawing command, so as to realize drawing of the first control.
  • the number of pixels rendered is the number of pixels in the area where the image corresponding to the first control is located.
  • the electronic device includes a UI thread and a rendering (render) thread.
  • the execution process of S401-S407 can be executed by the UI thread.
  • the UI thread can send the display list obtained in S407 to the rendering thread, so that the rendering thread executes the steps.
  • the first control can be drawn through the rendering framework in FIG. 3.
  • FIG. 7 is a schematic diagram of a control drawing process provided by an embodiment of the application. Please refer to Figure 7.
  • the window group control 1 includes the window control 11 and the window control 12.
  • the display list of the window group control 1 includes drawing command 1, drawing command 11, and drawing command 12. It is assumed that there is an image corresponding to window group control 1, and the child controls in window group control 1 and window group control 1 are not
  • the display list of the first control is updated, and the updated display list includes image drawing command 1.
  • the image corresponding to the window group control 1 is rendered according to the image drawing command 1, and the window group control 1 is obtained.
  • the rendered pixels include: pixels in the image corresponding to the window group control 1.
  • the pixels in the image corresponding to the window group control 1 are equal to the pixels in the rectangular frame where the window group control 1 is located, so that fewer pixels are rendered, and the rendering efficiency is improved.
  • S409 Generate and store an image corresponding to the first control.
  • the image corresponding to the first control can be generated by the following feasible implementations: the attribute information of the first control can be obtained, and the attribute information includes the size of the first control, the size of each child control in the first control, and the first control.
  • the image corresponding to the first control is obtained according to the attribute information and the preset drawing function (for example, the draw function).
  • the first control may be drawn through each child control in the first control to obtain an image corresponding to the first control.
  • the identification of the first control may be obtained, and the identification of the first control and the image corresponding to the first control may be stored in the hash table in the form of K-V.
  • the image corresponding to the first control may be generated by the advance drawing module in FIG. 3.
  • the display list of the first control includes the drawing commands of the first control and the drawing commands of the sub-controls in the first control, it can be performed according to the drawing commands of the first control and the drawing commands of the sub-controls in the first control in turn. Draw to get the first control.
  • the execution process of S409 may be executed by the UI thread. Since there is no need to update the display list of the first control, the UI thread may send the display list obtained in S403 to the rendering thread, so that the rendering thread executes S410-- The first control is drawn according to the display list obtained in S403.
  • FIG. 8 is a schematic diagram of a control drawing process provided by an embodiment of the application. Please refer to Figure 8.
  • the window group control 1 includes a window control 11 and a window control 12.
  • the display list of the window group control 1 includes drawing command 1, drawing command 11, and drawing command 12.
  • drawing according to the display list first render the rectangular frame corresponding to the window group control 1 according to the drawing command 1, and then render the image corresponding to the window control 11 in the rectangular frame according to the drawing command 11, and in the rectangular frame according to the drawing command 12
  • the text "Zhang Yi" in the window control 12 is rendered.
  • the rendered pixels include: the sum of all pixels in the area where the rectangular frame is located, all pixels in the area where the image is located, and all pixels in the area where the text is located. Since the pixels in the area where the image is located and the pixels in the area where the text is located coincide with the pixels in the area where the rectangular box is located, there are pixels that are repeatedly rendered during the process of drawing the window group control 1 (the area where the image is located and all the pixels in the area where the text is Repeated rendering), resulting in lower rendering efficiency.
  • the first control can also be drawn according to the image corresponding to the first control, and the process is the same as the execution process of S406-S408, and will not be repeated here.
  • step S410 can also be performed before S409, or both can be performed simultaneously. Or, as mentioned above, S410 is not executed, but S406-408 is executed after S409.
  • the processing steps (S401-S410) shown in the embodiment of FIG. 4 do not constitute a specific limitation on the page drawing process.
  • the page drawing process may include more or fewer steps than the embodiment in FIG. 4.
  • the page drawing process may include part of the steps in the embodiment in FIG. 4, or, in the embodiment in FIG. Some steps in may be replaced by steps with the same function, or some steps in the embodiment of FIG. 4 may be split into multiple steps, etc.
  • an image of the viewgroup control can be generated and stored first, and the image includes the viewgroup control and the corresponding sub-controls in the viewgroup control Image.
  • the viewgroup control can be drawn according to the image, which reduces the content of page drawing, thereby improving Drawing efficiency.
  • Figure 9 is a schematic diagram of a page provided by an embodiment of the application. See Figure 9, including page 901, page 902, and page 903.
  • Page 901 includes multiple application icons.
  • the user can click the contact list icon.
  • the electronic The device obtains the drawing instruction of the contact page.
  • the electronic device obtains the controls included in the contact page to be displayed according to the drawing instruction. Assuming that the contact page to be displayed includes a list control, the list control includes 4 viewgroup controls corresponding to the contact information, each viewgroup control It includes an image control and a text control, that is, the tree structure of the controls included in the to-be-displayed contact page obtained by the electronic device is shown in FIG. 10.
  • FIG. 10 is a schematic diagram of a tree structure of another control provided by an embodiment of the application. Refer to Figure 10. The correspondence between the four contact information and the controls on the contact page is shown in Table 2:
  • the states of the window group control 1, the window group control 2, the window group control 3, and the window group control 4 are all in the first state.
  • the electronic device measures, lays out, and draws the controls shown in FIG. 10 according to the drawing instruction, and obtains a display list of the controls in the contact page.
  • the display list can be as shown in Figure 11.
  • FIG. 11 is a schematic diagram of another tree-like result of a display list provided by an embodiment of the application. Refer to Figure 11. The correspondence between the four contact information on the contact page and the display list is shown in Table 3:
  • the electronic device determines that there are no images corresponding to the window group control 1, the window group control 2, the window group control 3, and the window group control 4, and the electronic device generates and stores the window group control 1, the window group control 2, the window group control 3, and The image corresponding to the window group control 4.
  • the electronic device Since there are no images corresponding to the window group control 1, the window group control 2, the window group control 3, and the window group control 4, the electronic device renders each control in the contact page according to the display list shown in FIG. 11, where, The rendering process is shown in the rendering process 1 in Figure 9. After the rendering shown in the rendering process 1 in FIG. 9, the page 902 is obtained. Among them, the process of drawing each control can be executed sequentially or in parallel.
  • the electronic device obtains the controls included in the contact page to be displayed according to the drawing instruction. Assuming that the contact page to be displayed includes a list control, the list control includes 4 viewgroup controls corresponding to the contact information, each viewgroup control It includes an image control and a text control. Assuming that the content detection module detects that the contact avatar corresponding to Zhang Er has changed (relative to the contact avatar corresponding to Zhang Er drawn last time), the electronic device obtains the obtained The tree structure of the controls included in the contact page to be displayed is shown in Figure 12.
  • FIG. 12 is a schematic diagram of a tree structure of another control provided by an embodiment of the application. Refer to Figure 12, the corresponding relationship between the four contact information and the controls on the contact page is shown in Table 4:
  • the electronic device measures, lays out and draws the controls shown in Figure 12 according to the drawing instructions, and obtains the display list of the controls in the contact page.
  • the content in the window group control 3 and window group control 4 has not been updated Therefore, the display lists corresponding to the window group control 3 and the window group control 4 may not be updated.
  • the display list can be as shown in Figure 13.
  • FIG. 13 is a schematic diagram of another tree-like result of a display list provided by an embodiment of the application. See Figure 13, including the display list before the update and the display list after the update.
  • the electronic device determines that there are images corresponding to the window group control 2, the window group control 3, and the window group control 4, and the content in the window group control 3 and the window group control 4 does not change, the electronic device generates the window group control 3 and the window group Control 4 corresponds to the image drawing instruction, and the corresponding display list is updated through the image drawing instruction.
  • the electronic device renders each control in the contact page according to the updated display list in FIG. 13, wherein the rendering process is shown in the rendering process 2 in FIG. 9. After the rendering shown in the rendering process 1 in FIG. 9, the page 903 is obtained.
  • the rendering is performed according to the corresponding images, which reduces the objects to be rendered, thereby reducing the pixels for rendering and saving system resources. And improve rendering efficiency.
  • FIG. 14 is a schematic flowchart of another page drawing control method provided by an embodiment of the application. Referring to Figure 14, the method may include:
  • the first control is drawn according to the image corresponding to the first control.
  • the image corresponding to the first control may be stored.
  • the first control may be drawn according to the image corresponding to the first control, or the first control may be drawn according to the rendering process shown in FIG. 8.
  • an image of the viewgroup control can be generated and stored first.
  • the image includes the viewgroup control and the corresponding sub-controls in the viewgroup control image.
  • FIG. 15 is a schematic structural diagram of a page drawing control device provided by an embodiment of the application.
  • the control device 10 for drawing the page may include: an obtaining module 11 and a drawing module 12, where:
  • the obtaining module 11 is configured to obtain a drawing instruction of a first page, the drawing instruction is used to instruct to draw the first page, the first page includes a first control, and the first control includes at least one Child control
  • the drawing module 12 is configured to: if it is determined that there is an image corresponding to the first control, and the first control and the child controls in the first control have not been updated, according to the image corresponding to the first control Draw the first control;
  • the drawing module 12 is also configured to, if it is determined that the image corresponding to the first control does not exist, or the first control or the child control in the first control is updated, generate a corresponding Image and draw the first control.
  • the acquiring module may execute S401 in the embodiment in FIG. 4 and S1401 in the embodiment in FIG. 14.
  • the drawing module 12 may execute S402-S410 in the embodiment in FIG. 4 and S1402-S1403 in the embodiment in FIG. 14.
  • page drawing control device 10 in the embodiment of the present application can execute the technical solutions shown in the foregoing method embodiments, and the implementation principles and beneficial effects are similar, and details are not described herein again.
  • the drawing module 12 is specifically configured to:
  • the drawing module 12 is specifically configured to:
  • Acquiring property information of the first control where the property information includes the size of the first control, the size of each child control in the first control, and the position of each child control in the first control in the first control;
  • the drawing module 12 is specifically configured to:
  • An image corresponding to the first control is generated, and the first control is drawn according to the generated image corresponding to the first control.
  • the drawing module 12 is specifically configured to:
  • the first control is drawn.
  • FIG. 16 is a schematic structural diagram of another page drawing control device provided by an embodiment of the application.
  • the device 10 for controlling page drawing may further include a determining module 13, and the determining module 13 is configured to:
  • the state of the first control is the first state, determining that the first control and child controls in the first control have not been updated;
  • the state of the first control is the second state, it is determined that the first control or a child control in the first control is updated.
  • the device 10 for controlling page drawing further includes a setting module 14, wherein:
  • the setting module 14 is configured to set the state of the first control to the second state after detecting that the first control or the child controls in the first control are updated;
  • the setting module 14 is further configured to, after the drawing module 12 generates the image corresponding to the first control, set the state of the first control to the first state.
  • the first control is a window group control
  • the child controls in the first control are window controls.
  • page drawing control device 10 in the embodiment of the present application can execute the technical solutions shown in the foregoing method embodiments, and the implementation principles and beneficial effects are similar, and details are not described herein again.
  • FIG. 17 is a schematic structural diagram of an electronic device provided by an embodiment of the application.
  • the electronic device 20 may include a processor 21, a memory 22 and a communication bus 23, and the processor 21 and the memory 22 communicate through the communication bus 23.
  • the processor 21 executes the program instructions in the memory 22, and executes the following steps according to the program instructions:
  • the processor 21 may implement the functions of the acquiring module 11, the drawing module 12, the determining module 13, and the setting module 14 in the embodiments of FIGS. 15-16.
  • the processor 21 may include a CPU. In this case, all the steps executed by the processor 21 can be executed by the CPU.
  • the processor 21 may include a CPU and a GPU.
  • the steps performed by the above-mentioned processor 21 may be performed by the CPU and GPU.
  • the CPU may perform: obtain the drawing instruction of the first page, and draw the first control according to the image corresponding to the first control
  • the GPU Can be executed: Generate the image corresponding to the first control.
  • the CPU may execute: acquiring a drawing instruction for the first page
  • the GPU may execute: generating an image corresponding to the first control, and drawing the first control according to the image corresponding to the first control.
  • the aforementioned processor 21 may also be other general-purpose processors, digital signal processors (digital signal processors, DSP), application specific integrated circuits (ASICs), etc.
  • the general-purpose processor may be a microprocessor or the processor may also be any conventional processor or the like.
  • the steps in the embodiment of the authentication method disclosed in this application may be directly embodied as being executed and completed by a hardware processor, or executed and completed by a combination of hardware and software modules in the processor.
  • the electronic device may further include a display, and the display is used to display the first control that has been drawn.
  • the processor 21 is specifically configured to:
  • the processor 21 is specifically configured to:
  • Acquiring property information of the first control where the property information includes the size of the first control, the size of each child control in the first control, and the position of each child control in the first control in the first control;
  • the processor 21 is specifically configured to:
  • An image corresponding to the first control is generated, and the first control is drawn according to the generated image corresponding to the first control.
  • the processor 21 is specifically configured to:
  • the first control is drawn.
  • the processor 21 is specifically configured to:
  • the state of the first control is the first state, determining that the first control and child controls in the first control have not been updated;
  • the state of the first control is the second state, it is determined that the first control or a child control in the first control is updated.
  • the processor 21 is further configured to:
  • the state of the first control is set to the first state.
  • the first control is a window group control
  • the child controls in the first control are window controls.
  • FIG. 18 is a schematic structural diagram of another electronic device provided by an embodiment of the application.
  • the electronic device 100 may include a processor 110, an external memory interface 120, an internal memory 121, a universal serial bus (USB) interface 130, a charging management module 140, a power management module 141, and a battery 142, Antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, earphone interface 170D, sensor module 180, button 190, motor 191, indicator 192, camera 193, A display 194, and a subscriber identification module (SIM) card interface 195, etc.
  • SIM subscriber identification module
  • the sensor module 180 may include pressure sensor 180A, gyroscope sensor 180B, air pressure sensor 180C, magnetic sensor 180D, acceleration sensor 180E, distance sensor 180F, proximity light sensor 180G, fingerprint sensor 180H, temperature sensor 180J, touch sensor 180K, ambient light Sensor 180L, bone conduction sensor 180M, etc.
  • the structure illustrated in the embodiment of the present application does not constitute a specific limitation on the electronic device 100.
  • the electronic device 100 may include more or fewer components than shown, or combine certain components, or split certain components, or arrange different components.
  • the illustrated components can be implemented in hardware, software, or a combination of software and hardware.
  • the processor 110 may include one or more processing units.
  • the processor 110 may include an application processor (AP), a modem processor, a graphics processing unit (GPU), and an image signal processor. (image signal processor, ISP), controller, video codec, digital signal processor (digital signal processor, DSP), baseband processor, and/or neural-network processing unit (NPU), etc.
  • AP application processor
  • modem processor modem processor
  • GPU graphics processing unit
  • image signal processor image signal processor
  • ISP image signal processor
  • controller video codec
  • digital signal processor digital signal processor
  • DSP digital signal processor
  • NPU neural-network processing unit
  • the different processing units may be independent devices or integrated in one or more processors.
  • the controller can generate operation control signals according to the instruction operation code and timing signals to complete the control of fetching and executing instructions.
  • a memory may also be provided in the processor 110 to store instructions and data.
  • the memory in the processor 110 is a cache memory.
  • the memory can store instructions or data that have just been used or recycled by the processor 110. If the processor 110 needs to use the instruction or data again, it can be directly called from the memory. Repeated accesses are avoided, the waiting time of the processor 110 is reduced, and the efficiency of the system is improved.
  • the processor 110 may include one or more interfaces.
  • the interface may include an integrated circuit (inter-integrated circuit, I2C) interface, an integrated circuit built-in audio (inter-integrated circuit sound, I2S) interface, a pulse code modulation (pulse code modulation, PCM) interface, and a universal asynchronous transmitter (universal asynchronous) interface receiver/transmitter, UART) interface, mobile industry processor interface (MIPI), general-purpose input/output (GPIO) interface, subscriber identity module (SIM) interface, and / Or Universal Serial Bus (USB) interface, etc.
  • I2C integrated circuit
  • I2S integrated circuit built-in audio
  • PCM pulse code modulation
  • UART universal asynchronous transmitter
  • MIPI mobile industry processor interface
  • GPIO general-purpose input/output
  • SIM subscriber identity module
  • USB Universal Serial Bus
  • the I2C interface is a two-way synchronous serial bus, including a serial data line (SDA) and a serial clock line (SCL).
  • the processor 110 may include multiple sets of I2C buses.
  • the processor 110 may be coupled to the touch sensor 180K, charger, flash, camera 193, etc. through different I2C bus interfaces.
  • the processor 110 may couple the touch sensor 180K through an I2C interface, so that the processor 110 and the touch sensor 180K communicate through an I2C bus interface to implement the touch function of the electronic device 100.
  • the I2S interface can be used for audio communication.
  • the processor 110 may include multiple sets of I2S buses.
  • the processor 110 may be coupled with the audio module 170 through an I2S bus to realize communication between the processor 110 and the audio module 170.
  • the audio module 170 may transmit audio signals to the wireless communication module 160 through an I2S interface, so as to realize the function of answering calls through a Bluetooth headset.
  • the PCM interface can also be used for audio communication to sample, quantize and encode analog signals.
  • the audio module 170 and the wireless communication module 160 may be coupled through a PCM bus interface.
  • the audio module 170 may also transmit audio signals to the wireless communication module 160 through the PCM interface, so as to realize the function of answering calls through the Bluetooth headset. Both the I2S interface and the PCM interface can be used for audio communication.
  • the UART interface is a universal serial data bus used for asynchronous communication.
  • the bus can be a two-way communication bus. It converts the data to be transmitted between serial communication and parallel communication.
  • the UART interface is generally used to connect the processor 110 and the wireless communication module 160.
  • the processor 110 communicates with the Bluetooth module in the wireless communication module 160 through the UART interface to implement the Bluetooth function.
  • the audio module 170 may transmit audio signals to the wireless communication module 160 through a UART interface, so as to realize the function of playing music through a Bluetooth headset.
  • the MIPI interface can be used to connect the processor 110 with the display 194, the camera 193 and other peripheral devices.
  • the MIPI interface includes a camera serial interface (camera serial interface, CSI), a display serial interface (display serial interface, DSI), and so on.
  • the processor 110 and the camera 193 communicate through a CSI interface to implement the shooting function of the electronic device 100.
  • the processor 110 and the display 194 communicate through a DSI interface to realize the display function of the electronic device 100.
  • the interface connection relationship between the modules illustrated in the embodiment of the present application is merely a schematic description, and does not constitute a structural limitation of the electronic device 100.
  • the electronic device 100 may also adopt different interface connection modes in the foregoing embodiments, or a combination of multiple interface connection modes.
  • the mobile communication module 150 can provide a wireless communication solution including 2G/3G/4G/5G and the like applied to the electronic device 100.
  • the mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc.
  • the mobile communication module 150 can receive electromagnetic waves by the antenna 1, and perform processing such as filtering, amplifying and transmitting the received electromagnetic waves to the modem processor for demodulation.
  • the mobile communication module 150 can also amplify the signal modulated by the modem processor, and convert it into electromagnetic waves for radiation via the antenna 1.
  • at least part of the functional modules of the mobile communication module 150 may be provided in the processor 110.
  • at least part of the functional modules of the mobile communication module 150 and at least part of the modules of the processor 110 may be provided in the same device.
  • the modem processor may include a modulator and a demodulator.
  • the modulator is used to modulate the low frequency baseband signal to be sent into a medium and high frequency signal.
  • the demodulator is used to demodulate the received electromagnetic wave signal into a low-frequency baseband signal. Then the demodulator transmits the demodulated low-frequency baseband signal to the baseband processor for processing.
  • the low-frequency baseband signal is processed by the baseband processor and then passed to the application processor.
  • the application processor outputs a sound signal through an audio device (not limited to the speaker 170A, the receiver 170B, etc.), or displays an image or video through the display 194.
  • the modem processor may be an independent device.
  • the modem processor may be independent of the processor 110 and be provided in the same device as the mobile communication module 150 or other functional modules.
  • the wireless communication module 160 can provide applications on the electronic device 100 including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), bluetooth (BT), and global navigation satellites.
  • WLAN wireless local area networks
  • BT wireless fidelity
  • GNSS global navigation satellite system
  • FM frequency modulation
  • NFC near field communication technology
  • infrared technology infrared, IR
  • the wireless communication module 160 may be one or more devices integrating at least one communication processing module.
  • the wireless communication module 160 receives electromagnetic waves via the antenna 2, frequency modulates and filters the electromagnetic wave signals, and sends the processed signals to the processor 110.
  • the wireless communication module 160 can also receive the signal to be sent from the processor 110, perform frequency modulation, amplify it, and convert it into electromagnetic wave radiation via the antenna 2.
  • the antenna 1 of the electronic device 100 is coupled with the mobile communication module 150, and the antenna 2 is coupled with the wireless communication module 160, so that the electronic device 100 can communicate with the network and other devices through wireless communication technology.
  • the wireless communication technologies may include global system for mobile communications (GSM), general packet radio service (GPRS), code division multiple access (CDMA), broadband Code division multiple access (wideband code division multiple access, WCDMA), time-division code division multiple access (TD-SCDMA), long term evolution (LTE), BT, GNSS, WLAN, NFC , FM, and/or IR technology, etc.
  • the GNSS may include global positioning system (GPS), global navigation satellite system (GLONASS), Beidou navigation satellite system (BDS), quasi-zenith satellite system (quasi -zenith satellite system, QZSS) and/or satellite-based augmentation systems (SBAS).
  • GPS global positioning system
  • GLONASS global navigation satellite system
  • BDS Beidou navigation satellite system
  • QZSS quasi-zenith satellite system
  • SBAS satellite-based augmentation systems
  • the electronic device 100 implements a display function through a GPU, a display 194, and an application processor.
  • the GPU is a microprocessor for image processing, connected to the display 194 and the application processor.
  • the GPU is used to perform mathematical and geometric calculations for graphics rendering.
  • the processor 110 may include one or more GPUs, which execute program instructions to generate or change display information.
  • the display 194 is used to display images, videos, etc.
  • the display 194 includes a display panel.
  • the display panel can use liquid crystal display (LCD), organic light-emitting diode (OLED), active matrix organic light-emitting diode or active-matrix organic light-emitting diode (active-matrix organic light emitting diode). diode, AMOLED), flexible light-emitting diode (FLED), Miniled, MicroLed, Micro-oLed, quantum dot light-emitting diode (QLED), etc.
  • the electronic device 100 may include one or N displays 194, and N is a positive integer greater than one.
  • the electronic device 100 can realize a shooting function through an ISP, a camera 193, a video codec, a GPU, a display 194, and an application processor.
  • the ISP is used to process the data fed back from the camera 193. For example, when taking a picture, the shutter is opened, the light is transmitted to the photosensitive element of the camera through the lens, the light signal is converted into an electrical signal, and the photosensitive element of the camera transfers the electrical signal to the ISP for processing and is converted into an image visible to the naked eye.
  • ISP can also optimize the image noise, brightness, and skin color. ISP can also optimize the exposure, color temperature and other parameters of the shooting scene.
  • the ISP may be provided in the camera 193.
  • Digital signal processors are used to process digital signals. In addition to digital image signals, they can also process other digital signals. For example, when the electronic device 100 selects the frequency point, the digital signal processor is used to perform Fourier transform on the energy of the frequency point.
  • Video codecs are used to compress or decompress digital video.
  • the electronic device 100 may support one or more video codecs. In this way, the electronic device 100 can play or record videos in a variety of encoding formats, such as: moving picture experts group (MPEG) 1, MPEG2, MPEG3, MPEG4, and so on.
  • MPEG moving picture experts group
  • NPU is a neural-network (NN) computing processor.
  • NN neural-network
  • the NPU can realize applications such as intelligent cognition of the electronic device 100, such as image recognition, face recognition, voice recognition, text understanding, and so on.
  • the external memory interface 120 may be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100.
  • the external memory card communicates with the processor 110 through the external memory interface 120 to realize the data storage function. For example, save music, video and other files in an external memory card.
  • the internal memory 121 may be used to store computer executable program code, where the executable program code includes instructions.
  • the internal memory 121 may include a storage program area and a storage data area.
  • the storage program area can store an operating system, at least one application program (such as a sound playback function, an image playback function, etc.) required by at least one function.
  • the data storage area can store data (such as audio data, phone book, etc.) created during the use of the electronic device 100.
  • the internal memory 121 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, a flash memory device, a universal flash storage (UFS), etc.
  • the processor 110 executes various functional applications and data processing of the electronic device 100 by running instructions stored in the internal memory 121 and/or instructions stored in a memory provided in the processor.
  • the electronic device 100 can implement audio functions through the audio module 170, the speaker 170A, the receiver 170B, the microphone 170C, the earphone interface 170D, and the application processor. For example, music playback, recording, etc.
  • the audio module 170 is used to convert digital audio information into an analog audio signal for output, and is also used to convert an analog audio input into a digital audio signal.
  • the audio module 170 can also be used to encode and decode audio signals.
  • the audio module 170 may be provided in the processor 110, or part of the functional modules of the audio module 170 may be provided in the processor 110.
  • the electronic device shown in FIG. 17 may be the same as the electronic device shown in FIG. 18, or the electronic device shown in FIG. 17 is a part of the electronic device shown in FIG. 18.
  • An embodiment of the present application provides a storage medium, where the storage medium is used to store a computer program, and the computer program is used to implement the page drawing control method described in the foregoing embodiment.
  • the embodiment of the present application provides a computer program product.
  • the computer program product includes instructions. When the instructions are executed, the computer executes the above-mentioned page drawing control method.
  • the embodiment of the present application provides a system on a chip or a system chip, the system on a chip or a system chip may be applied to an electronic device, the system on a chip or the system chip includes: at least one communication interface, at least one processor, and at least one The memory, the communication interface, the memory, and the processor are interconnected by a bus, and the processor executes the instructions stored in the memory so that the terminal device can execute the above-mentioned page drawing control method.
  • All or part of the steps in the foregoing method embodiments can be implemented by a program instructing relevant hardware.
  • the aforementioned program can be stored in a readable memory.
  • the program executes the steps including the foregoing method embodiments; and the foregoing memory (storage medium) includes: read-only memory (ROM), RAM, flash memory, hard disk, solid state hard disk, tape (magnetic tape), floppy disk (floppy disk), optical disc (optical disc) and any combination thereof.
  • These computer program instructions can be provided to the processing unit of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing equipment to generate a machine, so that the instructions executed by the processing unit of the computer or other programmable data processing equipment are generated for use It is a device that realizes the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.
  • These computer program instructions can also be stored in a computer-readable memory that can guide a computer or other programmable data processing equipment to work in a specific manner, so that the instructions stored in the computer-readable memory produce an article of manufacture including the instruction device.
  • the device implements the functions specified in one process or multiple processes in the flowchart and/or one block or multiple blocks in the block diagram.
  • These computer program instructions can also be loaded on a computer or other programmable data processing equipment, so that a series of operation steps are executed on the computer or other programmable equipment to produce computer-implemented processing, so as to execute on the computer or other programmable equipment.
  • the instructions provide steps for implementing functions specified in a flow or multiple flows in the flowchart and/or a block or multiple blocks in the block diagram.
  • the term “include” and its variations may mean non-limiting inclusion; the term “or” and its variations may mean “and/or”.
  • the terms “first”, “second”, etc. in the present application are used to distinguish similar objects, and are not necessarily used to describe a specific order or sequence.
  • “plurality” means two or more.
  • “And/or” describes the association relationship of the associated objects, indicating that there can be three types of relationships, for example, A and/or B, which can mean: A alone exists, A and B exist at the same time, and B exists alone.
  • the character “/” generally indicates that the associated objects are in an "or” relationship.

Landscapes

  • Engineering & Computer Science (AREA)
  • Software Systems (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Databases & Information Systems (AREA)
  • Data Mining & Analysis (AREA)
  • User Interface Of Digital Computer (AREA)
  • Digital Computer Display Output (AREA)
  • Controls And Circuits For Display Device (AREA)
  • Processing Or Creating Images (AREA)

Abstract

本申请实施例提供一种页面绘制的控制方法、装置及设备，该方法包括：获取第一页面的绘制指令，绘制指令用于指示绘制第一页面，第一页面中包括第一控件，第一控件中包括至少一个子控件；若确定存在第一控件对应的图像，且第一控件和第一控件中的子控件未发生更新，则根据第一控件对应的图像绘制第一控件；若确定不存在第一控件对应的图像，或者第一控件或第一控件中的子控件发生更新，则生成第一控件对应的图像并绘制第一控件。提高了页面绘制效率。

Description

页面绘制的控制方法、装置及设备
本申请要求在2019年6月27日提交中国国家知识产权局、申请号为201910569433.1的中国专利申请的优先权，发明名称为“页面绘制的控制方法、装置及设备”的中国专利申请的优先权，其全部内容通过引用结合在本申请中。
技术领域
本申请涉及计算机技术领域，尤其涉及一种页面绘制的控制方法、装置及设备。
背景技术
在Android系统中，电子设备显示的页面中通常包括多个控件，可以分别对该多个控件进行绘制，进而可以使得电子设备显示该页面。
页面中的控件包括视窗(view)控件和视窗组(viewgroup)控件中的至少一种，viewgroup控件中包括至少一个子控件(例如view控件)。在电子设备绘制viewgroup控件时，分别对viewgroup控件和viewgroup控件中的每个子控件进行绘制。针对电子设备显示的任意一个页面，若该页面中的内容发生变化(例如，用户对该页面进行滑动操作使得页面中的内容发生变化)，则电子设备周期性的对页面进行绘制，例如，每16毫秒对页面绘制一次。由于电子设备绘制viewgroup控件时，需要分别对viewgroup控件和viewgroup控件中的每个子控件进行绘制，绘制的内容较多，导致页面绘制的效率较低。
发明内容
本申请提供一种页面绘制的控制方法、装置及设备，提高了页面绘制效率。
第一方面，本申请实施例提供一种页面绘制的控制方法，获取用于指示绘制第一页面的绘制指令，第一页面中包括第一控件，第一控件中包括至少一个子控件；若确定存在第一控件对应的图像，且第一控件和第一控件中的子控件未发生更新，则根据第一控件对应的图像绘制第一控件；若确定不存在第一控件对应的图像，或者第一控件或第一控件中的子控件发生更新，则生成第一控件对应的图像并绘制第一控件。
在上述过程中，在进行页面绘制的过程中，针对页面中的viewgroup控件(第一控件)，可以先生成并存储在viewgroup控件的图像，该图像中包括viewgroup控件和viewgroup控件中各子控件对应的图像。这样，在对页面进行绘制的过程中，若一个viewgroup控件中的内容未发生变化，且存在该viewgroup控件的图像，则可以根据该图像绘制该viewgroup控件，减少了页面绘制的内容，进而提高了绘制效率。
在一种可能的实施方式中，可以通过如下可行的实现方式根据第一控件对应的图像绘制第一控件：生成图像对应的图像绘制命令；将第一控件的显示列表中绘制命令更新为图像绘制命令；根据更新后的第一控件的显示列表，绘制第一控件。
在上述过程中，更新后的显示列表中包括的命令为图像绘制命令，图像绘制命令对应的所需渲染的像素个数为第一控件对应的图像所在区域的像素个数。更新前的第一控件的显示列表中的绘制命令对应的所需渲染的像素个数大于第一控件对应的图像所在区域的像素个数，因此，根据更新后的第一控件的显示列表绘制第一控件时，可以减少绘制的像素个数，进而 提高绘制效率。
在一种可能的实施方式中，可以通过如下可行的实现方式生成第一控件对应的图像：获取第一控件的属性信息，属性信息中包括第一控件的大小、第一控件中每个子控件的大小、第一控件中每个子控件在第一控件中的位置；根据属性信息和预设绘制函数，得到第一控件对应的图像。
在上述过程中，第一控件的属性信息可以准确的描述第一控件，因此，根据第一控件的属性信息和预设绘制函数可以准确的绘制得到第一控件对应的图像。
在一种可能的实施方式中，可以通过如下可行的实现方式生成第一控件对应的图像并绘制第一控件：生成第一控件对应的图像，并根据生成的第一控件对应的图像绘制第一控件。
在上述过程中，在确定不存在所述第一控件对应的图像，或者所述第一控件或所述第一控件中的子控件发生更新时，先生成第一控件对应的图像，在根据图像绘制第一控件，这样，根据第一控件对应的图像可以快速绘制第一控件。
在一种可能的实施方式中，可以通过如下可行的实现方式生成第一控件对应的图像并绘制第一控件：生成第一控件对应的图像；获取第一控件的显示列表，显示列表中包括第一控件的绘制命令和第一控件中各子控件的绘制命令；根据显示列表，绘制第一控件。
在上述过程中，在确定不存在所述第一控件对应的图像，或者所述第一控件或所述第一控件中的子控件发生更新时，生成第一控件对应的图像，且根据现有的流程绘制第一控件，这样，生成图像的过程和根据现有的流程绘制第一控件的过程可以并行执行，这样，生成的图像可以应用于下一次绘制第一控件的过程中，且上述两个过程并行执行，可以提高生成图像和绘制第一控件的效率。
在一种可能的实施方式中，若第一控件的状态为第一状态，则确定第一控件和第一控件中的子控件未发生更新；若第一控件的状态为第二状态，则确定第一控件或第一控件中的子控件发生更新。
在上述过程中，根据第一控件的状态可以简单快速的确定第一控件或第一控件中的子控件是否发生更新。
在一种可能的实施方式中，在检测到第一控件或者第一控件中的子控件发生更新之后，将第一控件的状态设置为第二状态；在生成第一控件对应的图像之后，将第一控件的状态设置为第一状态。
在上述过程中，在相应的条件下对第一控件的状态进行相应的设置，可以使得根据第一控件的状态准确的确定得到第一控件或第一控件中的子控件是否发生更新。
在一种可能的实施方式中，第一控件为视窗组控件，第一控件中的子控件为视窗控件。
第二方面，本申请实施例提供一种页面绘制的控制装置，包括：获取模块和绘制模块，其中，
所述获取模块用于，获取第一页面的绘制指令，所述绘制指令用于指示绘制所述第一页面，所述第一页面中包括第一控件，所述第一控件中包括至少一个子控件；
所述绘制模块用于，若确定存在所述第一控件对应的图像，且所述第一控件和所述第一控件中的子控件未发生更新，则根据所述第一控件对应的图像绘制所述第一控件；
所述绘制模块还用于，若确定不存在所述第一控件对应的图像，或者所述第一控件或所述第一控件中的子控件发生更新，则生成所述第一控件对应的图像并绘制所述第一控件。
在一种可能的实施方式中，所述绘制模块具体用于：
生成所述图像对应的图像绘制命令；
将所述第一控件的显示列表中绘制命令更新为所述图像绘制命令；
根据更新后的所述第一控件的显示列表，绘制所述第一控件。
在一种可能的实施方式中，所述绘制模块具体用于：
获取所述第一控件的属性信息，所述属性信息中包括第一控件的大小、第一控件中每个子控件的大小、第一控件中每个子控件在第一控件中的位置；
根据所述属性信息和预设绘制函数，得到所述第一控件对应的图像。
在一种可能的实施方式中，所述绘制模块具体用于：
生成所述第一控件对应的图像，并根据生成的所述第一控件对应的图像绘制所述第一控件。
在一种可能的实施方式中，所述绘制模块具体用于：
生成所述第一控件对应的图像；
获取所述第一控件的显示列表，所述显示列表中包括所述第一控件的绘制命令和所述第一控件中各子控件的绘制命令；
根据所述显示列表，绘制所述第一控件。
在一种可能的实施方式中，所述装置还包括确定模块，所述确定模块用于：
若所述第一控件的状态为第一状态，则确定所述第一控件和所述第一控件中的子控件未发生更新；
若所述第一控件的状态为第二状态，则确定所述第一控件或所述第一控件中的子控件发生更新。
在一种可能的实施方式中，所述装置还包括设置模块，其中，
所述设置模块用于，在检测到所述第一控件或者所述第一控件中的子控件发生更新之后，将所述第一控件的状态设置为第二状态；
所述设置模块还用于，在所述绘制模块生成所述第一控件对应的图像之后，将所述第一控件的状态设置为第一状态。
在一种可能的实施方式中，所述第一控件为视窗组控件，所述第一控件中的子控件为视窗控件。
第三方面，本申请实施例提供一种电子设备，包括：包括存储器和处理器，所述处理器执行所述存储器中的程序指令，以使得所述电子设备执行如下步骤：
获取第一页面的绘制指令，所述绘制指令用于指示绘制所述第一页面，所述第一页面中包括第一控件，所述第一控件中包括至少一个子控件；
若确定存在所述第一控件对应的图像，且所述第一控件和所述第一控件中的子控件未发生更新，则根据所述第一控件对应的图像绘制所述第一控件；
若确定不存在所述第一控件对应的图像，或者所述第一控件或所述第一控件中的子控件发生更新，则生成所述第一控件对应的图像并绘制所述第一控件。
在一种可能的实施方式中，所述处理器具体用于：
生成所述图像对应的图像绘制命令；
将所述第一控件的显示列表中绘制命令更新为所述图像绘制命令；
根据更新后的所述第一控件的显示列表，绘制所述第一控件。
在一种可能的实施方式中，所述处理器具体用于：
获取所述第一控件的属性信息，所述属性信息中包括第一控件的大小、第一控件中每个子控件的大小、第一控件中每个子控件在第一控件中的位置；
根据所述属性信息和预设绘制函数，得到所述第一控件对应的图像。
在一种可能的实施方式中，所述处理器具体用于：
生成所述第一控件对应的图像，并根据生成的所述第一控件对应的图像绘制所述第一控件。
在一种可能的实施方式中，所述处理器具体用于：
生成所述第一控件对应的图像；
获取所述第一控件的显示列表，所述显示列表中包括所述第一控件的绘制命令和所述第一控件中各子控件的绘制命令；
根据所述显示列表，绘制所述第一控件。
在一种可能的实施方式中，所述处理器具体用于：
若所述第一控件的状态为第一状态，则确定所述第一控件和所述第一控件中的子控件未发生更新；
若所述第一控件的状态为第二状态，则确定所述第一控件或所述第一控件中的子控件发生更新。
在一种可能的实施方式中，所述处理器还用于：
在检测到所述第一控件或者所述第一控件中的子控件发生更新之后，将所述第一控件的状态设置为第二状态；
将所述第一控件的状态设置为第一状态。
在一种可能的实施方式中，所述第一控件为视窗组控件，所述第一控件中的子控件为视窗控件。
第四方面，本申请实施例提供一种存储介质，所述存储介质用于存储计算机程序，所述计算机程序被计算机或处理器执行时用于实现第一方面任一项所述的页面绘制的控制方法。
第五方面，本申请实施例提供一种计算机程序产品，其特征在于，所述计算机程序产品包括指令，当所述指令被执行时，使得计算机执行第一方面任一项所述的页面绘制的控制方法。
第六方面，本申请实施例提供一种芯片上系统或系统芯片，所述芯片上系统或系统芯片可应用于终端设备，所述芯片上系统或系统芯片包括：至少一个通信接口，至少一个处理器，至少一个存储器，所述通信接口、存储器和处理器通过总线互联，所述处理器通过执行所述存储器中存储的指令，使得所述电子设备可执行如本申请第一方面任一所述页面绘制的控制方法。
本申请实施例提供的页面绘制的控制方法、装置及设备，在进行页面绘制的过程中，针对页面中的viewgroup控件，可以先生成并存储在viewgroup控件的图像，该图像中包括viewgroup控件和viewgroup控件中各子控件对应的图像。这样，在对页面进行绘制的过程中，若一个viewgroup控件中的内容未发生变化，且存在该viewgroup控件的图像，则可以根据该图像绘制该viewgroup控件，减少了页面绘制的内容，进而提高了绘制效率。
附图说明
图1A为本申请实施例提供的页面的架构示意图；
图1B为本申请实施例提供一种的控件的树状结构示意图；
图2为本申请实施例提供的一种应用场景示意图；
图3为本申请实施例提供的电子设备的系统架构的结构示意图；
图4为本申请实施例提供的页面绘制的控制方法的流程示意图；
图5为本申请实施例提供的绘制命令的树状结构示意图；
图6为本申请实施例提供的显示列表示意图；
图7为本申请实施例提供的一种控件绘制过程示意图；
图8为本申请实施例提供的控件绘制过程示意图；
图9为本申请实施例提供的页面示意图；
图10为本申请实施例提供的另一种控件的树状结构示意图；
图11为本申请实施例提供的另一种显示列表的树状结果示意图；
图12为本申请实施例提供的又一种控件的树状结构示意图；
图13为本申请实施例提供的又一种显示列表的树状结果示意图；
图14为本申请实施例提供的另一种页面绘制控制方法的流程示意图；
图15为本申请实施例提供的一种页面绘制的控制装置的结构示意图；
图16为本申请实施例提供的另一种页面绘制的控制装置的结构示意图；
图17为本申请实施例提供的一种电子设备的结构示意图；
图18为本申请实施例提供的另一种电子设备的结构示意图。
具体实施方式
为了便于理解，首先结合图1A，对页面的架构进行说明。
图1A为本申请实施例提供的页面的架构示意图。页面中通常可以包括两类控件，一类为视窗(view)控件，另一类为视窗组(viewgroup)控件。viewgroup控件中包括至少一个view控件，一个viewgroup控件还可以包括其它viewgroup控件，viewgroup控件中包括的控件还可以称为viewgroup控件的子控件。例如，请参见图1A，页面中包括视窗控件1、视窗控件2和列表控件，列表控件为viewgroup控件。列表控件中包括视窗组控件1、视窗组控件2、视窗组控件3和视窗组控件4，其中，视窗组控件1、视窗组控件2、视窗组控件3和视窗组控件4中分别包括两个视窗控件。
可选的，可以以树状结构表示页面中的控件，例如，图1A所示的页面中的控件的树状结构可以如图1B所示。图1B为本申请实施例提供一种的控件的树状结构示意图。请参见图1B，根节点(视窗)为decorView控件，该控件为viewgroup控件，图1B所示的树状结构示意图出了图1A所示的页面中包括的控件和控件之间的关系。
需要说明的是，图1A只是以示例的形式示意一个页面，当然，页面中还可以包括其它控件，本申请实施例对此不作具体限定。
下面，结合图2，对本申请实施例所适用的场景进行说明。
图2为本申请实施例提供的一种应用场景示意图。请参见图2，包括页面201和页面202。
请参见页面201，电子设备显示通信录中的部分联系人信息，用户可以向上滑动屏幕，以使电子设备显示其它联系人信息。
请参见页面202，在用户向上滑动屏幕之后，电子设备更新了显示的联系人信息，其中，相比于页面201，电子设备在页面202中不显示联系人“张一”的信息，增加显示了联系人“张五”的信息，联系人“张二”、“张三”和“张四”的信息不变。
在用户滑动屏幕的过程中，电子设备周期性的绘制显示的页面，例如，可以每16毫秒对 显示的页面绘制一次，以使得用户在滑动屏幕的过程中，电子设备显示的页面可以呈现流畅的滑动。即，本申请所示方法可以适用于用户滑动屏幕的过程中对页面的绘制的场景。
当然，本申请所示的方法还可以适用于其他场景，例如，在电子设备显示页面的过程中，页面中的内容可能会自动更新，当页面中的内容发生更新之后，电子设备也对显示的页面进行重新绘制。例如，通信录中的联系人头像可以周期性更新，当电子设备检测到联系人头像更新之后，可以对显示的页面进行重新绘制。
下面，结合图3，对本申请所涉及的电子设备的系统架构进行说明。
图3为本申请实施例提供的电子设备的系统架构的结构示意图。请参见图3，电子设备的系统架构包括应用程、框架层和硬件层。
应用层中包括多个应用程序，例如，应用程序可以包括通信应用程序、浏览器应用程序等。
框架层中包括用户界面(user interface，UI)框架和渲染框架。UI框架包括测量模块、布局模块、绘制模块和优化模块，优化模块中包括提前绘制模块、图像复用模块、渲染节点替换模块和内容检测模块。其中，测量模块用于对控件进行测量，得到控件的大小。布局模块用于对控件进行布局，得到控件的位置。绘制模块用于获取控件的显示列表，显示列表中包括控件的绘制命令。提前绘制模块用于提前绘制控件对应的图像。内容检测模块用于检测控件中的内容是否发生变化。图像复用模块用于使用提前绘制的控件对应的图像进行控件绘制。渲染节点替换模块用于将控件的显示列表中的绘制指令替换为控件对应图像的图像绘制指令。UI框架可以将更新后的显示列表发送给渲染框架，由渲染框架执行显示列表中的绘制指令，以实现绘制控件。
硬件层中包括硬件结构，例如，硬件层可以包括中央处理器(central processing unit，CPU)、图形处理器(graphics processing unit，GPU)、存储单元、处理电路等硬件结构。
需要说明的是，在图4所示的实施例中，对该系统架构中各个模块的功能进行详细说明，此处不再进行赘述。
在本申请中，在进行页面绘制的过程中，针对页面中的viewgroup控件，可以先生成并存储viewgroup控件的图像，该图像中包括viewgroup控件和viewgroup控件中各子控件对应的图像。这样，在对页面进行绘制的过程中，若一个viewgroup控件中的内容未发生变化，且存在该viewgroup控件的图像，则可以根据该图像绘制该viewgroup控件，减少了页面绘制的内容，进而提高了绘制效率。
下面，通过具体实施例对本申请所示的技术方案进行详细说明。需要说明的是，下面几个实施例可以独立存在，也可以相互结合，对于相同或相似的内容，在不同的实施例中不再重复说明。
图4为本申请实施例提供的页面绘制的控制方法的流程示意图。请参见图3，该方法可以包括：
S401、获取第一页面的绘制指令，绘制指令用于指示绘制第一页面。
本申请实施例的执行主体可以为电子设备，也可以为设置在电子设备中/外的页面绘制装置。可选的，电子设备可以为手机、电脑、可穿戴设备、虚拟现实VR、增强现实AR等设备。页面绘制装置可以通过软件实现，也可以通过软件加硬件的结合实现。
可选的，绘制指令可以为垂直同步(Vsync)信号。
可选的，可以通过如下可行的实现方式获取第一页面的绘制指令：
一种可行的实现方式：
电子设备显示第一页面的过程中，用户在第一页面中输入操作，例如，滑动操作、点击操作等，在电子设备检测到用户输入的操作之后，则生成第一页面的绘制指令。可选的，在用户在第一页面中输入操作的过程中(即，电子设备检测到用户输入操作的过程中)，电子设备周期性的生成绘制指令，例如，每16毫秒生成一次绘制指令。
在该种可行的实现方式中，由用户对第一页面进行操作，使得电子设备获取得到第一页面的绘制指令。
另一种可行的实现方式：
电子设备显示第一页面的过程中，电子设备可以对第一页面中各控件中的内容进行监控，当电子设备监控到第一页面中存在控件中的内容发生变化时，电子设备获取得到第一页面的绘制指令。例如，请参见图1，电子设备显示图1所示的页面的过程中，当联系人“张一”的图像发生变化时，则电子设备获取得到第一页面的绘制指令。
在该种可行的实现方式中，由第一页面中的控件中的内容发生变化，使得电子设备获取得到第一页面的绘制指令。
再一种可行的实现方式：
在电子设备显示除第一页面之外的其它页面时，接收用户在其它页面输入的针对第一页面的显示操作，以使电子设备生成第一页面的绘制指令。例如，用户可以对在其它页面中的、用于跳转至第一页面的控件输入点击操作，以使电子设备生成第一页面的绘制指令。例如，用户可以在显示其他页面时，输入预设分屏手势，以使第一页面分屏显示在当前显示界面上，电子设备响应于该预设分屏手势，生成第一页面的绘制指令。
在该种可行的实现方式中，由用户对除第一页面之外的其它页面进行操作，使得电子设备获取得到第一页面的绘制指令。
S402、根据第一页面的绘制指令，对第一页面中的控件进行测量和布局，得到第一页面中各控件的属性信息。
可选的，当一个控件为view控件时，view控件的属性信息包括view控件的大小和位置。当一个控件为viewgroup控件时，viewgroup控件的属性信息包括viewgroup控件的大小、viewgroup控件位置、viewgroup控件中各子控件的大小、viewgroup控件中各子控件在viewgroup控件中的位置。
可选的，对控件进行测量可以获取得到控件的大小。例如，当一个控件为view控件时，可以通过measure函数对view控件进行测量，以得到该view控件的大小。当一个控件为viewgroup控件时，可以分别通过measure函数对viewgroup控件和viewgroup控件中包括的各个子控件进行测量，以得到viewgroup控件和viewgroup控件中每个子控件的大小。即，在对一个viewgroup控件测量之后，可以得到该viewgroup控件的大小，还可以得到该viewgroup控件中各子控件的大小。可选的，可以通过图3中的测量模块获取控件的大小。
可选的，对控件进行布局可以获取得到控件的位置。例如，当一个控件为view控件时，可以通过layout函数对view控件进行布局，以得到该view控件的位置。当一个控件为viewgroup控件时，可以分别通过layout函数对viewgroup控件和viewgroup控件中包括的各个子控件进行布局，以得到viewgroup控件的位置和viewgroup控件中每个子控件在viewgroup控件中的位置。即，在对一个viewgroup控件布局之后，可以得到viewgroup控件的位置，还可以得到viewgroup控件中各子控件在viewgroup控件中的位置。可选的，可以通过图3中的布局模块获取控件的位置。
S403、根据第一页面中各控件的属性信息获取第一页面中各控件的显示列表。
其中，一个控件的显示列表中包括该控件对应的绘制指令。
当一个控件为view控件时，view控件对应的绘制指令包括该view控件的绘制指令。即，view控件的显示列表中包括1个绘制指令。
当一个控件为viewgroup控件时，viewgroup控件对应的绘制指令包括viewgroup控件的绘制指令和viewgroup控件中各子控件的绘制指令。即，viewgroup控件的显示列表中包括至少两个绘制指令。
获取第一页面中各控件的显示列表的过程相同。针对第一页面中的任意一个控件，可以根据该控件的属性信息和draw函数，获取该控件的显示列表。可选的，显示列表中的绘制命令可以以树状结构显示。下面，结合图5对树状结构的绘制命令进行说明。
图5为本申请实施例提供的绘制命令的树状结构示意图。图5示出了一种控件的树状结构、及该控件的树状结构对应的绘制命令的树状结构。请参见图5，控件的树状结构与绘制命令的树状结构具有对应关系。控件与显示系列表的对应关系如表1所示：
表1
控件 显示列表
视窗控件1 显示列表1
视窗控件2 显示列表2
视窗组控件1 显示列表3
视窗组控件2 显示列表4
视窗组控件3 显示列表5
视窗组控件4 显示列表6
可选的，可以通过图3中的绘制模块获取第一页面中各控件的显示列表。
在S403之后，分别对每个控件进行绘制，下面，以对第一页面中的任意一个第一控件的绘制过程进行说明，其中，第一控件为一个viewgroup控件，第一控件中包括至少一个子控件。
S404、判断是否存在第一控件对应的图像，且第一控件和第一控件中的子控件未发生更新。
若是，则执行S405-S408
若否，则执行S409-S410。
可选的，可以通过如下可行的实现方式存储控件对应的图像：获取控件的标识，将控件的标识和控件对应的图像以键值对(key-value，K-V)的形式存储在哈希表中。控件的标识可以为控件的位置关键字，控件的位置关键字用于指示控件在页面中的位置。例如，控件的位置关键字可以是指控件为listview中的第几个控件，假设listview中包括20个控件，该20个控件在listview中顺序排列，则该20个控件在listview中的位置关键字分别为1，2，3，……，20。在该种可行的实现方式中，在判断是否存在第一控件对应的图像时，可以获取第一控件的标识，并根据第一控件的标识，判断哈希表中是否存在该位置关键字对应的图像。当然也可以采用其他现有的存储方法，本发明实施例不限制具体的存储实现方式。
可选的，可以通过如下可行的实现方式判断第一控件和第一控件中的子控件是否发生更新：获取第一控件的状态，若第一控件的状态为第一状态，则确定第一控件和第一控件中的子控件未发生更新，若第一控件的状态为第二状态，则确定第一控件或第一控件中的子控件发生更新。可选的，初始时，第一控件的状态可以为第一状态，在检测到第一控件或第一控件中的子控件发生更新时，则将第一控件的状态设置为第二状态，在生成第一控件对应的图 像之后，将第一控件的状态设置为第一状态。可选的，可以通过确定一个预设标志位是否为预设值来确定第一控件和第一控件中的子控件是否发生更新，例如在初始化时预设标志位设为0，如果第一控件或者第一控件中的任一子控件发生更新则置为1，在预设条件满足时恢复为0(例如预设时间届满，或者收到预设消息，或者判断进入预设模式等，即在该变化后控件和子控件已经显示后，恢复预设标志位为0)；通过检测该预设标志位是否为1可确定第一控件和第一控件中的子控件是否发生更新—如预设标志位为1则确定第一控件和第一控件中的子控件发生了更新，如预设标志位为0则确定第一控件和第一控件中的子控件未发生更新。可选的，可以通过图3中内容检测模块检测第一控件和第一控件中的子控件是否发生更新。
S405、获取第一控件对应的图像。
可选的，可以根据第一控件的标识，在哈希表中获取第一控件对应的图像。
可选的，可以通过图3中的图像复用模块获取第一控件对应的图像。
S406、生成第一控件对应图像的图像绘制命令。
可选的，可以通过draw函数生成图像绘制命令。
S407、将第一控件的显示列表中绘制命令更新为图像绘制命令。
可选的，可以将第一控件的显示列表中的绘制命令替换为图像绘制命令。即，删除第一控件的显示列表中的绘制命令，并将图像绘制命令添加至第一控件的显示列表中。
下面，结合图6，对更新前后的第一控件的显示列表进行说明。
图6为本申请实施例提供的显示列表示意图。请参见图6和图5，假设第一控件为图1中的视窗组控件1，在执行S407之前，视窗组控件1的显示列表—显示列表3中包括绘制命令3、绘制命令31和绘制命令32，在S407之后，显示列表3中包括图像绘制命令3。
可选的，可以通过图3中的渲染节点替换模块更新第一控件的显示列表。
S408、根据更新后的第一控件的显示列表，绘制第一控件。
可选的，可以执行第一控件的显示列表中的绘制命令，以实现绘制第一控件。由于第一控件的显示列表中的绘制命令为图像绘制命令，因此，通过执行图像绘制命令可以实现根据第一控件对应的图像进行绘制，以实现绘制第一控件。通过图像绘制命令绘制第一控件的过程中，渲染的像素个数为第一控件对应的图像所在区域的像素个数。
可选的，电子设备中包括UI线程和渲染(render)线程，S401-S407的执行过程可以由UI线程执行，UI线程可以将S407中得到的显示列表发送给渲染线程，以使渲染线程执行步骤S408--根据更新后的显示列表绘制第一控件。
可选的，可以通过图3中的渲染框架绘制第一控件。
下面，结合图7，对第一控件的绘制过程进行说明。
图7为本申请实施例提供的一种控件绘制过程示意图。请参见图7，假设第一控件为图1中的视窗组控件1，该视窗组控件1中包括视窗控件11和视窗控件12，对该视窗组控件1进行测量、布局和绘制之后，可以得到该视窗组控件1的显示列表，显示列表中包括绘制命令1、绘制命令11和绘制命令12，假设存在视窗组控件1对应的图像，且视窗组控件1和视窗组控件1中的子控件未发生更新，则对第一控件的显示列表进行更新，更新后的显示列表中包括图像绘制命令1。在根据该显示列表进行绘制时，根据图像绘制命令1渲染视窗组控件1对应的图像，得到视窗组控件1。在绘制视窗组控件1的过程中，渲染的像素包括：视窗组控件1对应的图像中的像素。其中，视窗组控件1对应的图像中的像素等于视窗组控件1所在矩形框中的像素，使得渲染的像素较少，进而提高渲染的效率。
S409、生成并存储第一控件对应的图像。
可选的，可以通过如下可行的实现方式生成第一控件对应的图像：可以获取第一控件的属性信息，属性信息中包括第一控件的大小、第一控件中每个子控件的大小、第一控件中每个子控件在第一控件中的位置，根据属性信息和预设绘制函数(例如draw函数)，得到第一控件对应的图像。例如，第一控件可以通过第一控件中的各个子控件进行绘制，以得到第一控件对应的图像。
可选的，可以获取第一控件的标识，并将第一控件的标识和第一控件对应的图像以K-V形式存储至哈希表中。
可选的，可以通过图3中的提前绘制模块生成第一控件对应的图像。
S410、根据第一控件的显示列表，绘制第一控件。
由于第一控件的显示列表中包括第一控件的绘制命令和第一控件中各子控件的绘制命令，因此，可以依次根据第一控件的绘制命令和第一控件中各子控件的绘制命令进行绘制，以得到第一控件。
可选的，S409的执行过程可以由UI线程执行，由于无需对第一控件的显示列表进行更新，因此UI线程可以将S403中得到的显示列表发送给渲染线程，以使渲染线程执行S410--根据S403中得到的显示列表绘制第一控件。
下面，结合图8，对根据第一控件的绘制过程进行说明。
图8为本申请实施例提供的控件绘制过程示意图。请参见图8，假设第一控件为图1中的视窗组控件1，该视窗组控件1中包括视窗控件11和视窗控件12，对该视窗组控件1进行测量、布局和绘制之后，可以得到该视窗组控件1的显示列表，显示列表中包括绘制命令1、绘制命令11和绘制命令12。在根据该显示列表进行绘制时，先根据绘制命令1渲染视窗组控件1对应的矩形框，再根据绘制命令11在矩形框中渲染视窗控件11对应的图像，以及根据绘制命令12在矩形框中渲染视窗控件12中的文本“张一”。由上可知，在绘制视窗组控件1的过程中，渲染的像素包括：矩形框所在区域的全部像素、图像所在区域的全部像素和文本所在区域的全部像素之和。由于图像所在区域的像素和文本所在区域的像素均与矩形框所在区域的像素重合，使得绘制视窗组控件1的过程中，存在重复渲染的像素(图像所在区域，以及文本所在区域的全部像素均被重复渲染)，导致渲染的效率较低。
需要说明的是，在S409之后，还可以根据第一控件对应的图像绘制第一控件，其过程与S406-S408的执行过程相同，此处不再进行赘述。
需要说明的是，步骤S410也可以在S409之前执行，或者两者同时进行。或者如前述，不执行S410，而是在S409之后执行S406-408。
需要说明的是，在图4实施例所示的各个处理步骤(S401-S410)并不构成对页面绘制过程的具体限定。在本申请另一些实施例中，页面绘制过程可以包括比图4实施例更多或者更少的步骤，例如，页面绘制过程可以包括图4实施例中的部分步骤，或者，图4实施例中的一些步骤可以由具有相同功能的步骤替换，或者，图4实施例中的一些步骤可以被拆分成多个步骤等。
本申请实施例提供的页面绘制方法，在进行页面绘制的过程中，针对页面中的viewgroup控件，可以先生成并存储在viewgroup控件的图像，该图像中包括viewgroup控件和viewgroup控件中各子控件对应的图像。这样，在对页面进行绘制的过程中，若一个viewgroup控件中的内容未发生变化，且存在该viewgroup控件的图像，则可以根据该图像绘制该viewgroup控件，减少了页面绘制的内容，进而提高了绘制效率。
在上述任意一个实施例的基础上，下面，结合图9-图13，通过具体示例对页面绘制方法 进行说明。
图9为本申请实施例提供的页面示意图。请参见图9，包括页面901、页面902和页面903。
请参见页面901，页面901中包括多个应用程序的图标，当用户需要查看联系人列表时，用户可以对联系人列表图标进行点击操作，响应于检测到对联系人列表图标的点击操作，电子设备获取得到联系人页面的绘制指令。
电子设备根据绘制指令，获取待显示的联系人页面中包括的控件，假设待显示的联系人页面中包括一个列表控件，该列表控件中包括4个联系人信息对应的viewgroup控件，每个viewgroup控件中包括一个图像控件和一个文本控件，即，电子设备获取得到的待显示的联系人页面中包括的控件的树状结构如图10所示。
图10为本申请实施例提供的另一种控件的树状结构示意图。请参见图10，联系人页面中的4个联系人信息与控件的对应关系如表2所示：
表2
联系人 控件
张一 视窗组控件1(第一状态)、图像控件11、文本控件12
张二 视窗组控件2(第一状态)、图像控件21、文本控件22
张三 视窗组控件3(第一状态)、图像控件31、文本控件32
张四 视窗组控件4(第一状态)、图像控件41、文本控件42
其中，在图10所示的控件中，视窗组控件1、视窗组控件2、视窗组控件3和视窗组控件4的状态均为第一状态。
电子设备根据绘制指令，对图10所示的控件进行测量、布局和绘制，得到联系人页面中各控件的显示列表。显示列表可以如图11所示。
图11为本申请实施例提供的另一种显示列表的树状结果示意图。请参见图11，联系人页面中的4个联系人信息与显示列表的对应关系如表3所示：
表3
联系人 显示列表 绘制命令
张一 显示列表1 绘制命令1、绘制命令11、绘制命令12
张二 显示列表2 绘制命令2、绘制命令21、绘制命令22
张三 显示列表3 绘制命令3、绘制命令31、绘制命令32
张四 显示列表4 绘制命令4、绘制命令41、绘制命令42
电子设备判断不存在视窗组控件1、视窗组控件2、视窗组控件3和视窗组控件4对应的图像，则电子设备分别生成并存储视窗组控件1、视窗组控件2、视窗组控件3和视窗组控件4对应的图像。
由于不存在视窗组控件1、视窗组控件2、视窗组控件3和视窗组控件4对应的图像，则电子设备根据图11所示的显示列表对联系人页面中的各个控件进行渲染，其中，渲染的过程如图9中的渲染过程一所示。在经过图9中的渲染过程一所示的渲染之后，得到页面902。其中，对各个控件进行绘制的过程可以顺序执行，也可以并行执行。
请参见页面902，在电子设备显示页面902所示的联系人列表之后，若用户需要查看其它联系人信息时，用户可以在电子设备中输入向上滑动操作。在用户输入向上滑动操作的过程中，电子设备获取得到联系人页面的绘制指令。
电子设备根据绘制指令，获取待显示的联系人页面中包括的控件，假设待显示的联系人页面中包括一个列表控件，该列表控件中包括4个联系人信息对应的viewgroup控件，每个viewgroup控件中包括一个图像控件和一个文本控件，假设内容检测模块检测到联系人张二对应的联系人头像发生了变化(相对于上一次绘制的张二对应的联系人头像)，则电子设备获取得到的待显示的联系人页面中包括的控件的树状结构如图12所示。
图12为本申请实施例提供的又一种控件的树状结构示意图。请参见图12，联系人页面中的4个联系人信息与控件的对应关系如表4所示：
表4
联系人 控件
张二 视窗组控件2(第二状态)、图像控件21、文本控件22
张三 视窗组控件3(第一状态)、图像控件31、文本控件32
张四 视窗组控件4(第一状态)、图像控件41、文本控件42
张五 视窗组控件5(第一状态)、图像控件51、文本控件52
电子设备根据绘制指令，对图12所示的控件进行测量、布局和绘制，得到联系人页面中各控件的显示列表，可选的，由于视窗组控件3和视窗组控件4中的内容未更新，因此，可以不更新视窗组控件3和视窗组控件4对应的显示列表。显示列表可以如图13所示。
图13为本申请实施例提供的又一种显示列表的树状结果示意图。请参见图13，包括更新前的显示列表和更新后的显示列表。
请参见更新前的显示列表，联系人页面中的4个联系人信息与显示列表的对应关系如表5示：
表5
联系人 显示列表 绘制命令
张二 显示列表2 绘制命令2、绘制命令21、绘制命令22
张三 显示列表3 绘制命令3、绘制命令31、绘制命令32
张四 显示列表4 绘制命令4、绘制命令41、绘制命令42
张五 显示列表5 绘制命令5、绘制命令51、绘制命令52
电子设备判断存在视窗组控件2、视窗组控件3和视窗组控件4对应的图像，且视窗组控件3和视窗组控件4中的内容未发生变化，则电子设备生成视窗组控件3和视窗组控件4对应的图像绘制指令，并通过图像绘制指令更新对应的显示列表。
请参见更新后的显示列表，联系人页面中的4个联系人信息与显示列表的对应关系如表6示：
表6
联系人 显示列表 绘制命令
张二 显示列表2 绘制命令2、绘制命令21、绘制命令22
张三 显示列表3 图像绘制命令3
张四 显示列表4 图像绘制命令4
张五 显示列表5 绘制命令5、绘制命令51、绘制命令52
电子设备根据图13中更新后的显示列表对联系人页面中的各个控件进行渲染，其中，渲染的过程如图9中的渲染过程二所示。在经过图9中的渲染过程一所示的渲染之后，得到页面903。
请参见渲染过程二，在对联系人张三、张四对应的控件进行渲染的过程中，分别根据对应的图像进行渲染，减少了渲染的对象，进而减少了渲染的像素，节省了系统资源，并提高了渲染效率。
在上述任意一个实施例的基础上，下面，结合图14，对页面绘制方法进行说明。
图14为本申请实施例提供的另一种页面绘制控制方法的流程示意图。请参见图14，该方法可以包括：
S1401、获取第一页面的绘制指令，绘制指令用于指示绘制第一页面，第一页面中包括第一控件，第一控件中包括至少一个子控件。
需要说明的是，S1401的执行过程可以参见S401的执行过程，此处不再进行赘述。
S1402、若确定存在第一控件对应的图像，且第一控件和第一控件中的子控件未发生更新，则根据第一控件对应的图像绘制第一控件。
需要说明的是，可以根据S404中所示的方法确定是否存在第一控件对应的图像，以及确定第一控件和第一控件中的子控件是否发生更新，此处不再进行赘述。
需要说明的是，根据第一控件对应的图像绘制第一控件的过程可以参见S405-S408，此处不再进行赘述。
S1403、若确定不存在第一控件对应的图像，或者第一控件或第一控件中的子控件发生更新，则生成第一控件对应的图像。
可选的，在生成第一控件对应的图像之后，可以存储第一控件对应的图像。
可选的，在S1403之后，可以根据第一控件对应的图像绘制第一控件，也可以根据图8所示的渲染过程绘制第一控件。
在图14所示的实施例中，在进行页面绘制的过程中，针对页面中的viewgroup控件，可以先生成并存储viewgroup控件的图像，该图像中包括viewgroup控件和viewgroup控件中各子控件对应的图像。这样，在对页面进行绘制的过程中，若一个viewgroup控件中的内容未发生变化，且存在该viewgroup控件的图像，则可以根据该图像绘制该viewgroup控件，减少了页面绘制的内容，进而提高了绘制效率。
图15为本申请实施例提供的一种页面绘制的控制装置的结构示意图。请参见图15，该页面绘制的控制装置10可以包括：获取模块11和绘制模块12，其中，
所述获取模块11用于，获取第一页面的绘制指令，所述绘制指令用于指示绘制所述第一页面，所述第一页面中包括第一控件，所述第一控件中包括至少一个子控件；
所述绘制模块12用于，若确定存在所述第一控件对应的图像，且所述第一控件和所述第一控件中的子控件未发生更新，则根据所述第一控件对应的图像绘制所述第一控件；
所述绘制模块12还用于，若确定不存在所述第一控件对应的图像，或者所述第一控件或所述第一控件中的子控件发生更新，则生成所述第一控件对应的图像并绘制所述第一控件。
可选的，获取模块可以执行图4实施例中的S401，以及图14实施例中的S1401。
可选的，绘制模块12可以执行图4实施例中的S402-S410，以及图14实施例中的S1402-S1403。
需要说明的是，本申请实施例中的页面绘制的控制装置10可以执行上述方法实施例所示的技术方案，其实现原理以及有益效果类似，此处不再进行赘述。
在一种可能的实施方式中，所述绘制模块12具体用于：
生成所述图像对应的图像绘制命令；
将所述第一控件的显示列表中绘制命令更新为所述图像绘制命令；
根据所述第一控件的更新后的显示列表，绘制所述第一控件。
在一种可能的实施方式中，所述绘制模块12具体用于：
获取所述第一控件的属性信息，所述属性信息中包括第一控件的大小、第一控件中每个子控件的大小、第一控件中每个子控件在第一控件中的位置；
根据所述属性信息和预设绘制函数，得到所述第一控件对应的图像。
在一种可能的实施方式中，所述绘制模块12具体用于：
生成所述第一控件对应的图像，并根据生成的所述第一控件对应的图像绘制所述第一控件。
在一种可能的实施方式中，所述绘制模块12具体用于：
生成所述第一控件对应的图像；
获取所述第一控件的显示列表，所述显示列表中包括所述第一控件的绘制命令和所述第一控件中各子控件的绘制命令；
根据所述显示列表，绘制所述第一控件。
图16为本申请实施例提供的另一种页面绘制的控制装置的结构示意图。在图15所示实施例的基础上，请参见图16，页面绘制的控制装置10还可以包括确定模块13，所述确定模块13用于：
若所述第一控件的状态为第一状态，则确定所述第一控件和所述第一控件中的子控件未发生更新；
若所述第一控件的状态为第二状态，则确定所述第一控件或所述第一控件中的子控件发生更新。
在一种可能的实施方式中，页面绘制的控制装置10还包括设置模块14，其中，
所述设置模块14用于，在检测到所述第一控件或者所述第一控件中的子控件发生更新之后，将所述第一控件的状态设置为第二状态；
所述设置模块14还用于，在所述绘制模块12生成所述第一控件对应的图像之后，将所述第一控件的状态设置为第一状态。
在一种可能的实施方式中，所述第一控件为视窗组控件，所述第一控件中的子控件为视窗控件。
需要说明的是，本申请实施例中的页面绘制的控制装置10可以执行上述方法实施例所示的技术方案，其实现原理以及有益效果类似，此处不再进行赘述。
图17为本申请实施例提供的一种电子设备的结构示意图。请参见图17，电子设备20可以包括处理器21、存储器22和通信总线23，处理器21和存储器22通过通信总线23通信。处理器21执行存储器22中的程序指令，并根据所述程序指令执行如下步骤：
获取第一页面的绘制指令，所述绘制指令用于指示绘制所述第一页面，所述第一页面中包括第一控件，所述第一控件中包括至少一个子控件；
若确定存在所述第一控件对应的图像，且所述第一控件和所述第一控件中的子控件未发生更新，则根据所述第一控件对应的图像绘制所述第一控件；
若确定不存在所述第一控件对应的图像，或者所述第一控件或所述第一控件中的子控件发生更新，则生成所述第一控件对应的图像并绘制所述第一控件。
可选的，处理器21可以实现图15-16实施例中的获取模块11、绘制模块12、确定模块13和设置模块14的功能。
可选的，处理器21可以包括CPU。该种情况下，上述处理器21所执行的步骤均可以由 CPU执行。
可选的，处理器21可以包括CPU和GPU。在该种情况下，上述处理器21所执行的步骤可以由CPU和GPU共同执行，例如，CPU可以执行：获取第一页面的绘制指令，以及根据第一控件对应的图像绘制第一控件，GPU可以执行：生成第一控件对应的图像。例如，CPU可以执行：获取第一页面的绘制指令，GPU可以执行：生成第一控件对应的图像，以及根据第一控件对应的图像绘制第一控件。
可选的，上述处理器21还可以是其他通用处理器、数字信号处理器(digital singnal processor，DSP)、专用集成电路(application specific integrated circuit，ASIC)等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。结合本申请所公开的认证方法实施例中的步骤可以直接体现为硬件处理器执行完成，或者用处理器中的硬件及软件模块组合执行完成。
可选的，电子设备还可以包括显示器，显示器用于显示绘制完成的第一控件。
需要说明的是，本申请实施例中的电子设备20可以执行上述方法实施例所示的技术方案，其实现原理以及有益效果类似，此处不再进行赘述。
在一种可能的实施方式中，所述处理器21具体用于：
生成所述图像对应的图像绘制命令；
将所述第一控件的显示列表中绘制命令更新为所述图像绘制命令；
根据所述第一控件的更新后的显示列表，绘制所述第一控件。
在一种可能的实施方式中，所述处理器21具体用于：
获取所述第一控件的属性信息，所述属性信息中包括第一控件的大小、第一控件中每个子控件的大小、第一控件中每个子控件在第一控件中的位置；
根据所述属性信息和预设绘制函数，得到所述第一控件对应的图像。
在一种可能的实施方式中，所述处理器21具体用于：
生成所述第一控件对应的图像，并根据生成的所述第一控件对应的图像绘制所述第一控件。
在一种可能的实施方式中，所述处理器21具体用于：
生成所述第一控件对应的图像；
获取所述第一控件的显示列表，所述显示列表中包括所述第一控件的绘制命令和所述第一控件中各子控件的绘制命令；
根据所述显示列表，绘制所述第一控件。
在一种可能的实施方式中，所述处理器21具体用于：
若所述第一控件的状态为第一状态，则确定所述第一控件和所述第一控件中的子控件未发生更新；
若所述第一控件的状态为第二状态，则确定所述第一控件或所述第一控件中的子控件发生更新。
在一种可能的实施方式中，所述处理器21还用于：
在检测到所述第一控件或者所述第一控件中的子控件发生更新之后，将所述第一控件的状态设置为第二状态；
将所述第一控件的状态设置为第一状态。
在一种可能的实施方式中，所述第一控件为视窗组控件，所述第一控件中的子控件为视窗控件。
需要说明的是，本申请实施例中的电子设备20可以执行上述方法实施例所示的技术方案，其实现原理以及有益效果类似，此处不再进行赘述。
图18为本申请实施例提供的另一种电子设备的结构示意图。请参见图21，电子设备100可以包括处理器110，外部存储器接口120，内部存储器121，通用串行总线(universal serial bus，USB)接口130，充电管理模块140，电源管理模块141，电池142，天线1，天线2，移动通信模块150，无线通信模块160，音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，传感器模块180，按键190，马达191，指示器192，摄像头193，显示器194，以及用户标识模块(subscriber identification module，SIM)卡接口195等。其中传感器模块180可以包括压力传感器180A，陀螺仪传感器180B，气压传感器180C，磁传感器180D，加速度传感器180E，距离传感器180F，接近光传感器180G，指纹传感器180H，温度传感器180J，触摸传感器180K，环境光传感器180L，骨传导传感器180M等。
可以理解的是，本申请实施例示意的结构并不构成对电子设备100的具体限定。在本申请另一些实施例中，电子设备100可以包括比图示更多或更少的部件，或者组合某些部件，或者拆分某些部件，或者不同的部件布置。图示的部件可以以硬件，软件或软件和硬件的组合实现。
处理器110可以包括一个或多个处理单元，例如：处理器110可以包括应用处理器(application processor，AP)，调制解调处理器，图形处理器(graphics processing unit，GPU)，图像信号处理器(image signal processor，ISP)，控制器，视频编解码器，数字信号处理器(digital signal processor，DSP)，基带处理器，和/或神经网络处理器(neural-network processing unit，NPU)等。其中，不同的处理单元可以是独立的器件，也可以集成在一个或多个处理器中。
控制器可以根据指令操作码和时序信号，产生操作控制信号，完成取指令和执行指令的控制。
处理器110中还可以设置存储器，用于存储指令和数据。在一些实施例中，处理器110中的存储器为高速缓冲存储器。该存储器可以保存处理器110刚用过或循环使用的指令或数据。如果处理器110需要再次使用该指令或数据，可从所述存储器中直接调用。避免了重复存取，减少了处理器110的等待时间，因而提高了系统的效率。
在一些实施例中，处理器110可以包括一个或多个接口。接口可以包括集成电路(inter-integrated circuit，I2C)接口，集成电路内置音频(inter-integrated circuit sound，I2S)接口，脉冲编码调制(pulse code modulation，PCM)接口，通用异步收发传输器(universal asynchronous receiver/transmitter，UART)接口，移动产业处理器接口(mobile industry processor interface，MIPI)，通用输入输出(general-purpose input/output，GPIO)接口，用户标识模块(subscriber identity module，SIM)接口，和/或通用串行总线(universal serial bus，USB)接口等。
I2C接口是一种双向同步串行总线，包括一根串行数据线(serial data line，SDA)和一根串行时钟线(derail clock line，SCL)。在一些实施例中，处理器110可以包含多组I2C总线。处理器110可以通过不同的I2C总线接口分别耦合触摸传感器180K，充电器，闪光灯，摄像头193等。例如：处理器110可以通过I2C接口耦合触摸传感器180K，使处理器110与触摸传感器180K通过I2C总线接口通信，实现电子设备100的触摸功能。
I2S接口可以用于音频通信。在一些实施例中，处理器110可以包含多组I2S总线。处理器110可以通过I2S总线与音频模块170耦合，实现处理器110与音频模块170之间的通信。在一些实施例中，音频模块170可以通过I2S接口向无线通信模块160传递音频信号，实现通过蓝牙耳机接听电话的功能。
PCM接口也可以用于音频通信，将模拟信号抽样，量化和编码。在一些实施例中，音频模块170与无线通信模块160可以通过PCM总线接口耦合。在一些实施例中，音频模块170也可以通过PCM接口向无线通信模块160传递音频信号，实现通过蓝牙耳机接听电话的功能。所述I2S接口和所述PCM接口都可以用于音频通信。
UART接口是一种通用串行数据总线，用于异步通信。该总线可以为双向通信总线。它将要传输的数据在串行通信与并行通信之间转换。在一些实施例中，UART接口通常被用于连接处理器110与无线通信模块160。例如：处理器110通过UART接口与无线通信模块160中的蓝牙模块通信，实现蓝牙功能。在一些实施例中，音频模块170可以通过UART接口向无线通信模块160传递音频信号，实现通过蓝牙耳机播放音乐的功能。
MIPI接口可以被用于连接处理器110与显示器194，摄像头193等外围器件。MIPI接口包括摄像头串行接口(camera serial interface，CSI)，显示器串行接口(display serial interface，DSI)等。在一些实施例中，处理器110和摄像头193通过CSI接口通信，实现电子设备100的拍摄功能。处理器110和显示器194通过DSI接口通信，实现电子设备100的显示功能。
可以理解的是，本申请实施例示意的各模块间的接口连接关系，只是示意性说明，并不构成对电子设备100的结构限定。在本申请另一些实施例中，电子设备100也可以采用上述实施例中不同的接口连接方式，或多种接口连接方式的组合。
移动通信模块150可以提供应用在电子设备100上的包括2G/3G/4G/5G等无线通信的解决方案。移动通信模块150可以包括至少一个滤波器，开关，功率放大器，低噪声放大器(low noise amplifier，LNA)等。移动通信模块150可以由天线1接收电磁波，并对接收的电磁波进行滤波，放大等处理，传送至调制解调处理器进行解调。移动通信模块150还可以对经调制解调处理器调制后的信号放大，经天线1转为电磁波辐射出去。在一些实施例中，移动通信模块150的至少部分功能模块可以被设置于处理器110中。在一些实施例中，移动通信模块150的至少部分功能模块可以与处理器110的至少部分模块被设置在同一个器件中。
调制解调处理器可以包括调制器和解调器。其中，调制器用于将待发送的低频基带信号调制成中高频信号。解调器用于将接收的电磁波信号解调为低频基带信号。随后解调器将解调得到的低频基带信号传送至基带处理器处理。低频基带信号经基带处理器处理后，被传递给应用处理器。应用处理器通过音频设备(不限于扬声器170A，受话器170B等)输出声音信号，或通过显示器194显示图像或视频。在一些实施例中，调制解调处理器可以是独立的器件。在另一些实施例中，调制解调处理器可以独立于处理器110，与移动通信模块150或其他功能模块设置在同一个器件中。
无线通信模块160可以提供应用在电子设备100上的包括无线局域网(wireless local area networks，WLAN)(如无线保真(wireless fidelity，Wi-Fi)网络)，蓝牙(bluetooth，BT)，全球导航卫星系统(global navigation satellite system，GNSS)，调频(frequency modulation，FM)，近距离无线通信技术(near field communication，NFC)，红外技术(infrared，IR)等无线通信的解决方案。无线通信模块160可以是集成至少一个通信处理模块的一个或多个器件。无线通信模块160经由天线2接收电磁波，将电磁波信号调频以及滤波处理，将处理后的信号发送到处理器110。无线通信模块160还可以从处理器110接收待发送的信号，对其进行调频，放大，经天线2转为电磁波辐射出去。
在一些实施例中，电子设备100的天线1和移动通信模块150耦合，天线2和无线通信模块160耦合，使得电子设备100可以通过无线通信技术与网络以及其他设备通信。所述无线通信技术可以包括全球移动通讯系统(global system for mobile communications，GSM)，通 用分组无线服务(general packet radio service，GPRS)，码分多址接入(code division multiple access，CDMA)，宽带码分多址(wideband code division multiple access，WCDMA)，时分码分多址(time-division code division multiple access，TD-SCDMA)，长期演进(long term evolution，LTE)，BT，GNSS，WLAN，NFC，FM，和/或IR技术等。所述GNSS可以包括全球卫星定位系统(global positioning system，GPS)，全球导航卫星系统(global navigation satellite system，GLONASS)，北斗卫星导航系统(beidou navigation satellite system，BDS)，准天顶卫星系统(quasi-zenith satellite system，QZSS)和/或星基增强系统(satellite based augmentation systems，SBAS)。
电子设备100通过GPU，显示器194，以及应用处理器等实现显示功能。GPU为图像处理的微处理器，连接显示器194和应用处理器。GPU用于执行数学和几何计算，用于图形渲染。处理器110可包括一个或多个GPU，其执行程序指令以生成或改变显示信息。
显示器194用于显示图像，视频等。显示器194包括显示面板。显示面板可以采用液晶显示器(liquid crystal display，LCD)，有机发光二极管(organic light-emitting diode，OLED)，有源矩阵有机发光二极体或主动矩阵有机发光二极体(active-matrix organic light emitting diode的，AMOLED)，柔性发光二极管(flex light-emitting diode，FLED)，Miniled，MicroLed，Micro-oLed，量子点发光二极管(quantum dot light emitting diodes，QLED)等。在一些实施例中，电子设备100可以包括1个或N个显示器194，N为大于1的正整数。
电子设备100可以通过ISP，摄像头193，视频编解码器，GPU，显示器194以及应用处理器等实现拍摄功能。
ISP用于处理摄像头193反馈的数据。例如，拍照时，打开快门，光线通过镜头被传递到摄像头感光元件上，光信号转换为电信号，摄像头感光元件将所述电信号传递给ISP处理，转化为肉眼可见的图像。ISP还可以对图像的噪点，亮度，肤色进行算法优化。ISP还可以对拍摄场景的曝光，色温等参数优化。在一些实施例中，ISP可以设置在摄像头193中。
数字信号处理器用于处理数字信号，除了可以处理数字图像信号，还可以处理其他数字信号。例如，当电子设备100在频点选择时，数字信号处理器用于对频点能量进行傅里叶变换等。
视频编解码器用于对数字视频压缩或解压缩。电子设备100可以支持一种或多种视频编解码器。这样，电子设备100可以播放或录制多种编码格式的视频，例如：动态图像专家组(moving picture experts group，MPEG)1，MPEG2，MPEG3，MPEG4等。
NPU为神经网络(neural-network，NN)计算处理器，通过借鉴生物神经网络结构，例如借鉴人脑神经元之间传递模式，对输入信息快速处理，还可以不断的自学习。通过NPU可以实现电子设备100的智能认知等应用，例如：图像识别，人脸识别，语音识别，文本理解等。
外部存储器接口120可以用于连接外部存储卡，例如Micro SD卡，实现扩展电子设备100的存储能力。外部存储卡通过外部存储器接口120与处理器110通信，实现数据存储功能。例如将音乐，视频等文件保存在外部存储卡中。
内部存储器121可以用于存储计算机可执行程序代码，所述可执行程序代码包括指令。内部存储器121可以包括存储程序区和存储数据区。其中，存储程序区可存储操作系统，至少一个功能所需的应用程序(比如声音播放功能，图像播放功能等)等。存储数据区可存储电子设备100使用过程中所创建的数据(比如音频数据，电话本等)等。此外，内部存储器121可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件，闪存器件，通用闪存存储器(universal flash storage，UFS)等。处理器110通过运行存储在内部 存储器121的指令，和/或存储在设置于处理器中的存储器的指令，执行电子设备100的各种功能应用以及数据处理。
电子设备100可以通过音频模块170，扬声器170A，受话器170B，麦克风170C，耳机接口170D，以及应用处理器等实现音频功能。例如音乐播放，录音等。
音频模块170用于将数字音频信息转换成模拟音频信号输出，也用于将模拟音频输入转换为数字音频信号。音频模块170还可以用于对音频信号编码和解码。在一些实施例中，音频模块170可以设置于处理器110中，或将音频模块170的部分功能模块设置于处理器110中。
需要说明的是，图17所示的电子设备可以与图18所示的电子设备相同，或者，图17所示的电子设备为图18所示的电子设备中的一部分。
本申请实施例提供一种存储介质，所述存储介质用于存储计算机程序，所述计算机程序用于实现上述实施例所述的页面绘制的控制方法。
本申请实施例提供一种计算机程序产品，所述计算机程序产品包括指令，当所述指令被执行时，使得计算机执行上述页面绘制的控制方法。
本申请实施例提供一种芯片上系统或系统芯片，所述芯片上系统或系统芯片可应用于电子设备，所述芯片上系统或系统芯片包括：至少一个通信接口，至少一个处理器，至少一个存储器，所述通信接口、存储器和处理器通过总线互联，所述处理器通过执行所述存储器中存储的指令，使得所述终端设备可执行上述页面绘制的控制方法。
实现上述各方法实施例的全部或部分步骤可以通过程序指令相关的硬件来完成。前述的程序可以存储于一可读取存储器中。该程序在执行时，执行包括上述各方法实施例的步骤；而前述的存储器(存储介质)包括：只读存储器(read-only memory，ROM)、RAM、快闪存储器、硬盘、固态硬盘、磁带(magnetic tape)、软盘(floppy disk)、光盘(optical disc)及其任意组合。
本申请实施例是参照根据本申请实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理单元以产生一个机器，使得通过计算机或其他可编程数据处理设备的处理单元执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中，使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品，该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上，使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理，从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
显然，本领域的技术人员可以对本申请实施例进行各种改动和变型而不脱离本申请的精神和范围。这样，倘若本申请实施例的这些修改和变型属于本申请权利要求及其等同技术的范围之内，则本申请也意图包含这些改动和变型在内。
在本申请中，术语“包括”及其变形可以指非限制性的包括；术语“或”及其变形可以指“和 /或”。本本申请中术语“第一”、“第二”等是用于区别类似的对象，而不必用于描述特定的顺序或先后次序。本申请中，“多个”是指两个或两个以上。“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。

Claims (18)

  1. 一种页面绘制的控制方法，其特征在于，包括：
    获取第一页面的绘制指令，所述绘制指令用于指示绘制所述第一页面，所述第一页面中包括第一控件，所述第一控件中包括至少一个子控件；
    若确定存在所述第一控件对应的图像，且所述第一控件和所述第一控件中的所有子控件未发生更新，则根据所述第一控件对应的图像绘制所述第一控件；
    若确定不存在所述第一控件对应的图像，或者所述第一控件或所述第一控件中的至少一个子控件发生更新，则生成所述第一控件对应的图像并绘制所述第一控件。
  2. 根据权利要求1所述的方法，其特征在于，所述根据所述第一控件对应的图像绘制所述第一控件，包括：
    生成所述图像对应的图像绘制命令；
    将所述第一控件的显示列表中绘制命令更新为所述图像绘制命令；
    根据更新后的所述第一控件的显示列表，绘制所述第一控件。
  3. 根据权利要求1或2所述的方法，其特征在于，所述生成所述第一控件对应的图像，包括：
    获取所述第一控件的属性信息，所述属性信息中包括第一控件的大小、第一控件中每个子控件的大小、第一控件中每个子控件在第一控件中的位置；
    根据所述属性信息和预设绘制函数，得到所述第一控件对应的图像。
  4. 根据权利要求1-3任一项所述的方法，其特征在于，所述生成所述第一控件对应的图像并绘制所述第一控件，包括：
    生成所述第一控件对应的图像，并根据生成的所述第一控件对应的图像绘制所述第一控件。
  5. 根据权利要求1-3任一项所述的方法，其特征在于，生成所述第一控件对应的图像并绘制所述第一控件，包括：
    生成所述第一控件对应的图像；
    获取所述第一控件的显示列表，所述显示列表中包括所述第一控件的绘制命令和所述第一控件中各子控件的绘制命令；
    根据所述显示列表，绘制所述第一控件。
  6. 根据权利要求1-5任一项所述的方法，其特征在于，
    确定所述第一控件和所述第一控件中的所有子控件未发生更新，包括：
    若所述第一控件的状态为第一状态，则确定所述第一控件和所述第一控件中的所有子控件未发生更新；
    确定所述第一控件或所述第一控件中的至少一个子控件发生更新，包括：
    若所述第一控件的状态为第二状态，则确定所述第一控件或所述第一控件中的至少一个子控件发生更新。
  7. 根据权利要求6所述的方法，其特征在于，所述方法还包括：
    在检测到所述第一控件或者所述第一控件中的至少一个子控件发生更新之后，将所述第一控件的状态设置为第二状态；
    所述生成所述第一控件对应的图像之后，还包括：
    将所述第一控件的状态设置为第一状态。
  8. 根据权利要求1-7任一项所述的方法，其特征在于，所述第一控件为视窗组控件，所述第一控件中的子控件为视窗控件。
  9. 一种电子设备，其特征在于，包括：存储器和处理器，所述处理器执行所述存储器中的程序指令，以使得所述电子设备执行如下步骤：
    获取第一页面的绘制指令，所述绘制指令用于指示绘制所述第一页面，所述第一页面中包括第一控件，所述第一控件中包括至少一个子控件；
    若确定存在所述第一控件对应的图像，且所述第一控件和所述第一控件中的所有子控件未发生更新，则根据所述第一控件对应的图像绘制所述第一控件；
    若确定不存在所述第一控件对应的图像，或者所述第一控件或所述第一控件中的至少一个子控件发生更新，则生成所述第一控件对应的图像并绘制所述第一控件。
  10. 根据权利要求9所述的电子设备，其特征在于，所述根据所述第一控件对应的图像绘制所述第一控件，包括：
    生成所述图像对应的图像绘制命令；
    将所述第一控件的显示列表中绘制命令更新为所述图像绘制命令；
    根据更新后的所述第一控件的显示列表，绘制所述第一控件。
  11. 根据权利要求9或10所述的电子设备，其特征在于，所述生成所述第一控件对应的图像，包括：
    获取所述第一控件的属性信息，所述属性信息中包括第一控件的大小、第一控件中每个子控件的大小、第一控件中每个子控件在第一控件中的位置；
    根据所述属性信息和预设绘制函数，得到所述第一控件对应的图像。
  12. 根据权利要求9-11任一项所述的电子设备，其特征在于，所述生成所述第一控件对应的图像并绘制所述第一控件：
    生成所述第一控件对应的图像，并根据生成的所述第一控件对应的图像绘制所述第一控件。
  13. 根据权利要求9-11任一项所述的电子设备，其特征在于，所述生成所述第一控件对应的图像并绘制所述第一控件：
    生成所述第一控件对应的图像；
    获取所述第一控件的显示列表，所述显示列表中包括所述第一控件的绘制命令和所述第一控件中各子控件的绘制命令；
    根据所述显示列表，绘制所述第一控件。
  14. 根据权利要求9-13任一项所述的电子设备，其特征在于，所述确定所述第一控件和所述第一控件中的所有子控件未发生更新，包括：
    若所述第一控件的状态为第一状态，则确定所述第一控件和所述第一控件中的所有子控件未发生更新；
    若所述第一控件的状态为第二状态，则确定所述第一控件或所述第一控件中的至少一个子控件发生更新。
  15. 根据权利要求14所述的电子设备，其特征在于，所述处理器还用于：
    在检测到所述第一控件或者所述第一控件中的子控件发生更新之后，将所述第一控件的状态设置为第二状态；
    并在生成所述第一控件对应的图像之后，将所述第一控件的状态设置为第一状态。
  16. 根据权利要求9-15任一项所述的电子设备，其特征在于，所述第一控件为视窗组控 件，所述第一控件中的子控件为视窗控件。
  17. 一种计算机可读非易失性存储介质，其特征在于，所述存储介质用于存储计算机程序，所述计算机程序被计算机或处理器执行时用于实现权利要求1-8任一项所述的页面绘制的控制方法。
  18. 一种计算机程序产品，其特征在于，所述计算机程序产品包括指令，当所述指令被执行时，使得计算机执行权利要求1-8任一项所述的页面绘制的控制方法。
PCT/CN2020/098250 2019-06-27 2020-06-24 页面绘制的控制方法、装置及设备 WO2020259623A1 (zh)

Priority Applications (3)

Application Number Priority Date Filing Date Title
US17/622,650 US20220358688A1 (en) 2019-06-27 2020-06-24 Page drawing control method, apparatus, and device
EP20833028.2A EP3968147A4 (en) 2019-06-27 2020-06-24 Page drawing control method, apparatus and device
JP2021576521A JP7460249B2 (ja) 2019-06-27 2020-06-24 ページ描画制御方法、装置およびデバイス

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201910569433.1A CN110515610B (zh) 2019-06-27 2019-06-27 页面绘制的控制方法、装置及设备
CN201910569433.1 2019-06-27

Publications (1)

Publication Number Publication Date
WO2020259623A1 true WO2020259623A1 (zh) 2020-12-30

Family

ID=68622268

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2020/098250 WO2020259623A1 (zh) 2019-06-27 2020-06-24 页面绘制的控制方法、装置及设备

Country Status (5)

Country Link
US (1) US20220358688A1 (zh)
EP (1) EP3968147A4 (zh)
JP (1) JP7460249B2 (zh)
CN (1) CN110515610B (zh)
WO (1) WO2020259623A1 (zh)

Families Citing this family (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN110515610B (zh) * 2019-06-27 2021-01-29 华为技术有限公司 页面绘制的控制方法、装置及设备
CN113132526B (zh) * 2019-12-31 2022-07-22 华为技术有限公司 一种页面绘制方法及相关装置
CN113918249B (zh) * 2021-09-14 2023-11-21 北京房江湖科技有限公司 一种背景模糊控件的实现方法及装置
CN118227238A (zh) * 2022-12-21 2024-06-21 华为技术有限公司 一种界面渲染方法及电子设备

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101216762A (zh) * 2007-12-29 2008-07-09 腾讯科技（深圳）有限公司 一种界面库架构方法
CN106033334A (zh) * 2015-03-11 2016-10-19 腾讯科技（深圳）有限公司 绘制界面元素的方法和装置
US20180158219A1 (en) * 2017-05-15 2018-06-07 Luis Javier Pagan Tracing canvas
CN110515610A (zh) * 2019-06-27 2019-11-29 华为技术有限公司 页面绘制的控制方法、装置及设备

Family Cites Families (11)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US6266056B1 (en) 1998-11-30 2001-07-24 Sun Microsystems, Inc. Display widget interaction in embedded systems using child graphics contexts
CN103959198B (zh) * 2011-11-30 2017-09-12 英特尔公司 降低3d工作负荷的功率
US20140253574A1 (en) * 2013-03-05 2014-09-11 Research In Motion Limited Development Environment For Capture Of Image Data From A Mobile Device
US9952642B2 (en) * 2014-09-29 2018-04-24 Apple Inc. Content dependent display variable refresh rate
CN105653281B (zh) * 2015-12-29 2019-09-17 青岛海信移动通信技术股份有限公司 一种在移动设备中进行截屏的方法和装置
CN108196920B (zh) * 2016-12-08 2020-01-03 武汉斗鱼网络科技有限公司 一种ui界面的显示处理方法及装置
US10679314B2 (en) * 2017-03-15 2020-06-09 Microsoft Technology Licensing, Llc Techniques for reducing perceptible delay in rendering graphics
CN108319484B (zh) * 2017-05-17 2021-07-09 腾讯科技（深圳）有限公司 一种应用页面的处理方法、装置及存储介质
CN107357644B (zh) * 2017-06-30 2018-10-16 腾讯科技（深圳）有限公司 应用程序处理方法、装置、存储介质和计算机设备
CN109117228A (zh) * 2018-08-01 2019-01-01 浙江口碑网络技术有限公司 图形界面的生成方法及装置
CN109388465A (zh) * 2018-09-29 2019-02-26 五八有限公司 视图控件的绘制方法、装置、计算机设备及可读存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101216762A (zh) * 2007-12-29 2008-07-09 腾讯科技（深圳）有限公司 一种界面库架构方法
CN106033334A (zh) * 2015-03-11 2016-10-19 腾讯科技（深圳）有限公司 绘制界面元素的方法和装置
US20180158219A1 (en) * 2017-05-15 2018-06-07 Luis Javier Pagan Tracing canvas
CN110515610A (zh) * 2019-06-27 2019-11-29 华为技术有限公司 页面绘制的控制方法、装置及设备

Non-Patent Citations (1)

* Cited by examiner, † Cited by third party
Title
See also references of EP3968147A4

Also Published As

Publication number Publication date
EP3968147A1 (en) 2022-03-16
EP3968147A4 (en) 2022-06-29
CN110515610A (zh) 2019-11-29
JP2022538110A (ja) 2022-08-31
US20220358688A1 (en) 2022-11-10
JP7460249B2 (ja) 2024-04-02
CN110515610B (zh) 2021-01-29

Similar Documents

Publication Publication Date Title
WO2020259623A1 (zh) 页面绘制的控制方法、装置及设备
WO2020192417A1 (zh) 图像渲染方法及装置、电子设备
WO2020244495A1 (zh) 一种投屏显示方法及电子设备
US10958850B2 (en) Electronic device and method for capturing image by using display
WO2021000807A1 (zh) 一种应用程序中等待场景的处理方法和装置
US9769382B2 (en) Method for enhancing noise characteristics of image and electronic device thereof
WO2020216156A1 (zh) 投屏方法和计算设备
WO2018048177A1 (ko) 전자 장치 및 복수의 영상을 처리하는 방법
WO2022100685A1 (zh) 一种绘制命令处理方法及其相关设备
US20150229849A1 (en) Photographing method of an electronic device and the electronic device thereof
US9508383B2 (en) Method for creating a content and electronic device thereof
WO2022033320A1 (zh) 蓝牙通信方法、终端设备及计算机可读存储介质
US20240069850A1 (en) Application Sharing Method, Electronic Device, and Storage Medium
WO2022001619A1 (zh) 一种截屏方法及电子设备
WO2021073183A1 (zh) 始终显示方法及移动设备
WO2021190314A1 (zh) 触控屏的滑动响应控制方法及装置、电子设备
WO2021170129A1 (zh) 一种位姿确定方法以及相关设备
WO2022135163A1 (zh) 一种投屏显示方法及电子设备
WO2023241209A9 (zh) 桌面壁纸配置方法、装置、电子设备及可读存储介质
WO2021027727A1 (zh) 信息传输的方法和电子设备
WO2018131852A1 (ko) 영상 통화를 수행하기 위한 전자 장치 및 컴퓨터 판독 가능한 기록매체
WO2021082911A1 (zh) 一种内容传输方法和终端设备
WO2023241558A1 (zh) 通信方法、通信系统和鼠标
WO2022111701A1 (zh) 投屏方法及系统
WO2022222780A1 (zh) 音频输出方法、媒体文件的录制方法以及电子设备

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 20833028

Country of ref document: EP

Kind code of ref document: A1

ENP Entry into the national phase

Ref document number: 2020833028

Country of ref document: EP

Effective date: 20211208

ENP Entry into the national phase

Ref document number: 2021576521

Country of ref document: JP

Kind code of ref document: A

NENP Non-entry into the national phase

Ref country code: DE