Input interaction method, electronic device, and readable medium

Abstract

The present application provides an input interaction method, an electronic device, and a readable medium. The input interaction method comprises: an electronic device displaying a first interface, the first interface comprising a first region, the first region displaying a first beauty makeup sub-item and a first button, and the first beauty makeup sub-item corresponding to a first makeup style; in response to a tap operation performed by a user on the first button, the electronic device displaying a first beauty makeup icon, a second beauty makeup icon, and a second button in the first region, wherein the first beauty makeup icon is in a first state, the second beauty makeup icon is in a second state, and the first region further displays a plurality of options for the first beauty makeup icon; and in response to a tap operation performed by the user on the second button, the electronic device displaying the first beauty makeup sub-item and a second beauty makeup sub-item in the first region, the second beauty makeup sub-item corresponding to a second makeup style. The invention enables the user to perform tap operations on the first button and the second button, so that the electronic device, in response to the tap operations by the user, obtains beauty makeup sub-items corresponding to new makeup styles, thereby enriching facial beautification functions.

Description

Input interaction method, electronic device and readable medium

[0001] This application claims priority to the Chinese patent application filed with the State Intellectual Property Office of China on November 23, 2023, with application number 202311585514.3 and invention name “Input interaction method, electronic device and readable medium”, the entire contents of which are incorporated by reference into this application. Technical Field

[0002] The present application relates to the field of data processing technology, and in particular to an input interaction method, electronic device, computer program product, and computer-readable storage medium. Background Art

[0003] Beauty enhancement is a common feature on electronic devices. For example, when a user uses an electronic device to take a photo, they can enable the camera's beauty enhancement function, which then enhances the image captured by the camera. However, there is still room for improvement in beauty enhancement features on electronic devices.

[0004] Summary of the Invention

[0005] The present application provides an input interaction method, an electronic device, a computer program product, and a computer-readable storage medium, the purpose of which is to enrich beauty functions by interacting with users.

[0006] In order to achieve the above objectives, this application provides the following technical solutions:

[0007] In a first aspect, the present application provides an input interaction method, including: an electronic device displays a first interface, the first interface includes a first area, the first area displays a first beauty sub-item and a first button, and the first beauty sub-item corresponds to a first makeup look; in response to a user clicking the first button, the electronic device displays a first beauty atom, a second beauty atom, and a second button in the first area, wherein the first beauty atom is in a first state, the second beauty atom is in a second state, and the first area also displays multiple options for the first beauty atom; in response to a user clicking the second button, the electronic device displays the first beauty sub-item and the second beauty sub-item in the first area, and the second beauty sub-item corresponds to a second makeup look.

[0008] The first area may refer to the viewfinder of the first interface, and the first button may refer to a custom button for users to create makeup looks. The second button may refer to a save button for saving user-created makeup looks. As can be seen from the above, users can click the first and second buttons, and the electronic device can respond to the clicks and display the beauty sub-items of the user-customized makeup look, thus enriching the beauty function.

[0009] In one possible embodiment, in response to the user clicking the second button, the electronic device further includes: receiving the user clicking the first option of the first beauty atom; in response to the user clicking the first option of the first beauty atom, the electronic device displays the first option in the first state and the other options of the first beauty atom in the second state before displaying the first beauty sub-item and the second beauty sub-item in the first area.

[0010] In the above possible implementation, each option of the first beauty atom corresponds to a makeup feeling, the first state is a selected state, and the second state is a non-selected state. The user clicks the first option of the first beauty atom to select the makeup feeling corresponding to the first option.

[0011] In one possible embodiment, the first area of ​​the first interface also displays the first portrait; after receiving the user's click operation on the first option of the first beauty atom, it also includes: in response to the user's click operation on the first option of the first beauty atom, the electronic device displays the makeup of the first option in the area of ​​the first portrait corresponding to the first beauty atom, so that the makeup of the first option selected by the user can be added to the portrait displayed in the first area.

[0012] In one possible embodiment, the first area of ​​the first interface also displays a first portrait, and the method further includes: in response to the user clicking a second button, the electronic device displays a second makeup on the first portrait, thereby adding user-created makeup to the portrait displayed in the first area.

[0013] In one possible embodiment, the electronic device displays the first beauty sub-item and the second beauty sub-item in the first area, the second beauty sub-item is in the first state, and the first beauty sub-item is in the second state; the electronic device also displays a scale bar for the second beauty sub-item in the first area, the scale bar including scale values ​​and scale lines, thereby displaying the scale bar corresponding to the beauty sub-item selected by the user, making it convenient to adjust the intensity of the makeup by inputting a sliding operation on the scale bar.

[0014] In a possible implementation, the icon of the second beauty sub-item in the first state is the first icon.

[0015] In one possible embodiment, after the electronic device displays the first beauty sub-item and the second beauty sub-item in the first area, it also includes: in response to the user's click operation on the first beauty sub-item, the electronic device displays that the first beauty sub-item is in the first state, the second beauty sub-item is in the second state, and the icon of the second beauty sub-item is the second icon. The electronic device also displays a scale bar of the first beauty sub-item in the first area, and the scale bar includes a scale value and a scale line, thereby realizing the determination of whether the beauty sub-item is in a selected state through the icon of the beauty sub-item.

[0016] In one possible embodiment, in response to a user clicking the first button, the electronic device further displays a third button in the first area, and the method further includes: in response to the user clicking the third button, the electronic device displays the first interface. The third button is a close button for closing the makeup creation interface.

[0017] In one possible embodiment, the first area of ​​the first interface also displays the first portrait, and the scale bar of the second beauty sub-item includes a first scale value. The method also includes: receiving a left-swipe operation input by the user at the scale bar of the second beauty sub-item; in response to the user's left-swipe operation, the electronic device displays a scale line and a second scale value at the scale bar of the second beauty sub-item, the second scale value is greater than the first scale value, and the electronic device displays the updated makeup corresponding to the second beauty sub-item on the first portrait.

[0018] In one possible embodiment, it also includes: in response to the user's left swipe operation, the electronic device displays a first mark at the first scale value in the scale bar of the second beauty sub-item, so as to indicate the default scale value of the second beauty sub-item through the first mark.

[0019] In one possible embodiment, it also includes: receiving a long press operation of the second beauty sub-item by the user; in response to the long press operation of the second beauty sub-item by the user, the electronic device displays that the second beauty sub-item is in a third state, and the third state is an editable state; in response to the user's click operation on the name of the second beauty sub-item, the electronic device displays a second interface, and the second interface includes a first pop-up window and an input method keyboard; the first pop-up window includes a text input area and a fourth button; receiving text entered by the user in the text input area, and displaying the text entered by the user in the text input area; in response to the user's click operation on the fourth button, the electronic device displays the first beauty sub-item and the second beauty sub-item in the first area, the second beauty button is in the third state, and the name is the text entered by the user, thereby realizing the modification of the name of the second beauty sub-item created by the user.

[0020] In one possible embodiment, the second beauty sub-item in the third state also includes a fifth button, and the method also includes: in response to the user clicking the fifth button, the electronic device displays a second pop-up window, the second pop-up window includes a prompt message for deleting the second beauty sub-item and a sixth button; in response to the user clicking the sixth button, the electronic device displays the first beauty sub-item and does not display the second beauty sub-item, thereby realizing the deletion of the beauty created by the user.

[0021] In one possible embodiment, the second pop-up window also includes a seventh button, and the method also includes: in response to the user clicking the seventh button, the electronic device displays the first beauty sub-item and the second beauty sub-item, and the second beauty sub-item is in the third state.

[0022] In one possible embodiment, in response to the user clicking the second button, the electronic device further displays the first button in the first area, so that after the user creates a custom makeup look, he can create another custom makeup look through the first button.

[0023] In one possible embodiment, the first area of ​​the first interface of the electronic device also displays a third beauty sub-item, which corresponds to a third makeup look. In response to the user clicking the second button, the electronic device displays the first beauty sub-item and the second beauty sub-item in the first area, and does not display the first button.

[0024] In one possible implementation, the icon of the third beauty sub-item is the same as that of the second beauty sub-item.

[0025] In one possible embodiment, in the first area, the second beauty sub-item is located after the third beauty sub-item, and the method further includes: in response to the user dragging the second beauty sub-item to before the third beauty sub-item and then releasing the second beauty sub-item, the electronic device displays the second beauty sub-item in the first area before the third beauty sub-item, thereby adjusting the display position of the beauty sub-item. In a second aspect, the present application provides an electronic device comprising: one or more processors, a memory, and a display screen; the memory and the display screen are coupled to the one or more processors, the memory is used to store a computer program, the computer program includes computer instructions, and when the one or more processors execute the computer instructions, the electronic device executes the input interaction method provided in any one of the first aspect and its embodiments.

[0026] In a third aspect, the present application provides a computer-readable storage medium for storing a computer program. When the computer program is executed, it is specifically used to implement the input interaction method provided in the first aspect and any one of its embodiments.

[0027] In a fourth aspect, the present application provides a computer program product, which, when executed on a computer, enables the computer to execute the input interaction method provided in the first aspect and any one of its embodiments. BRIEF DESCRIPTION OF THE DRAWINGS

[0028] FIG1 is a diagram showing the entrance to the beauty and makeup function provided in an embodiment of the present application;

[0029] Figures 2 to 6 are interface diagrams corresponding to user input operations for the beauty function provided in embodiments of the present application;

[0030] Figures 7 to 11 are interface diagrams corresponding to user input operations for beauty functions provided by embodiments of the present application;

[0031] FIG12 is an interface display diagram of the beauty function and the makeup function provided by another embodiment of the present application;

[0032] FIG13 is a hardware structure diagram of the electronic device provided in an embodiment of the present application. DETAILED DESCRIPTION

[0033] The technical solutions in the embodiments of the present application will be clearly and completely described below in conjunction with the drawings in the embodiments of the present application. The terms used in the following embodiments are only for the purpose of describing specific embodiments and are not intended to limit the present application. As used in the specification and claims of this application, the singular expressions "one", "a kind of", "said", "above", "the" and "this" are intended to also include expressions such as "one or more", unless the context clearly indicates otherwise.

[0034] References to "some embodiments" and the like in this specification mean that a particular feature, structure, or characteristic described in connection with that embodiment is included in one or more embodiments of the present application. Thus, phrases such as "in one embodiment," "in some embodiments," and "in other embodiments" appearing in various places in this specification do not necessarily refer to the same embodiment, but rather mean "one or more, but not all, embodiments," unless otherwise specifically emphasized. The terms "including," "comprising," "having," and variations thereof all mean "including but not limited to," unless otherwise specifically emphasized.

[0035] The "multiple" involved in the embodiments of the present application means greater than or equal to two. It should be noted that in the description of the embodiments of the present application, the words "first" and "second" are only used for the purpose of distinguishing the description and cannot be understood as indicating or implying relative importance or order.

[0036] The embodiments of the present application provide an input interaction method that enables users and electronic devices to enrich the beauty function through the input interaction method. In some embodiments, in addition to supporting the beauty function, the electronic device also supports the beauty function.

[0037] Figure 1 takes a mobile phone as an example and shows the interface of a user turning on the beauty and makeup function.

[0038] As shown in Figure 1(a), a user taps the camera app icon to launch the camera. In response to the user's action, the phone displays the camera preview interface shown in Figure 1(b). In some embodiments, the entry for the beauty and makeup functions is configured in the camera's portrait mode. Therefore, the camera preview interface shown in Figure 1(b) belongs to the portrait mode, and a beauty and makeup button 102 is displayed in the viewfinder 101. Beauty and makeup button 102 is used to activate the beauty or makeup functions.

[0039] As shown in Figure 1(b), the user clicks the beauty and makeup button 102. In response to the user's click, the phone displays a camera preview interface (or settings interface, settings item) for the beauty and makeup function. In some embodiments, the phone displays the beauty and makeup function camera preview interface by default in response to the user clicking the beauty and makeup button 102. Of course, the phone can also display the beauty and makeup function camera preview interface by default, without limitation.

[0040] Figure 1(c) shows the camera preview interface for the beauty function. The beauty function preview interface includes a beauty button 103 and a makeup button 104. The beauty button 103 is selected, while the makeup button 104 is unselected. The viewfinder 101 displays multiple sub-items 105 for the beauty function, each corresponding to a beauty method. For example, the sub-items may include None, Skin Refinement, Whitening, Skin Tone, Makeup, AI Beauty, Thin Face, Big Eyes, Thin Nose, and Small Head.

[0041] In some embodiments, each beauty sub-item can be selected by the user.

[0042] In some embodiments, a user can slide across multiple beauty sub-items 105 to display them one by one. For example, FIG1(c) shows some of the beauty sub-items of the beauty function, while undisplayed beauty sub-items are hidden. The user can slide to control the phone to display the hidden beauty sub-items.

[0043] In some embodiments, except for the sub-item "None", the icons of each remaining beauty sub-item are configured with an outer circle (i.e., a semicircular black bar on the edge of the icon), which is used to indicate the default value of the beauty effect corresponding to the beauty sub-item.

[0044] In some embodiments, the beauty function can be configured to not automatically activate. That is, when the user controls the phone by clicking the beauty and makeup button 102 to enter the beauty function settings interface, the beauty function will not automatically activate. In other words, the beauty function is set to off by default. Based on this, the multiple sub-items shown in Figure 1 (c) are all in a deselected state. In some embodiments, when the phone launches the camera application, the image displayed in the camera preview interface has a built-in beauty effect. Based on this, the sub-item "None" shown in Figure 1 (c) is also in a deselected state.

[0045] It should be noted that, for the purpose of simplifying drawing, the viewfinder 101 in Figure 1 (c) displays the person without showing any beauty effects. Similarly, the person displayed in the viewfinder 101 in the accompanying drawings involved in the following content of this application does not show any beauty effects or makeup corresponding to the beauty effects, but this does not constitute a limitation.

[0046] In some embodiments, when the user selects the AI ​​beautification sub-item, the mobile phone can obtain the user's facial image; identify the facial bone feature points of the user's facial image, and perform foundation differentiation processing on the user's facial image based on the identified facial bone feature points to beautify the user's facial image.

[0047] The user can control the camera to activate the beauty function or the makeup function by clicking the beauty button 103 or the makeup button 104. As shown in Figure 1 (c), the user clicks the makeup button 104 to control the beauty button 103 to be in an unselected state and the makeup button 104 to be in a selected state. In response to the user's click operation, the mobile phone displays the camera preview interface of the makeup function. As shown in Figure 1 (d), the viewfinder 101 displays multiple sub-items 106 of the makeup function, each sub-item corresponding to a makeup look. For example, the multiple sub-items include none, daily, workplace, rich, Chinese, Japanese, Korean, Thai, and men's.

[0048] In some embodiments, each beauty sub-item can also be selected by the user.

[0049] In some embodiments, the user can input a sliding operation on the beauty and makeup sub-item 106 to realize the sliding display of multiple beauty and makeup sub-items. For example, Figure 1 (d) shows some beauty and makeup sub-items of the beauty and makeup function, and the beauty and makeup sub-items not displayed are hidden. The user can control the phone to display the hidden beauty and makeup sub-items by sliding.

[0050] In some embodiments, the makeup function can also be configured not to be automatically turned on, so that the person in the image displayed in the camera preview interface does not have makeup on. Based on this, the sub-item "None" among the multiple sub-items shown in Figure 1 (d) is selected.

[0051] In some embodiments, when a user first activates portrait mode equipped with beauty and makeup features, a bubble guide for the beauty and makeup features can be displayed. In some embodiments, when a user activates the camera app and controls the camera in portrait mode, the phone displays a camera preview interface, which can display a pop-up window that includes information about the beauty and makeup features. In other embodiments, the camera preview interface can also display a new feature prompt control. When the user clicks the prompt control, the phone can display information about the beauty and makeup features.

[0052] The “first time” mentioned in the above content can be understood as: 1. The new mobile phone is equipped with beauty and makeup functions, or 2. The software system of the old mobile phone is upgraded, and the upgraded system version includes beauty and makeup functions.

[0053] In some embodiments, after the beauty feature is enabled on a mobile phone, the user can enter various operations on the beauty feature's camera preview interface. For example, Figure 2 shows the user's interface for selecting a beauty feature sub-item, adjusting the scale value of a beauty feature sub-item to adjust the beauty level, turning off beauty, and closing the beauty feature settings interface.

[0054] The user selects a beauty sub-item to add the beauty effect corresponding to that beauty sub-item to the image displayed on the camera preview interface. For example, as shown in FIG2(a), the user clicks on the makeup sub-item among the multiple beauty sub-items 105. In response to the user's click, the phone adds the beauty effect corresponding to the makeup to the person displayed in the viewfinder 101, displays a scale bar 107 for the makeup sub-item in the viewfinder 101, and controls the beauty sub-item to be in a selected state, as shown in FIG2(b).

[0055] In some embodiments, the icon of the selected beauty sub-item is highlighted and displayed in the center of multiple beauty sub-items.

[0056] For example, the scale bar 107 displays the first and last scale values ​​(0 and 100) of the scale range from 0 to 100, as well as multiple scale lines, each of which indicates a scale value within the scale range from 0 to 100. The first scale value indicates the lightest beautification effect, which can generally be understood as no beautification effect, while the last scale value indicates the strongest beautification effect. A user can also adjust the intensity of the beautification effect on the person in the viewfinder 101 by sliding on the scale bar 107.

[0057] For example, the default value of the outer circle of the icon configuration of the beauty sub-item is the middle scale value of the scale interval. When the user selects the makeup sub-item, the viewfinder 101 displays the scale bar 107 of the makeup sub-item and also displays the middle scale value (50).

[0058] The user can input a sliding operation on scale bar 107 to implement a sliding display of the scale value. In some embodiments, following the user's left swipe operation, the intermediate scale value displayed on scale bar 107 is updated to the scale value between the intermediate scale value and the last scale value. Following the user's right swipe operation, the intermediate scale value displayed on scale bar 107 is updated to the scale value between the first scale value and the intermediate scale value. In some embodiments, the sliding distance corresponding to the sliding operation may indicate the updated value of the intermediate scale value displayed on scale bar 107.

[0059] In some embodiments, the outer circle of the icon configuration of the beauty sub-item can also increase or decrease as the user slides the scale bar 107. As the scale value displayed on the scale bar increases with the user sliding, the outer circle of the icon configuration of the beauty sub-item increases, and vice versa.

[0060] In some embodiments, the scale bar 107 further displays a comparison button 108. The user can click the comparison button 108 to remove the beauty effect from the person displayed in the viewfinder 101. In this way, the user can easily view the image with and without the beauty effect and compare the difference between the two.

[0061] For example, as shown in Figure 2(b), a user swipes left on scale bar 107. In response to the user's left swipe, the phone displays a scale value of 65, corresponding to the swipe distance, on scale bar 107. To facilitate the user's viewing of the default values ​​for the beauty sub-items on scale bar 107, a default value indicator is displayed at the bottom of the default value. For example, dot 109 shown in Figure 2(b) represents the default value indicator.

[0062] The user inputs an operation to turn off the beauty function, thereby removing the beauty effect of the image displayed on the camera preview interface. For example, as shown in Figure 2 (c), the user inputs a right swipe operation at the multiple beauty sub-items 105 to control the update display of the multiple beauty sub-items. The updated and displayed multiple beauty sub-items are shown in Figure 2 (d), including a "None" sub-item. As shown in Figure 2 (d), the user clicks on the "None" sub-item in the beauty sub-item, and the mobile phone turns off the beauty function in response to the user's click operation. In some embodiments, when the beauty function is turned off, the icon of the "None" sub-item may be highlighted, and the beauty effect of the person in the viewfinder is eliminated.

[0063] In some embodiments, the viewfinder may further display a pop-up window 110 to remind the user that the beautification function is turned off. For example, the pop-up window 110 may display the text "Beautification is turned off" as shown in FIG. 2 (e).

[0064] In some embodiments, the phone can record the interface before the user turns off the beauty feature, and display the recorded interface after the user turns on the beauty feature sub-item to which the interface belongs again. After the user turns off the beauty feature, the phone can display the recorded interface when the user turns on the recorded beauty feature sub-item again.

[0065] For example, before the user turns off the beauty function, the camera preview interface of the beauty function displayed on the mobile phone is shown in Figure 2 (c). As shown in Figure 2 (e), after the beauty function is turned off, the user can enter two operations to turn on the beauty function's makeup sub-item again. The first operation, as shown in ① in Figure 2 (e), is that the user clicks the sub-item "None". The second operation, as shown in ② in Figure 2 (e), is that the user clicks the makeup sub-item. After the user enters the first operation or the second operation, the mobile phone responds to the user's click operation and displays the camera preview interface of the beauty function before turning off the beauty function, that is, displays the camera preview interface of the beauty function as shown in Figure 2 (c).

[0066] If the user taps another beauty sub-item shown in Figure 2 (e), such as the whitening sub-item, the phone will display the camera preview interface corresponding to the selected whitening sub-item. Because the phone has not recorded any user input on the camera preview interface corresponding to the whitening sub-item, the phone's camera preview interface for the selected whitening sub-item will display a whitening beauty effect applied to the person displayed in the viewfinder. The viewfinder will display a scale bar indicating the default whitening sub-item value. The whitening sub-item icon will also be highlighted and centered among the multiple beauty sub-items.

[0067] In some embodiments, after beauty is turned off, the user turns on beauty again, such as selecting any beauty sub-item, or clicking the "None" sub-item again, the camera preview interface of the beauty function displayed on the mobile phone can also display a pop-up window to remind the user that beauty is turned on.

[0068] The settings for the beauty function may not be automatically retracted. The user may input a click operation in the non-control area of ​​the viewfinder to retract the settings for the beauty function, i.e., close the settings interface for the beauty function (also known as the camera preview interface for the beauty function). For example, the user clicks a blank area of ​​the viewfinder 101 as shown in FIG. 2 (b) or (c). In response to the user's click operation, the mobile phone closes the camera preview interface for the beauty function and displays the camera preview interface for the portrait mode as shown in FIG. 2 (f), i.e., the entry interface for the beauty and makeup function. The camera preview interface for the beauty function is retracted to become the beauty and makeup button 102.

[0069] In some embodiments, the mobile phone may also record the interface before the user inputs the operation of retracting the beauty function, and display the recorded interface after the user turns on the beauty function again. For example, the user inputs the operation of retracting the setting item of the beauty function in the interface shown in Figure 2 (b), and the user clicks the beauty and makeup button 102 in the interface shown in Figure 2 (f), and the mobile phone may display the interface shown in Figure 2 (b). The user inputs the operation of retracting the setting item of the beauty function in the interface shown in Figure 2 (c), and the user clicks the beauty and makeup button 102 in the interface shown in Figure 2 (f), and the mobile phone may display the interface shown in Figure 2 (c).

[0070] In some embodiments, the camera preview interface of the beauty function may also include a reset button, which can provide the user with a one-click function to restore the default value of the beauty sub-item. For example, in the camera preview interface of the beauty function shown in Figure 3 (a), the viewfinder displays a reset button 111.

[0071] In some embodiments, if a user selects the "None" sub-item to turn off beauty enhancement, or if a user selects any beauty enhancement sub-item other than "None" and the scale bar for that beauty enhancement sub-item displays the default value, the reset button will typically be inactive, and the user may not respond when clicking the reset button. The reset button icon may also be grayed out. If a user adjusts the scale bar for the beauty enhancement sub-item to display a non-default value, the reset button will become active and operational.

[0072] For example, in the camera preview interface of the Beauty function shown in Figure 3 (a), the Makeup sub-item is selected, the scale bar 107 displays the default value of 50, and the Reset button 111 is grayed out. After the user swipes left on scale bar 107, the phone displays the interface shown in Figure 3 (b), in which the scale bar 107 displays a non-default value of 65 and the Reset button 111 is activated and operational. As shown in Figure 3 (b), the user clicks Reset button 111, and the phone displays the default value interface for the Beauty sub-item, i.e., the interface shown in Figure 3 (a).

[0073] It should be noted that the reset button 111 is typically located at the end of multiple beauty sub-items. When the phone displays the reset button and the user selects a beauty sub-item, the icon for that beauty sub-item becomes highlighted, but the beauty sub-item is not centered. For example, in the interfaces shown in Figures 3 (a) and (b), the makeup sub-item is selected, and its icon is highlighted, but not centered.

[0074] In some embodiments, the scale bar for the Skin Tone Beauty sub-item includes cold and warm scale intervals, with cold representing the first scale value and warm representing the last scale value. For example, cold may represent a scale value of -50, and warm may represent a scale value of 50. The default value for the Skin Tone sub-item is 0, representing the original skin tone, and the icon for the Skin Tone sub-item does not display an outer ring. If the user adjusts the scale bar toward warmer, the scale value displays between 0 and 50, and the edge of the Skin Tone sub-item icon displays a clockwise outer ring. If the user adjusts the scale bar toward cooler, the scale value displays between -50 and 0, and the edge of the Skin Tone sub-item icon displays a counterclockwise outer ring.

[0075] For example, as shown in FIG4(a), the skin color sub-item is selected, and the scale bar 107 of the skin color sub-item displays a default value of 0. The user swipes right on the scale bar 107, and the phone displays the interface shown in FIG4(b), in which the scale bar 107 displays a non-default value of -15, a dot is displayed at the bottom of the default value to indicate the position of the default value on the scale bar, and the icon edge of the skin color sub-item displays an outer circle in a counterclockwise direction. The user swipes left on the scale bar 107, and the phone displays the interface shown in FIG4(c), in which the scale bar 107 displays a non-default value of 15, a dot is displayed at the bottom of the default value to indicate the position of the default value on the scale bar, and the icon edge of the skin color sub-item displays an outer circle in a clockwise direction.

[0076] In some embodiments, after the beautification function is enabled on a mobile phone, the user can input an operation to control the phone to disable the beautification function's camera preview interface and display another interface. Exemplary user inputs may include: switching between the front and rear cameras, switching images displayed in the gallery app, exiting the background, and invoking the camera app's settings interface. In some embodiments, the mobile phone may also record the interface before the user inputs the beautification function, and display the recorded interface after the user enables the beautification function again.

[0077] For example, Figure 5 (a) shows the camera preview interface of the beauty function, in which the makeup sub-item is selected. The user clicks button 112, and button 112 links to the gallery application. In response to the user's click operation, the mobile phone closes the camera preview interface of the beauty function and displays the image browsing interface shown in Figure 5 (b). The images in the image browsing interface are images saved by the gallery application. The user enters an exit operation in the image browsing interface (for example, clicking the return control in the upper left corner of the interface in Figure 5 (b), or sliding on the side of the mobile phone interface), and the mobile phone displays the camera preview interface of the portrait mode shown in Figure 5 (c), and the beauty and makeup button 102 is displayed on the interface. The user clicks the beauty and makeup button 102, and the mobile phone displays the camera preview interface of the beauty function shown in Figure 5 (a).

[0078] In some embodiments, after enabling the makeup function on a mobile phone, the user can also enter various operations on the makeup function's camera preview interface. For example, Figure 6 shows the corresponding interface for selecting a makeup sub-item, adjusting the scale value of a makeup sub-item to adjust the makeup level, and closing the makeup function's settings.

[0079] The user selects a makeup sub-item to add the makeup look corresponding to the sub-item to the image displayed on the camera preview interface. For example, as shown in Figure 6 (a), the user clicks on the Qianjin sub-item among the multiple makeup sub-items 106. In response to the user's click, the mobile phone adds the makeup look corresponding to the Qianjin sub-item to the person displayed in the viewfinder 101, displays a scale bar 114 for the Qianjin sub-item in the viewfinder 101, and controls the beauty makeup sub-item to be in a selected state, as shown in Figure 6 (b).

[0080] In some embodiments, the icon of the beauty and makeup sub-item that is in a selected state is highlighted and is displayed in the center of multiple beauty and makeup sub-items.

[0081] For example, the scale bar 114 displays the first and last scale values ​​(0 and 100) of the scale range from 0 to 100 and a plurality of scale lines, each of which may indicate a scale value in the scale range from 0 to 100. The first scale value indicates the lightest makeup, which can generally be understood as no makeup, and the last scale value indicates the heaviest makeup.

[0082] As another example, the user selects the Qianjin sub-item, and the viewfinder 101 displays the scale bar 114 of the Qianjin sub-item and also displays the default value of the Qianjin sub-item, such as the middle scale value (50).

[0083] In some embodiments, when the user selects any makeup sub-item except the sub-item "None", the viewfinder 101 may also display a pop-up window 113 to remind the user that makeup is turned on. For example, the pop-up window 113 may display the text "Beauty is turned on" as shown in Figure 6 (b).

[0084] In other embodiments, after the user selects any makeup sub-item except the sub-item "None", the user selects the "None" sub-item to turn off makeup, and the viewfinder 101 may also display a pop-up window to remind the user that makeup is turned off. For example, the pop-up window may display the text "Beauty is turned off".

[0085] The user can input a sliding operation on the scale bar 114 to realize the sliding display of the scale value. In some embodiments, following the user's left swipe operation, the middle scale value displayed on the scale bar 114 is updated to the scale value between the middle scale value and the last scale value, and following the user's right swipe operation, the middle scale value displayed on the scale bar 114 is updated to the scale value between the first scale value and the middle scale value. In some embodiments, the sliding distance corresponding to the sliding operation can indicate the value after the middle scale value displayed on the scale bar 114 is updated. The sliding operation input by the user on the scale bar 114 can also adjust the overall makeup of the person in the viewfinder 101.

[0086] In some embodiments, the scale bar 114 further displays a comparison button 115. The user can click the comparison button 115 to remove the makeup of the person displayed in the viewfinder 101. In this way, the user can easily view the image with and without makeup and compare the difference between the two.

[0087] For example, as shown in Figure 6(b), the user swipes left on scale bar 114. In response to the user's swipe, the phone displays a scale value of 65, which is the distance swiped corresponding to the swipe, on scale bar 114. To facilitate the user's viewing of the default value of the beauty sub-item on the scale bar, a default value indicator may be displayed at the bottom of the default value on scale bar 114. For example, the dot 116 shown in Figure 6(c) is the default value indicator.

[0088] The settings for the beauty function may not be automatically retracted. The user can input a click operation in the non-control area of ​​the viewfinder to retract the settings for the beauty function, that is, close the camera preview interface of the beauty function (also referred to as the settings interface of the beauty function). For example, as shown in Figure 6 (c), the user clicks on a blank area of ​​the viewfinder 101. In response to the user's click operation, the phone closes the camera preview interface of the beauty function and displays the camera preview interface of the portrait mode as shown in Figure 6 (d), that is, the entry interface of the beauty function. The settings for the beauty function are retracted to become the beauty button 102.

[0089] In some embodiments, the mobile phone may also record the interface before the user enters the operation to close the beauty function settings, and display the recorded interface after the user turns on the beauty function again. For example, if the user enters the operation to close the beauty function settings on the interface shown in Figure 6 (c), and the user clicks the beauty button 102 on the interface shown in Figure 6 (d), the mobile phone may display the interface shown in Figure 6 (c).

[0090] In some embodiments, the camera preview interface of the beauty function may also include a customization button, which can provide users with the function of creating a customized makeup.

[0091] For example, in the camera preview interface of the makeup function shown in Figure 7 (a), the custom button is located at the end of multiple makeup sub-items. As shown in Figure 7 (a), the user clicks the custom button. In response to the user's click, the phone displays the makeup creation interface. For example, Figure 7 (b) shows a makeup creation interface. The viewfinder 101 of this makeup creation interface includes: multiple makeup atoms 117, a close button 118, and a save button 119. The close button 118 is used to close the makeup creation interface, and the save button 119 is used to save the user's created makeup.

[0092] For example, the multiple makeup atoms may include: lipstick, eye shadow, eyelashes, cosmetic contact lenses, blush, eyebrows, and contouring, etc. A makeup atom can be understood as an element included in makeup.

[0093] In the camera preview interface of the beauty function shown in Figure 7 (a), the Qianjin sub-item is selected, and the scale bar of the Qianjin sub-item is displayed in the camera preview interface of the beauty function. In the camera preview interface of the beauty function shown in Figure 7 (a), none of the sub-items of the beauty function are selected. Accordingly, the camera preview interface of the beauty function does not display the scale bar, but only displays the sub-items of the beauty function and the custom button. The user can also click the custom button, and the phone can respond to the user's click operation and display the beauty creation interface shown in Figure 7 (b).

[0094] In some embodiments, each beauty atom can also be selected by the user. After the beauty atom is selected, the viewfinder 101 also includes multiple options 120, which are multiple options 120 for the beauty atom selected by the user. For example, Figure 7 (b) shows some options for lipstick, and some options for lipstick that are not displayed are hidden. The user can control the phone to display the hidden options for lipstick by sliding. In some embodiments, each beauty atom defaults to None, that is, the option "None" for each beauty atom is selected.

[0095] In some embodiments, the user can slide the Beauty Atom 117 to display multiple Beauty Atoms. For example, FIG7(b) shows some Beauty Atoms, while the undisplayed Beauty Atoms are hidden. The user can slide to control the phone to display the hidden Beauty Atoms.

[0096] The user can click the close button 118, and the phone responds by displaying the previous interface of the beauty creation interface, namely the interface shown in Figure 7 (a). The previous interface of the beauty creation interface can be understood as the entry interface of the beauty creation interface. The user clicks the custom button on the camera preview interface where none of the beauty function sub-items are selected, and the phone displays the beauty creation interface shown in Figure 7 (b). The user clicks the close button 118, and the phone displays the camera preview interface where none of the beauty function sub-items are selected.

[0097] The user can also create a makeup look by selecting a makeup atom and selecting an option for that makeup atom in the makeup creation interface shown in Figure 7(b). After creating a makeup look, the user can click the Save button 119. In response to the user's click, the phone saves the user's makeup look and displays the interface for the user-created makeup look.

[0098] It should be noted that when the user creates a makeup look, if they select the option "None" for each makeup atom and then click the save button 119, the mobile phone can also save the makeup look created by the user. Of course, this makeup look is a natural look without makeup.

[0099] For example, FIG7 (c) shows an interface for a makeup look created by a user. In this interface, the makeup look saved on the mobile phone is named Beauty 1. Beauty 1 is usually located at the end of multiple beauty makeup sub-items. Beauty 1 is selected, its icon is highlighted, and the icon is editable. The interface also displays a scale bar 121 for Beauty 1. For example, the scale bar 121 displays the first and last scale values ​​(0 and 100) of the scale range from 0 to 100 and multiple scale lines, each of which can indicate a scale value in the scale range from 0 to 100. Normally, the makeup look created by the user can correspond to a scale value in the scale range from 0 to 100, which is the default value of Beauty 1, such as the scale value 50 shown in FIG7 (c).

[0100] In some embodiments, the user may also slide the scale bar 121 to display the scale values ​​and adjust the overall makeup intensity of the person in the frame. To facilitate the user's viewing of the default value of Makeup 1 on the scale bar, a dot or other default value indicator may be displayed at the bottom of the scale bar 121 after the user slides the scale bar 121.

[0101] In some embodiments, the mobile phone adjusts the overall makeup of the person in the viewfinder in response to the user inputting a sliding operation on the scale bar 121. The method can be based on the weight, adjusting the value corresponding to the overall makeup of the person. If the overall makeup of the person is made thicker, the weight is greater than 1, and if the overall makeup of the person is made lighter, the weight is less than 1.

[0102] In some embodiments, the scale bar 21 further displays a comparison button 122. The user can click the comparison button 122 to remove the makeup 1 from the person displayed in the viewfinder. In this way, the user can easily view the image with and without makeup added and compare the difference between the two.

[0103] As shown in Figure 7(c), the user clicks on the selected Beauty Makeup 1. In response to the user's click, the phone displays the Beauty Makeup creation interface shown in Figure 7(b). This interface displays the makeup look of Beauty Makeup 1. That is, among the multiple options for each Beauty Makeup atom of Beauty Makeup 1, the option selected by the user when creating Makeup 1 is selected. The user can also adjust the selected options of the Beauty Makeup atom on the Beauty Makeup creation interface to further adjust the makeup look of Beauty Makeup 1. After the user finishes adjusting the makeup look of Beauty Makeup 1, they click the Save button 119, and the phone updates and saves the makeup look of Beauty Makeup 1.

[0104] When the user switches to select other beauty sub-items, the status of the beauty 1 icon can be adjusted, that is, the icon of the customized beauty 1 changes. For example, after the user clicks on the Qianjin sub-item in the interface shown in Figure 7 (c), the mobile phone responds to the user's click operation and displays the interface shown in Figure 7 (d). This interface belongs to the Qianjin sub-item interface. The Qianjin sub-item is in the selected state, its icon is highlighted, and the viewfinder shows the Qianjin scale bar. The icon of beauty 1 changes and is displayed as the default icon shown in Figure 7 (d). Because beauty 1 is not in the selected state, its icon is in an uneditable state.

[0105] The icon shown in Figure 7(d) can be understood as the default icon for a custom makeup look. In some embodiments, after a user creates a custom makeup look and saves it, they can also modify the default icon. For example, as shown in Figure 7(b), after creating a custom makeup look and clicking the Save button, the phone responds by displaying a pop-up window on the makeup creation interface. This pop-up window includes a prompt for creating the icon, a Cancel button for canceling the creation of the new icon, and a Confirm button for displaying the camera preview interface in photo mode, prompting the user to capture an image to obtain the new icon.

[0106] The user clicks the confirmation button, and the phone displays the camera preview interface of the photo mode. When the phone detects that the user clicks the shooting button in the camera preview interface of the shooting mode, it obtains the image taken by the camera, crops the image and saves it to obtain the icon of the custom makeup. The icon of the custom makeup can replace the default icon and serve as the icon of makeup 1 in Figure 7 (d).

[0107] In some embodiments, the mobile phone may support the creation of multiple custom makeups. For example, the mobile phone supports the creation of five custom makeups. After the mobile phone saves the five custom makeups created by the user, the custom entry may be closed, that is, the custom button in the makeup camera preview interface disappears.

[0108] As another example, FIG8 shows an interface diagram of a user creating the last custom makeup, and an interface diagram of a user modifying the name of a custom makeup.

[0109] As shown in Figure 8(a), the phone has four custom makeups saved, named Makeup 1 through Makeup 4. Because Makeup 4 is selected, its icon is highlighted and in edit mode, with a scale bar displayed in the viewfinder. The icons for Makeup 1 through Makeup 3 are in non-editable mode. When the user clicks the Customize button, as shown in Figure 8(a), the phone displays the makeup creation interface shown in Figure 8(b).

[0110] After the user inputs an operation to create a new makeup look on the makeup creation interface, they click the Save button 119. In response to the user's click, the phone saves the makeup look and displays the interface shown in FIG8(c). In this interface, the Customize button disappears, and the Makeup 5 icon is displayed. The icon is highlighted and editable. The interface also displays a scale bar for Makeup 5. The default scale value of Makeup 5 can also be 50.

[0111] In some embodiments, the default values ​​for different user-created makeup looks can be the same or different. The phone can configure the default value based on the intensity of the makeup look created by the user. For lighter makeup looks, the default value is smaller, and for lighter makeup looks, the default value is larger.

[0112] As shown in Figure 8(c), the user long-presses the Makeup 5 icon. The phone responds to the long-press, displaying the editable makeup function's camera preview interface, as shown in Figure 8(d). In this interface, Makeup 1 through Makeup 5 are all editable. A delete button 123 appears in the upper right corner of each icon, indicating that the names of Makeup 1 through Makeup 5 are editable. Delete button 123 is used to delete makeup items saved on the phone. Because Makeup 5 is selected, its icon is highlighted, and a scale bar for Makeup 5 appears on the interface.

[0113] In Figure 8 (c), Beauty Makeup 5 is selected. In response to clicking the Beauty Makeup 5 icon, the phone displays the camera preview interface of the beauty makeup function in the edit state. Of course, if the user clicks the icon of a beauty makeup that is not selected, such as any of Beauty Makeup 1 to Beauty Makeup 4 shown in Figure 8 (c), the phone can also display the camera preview interface of the beauty makeup function in the edit state. Beauty Makeup 1 to Beauty Makeup 5 in the camera preview interface of the beauty makeup function in the edit state are not selected. The scale bar is not displayed in the camera preview interface of the beauty makeup function in the edit state shown in Figure 8 (d). Of course, the user can also select the Beauty Makeup 5 icon in the camera preview interface of the beauty makeup function in the edit state, and the phone will display the camera preview interface of the beauty makeup function in the edit state shown in Figure 8 (d).

[0114] In some embodiments, makeup 1 to makeup 5 in (c) of Figure 8 are not in a selected state. When a user long presses a makeup icon, such as the makeup 5 icon, the mobile phone displays the camera preview interface of the makeup function in the editing state shown in (d) of Figure 8 , that is, makeup 5 is automatically selected in the camera preview interface of the makeup function in the editing state.

[0115] The user can modify the name of a certain makeup product by clicking on it. For example, as shown in Figure 8 (d), the user clicks on the name of makeup product 5. In response to the user's click, the phone pulls up the input method and displays the input method keyboard on the camera preview interface of the makeup function in the edit state. It also displays a pop-up window 124 to provide the user with an operation area for modifying the name. For example, as shown in Figure 8 (e), the pop-up window 124 includes the word "Rename", the name of makeup product 5, a Cancel button, and an OK button. The Cancel button is used to close the editing state of the makeup product, and the OK button is used to control the phone to correct the name of the makeup product.

[0116] As shown in (e) in FIG8 , the user clicks the Cancel button, and the mobile phone displays the upper interface of the camera preview interface of the beauty function in the editing state, that is, the interface shown in (d) in FIG8 .

[0117] The user deletes the name of Beauty 5, and enters a new name through the input method keyboard, as shown in (e) in Figure 8, and clicks the OK button. The mobile phone then displays the camera preview interface of the beauty function in the editing state, as shown in (g) in Figure 8. In this interface, the name of Beauty 5 is updated to the name entered by the user.

[0118] For example, FIG9 shows an interface diagram of a user deleting a certain beauty makeup, and an interface diagram of a user creating a new custom beauty makeup.

[0119] As shown in Figure 9(a), the user clicks the delete button 123 in the upper right corner of the Beauty 3 icon. In response to the user's click, the phone displays a pop-up window 125 on the camera preview interface of the Beauty function in the edit state, as shown in Figure 9(b), prompting the user to further confirm whether to delete Beauty 3. Exemplarily, pop-up window 125 includes a prompt "Do you want to delete "Beauty 3"?", a cancel button, and an confirm button.

[0120] As shown in FIG9(b), the user clicks the cancel button, and the mobile phone deletes the pop-up window 125 and displays the upper interface of the camera preview interface of the beauty function in the editing state, that is, the interface shown in FIG9(a).

[0121] As shown in Figure 9(b), the user clicks the OK button, and the phone deletes Makeup 3 and displays the custom button on the camera preview interface of the edited makeup function. For example, as shown in Figure 9(c), Makeup 3 is deleted, and Makeup 4 is moved forward one position for display, with the custom button located at the end of the multiple makeup items.

[0122] As shown in FIG9 (c), the user clicks the custom button to create a new makeup again. In response to the user's click operation, the mobile phone displays the makeup creation interface shown in FIG9 (d).

[0123] After the user enters an action to create a new makeup look on the makeup creation interface, they click the Save button 119. In response to the user's click, the phone saves the makeup look and displays the interface shown in Figure 9(e). The Customize button disappears. Furthermore, the previous Makeup 3 is deleted, and the new makeup look created by the user is named Makeup 3 and displayed at the end of the multiple makeup sub-items.

[0124] In some embodiments, there is a limit on the number of characters that can be displayed for a cosmetic name. For example, 10 characters can be displayed. If the user enters more than 10 cosmetic names, only the first 10 characters will be displayed, and the characters after 10 will be replaced by three dots.

[0125] In some embodiments, after the phone saves the five custom makeup looks created by the user, the user can adjust the positions of the five custom makeup looks by dragging the custom makeup icons. For example, if makeup looks 1 through 5 are arranged in order, and the user drags the makeup look 3 icon behind the makeup look 1 icon and before the makeup look 2 icon, and then releases the makeup look 3 icon, the order of makeup looks 1 through 5 is adjusted to: makeup look 1, makeup look 3, makeup look 2, makeup look 4, and makeup look 5.

[0126] In some embodiments, the multiple makeup sub-items in the beauty section include a men's sub-item, and the makeup corresponding to the men's sub-item is more suitable for men. Typically, the makeup indicated by the men's sub-item is enabled by default. Therefore, when a man is displayed in the viewfinder of the camera preview interface, the phone can add the makeup corresponding to the men's sub-item for the man.

[0127] For example, the camera preview interface of the makeup function shown in Figure 10 (a) displays a men's sub-item 125. After the user clicks the settings button 126, the phone displays the camera settings interface. As shown in Figure 10 (b), the camera settings interface displays the men's makeup adaptation item 127 and button 128, and button 128 is in the on state. The user can click button 128 to turn off the men's makeup adaptation.

[0128] It should be noted that when the male makeup adaptation is turned on, the user selects a beauty sub-item (not the men's sub-item) in the camera preview interface of the beauty function. When the mobile phone takes a picture of a man, the man's makeup in the viewfinder is also the makeup corresponding to the men's sub-item, not the makeup corresponding to the beauty sub-item selected by the user. The makeup of women is the makeup corresponding to the beauty sub-item selected by the user.

[0129] In some embodiments, after the beauty function is enabled on a mobile phone, the user can input an operation to control the phone to disable the beauty function's camera preview interface and display another interface. For example, the user input operation may include: switching between the front and rear cameras, switching to display images in the gallery application, exiting the background, calling the camera application's settings interface, etc. In some embodiments, the mobile phone may also record the interface before the user inputs the settings item for the beauty function, and display the recorded interface after the user enables the beauty function again.

[0130] For example, Figure 11 (a) shows the camera preview interface of the beauty function. The user clicks the custom button, and the phone displays the beauty creation interface. The user selects the 02 sub-item of the lipstick atom in the beauty creation interface. The user clicks the switch button for the front and rear cameras in the interface shown in Figure 11 (b). In response to the user's click operation, the phone displays the camera preview interface of the front camera, as shown in Figure 11 (c). The interface displays the beauty and makeup button. The user clicks the beauty and makeup button as shown in Figure 11 (c), and the phone displays the camera preview interface of the beauty function as shown in Figure 11 (d). The user inputs a left swipe operation at the beauty sub-item 112, and the phone displays the camera preview interface of another beauty function as shown in Figure 11 (e). The interface displays a custom button. The user clicks the custom button, and the phone displays the interface they recorded, that is, the interface shown in Figure 11 (b).

[0131] Figures 1(c) and (d) illustrate a camera preview interface for a beauty function and a camera preview interface for a makeup function. However, the camera preview interface for a beauty function and a camera preview interface for a makeup function are not limited to these. Figure 12 illustrates another camera preview interface for a beauty function and a camera preview interface for a makeup function.

[0132] Figure 12(a) shows the camera preview interface for the beauty function, and Figure 12(b) shows the camera preview interface for the makeup function. As shown in Figure 12(a), in the camera preview interface for the beauty function, the viewfinder 101 includes a beauty button 201 and a makeup button 202. Beauty button 201 is selected, while makeup button 202 is unselected. Beauty button 201 and makeup button 202 are arranged side by side, and multiple sub-items 203 of the beauty function are displayed on one side of makeup button 202. Specifically, beauty button 201, makeup button 202, and multiple beauty sub-items 203 are arranged side by side.

[0133] In some embodiments, each beauty sub-item can be selected by the user. When the user selects a beauty sub-item, the icon of the beauty sub-item can be highlighted and a scale bar of the beauty sub-item can be displayed in the viewfinder.

[0134] In other embodiments, the user can input a sliding operation on the multiple beauty sub-items 203 to control the sliding display of the multiple beauty sub-items 203. In some embodiments, the multiple beauty sub-items 203 can be displayed only in the display area of ​​the multiple beauty sub-items, and the beauty button 201 and the beauty button 202 are not affected. In other embodiments, when the multiple beauty sub-items 203 are sliding, the beauty button 201 and the beauty button 202 can be pushed to slide synchronously.

[0135] As shown in Figure 12(a), the user clicks the Beauty button 202, and the phone displays the Beauty function camera preview interface, as shown in Figure 12(b). In the Beauty function camera preview interface, the Beauty button 201 is deselected, and the Beauty button 202 is selected. Beauty buttons 201 and 202 are arranged side by side, with multiple Beauty function sub-items 204 displayed on one side of Beauty button 202. The icon for the Beauty sub-item "None" is highlighted.

[0136] In some embodiments, each beauty sub-item can be selected by the user. When the user selects a beauty sub-item, the icon of the beauty sub-item can be highlighted and a scale bar of the beauty sub-item can be displayed in the viewfinder.

[0137] In other embodiments, a user can input a sliding operation on the multiple beauty sub-items 204 to control the sliding display of the multiple beauty sub-items 204. In some embodiments, the multiple beauty sub-items 204 can be displayed only in the display area of ​​the multiple beauty sub-items, and the beauty button 201 and the beauty button 202 are not affected. In other embodiments, when the multiple beauty sub-items 204 are sliding, the beauty button 201 and the beauty button 202 can be pushed to slide synchronously.

[0138] The operations input by the user in the camera preview interface of the beauty function and the camera preview interface of the makeup function can be shown in Figures 2 to 11 and will not be repeated here.

[0139] The input interaction method provided in the above embodiments of the present application can also be applied to electronic devices such as tablet computers, personal digital assistants (PDAs), desktop computers, laptop computers, notebook computers, ultra-mobile personal computers (UMPCs), handheld computers, netbooks, and wearable devices.

[0140] Taking a mobile phone as an example, Figure 13 illustrates an example of the composition of an electronic device provided in an embodiment of the present application. As shown in Figure 13, electronic device 100 may include a processor 110, internal memory 120, a camera 130, a display 140, and a sensor module 150. It should be understood that the structure illustrated in this embodiment does not constitute a specific limitation on electronic device 100.

[0141] The processor 110 may include one or more processing units, such as an application processor (AP), a graphics processing unit (GPU), an image signal processor (ISP), and a video codec. The processor 110 may also include a memory for storing instructions and data.

[0142] The internal memory 120 can be used to store computer executable program code, which includes instructions. The processor 110 executes various functional applications and data processing of the electronic device 100 by running the instructions stored in the internal memory 120. In some embodiments, the internal memory 120 stores instructions for executing input interaction methods. The processor 110 can display the camera preview interface of the beauty and makeup functions and input various operations on the camera preview interface of the beauty and makeup functions by executing the instructions stored in the internal memory 120.

[0143] The electronic device 100 can implement a shooting function through the ISP, the camera 130, the video codec, the GPU, the display screen 140, and the application processor, etc. The electronic device 100 can implement a display function through the GPU, the display screen 140, and the application processor, etc.

[0144] In sensor module 150, pressure sensor 150A senses pressure signals and converts them into electrical signals. Touch sensor 150B, also known as a "touch control device," can be mounted on display screen 140. Together, touch sensor 150B and display screen 140 form a touch screen, also known as a "touch screen." Touch sensor 150B detects touch operations applied to or near it. The touch sensor can transmit the detected touch operations to the application processor to determine the type of touch event.

[0145] Another embodiment of the present application further provides a computer-readable storage medium, which stores instructions. When the computer-readable storage medium is executed on a computer or a processor, the computer or processor executes one or more steps in any of the above methods.

[0146] The computer-readable storage medium may be a non-temporary computer-readable storage medium, for example, the non-temporary computer-readable storage medium may be a read-only memory (ROM), a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, an optical data storage device, etc.

[0147] Another embodiment of the present application further provides a computer program product comprising instructions, which, when executed on a computer or processor, causes the computer or processor to execute one or more steps in any of the above methods.

Claims

1. An input interaction method, characterized in that, Including: The electronic device displays a first interface, the first interface includes a first area, the first area displays a first beauty sub-item and a first button, and the first beauty sub-item corresponds to a first makeup look. In response to a click operation by the user on the first button, the electronic device displays a first beauty atom, a second beauty atom, and a second button in the first area, wherein the first beauty atom is in a first state, the second beauty atom is in a second state, and multiple options of the first beauty atom are also displayed in the first area. In response to a click operation by the user on the second button, the electronic device displays the first beauty sub-item and a second beauty sub-item in the first area, and the second beauty sub-item corresponds to a second makeup look.

2. The input interaction method according to claim 1, characterized in that Before the electronic device displays the first beauty sub-item and the second beauty sub-item in the first area in response to the user's click operation on the second button, it further includes: Receiving a click operation by the user on a first option of the first beauty atom. In response to the click operation by the user on the first option of the first beauty atom, the electronic device displays the first option in the first state and other options of the first beauty atom in the second state.

3. The input interaction method according to claim 2, wherein The first area of the first interface further displays a first portrait; after receiving the click operation by the user on the first option of the first beauty atom, it further includes: In response to the click operation by the user on the first option of the first beauty atom, the electronic device displays the makeup look of the first option in the area of the first portrait corresponding to the first beauty atom.

4. The input interaction method according to claim 1, wherein The first area of the first interface further displays a first portrait, and the method further includes: In response to the click operation by the user on the second button, the electronic device displays the second makeup look on the first portrait.

5. The input interaction method according to any one of claims 1 to 4, characterized in that When the electronic device displays the first beauty sub-item and the second beauty sub-item in the first area, the second beauty sub-item is in the first state and the first beauty sub-item is in the second state; the electronic device also displays a scale bar of the second beauty sub-item in the first area, and the scale bar includes scale values and scale lines.

6. The input interaction method according to claim 5, wherein The icon of the second beauty sub-item in the first state is a first icon.

7. The input interaction method according to claim 6, wherein After the electronic device displays the first beauty sub-item and the second beauty sub-item in the first area, it further includes: In response to the click operation by the user on the first beauty sub-item, the electronic device displays the first beauty sub-item in the first state and the second beauty sub-item in the second state, the icon of the second beauty sub-item is a second icon, and the electronic device also displays a scale bar of the first beauty sub-item in the first area, and the scale bar includes scale values and scale lines.

8. The input interaction method according to any one of claims 1 to 7, characterized in that When the electronic device displays a third button in the first area in response to the click operation by the user on the first button, the method further includes: In response to the click operation by the user on the third button, the electronic device displays the first interface.

9. The input interaction method according to claim 5, wherein The first area of the first interface further displays a first portrait, the scale bar of the second beauty sub-item includes a first scale value, and the method further includes: Receiving a left - swipe operation input by the user at the scale bar of the second beauty sub - item; In response to the user's left - swipe operation, the electronic device displays the scale line and the second scale value at the scale bar of the second beauty sub - item, the second scale value being greater than the first scale value, and the electronic device displays the updated makeup corresponding to the second beauty sub - item in the first portrait.

10. The input interaction method according to claim 9, wherein Further included: In response to the user's left - swipe operation, the electronic device displays a first mark at the first scale value in the scale bar of the second beauty sub - item.

11. The input interaction method according to any one of claims 1 to 10, characterized in that, Further included: Receiving a long - press operation by the user on the second beauty sub - item; In response to the user's long - press operation on the second beauty sub - item, the electronic device displays that the second beauty sub - item is in a third state; In response to the user's click operation on the name of the second beauty sub - item, the electronic device displays a second interface, the second interface including a first pop - up window and the keyboard of the input method; the first pop - up window includes a text input area and a fourth button; Receiving the text input by the user in the text input area and displaying the text input by the user in the text input area; In response to the user's click operation on the fourth button, the electronic device displays the first beauty sub - item and the second beauty sub - item in the first area, and the second beauty button is in the third state, and the name is the text input by the user.

12. The input interaction method according to claim 11, wherein The second beauty sub - item in the third state further includes a fifth button, and the method further includes: In response to the user's click operation on the fifth button, the electronic device displays a second pop - up window, the second pop - up window including a prompt message for deleting the second beauty sub - item and a sixth button; In response to the user's click operation on the sixth button, the electronic device displays the first beauty sub - item and does not display the second beauty sub - item.

13. The input interaction method according to claim 12, wherein The second pop - up window further includes a seventh button, and the method further includes: In response to the user's click operation on the seventh button, the electronic device displays the first beauty sub - item and the second beauty sub - item, and the second beauty sub - item is in the third state.

14. The input interaction method according to any one of claims 1 to 13, characterized in that In response to the user's click operation on the second button, the electronic device also displays the first button in the first area.

15. The input interaction method according to any one of claims 1 to 13, characterized in that, A third beauty sub - item is also displayed in the first area of the first interface of the electronic device, the third beauty sub - item corresponding to a third makeup. In response to the user's click operation on the second button, the electronic device displays the first beauty sub - item and the second beauty sub - item in the first area and does not display the first button.

16. The input interaction method according to claim 15, wherein The icon of the third beauty sub - item is the same as that of the second beauty sub - item.

17. The input interaction method according to claim 15, wherein In the first area, the second beauty sub - item is located after the third beauty sub - item, and the method further includes: In response to the user's operation of dragging the second beauty sub - item before the third beauty sub - item and then releasing the second beauty sub - item, the electronic device displays the second beauty sub - item before the third beauty sub - item in the first area.

18. An electronic device, characterized in that, Included: One or more processors, a memory, and a display screen; The memory and the display screen are coupled to the one or more processors, and the memory is used to store a computer program, the computer program includes computer instructions, and when the one or more processors execute the computer instructions, the electronic device executes the input interaction method according to any one of claims 1 to 17.

19. A computer-readable storage medium, characterized in that, For storing a computer program, when the computer program is executed, it is specifically used to implement the input interaction method according to any one of claims 1 to 17.

20. A computer program product, characterized in that, When the computer program product runs on a computer, it causes the computer to execute the input interaction method according to any one of claims 1 to 17.

Images