Control configuration method and device and vehicle

Abstract

The invention provides a control configuration method and device and a vehicle, the method is applied to the technical field of vehicles, the method is executed by a vehicle machine system, and the method comprises the steps that in response to a configuration instruction for a target control, a user interface effect picture of the target control of the vehicle machine system is obtained, and the area of the target control comprises a visible area and a clickable area; determining first attribute information of the visible area and second attribute information of the clickable area according to the user interface effect picture; according to a preset control configuration template, the first attribute information of the visible area and the second attribute information of the clickable area, a target control is configured in the vehicle machine system, and the control configuration template is a template for independently setting the visible area and the clickable area; initial attribute information of the visible area and the clickable area is predefined in the control configuration template. According to the method, the workload of developers can be reduced, and the configuration efficiency of the target control is improved.

Description

Technical Field

[0001] The present application relates to the technical field of vehicles, and more specifically, to a control configuration method, device, and vehicle in the technical field of vehicles. Background Art

[0002] With the continuous development of automotive technologies, the in-vehicle infotainment system (i.e., the car machine system) has become a key part in enhancing the driving experience and driving safety. Currently, in order to improve the visual effect of buttons in the car machine system, that is, to make the visible area of a button larger than its clickable area, developers usually set two views for the visible area and the clickable area of the button during the design phase, and add click events to the clickable area on the button to complete the configuration of the button. However, there are generally multiple such buttons in the car machine system. Therefore, developers need to write code for each button separately, resulting in a large workload for developers and low configuration efficiency of the buttons.

[0003] Therefore, how to reduce the workload of developers to improve the configuration efficiency of buttons is an urgent problem to be solved currently. Summary of the Invention

[0004] The present application provides a control configuration method, device, and vehicle, and this method can reduce the workload of developers and improve the configuration efficiency of buttons.

[0005] In a first aspect, a control configuration method is provided. This method is executed by the car machine system, and the method includes: obtaining a user interface effect diagram of a target control of the car machine system, where the area of the target control includes a visible area and a clickable area; determining first attribute information of the visible area and second attribute information of the clickable area according to the user interface effect diagram; configuring the target control in the car machine system according to a preset control configuration template, the first attribute information of the visible area, and the second attribute information of the clickable area, where the control configuration template is a template for separately setting the visible area and the clickable area, and initial attribute information of the visible area and the clickable area is predefined in the control configuration template.

[0006] In the above technical solution, it is possible to respond to a configuration instruction for a target control, obtain a user interface effect diagram of the target control, where the area of the target control includes a visible area and a clickable area, and determine first attribute information of the visible area and second attribute information of the clickable area according to the target user interface effect diagram. Finally, according to a preset control configuration template, the first attribute information of the visible area, and the second attribute information of the clickable area, the configuration of the target control is completed in the vehicle-mounted system. Since the control configuration template is a template for separately setting the visible area and the clickable area, and the initial attribute information of the visible area and the clickable area is predefined in the control configuration template, when it is necessary to configure a target control in the vehicle-mounted system, the vehicle-mounted system can separately set the visible area and the clickable area for each target control based on the control configuration template (i.e., the predefined initial attribute information of the visible area and the clickable area), the first attribute information of the visible area, and the second attribute information of the clickable area, so as to complete the configuration of the target control in the vehicle-mounted system. That is, when it is necessary to configure a target control in the vehicle-mounted system, the configuration of the target control is performed on the basis of an existing control configuration template (i.e., on the basis of the initial attribute information of the visible area and the clickable area). Therefore, it is not necessary for developers to rewrite the code for the visible area and the clickable area of each target control, thereby reducing the workload of developers and improving the configuration efficiency of the target control.

[0007] Combined with the first aspect and the above implementation manner, in some possible implementation manners, the control configuration template defines first initial attribute information of the visible area and second initial attribute information of the clickable area; configuring a target control in the vehicle-mounted system according to a preset control configuration template, the first attribute information of the visible area, and the second attribute information of the clickable area includes: adjusting the first initial attribute information of the visible area according to the first attribute information of the visible area, and adjusting the second initial attribute information of the clickable area according to the second attribute information of the clickable area, to obtain adjusted first initial attribute information and adjusted second initial attribute information; configuring the target control in the vehicle-mounted system according to the adjusted first initial attribute information and the adjusted second initial attribute information.

[0008] Combined with the first aspect and the above implementation manners, in some possible implementation manners, the first attribute information includes the color information and size information of the visible area; the second attribute information includes the color information, size information, text information, position information of the clickable area relative to the visible area, and interaction event information of the clickable area, and the interaction event information is used to define the behavior of triggering the target control; adjusting the first initial attribute information of the visible area according to the first attribute information of the visible area, and adjusting the second initial attribute information of the clickable area according to the second attribute information of the clickable area, to obtain the adjusted first initial attribute information and the adjusted second initial attribute information, including: adjusting the first initial color information of the visible area according to the color information of the visible area, and adjusting the first initial size information of the visible area according to the size information of the visible area, to obtain the adjusted first initial color information and the adjusted first initial size information; adjusting the second initial color information of the clickable area according to the color information of the clickable area, adjusting the second initial size information of the clickable area according to the size information of the clickable area, adjusting the initial text information of the clickable area according to the text information of the clickable area, adjusting the initial relative position information of the clickable area according to the relative position information of the clickable area, and adjusting the initial interaction event information of the clickable area according to the interaction event information of the clickable area, to obtain the adjusted second initial color information, the adjusted second initial size information, the adjusted initial text information, the adjusted initial relative position information, and the adjusted initial interaction event information.

[0009] Combined with the first aspect and the above implementation manners, in some possible implementation manners, the second attribute information further includes the interactive animation effect information and icon position information of the clickable area, the interactive animation effect information is used to define the display effect after the clickable area is clicked, and the icon position information is used to define the position information of the icon relative to the clickable area; adjusting the second initial attribute information of the clickable area according to the second attribute information of the clickable area, to obtain the adjusted second initial attribute information, further including: adjusting the initial interactive animation effect information of the clickable area according to the interactive animation effect information of the clickable area, and adjusting the initial icon position information of the clickable area according to the icon position information, to obtain the adjusted initial interactive animation effect information and the adjusted initial icon position information.

[0010] In the above technical solution, the second attribute information of the clickable area may further include the interactive animation effect information and icon position information of the clickable area, so as to ensure that according to the preset control configuration template, the first attribute information of the visible area, and the second attribute information of the clickable area, the display effect of the target control configured in the vehicle-mounted system meets the design requirements, that is, to ensure that the display effect of the target control configured in the vehicle-mounted system is consistent with the user interface effect of the target control Figure 1 consistent.

[0011] Combined with the first aspect and the above implementation manners, in some possible implementation manners, configuring a target control in the in-vehicle system according to the adjusted first initial attribute information and the adjusted second initial attribute information includes: applying the adjusted first initial attribute information and the adjusted second initial attribute information to the front-end code of the in-vehicle system, so that the visible area and the clickable area are respectively rendered according to the adjusted first initial attribute information and the adjusted second initial attribute information.

[0012] Combined with the first aspect and the above implementation manners, in some possible implementation manners, determining the first attribute information of the visible area and the second attribute information of the clickable area according to the user interface effect diagram includes: obtaining the design file of the user interface effect diagram; parsing the design file and reading the first attribute information of the visible area and the second attribute information of the clickable area.

[0013] In the above technical solution, the design file of the user interface effect diagram can be obtained and parsed, so that the first attribute information of the visible area and the second attribute information of the clickable area can be read from the parsed design file. Since the first attribute information of the visible area and the second attribute information of the clickable area are obtained through the design file of the user interface effect diagram, the accuracy of the first attribute information and the second attribute information can be ensured, thereby improving the consistency between the display effect of the target control configured in the in-vehicle system and the user interface effect diagram of the target control.

[0014] Combined with the first aspect and the above implementation manners, in some possible implementation manners, before obtaining the user interface effect diagram of the target control in the in-vehicle system, the method further includes: responding to an instruction to create a control configuration template, determining a control layout container, where the control layout container is a custom container; adding the predefined first initial attribute information of the visible area and the second initial attribute information of the clickable area to the control layout container to form a control configuration template.

[0015] Combined with the first aspect and the above implementation manners, in some possible implementation manners, after configuring the target control in the in-vehicle system, the method further includes: responding to a verification instruction for the target control, obtaining a pre-written automated test script; verifying whether the display effect of the target control meets the design requirements according to the automated test script; in the case where the display effect of the target control does not meet the design requirements, determining abnormal information; re-adjusting the first initial attribute information and / or the second initial attribute information according to the abnormal information.

[0016] In the above technical solution, after configuring the target control in the in-vehicle system, in response to a verification instruction for the target control, a pre-written automated test script can be obtained, and according to this automated test script, it can be verified whether the display effect of the target control meets the design requirements. So, in the case where the display effect of the target control does not meet the design requirements, abnormal information can be determined, and based on this abnormal information, the first initial attribute information of the visible area and / or the second initial attribute information of the clickable area can be readjusted to avoid the display effect of the target control configured in the in-vehicle system not meeting the design requirements.

[0017] In a second aspect, a control configuration device is provided. This device is executed by the in-vehicle system and includes:

[0018] An acquisition module, configured to obtain a user interface effect diagram of the target control in response to a configuration instruction for the target control. The area of the target control includes a visible area and a clickable area;

[0019] A determination module, configured to determine the first attribute information of the visible area and the second attribute information of the clickable area according to the user interface effect diagram;

[0020] A configuration module, configured to configure the target control in the in-vehicle system according to a preset control configuration template, the first attribute information of the visible area, and the second attribute information of the clickable area. And the initial attribute information of the visible area and the clickable area is predefined in the control configuration template.

[0021] Combining the second aspect and the above implementation, in some possible implementation manners, the first initial attribute information of the visible area and the second initial attribute information of the clickable area are defined in the control configuration template; the device further includes an adjustment module, configured to adjust the first initial attribute information of the visible area according to the first attribute information of the visible area, and adjust the second initial attribute information of the clickable area according to the second attribute information of the clickable area to obtain the adjusted first initial attribute information and the adjusted second initial attribute information; the configuration module is specifically configured to configure the target control in the in-vehicle system according to the adjusted first initial attribute information and the adjusted second initial attribute information.

[0022] Combined with the second aspect and the above implementation manners, in some possible implementation manners, the first attribute information includes the color information and size information of the visible area; the second attribute information includes the color information, size information, text information, the position information of the clickable area relative to the visible area, and the interaction event information of the clickable area, and the interaction event information is used to define the behavior of triggering the target control; the adjustment module is specifically configured to adjust the first initial color information of the visible area according to the color information of the visible area, adjust the first initial size information of the visible area according to the size information of the visible area, and obtain the adjusted first initial color information and the adjusted first initial size information; adjust the second initial color information of the clickable area according to the color information of the clickable area, adjust the second initial size information of the clickable area according to the size information of the clickable area, adjust the initial text information of the clickable area according to the text information of the clickable area, adjust the initial relative position information of the clickable area according to the relative position information of the clickable area, and adjust the initial interaction event information of the clickable area according to the interaction event information of the clickable area, and obtain the adjusted second initial color information, the adjusted second initial size information, the adjusted initial text information, the adjusted initial relative position information, and the adjusted initial interaction event information.

[0023] Combined with the second aspect and the above implementation manners, in some possible implementation manners, the second attribute information further includes the interactive animation effect information and the icon position information of the clickable area, the interactive animation effect information is used to define the display effect after the clickable area is clicked, and the icon position information is used to define the position information of the icon relative to the clickable area; the adjustment module is specifically further configured to adjust the initial interactive animation effect information of the clickable area according to the interactive animation effect information of the clickable area, and adjust the initial icon position information of the clickable area according to the icon position information, and obtain the adjusted initial interactive animation effect information and the adjusted initial icon position information.

[0024] Combined with the second aspect and the above implementation manners, in some possible implementation manners, the configuration module is specifically configured to apply the adjusted first initial attribute information and the adjusted second initial attribute information to the front-end code of the vehicle-mounted system, so that the visible area and the clickable area are respectively rendered according to the adjusted first initial attribute information and the adjusted second initial attribute information.

[0025] Combined with the second aspect and the above implementation manners, in some possible implementation manners, the acquisition module is further configured to acquire the design file of the user interface effect diagram; the determination module is specifically configured to parse the design file and read the first attribute information of the visible area and the second attribute information of the clickable area.

[0026] Combined with the second aspect and the above implementation manners, in some possible implementation manners, the determination module is further configured to, before obtaining the user interface effect diagram of the target control of the in-vehicle system, in response to an instruction to create a control configuration template, determine a control layout container, where the control layout container is a custom container; the apparatus further includes a creation module, configured to add first initial attribute information of a predefined visual area and second initial attribute information of a clickable area into the control layout container to form a control configuration template.

[0027] Combined with the second aspect and the above implementation manners, in some possible implementation manners, the obtaining module is further configured to, in response to a verification instruction for the target control, obtain a pre-written automated test script; the apparatus further includes a verification module, configured to verify whether the display effect of the target control meets the design requirements according to the automated test script; in a case where the display effect of the target control does not meet the design requirements, determine exception information; the configuration module is further configured to readjust the first initial attribute information and / or the second initial attribute information according to the exception information.

[0028] In a third aspect, a vehicle is provided, including a memory and a processor. The memory is used to store executable program code, and the processor is used to call and run the executable program code from the memory, so that the vehicle executes the control configuration method in the first aspect or any possible implementation manner of the first aspect.

[0029] In a fourth aspect, a computer program product is provided, including: computer program code, when the computer program code runs on a computer, enabling the computer to execute the control configuration method in the first aspect or any possible implementation manner of the first aspect.

[0030] In a fifth aspect, a computer-readable storage medium is provided, storing computer program code, when the computer program code runs on a computer, enabling the computer to execute the control configuration method in the first aspect or any possible implementation manner of the first aspect. Description of the Drawings

[0031] Figure 1 is a schematic diagram of the display effect of a button provided by an embodiment of the present application;

[0032] Figure 2 is a schematic flowchart of a control configuration method provided by an embodiment of the present application;

[0033] Figure 3 is a schematic flowchart of another control configuration method provided by an embodiment of the present application;

[0034] Figure 4It is a schematic structural diagram of a control configuration device provided by an embodiment of the present application;

[0035] Figure 5 It is a schematic structural diagram of a vehicle provided by an embodiment of the present application. Detailed implementation manners

[0036] Next, the technical solutions in the present application will be clearly and elaborately described in conjunction with the accompanying drawings. Among them, in the description of the embodiments of the present application, unless otherwise specified, " / " means "or". For example, A / B may represent A or B. The "and / or" in the text is only a description of the association relationship between associated objects, indicating that there can be three relationships. For example, A and / or B may represent: A exists alone, A and B exist simultaneously, and B exists alone. In addition, in the description of the embodiments of the present application, "a plurality of" means two or more than two.

[0037] Hereinafter, the terms "first" and "second" are only used for descriptive purposes and cannot be construed as implying or suggesting relative importance or implicitly indicating the quantity of the indicated technical features. Thus, the features defined with "first" and "second" may explicitly or implicitly include one or more of such features.

[0038] With the continuous development of automotive technology, the in-vehicle infotainment system (i.e., the car machine system) has become a key part of enhancing the driving experience and driving safety. Currently, in order to improve the visual effect of the buttons in the car machine system, that is, to make the visible area of the button larger than the clickable area of the button (exemplarily, as Figure 1 shown, the button area 100 includes a visible area 101 and a clickable area 102, and the visible area 101 is larger than the clickable area 102), developers usually set two views of the visible area of the button and the clickable area of the button during the design phase, and add click events to the clickable area on the button to complete the configuration of the button. However, there are generally multiple such buttons in the car machine system. Therefore, developers need to write code for each button separately, resulting in a large workload for developers and low configuration efficiency of the buttons.

[0039] Therefore, how to reduce the workload of developers to improve the configuration efficiency of buttons is an urgent problem to be solved currently.

[0040] Based on the above problems, the present application provides a control configuration method, device, and vehicle, which can reduce the workload of developers and improve the configuration efficiency of buttons.

[0041] Figure 2 It is a schematic flowchart of a control configuration method provided by an embodiment of the present application.

[0042] Exemplarily, as Figure 2As shown, taking the in-vehicle system as the execution subject as an example, the method 200 includes the following steps 201 to step 203.

[0043] Step 201, in response to a configuration instruction for a target control, obtain a user interface effect diagram of the target control, where the area of the target control includes a visible area and a clickable area.

[0044] Among them, the target control refers to an interactive element or component used to implement a specific function in the in-vehicle system. The target control can be any interface element or component that a user can directly operate to trigger an action or obtain information, such as a button, slider, switch, menu item, etc. For example, the target control can be the "Start Navigation" button of the in-vehicle navigation system, the volume adjustment slider, or the "Play / Pause" button of the music player, etc., and the embodiments of the present application do not limit this.

[0045] The visible area refers to the range of the control that the user can see, that is, the actual range where the target control is displayed on the in-vehicle display screen; the clickable area refers to the effective range that can respond to the user's swipe, click, or other interaction events.

[0046] It can be understood that the user interface effect diagram of the target control is a visual representation created by a designer based on market requirements and user experience principles, showing the appearance, layout, and interaction animation of the target control in the in-vehicle system. It is not limited to static images and may also include animations or interactive prototypes to more comprehensively display the display effect of the target control.

[0047] In a possible implementation manner, the user interface effect diagram of the target control can be obtained through a design collaboration platform, such as Figma, Zeplin, InVision, etc., and the embodiments of the present application do not limit this.

[0048] Step 202, determine the first attribute information of the visible area and the second attribute information of the clickable area according to the user interface effect diagram.

[0049] In a possible implementation manner, the first attribute information of the visible area includes the color information and size information of the visible area; the second attribute information of the clickable area includes the color information, size information, text information, position information of the clickable area relative to the visible area, and interaction event information, and the interaction event information is used to define the behavior of triggering the target control.

[0050] Among them, the color information refers to the color attribute of each pixel point in the visible area and the clickable area, usually represented by specific color values, such as hexadecimal code (#FFFFFF), RGB values (numerical combinations of the three primary colors of red, green, and blue), or HSL values (hue, saturation, brightness), etc.

[0051] The size information refers to the resolution of the visible area and the clickable area. Among them, the resolution refers to the number of pixels in the horizontal and vertical directions in the visible area and the clickable area, usually expressed as width × height (for example, 1920×1080).

[0052] The text information refers to the text content displayed within the clickable area, which is used to represent the function or purpose of the target control, such as "Memory Parking" or "Continue Parking", etc.

[0053] The position information of the clickable area relative to the visible area refers to the position of the clickable area within the visible area, usually represented by coordinates (X, Y).

[0054] The interaction event information is used to define the behavior that triggers the target control, that is, the interaction event information defines the behavior triggered when the user interacts with the clickable area. For example, click, slide, or long press, etc.

[0055] In one possible implementation, the design file of the user interface effect diagram can be obtained and parsed to read the first attribute information of the visible area and the second attribute information of the clickable area in the design file.

[0056] Among them, the design file of the user interface effect diagram refers to a graphic file created by a designer to display the appearance, interaction method, and interactive animation effect of the target control. The first attribute information of the visible area and the second attribute information of the clickable area of the target control are detailedly recorded in this file.

[0057] Optionally, the design file of the user interface effect diagram can be directly obtained from the designer, or can be obtained through an online collaboration platform, such as Figma, Zeplin, InVision, etc. The embodiments of this application do not make limitations on this.

[0058] In one possible implementation, after obtaining the design file of the user interface effect diagram, the design file can be parsed by the native design tool used by the designer, such as Sketch, Adobe XD, etc.

[0059] Furthermore, after obtaining the parsed design file, the first attribute information of the visible area and the second attribute information of the clickable area in the design file can be directly read through the Figma API or Adobe XDPlugin, etc.

[0060] In another possible implementation, after obtaining the user interface rendering of the target control, the first attribute information of the visible area and the second attribute information of the clickable area of the target control can also be obtained by identifying the user interface rendering through computer vision algorithms (e.g., OpenCV), optical character recognition (OCR), and deep learning models (e.g., convolutional neural networks (CNNs)).

[0061] Step 203: Configure the target control in the in-vehicle system according to a preset control configuration template, the first attribute information of the visible area, and the second attribute information of the clickable area. The control configuration template is a template for separately setting the visible area and the clickable area, and the initial attribute information of the visible area and the clickable area is predefined in the control configuration template.

[0062] It should be noted that the control configuration template is pre-created by developers and saved in the front-end framework. For example, it is saved in frameworks such as React, Vue.js, or Angular. These frameworks usually have a centralized management location to store shared components and configuration templates, such as the components or templates directory.

[0063] Among them, the control configuration template is a template for separately setting the visible area and the clickable area. It can be understood that when configuring the target control in the in-vehicle system, the in-vehicle system can separately define and manage the attributes of the visible area and the clickable area, that is, the visible area and the clickable area can be separated, decoupling the code structures of the two, reducing the code complexity, enabling the in-vehicle system to flexibly configure the visible area and the clickable area of the target control, and reducing the risk of global impact.

[0064] Specifically, after obtaining the first attribute information of the visible area and the second attribute information of the clickable area based on the user interface rendering, the in-vehicle system can configure the target control in the in-vehicle system according to the preset control configuration template (i.e., the predefined initial attribute information of the visible area and the clickable area), the first attribute information of the visible area, and the second attribute information of the clickable area.

[0065] The process of configuring the target control in the in-vehicle system is introduced in detail below.

[0066] It can be understood that developers have predefined the first initial attribute information of the visible area and the second initial attribute information of the clickable area in the control configuration template in advance. So that after the vehicle-mounted system obtains the first attribute information of the visible area and the second attribute information of the clickable area, it can directly adjust the first initial attribute information of the visible area according to the first attribute information of the visible area, and adjust the second initial attribute information of the clickable area according to the second attribute information of the clickable area, so as to obtain the adjusted first initial attribute information and the adjusted second initial attribute information. Finally, according to the adjusted first initial attribute information and the adjusted second initial attribute information, the target control is configured in the vehicle-mounted system.

[0067] It can be understood that the adjusted first initial attribute information and the adjusted second initial attribute information are the same as the first attribute information of the visible area and the second attribute information of the clickable area respectively. Different from the prior art, in the embodiment of the present application, after obtaining the first attribute information of the visible area and the second attribute information of the clickable area, developers do not need to rewrite the code for the target control based on the obtained first attribute information of the visible area and the second attribute information of the clickable area. Instead, they can directly call the code predefined in the control configuration template, that is, the code corresponding to the first initial attribute information of the visible area and the second initial attribute information of the clickable area, and modify the called code based on the first attribute information of the visible area and the second attribute information of the clickable area to complete the configuration of the target control in the vehicle-mounted system. That is, when it is necessary to configure the target control in the vehicle-mounted system, the configuration of the target control is carried out on the basis of the existing control configuration template (that is, on the basis of the initial attribute information of the visible area and the clickable area), without the need for developers to rewrite the code for the visible area and the clickable area of each target control, thus reducing the workload of developers and improving the configuration efficiency of the target control.

[0068] As can be seen from the above embodiments, the first attribute information may include the color information and size information of the visible area; the second attribute information may include the color information, size information, text information, the position information of the clickable area relative to the visible area, and the interaction event information. That is, in a possible implementation manner, the first initial attribute information of the visible area is adjusted according to the first attribute information of the visible area, and the second initial attribute information of the clickable area is adjusted according to the second attribute information of the clickable area, to obtain the adjusted first initial attribute information and the adjusted second initial attribute information, including: adjusting the first initial color information of the visible area according to the color information of the visible area, and adjusting the first initial size information of the visible area according to the size information of the visible area, so as to obtain the adjusted first initial color information and the adjusted first initial size information respectively; adjusting the second initial color information of the clickable area according to the color information of the clickable area, adjusting the second initial size information of the clickable area according to the size information of the clickable area, adjusting the initial text information of the clickable area according to the text information of the clickable area, adjusting the initial relative position information of the clickable area according to the relative position information of the clickable area, and adjusting the initial interaction event information of the clickable area according to the interaction event information of the clickable area, so as to obtain the adjusted second initial color information, the adjusted second initial size information, the adjusted initial text information, the adjusted initial relative position information, and the adjusted initial interaction event information respectively.

[0069] It should be noted that adjusting the first initial color information and the first initial size information of the visible area, the second initial color information, the second initial size information, the initial text information, the initial relative position information, and the initial interaction event information of the clickable area can be understood as adjusting the first initial color information and the first initial size information of the visible area to be the same as the color information and the initial size information of the visible area respectively, and adjusting the second initial color information, the second initial size information, the initial text information, the initial relative position information, and the initial interaction event information of the clickable area to be the same as the color information, the size information, the text information, the relative position information, and the interaction event information of the clickable area respectively.

[0070] For example, when the first initial size information of the visible area is 1200×1080 and the size information of the visible area of the target control is 1310×1000, the first initial size information 1200×1080 will be adjusted to 1310×1000 at this time, that is, the adjusted first initial size information is 1310×1000.

[0071] It should be noted that, in order to enrich the interaction between the user and the target control and facilitate the user's understanding and use of the target control, the designer may also design interaction animations and icons for the target control, that is, there may be interaction animations and icons designed on the clickable area of the target control. That is, in a possible implementation manner, the second attribute information on the clickable area may further include the interaction animation effect information of the clickable area and the icon position information. Among them, the interaction animation effect information is used to define the display effect after the clickable area is clicked, and the icon position information is used to define the position of the icon relative to the clickable area. Correspondingly, in a possible implementation manner, adjusting the second initial attribute information of the clickable area according to the second attribute information of the clickable area to obtain the adjusted second initial attribute information further includes: adjusting the initial interaction animation effect information of the clickable area according to the interaction animation effect information of the clickable area, and adjusting the initial icon position information of the clickable area according to the icon position information, to obtain the adjusted initial interaction animation effect information and the adjusted initial icon position information.

[0072] Among them, the interaction animation effect information is used to define the display effect after the clickable area is clicked. It can be understood that the interaction animation effect information is used to define how the appearance of the area changes when the user interacts with the clickable area. The appearance change of the clickable area usually includes visual changes (such as color, size, transparency, etc.) and temporal transition effects (such as fade-in / fade-out, zoom, rotation, etc.); the position information of the icon relative to the clickable area refers to the position of the icon in the clickable area, usually represented by coordinates (X, Y).

[0073] It can be understood that the implementation manner of adjusting the initial interaction animation effect information and the initial icon position information of the clickable area is the same as that of adjusting the first initial color information, the first initial size information of the visible area, and the second initial color information of the clickable area in the above embodiments. For details, please refer to the above embodiments and will not be elaborated here.

[0074] In a possible implementation manner, after obtaining the adjusted first initial attribute information (i.e., the adjusted first initial color information and the first initial size information) and the adjusted second initial attribute information (i.e., the adjusted second initial color information, the second initial size information, the initial text information, the initial relative position information, the initial interaction event information, the initial interaction animation effect information, and the initial icon position information), the target control can be configured in the vehicle-mounted system according to the adjusted first initial attribute information and the adjusted second initial attribute information.

[0075] Specifically, the adjusted first initial attribute information and the adjusted second initial attribute information can be applied to the front-end code of the in-vehicle system, so that the visible area and the clickable area are rendered according to the adjusted first initial attribute information and the adjusted second initial attribute information respectively.

[0076] It should be noted that since the first initial attribute information of the visible area and the second initial attribute information of the clickable area are predefined in the control configuration template, after determining the first attribute information of the visible area and the second attribute information of the clickable area, developers do not need to rewrite the code for the target control based on the obtained first attribute information of the visible area and the second attribute information of the clickable area. Instead, the in-vehicle system directly calls the code corresponding to the first initial attribute information of the visible area and the second initial attribute information of the clickable area in the control configuration template, modifies the called code based on the first attribute information of the visible area and the second attribute information of the clickable area, obtains the modified code, and applies the modified code to the front-end code of the in-vehicle system, so that the visible area and the clickable area are rendered according to the adjusted first initial attribute information and the adjusted second initial attribute information respectively, reducing the workload of developers and improving the configuration efficiency of the target control.

[0077] In summary, a control configuration method provided by an embodiment of the present application can respond to a configuration instruction for a target control, obtain a user interface effect diagram of the target control, the area of the target control includes a visible area and a clickable area, determine the first attribute information of the visible area and the second attribute information of the clickable area according to the target user interface effect diagram, and finally complete the configuration of the target control in the in-vehicle system according to a preset control configuration template, the first attribute information of the visible area, and the second attribute information of the clickable area. Since the control configuration template is a template for separately setting the visible area and the clickable area, and the initial attribute information of the visible area and the clickable area is predefined in the control configuration template, when it is necessary to configure a target control in the in-vehicle system, the in-vehicle system can separately set the visible area and the clickable area for each target control based on the control configuration template (i.e., the predefined initial attribute information of the visible area and the clickable area), the first attribute information of the visible area, and the second attribute information of the clickable area, so as to complete the configuration of the target control in the in-vehicle system. That is, when it is necessary to configure a target control in the in-vehicle system, the configuration of the target control is performed on the basis of an existing control configuration template (i.e., on the basis of the initial attribute information of the visible area and the clickable area), so developers do not need to rewrite the code for the visible area and the clickable area of each target control, thereby reducing the workload of developers and improving the configuration efficiency of the target control.

[0078] Figure 3It is a schematic flowchart of another control configuration method provided by an embodiment of the present application.

[0079] Exemplarily, as Figure 3 shown, taking the vehicle-mounted system as the execution subject as an example, the method 300 includes the following steps 301-step 309:

[0080] Step 301, in response to an instruction to create a control configuration template, determine a control layout container, where the control layout container is a custom container.

[0081] Among them, the control layout container can be an inherited frame layout container, which allows multiple views to be nested in the container and customizes the attribute information of the multiple views. For example, two views of the visible area and the clickable area of the target control can be nested in the container, and the attribute information of the two views can be customized.

[0082] In a possible implementation manner, an inherited frame layout container can be customized based on common front-end frameworks (such as React, Vue, or native HTML / CSS / JavaScript, etc.).

[0083] Step 302, add the first initial attribute information of the predefined visible area and the second initial attribute information of the clickable area to the control layout container to form a control configuration template.

[0084] In a possible implementation manner, after determining the control layout container, the first initial attribute information of the predefined visible area and the second initial attribute information of the clickable area can be added to the control layout container through CSS classes, JavaScript, or React, and the first initial attribute information of the visible area and the second initial attribute information of the clickable area are stored according to the predefined data structure, and then the target control is created and configured according to the predefined functions and attribute information (i.e., the first initial attribute information and the second initial attribute information), and finally the logic of creating the control is encapsulated into a reusable function or class to form a control configuration template, so that it can be conveniently applied to the configuration instances of multiple target controls.

[0085] Step 303, in response to a configuration instruction for the target control, obtain the user interface effect diagram of the target control of the vehicle-mounted system.

[0086] Step 304, determine the first attribute information of the visible area and the second attribute information of the clickable area according to the user interface effect diagram.

[0087] Step 305, configure the target control in the vehicle-mounted system according to the preset control configuration template, the first attribute information of the visible area, and the second attribute information of the clickable area.

[0088] Among them, for the implementation manners of steps 303 - 305, reference can be made to the above embodiments, and details are not described herein again.

[0089] Step 306, in response to a verification instruction for the target control, obtain a pre-written automated test script.

[0090] In a possible implementation manner, after configuring the target control in the in-vehicle system, a pre-written automated test script can be obtained in response to a verification instruction for the target control, so as to verify whether the display effect of the target control meets the design requirements according to the automated test script.

[0091] In a possible implementation manner, a developer can first select a suitable test tool and technology stack, then set up a test environment, and finally write a specific automated test script through the selected test tool and technology stack.

[0092] It can be understood that the first attribute of the standard visual area and the second attribute information of the clickable area are set in the automated test script, that is, the first attribute information of the visual area and the second attribute information of the clickable area in the design file of the user interface effect diagram.

[0093] Step 307, according to the automated test script, verify whether the display effect of the target control meets the design requirements.

[0094] Specifically, after obtaining the pre-written automated test script, the test script can be executed to locate the target control configured in the in-vehicle system, and obtain the first attribute information of the visual area and the second attribute information of the clickable area of the target control, and compare the first attribute information and the second attribute information with the set standard attribute information (the first attribute of the standard visual area and the second attribute information of the clickable area) in the automated test script. If both are the same as the standard attribute information, it is determined that the display effect of the target control meets the design requirements; otherwise, it is determined that the display effect of the target control does not meet the design requirements.

[0095] Step 308, in the case where the display effect of the target control does not meet the design requirements, determine abnormal information.

[0096] Among them, the abnormal information is the first attribute information and / or the second attribute information.

[0097] Exemplarily, in the case where the first attribute information of the visual area of the obtained target control is different from the standard first attribute information, the first attribute information can be determined as abnormal information; in the case where the second attribute information of the clickable area of the obtained target control is different from the standard second attribute information, the second attribute information can be determined as abnormal information.

[0098] Step 309: Readjust the first initial attribute information and / or the second initial attribute information according to the exception information.

[0099] Exemplarily, when the exception information is the first attribute information, the first initial attribute information can be readjusted according to the standard first attribute information to ensure that the readjusted first initial attribute information is the same as the standard first attribute information; when the exception information is the second attribute information, the second initial attribute information can be readjusted according to the standard second attribute information to ensure that the readjusted second initial attribute information is the same as the standard first attribute information, so that the display effect of the target control configured in the in-vehicle system meets the design requirements.

[0100] As can be seen from the above embodiments, after configuring the target control in the in-vehicle system, it is also possible to respond to a verification instruction for the target control, obtain a pre-written automated test script, and verify whether the display effect of the target control meets the design requirements according to the automated test script. In the case where the display effect of the target control does not meet the design requirements, the exception information is determined, and the first initial attribute information of the visible area and / or the second initial attribute information of the clickable area is readjusted according to the exception information, so as to avoid the display effect of the target control configured in the in-vehicle system not meeting the design requirements.

[0101] Exemplarily, as Figure 4 shown, the device 400 includes:

[0102] An acquisition module 401, configured to obtain a user interface effect diagram of the target control of the in-vehicle system in response to a configuration instruction for the target control, where the area of the target control includes a visible area and a clickable area;

[0103] A determination module 402, configured to determine the first attribute information of the visible area and the second attribute information of the clickable area according to the user interface effect diagram;

[0104] A configuration module 403, configured to configure the target control in the in-vehicle system according to a preset control configuration template, the first attribute information of the visible area, and the second attribute information of the clickable area, where the control configuration template is a template for separately setting the visible area and the clickable area, and the initial attribute information of the visible area and the clickable area is predefined in the control configuration template.

[0105] In a possible implementation manner, the first initial attribute information of the visible area and the second initial attribute information of the clickable area are defined in the control configuration template; the device further includes an adjustment module, configured to adjust the first initial attribute information of the visible area according to the first attribute information of the visible area, and adjust the second initial attribute information of the clickable area according to the second attribute information of the clickable area, to obtain the adjusted first initial attribute information and the adjusted second initial attribute information; a configuration module 403, specifically configured to configure a target control in the in-vehicle system according to the adjusted first initial attribute information and the adjusted second initial attribute information.

[0106] In a possible implementation manner, the first attribute information includes the color information and the size information of the visible area; the second attribute information includes the color information, the size information, the text information, the position information of the clickable area relative to the visible area, and the interaction event information of the clickable area, and the interaction event information is used to define the behavior of triggering the target control; the adjustment module is specifically configured to adjust the first initial color information of the visible area according to the color information of the visible area, and adjust the first initial size information of the visible area according to the size information of the visible area, to obtain the adjusted first initial color information and the adjusted first initial size information; adjust the second initial color information of the clickable area according to the color information of the clickable area, adjust the second initial size information of the clickable area according to the size information of the clickable area, adjust the initial text information of the clickable area according to the text information of the clickable area, adjust the initial relative position information of the clickable area according to the relative position information of the clickable area, and adjust the initial interaction event information of the clickable area according to the interaction event information of the clickable area, to obtain the adjusted second initial color information, the adjusted second initial size information, the adjusted initial text information, the adjusted initial relative position information, and the adjusted initial interaction event information.

[0107] In a possible implementation manner, the second attribute information further includes the interactive animation effect information and the icon position information of the clickable area, the interactive animation effect information is used to define the display effect after the clickable area is clicked, and the icon position information is used to define the position information of the icon relative to the clickable area; the adjustment module is specifically further configured to adjust the initial interactive animation effect information of the clickable area according to the interactive animation effect information of the clickable area, and adjust the initial icon position information of the clickable area according to the icon position information, to obtain the adjusted initial interactive animation effect information and the adjusted initial icon position information.

[0108] In a possible implementation manner, the configuration module 403 is specifically configured to apply the adjusted first initial attribute information and the adjusted second initial attribute information to the front-end code of the in-vehicle system, so that the visible area and the clickable area are respectively rendered according to the adjusted first initial attribute information and the adjusted second initial attribute information.

[0109] In a possible implementation, the obtaining module 401 is further configured to obtain the design file of the user interface effect diagram; the determining module 402 is specifically configured to parse the design file and read the first attribute information of the visible area and the second attribute information of the clickable area.

[0110] In a possible implementation, the apparatus further includes a determining module, which is further configured to, before obtaining the user interface effect diagram of the target control of the vehicle-mounted system, in response to an instruction to create a control configuration template, determine a control layout container, where the control layout container is a custom container; the apparatus further includes a creating module, configured to add the first initial attribute information of the predefined visible area and the second initial attribute information of the clickable area to the control layout container to form a control configuration template.

[0111] In a possible implementation, the obtaining module is further configured to, in response to a verification instruction for the target control, obtain a pre-written automated test script; the apparatus further includes a verification module, configured to verify whether the display effect of the target control meets the design requirements according to the automated test script; in the case where the display effect of the target control does not meet the design requirements, determine exception information; the configuration module 403 is further configured to readjust the first initial attribute information and / or the second initial attribute information according to the exception information.

[0112] Figure 5 It is a schematic structural diagram of a vehicle provided by an embodiment of the present application.

[0113] Exemplarily, as Figure 5 shown, the vehicle 500 includes: a memory 501 and a processor 502, where an executable program code 503 is stored in the memory 501, and the processor 502 is configured to call and execute the executable program code 503 to execute a control configuration method.

[0114] In addition, an embodiment of the present application further protects an apparatus, which may include a memory and a processor, where an executable program code is stored in the memory, and the processor is configured to call and execute the executable program code to execute a control configuration method provided by an embodiment of the present application.

[0115] In this embodiment, the apparatus may be divided into function modules according to the method examples above. For example, each function module may correspond, or two or more functions may be integrated into one processing module. The above integrated modules may be implemented in the form of hardware. It should be noted that the division of modules in this embodiment is illustrative, merely a logical function division, and there may be other division methods in actual implementation.

[0116] In the case of dividing each functional module according to each function, the device may further include a first sending module, a second sending module, a torque zeroing module, etc. It should be noted that all relevant contents of each step involved in the above method embodiment can be cited in the function description of the corresponding functional module, and will not be elaborated here.

[0117] It should be understood that the device provided in this embodiment is used to execute the above-mentioned method for configuring a control, so the same effect as the above implementation method can be achieved.

[0118] In the case of adopting an integrated unit, the device may include a processing module and a storage module. Among them, when the device is applied to a vehicle, the processing module can be used to control and manage the actions of the vehicle. The storage module can be used to support the vehicle to execute relevant program codes, etc.

[0119] Among them, the processing module can be a processor or a controller, which can implement or execute various exemplary logical blocks, modules and circuits shown in combination with the disclosure of the present application. The processor can also be a combination that realizes computing functions, such as including a combination of one or more microprocessors, a combination of digital signal processing (DSP) and a microprocessor, etc. The storage module can be a memory.

[0120] In addition, the device provided in the embodiment of the present application can specifically be a chip, a component or a module. The chip may include a processor and a memory connected thereto; among them, the memory is used to store instructions, and when the processor calls and executes the instructions, the chip can execute a method for configuring a control provided in the above embodiment.

[0121] This embodiment also provides a computer-readable storage medium, in which computer program code is stored. When the computer program code runs on a computer, the computer is enabled to execute the above-mentioned related method steps to implement a method for configuring a control provided in the above embodiment.

[0122] This embodiment also provides a computer program product. When the computer program product runs on a computer, the computer is enabled to execute the above-mentioned related steps to implement a method for configuring a control provided in the above embodiment.

[0123] Among them, the device, the computer-readable storage medium, the computer program product or the chip provided in this embodiment are all used to execute the corresponding method provided above. Therefore, the beneficial effects that can be achieved can refer to the beneficial effects in the corresponding method provided above, and will not be elaborated here.

[0124] Through the description of the above embodiments, those skilled in the art can understand that for the convenience and conciseness of description, only the division of the above functional modules is used as an example. In actual applications, the above functions can be allocated to different functional modules as needed, that is, the internal structure of the device is divided into different functional modules to complete all or part of the functions described above.

[0125] In the embodiments provided in the present application, it should be understood that the disclosed device and method can be implemented in other ways. For example, the device embodiments described above are merely illustrative. For example, the division of modules or units is only a logical function division. In actual implementation, there may be other division methods. For example, multiple units or components can be combined or integrated into another device, or some features can be ignored or not executed. Another point is that the displayed or discussed mutual coupling or direct coupling or communication connection can be through some interfaces. The indirect coupling or communication connection of the device or unit can be electrical, mechanical or other forms.

[0126] The above content is only the specific implementation manner of the present application, but the protection scope of the present application is not limited thereto. Any person skilled in the art within the technical scope disclosed in the present application can easily think of changes or substitutions, which should all be covered by the protection scope of the present application. Therefore, the protection scope of the present application should be subject to the protection scope of the claims.

Claims

1. A control configuration method, characterized in that: The method is executed by the vehicle computer system and includes: In response to a configuration instruction for a target control, obtaining a user interface effect diagram of the target control, wherein the area of ​​the target control includes a visible area and a clickable area; Determining first attribute information of the visible area and second attribute information of the clickable area according to the user interface rendering; The target control is configured in the vehicle system according to a preset control configuration template, the first attribute information of the visible area and the second attribute information of the clickable area, wherein the control configuration template is a template for separately setting the visible area and the clickable area, and the initial attribute information of the visible area and the clickable area is predefined in the control configuration template.

2. The method according to claim 1, characterized in that The control configuration template defines the first initial attribute information of the visible area and the second initial attribute information of the clickable area; Configuring the target control in the vehicle system according to the preset control configuration template, the first attribute information of the visible area, and the second attribute information of the clickable area includes: adjusting the first initial attribute information of the visible area according to the first attribute information of the visible area, and adjusting the second initial attribute information of the clickable area according to the second attribute information of the clickable area, to obtain the adjusted first initial attribute information and the adjusted second initial attribute information; The target control is configured in the vehicle system according to the adjusted first initial attribute information and the adjusted second initial attribute information.

3. The method according to claim 2, characterized in that The first attribute information includes the color information and size information of the visible area; the second attribute information includes the color information, size information, text information of the clickable area, the position information of the clickable area relative to the visible area, and interaction event information, and the interaction event information is used to define the behavior that triggers the target control; The adjusting the first initial attribute information of the visible area according to the first attribute information of the visible area, and adjusting the second initial attribute information of the clickable area according to the second attribute information of the clickable area, to obtain the adjusted first initial attribute information and the adjusted second initial attribute information, includes: adjusting the first initial color information of the visible area according to the color information of the visible area, and adjusting the first initial size information of the visible area according to the size information of the visible area, to obtain adjusted first initial color information and adjusted first initial size information; Adjust the second initial color information of the clickable area according to the color information of the clickable area, adjust the second initial size information of the clickable area according to the size information of the clickable area, adjust the initial text information of the clickable area according to the text information of the clickable area, adjust the initial relative position information of the clickable area according to the relative position information of the clickable area, and adjust the initial interactive event information of the clickable area according to the interactive event information of the clickable area to obtain the adjusted second initial color information, the adjusted second initial size information, the adjusted initial text information, the adjusted initial relative position information, and the adjusted initial interactive event information.

4. The method according to claim 3, characterized in that The second attribute information further includes interactive animation effect information and icon position information of the clickable area, wherein the interactive animation effect information is used to define the display effect after the clickable area is clicked, and the icon position information is used to define the position information of the icon relative to the clickable area; The step of adjusting the second initial attribute information of the clickable area according to the second attribute information of the clickable area to obtain the adjusted second initial attribute information further includes: The initial interactive animation effect information of the clickable area is adjusted according to the interactive animation effect information of the clickable area, and the initial icon position information of the clickable area is adjusted according to the icon position information to obtain the adjusted initial interactive animation effect information and the adjusted initial icon position information.

5. The method according to claim 2, characterized in that: The configuring the target control in the vehicle system according to the adjusted first initial attribute information and the adjusted second initial attribute information includes: The adjusted first initial attribute information and the adjusted second initial attribute information are applied to the front-end code of the vehicle system, so that the visible area and the clickable area are rendered according to the adjusted first initial attribute information and the adjusted second initial attribute information, respectively.

6. The method according to claim 1, characterized in that The determining, according to the user interface rendering, the first attribute information of the visible area and the second attribute information of the clickable area includes: Obtaining a design file of the user interface rendering; The design file is parsed to read the first attribute information of the visible area and the second attribute information of the clickable area.

7. The method according to claim 1, characterized in that Before obtaining the user interface effect diagram of the target control of the vehicle system, the method further includes: In response to an instruction to create the control configuration template, determining a control layout container, wherein the control layout container is a custom container; The predefined first initial attribute information of the visible area and the second initial attribute information of the clickable area are added to the control layout container to form the control configuration template.

8. The method according to claim 2, characterized in that: After configuring the target control in the vehicle system, the method further includes: In response to a verification instruction for the target control, obtaining a pre-written automated test script; According to the automated test script, verify whether the display effect of the target control meets the design requirements; When the display effect of the target control does not meet the design requirements, determining abnormal information; The first initial attribute information and / or the second initial attribute information is readjusted according to the abnormal information.

9. A control configuration device, characterized in that: The method is executed by a vehicle computer system, and the device includes: An acquisition module, configured to acquire a user interface effect diagram of a target control in response to a configuration instruction for the target control, wherein the area of ​​the target control includes a visible area and a clickable area; A determination module, used to determine the first attribute information of the visible area and the second attribute information of the clickable area according to the user interface rendering; A configuration module is used to configure the target control in the vehicle system according to a preset control configuration template, the first attribute information of the visible area and the second attribute information of the clickable area, wherein the control configuration template is a template for separately setting the visible area and the clickable area, and the initial attribute information of the visible area and the clickable area is predefined in the control configuration template.

10. A vehicle, characterized in that: The vehicle comprises: A memory for storing executable program codes; A processor, configured to call and run the executable program code from the memory, so that the vehicle executes the method according to any one of claims 1 to 8.

Images