UI interface display method and device of clothes processing equipment, equipment and storage medium
By dividing the UI elements of home appliances into groups and generating image controls, the lag problem caused by too many controls was solved, resulting in a smoother interface display.
Patent Information
- Application Number
- CN202410954010.2
- Authority / Receiving Office
- CN · China
- Patent Type
- Applications(China)
- Current Assignee / Owner
- Filing Date
- 2024-07-16
- Publication Date
- 2026-01-16
AI Technical Summary
Traditional home appliance UIs often have too many features, resulting in excessive control elements and insufficient chip processing power, leading to lag and affecting the display effect.
The UI elements are divided into at least one UI element group, and an image control is generated for each group to replace the original UI elements. The screen display is optimized through a graphics acceleration algorithm.
The number of control elements in the UI has been reduced, the chip processing power requirements have been lowered, lag issues have been alleviated, and the interface display effect and smoothness have been improved.
Smart Images
Figure CN121349348A_ABST
Abstract
Description
Technical Field
[0001] This disclosure relates to the field of home appliance technology, and in particular to a UI interface display method, device, equipment and storage medium for a clothing processing device. Background Technology
[0002] Traditional methods of providing different function selections through physical knobs or buttons limited the functionality offered by home appliances. However, as people's living standards improve, users' demand for richer functions in home appliances has also increased, leading to increasingly diverse features. Take washing machines as an example: they offer multiple washing modes, each with selectable washing parameters. To comprehensively display the different functions and parameters of home appliances while saving space, the mainstream approach is to incorporate displays on the appliances themselves, showcasing various functions and parameters through a user interface (UI). These UIs also support swiping for switching between functions.
[0003] However, the more functions a home appliance has, the more control elements there are on its UI, and the more powerful the chip required to display the UI. To save costs, the chips used in home appliances are usually low-end with limited processing power, which can cause lag during UI display and affect the overall UI presentation. Summary of the Invention
[0004] In order to solve the above-mentioned technical problems, or at least partially solve the above-mentioned technical problems, this disclosure provides a UI interface display method, device, equipment and storage medium for clothing processing equipment.
[0005] According to a first aspect of this disclosure, a method for displaying a UI interface of a garment processing device is provided, comprising:
[0006] Divide the UI elements of the UI interface to be displayed into at least one UI element group;
[0007] For each UI element group in the at least one UI element group, generate an image corresponding to each UI element group and create an image control for the image;
[0008] Replace the UI elements in the UI interface with the image controls to generate the target display interface;
[0009] The target display interface is shown on the screen of the garment processing equipment.
[0010] According to a second aspect of this disclosure, a UI interface display device for a garment processing device is provided, comprising:
[0011] The element segmentation module is used to segment the UI elements of the UI interface to be displayed, resulting in at least one UI element group.
[0012] The image generation module is used to generate an image corresponding to each UI element group and create an image control for the image for each UI element group in the at least one UI element group;
[0013] The interface generation module is used to replace the interface elements in the UI interface with the image controls to generate the target display interface.
[0014] The display module is used to display the target display interface through the screen of the garment processing equipment.
[0015] According to a third aspect of this disclosure, a garment processing device is provided, comprising: a processor and a memory, wherein the processor is configured to execute a computer program stored in the memory, wherein the computer program, when executed by the processor, implements the steps of the UI interface display method of the garment processing device described in the first aspect.
[0016] According to a fourth aspect of this disclosure, a computer-readable storage medium is provided having a computer program stored thereon, which, when executed by a processor, implements the steps of the UI interface display method for the clothing processing device described in the first aspect.
[0017] According to a fifth aspect of this disclosure, a computer program product is provided that, when the computer program product is run on a computer, causes the computer to execute the UI interface display method of the clothing processing device described in the first aspect.
[0018] The technical solution provided in this disclosure has the following advantages compared with the prior art:
[0019] The technical solution disclosed herein divides the UI elements of the UI interface to be displayed into at least one UI element group, generates an image corresponding to each UI element group and creates an image control for the image for each UI element group, and then replaces the UI elements in the UI interface with the image control to generate the target display interface. The generated target display interface is then displayed on the display screen of the garment processing device. This reduces the number of control elements in the UI interface, thereby reducing the demand on chip processing power when displaying the UI interface, effectively alleviating the lag phenomenon in UI interface display, and improving the display effect of the UI interface. Attached Figure Description
[0020] The accompanying drawings, which are incorporated in and form a part of this specification, illustrate embodiments consistent with this disclosure and, together with the description, serve to explain the principles of this disclosure.
[0021] To more clearly illustrate the technical solutions in the embodiments of this disclosure or the prior art, the accompanying drawings used in the description of the embodiments or the prior art will be briefly introduced below. Obviously, for those skilled in the art, other drawings can be obtained based on these drawings without creative effort.
[0022] Figure 1 A schematic flowchart illustrating a method for displaying the UI interface of a garment processing device according to an embodiment of this disclosure;
[0023] Figure 2 A schematic flowchart illustrating a UI interface display method for a clothing processing device according to another embodiment of this disclosure;
[0024] Figure 3 This is a schematic diagram of the structure of the UI interface display device of the clothing processing equipment provided in an embodiment of the present disclosure. Detailed Implementation
[0025] Embodiments of this disclosure will now be described in more detail with reference to the accompanying drawings. While some embodiments of this disclosure are shown in the drawings, it should be understood that this disclosure can be implemented in various forms and should not be construed as limited to the embodiments set forth herein. Rather, these embodiments are provided to provide a more thorough and complete understanding of this disclosure. It should be understood that the accompanying drawings and embodiments of this disclosure are for illustrative purposes only and are not intended to limit the scope of protection of this disclosure.
[0026] It should be understood that the steps described in the method embodiments of this disclosure may be performed in different orders and / or in parallel. Furthermore, the method embodiments may include additional steps and / or omit the steps shown. The scope of this disclosure is not limited in this respect.
[0027] The term "comprising" and its variations as used herein are open-ended, meaning "including but not limited to". The term "based on" means "at least partially based on". The term "one embodiment" means "at least one embodiment"; the term "another embodiment" means "at least one additional embodiment"; the term "some embodiments" means "at least some embodiments". Definitions of other terms will be given in the description below. It should be noted that the concepts of "first", "second", etc., used in this disclosure are only used to distinguish different devices, modules, or units, and are not intended to limit the order of functions performed by these devices, modules, or units or their interdependencies.
[0028] It should be noted that the terms "a" and "a plurality of" used in this disclosure are illustrative rather than restrictive, and those skilled in the art should understand that, unless otherwise expressly indicated in the context, they should be understood as "one or more".
[0029] Currently, to address the issue of UI lag in home appliances (such as washing machines), common methods to improve display smoothness include reducing control elements, lowering UI contrast, and using high-end chips. However, reducing control elements limits UI design flexibility, lowering contrast affects UI presentation, and using high-end chips increases production costs. Therefore, this disclosure provides a UI display solution for a clothing processing device. By dividing UI elements into at least one UI element group, generating an image for each group, and creating image controls to add to the UI before display, the number of control elements in the UI is reduced. This lowers the chip processing power requirements during UI display, effectively alleviating lag and improving the display effect. Furthermore, by generating images, graphics acceleration algorithms (such as 2D acceleration algorithms) can be used to optimize screen display speed, further enhancing UI smoothness.
[0030] In summary, this solution achieves a smooth UI display through software without compromising the flexibility of UI design. It enhances the user experience without increasing the production cost of home appliances, effectively overcoming the shortcomings of existing solutions.
[0031] Figure 1 This is a flowchart illustrating a UI interface display method for a clothing processing device according to an embodiment of this disclosure. This method can be executed by a UI interface display device for the clothing processing device provided in this embodiment. This device can be implemented using software and / or hardware and is generally integrated into the clothing processing device. It is understood that the solution of this disclosure is also applicable to other home appliances with displays, such as dishwashers and refrigerators.
[0032] like Figure 1 As shown, the UI display method of the garment processing device may include the following steps:
[0033] Step 101: Divide the UI elements of the UI interface to be displayed to obtain at least one UI element group.
[0034] Each UI element group includes at least one interface element, and adjacent text-type interface elements are grouped into the same UI element group.
[0035] It's understandable that a UI (User Interface) is composed of multiple UI elements. A single character (including numbers, text, letters, and underscores) is a UI element, as are a button and an image. UI elements are categorized into different types. For example, buttons are clickable; when a user clicks a clickable element, they receive a response. While a button may contain one or more characters, these characters themselves are not UI elements; only the button containing these characters constitutes a UI element. Other non-clickable UI elements can be text or images. These elements typically provide explanations or descriptions to the user and do not support user click responses. For instance, with a washing machine, the "Start" button is a clickable UI element; clicking it starts the washing program. The characters in "Washing Time 1:10" are text-based UI elements.
[0036] In this embodiment of the disclosure, for the UI interface to be displayed, the UI elements in the UI interface can be divided according to the layout style of the UI interface (e.g., the element position and element type of the interface elements) to obtain one or more UI element groups. A UI element group may include one interface element or multiple interface elements. For adjacent text-type interface elements in the UI interface, they are divided into the same UI element group. For example, the characters of each text type in "washing time 1:10" are divided into one UI element group.
[0037] For example, developers can set partitioning strategies according to actual needs. When partitioning interface elements, the electronic device partitions them according to the partitioning strategy. For instance, the partitioning strategy can be set so that a clickable interface element is partitioned into one UI element group, and adjacent non-clickable interface elements are partitioned into another UI element group, with a maximum of one clickable interface element in each UI element group; the partitioning strategy can be set so that interface elements whose positions differ by a preset value are partitioned into one UI element group, and the interface elements contained in the UI element group formed by this partitioning strategy may be of the same element type or different element types; the partitioning strategy can also be set so that all interface elements on the UI interface are partitioned into one UI element group.
[0038] It should be noted that, in this embodiment of the disclosure, the UI interface to be displayed can be the homepage, the page to be displayed after receiving the user's page switching operation, or a complete UI interface.
[0039] Step 102: For each UI element group in at least one UI element group, generate an image corresponding to each UI element group and create an image control for the image.
[0040] In this embodiment of the disclosure, for each UI element group obtained by division, each interface element in the UI element group can be generated into an image, and a corresponding image control can be created for the image. In this way, all element controls in a UI element group are converted into an image control, thereby reducing the number of controls.
[0041] For example, for a UI element group, each interface element in the group can be iterated through. Using commonly used functions that convert control objects into image data streams, the currently iterated interface element is converted into an image. After iterating through all interface elements in the group, the images generated based on each element are combined according to their positions in the original UI to obtain a large image. This large image is the image corresponding to the UI element group, and the layout of each element in the large image is consistent with the layout of each element in the UI element group in the original UI. For the obtained large image, a corresponding image control is then created using commonly used image control creation methods. In this way, each UI element group can be converted into an image control.
[0042] Step 103: Replace the UI elements in the UI interface with image controls to generate the target display interface.
[0043] In this embodiment of the disclosure, after generating corresponding images and creating image controls for each UI element group, the created image controls can be added to the UI interface, that is, all the original interface elements in the UI interface are replaced with image controls to obtain the target display interface.
[0044] For example, when adding an image control to a UI interface, in order not to change the original style of the UI interface, the display area of the image control in the UI interface can be determined according to the original position of the interface elements contained in the image control in the UI interface, and then the image control can be added to the corresponding display area in the UI interface, so that the layout style of the interface will not be changed after the interface element control is converted into an image control.
[0045] Step 104: Display the target display interface through the screen of the garment processing equipment.
[0046] The clothing processing equipment can be a regular washing machine or a combined washer-dryer.
[0047] In this embodiment of the disclosure, after obtaining the target display interface, the target display interface can be displayed through the display screen of the clothing processing device.
[0048] In one optional embodiment of this disclosure, since the text elements and button elements in the original UI are all converted into images, and the controls in the target display interface are all image controls, a graphics acceleration algorithm (such as a 2D acceleration algorithm) can be used to optimize the screen display speed when displaying the target display interface, making the UI display smoother. Taking a washer-dryer combo as an example, when the machine is turned on, the washing parameter setting interface of the washing machine is displayed as the homepage. When the homepage is displayed, after being processed by this solution, the target display interface can be displayed using a graphics acceleration algorithm, thereby improving the smoothness of the interface display. When the user swipes the page to switch the displayed page, the electronic device will obtain the swipe event. The drying parameter setting interface of the dryer is the next page corresponding to the swipe event. After being processed by this solution, the next page to be displayed can also be displayed using a graphics acceleration algorithm to optimize the screen display speed, thereby improving the smoothness of the swipe.
[0049] It should be noted that in this embodiment, each time only the UI interface to be displayed (such as the homepage or the page to be switched to) can be processed using this solution before displaying it, in order to avoid unnecessary resource consumption caused by processing; or all UI interfaces of the clothing processing equipment (including the homepage and its subsequent pages, such as the washing parameter setting interface and drying parameter setting interface of a washing and drying combo machine) can be processed using this solution at once, and then the page to be displayed this time (such as the homepage or the switched page) can be displayed, so as to improve the real-time performance of UI interface display.
[0050] The UI display method of the garment processing device in this embodiment divides the UI elements of the UI to be displayed into at least one UI element group, generates an image corresponding to each UI element group and creates an image control for the image for each UI element group, and then replaces the UI elements in the UI with the image control to generate a target display interface. The generated target display interface is then displayed on the display screen of the garment processing device. This reduces the number of control elements in the UI, thereby reducing the demand on chip processing power when displaying the UI, effectively alleviating the lag phenomenon in UI display, and improving the display effect of the UI.
[0051] In one alternative embodiment of this disclosure, such as Figure 2 As shown, based on the foregoing embodiments, step 101 may include the following sub-steps:
[0052] Step 201: Obtain the number of elements in the UI.
[0053] In a UI interface, a text character is a UI element, a button is a UI element, and an image icon is a UI element. In this embodiment of the disclosure, the total number of all UI elements contained in the UI interface to be displayed can be counted to obtain the number of elements in the UI interface.
[0054] Step 202: If the number of elements is not greater than the number threshold, obtain the element type and element position of each interface element in the UI.
[0055] The number threshold can be preset according to actual needs, and this disclosure does not restrict its specific value.
[0056] It is understood that each interface element in a UI has a corresponding element position. The element position is used to represent the position information of the interface element in the UI. The element position can be represented by the coordinates of the center point and the length and width of the smallest bounding rectangle of the interface element, or it can be represented by the coordinates of the four corner points of the smallest bounding rectangle. This disclosure does not restrict the way the element position is represented. Each interface element in a UI also has a corresponding element type. The element type is used to represent what type of element the interface element is, such as text type, image type, clickable type, etc. The element position and element type can be obtained from the attribute information of the control corresponding to the interface element.
[0057] In this embodiment of the disclosure, when the number of UI elements is less than or equal to a preset threshold, the element position and element type of each UI element can be obtained, and subsequent step 203 is executed; when the number of UI elements is greater than the preset threshold, step 204 and subsequent steps are executed.
[0058] Step 203: Divide the UI elements according to the element type and element position of each UI element to obtain at least one UI element group.
[0059] In this embodiment of the disclosure, after obtaining the element position and element type of each interface element in the UI interface, the interface elements in the UI interface can be divided based on the obtained information, and the interface elements in the UI interface can be divided into one or more groups, that is, at least one UI element group is obtained.
[0060] In one optional embodiment of this disclosure, when dividing, UI elements that are close in position (e.g., less than a preset distance) and have the same element type can be grouped into a UI element group based on element position and element type, so that adjacent text-type UI elements are grouped in the same group.
[0061] In one optional embodiment of this disclosure, during the partitioning process, the interface elements can first be grouped according to their positions to obtain at least one element set. The interface elements in the element set may be of the same element type or different element types. For example, interface elements that are close to each other (e.g., less than a preset distance) can be grouped together to obtain one or more element sets. The distance between interface elements can be the distance between the center points of the smallest bounding rectangle of the interface elements, or the distance between adjacent sides of two smallest bounding rectangles; this disclosure does not impose any limitations on this.
[0062] It is understandable that, assuming the distance between interface element A and interface element B is less than a preset distance, and the distance between interface element B and interface element C is less than a preset distance, but the distance between interface element A and interface element C is greater than a preset distance, since the distance between interface element B and interface element C is less than a preset distance, interface elements A, B, and C are still classified as a single set of elements.
[0063] Next, for each element set, the interface elements in the same element set can be divided according to the element type and element position of the interface elements in each element set to obtain one or more UI element groups. Each UI element group can contain at most one clickable (i.e., target element type) interface element. In other words, a UI element group can contain at most one clickable interface element.
[0064] For example, when dividing the UI elements in an element set, if the UI elements that are close to each other are not clickable, or if only one UI element is clickable, these UI elements can be grouped into one UI element group. The proximity of the UI elements can be determined based on their position. If two close UI elements are both clickable, then these two UI elements are divided into two different UI element groups, with each UI element group containing only one clickable UI element.
[0065] Step 204: If the number of elements is greater than the threshold, obtain the element position of each interface element in the UI.
[0066] In this embodiment of the disclosure, when the total number of UI elements contained in the UI interface is greater than a preset number threshold, the element position of each UI element in the UI interface can be obtained.
[0067] Among them, element position is used to represent the position information of interface element in UI interface. Element position can be represented by the coordinates of the center point and the length and width of the smallest bounding rectangle of the interface element, or by the coordinates of the four corner points of the smallest bounding rectangle. Element position can be obtained from the attribute information of the control corresponding to the interface element.
[0068] Step 205: Based on the element position of each interface element, group the interface elements whose distance between them is less than a preset distance into a group to obtain at least one UI element group.
[0069] The distance between interface elements can be the distance between the center points of the smallest bounding rectangle of the interface elements, or the distance between the adjacent sides of two smallest bounding rectangles. This disclosure does not impose any restrictions on this.
[0070] In this embodiment of the disclosure, after obtaining the element position of each interface element, interface elements whose distance to each other is less than a preset distance can be grouped together to obtain one or more UI element groups. For example, suppose the distance between interface element A and interface element B is less than a preset distance, and the distance between interface element B and interface element C is less than a preset distance, but the distance between interface element A and interface element C is greater than a preset distance. Since the distance between interface element B and interface element C is less than a preset distance, interface elements A, B, and C are still grouped into one UI element group. If the distance between interface element B and interface element C is also greater than a preset distance, then interface elements A and B are grouped into one UI element group, and interface element C is grouped into another UI element group.
[0071] The UI interface display method of the clothing processing device in this embodiment obtains the number of interface elements in the UI interface, and selects the corresponding division method to divide the interface elements in the UI interface into one or more UI element groups according to whether the number of elements exceeds a preset number threshold. This achieves flexible division of interface elements and improves the flexibility of the method.
[0072] In one alternative embodiment of this disclosure, in such Figure 2Based on the illustrated embodiment, in a scenario where the divided UI element group contains at most one clickable interface element, after the target display interface is displayed on the screen of the garment processing device, when a user clicks on an image (referred to as the first image for ease of description and distinction) in the target display interface, the garment processing device responds to the click operation by acquiring the interface elements on the first image, and according to the element type of these interface elements, detecting whether there is a clickable (i.e., target element type) interface element (referred to as the first interface element for ease of description and distinction) among the interface elements contained in the first image. If there is a clickable first interface element in the first image, the device further acquires the response information associated with the first interface element (referred to as the first response information for ease of description and distinction), and then responds according to the first response information.
[0073] For example, if the first response information is an action, the garment handling device performs that action. For instance, if the first response information is that the washing machine has started and is working, the response is to start the washing program of the washing machine to begin washing the clothes. If the first response information is display information, the garment handling device responds by displaying information on the display screen. For instance, if the first response information is to display a parameter setting interface, the response is to display a parameter setting interface on the washing machine's display screen so that the user can set the washing parameters.
[0074] If none of the interface elements in the first image are clickable, the click operation is determined to be a mistake and no response is made.
[0075] In one alternative embodiment of this disclosure, in such Figure 2 Based on the illustrated embodiment, in a scenario where the total number of UI elements in the UI interface exceeds a threshold, and one or more UI element groups are obtained by dividing the elements according to their positions, after the target display interface is displayed on the screen of the clothing processing device, when a user clicks on a picture in the target display interface (referred to as the second picture for ease of description and distinction), the clothing processing device responds to the click operation by obtaining the element type of each interface element in the second picture, and counting the number of clickable (i.e., target element type) interface elements in the second picture according to the element type of each interface element in the second picture. If the number of clickable interface elements in the second picture is one, the response information associated with the clickable interface element in the second picture (referred to as the second response information for ease of description and distinction) is directly obtained, and then a response is made according to the second response information.
[0076] If the second image contains more than one clickable interface element, the click position is further obtained. This click position is then matched with the position of each interface element in the UI, and the distance between the click position and each element position is compared. The interface element with the closest distance (i.e., the smallest positional deviation) to the click position is identified as the user-clicked element. The response information associated with this user-clicked element (referred to as third response information for ease of description and differentiation) is then obtained, and a response is made based on this third response information. The position of each interface element in the UI can be pre-stored in the local storage space of the electronic device for easy retrieval when needed.
[0077] If the number of clickable interface elements in the second image is 0, meaning that none of the interface elements in the second image are clickable, then the click operation is determined to be a false trigger and no response is made.
[0078] In one optional embodiment of this disclosure, when generating a corresponding image for each UI element group, each UI element group within at least one UI element group can be traversed, and the control corresponding to the interface element in the currently traversed UI element group can be added to a pre-created parent control. The image corresponding to the currently traversed UI element group is then generated through the parent control.
[0079] The parent control is pre-created and can be created during program initialization.
[0080] In this embodiment of the disclosure, after the UI element groups are obtained, each UI element group can be traversed, and all the controls of the interface elements contained in the currently traversed UI element group can be added to the parent control. Then, the parent control can be converted into an image, thus obtaining the image corresponding to the currently traversed UI element group.
[0081] For example, the lv_snapshot_take_to_buf function, which converts control objects into image data streams, can be used to convert the parent control into an image. In this way, the image corresponding to the currently traversed UI element group can be obtained, thus realizing the conversion of the interface elements in a UI element group into an image.
[0082] After iterating through all UI element groups, the image corresponding to each UI element group is obtained. Then, a corresponding image control is created for each generated image. This converts all UI elements (one control per UI element) within a UI element group into a single image control, thus reducing the number of controls. It should be noted that commonly used image control creation methods can be used to create the image controls, which will not be elaborated upon in this document.
[0083] In one alternative embodiment of this disclosure, after converting a UI element group into a corresponding image, all interface elements and their controls in the UI element group can be deleted to free up memory space.
[0084] Taking a large-screen washing machine as an example, when the washing machine is powered on and started, it enters the homepage rendering process. Before rendering, the disclosed solution is used to divide the interface elements into one or more UI element groups according to the layout style of the UI interface. Each UI element group is traversed, converted into images, and corresponding image controls are created and added to the UI interface. Afterwards, the controls of each interface element in the UI element group can be deleted to release memory. After all UI element groups have been converted into images, the homepage is rendered, and a 2D acceleration algorithm is activated to optimize screen display speed and improve display smoothness. When a swipe event is received, page switching is required. At this time, the 2D acceleration algorithm is also activated to optimize screen display speed, improve swipe smoothness, and enhance the page swipe effect.
[0085] Corresponding to the above method embodiments, this disclosure also provides a UI interface display device for a clothing processing device.
[0086] Figure 3 This is a schematic diagram of the structure of the UI interface display device of the clothing processing equipment provided in an embodiment of the present disclosure, as shown below. Figure 3 As shown, the UI display device 30 of the clothing processing equipment may include: an element division module 310, an image generation module 320, an interface generation module 330, and a display module 340.
[0087] The element segmentation module 310 is used to segment the UI elements of the UI interface to be displayed, and obtain at least one UI element group.
[0088] Image generation module 320 is used to generate an image corresponding to each UI element group and create an image control for the image for each UI element group in the at least one UI element group;
[0089] The interface generation module 330 is used to replace the interface elements in the UI interface with the image control to generate the target display interface.
[0090] The display module 340 is used to display the target display interface through the display screen of the garment processing equipment.
[0091] Optionally, the element partitioning module 310 includes:
[0092] An element count acquisition unit is used to acquire the number of elements in the UI interface.
[0093] The element information acquisition unit is used to acquire the element type and element position of each interface element in the UI interface when the number of elements is not greater than the number threshold.
[0094] The first division unit is used to divide the UI elements according to the element type and element position of each UI element to obtain at least one UI element group.
[0095] Optionally, the first partitioning unit is also used for:
[0096] The interface elements are grouped according to their positions to obtain at least one set of elements.
[0097] For each set of elements, the UI elements are divided according to the element type and element position of the UI elements in each set, resulting in at least one UI element group.
[0098] Wherein, each UI element group in the at least one UI element group contains at most one interface element of the target element type, wherein the target element type is clickable.
[0099] Further optionally, the UI display device 30 of the garment processing equipment also includes:
[0100] The first acquisition module is used to acquire the interface elements contained in the first image in response to receiving a user's click operation on the first image in the target display interface;
[0101] The first detection module is used to detect whether there is a first interface element of the target element type among the interface elements contained in the first image;
[0102] The second acquisition module is used to acquire the first response information associated with the first interface element when the first interface element exists.
[0103] The first response module is used to respond based on the first response information.
[0104] Optionally, the element partitioning module 310 also includes:
[0105] An element position acquisition unit is used to acquire the element position of each interface element in the UI interface when the number of elements is greater than the number threshold.
[0106] The second division unit is used to divide interface elements that are less than a preset distance apart into groups based on the element position of each interface element, thereby obtaining at least one UI element group.
[0107] Further optionally, the UI display device 30 of the garment processing equipment also includes:
[0108] The third acquisition module is used to acquire the element type of each interface element in the second image in response to receiving a user's click operation on the second image in the target display interface;
[0109] The statistics module is used to count the number of interface elements of the target element type contained in the second image based on the element type of each interface element in the second image, wherein the target element type is clickable.
[0110] The fourth acquisition module is used to acquire second response information associated with the interface element of the target element type in the second image when the number of interface elements of the target element type contained in the second image is one.
[0111] The second response module is used to respond based on the second response information.
[0112] Further optionally, the UI display device 30 of the garment processing equipment also includes:
[0113] The fifth acquisition module is used to acquire the click position of the click operation when the number of interface elements of the target element type contained in the second image is greater than one.
[0114] The click element determination module is used to determine the interface element closest to the click position as the user click element based on the click position and the element position of each interface element in the UI interface.
[0115] The sixth acquisition module is used to acquire the third response information associated with the user-clicked element;
[0116] The third response module is used to respond based on the third response information.
[0117] Optionally, the image generation module is also used for:
[0118] Iterate through each UI element group in the at least one UI element group, and add the control corresponding to the interface element in the currently iterated UI element group to the pre-created parent control;
[0119] The parent control generates the image corresponding to the currently traversed UI element group.
[0120] The UI interface display device for the garment processing equipment provided in this disclosure can execute any UI interface display method for the garment processing equipment provided in this disclosure, and has the corresponding functional modules and beneficial effects of executing the method. Content not described in detail in the device embodiments of this disclosure can be referred to the description in any method embodiment of this disclosure.
[0121] It should be noted that although several modules or units for the device used to perform actions have been mentioned in the detailed description above, this division is not mandatory. In fact, according to embodiments of this disclosure, the features and functions of two or more modules or units described above can be embodied in one module or unit. Conversely, the features and functions of one module or unit described above can be further divided and embodied by multiple modules or units.
[0122] In an exemplary embodiment of this disclosure, a garment processing device is also provided, comprising: a processor and a memory, wherein the processor is configured to execute a computer program stored in the memory, and the computer program, when executed by the processor, implements the steps of the UI interface display method of the garment processing device as described in the above embodiments.
[0123] In this embodiment of the disclosure, a computer-readable storage medium is also provided, on which a computer program is stored, wherein when the computer program is executed by a processor, the steps of the UI interface display method of the clothing processing device described in the above embodiments are implemented.
[0124] It should be noted that the computer-readable storage medium disclosed herein can be, for example,—but not limited to—an electrical, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any combination thereof. More specific examples of computer-readable storage media may include, but are not limited to: electrical connections having one or more wires, portable computer disks, hard disks, random access memory, read-only memory, erasable programmable read-only memory (EPROM or flash memory), optical fiber, portable compact disk read-only memory (CD-ROM), optical storage devices, magnetic storage devices, or any suitable combination thereof. In this disclosure, a computer-readable storage medium can be any tangible medium containing or storing a program that can be used by or in connection with an instruction execution system, apparatus, or device. Program code contained on a computer-readable storage medium can be transmitted using any suitable medium, including but not limited to: wireless, wire, optical fiber, radio frequency, etc., or any suitable combination thereof.
[0125] In this embodiment of the disclosure, a computer program product is also provided, which, when run on a computer, causes the computer to execute the steps of the UI interface display method for the clothing processing device described in the above embodiments.
[0126] It should be noted that, in this document, relational terms such as "first" and "second" are used merely to distinguish one entity or operation from another, and do not necessarily require or imply any such actual relationship or order between these entities or operations. Furthermore, the terms "comprising," "including," or any other variations thereof are intended to cover non-exclusive inclusion, such that a process, method, article, or apparatus that comprises a list of elements includes not only those elements but also other elements not expressly listed, or elements inherent to such a process, method, article, or apparatus. Without further limitations, an element defined by the phrase "comprising one..." does not exclude the presence of other identical elements in the process, method, article, or apparatus that includes said element.
[0127] The above description is merely a specific embodiment of this disclosure, enabling those skilled in the art to understand or implement it. Various modifications to these embodiments will be readily apparent to those skilled in the art, and the general principles defined herein may be implemented in other embodiments without departing from the spirit or scope of this disclosure. Therefore, this disclosure is not to be limited to the embodiments described herein, but is to be accorded the widest scope consistent with the principles and novel features disclosed herein.
Claims
1. A UI interface display method of a laundry treating apparatus, characterized by, The method comprises: dividing interface elements of a UI interface to be displayed to obtain at least one UI element group; generating a picture corresponding to each UI element group in the at least one UI element group and creating a picture control of the picture for each UI element group; replacing interface elements in the UI interface with the picture control to generate a target display interface; displaying the target display interface on a display screen of a clothes processing device.
2. The method of claim 1, wherein, The dividing of the interface elements of the UI interface to be displayed to obtain at least one UI element group comprises: obtaining an element number of interface elements in the UI interface; in a case where the element number is not greater than a number threshold, obtaining an element type and an element position of each interface element in the UI interface; dividing the interface elements of the UI interface according to the element type and the element position of each interface element to obtain at least one UI element group.
3. The method of claim 2, wherein, The dividing of the interface elements of the UI interface according to the element type and the element position of each interface element to obtain at least one UI element group comprises: grouping the interface elements according to the element positions to obtain at least one element set; for each element set, dividing the interface elements in the element set according to the element type and the element position of each interface element in the element set to obtain at least one UI element group; wherein each UI element group in the at least one UI element group contains at most one interface element of a target element type, and the target element type is a clickable type.
4. The method of claim 3, wherein, After the displaying of the target display interface on the display screen of the clothes processing device, the method further comprises: in response to receiving a click operation of a user on a first picture in the target display interface, obtaining interface elements contained in the first picture; detecting whether a first interface element of a target element type exists in the interface elements contained in the first picture; in a case where the first interface element exists, obtaining first response information associated with the first interface element; responding according to the first response information.
5. The method of claim 2, wherein, The dividing of the interface elements of the UI interface to be displayed to obtain at least one UI element group further comprises: in a case where the element number is greater than the number threshold, obtaining an element position of each interface element in the UI interface; dividing interface elements with a distance less than a preset distance into a group according to the element position of each interface element to obtain at least one UI element group.
6. The method of claim 5, wherein, After the displaying of the target display interface on the display screen of the clothes processing device, the method further comprises: in response to receiving a click operation of a user on a second picture in the target display interface, obtaining an element type of each interface element in the second picture; according to the element type of each interface element in the second picture, counting a number of interface elements of a target element type contained in the second picture, and the target element type is a clickable type; In a case where the number of interface elements of the target element type contained in the second picture is one, obtaining second response information associated with the interface element of the target element type in the second picture; Making a response according to the second response information.
7. The method of claim 6, wherein, The method further comprises: In a case where the number of interface elements of the target element type contained in the second picture is more than one, obtaining a click position of the click operation; According to the click position and the element position of each interface element in the UI interface, determining an interface element closest to the click position as a user click element; Obtaining third response information associated with the user click element; Making a response according to the third response information.
8. The method according to any one of claims 1 to 7, characterized in that, The generating, for each UI element group in the at least one UI element group, of a picture corresponding to the each UI element group comprises: Traversing each UI element group in the at least one UI element group, and adding a control corresponding to an interface element in a currently traversed UI element group to a pre-created parent control; Generating a picture corresponding to the currently traversed UI element group through the parent control. 9.A UI interface display apparatus of a laundry treating apparatus, characterized by, The apparatus comprises: An element division module configured to divide interface elements of a UI interface to be displayed to obtain at least one UI element group; A picture generation module configured to generate, for each UI element group in the at least one UI element group, a picture corresponding to the each UI element group and create a picture control of the picture; An interface generation module configured to replace interface elements in the UI interface with the picture control to generate a target display interface; A display module configured to display the target display interface through a display screen of a clothes processing device. 10.A laundry treating apparatus, characterized by, comprise: A processor and a memory, the processor being configured to execute a computer program stored in the memory, the computer program being configured to implement the steps of the UI interface display method of the clothes processing device according to any one of claims 1-8 when executed by the processor.
11. A computer readable storage medium having stored thereon a computer program, characterized in that The computer program is configured to implement the steps of the UI interface display method of the clothes processing device according to any one of claims 1-8 when executed by the processor.