Display method and related equipment

Abstract

The invention discloses a display method and related equipment. According to the method, after the electronic equipment receives the operation on the brush collection column, whether the brush collection column is moved or not and whether the brush icon in the brush collection column is displayed in a rolling mode or not can be determined by combining the sliding direction and / or the sliding distance corresponding to the operation. According to the method, a control does not need to be additionally arranged to move the brush collection column, the intention of the user can be better recognized under the condition that the brush collection column is simplified, and the accuracy of adopting corresponding processing modes for different operations is improved.

Description

Technical Field

[0001] This application relates to the field of terminal technology, and in particular to a display method and related equipment. Background Technology

[0002] As electronic devices have become increasingly sophisticated, they offer a more convenient way to record information compared to paper. Electronic devices not only support the recording of diverse information, as well as the deletion, modification, and sharing of recorded information, but also support various recording formats (e.g., text, images, and videos). For handwritten notes, electronic devices offer a wider range of writing and editing tools. For example, note-taking applications on electronic devices can be used to record various matters and notes, and users can use multiple categories and colors of brushes provided by the device to handwrite notes. To facilitate quicker selection of specific brushes, electronic devices offer a brush collection function. Users can save specific brushes, and the corresponding icon of that brush can be displayed in the brush collection bar. Summary of the Invention

[0003] This application provides a display method and related device. According to the method, after receiving an operation on the brush collection bar, the electronic device can determine how to respond to the operation by combining the corresponding sliding direction and / or sliding distance. This method can improve the accuracy of the electronic device in responding to user sliding operations on the brush collection bar while simplifying the brush collection bar; that is, it can more accurately identify user needs and respond accordingly.

[0004] In a first aspect, this application provides a display method. This method can be applied to an electronic device including a display screen. The method may include: at a first moment, the electronic device can display a first interface, the first interface including a first control; between the first moment and a 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 electronic device can display the first control at a second position on the display screen; at a second moment, in response to an operation of adding a brush, a first group of brush icons is 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 moment is later than the first moment; at a third moment, in response to an operation of pressing the first control and moving it a first distance in a first direction, a second group of brush icons is displayed in the first control; the third moment is later than the second moment; 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 remains unchanged.

[0005] In the solution provided in this application, when the number of brushes already in the collection is less than or equal to the maximum number of brush icons that can be displayed in the brush collection bar, after receiving a press and slide operation on the brush collection bar, the electronic device can display that the brush collection bar has been moved. Conversely, when the number of brush icons displayed in the brush collection bar is less than the number of brushes already in the collection, after receiving a press and slide operation on the brush collection bar, the electronic device determines whether to display that the brush collection bar has been moved or that the brush icons in the brush collection bar have been scrolled based on the corresponding sliding direction and / or sliding distance. This method allows dragging the entire brush collection bar without the need for additional controls. It simplifies the brush collection bar while improving the accuracy of the electronic device's response to user sliding operations on the brush collection bar, enabling more accurate identification of user needs and a more effective response.

[0006] In some embodiments of this application, the first control may be the brush collection bar mentioned below (e.g., brush collection bar 108).

[0007] It is understandable that between the first and second moments, the number of brushes that have been saved is N.

[0008] In some embodiments of this application, at the second time point, the number of brushes that have been saved is L, where L is a positive integer. It is understood that L is greater than M.

[0009] In some embodiments of this application, at a first moment, the first interface can be as follows: Figure 5A The third note interface 17 shown. The operation of pressing the first control and moving it a first distance in the first direction can be as follows: Figures 5A-5C The operation shown is pressing and sliding the brush collection bar 108 to the end touch point. In this case, the first position can be as follows: Figure 5A The brush collection bar 108 is shown in the image. The second position can be as follows: Figure 5D The location of brush collection bar 108 shown.

[0010] In some embodiments of this application, the first interface can be as follows: Figures 3F-3M The first interface is shown as a note-taking interface. Of course, the first interface can also be other note-taking interfaces or user interfaces of other applications; this application does not limit this.

[0011] In one possible implementation, at the first moment, the first interface can be as follows: Figure 3H The fourth note interface 18 is shown. In this case, N=5. The operation of adding a brush can be as follows: Figure 3JThe operation of the click-to-favorite control 1071 is shown. In this case, M = 6. At the second moment, the first interface can be as follows: Figure 3K The seventh note-taking interface 21 shown has a brush collection bar 108 as its first control. The first group of brush icons includes a second brush icon 1083, a third brush icon 1084, a fourth brush icon 1085, a fifth brush icon 1086, and a sixth brush icon 1087. At the third moment, the first interface can be as follows: Figure 3M The ninth note interface 23 is shown. 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.

[0012] In some embodiments of this application, the first set of brush icons can be as follows: Figures 7A-7D The brush icons in the brush collection bar 108 shown in any of the note-taking interfaces are similar to the second set of brush icons. Figures 7A-7D The brush icons contained in the brush collection bar 108 in any of the shown note interfaces are not identical, except that the brush icons in the first group and the second group are not exactly the same.

[0013] In some embodiments of this application, the first set of brush icons can be as follows: Figures 8A-8B The brush icons in the brush collection bar 108 shown in any of the note-taking interfaces are similar to the second set of brush icons. Figures 8A-8B The brush icons contained in the brush collection bar 108 in any of the shown note interfaces are not identical, except that the brush icons in the first group and the second group are not exactly the same.

[0014] In some embodiments of this application, the first direction may be the second sliding direction mentioned below.

[0015] In some embodiments of this application, the sliding angle corresponding to the first direction does not satisfy the first angle condition, and the first distance does not satisfy the first distance condition. The sliding angle corresponding to the first direction can be the 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.

[0016] In some embodiments of this application, the second position may be the first display position mentioned below.

[0017] It is understandable that the method described in the first aspect above can also be described in other ways. Two specific examples are given below for illustration:

[0018] Example 1: This application provides a display method. This method can be applied to an electronic device including a display screen. The method may include: the electronic device displaying a first interface, the first interface including a first control representing a first representation, the first control representing a first representation including N brush icons, the first control representing a first representation being displayed at a first position on the display screen; in response to an operation of pressing the first control representing a first representation and moving it a first distance in a first direction, the electronic device may display the first control representing a first representation at a second position on the display screen; in response to an operation of adding a brush, a second first control representing a second representation can be displayed on the first interface, the first control representing a second representation may include a first group of brush icons, the number of which in the first group is M; in response to an operation of pressing the first control representing a second representation and moving it a first distance in a first direction, the electronic device may display a second group of brush icons in the first control representing a second representation, the number of which in the second group is M, the first group of brush icons and the second group of brush icons containing at least one different brush icon, and the position of the first control representing a second representation remaining unchanged. Wherein, N is a positive integer, and M is an integer greater than or equal to N.

[0019] In some embodiments of this application, when the number of collected brushes 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 a first control with a first representation. Conversely, when the number of collected brushes is greater than the maximum number of brush icons that can be displayed in the brush collection bar (or the number of collected brushes is greater than the number of brush icons displayed in the brush collection bar), the first control displayed by the electronic device is a first control with a second representation. That is, the number of brush icons displayed in the first control with the second representation is less than the number of collected brushes.

[0020] In one possible implementation, at the first moment, the first control represented by the first representation can be as follows: Figure 3H The brush collection bar 108 in the fourth note interface 18 shown. In this case, N=5. The operation of adding a brush can be as follows: Figure 3J The operation of the click-to-favorite control 1071 is shown. In this case, M = 6. At the second moment, the first control represented by the second can be as follows: Figure 3K The brush collection bar 108 in the seventh note interface 21 shown. 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 moment, the first control represented by the second can be as follows: Figure 3MThe brush collection bar 108 in the ninth note interface 23 shown. 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.

[0021] Example 2: This application provides a display method. This method can be applied to an electronic device including a display screen. The method may include: the electronic device displaying a first interface, the first interface including a first control representing a first element, the first control representing a first element containing N brush icons, the first control representing a first element being displayed at a first position on the display screen; in response to pressing the first control representing a first element and moving it a first distance in a first direction, the electronic device displaying the first control representing a first element at a second position on the display screen; in response to adding a brush, a second first control representing a second element being displayed on the first interface, the first control representing a second element containing a first set of brush icons representing a first element, the number of the first set of brush icons being M; in response to pressing the first control representing a second element and moving it a first distance in a first direction, a third first control representing a third element being displayed on the first interface, the first control representing a third element containing a second set of brush icons representing a first element, the number of the second set of brush icons being M, and the first set of brush icons and the second set of brush icons containing at least one different brush icon, the positions of the second and third first controls representing the same element are the same. Wherein, N is a positive integer, and M is an integer greater than or equal to N.

[0022] In some embodiments of this application, when the number of collected brushes 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 a first control with a first representation. When the number of collected brushes is greater than the maximum number of brush icons that can be displayed in the brush collection bar (or the number of collected brushes is greater than the number of brush icons displayed in the brush collection bar), the first control displayed by the electronic device containing a first group of brush icons is a first control with a second representation, and the first control displayed by the electronic device containing a second group of brush icons is a first control with a third representation. That is, the number of brush icons displayed in both the second and third representations of the first control is less than the number of collected brushes.

[0023] In one possible implementation, at the first moment, the first control represented by the first representation can be as follows: Figure 3H The brush collection bar 108 in the fourth note interface 18 shown. In this case, N=5. The operation of adding a brush can be as follows: Figure 3J The operation of the click-to-favorite control 1071 is shown. In this case, M = 6. At the second moment, the first control represented by the second can be as follows: Figure 3KThe brush collection bar 108 in the seventh note interface 21 shown. 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 moment, the first control represented by the third can be as follows: Figure 3M The brush collection bar 108 in the ninth note interface 23 shown. 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.

[0024] It is understood that the methods represented by the two examples above are essentially the same as those represented by the first aspect above, and can be substituted for each other.

[0025] Similarly, when describing the methods in the first aspect above in other ways (such as Examples 1 and 2 mentioned above), any implementation of the first aspect can also be described in those other ways, and the implementations described in different ways can be substituted for each other. The following will elaborate on how to describe each implementation of the first aspect in other ways when detailing each implementation below.

[0026] In conjunction with the first aspect, in one possible implementation, the method may further include: after a third moment, in response to an operation of pressing the first control and moving it a second distance along a first direction, the electronic device may display the first control at a third position on the display screen. The second distance is greater than the first distance.

[0027] In the solution provided in this application, when a user presses and slides the first control a considerable distance, the electronic device can display the brush collection bar according to the user's sliding position. In other words, under these circumstances, the user can drag the brush collection bar. Through this method, the electronic device can accurately respond to situations where the sliding distance is large, recognizing the user's intention to drag the brush collection bar and thus improving the user experience.

[0028] In some embodiments of this application, the third position may be the second display position.

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

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

[0031] In conjunction with the first aspect, in one possible implementation, the method may further include: after a third moment, in response to an operation of pressing the first control and moving it a first distance in a second direction, the electronic device may display the first control at a fourth position on the display screen.

[0032] In the solution provided in this application, when a user presses the first control and slides it in a direction close to a preset direction, the electronic device can display the brush collection bar according to the user's sliding position. In other words, in this situation, the user can drag the brush collection bar. Through this method, the electronic device can accurately respond when the sliding direction is close to the preset direction, recognizing that the user's request is to drag the brush collection bar, thus improving the user experience. The preset direction can be set according to actual needs, and this application does not impose any limitations on it.

[0033] In some embodiments of this application, the second direction may be the first sliding direction mentioned below.

[0034] In some embodiments of this application, the second direction can be as follows: Figure 6A The direction indicated by the dashed line (i.e., horizontally to the right). At the third moment, the first control can be as follows: Figure 6A The brush collection bar 108 in the ninth note interface 23 shown. The operation of pressing the first control and moving it a first distance in the second direction can be as follows: Figures 6A-6D The operation shown is pressing the brush collection bar 108 and sliding horizontally to the right until the end of the touch point. In this case, the second position can be as follows: Figure 6A The brush collection bar 108 shown is located in position 4. The fourth position can be as follows: Figure 6D The location of brush collection bar 108 shown.

[0035] Optionally, in conjunction with Example 1 mentioned in the first aspect, in one possible implementation, after the third moment, in response to the operation of pressing the first control of the second representation and moving it a first distance in the second direction, the electronic device can display the first control of the second representation at a fourth position on the display screen.

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

[0037] In conjunction with the first aspect, in one possible implementation, the method may further include: at a fourth moment, the electronic device may receive an operation to continue moving a third distance along the first direction; between the fourth and fifth moments, the second set of brush icons may still be displayed in the first control; at the fifth moment, in response to the operation to continue moving a fourth distance along the first direction, the electronic device may display the first control at a fifth position on 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 and fifth moments, the electronic device does not receive a lift operation.

[0038] In the solution provided in this application, when the brush icons in the brush collection bar cannot be scrolled, the electronic device can still calculate the sliding distance from the initial touch point, or from the sliding trajectory point when the brush icon stops scrolling (e.g., ...). Figure 7D The third sliding trajectory point shown is as follows: Figure 8B The sliding distance is calculated from the first sliding trajectory point shown (e.g., the initial touch point), instead of from the initial touch point. This method allows for flexible configuration of strategies to determine whether the user's request is to drag the entire brush collection bar or to slide the brush icons within the brush collection bar.

[0039] It is understandable that the lifting operation can be the user's action of raising their hand.

[0040] In some embodiments of this application, the first direction may be the third sliding direction mentioned below, and the third distance may be referred to below, which will not be elaborated here. The first direction may also be the fourth sliding direction mentioned below, and the fourth distance may be referred to below, which will not be elaborated here.

[0041] In some embodiments of this application, the first direction can be as follows: Figure 7E The direction shown extends from the third sliding trajectory point to the fourth sliding trajectory point and the end touch point. The third distance can be the distance between the third and fourth sliding trajectory points, and the fourth distance can be the sliding distance between the fourth sliding trajectory point and the contact touch point. In this case, the second position can be as follows: Figure 7A The fifth position in the brush collection bar, as shown in position 108, can be as follows: Figure 7G The brush collection bar shows position 108.

[0042] In some embodiments of this 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.

[0043] It should be noted that the sliding trajectory points involved in this application can be touch points during the sliding process.

[0044] Optionally, in conjunction with Example 1 mentioned in the first aspect, in one possible implementation, the method may further include: at a fourth moment, the electronic device may receive an operation to continue moving a third distance along the first direction; between the fourth and fifth moments, the second set of brush icons may still be displayed in the first control represented by the second; at the fifth moment, in response to the operation to continue moving a fourth distance along the first direction, the electronic device may display the first control represented by the second at a fifth position on 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 and fifth moments, the electronic device does not receive a lift operation.

[0045] Optionally, in conjunction with Example 2 mentioned in the first aspect, in one possible implementation, the method may further include: at a fourth moment, the electronic device may receive an operation to continue moving a third distance along the first direction; between the fourth and fifth moments, the second set of brush icons may still be displayed in the first control represented in the third position; at the fifth moment, in response to the operation to continue moving a fourth distance along the first direction, the electronic device may display the first control represented in the third position on 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 and fifth moments, the electronic device does not receive a lift operation.

[0046] In conjunction with the first aspect, in one possible implementation, the method may further include: at a sixth moment, in response to an operation to continue moving a fifth distance along a third direction, the electronic device may display a first set of brush icons in a first control. The sixth moment is later than the third moment, and between the third and sixth moments, the electronic device has not received a lift operation.

[0047] In the solution provided in this application, when a user presses the first control and slides it in a direction close to where the brush icon is scrolled, the electronic device can scroll the brush icons in the brush collection bar according to the user's sliding position. In other words, in this situation, the brush icons in the brush collection bar can be scrolled. Through this method, the electronic device can recognize that when the sliding direction is close to the direction where the brush icon is scrolled, the user's need is to scroll the brush icons in the brush collection bar, thus responding accurately and improving the user experience.

[0048] In some embodiments of this application, the third direction does not meet the first angle threshold, and the sliding distance when moving to the fifth distance does not meet the first distance threshold. The sliding angle corresponding to the third direction can be the angle between a ray along the third direction and a ray along a 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.

[0049] Optionally, in conjunction with Example 1 mentioned in the first aspect, in one possible implementation, at the sixth moment, in response to the operation of continuing to move a fifth distance along a third direction, the electronic device may display a first set of brush icons in the first control of the second representation. The sixth moment is later than the third moment, and between the third and sixth moments, the electronic device does not receive a lift operation.

[0050] Optionally, in conjunction with Example 2 mentioned in the first aspect, in one possible implementation, at the sixth moment, in response to the operation of continuing to move a fifth distance along a third direction, the first control represented by the second can be displayed on the first interface. The sixth moment is later than the third moment, and between the third and sixth moments, the electronic device does not receive a lift operation.

[0051] In conjunction with the first aspect, in one possible implementation, in response to pressing the first control and moving it a first distance in a first direction, the electronic device displays a second set of brush icons in the first control. Specifically, this may include: in response to pressing the first control and moving it a first distance in a first direction, the electronic device can acquire a first input event; the electronic device can determine whether the first distance is greater than a first threshold; based on the result of this determination, if the first distance is less than the first threshold, the electronic device can display a second set of brush icons in the first control. The first input event may include a first coordinate, which is the touch point coordinate when the operation of moving the first distance in the first direction is completed (or the first coordinate is the touch point coordinate when the operation of moving the first distance in the first direction is completed).

[0052] In the solution provided in this application, the electronic device can determine the sliding angle and / or sliding direction based on the coordinates carried by the acquired input event, without the need for additional software modules to perform calculations, which is more convenient and simple.

[0053] In some embodiments of this application, after the electronic device acquires a first input event, it can determine a first distance based on the first coordinates and the second position included in the first input event.

[0054] It is understandable that the distance between the position corresponding to the first coordinate and the second position is the first distance.

[0055] In some embodiments of this application, the first threshold may be L2 as mentioned below.

[0056] Optionally, in conjunction with Example 1 mentioned in the first aspect, in one possible implementation, in response to pressing a first control of the second representation and moving it a first distance in a first direction, the electronic device displays a second set of brush icons in the first control of the second representation. Specifically, this may include: in response to pressing a first control of the second representation and moving it a first distance in a first direction, the electronic device can acquire a first input event; the electronic device can determine whether the first distance is greater than a first threshold; based on the result of this determination, if the first distance is less than the first threshold, the electronic device can display a second set of brush icons in the first control of the second representation. The first input event may include a first coordinate, which is the coordinate of the touch point when the operation of moving the first distance in the first direction is completed.

[0057] Optionally, in conjunction with Example 2 mentioned in the first aspect, in one possible implementation, in response to pressing the first control represented by the second element and moving it a first distance in the first direction, the first control represented by the third element can be displayed on the first interface. Specifically, this may include: in response to pressing the first control represented by the second element and moving it a first distance in the first direction, the electronic device can acquire a first input event; the electronic device can determine whether the first distance is greater than a first threshold; based on the result of this determination, if the first distance is less than the first threshold, the first control represented by the third element can be displayed on the first interface. The first input event may include a first coordinate, which is the coordinate of the touch point when the operation of moving the first distance in the first direction is completed.

[0058] In conjunction with the first aspect, in one possible implementation, in response to pressing a first control and moving it a second distance along a first direction, the electronic device displays the first control at a third position on the display screen. Specifically, this may include: in response to pressing the first control and moving it a second distance along the first direction, the electronic device can acquire a second input event; the electronic device can determine whether the second distance is greater than a first threshold; based on the result of this determination, if the second distance is greater than the first threshold, the electronic device can display the first control at the third position on the display screen. The second input event may include second coordinates, which are the coordinates of the touch point when the operation of moving the second distance along the first direction is completed (or the second coordinates are the coordinates of the touch point when the operation of moving the second distance along the first direction is completed).

[0059] It is understandable 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.

[0060] Optionally, in conjunction with Example 1 mentioned in the first aspect, in one possible implementation, in response to pressing a first control representing the second representation and moving it a second distance along a first direction, the electronic device displays the first control representing the second representation at a third position on the display screen. Specifically, this may include: in response to pressing a first control representing the second representation and moving it a second distance along the first direction, the electronic device can acquire a second input event; the electronic device can determine whether the second distance is greater than a first threshold; based on the result of this determination that the second distance is greater than the first threshold, the electronic device can display the first control representing the second representation at a third position on the display screen. The second input event may include second coordinates, which are the coordinates of the touch point when the operation of moving the second distance along the first direction is completed.

[0061] Optionally, in conjunction with Example 2 mentioned in the first aspect, in one possible implementation, in response to pressing a first control represented by a third symbol and moving it a second distance along a first direction, the electronic device displays the first control represented by a third symbol at a third position on the display screen. Specifically, this may include: in response to pressing a first control represented by a third symbol and moving it a second distance along the first direction, the electronic device may acquire a second input event; the electronic device may determine whether the second distance is greater than a first threshold; based on the result of this determination that the second distance is greater than the first threshold, the electronic device may display the first control represented by a third symbol at a third position on the display screen. The second input event may include second coordinates, which are the coordinates of the touch point when the operation of moving the second distance along the first direction is completed.

[0062] In conjunction with the first aspect, in one possible implementation, in response to pressing the first control and moving it a first distance along the second direction, the electronic device displays the first control at a fourth position on the display screen. Specifically, this may include: in response to pressing the first control and moving it a first distance along the second direction, the electronic device can acquire 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 this determination, if the first included angle is less than the first angle, the electronic device can display the first control at the fourth position on the display screen. The third input event may include a third coordinate, which is the coordinate of the touch point when the operation of moving the first distance along the second direction is completed (or the third coordinate is referred to as the coordinate of the touch point when the operation of moving the first distance along the second direction is completed). The first included angle is the angle between the ray along the second direction and the ray along the fourth direction.

[0063] In some embodiments of this application, after the electronic device acquires the third input event, it can determine whether the first included angle is less than the first angle.

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

[0065] In some embodiments of this 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 the second angle threshold.

[0066] In some embodiments of this application, the fourth direction may be a preset direction mentioned below, which can be referred to in detail below, and will not be elaborated here. In some embodiments of this application, the preset direction may be the positive x-axis direction. Of course, the preset direction may also be other directions (e.g., the positive y-axis direction), and this application does not limit this.

[0067] In some embodiments of this application, if either the sliding angle or the sliding distance meets a corresponding condition, the electronic device can display that the brush collection bar has been moved. For example, in response to pressing a first control representing a second element and moving it a second distance along a first direction, the electronic device acquires a second input event and determines, based on the second coordinates included in the second input event, whether the second distance is greater than a first threshold, or whether the angle between the ray along the first direction and the ray along the fourth direction is less than a first angle. Based on the result of this determination that the second distance is greater than the first threshold, the electronic device can display the first control representing a third element at a third position on the display screen. In this case, if the sliding distance meets a corresponding condition (such as the first distance condition mentioned below), the electronic device can display that the brush collection bar has been moved. As another example, in response to pressing a first control and moving it a first distance along a second direction, the electronic device can acquire a third input event and determine, based on the third coordinates included in the third input event, whether the first angle is less than a first angle, or whether the first distance is greater than a first threshold. Based on the result of this determination that the first angle is less than the first angle, the electronic device can display the first control at a fourth position on the display screen. In this case, if the sliding angle meets the corresponding conditions (such as the first angle condition mentioned below), the electronic device can display that the brush collection bar has been moved.

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

[0069] Optionally, in conjunction with Example 2 mentioned in the first aspect, in one possible implementation, in response to the operation of pressing the first control represented by the third direction and moving it a first distance along the second direction, the electronic device displays the first control represented by the third direction at a fourth position on the display screen. Specifically, this may include: in response to the operation of pressing the first control represented by the third direction and moving it a first distance along the second direction, the electronic device can acquire 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 a first distance is greater than a first threshold; based on the result of this determination that the first included angle is less than the first angle, the electronic device can display the first control represented by the third direction at a fourth position on the display screen. The third input event may include a third coordinate, which is the coordinate of the touch point when the operation of moving the first distance along the second direction is completed. The first included angle is the angle between the ray along the second direction and the ray along the fourth direction.

[0070] In conjunction with the first aspect, in one possible implementation, after the electronic device receives the operation to continue moving a third distance along the first direction, the method may further include: the electronic device acquiring a fourth input event; the electronic device determining whether the third distance is greater than a second threshold, and whether the second included angle is less than or equal to a second angle. It is understood that the result of this determination may include the third distance being less than the second threshold, and the second included angle being less than the second angle. The fourth input event includes a fourth coordinate, which is the touch point coordinate when the operation to continue moving a third distance along the first direction is completed (or the fourth coordinate is the touch point coordinate when the operation to continue moving a third distance along the first direction is completed). The second included angle is the angle between the ray along the first direction and the ray along the fifth direction. A second set of brush icons is displayed in the first control, specifically including: based on the result of the determination, a second set of brush icons is displayed in the first control. In response to the operation of continuing to move a fourth distance along the first direction, the electronic device displays a first control at a fifth position on the display screen. Specifically, this may include: in response to the operation of continuing to move a fourth distance along the first direction, the electronic device may acquire a fifth input event; the electronic device may determine whether the sum of the third distance and the fourth distance is greater than a second threshold, and whether the second included angle is less than or equal to a second angle; based on the result of this 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 may display the first control at the fifth position on the display screen. The fifth input event includes a fifth coordinate, which is the touch point coordinate when the operation of continuing to move a fourth distance along the first direction is completed (or the fifth coordinate is referred to as the touch point coordinate when the operation of continuing to move a fourth distance along the first direction is completed).

[0071] In some embodiments of this 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 this 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.

[0072] In some embodiments of this application, after the electronic device acquires the fourth input event, it can determine whether the first included angle is less than the second angle.

[0073] In some embodiments of this application, the fifth direction may be a preset direction mentioned below, which can be referred to in detail below, and will not be elaborated here. The fifth direction may be the same as the fourth direction.

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

[0075] In some embodiments of this 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.

[0076] 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 trajectory point (or touch point) when the operation of moving a first distance along the first direction is completed.

[0077] Optionally, in conjunction with Example 1 mentioned in the first aspect, in one possible implementation, the second set of brush icons is displayed in the first control represented by the second aspect. Specifically, this may include: based on the result of the above-mentioned judgment (specifically referring to the steps executed by the electronic device after receiving the operation of continuing to move a third distance along the first direction mentioned above), the second set of brush icons can be displayed in the first control represented by the second aspect. In response to the operation of continuing to move a fourth distance along the first direction, the electronic device displays the first control represented by the second aspect at a fifth position on the display screen. Specifically, this may include: in response to the operation of continuing to move a fourth distance along the first direction, the electronic device can acquire a fifth input event; the electronic device can determine whether the sum of the third distance and the fourth distance is greater than a second threshold, and whether the second included angle is less than or equal to a second angle; based on the result of this judgment, 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 represented by the second aspect at a fifth position on the display screen. The fifth input event includes a fifth coordinate, which is the coordinate of the touch point when the operation of continuing to move a fourth distance along the first direction is completed.

[0078] Optionally, in conjunction with Example 2 mentioned in the first aspect, in one possible implementation, the second set of brush icons is displayed in the first control represented by the third element. Specifically, this may include: based on the result of the above judgment (specifically referring to the steps executed by the electronic device after receiving the operation of continuing to move a third distance along the first direction mentioned above), the second set of brush icons can be displayed in the first control represented by the third element. In response to the operation of continuing to move a fourth distance along the first direction, the electronic device displays the first control represented by the third element at a fifth position on the display screen. Specifically, this may include: in response to the operation of continuing to move a fourth distance along the first direction, the electronic device can acquire a fifth input event; the electronic device can determine whether the sum of the third distance and the fourth distance is greater than a second threshold, and whether the second included angle is less than or equal to a second angle; based on the result of this judgment, 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 represented by the third element at a fifth position on the display screen. The fifth input event includes a fifth coordinate, which is the coordinate of the touch point when the operation of continuing to move a fourth distance along the first direction is completed.

[0079] In conjunction with the first aspect, in one possible implementation, in response to the operation of continuing to move a fifth distance along a third direction, the electronic device displays a first set of brush icons in a first control. Specifically, this may include: in response to the operation of continuing to move a fifth distance along a third direction, the electronic device may acquire a sixth input event; the electronic device may determine whether a third included angle is less than or equal to a first angle; based on the result of this determination, if the third included angle is greater than the first angle, the electronic device may display the first set of brush icons in the first control. The sixth input event includes a sixth coordinate, which is the coordinate of the touch point when the operation of moving a fifth distance along a third direction is completed. The third included angle is the angle between the ray along the third direction and the ray along the fourth direction.

[0080] Optionally, in conjunction with Example 1 mentioned in the first aspect, in one possible implementation, in response to the operation of continuing to move a fifth distance along a third direction, the electronic device displays a first set of brush icons in the first control of the second representation. Specifically, this may include: in response to the operation of continuing to move a fifth distance along a third direction, the electronic device may acquire a sixth input event; the electronic device may determine whether the third included angle is less than or equal to the first angle; based on the result of this determination, the third included angle is greater than the first angle, and the electronic device may display the first set of brush icons in the first control of the second representation. The sixth input event includes a sixth coordinate, which is the coordinate of the touch point when the operation of moving a fifth distance along a third direction is completed.

[0081] Optionally, in conjunction with Example 2 mentioned in the first aspect, in one possible implementation, in response to the operation of continuing to move a fifth distance along a third direction, the first control represented by the second is displayed on the first interface. Specifically, this may include: in response to the operation of continuing to move a fifth distance along a third direction, the electronic device can acquire 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 this determination, the third included angle is greater than the first angle, and the first control represented by the second can be displayed on the first interface. The sixth input event includes a sixth coordinate, which is the coordinate of the touch point when the operation of moving a fifth distance along a third direction is completed.

[0082] In conjunction with the first aspect, in one possible implementation, 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.

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

[0084] In conjunction with the first aspect, in one possible implementation, the electronic device displays a first set of brush icons in a first control. Specifically, this may include: the electronic device can display a first set of brush icons in a non-editing state in the first control. The method may further include: between a second and a third moment, in response to a long press operation on the first control, the first set of brush icons in an editing state can be displayed in the first control. At the third moment, in response to pressing the first control and moving it a first distance in a first direction, the electronic device displays a second set of brush icons in the first control. Specifically, this may include: at the third moment, in response to pressing the first control containing the first set of brush icons in an editing state and moving it a first distance in a first direction, the electronic device can display a second set of brush icons in an editing state in the first control.

[0085] In the solution provided in this application, when the brush collection bar is in edit mode, the brush icons in the brush collection bar are also displayed in edit mode and scrolled. The brush icons corresponding to the collected brushes can synchronize their states, thereby avoiding the problem that some brush icons are not updated when the brush icons are scrolled.

[0086] In some embodiments of this application, the first group of brush icons in the non-editing state can be as follows: Figure 9A The brush icons in the brush collection bar 108 shown can be the first group of brush icons in edit mode, such as... Figure 9B The brush icons in the brush collection bar 108 shown, the second group of brush icons in edit mode can be as follows: Figure 9CThe brush icons in the brush collection bar 108 shown.

[0087] Optionally, in conjunction with Example 1 mentioned in the first aspect, in one possible implementation, in response to the brush addition operation, after the second representation of the first control is displayed on the first interface, the method may further include:

[0088] In response to a long press operation on a first control of a second representation, a first control of a third representation containing a first group of brush icons can be displayed on a first interface. The first group of brush icons contained in the first control of the third representation has a different form than the first group of brush icons contained in the first control of the second representation. In response to a press operation on the first control of the third representation and a movement of a first distance in a first direction, the electronic device can display a second group of brush icons in the first control of the third representation; the first group of brush icons contained in the first control of the third representation has the same form as the second group of brush icons, and the second group of brush icons contained in the first control of the third representation has a different form than the second group of brush icons contained in the first control of the second representation.

[0089] Optionally, in conjunction with Example 2 mentioned in the first aspect, in one possible implementation, after the second-represented first control is displayed on the first interface in response to the brush addition operation, the method may further include: in response to a long press operation on the second-represented first control, the fourth-represented first control may be displayed on the first interface; the fourth-represented first control contains a first set of brush icons in the second representation, and the first set of brush icons in the second representation has a different shape than the first set of brush icons in the first representation; in response to a press operation on the fourth-represented first control and a movement of a first distance along a first direction, the fifth-represented first control may be displayed on the first interface; the fifth-represented first control contains a second set of brush icons in the second representation, and the second set of brush icons in the second representation has a different shape than the second set of brush icons in the first representation.

[0090] In conjunction with the first aspect, in one possible implementation, the method may further include: between the second and third moments, in response to a long press operation on the first control, an editing completion button is displayed in the first control; after the third moment, in response to a click operation on the editing completion button, the electronic device may display a second set of brush icons in a non-editing state in the first control.

[0091] In some embodiments of this application, the editing completion button may be an end-editing control (e.g., end-editing control 701) mentioned below.

[0092] Optionally, in conjunction with Example 1 mentioned in the first aspect, in one possible implementation, the first control of the third representation may further include an editing completion button. In response to an operation of pressing the first control of the third representation and moving it a first distance in a first direction, after the electronic device displays the second set of brush icons in the first control of the third representation, the method may further include: in response to a click operation on the editing completion button, the electronic device may display the first control of the second representation containing the second set of brush icons.

[0093] Optionally, in conjunction with Example 2 mentioned in the first aspect, in one possible implementation, the first control represented by the fifth representation may further include an "edit complete" button. In response to an operation of pressing the first control represented by the fourth representation and moving it a first distance in a first direction, the first control represented by the fifth representation is displayed after the first interface is shown. The method may further include: in response to a click operation on the "edit complete" button, the electronic device may display the first control represented by the third representation.

[0094] In conjunction with the first aspect, in one possible implementation, the first control may include a minimize button, and the method may further include: in response to clicking the minimize button, the electronic device may display a second control, the second control may include a brush icon; in response to pressing the second control and moving it a first distance in a first direction, the electronic device may display the second control at a sixth position on the display screen.

[0095] In some embodiments of this application, the first control can be an expanded brush collection bar, and the second control can be a minimized brush collection bar.

[0096] In some embodiments of this application, the minimize button may be a zoom-out control (e.g., zoom-out control 1081) as mentioned below.

[0097] In conjunction with the first aspect, in one possible implementation, after the electronic device displays the second control, the method may further include: in response to an operation of clicking the second control, the electronic device may display the first control.

[0098] In the solution provided in this application, when the electronic device displays the brush collection bar in a minimized state, the user can switch the brush collection bar from the minimized state to the expanded state by clicking on the brush collection bar.

[0099] In conjunction with the first aspect, in one possible implementation, the method may further include: at a seventh moment, in response to an operation to continue moving a sixth distance along the second direction, the electronic device may display a first control at a seventh position on the display screen. The seventh moment is later than the third moment, and between the third and seventh moments, the electronic device does not receive a lift-up operation.

[0100] In some embodiments of this application, the operation of continuing to move a sixth distance along the second direction can be the operation of continuing to slide from the third sliding trajectory point to the contact touch point.

[0101] Optionally, in conjunction with Example 1 mentioned in the first aspect, in one possible implementation, the method may further include: at a seventh moment, in response to the operation of continuing to move a sixth distance along the second direction, the electronic device may display a first control representing a second symbol at a seventh position on the display screen. The seventh moment is later than the third moment, and between the third and seventh moments, the electronic device does not receive a lift-up operation.

[0102] Optionally, in conjunction with Example 2 mentioned in the first aspect, in one possible implementation, the method may further include: at a seventh moment, in response to the operation of continuing to move a sixth distance along the second direction, the electronic device may display a first control represented by a third symbol at a seventh position on the display screen. The seventh moment is later than the third moment, and between the third and seventh moments, the electronic device does not receive a lift-up operation.

[0103] It should be noted that the first aspect and its various implementations can be arbitrarily combined to form new solutions. The following examples illustrate new solutions formed by these combinations; for details, please refer to the relevant content in the second, third, fourth, fifth, and sixth aspects below. It is understood that the display methods provided in the second, third, fourth, fifth, and sixth aspects below are all combinations of the first aspect or any possible implementation of the first aspect. Therefore, the beneficial effects they can achieve can be referenced from the beneficial effects of the first aspect or any possible implementation of the first aspect, which will not be elaborated upon here.

[0104] Secondly, this application provides a display method. This method can be applied to an electronic device including a display screen. The method may include: at a second moment, the electronic device can display a first interface, the first interface including a first control; between the second moment and a third moment, a first set of brush icons can be displayed in the first control, the number of the first set of brush icons being M, where M is a positive integer; at the second moment, the first control can be displayed at a second position on the display screen; at the third moment, in response to pressing the first control and moving it a first distance in a first direction, the electronic device can display a second set of brush icons in the first control; 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 contain at least one different brush icon; after the third moment, in response to pressing the first control and moving it a second distance in the first direction, the electronic device can display the first control at a third position on the display screen, the second distance being greater than the first distance.

[0105] In the solution provided in this application, when the number of brush icons displayed in the brush collection bar is less than the number of brushes already collected, after receiving a press and slide operation on the brush collection bar, the electronic device determines whether to show the brush collection bar being moved or the brush icons in the brush collection bar being scrolled based on the corresponding sliding direction and / or sliding distance. This method eliminates the need for additional controls to drag the entire brush collection bar, improving the accuracy of the electronic device's response to user sliding operations on the brush collection bar while simplifying the brush collection bar itself. In other words, it more accurately identifies user needs and responds accordingly.

[0106] In some embodiments of this application, at the second time point, the number of brushes that have been saved is L, where L is a positive integer. It is understood that L is greater than M.

[0107] In conjunction with the second aspect, in one possible implementation, the method may further include: after a third moment, in response to an operation of pressing the first control and moving it a first distance in a second direction, the electronic device may display the first control at a fourth position on the display screen.

[0108] Thirdly, this application provides a display method. This method can be applied to an electronic device including a display screen. The method may include: at a second moment, the electronic device can display a first interface, the first interface including a first control; between the second moment and a third moment, a first set of brush icons can be displayed in the first control, the number of the first set of brush icons being M, where M is a positive integer; at the second moment, the first control can be displayed at a first position on the display screen; at the third moment, in response to pressing the first control and moving it a first distance in a first direction, the electronic device can display a second set of brush icons in the first control; 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 contain at least one different brush icon; after the third moment, in response to pressing the first control and moving it a first distance in a second direction, the electronic device can display the first control at a fourth position on the display screen.

[0109] In the solution provided in this application, when the number of brush icons displayed in the brush collection bar is less than the number of brushes already collected, after receiving a press and slide operation on the brush collection bar, the electronic device determines whether to move the brush collection bar or scroll the brush icons in the brush collection bar based on the corresponding sliding direction and / or sliding distance. When the sliding distance corresponding to the operation is small, the electronic device can recognize that the user's request is to scroll the brush icons in the brush collection bar, and thus respond accurately. When the sliding direction corresponding to the operation is close to a preset direction, the electronic device can recognize that the user's request is to drag the brush collection bar, and thus respond accurately. This method allows dragging the entire brush collection bar without additional controls, improving the accuracy of the electronic device's response to user sliding operations on the brush collection bar while simplifying the brush collection bar; that is, it more accurately identifies user requests and responds accordingly.

[0110] Fourthly, this application provides a display method. This method can be applied to an electronic device including a display screen. The method may include: at a second moment, the electronic device can display a first interface, the first interface including a first control; between the second moment and a third moment, a first set of brush icons can be displayed in the first control, the number of the first set of brush icons being M, where M is a positive integer; at the first moment, the first control can be displayed at a first position on the display screen; at the third moment, in response to pressing the first control and moving it a second distance in a first direction, the electronic device can display the first control at a third position on the display screen, the second moment being later than the first moment; after the third moment, in response to pressing the first control and moving it a first distance in a second direction, the electronic device can display the first control at a fourth position on the display screen.

[0111] In the solution provided in this application, when the number of brush icons displayed in the brush collection bar is less than the number of brushes already collected, after receiving a press and slide operation on the brush collection bar, the electronic device determines whether to move the brush collection bar or scroll the brush icons in the brush collection bar based on the corresponding sliding direction and / or sliding distance. If the sliding distance is large, the electronic device can recognize that the user's request is to drag the brush collection bar and respond accurately. Similarly, if the sliding direction is close to a preset direction, the electronic device can also recognize that the user's request is to drag the brush collection bar and respond accurately. This method allows dragging the entire brush collection bar without additional controls, simplifying the brush collection bar while improving the accuracy of the electronic device's response to user sliding operations on the brush collection bar—that is, more accurately recognizing user requests and responding accordingly.

[0112] In conjunction with the fourth aspect, in one possible implementation, the method may further include: after a third moment, in response to an operation of pressing the first control and moving it a first distance in a first direction, the electronic device may display a second set of brush icons in the first control; 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 contain at least one different brush icon.

[0113] Fifthly, this application provides a display method. This method can be applied to an electronic device including a display screen. The method may include: at a first moment, the electronic device can display a first interface, the first interface including a first control; between the first moment and a second moment, N brush icons are displayed in the first control; at the first moment, the first control can be displayed at a first position on the display screen; 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 electronic device can display the first control at a second position on the display screen; at a second moment, 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, where M is an integer greater than or equal to N; the second moment is later than the first moment; after the second moment, in response to an operation of pressing the first control and moving it a second distance in a first direction, the electronic device can display the first control at a third position on the display screen. Wherein, N is a positive integer. The second distance is greater than the first distance.

[0114] In the solution provided in this application, when the number of brush icons displayed in the brush collection bar is less than the number of brushes already collected, after receiving a press and slide operation on the brush collection bar, the electronic device determines whether to show the brush collection bar being moved or the brush icons in the brush collection bar being scrolled based on the corresponding slide direction and / or slide distance. If the slide distance corresponding to the operation is large, the electronic device can recognize that the user's request is to drag the brush collection bar, thus responding accurately. This method allows dragging the entire brush collection bar without additional controls, simplifying the brush collection bar while improving the accuracy of the electronic device's response to user slide operations on the brush collection bar—that is, more accurately recognizing user requests and responding accordingly.

[0115] Sixthly, this application provides a display method. This method can be applied to an electronic device including a display screen. The method may include: at a first moment, the electronic device can display a first interface, the first interface including a first control; between the first moment and a second moment, N brush icons can be displayed in the first control; at the first moment, the first control can be displayed at a first position on the display screen; 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 electronic device can display the first control at a second position on the display screen; at the second moment, 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, where M is an integer greater than or equal to N; after the second moment, in response to an operation of pressing the first control and moving it a first distance in a second direction, the electronic device can display the first control at a fourth position on the display screen. Wherein, N is a positive integer. The second moment is later than the first moment.

[0116] In the solution provided in this application, when the number of brush icons displayed in the brush collection bar is less than the number of brushes already collected, upon receiving a press and slide operation on the brush collection bar, the electronic device determines whether to display the brush collection bar as moved or the brush icons in the brush collection bar as scrolled based on the corresponding slide direction and / or slide distance. If the slide direction corresponding to the operation is close to a preset direction, the electronic device can recognize that the user's request is to drag the brush collection bar, thus responding accurately. This method eliminates the need for additional controls to drag the entire brush collection bar, simplifying the brush collection bar while improving the accuracy of the electronic device's response to user slide operations on the brush collection bar—that is, more accurately recognizing user requests and responding accordingly.

[0117] In a seventh aspect, this application provides an electronic device including one or more memories and one or more processors; the one or more memories are coupled to the one or more processors, the memories being used to store computer program code including computer instructions, wherein the one or more processors invoke the computer instructions to cause the electronic device to perform a method as described in the first aspect or any possible implementation thereof, or, the one or more processors invoke the computer instructions to cause the electronic device to perform a method as described in the second aspect or any possible implementation thereof, or, the one or more processors invoke the computer instructions to cause the electronic device to perform a method as described in the third aspect or any possible implementation thereof, or, the one or more processors invoke the computer instructions to cause the electronic device to perform a method as described in the fourth aspect or any possible implementation thereof, or, the one or more processors invoke the computer instructions to cause the electronic device to perform a method as described in the fifth aspect or any possible implementation thereof, or, the one or more processors invoke the computer instructions to cause the electronic device to perform a method as described in the sixth aspect or any possible implementation thereof.

[0118] Eighthly, this application provides a computer storage medium. The computer storage medium includes computer instructions that, when executed on an electronic device, cause the electronic device to perform the method described in the first aspect or any implementation thereof; or, when executed on an electronic device, cause the electronic device to perform the method described in the second aspect or any possible implementation thereof; or, when executed on an electronic device, cause the electronic device to perform the method described in the third aspect or any possible implementation thereof; or, when executed on an electronic device, cause the electronic device to perform the method described in the fourth aspect or any possible implementation thereof; or, when executed on an electronic device, cause the electronic device to perform the method described in the fifth aspect or any possible implementation thereof; or, when executed on an electronic device, cause the electronic device to perform the method described in the sixth aspect or any possible implementation thereof.

[0119] Ninthly, embodiments of this application provide a chip. This chip can be applied to an electronic device. The chip includes one or more processors, which are configured to invoke computer instructions to cause the electronic device to perform a method as described in the first aspect or any possible implementation thereof; or, the processor is configured to invoke computer instructions to cause the electronic device to perform a method as described in the second aspect or any possible implementation thereof; the processor is configured to invoke computer instructions to cause the electronic device to perform a method as described in the third aspect or any possible implementation thereof; the processor is configured to invoke computer instructions to cause the electronic device to perform a method as described in the fourth aspect or any possible implementation thereof; the processor is configured to invoke computer instructions to cause the electronic device to perform a method as described in the fifth aspect or any possible implementation thereof; or the processor is configured to invoke computer instructions to cause the electronic device to perform a method as described in the sixth aspect or any possible implementation thereof.

[0120] In some embodiments of this application, the chip system may be an application processor (AP) or a system on a chip (SoC) including an AP. The method described in the first aspect or any possible implementation of the first aspect may be implemented by an AP. The method described in the second aspect or any possible implementation of the second aspect may be implemented by an AP. The method described in the third aspect or any possible implementation of the third aspect may be implemented by an AP. The method described in the fourth aspect or any possible implementation of the fourth aspect may be implemented by an AP. The method described in the fifth aspect or any possible implementation of the fifth aspect may be implemented by an AP. The method described in the sixth aspect or any possible implementation of the sixth aspect may be implemented by an AP.

[0121] In some other embodiments of this application, the chip system may include an access point (AP) and other modules. These other modules may be a modem (also known as a baseband processor).

[0122] Tenthly, embodiments of this application provide a computer program product including instructions. When the computer program product is run on an electronic device, it causes the electronic device to perform the method described as in the first aspect or any possible implementation thereof; or, when the computer program product is run on an electronic device, it causes the electronic device to perform the method described as in the second aspect or any possible implementation thereof; or, when the computer program product is run on an electronic device, it causes the electronic device to perform the method described as in the third aspect or any possible implementation thereof; or, when the computer program product is run on an electronic device, it causes the electronic device to perform the method described as in the fourth aspect or any possible implementation thereof; or, when the computer program product is run on an electronic device, it causes the electronic device to perform the method described as in the fifth aspect or any possible implementation thereof; or, when the computer program product is run on an electronic device, it causes the electronic device to perform the method described as in the sixth aspect or any possible implementation thereof.

[0123] It is 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 execute the method described in the first aspect or any implementation thereof. Therefore, the beneficial effects they can achieve can be referred to the beneficial effects of any possible implementation of the first aspect, which will not be repeated here. Attached Figure Description

[0124] Figure 1 A schematic diagram of the hardware structure of an electronic device provided in an embodiment of this application;

[0125] Figure 2 A schematic diagram of the software structure of an electronic device provided in an embodiment of this application;

[0126] Figures 3A-3M A set of user interface diagrams provided for embodiments of this application;

[0127] Figures 4A-4D Another set of user interface diagrams provided for embodiments of this application;

[0128] Figures 5A-5D Another set of user interface diagrams provided for embodiments of this application;

[0129] Figures 6A-6D Another set of user interface diagrams provided for embodiments of this application;

[0130] Figures 7A-7I Another set of user interface diagrams provided for embodiments of this application;

[0131] Figures 8A-8H Another set of user interface diagrams provided for embodiments of this application;

[0132] Figures 9A-9C Another set of user interface diagrams provided for embodiments of this application;

[0133] Figure 10 A flowchart illustrating a display method provided in an embodiment of this application;

[0134] Figures 11A-11B A schematic diagram illustrating the principle of a set of movable brush collection bars provided in an embodiment of this application;

[0135] Figures 12A-12B A schematic diagram illustrating the principle of a set of scrolling brush icons provided in an embodiment of this application. Detailed Implementation

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

[0137] It should be understood that the terms "first," "second," etc., in the specification, claims, and drawings of this application are used to distinguish different objects, not to describe a specific order. Furthermore, the terms "comprising" and "having," and any variations thereof, are intended to cover non-exclusive inclusion. For example, a process, method, system, product, or apparatus that includes a series of steps or units is not limited to the listed steps or units, but may optionally include steps or units not listed, or may optionally include other steps or units inherent to these processes, methods, products, or apparatuses.

[0138] It should be understood that the term "user interface" in the specification, claims, and drawings of this application refers to the medium interface through which an application or operating system interacts and exchanges information with the user. A common form of user interface is the graphical user interface (GUI), which refers to a user interface related to computer operation displayed graphically. It can be an icon, window, control, or other interface element displayed on the screen of an electronic device. Controls can include visual interface elements such as icons, buttons, menus, tabs, text boxes, dialog boxes, status bars, navigation bars, and widgets.

[0139] In this application, the reference to "embodiment" means that a specific feature, structure, or characteristic described in connection with an embodiment may be included in at least one embodiment of this application. The appearance of this phrase in various places throughout the specification does not necessarily refer to the same embodiment, nor is it a mutually exclusive, independent, or alternative embodiment. It will be explicitly and implicitly understood by those skilled in the art that the embodiments described in this application can be combined with other embodiments.

[0140] This application provides a display method and related device. According to the method, after receiving an operation on the brush collection bar, the electronic device can determine how to respond to the operation by combining the corresponding sliding direction and / or sliding distance. This method can improve the accuracy of the electronic device in responding to user sliding operations on the brush collection bar while simplifying the brush collection bar; that is, it can more accurately identify user needs and respond accordingly.

[0141] The apparatus involved in the embodiments of this application is described below.

[0142] The electronic devices involved in this application can be terminal devices, specifically mobile phones, tablets, wearable devices, in-vehicle devices, augmented reality (AR) / virtual reality (VR) devices, laptops, ultra-mobile personal computers (UMPCs), netbooks, personal digital assistants (PDAs), or dedicated cameras (e.g., SLR cameras, point-and-shoot cameras), etc. The embodiments of this application do not impose any restrictions on the specific type of electronic devices.

[0143] The hardware structure of the electronic device involved in the embodiments of this application is described below.

[0144] Please see Figure 1 , Figure 1This is a schematic diagram of the hardware structure of an electronic device provided in an embodiment of this application.

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

[0146] It is understood that the structures illustrated in the embodiments of this application do not constitute a specific limitation on the electronic device. It is understood that the illustrated components can be implemented in hardware, software, or a combination of both. In some embodiments of this application, the electronic device may include more components than illustrated. For example, the electronic device may include other types of sensors. In still other embodiments of this application, the electronic device may include fewer components than illustrated, or combine some components, or split some components, or arrange different components. For example, in the case of a tablet computer, a mobile communication module may not be included. The interface connection relationships between the modules illustrated in the embodiments of this application are merely illustrative and do not constitute a structural limitation on the electronic device.

[0147] A processor may include one or more processing units, such as: an application processor (AP), a modem (also known 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 the processor responsible for running the operating system and applications. The modem is the processor responsible for handling various communication protocols.

[0148] The wireless communication function of an electronic device can be implemented through antenna 1, antenna 2, a mobile communication module, a wireless communication module, and a modem. The modem can interact with the base station through antennas (e.g., antenna 1, antenna 2, etc.). In some embodiments, antenna 1 of the electronic device is coupled to the mobile communication module, and antenna 2 is coupled to the wireless communication module, enabling the electronic device to communicate with networks and other devices through wireless communication technology.

[0149] Electronic devices can achieve display functions through GPUs, displays, and application processors.

[0150] A GPU is a microprocessor for image processing, connected to a display screen and an application processor. A GPU performs mathematical and geometric calculations for graphics rendering. A processor may include one or more GPUs, which execute program instructions to generate or modify display information. A display screen is used to display images, videos, etc. In some embodiments, an electronic device may include one or more displays screens.

[0151] A camera is used to capture still images or videos. An ISP (Image Signal Processor) processes the data fed back from the camera. Light is transmitted through the lens to the camera's photosensitive element, where the light signal is converted into an electrical signal. The camera's photosensitive element then transmits the electrical signal to the ISP for processing, transforming it into an image visible to the naked eye. Electronic devices may include one or more cameras.

[0152] Internal memory may include one or more RAMs and one or more non-volatile memory (NVMs). RAMs 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 running programs, as well as user and application data. NVMs can also store executable programs and user and application data, and can be pre-loaded into RAMs for direct processor access.

[0153] In this embodiment, the code implementing the method described in this embodiment can be stored in non-volatile memory. When running a note-taking application, the electronic device can load the executable code stored in the non-volatile memory into random access memory.

[0154] External memory interfaces can be used to connect to external non-volatile memory, thereby expanding the storage capacity of electronic devices.

[0155] Electronic devices can implement audio functions through audio modules, speakers, receivers, microphones, headphone jacks, and application processors.

[0156] The operating system of an electronic device can adopt a layered architecture, event-driven architecture, microkernel architecture, microservice architecture, or cloud architecture. This application uses the layered architecture of the Android operating system as an example to exemplify the software structure of an electronic device. It should be noted that although this application uses the Android operating system (which can be simply referred to as the Android system) as an example, its basic principles are equally applicable to electronic devices based on operating systems such as iOS or Windows.

[0157] Figure 2 This is a schematic diagram of the software structure of an electronic device provided in an embodiment of this application.

[0158] The software architecture of electronic devices adopts a layered architecture, dividing the software into several layers, each with a clear role and division of labor. Layers communicate with each other through software interfaces. Taking the Android system running on an application processor (AP) as an example, in some embodiments of this application, the Android system's software architecture is divided into five layers, from top to bottom: the application layer, the framework layer, the Android runtime and system libraries, the hardware abstraction layer (HAL), and the system kernel layer.

[0159] The application layer may include a series of application packages. These application packages may include applications such as camera, gallery, calendar, call, map, WLAN, Bluetooth, music, video, and SMS. The application layer may also include a note-taking application. This application can be used to record and store various types of notes, such as text, images, and multimedia content like audio recordings. In some embodiments of this application, the note-taking application may be a system application. In some embodiments of this application, the note-taking application may be a third-party application. It is understood that the name "note-taking application" is merely an example provided in this application, and this application does not limit the application name. The application layer may also include a system user interface (systemUI). The systemUI is used to display the interface of the electronic device, such as displaying the note-taking interface, displaying the signal icon corresponding to the SIM card, and displaying the call interface.

[0160] The framework layer provides an Application Programming Interface (API) and programming framework for applications in the application layer. The framework layer can include predefined functions. For example, it may include a window manager, content provider, view system, phone manager, resource manager, notification manager, etc. The phone manager provides call functionality for electronic devices, such as managing call status (including connection and disconnection).

[0161] The framework layer may also include an input module. The input module can collect, process, and distribute various input events (e.g., key events, touch events, etc.). In some embodiments of this application, the input module can be an inputflinger. An inputflinger is a service responsible for handling input events; it can receive raw input events from hardware devices and convert them into events that the Android system can understand, such as touch events. In some embodiments of this application, the input module can be an input manager, whose main function is to listen to input devices (e.g., stylus, keyboard, mouse, etc.) and promptly pass the generated input events (e.g., screen taps, key presses, swipes, etc.) to the operating system or application, which then performs the corresponding processing. For example, if a user touches a control in an activity within an application, the input manager can convert the user's touch into a touch event, pass it to the application, and then to the control for appropriate processing.

[0162] The framework layer may also include an image compositing system (SurfaceFlinger). SurfaceFlinger is responsible for managing the UI display of all applications. By interacting with the Hardware Abstraction Layer (HAL) and GPU drivers, it is also responsible for combining the application's UI elements (such as text, images, views, etc.) into a complete screen image (or a frame).

[0163] The runtime is responsible for system scheduling and management. The runtime includes the core libraries and the virtual machine. The core libraries consist of two parts: one part contains the functionalities that the programming language (e.g., Java) needs to call, and the other part is the system's core libraries. The application layer and framework layer run in the virtual machine. The virtual machine executes the programming files (e.g., Java files) of the application layer and framework layer into binary files. The virtual machine is used to perform functions such as object lifecycle management, stack management, thread management, security and exception management, and garbage collection.

[0164] System libraries can include multiple functional modules. Examples include a Surface Manager, Media Libraries, 3D graphics processing libraries (e.g., OpenGL ES), and 2D graphics engines (e.g., SGL). The specific meanings and functions of these modules can be found in relevant technical documentation and will not be elaborated upon here.

[0165] The Hardware Abstraction Layer (HAL) is an interface layer located between the operating system kernel and upper-level software, its purpose being to abstract away hardware. The HAL is an abstract interface for device kernel drivers, providing application programming interfaces (APIs) that allow access to the underlying device to higher-level Java API frameworks. The HAL can provide a standard interface to expose device hardware functionality to these higher-level Java API frameworks. The HAL contains multiple library modules (e.g., modules related to camera, audio, and Bluetooth). When the system framework layer API requests access to the portable device's hardware, the operating system loads the corresponding library module for that hardware component.

[0166] The kernel layer is the foundation of the Android system. It is responsible for hardware drivers, networking, power, system security, and memory management. The kernel layer acts as an intermediary between hardware and software, relaying application requests to the hardware. It can include audio drivers, display drivers, camera drivers, and touch panel (TP) drivers.

[0167] It should be noted that the application provides Figure 2The illustrated software architecture diagram of the electronic device is merely an example and does not limit the specific module divisions within different layers of the Android system. For details, please refer to the descriptions of the Android system software architecture in conventional technologies. Furthermore, the method provided in this application can also be implemented on other operating systems, which will not be listed here.

[0168] For example, this application describes an embodiment where the electronic device is a tablet.

[0169] The following describes a display method provided by an embodiment of this application, in conjunction with an application scenario.

[0170] It is understood that the controls described in the embodiments of this application refer to a graphical user interface element, which may be an icon, a pop-up, or a button, etc., and this application does not impose any specific limitations on it.

[0171] 1. Open a note-taking application on your electronic device (such as...) Figures 3A-3D )

[0172] Users can click the note-taking app icon, and in response to this click, the electronic device can launch the note-taking app. Furthermore, after launching the note-taking app, users can also save brushes. It is understood that the icon mentioned in this application can refer to the document.

[0173] Optionally, the electronic device may display a desktop interface. The desktop interface may include an icon for a note-taking application. In response to clicking the note-taking application icon, the electronic device may launch the note-taking application and display its main interface.

[0174] For example, the desktop interface can be as follows: Figure 3A The desktop interface 11 shown may include icons for multiple applications (e.g., icons for weather applications, calendar applications, email applications, settings applications, app stores, note-taking applications, photo album applications, etc.). The note-taking application icon 101 corresponds to the note-taking application itself. Users can use the note-taking application to record text information, image information, etc. These application icons can be used to trigger the electronic device to launch the corresponding application. In response to clicking an application icon, the electronic device can launch the corresponding application. For example, a first application corresponds to a first application icon; in response to clicking the first application icon, the electronic device can launch the first application. Optionally, when the first application icon is clicked, the electronic device can launch the first application. It is understood that the first application can be any of the applications mentioned above, or other applications; this application does not limit this.

[0175] For example, the main interface of a note-taking application can be as follows: Figure 3B The main interface of the note-taking application shown in Figure 12. Responding to... Figure 3A As shown in the image, clicking the note-taking application icon 101 will cause the electronic device to display something like... Figure 3B The main interface of the note-taking application shown is 12. Optionally, the electronic device receives, as shown in Figure 12. Figure 3A After clicking the note-taking application icon 101 as shown, the following will be displayed: Figure 3B The main interface 12 of the note-taking application is shown. In some embodiments of this application, the electronic device receives the... Figure 3A After clicking the note-taking application icon 101 as shown (or in response to this...), Figure 3A Clicking the note-taking app icon 101 (as shown) will launch the note-taking app and display the following: Figure 3B The main interface of the note-taking application shown is 12. Optionally, the electronic device can detect actions such as... Figure 3A The operation on the icon 101 of the note-taking application shown indicates that, in response to this operation, the electronic device can launch the note-taking application and display as shown below. Figure 3B The main interface 12 of the note-taking application is shown. The main interface 12 may include icons corresponding to created notes (such as...). Figure 3B (The icons corresponding to "Unnamed Notebook" and "Welcome to Notes" are shown). The main interface 12 of the note application may also include a new note control 102. The new note control 102 can be a control for creating new notes. Optionally, this is only an illustrative example, and the new note control may also be called an add note control.

[0176] Optionally, in response to clicking the "Create New Note" control on the main interface of the note-taking application, the electronic device can display a note-creating interface. In some embodiments of this application, the note-creating interface may include controls corresponding to one or more types of notes, such as text note controls, handwritten note controls, etc.

[0177] For example, an electronic device receives such as Figure 3B After clicking the "New Note" control 102 as shown in the image, the following will be displayed: Figure 3C The note creation interface shown is 13. Optionally, it responds to... Figure 3B As shown in the image, clicking the "New Note" control 102 will cause the electronic device to display the following: Figure 3C The note creation interface 13 is shown. Optionally, the electronic device can detect actions such as... Figure 3B The operation on the newly created note control 102 shown above, in response to the operation, allows the electronic device to display, as shown below. Figure 3CThe note creation interface 13 is shown. The note creation interface 13 may include a text note control 103 and a handwritten note control 104. Users can create text notes by clicking the text note control 103, and similarly, users can create handwritten notes by clicking the handwritten note control 104.

[0178] Optionally, in response to clicking the handwritten note control in the note creation interface, the electronic device can create a new handwritten note and display the new note interface. The new note interface may include a canvas (or page) and one or more note-taking tool controls, such as brush settings controls, eraser controls, lasso controls, image insertion controls, text insertion controls, laser pointer controls, content addition controls, settings controls, page navigation controls, and search controls. The brush settings control can be used to set the brush type, thickness, and color. The eraser control can be used to erase writing marks. In response to clicking the eraser control, the electronic device can switch to the eraser tool. In this case, in response to a sliding operation on the writing marks included in the canvas, the electronic device can clear the writing marks. The lasso control can be used to select content in the canvas. In response to clicking the lasso control, the electronic device can switch to the lasso tool. In this case, in response to a selection operation on the content included in the canvas, the electronic device can select the selected content in the canvas. Furthermore, in response to dragging the selected content, the electronic device can move the selected content. The image insertion control can be used to insert images into notes. In response to clicking the image insertion control, the electronic device switches to the image insertion tool, in which case, in response to a click on the canvas, the electronic device can insert an image at the clicked location. The text insertion control can be used to insert text into notes. In response to clicking the text insertion control, the electronic device switches to the text insertion tool, in which case, in response to a click on the canvas, the electronic device can insert text (e.g., a text box) at the clicked location. The laser pointer control can be used to mark content in the new note interface without affecting writing marks. In response to clicking the laser pointer control, the electronic device switches to the laser pointer tool, in which case, in response to a swipe operation in the new note interface, a swipe mark is displayed in the new note interface, and in response to a release operation after the swipe, the swipe mark previously displayed in the new note interface disappears. The content addition control can be used to add pages to the note, add draft paper, or import images / documents. In response to clicking the content addition control, a content addition pop-up is displayed in the new note interface. The content addition pop-up may include options for adding pages, adding draft paper, importing images, and importing documents. Users can add pages to notes (e.g., newly created handwritten notes on electronic devices) using the page addition option. Users can also add draft paper to notes using the draft paper addition option. Users can add images to notes using the image import option. Users can also add documents to notes using the document import option. Settings controls can be used to configure the notes' pages, page turning methods, etc. In response to clicking the settings controls, a settings pop-up is displayed on the new note interface.The settings pop-up can include page setup options, page turning settings options, a one-stroke drawing toggle, and a pen-only toggle. Users can configure the note's page format through the page setup options, such as setting it to blank / grid / horizontal lines. Users can also configure the page turning method through the page turning options, such as setting it to left / right or up / down. Users can also click the one-stroke drawing toggle to enable the one-stroke drawing function, allowing for quick drawing of ellipses, circles, lines, and other shapes. Users can also use the page navigation control to navigate through the notes, allowing for quick viewing of all pages. In response to clicking the page navigation control, the electronic device can display thumbnails of the notes' pages. Furthermore, in response to clicking a specific page thumbnail, the electronic device can display the corresponding note page on the canvas. Users can also use the search control to search for text within the notes. In response to clicking the search control, the electronic device can display a search bar. Furthermore, in response to input in the search bar, the electronic device can display the page (or page thumbnail) containing the corresponding input.

[0179] It is understood that this application does not limit the specific location of the multiple note-taking tool controls in the new note creation interface. In some embodiments of this application, the new note creation interface may include more or fewer note-taking tool controls, and this application does not limit this. For example, the new note creation interface may also include a formula insertion control, a ruler control, a magnifying glass control, etc. In response to clicking the formula insertion control, the electronic device can insert a formula into the note. In response to clicking the ruler control, the electronic device can display a ruler, in which case the user can measure distances using the ruler displayed by the electronic device. In response to clicking the magnifying glass control, the electronic device can display a canvas and a magnified area. The content of a specific area in the canvas can be displayed in the magnified area.

[0180] In some embodiments of this application, the functions of the multiple note-taking tool controls mentioned above can be implemented by a single note-taking tool control; similarly, the multiple functions of a single note-taking tool control mentioned above can be implemented by multiple note-taking tool controls.

[0181] It is understood that the notes mentioned above can be handwritten notes created on electronic devices, or other types of notes, and this application does not limit them.

[0182] For example, the new note interface can be as follows: Figure 3D The new note interface 14 is shown. Brush settings controls may include, for example... Figure 3DThe brush setting controls 1051 and 1052 shown, the erase control, lasso control, image insertion control, text insertion control, laser pointer control, content addition control, settings control, page navigation control, and search control can be respectively as follows: Figure 3D The erase control 1053, lasso control 1054, image insertion control 1055, text insertion control 1056, laser pointer control 1057, content addition control 1058, settings control 1059, page navigation control 141, and search control 142 shown are also included. The electronic device receives... Figure 3C After clicking the handwritten note control 104 as shown, the following will be displayed: Figure 3D The new note interface 14 is shown. Optionally, it responds to, as shown in... Figure 3C As shown in the image, clicking the handwriting note control 104 will cause the electronic device to display the following: Figure 3D The newly created note interface 14 is shown. In some embodiments of this application, the electronic device receives, as shown in... Figure 3C After the operation of clicking the handwritten note control 104 as shown (or in response to, for example) Figure 3C Clicking the handwritten note control 104 (as shown) allows you to create a handwritten note and display it as follows: Figure 3C The new note interface 14 is shown. Optionally, the electronic device can detect actions such as... Figure 3C The operation on the handwritten note control 104 shown above, in response to the operation, the electronic device can display as follows: Figure 3D The new note interface 14 is shown. The new note interface 14 may include a note toolbar 105. The note toolbar 105 may include one or more brush setting controls (e.g., ...). Figure 3D The first brush setting control 1051 and the second brush setting control 1052 are shown. Users can click the corresponding brush setting control to set the brush used for writing, specifically relating to the brush type (e.g., fountain pen, ballpoint pen, pencil, and marker), thickness, and color. The new note interface 14 may also include a canvas 106. Users can write on the canvas 106. In some embodiments of this application, when the user writes in a display area outside the canvas 106, the electronic device does not display the writing trajectory (or writing marks) outside the canvas 106.

[0183] In some embodiments of this application, the brush settings control is not selected before the user clicks it, and is selected after the user clicks it. This can also be understood as the brush settings control changing from being unselected to being selected after the user clicks it. Alternatively, it can be understood that the brush settings control changes from being unselected to being selected when it is clicked.

[0184] In some embodiments of this application, the appearance of the same control (e.g., an icon) when it is selected differs from its appearance when it is not selected. This can also be understood as the selected state of the control being different from its unselected state. For example, different appearances of controls may include any one or more of the following: different positions of the controls, different colors of the controls (e.g., line color, fill color, etc.), different patterns contained in the controls, and different text contained in the controls. It should be noted that the selected control and the unselected control can also be understood as different controls. For example, an electronic device may display a first icon, and after the first icon is clicked, the electronic device may display a second icon.

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

[0186] In one possible implementation, the outline of the brush settings control is thickened when it is selected. For example, as shown... Figure 3D As shown, the second brush setting control 1052 is not selected, and its outline is not thickened, as... Figure 3E As shown, the second brush setting control 1052 is selected, and its outline is thickened. In another possible implementation, the fill color of the brush setting control changes when it is selected. It is understood that other behaviors are possible when the brush setting control is selected, and this application does not limit this.

[0187] In some embodiments of this application, a brush settings control in the notes toolbar can correspond to one or more categories of brushes. For example, such as... Figure 3D As shown, the first brush setting control 1051 can correspond to three types of brushes: ballpoint pen, fountain pen, and pencil, while the second brush setting control 1052 can correspond to one type of brush: marker pen.

[0188] In some embodiments of this application, when the brush setting control corresponds to multiple categories of brushes, the electronic device can display a brush setting area in response to clicking the brush setting control. It is understood that the brush setting area can be a display area, a window (e.g., a pop-up), or a card; this application does not limit its specific form. The brush setting area may include multiple brush category controls. Each brush category control corresponds to a brush category. The user can switch brush categories by clicking the corresponding brush category control. For example, in response to clicking the first brush setting control 1051, the electronic device can display... Figure 3IThe fifth note-taking interface 19 is shown. The brush setting area 109 in the fifth note-taking interface 19 may include a first brush category control 1091, a second brush category control 1092, and a third brush category control 1093. These three brush category controls each correspond to a brush category, as detailed below, and will not be elaborated upon here.

[0189] As mentioned above, the same control can exhibit different behaviors in different states; these different states can be understood as different controls. It is understood that these different states can include the unselected and selected states mentioned above, as well as other states, which this application does not limit. For example, different behaviors of controls can include any one or more of the following: different control positions, different control colors (such as line color, fill color, etc.), and different patterns contained in the control (see reference...). Figure 3I and Figure 3J The first brush setting control shown is 1051, and the text contained in the control is different.

[0190] In some embodiments of this application, when the brush setting control corresponds to multiple categories of brushes, the brush setting control also corresponds to multiple states, and each category corresponds to one state. This can also be understood as each state of the brush setting control corresponding to one icon. In this case, if the brush setting control corresponds to multiple states, the brush setting control can be represented by 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 will change accordingly). Based on the above, in one possible implementation, when 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 one brush category. In this case, in response to clicking on an unselected brush category control (or an unselected brush category control) among the multiple brush category controls, the electronic device can switch to the brush corresponding to the clicked brush category control.

[0191] In one possible implementation, in response to clicking the second brush category control 1092, the electronic device can display as follows: Figure 3I The first brush setting control 1051 is shown, and in response to clicking the first brush category control 1091, the electronic device can display as follows: Figure 3J The first brush setting control 1051 is shown. Figure 3I The pattern contained in the first brush setting control 1051 shown is different from that shown. Figure 3JThe pattern contained in the first brush setting control 1051 is shown. It is understood that the state of the brush setting control can also change in other ways, and this application does not limit this.

[0192] 2. When a user favorites a brush, the corresponding brush favorites bar is displayed on the electronic device (e.g., ...). Figures 3E-3M )

[0193] After launching a note-taking app and creating a new handwritten note on an electronic device, the user can save brushes, and the device will display a brush save bar. It's also understandable that the electronic device can open an existing handwritten note, and the user can save brushes after opening the note.

[0194] It is understood that the brush collection bar can have various forms of representation, such as its shape and icon arrangement, which can be set according to actual needs. This application does not impose any restrictions on this. The brush collection bar shown below can be understood as an example provided by this application and should not be regarded as a limitation of this application.

[0195] Optionally, in response to a click on the brush settings control, the electronic device can display a first note-taking interface. The first note-taking interface may include a first brush settings area. The first brush settings area may include a favorites control.

[0196] For example, the first note-taking interface can be as follows: Figure 3E The first note interface 15 shown can have the following settings: the first brush setting area can be as follows: Figure 3E The first brush setting area 107 is shown. The electronic device receives, as shown... Figure 3D After clicking the second brush settings control 1052 as shown in the image, the following will be displayed: Figure 3E The first note interface 15 is shown. Optionally, it responds to, as shown in... Figure 3D As shown in the image, clicking the second brush setting control 1052 will cause the electronic device to display the following: Figure 3E The first note interface 15 is shown. Optionally, the electronic device can detect, for example... Figure 3D The operation of clicking the second brush setting control 1052, as shown, responds to which the electronic device can display as follows: Figure 3EThe first note-taking interface 15 is shown. The first note-taking interface 15 may include a first brush setting area 107. The first brush setting area 107 may include a favorites control 1071. In some embodiments of this application, the first brush setting area 107 may also include a brush thickness slider and one or more color options. In response to a sliding operation on the brush thickness slider, the electronic device can adjust the brush thickness. In response to clicking a color option, the electronic device can adjust the current brush color to the color corresponding to the clicked color option. In some embodiments of this application, the first brush setting area 107 may also include a favorites bar display switch 1072.

[0197] Understandably, electronic devices receive, such as Figure 3D After clicking the second brush setting control 1052, the electronic device uses the brush shown in the first brush setting area 107, which is a marker pen with a diameter (or thickness) of 10 millimeters (mm) and a black color. In this case, when the user writes on the canvas 106, the writing marks displayed by the electronic device are the marks left by the 10mm black marker pen.

[0198] In some embodiments of this application, when a user has not saved any brushes (or the number of saved brushes is 0), the brush save bar display switch can be grayed out (or the brush save bar display switch is in an unresponsive state). For example, as shown... Figure 3E As shown, there are currently no brushes in the favorites list, and the favorites display switch 1072 is grayed out. In this case, the electronic device does not respond to user operations on the favorites display switch 1072.

[0199] In some embodiments of this application, the brushes that have been collected in this application may be referred to as brushes collected by the electronic device, or brushes collected by the electronic device.

[0200] In some embodiments of this application, when the user has not saved any brushes (or the number of brushes that have been saved is 0), the brush setting area (e.g., the first brush setting area 107) does not include a favorites bar display switch (e.g., favorites bar display switch 1072). After the user saves a brush, the favorites bar display switch is displayed in the brush setting area.

[0201] In some embodiments of this application, after a user favorites a brush, the electronic device can turn on (or enable) the favorites display switch. Optionally, in response to the user's brush favorite operation, the electronic device can turn on the favorites display switch. This means that after a user favorites a brush, the electronic device can display the brush favorites list. It can also be understood that after the number of favorited brushes changes from 0 to 1, the favorites display switch can change from a non-responsive state to an on state.

[0202] In some other embodiments of this application, after a user favorites a brush, the electronic device may not turn on the switch to display the favorites bar. This means that after a user favorites a brush, the electronic device may not display the brush favorites bar; furthermore, in response to clicking the switch to display the favorites bar, the electronic device may display the brush favorites bar.

[0203] It is understandable that when the favorites display switch is on, the electronic device can display the brush favorites bar, while when the favorites display switch is off, the electronic device does not display the brush favorites bar. According to the above, in some embodiments of this application, when the favorites display switch is grayed out (or in a non-responsive state), the electronic device does not display the brush favorites bar, nor does it respond to operations related to the favorites display switch. It should be noted that the grayed-out state is different from the off state. When the favorites display switch is grayed out, the electronic device does not respond to operations related to the favorites display switch; however, when the favorites display switch is off, the user can switch the favorites display switch from off to on, which means that the electronic device can respond to operations related to the favorites display switch. For example, in response to an operation related to the favorites display switch (such as clicking the favorites display switch), the favorites display switch is changed from off to on, and the electronic device can display the notes favorites bar.

[0204] Optionally, users can save the brushes corresponding to a brush setting area by clicking the save control in the brush setting area (e.g., the first brush setting area). In some embodiments of this application, the save control is not selected (or is in an unselected state) before the user clicks it, and is selected (or is in a selected state) after the user clicks it. That is, in response to the user's operation of clicking the save control, the save control can be changed from an unselected state to a selected state.

[0205] For example, a collection control can be such as Figure 3E The collection control 1071 shown is displayed. The electronic device receives, as shown... Figure 3E After clicking the collection control 1071 as shown, the following will be displayed: Figure 3F The second note interface 16 is shown. Optionally, it responds to, as... Figure 3EThe operation of clicking the favorite control 1071 shown can display the following on the electronic device: Figure 3F The second note interface 16 is shown. Optionally, the electronic device can detect, as... Figure 3E The operation of clicking the favorite control 1071 shown above, in response to this operation, the electronic device can display as follows: Figure 3F The second note-taking interface 16 is shown. Unlike the first note-taking interface 15, the collection control 1071 in the second note-taking interface 16 is selected (e.g., ...). Figure 3F The collection control 1071 shown is filled with black, while the collection control 1071 in the first note interface 15 is in an unselected state (e.g., Figure 3E The collection control 1071 shown is filled with white.

[0206] It is understandable that the collection control can have other forms of expression when it is selected, and similarly, it can have other forms of expression when it is not selected. The expression of the control in different states can be referred to the relevant description above, and this application does not impose any restrictions on it.

[0207] In some embodiments of this application, in response to such Figure 3E As shown, clicking the favorites control 1071 allows the electronic device to turn on the favorites display switch 1072. In other words, the favorites display switch 1072 can be activated by... Figure 3E The graying state shown changes to as follows Figure 3F In the open state shown, the electronic device can display a brush collection bar 108. The brush collection bar 108 may include a first brush icon 1082 and a minimize control 1081. The first brush icon 1082 corresponds to the icon for the 10mm black marker mentioned above. Users can quickly switch brushes to the 10mm black marker by clicking the first brush icon 1082. Users can minimize the brush collection bar 108 by clicking the minimize control 1081, which can also be understood as switching the brush collection bar 108 from an expanded state to a collapsed state (or minimized state).

[0208] It is understood that, in the expanded state, if the number of collected brushes is less than or equal to 'a', the brush collection bar displayed on the electronic device can include icons corresponding to all collected brushes; that is, icons corresponding to all collected brushes are displayed in the brush collection bar. However, if the number of collected brushes is greater than 'a', the brush collection bar displayed on the electronic device can include icons corresponding to 'a' collected brushes; that is, icons corresponding to 'a' collected brushes are displayed in the brush collection bar, and icons corresponding to all collected brushes cannot be displayed in the brush collection bar. It is understood that 'a' represents the maximum number of brush icons that can be displayed in the brush collection bar, and its related description can be found below, which will not be elaborated upon here. In the minimized state, only one brush icon is displayed in the brush collection bar.

[0209] In some embodiments of this application, when the brush currently being used by the user is a brush that has been saved, the minimized brush save bar only includes the icon corresponding to the currently used brush; when the brush currently being used by the user is not a brush that has been saved, the minimized brush save bar only includes the icon corresponding to the brush that was saved most recently.

[0210] In some embodiments of this application, regardless of whether the brush currently used by the user (or the currently selected brush) is a brush that has been saved, the minimized brush save bar only includes the icon corresponding to the brush that was saved most recently by the electronic device.

[0211] In some embodiments of this application, if the brush currently being used by the user is a brush that has been saved, the icon corresponding to the currently used brush in the brush save bar is selected (or is in a selected state).

[0212] In one possible implementation, the outline of the brush icon is thickened when it is selected. For example, as shown below... Figure 3F As shown, the user is currently using a 10mm black marker brush, which is a saved brush, and its corresponding icon is the first brush icon, 1082. Figure 3F As shown, the outline of the first brush icon 1082 in the brush collection bar 108 is thickened, indicating that the first brush icon 1082 is selected (or in a selected state). In another possible implementation, when a brush icon is selected, it is filled with a different color (a different color than the color filled when the brush icon is not selected). It is understood that electronic devices can also indicate that a brush icon is selected in other ways, and this application does not impose any specific limitations on this.

[0213] Understandably, users can favorite one or more brushes. When a user favorites multiple brushes (or multiple brushes are already favorited), the brush favorites bar can include icons for those multiple brushes.

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

[0215] For example, the third note-taking interface can be as follows: Figure 3G The third note-taking interface 17 is shown. When the electronic device displays the third note-taking interface 17, three brushes have been saved. The brush save bar 108 in the third note-taking interface 17 includes icons corresponding to the three saved brushes (i.e., first brush icon 1082, second brush icon 1083, and third brush icon 1084) and a zoom-out control 1081. Among them, the brush corresponding to the first brush icon 1082 is a 10mm black marker, the brush corresponding to the second brush icon 1083 is a 5mm black marker (i.e., the brush type is marker, the brush thickness is 5mm, and the brush color is black), and the brush corresponding to the third brush icon 1084 is a 0.38mm black fountain pen (i.e., the brush type is fountain pen, the brush thickness is 0.38mm, and the brush color is black).

[0216] In some embodiments of this application, the order in which the brush icons in the brush collection bar are arranged is consistent with the order in which the user collected the corresponding brushes. That is, the order in which the brush icons in the brush collection bar are arranged is consistent with the order in which the brushes corresponding to those brush icons were collected.

[0217] In one possible implementation, the icons in the brush collection bar are arranged vertically (e.g., ...). Figure 3F and Figure 3G As shown in the diagram, the icons corresponding to brushes that were collected later are located at the top of the brush collection bar, while the icons corresponding to brushes that were collected earlier are located at the bottom of the brush collection bar. For example, the topmost brush icon in the brush collection bar corresponds to the latest collected brush, and the bottommost brush icon corresponds to the earliest collected brush.

[0218] For example, if a user's earliest saved brush is a 10mm black marker, followed by a 5mm black marker, and their latest saved brush is a 0.38mm black fountain pen, then in this case, such as Figure 3GAs shown, the icon corresponding to the 10mm black marker, i.e., the first brush icon 1082, is located at the top of the brush collection bar 108. The icon corresponding to the 0.38mm black fountain pen, i.e., the third brush icon 1084, is located at the bottom of the brush collection bar 108. The icon corresponding to the 5mm black marker, i.e., the second brush icon 1083, is located between the first brush icon 1082 and the third brush icon 1084.

[0219] In one possible implementation, the icons in the brush collection bar are arranged vertically (e.g., ...). Figure 3F and Figure 3G As shown in the diagram, the icons corresponding to brushes that are collected later are located at the bottom of the brush collection bar, while the icons corresponding to brushes that are collected earlier are located at the top of the brush collection bar. For example, the bottommost brush icon in the brush collection bar corresponds to the latest collected brush, and the topmost brush icon corresponds to the earliest collected brush.

[0220] In one possible implementation, the icons in the brush collection bar are arranged horizontally, with the icons corresponding to brushes that were collected later located on the right side of the brush collection bar, and the icons corresponding to brushes that were collected earlier located on the left side of the brush collection bar. For example, the rightmost brush icon in the brush collection bar corresponds to the latest collected brush, and the leftmost brush icon corresponds to the earliest collected brush.

[0221] In one possible implementation, the icons in the brush collection bar are arranged horizontally, with the icons corresponding to brushes that were collected later located on the left side of the brush collection bar, and the icons corresponding to brushes that were collected earlier located on the right side of the brush collection bar. For example, the leftmost brush icon in the brush collection bar corresponds to the latest collected brush, and the rightmost brush icon corresponds to the earliest collected brush.

[0222] It should be noted that this application uses the vertical distribution of icons in the brush collection bar as an example for illustration. For the specific implementation of other distribution forms of icons in the brush collection bar, please refer to the relevant descriptions when they are vertically distributed. This application will not elaborate on this further.

[0223] In some embodiments of this application, the number of brush icons that can be displayed in the brush collection bar is less than or equal to 'a', or in other words, a maximum of 'a' brush icons can be displayed in the brush collection bar. Here, 'a' is a positive integer, and this application does not limit its specific value. For example, 'a' can be 5. That is, a maximum of 5 brush icons can be displayed in the brush collection bar.

[0224] In some embodiments of this application, the number of brushes that have been collected is equal to the maximum number of brush icons displayed in the brush collection bar. In this case, all icons corresponding to the collected brushes can be displayed in the brush collection bar, and the electronic device can display a fourth note-taking 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-taking interface can be as follows: Figure 3G The third note-taking interface 17 shown, and the fourth note-taking interface can be as follows: Figure 3H The fourth note-taking interface 18 is shown. (As shown) Figure 3G As shown, when three brushes are already saved, the brush collection bar 108 can include the icons corresponding to these three saved brushes, namely, the first brush icon 1082, the second brush icon 1083, and the third brush icon 1084. In this case, the brush icons in the brush collection bar 108 cannot be scrolled. Furthermore, with three brushes already saved, the user can continue to save other brushes until the number of saved brushes reaches five. Figure 3H As shown, when five brushes have been saved, the electronic device can display a fourth note-taking interface 18. These five saved brushes are a 10mm black marker, a 5mm black marker, a 0.38mm black fountain pen, a 0.5mm black pencil, and a 0.38mm black ballpoint pen. The brush save bar 108 in the fourth note-taking interface 18 can include icons corresponding to the five saved brushes (i.e., first brush icon 1082, second brush icon 1083, third brush icon 1084, fourth brush icon 1085, and fifth brush icon 1086). The brushes corresponding to the first brush icon 1082, second brush icon 1083, and third brush icon 1084 are described above and will not be repeated here. The fourth brush icon 1085 corresponds to a 0.5mm black pencil (i.e., the brush type is 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 type is ballpoint pen, the brush thickness is 0.38mm, and the brush color is black).

[0225] In some embodiments of this application, the number of brushes a user can collect is less than or equal to b, or a user can collect a maximum of b brushes, or a maximum of b brushes can be collected. It is understood that this application does not limit the specific value of b. For example, b can be 10. In some embodiments of this 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 the maximum number of brush icons displayed in the brush collection bar) is less than the maximum number of brushes that can be collected (or the maximum number of brushes that can be collected). It can also be understood that the maximum number of brush icons displayed in the brush collection bar (or the maximum number of brush icons displayed in the brush collection bar) is less than the maximum number of brushes a user can collect. In some embodiments of this application, the brush icons included in the brush collection bar in the note-taking interface can be brush icons displayed in that brush collection bar, but do not include brush icons that have been collected but not displayed in the brush collection bar. In some embodiments of this application, the brush icons included in the brush collection bar can be brush icons displayed in the brush collection bar and brush icons that have been collected but not displayed in the brush collection bar.

[0226] Understandably, if the number of collected brushes is no greater than the number of brush icons displayed in the brush collection bar, all icons corresponding to the collected brushes can be displayed in the brush collection bar. This means that the brush icons in the brush collection bar do not need to be scrolled; the electronic device can display all icons corresponding to the collected brushes in the brush collection bar. However, if the number of collected brushes is greater than the number of brush icons displayed in the brush collection bar, the electronic device cannot display all icons corresponding to the collected brushes in the brush collection bar. In this case, the brush icons in the brush collection bar can be scrolled to allow the electronic device to display brush icons that were not originally displayed in the brush collection bar.

[0227] Optionally, users can continue to favorite brushes by clicking the brush settings control in the fourth note interface. In response to clicking the brush settings control in the fourth note interface, the electronic device can display the fifth note interface. It can be understood that when the electronic device displays the fifth note interface, the number of favorited brushes is equal to the maximum number of brush icons displayed in the brush favorites bar.

[0228] For example, the fifth note interface can be as follows: Figure 3I The fifth note interface 19 is shown. The electronic device receives, as shown... Figure 3H After clicking the first brush settings control 1051 as shown in the image, the following will be displayed: Figure 3I The fifth note interface 19 is shown. Optionally, it responds to, as... Figure 3HAs shown in the image, clicking the first brush setting control 1051 will cause the electronic device to display the following: Figure 3I The fifth note interface 19 is shown. Optionally, the electronic device can detect, as shown... Figure 3H As shown, clicking the first brush setting control 1051 triggers an action on the electronic device, which can then display the following: Figure 3I The fifth note-taking interface 19 is shown. The fifth note-taking interface 19 may include a second brush setting area 109. Similar to the first brush setting area 107, the second brush setting area 109 may also include a favorites control, a brush thickness slider, and one or more color options. However, unlike the first brush setting area 107, the second brush setting area 109 may include a first brush category control 1091, a second brush category control 1092, and a third brush category control 1093. Specifically, the first brush category control 1091 represents a ballpoint pen, the second brush category control 1092 represents a fountain pen, and the third brush category control 1093 represents a pencil. Figure 3I As shown, the second brush category control 1092 is selected, which means that the user is currently using (or being used) a brush of the category of pen (e.g., a 0.38mm black pen), while the first brush category control 1091 and the third brush category control 1093 are unselected, which means that the user is not currently using a brush of the category of ballpoint pen or pencil.

[0229] Understandably, users can switch between brushes of the corresponding category by clicking the brush category control mentioned above. Optionally, in response to clicking the brush category control in the fifth note interface, the electronic device can switch brushes and display the sixth note interface. The sixth note interface may include a favorites control. Understandably, when the electronic device displays the sixth note interface, the number of brushes that have been favorited is equal to the maximum number of brush icons displayed in the brush favorites bar.

[0230] For example, the sixth notes interface can be as follows: Figure 3J The sixth note interface 20 is shown. The electronic device receives, as shown... Figure 3I After clicking the first brush category control 1091 as shown, the following can be displayed: Figure 3J The sixth note interface 20 is shown. Optionally, it responds to, as... Figure 3I As shown in the image, clicking the first brush category control 1091 will cause the electronic device to display the following: Figure 3J The sixth note interface 20 is shown. Optionally, the electronic device can detect, for example... Figure 3I As shown, clicking the first brush category control 1091 triggers an action on the electronic device, which can then display the following: Figure 3JThe sixth note-taking interface 20 is shown. It is understood that the pattern of the first brush setting control 1051 in the sixth note-taking interface 20 is different from the pattern of the first brush setting control 1051 in the fifth note-taking interface 19, indicating that the category of the currently used brush has changed. The sixth note-taking interface 20 may include a second brush setting area 109. Unlike the second brush setting area 109 in the fifth note-taking interface 19, in the second brush setting area 109 of the sixth note-taking interface, the first brush category control 1091 is selected, while the second brush category control 1092 and the third brush category control 1093 are unselected. This indicates that the currently used brush is a ballpoint pen, specifically a 0.5mm black ballpoint pen. Unlike the brush collection bar 108 in the fifth note-taking interface 19, no brush icon is selected in the brush collection bar 108 of the sixth note-taking interface 20, indicating that the currently used brush is not a collected brush. Figure 3I and Figure 3J The brush category control shown in the examples of selected and unselected states is merely an example provided by this application. The brush category control may have other forms of appearance when it is selected, and similarly, it may have other forms of appearance when it is unselected. This application does not impose any restrictions on this.

[0231] Optionally, users can save the currently used brush by clicking the save control in the sixth note interface. In response to clicking the save control in the sixth note interface, the currently used brush can be saved, and the electronic device can display the seventh note interface. It is understood that when the electronic device displays the seventh note interface, the number of saved brushes is greater than the maximum number of brush icons that can be displayed in the brush save bar.

[0232] For example, such as Figure 3J As shown, the second brush settings area in the sixth note interface can also include a collection control 1071. The electronic device receives, as... Figure 3J After clicking the collection control 1071 as shown, the following will be displayed: Figure 3K The seventh note interface 21 is shown. Optionally, in response to, as Figure 3J The operation of clicking the favorite control 1071 shown can display the following on the electronic device: Figure 3K The seventh note interface 21 is shown. Optionally, the electronic device can detect, as shown... Figure 3J The operation of clicking the favorite control 1071 shown above, in response to this operation, the electronic device can display as follows: Figure 3KThe seventh note interface 21 is shown. Unlike 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. In addition, in the seventh note interface 21, the collection control 1071 included in the second brush setting area 109 is selected. In other words, when the electronic device displays the seventh note interface, the collection control 1071 included in the second brush setting area 109 is selected. This means that a 0.5mm black ballpoint pen (i.e., the brush type is ballpoint pen, the brush thickness is 0.5mm, and the brush color is black) has been collected. 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. Understandably, in this case, 6 brushes have been saved. However, since a maximum of 5 brush icons can be displayed in the brush save 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 save bar 108, while the first brush icon 1082 is not displayed in the brush save bar 108.

[0233] Optionally, in response to an upward swipe operation on the seventh note-taking interface, the brush icons in the brush collection bar can be scrolled upwards, and the electronic device can display the eighth note-taking interface. It is understood that when the electronic device displays the eighth note-taking interface, the number of collected brushes is greater than the maximum number of brush icons displayed in the brush collection bar, and the collected brushes when the electronic device displays the seventh note-taking interface are the same as those when it displays the eighth note-taking interface. However, the brush icons in the seventh note-taking interface (or the brush icons displayed in the brush collection bar included in the seventh note-taking interface) are not entirely identical to the brush icons in the eighth note-taking interface (or the brush icons displayed in the brush collection bar included in the eighth note-taking interface). This can also be understood as at least one brush icon in the eighth note-taking interface being different from the brush icon in the seventh note-taking interface.

[0234] For example, the eighth note interface can be as follows: Figure 3L The eighth note interface 22 is shown. The electronic device receives, as shown... Figure 3K The effect shown is that after swiping up on brush collection bar 108, the following can be displayed: Figure 3L The eighth note interface 22 is shown. Optionally, it responds to, as... Figure 3K The effect shown is that by swiping upwards on the brush collection bar 108, the electronic device can display as follows: Figure 3L The eighth note interface 22 is shown. Optionally, the electronic device can detect, for example... Figure 3KThe upward swipe operation shown above the brush collection bar 108, in response to which the electronic device can display, as shown below... Figure 3L The eighth note-taking interface 22 is shown. The brush collection bar 108 in the eighth note-taking interface 22 may include a portion of the second brush icon 1083, a portion 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-taking interface 22, a portion of the second brush icon 1083 and a portion of the sixth brush icon 1087 are displayed in the brush collection bar 108, while the third brush icon 1084, the fourth brush icon 1085, and the fifth brush icon 1086 are fully displayed in the brush collection bar 108.

[0235] Optionally, further, in response to an upward swipe operation on the eighth note-taking interface, the electronic device can display a ninth note-taking interface. It is understood that when the user swipes upward, the brush icons in the brush collection bar are scrolled and displayed. It is also understood that when the electronic device displays the ninth note-taking interface, the number of collected brushes is greater than the maximum number of brush icons displayed in the brush collection bar, and the collected brushes when the electronic device displays the ninth note-taking interface are the same as those when the ninth note-taking interface is displayed. However, the brush icons in the ninth note-taking interface (or the brush icons displayed in the brush collection bar included in the ninth note-taking interface) are not entirely identical to the brush icons in the eighth note-taking interface (or the brush icons displayed in the brush collection bar included in the eighth note-taking interface). This can also be understood as at least one brush icon in the ninth note-taking interface being different from the brush icon in the eighth note-taking interface.

[0236] For example, the Ninth Notes interface can be as follows: Figure 3M The ninth note interface 23 is shown. The electronic device displays as follows: Figure 3L After the eighth note interface 22 shown, the electronic device can continue to receive, such as Figure 3L The effect shown is an upward swipe operation on the brush collection bar 108, and after receiving this upward swipe operation, it displays as follows. Figure 3MThe ninth note-taking interface 23 is shown. Similar to the fourth, fifth, and sixth note-taking interfaces 18 and 19, in the ninth note-taking 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. That is, the brush collection bar 108 in the ninth note-taking 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. The difference between the first brush setting control 1051 in the fourth note interface 18 and the ninth note interface 23 is that the first brush setting control 1051 in the fourth note interface 18 includes a pattern corresponding to a fountain pen, while the first brush setting control 1051 in the ninth note interface 23 includes a pattern corresponding to a ballpoint pen, not a pattern corresponding to a fountain pen.

[0237] 3. The electronic device displays that the brush collection bar has been moved.

[0238] Scenario 1: When the brush collection bar is minimized, the electronic device displays that the brush collection bar has been moved (e.g., ...). Figures 4A-4D ).

[0239] In some embodiments of this application, when the brush collection bar is minimized, in response to a pressing and subsequent sliding operation on the brush collection bar (or a pressing and moving operation on the brush collection bar), the electronic device can display the brush collection bar (or change its position on the display screen) with the sliding operation; that is, the brush collection bar can be moved and displayed with the sliding operation. In this case, the brush icons in the brush collection bar will not be scrolled. In other words, when the brush collection bar is minimized, after the electronic device receives a pressing operation on the brush collection bar and a subsequent sliding operation without releasing the finger, the brush collection bar can be moved and displayed. That is, the electronic device can display the brush collection bar according to the position of the finger, and the brush icons in the brush collection bar will not be scrolled.

[0240] It is understandable that scrolling the brush icons in the brush collection bar can also be called the animation of scrolling the brush icons in the brush collection bar on an electronic device (or the animation of the brush icons in the brush collection bar being scrolled). Similarly, moving the brush collection bar can also be called the animation of moving the brush collection bar on an electronic device (or the animation of the brush collection bar being moved), or the animation of the brush collection bar being moved on an electronic device.

[0241] Optionally, in response to clicking the minimize control in the brush collection bar, the electronic device can display the 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 minimize control in the brush collection bar, the electronic device displays the brush collection bar in an expanded state; after the electronic device receives the operation of clicking the minimize control in the brush collection bar, the electronic device displays the brush collection bar in a minimized state. It should be noted that in some embodiments of this application, the expanded brush collection bar and the minimized brush collection bar can be two separate controls. For example, the expanded brush collection bar can be a first control, and the minimized brush collection bar can be a second control.

[0242] For example, the tenth notes interface can be as follows: Figure 4A The tenth note interface 30 is shown. The electronic device receives, as shown... Figure 3K After clicking the zoom-out control 1081 as shown, the following can be displayed: Figure 4A The tenth note interface 30 is shown. Optionally, it responds to, as... Figure 3K After clicking the zoom-out control 1081 as shown, the electronic device can display as follows: Figure 4A The tenth note interface 30 is shown. Optionally, the electronic device can detect, as... Figure 3K The operation of clicking the zoom-out control 1081, as shown, allows the electronic device to display, in response to this operation, as shown in the image. Figure 4A The tenth note interface 30 is shown. The tenth note interface 30 may include a brush collection bar 108. (And...) Figures 3F-3M The note-taking interface shown is different from the one shown. Figures 3F-3M The brush collection bar 108 in the shown note interface is in an expanded state, while the brush collection bar 108 in the tenth note interface 30 is in a minimized state.

[0243] Understandably, this is in response to clicking on other note interfaces (e.g., Figures 3F-3J , Figure 3L-Figure 3M The electronic device may also display a minimized brush collection bar by using the minimize control (e.g., minimize control 1081) in the brush collection bar, and this application does not limit this.

[0244] In some embodiments of this application, the brush collection bar is in a minimized state, which may specifically include: the brush collection bar includes only a brush icon and does not include other controls or icons (e.g., a minimize control). Of course, the minimized brush collection bar may also have other forms of representation (e.g., including other patterns), and this application does not limit this.

[0245] Optionally, in response to a press and slide operation on the brush collection bar in the tenth note interface, the electronic device can display that the brush collection bar has been moved and show the eleventh note interface. Further, in response to a continued slide operation on the brush collection bar in the eleventh note interface, the electronic device can continue to display that the brush collection bar has been moved and show the twelfth note interface.

[0246] In some embodiments of this application, when the electronic device displays the eleventh note interface, the user stops the swiping operation (e.g., the user lifts their hand after swiping). Based on this, the user can press and swipe the brush collection bar in the eleventh note interface. In response to this operation, the electronic device can show that the brush collection bar has been moved and the electronic device displays the twelfth note interface.

[0247] In some embodiments of this application, when the electronic device displays the brush collection bar being moved and shows the eleventh note interface, the user does not stop the swiping operation but continues to swipe to the end touch point and lifts their hand. In response to this operation, the electronic device can display the brush collection bar being moved to the end touch point and show the twelfth note interface. The eleventh note interface can be understood as the note interface displayed by the electronic device during the user's finger swipe.

[0248] For ease of description, this application refers to the touch point at the start of the slide (or the starting point of the slide, or the touch point at the time of pressing) in the brush collection bar as the starting touch point, and the touch point at the end of the slide (or the ending point of the slide) as the ending touch point.

[0249] For example, the Eleventh Notes interface can be as follows: Figure 4B The eleventh note interface 31 is shown. The electronic device receives, as shown... Figure 4A After a sliding operation on the brush collection bar 108 from the initial touch point (e.g., a finger lands on the brush collection bar 108 and continues to slide without lifting the finger), the following can be displayed: Figure 4B The eleventh note interface 31 is shown. As mentioned above, the sliding operation of the starting touch point on the brush collection bar 108 can also be understood as pressing and sliding the brush collection bar. Optionally, in response to such Figure 4A The sliding operation of the starting touch point on the brush collection bar 108, as shown, allows the electronic device to display, as... Figure 4B The eleventh note interface 31 is shown. Optionally, the electronic device can detect, as... Figure 4A The sliding operation of the starting touch point on the brush collection bar 108, as shown, in response to the sliding operation, allows the electronic device to display as follows: Figure 4B The eleventh note-taking interface 31 shown is understood to be the note-taking interface displayed on the electronic device during user finger swiping. For example... Figure 4BAs shown, during the user's finger swipe, the position of the user's finger on the display screen changes. In response to this operation, the electronic device can display that the brush collection bar 108 has been moved. In this case, the position of the brush collection bar 108 displayed by the electronic device will also change. Figure 4B The position of brush collection bar 108 shown is different. Figure 4A The brush collection bar shows position 108.

[0250] For example, the twelfth note interface can be as follows: Figure 4C The twelfth note interface 32 is shown. When the user slides their finger to... Figure 4B After reaching the indicated position, you can continue swiping. When the user's finger reaches the end touch point, the electronic device can display as shown below. Figure 4C The twelfth note interface 32 is shown. Optionally, the electronic device receives, as shown... Figure 4B The continued sliding action on brush collection bar 108, as shown, can display the following: Figure 4C The twelfth note interface 32 is shown. Optionally, it responds to, as... Figure 4B The continued sliding operation shown on the brush collection bar 108 can be displayed on the electronic device as follows: Figure 4C The twelfth note interface 32 is shown. Optionally, the electronic device can detect, as... Figure 4B The sliding operation shown continues on the brush collection bar 108. In response to this sliding operation, the electronic device can display as follows: Figure 4C The twelfth note interface 32 is shown. It can be understood that the twelfth note interface 32 is the note interface displayed by the electronic device when the swipe ends. As mentioned above, as the user's finger continues to swipe, the touch position of the finger on the display screen changes. In response to this operation, the electronic device can display that the brush collection bar 108 has been moved, thus changing the position of the brush collection bar 108 displayed by the electronic device. Figure 4C As shown, when the user's finger slides to the end touch point, the electronic device can display the brush collection bar 108 at that end touch point. It can be understood that the position of the brush collection bar 108 at the end of the slide (e.g., as shown) Figure 4C The position of the brush collection bar 108 shown is different from the position of the brush collection bar 108 during the swiping process (for example, as shown). Figure 4B (The location of brush collection bar 108 is shown).

[0251] It is understandable that after a user slides their finger to the end touch point, they can lift their hand to end the slide. In some embodiments of this application, if the brush collection bar is minimized before the electronic device displays that the brush collection bar has been moved (or its position has changed), then the brush collection bar remains minimized after the user ends the slide. For example, as shown... Figure 4DAs shown, after the swipe ends (or the user swipes to the end touch point and lifts their hand), the electronic device can still display the minimized brush collection bar 108, that is, the electronic device can display as shown in the image. Figure 4D The twelfth note interface 32 shown is still in a minimized state, and the brush collection bar 108 in the twelfth note interface 32 has not changed from a minimized state to an expanded state.

[0252] Scenario 2: When the brush collection bar is expanded and the number of collected brushes is less than or equal to 'a', the electronic device displays that the brush collection bar has been moved (e.g., ...). Figures 5A-5D ).

[0253] In some embodiments of this application, when the brush collection bar is not minimized but expanded, if the number of collected brushes is less than or equal to 'a', the electronic device can display the brush collection bar as moved in response to a press and subsequent swipe operation on the brush collection bar (or a press and swipe operation on the brush collection bar). That is, the brush collection bar is displayed according to the position of the user's finger swipe. In this case, the brush icons in the brush collection bar will not be scrolled. In other words, when the brush collection bar is not minimized but expanded, and the number of collected brushes is less than or equal to 'a', after receiving a press operation on the brush collection bar and a subsequent swipe operation, the electronic device can display the brush collection bar after its position has changed.

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

[0255] As mentioned above, when all icons corresponding to the saved brushes are displayed in the brush collection bar, the electronic device can display the third note interface. Optionally, in response to a press and slide operation on the brush collection bar in the third note interface, the electronic device can show that the brush collection bar has been moved and display the thirteenth note interface. Further, in response to a continued slide operation on the brush collection bar in the thirteenth note interface, the electronic device can continue to show that the brush collection bar has been moved and display the fourteenth note interface.

[0256] In some embodiments of this application, when the electronic device displays the thirteenth note interface, the user does not stop the swiping operation but continues to swipe to the end touch point and lifts their hand. In response to this operation, the electronic device can display that the brush collection bar has been moved to the end touch point and display the fourteenth note interface. In one possible implementation, after the user ends the swipe (moves to the end touch point and lifts their 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 during the user's finger swipe (or, it can be the note interface displayed by the electronic device during 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 swipe (or, it can be the note interface displayed by the electronic device when the brush collection bar stops moving). In yet another possible implementation, after the user ends the swipe (moves to the end touch point and lifts their hand), the electronic device can display the fifteenth note interface. The brush collection bar in the fourteenth note interface is in a minimized state, while the brush collection bar in the fifteenth note interface is in an expanded state. In this context, the thirteenth note interface can be understood as the note interface displayed on the electronic device while the user is swiping (or, the note interface displayed on the electronic device while the brush collection bar is being moved), the fourteenth note interface can be understood as the note interface displayed on the electronic device when the user ends the swipe (or, the note interface displayed on the electronic device when the brush collection bar is stopped moving), and the fifteenth note interface can be understood as the note interface displayed on the electronic device after the user ends the swipe and raises their hand (or, the note interface displayed on the electronic device after the brush collection bar is stopped moving).

[0257] For example, the third note-taking interface can be as follows: Figure 5A The third note-taking interface 17 shown, and the thirteenth note-taking interface can be as follows: Figure 5B The thirteenth note-taking interface 40 is shown. The brush collection bar 108 in the third note-taking interface 17 includes three brush icons: a first brush icon 1082, a second brush icon 1083, and a third brush icon 1084, and also includes a zoom-out control 1081. The electronic device receives... Figure 5A After a sliding operation on the brush collection bar 108 from the initial touch point (e.g., a finger lands on the brush collection bar 108 and continues to slide without lifting the finger), the following can be displayed: Figure 5B The thirteenth note interface 40 is shown. As mentioned above, the sliding operation of the starting touch point on the brush collection bar 108 can also be understood as pressing and sliding the brush collection bar. Optionally, in response to such Figure 5A The sliding operation of the starting touch point on the brush collection bar 108, as shown, allows the electronic device to display, as... Figure 5BThe thirteenth note interface 40 is shown. Optionally, the electronic device can detect, as... Figure 5A The sliding operation of the starting touch point on the brush collection bar 108, as shown, in response to the sliding operation, allows the electronic device to display as follows: Figure 5B The thirteenth note-taking interface 40 is shown. It can be understood that the thirteenth note-taking interface 40 is the note-taking interface displayed on the electronic device during user finger swiping. The brush collection bar 108 in the thirteenth note-taking interface 40 is minimized, and it only includes the third brush icon 1084, excluding the first brush icon 1082, the second brush icon 1083, and the minimize control 1081. That is, the third brush icon 1084 is displayed in the brush collection bar 108 of the thirteenth note-taking interface 40, while the first brush icon 1082, the second brush icon 1083, and the minimize control 1081 are not displayed in the brush collection bar 108 of the thirteenth note-taking interface 40. Figure 5B As shown, during the user's finger swipe, the position of the user's finger on the display screen (or the position of the touch point) changes, and correspondingly, the position of the brush collection bar 108 displayed on the electronic device (or the position of the brush collection bar 108 displayed on the display screen of the electronic device) also changes. Figure 5B The position of brush collection bar 108 shown is different. Figure 5A The brush collection bar shows position 108.

[0258] For example, the fourteenth note interface can be as follows: Figure 5C The fourteenth note interface 41 is shown. When the user slides their finger to... Figure 5B After reaching the indicated position, you can continue swiping. When the user's finger reaches the end touch point, the electronic device can display as shown below. Figure 5C The fourteenth note interface 41 is shown. Optionally, the electronic device receives, as shown... Figure 5B The continued sliding action on brush collection bar 108, as shown, can display the following: Figure 5C The fourteenth note interface 41 is shown. Optionally, in response to, as Figure 5B The continued sliding operation shown on the brush collection bar 108 can be displayed on the electronic device as follows: Figure 5C The fourteenth note interface 41 is shown. Optionally, the electronic device can detect, as... Figure 5B The sliding operation shown continues on the brush collection bar 108. In response to this sliding operation, the electronic device can display as follows: Figure 5CThe fourteenth note-taking interface 41 is shown. It can be understood that the fourteenth note-taking interface 41 is the note-taking interface displayed on the electronic device when the user ends the swipe. Similar to the thirteenth note-taking interface 40, the brush collection bar 108 in the fourteenth note-taking interface 41 is minimized, containing only the third brush icon 1084, excluding the first brush icon 1082, the second brush icon 1083, and the minimize control 1081. That is, the third brush icon 1084 is displayed in the brush collection bar 108 of the fourteenth note-taking interface 41, while the first brush icon 1082, the second brush icon 1083, and the minimize control 1081 are not displayed. Furthermore, as mentioned above, as the user's finger continues to swipe, the touch position of the finger on the display screen changes, and correspondingly, the position of the brush collection bar 108 displayed on the display screen also changes, such as... Figure 5C As shown, when the user's finger slides to the end touch point, the electronic device can display the brush collection bar 108 at that end touch point. It can be understood that the position of the brush collection bar 108 at the end of the slide (e.g., as shown) Figure 5C The position of the brush collection bar 108 shown is different from the position of the brush collection bar 108 during the swiping process (for example, as shown). Figure 5B (The location of brush collection bar 108 is shown).

[0259] Understandably, after a user slides their finger to the end touch point, they can lift their hand to end the slide. As mentioned above, in some embodiments of this application, if the brush collection bar is not minimized but expanded before the electronic device displays that the brush collection bar has been moved (or its position on the display screen has changed), then regardless of whether the brush collection bar is moved in a minimized state during the user's slide, the electronic device will display the expanded brush collection bar after the user ends the slide.

[0260] For example, the fifteenth note interface can be as follows: Figure 5D The fifteenth note interface 42 is shown. After the user ends the swipe (or the user swipes to the end touch point and lifts their hand), the brush collection bar 108 changes from a minimized state to an 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 swipe. The brush collection bar 108 in the fifteenth note interface 42 includes a minimize control 1081, a first brush icon 1082, a second brush icon 1083, and a third brush icon 1084. That is to say, the brush collection bar 108 displayed by the electronic device at this time is different from the brush collection bar 108 before the position change (e.g., ...). Figure 5AThe brush collection bar 108 in the third note interface 17 shown is exactly the same. It can be understood that the "same as" mentioned here includes the same size, the same content, and the same arrangement of the content in the brush collection bar 108.

[0261] In some embodiments of this application, during the user's finger swipe, the electronic device can display an animation corresponding to the process of minimizing the brush collection bar (which can be simply referred to as the animation of minimizing the brush collection bar), and then display the brush collection bar after the position has changed.

[0262] For example, an electronic device receives such as Figure 5A After the tap and slide operation shown (or the slide operation where the initial touch point is on the brush collection bar 108), an animation of minimizing the brush collection bar 108 can be displayed, and after displaying this animation, it can be shown that the brush collection bar 108 has been moved. It can be understood that during the process of the electronic device displaying the movement of the brush collection bar 108, the electronic device can display a note-taking interface including the brush collection bar 108 whose position changes accordingly. 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 on the electronic device may not change, only its size may change.

[0263] Of course, electronic devices can also display an animation of minimizing the brush collection bar as it is being moved, and this application does not limit this.

[0264] Scenario 3: When the brush collection bar is expanded and the number of collected brushes is greater than 'a', the electronic device displays that the brush collection bar has been moved or that the brush icons in the brush collection bar have been scrolled (e.g., ...). Figures 6A-6D , Figures 7A-7I , Figures 8A-8H ).

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

[0266] It is understandable that when the brush collection bar is expanded and the number of collected brushes is greater than 'a', the electronic device can respond (or process) to a user action of pressing and then swiping on the brush collection bar in two ways: either the entire brush collection bar is moved, or the brush icons in the brush collection bar are scrolled. In other words, a user's press-and-swipe action on the brush collection bar may result in either scrolling of the brush icons or moving the entire brush collection bar. This can also be understood as both scrolling of the brush icons and moving the entire brush collection bar being triggered by a press and a subsequent swipe on the brush collection bar. In this situation, the electronic device struggles to provide a response that matches the user's expectations; that is, the electronic device cannot determine whether the user expects scrolling of the brush icons or moving of the entire brush collection bar. However, in this embodiment, the electronic device can identify the user's intent based on the swipe direction and / or swipe distance, and more accurately adopt a response method that matches the user's intent.

[0267] 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 meets a first angle condition or the sliding distance meets a first distance condition, then in response to the operation of pressing and sliding the brush collection bar, the electronic device can display that the brush collection bar has been moved, or that the position of the brush collection bar displayed on the screen has changed. That is, the electronic device can display the brush collection bar according to the position of the user pressing and sliding it. Furthermore, the brush icons displayed in the brush collection bar are consistent before and after the position of the brush collection bar on the screen changes. It is understood that the specific meanings of the sliding angle, sliding distance, first angle condition, and first distance condition can be referred to below, and will not be elaborated here.

[0268] It should be noted that the sliding angle involved in this application satisfies the first angle condition or the sliding distance satisfies the first distance condition, or it can mean that either of the following two conditions is met: (1) the sliding angle satisfies the first angle condition, (2) the sliding distance satisfies the first distance condition.

[0269] As described above, in some embodiments of this application, during the user's finger swipe, the brush collection bar can be changed from an expanded state to a minimized state, and the brush collection bar can be moved and displayed accordingly in the minimized state. After the swipe ends, the brush collection bar can be changed from the minimized state to the expanded state.

[0270] It should be noted that in scenario three, the relevant... Figures 6A-6D , Figures 7A-7I , Figures 8A-8HIn the relevant examples, a = 5, b = 10, and 8 brushes have been collected. In some embodiments of this application, the 8 collected brushes are (arranged in chronological order of collection time): a 10mm black marker, a 5mm black marker, a 0.38mm black fountain pen, a 0.5mm black pencil, a 0.38mm black ballpoint pen, a 0.5mm black ballpoint pen, a 0.8mm black pencil, and a 0.5mm black fountain pen. As mentioned above, the icon corresponding to the 10mm black marker is the first brush icon 1082, the 5mm black marker is the second brush icon 1083, the 0.38mm black fountain pen is the third brush icon 1084, the 0.5mm black pencil is the fourth brush icon 1085, the 0.38mm black ballpoint pen is the fifth brush icon 1086, the 0.5mm black ballpoint pen is the sixth brush icon 1087, the 0.8mm black pencil is the seventh brush icon 1088, and the 0.5mm black fountain pen is the eighth brush icon 1089. It can be understood that, with these eight brushes already saved, the electronic device can display the ninth note interface 23 (e.g., ...). Figure 6A , Figure 7A and Figure 8A (As shown). The brush collection bar 108 in the ninth note interface 23 may include a zoom-out control 1081, 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. 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.

[0271] As mentioned above, if not all icons corresponding to the saved brushes are displayed in the brush collection bar (or the number of saved brushes exceeds the maximum number of brush icons that can be displayed in the brush collection bar), the electronic device can display the ninth note interface. Optionally, in response to pressing the brush collection bar in the third note interface and sliding (or moving / dragging) it along a first sliding direction, based on the angle between the ray along the first sliding direction and the ray along the preset direction satisfying a first angle condition, the electronic device can display that the brush collection bar has been moved, i.e., change the position of the brush collection bar displayed on the screen, and display the sixteenth note interface. Further, in response to continuing the sliding operation on the brush collection bar in the sixteenth note interface, the electronic device can continue to display that the brush collection bar has been moved and display the seventeenth note interface. Here, the 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.

[0272] In some embodiments of this application, when the electronic device displays the sixteenth note interface, the user does not stop the swiping operation, but continues to swipe to the end touch point and lifts their hand. In response to this operation, the electronic device can display that the brush collection bar has been moved to the end touch point and display the seventeenth note interface.

[0273] In one possible implementation, after the user ends the swipe (e.g., the user swipes to the end touch point and lifts their 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 when the electronic device is moving the brush collection bar, the seventeenth note interface can be understood as the note interface displayed when the electronic device ends moving the brush collection bar, and the note interface displayed after the electronic device ends moving the brush collection bar. In another possible implementation, after the user ends the swipe (e.g., the user swipes to the end touch point and lifts their hand), the electronic device can display the eighteenth note interface. The brush collection bar in the seventeenth note interface is minimized, while the brush collection bar in the eighteenth note interface is expanded. In this case, the sixteenth note interface can be understood as the note interface displayed when the electronic device is moving the brush collection bar, the seventeenth note interface can be understood as the note interface displayed when the brush collection bar is stopped moving, and the eighteenth note interface can be understood as the note interface displayed after the brush collection bar is stopped moving.

[0274] For example, if the first sliding direction is horizontal, the ninth note interface can be as follows: Figure 6A The ninth note interface 23 shown, and the sixteenth note interface can be as follows: Figure 6B The sixteenth note interface 50 is shown. In some embodiments of this application, the horizontal direction can be the positive x-axis direction. The electronic device receives, as shown... Figure 6A The starting touch point is shown on the brush collection bar 108, and after a horizontal swipe, the following can be displayed: Figure 6B The sixteenth note interface 50 is shown. Optionally, it responds to, as... Figure 6A The starting touch point is on the brush collection bar 108, and the sliding operation (or pressing and sliding the brush collection bar 108 horizontally) can display the following on the electronic device: Figure 6B The sixteenth note interface 50 is shown. Optionally, the electronic device can detect, as... Figure 6A The initial touch point is shown on the brush collection bar 108, and a horizontal sliding operation is performed. In response to this sliding operation, the electronic device can determine that the sliding angle meets a first angle condition and display that the brush collection bar 108 has been moved. During the movement of the brush collection bar 108, the electronic device can display as follows: Figure 6BThe sixteenth note interface shown is 50. That is to say, as... Figure 6B As shown, when the user's finger slides to the end touch point, the electronic device can display the sixteenth note-taking interface 50. The brush collection bar 108 in the sixteenth note-taking interface 50 only includes the icon corresponding to the user's most recently collected brush (or the last collected brush), i.e., the eighth brush icon 1089, and does not include other brush icons or 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-taking interface 50, while other brush icons and the zoom-out control 1081 are not displayed in the brush collection bar 108 of the sixteenth note-taking interface 50. Figure 6B As shown, during the user's finger swipe, the position of the user's finger touching the display screen (or the position of the touch point, or the position of the swipe trajectory point) changes. The electronic device can display the brush collection bar 108 according to the changing touch position. In other words, the position of the brush collection bar 108 displayed on the display screen also changes accordingly. Figure 6B The position of brush collection bar 108 shown is different. Figure 6A The brush collection bar shows position 108.

[0275] For example, the seventeenth note interface can be as follows: Figure 6C The seventeenth note interface shown is 51. When the user slides their finger to... Figure 6B After reaching the indicated position, you can continue swiping. When the user's finger reaches the end touch point, the electronic device can display as shown below. Figure 6C The seventeenth note interface 51 is shown. Optionally, the electronic device receives, as shown... Figure 6B The continued sliding action on brush collection bar 108, as shown, can display the following: Figure 6C The seventeenth note interface 51 is shown. Optionally, in response to, as... Figure 6B Following the continued sliding action on the brush collection bar 108, as shown, the electronic device can display as follows: Figure 6C The seventeenth note interface 51 is shown. Optionally, the electronic device can detect, as... Figure 6B The sliding operation shown continues on the brush collection bar 108. In response to this sliding operation, the electronic device can display as follows: Figure 6CThe seventeenth note-taking interface 51 is shown. It can be understood that the seventeenth note-taking interface 51 is the note-taking interface displayed on the electronic device when the user ends the swiping. Similar to the sixteenth note-taking interface 50, the brush collection bar 108 in the seventeenth note-taking interface 51 only includes the third brush icon 1084, excluding the first brush icon 1082, second brush icon 1083, third brush icon 1084, fourth brush icon 1085, 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-taking interface 51, while the first brush icon 1082, second brush icon 1083, third brush icon 1084, fourth brush icon 1085, fifth brush icon 1086, and zoom-out control 1081 are not displayed in the brush collection bar 108 of the seventeenth note-taking interface 51. Furthermore, as mentioned above, as the user continues to swipe, the position of the finger on the screen changes, and correspondingly, the position of the brush collection bar 108 displayed on the screen also changes, such as... Figure 6C As shown, when the user's finger slides to the end touch point, the electronic device can display the brush collection bar 108 at that end touch point. It can be understood that the position of the brush collection bar 108 at the end of the slide (e.g., as shown) Figure 6C The position of the brush collection bar 108 shown is different from the position of the brush collection bar 108 during the swiping process (for example, as shown). Figure 6B (The location of brush collection bar 108 is shown).

[0276] Understandably, after a user's finger slides to the end touch point, they can lift their hand to end the slide. For example, the Eighteenth Notes interface could be as follows: Figure 6D The eighteenth note interface shown is 52. (As shown in the image) Figure 6D As shown, after the user ends the swipe (or the user swipes to the end touch point and lifts their hand), the brush collection bar 108 changes from a minimized state to an 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 swipe. The brush collection bar 108 in the eighteenth note interface 52 includes a minimize control 1081, 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. That is to say, the brush collection bar 108 displayed by the electronic device at this time is different from the brush collection bar 108 before the position change (e.g., ...). Figure 6A The brush collection bar 108 in the ninth note interface 23 shown is exactly the same. It can be understood that the "exactly the same" mentioned here includes the same size, the same content, and the same arrangement of the content in the brush collection bar 108.

[0277] 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, then in response to the operation of pressing and sliding the brush collection bar, the brush icons in the brush collection bar can be scrolled, that is, the electronic device can display a brush collection bar that includes (or comprises) brush icons that have changed.

[0278] For example, an electronic device can receive an operation of pressing down on the brush collection bar and sliding (or moving / dragging) it a first distance along a second sliding direction. It is understood that the angle between the ray along the second sliding direction and the ray along a preset direction is the sliding angle when sliding along the second sliding direction, and this sliding angle does not satisfy a first angle condition, and the first distance does not satisfy a first distance condition. When the brush collection bar is in an expanded state and the number of collected brushes is greater than 'a', before receiving the operation of pressing down on the brush collection bar and sliding it a first distance along the second sliding direction, the brush collection bar displayed by the electronic device may include a first group of brush icons (or the first group of brush icons is displayed in the brush collection bar). After receiving the operation of pressing down on the brush collection bar and sliding it a first distance along the second sliding direction, the brush collection bar displayed by the electronic device may include a second group of brush icons (or the second group of brush icons is displayed in the brush collection bar).

[0279] It is understandable that when the first set of brush icons is displayed in the brush collection bar, the brushes that have been collected are the same as the brushes that have been collected when the second set of brush icons is displayed in the brush collection bar. Furthermore, the first set of brush icons and the second set of brush icons include at least one different brush icon, and both the brushes corresponding to the first set of brush icons and the brushes corresponding to the second set of brush icons are brushes that have been collected.

[0280] 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, regardless of whether the brush icons in the brush collection bar can continue to be scrolled along the previously scrolled display direction, 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.

[0281] 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 scroll in the direction they were previously scrolled in. When the last brush icon is displayed in the brush collection bar, the user can continue to swipe. If the swipe angle meets a first angle condition or the swipe distance meets a first distance condition, the electronic device can indicate that the brush collection bar has been moved, and the brush icons in the brush collection bar will not be scrolled. However, if the swipe angle does not meet the first angle condition and the swipe distance does not meet the first distance condition, the brush icons in the brush collection bar will not continue to scroll based on the direction they were previously scrolled in.

[0282] In some other 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 brush icons in the brush collection bar can continue to be scrolled along the previously scrolled display direction, 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 (see above for details). If the brush icons in the brush collection bar cannot continue to be scrolled along the previously scrolled display direction, the electronic device no longer determines whether the entire brush collection bar is moved based on whether the sliding angle meets the first angle condition and / or whether the sliding distance meets the first distance condition.

[0283] In one possible implementation, if the brush icons in the brush collection bar can no longer be scrolled along the previously scrolled direction, the electronic device can determine whether the entire brush collection bar should be moved based on whether the sliding angle meets a second angle condition and whether the sliding distance meets a second distance condition. Specifically, if both the sliding angle and the sliding distance meet the second distance condition, the electronic device can indicate that the brush collection bar has been moved; if neither the sliding angle nor the sliding distance meets the second distance condition, the brush collection bar will not be moved.

[0284] 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 scroll in the previously scrolled direction. With the last brush icon displayed in the brush collection bar, the user can continue to swipe. If the swipe angle meets the second angle condition and the swipe distance meets the second distance condition, the electronic device can display that the brush collection bar has been moved, and the brush icons in the brush collection bar will not be scrolled. However, if the swipe angle does not meet the second angle condition or the swipe distance does not meet the second distance condition, the brush icons in the brush collection bar will not continue to scroll based on the previously scrolled direction, and the brush collection bar will not be moved.

[0285] For example, if a user swipes outside the brush collection bar and continues swipeing, the brush icons in the brush collection bar will no longer be scrolled. If the swipe angle meets a second angle condition and the swipe distance meets a second distance condition, the electronic device can display that the brush collection bar has been moved, but the brush icons in the brush collection bar will not be scrolled. However, if the swipe angle does not meet the second angle condition or the swipe distance does not meet the second distance condition, the brush icons in the brush collection bar will not continue to be scrolled based on the previously scrolled direction, and the brush collection bar will not be moved either.

[0286] In some embodiments of this application, a sliding angle satisfying the second angle condition can indicate that the sliding direction is similar to the original scrolling direction of the brush icon in the brush collection bar, and / or that the sliding direction is similar to the original sliding direction (e.g., the sliding direction when the brush icon in the brush collection bar stops scrolling). In still other embodiments of this application, a sliding angle satisfying the second angle condition can indicate that the sliding direction differs significantly from the scrolling direction of the brush icon in the brush collection bar (e.g., the original scrolling direction of the brush icon in the brush collection bar, or the opposite direction of the original scrolling direction of the brush icon in the brush collection bar).

[0287] It is understood that the specific meanings of the second angle condition and the second distance condition can be found in the following text, and will not be elaborated here.

[0288] It is understandable that the last brush icon in the brush collection bar displayed on an electronic device may be different depending on the direction in which the brush icons are scrolled.

[0289] For example, if the icons in the brush collection bar are arranged vertically, and the icons corresponding to brushes that were collected later are located at the bottom of the brush collection bar, in response to a corresponding operation on the brush collection bar (e.g., pressing and swiping down on the brush collection bar), the brush icons in the brush collection bar can be scrolled down. In this case, the positions of the brush icons originally displayed in the brush collection bar move down, and the brush icons corresponding to other brushes that were not originally displayed in the brush collection bar are displayed in the brush collection bar, and their positions also move down with the swipe down operation, until the electronic device displays the last brush icon in the brush collection bar. At this time, the last brush icon is the icon corresponding to the most recently collected brush, and it is located at the very top of the brush collection bar. In other words, the brush icons in the brush collection bar can be scrolled down until the icon corresponding to the most recently collected brush is displayed at the very top of the brush collection bar. Similarly, in response to a corresponding operation on the brush collection bar (e.g., pressing and swiping upwards on the brush collection bar), the brush icons in the brush collection bar can be scrolled upwards. In this case, the positions of the brush icons originally displayed in the brush collection bar move upwards, and the brush icons corresponding to other brushes that were not originally displayed in the brush collection bar are displayed, and their positions also move upwards with the upward swipe operation, until the electronic device displays the last brush icon in the brush collection bar. At this point, the last brush icon is the icon corresponding to the earliest collected brush, and it is located at the very bottom of the brush collection bar. In other words, the brush icons in the brush collection bar can be scrolled upwards until the icon corresponding to the earliest collected brush is displayed at the very bottom of the brush collection bar.

[0290] For example, if the icons in the brush collection bar are horizontally arranged, with the icons corresponding to later-collected brushes appearing more prominently on the right side of the bar, then in response to a specific action on the brush collection bar (e.g., pressing and swiping left), the brush icons in the electronic device's brush collection bar can be scrolled to the left. In this case, the brush icons originally displayed in the brush collection bar move to the left, and the icons corresponding to other collected brushes that were not initially displayed are now shown in the brush collection bar, their positions also moving to the left with the leftward swipe, until the electronic device displays the last brush icon in the brush collection bar. At this point, the last brush icon is the icon corresponding to the most recently collected brush, located at the far right of the brush collection bar. In other words, the brush icons in the brush collection bar can be scrolled to the left until the icon corresponding to the most recently collected brush is displayed at the far right of the brush collection bar. Similarly, in response to a corresponding action on the brush collection bar (e.g., pressing and swiping right on the brush collection bar), the brush icons in the brush collection bar can be scrolled to the right. In this case, the positions of the brush icons originally displayed in the brush collection bar move to the right, and the brush icons corresponding to other brushes that were not originally displayed in the brush collection bar are displayed, and their positions also move to the right with the swipe-to-right action, until the electronic device displays the last brush icon in the brush collection bar. At this point, the last brush icon is the icon corresponding to the earliest collected brush, and it is located at the far left of the brush collection bar. In other words, the brush icons in the brush collection bar can be scrolled to the right until the icon corresponding to the earliest collected brush is displayed at the far left of the brush collection bar.

[0291] It is understandable that the last brush icon in the brush collection bar displayed on an electronic device can be determined based on the distribution pattern or distribution form of brush icons within the brush collection bar. This means that if the brush icons in the brush collection bar adopt other distribution patterns and / or other distribution forms, the last brush icon in the brush collection bar displayed on the electronic device can change.

[0292] The following example illustrates how, when the last brush icon is displayed in the brush collection bar, the brush icons in the brush collection bar cannot continue scrolling in the direction they were previously displayed. Figures 7A-7I Let me explain the above content in detail.

[0293] I. Throughout the entire sliding process, 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. The following section combines... Figures 7A-7G To explain in detail:

[0294] 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.

[0295] As mentioned above, if not all icons corresponding to the saved brushes are displayed in the brush collection bar (or the number of saved brushes exceeds 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 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 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 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 is understood that the brushes that have been saved when the electronic device displays the ninth note interface are the same as the brushes that have been saved when it displays the nineteenth note interface, and the brush icons in the x1 group and the x2 group include at least one different brush icon, and the brushes corresponding to the brush icons in the x1 group and the brushes corresponding to the brush icons in the x2 group are both saved brushes. In some embodiments of this application, the brush icons in the x1 group can be the first group of brush icons mentioned above, and the brush icons in the x2 group can be the second group of brush icons mentioned above.

[0296] In some embodiments of this application, in response to pressing the brush collection bar in the ninth note interface and sliding it along the second sliding direction to the first sliding trajectory point, the electronic device can display the nineteenth note interface based on the fact that the sliding angle does not meet the first angle condition.

[0297] In some embodiments of this application, in response to pressing the brush collection bar in the ninth note interface and sliding it along the second sliding direction to the first sliding trajectory point, the electronic device can display the nineteenth note interface based on the fact that the sliding distance does not meet the first distance condition.

[0298] In some embodiments of this application, in response to pressing the brush collection bar in the ninth note interface and sliding it along the second sliding direction to the first sliding trajectory point, the electronic device can display the nineteenth 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.

[0299] In some embodiments of this application, the second sliding direction can be the direction from the starting touch point to the first sliding trajectory point.

[0300] In some embodiments of this application, the first sliding trajectory point is located at the boundary of the brush collection bar. The first sliding trajectory point can also be understood as the intersection of the sliding trajectory and the brush collection bar, for example... Figure 7B The first sliding trajectory point shown is located at the boundary of the brush collection bar 108. In some embodiments of this application, the distance between the starting touch point and the first sliding trajectory point does not satisfy the first distance condition, which can be the first distance mentioned above.

[0301] For example, the Ninth Notes interface can be as follows: Figure 7A The ninth note interface 23 shown, the nineteenth note interface can be as follows: Figure 7B The nineteenth note-taking interface 60 is shown. In the nineteenth note-taking interface 60, the x1 group of brush icons displayed in the brush collection bar 108 may 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 electronic device receives... Figure 7A After pressing and sliding the brush collection bar 108 as shown, 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 108 can be scrolled down with this sliding operation, or the brush icons displayed in the brush collection bar 108 can be changed, and the position 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 continue to be scrolled down. 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 all scroll down with this sliding operation. Specifically, in response to the swipe operation, the first brush icon 1082, which was originally displayed in the brush collection bar 108, disappears after scrolling down, while the sixth brush icon 1087, which was not originally displayed in the brush collection bar 108, is displayed in the brush collection bar 108. Similarly, the seventh brush icon 1088 is also displayed in the brush collection bar 108. Figure 7BAs shown, when the user slides to the first sliding trajectory point, the electronic device can display the nineteenth note interface 60. It can be understood that the first sliding trajectory point is the intersection of the sliding trajectory and the brush collection bar 108. The brush collection bar 108 in the nineteenth note interface 60 includes a portion 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 a portion of the seventh brush icon 1088. That is, in the nineteenth note interface 60, the x2 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 in the x2 group of brush icons are incomplete brush icons, while the third brush icon 1084, the fourth brush icon 1085, the fifth brush icon 1086, and the sixth brush icon 1087 in the x2 group of brush icons are complete brush icons. It can be understood that when the user slides to the first sliding trajectory point, the electronic device does not display the last brush icon in the brush collection bar 108 (such as the eighth brush icon 1089 mentioned above).

[0302] 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.

[0303] 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.

[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 a twentieth note interface based on the sliding distance not meeting the first distance 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 fact that the sliding angle does not meet the first angle condition and the sliding distance does not meet the first distance condition.

[0306] 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.

[0307] For example, the twentieth note interface can be as follows: Figure 7C The twentieth note interface 61 is shown. After the user slides to the first sliding trajectory point, they can continue sliding. 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. 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). Figure 7C As shown, when the user slides to the second sliding trajectory point, the electronic device can display the twentieth note-taking interface 61. The brush collection bar 108 in the twentieth note-taking interface 61 can include a third brush icon 1084, a fourth brush icon 1085, a fifth brush icon 1086, a sixth brush icon 1087, and a seventh brush icon 1088. Furthermore, the seventh brush icon 1088 in the twentieth note-taking interface 61 is complete, not just a part of it (as in the seventeenth note-taking interface 60). That is to say, in the twentieth note-taking interface 61, the x3rd 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. The brush icons included in the x3rd group are all complete brush icons.

[0308] 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.

[0309] 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.

[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 distance does not meet the first distance 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 angle does not meet the first angle condition and the sliding distance does not meet the first distance condition.

[0312] 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.

[0313] For example, the twenty-first note interface can be Figure 7D The twenty-first note interface 62 is shown. After the user slides to the second sliding trajectory point, they can continue sliding. 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. 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. Figure 7DAs shown, 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. That is to say, 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.

[0314] 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.

[0315] 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.

[0316] 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.

[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 distance does not meet the first distance 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 angle does not meet the first angle condition and the sliding distance does not meet the first distance condition.

[0319] 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.

[0320] For example, the twenty-first note interface 62 can be as follows: Figure 7E The twenty-first note interface shown is 62. The user slides to... Figure 7D After the third sliding trajectory point shown, sliding can continue. It is understandable 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 request to continue sliding. If the sliding distance does not meet the first distance condition during the user's slide to the fourth sliding trajectory point, in this case, such as... Figure 7E As shown, when the user slides to the fourth sliding trajectory point, the electronic device still displays the twenty-first note interface 62.

[0321] 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.

[0322] 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.

[0323] 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.

[0324] 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.

[0325] For example, the twenty-second note interface can be as follows: Figure 7F The 22nd note interface 63 and the 23rd note interface shown can be as follows: Figure 7GThe twenty-third note interface 64 is shown. After the user slides to the fourth sliding trajectory point, they can continue sliding. After receiving this continued sliding operation, the electronic device 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. Figure 7F As shown, when the user slides to the end touch point, the electronic device can display the twenty-second note-taking interface 63. The difference between this and the twenty-first note-taking interface 62 is that the brush collection bar 108 in the twenty-first note-taking interface 62 is expanded, including five brush icons from the fourth brush icon 1085 to the eighth brush icon 1089 (or, these five brush icons could be displayed in the brush collection bar 108 of the twenty-first note-taking interface 62), while the brush collection bar 108 in the twenty-second note-taking interface 63 is minimized, including only the eighth brush icon 1089 (or, only the eighth brush icon 1089 could be displayed in the brush collection bar 108 of the twenty-second note-taking interface 63). It can be understood that... Figure 7G As shown, after the user slides to the end touch point and lifts their hand, the electronic device can display the twenty-third note interface 64. Unlike the twenty-second note interface 63, the brush collection bar 108 in the twenty-third note interface 64 is in an expanded state.

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

[0327] 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 is combined with... Figures 7A-7D , Figures 7H-7I , Figure 7G To explain in detail:

[0328] 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.

[0329] 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.

[0330] 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.

[0331] 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.

[0332] 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.

[0333] 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.

[0334] 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.

[0335] 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.

[0336] 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.

[0337] For example, the third sliding trajectory point can be as follows: Figure 7DThe third sliding trajectory point is shown. As mentioned above, because... Figure 7A The sliding angle corresponding to the sliding operation shown does not meet the first angle condition, so when the user performs such an operation... Figure 7A -like Figure 7D During the swipe gesture shown, the brush icons in the brush collection bar are scrolled. This means that when the user swipes to a position like... Figure 7D When the third sliding mark is shown, the electronic device displays the last brush icon in the brush collection bar 108.

[0338] For example, the twenty-first note interface can be as follows: Figure 7E The twenty-first note interface 62 is shown. Similar to the above, after the user slides to the third sliding trajectory point, they can continue sliding. When the user slides to the fourth sliding trajectory point, the sliding angle satisfies the second angle condition, but the sliding distance does not satisfy the second distance condition. In this case, as shown... Figure 7E As shown, when the user slides to the fourth sliding trajectory point, the electronic device still displays the twenty-first note interface 62.

[0339] For example, the twenty-second note interface can be as follows: Figure 7F The twenty-second note interface 63 is shown. After the user slides to the fourth sliding trajectory point, they can continue sliding. Figure 7F As shown, 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 slide ends, the brush collection bar 108 can be changed from a minimized state to an expanded state, for example... Figure 7G The implementation of the twenty-third note interface 64 shown above can be found in the previous text, and will not be repeated here.

[0340] The following example illustrates how, when a user scrolls outside the brush collection bar and continues scrolling, the brush icons in the brush collection bar cannot be scrolled out. Figures 8A-8H Let me explain the above content in detail.

[0341] I. Throughout the entire sliding process, 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. The following section combines... Figures 8A-8F To explain in detail:

[0342] 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.

[0343] 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.

[0344] 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.

[0345] 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.

[0346] 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.

[0347] For example, the Ninth Notes interface can be as follows: Figure 8A The ninth note interface 23 shown, the nineteenth note interface can be as follows: Figure 8B The nineteenth note-taking interface 60 is shown. In the nineteenth note-taking interface 60, the x1 group of brush icons displayed in the brush collection bar 108 may 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 electronic device receives... Figure 8A After pressing and sliding the brush collection bar 108 as shown, the brush icons in the brush collection bar 108 can be scrolled down to display. Figure 8B As shown, when the user slides to the first sliding trajectory point, the electronic device can display the nineteenth note interface 60. A description of the nineteenth note interface 60 can be found above, and will not be repeated here. After sliding to the first sliding trajectory point, the user can continue sliding. Figure 8C As shown, 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 can be understood that the second sliding trajectory point is outside the brush collection bar 108.

[0348] For example, similar to the above, after the user slides to the second sliding trajectory point, they can continue sliding. 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 follows: Figure 8D As shown, when the user slides to the fourth sliding trajectory point, the electronic device still displays the nineteenth note interface 60.

[0349] For example, the twenty-second note interface can be as follows: Figure 8EThe 22nd note interface 63 is shown. After the user slides to the fourth sliding trajectory point, they can continue sliding. After the electronic device receives this continued sliding operation, based on the sliding distance satisfying the first distance condition, it can display that the brush collection bar 108 has been moved. 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. Figure 8E As shown, when the user slides to the end touch point, the electronic device can display the twenty-second note interface 63. Unlike the nineteenth note interface 60, where the brush collection bar 108 is expanded and includes multiple brush icons, the brush collection bar 108 in the twenty-second note interface 63 is minimized, containing only 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 example...). Figure 8F The twenty-fifth note interface shown is 66).

[0350] II. When a user swipes 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 swipe angle meets a first angle condition and / or whether the swipe distance meets a first distance condition. When the user swipes outside the brush collection bar, the electronic device can determine whether the entire brush collection bar is moved based on whether the swipe angle meets a second angle condition and whether the swipe distance meets a second distance condition. The following section combines... Figures 8A-8C , Figures 8G-8H , Figure 8F To explain in detail:

[0351] 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.

[0352] 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.

[0353] 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.

[0354] 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.

[0355] 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.

[0356] 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.

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

[0358] For example, the twenty-fourth note interface can be as follows: Figure 8H The twenty-fourth note interface 65 is shown. After the user slides to the fifth sliding trajectory point, they can continue sliding. After receiving this 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. Figure 8H As shown, when the user slides to the end touch point, the electronic device can display the twenty-fourth note interface 65. Unlike the nineteenth note interface 60, where the brush collection bar 108 is expanded and includes multiple brush icons, the brush collection bar 108 in the twenty-fourth note interface 65 is minimized, containing only 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. It can be understood that 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, which has been restored to its expanded state (see reference...). Figure 8F The twenty-fifth note interface shown is 66).

[0359] 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.

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

[0361] 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.

[0362] 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.

[0363] For example, the Ninth Notes interface can be as follows: Figure 9A The ninth note interface 23 and the twenty-sixth note interface shown can be as follows: Figure 9B The twenty-sixth note interface 70 and the twenty-seventh note interface shown can be as follows: Figure 9C The twenty-seventh note interface 71 is shown. The electronic device receives, as shown... Figure 9A After long-pressing the brush collection bar (108) as shown, the following will be displayed: Figure 9B The twenty-sixth note interface 70 is shown. Optionally, it responds to, as... Figure 9A As shown in the image, long-pressing the brush collection bar (108) will display the following on the electronic device: Figure 9B The twenty-sixth note interface 70 is shown. Optionally, the electronic device can detect, as... Figure 9A As shown in the image, long-pressing the brush collection bar 108 will trigger an action on the electronic device, which can display the following: Figure 9B The 26th note-taking interface 70 is shown. Similar to the 9th note-taking interface 23, the 26th note-taking 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 from the 9th note-taking interface 23 is that the brush icons (first brush icon 1082 to fifth brush icon 1086) in the 9th note-taking interface 23 are in a non-editing state, and the brush collection bar 108 in the 9th note-taking interface 23 includes a zoom-out control 1081, while the brush icons (first brush icon 1082 to fifth brush icon 1086) in the 26th note-taking interface 70 are in an editing state, and the brush collection bar 108 in the 26th note-taking interface 70 includes an end-editing control 701. The electronic device receives... Figure 9B The effect shown is that after swiping down on the brush collection bar 108, the following can be displayed: Figure 9C The twenty-seventh note interface 71 is shown. Optionally, it responds to, as... Figure 9B The action shown is a downward swipe on the brush collection bar 108. The electronic device can display, as shown... Figure 9C The twenty-seventh note interface 71 is shown. Optionally, the electronic device can detect, as... Figure 9B The action shown is a downward swipe on the brush collection bar 108. In response to this action, the electronic device can display, as shown below. Figure 9C The twenty-seventh note-taking interface 71 is shown. The twenty-seventh note-taking interface 71 may include a fourth brush icon 1085, a fifth brush icon 1086, a sixth brush icon 1087, a seventh brush icon 1088, and an 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, these five brushes (fourth brush icon 1085 to eighth brush icon 1089) in edit mode are displayed in the brush collection bar 108 of the twenty-seventh note-taking interface 71.

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

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

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

[0367] 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.

[0368] 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.

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

[0370] 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.

[0371] 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.

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

[0373] 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.

[0374] 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.

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

[0376] 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.

[0377] 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 will generate a press event when the user's finger lands on the screen, and will generate multiple movement events when the user's finger lands on the screen and then slides on the screen. The electronic device will generate a lift event when the user's finger leaves the screen.

[0378] 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.

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

[0380] 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.

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

[0382] 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.

[0383] For example, the brush collection bar mentioned in step S101, which includes the first set of brush icons, can be as follows: Figure 4A The brush collection bar 108 in the tenth note interface 30 shown can have the first image frame as follows: Figure 4B The eleventh note interface 31 shown can also be used for, for example Figure 4C The twelfth note interface 32 is shown. The electronic device receives an action such as... Figure 4A The first type of operation shown on brush collection bar 108 (i.e., the one mentioned above) Figure 4A After the initial touch point (shown as a sliding operation on the brush collection bar 108) is activated, the TP driver can generate a corresponding raw input event and report it to the input module for processing. The input module processes the event and sends it to the note-taking application. Upon receiving the processed input event, the note-taking application can determine that the brush collection bar 108 is minimized. In this case, in response to the first type of operation, the display screen on the electronic device can show that the brush collection bar 108 has been moved. During this process, the display screen on the electronic device can also display, for example,... Figure 4B The eleventh note interface 31 shown can also display, as follows: Figure 4C The twelfth note interface shown is 32.

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

[0385] 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.

[0386] For example, the brush collection bar mentioned in step S101, which includes the first set of brush icons, can be as follows: Figure 5A The brush collection bar 108 in the third note interface 17 shown. The electronic device receives the action of, for example Figure 5A The first type of operation shown on brush collection bar 108 (i.e., the one mentioned above) Figure 5AAfter the initial touch point (shown as a sliding operation on the brush collection bar 108) is reached, the TP driver can generate a corresponding raw input event and report it to the input module for processing. The input module processes the event and sends it to the note-taking application. Upon receiving the processed input event, the note-taking application can determine that the brush collection bar 108 is not minimized but expanded, and that the number of collected brushes is 3, and a = 5. It can also determine that the number of collected brushes is less than a. 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 also display, as shown in the image below. Figure 5B The thirteenth note interface 40 shown can also display, as shown in the image, Figure 5C The fourteenth note interface 41 is shown.

[0387] 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.

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

[0389] 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.

[0390] 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.

[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', 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.

[0392] 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.

[0393] 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.

[0394] 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).

[0395] 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.

[0396] 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.

[0397] 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.

[0398] 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.

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

[0400] 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.

[0401] 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.

[0402] 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).

[0403] 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.

[0404] 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 restrictions on them. For example, the first tangent can be √3, and the second tangent can be -√3.

[0405] For example, the brush collection bar mentioned in step S101, which includes the first set of brush icons, can be as follows: Figure 6A The brush collection bar 108 in the ninth note interface 23 shown can have the first image frame as follows: Figure 6B The sixteenth note interface 50 shown can also be used as follows: Figure 6C The seventeenth note interface 51 is shown. The electronic device receives an action such as... Figure 6A The first type of operation shown on brush collection bar 108 (i.e., the one mentioned above) Figure 6A After the initial touch point is on the brush collection bar 108 and a horizontal sliding operation is performed, the TP driver can generate a 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-taking application. Upon 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 (brushes corresponding to the first brush icon 1082 to the sixth brush icon 1087), and a = 5. It further determines 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 √3. It further determines that the tangent of the sliding angle is less than the first tangent, meaning the sliding angle satisfies 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 as follows: Figure 6B The sixteenth note interface 50 shown can also display, as follows: Figure 6CThe seventeenth note interface shown is 51.

[0406] 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'.

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

[0408] 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.

[0409] In some embodiments of this application, when the number of brushes that have been favorited is less than or equal to a, after the electronic device receives a first type of operation applied to the brush favorites bar, the note-taking application can draw the layer in the first image frame.

[0410] In some embodiments of this application, when the sliding angle meets the first angle condition, after the electronic device receives the first type of operation applied to the brush collection bar, the note application can draw the layer in the first image frame.

[0411] S110: The note-taking application sends the layers in the first image frame drawn to SurfaceFlinger.

[0412] After the note-taking application draws the layers in the first image frame, it can send the drawn layers to SurfaceFlinger. SurfaceFlinger can then receive the layers from the first image frame sent by the note-taking application.

[0413] S111: SurfaceFlinger synthesizes the first image frame.

[0414] After SurfaceFlinger receives the layers in the first image frame sent by the note-taking application, it can composite the first image frame based on the layers in the first image frame.

[0415] S112: SurfaceFlinger sends the first image frame to the display driver.

[0416] Correspondingly, the display driver can receive the first image frame sent by SurfaceFlinger.

[0417] S113: The display driver controls the display screen to display the first image frame. The brush collection bar in the first image frame, which contains the first set of brush images, is located in the second display position.

[0418] After receiving the first image frame sent by SurfaceFlinger, the display driver can control the screen to display the first image frame. The brush collection bar containing the first set of brush icons in the first image frame is located in the second display position. That is, the brush collection bar containing the first set of brush icons is displayed in the second display position. The second display position is different from the first display position.

[0419] S114: The note-taking application draws the layers in the second image frame.

[0420] If the brush collection bar is not minimized, the number of brushes in the collection is greater than 'a', and the sliding angle does not meet the first angle condition, after the electronic device receives the first type of operation applied to the brush collection bar, the note-taking application can draw the layer in the second image frame.

[0421] S115: The note-taking application sends the layers in the second image frame drawn to SurfaceFlinger.

[0422] S116: SurfaceFlinger synthesizes the second image frame.

[0423] S117: SurfaceFlinger sends a second image frame to the display driver.

[0424] It is understandable that the specific implementation of steps S115-S117 can be found in the relevant descriptions of steps S111-S113.

[0425] S118: The display driver controls the display screen to display the second image frame. The brush collection bar in the second image frame, which contains the second set of brush images, is located in the first display position.

[0426] After receiving the second image frame sent by SurfaceFlinger, the display driver can control the display screen to show the second image frame. The brush collection bar containing the second set of brush icons in the second image frame is located in the first display position. That is, the brush collection bar containing the second set of brush icons is displayed in the first display position. It is understood that the relevant description of the second set of brush icons can be found above, and will not be repeated here.

[0427] In some embodiments of this application, the direction in which the brush icons in the brush collection bar are scrolled may change during the scrolling process.

[0428] In some embodiments of this application, in response to the first type of operation, the brush icons in the brush collection bar can be scrolled until the electronic device displays the last brush icon in the brush collection bar. As described above, the brush icons in the brush collection bar can be scrolled as the user swipes until the electronic device displays the last brush icon in the brush collection bar.

[0429] For example, such as Figures 7A-7E As shown, during the user's swipe from the initial touch point to the first swipe trajectory point, the brush icons in the brush collection bar 108 are scrolled down. Similarly, during the user's swipe from the first swipe trajectory point to the third swipe trajectory point, if the user swipes outside the brush collection bar 108, the brush icons in the brush collection bar 108 are scrolled down. When the user swipes to the third swipe trajectory point, the top of the brush collection bar 108 displays the icon corresponding to the most recently collected brush. This means that the electronic device displays the last brush icon in the brush collection bar 108. Therefore, during the user's swipe from the third swipe trajectory point to the fourth swipe trajectory point, the brush icons in the brush collection bar 108 will not be scrolled down.

[0430] In some embodiments of this application, in response to the first type of operation, the brush icons in the brush collection bar can be scrolled as the user slides until the user slides to an area outside the brush collection bar.

[0431] For example, such as Figures 8A-8DAs shown, during the user's swipe from the initial touch point to the first swipe trajectory point, the brush icons in the brush collection bar 108 are scrolled down. However, during the user's swipe from the first swipe trajectory point to the third swipe trajectory point, the user has already swiped outside the area of ​​the brush collection bar 108, and the brush icons in the brush collection bar 108 are not scrolled down. Similarly, during the user's swipe from the third swipe trajectory point to the fourth swipe trajectory point, the user is still swiping outside the area of ​​the brush collection bar 108, and the brush icons in the brush collection bar 108 are not scrolled down.

[0432] As the user presses and swipes across the brush collection bar, the electronic device continuously acquires input events, which can carry the coordinates of the swipe trajectory point (or touch point). After acquiring this input event, the electronic device can determine the swipe angle and / or swipe distance based on the coordinates carried by the input event.

[0433] After the electronic device executes steps S109-S113 or S114-S118, it may continue to acquire input events, determine the sliding angle and / or sliding distance based on the coordinates carried by the input events, and execute the following optional steps:

[0434] As described above, optionally, during the entire swiping 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 swiping angle meets a first angle condition and / or whether the swiping distance meets a first distance condition. If the swiping angle meets the first angle condition or the swiping distance meets the first distance condition, the electronic device can display that the brush collection bar has been moved. During this process, the note-taking application can perform steps similar to steps S109-S113. However, if the swiping angle does not meet the first angle condition and the swiping distance does not meet the first distance condition, the brush icons in the brush collection bar can be scrolled.

[0435] In the above optional steps, the sliding distance can be calculated from the starting touch point throughout the sliding process; that is, the sliding distance is the distance between the starting touch point and the sliding trajectory point.

[0436] For example, such as Figures 7A-7E As shown, if the sliding distance from the initial touch point to the fourth sliding trajectory point does not meet the first distance condition, the electronic device can scroll the brush icons in the brush collection bar 108. Conversely, if the sliding distance from the fourth sliding trajectory point to the end touch point meets the first distance condition, the electronic device can display that the brush collection bar 108 has been moved. Figure 7F As shown, the electronic device can display the brush collection bar 108 at the end of the touch point.

[0437] For example, such as Figures 8A-8D As shown, if the sliding distance from the initial touch point to the fourth sliding trajectory point does not meet the first distance condition, the brush icons in the brush collection bar 108 can be scrolled. It can be understood that if the user slides outside the brush collection bar 108, the brush icons in the brush collection bar 108 will no longer be scrolled. If the sliding distance from the fourth sliding trajectory point to the end touch point meets the first distance condition, the electronic device can display that the brush collection bar 108 has been moved. Figure 8E As shown, the electronic device can display the brush collection bar 108 at the end of the touch point.

[0438] It can be understood that the sliding distance can be the distance between the initial touch point and the sliding trajectory point (or the length of the line segment connecting the initial touch point and the sliding trajectory point). In other words, when the user slides to the current sliding trajectory point, the corresponding sliding distance is the distance between the initial touch point and the current sliding trajectory point. In this case, the sliding distance satisfies the first distance condition, which specifically includes: the sliding distance is greater than L2. For example... Figure 11A As shown, region Q1 is a circular area with the starting touch point as the center and L2 as the radius. If the user slides to an area outside region Q1, it means that the distance between the sliding trajectory point and the starting touch point is greater than L2. In this case, the sliding distance satisfies the first distance condition, and the electronic device can display that the brush collection bar has been moved. It is understood that L2 can be set according to actual needs, and this application does not impose any restrictions on it.

[0439] For example, such as Figures 7A-7F As shown, during the user's swipe from the starting touch point to the ending touch point, the swipe distance determined by the electronic device can be the distance between the starting touch point and the swipe trajectory points (including the ending touch point). For example, when the user swipes to the first swipe trajectory point, the swipe distance can be the distance between the starting tou...

Claims

1. A display method characterized by comprising: The method is applied to an electronic device comprising a display screen, and the method comprises: At a first time, a first interface is displayed, 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 in a first direction by a first distance, the first control is displayed 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 is displayed in the first control; the first group of brush icons comprises M brush icons, M being 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 in the first direction by the first distance, a second group of brush icons is displayed in the first control; the third time is later than the second time; the second group of brush icons comprises M brush icons, the first group of brush icons and the second group of brush icons comprising at least one different brush icon, and the position of the first control is unchanged.

2. The method of claim 1, wherein, The method further comprises: After the third time, in response to an operation of pressing the first control and moving in the first direction by a second distance greater than the first distance, the first control is displayed at a third position of the display screen.

3. The method of claim 1 or 2, wherein, The method further comprises: After the third time, in response to an operation of pressing the first control and moving in a second direction by the first distance, the first control is displayed at a fourth position of the display screen.

4. The method of claim 1, wherein, The method further comprises: At a fourth time, an operation of continuing to move in the first direction by a third distance is received, and between the fourth time and a fifth time, the second group of brush icons is displayed in the first control; At the fifth time, in response to an operation of continuing to move in the first direction by a fourth distance, the first control is displayed at a fifth position of the display screen; the fifth time is later than the fourth time, the fourth time is later than the third time, and no lifting operation is received between the third time and the fifth time.

5. The method of claim 1, wherein, The method further comprises: At a sixth time, in response to an operation of continuing to move in a third direction by a fifth distance, the first group of brush icons is displayed in the first control; the sixth time is later than the third time, and no lifting operation is received between the third time and the sixth time.

6. The method of any one of claims 1-5, wherein, The operation of displaying a second group of brush icons in the first control in response to the operation of pressing the first control and moving in the first direction by the first distance specifically comprises: In response to the operation of pressing the first control and moving in the first direction by the first distance, a first input event is obtained, the first input event comprising a first coordinate, the first coordinate being a touch point coordinate when the operation of moving in the first direction by the first distance is completed; It is determined whether the first distance is greater than a first threshold value; display the second set of brush icons in the first control based on a result of the judging that the first distance is less than a first threshold.

7. The method of claim 2, wherein, The displaying the first control at the third position of the display screen in response to the operation of pressing the first control and moving a second distance along the first direction 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 comprising a second coordinate, the second coordinate being a touch point coordinate when the operation of moving the second distance along the first direction is completed; judging whether the second distance is greater than a first threshold; The displaying the first control at the third position of the display screen based on a result of the judging that the second distance is greater than the first threshold.

8. The method of claim 3, wherein, The displaying the first control at the fourth position of the display screen in response to the operation of pressing the first control and moving the first distance along a second direction 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 acquired, the third input event comprising a third coordinate, the third coordinate being a touch point coordinate when the operation of moving the first distance along the second direction is completed; judging 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; the first included angle being an included angle between a ray along the second direction and a ray along a fourth direction; The displaying the first control at the fourth position of the display screen based on a result of the judging that the first included angle is less than the first angle.

9. The method of claim 4, wherein, The method further includes, after the receiving the operation of continuing to move a third distance along the first direction: A fourth input event is acquired, the fourth input event comprising a fourth coordinate, the fourth coordinate being a touch point coordinate when the operation of continuing to move the third distance along the first direction is completed; judging whether the third distance is greater than a second threshold and whether a second included angle is less than or equal to a second angle; the second included angle being an included angle between a ray along the first direction and a ray along a fifth direction; The displaying the second set of brush icons in the first control based on a result of the judging that the third distance is less than the second threshold and the second included angle is less than the second angle; The displaying the first control at a fifth position of the display screen in response to the operation of continuing to move a fourth distance along the first direction 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 comprising a fifth coordinate, the fifth coordinate being a touch point coordinate when the operation of continuing to move the fourth distance along the first direction is completed; judging whether a 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; The first control is displayed at the fifth position of the display screen based on a result of the judging 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.

10. The method of claim 5, wherein, The first group of brush icons is displayed in the first control in response to the operation of continuing to move in the third direction by the fifth distance, specifically including: In response to the operation of continuing to move in the third direction by the fifth distance, a sixth input event is acquired, the sixth input event including a sixth coordinate, the sixth coordinate being a touch point coordinate when the operation of moving in the third direction by the fifth distance is completed; A third included angle is judged whether it is less than or equal to a first angle; the third included angle is an included angle between a ray in the third direction and a ray in a fourth direction; The first group of brush icons is displayed in the first control based on a result of the judging that the third included angle is greater than the first angle.

11. The method of claim 6 or 7, wherein, A fourth included angle is greater than the first angle, the fourth included angle being an included angle between a ray in the first direction and a ray in the fourth direction.

12. The method of any one of claims 1-11, wherein, The first group of brush icons is displayed in the first control, specifically including: the first group of brush icons in a non-editing state is displayed 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, the first group of brush icons in an editing state is displayed in the first control; The second group of brush icons is displayed in the first control in response to the operation of pressing the first control and moving in the first direction by the first distance at the third time, specifically including: The second group of brush icons in the editing state is displayed in the first control 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 at the third time.

13. The method of claim 12, wherein, The method further includes: Between the second time and the third time, in response to the long press operation on the first control, an editing completion button is displayed in the first control; After the third time, in response to a click operation on the editing completion button, the second group of brush icons in the non-editing state is displayed in the first control.

14. The method of any one of claims 1-13, wherein, The first control includes a minimize button, and the method further includes: In response to an operation of clicking the minimize button, a second control is displayed; the second control contains one brush icon; In response to the operation of pressing the second control and moving in the first direction by the first distance, the second control is displayed at a sixth position of the display screen.

15. An electronic device, comprising: The electronic device includes one or more memories, one or more processors; the one or more memories and the one or more processors are coupled, the memory is used to store computer program code, the computer program code includes computer instructions, and the processor invokes the computer instructions to execute the method in any one of the above claims 1-14.

16. A computer-readable storage medium, characterized in that, A computer program product for storing computer instructions which, when run on an electronic device, cause the electronic device to perform the method of any of the preceding claims 1-14.

Images