Method for displaying function options, and related apparatus

Abstract

A method and apparatus for displaying function options. In the method, an electronic device simultaneously displays sub-function options of a first function and sub-function options of a second function, and displays a preview effect of superimposing a function corresponding to a first sub-function option and a function corresponding to a second sub-function option. The selection of different sub-function options is directly modified in an interactive interface, and a preview effect of superimposing sub-functions of two different functions is displayed, thereby reducing the operation steps of a user, and thus improving the convenience.

Description

A method and related apparatus for displaying function options

[0001] This application claims priority to Chinese Patent Application No. 202411984892.3, filed on December 27, 2024, entitled "A Method and Related Apparatus for Displaying Functional Options", the entire contents of which are incorporated herein by reference. Technical Field

[0002] This application relates to the field of terminal technology, and in particular to a method and related apparatus for displaying function options. Background Technology

[0003] When drawing on electronic devices, users often utilize multiple functions to meet their drawing requirements. These devices frequently display numerous options in the drawing interface, requiring users to perform many operations before selecting a satisfactory function and viewing the corresponding drawing effect, resulting in a poor user experience. Summary of the Invention

[0004] This application provides a method and related apparatus for displaying function options, which can reduce the number of steps required for user operation. Furthermore, the electronic device can display a preview of the superimposed effect of two different sub-functions, eliminating the need for the user to perform any operation before viewing the superimposed effect. This makes drawing more convenient and reduces the burden on the user.

[0005] In a first aspect, this application provides a method for displaying function options, which is applied to an electronic device. The method includes: displaying a first interface, the first interface including a first toolbar, a second toolbar, and a preview area; the first toolbar including multiple sub-function options for a first function, the second toolbar including multiple sub-function options for a second function, the first sub-function option in the first toolbar being selected, the second sub-function option in the second toolbar being selected, the first function and the second function being related to a drawing task, and the preview area displaying a preview effect of the function corresponding to the first sub-function option and the function corresponding to the second sub-function option being superimposed.

[0006] By implementing the above method, electronic devices can display a preview of the overlay effect of two different sub-functions, eliminating the need for the user to perform any actions before viewing the overlay effect. This makes drawing more convenient and reduces the burden on the user.

[0007] In conjunction with the first aspect, in some implementations, the first function is the function of selecting a color, the first sub-function option is the first color option, the first color option corresponds to the first color, the second function is the function of selecting a brush, the second sub-function option is the first brush option, the first brush option corresponds to the first brush, and the preview area specifically displays: the drawing effect of the first brush with the first color.

[0008] In conjunction with the first aspect, in some implementations, the first function is a color selection function, the first sub-function option is a first color option, and the first color option corresponds to a first color; the second function is a filter selection function, the second sub-function option is a first filter option, and the first filter option corresponds to a first filter; the preview area specifically displays a preview effect of the first color and the first filter superimposed. In the embodiments of this application, the superimposed effects are not limited to the above-mentioned combinations, and may also include more combinations of two functions superimposed preview effects.

[0009] In conjunction with the first aspect, in some implementations, the first toolbar further includes a first option. After displaying the first interface, the method further includes: receiving an operation applied to the first option and displaying a color panel including multiple colors. Panel 251 is a secondary panel of the first toolbar. For example, panel 251 is a color panel that provides the function of selecting a color from multiple colors. Panel 251 may include: a close control 251A, a color wheel option 251B, a slider option 251C, and a color swatch option 251D.

[0010] In conjunction with the first aspect, in some implementations, the second toolbar further includes a second option. After displaying the first interface, the method further includes: receiving an operation applied to the second option, and displaying brush options corresponding to the multiple collected brushes or filter options corresponding to the multiple collected filters. For example, panel 261 is a secondary panel of the second toolbar. Panel 261 is a brush panel including multiple collected brushes. Panel 261 may include: a close control 261A, brush option 261B, brush option 261C, and brush option 261D.

[0011] In this way, electronic devices can access secondary panels for some functions in fewer steps, making them more convenient for users.

[0012] In conjunction with the first aspect, in some implementations, after displaying the first interface, the method further includes: receiving an operation applied to a third sub-level function option in the first toolbar; receiving an operation applied to a fourth sub-level function option in the second toolbar; and displaying a preview effect in the preview area of ​​the function corresponding to the third sub-level function option and the function corresponding to the fourth sub-level function option superimposed on each other. In some implementations, in the third drawing interface, the electronic device can change the preview effect displayed in the preview area by changing the selected option in the first toolbar and / or the selected option in the second toolbar. This allows the electronic device to directly modify the selection of sub-level function options in the aforementioned interface, reducing user operation steps. The electronic device can also view the superimposed preview effect after the change in the third drawing interface, reducing the steps required for the user to use the function and then view the drawing effect, resulting in a better user experience.

[0013] In conjunction with the first aspect, in some implementations, the preview area is a circular area, the second toolbar is a non-closed annular area outside the circular area, and the first toolbar is a non-closed annular area outside the second toolbar. In some implementations, the first toolbar, the second toolbar, and the preview area can form a whole. Specifically, the preview area is a circular area, the second toolbar is a non-closed annular area outside the preview area, and the first toolbar is a non-closed annular area outside the second toolbar. That is, the second toolbar non-closedly surrounds the preview area, and the first toolbar non-closedly surrounds the second toolbar. Optionally, the first and second toolbars can also be closed annular areas. Not limited to the shapes mentioned above, the first and second toolbars can also be other shapes, such as squares, etc., without limitation. In this way, the electronic device can display the preview effect of the superimposed sub-functions of two functions, without needing to respond to the user's function operation and then view the drawing effect of the sub-function, saving the user operation steps and time.

[0014] In conjunction with the first aspect, in some implementations, after displaying the first interface, the method further includes: receiving a sliding operation applied to the second toolbar to move the positions of multiple sub-function options of the second function in the second toolbar; or, receiving a sliding operation applied to the first toolbar to move the positions of multiple sub-function options of the first function in the first toolbar.

[0015] In some implementations, the electronic device can customize the number of sub-function options contained in the first and second toolbars. For example, the electronic device can set the number of sub-function options in the first toolbar to 5 and the number of sub-function options in the second toolbar to 5. The electronic device can also customize the sub-function options contained in both the first and second toolbars.

[0016] In conjunction with the first aspect, in some implementations, after displaying the first interface, the method further includes: receiving a long press and drag operation applied to the second toolbar, displaying the second editing panel of the second toolbar; receiving an editing operation applied to the second editing panel, adjusting the content included in the second toolbar;

[0017] Alternatively, upon receiving a long-press and drag operation on the first toolbar, the first editing panel of the first toolbar is displayed; upon receiving an editing operation on the first editing panel, the content included in the first toolbar is adjusted.

[0018] In this way, users can adjust the sub-function options displayed in the first and / or second toolbars according to their own needs, so that the displayed sub-function options better meet the user's needs and make the drawing process more convenient.

[0019] In one possible implementation, the electronic device can directly switch from the user interface for adjusting the first toolbar to the user interface for adjusting the second toolbar, or directly switch from the user interface for adjusting the second toolbar to the user interface for adjusting the first toolbar.

[0020] This saves users the trouble of simultaneously adjusting both the first and second toolbars, simplifying the operation process and improving the user experience.

[0021] In conjunction with the first aspect, in some implementations, the first interface further includes a first control. After displaying the first interface, the method further includes: receiving an operation applied to the first control and displaying a second interface, the second interface including a third toolbar, the third toolbar including multiple function options.

[0022] In some implementations, after using the functions provided by the third drawing interface, the user may want to use the functions provided by the second drawing interface or the first drawing interface. Therefore, the third drawing interface may also include a return control.

[0023] In conjunction with the first aspect, in some implementations, after displaying the first interface, the method further includes: receiving an operation applied to an area other than the first toolbar, the second toolbar, and the preview area, and stopping the display of the first toolbar, the second toolbar, and the preview area.

[0024] In conjunction with the first aspect, in some implementations, before displaying the first interface, the method further includes: displaying a second interface, the second interface including a third toolbar and a second control, the third toolbar including multiple function options; receiving a first operation applied to the second control; the display of the first interface specifically includes: displaying the first interface in response to the first operation.

[0025] In conjunction with the first aspect, in some implementations, before displaying the first interface, displaying the second interface specifically includes: displaying the second interface in response to a second operation applied to the third control; or, displaying the second interface in response to a pinching or tapping operation on the stylus body; or, displaying the second interface in response to a sliding operation on the stylus body.

[0026] In conjunction with the first aspect, in some implementations, the third toolbar is displayed at a default position on the screen of the electronic device, or at the position where the stylus tip last touched the screen, or at the position of the screen corresponding to the stylus tip when the stylus is hovering.

[0027] In conjunction with the first aspect, in some implementations, after displaying the second interface, the method further includes: receiving a long-press drag operation applied to the third toolbar, displaying the third editing panel of the third toolbar; receiving an editing operation applied to the third editing panel, adjusting the content included in the third toolbar.

[0028] In this way, users can adjust the function options displayed in the third toolbar according to their own needs, so that the displayed function options better meet the user's needs and make the drawing process more convenient.

[0029] In conjunction with the first aspect, in some implementations, the icon in the second control indicates both the first and second functions. The second control can be located within the third toolbar, extending naturally from its own shape. This allows the user to clearly identify the two functions corresponding to the control.

[0030] In a second aspect, this application provides an electronic device including a memory, a processor, and computer instructions stored in the memory, wherein the processor executes the computer program to implement the method described in the first aspect or any embodiment of the first aspect.

[0031] Thirdly, embodiments of this application provide a computer-readable storage medium storing a computer program that, when executed by a processor, implements the method described in the first aspect or any of the embodiments of the first aspect.

[0032] Fourthly, embodiments of this application provide a computer program product comprising computer instructions that, when executed by a processor, implement the method described in the first aspect or any of the embodiments of the first aspect.

[0033] The beneficial effects of the second to fourth aspects can be referenced from the beneficial effects of the first aspect mentioned above. Attached Figure Description

[0034] Figures 1A-1C show a set of user interfaces provided in the following scenario according to the embodiments of this application;

[0035] Figures 2A-2C show a set of user interfaces provided in scenario two according to the embodiments of this application;

[0036] Figures 3A-3D show a set of user interfaces provided in scenario three according to the embodiments of this application;

[0037] Figures 4A-4D show a set of user interfaces provided in scenario four according to the embodiments of this application;

[0038] Figures 5A-5D show a set of user interfaces provided in scenario five according to the embodiments of this application;

[0039] Figures 6A-6C show a set of user interfaces provided in scenario six according to the embodiments of this application;

[0040] Figure 7A is a schematic diagram showing the relationship between the length of the third toolbar and the functional options contained in the third toolbar according to an embodiment of this application;

[0041] Figure 7B is a schematic diagram of the first toolbar, the second toolbar, and the preview area provided in the embodiment of this application when the functions corresponding to the second control are the function of selecting color and the function of selecting filter.

[0042] Figure 8 is a schematic flowchart of a method for displaying function options provided in an embodiment of this application;

[0043] Figure 9 is a schematic diagram of the structure of the electronic device 100 provided in an embodiment of this application;

[0044] Figure 10 is a software structure block diagram of the electronic device 100 provided in an embodiment of this application. Detailed Implementation

[0045] The technical solutions in the embodiments of this application will be clearly and thoroughly described below with reference to the accompanying drawings. In the description of the embodiments of this application, unless otherwise stated, " / " means "or," for example, A / B can mean A or B; the word "and / or" in the text is merely a description of the relationship between related objects, indicating that three relationships can exist. For example, A and / or B can represent: A existing alone, A and B existing simultaneously, and B existing alone. Furthermore, in the description of the embodiments of this application, "multiple" refers to two or more than two.

[0046] Hereinafter, the terms "first" and "second" are used for descriptive purposes only and should not be construed as implying or suggesting relative importance or implicitly indicating the number of indicated technical features. Thus, a feature defined as "first" or "second" may explicitly or implicitly include one or more of that feature, and in the description of the embodiments of this application, unless otherwise stated, "multiple" means two or more.

[0047] First, let's introduce the terms used in the embodiments of this application.

[0048] A function refers to a specific task that a system, device, or application can perform or provide. In the embodiments of this application, a function refers to a function related to a drawing task. Functions may include, but are not limited to: functions for selecting colors, selecting brushes, selecting filters, copying, pasting, cutting, smearing, creating new layers, horizontal flipping, vertical flipping, mirroring, clearing, etc. In some implementations, the electronic device can perform drawing tasks within a drawing application. The aforementioned functions can be provided by the drawing application. In the user interface, selecting a function option allows the use of the corresponding function. For example, selecting the color option allows the electronic device to perform the function of selecting colors. That is, there is a correspondence between function options and functions.

[0049] Sub-functions refer to the specific functionalities that can be further refined from a given function. For example, a function that selects a color might have sub-functions such as: confirming the use of red, confirming the use of green, confirming the use of black, confirming the use of yellow, and so on. In other words, a sub-function of the color selection function is the function that confirms the use of a specific color. In the user interface, selecting a sub-function option allows the use of that specific sub-function. For example, selecting the red option allows the electronic device to execute the function of confirming the use of red. Therefore, there is a correspondence between sub-function options and their corresponding sub-functions.

[0050] In this embodiment, a specific color refers to a color with a unique color value. Color values ​​can be represented in different ways under different color modes. Color modes may include, but are not limited to: RGB color mode, hexadecimal color code, and HSL color mode.

[0051] In some implementations, not all functions have subordinate functions. For example, the copy function does not have subordinate functions; it simply copies the current layer and can be executed directly without any further refinement. In the embodiments of this application, functions with subordinate functions include, but are not limited to: functions for selecting colors, selecting brushes, selecting filters, etc.

[0052] Stylus hovering refers to a state where the stylus is not in direct contact with the screen of the electronic device, and the distance between the stylus and the screen is less than a first threshold (e.g., 12mm). The electronic device can detect that the stylus is hovering in one or more of the following ways: electromagnetic induction, capacitive induction, and distance detection. Electromagnetic induction means that the electronic device can determine whether the stylus is hovering by detecting changes in the magnetic field detected by an electromagnetic sensor. Capacitive induction means that the electronic device can determine whether the stylus is hovering by detecting changes in the electric field detected by a capacitive sensor below the screen. Distance detection means that the electronic device can determine whether the stylus is hovering by detecting whether the distance between the screen and the stylus is less than the first threshold using a distance sensor. In this embodiment, other methods may also be included to determine whether the stylus is hovering, and these are not limited to these methods.

[0053] In some implementations, electronic devices can respond to user actions to perform drawing tasks. During the drawing process, the electronic device can provide various functions related to the drawing task to meet the user's different needs. For example, if a user needs to draw with a red watercolor pen, the electronic device can respond to the user's selection of the red option corresponding to the function of using red, and the user's selection of the watercolor pen brush option corresponding to using a watercolor pen brush, by providing the user with a red watercolor pen brush to meet the user's drawing requirements.

[0054] However, during the drawing process, after using the functions provided by the electronic device (e.g., displaying the drawing effect of a red watercolor brush in response to the user's swipe operation), the user may not be satisfied with the combined effect of the various subordinate functions. In this case, the user needs to modify the selection of the subordinate function options multiple times, and the electronic device needs to use the adjusted function multiple times until the user is satisfied with the combined effect of the adjusted subordinate functions. For example, the user needs to modify the color and brush used separately, and then use the device again each time to judge whether the drawing effect is satisfactory. If not, multiple modifications are needed. In this embodiment, the adjustment function can refer to modifying the selection of a subordinate function of a certain function.

[0055] In this scenario, the electronic device may require numerous user actions before it can adjust to meet the user's needs. Furthermore, adjusting a single function may require multiple steps, which is repetitive and tedious, resulting in a poor user experience. Moreover, after each modification to a sub-function option, the electronic device must respond to the user's action by using the adjusted function to see the combined effect of the various sub-functions. If the user is dissatisfied with the preview, the electronic device must also respond to the user's action by reversing the previous adjustment, increasing the burden on the user during the drawing process.

[0056] To reduce the above problems, this application provides a method for displaying function options. In this method, the electronic device simultaneously displays the sub-function options of the first function and the sub-function options of the second function. It can also display a preview effect of the superimposed functions of the first sub-function option and the functions of the second sub-function option.

[0057] The first and second functions are related to the drawing task. The first sub-function option is a sub-function option of the selected first function. The second sub-function option is a sub-function option of the selected second function.

[0058] For example, the first function could be a color selection function, and the second function could be a brush selection function. The selected first sub-function option could be the red option, and the selected second sub-function option could be the watercolor brush option. The overlay preview effect of the function corresponding to the first sub-function option and the function corresponding to the second sub-function option could be: the drawing effect of a red watercolor brush.

[0059] For example, the first function could be a color selection function, and the second function could be a filter selection function. The selected first sub-function option could be the red option, and the selected second sub-function option could be the sharpening filter option. The overlay preview effect of the functions corresponding to the first sub-function option and the functions corresponding to the second sub-function option could be: a preview effect of overlaying red and sharpening filter. It is worth noting that the preview effect of overlaying red and sharpening filter does not refer to a preview effect that is entirely red, but rather a preview effect that uses a sharpening filter and is slightly reddish overall.

[0060] By implementing the above method, the electronic device can directly modify the selection of sub-function options within the interface, reducing the number of steps required from the user. Furthermore, the electronic device can display a preview of the overlay effect of two different sub-functions, eliminating the need for the user to view the overlay effect after making an operation. This makes drawing more convenient and reduces the burden on the user.

[0061] The following describes several application scenarios of the display function options method provided in the embodiments of this application.

[0062] Scene 1: Enter the third drawing interface, which displays an overlay preview effect.

[0063] In some implementations, the electronic device may first display a first drawing interface. This first drawing interface includes an entry control that triggers the display of a third toolbar. For example, the first drawing interface may refer to the user interface 200 described below.

[0064] The electronic device can then respond to user input and display a second drawing interface. This second drawing interface includes a third toolbar and second controls. The third toolbar includes multiple function options. The second controls can be positioned within the third toolbar, extending naturally from its own shape.

[0065] User operations can include: operations on the entry control and operations on the stylus body. Operations on the entry control can include, but are not limited to, clicking, double-clicking, and long-pressing. Operations on the stylus body can include, but are not limited to, pinching the stylus body, tapping the stylus body, and sliding on the stylus body. The stylus establishes a communication connection with the electronic device.

[0066] The third toolbar mentioned above can be positioned in several ways within the second drawing interface. These possibilities include: being located in the default position on the screen (e.g., the center position), being located at the position where the stylus tip last touched the screen, and being located on the screen corresponding to the stylus tip when the stylus is hovering.

[0067] In one possible implementation, when the user's operation is an operation on the body of the stylus, if the stylus is hovering on the screen, the third toolbar is located at the position on the screen corresponding to the tip of the stylus; if the stylus is not hovering on the screen, the third toolbar is located at the position where the stylus tip last touched the screen or at the default position on the screen.

[0068] For example, the second drawing interface may refer to the user interface 210 described below.

[0069] Finally, the electronic device can respond to the operation applied to the second control and display a third drawing interface. The third drawing interface includes a first toolbar, a second toolbar, and a preview area. The first toolbar includes multiple sub-function options for the first function, and the second toolbar includes multiple sub-function options for the second function. That is, the function corresponding to the first toolbar is the first function, and the function corresponding to the second toolbar is the second function. The preview area displays a preview effect of the functions corresponding to the first and second sub-function options superimposed on each other.

[0070] In some implementations, the first toolbar, second toolbar, and preview area can form a single unit. The preview area is a circular region, the second toolbar is a non-closed ring-shaped region outside the preview area, and the first toolbar is a non-closed ring-shaped region outside the second toolbar. That is, the second toolbar non-closedly surrounds the preview area, and the first toolbar non-closedly surrounds the second toolbar. Optionally, the first and second toolbars can also be closed ring-shaped regions. Not limited to the shapes described above, the first and second toolbars can also be other shapes, such as squares, etc., without limitation.

[0071] In one possible implementation, the third drawing interface may also include a return control. The return control may be located where the first toolbar naturally extends from its own shape. For example, the third drawing interface may refer to the user interface 220 described below.

[0072] In this way, electronic devices can display a preview of the superimposed sub-functions of two functions, without having to respond to the user's operation of the function and then view the drawing effect of the sub-function, saving the user operation steps and time.

[0073] The following describes Scenario 1 provided by the embodiments of this application, with reference to the user interface.

[0074] Figures 1A-1C exemplarily illustrate a set of user interfaces provided in a scenario according to embodiments of this application.

[0075] As shown in Figure 1A, the user interface 200 is a user interface provided for drawing applications in an electronic device. The user interface 200 may include: a drawing area 201, a first area 202, a second area 203, and an entry control 204.

[0076] The drawing area 201 is used to display drawing content. The electronic device can generate drawing content in response to the user's swiping operation in the drawing area 201 or the swiping operation of the stylus tip in the drawing area 201.

[0077] The first area 202 includes functional controls related to the drawing task. For example, the first area 202 includes: a brush control 202A, a smudge control 202B, an eraser control 202C, a brush thickness control 202D, and a brush transparency control 202E. The electronic device can select the style of the brush to be used in response to a click operation on the brush control 202A. The electronic device can use the smudge function in response to a click operation on the smudge control 202B. The electronic device can use the erase function in response to a click operation on the eraser control 202C. The electronic device can change the thickness of the brush to be used in response to an upward or downward swipe operation on the brush thickness control 202D. The electronic device can change the transparency of the brush to be used in response to an upward or downward swipe operation on the brush transparency control 202E.

[0078] The second area 203 also includes functional controls related to the drawing task. For example, the second area 203 includes: an undo control 203A, a redo control 203B, an operation control 203C, a selection control 203D, a transform control 203E, a filter control 203F, a layer control 203G, and a color control 203H. The electronic device can respond to a click on the undo control 203A to undo the previous user operation. The electronic device can respond to a click on the redo control 203B to cancel the undo of the previous user operation. The electronic device can respond to a click on the filter control 203F to select the style of the filter to use. For example, filter styles may include: a color balance filter, a Gaussian blur filter, a motion blur filter, a perspective blur filter, a sharpening filter, etc. The electronic device can respond to a click on the layer control 203G to select the layer to draw on.

[0079] The controls contained in the first and second areas mentioned above are set by default in drawing applications. Generally, a user can only adjust the function of one control in the first or second area at a time. After adjusting the function of one control in the first or second area, the electronic device needs to return to the user interface 200 before adjusting the functions of other controls in the first or second area.

[0080] In this embodiment, the aforementioned entry control 204 refers to the entry control in the first drawing interface.

[0081] For example, the electronic device can respond to operations applied to the entry control 204 and display the user interface 210 as shown in Figure 1B. Operations applied to the entry control 204 may include, but are not limited to, click operations, double-click operations, long-press operations, etc. As another example, when a user operates the electronic device using a stylus, the electronic device can also respond to operations applied to the stylus and display the user interface 210 as shown in Figure 1B. Operations applied to the stylus may include, but are not limited to, pinching the stylus body, tapping the stylus body, sliding on the stylus body, etc.

[0082] As shown in Figure 1B, the user interface 210 includes: a toolbar 211, a combo control 212, and a movement control 213. Optionally, the user interface 210 may also include: a drawing area 201, a first area 202, a second area 203, and an entry control 204.

[0083] The toolbar 211 includes various function options. For example, the toolbar 211 includes: a color picker option 211A, a layer selection option 211B, a copy option 211C, a paste option 211D, and a clipping option 211E. The electronic device can use the color picker function in response to a click operation on the color picker option 211A.

[0084] For example, the toolbar 211 is located at the center of the user interface 210. However, the location of the toolbar 211 within the user interface 210 is not limited to the center position. It can also be the position of the stylus tip on the screen during the most recent contact with the screen, or the position of the stylus tip on the screen when the stylus is hovering.

[0085] The combo control 212 corresponds to two functions. For example, the combo control 212 corresponds to the function of selecting a color and the function of selecting a brush. For example, the combo control 212 can be located on the toolbar 211, where it naturally extends from its own shape.

[0086] The movable control 213 is used to adjust the position of the toolbar 211 in the user interface 210. For example, the movable control 213 is a transparent circle. For example, the electronic device can adjust the position of the toolbar 211 in the user interface 210 in response to a sliding operation applied to the movable control 213. After the electronic device moves the toolbar 211, the relative position of the toolbar 211 with the combo controls 212 and the movable control 213 remains unchanged. That is, the electronic device moves the positions of the combo controls 212 and the movable control 213 simultaneously while moving the toolbar 211.

[0087] In this embodiment, toolbar 211 may refer to a third toolbar. Combination control 212 may refer to a second control.

[0088] For example, an electronic device can respond to a click operation on the combo control 212 and display a user interface 220 as shown in FIG1C. The user interface 220 includes: a toolbar 221, a toolbar 222, a preview area 223, and a return control 224. Optionally, the user interface 220 may also include: a drawing area 201, a first area 202, a second area 203, and an entry control 204.

[0089] The toolbar 221 includes sub-function options corresponding to one function of the combined control 212. For example, if the toolbar 221 corresponds to the function of selecting a color, it includes: gray option 221A, orange option 221B, black option 221C, green option 221D, cyan option 221E, and more options 221F. For example, if the toolbar 221 is an open loop, the return control 224 can be located where the toolbar 221 naturally extends according to its shape.

[0090] Toolbar 222 includes sub-function options of another function corresponding to combo control 212. For example, toolbar 222 corresponds to the function of selecting a brush, and toolbar 222 includes: brush 1 option 222A, brush 2 option 222B, brush 3 option 222C, brush 4 option 222D, brush 5 option 222E, and favorite option 222F.

[0091] Among them, the gray option 221A and brush option 1 222A are selected. The currently selected color option and brush option are not selected in response to user operation, but correspond to the color and brush used by the electronic device when displaying the above user interface 200.

[0092] Preview area 223 displays a preview of the combined effects of the two selected sub-function options. For example, preview area 223 shows the drawing effect of the brush corresponding to the gray brush 1 option 222A.

[0093] In this embodiment, toolbar 221 refers to the first toolbar, toolbar 222 refers to the second toolbar, and preview area 223 may refer to the aforementioned preview area. Gray option 221A refers to the first sub-function option, and brush 1 option 222A refers to the second sub-option.

[0094] Scenario 2: Change the content displayed in the preview area of ​​the third drawing interface.

[0095] In some implementations, in the third drawing interface, the electronic device can change the preview effect displayed in the preview area by changing the selected option in the first toolbar and / or the selected option in the second toolbar.

[0096] Specifically, when the first and second sub-level function options are selected, the electronic device first receives an operation applied to the third sub-level function option in the first toolbar, and displays a preview of the function corresponding to the third sub-level function option overlaid with the corresponding function of the second sub-level function option in the preview area. Then, the electronic device receives an operation applied to the fourth sub-level function option in the second toolbar, and displays a preview of the function corresponding to the third sub-level function option overlaid with the corresponding function of the fourth sub-level function option in the preview area.

[0097] Specifically, when the first and second sub-level function options are selected, the electronic device first receives an operation applied to the fourth sub-level function option in the second toolbar. The preview area then displays a preview of the function corresponding to the first sub-level function option, overlaid with the corresponding function of the fourth sub-level function option. Further, the electronic device then receives an operation applied to the third sub-level function option in the first toolbar, and the preview area displays a preview of the function corresponding to the third sub-level function option, overlaid with the corresponding function of the fourth sub-level function option.

[0098] In this way, electronic devices can directly modify the selection of sub-function options within the aforementioned interface, reducing the number of steps required from the user. Furthermore, the electronic device can view a preview of the overlay effect after modification in the third drawing interface, further reducing the need for users to use functions and then view the drawing results, thus improving the user experience.

[0099] The following describes Scenario 2 provided by the embodiments of this application, with reference to the user interface.

[0100] Figures 2A-2C exemplarily illustrate a set of user interfaces provided in Scenario 2 according to embodiments of this application.

[0101] Referring to Figure 2A, the electronic device can respond to a click operation on the brush 2 option 222B in the user interface 220, select the brush corresponding to the brush 2 option 222B, and display the user interface 230 as shown in Figure 2B.

[0102] The user interface 230 includes a toolbar 231, a toolbar 232, a preview area 233, and a return control 234. The grayed-out option 231A in toolbar 231 is selected, and the brush option 232B in toolbar 232 is selected. The preview area 233 displays the drawing effect of the brush corresponding to the grayed-out brush option 232B.

[0103] The electronic device can respond to a click operation on the black option 231C in the user interface 230, select the black corresponding to the black option 231C, and display the user interface 240 as shown in Figure 2C.

[0104] The user interface 240 includes a toolbar 241, a toolbar 242, a preview area 243, and a return control 244. The black option 241C in toolbar 241 is selected, and the brush option 242B in toolbar 242 is selected. The preview area 243 displays the drawing effect of the brush corresponding to the black brush option 242B.

[0105] In this embodiment, user interface 230 and user interface 240 both refer to the third drawing interface, black option 231C refers to the third sub-function option, and brush option 232B refers to the fourth sub-option.

[0106] Scenario 3: View more sub-functions of the functions corresponding to the first or second toolbar in the third drawing interface.

[0107] In some implementations, the first toolbar in the third drawing interface may also include a first option, and the second toolbar may also include a second option. The electronic device can receive operations applied to the first option and display the second-level panel of the first toolbar. The electronic device can receive operations applied to the second option and display the second-level panel of the second toolbar. The second-level panel of the first toolbar includes options for more sub-functions of the function corresponding to the first toolbar. The second-level panel of the second toolbar includes options for more sub-functions of the function corresponding to the second toolbar. However, the presentation is not limited to options; the second-level panels can also present other forms for providing selection of sub-functions, such as circular options, etc., without limitation.

[0108] For example, the second-level panel of the first toolbar can be a color panel that includes multiple colors. The second-level panel of the second toolbar can be a panel that includes brush options corresponding to multiple favorite brushes, or a panel that includes filter options corresponding to multiple favorite filters.

[0109] In this way, electronic devices can access secondary panels for some functions in fewer steps, making them more convenient for users.

[0110] The following describes Scenario 3 provided in the embodiments of this application, with reference to the user interface.

[0111] Figures 3A-3D exemplarily illustrate a set of user interfaces provided in scenario three according to embodiments of this application.

[0112] Figures 3A and 3B show the user interface for viewing more sub-functions included in the first toolbar. Figures 3C and 3D show the user interface for viewing more sub-functions included in the second toolbar.

[0113] Referring to Figure 3A, the electronic device can display the user interface 230 in response to a click operation on the more options 221F in the user interface 220.

[0114] As shown in Figure 3B, the user interface 250 includes a panel 251. Optionally, the user interface 250 may also include a drawing area 201, a first area 202, a second area 203, an entry control 204, a toolbar 221, a toolbar 222, a preview area 223, and a return control 224.

[0115] Panel 251 is a secondary panel of the first toolbar. For example, panel 251 is a color panel that provides the function of selecting a color from multiple colors.

[0116] The panel 251 may include: a close control 251A, a color wheel option 251B, a slider option 251C, and a color card option 251D.

[0117] In panel 251, color wheel option 251B is selected, which means that multiple selectable colors provided by the electronic device are presented in panel 251 in the form of a color wheel. Panel 251 may also include: color wheel 251E and label 251F. Optionally, panel 251 may also include: color swatch 251G and label 251H.

[0118] For example, in response to a click operation on a location within the color wheel 251E, the electronic device can display identifier 251F at that location on the color wheel 251E. Then, the electronic device can display multiple colors corresponding to identifier 251F in the color palette 251G. The electronic device can also, in response to a click operation on a location within the color wheel 251E, display identifier 251H at that location on the color palette 251G. This indicates that the color selected by the electronic device is the color corresponding to identifier 251H, such as color a.

[0119] Furthermore, after color 'a' is selected, the electronic device can respond to a click operation on the close control 251A, stopping the display of panel 251. Then, the electronic device can display the drawing effect of the brush corresponding to brush option 222A for color 'a' in the preview area. However, since the color option corresponding to color 'a' is not presented in the first toolbar, all color options displayed in the first toolbar are currently unselected.

[0120] In this embodiment of the application, more options 221F may refer to the first option, and panel 251 may refer to the secondary panel of the first toolbar.

[0121] Referring to Figure 3C, the electronic device can display the user interface 260 in response to a click operation on the favorite option 222F in the user interface 220.

[0122] As shown in Figure 3D, the user interface 260 includes a panel 261. Optionally, the user interface 260 may also include a drawing area 201, a first area 202, a second area 203, an entry control 204, a toolbar 221, a toolbar 222, a preview area 223, and a return control 224.

[0123] Panel 261 is a secondary panel of the second toolbar. For example, panel 261 is a brush panel that includes multiple favorite brushes.

[0124] Panel 261 may include: a close control 261A, brush options 261B, brush options 261C, and brush options 261D. The electronic device can respond to an upward swipe operation on panel 261 to display more brush options corresponding to saved brushes.

[0125] For example, the electronic device responds to a click operation on brush option 261B by selecting the brush corresponding to brush option 261B, such as brush b.

[0126] Furthermore, after selecting brush b, the electronic device can respond to a click operation acting on the close control 261A, stopping the display of panel 261. Then, the electronic device can display the drawing effect of grayed-out brush b in the preview area. However, since the brush option corresponding to brush b is not presented in the second toolbar, all brush options displayed in the second toolbar are currently unselected.

[0127] In this embodiment of the application, the favorite option 222F may refer to the second option, and the panel 261 may refer to the secondary panel of the second toolbar.

[0128] Scenario 4: Adjust the sub-function options included in the first and / or second toolbars in the third drawing interface.

[0129] In some implementations, the electronic device can customize the number of sub-function options contained in the first and second toolbars. For example, the electronic device can set the number of sub-function options contained in the first toolbar to 5, and the number of sub-function options contained in the second toolbar to 5.

[0130] Electronic devices can also customize the sub-function options contained in the first and second toolbars. For example, an electronic device can configure the sub-function options contained in the first toolbar to be the sub-function options corresponding to the five most frequently used sub-functions among the multiple sub-functions of the function corresponding to the first toolbar. Similarly, an electronic device can configure the sub-function options contained in the second toolbar to be the sub-function options corresponding to the five most frequently used sub-functions among the multiple sub-functions of the function corresponding to the second toolbar.

[0131] In this embodiment of the application, the method by which the electronic device sets the lower-level function options is only illustrative and can be other setting methods, which are not limited thereto.

[0132] In some implementations, the electronic device can respond to user operations by displaying the editing panel of the first toolbar and adjusting the sub-function options included in the first toolbar. The electronic device can also respond to user operations by displaying the editing panel of the second toolbar and adjusting the sub-function options included in the second toolbar. The lengths of the first and second toolbars can also change with each adjustment. Specifically, the adjustments can refer to one or more of the following: adding sub-function options, deleting sub-function options, adjusting the position of sub-function options in the toolbar, etc. For example, the user operation can refer to long-pressing the toolbar and dragging it outwards. In the embodiments of this application, the operation that triggers the adjustment of the toolbar's content can also include other operations, which are not limited thereto.

[0133] In this way, users can adjust the sub-function options displayed in the first and / or second toolbars according to their own needs, so that the displayed sub-function options better meet the user's needs and make the drawing process more convenient.

[0134] In one possible implementation, the electronic device can directly switch from the user interface for adjusting the first toolbar to the user interface for adjusting the second toolbar, or directly switch from the user interface for adjusting the second toolbar to the user interface for adjusting the first toolbar.

[0135] This saves users the trouble of simultaneously adjusting both the first and second toolbars, simplifying the operation process and improving the user experience.

[0136] The following describes Scenario 4 provided by the embodiments of this application, with reference to the user interface.

[0137] Figures 4A-4D exemplarily illustrate a set of user interfaces provided in scenario four according to embodiments of this application.

[0138] Figures 4A and 4B illustrate the user interface for adjusting the sub-function options included in the first toolbar. Figures 4C and 4D illustrate the user interface for adjusting the sub-function options included in the second toolbar.

[0139] Referring to Figure 4A, the electronic device can display the user interface 270 in response to a long-press and drag operation on the toolbar 221 in the user interface 220. The direction of the long-press and drag operation can be referenced to the direction of the gray arrow in Figure 4A. However, it is not limited to this direction; the direction of the long-press and drag operation can be any other direction.

[0140] As shown in Figure 4B, the user interface 270 includes an editing panel 271. Optionally, the user interface 270 may also include a drawing area 201, a first area 202, a second area 203, an entry control 204, a toolbar 221, a toolbar 222, a preview area 223, and a return control 224.

[0141] Editing panel 271 is the editing panel of the first toolbar. For example, editing panel 271 is used to edit the content contained in toolbar 221.

[0142] The editing panel 271 includes: a close control 271A, a save control 271B, an editing preview area 271C, a color picker control 271D, gray options 271E, orange options 271F, black options 271G, and an add option 271H, etc. The selected sub-options, such as gray option 271E, orange option 271F, and black option 271G, are the sub-options currently included in the toolbar 221. The add option 271H can be used to add new sub-options to the toolbar 221.

[0143] The editing preview area 271C displays preview toolbars 271C1 and 271C2. Optionally, to better present the overall edited result, the editing preview area 271C also displays a non-editable preview area 271C3. Preview toolbar 271C1 shows the editing preview effect of toolbar 221, and preview toolbar 271C2 shows the editing preview effect of toolbar 222. When preview toolbar 271C1 is selected in the editing preview area 271C, it indicates that various editing operations received by the current electronic device can be used in editing toolbar 221.

[0144] In this embodiment of the application, the editing panel 271 may refer to the editing panel of the first toolbar, i.e., the first editing panel.

[0145] For example, the electronic device can stop displaying the editing panel 271 in response to a click operation on the close control 271A. Furthermore, the electronic device does not save any editing operations on the toolbar 221, leaving the toolbar 221 as it is.

[0146] The electronic device can respond to a click operation on the save control 271B, stopping the display of the editing panel 271. Furthermore, the electronic device saves the editing operations on the toolbar 221, so that the toolbar 221 displays the edited state. In other words, the content contained in the toolbar 221 is the same as the final effect displayed in the preview toolbar 271C1.

[0147] The electronic device can respond to a long press on the gray option 271E and a slide between the orange option 271F and the black option 271G, adjusting the position of the sub-function options included in the preview toolbar 271C1. Before the position is adjusted, the sub-function options in the preview toolbar 271C1 are ordered from left to right as follows: gray option, orange option, black option. After the position is adjusted, the sub-function options in the preview toolbar 271C1 are ordered from left to right as follows: orange option, gray option, black option.

[0148] The electronic device can respond to a click operation applied to the selected gray option 271E, deselecting the gray option 271E, which means deleting the sub-function options included in the preview toolbar 271C1. Before receiving a click operation applied to the selected gray option 271E, the sub-function options in the preview toolbar 271C1, from left to right, are: gray option, orange option, black option. After receiving a click operation applied to the selected gray option 271E, the sub-function options in the preview toolbar 271C1, from left to right, are: orange option, black option.

[0149] The electronic device can respond to a click operation on the add option 271H, adding a new sub-function option in the preview toolbar 271C1, and can also display the newly selected sub-function option in the editing panel 271. For example, the electronic device can select the sub-function option to be added from the favorite color options, or it can select the sub-function option to be added from the multiple color options provided by the electronic device, without limitation.

[0150] The electronic device can also respond to click operations on the color picker control 271D, selecting a color, such as color c, using the color picker function, and adding a sub-function option corresponding to color c to the preview toolbar 271C1. The selected sub-function option corresponding to color c is then displayed in the editing panel 271. The electronic device can add one or more sub-function options, and the length of the preview toolbar 271C1 is adapted to the number of sub-function options it contains. The more sub-function options it contains, the longer the preview toolbar 271C1 becomes.

[0151] Referring to Figure 4C, the electronic device can display the user interface 280 in response to a long-press and drag operation on the toolbar 222 in the user interface 220. The direction of the long-press and drag operation can be referenced to the direction of the gray arrow in Figure 4C. However, it is not limited to this direction; the direction of the long-press and drag operation can be any other direction.

[0152] As shown in Figure 4D, the user interface 280 includes an editing panel 281. Optionally, the user interface 280 may also include a drawing area 201, a first area 202, a second area 203, an entry control 204, a toolbar 221, a toolbar 222, a preview area 223, and a return control 224.

[0153] Editing panel 281 is the editing panel of the second toolbar. For example, editing panel 281 is used to edit the content contained in toolbar 222.

[0154] The editing panel 281 includes: a close control 281A, a save control 281B, an editing preview area 281C, a new brush control 281D, a brush 1 option 281E, a brush 2 option 281F, a brush 3 option 281G, an add option 281H, etc.

[0155] The editing preview area 281C displays preview toolbars 281C1 and 281C2. Optionally, to better present the overall edited result, the editing preview area 281C also displays a non-editable preview area 281C3. Preview toolbar 281C1 shows the editing preview effect of toolbar 221, and preview toolbar 281C2 shows the editing preview effect of toolbar 222. When preview toolbar 281C2 is selected in the editing preview area 281C, it indicates that various editing operations received by the current electronic device can be used in editing toolbar 222.

[0156] The selected sub-function options, such as Brush 1 Option 281E, Brush 2 Option 281F, and Brush 3 Option 281G, are the sub-function options currently included in toolbar 222. Add option 281H can be used to add new sub-function options to toolbar 222.

[0157] In this embodiment of the application, the editing panel 281 may refer to the editing panel of the second toolbar, i.e., the second editing panel.

[0158] For example, the electronic device can stop displaying the editing panel 281 in response to a click operation on the close control 281A. Furthermore, the electronic device does not save any editing operations on the toolbar 222, leaving the toolbar 222 as it is.

[0159] The electronic device can respond to a click operation on the save control 281B, stopping the display of the editing panel 281. Furthermore, the electronic device saves the editing operations on the toolbar 222, so that the toolbar 222 displays the edited state. In other words, the content contained in the toolbar 222 is the same as the final effect displayed in the preview toolbar 281C2.

[0160] The electronic device can respond to a long press on brush option 281E and a slide between brush option 281F and brush option 281G, adjusting the position of the sub-function options included in the preview toolbar 281C2. Before the position is adjusted, the sub-function options in the preview toolbar 281C2 are ordered from left to right as: brush option 1, brush option 2, brush option 3. After the position is adjusted, the sub-function options in the preview toolbar 281C2 are ordered from left to right as: brush option 2, brush option 1, brush option 3.

[0161] The electronic device can respond to a click operation applied to the selected brush option 281E, deselecting the brush option and deleting the sub-function options included in the preview toolbar 281C2. Before receiving a click operation applied to the selected brush option 281E, the sub-function options in the preview toolbar 281C2, from left to right, are: brush option 1, brush option 2, and brush option 3. After receiving a click operation applied to the selected brush option 281E, the sub-function options in the preview toolbar 281C2, from left to right, are: brush option 2 and brush option 3.

[0162] The electronic device can respond to a click operation on the add option 281H, adding a new sub-function option in the preview toolbar 281C2, and can also display the newly selected sub-function option in the editing panel 281. For example, the electronic device can select the sub-function option to be added from the favorite brush options, or it can select the sub-function option to be added from the multiple brush options provided by the electronic device, without limitation.

[0163] The electronic device can also respond to a click operation on the newly created brush control 281D, creating a new brush, such as brush d, and adding a sub-function option corresponding to brush d to the preview toolbar 281C2. The selected sub-function option corresponding to brush d is then displayed in the editing panel 281. The electronic device can add one or more sub-function options, and the length of the preview toolbar 281C2 is adapted to the number of sub-function options it contains. The more sub-function options included, the longer the preview toolbar 281C2 becomes.

[0164] It is worth noting that the electronic device can respond to a click operation on the preview toolbar 271C2 in Figure 4B, displaying the user interface 280 shown in Figure 4D. The electronic device can also respond to a click operation on the preview toolbar 281C1 in Figure 4D, displaying the user interface 270 shown in Figure 4B.

[0165] Scenario 5: Switch from displaying the third drawing interface to displaying the second or first drawing interface.

[0166] In some implementations, after using the functions provided by the third drawing interface, a user may want to use the functions provided by the second drawing interface or the first drawing interface. Therefore, the third drawing interface may also include a return control. For example, an electronic device can switch to displaying the second drawing interface in response to a click operation on the return control in the third drawing interface. The electronic device can also receive operations applied to areas other than the first toolbar, second toolbar, and preview area, stopping the display of the first toolbar, second toolbar, and preview area, i.e., switching to displaying the first drawing interface. Typically, areas other than the first toolbar, second toolbar, and preview area refer to areas that do not contain functional controls. Optionally, areas other than the first toolbar, second toolbar, and preview area may also contain other functional controls.

[0167] The following describes Scenario 5 provided in the embodiments of this application, with reference to the user interface.

[0168] Figures 5A-5D exemplarily illustrate a set of user interfaces provided in scenario five according to embodiments of this application.

[0169] The electronic device can respond to a click operation on the return control 224 in the user interface 220 shown in Figure 5A, displaying the user interface 210 shown in Figure 5B. The electronic device can also respond to a click operation on the drawing area 201 in the user interface 220 shown in Figure 5C, displaying the user interface 200 shown in Figure 5D. The click operation on the drawing area 201 in the user interface 220 shown in Figure 5C can be the operation of the tip of a stylus pen touching the drawing area 201.

[0170] Scenario 6: Adjust the function options and / or combo controls included in the third toolbar of the second drawing interface.

[0171] In some implementations, the electronic device can customize the function options included in the third toolbar. For example, the electronic device can set the number of function options in the third toolbar to five, and the electronic device can default to setting the sub-function options included in the third toolbar to be the function options corresponding to the five functions most frequently used by the user. In the embodiments of this application, the above-mentioned method of the electronic device customizing the sub-function options is only illustrative and can also be other default settings, which are not limited thereto.

[0172] Furthermore, the electronic device can also respond to user operations by displaying a third editing panel on the third toolbar and adjusting the function options contained in the third toolbar. Specifically, the adjustment can refer to one or more of the following: adding function options, deleting function options, adjusting the position of function options in the third toolbar, etc. For example, the user operation mentioned above can refer to a long press on the toolbar and dragging it outwards. In the embodiments of this application, the operation that triggers the adjustment of the content included in the toolbar can also include other operations, which are not limited thereto.

[0173] In some implementations, the electronic device can automatically configure the combined controls in the second drawing interface. For example, the electronic device can configure the combined control to correspond to two fixed functions, such as selecting a color and selecting a brush. The electronic device can also configure the combined control to correspond to the two most frequently used and stackable functions. The electronic device can also recommend configuring the combined control to correspond to the two most frequently used and stackable functions, allowing the user to decide whether to use the configured combined control. In the embodiments of this application, the functional options and combined control configurations configured by the electronic device are merely illustrative examples; other configuration methods are possible and not limited thereto.

[0174] In one possible implementation, there can be multiple combo controls. These multiple combo controls can also be positioned sequentially within the third toolbar, extending naturally from their respective shapes.

[0175] Furthermore, electronic devices can also adjust the combined controls included in the second drawing interface in response to user operations.

[0176] In this way, users can adjust the function options displayed in the third toolbar according to their own needs, so that the displayed function options better meet the user's needs and make the drawing process more convenient.

[0177] The following describes Scenario Six provided in the embodiments of this application, with reference to the user interface.

[0178] Figures 6A-6C exemplarily illustrate a set of user interfaces provided in scenario six according to embodiments of this application.

[0179] Referring to Figure 6A, the electronic device can respond to a long-press and drag operation on the toolbar 211 in the user interface 210, displaying the user interface 290. The direction of the long-press and drag operation can be referenced to the direction of the gray arrow in Figure 6A. However, it is not limited to this gray arrow direction; the direction of the long-press and drag operation can also be other directions, and there is no limitation on this.

[0180] As shown in Figure 6B, the user interface 290 includes an editing panel 291. Optionally, the user interface 290 may also include a drawing area 201, a first area 202, a second area 203, an entry control 204, a toolbar 211, a combo control 212, and a movement control 213.

[0181] Editing panel 291 is the editing panel of the third toolbar. For example, editing panel 291 is used to edit the content contained in toolbar 211.

[0182] The editing panel 291 includes: a close control 291A, a save control 291B, an editing preview area 291C, a color picker option 291D, a new layer option 291E, a copy option 291F, a clipping option 291G, a paste option 291H, a layer positioning option 291I, a horizontal flip option 291J, etc. Selected options such as the color picker option 291D, the new layer option 291E, and the copy option 291F are currently part of the toolbar 211. Unselected options such as the layer positioning option 291I and the horizontal flip option 291J are not currently part of the toolbar 211. The electronic device can respond to an upward swipe operation on the option area of ​​the editing panel 291, displaying more function options provided by the electronic device in the option area.

[0183] The editing preview area 291C displays a preview toolbar 291C1 and a preview combo control 291C2. Optionally, to better present the overall edited result, the editing preview area 291C also displays a non-editable preview move control 291C3. The preview toolbar 291C1 is the editing preview effect of toolbar 211, and the preview combo control 291C2 is the editing preview effect of combo control 212. When the preview toolbar 291C1 is selected in the editing preview area 291C, it indicates that various editing operations currently received by the electronic device can be used in the editing toolbar 211.

[0184] In this embodiment of the application, editing panel 291 may refer to a third editing panel.

[0185] For example, the electronic device can respond to a click operation on the close control 291A, stopping the display of the editing panel 291, that is, displaying the user interface 200. Furthermore, the electronic device does not save any editing operations on the toolbar 211, leaving the toolbar 211 as it is.

[0186] The electronic device can respond to a click operation on the save control 291B and stop displaying the editing panel 291. Furthermore, the electronic device saves the editing operations on the toolbar 211, so that the toolbar 211 displays the edited state. In other words, the content contained in the toolbar 211 is the same as the final effect displayed in the preview toolbar 291C1.

[0187] The electronic device can respond to a long press on the color picker option 291D and a slide between the new layer option 291E and the copy option 291F, adjusting the position of the function options included in the preview toolbar 291C1. Before the position is adjusted, the function options in the preview toolbar 291C1 are ordered from left to right as follows: color picker option, new layer option, copy option. After the position is adjusted, the function options in the preview toolbar 291C1 are ordered from left to right as follows: new layer option, color picker option, copy option.

[0188] The electronic device can respond to a click operation applied to the selected color picker option 291D. Deselecting color picker option 291D removes the function options included in the preview toolbar 291C1. Before receiving a click operation applied to the selected color picker option 291D, the function options in the preview toolbar 291C1, from left to right, are: color picker option, new layer option, and copy option. After receiving a click operation applied to the selected color picker option 291D, the function options in the preview toolbar 291C1, from left to right, are: new layer option and copy option.

[0189] The electronic device can respond to a click operation on an unselected horizontal flip option 291J, selecting the horizontal flip option 291J, which adds the function options included in the preview toolbar 291C1. Before receiving a click operation on the unselected horizontal flip option 291J, the function options in the preview toolbar 291C1, from top to bottom, are: cut option, paste option. After receiving a click operation on the unselected horizontal flip option 291J, the function options in the preview toolbar 291C1, from left to right, are: cut option, paste option, horizontal flip option. The electronic device can add one or more function options to the toolbar, and the length of the preview toolbar 291C1 is adapted to the number of function options it contains. The more sub-function options it contains, the longer the preview toolbar 291C1 becomes.

[0190] For example, the electronic device can respond to a click operation on the preview combo control 291C2, i.e., display the user interface 300. As shown in FIG6C, the user interface 300 may include: an editing panel 301. Optionally, the user interface 300 may also include: a drawing area 201, a first area 202, a second area 203, an entry control 204, a toolbar 211, a combo control 212, and a movement control 213.

[0191] Edit panel 301 is an editing panel for the combo control. For example, edit panel 291 is used to edit the contents contained in combo control 212.

[0192] The editing panel 301 includes: a close control 301A, a save control 301B, an editing preview area 301C, brush options 301D, color options 301E, filter options 301F, and XX options 301G.

[0193] The descriptions of the close control 301A and save control 301B above are similar to those for the close control 291A and save control 291B, and will not be repeated here. Brush option 301D and color option 301E are the selected function options, indicating that the two functions corresponding to the current combined control 212 are the functions corresponding to brush option 301D and color option 301E. Filter option 301F and XX option 301G are the unselected function options. The function corresponding to the XX option can be overlaid with another function to create a preview effect.

[0194] The edit preview area 301C is similar to the edit preview area 291C described above, except that the preview combo control 301C2 is selected in the edit preview area 301C. This indicates that various editing operations received by the current electronic device can be used for the combo control 212.

[0195] Optionally, the preview area 301C also displays preview combination sub-options 301C3 and 301C4. For example, preview combination sub-option 301C3 displays the icon of the selected brush option 301D, and preview combination sub-option 301C4 displays the icon of the selected color option 301E.

[0196] The electronic device can respond to a click operation on the selected brush option 301D, deselecting brush option 301D. Then, the electronic device can respond to a click operation on the unselected filter option 301F, selecting filter option 301F. At this time, the icons displayed in the preview combo control 301C2 correspond to filter option 301F and color option 301E. Optionally, at this time, the preview combo sub-option 301C3 displays the icon of filter option 301F, and the preview combo sub-option 301C4 displays the icon of color option 301E.

[0197] Figure 7A illustrates the relationship between the length of the third toolbar and the functional options contained in the third toolbar.

[0198] For example, in Figure 7A(a), toolbar m1 includes 5 function options, and the length of toolbar m1 is just enough to accommodate 5 function options. In Figure 7A(b), toolbar m2 includes 7 function options, and the length of toolbar m2 is just enough to accommodate 7 function options. In Figure 7A(c), toolbar m3 includes 9 function options, and the length of toolbar m3 is just enough to accommodate 9 function options. In Figure 7A(d), toolbar m4 includes more than 12 function options, but toolbar m4 only displays 12 function options, and the remaining function options are hidden. The length of toolbar m4 is the maximum length under a fixed radius. In this case, the electronic device can respond to the user's sliding operation on toolbar m4 in a counterclockwise or clockwise direction to display the hidden function options.

[0199] The perimeter and radius of the third toolbar are not limited to being fixed; they can also be variable. For example, an electronic device can adjust the perimeter and radius of the third toolbar based on the number of functional controls it contains, so that all functional options contained in the third toolbar are displayed in the user interface.

[0200] In the embodiments of this application, the relationship between the length of the second toolbar and the first toolbar and the lower-level function options they each include can be referred to as the relationship between the length of the third toolbar and the function options contained in the third toolbar, and will not be elaborated here.

[0201] Figure 7B exemplarily illustrates the first toolbar, the second toolbar, and the preview area when the functions corresponding to the second control are color selection and filter selection.

[0202] For example, toolbar m5 includes sub-options for selecting colors. For example, toolbar m5 includes: gray option, orange option, black option, green option, cyan option, and more options.

[0203] The toolbar m6 includes sub-options for selecting filters. For example, toolbar m6 includes: Filter 1 option, Filter 2 option, Filter 3 option, Filter 4 option, Filter 5 option, and Favorites option.

[0204] The gray option and Filter 1 option are selected. The preview area shows the effect of gray overlaying Filter 1.

[0205] In the embodiments of this application, the form of the content contained in the above-mentioned user interfaces is only for illustrative purposes. It can also be presented in other forms, as long as the above-mentioned user interfaces can achieve the corresponding functions. There is no limitation on this.

[0206] The following describes the method flow for displaying function options provided in the embodiments of this application.

[0207] Figure 8 illustrates a schematic flowchart of a method for displaying function options according to an embodiment of this application.

[0208] S801. Display the first drawing interface, which includes an entry control.

[0209] In some implementations, the above S801 is an optional operation.

[0210] S802. Display the second drawing interface, which includes a third toolbar and a second control. The third toolbar includes multiple function options.

[0211] In some implementations, S802 described above is an optional operation. Specifically, the electronic device can display a second drawing interface in response to a user operation applied to the first drawing interface. The second drawing interface can be referred to as a second interface.

[0212] Optionally, the electronic device can receive a long-press and drag operation on the third toolbar, displaying the third editing panel of the third toolbar. The electronic device can then receive editing operations on the third editing panel, adjusting the content included in the third toolbar. For details, please refer to the relevant description in Scenario Six above; it will not be repeated here.

[0213] S803. Display the third drawing interface. The third drawing interface includes a first toolbar, a second toolbar, and a preview area. The first toolbar includes multiple sub-function options for the first function, and the second toolbar includes multiple sub-function options for the second function. The preview area displays a preview of the overlay effect of the selected first sub-function option in the first toolbar and the selected second sub-function option in the second toolbar.

[0214] Specifically, the electronic device can display a third drawing interface in response to user operations applied to the second drawing interface. The third drawing interface can be referred to as the first interface. Detailed descriptions of S801, S802, and S803 can be found in the relevant descriptions of Scenario 1 above, and will not be repeated here.

[0215] Optionally, the electronic device can receive operations applied to the third sub-level function option in the first toolbar and operations applied to the fourth sub-level function option in the second toolbar. Then, it can display a preview area showing the overlay of the functions corresponding to the third and fourth sub-level function options. For details, please refer to the description in Scenario 2 above; further elaboration will not be repeated here.

[0216] Optionally, the electronic device can receive an operation applied to the first option in the first toolbar and display the second-level panel of the first toolbar. The electronic device can also receive an operation applied to the second option in the second toolbar and display the second-level panel of the second toolbar. For details, please refer to the relevant description in Scenario 3 above; it will not be repeated here.

[0217] Optionally, the electronic device can receive a sliding operation applied to the second toolbar, moving the positions of multiple sub-function options of the second function within the second toolbar. The electronic device can also receive a sliding operation applied to the first toolbar, moving the positions of multiple sub-function options of the first function within the first toolbar.

[0218] Optionally, the electronic device can receive a long-press and drag operation on the second toolbar, displaying the second editing panel of the second toolbar. Then, the electronic device can receive an editing operation on the second editing panel to adjust the content included in the second toolbar. The electronic device can also receive a long-press and drag operation on the first toolbar, displaying the first editing panel of the first toolbar. Then, the electronic device can receive an editing operation on the first editing panel to adjust the content included in the first toolbar. For details, please refer to the relevant description in Scenario Four above; it will not be repeated here.

[0219] Optionally, the electronic device can receive operations applied to the first control and redisplay the second drawing interface. The electronic device can also receive operations applied to areas other than the first toolbar, second toolbar, and preview area, stopping the display of the first toolbar, second toolbar, and preview area, i.e., redisplaying the first drawing interface. For details, please refer to the relevant description in Scenario 5 above, which will not be repeated here.

[0220] By implementing the above method, electronic devices can directly modify the selection of sub-function options, reducing user operation steps. Furthermore, the electronic device can display a preview of the overlay effect of two different sub-functions, eliminating the need for the user to view the overlay effect after operation. This makes drawing more convenient and reduces the burden on the user. In addition, users can modify the content included in the toolbar according to their own needs, making the displayed sub-function options more suitable for their usage requirements.

[0221] Figure 9 shows a schematic diagram of the structure of the electronic device 100.

[0222] The following describes the embodiment using electronic device 100 as an example. It should be understood that the electronic device 100 shown in FIG. 9 is merely an example, and the electronic device 100 may have more or fewer components than shown in FIG. 9, may combine two or more components, or may have different component configurations. The various components shown in the figure can be implemented in hardware, software, or a combination of hardware and software, including one or more signal processing and / or application-specific integrated circuits.

[0223] For example, electronic device 100 may be a mobile phone, tablet computer, desktop computer, laptop computer, handheld computer, notebook computer, ultra-mobile personal computer (UMPC), netbook, as well as cellular phone, personal digital assistant (PDA), augmented reality (AR) device, virtual reality (VR) device, artificial intelligence (AI) device, wearable device, in-vehicle device, smart home device and / or smart city device. This application embodiment does not impose any special restrictions on the specific type of electronic device 100.

[0224] Electronic device 100 may include: processor 110, external memory interface 120, internal memory 121, universal serial bus (USB) interface 130, charging management module 140, power management module 141, battery 142, antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone jack 170D, sensor module 180, button 190, motor 191, indicator 192, camera 193, display screen 194, and subscriber identification module (SIM) card interface 195, etc. The sensor module 180 may include a pressure sensor 180A, a gyroscope sensor 180B, a barometric pressure sensor 180C, a magnetic sensor 180D, an accelerometer sensor 180E, a distance sensor 180F, a proximity sensor 180G, a fingerprint sensor 180H, a temperature sensor 180J, a touch sensor 180K, an ambient light sensor 180L, a bone conduction sensor 180M, etc.

[0225] It is understood that the structures illustrated in the embodiments of the present invention do not constitute a specific limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may include more or fewer components than illustrated, or combine some components, or split some components, or have different component arrangements. The illustrated components may be implemented in hardware, software, or a combination of software and hardware.

[0226] Processor 110 may include one or more processing units, such as: application processor (AP), modem processor, graphics processing unit (GPU), image signal processor (ISP), controller, memory, video codec, digital signal processor (DSP), baseband processor, and / or neural network processing unit (NPU), etc. Different processing units may be independent devices or integrated into one or more processors.

[0227] The controller can be the nerve center and command center of the electronic device 100. The controller can generate operation control signals according to the instruction opcode and timing signals to complete the control of fetching and executing instructions.

[0228] The processor 110 may also include a memory for storing instructions and data. In some embodiments, the memory in the processor 110 is a cache memory. This memory can store instructions or data that the processor 110 has just used or that are used repeatedly. If the processor 110 needs to use the instruction or data again, it can retrieve it directly from the memory. This avoids repeated accesses, reduces the waiting time of the processor 110, and thus improves the efficiency of the system.

[0229] In some embodiments, the processor 110 may include one or more interfaces. Interfaces may include an inter-integrated circuit (I2C) interface, an inter-integrated circuit sound (I2S) interface, a pulse code modulation (PCM) interface, a universal asynchronous receiver / transmitter (UART) interface, a mobile industry processor interface (MIPI), a general-purpose input / output (GPIO) interface, a subscriber identity module (SIM) interface, and / or a universal serial bus (USB) interface, etc.

[0230] It is understood that the interface connection relationships between the modules illustrated in the embodiments of the present invention are merely illustrative and do not constitute a structural limitation on the electronic device 100. In other embodiments of this application, the electronic device 100 may also employ different interface connection methods or combinations of multiple interface connection methods as described in the above embodiments.

[0231] The charging management module 140 is used to receive charging input from the charger.

[0232] The power management module 141 is used to connect the battery 142, the charging management module 140, and the processor 110.

[0233] The wireless communication function of electronic device 100 can be realized through antenna 1, antenna 2, mobile communication module 150, wireless communication module 160, modem processor and baseband processor, etc.

[0234] Antenna 1 and antenna 2 are used to transmit and receive electromagnetic wave signals. Each antenna in electronic device 100 can be used to cover one or more communication frequency bands. Different antennas can also be multiplexed to improve antenna utilization. For example, antenna 1 can be multiplexed as a diversity antenna for a wireless local area network. In some other embodiments, the antennas can be used in conjunction with tuning switches.

[0235] The mobile communication module 150 can provide solutions for wireless communication, including 2G / 3G / 4G / 5G, applied to the electronic device 100. The mobile communication module 150 may include at least one filter, switch, power amplifier, low noise amplifier (LNA), etc. The mobile communication module 150 can receive electromagnetic waves via antenna 1, and perform filtering, amplification, and other processing on the received electromagnetic waves before transmitting them to a modem processor for demodulation. The mobile communication module 150 can also amplify the signal modulated by the modem processor and convert it into electromagnetic waves for radiation via antenna 1. In some embodiments, at least some functional modules of the mobile communication module 150 may be housed in the processor 110. In some embodiments, at least some functional modules of the mobile communication module 150 and at least some modules of the processor 110 may be housed in the same device.

[0236] The modem processor may include a modulator and a demodulator. The modulator modulates the low-frequency baseband signal to be transmitted into a mid-to-high frequency signal. The demodulator demodulates the received electromagnetic wave signal into a low-frequency baseband signal. The demodulator then transmits the demodulated low-frequency baseband signal to the baseband processor for processing. After processing by the baseband processor, the low-frequency baseband signal is transmitted to the application processor. The application processor outputs sound signals through an audio device (not limited to speaker 170A, receiver 170B, etc.) or displays images or videos through the display screen 194. In some embodiments, the modem processor may be a separate device. In other embodiments, the modem processor may be independent of the processor 110 and may be housed in the same device as the mobile communication module 150 or other functional modules.

[0237] The wireless communication module 160 can provide solutions for wireless communication applications on the electronic device 100, including wireless local area networks (WLAN) (such as wireless fidelity (Wi-Fi) networks), Bluetooth (BT), global navigation satellite system (GNSS), frequency modulation (FM), near field communication (NFC), and infrared (IR) technologies. The wireless communication module 160 can be one or more devices integrating at least one communication processing module. The wireless communication module 160 receives electromagnetic waves via antenna 2, performs frequency modulation and filtering of the electromagnetic wave signals, and sends the processed signal to processor 110. The wireless communication module 160 can also receive signals to be transmitted from processor 110, perform frequency modulation and amplification, and convert them into electromagnetic waves for radiation via antenna 2.

[0238] In some embodiments, antenna 1 of electronic device 100 is coupled to mobile communication module 150, and antenna 2 is coupled to wireless communication module 160, enabling electronic device 100 to communicate with networks and other devices via wireless communication technology. The wireless communication technology may include Global System for Mobile Communications (GSM), General Packet Radio Service (GPRS), Code Division Multiple Access (CDMA), Wideband Code Division Multiple Access (WCDMA), Time-Division Code Division Multiple Access (TD-SCDMA), Long Term Evolution (LTE), BT, GNSS, WLAN, NFC, FM, and / or IR technologies, etc. The GNSS may include the Global Positioning System (GPS), the Global Navigation Satellite System (GLONASS), the BeiDou Navigation Satellite System (BDS), the Quasi-Zenith Satellite System (QZSS), and / or satellite-based augmentation systems (SBAS).

[0239] In this embodiment of the application, the wireless communication module 160 can be used to establish a communication connection with the stylus.

[0240] Electronic device 100 implements display functions through a GPU, a display screen 194, and an application processor. The GPU is a microprocessor for image processing, connected to the display screen 194 and the application processor. The GPU is used to perform mathematical and geometric calculations and for graphics rendering. Processor 110 may include one or more GPUs, which execute program instructions to generate or modify display information.

[0241] Display screen 194 is used to display images, videos, etc. Display screen 194 includes a display panel. The display panel can be a liquid crystal display (LCD). The display panel can also be manufactured using organic light-emitting diodes (OLEDs), active-matrix organic light-emitting diodes (AMOLEDs), flexible light-emitting diodes (FLEDs), miniled, microled, micro-OLEDs, quantum dot light-emitting diodes (QLEDs), etc. In some embodiments, electronic device 100 may include one or N displays 194, where N is a positive integer greater than 1.

[0242] In this embodiment, the display screen 194 can be used to display a first drawing interface. The display screen 194 can be used to display a second drawing interface. The display screen 194 can be used to display a third drawing interface.

[0243] Electronic device 100 can perform shooting functions through ISP, camera 193, video codec, GPU, display 194 and application processor.

[0244] The ISP is used to process the data fed back by the camera 193.

[0245] Camera 193 is used to capture still images or videos.

[0246] Video codecs are used to compress or decompress digital video.

[0247] An NPU (Neural Processing Unit) is a computational processor for neural networks (NNs). By borrowing the structure of biological neural networks, such as the transmission patterns between neurons in the human brain, it can rapidly process input information and continuously learn on its own. NPUs enable intelligent cognitive applications in electronic devices, such as image recognition, facial recognition, speech recognition, and text understanding.

[0248] The external storage interface 120 can be used to connect an external memory card, such as a Micro SD card, to expand the storage capacity of the electronic device 100. The external memory card communicates with the processor 110 through the external storage interface 120 to perform data storage functions. For example, music, video, and other files can be saved on the external memory card.

[0249] Internal memory 121 can be used to store computer executable program code, which includes instructions. Processor 110 executes various functional applications and data processing of electronic device 100 by running the instructions stored in internal memory 121. Internal memory 121 may include a program storage area and a data storage area. The program storage area may store the operating system, at least one application program required for a function (such as sound playback, image playback, etc.), etc. The data storage area may store data created during the use of electronic device 100 (such as audio data, phonebook, etc.). Furthermore, internal memory 121 may include high-speed random access memory and may also include non-volatile memory, such as at least one disk storage device, flash memory device, universal flash storage (UFS), etc.

[0250] Electronic device 100 can implement audio functions, such as music playback and recording, through audio module 170, speaker 170A, receiver 170B, microphone 170C, headphone jack 170D, and application processor.

[0251] The pressure sensor 180A is used to sense pressure signals and can convert pressure signals into electrical signals.

[0252] The gyroscope sensor 180B can be used to determine the motion attitude of the electronic device 100.

[0253] The barometric pressure sensor 180C is used to measure air pressure. In some embodiments, the electronic device 100 calculates altitude using the air pressure value measured by the barometric pressure sensor 180C to assist in positioning and navigation.

[0254] The magnetic sensor 180D includes a Hall sensor. The electronic device 100 can use the magnetic sensor 180D to detect the opening and closing of the flip cover. In some embodiments, when the electronic device 100 is a flip phone, the electronic device 100 can detect the opening and closing of the flip cover using the magnetic sensor 180D. Then, based on the detected opening and closing state of the cover or the flip cover, features such as automatic flip unlocking can be set.

[0255] In this embodiment, the magnetic sensor 180D is used to detect whether the stylus is in a hovering state.

[0256] The 180E accelerometer can detect the magnitude of acceleration of electronic device 100 in various directions (typically three axes). When electronic device 100 is stationary, it can detect the magnitude and direction of gravity. It can also be used to identify the posture of electronic devices and applied to applications such as screen orientation switching and pedometers.

[0257] A distance sensor 180F is used to measure distance. Electronic device 100 can measure distance via infrared or laser. In some embodiments, during a shooting scene, electronic device 100 can utilize the distance sensor 180F to measure distance for rapid focusing.

[0258] In this embodiment, the distance sensor 180F is used to detect whether the stylus is in a hovering state.

[0259] The proximity light sensor 180G may include, for example, a light-emitting diode (LED) and a light detector, such as a photodiode. The LED may be an infrared LED.

[0260] An ambient light sensor 180L is used to sense the ambient light intensity. Electronic device 100 can adaptively adjust the brightness of display screen 194 according to the sensed ambient light intensity.

[0261] The fingerprint sensor 180H is used to collect fingerprints. The electronic device 100 can utilize the characteristics of the collected fingerprints to achieve fingerprint unlocking, accessing application locks, taking photos with fingerprints, answering calls with fingerprints, etc.

[0262] The 180J temperature sensor is used to detect temperature.

[0263] Touch sensor 180K, also known as a "touch panel," can be located on display screen 194. The touch sensor 180K and display screen 194 together form a touchscreen, also known as a "touch screen." Touch sensor 180K detects touch operations applied to or near it. The touch sensor can transmit the detected touch operation to the application processor to determine the type of touch event. Visual output related to the touch operation can be provided through display screen 194. In other embodiments, touch sensor 180K may also be located on the surface of electronic device 100, in a different position than display screen 194.

[0264] In this embodiment, the touch sensor 180K can detect the user's click operation.

[0265] The bone conduction sensor 180M can acquire vibration signals. In some embodiments, the bone conduction sensor 180M can acquire vibration signals from the vibrating bone segments of the human vocal cords.

[0266] Buttons 190 include a power button, volume buttons, etc. Buttons 190 can be mechanical buttons or touch-sensitive buttons. Electronic device 100 can receive button input and generate key signal inputs related to user settings and function control of electronic device 100.

[0267] Motor 191 can generate vibration alerts.

[0268] Indicator 192 can be an indicator light, used to indicate charging status, power changes, or to indicate messages, missed calls, notifications, etc.

[0269] The SIM card interface 195 is used to connect the SIM card.

[0270] The software system of electronic device 100 can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This embodiment of the invention uses the layered architecture Android system as an example to exemplify the software structure of electronic device 100.

[0271] Figure 10 is a software structure block diagram of an electronic device 100 according to an embodiment of the present invention.

[0272] A layered architecture divides software into several layers, each with a clear role and function. Layers communicate with each other through software interfaces. In some embodiments, the Android system is divided into four layers, from top to bottom: the application layer, the application framework layer, the Android runtime and system libraries, and the kernel layer.

[0273] The application layer can include a series of application packages.

[0274] As shown in Figure 10, the application package may include applications such as camera, gallery, calendar, call, map, navigation, WLAN, Bluetooth, music, video, and SMS.

[0275] The application framework layer provides application programming interfaces (APIs) and a programming framework for applications in the application layer. The application framework layer includes some predefined functions.

[0276] As shown in Figure 10, the application framework layer may include a window manager, content provider, view system, phone manager, resource manager, notification manager, etc.

[0277] The window manager is used to manage windowed applications. It can retrieve screen size, determine the presence of a status bar, lock the screen, and capture screenshots, among other things.

[0278] Content providers store and retrieve data, making that data accessible to applications. This data may include videos, images, audio, made and received phone calls, browsing history and bookmarks, phone books, etc.

[0279] A view system includes visual controls, such as controls for displaying text and controls for displaying images. View systems can be used to build applications. A display interface can consist of one or more views. For example, a display interface including a text notification icon could include views for displaying text and views for displaying images.

[0280] The phone manager is used to provide communication functions for electronic device 100. For example, it manages call status (including connection and disconnection).

[0281] The file explorer provides applications with various resources, such as localized strings, icons, images, layout files, video files, and more.

[0282] The notification manager allows applications to display notifications in the status bar. These notifications can be used to deliver informational messages and can disappear automatically after a short pause, requiring no user interaction. For example, the notification manager can be used to notify users of completed downloads or message alerts. The notification manager can also display notifications as icons or scrolling text in the top status bar, such as notifications from background applications, or as dialog boxes on the screen. Examples include displaying text messages in the status bar, emitting sounds, vibrating electronic devices, and flashing indicator lights.

[0283] The Android Runtime consists of core libraries and a virtual machine. The Android runtime is responsible for scheduling and managing the Android system.

[0284] The core library consists of two parts: one part is the functionalities that need to be called by the Java language, and the other part is the Android core library.

[0285] The application layer and application framework layer run in a virtual machine. The virtual machine executes the Java files of the application layer and application framework layer as binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

[0286] System libraries can include multiple functional modules. For example: surface manager, media libraries, 3D graphics processing libraries (e.g., OpenGL ES), 2D graphics engines (e.g., SGL), etc.

[0287] The Surface Manager is used to manage the display subsystem and provides the blending of 2D and 3D layers for multiple applications.

[0288] The media library supports playback and recording of various common audio and video formats, as well as still image files. It supports multiple audio and video encoding formats, such as MPEG4, H.264, MP3, AAC, AMR, JPG, and PNG.

[0289] The 3D graphics processing library is used to implement 3D graphics drawing, image rendering, compositing, and layer processing.

[0290] A 2D graphics engine is a graphics engine for 2D drawing.

[0291] The kernel layer is the layer between hardware and software. The kernel layer contains at least the display driver, camera driver, audio driver, and sensor driver.

[0292] This application provides an electronic device, which includes a memory, a processor, and a computer program stored in the memory. The processor executes the computer program to implement the above-described method for displaying the function options.

[0293] This application also provides a computer-readable storage medium storing a computer program, which, when executed by a processor, can implement the steps in the above-described method embodiments.

[0294] This application also provides a computer program product, including a computing program, which, when run on a computer, enables the computer to perform the steps in the various method embodiments described above.

[0295] This application also provides a chip system, which includes a processing circuit interface circuit. The interface circuit receives code instructions and transmits them to the processing circuit. The processing circuit executes the code instructions to enable the chip system to implement the steps of any method embodiment of this application. The chip system can be a single chip or a chip module composed of multiple chips.

[0296] The above-described embodiments are only used to illustrate the technical solutions of this application, and are not intended to limit it. Although this application has been described in detail with reference to the foregoing embodiments, those skilled in the art should understand that modifications can still be made to the technical solutions described in the foregoing embodiments, or equivalent substitutions can be made to some of the technical features. Such modifications or substitutions do not cause the essence of the corresponding technical solutions to deviate from the scope of the technical solutions of the embodiments of this application.

Claims

1. A method for displaying function options, characterized in that, The method is applied to an electronic device, and the method includes: The first interface is displayed, which includes a first toolbar, a second toolbar, and a preview area; The first toolbar includes multiple sub-function options for a first function, and the second toolbar includes multiple sub-function options for a second function. When the first sub-function option in the first toolbar is selected, the second sub-function option in the second toolbar is selected. Both the first function and the second function are related to the drawing task. The preview area displays a preview effect of the functions corresponding to the first sub-level function option and the functions corresponding to the second sub-level function option superimposed.

2. The method according to claim 1, characterized in that, The first function is to select a color; the first sub-function option is the first color option; and the first color option corresponds to the first color. The second function is for selecting a brush, and the second sub-function option is the first brush option, which corresponds to the first brush. The preview area specifically displays the drawing effect of the first brush with the first color.

3. The method according to claim 1, characterized in that, The first function is to select a color; the first sub-function option is the first color option; and the first color option corresponds to the first color. The second function is the function of selecting a filter. The second sub-function option is the first filter option, and the first filter option corresponds to the first filter. The preview area specifically displays a preview effect of the first color and the first filter superimposed.

4. The method according to claim 2 or 3, characterized in that, The first toolbar further includes a first option, and after displaying the first interface, the method further includes: Receive the operation applied to the first option and display a color panel including multiple colors.

5. The method according to claim 2 or 3, characterized in that, The second toolbar also includes a second option, and after displaying the first interface, the method further includes: Receive the operation applied to the second option and display the brush options corresponding to the multiple brushes in the collection or the filter options corresponding to the multiple filters in the collection.

6. The method according to any one of claims 1-5, characterized in that, After displaying the first interface, the method further includes: Receive operations that apply to the third sub-level function option in the first toolbar; Receive operations that apply to the fourth sub-function option in the second toolbar; The preview area displays a preview effect of the function corresponding to the third sub-level function option and the function corresponding to the fourth sub-level function option superimposed on each other.

7. The method according to any one of claims 1-6, characterized in that, The preview area is a circular area, the second toolbar is a non-closed ring-shaped area outside the circular area, and the first toolbar is a non-closed ring-shaped area outside the second toolbar.

8. The method according to any one of claims 1-7, characterized in that, After displaying the first interface, the method further includes: Receive a sliding operation applied to the second toolbar and move the positions of multiple sub-function options of the second function in the second toolbar; Alternatively, it may receive a sliding operation applied to the first toolbar to move the positions of multiple sub-function options of the first function within the first toolbar.

9. The method according to any one of claims 1-8, characterized in that, After displaying the first interface, the method further includes: Receive a long press and drag operation on the second toolbar, and display the second editing panel of the second toolbar; Upon receiving an editing operation applied to the second editing panel, adjust the content included in the second toolbar; or, Receive a long press and drag operation applied to the first toolbar, and display the first editing panel of the first toolbar; Upon receiving an editing operation applied to the first editing panel, the content included in the first toolbar is adjusted.

10. The method according to any one of claims 1-9, characterized in that, The first interface further includes a first control, and after displaying the first interface, the method further includes: Upon receiving an operation applied to the first control, a second interface is displayed. The second interface includes a third toolbar, which contains multiple function options.

11. The method according to any one of claims 1-9, characterized in that, After displaying the first interface, the method further includes: Upon receiving an operation applied to an area other than the first toolbar, the second toolbar, and the preview area, stop displaying the first toolbar, the second toolbar, and the preview area.

12. The method according to any one of claims 1-11, characterized in that, Before displaying the first interface, the method further includes: The second interface is displayed, which includes a third toolbar and a second control. The third toolbar includes multiple function options. Receive the first operation applied to the second control; The first interface specifically includes: The first interface is displayed in response to the first operation.

13. The method according to claim 12, characterized in that, Before displaying the first interface, displaying the second interface specifically includes: In response to a second operation applied to the third control, the second interface is displayed; Alternatively, in response to a pinching or tapping action on the stylus body, or in response to a sliding action on the stylus body, the second interface will be displayed.

14. The method according to claim 12 or 13, characterized in that, The third toolbar is displayed in the default position on the screen of the electronic device, or at the position where the stylus tip last touched the screen, or at the position of the screen corresponding to the stylus tip when the stylus is hovering.

15. The method according to any one of claims 12-14, characterized in that, After displaying the second interface, the method further includes: Receive a long press and drag operation applied to the third toolbar, and display the third editing panel of the third toolbar; Upon receiving an editing operation applied to the third editing panel, the content included in the third toolbar is adjusted.

16. The method according to any one of claims 12-15, characterized in that, The icons in the second control indicate the first function and the second function.

17. An electronic device, characterized in that, The electronic device includes a memory, a processor, and computer instructions stored in the memory, the processor executing the computer program to implement the method of any one of claims 1-16.

18. A computer-readable storage medium, characterized in that, The computer-readable storage medium stores a computer program that, when executed by a processor, implements the method of any one of claims 1-16.

19. A computer program product, characterized in that, The computer program product includes computer instructions that, when executed by a processor, implement the method of any one of claims 1-16.

Images