WO2014187248A1

WO2014187248A1 - Terminal user interface display method and terminal

Info

Publication number: WO2014187248A1
Application number: PCT/CN2014/077286
Authority: WO
Inventors: 陈少华; 张更
Original assignee: 中兴通讯股份有限公司
Priority date: 2013-12-13
Filing date: 2014-05-12
Publication date: 2014-11-27
Also published as: CN104717349A

Abstract

Disclosed in the present invention are a terminal user interface display method and a terminal, said method applying to the terminal and comprising: triggering a first user operation, used to initiate redrawing of the user interface; in response to said first user operation, entering interface adjustment mode and obtaining an interface layout file comprising a composite control; triggering a second user operation, used to initiate touch control of a first control in the redrawn user interface, thus placing said first control in an operable state; in response to said second user operation, and on the basis of said interface layout file comprising said composite control, determining whether said first control is a composite control; if the first control is not a composite control, then executing control stacking with respect to said first control so as to generate a new composite control, or performing a location update with respect to existing composite controls.

Description

Display method and terminal of terminal user interface

The present invention relates to display technologies, and in particular, to a terminal user interface display method and terminal. Background technique

In the process of implementing the technical solutions of the embodiments of the present application, at least the following technical problems exist in the prior art:

In recent years, the rapid development of smart phones and pad terminal products, more and more applications, has brought great convenience to our daily life and leisure. Such as the net, microblogging, maps and so on. And now the application is still increasing dramatically, the content displayed by the application interface is more and more colorful, and the application options provided by the application are more and more, which makes the mobile phone more intelligent and better served. People's daily lives. Controls are a variety of buttons, menus, tabs, etc. that interact directly with the user in the application. As the application is rich, more applications bring more controls that are bound to take up too much of the end user interface. The screen displays resources, which is not conducive to user operations. For this problem, there is no effective solution in the related technology. Summary of the invention

In view of this, the embodiment of the present invention is to provide a display method and a terminal of the terminal user interface, which can solve the problem of excessive screen display resources occupying the terminal user interface.

In order to solve the above problem, the technical solution of the embodiment of the present invention is implemented as follows: A display method of the terminal user interface is applied to the terminal, the terminal includes a touch display unit, and the touch display unit includes a display area. The display area is used to display a user interface, and the method includes: Triggering a first user operation, the first user operation is used to start a redrawing user interface; in response to the first user operation, entering an interface adjustment mode, acquiring an interface layout file including a composite control;

Triggering a second user operation, the second user operation is for touching the first control in the redrawed user interface, so that the first control is in a steerable state;

Responding to the second user operation, determining, according to the interface layout file that includes the composite control, whether the first control is a composite control, and if the first control is not a composite control, performing a control overlay on the first control To generate a new composite control, or perform a control overlay on the first control to update the existing composite control.

Preferably, the method further includes:

Each of the controls is separately bound to a monitor when the interface layout file including the composite control is acquired, and the listener is configured to monitor the second user operation.

Preferably, the method further includes: after triggering the second user operation, the listener monitors the second user operation, and acquires a control ID corresponding to the first control from the interface layout file including the composite control .

Preferably, in the interface layout file including the composite control, the composite control is composed of a composite control ID, composite control information, and a set of independent control information composed of common controls.

Preferably, the composite control ID includes a composite control flag flag, a normal control ID, and a number N of independent controls formed by common controls in the composite control;

The composite control information includes a size and a position of the composite control;

The independent control information includes: header information, common control information, and tail information. Preferably, the determining, according to the interface layout file that includes the composite control, whether the first control component is a composite control, includes:

Querying the interface layout file including the composite control, determining whether the control ID corresponding to the first control has the composite control flag, and if so, the first control is a composite control; Then, the first control is a normal control.

Preferably, the performing a control overlay on the first control to generate a new composite control includes:

Performing a touch operation on the first control, dragging the first control in a steerable state to a second control that is also displayed as a normal control on the user interface, and superimposing the control on the first control Release the touch operation;

Adding a composite control flag to the control ID corresponding to the second control, adding a number of existing independent controls to the control ID corresponding to the second control to generate a new composite control ID; The information of the control is used as the new composite control information; a set of independent control information is generated for the individual controls in the new composite control.

Preferably, the performing the control overlay on the first control to perform location update on the existing composite control comprises:

Performing a touch operation on the first control, dragging the first control in a steerable state to a composite control displayed on the existing interface of the user interface for superimposing the control, and releasing the touch on the first control Control operation

The coordinates of the first control when the touch operation is released are updated into the control information of the existing composite control, and the position adjustment of the existing composite control is completed.

A terminal, the terminal includes a touch display unit, the touch display unit includes a display area, the display area is used to display a user interface, and the terminal further includes:

a first triggering unit configured to trigger a first user operation, where the first user operation is used to initiate a redrawing user interface;

The first response unit is configured to, in response to the first user operation, enter an interface adjustment mode, and obtain an interface layout file including a composite control;

The second triggering unit is configured to trigger a second user operation, where the second user operation is used to touch the first control in the redrawed user interface, so that the first control is in a steerable state; The second response unit is configured to determine, according to the second user operation, whether the first control is a composite control according to the interface layout file including the composite control, and if the first control is not a composite control, The first control executes the control overlay to generate a new composite control, or performs a control overlay on the first control to update the existing composite control.

Preferably, the terminal further includes:

The listener binding unit is configured to respectively bind a listener for each control when the interface layout file including the composite control is acquired, and the listener is configured to monitor the second user operation.

Preferably, the terminal further includes:

And the acquiring unit, configured to trigger the second user operation, the listener listens to the second user operation, and obtains the control ID corresponding to the first control from the interface layout file that includes the composite control.

Preferably, in the interface layout file including the composite control, the composite control is composed of a composite control ID, composite control information, and a set of independent control information composed of common controls; wherein the composite control ID includes a composite control flag bit. Flag, normal control ID, the number of independent controls composed of common controls in the composite control N;

The independent control information includes: header information, common control information, and tail information. Preferably, the second response unit further includes:

The determining subunit is configured to query the interface layout file including the composite control, and determine whether the control ID corresponding to the first control has the composite control flag, and if yes, the first control is a composite control; otherwise, The first control is a normal control.

Preferably, the second response unit further includes:

a first processing sub-unit configured to perform a touch operation on the first control, dragging the first control in a steerable state to a second control that is also displayed as a normal control on the user interface Superimposing, releasing a touch operation on the first control; The control ID corresponding to the control is preceded by a composite control flag, and the number of existing independent controls is added after the control ID corresponding to the second control to generate a new composite control ID; the information of the second control is taken as new Composite control information; generates a set of independent control information for individual controls in a new composite control.

Preferably, the second response unit further includes:

a second processing sub-unit, configured to perform a touch operation on the first control, dragging the first control in a steerable state to a composite control displayed on the user interface, and superimposing the control, The first control performs a release touch operation; when the touch operation is released, the coordinates of the first control are updated into the control information of the existing composite control, and the existing composite control is completed. Position adjustment.

The first triggering unit, the first response unit, the second triggering unit, the second response unit, the interception binding unit, the obtaining unit, the determining subunit, and the first The processing sub-unit and the second processing sub-unit may perform central processing H (CPU, Central Processing Unit), digital signal processor (DSP, Digital Singnal Processor) or programmable logic array (FPGA, Field) when performing processing. - Programmable Gate Array) implementation.

The method of the embodiment of the present invention is applied to a terminal, the terminal includes a touch display unit, the touch display unit includes a display area, and the display area is used to display a user interface, and the method includes: triggering a first user operation The first user operation is used to start redrawing the user interface; in response to the first user operation, entering an interface adjustment mode, acquiring an interface layout file including a composite control; triggering a second user operation, the second user operation Touching the first control in the redrawing user interface to make the first control in a steerable state; and responding to the second user operation, determining, according to the interface layout file including the composite control, whether the first control is a composite control, if the first control is not a composite control, performing a control overlay on the first control to generate a new composite control, or performing a control overlay on the first control on an existing composite control Make a location update.

In the embodiment of the present invention, the redrawing user interface is started, and the interface adjustment mode is entered. The first control is touched in the redrawed user interface, so that the first control is in a steerable state, and it is determined whether the first control is a composite control, if the first control is not a composite control, performing a control overlay on the first control to generate a new composite control or performing a position update on an existing composite control, because the control is superimposed to a composite control The form is displayed in the user interface. Therefore, the number of controls displayed on the user interface is reduced, and more screen display resources can be improved, thereby solving the problem of excessive screen display resources occupying the terminal user interface. DRAWINGS

1 is a schematic flowchart of a method for implementing a method according to an embodiment of the present invention;

2 is a schematic structural diagram of a module according to an embodiment of the present invention;

3 is a schematic diagram of comparison of user interface adjustment to redraw adjustment according to an embodiment of the present invention; FIG. 4 is a schematic diagram of a layout of an independent control in a composite control according to an embodiment of the present invention;

FIG. 5 is a flowchart of superimposed display adjustment of a control according to an embodiment of the present invention. detailed description

The implementation of the technical solution will be further described in detail below with reference to the accompanying drawings.

For the display scheme of the terminal user interface, as more and more applications are applied, the content displayed by the interface is more and more colorful, and the application options provided by the application are more and more, and the control is directly used in the application. There are more and more buttons, menus, and option boxes that interact with users. And powerful applications require more controls. The problem with this is that: The controls on the screen display area of the terminal user interface will occupy a large amount of screen display resources, resulting in the screen display available on the terminal user interface in addition to the layout application interface and its controls. With fewer and fewer areas, there is less and less space for actually displaying useful information through the screen display area, and more controls reduce the user experience, which is not conducive to user operations. In order to solve this problem, the main methods that can be used are: 1) Using a large-screen mobile phone, but the screen size of the mobile phone is always limited, and it is impossible to expand indefinitely; 2) The layout of the application control is relatively reasonable. However, since the position of the control layout is distributed in various places, there is a case where one-handed operation is inconvenient.

In this way, it is necessary to find a way for the user to superimpose and display the control and move to the one-handed operation habit area, which will easily solve the above problems, greatly facilitating the user's use and improving the user experience satisfaction. At the same time, the user can also place the commonly used buttons in a convenient touch position according to their own usage habits, and also customize the personalized application interface according to their own aesthetics. An embodiment of the present invention is a method for displaying a terminal user interface according to an embodiment of the present invention. One application scenario is: a user interface display solution in which a control of a smart phone type terminal application is superimposed and displayed by a control, which is a The UI effect of the new terminal application control, there is no need to extend the screen of the mobile phone, and the position of the control layout is displayed in the form of a superposition of the control, also called a composite control, as long as the composite control is placed in a position convenient for the user to operate, Users can easily perform one-handed operations, and to some extent resolve the contradiction between more and more controls and limited display resources on the end user interface screen.

In the terminal of the embodiment of the present invention, the application program uses a layout file as a display basis, wherein the layout file defines the content and relative position information displayed by the application interface. In the embodiment of the invention, the superimposed display of the control is implemented in the form of a composite control, and the composite control is a new control generated by superimposing the original control. For conceptual differentiation, this article refers to the original control in the application as a normal control, and each control in the generated composite control is called a separate control.

The display method of the terminal user interface in the embodiment of the present invention, as shown in FIG. 1, includes the following steps:

Step 101: Trigger a first user operation, where the first user operation is used to start a redraw user interface. Step 102: In response to the first user operation, enter an interface adjustment mode, and obtain an interface layout file including a composite control.

Step 103: Trigger a second user operation, where the second user operation is used to touch the first control in the redrawed user interface, so that the first control is in a steerable state.

Step 104: In response to the second user operation, determining, according to the interface layout file that includes the composite control, whether the first control is a composite control, and if the first control is not a composite control, then the first control Performing a control overlay to generate a new composite control, or performing a control overlay on the first control to update the existing composite control.

Here, the first user operation is specifically a double-click event, and the second operation is specifically a long-press event, and the steerable state is specifically a floating or movable state. In a preferred embodiment of the present invention, the following content is included. :

1. Double-click the blank location area in the current application interface of the user interface to ask the user whether to enter the interface adjustment mode.

2. After entering the interface adjustment mode, obtain the layout file of the current interface, and bind the listener for each control;

3. Press and hold the control in the redraw interface. If the control is already a composite control, you can only move the composite control. If it is not a composite control, you can move the control to other controls to regenerate the composite control.

4. After releasing the control, regenerate the new composite control ID, recalculate the arrangement position of the controls in the composite control, and register the listener for the composite control.

5. After all adjustments have been made, save the latest layout file and exit the interface adjustment mode. It should be pointed out here that: the interface adjustment mode is a mode in which a user's personalized layout is generated by manually adjusting the layout file of the current interface. This mode will get a layout file with a composite control that recognizes the composite control ID and binds the listener to the composite control ID. At the same time, in order to restore the original interface of the application, When you enter the interface adjustment mode for the first time, you can also automatically generate a new layout file that is consistent with the original layout file content.

The composite control is different from the ordinary control, and is composed of a control composite ID, a composite control information, and a set of independent control information. The composite ID of the control is composed of the composite control flag (flag), the ID of the normal control, and the number N of independent controls in the composite control. When the system extracts the control ID, the flag is used to determine whether it is a composite control. The composite control information stores information such as the size and position of the composite control. The independent control information is composed of header information, common control information, and tail information. The independent control header information stores the frequency used by the independent control, and the tail information of the independent control stores the coordinate position of the independent control when the hash is displayed. Whenever you click on a separate control in a composite control, the head and tail information of the independent control must be dynamically updated, that is, the frequency of the information header corresponding to the independent control is increased once, and then whether the update is independent according to the latest usage frequency of the independent control. The tail information of the control.

The header information of the independent control needs to count the number of times the user uses the independent control. When the normal control is superimposed on the composite control for the first time, the number of times the control information is used is recorded as 0. Whenever the system listens to the click event of the independent control, the number of times of the current independent control is obtained, and the execution P is executed. =P+ 1 operation.

The tail information of the independent control needs to calculate the coordinate position of the independent control. First, the original coordinate value (Xo, Yo) in the composite control information is obtained, and the number N of independent controls is obtained by the composite control ID, and the maximum size in the independent control size is taken as the radius R. Then, the arrangement position (Xn, Yn) of the independent control whose frequency is ranked as n can be obtained by the following calculation formula.

Xn = ( Xo - R*cos ( 360*n/N ) )

Yn = ( Yo + R*sin ( 360*n/N ) )

The terminal of the embodiment of the present invention, as shown in FIG. 2, the terminal includes a touch display unit 11 , the touch display unit includes a display area, the display area is used to display a user interface, and the terminal further includes: The first triggering unit 12 is configured to trigger a first user operation, and the first user operation is used to start a redrawing user interface. The first response unit 13 is configured to enter the interface adjustment mode and obtain the response according to the first user operation. The second trigger unit 14 is configured to trigger a second user operation, and the second user operation is used to touch the first control in the redrawed user interface, so that the first control is in the The second response unit 15 is configured to, according to the second user operation, determine whether the first control is a composite control according to the interface layout file including the composite control, if the first control is not a composite The control performs a control overlay on the first control to generate a new composite control, or performs a control overlay on the first control to update the existing composite control.

The beneficial effects of the embodiments of the present invention are as follows:

In the embodiment of the present invention, in the application environment of the superimposed display of the control, the long press event of the monitoring control is used, and when a certain control is long pressed, the control can be extracted and dragged to realize the movement; when moving to another control, the two controls are It can be superimposed as a composite control. The UI effect that can be achieved is that the user can superimpose multiple controls on the screen to a position suitable for his own operation habit according to his own usage habits, which can save screen space and facilitate practical use.

The implementation of the technical solution is further described in detail below with reference to the accompanying drawings. The embodiments of the present invention are specifically described below in an application scenario.

In the present example, FIG. 3 is a schematic diagram of comparison between user interface adjustment and redraw adjustment according to an embodiment of the present invention. In FIG. 3, 3a is an effect before the control is merged, and 3b in FIG. 3 is a combined effect of the control, where A , B, C, D, E, F, G are the seven controls in the application. Because the user interface adjusts the existence of the three controls B, C, and D, the actual display area of the application becomes smaller, then B After the three controls, C, and D are combined with the control A to generate a composite control, the actual display area of the application will become larger after the user interface is adjusted. When the composite control is clicked, the effect of the arrangement of the independent controls in the composite control is as shown in FIG. 4, and the independent control is hashed around the composite control. In this application scenario, the hash distribution is circular, and other layout shapes may be used. , This The hash distribution is circular, which is both beautiful and user-friendly.

The user interface adjustment process superimposed by the control in this application scenario is shown in Figure 5, including the following steps:

Step 201: Launch the application and enter the application interface.

Here, you can see the various controls defined by the layout file on the phone screen.

Step 202: Double-click the blank space of the interface to enter the interface adjustment mode.

Here, double-click the blank space of the interface. After the system detects the double-click event, the system pops up a prompt box asking the user whether to perform the personalized setting interface. After the user determines, enter the interface adjustment mode. If the user chooses to cancel, return to the interface to perform normal operation of the application.

Step 203: Obtain a layout file of the current interface.

Here, the activity file provided by the android system captures the layout file of the current interface. The layout file is saved in the application's resource file. After obtaining the layout file, proceed to step 204.

Step 204: Check if the current interface has a backup layout file.

Here, the backup of the current layout file is mainly for subsequent recovery to the original interface of the application. When checking, directly search the ID of the layout file of the interface under the folder of the backup layout file under the application resource. If not, step 205 is performed, and if yes, the process proceeds to step 206.

S004: Back up the layout file of the current interface

Create a folder dedicated to the backup file in the application's resources. The folder is named layout_ backup, and then the layout file to be backed up is copied in. After the operation is completed, the process proceeds to step 206.

Step 206: Redraw the adjustment interface using the current layout file.

Here, the virtual interface of the current interface is redrawed as a layout file (ie, enters the personalized setting interface), and the user is provided with a menu button adjustment interface. Interface redraw process Same as the application interface display process. After the interface is redrawn, the process proceeds to step 207.

Step 207: Obtain control information of the adjustment interface, and bind the listener to the control.

Here, all the control information of the adjustment interface is extracted, and a long-press event listener is bound to each control, and the listener is used to process the adjustment operation of the control by the user, and then wait for the long-press control event of step 208 to be generated. Go to step 209.

Step 208: Press and hold the control.

Here, when it is necessary to adjust the position of a certain control, long press the control, the system listens to the user's long press operation, and obtains the information of the control, and then the control enters the state of step 209.

Step 209: The control enters a floating, movable state.

Here, the control is in a floating state on the interface, and the control can be dragged all the time in the floating state. Then proceed to step 210.

Step 210: Determine if the control is a composite control.

Here, whether there is a composite control flag (flag) in the control ID to determine whether it is a composite control. If it is a composite control, only the movement action can be performed at this time, and the superposition cannot be performed again. After the execution of the step 211 is completed, the process proceeds to step 212. If it is a normal control, the movement and the superimposing action can be performed, and after the user superimposes, the release control event of step 211 is executed, and then the process proceeds to step 213.

Step 211: Release the control.

Here, after dragging the composite control to the ideal position, the control can be released, and the process proceeds to step 212. Alternatively, the normal control can be dragged onto the control to be superimposed to release the control, and the process proceeds to step 213.

Step 212: Calculate the new location of the composite control.

Here, the coordinates (Xend, Yend) when the control is released are updated into the control information of the composite control to complete the position adjustment of the control. If it is necessary to continue to control the position of the control, step 208 is re-entered, and the step 214 may be awaited to exit the interface adjustment, and the process returns to step 201.

Step 213: Generate a composite control and register a listener for it.

Here, the flag of the composite control (flag) is added in front of the ID of the superimposed control, plus The number of existing independent controls generates the ID of the composite control; the information of the superimposed control is used as the composite control information; and a set of independent control information is generated for the independent control in the composite control. After completion, register the listener for the generated composite control, in response to the user's subsequent normal operation.

Step 214: Press the Back key to exit the interface adjustment mode.

Here, after adjusting the position of all the controls, press the phone back button to exit the interface adjustment mode, and save the new layout file as the interface for clicking the application later. Return to step 201.

Here, the effect of the arrangement of the individual controls in the composite control is shown in Figure 4. In Figure 4, A, B, C, and D are four independent controls. Figure 4 shows the expansion of A, B, C, and D into a composite control. Effect chart. These independent control hashes are distributed on a circle centered on the composite control and radiused by the largest dimension in the control's dimensions. Since most users touch A's location more conveniently, we default to the location where A is the first priority, and the most frequently used controls are placed in this location. The remaining controls are arranged clockwise in order of statistical frequency. In this example, the number of independent controls of the composite control should not be too much, and the arrangement is not limited to a circle, and may be other arrangements such as a rectangle.

The integrated modules described in the embodiments of the present invention may also be stored in a computer readable storage medium if they are implemented in the form of software functional modules and sold or used as separate products. Based on such understanding, the technical solution of the embodiments of the present invention may be embodied in the form of a software product in essence or in the form of a software product. The computer software product is stored in a storage medium and includes a plurality of instructions. A computer device (which may be a personal computer, server, or network device, etc.) is implemented to perform all or part of the methods described in various embodiments of the present invention. The foregoing storage medium includes: a USB flash drive, a removable hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, and the like. The medium of the code. Thus, the embodiment of the present invention is not limited Made from any specific combination of hardware and software.

Correspondingly, the embodiment of the present invention further provides a computer storage medium, wherein a computer program is stored, and the computer program is used to execute the display method of the terminal user interface in the embodiment of the present invention.

The above is only the preferred embodiment of the present invention and is not intended to limit the scope of the present invention. Industrial applicability

In the embodiment of the present invention, the redrawing user interface is started, and the interface adjustment mode is entered. The first control is touched in the redrawed user interface, so that the first control is in a steerable state, and it is determined whether the first control is a composite control, if the first control is not a composite control, performing a control overlay on the first control to generate a new composite control or performing a position update on an existing composite control, because the control is superimposed to a composite control The form is displayed in the user interface. Therefore, the number of controls displayed on the user interface is reduced, and more screen display resources can be improved, thereby solving the problem of excessive screen display resources occupying the terminal user interface.

Claims

claims

1. A terminal user interface display method, applied to a terminal, the terminal includes a touch display unit, the touch display unit includes a display area, the display area is used to display the user interface, the method includes:

Trigger a first user operation, the first user operation is used to start redrawing the user interface; In response to the first user operation, enter the interface adjustment mode, and obtain the interface layout file including the composite control;

Triggering a second user operation, the second user operation is used to touch the first control in the redrawn user interface, so that the first control is in a controllable state;

In response to the second user operation, determine whether the first control is a composite control according to the interface layout file including a composite control, and if the first control is not a composite control, perform control overlay on the first control To generate a new composite control, or perform control overlay on the first control to update the position of the existing composite control.

2. The method according to claim 1, wherein the method further includes:

When obtaining the interface layout file including the composite control, a listener is bound to each control respectively, and the listener is used to monitor the second user operation.

3. The method according to claim 2, wherein the method further includes: after triggering the second user operation, the listener listens to the second user operation, and obtains the information from the interface layout file including the composite control. Obtain the control ID corresponding to the first control.

4. The method according to claim 3, wherein in the interface layout file including a composite control, the composite control consists of a composite control ID, composite control information, and a group of independent control information composed of ordinary controls.

5. The method according to claim 4, wherein the composite control ID includes a composite control flag, a common control ID, and the number N of independent controls composed of common controls in the composite control; The composite control information includes the size and position of the composite control;

The independent control information includes: header information, common control information, and tail information.

6. The method according to claim 5, wherein the determining whether the first control is a composite control based on the interface layout file including a composite control includes:

Query the interface layout file including the composite control, and determine whether the control ID corresponding to the first control has the composite control flag. If so, the first control is a composite control; otherwise, the first control is Ordinary controls.

7. The method according to claim 5, wherein performing control superposition on the first control to generate a new composite control includes:

Perform a touch operation on the first control, drag the first control in a controllable state to a second control that is also displayed as an ordinary control on the user interface, and perform control overlay on the first control. Perform a release touch operation;

Add the composite control flag before the control ID corresponding to the second control, and add the number of existing independent controls after the control ID corresponding to the second control to generate a new composite control ID; The information of the control is used as the new composite control information; a set of independent control information is generated for the independent controls in the new composite control.

8. The method according to claim 5, wherein: performing control superposition on the first control to update the position of an existing composite control includes:

Perform a touch operation on the first control, drag the first control in a controllable state to an existing composite control displayed on the user interface for control overlay, and perform a release touch operation on the first control. control operation;

The coordinates of the first control when the touch release operation is performed are updated into the control information of the existing composite control, thereby completing the position adjustment of the existing composite control.

9. A terminal, the terminal includes a touch display unit, the touch display unit includes a display area, the display area is used to display a user interface, the terminal also includes: The first triggering unit is configured to trigger a first user operation, the first user operation being used to start redrawing the user interface;

The first response unit is configured to respond to the first user operation, enter the interface adjustment mode, and obtain the interface layout file including the composite control;

The second trigger unit is configured to trigger a second user operation, the second user operation is used to touch the first control in the redrawn user interface, so that the first control is in a controllable state; the second response unit, Configured to respond to the second user operation, determine whether the first control is a composite control according to the interface layout file including a composite control, and if the first control is not a composite control, perform execution on the first control Control overlay is used to generate a new composite control, or control overlay is performed on the first control to update the position of an existing composite control.

10. The terminal according to claim 9, wherein the terminal further includes:

The listening binding unit is configured to bind a listener to each control when the interface layout file including the composite control is obtained, and the listener is used to monitor the second user operation.

11. The terminal according to claim 10, wherein the terminal further includes:

The acquisition unit is configured to, after triggering the second user operation, the listener listens to the second user operation and obtains the control ID corresponding to the first control from the interface layout file including the composite control.

12. The terminal according to claim 11, wherein in the interface layout file including a composite control, the composite control consists of a composite control ID, composite control information, and a group of independent control information composed of ordinary controls; wherein,

The composite control ID includes the composite control flag flag, the common control ID, and the number N of independent controls composed of common controls in the composite control;

The composite control information includes the size and position of the composite control;

13. The terminal according to claim 12, wherein the second response unit further includes: The judgment subunit is configured to query the interface layout file including the composite control, and judge whether the control ID corresponding to the first control has the composite control flag. If so, the first control is a composite control; otherwise, The first control is an ordinary control.

14. The terminal according to claim 12, wherein the second response unit further includes: a first processing subunit configured to perform a touch operation on the first control, and change the controllable state to the first control unit. Drag the first control to the second control that is also displayed as a normal control on the user interface for control overlay, and perform a release touch operation on the first control; add before the control ID corresponding to the second control Composite control flag, add the number of existing independent controls to the control ID corresponding to the second control to generate a new composite control ID; use the information of the second control as the new composite control information; for the new Independent controls within a composite control generate a set of independent control information.

15. The terminal according to claim 12, wherein the second response unit further includes: a second processing subunit configured to perform a touch operation on the first control, and change the controllable state to Drag the first control to the existing composite control displayed on the user interface for control overlay, perform a release touch operation on the first control; and set the coordinates of the first control when the release touch operation is performed. Update the control information of the existing composite control to complete the position adjustment of the existing composite control.