Interface element processing method and device and storage medium
By responding to user configuration operations on autonomous mobile devices to obtain and modify interface elements, and generating and sharing configuration files, the problem of ordinary users being unable to quickly customize the visual interface is solved, and personalized interface configuration is achieved and the user experience is improved.
Patent Information
- Application Number
- CN202410294592.6
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-03-14
- Publication Date
- 2025-09-16
AI Technical Summary
In the prior art, ordinary users cannot independently perform visual customization of their mobile devices in a short period of time, resulting in a poor user experience.
The autonomous mobile device responds to the user's interface element configuration operation, obtains the interface element to be modified and its target attribute parameters, modifies it according to these parameters, generates a target configuration file, displays the modified interface element, and can upload the configuration file to the server and other devices.
Ordinary users can independently complete personalized visual customization in a short period of time, improve user experience, reduce the number of communication iterations with the development team, and provide instant preview and sharing functions.
Smart Images

Figure CN120653156A_ABST
Abstract
Description
Technical Field
[0001] The present application relates to the field of visualization technology, and in particular to a method, device, and storage medium for processing interface elements. Background Art
[0002] Autonomous mobile devices have displays that can display visual interfaces, providing users with rich information. For example, if the autonomous mobile device is a self-driving vehicle, the visual interface can display information such as nearby vehicles, pedestrians, road signs, and traffic lights. A good visual interface can enhance the user experience.
[0003] In the prior art, a professional development team usually develops and tests visualization requirements submitted by the independent mobile device party to determine a visualization solution. This visualization solution is universal and fixed once it is determined.
[0004] However, in the above method, when ordinary users want to customize the visualization content, a professional development team is required to participate in the development and customization. The cycle of developing customized visualization solutions is long and cannot be well applied to ordinary users, resulting in a poor user experience. Summary of the Invention
[0005] The present application provides a method, device and storage medium for processing interface elements, which are used to solve the problem in the prior art that ordinary users are unable to independently develop visual customization solutions in a short period of time, resulting in poor user experience.
[0006] In a first aspect, the present application provides a method for processing interface elements, which is applied to an autonomous mobile device, and the method comprises:
[0007] In response to a user's interface element configuration operation, obtaining an interface element to be modified and a target attribute parameter, wherein the interface element is an element related to an operation interface of an autonomous mobile device;
[0008] The interface element is modified according to the target attribute parameter, and the modified target interface element is displayed.
[0009] In a possible implementation, modifying the interface element according to the target attribute parameter and displaying the modified target interface element includes:
[0010] Generate a target configuration file according to the interface elements and the target attribute parameters;
[0011] The target configuration file is called, and the modified target interface element is displayed on a graphical user interface.
[0012] In one possible implementation, the method further includes:
[0013] In response to a first sharing operation by the user, the target configuration file is uploaded to a server.
[0014] In one possible implementation, the method further includes:
[0015] receiving sharing information returned by the server, the sharing information including a QR code image or link information for obtaining the target configuration file;
[0016] In response to the second sharing operation of the user, the sharing information is sent to other mobile devices.
[0017] In one possible implementation, the method further includes:
[0018] In response to the element loading operation of the user, the target interface element is loaded in the system of the autonomous mobile device according to the target configuration file.
[0019] In a possible implementation, the interface element configuration operation includes:
[0020] The user's element modification operation on the graphical user interface; or
[0021] The user inputs a target keyword, wherein the target keyword is used to determine the interface element and the target attribute parameter; or
[0022] The user inputs a voice control instruction, where the voice control instruction is used to obtain the interface element and the target attribute parameter; or
[0023] The user uploads media data, wherein the media data is an image or a video, and the media data is used to determine the interface element and the target attribute parameter.
[0024] In a possible implementation, the target attribute parameters include at least one parameter of the model corresponding to the interface element, model material parameters, special effects and animations, area parameters, camera lens parameters, and size.
[0025] In a second aspect, the present application provides a method for processing interface elements, applied to a server, the method comprising:
[0026] Receiving a target configuration file uploaded by an autonomous mobile device, wherein the target configuration file is a configuration file generated by the autonomous mobile device according to an interface element corresponding to a user's interface element configuration operation and a target attribute parameter, wherein the interface element is an element related to an operation interface of the autonomous mobile device;
[0027] Save the target configuration file.
[0028] In one possible implementation, the method further includes:
[0029] generating sharing information of the target configuration file, the sharing information including a QR code image or link information for obtaining the target configuration file; sending the sharing information to the autonomous mobile device; and / or,
[0030] The target configuration file is published on a sharing platform.
[0031] In a third aspect, the present application provides a device for processing interface elements, the device comprising:
[0032] A first processing module is configured to obtain an interface element to be modified and a target attribute parameter in response to an interface element configuration operation by a user, wherein the interface element is an element related to an operation interface of an autonomous mobile device;
[0033] The second processing module is used to modify the interface element according to the target attribute parameter and display the modified target interface element.
[0034] In a fourth aspect, the present application provides a device for processing interface elements, the device comprising:
[0035] A receiving module, configured to receive a target configuration file uploaded by an autonomous mobile device, wherein the target configuration file is a configuration file generated by the autonomous mobile device according to interface elements corresponding to the user's interface element configuration operation and target attribute parameters, wherein the interface elements are elements related to the operation interface of the autonomous mobile device;
[0036] The processing module is used to save the target configuration file.
[0037] In a fifth aspect, the present application provides an electronic device, comprising: a processor, a memory, and a communication interface;
[0038] The memory stores computer-executable instructions;
[0039] The processor executes the computer-executable instructions stored in the memory to implement the method for processing interface elements described in any one of the above aspects.
[0040] In a sixth aspect, the present application provides a computer-readable storage medium, wherein the computer-readable storage medium stores computer-executable instructions, which, when executed by a processor, are used to implement the method for processing interface elements described in any of the above aspects.
[0041] In a seventh aspect, the present application provides a computer program product, comprising a computer program, which, when executed by a processor, implements the method for processing interface elements described in any of the above aspects.
[0042] The interface element processing method, device, and storage medium provided in this application enable an autonomous mobile device to respond to a user's interface element configuration operation, obtaining interface elements and target attribute parameters related to the autonomous mobile device's operating interface. The interface elements are then modified based on the target attribute parameters to obtain the modified target interface elements. This method allows autonomous mobile devices to configure interface elements based on the individual needs of ordinary users without the involvement of a professional development team. This allows for the completion of personalized visual customization solutions in a relatively short period of time, improving the user experience. BRIEF DESCRIPTION OF THE DRAWINGS
[0043] The accompanying drawings, which are incorporated in and constitute a part of this specification, illustrate embodiments consistent with the present application and, together with the description, serve to explain the principles of the present application.
[0044] Figure 1 A schematic diagram of an application scenario provided in an embodiment of the present application;
[0045] Figure 2 This is a flowchart of Example 1 of the method for processing interface elements provided by this application;
[0046] Figure 3 This is a flow chart of Example 2 of the method for processing interface elements provided by this application;
[0047] Figure 4 This is a flowchart of Example 3 of the method for processing interface elements provided by this application;
[0048] Figure 5 A schematic diagram of an application scenario of the method for processing interface elements provided in an embodiment of the present application;
[0049] Figure 6 A schematic diagram of the structure of the intelligent driving vehicle interface element configuration panel provided in an embodiment of the present application;
[0050] Figure 7 This is a structural diagram of a first embodiment of a device for processing interface elements provided by this application;
[0051] Figure 8 This is a structural diagram of Example 2 of the device for processing interface elements provided by this application;
[0052] Figure 9 A schematic diagram of the structure of an electronic device provided in an embodiment of the present application.
[0053] The above drawings illustrate specific embodiments of the present application, which will be described in more detail below. These drawings and the textual description are not intended to limit the scope of the present application in any way, but rather to illustrate the concepts of the present application to those skilled in the art by reference to specific embodiments. DETAILED DESCRIPTION
[0054] To make the purpose, technical solutions, and advantages of the embodiments of this application more clear, the technical solutions in the embodiments of this application will be clearly and completely described below in conjunction with the drawings in the embodiments of this application. Obviously, the described embodiments are only part of the embodiments of this application, not all of the embodiments. Based on the embodiments in this application, all other embodiments obtained by ordinary technicians in this field without making creative efforts are within the scope of protection of this application.
[0055] Figure 1 This is a schematic diagram of the application scenario provided by the embodiment of this application. Figure 1 The autonomous mobile device may be provided with a display screen, and the display screen may display interface elements.
[0056] Optionally, the autonomous mobile device may be a smart driving vehicle, a drone, a mobile robot, or other mobile device having a display screen.
[0057] For example, three interface elements may be displayed on the display screen of a smart driving vehicle, namely a pedestrian icon A, an ice cream cone icon B, and a roadside tree icon C.
[0058] In related technologies, when ordinary users want to customize visual interface elements, professional development teams are required to participate in the development and customization. In addition, the cycle for developing customized visualization solutions is long and cannot be well applied to ordinary users, resulting in a poor user experience.
[0059] In response to the above problems, the inventors discovered during the process of studying the development of personalized visualization solutions that the development process of visualization solutions involves ordinary users, such as owners and users of autonomous mobile devices, as well as professional R&D teams of autonomous mobile devices. The entire development and customization process requires collaboration among multiple parties. In order to meet the personal needs of ordinary users, the R&D team needs to adaptively develop and configure the interface elements of the autonomous mobile devices so that the autonomous mobile devices can obtain interface elements and target attribute parameters that meet personal needs. This results in a long cycle for developing customized visualization solutions and causes problems with poor user experience. Based on this, the inventors discovered through multiple experiments that the autonomous mobile devices can respond to the user's interface element configuration operations, obtain the interface elements to be modified and the target attribute parameters, and modify the interface elements according to the target attribute parameters to obtain interface elements that meet personal needs. Based on this, this solution proposes a method for processing interface elements, which enables ordinary users to independently develop visualization customization solutions based on their personal needs in a relatively short period of time, thereby improving user experience.
[0060] The following specific embodiments describe in detail the technical solution of the present application and how the technical solution of the present application solves the above-mentioned technical problems. The following specific embodiments can be combined with each other, and the same or similar concepts or processes may not be repeated in some embodiments. The embodiments of the present application will be described below in conjunction with the accompanying drawings.
[0061] Figure 2 This is a flow chart of the first embodiment of the method for processing interface elements provided by this application. Figure 2 This method is applied to an autonomous mobile device and can also be applied to interface processing software in the autonomous mobile device. The interface processing software can be installed in the autonomous mobile device or can be cloud software called by the autonomous mobile device. The method includes:
[0062] S101: In response to a user's interface element configuration operation, obtain an interface element to be modified and target attribute parameters.
[0063] In this step, the autonomous mobile device can respond to various user configuration operations on interface elements to obtain the interface elements to be modified and the target attribute parameters. Specifically, the autonomous mobile device can respond to user operations to modify elements on a graphical user interface; or to user input of target keywords; or to user input of voice control commands; or to user upload of media data to obtain the interface elements to be modified and the target attribute parameters. Interface elements are elements related to the autonomous mobile device's operating interface.
[0064] Optionally, the display screen may display a graphical user interface, which may include at least one interface element. For example, if the autonomous mobile device is a smart driving vehicle, the interface elements may include: a vehicle icon, a pedestrian icon, a traffic light, static obstacles, environmental effects, track lines, lane markings, parking space frames, etc. Static obstacles may include roadblocks, ice cream cone icons, speed bump icons, toll gate icons, and roadside tree icons; environmental effects may also include the sky, lighting, etc.
[0065] Optionally, the target attribute parameters include at least one parameter of the model corresponding to the interface element, model material parameters, special effects and animations, area parameters, camera lens parameters, and size.
[0066] Optionally, for any interface element, the interface element may have at least one corresponding model. For example, if the interface element is a vehicle icon, it may have three corresponding models, namely model 1, model 2, and model 3.
[0067] Optionally, for any interface element, the model material parameter may include at least one of the following: model color, model texture. For example, the model material parameter may include: model color is red, and model texture is wood texture.
[0068] Optionally, the model color can be obtained by adjusting RGB color, HSV color, or HEX color. RGB color represents color by combining the three color channels of red (Red), green (Green), and blue (Blue). HSV color describes color by using three attribute parameters: hue (Hue), saturation (Saturation), and value (Value). HEX (Hexadecimal) color represents various colors by converting the values of the three color channels of red, green, and blue into hexadecimal.
[0069] For any interface element, it can have special effects and animations. For example, if the interface element is a traffic light, the corresponding special effect can be a countdown of the traffic light changing, and the corresponding animation can be a text explosion animation.
[0070] The area parameter can be the distance between the autonomous mobile device and surrounding landmarks. For example, if the interface element is a vehicle icon, the area parameter can be the distance between the vehicle and the left and right edges of the parking space, or the distance between the vehicle and the left and right lane markings.
[0071] Specifically, if the autonomous mobile device is an intelligent driving vehicle, the area parameters may also include: thickness, flatness, and skid resistance of the road surface; width, shape, and position of road edges; width and spacing of lane lines; size, shape, and position of safety islands; size of no-parking zones; and no-parking time.
[0072] For autonomous mobile devices, a camera is provided. The camera may have lens parameters, which may include the camera's viewing angle, the camera's angle of view of surrounding landmarks, and focal length. For example, if the autonomous mobile device is a self-driving vehicle, the camera lens parameters may include an 80° viewing angle, a 120° angle of view of the vehicle ahead, and a focal length of 50mm.
[0073] For any interface element, the interface element may have corresponding dimensions, which may include parameters such as length, width, and height. For example, if the interface element is a vehicle icon, the dimensions of the vehicle icon may include a length of 10px (pixels), a width of 5px, and a height of 6px.
[0074] Specifically, the media data is an image or video, which is used to determine the interface elements and target attribute parameters. The video can be composed of consecutive frames of images. For example, the media data can be Image 1 uploaded by the user, which contains pedestrian elements.
[0075] A user's element modification operation on a graphical user interface may include modifying at least one interface element and obtaining the interface element to be modified and target attribute parameters. For example, if a user changes the model texture of a toll gate to a metal texture on the graphical user interface, the interface element to be modified may be the toll gate icon, and the target attribute parameters may include the toll gate model 1 corresponding to the toll gate icon and the model texture being a metal texture.
[0076] The target keyword can be used to determine interface elements and target attribute parameters. For example, the target keyword can be "technological vehicle", then the interface element can be determined to be a vehicle icon through the target keyword, and the target attribute parameters include the vehicle model 1 and the technological special effect 1 corresponding to the vehicle icon.
[0077] Voice control commands are used to obtain interface elements and target attribute parameters. For example, if a user enters a voice control command such as "Change pedestrians to white," the interface element to be modified can be obtained through the voice control command as the pedestrian icon, and the target attribute parameters include the pedestrian model 1 corresponding to the pedestrian icon and the model color as white.
[0078] After receiving media data uploaded by a user, the autonomous mobile device can directly identify the interface element to be modified and the target attribute parameters in the media data. For example, a smart driving vehicle can receive image 1 uploaded by a user and identify the interface element to be modified as a pedestrian icon in image 1. The target attribute parameters include pedestrian model 1 corresponding to the pedestrian icon and the model color being white.
[0079] S102: Modify the interface element according to the target attribute parameter, and display the modified target interface element.
[0080] In this step, in order to present the target interface element after the desired modification, the interface element to be modified can be modified based on the obtained target attribute parameters, and the modified target interface element can be displayed on the graphical user interface. In a specific implementation, a target configuration file can be generated based on the interface element and the target attribute parameters; the target configuration file is called to display the modified target interface element on the graphical user interface.
[0081] Optionally, the target configuration file may be in XML (Extensible Markup Language), JSON (JavaScript Object Notation), YAML (YAML Ain'tMarkup Language, data serialization format), or other formats.
[0082] For example, a target configuration file 1 in XML format may be generated based on target attribute parameters including a pedestrian model 1 corresponding to a pedestrian icon, a model color of white, and a pedestrian icon. By calling the target configuration file 1, a white pedestrian icon may be displayed on the graphical user interface.
[0083] In an embodiment of the present application, the autonomous mobile device can identify the interface elements that need to be modified and their corresponding target attribute parameters based on the configuration operations performed by the user on the interface elements. Based on the target attribute parameters in the configuration operation, the interface elements can be modified and the modified target interface elements can be displayed. In the process of modifying the interface elements, ordinary users can independently adjust and configure the interface elements according to their own preferences without relying on the intervention of professional developers. Not only can personalized visual customization solutions be implemented in a relatively short period of time, but the user experience can also be greatly improved, so that ordinary users can easily customize interface elements according to their own needs, thereby enjoying a more personalized and satisfactory interactive experience.
[0084] Figure 3 This is a flow chart of the second embodiment of the method for processing interface elements provided by this application. Figure 3 , applied to a server, the method may include:
[0085] S201: A server receives a target configuration file uploaded by an autonomous mobile device.
[0086] In this step, the server can communicate with the autonomous mobile device via a network connection and receive a target configuration file uploaded by the autonomous mobile device. The target configuration file is a configuration file generated by the autonomous mobile device based on the user's interface element configuration operation, the obtained interface elements, and the target attribute parameters. The interface elements are elements related to the operation interface of the autonomous mobile device.
[0087] Optionally, the host mobile device may upload the target configuration file via Hypertext Transfer Protocol (HTTP), File Transfer Protocol (FTP), Message Queuing Telemetry Transport (MQTT) or a corresponding Application Programming Interface (API).
[0088] For example, the server may receive a target configuration file 1 uploaded by the intelligent driving vehicle using the Hypertext Transfer Protocol. Target configuration file 1 is an XML-formatted configuration file generated by the intelligent driving vehicle based on the user's interface element configuration operation, including a pedestrian icon and a pedestrian model 1 corresponding to the pedestrian icon, where the model is white.
[0089] S202: The server saves the target configuration file.
[0090] In this step, after receiving the target configuration file, the server may save the target configuration file in the file system of the server.
[0091] Optionally, the server's file system refers to a structured way of organizing and storing files on the server. It defines the organization of files and directories, naming conventions, and the physical structure of file storage. It typically consists of one or more folders (directories).
[0092] For example, the server may receive a target configuration file 1 uploaded by the intelligent driving vehicle, and save the target configuration file 1 in a file system of the server.
[0093] In an embodiment of the present application, the server can receive a target configuration file uploaded by an autonomous mobile device and save the target configuration file. By saving the target configuration file, the convenience of remote data access and management can be improved, and the target configuration file can be shared with team members or other relevant parties, thereby improving overall work efficiency and target configuration file management level.
[0094] exist Figure 2 and Figure 3 Based on the embodiment shown below, combined with Figure 4 , further detailed description of the processing method of the above interface elements.
[0095] Figure 4 This is a flow chart of the third embodiment of the method for processing interface elements provided by this application. Figure 4 , the method may include:
[0096] S301. The autonomous mobile device obtains the interface elements to be modified and the target attribute parameters in response to the user's operation of modifying elements on the graphical user interface; or in response to the user's operation of inputting target keywords; or in response to the user's operation of inputting voice control instructions; or in response to the user's operation of uploading media data.
[0097] In this step, in order to respond to the user's visual positioning requirements, the autonomous mobile device may obtain the interface element to be modified and the target attribute parameters through any of the following methods.
[0098] Mode 1: responding to a user's element modification operation on a graphical user interface.
[0099] When a user performs an element modification operation on a graphical user interface, it may involve modification of at least one interface element. The autonomous mobile device may capture the interface element to be modified and its corresponding target attribute parameters according to the user's modification operation.
[0100] Optionally, the modification operation includes selecting an interface element and modifying its attribute parameters, as well as creating, deleting, loading, saving, saving as, and renaming the interface element.
[0101] Method 2: In response to the user inputting a target keyword.
[0102] Autonomous mobile devices can respond specifically to target keywords entered by users, identify and parse the target keywords entered by users through built-in or cloud-based natural language processing technology to understand the user's intentions, and then determine the interface elements associated with the target keywords and the corresponding target attribute parameters.
[0103] Alternatively, if the autonomous mobile device is a smart driving vehicle, the target keywords can be vehicle-related words, such as "high-tech vehicle," "smart traffic light," and "cool parking space frame."
[0104] Mode 3: responding to a user inputting a voice control instruction.
[0105] Autonomous mobile devices can recognize the intention of user input voice control commands, and obtain interface elements and corresponding target attribute parameters based on the specific intention, operation goals and related parameters contained in the voice control commands.
[0106] In an optional embodiment, the autonomous mobile device may also use a machine learning model or artificial intelligence to analyze input keywords (such as keywords input via voice control commands or text control commands), and the machine learning model or artificial intelligence may output corresponding interface elements and target attribute parameters. For example, if the intelligent driving vehicle uses a machine learning model to analyze keywords, the user may input the keyword "vehicle door opening warning" into the artificial intelligence model, and the artificial intelligence model may determine that the interface element is a vehicle icon based on "vehicle door opening warning", and the target attribute parameters include vehicle model 1 and door opening warning special effect 1 corresponding to the vehicle icon.
[0107] For example, the autonomous mobile device can obtain the interface element to be modified and the target attribute parameters through method 3. If the autonomous mobile device is an intelligent driving vehicle, the intelligent driving vehicle can respond to the user input voice control command "Change the street tree color to green, add wood texture, and add dynamic growth effects" and obtain the interface element to be modified as a street tree icon, and the target attribute parameters include the street tree model 1 corresponding to the street tree icon, the model color is green, the model texture is wood texture, and the special effect is dynamic growth.
[0108] In another optional embodiment, a mapping relationship between keywords and interface elements may be preset in the autonomous mobile device. The autonomous mobile device may use text recognition to identify the input keyword and determine the corresponding interface element and target attribute parameters in the mapping relationship based on the keyword.
[0109] For example, if an intelligent driving vehicle uses a text recognition model to analyze keywords, the user can enter the keyword "vehicle door opening warning" into the text recognition model. The text recognition model can recognize the keyword as "vehicle door opening warning" and determine the interface element as a vehicle icon in the mapping relationship based on the keyword. The target attribute parameters include vehicle model 1 and door opening warning special effect 1 corresponding to the vehicle icon.
[0110] Method 4: In response to a user's operation of uploading media data.
[0111] The autonomous mobile device can receive images or videos uploaded by users, and identify interface elements and target attribute parameters that can be configured by the autonomous mobile device from the images or videos.
[0112] Optionally, the source of the image or video includes user photography, user creation, online platform, library, etc. The autonomous mobile device can automatically identify configurable interface elements and target attribute parameters from the image or video through image recognition technology (such as a neural network model, etc.).
[0113] For example, the intelligent driving vehicle may receive image 1 taken by the user, identify in image 1 that the interface element to be modified is a pedestrian icon, and the target attribute parameters include a pedestrian model 1 corresponding to the pedestrian icon and the model color is white.
[0114] For another example, the intelligent driving vehicle may receive a video 1 shot by a user, identify in the image frame of the video 1 an interface element to be modified as an obstacle icon, and the target attribute parameters include an obstacle model 2 corresponding to the obstacle icon and a model color changing trend from white to yellow to red.
[0115] In an optional embodiment, a user can perform a touch selection operation or a voice selection operation on an image or video received by the autonomous mobile device. The autonomous mobile device can respond to the user's touch selection operation or the voice selection operation to obtain a target area from the image or video, identify elements in the target area, and obtain the interface elements to be modified and the target attribute parameters.
[0116] The touch selection operation may be a user clicking on a certain area in the media data on the display screen, or a user using a cursor to select a certain area in the media data. For example, a user may use a cursor to select a pedestrian area in Image 1 on the display screen.
[0117] The voice selection operation may be a user selecting an area in the media data by voice, for example, the user selects the vehicle area in Image 1 by voice “select the vehicle in Image 1”.
[0118] The target area is a specific area selected by the user, and the target area includes at least one element. For example, the target area is a pedestrian area selected by the user in image 1, and the pedestrian area includes pedestrian elements.
[0119] For example, if the autonomous mobile device is a smart driving vehicle, the user can perform a "box to select a street tree" operation on Image 1 received by the smart driving vehicle, or a voice "select a street tree" operation. In response to the user's touch selection operation or voice selection operation, the smart driving vehicle can obtain a street tree area from Image 1, identify the street trees in the street tree area, and obtain the interface element to be modified as a street tree icon. The target attribute parameters include street tree model 1 corresponding to the street tree icon, the model color is green, and the model texture is wood texture.
[0120] It should be noted that if the media data is a video. Since the video is composed of images of continuous frames, the intelligent driving vehicle can respond to the user's touch selection operation or voice selection operation on the images of different frames in the video, obtain the target area from the images of different frames, identify the elements in the target area, and obtain the interface element to be modified and the target attribute parameters. For example, the intelligent driving vehicle can respond to the user's touch selection operation on the image of the first frame in video 1, and obtain the interface element to be modified as a pedestrian icon, and the target attribute parameters include the pedestrian model 1 corresponding to the pedestrian icon and the model color is white. In response to the touch selection operation on the image of the third frame in video 1, the interface element to be modified is obtained as a toll pole icon, and the target attribute parameters include the model texture corresponding to the toll pole icon is a metal texture.
[0121] In another optional embodiment, the video received by the autonomous mobile device can be a video customized for the user's interface elements, with special effects of a certain duration. The autonomous mobile device can obtain the interface elements to be modified and the target attribute parameters in response to the user's touch selection operation or voice selection operation. For example, Video 1 can be a video customized for the user's toll pole icon, with a 1-minute special effect 1 "RGB white (255, 255, 255) changes to RGB red (139, 0, 0)". The intelligent driving vehicle can respond to the user's voice "select toll pole" operation to obtain the interface element to be modified as the toll pole icon, and the target attribute parameters include the special effect 1 corresponding to the toll pole icon. In the above manner, when the intelligent driving vehicle approaches the toll pole during driving, the toll pole icon on the display screen can be accompanied by special effect 1, and special effect 1 is used to indicate that the vehicle is gradually approaching the toll pole.
[0122] S302: The autonomous mobile device generates a target configuration file according to the interface elements and target attribute parameters.
[0123] For example, the intelligent driving vehicle can generate a target configuration file 2 in JSON format based on the obtained street tree icon, the street tree model 1 corresponding to the street tree icon, the model color is green, the model texture is wood texture, and the special effect is dynamic growth.
[0124] S303: The autonomous mobile device calls the target configuration file and displays the modified target interface elements on the graphical user interface.
[0125] In this step, the autonomous mobile device may call the target configuration file, modify the interface element according to the target attribute parameters corresponding to the interface element contained in the target configuration file, and display the modified target interface element on the graphical user interface.
[0126] Optionally, the modified target interface element can be previewed and displayed in a preset area on the graphical user interface. For example, a preview control can be clicked on the graphical user interface to display the modified street tree icon in a preset area on the graphical user interface. The preset area can be a circular area, where the horizontal coordinate of the center of the circle can be 20px, the vertical coordinate can be 20px, and the radius can be 100px. Alternatively, the currently displayed interface element can be rendered as the target interface element on the graphical user interface.
[0127] For example, the intelligent driving vehicle can call the target configuration file 2 in JSON format, modify the street tree icon according to the street tree model 1, green model color, wood texture, and dynamic growth special effect contained in the target configuration file 2, and render the currently displayed street tree icon into the modified street tree icon on the graphical user interface.
[0128] S304: The autonomous mobile device uploads the target configuration file to the server in response to the user's first sharing operation.
[0129] In this step, the autonomous mobile device may perform the user's first sharing operation according to the user's actual needs, and upload the target configuration file to the server.
[0130] Optionally, the first sharing operation may be performed by the autonomous mobile device in response to a user's voice control instruction. For example, the intelligent driving vehicle may upload the target configuration file 2 to the server in response to the user's voice control instruction.
[0131] Optionally, the first sharing operation may be performed in response to a manual operation by the user on the graphical user interface. For example, the intelligent driving vehicle may upload the target configuration file 2 to the server in response to the user clicking an upload control operation on the graphical user interface.
[0132] Optionally, the first sharing operation may also be a shake-to-share operation, a sharing operation in response to a user's gesture instruction, or the like.
[0133] S305 : The autonomous mobile device responds to the user's element loading operation and loads the target interface element in the system of the autonomous mobile device according to the target configuration file.
[0134] In this step, the autonomous mobile device can execute the user's element loading operation according to the user's requirements for the visual interface configuration, and load the modified target interface elements into the system of the autonomous mobile device according to the target configuration file to achieve a personalized user interface interaction experience.
[0135] Optionally, the loading operation may be performed in response to a user's voice control instruction; or, the loading operation may be performed in response to a user's manual operation on a user graphical interface.
[0136] For example, the intelligent driving vehicle can respond to the user clicking a load control operation on the user graphical interface, and load the modified street tree icon into the system of the intelligent driving vehicle according to the target configuration file 2, providing the user with a convenient and personalized visualization experience.
[0137] It should be noted that in the technical solution of this application, step S304 and step S305 are in an and / or relationship, that is, step S304 may be executed without step S305; or step S305 may be executed without step S304; or both step S304 and step S305 may be executed. When both steps S304 and S305 are executed, the order of execution of steps S304 and S305 is irrelevant. Step S304 may be executed first, followed by step S305; or step S305 may be executed first, followed by step S304.
[0138] S306: The server saves the target configuration file.
[0139] In this step, the server can receive the target configuration file uploaded by the autonomous mobile device and save the target configuration file. The target configuration file is a configuration file generated by the autonomous mobile device based on the interface elements corresponding to the user's interface element configuration operation and target attribute parameters. The interface elements are elements related to the operation interface of the autonomous mobile device.
[0140] Optionally, after receiving the target configuration file, the server may verify the target configuration file to determine whether it meets the saving conditions. If the target configuration file meets the saving conditions, the target configuration file may be saved in the file system of the server.
[0141] For example, the server may receive the target configuration file 2 uploaded by the intelligent driving vehicle and check the format of the target configuration file 2. The check result may be: the format of the target configuration file 2 is JSON format and meets the saving conditions, then the target configuration file 2 may be saved in the file system of the server.
[0142] S307: The server generates sharing information of the target configuration file and sends the sharing information to the autonomous mobile device.
[0143] In this step, the server can provide corresponding feedback to the autonomous mobile device to confirm that the target configuration file has been successfully saved. In a specific implementation, after saving the target configuration file, the server can generate sharing information of the target configuration file and send the sharing information to the user's autonomous mobile device via push notification or message notification.
[0144] The shared information includes a QR code image or link information that can be used to access the target configuration file. After receiving the shared information, users can scan the QR code or click the link to view and receive the shared target configuration file and confirm that the target configuration file has been successfully saved.
[0145] For example, the server may generate a QR code image of the target profile 2 and send the QR code image to the smart driving vehicle.
[0146] S308: The server publishes the target configuration file on the sharing platform.
[0147] In this step, in order to facilitate sharing of the target configuration file with other users and promote the dissemination and application of the target configuration file, the server can publish the target configuration file on the sharing platform after saving the target configuration file.
[0148] The sharing platform may include a social media platform, a cloud storage service platform, a community sharing platform, or other profile sharing platforms.
[0149] Optionally, when publishing a target profile on a sharing platform, you can create shared content for the target profile based on the interface elements and target attribute parameters in the target profile, introducing the characteristics of the target profile. For example, the shared content might include: target profile 2 in JSON format and a street tree icon as the interface element.
[0150] Optionally, when publishing a target profile on a sharing platform, you can also add appropriate tags to the target profile based on the interface elements and target attribute parameters in the target profile to increase the searchability of the shared content. For example, you can add tags such as "street trees" and "dynamically growing" to target profile 2, making it easier for other users to find target profile 2 when browsing or searching for related content.
[0151] For example, the server may add street trees and dynamically growing tags to the target profile 2, and publish the target profile 2 on the community sharing platform.
[0152] It should be noted that, in the technical solution of this application, step S307 and step S308 are in an and / or relationship. Step S307 can be executed, or step S308 can be executed, or both step S307 and step S308 can be executed.
[0153] S309: The autonomous mobile device sends the sharing information to other mobile devices in response to the user's second sharing operation.
[0154] In this step, the autonomous mobile device can receive the shared information returned by the server and, based on the user's actual needs, perform the user's second sharing operation to send the shared information to other mobile devices. The shared information includes a QR code image or link information that can be used to obtain the target configuration file.
[0155] Other removable devices can be electronic devices connected to the Internet, such as mobile phones, tablets, smart watches, laptops, smart cars and other electronic devices.
[0156] Optionally, the second sharing operation may include: performing sharing in response to a user's voice control instruction, performing sharing in response to a user's manual operation on a user graphical interface, performing sharing by shaking, performing sharing in response to a user's gesture instruction, and the like.
[0157] For example, a smart driving vehicle can receive a QR code image returned by a server, execute sharing in response to a user's voice control command, and send the QR code image to other users' mobile phones or to other smart driving vehicles through communication methods such as the Internet of Vehicles.
[0158] Optionally, the autonomous mobile device can save the shared information in response to the user's save operation; or, the user can log in to the cloud server, and the autonomous mobile device can upload the shared information to the cloud server in response to the user's upload operation to save the shared information in the cloud server for subsequent sharing, loading or modification.
[0159] For example, a smart driving vehicle can receive a QR code image returned by a server and save the QR code image in response to a user's save operation; or, a user can log in to a cloud server, and an autonomous mobile device can upload the QR code image to the cloud server in response to a user's upload operation to save the QR code image in the cloud server.
[0160] It should be understood that Figure 4 The various processing steps (S301 to S309) shown in the embodiment do not constitute a specific limitation on the interface element processing process. In other embodiments of the present application, the interface element processing process may include: Figure 4 The embodiment may have more or fewer steps. For example, the interface element processing process may include Figure 4 Some steps in the embodiment, or Figure 4 Some steps in the embodiment may be replaced by steps with the same functions, or Figure 4 Some steps in the embodiments may be split into multiple steps, etc.
[0161] In an embodiment of the present application, an autonomous mobile device can generate a target configuration file based on the acquired interface elements and target attribute parameters. By calling the target configuration file, the modified target interface elements can be displayed in the graphical user interface; in addition, the target interface elements can also be loaded in the system of the autonomous mobile device. In response to the user's first sharing operation, the target configuration file is sent to the server for saving, and the sharing information returned by the server is accepted. In response to the user's second sharing operation, the received sharing information can also be sent to other removable devices. At the same time, the server can also publish the target configuration file on the sharing platform. Through the above method, ordinary users can independently adjust and configure interface elements according to their own preferences without relying on the intervention of professional developers. Personalized visual customization solutions can be completed in a relatively short time, greatly improving the user experience.
[0162] Furthermore, the interface element processing method provided by the embodiments of the present application allows users to instantly see the effects of the changes made on the graphical user interface, allowing users to immediately evaluate the effects of the adjustments and make real-time adjustments based on their subjective feelings. Through instant preview and adjustment, it is possible to reduce repeated communication and iterations with the development team, and speed up the customization of interface elements that meet their requirements. At the same time, users can share their target profiles with other users in the form of QR code images or link information. Other users only need to identify the QR code image or click on the link information to load the new interface elements. This can provide users with better personalized choices and enhance user participation and satisfaction.
[0163] Below, a specific embodiment will be used to illustrate the exemplary application of the method for processing interface elements of the present application in an actual application scenario.
[0164] Figure 5 This is a schematic diagram of an application scenario of the method for processing interface elements provided in the embodiment of this application. Figure 5 , a pedestrian icon 10 and a roadside tree icon 11 can be displayed on the display screen of the smart driving vehicle.
[0165] The intelligent driving vehicle can respond to the user's modification of the model size corresponding to the pedestrian icon 10 by changing the height of the pedestrian icon 10 from 60px to 100px; respond to the user's modification of the model material parameters corresponding to the pedestrian icon 10 by changing the RGB color of the pedestrian icon 10 from white (255, 255, 255) to gray (85, 85, 85), and obtain the modified pedestrian icon 12.
[0166] The intelligent driving vehicle can obtain the replaced roadside tree icon 13 in response to the user's replacement of the model corresponding to the roadside tree icon 11.
[0167] Figure 6 This is a schematic diagram of the structure of the intelligent driving vehicle interface element configuration panel provided in the embodiment of this application. Figure 6 The intelligent driving vehicle interface element configuration panel 20 may include: a real-time parameter adjustment module 21, a configuration saving module 22 and a cloud upload module 23, wherein:
[0168] The real-time parameter adjustment module 21 includes but is not limited to a color selector 211, a model selector 212, a parameter adjuster 213, etc. The parameter adjuster 213 includes but is not limited to a general parameter control 2131, a parking parameter control 2132, a road parameter control 2133, and a driving parameter control 2134.
[0169] The configuration saving module 22 includes but is not limited to a save to local control 221 , a load local file control 222 , a new configuration file control 223 , a delete local file control 224 , a save as control 225 , and a rename control 226 .
[0170] The cloud upload module 23 includes but is not limited to an upload to cloud control 231 , a load from cloud control 232 , and a share control 233 .
[0171] The real-time parameter adjustment module 21 is used to adjust the corresponding attribute parameters of the interface elements.
[0172] The configuration saving module 22 is used to perform operations such as saving, loading, creating, deleting, saving as, and renaming on the configuration file.
[0173] The configuration saving module 23 is used to perform operations such as uploading configuration files to the cloud, loading configuration files from the cloud, and sharing configuration files.
[0174] The intelligent driving vehicle interface element configuration panel provided in the embodiment of the present application links and adapts various interface elements of intelligent driving visualization and the attribute parameters corresponding to the interface elements. It can respond to user configuration operations on the interface elements, modify the interface elements in real time and store them as configuration files, thereby improving user participation and freedom and reducing the workload of developers. By providing a user-friendly interface, instant preview and adjustment functions, as well as functions such as saving and loading configuration files, the customization process is made more efficient. Users can complete parameter customization on their own without relying on a professional development team, thereby reducing the time and resource costs of customization.
[0175] Furthermore, the smart driving vehicle interface element configuration panel provided by the embodiments of this application enables professional smart driving vehicle development teams or manufacturers to develop customized visualization solutions that match their theme style and brand image when developing general visualization requirements. Furthermore, professional development teams or manufacturers can use this smart driving vehicle interface element configuration panel to more efficiently adjust the overall design, quickly modifying and adjusting the application theme without the need for tedious coding, thereby improving development efficiency.
[0176] Figure 7 This is a structural diagram of the first embodiment of the device for processing interface elements provided by this application. Figure 7 , the interface element processing device 30 includes:
[0177] A first processing module 31 is configured to obtain an interface element to be modified and a target attribute parameter in response to a user's interface element configuration operation, wherein the interface element is an element related to an operation interface of an autonomous mobile device;
[0178] The second processing module 32 is configured to modify the interface element according to the target attribute parameter and display the modified target interface element.
[0179] The interface element processing device provided in the embodiment of the present application can execute the technical solution shown in the above method embodiment. Its implementation principle and beneficial effects are similar and will not be repeated here.
[0180] In a possible implementation, the second processing module 32 is specifically configured to:
[0181] Generate a target configuration file according to the interface elements and the target attribute parameters;
[0182] The target configuration file is called, and the modified target interface element is displayed on a graphical user interface.
[0183] In a possible implementation, the second processing module 32 is further configured to:
[0184] In response to a first sharing operation by the user, the target configuration file is uploaded to a server.
[0185] In a possible implementation, the second processing module 32 is further configured to:
[0186] receiving sharing information returned by the server, the sharing information including a QR code image or link information for obtaining the target configuration file;
[0187] In response to the second sharing operation of the user, the sharing information is sent to other mobile devices.
[0188] In a possible implementation, the second processing module 32 is further configured to:
[0189] In response to the element loading operation of the user, the target interface element is loaded in the system of the autonomous mobile device according to the target configuration file.
[0190] In a possible implementation, the interface element configuration operation includes:
[0191] The user's element modification operation on the graphical user interface; or
[0192] The user inputs a target keyword, wherein the target keyword is used to determine the interface element and the target attribute parameter; or
[0193] The user inputs a voice control instruction, where the voice control instruction is used to obtain the interface element and the target attribute parameter; or
[0194] The user uploads media data, wherein the media data is an image or a video, and the media data is used to determine the interface element and the target attribute parameter.
[0195] In a possible implementation, the target attribute parameters include at least one parameter of the model corresponding to the interface element, model material parameters, special effects and animations, area parameters, camera lens parameters, and size.
[0196] The interface element processing device provided in the embodiment of the present application can execute the technical solution shown in the above method embodiment. Its implementation principle and beneficial effects are similar and will not be repeated here.
[0197] Figure 8 This is a structural diagram of the second embodiment of the device for processing interface elements provided by this application. Figure 8 , the interface element processing device 40 includes:
[0198] A receiving module 41 is configured to receive a target configuration file uploaded by an autonomous mobile device, wherein the target configuration file is a configuration file generated by the autonomous mobile device based on interface elements corresponding to the user's interface element configuration operation and target attribute parameters, wherein the interface elements are elements related to the operation interface of the autonomous mobile device;
[0199] The processing module 42 is used to save the target configuration file.
[0200] The interface element processing device provided in the embodiment of the present application can execute the technical solution shown in the above method embodiment. Its implementation principle and beneficial effects are similar and will not be repeated here.
[0201] In a possible implementation, the processing module 42 is further configured to:
[0202] generating sharing information of the target configuration file, the sharing information including a QR code image or link information for obtaining the target configuration file; sending the sharing information to the autonomous mobile device; and / or,
[0203] The target configuration file is published on a sharing platform.
[0204] The interface element processing device provided in the embodiment of the present application can execute the technical solution shown in the above method embodiment. Its implementation principle and beneficial effects are similar and will not be repeated here.
[0205] Figure 9 This is a schematic diagram of the structure of the electronic device provided in the embodiment of the present application. Figure 9 The electronic device 50 may include a processor 51 , a memory 52 and a communication interface 54 . Exemplarily, the processor 51 , the memory 52 and the communication interface 54 are interconnected via a bus 53 .
[0206] The memory 52 stores computer-executable instructions;
[0207] The processor 51 executes the computer-executable instructions stored in the memory 52 , so that the processor 51 executes the method for processing interface elements provided in the above method embodiment.
[0208] The electronic device provided in the embodiment of the present application can be an autonomous mobile device or server in the above method embodiment, and can execute the technical solutions shown in the above method embodiment. Its implementation principles and beneficial effects are similar and will not be repeated here.
[0209] Accordingly, an embodiment of the present application provides a computer-readable storage medium, which stores computer-executable instructions. When the computer-executable instructions are executed by a processor, they are used to implement the method for processing interface elements described in the above method embodiment.
[0210] Accordingly, an embodiment of the present application may also provide a computer program product, including a computer program, which, when executed by a processor, may implement the method for processing interface elements shown in the above method embodiment.
[0211] It will be understood by those skilled in the art that embodiments of the present invention may be provided as methods, systems, or computer program products. Thus, the present invention may take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware. Furthermore, the present invention may take the form of a computer program product implemented on one or more computer-usable storage media (including but not limited to magnetic disk storage, CD-ROM, optical storage, etc.) containing computer-usable program code.
[0212] The present invention is described with reference to flowcharts and / or block diagrams of methods, devices (systems), and computer program products according to embodiments of the present invention. It should be understood that each process and / or block in the flowcharts and / or block diagrams, as well as combinations of processes and / or blocks in the flowcharts and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general-purpose computer, a special-purpose computer, an embedded processor, or other programmable data processing device to produce a machine, so that the instructions executed by the processor of the computer or other programmable data processing device generate instructions for implementing the processes in the flowcharts and / or block diagrams. Figure 1 a process or multiple processes and / or boxes Figure 1 A device that provides the functions specified in a block or multiple blocks.
[0213] These computer program instructions may also be stored in a computer readable memory that can direct a computer or other programmable data processing device to work in a specific manner, so that the instructions stored in the computer readable memory produce an article of manufacture comprising an instruction device, which implements the process Figure 1 a process or multiple processes and / or boxes Figure 1 The function specified in one or more boxes.
[0214] These computer program instructions can also be loaded onto a computer or other programmable data processing device so that a series of operational steps are executed on the computer or other programmable device to produce a computer-implemented process, thereby providing the instructions executed on the computer or other programmable device for implementing the process. Figure 1 a process or multiple processes and / or boxes Figure 1 A step that specifies a function in one or more boxes.
[0215] In a typical configuration, a computing device includes one or more processors (CPUs), input / output interfaces, network interfaces, and memory.
[0216] Memory may include non-permanent storage in a computer-readable medium, random access memory (RAM) and / or non-volatile memory in the form of read-only memory (ROM) or flash RAM. Memory is an example of a computer-readable medium.
[0217] Computer-readable media include permanent and non-permanent, removable and non-removable media that can be used to store information using any method or technology. Information can be computer-readable instructions, data structures, program modules, or other data. Examples of computer storage media include, but are not limited to, phase change memory (PRAM), static random access memory (SRAM), dynamic random access memory (DRAM), other types of random access memory (RAM), read-only memory (ROM), electrically erasable programmable read-only memory (EEPROM), flash memory or other memory technology, compact disc read-only memory (CD-ROM), digital versatile disc (DVD) or other optical storage, magnetic tape, disk storage or other magnetic storage devices, or any other non-transmission media that can be used to store information that can be accessed by a computing device. As defined herein, computer-readable media does not include transitory media such as modulated data signals and carrier waves.
[0218] It should also be noted that the terms "comprises," "includes," or any other variations thereof are intended to encompass non-exclusive inclusion, such that a process, method, commodity, or apparatus that includes a series of elements includes not only those elements but also other elements not explicitly listed, or includes elements inherent to such process, method, commodity, or apparatus. In the absence of further limitations, an element defined by the phrase "comprises a ..." does not exclude the presence of other identical elements in the process, method, commodity, or apparatus that includes the element.
[0219] The foregoing is merely an embodiment of the present application and is not intended to limit the present application. For those skilled in the art, the present application may have various changes and variations. Any modifications, equivalent replacements, improvements, etc. made within the spirit and principles of the present application should all be included within the scope of the claims of the present application.
Claims
1. A method for processing interface elements, characterized in that: Applied to an autonomous mobile device, the method comprises: In response to a user's interface element configuration operation, obtaining an interface element to be modified and a target attribute parameter, wherein the interface element is an element related to an operation interface of an autonomous mobile device; The interface element is modified according to the target attribute parameter, and the modified target interface element is displayed.
2. The method according to claim 1, characterized in that The modifying the interface element according to the target attribute parameter and displaying the modified target interface element includes: Generate a target configuration file according to the interface elements and the target attribute parameters; The target configuration file is called, and the modified target interface element is displayed on a graphical user interface.
3. The method according to claim 2, characterized in that The method further comprises: In response to a first sharing operation by the user, the target configuration file is uploaded to a server.
4. The method according to claim 3, characterized in that The method further comprises: receiving sharing information returned by the server, the sharing information including a QR code image or link information for obtaining the target configuration file; In response to the second sharing operation of the user, the sharing information is sent to other mobile devices.
5. The method according to claim 2, characterized in that The method further comprises: In response to the element loading operation of the user, the target interface element is loaded in the system of the autonomous mobile device according to the target configuration file.
6. The method according to any one of claims 1 to 5, characterized in that The interface element configuration operation includes: The user's element modification operation on the graphical user interface; or The user inputs a target keyword, wherein the target keyword is used to determine the interface element and the target attribute parameter; or The user inputs a voice control instruction, where the voice control instruction is used to obtain the interface element and the target attribute parameter; or The user uploads media data, wherein the media data is an image or a video, and the media data is used to determine the interface element and the target attribute parameter.
7. A method for processing interface elements, characterized in that: Applied to a server, the method includes: Receiving a target configuration file uploaded by an autonomous mobile device, wherein the target configuration file is a configuration file generated by the autonomous mobile device according to an interface element corresponding to a user's interface element configuration operation and a target attribute parameter, wherein the interface element is an element related to an operation interface of the autonomous mobile device; Save the target configuration file.
8. The method according to claim 7, characterized in that The method further comprises: generating sharing information of the target configuration file, the sharing information including a QR code image or link information for obtaining the target configuration file; sending the sharing information to the autonomous mobile device; and / or, The target configuration file is published on a sharing platform.
9. An electronic device, characterized in that: include: processor, memory, and communication interfaces; The memory stores computer-executable instructions; The processor executes the computer-executable instructions stored in the memory to implement the method for processing interface elements according to any one of claims 1 to 8.
10. A computer-readable storage medium, characterized in that The computer-readable storage medium stores computer-executable instructions, which, when executed by a processor, are used to implement the method for processing interface elements according to any one of claims 1 to 8.
11. A computer program product, characterized in that The invention comprises a computer program, which, when executed by a processor, implements the method for processing interface elements according to any one of claims 1 to 8.
Citation Information
Patent Citations
User interface skin management method and device of application
CN108334385A
Interface generation method and device, electronic equipment and storage medium
CN111752669A
Interface generation method and device, server and storage medium
CN112306486A
Image-based vehicle-to-machine interaction methods, systems, media, and devices
CN114936000A
Interface theme generation method and system and storage medium
CN115794263A