Display method and related device

Abstract

Disclosed in the present application are a display method and a related device. Disclosed in the present application are a display method and a related device. In the method, after receiving an operation on a brush favorites bar, an electronic device can determine, on the basis of a slide direction and / or a slide distance which correspond / corresponds to the operation, whether to display the movement of the brush favorites bar and whether to display brush icons in the brush favorites bar in a scrolling manner. The method eliminates the need to additionally provide a control to move a brush favorites bar, such that better recognition of user intents is realized when the brush favorites bar is simplified, thereby improving the accuracy of using corresponding handling modes for different operations.

Description

Display method and related device

[0001] The present application claims priority to the Chinese patent application No. 202410875016.0, filed on June 28, 2024, and entitled "A display method and related device", the content of which is incorporated herein by reference in its entirety. TECHNICAL FIELD

[0002] The present application relates to the technical field of terminal, and in particular, to a display method and related device. BACKGROUND

[0003] With the gradual development of the functions of electronic devices, electronic devices can provide more convenient information recording methods than paper forms. Electronic devices not only support recording various information at hand, and deleting, modifying and sharing the recorded information, but also support various recording forms (for example, text, pictures and videos, etc.). For the information recorded by hand, electronic devices can also provide more diverse writing and editing tools. For example, a note application in an electronic device can be used to record some matters and various notes, etc. A user can use multiple categories and multiple colors of brushes provided by an electronic device to write notes. In order to facilitate the user to select a specific brush to be used more quickly, the electronic device provides a brush collection function. Based on the brush collection function, a user can collect a specific brush, and accordingly, the electronic device can display an icon corresponding to the brush in a brush collection bar. SUMMARY

[0004] The present application provides a display method and related device. According to the method, after the electronic device receives an operation on the brush collection bar, the electronic device can determine how to respond to the operation in combination with the sliding direction and / or sliding distance corresponding to the operation. The method can improve the accuracy of the electronic device in adopting a corresponding processing manner for the user's sliding operation on the brush collection bar in the case of simplifying the brush collection bar, that is, more accurately identify the user's demand and respond to the user's demand.

[0005] In a first aspect, the present application provides a display method. The method can be applied to an electronic device comprising a display screen. The method can comprise: at a first time, the electronic device can display a first interface, the first interface comprising a first control; between the first time and a second time, N brush icons are displayed in the first control; at the first time, the first control is displayed at a first position of the display screen; N is a positive integer; between the first time and the second time, in response to an operation of pressing the first control and moving the first control in a first direction by a first distance, the electronic device can display the first control at a second position of the display screen; at the second time, in response to an operation of adding a brush, a first group of brush icons are displayed in the first control; the number of the first group of brush icons is M, M is an integer greater than or equal to N; the second time is later than the first time; at a third time, in response to an operation of pressing the first control and moving the first control in the first direction by the first distance, a second group of brush icons are displayed in the first control; the third time is later than the second time; the number of the second group of brush icons is M, the first group of brush icons and the second group of brush icons contain at least one different brush icon, and the position of the first control does not change.

[0006] In the scheme provided in the present application, in the case where the number of brushes that have been collected is less than or equal to the number of brush icons that can be displayed in the brush collection bar at most, after receiving the operation of pressing and sliding the brush collection bar, the electronic device can display that the brush collection bar is moved, and in the case where the number of brush icons displayed in the brush collection bar is less than the number of brushes that have been collected, after receiving the operation of pressing and sliding the brush collection bar, the electronic device determines whether to display that the brush collection bar is moved or that the brush icons in the brush collection bar are scrolled and displayed, based on the sliding direction and / or the sliding distance corresponding to the operation. Through this method, the entire brush collection bar can be dragged without additionally setting a control, and the accuracy of the electronic device in adopting a corresponding processing manner for the sliding operation of the user on the brush collection bar can be improved, i.e., the user demand can be more accurately identified and a response can be made to the user demand, while simplifying the brush collection bar.

[0007] In some embodiments of the present application, the first control can be the brush collection bar (for example, the brush collection bar 108) mentioned below.

[0008] It can be understood that between the first time and the second time, the number of brushes that have been collected is N.

[0009] In some embodiments of the present application, at the second time, the number of brushes that have been collected is L, L is a positive integer. It can be understood that L is greater than M.

[0010] In some embodiments of the present application, at the first time, the first interface can be the third note interface 17 as shown in FIG. 5A. The operation of pressing the first control and moving the first control in the first direction by the first distance can be the operation of pressing the brush collection bar 108 and sliding to the end touch point as shown in FIGS. 5A-5C. In this case, the first position can be the position of the brush collection bar 108 as shown in FIG. 5A, and the second position can be the position of the brush collection bar 108 as shown in FIG. 5D.

[0011] In some embodiments of the present application, the first interface can be the note interface as shown in FIGS. 3F-3M. Of course, the first interface can also be other note interfaces, or the user interface of other applications, which are not limited in the present application.

[0012] In a possible implementation, at the first time, the first interface can be the fourth note interface 18 as shown in FIG. 3H. In this case, N=5. The operation of adding a brush can be the operation of clicking the collection control 1071 as shown in FIG. 3J. In this case, M=6. At the second time, the first interface can be the seventh note interface 21 as shown in FIG. 3K, and the first control is the brush collection bar 108 in the seventh note interface 21. The first group of brush icons includes the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, the fifth brush icon 1086, and the sixth brush icon 1087. At the third time, the first interface can be the ninth note interface 23 as shown in FIG. 3M. The second group of brush icons includes the first brush icon 1082, the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, and the fifth brush icon 1086.

[0013] In some embodiments of the present application, the first group of brush icons can be the brush icons contained in the brush collection bar 108 in any one of the note interfaces as shown in FIGS. 7A-7D, and similarly, the second group of brush icons can also be the brush icons contained in the brush collection bar 108 in any one of the note interfaces as shown in FIGS. 7A-7D. It should be noted that the brush icons contained in the first group of brush icons and the second group of brush icons are not completely the same.

[0014] In some embodiments of the present application, the first group of brush icons can be the brush icons contained in the brush collection bar 108 in any one of the note interfaces as shown in FIGS. 8A-8B, and similarly, the second group of brush icons can also be the brush icons contained in the brush collection bar 108 in any one of the note interfaces as shown in FIGS. 8A-8B. It should be noted that the brush icons contained in the first group of brush icons and the second group of brush icons are not completely the same.

[0015] In some embodiments of the present application, the first direction can be a second sliding direction mentioned below.

[0016] In some embodiments of the present application, the sliding angle corresponding to the first direction does not satisfy a first angle condition, and the first distance does not satisfy a first distance condition. The sliding angle corresponding to the first direction can be an angle between a ray along the first direction and a ray along a preset direction, and the common endpoint of the ray along the first direction and the ray along the preset direction can be the starting touch point.

[0017] In some embodiments of the present application, the second position can be a first display position mentioned below.

[0018] It can be understood that the method of the first aspect described above can also be described in another way. Two examples are specifically listed below for illustration:

[0019] Example one: the present application provides a display method. The method can be applied to an electronic device including a display screen. The method can include: the electronic device can display a first interface, the first interface can include a first control of a first representation, the first control of the first representation includes N brush icons, and the first control of the first representation can be displayed at a first position of the display screen; in response to an operation of pressing and moving a first distance along a first direction on the first control of the first representation, the electronic device can display the first control of the first representation at a second position of the display screen; in response to an operation of adding a brush, a first control of a second representation can be displayed on the first interface, the first control of the second representation can include a first group of brush icons, and the number of the first group of brush icons is M; in response to an operation of pressing and moving a first distance along the first direction on the first control of the second representation, the electronic device can display a second group of brush icons in the first control of the second representation, the number of the second group of brush icons is M, the first group of brush icons and the second group of brush icons include at least one different brush icon, and the position of the first control of the second representation does not change. Wherein, N is a positive integer, and M is an integer greater than or equal to N.

[0020] In some embodiments of the present application, in the case that the number of brushes that have been collected is less than or equal to the number of brush icons that can be displayed at most in the brush collection bar, the first control displayed by the electronic device is the first control of the first representation. In the case that the number of brushes that have been collected is greater than the number of brush icons that can be displayed at most in the brush collection bar (or the number of brushes that have been collected is greater than the number of brush icons displayed in the brush collection bar), the first control displayed by the electronic device is the first control of the second representation. That is, the number of brush icons displayed in the first control of the second representation is less than the number of brushes that have been collected.

[0021] In a possible implementation, at a first time, the first control of the first representation can be the brush collection bar 108 in the fourth note interface 18 as shown in FIG. 3H. In this case, N = 5. The operation of adding a brush can be the operation of clicking the collection control 1071 as shown in FIG. 3J. In this case, M = 6. At a second time, the first control of the second representation can be the brush collection bar 108 in the seventh note interface 21 as shown in FIG. 3K. The first set of brush icons includes the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, the fifth brush icon 1086, and the sixth brush icon 1087. At a third time, the first control of the second representation can be the brush collection bar 108 in the ninth note interface 23 as shown in FIG. 3M. The second set of brush icons includes the first brush icon 1082, the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, and the fifth brush icon 1086.

[0022] Example II: The present application provides a display method. The method can be applied to an electronic device including a display screen. The method can include: the electronic device can display a first interface, the first interface can include a first control of a first representation, the first control of the first representation can include N brush icons, the first control of the first representation can be displayed at a first position of the display screen; in response to an operation of pressing the first control of the first representation and moving in a first direction by a first distance, the electronic device can display the first control of the first representation at a second position of the display screen; in response to an operation of adding a brush, the first control of the second representation can be displayed at the first interface, the first control of the second representation can include a first set of brush icons of the first representation, the number of the first set of brush icons is M; in response to an operation of pressing the first control of the second representation and moving in the first direction by the first distance, the first control of the third representation can be displayed at the first interface, the first control of the third representation includes a second set of brush icons of the first representation, the number of the second set of brush icons is M, and the first set of brush icons and the second set of brush icons include at least one different brush icon, the first control of the second representation and the first control of the third representation are at the same position. Wherein N is a positive integer, and M is an integer greater than or equal to N.

[0023] In some embodiments of the present application, when the number of brushes that have been collected is less than or equal to the maximum number of brush icons that can be displayed in the brush collection bar, the first control displayed by the electronic device is the first representation of the first control. When the number of brushes that have been collected is greater than the maximum number of brush icons that can be displayed in the brush collection bar (or the number of brushes that have been collected is greater than the number of brush icons displayed in the brush collection bar), the first control displayed by the electronic device that contains the first group of brush icons is the second representation of the first control, and the first control displayed by the electronic device that contains the second group of brush icons is the third representation of the first control. That is, the number of brush icons displayed in the second representation of the first control and the third representation of the first control is less than the number of brushes that have been collected.

[0024] In a possible implementation, at a first time, the first control in the first representation can be the brush collection bar 108 in the fourth note interface 18 as shown in FIG. 3H. In this case, N = 5. The operation of adding a brush can be the operation of clicking the collection control 1071 as shown in FIG. 3J. In this case, M = 6. At a second time, the first control in the second representation can be the brush collection bar 108 in the seventh note interface 21 as shown in FIG. 3K. The first group of brush icons includes the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, the fifth brush icon 1086, and the sixth brush icon 1087. At a third time, the first control in the third representation can be the brush collection bar 108 in the ninth note interface 23 as shown in FIG. 3M. The second group of brush icons includes the first brush icon 1082, the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, and the fifth brush icon 1086.

[0025] It can be understood that the method represented by the above two examples is substantially the same as the method represented by the above first aspect, and the two examples can be replaced with each other.

[0026] Similarly, when the method in the above first aspect is described in other manners (for example, the above-mentioned example one and example two), any implementation of the first aspect can also be described in the other manners accordingly, and the implementations described in different manners can be replaced with each other. How to describe each implementation of the above first aspect in other manners will be described in detail below when each implementation of the above first aspect is specifically described.

[0027] In combination with the first aspect, in a possible implementation, the method can further include: after the third time, in response to the operation of pressing the first control and moving the second distance in the first direction, the electronic device can display the first control at a third position of the display screen. The second distance is greater than the first distance.

[0028] In the scheme provided in the present application, in the case that the user presses the first control and slides a large distance, the electronic device can display the brush collection bar along the position of the user sliding, that is, in this case, the user can drag the brush collection bar. Through this method, the electronic device can identify that the user's demand is to drag the brush collection bar in the case of a large sliding distance, so as to accurately respond and improve the user experience.

[0029] In some embodiments of the present application, the third position can be the second display position.

[0030] Optionally, in combination with the first aspect mentioned in example one, in a possible implementation, after the third moment, in response to the operation of pressing the first control of the second representation and moving a second distance in the first direction, the electronic device can display the first control of the second representation at the third position of the display screen. The second distance is greater than the first distance.

[0031] Optionally, in combination with the first aspect mentioned in example two, in a possible implementation, after the third moment, in response to the operation of pressing the first control of the third representation and moving a second distance in the first direction, the electronic device can display the first control of the third representation at the third position of the display screen. The second distance is greater than the first distance.

[0032] In combination with the first aspect, in a possible implementation, the method can further include: after the third moment, in response to the operation of pressing the first control and moving a first distance in a second direction, the electronic device can display the first control at a fourth position of the display screen.

[0033] In the scheme provided in the present application, in the case that the user presses the first control and slides along a direction close to the preset direction, the electronic device can display the brush collection bar along the position of the user sliding, that is, in this case, the user can drag the brush collection bar. Through this method, the electronic device can identify that the user's demand is to drag the brush collection bar in the case of a sliding direction close to the preset direction, so as to accurately respond and improve the user experience. The preset direction can be set according to actual needs, which is not limited in the present application.

[0034] In some embodiments of the present application, the second direction can be the first sliding direction mentioned below.

[0035] In some embodiments of the present application, the second direction can be the direction shown by the dashed line in FIG. 6A (i.e., horizontally to the right). At the third moment, the first control can be the brush collection bar 108 in the ninth note interface 23 as shown in FIG. 6A. The operation of pressing the first control and moving in the second direction by the first distance can be the operation of pressing the brush collection bar 108 and sliding horizontally to the right to the end touch point as shown in FIGS. 6A-6D. In this case, the second position can be the position of the brush collection bar 108 as shown in FIG. 6A, and the fourth position can be the position of the brush collection bar 108 as shown in FIG. 6D.

[0036] Optionally, in combination with the first aspect mentioned in example one, in a possible implementation manner, after the third moment, in response to the operation of pressing the first control of the second representation and moving in the second direction by the first distance, the electronic device can display the first control of the second representation at the fourth position of the display screen.

[0037] Optionally, in combination with the first aspect mentioned in example two, in a possible implementation manner, after the third moment, in response to the operation of pressing the first control of the third representation and moving in the second direction by the first distance, the electronic device can display the first control of the third representation at the fourth position of the display screen.

[0038] In combination with the first aspect, in a possible implementation manner, the method can further include: at a fourth moment, the electronic device can receive an operation of continuing to move in the first direction by a third distance, between the fourth moment and a fifth moment, the second group of brush icons can still be displayed in the first control; at the fifth moment, in response to the operation of continuing to move in the first direction by a fourth distance, the electronic device can display the first control at a fifth position of the display screen. The fifth moment is later than the fourth moment, and the fourth moment is later than the third moment. Between the third moment and the fifth moment, the electronic device does not receive a lifting operation.

[0039] In the scheme provided in the present application, in the case that the brush icons in the brush collection bar cannot be displayed by scrolling, the electronic device can still calculate the sliding distance from the starting touch point, or calculate the sliding distance from the sliding trajectory point when the brush icon is stopped from being displayed by scrolling (for example, the third sliding trajectory point as shown in FIG. 7D, the first sliding trajectory point as shown in FIG. 8B, etc.), instead of calculating the sliding distance from the starting touch point. This method can flexibly set the strategy of judging whether the user's demand is to drag the entire brush collection bar or to slide the brush icon in the brush collection bar.

[0040] It can be understood that the lifting operation can be the user's lifting operation.

[0041] In some embodiments of the present application, the first direction can be the third sliding direction mentioned below, the third distance can refer to the following, and the present application does not expand here. The first direction can also be the fourth sliding direction mentioned below, the fourth distance can refer to the following, and the present application does not expand here.

[0042] In some embodiments of the present application, the first direction can be the direction extending from the third sliding track point to the fourth sliding track point and the end touch point as shown in FIG. 7E, the third distance can be the distance between the third sliding track point and the fourth sliding track point, and the fourth distance can be the sliding distance between the fourth sliding track point and the contact touch point. In this case, the second position can be the position of the brush collection bar 108 as shown in FIG. 7A, and the fifth position can be the position of the brush collection bar 108 as shown in FIG. 7G.

[0043] In some embodiments of the present application, the sliding angle corresponding to the first direction satisfies the second angle condition, the third distance does not satisfy the second distance condition, and the fourth distance satisfies the second distance condition.

[0044] It should be noted that the sliding track point involved in the present application can be a touch point in the sliding process.

[0045] Optionally, in combination with example one mentioned in the first aspect, in a possible implementation manner, the method can further include: at the fourth moment, the electronic device can receive an operation of moving a third distance along the first direction, between the fourth moment and the fifth moment, the second group of brush icons can still be displayed in the first control of the second representation; at the fifth moment, in response to the operation of moving a fourth distance along the first direction, the electronic device can display the first control of the second representation at the fifth position of the display screen. The fifth moment is later than the fourth moment, and the fourth moment is later than the third moment. Between the third moment and the fifth moment, the electronic device does not receive a lifting operation.

[0046] Optionally, in combination with example two mentioned in the first aspect, in a possible implementation manner, the method can further include: at the fourth moment, the electronic device can receive an operation of moving a third distance along the first direction, between the fourth moment and the fifth moment, the second group of brush icons can still be displayed in the first control of the third representation; at the fifth moment, in response to the operation of moving a fourth distance along the first direction, the electronic device can display the first control of the third representation at the fifth position of the display screen. The fifth moment is later than the fourth moment, and the fourth moment is later than the third moment. Between the third moment and the fifth moment, the electronic device does not receive a lifting operation.

[0047] With reference to the first aspect, in a possible implementation manner, the method further can comprise: at a sixth time, in response to the operation of continuing to move in the third direction by the fifth distance, the electronic device can display the first group of brush icons in the first control. The sixth time is later than the third time, and between the third time and the sixth time, the electronic device does not receive the lifting operation.

[0048] In the scheme provided in the present application, in the case that the user presses the first control and slides along the direction in which the brush icons are displayed in a scrolling manner, the electronic device can scroll the brush icons in the brush collection bar according to the position of the user sliding, that is, in this case, the brush icons in the brush collection bar can be displayed in a scrolling manner. Through this method, the electronic device can identify that in the case that the sliding direction is close to the direction in which the brush icons are displayed in a scrolling manner, the user's demand is to scroll the brush icons in the brush collection bar, thereby accurately responding and improving the user experience.

[0049] In some embodiments of the present application, the third direction does not satisfy the first angle threshold, and the sliding distance when moving to the fifth distance does not satisfy the first distance threshold. The sliding angle corresponding to the third direction can be the included angle between the ray along the third direction and the ray along the preset direction, and the common endpoint of the ray along the third direction and the ray along the preset direction can be the starting touch point.

[0050] Optionally, in combination with the first aspect, in a possible implementation manner, at the sixth time, in response to the operation of continuing to move in the third direction by the fifth distance, the electronic device can display the first group of brush icons in the first control of the second representation. The sixth time is later than the third time, and between the third time and the sixth time, the electronic device does not receive the lifting operation.

[0051] Optionally, in combination with the second example mentioned in the first aspect, in a possible implementation manner, at the sixth time, in response to the operation of continuing to move in the third direction by the fifth distance, the first control of the second representation can be displayed on the first interface. The sixth time is later than the third time, and between the third time and the sixth time, the electronic device does not receive the lifting operation.

[0052] With reference to the first aspect, in a possible implementation manner, in response to the operation of pressing the first control and moving in the first direction by the first distance, the electronic device displays the second set of brush icons in the first control, specifically, the electronic device can acquire a first input event in response to the operation of pressing the first control and moving in the first direction by the first distance; the electronic device can determine whether the first distance is greater than a first threshold; based on a result of the determination that the first distance is less than the first threshold, the electronic device displays the second set of brush icons in the first control. The first input event can include a first coordinate, and the first coordinate is a touch point coordinate when the operation of moving in the first direction by the first distance is completed.

[0053] In the scheme provided in the present application, the electronic device can determine the sliding angle and / or the sliding direction based on the coordinate carried by the acquired input event, without additionally setting a software module to perform calculation, and it is more convenient and simple.

[0054] In some embodiments of the present application, after the electronic device acquires the first input event, the electronic device can determine the first distance based on the first coordinate included in the first input event and the second position.

[0055] It can be understood that the distance between the position corresponding to the first coordinate and the second position is the first distance.

[0056] In some embodiments of the present application, the first threshold can be L2 mentioned below.

[0057] Optionally, with reference to the example one mentioned in the first aspect, in a possible implementation manner, in response to the operation of pressing the first control of the second representation and moving in the first direction by the first distance, the electronic device displays the second set of brush icons in the first control of the second representation, specifically, the electronic device can acquire a first input event in response to the operation of pressing the first control of the second representation and moving in the first direction by the first distance; the electronic device can determine whether the first distance is greater than a first threshold; based on a result of the determination that the first distance is less than the first threshold, the electronic device displays the second set of brush icons in the first control of the second representation. The first input event can include a first coordinate, and the first coordinate is a touch point coordinate when the operation of moving in the first direction by the first distance is completed.

[0058] Optionally, in combination with the second example mentioned in the first aspect, in a possible implementation, in response to the operation of pressing the first control of the second representation and moving in the first direction by the first distance, the first control of the third representation can be displayed on the first interface, specifically, the electronic device can acquire a first input event in response to the operation of pressing the first control of the second representation and moving in the first direction by the first distance; the electronic device can determine whether the first distance is greater than a first threshold; based on the result of the determination, if the first distance is less than the first threshold, the first control of the third representation can be displayed on the first interface. The first input event can include a first coordinate, which is the coordinate of the touch point when the operation of moving in the first direction by the first distance is completed.

[0059] In combination with the first aspect, in a possible implementation, in response to the operation of pressing the first control and moving in the first direction by the second distance, the electronic device displays the first control at the third position of the display screen, specifically, the electronic device can acquire a second input event in response to the operation of pressing the first control and moving in the first direction by the second distance; the electronic device can determine whether the second distance is greater than the first threshold; based on the result of the determination, if the second distance is greater than the first threshold, the electronic device can display the first control at the third position of the display screen. The second input event can include a second coordinate, which is the coordinate of the touch point when the operation of moving in the first direction by the second distance is completed (or the second coordinate is the coordinate of the touch point when the operation of moving in the first direction by the second distance is completed).

[0060] It can be understood that the position corresponding to the second coordinate is the third position, and the distance between the third position and the second position is the second distance.

[0061] Optionally, in combination with the first example mentioned in the first aspect, in a possible implementation, in response to the operation of pressing the first control of the second representation and moving in the first direction by the second distance, the electronic device displays the first control of the second representation at the third position of the display screen, specifically, the electronic device can acquire a second input event in response to the operation of pressing the first control of the second representation and moving in the first direction by the second distance; the electronic device can determine whether the second distance is greater than the first threshold; based on the result of the determination, if the second distance is greater than the first threshold, the electronic device can display the first control of the second representation at the third position of the display screen. The second input event can include a second coordinate, which is the coordinate of the touch point when the operation of moving in the first direction by the second distance is completed.

[0062] Optionally, in combination with the second example mentioned in the first aspect, in a possible implementation, in response to the operation of pressing the first control of the third representation and moving a second distance in the first direction, the electronic device displays the first control of the third representation at a third position of the display screen, which can specifically include: in response to the operation of pressing the first control of the third representation and moving a second distance in the first direction, the electronic device can obtain a second input event; the electronic device can determine whether the second distance is greater than a first threshold; based on the result of the determination, if the second distance is greater than the first threshold, the electronic device displays the first control of the third representation at the third position of the display screen. The second input event can include a second coordinate, and the second coordinate is the coordinate of the touch point when the operation of moving a second distance in the first direction is completed.

[0063] In combination with the first aspect, in a possible implementation, in response to the operation of pressing the first control and moving a first distance in the second direction, the electronic device displays the first control at a fourth position of the display screen, which can specifically include: in response to the operation of pressing the first control and moving a first distance in the second direction, the electronic device can obtain a third input event; the electronic device can determine whether a first included angle is less than or equal to a first angle, or whether the first distance is greater than a first threshold; based on the result of the determination, if the first included angle is less than the first angle, the electronic device displays the first control at the fourth position of the display screen. The third input event can include a third coordinate, and the third coordinate is the coordinate of the touch point when the operation of moving a first distance in the second direction is completed (or the third coordinate is the coordinate of the touch point when the operation of moving a first distance in the second direction is completed). The first included angle is the included angle between the ray in the second direction and the ray in the fourth direction.

[0064] In some embodiments of the present application, after the electronic device obtains the third input event, the electronic device can determine whether the first included angle is less than the first angle.

[0065] In some embodiments of the present application, the fourth direction can be the positive direction of the x-axis or the negative direction of the x-axis, and the electronic device can set the fourth direction so that the first included angle is less than 90 degrees.

[0066] In some embodiments of the present application, if the first included angle is less than 90 degrees, the first angle can be the first angle threshold mentioned below, and the electronic device can determine whether the first included angle is less than or equal to the first angle threshold. However, if the first included angle is greater than 90 degrees and less than 180 degrees, the electronic device can determine whether the first included angle is greater than a second angle threshold.

[0067] In some embodiments of the present application, the fourth direction can be a preset direction mentioned below, which can be referred to below and will not be described here. In some embodiments of the present application, the preset direction can be the positive direction of the x-axis. Of course, the preset direction can also be other directions (for example, the positive direction of the y-axis), which is not limited in the present application.

[0068] In some embodiments of the present application, if any of the sliding angle and the sliding distance meets the corresponding condition, the electronic device can display that the brush collection bar is moved. For example, in response to the operation of pressing the first control of the second representation and moving the second distance in the first direction, the electronic device obtains a second input event and determines whether the second distance is greater than a first threshold or an included angle between a ray in the first direction and a ray in the fourth direction is less than a first angle based on a second coordinate included in the second input event. Based on the result of the determination that the second distance is greater than the first threshold, the electronic device can display the first control of the third representation at a third position of the display screen. In this case, if the sliding distance meets the corresponding condition (for example, the first distance condition mentioned below), the electronic device can display that the brush collection bar is moved. For another example, in response to the operation of pressing the first control and moving the first distance in the second direction, the electronic device can obtain a third input event and determine whether the first included angle is less than the first angle or the first distance is greater than the first threshold based on a third coordinate included in the third input event. Based on the result of the determination that the first included angle is less than the first angle, the electronic device can display the first control at a fourth position of the display screen. In this case, if the sliding angle meets the corresponding condition (for example, the first angle condition mentioned below), the electronic device can display that the brush collection bar is moved.

[0069] Optionally, in combination with example one mentioned in the first aspect, in a possible implementation, in response to the operation of pressing the first control of the second representation and moving the first distance in the second direction, the electronic device displays the first control of the second representation at the fourth position of the display screen, which can specifically include: in response to the operation of pressing the first control of the second representation and moving the first distance in the second direction, the electronic device can obtain a third input event; the electronic device can determine whether the first included angle is less than or equal to the first angle or the first distance is greater than the first threshold; based on the result of the determination that the first included angle is less than the first angle, the electronic device can display the first control of the second representation at the fourth position of the display screen. The third input event can include a third coordinate, which is the touch point coordinate when the operation of moving the first distance in the second direction is completed. The first included angle is the included angle between the ray in the second direction and the ray in the fourth direction.

[0070] Optionally, in combination with the example two mentioned in the first aspect, in a possible implementation, in response to the operation of pressing the first control of the third representation and moving the first distance in the second direction, the electronic device displays the first control of the third representation at the fourth position of the display screen, and specifically can include: in response to the operation of pressing the first control of the third representation and moving the first distance in the second direction, the electronic device can obtain a third input event; the electronic device can determine whether the first included angle is less than or equal to the first angle, or whether the first distance is greater than the first threshold value; based on the result of the determination, if the first included angle is less than the first angle, the electronic device can display the first control of the third representation at the fourth position of the display screen. The third input event can include a third coordinate, and the third coordinate is the touch point coordinate when the operation of moving the first distance in the second direction is completed. The first included angle is the included angle between the ray in the second direction and the ray in the fourth direction.

[0071] In combination with the first aspect, in a possible implementation, after the electronic device receives the operation of continuing to move the third distance in the first direction, the method can further include: the electronic device can obtain a fourth input event; the electronic device can determine whether the third distance is greater than the second threshold value, and whether the second included angle is less than or equal to the second angle. It can be understood that the result of the determination can include that the third distance is less than the second threshold value, and the second included angle is less than the second angle. The fourth input event includes a fourth coordinate, and the fourth coordinate is the touch point coordinate when the operation of continuing to move the third distance in the first direction is completed (or the fourth coordinate is the touch point coordinate when the operation of continuing to move the fourth distance in the first direction is completed). The second included angle is the included angle between the ray in the first direction and the ray in the fifth direction. The second group of brush icons are displayed in the first control, and specifically can include: based on the result of the determination, the second group of brush icons are displayed in the first control. In response to the operation of continuing to move the fourth distance in the first direction, the electronic device displays the first control at the fifth position of the display screen, and specifically can include: in response to the operation of continuing to move the fourth distance in the first direction, the electronic device can obtain a fifth input event; the electronic device can determine whether the sum of the third distance and the fourth distance is greater than the second threshold value, and whether the second included angle is less than or equal to the second angle; based on the result of the determination including that the sum of the third distance and the fourth distance is greater than the second threshold value, and the second included angle is less than the second angle, the electronic device can display the first control at the fifth position of the display screen. The fifth input event includes a fifth coordinate, and the fifth coordinate is the touch point coordinate when the operation of continuing to move the fourth distance in the first direction is completed (or the fifth coordinate is the touch point coordinate when the operation of continuing to move the fourth distance in the first direction is completed).

[0072] In some embodiments of the present application, the distance between the position corresponding to the fourth coordinate and the second position is the sum of the first distance and the third distance. In some embodiments of the present application, the position corresponding to the fifth coordinate is the fifth position, and the distance between the fifth position and the second position is the sum of the first distance, the third distance, and the fourth distance.

[0073] In some embodiments of the present application, after the electronic device obtains the fourth input event, the electronic device can determine whether the first included angle is less than the second angle.

[0074] In some embodiments of the present application, the fifth direction can be the preset direction mentioned below, which can be referred to below, and the present application will not be described here. The fifth direction can be the same as the fourth direction.

[0075] In some embodiments of the present application, the fifth direction can be the x-axis positive direction or the x-axis negative direction, and the electronic device can set the fifth direction so that the second included angle is less than 90 degrees.

[0076] In some embodiments of the present application, if the second included angle is less than 90 degrees, the second angle can be the third angle threshold mentioned below, and the electronic device can determine whether the second included angle is less than or equal to the third angle threshold. However, if the second included angle is greater than 90 degrees and less than 180 degrees, the electronic device can determine whether the second included angle is greater than the fourth angle threshold.

[0077] It can be understood that the common endpoint of the ray along the first direction and the ray along the fifth direction is the sliding track point (or touch point) when the operation of moving the first distance along the first direction is completed.

[0078] Optionally, in combination with the example one mentioned in the first aspect, in a possible implementation, the second group of brush icons are displayed in the first control of the second representation, which can specifically include: based on the result of the above determination (which can be referred to above. The steps performed by the electronic device after receiving the operation of continuing to move the third distance along the first direction), the second group of brush icons can be displayed in the first control of the second representation. In response to the operation of continuing to move the fourth distance along the first direction, the electronic device displays the first control of the second representation at the fifth position of the display screen, which can specifically include: in response to the operation of continuing to move the fourth distance along the first direction, the electronic device can obtain a fifth input event; the electronic device can determine whether the sum of the third distance and the fourth distance is greater than the second threshold, and whether the second included angle is less than or equal to the second angle; based on the result of the determination including that the sum of the third distance and the fourth distance is greater than the second threshold, and that the second included angle is less than the second angle, the electronic device can display the first control of the second representation at the fifth position of the display screen. The fifth input event includes a fifth coordinate, which is the touch point coordinate when the operation of continuing to move the fourth distance along the first direction is completed.

[0079] Optionally, in combination with the example two mentioned in the first aspect, in a possible implementation, the second group of brush icons are displayed in the first control of the third representation, which can specifically include: based on the result of the above-mentioned judgment (which can be specifically referred to the steps performed by the electronic device after receiving the operation of moving the third distance in the first direction continuously), the second group of brush icons can be displayed in the first control of the third representation. In response to the operation of moving the fourth distance in the first direction continuously, the electronic device displays the first control of the third representation at the fifth position of the display screen, which can specifically include: in response to the operation of moving the fourth distance in the first direction continuously, the electronic device can obtain a fifth input event; the electronic device can judge whether the sum of the third distance and the fourth distance is greater than the second threshold value, and whether the second included angle is less than or equal to the second angle; based on the result of the judgment including that the sum of the third distance and the fourth distance is greater than the second threshold value, and the second included angle is less than the second angle, the electronic device can display the first control of the third representation at the fifth position of the display screen. Wherein, the fifth input event includes a fifth coordinate, and the fifth coordinate is the touch point coordinate when the operation of moving the fourth distance in the first direction continuously is completed.

[0080] In combination with the first aspect, in a possible implementation, in response to the operation of moving the fifth distance in the third direction continuously, the electronic device displays the first group of brush icons in the first control, which can specifically include: in response to the operation of moving the fifth distance in the third direction continuously, the electronic device can obtain a sixth input event; the electronic device can judge whether the third included angle is less than or equal to the first angle; based on the result of the judgment that the third included angle is greater than the first angle, the electronic device can display the first group of brush icons in the first control. Wherein, the sixth input event includes a sixth coordinate, and the sixth coordinate is the touch point coordinate when the operation of moving the fifth distance in the third direction is completed. The third included angle is the included angle between the ray in the third direction and the ray in the fourth direction.

[0081] Optionally, in combination with the example one mentioned in the first aspect, in a possible implementation, in response to the operation of moving the fifth distance in the third direction continuously, the electronic device displays the first group of brush icons in the first control of the second representation, which can specifically include: in response to the operation of moving the fifth distance in the third direction continuously, the electronic device can obtain a sixth input event; the electronic device can judge whether the third included angle is less than or equal to the first angle; based on the result of the judgment that the third included angle is greater than the first angle, the electronic device can display the first group of brush icons in the first control of the second representation. Wherein, the sixth input event includes a sixth coordinate, and the sixth coordinate is the touch point coordinate when the operation of moving the fifth distance in the third direction is completed.

[0082] Optionally, in combination with the second example mentioned in the first aspect, in a possible implementation, in response to the operation of continuing to move in the third direction by the fifth distance, the first control of the second representation is displayed on the first interface, which specifically can include: in response to the operation of continuing to move in the third direction by the fifth distance, the electronic device can obtain a sixth input event; the electronic device can determine whether the third included angle is less than or equal to the first angle; based on the result of the determination being that the third included angle is greater than the first angle, the first control of the second representation can be displayed on the first interface. The sixth input event includes a sixth coordinate, and the sixth coordinate is a touch point coordinate when the operation of moving in the third direction by the fifth distance is completed.

[0083] In combination with the first aspect, in a possible implementation, the fourth included angle is greater than the first angle, and the fourth included angle is an included angle between a ray in the first direction and a ray in the fourth direction.

[0084] In some embodiments of the present application, the first included angle, the second included angle, the third included angle and the fourth included angle are sliding angles in the process of pressing and sliding the brush collection bar.

[0085] In combination with the first aspect, in a possible implementation, the electronic device displays a first group of brush icons in the first control, which specifically can include: the electronic device can display the first group of brush icons in a non-editing state in the first control. The method can further include: between the second time and the third time, in response to a long-press operation on the first control, the first group of brush icons in an editing state can be displayed in the first control. At the third time, in response to the operation of pressing the first control and moving in the first direction by the first distance, the electronic device displays a second group of brush icons in the first control, which specifically can include: at the third time, in response to the operation of pressing the first control containing the first group of brush icons in the editing state and moving in the first direction by the first distance, the electronic device can display the second group of brush icons in the editing state in the first control.

[0086] In the scheme provided in the present application, when the brush collection bar is in the editing state, the brush icons in the brush collection bar are also displayed in the form of the editing state. The brush icons corresponding to the collected brushes can be synchronized in state, thereby avoiding the problem that the state of part of the brush icons is not updated when the brush icons are scrolled and displayed.

[0087] In some embodiments of the present application, the first group of brush icons in the non-editing state can be the brush icons in the brush collection bar 108 as shown in FIG. 9A, the first group of brush icons in the editing state can be the brush icons in the brush collection bar 108 as shown in FIG. 9B, and the second group of brush icons in the editing state can be the brush icons in the brush collection bar 108 as shown in FIG. 9C.

[0088] Optionally, in combination with the first aspect, in a possible implementation manner of the first example, in response to the operation of adding the brush, the first control of the second representation is displayed behind the first interface, and the method further can include:

[0089] In response to the long-press operation on the first control of the second representation, the first control of the third representation containing the first set of brush icons can be displayed in the first interface. The first set of brush icons contained in the first control of the third representation and the first set of brush icons contained in the first control of the second representation are different in form. In response to the operation of pressing the first control of the third representation and moving in the first direction by the first distance, the second set of brush icons can be displayed in the first control of the third representation; the first set of brush icons and the second set of brush icons contained in the first control of the third representation are the same in form, and the second set of brush icons contained in the first control of the third representation and the second set of brush icons contained in the first control of the second representation are different in form.

[0090] Optionally, in combination with the first aspect, in a possible implementation manner of the second example, in response to the operation of adding the brush, the first control of the second representation is displayed behind the first interface, and the method further can include: in response to the long-press operation on the first control of the second representation, the first control of the fourth representation can be displayed in the first interface; the first control of the fourth representation contains the first set of brush icons of the second representation, and the first set of brush icons of the second representation and the first set of brush icons of the first representation are different in form; in response to the operation of pressing the first control of the fourth representation and moving in the first direction by the first distance, the first control of the fifth representation can be displayed in the first interface; the first control of the fifth representation contains the second set of brush icons of the second representation, and the second set of brush icons of the second representation and the second set of brush icons of the first representation are different in form.

[0091] In combination with the first aspect, in a possible implementation manner, the method further can include: between the second time and the third time, in response to the long-press operation on the first control, the editing completion button is displayed in the first control; after the third time, in response to the click operation on the editing completion button, the second set of brush icons in the non-editing state can be displayed in the first control.

[0092] In some embodiments of the present application, the editing completion button can be the end editing control (for example, the end editing control 701) mentioned below.

[0093] Optionally, in combination with the first aspect, in a possible implementation manner of the first example, the first control of the third representation can further include an edit completion button. After the electronic device displays the second set of brush icons in the first control of the third representation in response to the operation of pressing the first control of the third representation and moving in the first direction by the first distance, the method can further include: in response to a click operation on the edit completion button, the electronic device can display the first control of the second representation containing the second set of brush icons.

[0094] Optionally, in combination with the first aspect, in a possible implementation manner of the second example, the first control of the fifth representation can further include an edit completion button. After the first control of the fifth representation is displayed on the first interface in response to the operation of pressing the first control of the fourth representation and moving in the first direction by the first distance, the method can further include: in response to a click operation on the edit completion button, the electronic device can display the first control of the third representation.

[0095] In combination with the first aspect, in a possible implementation manner, the first control can include a minimize button, and the method can further include: in response to a click operation on the minimize button, the electronic device can display a second control, and the second control can contain one brush icon; in response to an operation of pressing the second control and moving in the first direction by the first distance, the electronic device can display the second control at the sixth position of the display screen.

[0096] In some embodiments of the present application, the first control can be a brush collection bar in an expanded state, and the second control can be a brush collection bar in a minimized state.

[0097] In some embodiments of the present application, the minimize button can be a zoom-out control (for example, the zoom-out control 1081) mentioned below.

[0098] In combination with the first aspect, in a possible implementation manner, after the electronic device displays the second control, the method can further include: in response to a click operation on the second control, the electronic device can display the first control.

[0099] In the scheme provided in the present application, when the electronic device displays the brush collection bar in the minimized state, the user can switch the brush collection bar from the minimized state to the expanded state by clicking the brush collection bar.

[0100] In combination with the first aspect, in a possible implementation manner, the method can further include: at a seventh time, in response to an operation of continuing to move in the second direction by a sixth distance, the electronic device can display the first control at a seventh position of the display screen. The seventh time is later than the third time, and between the third time and the seventh time, the electronic device does not receive a lifting operation.

[0101] In some embodiments of the present application, the operation of continuing to move in the second direction by the sixth distance can be an operation of continuing to slide from the third sliding track point to the contact touch point.

[0102] Optionally, in combination with the first aspect mentioned in example one, in a possible implementation, the method can further include: at a seventh moment, in response to the operation of continuing to move in the second direction by the sixth distance, the electronic device can display the first control of the second representation at a seventh position of the display screen. Wherein, the seventh moment is later than the third moment, and between the third moment and the seventh moment, the electronic device does not receive the lifting operation.

[0103] Optionally, in combination with the first aspect mentioned in example two, in a possible implementation, the method can further include: at a seventh moment, in response to the operation of continuing to move in the second direction by the sixth distance, the electronic device can display the first control of the third representation at a seventh position of the display screen. Wherein, the seventh moment is later than the third moment, and between the third moment and the seventh moment, the electronic device does not receive the lifting operation.

[0104] It should be noted that the first aspect and each implementation of the first aspect described above can be combined in any manner to form a new scheme. The following exemplary describes the new scheme formed by combination, and the specific content can be referred to the related content of the second aspect, the third aspect, the fourth aspect, the fifth aspect and the sixth aspect. It can be understood that the display method provided by the second aspect, the third aspect, the fourth aspect, the fifth aspect and the sixth aspect are all combined from the first aspect or any one of the possible implementation manners of the first aspect, and therefore, the beneficial effects that can be achieved can be referred to the beneficial effects of the first aspect or any one of the possible implementation manners of the first aspect, which will not be described here.

[0105] The second aspect, the present application provides a display method. The method can be applied to an electronic device including a display screen. The method can include: at a second moment, the electronic device can display a first interface, the first interface can include a first control; between the second moment and the third moment, a first group of brush icons can be displayed in the first control, the number of the first group of brush icons is M, M is a positive integer; at the second moment, the first control can be displayed at a second position of the display screen; at the third moment, in response to the operation of pressing the first control and moving in the first direction by a first distance, the electronic device can display a second group of brush icons in the first control; the number of the second group of brush icons is M, the first group of brush icons and the second group of brush icons contain at least one different brush icon; after the third moment, in response to the operation of pressing the first control and moving in the first direction by a second distance, the electronic device can display the first control at a third position of the display screen, the second distance is greater than the first distance.

[0106] In the scheme provided in the present application, in the case that the number of brush icons displayed in the brush collection bar is less than the number of brushes that have been collected, after receiving the operation of pressing and sliding the brush collection bar, the electronic device determines whether to display the brush collection bar being moved or the brush icons in the brush collection bar being scrolled based on the sliding direction and / or the sliding distance corresponding to the operation. By this method, the entire brush collection bar can be dragged without additionally setting a control, and the accuracy of the electronic device in adopting a corresponding processing manner for the user's sliding operation on the brush collection bar can be improved, i.e., the user's demand can be more accurately identified and a response can be made to the user's demand while simplifying the brush collection bar.

[0107] In some embodiments of the present application, at the second time, the number of brushes that have been collected is L, and L is a positive integer. It can be understood that L is greater than M.

[0108] In combination with the second aspect, in a possible implementation manner, the method can further include: after the third time, in response to the operation of pressing the first control and moving the first control in the second direction by the first distance, the electronic device can display the first control at the fourth position of the display screen.

[0109] In the third aspect, the present application provides a display method. The method can be applied to an electronic device including a display screen. The method can include: at a second time, the electronic device can display a first interface, and the first interface can include a first control; between the second time and a third time, a first group of brush icons can be displayed in the first control, and the number of the first group of brush icons is M, and M is a positive integer; at the second time, the first control can be displayed at a first position of the display screen; at the third time, in response to the operation of pressing the first control and moving the first control in a first direction by a first distance, the electronic device can display a second group of brush icons in the first control; the number of the second group of brush icons is M, and the first group of brush icons and the second group of brush icons contain at least one different brush icon; after the third time, in response to the operation of pressing the first control and moving the first control in a second direction by the first distance, the electronic device can display the first control at a fourth position of the display screen.

[0110] In the scheme provided in the present application, in the case that the number of brush icons displayed in the brush collection bar is less than the number of brushes that have been collected, after receiving the operation of pressing and sliding the brush collection bar, the electronic device determines whether to display the brush collection bar being moved or the brush icons in the brush collection bar being scrolled based on the sliding direction and / or the sliding distance corresponding to the operation. In the case that the sliding distance corresponding to the operation is small, the electronic device can identify that the user's demand is to scroll the brush icons in the brush collection bar, and thus accurately respond. In the case that the sliding direction corresponding to the operation is close to the preset direction, the electronic device can identify that the user's demand is to drag the brush collection bar, and thus accurately respond. Through this method, the drag of the entire brush collection bar can be realized without additionally setting a control, the accuracy of the electronic device in adopting a corresponding processing manner for the user's sliding operation on the brush collection bar can be improved, i.e., the user's demand can be more accurately identified and a response can be made accordingly, in the case of simplifying the brush collection bar.

[0111] In a fourth aspect, the present application provides a display method. The method can be applied to an electronic device including a display screen. The method can include: at a second time, the electronic device can display a first interface, the first interface can include a first control; between the second time and a third time, a first group of brush icons can be displayed in the first control, the number of the first group of brush icons is M, M is a positive integer; at a first time, the first control can be displayed at a first position of the display screen; at the third time, in response to an operation of pressing the first control and moving the first control by a second distance in a first direction, the electronic device can display the first control at a third position of the display screen, the second time is later than the first time; after the third time, in response to an operation of pressing the first control and moving the first control by a first distance in a second direction, the electronic device can display the first control at a fourth position of the display screen.

[0112] In the scheme provided in the present application, in the case that the number of brush icons displayed in the brush collection bar is less than the number of brushes that have been collected, after receiving the operation of pressing and sliding the brush collection bar, the electronic device determines whether to display the brush collection bar being moved or the brush icons in the brush collection bar being scrolled based on the sliding direction and / or the sliding distance corresponding to the operation. In the case that the sliding distance corresponding to the operation is large, the electronic device can identify that the user's demand is to drag the brush collection bar, and thus accurately respond. In the case that the sliding direction corresponding to the operation is close to the preset direction, the electronic device can identify that the user's demand is to drag the brush collection bar, and thus accurately respond. Through this method, the drag of the entire brush collection bar can be realized without additionally setting a control, the accuracy of the electronic device in adopting a corresponding processing manner for the user's sliding operation on the brush collection bar can be improved, that is, the user's demand can be more accurately identified and a response can be made to the user's demand.

[0113] In combination with the fourth aspect, in a possible implementation manner, the method can further include: after the third time, in response to the operation of pressing the first control and moving the first control in the first direction by the first distance, the electronic device can display a second group of brush icons in the first control; the number of the second group of brush icons is M, and the first group of brush icons and the second group of brush icons at least contain one different brush icon.

[0114] In the fifth aspect, the present application provides a display method. The method can be applied to an electronic device including a display screen. The method can include: at a first time, the electronic device can display a first interface, and the first interface can include a first control; between the first time and a second time, N brush icons are displayed in the first control; at the first time, the first control can be displayed at a first position of the display screen; between the first time and the second time, in response to the operation of pressing the first control and moving the first control in a first direction by a first distance, the electronic device can display the first control at a second position of the display screen; at the second time, in response to the operation of adding a brush, the electronic device can display a first group of brush icons in the first control; the number of the first group of brush icons is M, and M is an integer greater than or equal to N; the second time is later than the first time; after the second time, in response to the operation of pressing the first control and moving the first control in the first direction by a second distance, the electronic device can display the first control at a third position of the display screen. Wherein, N is a positive integer. The second distance is greater than the first distance.

[0115] In the scheme provided in the present application, in the case that the number of brush icons displayed in the brush collection bar is less than the number of brushes that have been collected, after receiving the operation of pressing and sliding on the brush collection bar, the electronic device determines whether to display the brush collection bar being moved or the brush icons in the brush collection bar being scrolled based on the sliding direction and / or the sliding distance corresponding to the operation. In the case that the sliding distance corresponding to the operation is large, the electronic device can identify that the user's demand is to drag the brush collection bar, so as to accurately respond. Through this method, the dragging of the entire brush collection bar can be realized without additionally setting a control, the accuracy of the electronic device in adopting a corresponding processing manner for the sliding operation of the user on the brush collection bar can be improved, i.e., the user's demand is more accurately identified and a response is made to the user's demand.

[0116] In a sixth aspect, the present application provides a display method. The method can be applied to an electronic device including a display screen. The method can include: at a first time, the electronic device can display a first interface, the first interface can include a first control; between the first time and a second time, N brush icons can be displayed in the first control; at the first time, the first control can be displayed at a first position of the display screen; between the first time and the second time, in response to an operation of pressing the first control and moving in a first direction by a first distance, the electronic device can display the first control at a second position of the display screen; at the second time, in response to an operation of adding a brush, the electronic device can display a first group of brush icons in the first control; the number of the first group of brush icons is M, M is an integer greater than or equal to N; after the second time, in response to an operation of pressing the first control and moving in a second direction by the first distance, the electronic device can display the first control at a fourth position of the display screen. Wherein, N is a positive integer. The second time is later than the first time.

[0117] In the scheme provided in the present application, in the case that the number of brush icons displayed in the brush collection bar is less than the number of brushes that have been collected, after receiving the operation of pressing and sliding on the brush collection bar, the electronic device determines whether to display the brush collection bar being moved or the brush icons in the brush collection bar being scrolled based on the sliding direction and / or the sliding distance corresponding to the operation. In the case that the sliding direction corresponding to the operation is close to a preset direction, the electronic device can identify that the user's demand is to drag the brush collection bar, so as to accurately respond. Through this method, the dragging of the entire brush collection bar can be realized without additionally setting a control, the accuracy of the electronic device in adopting a corresponding processing manner for the sliding operation of the user on the brush collection bar can be improved, i.e., the user's demand is more accurately identified and a response is made to the user's demand.

[0118] In a seventh aspect, the present application provides an electronic device, comprising one or more memories, and one or more processors; the one or more memories are coupled to the one or more processors, the memories are used to store computer program codes, the computer program codes comprise computer instructions, the one or more processors invoke the computer instructions to enable the electronic device to perform the method described in the first aspect or any possible implementation manner of the first aspect, or the one or more processors invoke the computer instructions to enable the electronic device to perform the method described in the second aspect or any possible implementation manner of the second aspect, or the one or more processors invoke the computer instructions to enable the electronic device to perform the method described in the third aspect or any possible implementation manner of the third aspect, or the one or more processors invoke the computer instructions to enable the electronic device to perform the method described in the fourth aspect or any possible implementation manner of the fourth aspect, or the one or more processors invoke the computer instructions to enable the electronic device to perform the method described in the fifth aspect or any possible implementation manner of the fifth aspect, or the one or more processors invoke the computer instructions to enable the electronic device to perform the method described in the sixth aspect or any possible implementation manner of the sixth aspect.

[0119] In an eighth aspect, the present application provides a computer storage medium. The computer storage medium comprises computer instructions, when the computer instructions are run on an electronic device, enable the electronic device to perform the method described in the first aspect or any implementation manner of the first aspect, or when the computer instructions are run on an electronic device, enable the electronic device to perform the method described in the second aspect or any possible implementation manner of the second aspect, or when the computer instructions are run on an electronic device, enable the electronic device to perform the method described in the third aspect or any possible implementation manner of the third aspect, or when the computer instructions are run on an electronic device, enable the electronic device to perform the method described in the fourth aspect or any possible implementation manner of the fourth aspect, or when the computer instructions are run on an electronic device, enable the electronic device to perform the method described in the fifth aspect or any possible implementation manner of the fifth aspect, or when the computer instructions are run on an electronic device, enable the electronic device to perform the method described in the sixth aspect or any possible implementation manner of the sixth aspect.

[0120] In a ninth aspect, an embodiment of the present application provides a chip. The chip can be applied to an electronic device, and the chip comprises one or more processors configured to invoke computer instructions to cause the electronic device to perform the method described in the first aspect or any possible implementation manner of the first aspect, or the processor is configured to invoke computer instructions to cause the electronic device to perform the method described in the second aspect or any possible implementation manner of the second aspect, or the processor is configured to invoke computer instructions to cause the electronic device to perform the method described in the third aspect or any possible implementation manner of the third aspect, or the processor is configured to invoke computer instructions to cause the electronic device to perform the method described in the fourth aspect or any possible implementation manner of the fourth aspect, or the processor is configured to invoke computer instructions to cause the electronic device to perform the method described in the fifth aspect or any possible implementation manner of the fifth aspect, or the processor is configured to invoke computer instructions to cause the electronic device to perform the method described in the sixth aspect or any possible implementation manner of the sixth aspect.

[0121] In some embodiments of the present application, the chip system can be an application processor (AP) or a system on chip (SoC) comprising an AP. The method described in the first aspect or any possible implementation manner of the first aspect can be implemented by an AP, the method described in the second aspect or any possible implementation manner of the second aspect can be implemented by an AP, the method described in the third aspect or any possible implementation manner of the third aspect can be implemented by an AP, the method described in the fourth aspect or any possible implementation manner of the fourth aspect can be implemented by an AP, the method described in the fifth aspect or any possible implementation manner of the fifth aspect can be implemented by an AP, and the method described in the sixth aspect or any possible implementation manner of the sixth aspect can be implemented by an AP.

[0122] In yet some embodiments of the present application, the chip system can comprise an AP and other modules. The other modules can be a modem (also referred to as a baseband processor).

[0123] In a tenth aspect, an embodiment of the present application provides a computer program product comprising instructions. When the computer program product is run on an electronic device, the electronic device is caused to perform the method described in the first aspect or any possible implementation manner of the first aspect, or when the computer program product is run on an electronic device, the electronic device is caused to perform the method described in the second aspect or any possible implementation manner of the second aspect, or when the computer program product is run on an electronic device, the electronic device is caused to perform the method described in the third aspect or any possible implementation manner of the third aspect, or when the computer program product is run on an electronic device, the electronic device is caused to perform the method described in the fourth aspect or any possible implementation manner of the fourth aspect, or when the computer program product is run on an electronic device, the electronic device is caused to perform the method described in the fifth aspect or any possible implementation manner of the fifth aspect, or when the computer program product is run on an electronic device, the electronic device is caused to perform the method described in the sixth aspect or any possible implementation manner of the sixth aspect.

[0124] It can be understood that the electronic device provided in the seventh aspect, the computer storage medium provided in the eighth aspect, the chip provided in the ninth aspect, and the computer program product provided in the tenth aspect are all used to perform the method described in the first aspect or any possible implementation manner of the first aspect. Therefore, the beneficial effects that can be achieved are referable to the beneficial effects of any possible implementation manner of the first aspect, which will not be described herein again. BRIEF DESCRIPTION OF DRAWINGS

[0125] FIG. 1 is a schematic diagram of a hardware structure of an electronic device according to an embodiment of the present application;

[0126] FIG. 2 is a schematic diagram of a software structure of an electronic device according to an embodiment of the present application;

[0127] FIGS. 3A-3M are a set of schematic diagrams of user interfaces according to embodiments of the present application;

[0128] FIGS. 4A-4D are another set of schematic diagrams of user interfaces according to embodiments of the present application;

[0129] FIGS. 5A-5D are another set of schematic diagrams of user interfaces according to embodiments of the present application;

[0130] FIGS. 6A-6D are another set of schematic diagrams of user interfaces according to embodiments of the present application;

[0131] FIGS. 7A-7I are another set of schematic diagrams of user interfaces according to embodiments of the present application;

[0132] FIGS. 8A-8H are another set of schematic diagrams of user interfaces according to embodiments of the present application;

[0133] FIGS. 9A-9C are another set of schematic diagrams of user interfaces provided by embodiments of the present application;

[0134] FIG. 10 is a flowchart of a display method provided by an embodiment of the present application;

[0135] FIGS. 11A-11B are schematic diagrams of a set of mobile brush collection bars provided by embodiments of the present application;

[0136] FIGS. 12A-12B are schematic diagrams of a set of scroll brush icons provided by embodiments of the present application. DETAILED DESCRIPTION

[0137] The technical solutions in the embodiments of the present application will be described clearly and completely below with reference to the drawings in the embodiments of the present application. In the description of the embodiments of the present application, unless otherwise specified, “ / ” represents the meaning of or, for example, A / B can represent A or B; the “and / or” in the text only represents a description of the association relationship of the associated objects, which means that there can be three relationships, for example, A and / or B, which means that there are three cases of A alone, A and B together, and B alone. In addition, in the description of the embodiments of the present application, “multiple” means two or more than two.

[0138] It should be understood that the terms “first”, “second” and the like in the specification and claims of the present application and the drawings are used to distinguish different objects, and are not used to describe a specific order. In addition, the terms “include” and “have” and any variations thereof are intended to cover non-exclusive inclusion. For example, a process, method, system, product or device that includes a series of steps or units is not limited to the listed steps or units, but can optionally include steps or units not listed, or can optionally include other steps or units inherent to the process, method, product or device.

[0139] It should be understood that the term “user interface” in the specification and claims of the present application and the drawings is a medium interface for interaction and information exchange between an application or an operating system and a user. The commonly used form of user interface is a graphic user interface (GUI), which refers to a user interface related to computer operation displayed in a graphical manner. It can be an icon, window, control, etc. interface element displayed in the display screen of an electronic device, wherein the control can include an icon, button, menu, tab, text box, dialog box, status bar, navigation bar, widget, etc. visual interface element.

[0140] Reference to“an embodiment” or“the embodiment” in this application means that a particular feature, structure, or characteristic described in connection with the embodiment is included in at least one embodiment of the application. The appearances of the phrase“in one embodiment” or“in at least one embodiment” in various places in the specification are not necessarily all referring to the same embodiment, nor are they necessarily all directed to the same embodiment, or to a single alternative embodiment. It is explicitly contemplated that one or more features, structures, or characteristics described in connection with an embodiment can be included in a single alternative embodiment.

[0141] The present application provides a display method and related devices. According to the method, after receiving an operation on a brush collection bar, the electronic device can determine how to respond to the operation in combination with a sliding direction and / or a sliding distance corresponding to the operation. The method can improve the accuracy of the electronic device in adopting a corresponding processing manner for the user's sliding operation on the brush collection bar, i.e., more accurately identify the user's demand and respond to the user's demand, in the case of simplifying the brush collection bar.

[0142] The device related to the embodiments of the present application is introduced below.

[0143] The electronic device related to the present application can be a terminal device, specifically, a mobile phone, a tablet computer, a wearable device, a vehicle-mounted device, an augmented reality (AR) / virtual reality (VR) device, a notebook computer, an ultra-mobile personal computer (UMPC), a netbook, a personal digital assistant (PDA), or a dedicated camera (for example, a single-lens reflex camera, a card-type camera), and the like. The specific type of the electronic device is not limited in the embodiments of the present application.

[0144] The hardware structure of the electronic device related to the embodiments of the present application is introduced below.

[0145] Please refer to FIG. 1, which is a schematic diagram of the hardware structure of an electronic device provided by the embodiments of the present application.

[0146] As shown in FIG. 1, the electronic device can include a processor, an external memory interface, an internal memory, a Universal Serial Bus (USB) interface, a charging management module, a power management module, a battery, an antenna 1, an antenna 2, a mobile communication module, a wireless communication module, a sensor module, an audio module, a key, a motor, an indicator, a camera, a display screen, and a Subscriber Identity Module (SIM) card slot, etc. The audio module can include a speaker, a receiver, a microphone, an earphone interface, etc., and the sensor module can include a pressure sensor, a gyroscope sensor, a barometric pressure sensor, a magnetic sensor, an acceleration sensor, a distance sensor, a proximity light sensor, a fingerprint sensor, a temperature sensor, a touch sensor, an ambient light sensor, a bone conduction sensor, etc.

[0147] It can be understood that the structure shown in the embodiments of the present application does not constitute a specific limitation on the electronic device. It can be understood that the components shown can be implemented in hardware, software, or a combination of software and hardware. In some embodiments of the present application, the electronic device can include more components than shown. For example, the electronic device can include other types of sensors. In yet other embodiments of the present application, the electronic device can include fewer components than shown, or combine certain components, or split certain components, or different arrangement of components. For example, in the case of the electronic device being a tablet computer, the mobile communication module can not be provided in the electronic device. The interface connection relationship between the modules shown in the embodiments of the present application is only illustrative and does not constitute a structural limitation on the electronic device.

[0148] The processor can include one or more processing units, for example: the processor can include an Application Processor (AP), a Modem (also referred to as a baseband processor), a Graphics Processing Unit (GPU), an Image Signal Processor (ISP), a controller, a video codec, a Digital Signal Processor (DSP), an Audio Digital Signal Processor (ADSP), a sensor hub, and / or a Neural-network Processing Unit (NPU), etc. The AP is a processor responsible for running the operating system and application programs. The Modem is a processor responsible for processing various communication protocols.

[0149] The wireless communication function of the electronic device can be implemented by the antenna 1, the antenna 2, the mobile communication module, the wireless communication module, and the modem, etc. The modem can interact with the base station through the antenna (e.g., the antenna 1, the antenna 2, etc.). In some embodiments, the antenna 1 and the mobile communication module of the electronic device are coupled, and the antenna 2 and the wireless communication module are coupled, so that the electronic device can communicate with the network and other devices through the wireless communication technology.

[0150] The electronic device can implement the display function through the GPU, the display screen, and the application processor, etc.

[0151] The GPU is a microprocessor for image processing, which is connected to the display screen and the application processor. The GPU is used to perform mathematical and geometric calculations for graphics rendering. The processor can include one or more GPUs, which execute program instructions to generate or change display information. The display screen is used to display images, videos, etc. In some embodiments, the electronic device can include one or more display screens.

[0152] The camera is used to capture still images or videos. The ISP is used to process the data fed back by the camera. Light is transmitted to the camera photosensitive element through the lens, and the optical signal is converted into an electrical signal, which is transmitted to the ISP for processing by the camera photosensitive element, and is converted into an image visible to the naked eye. The electronic device can include one or more cameras.

[0153] The internal memory can include one or more RAMs and one or more non-volatile memories (NVMs). The random access memory can be directly read and written by the processor, and can be used to store executable programs (e.g., machine instructions) of the operating system or other programs running, and can also be used to store data of users and application programs, etc. The non-volatile memory can also store executable programs and store data of users and application programs, etc., which can be loaded into the random access memory in advance for direct reading and writing by the processor.

[0154] In the embodiments of the present application, the code for implementing the method described in the embodiments of the present application can be stored on the non-volatile memory. When the note application is running, the electronic device can load the executable code stored in the non-volatile memory into the random access memory.

[0155] The external memory interface can be used to connect an external non-volatile memory, to expand the storage capacity of the electronic device.

[0156] The electronic device can implement the audio function through the audio module, the speaker, the receiver, the microphone, the earphone interface, and the application processor, etc.

[0157] The operating system of the electronic device can employ a layered architecture, an event-driven architecture, a microkernel architecture, a microservices architecture, or a cloud architecture. Embodiments of the present application take an Android operating system with a layered architecture as an example to illustrate the software structure of the electronic device. It should be noted that, although the Android operating system (which can be referred to as the Android system for short) is taken as an example for illustration, the basic principles are also applicable to electronic devices based on iOS or Windows operating systems.

[0158] FIG. 2 is a schematic diagram of a software structure of an electronic device according to an embodiment of the present application.

[0159] The software structure of the electronic device employs a layered architecture, i.e., the software is divided into several layers, each of which has a clear role and division of labor. The layers communicate with each other through software interfaces. Taking the Android system running on the AP as an example, in some embodiments of the present application, the software structure of the Android system is divided into five layers, from top to bottom, the application layer, the framework layer (Framework), the Android runtime and system library, the hardware abstraction layer (HAL), and the system kernel layer (Kernel).

[0160] The application layer can include a series of application packages. The application packages can include applications such as camera, gallery, calendar, call, map, WLAN, Bluetooth, music, video, and short message. The application layer can also include a note application. The note application can be used to record and store various types of notes, such as text, pictures, and multimedia content such as audio recordings. In some embodiments of the present application, the note application can be a system application. In some embodiments of the present application, the note application can be a third-party application. It should be understood that the name of the note application is only an example given by the present application, and the present application does not limit the name of the application. The application layer can also include a system UI (system User Interface, systemUI). The systemUI is used to display the interface of the electronic device, such as displaying the note interface, displaying the signal icon corresponding to the SIM card, displaying the call interface, etc.

[0161] The framework layer provides application programming interfaces (APIs) and programming frameworks for the applications of the application layer. The framework layer can include some pre-defined functions. For example, the framework layer can include a window manager, a content provider, a view system, a phone manager, a resource manager, a notification manager, etc. The phone manager is used to provide the call function of the electronic device, such as the management of the call state (including call connection, call hang-up, etc.).

[0162] The framework layer can also include an input module. The input module can perform collection, processing and distribution of various input events (e.g., key events, touch events, etc.). In some embodiments of the present application, the input module can be inputflinger. The inputflinger is a service responsible for processing input events, which can receive raw input events from hardware devices and convert them into events that can be understood by the Android system, such as touch events, etc. In some embodiments of the present application, the input module can be an input manager (InputManager), which is mainly responsible for listening to input devices (e.g., stylus, keyboard, mouse, etc.) and timely transmitting generated input events (e.g., screen clicks, key presses, swipes, etc.) to the operating system or application program, which are then processed by the operating system or application program accordingly. For example, a user touches a control of an activity in an application program. The input manager can convert the user's touch into a touch event and transmit it to the application program, and then to the control, which is processed accordingly by the control.

[0163] The framework layer can also include a surface flinger. The surface flinger is responsible for managing the UI display of all application programs, and is also responsible for combining UI elements (e.g., text, images, views, etc.) of application programs into a complete screen picture (or a frame of image) by interacting with the hardware abstraction layer (HAL) and GPU driver.

[0164] The runtime is responsible for scheduling and management of the system. The runtime includes a core library and a virtual machine. The core library includes two parts: one part is the function functions required by the programming language (e.g., java language) to call, and the other part is the core library of the system. The application layer and the framework layer run in the virtual machine. The virtual machine executes the programming files (e.g., java files) of the application layer and the framework layer into binary files. The virtual machine is used to perform functions such as management of object life cycle, stack management, thread management, security and exception management, and garbage collection.

[0165] The system library can include a plurality of functional modules. For example, a surface manager (Surface Manager), media libraries, a three-dimensional graphics processing library (e.g., OpenGL ES), and a two-dimensional graphics engine (e.g., SGL), etc. The specific meanings and functions of these functional modules can be referred to related technical documents, which are not expanded here.

[0166] A hardware abstraction layer (HAL) is an interface layer between the operating system kernel and the upper layer software, and its purpose is to abstract hardware. The hardware abstraction layer is an abstract interface of the device kernel driver, which is used to implement an application programming interface for providing access to the underlying device to a higher level Java API framework. The HAL can provide a standard interface to show the device hardware functions to the higher level Java API framework. The HAL includes a plurality of library modules (e.g., related library modules of the camera, audio, Bluetooth). When the system framework layer API requires access to the hardware of the portable device, the operating system will load the library module for the hardware component.

[0167] The kernel layer is the foundation of the Android system. The kernel layer is responsible for the functions of the driver of the hardware, network, power supply, system security, and memory management. The kernel layer is an intermediate layer between hardware and software, and its role is to pass the request of the application program to the hardware. The kernel layer can include an audio driver, a display driver, a camera driver, and a touch panel (TP) driver.

[0168] It should be noted that the software structure diagram of the electronic device shown in FIG. 2 provided by the present application is only an example, and does not limit the specific module division in different layers of the Android system. For specific module division, reference can be made to the introduction of the software structure of the Android system in the conventional technology. In addition, the method provided by the present application can also be implemented based on other operating systems, which will not be illustrated one by one.

[0169] Exemplarily, the electronic device is taken as a tablet for illustration in the embodiments of the present application.

[0170] The display method provided by the embodiments of the present application will be introduced below in combination with an application scenario.

[0171] It can be understood that the control described in the embodiments of the present application refers to a graphical user interface element, which can be an icon, a pop-up box, a button, etc., and the present application does not make specific limitation thereto.

[0172] 1. The electronic device opens a note application (such as FIGS. 3A-3D)

[0173] The user can click the application icon of the note application, and correspondingly, the electronic device can start the note application in response to the click operation. Further, the electronic device can also collect a brush after starting the note application. It can be understood that the icon referred to in the present application can refer to a control.

[0174] Optionally, the electronic device can display a desktop interface. The desktop interface can include an icon of the note application. In response to clicking the icon of the note application, the electronic device can start the note application and display the main interface of the note application.

[0175] For example, the desktop interface can be the desktop interface 11 as shown in FIG. 3A, which can include icons of a plurality of applications (e.g., an icon of a weather application, an icon of a calendar application, an icon of a mail application, an icon of a settings application, an icon of an application store, an icon 101 of a note application, an icon of a photo album application, etc.). The icon 101 of the note application corresponds to the note application. The user can record text information, picture information, etc. through the note application. The above-mentioned application icons can be used to trigger the electronic device to start the corresponding application. In response to an operation of clicking the application icon, the electronic device can start the corresponding application. For example, the first application corresponds to the icon of the first application, and in response to clicking the icon of the first application, the electronic device can start the first application. Alternatively, when the icon of the first application is clicked, the electronic device can start the first application. It can be understood that the first application can be any of the applications mentioned above, and can also be other applications, which are not limited in the present application.

[0176] For example, the main interface of the note application can be the note application main interface 12 as shown in FIG. 3B. In response to the operation of clicking the icon 101 of the note application as shown in FIG. 3A, the electronic device can display the note application main interface 12 as shown in FIG. 3B. Alternatively, after the electronic device receives the operation of clicking the icon 101 of the note application as shown in FIG. 3A, the electronic device can display the note application main interface 12 as shown in FIG. 3B. In some embodiments of the present application, after the electronic device receives the operation of clicking the icon 101 of the note application as shown in FIG. 3A (or in response to the operation of clicking the icon 101 of the note application as shown in FIG. 3A), the electronic device can start the note application and display the note application main interface 12 as shown in FIG. 3B. Alternatively, the electronic device can detect an operation acting on the icon 101 of the note application as shown in FIG. 3A, and in response to the operation, the electronic device can start the note application and display the note application main interface 12 as shown in FIG. 3B. The note application main interface 12 can include icons corresponding to created notes (e.g., an icon corresponding to the "unnamed notebook" and an icon corresponding to "welcome to use the note" as shown in FIG. 3B). The note application main interface 12 can also include a new note control 102. The new note control 102 can be a control for creating a new note. Alternatively, this is only an example, and the new note control can also be referred to as an add note control.

[0177] Alternatively, in response to clicking the new note control in the main interface of the note application, the electronic device can display a note creation interface. In some embodiments of the present application, the note creation interface can include controls corresponding to one or more types of notes, such as a text note control, a handwriting note control, etc.

[0178] For example, after the electronic device receives the operation of clicking the new note control 102 as shown in FIG. 3B, the electronic device can display the note creation interface 13 as shown in FIG. 3C. Alternatively, in response to the operation of clicking the new note control 102 as shown in FIG. 3B, the electronic device can display the note creation interface 13 as shown in FIG. 3C. Alternatively, the electronic device can detect the operation acting on the new note control 102 as shown in FIG. 3B, and in response to the operation, the electronic device can display the note creation interface 13 as shown in FIG. 3C. The note creation interface 13 can include a text note control 103 and a handwriting note control 104. The user can create a text note by clicking the text note control 103, and similarly, the user can create a handwriting note by clicking the handwriting note control 104.

[0179] Optionally, in response to clicking the handwriting note control in the note creation interface, the electronic device can create a new handwriting note and display a new note interface. The new note interface can include a canvas (or page) and one or more note tool controls, such as a brush setting control, an erasing control, a lasso control, a picture insertion control, a text insertion control, a laser pointer control, a content adding control, a setting control, a page navigation control, and a search control, etc. The brush setting control can be used to set the brush type, thickness, and color, etc. The erasing control can be used to erase the writing traces. In response to the operation of clicking the erasing control, the electronic device can switch to the erasing tool, in which case, in response to the sliding operation on the writing traces included in the canvas, the electronic device can clear the writing traces. The lasso control can be used to select the content in the canvas. In response to the operation of clicking the lasso control, the electronic device can switch to the lasso tool, in which case, in response to the framing operation on the content included in the canvas, the electronic device can select the framed content in the canvas, and further, in response to the operation of dragging the selected content, the electronic device can move the selected content. The picture insertion control can be used to insert a picture in the note. In response to the operation of clicking the picture insertion control, the electronic device can switch to the picture insertion tool, in which case, in response to the clicking operation on the canvas, the electronic device can insert a picture at the clicked position. The text insertion control can be used to insert text in the note. In response to the operation of clicking the text insertion control, the electronic device can switch to the text insertion tool, in which case, in response to the clicking operation on the canvas, the electronic device can insert text (e.g., a text box) at the clicked position. The laser pointer control can be used to mark the content in the new note interface without affecting the writing traces. In response to the operation of clicking the laser pointer control, the electronic device can switch to the laser pointer tool, in which case, in response to the sliding operation on the new note interface, the sliding traces are displayed on the new note interface, and in response to the lifting operation after the sliding operation, the sliding traces previously displayed on the new note interface disappear. The content adding control can be used to add a page to the note, or add a scratch paper, or import a picture / document. In response to the operation of clicking the content adding control, a content adding popup window is displayed on the new note interface. The content adding popup window can include a page adding option, a scratch paper adding option, a picture importing option, and a document importing option. The user can add a page to the note (e.g., the handwriting note newly created by the electronic device) through the page adding option. The user can also add a scratch paper to the note through the scratch paper adding option. The user can also add a picture to the note through the picture importing option. The user can also add a document to the note through the document importing option. The setting control can be used to set the page of the note, the page turning manner, etc. In response to the operation of clicking the setting control, a setting popup window is displayed on the new note interface.The pop-up setting can include a page setting option, a page turning setting option, a one-stroke mode switch, and a switch for allowing only the use of a pen. The user can set the page format of the note through the page setting option, such as setting the page format of the note as blank / grid / line. The user can also set the page turning mode of the note through the page turning setting option, such as setting the page turning mode of the note as left-right page turning / upper-lower page turning. The user can also turn on the one-stroke mode by clicking the one-stroke mode switch, and in the case of turning on the one-stroke mode, the user can quickly draw patterns such as ellipses, circles, straight lines, etc. The user can also perform page navigation through the page navigation control, which facilitates the user to quickly view all pages of the note. In response to the operation of clicking the page navigation control, the electronic device can display the page thumbnails of the note, and further, in response to the operation of clicking a page thumbnail, the electronic device can display the note page corresponding to the page thumbnail on the canvas. The user can also search for text in the note through the search control. In response to the operation of clicking the search control, the electronic device can display a search bar, and further, in response to the input operation on the search bar, the electronic device can display the page (or page thumbnail) containing the corresponding input content.

[0180] It can be understood that the present application does not limit the specific positions of the plurality of note tool controls in the new note interface. In some embodiments of the present application, the new note interface can include more or fewer note tool controls, which are not limited by the present application. For example, the new note interface can also include a formula insertion control, a ruler control, a magnifying glass control, etc. In response to the operation of clicking the formula insertion control, the electronic device can insert a formula in the note. In response to the operation of clicking the ruler control, the electronic device can display a ruler, in which case the user can measure the distance through the ruler displayed by the electronic device. In response to the operation of clicking the magnifying glass control, the electronic device can display a canvas and a magnifying area. The content of a specific area in the canvas can be displayed in the magnifying area.

[0181] In some embodiments of the present application, the functions of the plurality of note tool controls mentioned above can be implemented by one note tool control, and similarly, the multiple functions of one note tool control mentioned above can be implemented by multiple note tool controls.

[0182] It can be understood that the note mentioned above can be a new handwritten note of the electronic device, and can also be other types of notes, which are not limited by the present application.

[0183] For example, the new note interface can be the new note interface 14 as shown in FIG. 3D. The brush setting control can include the brush setting control 1051 and the brush setting control 1052 as shown in FIG. 3D. The eraser control, the lasso control, the picture insertion control, the text insertion control, the laser pointer control, the content adding control, the setting control, the page navigation control and the search control can be the eraser control 1053, the lasso control 1054, the picture insertion control 1055, the text insertion control 1056, the laser pointer control 1057, the content adding control 1058, the setting control 1059, the page navigation control 141 and the search control 142 as shown in FIG. 3D, respectively. After the electronic device receives the operation of clicking the handwriting note control 104 as shown in FIG. 3C, the electronic device can display the new note interface 14 as shown in FIG. 3D. Alternatively, in response to the operation of clicking the handwriting note control 104 as shown in FIG. 3C, the electronic device can display the new note interface 14 as shown in FIG. 3D. In some embodiments of the present application, after the electronic device receives the operation of clicking the handwriting note control 104 as shown in FIG. 3C (or in response to the operation of clicking the handwriting note control 104 as shown in FIG. 3C), the electronic device can create a handwriting note and display the new note interface 14 as shown in FIG. 3C. Alternatively, the electronic device can detect an operation acting on the handwriting note control 104 as shown in FIG. 3C, and in response to the operation, the electronic device can display the new note interface 14 as shown in FIG. 3D. The new note interface 14 can include a note toolbar 105. The note toolbar 105 can include one or more brush setting controls (for example, the first brush setting control 1051 and the second brush setting control 1052 as shown in FIG. 3D). The user can set the brush used for writing by clicking the corresponding brush setting control, which can involve the category of the brush (for example, pen, ballpoint pen, pencil and marker, etc.), the thickness and the color, etc. The new note interface 14 can also include a canvas 106. The user can write on the canvas 106. In some embodiments of the present application, when the user writes in the display area outside the canvas 106, the electronic device does not display the writing track (or writing trace) outside the canvas 106.

[0184] In some embodiments of the present application, before the user clicks the brush setting control, the brush setting control is not selected, and after the user clicks the brush setting control, the brush setting control is selected. It can also be understood that after the user clicks the brush setting control, the brush setting control changes from not being selected to being selected. It can also be understood that when the brush setting control is clicked, the brush setting control changes from not being selected to being selected.

[0185] In some embodiments of the present application, the appearance of the same control (e.g., icon) when it is selected and the appearance of the same control when it is not selected can also be understood as the same control in the selected state being different from the same control in the unselected state. For example, the different appearance of the control can include any one or more of the following: different position of the control, different color (such as line color, fill color, etc.) of the control, different pattern included in the control, and different text included in the control. It should be noted that the selected control and the control in the unselected state can also be understood as different controls. For example, the electronic device can display a first icon, and after the first icon is clicked, the electronic device can display a second icon.

[0186] In some embodiments of the present application, the brush setting control when it is selected can be different from the brush setting control when it is not selected. It can be understood that the first icon mentioned above can be the brush setting control that is not selected, and the second icon mentioned above can be the brush setting control that is selected.

[0187] In a possible implementation, in the case where the brush setting control is selected, the outline of the brush setting control is thickened. For example, as shown in FIG. 3D, the second brush setting control 1052 is not selected, and its outline is not thickened. As shown in FIG. 3E, the second brush setting control 1052 is selected, and its outline is thickened. In another possible implementation, in the case where the brush setting control is selected, the fill color of the brush setting control changes. It can be understood that the brush setting control when it is selected can also have other appearances, which are not limited in the present application.

[0188] In some embodiments of the present application, one brush setting control in the note toolbar can correspond to one or more categories of brushes. For example, as shown in FIG. 3D, the first brush setting control 1051 can correspond to three categories of brushes: ballpoint pen, pen, and pencil, and the second brush setting control 1052 can correspond to one category of brush: marker.

[0189] In some embodiments of the present application, in the case that the brush setting control corresponds to multiple categories of brushes, in response to an operation of clicking the brush setting control, the electronic device can display a brush setting area. It can be understood that the brush setting area can be a display area, or a window (for example, a pop-up window), or a card, and the present application does not limit the specific form thereof. The brush setting area can include multiple brush category controls. Each brush category control corresponds to a category of brushes. The user can switch the brush category by clicking the corresponding brush category control. For example, in response to an operation of clicking the first brush setting control 1051, the electronic device can display the fifth note interface 19 as shown in FIG. 3I. The brush setting area 109 in the fifth note interface 19 can include a first brush category control 1091, a second brush category control 1092, and a third brush category control 1093. The three brush category controls correspond to a category of brushes respectively, and details can be referred to below, which will not be described herein.

[0190] As described above, for the same control, the forms thereof in different states can be different from each other, and the control in different states can be understood as different controls. It can be understood that the different states can include the unselected state and the selected state mentioned above, and can also include other states, which are not limited by the present application. For example, the different forms of the control can include any one or more of the following: different positions of the control, different colors (such as line color, fill color, etc.) of the control, different patterns contained by the control (for example, the first brush setting control 1051 as shown in FIG. 3I and FIG. 3J), and different texts contained by the control.

[0191] In some embodiments of the present application, in the case that the brush setting control corresponds to multiple categories of brushes, the brush setting control also corresponds to multiple states, and each category corresponds to a state. It can also be understood that the brush setting control in each state corresponds to an icon, and in this case, if the brush setting control corresponds to multiple states, the brush setting control can appear as multiple icons. If the electronic device switches among the multiple categories of brushes, the electronic device will change the state of the brush setting control (or the state of the brush setting control changes accordingly). According to the above, in a possible implementation, in the case that the brush setting control corresponds to multiple categories of brushes, the brush setting area corresponding to the brush setting control includes multiple brush category controls, and each brush category control corresponds to a category of brushes. In this case, in response to an operation of clicking an unselected brush category control (or a brush category control in an unselected state) in the multiple brush category controls, the electronic device can switch to the brush corresponding to the clicked brush category control.

[0192] In a possible implementation, in response to an operation of clicking the second brush category control 1092, the electronic device can display the first brush setting control 1051 as shown in FIG. 3I, and in response to an operation of clicking the first brush category control 1091, the electronic device can display the first brush setting control 1051 as shown in FIG. 3J. The pattern contained in the first brush setting control 1051 as shown in FIG. 3I is different from the pattern contained in the first brush setting control 1051 as shown in FIG. 3J. It can be understood that there can be other manners of change in the state of the brush setting control, which are not limited in the present application.

[0193] 2. The user collects the brush, and correspondingly, the electronic device displays a brush collection bar (as shown in FIGS. 3E-3M)

[0194] After the electronic device starts the note application and creates a new handwriting note, the user can collect the brush, and correspondingly, the electronic device can display the brush collection bar. It can be understood that the electronic device can also open the created handwriting note, and after opening the created handwriting note, the user can collect the brush.

[0195] It can be understood that the brush collection bar can have various forms of expression, for example, the shape, icon arrangement manner, etc. of the brush collection bar can be set according to actual needs, which are not limited in the present application. The brush collection bar shown below can be understood as an example provided in the present application, and should not be regarded as a limitation on the present application.

[0196] Optionally, in response to clicking the brush setting control, the electronic device can display a first note interface. The first note interface can include a first brush setting area. The first brush setting area can include a collection control.

[0197] For example, the first note interface can be the first note interface 15 as shown in FIG. 3E, and the first brush setting area can be the first brush setting area 107 as shown in FIG. 3E. After the electronic device receives the operation of clicking the second brush setting control 1052 as shown in FIG. 3D, the electronic device can display the first note interface 15 as shown in FIG. 3E. Alternatively, in response to the operation of clicking the second brush setting control 1052 as shown in FIG. 3D, the electronic device can display the first note interface 15 as shown in FIG. 3E. Alternatively, the electronic device can detect the operation of clicking the second brush setting control 1052 as shown in FIG. 3D, and in response to the operation, the electronic device can display the first note interface 15 as shown in FIG. 3E. The first note interface 15 can include the first brush setting area 107. The first brush setting area 107 can include a collection control 1071. In some embodiments of the present application, the first brush setting area 107 can further include a brush thickness sliding bar and one or more color options. In response to a sliding operation on the brush thickness sliding bar, the electronic device can adjust the brush thickness. In response to an operation of clicking a color option, the electronic device can adjust the color of the current brush to the color corresponding to the clicked color option. In some embodiments of the present application, the first brush setting area 107 can further include a collection bar display switch 1072.

[0198] It can be understood that after the electronic device receives the operation of clicking the second brush setting control 1052 as shown in FIG. 3D, the electronic device adopts the brush shown in the first brush setting area 107, i.e., a brush with a category of marker, a diameter (or thickness) of 10 millimeters (mm), and a color of black. In this case, during the user's writing on the canvas 106, the writing trace displayed by the electronic device is the trace left by a 10 mm black marker.

[0199] In some embodiments of the present application, when the user has not collected any brush (or the number of collected brushes can be 0), the collection bar display switch can be grayed out (or the collection bar display switch is in a non-responsive state). For example, as shown in FIG. 3E, there is no brush currently collected, and the collection bar display switch 1072 is grayed out. In this case, the electronic device does not respond to the user's operation on the collection bar display switch 1072.

[0200] In some embodiments of the present application, the collected brush can be referred to as the collected brush of the electronic device, or the collected brush of the electronic device.

[0201] In some embodiments of the present application, when the user does not collect the brush (or the number of brushes that have been collected is 0), the brush setting area (for example, the first brush setting area 107) does not include a collection bar display switch (for example, the collection bar display switch 1072), and after the user collects the brush, the collection bar display switch is displayed in the brush setting area.

[0202] In some embodiments of the present application, after the user collects the brush, the electronic device can open (or turn on) the collection bar display switch. Alternatively, in response to the operation of the user collecting the brush, the electronic device can open the collection bar display switch. That is to say, after the user collects the brush, the electronic device can display the brush collection bar. It can also be understood that after the number of brushes that have been collected changes from 0 to 1, the collection bar display switch can change from a non-responsive state to an open state.

[0203] In yet some embodiments of the present application, after the user collects the brush, the electronic device can not open the collection bar display switch. That is to say, after the user collects the brush, the electronic device can not display the brush collection bar, and further, in response to the operation of clicking the collection bar display switch, the electronic device can display the brush collection bar.

[0204] It can be understood that when the collection bar display switch is in an open state, the electronic device can display the brush collection bar, and when the collection bar display switch is in a closed state, the electronic device does not display the brush collection bar. According to the above, in some embodiments of the present application, when the collection bar display switch is in a grayed-out state (or a non-responsive state), the electronic device does not display the brush collection bar and does not respond to the operation on the collection bar display switch. It should be noted that the grayed-out state is different from the closed state. When the collection bar display switch is in the grayed-out state, the electronic device does not respond to the operation on the collection bar display switch, however, when the collection bar display switch is in the closed state, the user can switch the collection bar display switch from the closed state to the open state, that is to say, the electronic device can respond to the operation on the collection bar display switch. For example, in response to the operation (such as clicking the collection bar display switch) on the collection bar display switch, the collection bar display switch changes from the closed state to the open state, and the electronic device can display the note collection bar.

[0205] Alternatively, the user can collect the brush corresponding to the brush setting area (for example, the first brush setting area) by clicking the collection control in the brush setting area. In some embodiments of the present application, before the user clicks the collection control, the collection control is not selected (or is in an unselected state), and after the user clicks the collection control, the collection control is selected (or is in a selected state). That is to say, in response to the operation of the user clicking the collection control, the collection control can change from the unselected state to the selected state.

[0206] For example, the collection control can be the collection control 1071 as shown in FIG. 3E. After the electronic device receives the operation of clicking the collection control 1071 as shown in FIG. 3E, the electronic device can display the second note interface 16 as shown in FIG. 3F. Alternatively, in response to the operation of clicking the collection control 1071 as shown in FIG. 3E, the electronic device can display the second note interface 16 as shown in FIG. 3F. Alternatively, the electronic device can detect the operation of clicking the collection control 1071 as shown in FIG. 3E, and in response to the operation, the electronic device can display the second note interface 16 as shown in FIG. 3F. Different from the first note interface 15, the collection control 1071 in the second note interface 16 is in a selected state (the collection control 1071 as shown in FIG. 3F is filled with black), while the collection control 1071 in the first note interface 15 is in an unselected state (the collection control 1071 as shown in FIG. 3E is filled with white).

[0207] It can be understood that the collection control in the selected state can have other forms of presentation, and similarly, the collection control in the unselected state can have other forms of presentation. The forms of presentation of the control in different states can be referred to the related description above, and the present application does not limit this.

[0208] In some embodiments of the present application, in response to the operation of clicking the collection control 1071 as shown in FIG. 3E, the electronic device can open the collection bar display switch 1072, that is, the collection bar display switch 1072 can change from the grayed-out state as shown in FIG. 3E to the open state as shown in FIG. 3F, and in this case, the electronic device can display the brush collection bar 108. The brush collection bar 108 can include the first brush icon 1082 and the zoom-out control 1081. The first brush icon 1082 is the icon corresponding to the 10mm black marker mentioned above. The user can quickly switch the brush to the 10mm black marker by clicking the first brush icon 1082. The user can minimize the brush collection bar 108 by clicking the zoom-out control 1081, which can also be understood as switching the brush collection bar 108 from the expanded state to the collapsed state (or the minimized state).

[0209] It can be understood that, in the unfolded state, if the number of the brushes that have been collected is less than or equal to a, the brush collection bar displayed by the electronic device can include icons corresponding to all the brushes that have been collected, that is, icons corresponding to all the brushes that have been collected are displayed in the brush collection bar, and if the number of the brushes that have been collected is greater than a, the brush collection bar displayed by the electronic device can include icons corresponding to a brushes that have been collected, that is, icons corresponding to a brushes that have been collected are displayed in the brush collection bar, and icons corresponding to all the brushes that have been collected cannot be all displayed in the brush collection bar. It can be understood that a represents the maximum number of brush icons that can be displayed in the brush collection bar, and the related description can be referred to below, which will not be described herein. In the minimized state, only one brush icon is displayed in the brush collection bar.

[0210] In some embodiments of the present application, in the case where the brush currently used by the user is a brush that has been collected, the brush collection bar in the minimized state only includes an icon corresponding to the currently used brush, and in the case where the brush currently used by the user is not a brush that has been collected, the brush collection bar in the minimized state only includes an icon corresponding to the brush that has been collected most recently.

[0211] In some embodiments of the present application, whether the brush currently used by the user (or the currently selected brush) is a brush that has been collected or not, the brush collection bar in the minimized state only includes an icon corresponding to the brush that has been collected most recently by the electronic device.

[0212] In some embodiments of the present application, if the brush currently used by the user is a brush that has been collected, the icon corresponding to the currently used brush in the brush collection bar is selected (or in the selected state).

[0213] In a possible implementation, in the case where a brush icon is selected, the outline of the brush icon is thickened. For example, as shown in FIG. 3F, the brush currently used by the user is a 10 mm black marker, which is a brush that has been collected, and the icon corresponding to the brush is the first brush icon 1082. As shown in FIG. 3F, the outline of the first brush icon 1082 in the brush collection bar 108 is thickened, which indicates that the first brush icon 1082 is selected (or in the selected state). In another possible implementation, in the case where a brush icon is selected, the brush icon is filled with another color (a color different from the color filled when the brush icon is not selected). It can be understood that the electronic device can also indicate that a brush icon is selected in other manners, which will not be limited herein.

[0214] It can be understood that the user can collect one or more brushes. In the case where the user collects multiple brushes (or there are multiple brushes that have been collected), the brush collection bar can include icons corresponding to the multiple brushes.

[0215] In some embodiments of the present application, the number of brushes that have been collected is less than the number of brush icons that can be displayed in the brush collection bar at most, in which case, the icons corresponding to the brushes that have been collected can all be displayed in the brush collection bar, and the electronic device can display a third note interface.

[0216] For example, the third note interface can be the third note interface 17 shown in FIG. 3G. When the electronic device displays the third note interface 17, three brushes have been collected. The brush collection bar 108 in the third note interface 17 includes the icons (i.e., the first brush icon 1082, the second brush icon 1083, and the third brush icon 1084) corresponding to the three brushes that have been collected and the zoom-out control 1081. Among them, the first brush icon 1082 corresponds to a 10 mm black marker, the second brush icon 1083 corresponds to a 5 mm black marker (i.e., the brush category is a marker, the brush thickness is 5 mm, and the brush color is black), and the third brush icon 1084 corresponds to a 0.38 mm black pen (i.e., the brush category is a pen, the brush thickness is 0.38 mm, and the brush color is black).

[0217] In some embodiments of the present application, the arrangement order of the brush icons in the brush collection bar is consistent with the order in which the user collects the corresponding brushes. That is, the arrangement order of the brush icons in the brush collection bar is consistent with the order in which the brushes corresponding to the brush icons are collected.

[0218] In a possible implementation, the icons in the brush collection bar are distributed vertically (as shown in FIGS. 3F and 3G), and the icons corresponding to the brushes that are collected later are distributed at the top of the brush collection bar, and the icons corresponding to the brushes that are collected earlier are distributed at the bottom of the brush collection bar. For example, the topmost brush icon in the brush collection bar corresponds to the brush that is collected last, and the bottommost brush icon in the brush collection bar corresponds to the brush that is collected first.

[0219] For example, the brush that the user collects first is a 10 mm black marker, then a 5 mm black marker is collected, and the brush that is collected last is a 0.38 mm black pen. In this case, as shown in FIG. 3G, the icon corresponding to the 10 mm black marker, i.e., the first brush icon 1082, is located at the topmost end of the brush collection bar 108, the icon corresponding to the 0.38 mm black pen, i.e., the third brush icon 1084, is located at the bottommost end of the brush collection bar 108, and the icon corresponding to the 5 mm black marker, i.e., the second brush icon 1083, is located between the first brush icon 1082 and the third brush icon 1084.

[0220] In a possible implementation, the icons in the brush collection bar are distributed longitudinally (as shown in FIGS. 3F and 3G), and the icon corresponding to the brush that is collected later is distributed at the bottom of the brush collection bar, and the icon corresponding to the brush that is collected earlier is distributed at the top of the brush collection bar. For example, the brush icon at the bottom of the brush collection bar corresponds to the brush that is collected latest, and the brush icon at the top of the brush collection bar corresponds to the brush that is collected earliest.

[0221] In a possible implementation, the icons in the brush collection bar are distributed horizontally, and the icon corresponding to the brush that is collected later is distributed at the right part of the brush collection bar, and the icon corresponding to the brush that is collected earlier is distributed at the left part of the brush collection bar. For example, the brush icon at the right part of the brush collection bar corresponds to the brush that is collected latest, and the brush icon at the left part of the brush collection bar corresponds to the brush that is collected earliest.

[0222] In a possible implementation, the icons in the brush collection bar are distributed horizontally, and the icon corresponding to the brush that is collected later is distributed at the left part of the brush collection bar, and the icon corresponding to the brush that is collected earlier is distributed at the right part of the brush collection bar. For example, the brush icon at the left part of the brush collection bar corresponds to the brush that is collected latest, and the brush icon at the right part of the brush collection bar corresponds to the brush that is collected earliest.

[0223] It should be noted that the present application takes the brush collection bar as an example to illustrate the case where the icons in the brush collection bar are distributed longitudinally, and the specific implementation mode of the case where the icons in the brush collection bar are distributed in other forms can refer to the related description of the case where the icons in the brush collection bar are distributed longitudinally, which will not be repeated here.

[0224] In some embodiments of the present application, the number of brush icons that can be displayed in the brush collection bar is less than or equal to a, or at most a brush icons can be displayed in the brush collection bar. Wherein a is a positive integer, and the present application does not limit the specific value thereof. For example, a can be 5. That is, at most 5 brush icons can be displayed in the brush collection bar.

[0225] In some embodiments of the present application, the number of brushes that have been collected is equal to the maximum number of brush icons that can be displayed in the brush collection bar, in which case, the icons corresponding to the brushes that have been collected can all be displayed in the brush collection bar, and the electronic device can display a fourth note interface. For example, a maximum of 5 brush icons can be displayed in the brush collection bar, i.e. a = 5, and the third note interface can be the third note interface 17 as shown in FIG. 3G, and the fourth note interface can be the fourth note interface 18 as shown in FIG. 3H. As shown in FIG. 3G, in the case where 3 brushes have been collected, the brush collection bar 108 can include the icons corresponding to the 3 brushes that have been collected, i.e. the first brush icon 1082, the second brush icon 1083 and the third brush icon 1084, in which case, the brush icons in the brush collection bar 108 cannot be scrolled. Further, in the case where 3 brushes have been collected, the user can continue to collect other brushes until the number of brushes that have been collected reaches 5. As shown in FIG. 3H, in the case where 5 brushes have been collected, the electronic device can display the fourth note interface 18. The 5 brushes that have been collected are a 10mm black marker, a 5mm black marker, a 0.38mm black pen, a 0.5mm black pencil and a 0.38mm black ballpoint pen. The brush collection bar 108 in the fourth note interface 18 can include the icons corresponding to the 5 brushes that have been collected, i.e. the first brush icon 1082, the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085 and the fifth brush icon 1086. The first brush icon 1082, the second brush icon 1083 and the third brush icon 1084 correspond to the brushes as described above, and will not be described again in the present application. The fourth brush icon 1085 corresponds to a 0.5mm black pencil (i.e. the brush category is a pencil, the brush thickness is 0.5mm, and the brush color is black), and the fifth brush icon 1086 corresponds to a 0.38mm black ballpoint pen (i.e. the brush category is a ballpoint pen, the brush thickness is 0.38mm, and the brush color is black).

[0226] In some embodiments of the present application, the number of brushes that can be collected by the user is less than or equal to b, or in other words, the user can collect at most b brushes, or in other words, at most b brushes can be collected. It can be understood that the present application does not limit the specific value of b. For example, b can be 10. In some embodiments of the present application, b is an integer greater than a. That is, the maximum number of brush icons that can be displayed in the brush collection bar (or in other words, the number of brush icons that can be displayed at most in the brush collection bar) is less than the maximum number of brushes that can be collected (or in other words, the number of brushes that can be collected at most), and it can also be understood that the number of brush icons that can be displayed at most in the brush collection bar (or in other words, the maximum number of brush icons that can be displayed in the brush collection bar) is less than the number of brushes that can be collected at most by the user. In some embodiments of the present application, the brush icons included in the brush collection bar in the note interface can be the brush icons displayed in the brush collection bar, and do not include the brush icons that have been collected but are not displayed in the brush collection bar. In some embodiments of the present application, the brush icons included in the brush collection bar can be the brush icons displayed in the brush collection bar and the brush icons that have been collected but are not displayed in the brush collection bar.

[0227] It can be understood that in the case where the number of brushes that have been collected is not greater than the number of brush icons displayed in the brush collection bar, the icons corresponding to the brushes that have been collected can all be displayed in the brush collection bar, which means that the brush icons in the brush collection bar do not need to be displayed by scrolling, and the electronic device can display the icons corresponding to all the collected brushes in the brush collection bar. In the case where the number of brushes that have been collected is greater than the number of brush icons displayed in the brush collection bar, the electronic device cannot display the icons corresponding to all the collected brushes in the brush collection bar, and in this case, the brush icons in the brush collection bar can be displayed by scrolling to enable the electronic device to display the brush icons that are not originally displayed in the brush collection bar.

[0228] Optionally, the user can continue to collect brushes by clicking the brush setting control in the fourth note interface. In response to clicking the brush setting control in the fourth note interface, the electronic device can display a fifth note interface. It can be understood that when the electronic device displays the fifth note interface, the number of brushes that have been collected is equal to the number of brush icons displayed at most in the brush collection bar.

[0229] For example, the fifth note interface can be the fifth note interface 19 as shown in FIG. 31. After the electronic device receives the operation of clicking the first brush setting control 1051 as shown in FIG. 3H, the electronic device can display the fifth note interface 19 as shown in FIG. 31. Alternatively, in response to the operation of clicking the first brush setting control 1051 as shown in FIG. 3H, the electronic device can display the fifth note interface 19 as shown in FIG. 31. Alternatively, the electronic device can detect the operation of clicking the first brush setting control 1051 as shown in FIG. 3H, and in response to the operation, the electronic device can display the fifth note interface 19 as shown in FIG. 31. The fifth note interface 19 can include a second brush setting area 109. Similar to the first brush setting area 107, the second brush setting area 109 can also include the favorite control, the brush thickness slider bar, and one or more color options, and different from the first brush setting area 107, the second brush setting area 109 can include a first brush category control 1091, a second brush category control 1092, and a third brush category control 1093. Among them, the brush category represented by the first brush category control 1091 is a ballpoint pen, the brush category represented by the second brush category control 1092 is a pen, and the brush category represented by the third brush category control 1093 is a pencil. As shown in FIG. 31, the second brush category control 1092 is in the selected state, which indicates that the user is currently using (or currently being used) a brush of the pen category (for example, a black pen of 0.38 mm), and the first brush category control 1091 and the third brush category control 1093 are in the unselected state, which indicates that the user is not currently using a brush of the ballpoint pen or pencil category.

[0230] It can be understood that the user can switch the brush of the corresponding category by clicking the brush category control described above. Alternatively, in response to clicking the brush category control in the fifth note interface, the electronic device can switch the brush and display a sixth note interface. The sixth note interface can include a favorite control. It can be understood that when the electronic device displays the sixth note interface, the number of brushes that have been collected is equal to the number of brush icons that can be displayed in the brush collection bar at most.

[0231] For example, the sixth note interface can be the sixth note interface 20 as shown in FIG. 3J. After the electronic device receives the operation of clicking the first brush category control 1091 as shown in FIG. 3I, the electronic device can display the sixth note interface 20 as shown in FIG. 3J. Alternatively, in response to the operation of clicking the first brush category control 1091 as shown in FIG. 3I, the electronic device can display the sixth note interface 20 as shown in FIG. 3J. Alternatively, the electronic device can detect the operation of clicking the first brush category control 1091 as shown in FIG. 3I, and in response to the operation, the electronic device can display the sixth note interface 20 as shown in FIG. 3J. It can be understood that the pattern of the first brush setting control 1051 in the sixth note interface 20 is different from the pattern of the first brush setting control 1051 in the fifth note interface 19, which indicates that the category of the currently used brush has changed. The sixth note interface 20 can include a second brush setting area 109. Different from the second brush setting area 109 in the fifth note interface 19, in the second brush setting area 109 in the sixth note interface, the first brush category control 1091 is in the selected state, while the second brush category control 1092 and the third brush category control 1093 are in the unselected state, which indicates that the currently used brush is a brush of the category of ballpoint pen, and specifically, a black ballpoint pen of 0.5 mm. Different from the brush collection bar 108 in the fifth note interface 19, in the brush collection bar 108 in the sixth note interface 20, no brush icon is in the selected state, which indicates that the currently used brush is not a collected brush. It can be understood that the forms of the brush category controls in the selected state and the unselected state as shown in FIG. 3I and FIG. 3J are only examples provided by the present application, and the brush category control in the selected state can also have other forms, and similarly, the brush category control in the unselected state can also have other forms, which are not limited by the present application.

[0232] Alternatively, the user can collect the currently used brush by clicking the collection control in the sixth note interface. In response to clicking the collection control in the sixth note interface, the currently used brush can be collected, and the electronic device can display a seventh note interface. It can be understood that when the electronic device displays the seventh note interface, the number of collected brushes is greater than the number of brush icons that can be displayed in the brush collection bar.

[0233] As shown in FIG. 3J, the second brush setting area in the sixth note interface can further include a collection control 1071. After the electronic device receives the operation of clicking the collection control 1071 as shown in FIG. 3J, the electronic device can display the seventh note interface 21 as shown in FIG. 3K. Alternatively, in response to the operation of clicking the collection control 1071 as shown in FIG. 3J, the electronic device can display the seventh note interface 21 as shown in FIG. 3K. Alternatively, the electronic device can detect the operation of clicking the collection control 1071 as shown in FIG. 3J, and in response to the operation, the electronic device can display the seventh note interface 21 as shown in FIG. 3K. Different from the sixth note interface 20, in the seventh note interface 21, the sixth brush icon 1087 is displayed in the brush collection bar 108, while the first brush icon 1082 is not displayed in the brush collection bar 108, and in the seventh note interface 21, the collection control 1071 included in the second brush setting area 109 is in a selected state, or the collection control 1071 included in the second brush setting area 109 is selected when the electronic device displays the seventh note interface, which indicates that the 0.5mm black ballpoint pen (i.e., the brush category is ballpoint pen, the brush thickness is 0.5mm, and the brush color is black) has been collected, and this brush is the brush corresponding to the sixth brush icon 1087, or the icon corresponding to this brush is the sixth brush icon 1087. It can be understood that in this case, 6 brushes have been collected, but since at most 5 brush icons can be displayed in the brush collection bar, in the seventh note interface, only the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, the fifth brush icon 1086, and the sixth brush icon 1087 are displayed in the brush collection bar 108, while the first brush icon 1082 is not displayed in the brush collection bar 108.

[0234] Alternatively, in response to the upward swiping operation on the seventh note interface, the brush icons in the brush collection bar can be displayed by scrolling upward, and the electronic device can display an eighth note interface. It can be understood that when the electronic device displays the eighth note interface, the number of brushes that have been collected is greater than the number of brush icons that can be displayed at most in the brush collection bar, and the brushes that have been collected when the electronic device displays the seventh note interface are the same as the brushes that have been collected when the electronic device displays the eighth note interface. However, the brush icons in the seventh note interface (or the brush icons displayed in the brush collection bar included in the seventh note interface) are not completely the same as the brush icons in the eighth note interface (or the brush icons displayed in the brush collection bar included in the eighth note interface), and it can also be understood that at least one brush icon in the eighth note interface is different from the brush icon in the seventh note interface.

[0235] For example, the eighth note interface can be the eighth note interface 22 as shown in FIG. 3L. After the electronic device receives the upward swiping operation on the brush collection bar 108 as shown in FIG. 3K, the electronic device can display the eighth note interface 22 as shown in FIG. 3L. Alternatively, in response to the upward swiping operation on the brush collection bar 108 as shown in FIG. 3K, the electronic device can display the eighth note interface 22 as shown in FIG. 3L. Alternatively, the electronic device can detect the upward swiping operation on the brush collection bar 108 as shown in FIG. 3K, and in response to the upward swiping operation, the electronic device can display the eighth note interface 22 as shown in FIG. 3L. The brush collection bar 108 in the eighth note interface 22 can include a part of the second brush icon 1083, a part of the sixth brush icon 1087, the third brush icon 1084, the fourth brush icon 1085, and the fifth brush icon 1086. That is, in the eighth note interface 22, a part of the second brush icon 1083 and a part of the sixth brush icon 1087 are displayed in the brush collection bar 108, and the third brush icon 1084, the fourth brush icon 1085, and the fifth brush icon 1086 are displayed completely in the brush collection bar 108.

[0236] Alternatively, further, in response to the upward swiping operation on the eighth note interface, the electronic device can display a ninth note interface. It can be understood that when the user swipes upward, the brush icons in the brush collection bar are displayed by scrolling. It can be understood that when the electronic device displays the ninth note interface, the number of the collected brush icons is greater than the number of the brush icons that can be displayed in the brush collection bar at most, and the brush icons that have been collected when the electronic device displays the ninth note interface are the same as the brush icons that have been collected when the electronic device displays the ninth note interface. However, the brush icons in the ninth note interface (or the brush icons displayed in the brush collection bar included in the ninth note interface) are not completely the same as the brush icons in the eighth note interface (or the brush icons displayed in the brush collection bar included in the eighth note interface), and it can also be understood that at least one brush icon in the ninth note interface is different from the brush icon in the eighth note interface.

[0237] For example, the ninth note interface can be the ninth note interface 23 as shown in FIG. 3M. After the electronic device displays the eighth note interface 22 as shown in FIG. 3L, the electronic device can continue to receive the upward swiping operation on the brush collection bar 108 as shown in FIG. 3L, and after receiving the upward swiping operation, display the ninth note interface 23 as shown in FIG. 3M. In the ninth note interface 23, the first brush icon 1082, the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, and the fifth brush icon 1086 can be displayed in the brush collection bar 108, and the zoom-out control 1081 can also be displayed in the brush collection bar 108, which is the same as the fourth note interface 18, the fifth note interface 19, and the sixth note interface 20. That is, the brush collection bar 108 in the ninth note interface 23 can include the first brush icon 1082, the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, and the fifth brush icon 1086, and can also include the zoom-out control 1081. Different from the fourth note interface 18 is that the pattern included in the first brush setting control 1051 in the fourth note interface 18 is the pattern corresponding to the pen, while the pattern included in the first brush setting control 1051 in the ninth note interface 23 is the pattern corresponding to the ballpoint pen, not the pattern corresponding to the pen.

[0238] 3、Electronic device displays brush collection bar being moved

[0239] Scenario one: In the case where the brush collection bar is in the minimized state, the electronic device displays the brush collection bar being moved (as shown in FIGS. 4A-4D).

[0240] In some embodiments of the present application, in the case where the brush collection bar is in the minimized state, in response to the operation of pressing and continuing to swipe on the brush collection bar (or the operation of pressing and moving on the brush collection bar), the electronic device can display the brush collection bar (or change the position of the brush collection bar on the display screen) along with the swiping operation, that is, the brush collection bar can be moved and displayed along with the swiping operation. In this case, the brush icons in the brush collection bar are not displayed by scrolling. That is, in the case where the brush collection bar is in the minimized state, after the electronic device receives the pressing operation on the brush collection bar and the operation of continuing to swipe without releasing the hand after the pressing operation, the brush collection bar can be moved and displayed, that is, the electronic device can display the brush collection bar along with the position of the finger moving, and the brush icons in the brush collection bar are not displayed by scrolling.

[0241] It can be understood that the brush icon in the brush collection bar being displayed by scrolling can also be referred to as an animation of the electronic device displaying the brush icon in the brush collection bar being scrolled (or the brush icon in the brush collection bar being scrolled), and similarly, the brush collection bar being displayed by moving can also be referred to as an animation of the electronic device displaying the brush collection bar being moved (or the brush collection bar being moved), and can also be referred to as the brush collection bar being moved.

[0242] Optionally, in response to the operation of clicking the miniaturization control in the brush collection bar, the electronic device can display a tenth note interface. The brush collection bar in the tenth note interface is in a minimized state. That is, before the electronic device receives the operation of clicking the miniaturization control in the brush collection bar, the electronic device displays the brush collection bar in an expanded state, and after the electronic device receives the operation of clicking the miniaturization control in the brush collection bar, the electronic device displays the brush collection bar in the minimized state. It should be noted that in some embodiments of the present application, the brush collection bar in the expanded state and the brush collection bar in the minimized state can be two controls. For example, the brush collection bar in the expanded state can be a first control, and the brush collection bar in the minimized state can be a second control.

[0243] For example, the tenth note interface can be the tenth note interface 30 shown in FIG. 4A. After the electronic device receives the operation of clicking the miniaturization control 1081 shown in FIG. 3K, the electronic device can display the tenth note interface 30 shown in FIG. 4A. Optionally, in response to the operation of clicking the miniaturization control 1081 shown in FIG. 3K, the electronic device can display the tenth note interface 30 shown in FIG. 4A. Optionally, the electronic device can detect the operation of clicking the miniaturization control 1081 shown in FIG. 3K, and in response to the operation, the electronic device can display the tenth note interface 30 shown in FIG. 4A. The tenth note interface 30 can include the brush collection bar 108. Different from the brush collection bar 108 in the note interface shown in FIGS. 3F-3M, which is in the expanded state, the brush collection bar 108 in the tenth note interface 30 is in the minimized state.

[0244] It can be understood that in response to the operation of clicking the miniaturization control (for example, the miniaturization control 1081) in other note interfaces (for example, FIGS. 3F-3J, 3L-3M), the electronic device can also display the brush collection bar in the minimized state, which is not limited in the present application.

[0245] In some embodiments of the present application, the brush collection bar in the minimized state can specifically include that the brush collection bar only includes one brush icon and does not include other controls or icons (for example, the miniaturization control). Of course, the brush collection bar in the minimized state can also have other forms of expression (for example, including other patterns), which is not limited in the present application.

[0246] Optionally, in response to the operation of pressing and sliding the brush collection bar in the tenth note interface, the electronic device can display that the brush collection bar is moved, and display an eleventh note interface. Further, in response to the operation of continuing to slide the brush collection bar in the eleventh note interface, the electronic device can continue to display that the brush collection bar is moved, and display a twelfth note interface.

[0247] In some embodiments of the present application, when the electronic device displays the eleventh note interface, the user stops the sliding operation (for example, the user lifts the hand after sliding), and on this basis, the user can press and slide the brush collection bar in the eleventh note interface, and in response to the operation, the electronic device can display that the brush collection bar is moved, and the electronic device displays the twelfth note interface.

[0248] In some embodiments of the present application, when the electronic device displays that the brush collection bar is moved, and displays the eleventh note interface, the user still does not stop the sliding operation, but continues to slide to an end touch point and lifts the hand, and in response to the operation, the electronic device can display that the brush collection bar is moved to the end touch point, and display the twelfth note interface. The eleventh note interface can be understood as the note interface displayed by the electronic device in the process of the user's finger sliding.

[0249] For ease of description, the present application will record the touch point when the sliding starts (or the starting point of the sliding, or the touch point when the pressing starts) in the operation of pressing and sliding the brush collection bar as the starting touch point, and record the touch point when the sliding ends (or the ending point of the sliding) as the end touch point.

[0250] For example, the eleventh note interface can be the eleventh note interface 31 as shown in FIG. 4B. After the electronic device receives the sliding operation of the starting touch point on the brush collection bar 108 as shown in FIG. 4A (for example, the finger falls on the brush collection bar 108 and continues to slide without lifting the hand), the electronic device can display the eleventh note interface 31 as shown in FIG. 4B. As described above, the sliding operation of the starting touch point on the brush collection bar 108 can also be understood as the operation of pressing and sliding the brush collection bar. Alternatively, in response to the sliding operation of the starting touch point on the brush collection bar 108 as shown in FIG. 4A, the electronic device can display the eleventh note interface 31 as shown in FIG. 4B. Alternatively, the electronic device can detect the sliding operation of the starting touch point on the brush collection bar 108 as shown in FIG. 4A, and in response to the sliding operation, the electronic device can display the eleventh note interface 31 as shown in FIG. 4B. It can be understood that the eleventh note interface 31 can be the note interface displayed by the electronic device during the sliding of the user's finger. As shown in FIG. 4B, during the sliding of the user's finger, the position of the user's finger touching the display screen changes, and in response to the operation, the electronic device can display that the brush collection bar 108 is moved, in which case the position of the brush collection bar 108 displayed by the electronic device also changes. The position of the brush collection bar 108 shown in FIG. 4B is different from the position of the brush collection bar 108 shown in FIG. 4A.

[0251] For example, the twelfth note interface can be the twelfth note interface 32 as shown in FIG. 4C. After the user's finger slides to the position as shown in FIG. 4B, the user can continue to slide. When the user's finger slides to the end touch point, the electronic device can display the twelfth note interface 32 as shown in FIG. 4C. Alternatively, after the electronic device receives the sliding operation that continues to act on the brush collection bar 108 as shown in FIG. 4B, the electronic device can display the twelfth note interface 32 as shown in FIG. 4C. Alternatively, in response to the sliding operation that continues to act on the brush collection bar 108 as shown in FIG. 4B, the electronic device can display the twelfth note interface 32 as shown in FIG. 4C. Alternatively, the electronic device can detect the sliding operation that continues to act on the brush collection bar 108 as shown in FIG. 4B, and in response to the sliding operation, the electronic device can display the twelfth note interface 32 as shown in FIG. 4C. It can be understood that the twelfth note interface 32 is the note interface displayed by the electronic device when the sliding is ended. As described above, during the process of the user's finger continuing to slide, the touch position of the finger on the display screen changes, and in response to the operation, the electronic device can display that the brush collection bar 108 is moved, so that the position of the brush collection bar 108 displayed by the electronic device also changes. As shown in FIG. 4C, when the user's finger slides to the end touch point, the electronic device can display the brush collection bar 108 at the end touch point. It can be understood that the position of the brush collection bar 108 when the sliding is ended (for example, the position of the brush collection bar 108 as shown in FIG. 4C) is different from the position of the brush collection bar 108 during the sliding process (for example, the position of the brush collection bar 108 as shown in FIG. 4B).

[0252] It can be understood that after the user's finger slides to the end touch point, the user can lift the finger to end the sliding. In some embodiments of the present application, if the electronic device displays that the brush collection bar is moved (or the position of the brush collection bar is changed) before the brush collection bar is in the minimized state, after the user ends the sliding, the brush collection bar is still in the minimized state. For example, as shown in FIG. 4D, after the sliding is ended (or the user slides to the end touch point and lifts the finger), the electronic device can still display the brush collection bar 108 in the minimized state, that is, the electronic device can display the twelfth note interface 32 as shown in FIG. 4D, and the brush collection bar 108 in the twelfth note interface 32 is still in the minimized state, and the brush collection bar 108 is not changed from the minimized state to the expanded state.

[0253] Scenario two: In the case that the brush collection bar is in the expanded state and the number of the brushes that have been collected is less than or equal to a, the electronic device displays that the brush collection bar is moved (as shown in FIGS. 5A-5D).

[0254] In some embodiments of the present application, in the case that the brush collection bar is not in the minimized state but in the expanded state, and the number of brushes that have been collected is less than or equal to a, in response to the operation of pressing and then sliding on the brush collection bar (or the operation of pressing and sliding on the brush collection bar), the electronic device can display that the brush collection bar is moved, i.e. the brush collection bar is displayed along with the position of the user's finger sliding, in which case the brush icons in the brush collection bar are not displayed by scrolling. That is, in the case that the brush collection bar is not in the minimized state but in the expanded state, and the number of brushes that have been collected is less than or equal to a, after the electronic device receives the operation of pressing on the brush collection bar and the operation of sliding after the pressing operation, the electronic device can display the brush collection bar after the position of the brush collection bar is changed.

[0255] It can be understood that, as the user's finger slides (or moves / drag), the position of the brush collection bar displayed on the display screen also changes accordingly. In some embodiments of the present application, during the user's finger sliding, the electronic device displays that the brush collection bar is moved. In some embodiments of the present application, during the user's finger sliding, the brush collection bar can be changed from the expanded state to the minimized state, and the electronic device can display that the brush collection bar in the minimized state is moved (or the brush collection bar in the minimized state is moved). The process of changing the brush collection bar from the expanded state to the minimized state is also referred to as the process of minimizing the brush collection bar.

[0256] As described above, in the case that the icons corresponding to the brushes that have been collected are all displayed in the brush collection bar, the electronic device can display the third note interface. Alternatively, in response to the operation of pressing and sliding on the brush collection bar in the third note interface, the electronic device can display that the brush collection bar is moved, and display the thirteenth note interface. Further, in response to the operation of continuing to slide on the brush collection bar in the thirteenth note interface, the electronic device can continue to display that the brush collection bar is moved, and display the fourteenth note interface.

[0257] In some embodiments of the present application, when the electronic device displays the thirteenth note interface, the user still does not stop the sliding operation, but continues to slide to the end touch point and lifts the hand. In response to the operation, the electronic device can display that the brush collection bar is moved to the end touch point, and display the fourteenth note interface. In a possible implementation manner, after the user ends this sliding (moves to the end touch point and lifts the hand), the electronic device still displays the fourteenth note interface. In this case, the thirteenth note interface can be understood as the note interface displayed by the electronic device in the process of the user's finger sliding (or, can be the note interface displayed by the electronic device in the process of the brush collection bar being moved), and the fourteenth note interface can be understood as the note interface displayed by the electronic device when the user ends the sliding (or, can be the note interface displayed by the electronic device when the brush collection bar is stopped being moved). In another possible implementation manner, after the user ends this sliding (moves to the end touch point and lifts the hand), the electronic device can display the fifteenth note interface. The brush collection bar in the fourteenth note interface is in a minimized state, and the brush collection bar in the fifteenth note interface is in an unfolded state. In this case, the thirteenth note interface can be understood as the note interface displayed by the electronic device in the process of the user's finger sliding (or, can be the note interface displayed by the electronic device in the process of the brush collection bar being moved), the fourteenth note interface can be understood as the note interface displayed by the electronic device when the user ends the sliding (or, can be the note interface displayed by the electronic device when the brush collection bar is stopped being moved), and the fifteenth note interface can be understood as the note interface displayed by the electronic device after the user ends the sliding and lifts the hand (or, can be the note interface displayed by the electronic device after the brush collection bar is stopped being moved).

[0258] For example, the third note interface can be the third note interface 17 as shown in FIG. 5A, and the thirteenth note interface can be the thirteenth note interface 40 as shown in FIG. 5B. The brush collection bar 108 in the third note interface 17 includes three brush icons, i.e., the first brush icon 1082, the second brush icon 1083, and the third brush icon 1084, and further includes the zoom-out control 1081. After the electronic device receives the sliding operation of the starting touch point on the brush collection bar 108 as shown in FIG. 5A (for example, the finger falls on the brush collection bar 108 and continues to slide without lifting the hand), the electronic device can display the thirteenth note interface 40 as shown in FIG. 5B. As described above, the sliding operation of the starting touch point on the brush collection bar 108 can also be understood as the operation of pressing and sliding the brush collection bar. Alternatively, in response to the sliding operation of the starting touch point on the brush collection bar 108 as shown in FIG. 5A, the electronic device can display the thirteenth note interface 40 as shown in FIG. 5B. Alternatively, the electronic device can detect the sliding operation of the starting touch point on the brush collection bar 108 as shown in FIG. 5A, and in response to the sliding operation, the electronic device can display the thirteenth note interface 40 as shown in FIG. 5B. It can be understood that the thirteenth note interface 40 is the note interface displayed by the electronic device during the sliding of the user's finger. The brush collection bar 108 in the thirteenth note interface 40 is in a minimized state, and only includes the third brush icon 1084, but does not include the first brush icon 1082, the second brush icon 1083, and the zoom-out control 1081. That is, the third brush icon 1084 is displayed in the brush collection bar 108 of the thirteenth note interface 40, but the first brush icon 1082, the second brush icon 1083, and the zoom-out control 1081 are not displayed in the brush collection bar 108 of the thirteenth note interface 40. As shown in FIG. 5B, during the sliding of the user's finger, the position of the user's finger touching the display screen (or the position of the touch point) changes, and accordingly, the position of the brush collection bar 108 displayed by the electronic device (or the position of the brush collection bar 108 displayed on the display screen of the electronic device) also changes. The position of the brush collection bar 108 shown in FIG. 5B is different from the position of the brush collection bar 108 shown in FIG. 5A.

[0259] For example, the fourteenth note interface can be the fourteenth note interface 41 as shown in FIG. 5C. After the user's finger slides to the position as shown in FIG. 5B, the sliding can continue. When the user's finger slides to the end touch point, the electronic device can display the fourteenth note interface 41 as shown in FIG. 5C. Alternatively, after the electronic device receives the sliding operation that continues to act on the brush collection bar 108 as shown in FIG. 5B, the electronic device can display the fourteenth note interface 41 as shown in FIG. 5C. Alternatively, in response to the sliding operation that continues to act on the brush collection bar 108 as shown in FIG. 5B, the electronic device can display the fourteenth note interface 41 as shown in FIG. 5C. Alternatively, the electronic device can detect the sliding operation that continues to act on the brush collection bar 108 as shown in FIG. 5B, and in response to the sliding operation, the electronic device can display the fourteenth note interface 41 as shown in FIG. 5C. It can be understood that the fourteenth note interface 41 is the note interface displayed by the electronic device when the user ends the sliding. As with the thirteenth note interface 40, the brush collection bar 108 in the fourteenth note interface 41 is in the minimized state, and only includes the third brush icon 1084, but does not include the first brush icon 1082, the second brush icon 1083, and the zoom-out control 1081. That is, the third brush icon 1084 is displayed in the brush collection bar 108 of the fourteenth note interface 41, while the first brush icon 1082, the second brush icon 1083, and the zoom-out control 1081 are not displayed in the brush collection bar 108 of the fourteenth note interface 41. Also, as described above, during the process of the user's finger continuing to slide, the touch position of the finger on the display screen changes, and accordingly, the position of the brush collection bar 108 displayed on the display screen also changes. As shown in FIG. 5C, when the user's finger slides to the end touch point, the electronic device can display the brush collection bar 108 at the end touch point. It can be understood that the position of the brush collection bar 108 when the sliding ends (for example, the position of the brush collection bar 108 as shown in FIG. 5C) is different from the position of the brush collection bar 108 during the sliding process (for example, the position of the brush collection bar 108 as shown in FIG. 5B).

[0260] It can be understood that after the user's finger slides to the end touch point, the user can lift the finger to end the sliding. As described above, in some embodiments of the present application, if the electronic device displays the brush collection bar being moved (or the position of the brush collection bar displayed on the display screen being changed) before the brush collection bar is in the minimized state, but is in the expanded state, then regardless of whether the brush collection bar is moved in the minimized state during the user's sliding, after the user ends the sliding, the electronic device displays the brush collection bar in the expanded state.

[0261] For example, the fifteenth note interface can be the fifteenth note interface 42 as shown in FIG. 5D. After the user ends the sliding (or the user slides to the end touch point and lifts the hand), the brush collection bar 108 is changed from the minimized state to the expanded state, and the electronic device can display the fifteenth note interface 42. The fifteenth note interface 42 is the note interface displayed by the electronic device after the user ends the sliding. The brush collection bar 108 in the fifteenth note interface 42 includes the zoom-out control 1081, the first brush icon 1082, the second brush icon 1083, and the third brush icon 1084, that is, the brush collection bar 108 displayed by the electronic device at this time is exactly the same as the brush collection bar 108 before the position change (the brush collection bar 108 in the third note interface 17 as shown in FIG. 5A). It can be understood that the exact same mentioned herein includes the same size, the same content, and the same arrangement of the content of the brush collection bar 108.

[0262] In some embodiments of the present application, during the sliding of the user's finger, the electronic device can display an animation corresponding to the process of minimizing the brush collection bar (which can be referred to as the animation of minimizing the brush collection bar), and then display the brush collection bar after the position change.

[0263] For example, after the electronic device receives the operation of tapping and sliding the brush collection bar 108 as shown in FIG. 5A (or the sliding operation of the starting touch point on the brush collection bar 108), the electronic device can display the animation of minimizing the brush collection bar 108, and after displaying the animation, the electronic device can display the brush collection bar 108 being moved. It can be understood that during the process of the electronic device displaying the brush collection bar 108 being moved, the electronic device can display the note interface including the brush collection bar 108 with the corresponding position change. During the process of the electronic device displaying the animation of minimizing the brush collection bar 108, the position of the brush collection bar 108 displayed by the electronic device can not change, and only the size changes.

[0264] Of course, the electronic device can also display the animation of minimizing the brush collection bar during the process of displaying the brush collection bar being moved, which is not limited in the present application.

[0265] Scenario three: In the case that the brush collection bar is in the expanded state and the number of the collected brush is greater than a, the electronic device displays the brush collection bar being moved or the brush icons in the brush collection bar being scrolled (as shown in FIGS. 6A-6D, 7A-7I, 8A-8H).

[0266] In some embodiments of the present application, when the brush collection bar is not in the minimized state but in the expanded state, and the number of brushes that have been collected is greater than a, in response to an operation of pressing and then sliding on the brush collection bar (or an operation of pressing and sliding on the brush collection bar), the electronic device can display that the brush collection bar is moved (or the display position of the brush collection bar is changed, or the position of the brush collection bar displayed on the display screen is changed) or display that the brush icons in the brush collection bar are scrolled (or the brush icons displayed in the brush collection bar are changed, and the position of the brush icons displayed in the brush collection bar is changed).

[0267] It can be understood that, when the brush collection bar is in the expanded state and the number of brushes that have been collected is greater than a, for the user operation of sliding after pressing on the brush collection bar, the electronic device can adopt two response modes (or processing modes), one is that the entire brush collection bar is moved, and the other is that the brush icons in the brush collection bar are scrolled. That is, the operation of sliding after pressing on the brush collection bar by the user can cause the brush icons in the brush collection bar to be scrolled and displayed, or the entire brush collection bar to be moved, or it can also be understood that scrolling the brush icons in the brush collection bar and moving the entire brush collection bar can be triggered by the pressing operation and the sliding operation after pressing on the brush collection bar. In this case, the electronic device is difficult to respond to the user operation of sliding after pressing on the brush collection bar in a manner that meets the user's expectation, that is, the electronic device is difficult to determine whether the user expects to scroll the brush icons in the brush collection bar or move the entire brush collection bar. In the embodiments of the present application, the electronic device can identify the user's intention based on the sliding direction and / or the sliding distance, and more accurately adopt a response mode that meets the user's intention.

[0268] In some embodiments of the present application, when the brush collection bar is in the expanded state and the number of brushes that have been collected is greater than a, if the sliding angle meets the first angle condition or the sliding distance meets the first distance condition, in response to the operation of pressing and sliding on the brush collection bar, the electronic device can display that the brush collection bar is moved, or the position of the brush collection bar displayed on the display screen is changed. That is, the electronic device can display the brush collection bar along with the position of the user pressing and sliding on the brush collection bar. And, the brush icons displayed in the brush collection bar are consistent before and after the position of the brush collection bar displayed on the display screen is changed. It can be understood that the specific meanings of the sliding angle, the sliding distance, the first angle condition and the first distance condition can be referred to below, and the present application will not be described here.

[0269] It should be noted that the sliding angle satisfying the first angle condition or the sliding distance satisfying the first distance condition can also mean that any one of the following two conditions is satisfied: (1) the sliding angle satisfies the first angle condition, and (2) the sliding distance satisfies the first distance condition.

[0270] As described above, in some embodiments of the present application, the brush collection bar can be changed from the expanded state to the minimized state during the sliding of the user's finger, and the brush collection bar can be displayed in the minimized state. After the sliding is ended, the brush collection bar can be changed from the minimized state to the expanded state.

[0271] It should be noted that in the examples related to FIGS. 6A-6D, 7A-7I, and 8A-8H in scenario three, a = 5, b = 10, and 8 brushes have been collected. In some embodiments of the present application, the 8 brushes that have been collected are (arranged in chronological order of collection time): a 10 mm black marker, a 5 mm black marker, a 0.38 mm black pen, a 0.5 mm black pencil, a 0.38 mm black ballpoint pen, a 0.5 mm black ballpoint pen, a 0.8 mm black pencil, and a 0.5 mm black pen. Among them, as described above, the 10 mm black marker corresponds to the first brush icon 1082, the 5 mm black marker corresponds to the second brush icon 1083, the 0.38 mm black pen corresponds to the third brush icon 1084, the 0.5 mm black pencil corresponds to the fourth brush icon 1085, the 0.38 mm black ballpoint pen corresponds to the fifth brush icon 1086, the 0.5 mm black ballpoint pen corresponds to the sixth brush icon 1087, the 0.8 mm black pencil corresponds to the seventh brush icon 1088, and the 0.5 mm black pen corresponds to the eighth brush icon 1089. It can be understood that in the case that the above 8 brushes have been collected, the electronic device can display the ninth note interface 23 (as shown in FIGS. 6A, 7A, and 8A). The brush collection bar 108 in the ninth note interface 23 can include the zoom-out control 1081, the first brush icon 1082, the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, and the fifth brush icon 1086. That is, the zoom-out control 1081, the first brush icon 1082, the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, and the fifth brush icon 1086 can be displayed in the brush collection bar 108 of the ninth note interface 23.

[0272] As described above, in the case that the icons corresponding to the collected brushes are not all displayed in the brush collection bar (or the number of the collected brushes is greater than the number of the brush icons that can be displayed in the brush collection bar at most), the electronic device can display the ninth note interface. Alternatively, in response to the operation of pressing the brush collection bar in the third note interface and sliding (or moving / dragging) along the first sliding direction, based on the fact that the included angle between the ray along the first sliding direction and the ray along the preset direction satisfies the first angle condition, the electronic device can display that the brush collection bar is moved, i.e., the position of the brush collection bar displayed on the display screen is changed, and display the sixteenth note interface. Further, in response to the continuous sliding operation on the brush collection bar in the sixteenth note interface, the electronic device can continue to display that the brush collection bar is moved, and display the seventeenth note interface. The included angle between the ray along the first sliding direction and the ray along the preset direction is the sliding angle when sliding along the first sliding direction.

[0273] In some embodiments of the present application, when the electronic device displays the sixteenth note interface, the user still does not stop the sliding operation, but continues to slide to the end touch point and lifts the hand. In response to this operation, the electronic device can display that the brush collection bar is moved to the end touch point, and display the seventeenth note interface.

[0274] In a possible implementation, after the user ends this sliding (for example, the user's finger slides to the end touch point and lifts the hand), the electronic device still displays the seventeenth note interface. In this case, the sixteenth note interface can be understood as the note interface displayed by the electronic device in the process of moving the brush collection bar, the seventeenth note interface can be understood as the note interface displayed by the electronic device when the moving of the brush collection bar is ended, and the note interface displayed by the electronic device after the moving of the brush collection bar is ended. In another possible implementation, after the user ends this sliding (for example, the user's finger slides to the end touch point and lifts the hand), the electronic device can display the eighteenth note interface. The brush collection bar in the seventeenth note interface is in a minimized state, and the brush collection bar in the eighteenth note interface is in an unfolded state. In this case, the sixteenth note interface can be understood as the note interface displayed by the electronic device in the process of moving the brush collection bar, the seventeenth note interface can be understood as the note interface displayed when the moving of the brush collection bar is stopped, and the eighteenth note interface can be understood as the note interface displayed after the moving of the brush collection bar is stopped.

[0275] For example, the first sliding direction is a horizontal direction, the ninth note interface can be the ninth note interface 23 as shown in FIG. 6A, and the sixteenth note interface can be the sixteenth note interface 50 as shown in FIG. 6B. In some embodiments of the present application, the horizontal direction can be the positive direction of the x-axis. After the electronic device receives the sliding operation of the starting touch point on the brush collection bar 108 along the horizontal direction as shown in FIG. 6A, the electronic device can display the sixteenth note interface 50 as shown in FIG. 6B. Alternatively, in response to the sliding operation (or the operation of pressing the brush collection bar 108 and sliding along the horizontal direction) of the starting touch point on the brush collection bar 108 along the horizontal direction as shown in FIG. 6A, the electronic device can display the sixteenth note interface 50 as shown in FIG. 6B. Alternatively, the electronic device can detect the sliding operation of the starting touch point on the brush collection bar 108 along the horizontal direction as shown in FIG. 6A, and in response to the sliding operation, the electronic device can determine that the sliding angle meets the first angle condition and display that the brush collection bar 108 is moved. During the movement of the brush collection bar 108, the electronic device can display the sixteenth note interface 50 as shown in FIG. 6B. That is, as shown in FIG. 6B, when the user's finger slides to the ending touch point, the electronic device can display the sixteenth note interface 50. The brush collection bar 108 in the sixteenth note interface 50 only includes the icon corresponding to the brush (or the brush that is most recently collected) that the user most recently collects, i.e., the eighth brush icon 1089, and does not include other brush icons and the zoom-out control 1081. That is, the eighth brush icon 1089 can be displayed in the brush collection bar 108 of the sixteenth note interface 50, and other brush icons and the zoom-out control 1081 are not displayed in the brush collection bar 108 of the sixteenth note interface 50. As shown in FIG. 6B, during the sliding of the user's finger, the position of the touch point (or the position of the touch point, or the position of the sliding track point) of the user's finger on the display screen changes, and the electronic device can display the brush collection bar 108 according to the changed touch position, that is, the position of the brush collection bar 108 displayed on the display screen also changes accordingly. The position of the brush collection bar 108 shown in FIG. 6B is different from the position of the brush collection bar 108 shown in FIG. 6A.

[0276] For example, the seventeenth note interface can be the seventeenth note interface 51 as shown in FIG. 6C. After the user's finger slides to the position as shown in FIG. 6B, the sliding can continue. When the user's finger slides to the end touch point, the electronic device can display the seventeenth note interface 51 as shown in FIG. 6C. Alternatively, after the electronic device receives the sliding operation as shown in FIG. 6B that continues to act on the brush collection bar 108, the electronic device can display the seventeenth note interface 51 as shown in FIG. 6C. Alternatively, in response to the sliding operation as shown in FIG. 6B that continues to act on the brush collection bar 108, the electronic device can display the seventeenth note interface 51 as shown in FIG. 6C. Alternatively, the electronic device can detect the sliding operation as shown in FIG. 6B that continues to act on the brush collection bar 108, and in response to the sliding operation, the electronic device can display the seventeenth note interface 51 as shown in FIG. 6C. It can be understood that the seventeenth note interface 51 is the note interface displayed by the electronic device when the user ends the sliding. As with the sixteenth note interface 50, the brush collection bar 108 in the seventeenth note interface 51 only includes the third brush icon 1084, and does not include the first brush icon 1082, the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, the fifth brush icon 1086, and the zoom-out control 1081. That is, the third brush icon 1084 can be displayed in the brush collection bar 108 of the seventeenth note interface 51, while the first brush icon 1082, the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, the fifth brush icon 1086, and the zoom-out control 1081 are not displayed in the brush collection bar 108 of the seventeenth note interface 51. Also, as described above, during the process of the user's finger continuing to slide, the position of the finger on the display screen changes, and accordingly, the position of the brush collection bar 108 displayed on the display screen also changes. As shown in FIG. 6C, when the user's finger slides to the end touch point, the electronic device can display the brush collection bar 108 at the end touch point. It can be understood that the position of the brush collection bar 108 at the end of the sliding (e.g., the position of the brush collection bar 108 as shown in FIG. 6C) is different from the position of the brush collection bar 108 during the sliding (e.g., the position of the brush collection bar 108 as shown in FIG. 6B).

[0277] It can be understood that after the user's finger slides to the end touch point, the user can lift the hand to end the sliding. For example, the eighteenth note interface can be the eighteenth note interface 52 as shown in FIG. 6D. As shown in FIG. 6D, after the user ends the sliding (or the user slides to the end touch point and lifts the hand), the brush collection bar 108 is changed from the minimized state to the expanded state, and the electronic device can display the eighteenth note interface 52. The eighteenth note interface 52 is the note interface displayed by the electronic device after the user ends the sliding. The brush collection bar 108 in the eighteenth note interface 52 includes the zoom-out control 1081, the first brush icon 1082, the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, and the fifth brush icon 1086, that is, the brush collection bar 108 displayed by the electronic device at this time is exactly the same as the brush collection bar 108 before the position change (the brush collection bar 108 in the ninth note interface 23 as shown in FIG. 6A). It can be understood that the exactly the same mentioned herein includes that the size of the brush collection bar 108 is the same, the content is the same, and the arrangement of the content is also the same.

[0278] In some embodiments of the present application, in the case that the brush collection bar is in the expanded state and the number of the brushes that have been collected is greater than a, if the sliding angle does not satisfy the first angle condition and the sliding distance does not satisfy the first distance condition, in response to the operation of pressing and sliding the brush collection bar, the brush icons in the brush collection bar can be displayed by scrolling, that is, the electronic device can display the brush collection bar in which the included brush icons change.

[0279] For example, the electronic device can receive an operation of pressing the brush collection bar and sliding (or moving / dragging) the brush collection bar by a first distance along a second sliding direction. It can be understood that the angle between the ray along the second sliding direction and the ray along the preset direction is the sliding angle when sliding along the second sliding direction, and the sliding angle does not satisfy the first angle condition, and the first distance does not satisfy the first distance condition. In the case that the brush collection bar is in the expanded state and the number of the brushes that have been collected is greater than a, before receiving the operation of pressing the brush collection bar and sliding the brush collection bar by the first distance along the second sliding direction, the brush collection bar displayed by the electronic device can include a first group of brush icons (or the first group of brush icons is displayed in the brush collection bar), and after receiving the operation of pressing the brush collection bar and sliding the brush collection bar by the first distance along the second sliding direction, the brush collection bar displayed by the electronic device can include a second group of brush icons (or the second group of brush icons is displayed in the brush collection bar).

[0280] It can be understood that the brushes that have been collected when the first set of brush icons are displayed in the brush collection bar are the same as the brushes that have been collected when the second set of brush icons are displayed in the brush collection bar, and the first set of brush icons and the second set of brush icons at least include one different brush icon, and the brushes corresponding to the first set of brush icons and the brushes corresponding to the second set of brush icons are all brushes that have been collected.

[0281] In some embodiments of the present application, when the brush collection bar is in the expanded state and the number of brushes that have been collected is greater than a, no matter whether the brush icons in the brush collection bar can continue to be displayed in the direction in which they were previously displayed, the electronic device can determine whether the entire brush collection bar is moved to be displayed or the brush icons in the brush collection bar are scrolled to be displayed based on whether the sliding angle meets the first angle condition and / or whether the sliding distance meets the first distance condition.

[0282] For example, the last brush icon is displayed in the brush collection bar, and the brush icons in the brush collection bar cannot continue to be scrolled in the direction in which they were previously displayed. In the case where the last brush icon is displayed in the brush collection bar, the user can continue to slide, and if the sliding angle meets the first angle condition or the sliding distance meets the first distance condition, the electronic device can display that the brush collection bar is moved, and the brush icons in the brush collection bar are not scrolled to be displayed, and if the sliding angle does not meet the first angle condition and the sliding distance does not meet the first distance condition, the brush icons in the brush collection bar are not scrolled to be displayed in the direction in which they were previously displayed.

[0283] In yet some embodiments of the present application, when the brush collection bar is in the expanded state and the number of brushes that have been collected is greater than a, if the brush icons in the brush collection bar can continue to be scrolled in the direction in which they were previously displayed, the electronic device can determine whether the entire brush collection bar is moved to be displayed or the brush icons in the brush collection bar are scrolled to be displayed based on whether the sliding angle meets the first angle condition and / or whether the sliding distance meets the first distance condition (the specific manner can be referred to above), and if the brush icons in the brush collection bar cannot continue to be scrolled in the direction in which they were previously displayed, the electronic device no longer determines whether the entire brush collection bar is moved to be displayed based on whether the sliding angle meets the first angle condition and / or whether the sliding distance meets the first distance condition.

[0284] In a possible implementation, if the brush icons in the brush collection bar cannot continue to be displayed in the direction in which the brush icons were previously displayed, the electronic device can determine whether the entire brush collection bar is displayed based on whether the sliding angle meets the second angle condition and whether the sliding distance meets the second distance condition. Specifically, if the sliding angle meets the second angle condition and the sliding distance meets the second distance condition, the electronic device can display that the brush collection bar is moved, and if the sliding angle does not meet the second angle condition or the sliding distance does not meet the second distance condition, the brush collection bar is not displayed.

[0285] For example, when the last brush icon is displayed in the brush collection bar, the brush icons in the brush collection bar cannot continue to be displayed in the direction in which the brush icons were previously displayed. In the case where the last brush icon is displayed in the brush collection bar, the user can continue to slide, and if the sliding angle meets the second angle condition and the sliding distance meets the second distance condition, the electronic device can display that the brush collection bar is moved, and the brush icons in the brush collection bar are not displayed, and if the sliding angle does not meet the second angle condition or the sliding distance does not meet the second distance condition, the brush icons in the brush collection bar are not displayed in the direction in which the brush icons were previously displayed, and the brush collection bar is not displayed.

[0286] For example, when the user slides to an area outside the brush collection bar and continues to slide, the brush icons in the brush collection bar cannot continue to be displayed. In the case where the user slides to an area outside the brush collection bar, the user can continue to slide, and if the sliding angle meets the second angle condition and the sliding distance meets the second distance condition, the electronic device can display that the brush collection bar is moved, and the brush icons in the brush collection bar are not displayed, and if the sliding angle does not meet the second angle condition or the sliding distance does not meet the second distance condition, the brush icons in the brush collection bar are not displayed in the direction in which the brush icons were previously displayed, and the brush collection bar is not displayed.

[0287] In some embodiments of the present application, the sliding angle meeting the second angle condition can mean that the sliding direction is similar to the direction in which the brush icons in the brush collection bar were previously displayed, and / or that the sliding direction is similar to the original sliding direction (such as the sliding direction when the brush icons in the brush collection bar are stopped from being displayed). In some other embodiments of the present application, the sliding angle meeting the second angle condition can mean that the sliding direction is greatly different from the direction in which the brush icons in the brush collection bar are displayed (for example, the direction in which the brush icons in the brush collection bar were previously displayed, or the opposite direction of the direction in which the brush icons in the brush collection bar were previously displayed).

[0288] It can be understood that the specific meanings of the second angle condition and the second distance condition can be referred to below, and the present application does not expand on this.

[0289] It can be understood that in the case that the direction of the brush icons being scrolled is different, the last brush icon in the brush gallery displayed by the electronic device can be different.

[0290] For example, in the case that the icons in the brush gallery are distributed in portrait, and the icons corresponding to the brushes that are collected later are distributed at the bottom of the brush gallery, in response to a corresponding operation (e.g., an operation of pressing and sliding down the brush gallery) on the brush gallery, the brush icons in the brush gallery can be scrolled down, in which case the positions of the brush icons originally displayed in the brush gallery move down, the brush icons corresponding to the brushes that are collected and originally not displayed in the brush gallery are displayed in the brush gallery, and their positions also move down along with the operation of sliding down, until the electronic device displays the last brush icon in the brush gallery, at this time, the last brush icon is the icon corresponding to the brush that is collected latest, which is distributed at the top of the brush gallery. That is, the brush icons in the brush gallery can be scrolled down and displayed until the icon corresponding to the brush that is collected latest is displayed at the top of the brush gallery. Similarly, in response to a corresponding operation (e.g., an operation of pressing and sliding up the brush gallery) on the brush gallery, the brush icons in the brush gallery can be scrolled up and displayed, in which case the positions of the brush icons originally displayed in the brush gallery move up, the brush icons corresponding to the brushes that are collected and originally not displayed in the brush gallery are displayed in the brush gallery, and their positions also move up along with the operation of sliding up, until the electronic device displays the last brush icon in the brush gallery, at this time, the last brush icon is the icon corresponding to the brush that is collected earliest, which is distributed at the bottom of the brush gallery. That is, the brush icons in the brush gallery can be scrolled up and displayed until the icon corresponding to the brush that is collected earliest is displayed at the bottom of the brush gallery.

[0291] For another example, in the case that the icons in the brush collection bar are horizontally distributed, and the icons corresponding to the brushes that are collected later are distributed in the right part of the brush collection bar, in response to a corresponding operation (e.g., an operation of pressing and swiping leftward on the brush collection bar) performed on the brush collection bar, the brush icons in the brush collection bar of the electronic device can be displayed by scrolling leftward, in which case, the positions of the brush icons that are originally displayed in the brush collection bar move leftward, the brush icons corresponding to the brushes that are originally not displayed in the brush collection bar but have been collected are displayed in the brush collection bar, and the positions of the brush icons also move leftward along with the swiping leftward operation, until the last brush icon in the brush collection bar of the electronic device is displayed, at which time, the last brush icon is the icon corresponding to the brush that is collected latest, which is distributed in the rightmost part of the brush collection bar. That is, the brush icons in the brush collection bar can be displayed by scrolling leftward until the icon corresponding to the brush that is collected latest is displayed in the rightmost part of the brush collection bar. Similarly, in response to a corresponding operation (e.g., an operation of pressing and swiping rightward on the brush collection bar) performed on the brush collection bar, the brush icons in the brush collection bar can be displayed by scrolling rightward, in which case, the positions of the brush icons that are originally displayed in the brush collection bar move rightward, the brush icons corresponding to the brushes that are originally not displayed in the brush collection bar but have been collected are displayed in the brush collection bar, and the positions of the brush icons also move rightward along with the swiping rightward operation, until the last brush icon in the brush collection bar of the electronic device is displayed, at which time, the last brush icon is the icon corresponding to the brush that is collected earliest, which is distributed in the leftmost part of the brush collection bar. That is, the brush icons in the brush collection bar can be displayed by scrolling rightward until the icon corresponding to the brush that is collected earliest is displayed in the leftmost part of the brush collection bar.

[0292] It can be understood that the last brush icon displayed in the brush collection bar of the electronic device can be determined based on the distribution form or distribution rule of the brush icons in the brush collection bar. This means that in the case that the brush icons in the brush collection bar adopt other distribution forms and / or other distribution rules, the last brush icon displayed in the brush collection bar of the electronic device can change.

[0293] The above is described in detail below with reference to FIGS. 7A-7I, taking the case that the last brush icon is displayed in the brush collection bar and the brush icons in the brush collection bar cannot continue to be displayed by scrolling in the direction in which they were previously displayed as an example.

[0294] I. During the entire swiping process, the electronic device can determine whether the entire brush collection bar is moved and displayed or the brush icons in the brush collection bar are displayed by scrolling based on whether the swiping angle satisfies the first angle condition and / or whether the swiping distance satisfies the first distance condition. This is described in detail below with reference to FIGS. 7A-7G.

[0295] In some embodiments of the present application, the electronic device can calculate the sliding distance from the starting touch point as the starting point throughout the sliding process. That is, the sliding distance is the distance between the starting touch point and the current sliding track point.

[0296] As described above, in the case that the icons corresponding to the brushes that have been collected are not all displayed in the brush collection bar (or the number of brushes that have been collected is greater than the number of brush icons that can be displayed in the brush collection bar at most), the electronic device can display the ninth note interface. The brush collection bar in the ninth note interface can include the x1th group of brush icons. That is, the x1th group of brush icons can be displayed in the brush collection bar of the ninth note interface. Optionally, in response to the operation of pressing the brush collection bar in the ninth note interface and sliding (or moving / dragging) to the first sliding track point along the second sliding direction, the electronic device can display the nineteenth note interface. The brush collection bar in the nineteenth note interface can include the x2th group of brush icons. That is, the x2th group of brush icons can be displayed in the brush collection bar of the nineteenth note interface. It can be understood that the brushes that have been collected when the electronic device displays the ninth note interface are the same as the brushes that have been collected when the electronic device displays the nineteenth note interface, and the x1th group of brush icons and the x2th group of brush icons at least include one different brush icon, and the brushes corresponding to the x1th group of brush icons and the x2th group of brush icons are both brushes that have been collected. In some embodiments of the present application, the x1th group of brush icons can be the first group of brush icons mentioned above, and the x2th group of brush icons can be the second group of brush icons mentioned above.

[0297] In some embodiments of the present application, in response to the operation of pressing the brush collection bar in the ninth note interface and sliding to the first sliding track point along the second sliding direction, based on the sliding angle not satisfying the first angle condition, the electronic device can display the nineteenth note interface.

[0298] In some embodiments of the present application, in response to the operation of pressing the brush collection bar in the ninth note interface and sliding to the first sliding track point along the second sliding direction, based on the sliding distance not satisfying the first distance condition, the electronic device can display the nineteenth note interface.

[0299] In some embodiments of the present application, in response to the operation of pressing the brush collection bar in the ninth note interface and sliding to the first sliding track point along the second sliding direction, based on the sliding angle not satisfying the first angle condition and the sliding distance not satisfying the first distance condition, the electronic device can display the nineteenth note interface.

[0300] In some embodiments of the present application, the second sliding direction can be the direction from the starting touch point to the first sliding track point.

[0301] In some embodiments of the present application, the first sliding track point is located at the boundary of the brush collection bar, and the first sliding track point can also be understood as the intersection of the sliding track and the brush collection bar, such as the first sliding track point shown in FIG. 7B being located at the boundary of the brush collection bar 108. In some embodiments of the present application, the distance between the starting touch point and the first sliding track point does not satisfy the first distance condition, and the distance can be the first distance mentioned above.

[0302] For example, the ninth note interface can be the ninth note interface 23 as shown in FIG. 7A, and the nineteenth note interface can be the nineteenth note interface 60 as shown in FIG. 7B. In the nineteenth note interface 60, the x1th group of brush icons displayed in the brush collection bar 108 can include a first brush icon 1082, a second brush icon 1083, a third brush icon 1084, a fourth brush icon 1085, and a fifth brush icon 1086. After the electronic device receives the operation of pressing the brush collection bar 108 and sliding along the second sliding direction as shown in FIG. 7A, based on the sliding angle not satisfying the first angle condition and the sliding distance not satisfying the first distance condition, the brush icons in the brush collection bar 108 can be displayed downwards along with the sliding operation, or the brush icons displayed in the brush collection bar 108 and the positions of the brush icons displayed in the brush collection bar 108 can be changed, or the brush icons in the brush collection bar 108 can be continuously displayed downwards. It can be understood that the first brush icon 1082, the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, and the fifth brush icon 1086 originally displayed in the brush collection bar 108 are all scrolled downwards along with the sliding operation. Specifically, in response to the sliding operation, the first brush icon 1082 originally displayed in the brush collection bar 108 disappears after scrolling downwards, and the sixth brush icon 1087 originally not displayed in the brush collection bar 108 is displayed in the brush collection bar 108, and similarly, the seventh brush icon 1088 is also displayed in the brush collection bar 108. As shown in FIG. 7B, when the user slides to the first sliding track point, the electronic device can display the nineteenth note interface 60. It can be understood that the first sliding track point is the intersection of the sliding track and the brush collection bar 108. The brush collection bar 108 in the nineteenth note interface 60 includes part of the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, the fifth brush icon 1086, the sixth brush icon 1087, and part of the seventh brush icon 1088. That is, in the nineteenth note interface 60, the x2th group of brush icons displayed in the brush collection bar 108 can include the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, the fifth brush icon 1086, the sixth brush icon 1087, and the seventh brush icon 1088. Among them, the second brush icon 1083 and the seventh brush icon 1088 included in the x2th group of brush icons are incomplete brush icons, and the third brush icon 1084, the fourth brush icon 1085, the fifth brush icon 1086, and the sixth brush icon 1087 included in the x2th group of brush icons are complete brush icons. It can be understood that when the user slides to the first sliding track point, the electronic device does not display the last brush icon (e.g., the eighth brush icon 1089 as mentioned above) of the brush collection bar 108.

[0303] Optionally, in response to the operation of continuing to slide from the first sliding trajectory point to the second sliding trajectory point, the electronic device can display the twentieth note interface. The brush collection bar in the twentieth note interface may include the x3rd group of brush icons. That is, the x3rd group of brush icons can be displayed in the brush collection bar of the twentieth note interface. It is understood that the brushes that were collected when the electronic device displayed the nineteenth note interface are the same as the brushes that were collected when it displayed the twentieth note interface, and the x2nd group of brush icons and the x3rd group of brush icons include at least one different brush icon, and the brushes corresponding to the x2nd group of brush icons and the brushes corresponding to the x3rd group of brush icons are both collected brushes. In some embodiments of this application, the x1st group of brush icons may be the first group of brush icons mentioned above, and the x3rd group of brush icons may be the second group of brush icons mentioned above.

[0304] In some embodiments of this application, in response to the operation of continuing to slide from the first sliding trajectory point to the second sliding trajectory point, the electronic device may display the twentieth note interface based on the sliding angle not meeting the first angle condition.

[0305] In some embodiments of this application, in response to the operation of continuing to slide from the first sliding trajectory point to the second sliding trajectory point, the electronic device may display the twentieth note interface based on the sliding distance not meeting the first distance condition.

[0306] In some embodiments of this application, in response to the operation of continuing to slide from the first sliding trajectory point to the second sliding trajectory point, the electronic device may display the twentieth note interface based on the fact that the sliding angle does not meet the first angle condition and the sliding distance does not meet the first distance condition.

[0307] In some embodiments of this application, the second sliding trajectory point is located outside the brush collection bar, or the position of the second sliding trajectory point is different from the position of the brush collection bar. In some embodiments of this application, the distance between the starting touch point and the second sliding trajectory point does not satisfy the first distance condition. The distance between the starting touch point and the second sliding trajectory point can be the first distance mentioned above.

[0308] For example, the twentieth note interface can be the twentieth note interface 61 shown in Figure 7C. After the user slides to the first sliding trajectory point, they can continue to slide. After the electronic device receives the operation to continue sliding, based on the fact that the sliding angle does not meet the first angle condition and the sliding distance does not meet the first distance condition, the brush icons in the brush collection bar 108 can continue to be scrolled down. Specifically, in response to this operation, the second brush icon 1083, which was originally displayed in the brush collection bar 108, disappears after scrolling down, while the seventh brush icon 1088 continues to be scrolled down (or the position of the seventh brush icon 1088 displayed on the screen continues to move down). As shown in Figure 7C, when the user slides to the second sliding trajectory point, the electronic device can display the twentieth note interface 61. The brush collection bar 108 in the twentieth note interface 61 can include the third brush icon 1084, the fourth brush icon 1085, the fifth brush icon 1086, the sixth brush icon 1087, and the seventh brush icon 1088. Furthermore, the seventh brush icon 1088 in the twentieth note interface 61 is complete, not just a partial one (as seen in the seventh brush icon 1088 in the nineteenth note interface 60). In other words, in the twentieth note interface 61, the x3 group of brush icons displayed in the brush collection bar 108 can include the third brush icon 1084, the fourth brush icon 1085, the fifth brush icon 1086, the sixth brush icon 1087, and the seventh brush icon 1088. All the brush icons included in the x3 group are complete brush icons.

[0309] Optionally, in response to the operation of continuing to slide from the second sliding trajectory point to the third sliding trajectory point, the electronic device can display the twenty-first note interface. The brush collection bar in the twenty-first note interface may include the x4th group of brush icons. That is, the x4th group of brush icons can be displayed in the brush collection bar of the twenty-first note interface. It is understood that the brushes that have been collected when the electronic device displays the twenty-first note interface are the same as the brushes that have been collected when it displays the twenty-first note interface, and the x3rd group of brush icons and the x4th group of brush icons include at least one different brush icon, and the brushes corresponding to the x3rd group of brush icons and the brushes corresponding to the x4th group of brush icons are both collected brushes.

[0310] In some embodiments of this application, in response to the operation of continuing to slide from the second sliding trajectory point to the third sliding trajectory point, the electronic device may display the twenty-first note interface based on the fact that the sliding angle does not meet the first angle condition.

[0311] In some embodiments of this application, in response to the operation of continuing to slide from the second sliding trajectory point to the third sliding trajectory point, the electronic device may display the twenty-first note interface based on the fact that the sliding distance does not meet the first distance condition.

[0312] In some embodiments of this application, in response to the operation of continuing to slide from the second sliding trajectory point to the third sliding trajectory point, the electronic device may display the twenty-first note interface based on the fact that the sliding angle does not meet the first angle condition and the sliding distance does not meet the first distance condition.

[0313] In some embodiments of this application, the third sliding trajectory point is located outside the brush collection bar, or the position of the third sliding trajectory point is different from the position of the brush collection bar. In some embodiments of this application, the distance between the starting touch point and the third sliding trajectory point does not satisfy the first distance condition. The distance between the starting touch point and the third sliding trajectory point can be the first distance mentioned above.

[0314] For example, the twenty-first note interface can be the twenty-first note interface 62 shown in Figure 7D. After the user slides to the second sliding trajectory point, they can continue to slide. After the electronic device receives this operation to continue sliding, based on the fact that the sliding angle does not meet the first angle condition and the sliding distance does not meet the first distance condition, the brush icons in the brush collection bar 108 can continue to be scrolled down and displayed. Specifically, in response to this operation, the third brush icon 1084, which was originally displayed in the brush collection bar 108, disappears after scrolling down, while the eighth brush icon 1089, which was not originally displayed in the brush collection bar 108, is displayed in the brush collection bar 108. As shown in Figure 7D, when the user slides to the third sliding trajectory point, the electronic device can display the twenty-first note interface 62. At this time, the electronic device can fully display the last brush icon in the brush collection bar 108, namely the eighth brush icon 1089. In other words, in the twenty-first note interface 62, the x4 group of brush icons displayed in the brush collection bar 108 can include the fourth brush icon 1085, the fifth brush icon 1086, the sixth brush icon 1087, the seventh brush icon 1088, and the eighth brush icon 1089. Among them, the brush icons included in the x4 group are all complete brush icons.

[0315] As described above, during the user's swipe from the second to the third swipe point, the brush icons in the brush collection bar continue to scroll until the user reaches the third swipe point, at which point the last brush icon (e.g., the most recently collected brush) is fully displayed in the brush collection bar. In this case, the brush icons in the brush collection bar cannot continue scrolling in the previously scrolled direction. Optionally, in response to continuing the swipe from the third to the fourth swipe point, the electronic device can still display the twenty-first note interface.

[0316] In some embodiments of this application, when the last brush icon is displayed in the brush collection bar, the sliding distance can still be calculated with the starting touch point as the reference point. For example, after the user slides to the third trajectory point, the sliding distance is the distance between the starting touch point and the current sliding trajectory point.

[0317] In some embodiments of this application, in response to the operation of continuing to slide from the third sliding trajectory point to the fourth sliding trajectory point, the electronic device can still display the twenty-first note interface even though the sliding angle does not meet the first angle condition.

[0318] In some embodiments of this application, in response to the operation of continuing to slide from the third sliding trajectory point to the fourth sliding trajectory point, the electronic device can still display the twenty-first note interface even though the sliding distance does not meet the first distance condition.

[0319] In some embodiments of this application, in response to the operation of continuing to slide from the third sliding trajectory point to the fourth sliding trajectory point, the electronic device can still display the twenty-first note interface even though the sliding angle does not meet the first angle condition and the sliding distance does not meet the first distance condition.

[0320] In some embodiments of this application, the fourth sliding trajectory point is located outside the brush collection bar, or the position of the fourth sliding trajectory point is different from the position of the brush collection bar. In some embodiments of this application, the sliding distance between the initial touch point and the fourth sliding trajectory point does not satisfy the first distance condition. The distance between the initial touch point and the fourth sliding trajectory point can be the first distance mentioned above.

[0321] For example, the twenty-first note interface 62 can be as shown in Figure 7E. After the user slides to the third sliding trajectory point as shown in Figure 7D, they can continue to slide. It is understood that since the electronic device has already displayed the last brush icon in the brush collection bar 108 when the user slides to the third sliding trajectory point, the brush icons in the brush collection bar 108 cannot be scrolled down further after the electronic device receives the operation to continue sliding. During the process of the user sliding to the fourth sliding trajectory point, the sliding distance does not meet the first distance condition. In this case, as shown in Figure 7E, when the user slides to the fourth sliding trajectory point, the electronic device still displays the twenty-first note interface 62.

[0322] As described above, when the brush collection bar is expanded and the number of collected brushes is greater than 'a', if the sliding angle satisfies a first angle condition or the sliding distance satisfies a first distance condition, the electronic device can display that the brush collection bar has been moved in response to a pressing and sliding operation on the brush collection bar. For example, the electronic device can receive an operation of pressing the brush collection bar and sliding it a second distance along a second sliding direction. It is understood that the second distance satisfies the first distance condition. A description of the sliding angle when sliding along the second sliding direction can be found above, and will not be elaborated upon here.

[0323] As described above, during the user's swipe from the third sliding trajectory point to the fourth sliding trajectory point, the electronic device can continuously display the twenty-first note interface. Further, in response to the continued swipe from the fourth sliding trajectory point to the end touch point, the electronic device can display that the brush collection bar has been moved to the location of the end touch point (hereinafter referred to as being moved to the end touch point), and display the twenty-second note interface. The brush collection bar in the twenty-second note interface can include the x4th group of brush icons; that is, the x4th group of brush icons is displayed in the brush collection bar of the twenty-second note interface. The position of the brush collection bar in the twenty-second note interface differs from the position of the brush collection bar in the twenty-first note interface. Furthermore, the brush icons displayed in the brush collection bar included in the twenty-second note interface are identical to those displayed in the brush collection bar included in the twenty-first note interface, and the position and order of the brush icons in the brush collection bars included in both interfaces are the same. As mentioned above, in some embodiments of this application, the brush collection bar can be moved in a minimized state, and after the press and slide operation ends, the electronic device can display the brush collection bar in an expanded state. In other words, in response to the operation of continuing to slide from the fourth sliding trajectory point to the end touch point, the minimized brush collection bar is displayed at the location of the end touch point, and in this case, the electronic device can display the twenty-second note interface. In response to the operation of lifting the hand after sliding to the end touch point, the expanded brush collection bar is displayed at the location of the end touch point, and in this case, the electronic device can display the twenty-third note interface.

[0324] In some embodiments of this application, in response to the operation of continuing to slide from the fourth sliding trajectory point to the end touch point, the electronic device may display the twenty-second note interface based on the sliding angle satisfying the first angle condition or the sliding distance satisfying the first distance condition.

[0325] In some embodiments of this application, the second sliding direction can be the direction from the starting touch point to the ending touch point. In some embodiments of this application, the distance between the starting touch point and the ending touch point satisfies a first distance condition, which can be the second distance mentioned above.

[0326] For example, the twenty-second note interface can be the twenty-second note interface 63 shown in Figure 7F, and the twenty-third note interface can be the twenty-third note interface 64 shown in Figure 7G. After the user slides to the fourth sliding trajectory point, they can continue to slide. After the electronic device receives the operation of continuing to slide, it can determine that the sliding distance meets the first distance condition and display that the brush collection bar 108 has been moved (or that the brush collection bar 108 is displayed according to the position of the continued sliding). As mentioned above, in some embodiments of this application, during the process of the electronic device displaying the brush collection bar 108 being moved, the brush collection bar 108 can be in a minimized state, that is, the brush collection bar 108 is moved and displayed in a minimized state. As shown in Figure 7F, when the user slides to the end touch point, the electronic device can display the twenty-second note interface 63. The brush collection bar 108 in the twenty-first note-taking interface 62 is expanded, containing five brush icons (fourth brush icon 1085 to eighth brush icon 1089) (or, these five brush icons are displayed in the brush collection bar 108 of the twenty-first note-taking interface 62). In contrast, the brush collection bar 108 in the twenty-second note-taking interface 63 is minimized, containing only the eighth brush icon 1089 (or, only the eighth brush icon 1089 is displayed in the brush collection bar 108 of the twenty-second note-taking interface 63). As shown in Figure 7G, after the user slides to the end touch point and lifts their hand, the electronic device can display the twenty-third note-taking interface 64. The brush collection bar 108 in the twenty-third note-taking interface 64 is expanded, unlike the twenty-second note-taking interface 63.

[0327] It is understood that the continued swiping mentioned in this application may refer to continuing to swipe without the user raising their hand.

[0328] II. If the brush icons in the brush collection bar have not been scrolled to the point where the last brush icon is displayed (or, if the brush icons in the brush collection bar have been scrolled to the point where the last brush icon is displayed), the electronic device can determine whether the entire brush collection bar is moved or the brush icons in the brush collection bar are scrolled based on whether the sliding angle meets a first angle condition and / or whether the sliding distance meets a first distance condition. If the brush icons in the brush collection bar have been scrolled to the point where the last brush icon is displayed, the electronic device can determine whether the entire brush collection bar is moved based on whether the sliding angle meets a second angle condition and whether the sliding distance meets a second distance condition. The following explanation, in conjunction with Figures 7A-7D, 7H-7I, and 7G, will illustrate this further:

[0329] In some embodiments of this application, when the brush icons in the brush collection bar have not been scrolled to the point where the last brush icon is displayed, the electronic device can calculate the sliding distance from the starting touch point, that is, the sliding distance is the distance between the starting touch point and the current sliding trajectory point. However, when the brush icons in the brush collection bar have been scrolled to the point where the last brush icon is displayed, the electronic device can calculate the sliding distance from the sliding trajectory point when the brush icons in the brush collection bar stop scrolling, that is, the sliding distance is the distance between that sliding trajectory point and the current sliding trajectory point.

[0330] In some embodiments of this application, when the brush icons in the brush collection bar are scrolled to the last brush icon being displayed, the user can continue to scroll. After the electronic device receives the operation to continue scrolling a third distance along a third scrolling direction, the brush collection bar is not moved and displayed because the scrolling angle does not meet the second angle condition or the scrolling distance does not meet the second distance condition. Further, if the user continues to scroll, and the electronic device receives the operation to continue scrolling a fourth distance along a fourth scrolling direction, the brush collection bar can be moved and displayed because both the scrolling angle and the scrolling distance meet the second angle condition.

[0331] It is understandable that the third distance does not satisfy the second distance condition, and / or the sliding angle corresponding to the third sliding direction does not satisfy the second angle condition. The sliding angle corresponding to the third sliding direction can be the angle between the ray along the third sliding direction and a preset direction.

[0332] In some embodiments of this application, the third distance can be equal to, greater than, or less than the first distance; similarly, the fourth distance can be equal to, greater than, or less than the first distance. In some embodiments of this application, both the third and fourth distances are less than the second distance.

[0333] As mentioned above, when the brush icons in the brush collection bar are scrolled to the last brush icon being displayed, the user can slide to the third sliding trajectory point. Optionally, after receiving an operation to slide from the starting touch point to the third sliding trajectory point, the x4 group of brush icons can be displayed in the brush collection bar, or in other words, the electronic device can display the twenty-first note interface, and the brush collection bar in the twenty-first note interface can include the x4 group of brush icons. Further, after sliding to the third sliding trajectory point, in response to an operation to continue sliding from the third sliding trajectory point to the fourth sliding trajectory point, the x4 group of brush icons is still displayed in the brush collection bar, and the brush icons in the brush collection bar do not change. That is, after receiving an operation to continue sliding along the third sliding direction from the third sliding trajectory point to the fourth sliding trajectory point, the electronic device still displays the twenty-first note interface. Further, after sliding to the fourth sliding trajectory point, in response to an operation to continue sliding from the fourth sliding trajectory point to the end touch point, the electronic device can display the twenty-second note interface. The brush collection bar in the 22nd note interface is located at the end touch point, which differs from the positions of the brush collection bars in the 9th, 19th, 20th, and 21st note interfaces. This can also be understood as the electronic device displaying the brush collection bar moving from the starting touch point to the ending touch point in response to a continued sliding motion from the fourth sliding trajectory point to the ending touch point.

[0334] It is understandable that the sliding angle during the process of sliding from the third sliding trajectory point to the fourth sliding trajectory point does not satisfy the second angle, and / or the distance between the third sliding trajectory point and the fourth sliding trajectory point does not satisfy the second distance condition.

[0335] It is understood that the sliding direction corresponding to the fourth sliding direction satisfies the second angle condition, and the distance between the third sliding trajectory point and the end touch point satisfies the second distance condition. In some embodiments of this application, the distance between the third sliding trajectory point and the end touch point can be the sum of the third distance and the fourth distance. In still some embodiments of this application, the distance between the third sliding trajectory point and the end touch point is less than the sum of the third distance and the fourth distance.

[0336] In some embodiments of this application, the distance between the fourth sliding trajectory point and the third sliding trajectory point can be the third distance mentioned above, and the distance between the fourth sliding trajectory point and the third sliding trajectory point can be the fourth distance mentioned above.

[0337] As can be understood, the specific process of sliding from the initial touch point to the third sliding trajectory point can be referred to the above text, and will not be repeated here.

[0338] For example, the third sliding trajectory point can be the third sliding trajectory point shown in Figure 7D. As mentioned above, because the sliding angle corresponding to the sliding operation shown in Figure 7A does not satisfy the first angle condition, the brush icons in the brush collection bar are scrolled during the user's sliding operation as shown in Figures 7A-7D. It can be understood that when the user slides to the third sliding trajectory point shown in Figure 7D, the electronic device displays the last brush icon in the brush collection bar 108.

[0339] For example, the twenty-first note interface can be the twenty-first note interface 62 shown in Figure 7E. Similar to the above, after the user slides to the third sliding trajectory point, they can continue to slide. When the user slides to the fourth sliding trajectory point, the sliding angle meets the second angle condition, but the sliding distance does not meet the second distance condition. In this case, as shown in Figure 7E, when the user slides to the fourth sliding trajectory point, the electronic device still displays the twenty-first note interface 62.

[0340] For example, the twenty-second note interface can be the twenty-second note interface 63 shown in Figure 7F. After the user slides to the fourth sliding trajectory point, they can continue to slide. As shown in Figure 7F, when the user slides to the end touch point, based on the sliding angle satisfying the second angle condition and the sliding distance satisfying the second distance condition, the electronic device can display the twenty-second note interface 63. The brush collection bar 108 in the twenty-second note interface 63 is located at the end touch point. It can be understood that after the sliding ends, the brush collection bar 108 can be changed from a minimized state to an expanded state, such as the twenty-third note interface 64 shown in Figure 7G. The specific implementation method can be referred to above, and will not be repeated here.

[0341] The following example, using Figures 8A-8H, illustrates the above content in detail: when a user slides to an area outside the brush collection bar and continues to slide, the brush icons in the brush collection bar cannot be scrolled and displayed.

[0342] I. Throughout the entire sliding process, the electronic device can determine whether the entire brush collection bar is moved or the brush icons in the brush collection bar are scrolled based on whether the sliding angle meets the first angle condition and / or whether the sliding distance meets the first distance condition. The following will provide a detailed explanation with reference to Figures 8A-8F:

[0343] In some embodiments of this application, the electronic device can calculate the sliding distance from the initial touch point throughout the sliding process. That is, the sliding distance is the distance between the initial touch point and the current sliding trajectory point.

[0344] As mentioned above, when the brush collection bar is in an expanded state and the number of brushes that have been collected is greater than 'a', if the sliding angle meets the first angle condition or the sliding distance meets the first distance condition, the electronic device can display that the brush collection bar has been moved.

[0345] In some embodiments of this application, when the brush collection bar is in an expanded state and the number of collected brushes is greater than 'a', if the sliding angle does not meet the first angle condition and the sliding distance does not meet the first distance condition, the brush icons in the brush collection bar are scrolled as the user slides, until the user slides to an area outside the brush collection bar. That is, if the user slides within the brush collection bar, the electronic device can scroll the brush icons in the brush collection bar accordingly with the user's sliding operation; however, if the user slides outside the brush collection bar, the brush icons in the brush collection bar are no longer scrolled.

[0346] Optionally, if not all icons corresponding to the saved brushes are displayed in the brush collection bar (or the number of saved brushes is greater than the maximum number of brush icons that can be displayed in the brush collection bar), the electronic device can display the ninth note interface. The brush collection bar in the ninth note interface may include the x1 group of brush icons. That is, the x1 group of brush icons can be displayed in the brush collection bar of the ninth note interface. In response to pressing the brush collection bar in the ninth note interface and sliding (or moving / dragging) it along the second sliding direction to the first sliding trajectory point, the electronic device can display the nineteenth note interface. The brush collection bar in the nineteenth note interface may include the x2 group of brush icons. That is, the x2 group of brush icons can be displayed in the brush collection bar of the nineteenth note interface. It is understood that the relevant descriptions of the ninth and nineteenth note interfaces can be referred to above, and this application will not repeat them here. Furthermore, in response to continuing to slide from the first sliding trajectory point to the second sliding trajectory point, the electronic device still displays the nineteenth interface, and the x2 group of brush collection bars is still displayed in the nineteenth interface. Furthermore, in response to the operation of continuing to slide from the second sliding trajectory point to the fourth sliding trajectory point, the electronic device still displays the nineteenth interface, and the x2 group of brush collection bars is still displayed in the nineteenth interface. That is, during the process of sliding from the first sliding trajectory point to the fourth sliding trajectory point, the brush icons displayed in the brush collection bar do not change. Furthermore, after sliding to the fourth sliding trajectory point, in response to the operation of continuing to slide from the fourth sliding trajectory point to the end touch point, the electronic device can display the twenty-second note interface.

[0347] In some embodiments of this application, the sliding distance from the starting touch point to the ending touch point satisfies a first distance condition. It is understood that the relevant descriptions of the first sliding trajectory point, the second sliding trajectory point, and the fourth sliding trajectory point can be found above, and the specific methods by which the electronic device determines the sliding angle and sliding distance during the sliding process from the starting touch point through the first sliding trajectory point, the second sliding trajectory point, and the fourth sliding trajectory point to the ending touch point can also be found above; these details will not be repeated here.

[0348] For example, the ninth note interface can be the ninth note interface 23 as shown in Figure 8A, and the nineteenth note interface can be the nineteenth note interface 60 as shown in Figure 8B. In the nineteenth note interface 60, the x1 group of brush icons displayed in the brush collection bar 108 may include the first brush icon 1082, the second brush icon 1083, the third brush icon 1084, the fourth brush icon 1085, and the fifth brush icon 1086. After the electronic device receives the operation of pressing and sliding along the second sliding direction on the brush collection bar 108 as shown in Figure 8A, the brush icons in the brush collection bar 108 can be scrolled down. As shown in Figure 8B, when the user slides to the first sliding trajectory point, the electronic device can display the nineteenth note interface 60. The relevant description of the nineteenth note interface 60 can be referred to above, and will not be repeated here. After the user slides to the first sliding trajectory point, he / she can continue to slide. As shown in Figure 8C, when the user slides to the second sliding trajectory point, the electronic device still displays the nineteenth note interface 60 because the sliding angle does not meet the first angle condition and the sliding distance does not meet the first distance condition. It is understandable that the second sliding trajectory point is outside the area of ​​brush collection bar 108.

[0349] For example, similar to the above, after the user slides to the second sliding trajectory point, they can continue to slide. When the user slides to the fourth sliding trajectory point, the sliding angle does not meet the first angle condition, and the sliding distance does not meet the first distance condition. In this case, as shown in Figure 8D, when the user slides to the fourth sliding trajectory point, the electronic device still displays the nineteenth note interface 60.

[0350] For example, the twenty-second note interface can be the twenty-second note interface 63 shown in Figure 8E. After the user slides to the fourth sliding trajectory point, they can continue to slide. After the electronic device receives the operation to continue sliding, it can display that the brush collection bar 108 has been moved based on the sliding distance satisfying the first distance condition. As mentioned above, in some embodiments of this application, the brush collection bar 108 can be minimized during the process of the electronic device moving the brush collection bar 108. As shown in Figure 8E, when the user slides to the end touch point, the electronic device can display the twenty-second note interface 63. The difference from the nineteenth note interface 60 is that the brush collection bar 108 in the nineteenth note interface 60 is in an expanded state and includes multiple brush icons, while the brush collection bar 108 in the twenty-second note interface 63 is in a minimized state and only includes the eighth brush icon 1089. It can be understood that after the electronic device displays the twenty-second note interface 63, if the user raises their hand, the electronic device can display a note interface including the expanded brush collection bar 108 (see the twenty-fifth note interface 66 shown in Figure 8F).

[0351] II. When a user slides within the area of ​​the brush collection bar (or the area within the brush collection bar), the electronic device can determine whether the entire brush collection bar is moved or the brush icons within it are scrolled based on whether the sliding angle meets a first angle condition and / or whether the sliding distance meets a first distance condition. When the user slides outside the brush collection bar, the electronic device can determine whether the entire brush collection bar is moved based on whether the sliding angle meets a second angle condition and whether the sliding distance meets a second distance condition. The following explanation, in conjunction with Figures 8A-8C, 8G-8H, and 8F, provides a detailed illustration:

[0352] In some embodiments of this application, when a user slides within the area of ​​the brush collection bar, the electronic device can calculate the sliding distance from the starting touch point, i.e., the sliding distance is the distance between the starting touch point and the current sliding trajectory point. When the user slides outside the area of ​​the brush collection bar, the electronic device can calculate the sliding distance from the sliding trajectory point at the boundary of the brush collection bar, i.e., the sliding distance is the distance between that sliding trajectory point and the current sliding trajectory point.

[0353] In some embodiments of this application, when a user slides to the boundary of the brush collection bar, they can continue to slide. After the electronic device receives the operation to continue sliding a third distance along the third sliding direction, the brush collection bar is not moved and displayed because the sliding angle does not meet the second angle condition or the sliding distance does not meet the second distance condition. Further, if the user continues to slide, after the electronic device receives the operation to continue sliding a fourth distance along the fourth sliding direction, the brush collection bar can be displayed as moved because both the sliding angle and the sliding distance meet the second angle condition. It is understood that the relevant descriptions of the third sliding direction, third distance, fourth sliding direction, and fourth distance can be referred to above, and will not be repeated here.

[0354] As mentioned above, when the user slides to the first sliding trajectory point, the user slides to the boundary of the brush collection bar. Optionally, after receiving the operation of sliding from the starting touch point to the first sliding trajectory point, the x2 group of brush icons can be displayed in the brush collection bar, or in other words, the electronic device can display the nineteenth note interface, and the brush collection bar in the nineteenth note interface can include the x2 group of brush icons. Further, after sliding to the second sliding trajectory point, in response to the operation of continuing to slide from the second sliding trajectory point to the fifth sliding trajectory point, the x2 group of brush icons is still displayed in the brush collection bar, and the brush icons in the brush collection bar do not change. That is, after receiving the operation of continuing to slide from the second sliding trajectory point to the fifth sliding trajectory point, the electronic device still displays the nineteenth note interface. Further, after sliding to the fifth sliding trajectory point, in response to the operation of continuing to slide from the fifth sliding trajectory point to the end touch point, the electronic device can display the twenty-fourth note interface.

[0355] It is understandable that during the process of sliding from the first sliding trajectory point to the second sliding trajectory point, the sliding angle of the electronic device to the first does not satisfy the second angle, and / or the distance between the first sliding trajectory point and the second sliding trajectory point does not satisfy the second distance condition.

[0356] In some embodiments of this application, in response to the operation of continuing to slide from the fifth sliding trajectory point to the end touch point, the electronic device can display the twenty-fourth note interface based on the sliding angle satisfying the second angle condition and the sliding distance satisfying the second distance condition.

[0357] In some embodiments of this application, continuing to slide a third distance along a third sliding direction may include: continuing to slide from a first sliding trajectory point to a fifth sliding trajectory point. Continuing to slide a fourth distance along a fourth sliding direction may include: continuing to slide from a fifth sliding trajectory point to an end touch point.

[0358] For example, similar to the above, after the user slides to the first sliding trajectory point, they can continue to slide. When the user slides to the fifth sliding trajectory point, the sliding angle meets the second angle condition, but the sliding distance does not yet meet the second distance condition. In this case, as shown in Figure 8G, when the user slides to the fifth sliding trajectory point, the electronic device still displays the nineteenth note interface 60.

[0359] For example, the twenty-fourth note interface can be the twenty-fourth note interface 65 as shown in Figure 8H. After the user slides to the fifth sliding trajectory point, they can continue to slide. After receiving the operation to continue sliding, the electronic device moves the brush collection bar 108 accordingly, based on the sliding angle satisfying the second angle condition and the sliding distance satisfying the second distance condition. As mentioned above, in some embodiments of this application, during the process of the electronic device moving the brush collection bar 108, the brush collection bar 108 can be in a minimized state, that is, the brush collection bar 108 moves in a minimized state. As shown in Figure 8H, when the user slides to the end touch point, the electronic device can display the twenty-fourth note interface 65. The difference from the nineteenth note interface 60 is that the brush collection bar 108 in the nineteenth note interface 60 is in an expanded state and includes multiple brush icons, while the brush collection bar 108 in the twenty-fourth note interface 65 is in a minimized state and only includes the eighth brush icon 1089. That is, only the eighth brush icon 1089 is displayed in the brush collection bar 108 of the twenty-fourth note interface 65. Understandably, after the electronic device displays the twenty-fourth note interface 65, if the user raises their hand, the electronic device can display a note interface including the brush collection bar 108 that has been restored to the expanded state (see the twenty-fifth note interface 66 shown in Figure 8F).

[0360] It is understood that the user's swiping operation involved in this application can be achieved not only by fingers, but also by other input devices such as styluses, and this application does not limit this.

[0361] 4. When the brush collection bar is in edit mode, the brush icons in the brush collection bar are displayed in a scrolling manner (as shown in Figures 9A-9C).

[0362] Users can trigger the brush collection bar to enter edit mode, and correspondingly, the icons in the brush collection bar are in edit mode. When the brush collection bar is in edit mode, in response to a press and subsequent swipe on the brush collection bar, the brush icons in the brush collection bar can be scrolled. In other words, the electronic device can scroll through the brush icons in edit mode in the brush collection bar in response to the user's swipe actions.

[0363] Optionally, when the brush collection bar is expanded and the number of collected brushes is greater than 'a', the electronic device can display a ninth note interface. The ninth note interface may include the x1th group of brush icons, and the x1th group of brush icons displayed in the ninth note interface are in a non-editable state. In response to a long press operation on the ninth note interface, the electronic device can display a twenty-sixth note interface. The twenty-sixth note interface may include the x1th group of brush icons, and the x1th group of brush icons displayed in the twenty-sixth note interface are in an editable state. Further, in response to a press and slide operation on the brush collection bar in the twenty-sixth note interface, the electronic device can display a twenty-seventh note interface. The twenty-seventh note interface may include the x4th group of brush icons, and the x4th group of brush icons displayed in the twenty-seventh note interface are in an editable state.

[0364] For example, the ninth note interface can be the ninth note interface 23 as shown in Figure 9A, the twenty-sixth note interface can be the twenty-sixth note interface 70 as shown in Figure 9B, and the twenty-seventh note interface can be the twenty-seventh note interface 71 as shown in Figure 9C. After receiving the operation of long-pressing the brush collection bar 108 as shown in Figure 9A, the electronic device can display the twenty-sixth note interface 70 as shown in Figure 9B. Optionally, in response to the operation of long-pressing the brush collection bar 108 as shown in Figure 9A, the electronic device can display the twenty-sixth note interface 70 as shown in Figure 9B. Optionally, the electronic device can detect the operation of long-pressing the brush collection bar 108 as shown in Figure 9A, and in response to the operation, the electronic device can display the twenty-sixth note interface 70 as shown in Figure 9B. Similar to the ninth note interface 23, the twenty-sixth note interface 70 may also include a first brush icon 1082, a second brush icon 1083, a third brush icon 1084, a fourth brush icon 1085, and a fifth brush icon 1086. The difference between the ninth note interface 23 and the twenty-sixth note interface 70 is that the brush icons (first brush icon 1082 to fifth brush icon 1086) in the ninth note interface 23 are in a non-editing state, and the brush collection bar 108 in the ninth note interface 23 includes a zoom-out control 1081. In contrast, the brush icons (first brush icon 1082 to fifth brush icon 1086) in the twenty-sixth note interface 70 are in an editing state, and the brush collection bar 108 in the twenty-sixth note interface 70 includes an end-editing control 701. After receiving a downward swipe operation on the brush collection bar 108 as shown in FIG9B, the electronic device can display the twenty-seventh note interface 71 as shown in FIG9C. Optionally, in response to a downward swipe operation on the brush collection bar 108 as shown in FIG9B, the electronic device can display the twenty-seventh note interface 71 as shown in FIG9C. Optionally, the electronic device can detect a downward swipe operation on the brush collection bar 108 as shown in FIG9B, and in response to this operation, the electronic device can display the twenty-seventh note interface 71 as shown in FIG9C. The twenty-seventh note-taking interface 71 may include the fourth brush icon 1085, the fifth brush icon 1086, the sixth brush icon 1087, the seventh brush icon 1088, and the eighth brush icon 1089, and the brush icons (fourth brush icon 1085 to eighth brush icon 1089) in the twenty-seventh note-taking interface 71 are in edit mode. That is to say, the five brushes, fourth brush icon 1085 to eighth brush icon 1089, which are in edit mode, are displayed in the brush collection bar 108 of the twenty-seventh note-taking interface 71.

[0365] The following describes a specific implementation of the above embodiments.

[0366] Please refer to Figure 10, which is a flowchart of a display method provided in an embodiment of this application. This display method can be applied to electronic devices and may include, but is not limited to, the following steps:

[0367] S101: Display a brush collection bar containing the first set of brush icons in the first display position.

[0368] The display screen in the electronic device can display a brush collection bar containing a first set of brush icons at a first display position. In some embodiments of this application, the brush collection bar containing the first set of brush icons can be a brush collection bar 108 containing the first set of brush icons. The user interface including the brush collection bar can be a note-taking interface including the brush collection bar (e.g., the brush collection bar 108 mentioned above) as described above. As described above, the electronic device can open a note-taking application and display a note-taking interface including the brush collection bar.

[0369] It is understood that the user interface including the brush collection bar can also be other interfaces besides the note interface (e.g., the user interface of a drawing application), and this application does not limit this.

[0370] S102: In response to the first type of operation for the brush favorites bar, the TP driver acquires the first raw input event.

[0371] When the display screen in the electronic device displays a brush collection bar containing a first set of brush icons at the first display position, the TP driver in the electronic device can acquire a first raw input event in response to a first type of operation on the brush collection bar. Optionally, when the brush collection bar containing the first set of brush icons is displayed at the first display position, the electronic device receives a first type of operation acting on the brush collection bar, and the TP driver in the electronic device can acquire the first raw input event. In some embodiments of this application, the first type of operation can be the press and continue sliding operation mentioned above. In this case, the first type of operation on the brush collection bar can also be called a sliding operation of the starting touch point on the brush collection bar. It is understood that the first type of operation can also be other operations (e.g., specific voice, specific gesture, etc.), and this application does not limit this.

[0372] In some embodiments of this application, after the electronic device receives a first type of operation applied to the brush collection bar, it can obtain the corresponding raw input event.

[0373] S103: The TP driver reports the first raw input event to the input module.

[0374] After the TP driver acquires the first raw input event, it can report the first raw input event to the input module in the electronic device.

[0375] In some embodiments of this application, after the TP driver obtains the first raw input event, it can transmit it to the device node. The upper-layer module in the electronic device (e.g., the input module) can obtain the first raw input event from the device node. This process can also be referred to as the TP driver reporting the first raw input event to the input module.

[0376] S104: The input module processes the first original input event to obtain the processed input event.

[0377] After receiving the first raw input event reported by the TP driver, the input module can process the first raw input event (e.g., preprocessing and classifying) to obtain the processed input event.

[0378] In some embodiments of this application, the processed input event can refer to an InputEvent object. InputEvent is a Java class that can include multiple subclasses, such as MotionEvent and KeyEvent. MotionEvent can include touch events, which are input events generated when a user interacts with the device screen (i.e., the display screen) using a skin or stylus. Touch events can include three types of events: press events (e.g., MotionEvent.ACTION_DOWN), move events (e.g., MotionEvent.ACTION_MOVE), and release events (e.g., MotionEvent.ACTION_UP). It is understood that a complete touchscreen (or display screen) operation begins with a press event, may have no or one or more move events in between, and ends with a release event. For example, when a user taps the display screen with their finger, the user's finger landing on the display screen triggers a press event, and the user's finger leaving the display screen triggers a release event. For example, when a user slides their finger on the screen, the electronic device generates a press event when the user's finger lands on the screen, multiple movement events when the user slides their finger on the screen after it lands, and a lift event when the user leaves the screen.

[0379] In some embodiments of this application, after the electronic device receives a first type of operation applied to the brush collection bar, the input module can acquire a touch screen event. This touch screen event may specifically include a press event and one or more movement events.

[0380] S105: The input module sends the processed input event to the note-taking application.

[0381] After receiving the processed input event, the input module can send it to a note-taking application on the electronic device. Correspondingly, the note-taking application can receive the processed input event sent by the input module.

[0382] S106: The note-taking application determines whether the brush favorites bar is minimized.

[0383] After receiving the processed input event sent by the input module, the note-taking application can determine whether the brush favorites bar is minimized. If the brush favorites bar is minimized, the note-taking application can execute step S109, that is, in response to the first type of operation applied to the brush favorites bar, the note-taking application can draw the layer in the first image frame. However, if the brush favorites bar is not minimized, the note-taking application can continue to execute step S107.

[0384] For example, the brush collection bar containing the first set of brush icons mentioned in step S101 can be the brush collection bar 108 in the tenth note interface 30 as shown in Figure 4A, and the first image frame can be the eleventh note interface 31 as shown in Figure 4B, or the twelfth note interface 32 as shown in Figure 4C. After the electronic device receives the first type of operation (i.e., the sliding operation of the starting touch point on the brush collection bar 108 as mentioned above, as shown in Figure 4A) acting on the brush collection bar 108 as shown in Figure 4A, the TP driver can generate the corresponding raw input event and report it to the input module for processing. After processing, the input module can send the processed input event to the note application. After receiving the processed input event, the note application can determine that the brush collection bar 108 is in a minimized state. In this case, in response to the first type of operation, the display screen in the electronic device can show that the brush collection bar 108 has been moved. During this process, the display screen in the electronic device can also display the eleventh note interface 31 as shown in Figure 4B, or the twelfth note interface 32 as shown in Figure 4C.

[0385] S107: The note-taking application determines whether the number of saved brushes is less than or equal to a.

[0386] When the brush collection bar is not minimized, the note-taking application can determine whether the number of collected brushes is less than or equal to 'a'. As mentioned above, 'a' represents the maximum number of brush icons that can be displayed in the brush collection bar; its description can be found above and will not be elaborated upon here. If the number of collected brushes is less than or equal to 'a', the note-taking application can execute step S109, that is, in response to the first type of operation applied to the brush collection bar, the electronic device can display that the brush collection bar has been moved. However, if the number of collected brushes is greater than 'a', the note-taking application can continue to execute step S108.

[0387] For example, the brush collection bar containing the first set of brush icons mentioned in step S101 can be the brush collection bar 108 in the third note interface 17 as shown in Figure 5A. After the electronic device receives the first type of operation (i.e., the sliding operation of the starting touch point on the brush collection bar 108 as mentioned above) acting on the brush collection bar 108 as shown in Figure 5A, the TP driver can generate the corresponding raw input event and report it to the input module for processing. After processing, the input module can send the processed input event to the note application. After receiving the processed input event, the note application can determine that the brush collection bar 108 is not in a minimized state but in an expanded state, and can also determine that the number of collected brushes is 3 and a = 5, and determine that the number of collected brushes is less than a. In this case, in response to the first type of operation, the display screen in the electronic device can show that the brush collection bar 108 has been moved. During this process, the display screen in the electronic device can also display the thirteenth note interface 40 as shown in Figure 5B, and can also display the fourteenth note interface 41 as shown in Figure 5C.

[0388] It is understood that this application does not restrict the order in which the note-taking application executes steps S106 and S107. In some embodiments of this application, the note-taking application can execute steps S106 and S107 simultaneously. In this case, if the brush collection bar is minimized, the note-taking application can continue to execute step S109 regardless of whether the number of collected brushes is less than or equal to 'a'. Similarly, if the number of collected brushes is less than or equal to 'a', the note-taking application can continue to execute step S109 regardless of whether the brush collection bar is minimized. In some embodiments of this application, the note-taking application can execute step S107 first, and then execute step S106. In this case, if the number of collected brushes is less than or equal to 'a', the note-taking application can continue to execute step S106; if the number of collected brushes is greater than 'a', the note-taking application can continue to execute step S106, i.e., determine whether the brush collection bar is minimized.

[0389] S108: Determine whether the sliding angle satisfies the first angle condition.

[0390] If the brush collection bar is not minimized and the number of collected brushes is greater than 'a', the note-taking application can determine whether the sliding angle meets the first angle condition. If the sliding angle meets the first angle condition, the note-taking application can execute step S109, that is, in response to the first type of operation applied to the brush collection bar, the note-taking application can draw the layer in the first image frame. However, if the sliding angle does not meet the first angle condition, the electronic device can continue to execute step S114. The brush collection bar in the first image frame may contain a first group of brush icons, and the brush collection bar is located in a second display position. The second display position is different from the first display position.

[0391] In some embodiments of this application, when the brush collection bar is not minimized and the number of collected brushes is greater than 'a', the note-taking application can determine whether the swipe angle meets the first angle condition within a short time (e.g., 100ms) after the swipe begins. It is understood that this short time can be set according to actual needs, and this application does not impose any limitations on it.

[0392] In some embodiments of this application, when the brush collection bar is not minimized and the number of collected brushes is greater than 'a', and the distance between the initial touch point and the sliding trajectory point is greater than 0 and less than L1, the note-taking application can determine whether the sliding angle meets the first angle condition. It should be noted that a distance greater than 0 and less than L1 between the initial touch point and the sliding trajectory point indicates that the user has only slid a very small distance. It is understood that L1 can be set according to actual needs, and this application does not impose specific limitations on it.

[0393] In some embodiments of this application, the sliding angle can be a first sliding angle. The first sliding angle refers to the angle between a ray extending from the initial touch point to the sliding trajectory point and a ray extending along a preset direction.

[0394] In some embodiments of this application, the sliding angle can be a second sliding angle. The second sliding angle refers to the angle between the ray extending from the original sliding trajectory point to the current sliding trajectory point and the ray extending along a preset direction. It can be understood that the time when the user slides to the original sliding trajectory point is later than the time when the user presses the starting touch point, and the time when the user slides to the original sliding trajectory point is earlier than the time when the user slides to the current sliding trajectory point.

[0395] In some embodiments of this application, the user slides from the original sliding trajectory point to the current sliding trajectory point in a short time (e.g., 100ms).

[0396] In some other embodiments of this application, the distance between the original sliding trajectory point and the current sliding trajectory point is greater than 0 and less than L1.

[0397] In some embodiments of this application, input events (e.g., movement events, or move events mentioned below) are periodically reported to a note-taking application in the electronic device. In this case, the original sliding trajectory point can be the touch point corresponding to the coordinates carried by the input event reported to the note-taking application in the previous period, while the current sliding trajectory point can be the touch point corresponding to the coordinates carried by the input event reported to the note-taking application in the current period.

[0398] In some embodiments of this application, the preset direction can be the positive x-axis direction. It is understood that the determination of the angle threshold in this application is illustrated using the positive x-axis direction as an example.

[0399] In some embodiments of this application, the x-axis involved is the x-axis of a coordinate system with a point on the display screen as its origin. For example, the x-axis involved in this application may be the x-axis of a coordinate system with the initial touch point as its origin. As another example, the x-axis involved in this application may be the x-axis of a coordinate system with the original sliding trajectory point as its origin. Yet another example, the x-axis involved in this application may be the x-axis of a coordinate system with the sliding trajectory point (e.g., the third sliding trajectory point, the first sliding trajectory point) when the brush icon in the brush collection bar stops scrolling as its origin.

[0400] In some embodiments of this application, the x-axis is parallel to one side of the display screen.

[0401] In some embodiments of this application, the direction of the y-axis, which is perpendicular to the x-axis, is consistent with the direction in which the brush icons in the brush collection bar are scrolled and displayed.

[0402] In some embodiments of this application, the x-axis involved in this application may be the x-axis of the screen coordinate system of the electronic device.

[0403] In some embodiments of this application, the preset direction can also be the positive y-axis direction. It should be noted that the determination of the angle thresholds involved when the preset direction is the positive y-axis direction differs from the determination of the angle thresholds involved when the preset direction is the positive x-axis direction. For example, when the preset direction is the positive x-axis direction, the sliding angle satisfying the first angle condition can include: the sliding angle is less than 60 degrees, or the sliding angle is greater than 120 degrees and not greater than 180 degrees. However, when the preset direction is the positive y-axis direction, the sliding angle satisfying the first angle condition can include: the sliding angle is greater than 30 degrees and the sliding angle is less than 150 degrees. It should be noted that this is merely an illustrative example. When the preset direction is the positive x-axis, the sliding angle satisfies the first angle condition, which may include: the sliding angle is greater than or equal to 0 degrees and less than the first angle; or, the sliding angle is greater than the second angle and less than or equal to 180 degrees, where the value of the first angle is between (0, 90) and the value of the second angle is between (90, 180). When the preset direction is the positive y-axis, the sliding angle satisfies the first angle condition, which may include: the sliding angle is greater than the third angle and less than the fourth angle, where the value of the third angle is between [0, 90) and the value of the fourth angle is between (90, 180).

[0404] In some embodiments of this application, the sliding angle satisfying the first angle condition may include: the sliding angle being less than a first angle threshold, or the sliding angle being greater than a second angle threshold but not greater than 180 degrees. Specifically, the first angle threshold is less than 90 degrees, and the second angle threshold is greater than 90 degrees. It is understood that the first and second angle thresholds can be set according to actual needs, and this application does not impose any restrictions on them. For example, the first angle threshold can be 45 degrees, and the second angle threshold can be 135 degrees. As another example, the first angle threshold can be 60 degrees, and the second angle threshold can be 120 degrees.

[0405] In some embodiments of this application, the sliding angle satisfying the first angle condition may include: the tangent of the sliding angle is less than the first tangent and not less than 0, or the tangent of the sliding angle is greater than the second tangent and not greater than 0. Wherein, the first tangent is greater than 0, and the second tangent is less than 0. It is understood that the first and second tangents can be set according to actual needs, and this application does not impose any limitations on this. For example, the first tangent can be... The second tangent value can be...

[0406] For example, the brush collection bar containing the first set of brush icons mentioned in step S101 can be the brush collection bar 108 in the ninth note interface 23 as shown in Figure 6A, and the first image frame can be the sixteenth note interface 50 as shown in Figure 6B, or the seventeenth note interface 51 as shown in Figure 6C. After the electronic device receives the first type of operation acting on the brush collection bar 108 as shown in Figure 6A (i.e., the sliding operation with the starting touch point on the brush collection bar 108 as mentioned above, and along the horizontal direction as shown in Figure 6A), the TP driver can generate the corresponding raw input event and report it to the input module for processing. After processing, the input module can send the processed input event to the note application. After receiving the processed input event, the note-taking application can determine that the brush collection bar 108 is not minimized but expanded. It can also determine that the number of collected brushes is 6 (the brushes corresponding to the first brush icon 1082 to the sixth brush icon 1087), and that a = 5. Furthermore, it can determine that the number of collected brushes is less than a, and that the sliding angle is 0, the tangent of the sliding angle is 0, and the first tangent is... The system determines that the tangent of the sliding angle is less than the first tangent, meaning the sliding angle meets the first angle condition. In this case, in response to this first type of operation, the display screen in the electronic device can show that the brush collection bar 108 has been moved. During this process, the display screen in the electronic device can display the sixteenth note interface 50 as shown in Figure 6B, and can also display the seventeenth note interface 51 as shown in Figure 6C.

[0407] It is understood that this application does not restrict the order in which the note-taking application executes steps S108 and S107. In some embodiments of this application, the note-taking application can execute steps S107 and S108 simultaneously. In this case, if the number of saved brushes is less than or equal to 'a', the note-taking application can continue to execute step S106 regardless of whether the sliding angle meets the first angle condition. Similarly, if the sliding angle meets the first angle condition, the note-taking application can continue to execute step S106 regardless of whether the number of saved brushes is less than or equal to 'a'. In some embodiments of this application, the note-taking application can execute step S108 first, and then execute step S107. In this case, if the sliding angle meets the first angle condition, the note-taking application can continue to execute step S106; if the sliding angle does not meet the first angle condition, the note-taking application can continue to execute step S107, that is, determine whether the number of saved brushes is less than or equal to 'a'.

[0408] S109: The note-taking application draws the layers in the first image frame.

[0409] As described above, when the brush collection bar is minimized, after the electronic device receives a first type of operation applied to the brush collection bar, the note-taking application can draw layers in the first image frame. When the brush collection bar is not minimized, and the number of collected brushes is less than or equal to 'a', after the electronic device receives a first type of operation applied to the brush collection bar, the note-taking application can draw layers in the first image frame. When the brush collection bar is not minimized, and the number of collected brushes is greater than 'a', and the sliding angle satisfies a first angle condition, after the electronic device receives a first type of operation applied to the brush collection bar, the note-taking application can draw layers in the first image frame. Specific implementation methods and examples of the electronic device displaying the brush collection bar being moved can be found above, and will not be repeated here.

[0410] In some embodiments of this application, when the number of brushes that have been favorited is less than or equal to a, after t...

Claims

1. A display method, characterized in that, The method is applied to an electronic device including a display screen, and the method includes: At a first moment, a first interface is displayed, the first interface including a first control; between the first moment and the second moment, N brush icons are displayed in the first control; at the first moment, the first control is displayed at a first position on the display screen; N is a positive integer; Between the first moment and the second moment, in response to an operation of pressing the first control and moving it a first distance in a first direction, the first control is displayed at a second position on the display screen; At the second moment, in response to the brush addition operation, a first set of brush icons is displayed in the first control; the number of the first set of brush icons is M, where M is an integer greater than or equal to N; the second moment is later than the first moment. At a third moment, in response to the operation of pressing the first control and moving it a first distance along the first direction, a second set of brush icons is displayed in the first control; the third moment is later than the second moment; the number of the second set of brush icons is M, the first set of brush icons and the second set of brush icons contain at least one different brush icon, and the position of the first control remains unchanged.

2. The method as described in claim 1, characterized in that, The method further includes: After the third moment, in response to the operation of pressing the first control and moving it a second distance along the first direction, the first control is displayed at a third position on the display screen, the second distance being greater than the first distance.

3. The method as described in claim 1 or 2, characterized in that, The method further includes: After the third moment, in response to the operation of pressing the first control and moving the first distance in the second direction, the first control is displayed at the fourth position on the display screen.

4. The method as described in claim 1, characterized in that, The method further includes: At the fourth moment, the operation to continue moving a third distance along the first direction is received. Between the fourth and fifth moments, the second set of brush icons is displayed in the first control. At the fifth moment, in response to the operation of continuing to move a fourth distance along the first direction, the first control is displayed at a fifth position on the display screen; the fifth moment is later than the fourth moment, the fourth moment is later than the third moment, and no lift operation is received between the third moment and the fifth moment.

5. The method as described in claim 1, characterized in that, The method further includes: At the sixth moment, in response to the operation of continuing to move a fifth distance along a third direction, the first set of brush icons is displayed in the first control. The sixth moment is later than the third moment, and no lift-up operation was received between the third moment and the sixth moment.

6. The method according to any one of claims 1-5, characterized in that, The operation of pressing the first control and moving it a first distance along the first direction, displaying a second set of brush icons in the first control, specifically includes: In response to the operation of pressing the first control and moving the first distance along the first direction, a first input event is acquired, the first input event including a first coordinate, the first coordinate being the touch point coordinate when the operation of moving the first distance along the first direction is completed; Determine whether the first distance is greater than the first threshold; If the result of the judgment is that the first distance is less than the first threshold, the second set of brush icons will be displayed in the first control.

7. The method as described in claim 2, characterized in that, The operation of pressing the first control and moving it a second distance along the first direction, displaying the first control at a third position on the display screen, specifically includes: In response to the operation of pressing the first control and moving the second distance along the first direction, a second input event is acquired, the second input event including a second coordinate, the second coordinate being the touch point coordinate when the operation of moving the second distance along the first direction is completed; Determine whether the second distance is greater than the first threshold; Based on the determination that the second distance is greater than the first threshold, the first control is displayed at the third position on the display screen.

8. The method as described in claim 3, characterized in that, The operation of pressing the first control and moving it a first distance in a second direction, displaying the first control at a fourth position on the display screen, specifically includes: In response to the operation of pressing the first control and moving the first distance along the second direction, a third input event is obtained, the third input event including a third coordinate, the third coordinate being the touch point coordinate when the operation of moving the first distance along the second direction is completed; Determine whether the first included angle is less than or equal to the first angle, or whether the first distance is greater than the first threshold; the first included angle is the angle between the ray along the second direction and the ray along the fourth direction; Based on the determination, if the first included angle is less than the first angle, the first control is displayed at the fourth position on the display screen.

9. The method as described in claim 4, characterized in that, After receiving the operation of continuing to move a third distance along the first direction, the method further includes: Acquire a fourth input event, the fourth input event including a fourth coordinate, the fourth coordinate being the touch point coordinate when the operation of continuing to move a third distance along the first direction is completed; Determine whether the third distance is greater than the second threshold, and whether the second included angle is less than or equal to the second angle; the second included angle is the angle between the ray along the first direction and the ray along the fifth direction; The second set of brush icons is displayed in the first control, specifically including: based on the judgment result including the third distance being less than the second threshold and the second included angle being less than the second angle, the second set of brush icons is displayed in the first control; The operation of continuing to move a fourth distance along the first direction, displaying the first control at a fifth position on the display screen, specifically includes: In response to the operation of continuing to move the fourth distance along the first direction, a fifth input event is acquired, the fifth input event including a fifth coordinate, the fifth coordinate being the coordinate of the touch point when the operation of continuing to move the fourth distance along the first direction is completed; Determine whether the sum of the third distance and the fourth distance is greater than the second threshold, and whether the second included angle is less than or equal to the second angle; Based on the results of the judgment, including the sum of the third distance and the fourth distance being greater than the second threshold, and the second included angle being less than the second angle, the first control is displayed at the fifth position on the display screen.

10. The method as described in claim 5, characterized in that, The operation of continuing to move a fifth distance along a third direction, displaying the first group of brush icons in the first control, specifically includes: In response to the operation of continuing to move the fifth distance along the third direction, a sixth input event is obtained, the sixth input event including a sixth coordinate, the sixth coordinate being the coordinate of the touch point when the operation of moving the fifth distance along the third direction is completed; Determine whether the third included angle is less than or equal to the first angle; the third included angle is the angle between the ray along the third direction and the ray along the fourth direction; Based on the result of the judgment, if the third included angle is greater than the first angle, the first group of brush icons will be displayed in the first control.

11. The method as described in claim 6 or 7, characterized in that, The fourth included angle is greater than the first angle, and the fourth included angle is the angle between the ray along the first direction and the ray along the fourth direction.

12. The method according to any one of claims 1-11, characterized in that, The step of displaying the first group of brush icons in the first control specifically includes: displaying the first group of brush icons in a non-editing state in the first control; The method further includes: between the second time and the third time, in response to a long press operation on the first control, a first group of brush icons in edit mode is displayed in the first control; At the third moment, in response to the operation of pressing the first control and moving it a first distance along the first direction, a second set of brush icons is displayed in the first control, specifically including: At the third moment, in response to the operation of pressing the first control containing the first set of brush icons in the editing state and moving the first distance along the first direction, the second set of brush icons in the editing state is displayed in the first control.

13. The method as described in claim 12, characterized in that, The method further includes: Between the second moment and the third moment, in response to the long press operation on the first control, the edit complete button is displayed in the first control; After the third moment, in response to the click operation of the edit complete button, a second set of brush icons in a non-editing state is displayed in the first control.

14. The method according to any one of claims 1-13, characterized in that, The first control includes a minimize button, and the method further includes: In response to clicking the minimize button, a second control is displayed; the second control contains a brush icon. In response to a press of the second control and a movement of the first distance along the first direction, the second control is displayed at a sixth position on the display screen.

15. An electronic device, characterized in that, The electronic device includes one or more memories and one or more processors; the one or more memories are coupled to the one or more processors, the memories are used to store computer program code, the computer program code includes computer instructions, and the processor calls the computer instructions to perform the method of any one of claims 1-14.

16. A computer-readable storage medium, characterized in that, Used to store computer instructions that, when executed on an electronic device, cause the electronic device to perform the method described in any one of claims 1-14.

Images