Input interaction method, electronic equipment and readable medium

Abstract

The invention provides an input interaction method, electronic equipment and a readable medium, and the input interaction method comprises the steps that the electronic equipment displays a first interface, the first interface comprises a first area, the first area displays a first beauty makeup subitem and a first button, and the first beauty makeup subitem corresponds to a first makeup; in response to a click operation of a user on the first button, the electronic equipment displays a first beauty makeup atom, a second beauty makeup atom and a second button in the first area, the first beauty makeup atom is in a first state, the second beauty makeup atom is in a second state, and the first area further displays multiple options of the first beauty makeup atom; in response to the click operation of the user on the second button, the electronic equipment displays the first makeup subitem and the second makeup subitem in the first area, the second makeup subitem corresponds to the second makeup, the user executes the click operation on the first button and the second button, and the electronic equipment responds to the click operation of the user to obtain the makeup subitem corresponding to the new makeup. Therefore, the beautifying function is enriched.

Description

Technical Field

[0001] This application relates to the technical field of data processing, and in particular, to an input interaction method, an electronic device, a computer program product, and a computer-readable storage medium. Background Art

[0002] Beauty enhancement is a common function of electronic devices. For example, when a user uses an electronic device to take a photo, the beauty enhancement function of the camera is turned on, and the beauty enhancement function performs beauty processing on the image captured by the camera. However, there is still room for improvement in the beauty enhancement function of electronic devices. Summary of the Invention

[0003] This application provides an input interaction method, an electronic device, a computer program product, and a computer-readable storage medium, aiming to enrich the beauty enhancement function through interaction with the user.

[0004] To achieve the above object, this application provides the following technical solutions:

[0005] In a first aspect, this 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 makeup sub-item and a first button, and the first beauty makeup sub-item corresponds to a first makeup look; in response to a click operation of the user on the first button, the electronic device displays a first beauty makeup atom, a second beauty makeup atom, and a second button in the first area, where the first beauty makeup atom is in a first state, the second beauty makeup atom is in a second state, and a plurality of options of the first beauty makeup atom are also displayed in the first area; in response to a click operation of the user on the second button, the electronic device displays the first beauty makeup sub-item and a second beauty makeup sub-item in the first area, and the second beauty makeup sub-item corresponds to a second makeup look.

[0006] Among them, the first area may refer to the viewfinder of the first interface, and the first button may refer to a custom button, which is used to provide the user to create a makeup look. The second button refers to a save button, which is used to save the makeup look created by the user. It can be seen from the above content that: the user can perform click operations on the first button and the second button, and the electronic device can respond to the click operations of the user to obtain the beauty makeup sub-items of the user-defined makeup look, thus enriching the beauty enhancement function.

[0007] In a possible implementation, before the electronic device displays the first beauty makeup sub-item and the second beauty makeup sub-item in the first area in response to a click operation of the user on the second button, it further includes: receiving a click operation of the user on a first option of the first beauty makeup atom; in response to the click operation of the user on the first option of the first beauty makeup atom, the electronic device displays that the first option is in the first state, and other options of the first beauty makeup atom are in the second state.

[0008] In the above possible implementation manners, each option of the first beauty atom corresponds to a makeup look. The first state is the selected state, and the second state is the unselected state. When the user clicks on the first option of the first beauty atom, the makeup look corresponding to the first option can be selected.

[0009] In a possible implementation manner, the first area of the first interface further displays a first portrait. After receiving the click operation of the user on the first option of the first beauty atom, it further includes: in response to the click operation of the user on the first option of the first beauty atom, the electronic device displays the makeup of the first option in the area corresponding to the first portrait of the first beauty atom, which can achieve adding the makeup of the first option selected by the user to the portrait displayed in the first area.

[0010] In a possible implementation manner, the first area of the first interface further displays a first portrait. The method further includes: in response to the click operation of the user on the second button, the electronic device displays a second makeup on the first portrait, which realizes adding the makeup created by the user to the portrait displayed in the first area.

[0011] In a possible implementation manner, among the first beauty sub-item and the second beauty sub-item displayed by the electronic device 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 further displays a scale bar of the second beauty sub-item in the first area. The scale bar includes scale values and scale lines, which realizes displaying the scale bar corresponding to the beauty sub-item selected by the user, facilitating adjusting the intensity of the makeup by inputting a sliding operation at the scale bar.

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

[0013] In a possible implementation manner, 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 of the user on the first beauty sub-item, the electronic device displays that the first beauty sub-item is in the first state and the second beauty sub-item is in the second state. The icon of the second beauty sub-item is the second icon. The electronic device further displays a scale bar of the first beauty sub-item in the first area. The scale bar includes scale values and scale lines, which realizes determining whether the beauty sub-item is in the selected state through the icon of the beauty sub-item.

[0014] In a possible implementation manner, in response to the click operation of the user on the first button, the electronic device further displays a third button in the first area. The method further includes: in response to the click operation of the user on the third button, the electronic device displays the first interface. The third button refers to a close button for closing the beauty creation interface.

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

[0016] In a possible implementation, it further includes: in response to the left swipe operation of the user, the electronic device displays a first mark at the first scale value in the scale bar of the second beauty makeup sub-item, so as to indicate the default scale value of the second beauty makeup sub-item through the first mark.

[0017] In a possible implementation, it further includes: receiving a long press operation of the user on the second beauty makeup sub-item; in response to the long press operation of the user on the second beauty makeup sub-item, the electronic device displays that the second beauty makeup sub-item is in a third state, and the third state is an editable state; in response to a click operation of the user on the name of the second beauty makeup sub-item, the electronic device displays a second interface, and the second interface includes a first pop-up window and a keyboard of an 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 a click operation of the user on the fourth button, the electronic device displays a first beauty makeup sub-item and a second beauty makeup sub-item in the first area, the second beauty makeup button is in the third state, and the name is the text input by the user, realizing the modification of the name of the second beauty makeup sub-item created by the user.

[0018] In a possible implementation, the second beauty makeup sub-item in the third state further includes a fifth button. The method further includes: in response to a click operation of the user on the fifth button, the electronic device displays a second pop-up window, and the second pop-up window includes a prompt message for deleting the second beauty makeup sub-item and a sixth button; in response to a click operation of the user on the sixth button, the electronic device displays the first beauty makeup sub-item and does not display the second beauty makeup sub-item, realizing the deletion of the beauty makeup created by the user.

[0019] In a possible implementation, the second pop-up window further includes a seventh button. The method further includes: in response to a click operation of the user on the seventh button, the electronic device displays the first beauty makeup sub-item and the second beauty makeup sub-item, and the second beauty makeup sub-item is in the third state.

[0020] In a possible implementation, in response to a click operation of the user on the second button, the electronic device also displays a first button in the first area, realizing that after the user creates a custom makeup, another custom makeup can be created through the first button.

[0021] In a possible implementation, 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 corresponds to a third makeup look. In response to a 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.

[0022] In a possible implementation, the icons of the third beauty sub-item and the second beauty sub-item are the same.

[0023] In a possible implementation, in the first area, the second beauty sub-item is located after the third beauty sub-item. The method further includes: in response to an operation where the user drags the second beauty sub-item before the third beauty sub-item and then releases the second beauty sub-item, the electronic device displays the second beauty sub-item before the third beauty sub-item in the first area, achieving an adjustment of the display position of the beauty sub-items. Second, the present application provides an electronic device, including: 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, and the computer program includes computer instructions. 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 implementations.

[0024] Third, 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 any one of the first aspect and its implementations.

[0025] Fourth, the present application provides a computer program product. When the computer program product runs on a computer, it causes the computer to execute the input interaction method provided in any one of the first aspect and its implementations. BRIEF DESCRIPTION OF THE DRAWINGS

[0026] Figure 1 It is a diagram showing the entry display of the beauty and makeup function provided by the embodiment of the present application;

[0027] Figures 2 to 6 It is a diagram showing the interface corresponding to the input operation of the user in the beauty function provided by the embodiment of the present application;

[0028] Figures 7 to 11 It is a diagram showing the interface corresponding to the input operation of the user in the makeup function provided by the embodiment of the present application;

[0029] Figure 12 It is a diagram showing the interfaces of the beauty function and the makeup function provided by another embodiment of the present application;

[0030] Figure 13 It is a hardware structure diagram of the electronic device provided by the embodiment of the present application. DETAILED DESCRIPTION OF THE EMBODIMENTS

[0031] The technical solutions in the embodiments of the present application will be clearly and completely described below with reference to the accompanying 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 the present application, the singular forms "a", "an", "the", "above-mentioned", "said", and "this" are also intended to include expressions such as "one or more", unless the context clearly indicates otherwise.

[0032] Reference to "some embodiments" etc. described in this specification means that specific features, structures, or characteristics described in connection with the embodiment are included in one or more embodiments of the present application. Thus, statements such as "in one embodiment", "in some embodiments", "in other embodiments", etc. that appear in different places in this specification do not necessarily refer to the same embodiment, but mean "one or more but not all embodiments", unless otherwise specifically emphasized in other ways. The terms "comprising", "including", "having", and their variants all mean "including but not limited to", unless otherwise specifically emphasized in other ways.

[0033] 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, words such as "first" and "second" are only used for the purpose of distinguishing descriptions and cannot be understood as indicating or implying relative importance, nor can they be understood as indicating or implying order.

[0034] The embodiments of the present application provide an input interaction method, which can enable the user and the electronic device to enrich the beauty function through the input interaction method. In some embodiments, the electronic device supports not only the beauty function but also the makeup function.

[0035] Figure 1 Taking a mobile phone as an example, the interface diagram of the user turning on the beauty and makeup functions is shown.

[0036] As Figure 1 shown in (a), the user clicks on the icon of the camera application to start the camera, and the mobile phone responds to the user's operation and displays the camera preview interface as shown in Figure 1 (b). In some embodiments, the entry of the beauty and makeup function is configured in the portrait mode of the camera. Based on this, Figure 1 the camera preview interface shown in (b) belongs to the portrait photography mode, and a beauty and makeup button 102 is displayed in the viewfinder 101. The beauty and makeup button 102 is used to start the beauty function or the makeup function.

[0037] The user, as Figure 1As shown in Figure (b), when the beauty and makeup button 102 is clicked, the mobile phone responds to the user's click operation and displays the camera preview interface (or referred to as the setting interface, setting item) of the beauty and makeup function. In some embodiments, when the mobile phone responds to the operation of the user clicking the beauty and makeup button 102, the camera preview interface of the beauty function is displayed by default. Of course, the mobile phone can also display the camera preview interface of the makeup function by default, without limitation.

[0038] Figure 1 Figure (c) shows the camera preview interface of the beauty function. The camera preview interface of the beauty function includes: a beauty button 103 and a makeup button 104. The beauty button 103 is in a selected state, and the makeup button 104 is in a non-selected state. Multiple sub-items 105 of the beauty function are displayed in the viewfinder 101, and each sub-item corresponds to a beauty method. Exemplarily, the multiple sub-items may include none, skin smoothing, whitening, skin tone, makeup effect, AI beauty shaping, face slimming, eye enlarging, nose slimming, and head shrinking, etc.

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

[0040] In some embodiments, the user can input a sliding operation at multiple beauty sub-items 105 to achieve the sliding display of multiple beauty sub-items. Exemplarily, Figure 1 Figure (c) shows some beauty sub-items of the beauty function, and the unshown beauty sub-items are hidden. The user can control the mobile phone to display the hidden beauty sub-items through a sliding operation.

[0041] In some embodiments, except for the sub-item "none", the icons of each of the remaining beauty sub-items are configured with an outer ring (i.e., a semi-circular black bar at the edge of the icon), and this outer ring is used to indicate the default value of the beauty effect corresponding to the beauty sub-item.

[0042] In some embodiments, the beauty function can be configured not to be automatically turned on. That is, when the user controls the mobile phone to enter the setting interface of the beauty function by clicking the beauty and makeup button 102, the beauty function will not be automatically turned on. That is to say, the beauty function is default set to be off. Based on this, Figure 1 Multiple sub-items shown in Figure (c) are all in a non-selected state. In some embodiments, when the mobile phone starts the camera application, the image displayed in the camera preview interface has a built-in beauty effect. Based on this, Figure 1 The sub-item "none" shown in Figure (c) is also in a non-selected state.

[0043] It should be noted that for the purpose of simple drawing, Figure 1 The person shown in the viewfinder 101 of Figure (c) does not show the beauty effect. Similarly, the people shown in the viewfinders 101 in the following drawings of this application do not show the beauty effect or the corresponding makeup of the makeup, but this does not constitute a limitation.

[0044] In some embodiments, when the user selects the AI beauty item, the mobile phone can obtain the user's face image; identify the facial bone feature points of the user's face image, and perform differential base makeup processing on the user's face image based on the identified facial bone feature points to achieve beauty for the user's face image.

[0045] 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 Figure 1 shown in (c) below, when the user clicks the makeup button 104, the beauty button 103 is controlled to be in an unselected state, and the makeup button 104 is controlled 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 Figure 1 shown in (d) below, multiple sub-items 106 of the makeup function are displayed in the viewfinder 101, and each sub-item corresponds to a kind of makeup. Exemplarily, the multiple sub-items include none, daily, workplace, lady, Chinese style, Japanese style, Korean style, Thai style, and men's, etc.

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

[0047] In some embodiments, the user can input a sliding operation at the makeup sub-item 106 to realize the sliding display of multiple makeup sub-items. Exemplarily, Figure 1 as shown in (d) below, some makeup sub-items of the makeup function are displayed, and the un-displayed makeup sub-items are hidden. The user can control the mobile phone to display the hidden makeup sub-items through the sliding operation.

[0048] In some embodiments, the makeup function can also be configured not to be automatically turned on, and the people in the image shown in the camera preview interface do not wear makeup. Based on this, Figure 1 the sub-item "none" among the multiple sub-items shown in (d) below is in a selected state.

[0049] In some embodiments, when the mobile phone first turns on the portrait mode configured with the beauty and makeup function, it can perform bubble guidance on the beauty and makeup function. In some embodiments, when the user starts the camera application and controls the camera to be in the portrait mode, the mobile phone displays the camera preview interface, and a pop-up window can be displayed on this camera preview interface, and the pop-up window includes the introduction content of the beauty and makeup function. In some other embodiments, the camera preview interface can also display a prompt control for the new function. When the user clicks the prompt control, the mobile phone can display the introduction content of the beauty and makeup function.

[0050] The "first time" mentioned above can be understood as: 1. A new mobile phone is configured with the beauty and makeup function, or 2. The software system of an old mobile phone is upgraded, and the upgraded system version includes the beauty and makeup function.

[0051] In some embodiments, after the beauty function of the mobile phone is turned on, the user can input various operations in the camera preview interface of the beauty function. Exemplarily, Figure 2 It shows the interface diagrams corresponding to the operations of the user selecting a certain beauty sub-item, adjusting the scale value of a certain beauty sub-item to adjust the beauty level, turning off the beauty function, and closing the settings interface of the beauty function.

[0052] When the user selects a beauty sub-item, a beauty special effect corresponding to the beauty sub-item is added to the image displayed in the camera preview interface. Exemplarily, as shown in Figure 2 (a) below, when the user clicks on the makeup sub-item among multiple beauty sub-items 105, the mobile phone responds to the user's click operation, adds a beauty special effect corresponding to the makeup to the person displayed in the viewfinder 101, and displays a scale bar 107 for the makeup sub-item in the viewfinder 101. Moreover, it also controls the beauty sub-item to be in a selected state, as shown in Figure 2 (b) below.

[0053] In some embodiments, for a beauty sub-item in a selected state, its icon appears in a highlighted state and is centered among multiple beauty sub-items.

[0054] Exemplarily, the scale bar 107 displays the first and last scale values (0 and 100) of the scale range from 0 to 100 and multiple scale lines, and each scale line can indicate a scale value in the scale range from 0 to 100. The first scale value indicates the lightest beauty special effect, which is usually understood as no beauty special effect, and the last scale value indicates the strongest beauty special effect. The user's sliding operation input on the scale bar 107 can also adjust the intensity of the beauty of the person in the viewfinder 101.

[0055] Again exemplarily, the default value corresponding to the outer circle configured for the icon of the beauty sub-item is the middle scale value of the scale range. When the user selects the makeup sub-item, the scale bar 107 for the makeup sub-item displayed in the viewfinder 101 also shows the middle scale value (50).

[0056] The user can input a sliding operation at the scale bar 107 to achieve the sliding display of the scale value. In some embodiments, following the user's left-sliding operation, the middle scale value displayed on the scale bar 107 is updated to a scale value between the middle scale value and the last scale value. Following the user's right-sliding operation, the middle scale value displayed on the scale bar 107 is updated to a 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 107 is updated.

[0057] In some embodiments, following the sliding operation input by the user on the scale bar 107, the outer circle configured for the icon of the beauty sub-item can also increase or decrease. When the scale value displayed on the scale bar increases due to the user's sliding operation, the outer circle configured for the icon of the beauty sub-item increases, and vice versa.

[0058] 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 conveniently view the images with and without the beauty effect and compare the differences between the two.

[0059] Exemplarily, as shown in Figure 2 (b) below, when the user inputs a left swipe operation at the scale bar 107, the mobile phone responds to the user's left swipe operation and displays the scale value 65 indicated by the sliding distance corresponding to the left swipe operation at the scale bar 107. To facilitate the user to view the position of the default value of the beauty sub-item on the scale bar 107, a default value flag is displayed at the bottom of the default value. Exemplarily, Figure 2 the dot 109 shown in (b) below is the default value flag.

[0060] When the user inputs an operation to turn off the beauty effect, the beauty effect of the image displayed in the camera preview interface is removed. Exemplarily, as shown in Figure 2 (c) below, when the user inputs a right swipe operation at the multiple beauty sub-items 105, the update display of the multiple beauty sub-items is controlled. The updated multiple beauty sub-items are as shown in Figure 2 (d) below and include the "none" sub-item. As shown in Figure 2 (d) below, when the user clicks the "none" sub-item in the beauty sub-items, the mobile phone responds to the user's click operation and turns off the beauty effect. In some embodiments, when the beauty effect is turned off, the icon of the "none" sub-item can be in a highlighted state, and the beauty effect of the person in the viewfinder is eliminated.

[0061] In some embodiments, the viewfinder can further display a pop-up window 110 to remind the user that the beauty effect is turned off. Exemplarily, the pop-up window 110 can be as shown in Figure 2 (e) below and display the text "Beauty effect has been turned off".

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

[0063] Exemplarily, before the user turns off the beauty effect, the camera preview interface of the beauty function displayed by the mobile phone is as shown in Figure 2 (c) below. As shown in Figure 2 (e) below, after the beauty effect is turned off, the user can input two operations to turn on the makeup sense sub-item of the beauty effect again. The first operation is that, as shown in Figure 2 ① in (e) below, the user clicks the sub-item "none". The second operation is that, as shown in Figure 2As shown in ② of (e), the user clicks on the makeup item. After the user inputs 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 effect, that is, it displays the camera preview interface of the beauty function as shown in Figure 2 the camera preview interface of the beauty function shown in (c).

[0064] If the user clicks on Figure 2 other beauty sub-items shown in (e), such as the whitening sub-item, the mobile phone will display the camera preview interface corresponding to the selected whitening sub-item. Since the mobile phone does not record the user's input operation in the camera preview interface corresponding to the whitening sub-item, in the camera preview interface corresponding to the selected whitening sub-item displayed by the mobile phone, the beauty effect corresponding to adding whitening is shown for the person in the viewfinder, the scale bar of the whitening sub-item is shown in the viewfinder, the scale bar shows the default value of the whitening sub-item, and the icon of the whitening sub-item is presented in a highlighted state and is centered among multiple beauty sub-items.

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

[0066] The setting items of 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 setting items of the beauty function, that is, close the setting interface of the beauty function (which can also be called the camera preview interface of the beauty function). Exemplarily, as the user Figure 2 shown in (b) or (c), clicks on the blank area of the viewfinder 101, the mobile phone responds to the user's click operation and closes the camera preview interface of the beauty function, and displays the camera preview interface of the portrait mode as shown in Figure 2 (f), that is, the entry interface of the beauty makeup function, and the camera preview interface of the beauty function is retracted into the beauty makeup button 102.

[0067] In some embodiments, the mobile phone can also record the interface before the user inputs the operation to retract the beauty function, and display the recorded interface after the user turns on the beauty function again. Exemplarily, the user inputs the operation to retract the setting items of the beauty function in the interface shown in Figure 2 (b), and the user clicks on the beauty makeup button 102 in the interface shown in Figure 2 (f), the mobile phone can display the interface shown in Figure 2 (b). The user inputs the operation to retract the setting items of the beauty function in the interface shown in Figure 2 (c), and the user clicks on the beauty makeup button 102 in the interface shown in Figure 2 (f), the mobile phone can display the interface shown in Figure 2 (c).

[0068] In some embodiments, the camera preview interface of the beauty function may further include a reset button, and the reset button can provide the function of restoring the default values of the beauty sub-items with one click for the user. Exemplarily, Figure 3 In the camera preview interface of the beauty function shown in (a) below, a reset button 111 is displayed in the viewfinder frame.

[0069] In some embodiments, when the user selects the "None" sub-item to turn off the beauty effect, or when the user selects any beauty sub-item other than the "None" sub-item and the scale bar of the beauty sub-item shows the default value, the reset button usually does not take effect, the user's click on the reset button has no response, and the icon of the reset button can also be dimmed. When the user adjusts the scale bar of the beauty sub-item so that it shows a non-default value, the reset button is activated and in an operable state.

[0070] Exemplarily, Figure 3 In the camera preview interface of the beauty function shown in (a) below, the makeup sub-item is in a selected state, the scale bar 107 shows the default value of 50, and the reset button 111 is dimmed. After the user performs a left swipe operation on the scale bar 107, the mobile phone displays the interface as shown in Figure 3 the interface shown in (b) below. In this interface, the scale bar 107 shows a non-default value of 65, and the reset button 111 is activated and in an operable state. As shown in Figure 3 the interface shown in (b) below, when the user clicks the reset button 111, the mobile phone can display the interface of the default values of the beauty sub-items, that is, Figure 3 the interface shown in (a) below.

[0071] It should be noted that the reset button 111 is usually located at the end of multiple beauty sub-items. When the reset button is displayed on the mobile phone and the user selects a certain beauty sub-item, the icon of the beauty sub-item is highlighted, but the beauty sub-item is not centered. Exemplarily, Figure 3 In the interfaces shown in (a) and (b) below, the makeup sub-item is in a selected state, and its icon is highlighted but not centered.

[0072] In some embodiments, the scale bar of the beauty skin color sub-item includes cold and warm scale intervals. Cold refers to the first scale value, and warm refers to the last scale value. Exemplarily, cold can refer to the scale value of -50, and warm can refer to the scale value of 50. The default value of the skin color sub-item is 0, which belongs to the original skin color, and the outer circle of the icon of the skin color sub-item is not displayed. When the user adjusts the scale bar to move towards warm, the scale value shows a value between 0 and 50, and the edge of the icon of the skin color sub-item shows an outer circle along the clockwise direction; when the user adjusts the scale bar to move towards cold, the scale value shows a value between -50 and 0, and the edge of the icon of the skin color sub-item shows an outer circle along the counterclockwise direction.

[0073] Exemplarily, as shown in Figure 4As shown in (a), the skin color sub-item is in the selected state, and the scale bar 107 of the skin color sub-item shows the default value 0. The user inputs a right sliding operation at the scale bar 107, and the mobile phone displays the following Figure 4 In the interface shown in (b), 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 counterclockwise; the user inputs a left swipe operation on the scale bar 107, and the mobile phone displays the following Figure 4 In the interface shown in (c), 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 clockwise.

[0074] In some embodiments, after the mobile phone turns on the beauty function, the user can input an operation to control the mobile phone to turn off the camera preview interface of the beauty function and display other interfaces. Exemplary operations input by the user may include: switching operations between the front and rear cameras, switching operations to display images of the gallery application, exiting the background, calling the settings interface of the camera application, etc. In some embodiments, the mobile phone may also record the interface before the user inputs the operation of closing the beauty function, and display the recorded interface after the user turns on the beauty function again.

[0075] 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, which 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 following Figure 5 In the image browsing interface shown in (b), the images in the image browsing interface are images saved by the gallery application. The user enters an exit operation (e.g., Figure 5 Click the return control in the upper left corner of the (b) interface, or slide on the side of the mobile phone interface), the mobile phone will display Figure 5 In the camera preview interface of the portrait mode shown in (c), a beauty and makeup button 102 is displayed on the interface. When the user clicks the beauty and makeup button 102, the mobile phone displays Figure 5 The camera preview interface of the beauty function shown in (a).

[0076] In some embodiments, after the mobile phone turns on the beauty function, the user can also enter a variety of operations in the camera preview interface of the beauty function. Figure 6 The interface diagram shows the operation of users selecting a beauty sub-item, adjusting the scale value of a beauty sub-item to adjust the degree of beauty, and folding the setting items of the beauty function.

[0077] The user selects a beauty makeup sub-item to add the makeup corresponding to the sub-item to the image displayed on the camera preview interface. Exemplarily, as shown in Figure 6 (a) below, when the user clicks on the Qianjin sub-item among multiple beauty makeup sub-items 106, the mobile phone responds to the user's click operation, adds the makeup corresponding to the Qianjin sub-item to the person displayed in the viewfinder 101, and displays the scale bar 114 of the Qianjin sub-item in the viewfinder 101, and also controls the beauty makeup sub-item to be in the selected state, as shown in Figure 6 (b) below.

[0078] In some embodiments, for a beauty makeup sub-item in the selected state, its icon is presented in a highlighted state and is centered among multiple beauty makeup sub-items.

[0079] Exemplarily, the scale bar 114 displays the start and end scale values (0 and 100) of the scale range from 0 to 100 and multiple scale lines, and each scale line can 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 thickest makeup.

[0080] Again exemplarily, when the user selects the Qianjin sub-item, the scale bar 114 of the Qianjin sub-item displayed in the viewfinder 101 also displays the default value of the Qianjin sub-item, such as the middle scale value (50).

[0081] In some embodiments, when the user selects any beauty makeup sub-item except the "None" sub-item, the viewfinder 101 can also display a pop-up window 113 to remind the user that the beauty makeup is turned on. Exemplarily, the pop-up window 113 can be as shown in Figure 6 (b) below, and displays the text "Beauty makeup has been turned on".

[0082] In some other embodiments, after the user selects any beauty makeup sub-item except the "None" sub-item and then selects the "None" sub-item to turn off the beauty makeup, the viewfinder 101 can also display a pop-up window to remind the user that the beauty makeup is turned off. Exemplarily, the pop-up window can display the text "Beauty makeup has been turned off".

[0083] The user can input a sliding operation at the scale bar 114 to realize the sliding display of the scale value. In some embodiments, following the user's left sliding operation, the middle scale value displayed on the scale bar 114 is updated to a scale value between the middle scale value and the last scale value, and following the user's right sliding operation, the middle scale value displayed on the scale bar 114 is updated to a 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 updated value of the middle scale value displayed on the scale bar 114. The sliding operation input by the user at the scale bar 114 can also adjust the thickness of the overall makeup of the person in the viewfinder 101.

[0084] In some embodiments, a comparison button 115 is also displayed on the scale bar 114. 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 conveniently view the images with and without makeup and compare the differences between the two.

[0085] Exemplarily, as shown in Figure 6 (b), when the user inputs a left swipe operation at the scale bar 114, the mobile phone responds to the user's left swipe operation and displays the scale value 65 indicated by the sliding distance corresponding to the left swipe operation at the scale bar 114. To facilitate the user to view the position of the default value of the beauty makeup sub-item on the scale bar, a default value flag can also be displayed at the bottom of the default value at the scale bar 114. Exemplarily, Figure 6 the dot 116 shown in (c) is the default value flag.

[0086] The setting items of the beauty makeup function may not be automatically retracted. The user can input a click operation in the non-control area of the viewfinder to retract the setting items of the beauty makeup function, that is, close the camera preview interface of the beauty makeup function (also called the setting interface of the beauty makeup function). Exemplarily, as shown in Figure 6 (c), when the user clicks on the blank area of the viewfinder 101, the mobile phone responds to the user's click operation and closes the camera preview interface of the beauty makeup 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 makeup function, and the setting items of the beauty makeup function are retracted into the beauty makeup button 102.

[0087] In some embodiments, the mobile phone can also record the interface before the user inputs the operation of retracting the setting items of the beauty makeup function, and display the recorded interface after the user turns on the beauty makeup function again. Exemplarily, when the user inputs the operation of retracting the setting items of the beauty makeup function in the interface shown in Figure 6 (c), and the user clicks the beauty makeup button 102 in the interface shown in Figure 6 (d), the mobile phone can display the interface shown in Figure 6 (c).

[0088] In some embodiments, the camera preview interface of the beauty makeup function may further include a custom button, which can provide the function of creating a custom makeup for the user.

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

[0090] Exemplarily, the multiple beauty makeup atoms may include: lipstick, eyeshadow, eyelashes, colored contact lenses, blush, eyebrows, and contouring, etc. A beauty makeup atom can be understood as an element included in beauty makeup.

[0091] Figure 7 In the camera preview interface of the beauty makeup function shown in Figure (a), the semen euphorbiae item is in the selected state, and the scale bar of the semen euphorbiae item is displayed in the camera preview interface of the beauty makeup function. Figure 7 In the camera preview interface of the beauty makeup function shown in Figure (a), none of the sub-items of the beauty makeup function are in the selected state. Correspondingly, the scale bar is not displayed in the camera preview interface of the beauty makeup function, and only the sub-items of the beauty makeup function and the custom button are displayed. The user can also click the custom button, and the mobile phone can respond to the user's click operation and display Figure 7 the beauty makeup creation interface shown in Figure (b).

[0092] In some embodiments, each beauty makeup atom can also be selected by the user. After a beauty makeup atom is selected, the viewfinder 101 further includes multiple options 120, and the multiple options 120 are the multiple options 120 of the beauty makeup atom selected by the user. Exemplarily, Figure 7 Figure (b) shows some options of the lipstick, and some options of the lipstick that are not shown are hidden. The user can control the mobile phone to display the hidden options of the lipstick through a sliding operation. In some embodiments, each beauty makeup atom defaults to "none", that is, the option "none" of each beauty makeup atom is in the selected state.

[0093] In some embodiments, the user can input a sliding operation at the beauty makeup atom 117 to achieve the sliding display of multiple beauty makeup atoms. Exemplarily, Figure 7 Figure (b) shows some beauty makeup atoms, and the beauty makeup atoms that are not shown are hidden. The user can control the mobile phone to display the hidden beauty makeup atoms through a sliding operation.

[0094] The user can click the close button 118, and the mobile phone responds to the user's click operation and displays the previous-level interface of the beauty makeup creation interface, that is, Figure 7 the interface shown in Figure (a). The previous-level interface of the beauty makeup creation interface can be understood as the entry interface of the beauty makeup creation interface. When the user clicks the custom button on the camera preview interface where none of the sub-items of the beauty makeup function are in the selected state, the mobile phone displays Figure 7The beauty makeup creation interface shown in (b). When the user clicks the close button 118, the mobile phone displays a camera preview interface in which none of the sub-items of the beauty makeup function are selected.

[0095] The user can also Figure 7 select a beauty makeup atom in the beauty makeup creation interface shown in (b) and select an option of the beauty makeup atom to create a makeup look. After the user finishes creating the makeup look, the user can click the save button 119. In response to the user's click operation, the mobile phone saves the makeup look created by the user and displays the interface of the makeup look created by the user.

[0096] It should be noted that during the process of the user creating the makeup look, if the user selects the option "none" for each beauty makeup atom and then clicks 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 face without makeup.

[0097] Exemplarily, Figure 7 (c) shows an interface of a makeup look created by the user. In this interface, the makeup look saved by the mobile phone is named Beauty Makeup 1. Beauty Makeup 1 is usually located at the end of multiple beauty makeup sub-items. Beauty Makeup 1 is in a selected state, and its icon is highlighted and in an editable state. This interface also displays a scale bar 121 of Beauty Makeup 1. Exemplarily, the scale bar 121 shows the start and end scale values (0 and 100) of the scale range from 0 to 100 and multiple scale lines, and each scale line can indicate a scale value in the scale range from 0 to 100. Usually, the makeup look created by the user can correspond to a certain scale value in the scale range from 0 to 100, which is the default value of Beauty Makeup 1. For example Figure 7 the scale value 50 shown in (c).

[0098] In some embodiments, the user can also input a sliding operation at the scale bar 121 to achieve the sliding display of the scale value and adjust the intensity of the overall makeup of the person in the viewfinder. To facilitate the user to view the position of the default value of Beauty Makeup 1 on the scale bar, after the user inputs a sliding operation at the scale bar 121, a default value marker such as a dot can be displayed at the bottom of the default value at the scale bar 121.

[0099] In some embodiments, the way for the mobile phone to adjust the intensity of the overall makeup of the person in the viewfinder in response to the user's input of a sliding operation at the scale bar 121 can be to adjust the value corresponding to the overall makeup of the person based on a weight. If the overall makeup of the person is adjusted to be thicker, the weight is greater than 1. If the overall makeup of the person is adjusted to be lighter, the weight is less than 1.

[0100] In some embodiments, the scale bar 21 also displays a comparison button 122. The user can click the comparison button 122 to remove the makeup look of Beauty Makeup 1 from the person shown in the viewfinder. In this way, the user can conveniently view the images with and without makeup and compare the differences between the two.

[0101] As shown in Figure 7 (c) below, when the user clicks on the selected beauty makeup 1, the mobile phone responds to the user's click operation and displays a beauty makeup creation interface as shown in Figure 7 (b) below. The beauty makeup creation interface displays the makeup of beauty makeup 1. That is, among the multiple options of each beauty makeup atom of beauty makeup 1, the options selected by the user when creating makeup 1 are in the selected state. The user can also adjust the selected options of the beauty makeup atoms on the beauty makeup creation interface, thereby adjusting the makeup of beauty makeup 1. After the user finishes adjusting the makeup of beauty makeup 1, the user clicks the save button 119, and the mobile phone then updates and saves the makeup of beauty makeup 1.

[0102] When the user switches to select other beauty makeup sub-items, the state of the icon of beauty makeup 1 can be adjusted. That is to say, the custom icon of beauty makeup 1 changes. Exemplarily, when the user is in the interface shown in Figure 7 (c) below and clicks on the qianjin sub-item, the mobile phone responds to the user's click operation and displays the interface shown in Figure 7 (d) below. This interface belongs to the interface of the qianjin sub-item. The qianjin sub-item is in the selected state, its icon is highlighted, and the viewfinder displays the scale bar of qianjin. The icon of beauty makeup 1 changes and is displayed as the default icon shown in Figure 7 (d) below. Since beauty makeup 1 is not in the selected state, its icon is in an uneditable state.

[0103] Figure 7 The icon shown in (d) below can be understood as the default icon of the custom makeup. In some embodiments, when the user creates a custom makeup and saves the custom makeup, the user can also modify the default icon. Exemplarily, as shown in Figure 7 (b) below, after creating the custom makeup, the user clicks the save button. The mobile phone responds to the user's click operation and displays a pop-up window on the beauty makeup creation interface. The pop-up window includes a prompt message for creating an icon, a cancel button, and a confirmation button. The cancel button is used to cancel creating a new icon, and the confirmation button is used to display the camera preview interface of the camera shooting mode to remind the user to take a picture to obtain a new icon.

[0104] When the user clicks the confirmation button, the mobile phone then displays the camera preview interface of the camera shooting mode. When the mobile phone detects that the user clicks the shooting button in the camera preview interface of the shooting mode, the mobile phone obtains the image captured by the camera, crops the image and saves it to obtain the icon of the custom makeup. This icon of the custom makeup can replace the default icon and be used as the icon of beauty makeup 1 in Figure 7 (d) below.

[0105] In some embodiments, the mobile phone can support creating multiple custom makeups. Exemplarily, the mobile phone supports creating five custom makeups. After the mobile phone saves the five custom makeups created by the user, the custom entry can be closed, that is, the custom button in the camera preview interface of the makeup disappears.

[0106] Again exemplarily, Figure 8 It shows the interface diagram of the user creating the last custom makeup and the interface diagram of the user modifying the name of the custom makeup.

[0107] As Figure 8 As shown in (a) therein, the mobile phone has saved four custom makeups, named Makeup 1 to Makeup 4 respectively. Since Makeup 4 is in the selected state, the icon of Makeup 4 is highlighted and in the editing state, the scale bar of Makeup 4 is displayed in the viewfinder, and the icons of Makeup 1 to Makeup 3 are in the non-editing state. If the user Figure 8 As shown in (a) therein, clicks the custom button, the mobile phone displays the makeup creation interface as shown in Figure 8 in (b) therein.

[0108] After the user inputs operations in the makeup creation interface to create a new makeup look and then clicks the save button 119, the mobile phone responds to the user's click operation, saves the makeup look and displays the interface as shown in Figure 8 in (c) therein. In this interface, the custom button disappears, the icon of Makeup 5 is displayed, the icon is highlighted and in the editable state, and the scale bar of Makeup 5 is also displayed in this interface. The default scale value of Makeup 5 can also be 50.

[0109] In some embodiments, the default values of the makeups of different makeup looks created by the user can be the same value or different values. The mobile phone can configure its default value according to the light or heavy degree of the makeup look created by the user. If the makeup look is light, the default value is small, and vice versa.

[0110] If the user Figure 8 As shown in (c) therein, long-presses the icon of Makeup 5, the mobile phone responds to the user's long-press operation, and as shown in Figure 8 in (d) therein, it displays the camera preview interface of the makeup function in the editing state. In this interface, Makeup 1 to Makeup 5 are all in the editable state, where: delete buttons 123 are displayed in the upper right corner of the icons of Makeup 1 to Makeup 5, and the names of Makeup 1 to Makeup 5 are in the editable state. The delete button 123 is used to control the deletion of the makeups saved in the mobile phone. Since Makeup 5 is in the selected state, the icon of Makeup 5 is highlighted, and the scale bar of Makeup 5 is displayed in the interface.

[0111] Figure 8 As shown in (c) therein, Makeup 5 is in the selected state. The mobile phone responds to the operation of clicking the icon of Makeup 5 and displays the camera preview interface of the makeup function in the editing state. Of course, if the user clicks the icon of a makeup that is not in the selected state, such as Figure 8Any one of Beauty Makeup 1 to Beauty Makeup 4 shown in (c) can also be displayed by the mobile phone as a camera preview interface with the beauty makeup function in the editing state. None of Beauty Makeup 1 to Beauty Makeup 5 in the camera preview interface with the beauty makeup function in the editing state is in the selected state. Figure 8 The scale bar is not displayed in the camera preview interface with the beauty makeup function in the editing state shown in (d). Of course, the user can also select the icon of Beauty Makeup 5 in the camera preview interface with the beauty makeup function in the editing state, and the mobile phone will display Figure 8 the camera preview interface with the beauty makeup function in the editing state shown in (d).

[0112] In some embodiments, Figure 8 None of Beauty Makeup 1 to Beauty Makeup 5 in (c) is in the selected state. If the user long-presses the icon of a certain beauty makeup, such as the icon of Beauty Makeup 5, the mobile phone will display Figure 8 the camera preview interface with the beauty makeup function in the editing state shown in (d), that is, Beauty Makeup 5 is automatically selected in the camera preview interface with the beauty makeup function in the editing state.

[0113] The user can modify the name of a certain beauty makeup by clicking on the name of the beauty makeup. Exemplarily, if the user Figure 8 as shown in (d), clicks on the name of Beauty Makeup 5, the mobile phone responds to the user's click operation, pulls up the input method to run, and displays the keyboard of the input method in the camera preview interface with the beauty makeup function in the editing state. A pop-up window 124 can also be displayed to provide the user with an operation area for modifying the name. Exemplarily, as Figure 8 shown in (e), the pop-up window 124 includes the words "Rename", the name of Beauty Makeup 5, a cancel button, and an OK button. The cancel button is used to close the editing state of the beauty makeup, and the OK button is used to control the mobile phone to correct the name of the beauty makeup.

[0114] If the user Figure 8 as shown in (e), clicks on the cancel button, the mobile phone will display the upper-level interface of the camera preview interface with the beauty makeup function in the editing state, that is, Figure 8 the interface shown in (d).

[0115] If the user deletes the name of Beauty Makeup 5 and, as Figure 8 shown in (e), enters a new name through the keyboard of the input method and clicks on the OK button, the mobile phone will display the camera preview interface with the beauty makeup function in the editing state, as Figure 8 shown in (g), in which the name of Beauty Makeup 5 is updated to the name entered by the user.

[0116] Exemplarily, Figure 9 it shows the interface diagram of the user deleting a certain beauty makeup and the interface diagram of the user creating a new custom beauty makeup again.

[0117] If the user Figure 9As shown in (a), click the delete button 123 at the upper right corner of the icon of Makeup 3. In response to the user's click operation, the mobile phone, as Figure 9 shown in (b), displays a pop-up window 125 on the camera preview interface of the makeup function in the editing state to remind the user to further confirm whether to delete Makeup 3. Exemplarily, the pop-up window 125 includes a prompt "Do you want to delete 'Makeup 3'", a cancel button, and an OK button.

[0118] If the user, as Figure 9 shown in (b), clicks the cancel button, the mobile phone deletes the pop-up window 125 and displays the upper-level interface of the camera preview interface of the makeup function in the editing state, that is, Figure 9 the interface shown in (a).

[0119] If the user, as Figure 9 shown in (b), clicks the OK button, the mobile phone deletes Makeup 3 and displays a custom button on the camera preview interface of the makeup function in the editing state. Exemplarily, as Figure 9 shown in (c), Makeup 3 is deleted, Makeup 4 moves forward one position for display, and the custom button is located at the end of multiple makeups.

[0120] If the user, as Figure 9 shown in (c), clicks the custom button to create a new makeup again, the mobile phone, in response to the user's click operation, displays Figure 9 the makeup creation interface shown in (d).

[0121] After the user inputs operations in the makeup creation interface to create a new makeup, and clicks the save button 119, the mobile phone, in response to the user's click operation, saves the makeup and displays Figure 9 the interface shown in (e). In this interface, the custom button disappears. Also, the previous Makeup 3 is deleted, the new makeup created by the user this time is named Makeup 3, and Makeup 3 is displayed at the end of multiple makeup sub-items.

[0122] In some embodiments, there is a limit on the number of characters that can be displayed for the makeup name. Exemplarily, 10 characters can be displayed. If the name of the makeup input by the user exceeds 10 characters, only the first 10 characters of the makeup name are displayed, and the characters after the 10th are replaced by three dots.

[0123] In some embodiments, after the mobile phone saves five custom makeups created by the user, the user can adjust the positions of the five custom makeups. The user can adjust the positions of the custom makeups by dragging the icons of the custom makeups. Exemplarily, Makeup 1 to Makeup 5 are arranged in order. After the user drags the icon of Makeup 3 to behind the icon of Makeup 1 and in front of the icon of Makeup 2, and then releases the icon of Makeup 3, the arrangement order of Makeup 1 to Makeup 5 is adjusted to: Makeup 1, Makeup 3, Makeup 2, Makeup 4, and Makeup 5.

[0124] In some embodiments, the multiple makeup sub-items of makeup include a men's sub-item, and the makeup corresponding to the men's sub-item is more suitable for men. Generally, the makeup indicated by the men's sub-item is turned on by default, so when a man is displayed in the viewfinder of the camera preview interface, the mobile phone can add the makeup corresponding to the men's sub-item to the man.

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

[0126] It should be noted that when the male makeup adaptation is turned on, and 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 photo 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.

[0127] In some embodiments, after the mobile phone turns on the beauty function, the user can input an operation to control the mobile phone to turn off the camera preview interface of the beauty function and display other interfaces. Exemplary operations input by the user may include: switching operations between the front and rear cameras, switching to display images of the gallery application, exiting the background, calling the settings interface of the camera application, etc. In some embodiments, the mobile phone may also record the interface before the user inputs the operation of closing the settings item of the beauty function, and display the recorded interface after the user turns on the beauty function again.

[0128] For example, Figure 11 (a) shows the camera preview interface of the makeup function. The user clicks the custom button, and the phone displays the makeup creation interface. The user selects the 02 sub-item of the lipstick atom in the makeup creation interface. The user clicks Figure 11 In the interface shown in (b), the front and rear camera switch buttons are displayed. In response to the user's click operation, the mobile phone displays the camera preview interface of the front camera, such as Figure 11 As shown in (c), the interface displays beauty and makeup buttons. Figure 11 As shown in (c), click the Beauty Makeup button and the phone will Figure 11 As shown in (d), the camera preview interface of the beauty function is displayed. The user inputs a left swipe operation at the beauty sub-item 112, and the mobile phone Figure 11As shown in (e), a camera preview interface showing another beauty makeup function is presented. This interface displays a custom button. When the user clicks the custom button, the phone shows the interface that the user has recorded, i.e., the interface shown in Figure 11 (b).

[0129] Figure 1 In (c) and (d), a camera preview interface of a beauty effect function and a camera preview interface of a beauty makeup function are shown. However, the camera preview interface of the beauty effect function and the camera preview interface of the beauty makeup function are not limited to this. Figure 12 Another camera preview interface of a beauty effect function and a camera preview interface of a beauty makeup function are shown.

[0130] Figure 12 In (a), a camera preview interface of the beauty effect function is shown, Figure 12 in (b), a camera preview interface of the beauty makeup function is shown. As Figure 12 shown in (a), in the camera preview interface of the beauty effect function, the viewfinder frame 101 includes a beauty effect button 201 and a beauty makeup button 202. The beauty effect button 201 is in a selected state, and the beauty makeup button 202 is in an unselected state. The beauty effect button 201 and the beauty makeup button 202 are arranged in parallel. On one side of the beauty makeup button 202, multiple sub-items 203 of the beauty effect function are shown, that is, the beauty effect button 201, the beauty makeup button 202, and multiple beauty effect sub-items 203 are arranged in parallel.

[0131] In some embodiments, each beauty effect sub-item can be selected by the user. When the user selects a certain beauty effect sub-item, the icon of this beauty effect sub-item can be highlighted, and the scale bar of this beauty effect sub-item is shown in the viewfinder frame.

[0132] In other embodiments, the user can input a sliding operation at multiple beauty effect sub-items 203 to control the sliding display of multiple beauty effect sub-items 203. In some embodiments, multiple beauty effect sub-items 203 can only be slid and displayed in the display area of multiple beauty effect sub-items, and the beauty effect button 201 and the beauty makeup button 202 are not affected. In other embodiments, during the sliding process of multiple beauty effect sub-items 203, the beauty effect button 201 and the beauty makeup button 202 can be pushed to slide synchronously.

[0133] When the user Figure 12 as shown in (a), clicks the beauty makeup button 202, the phone shows a camera preview interface of the beauty makeup function as shown in Figure 12 (b). In the camera preview interface of the beauty makeup function, the beauty effect button 201 is in an unselected state, and the beauty makeup button 202 is in a selected state. The beauty effect button 201 and the beauty makeup button 202 are arranged in parallel. On one side of the beauty makeup button 202, multiple sub-items 204 of the beauty makeup function are shown. The icon of the beauty makeup sub-item "none" is highlighted.

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

[0135] In other embodiments, the user can input a sliding operation at 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 only be slid and displayed within the display area of the multiple beauty sub-items, and the beauty button 201 and the beauty makeup button 202 are not affected. In other embodiments, during the sliding process of the multiple beauty sub-items 204, the beauty button 201 and the beauty makeup button 202 can be pushed to slide synchronously.

[0136] The operations input by the user in the camera preview interface of the beauty function and the camera preview interface of the beauty makeup function can be as Figures 2 to 11 described in the content here, which will not be elaborated further.

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

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

[0139] The processor 110 may include one or more processing units. For example, the processor 110 may include an application processor (AP), a graphics processing unit (GPU), an image signal processor (ISP), and a video codec. A memory may also be provided in the processor 110 for storing instructions and data.

[0140] The internal memory 120 can be used to store computer-executable program codes, and the executable program codes include 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 instructions stored in the internal memory 120 are for executing the input interaction method. The processor 110 can implement a camera preview interface with beauty and makeup functions displayed, and input various operations on the camera preview interface with beauty and makeup functions by executing the instructions stored in the internal memory 120.

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

[0142] In the sensor module 150, the pressure sensor 150A is used to sense pressure signals and can convert the pressure signals into electrical signals. The touch sensor 150B, also known as a "touch control device". The touch sensor 150B can be disposed on the display screen 140, and the touch sensor 150B and the display screen 140 form a touch screen, also known as a "touch control screen". The touch sensor 150B is used to detect touch operations acting thereon or nearby. The touch sensor can transmit the detected touch operations to the application processor to determine the type of touch event.

[0143] Another embodiment of the present application further provides a computer-readable storage medium, in which instructions are stored. When the instructions are run on a computer or a processor, the computer or the processor is caused to execute one or more steps in any of the above methods.

[0144] The computer-readable storage medium can be a non-transitory computer-readable storage medium. For example, the non-transitory computer-readable storage medium can be a read-only memory (ROM), a random access memory (RAM), a CD-ROM, a magnetic tape, a floppy disk, and an optical data storage device, etc.

[0145] Another embodiment of the present application further provides a computer program product containing instructions. When the computer program product is run on a computer or a processor, the computer or the processor is caused to execute one or more steps in any of the above methods.

Claims

1. An input interaction method, characterized in that, it includes: 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 user's click operation 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 user's click operation 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 user's click operation on a first option of the first beauty atom; In response to the user's click operation on the first option of the first beauty atom, the electronic device displays that the first option is in a first state, and other options of the first beauty atom are in a second state.

3. The input interaction method according to claim 2, characterized in that, a first portrait is also displayed in the first area of the first interface; after receiving the user's click operation on the first option of the first beauty atom, it further includes: In response to the user's click operation 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, characterized in that, a first portrait is also displayed in the first area of the first interface, and the method further includes: In response to the user's click operation 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 a first state, and the first beauty sub-item is in a 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, characterized in that, 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, characterized in that, 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 user's click operation on the first beauty sub-item, the electronic device displays that the first beauty sub-item is in a first state, the second beauty sub-item is in a 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, wherein, in response to the user's click operation on the first button, the electronic device also displays a third button in the first area, and the method further includes: in response to the user's click operation on the third button, the electronic device displays the first interface.

9. The input interaction method according to claim 5, wherein, a first portrait is further displayed in the first area of the first interface, 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 lines 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.

10. The input interaction method according to claim 9, wherein, it further 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.

11. The input interaction method according to any one of claims 1 to 10, wherein, it further includes: 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, and the second interface includes a first pop-up window and a keyboard of an 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 a 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, and 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'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 a 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 a third state.

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

15. The input interaction method according to any one of claims 1 to 13, wherein, A third beauty sub-item is further displayed in the first area of the first interface of the electronic device, and the third beauty sub-item corresponds to a third makeup look. In response to a 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 a 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, wherein, 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, and the memory is used to store a computer program, and the computer program includes computer instructions. 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, wherein, used to store a computer program, and 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.

Images