Display device and toolbar interaction method

Abstract

The present disclosure provides a display device and a toolbar interaction method, which are used for improving the flexibility of an operation bar. The display device comprises a display screen and a control circuit; the display screen is used for displaying content; the control circuit comprises a processor and a memory; the memory is used for storing a program executable by the processor, and the processor is used for reading the program in the memory and executing the following steps: displaying a toolbar in a first state on an interactive interface, the toolbar in the first state comprising two first menu bars, and the first state indicating that the position of the toolbar is fixed; and in response to a first operation of a user, switching the toolbar from the first state to a second state, wherein the toolbar in the second state comprises a second menu bar, the second menu bar comprises a plurality of menu items, the menu items of the second menu bar are obtained on the basis of menu items comprised in the two first menu bars, and the second state indicates that the toolbar is movable.

Description

Display device and toolbar interaction method

[0001] Cross-reference to related applications

[0002] This application claims priority to the Chinese Patent Application No. 202410831265.X, filed on June 25, 2024, and entitled "A display device and toolbar interaction method", the entire contents of which are incorporated herein by reference. TECHNICAL FIELD

[0003] The present disclosure relates to the technical field of display, and in particular, to a display device and toolbar interaction method. BACKGROUND

[0004] With the continuous development of technology, touch interactive large screens are increasingly widely used in daily life and work. Touch interactive devices such as interactive electronic whiteboards are widely used in education, business and other fields. The common feature of these devices is that they have a large touch screen that allows users to operate by directly touching the screen.

[0005] However, the traditional toolbar design is usually fixed at the bottom of the screen. When users write, draw or perform other operations, they often need to frequently switch between different tools, and each time they need to bend over or even bend their waists to perform the switching operation, which increases the operation distance and is prone to misoperation. This not only reduces work efficiency, but also increases user operation fatigue.

[0006] Therefore, how to provide a more convenient and efficient touch interactive solution has become a problem to be solved. SUMMARY

[0007] The present disclosure provides a display device and toolbar interaction method for improving the flexibility of the operation bar and improving the convenience, comfort and efficiency of user operation.

[0008] In a first aspect, the present disclosure provides a display device, comprising a display screen and a control circuit, wherein:

[0009] The display screen is configured to display content.

[0010] The control circuit comprises a processor and a memory, the memory is configured to store a program executable by the processor, and the processor is configured to read the program in the memory and perform the following steps:

[0011] display a first state toolbar in an interaction interface, the first state toolbar comprising two first menu bars, and the first state indicating that the position of the toolbar is fixed.

[0012] In response to a first operation of the user, the toolbar is switched from the first state to a second state, the toolbar in the second state comprises a second menu bar, the second menu bar comprises a plurality of menu items, the menu items of the second menu bar are obtained according to the menu items contained in the two first menu bars, and the second state indicates that the toolbar is movable.

[0013] In a second aspect, the embodiments of the present disclosure provide an interaction method of a toolbar, comprising:

[0014] displaying a toolbar in a first state on an interaction interface, the toolbar in the first state comprises two first menu bars, and the first state indicates that the position of the toolbar is fixed;

[0015] In response to a first operation of the user, the toolbar is switched from the first state to a second state, the toolbar in the second state comprises a second menu bar, the second menu bar comprises a plurality of menu items, the menu items of the second menu bar are obtained according to the menu items contained in the two first menu bars, and the second state indicates that the toolbar is movable.

[0016] In a third aspect, the embodiments of the present disclosure further provide an interaction device of a toolbar, comprising:

[0017] a display unit configured to display a toolbar in a first state on an interaction interface, the toolbar in the first state comprises two first menu bars, and the first state indicates that the position of the toolbar is fixed;

[0018] a switching unit configured to switch the toolbar from the first state to a second state in response to a first operation of the user, the toolbar in the second state comprises a second menu bar, the second menu bar comprises a plurality of menu items, the menu items of the second menu bar are obtained according to the menu items contained in the two first menu bars, and the second state indicates that the toolbar is movable.

[0019] In a fourth aspect, the embodiments of the present disclosure further provide a computer storage medium, which stores a computer program, and the program is executed by a processor to implement the steps of the method in any one of the second aspect.

[0020] In a fifth aspect, the present disclosure provides a computer program product, which comprises computer program code, and when the computer program code is run on a computer, the computer program code causes the computer to execute the method in any one of the second aspect.

[0021] These aspects and other aspects of the present disclosure will be more apparent in the following description of the embodiments. BRIEF DESCRIPTION OF DRAWINGS

[0022] In order to more clearly illustrate the technical solutions in the embodiments of the present disclosure, the drawings needed to be used in the embodiments description will be briefly introduced. Obviously, the drawings in the following description are only some embodiments of the present disclosure, and for those of ordinary skill in the art, other drawings can be obtained from these drawings without any creative effort.

[0023] FIG. 1 is a schematic diagram of a current handwriting interface operation provided by an embodiment of the present disclosure;

[0024] FIG. 2 is a schematic diagram of a display device provided by an embodiment of the present disclosure;

[0025] FIGS. 3A-3C are schematic diagrams of a transition from a normal mode to a drag state provided by an embodiment of the present disclosure;

[0026] FIG. 4 is a schematic diagram of a toolbar switching provided by an embodiment of the present disclosure;

[0027] FIGS. 5A-5F are interactive interface diagrams of a toolbar provided by an embodiment of the present disclosure;

[0028] FIG. 6 is a schematic diagram of a toolbar display mode provided by an embodiment of the present disclosure;

[0029] FIGS. 7A-7B are interactive interface diagrams of multiple toolbars provided by an embodiment of the present disclosure;

[0030] FIGS. 8A-8B are operation interface diagrams of a personalized setting toolbar provided by an embodiment of the present disclosure;

[0031] FIGS. 9A-9D are schematic diagrams of an arrangement scheme of a toolbar provided by an embodiment of the present disclosure;

[0032] FIGS. 10A-10D are schematic diagrams of an arrangement scheme of a toolbar provided by an embodiment of the present disclosure;

[0033] FIG. 11 is an implementation flowchart of an interactive method of a toolbar provided by an embodiment of the present disclosure;

[0034] FIG. 12 is a schematic diagram of an interactive device of a toolbar provided by an embodiment of the present disclosure. DETAILED DESCRIPTION

[0035] In order to make the objects, technical solutions and advantages of the present disclosure clearer, the present disclosure will be further described in detail below with reference to the drawings. Obviously, the described embodiments are only some embodiments of the present disclosure, but not all the embodiments. Based on the embodiments in the present disclosure, all other embodiments obtained by those of ordinary skill in the art without any creative effort fall within the scope of the present disclosure.

[0036] The term "and / or" described in the embodiments of the present disclosure describes the association relationship of the associated objects, which means that there can be three relationships, for example, A and / or B can represent: A exists alone, A and B exist together, and B exists alone. The character " / " generally represents an "or" relationship between the associated objects before and after it.

[0037] The application scenarios described in the embodiments of the present disclosure are used to more clearly illustrate the technical solutions of the embodiments of the present disclosure, and do not constitute a limitation on the technical solutions provided by the embodiments of the present disclosure. Those skilled in the art can know that, with the emergence of new application scenarios, the technical solutions provided by the embodiments of the present disclosure are also applicable to similar technical problems. In the description of the present disclosure, unless otherwise specified, the meaning of "multiple" is two or more.

[0038] Before introducing the display device and the interactive method of the toolbar provided by the embodiments of the present disclosure, in order to facilitate understanding, first, the technical background of the embodiments of the present disclosure is introduced in detail.

[0039] With the continuous development of science and technology, touch interactive large screens are increasingly widely used in daily life and work. Touch interactive devices such as interactive electronic whiteboards have been widely used in education, business and other fields. The common feature of these devices is that they have a large size touch screen that allows users to operate by directly touching the screen. The large screen size varies from 55 inches to 110 inches. However, the traditional toolbar design is usually fixed at the bottom of the screen. When users are writing, drawing or performing other operations, they often need to frequently switch between different tools, and each time they need to bend down or even bend their waist to perform the switching operation, which increases the operation distance and is prone to cause misoperation. This not only reduces work efficiency, but also increases user operation fatigue.

[0040] The design of the toolbar for large screen interactive display devices in the prior art has the following problems:

[0041] Interface bloat caused by too many functions: In order to provide comprehensive functionality, some toolbars integrate a large number of tools and options. Although this seems to enrich the user's operation choices, in fact, too many functions will make the toolbar look bloated and complex, and users will feel difficulty and confusion when looking for the required tools. Such design not only hinders quick access to frequently used functions, but also affects the overall aesthetics of the interface.

[0042] The toolbar position is fixed: the toolbar is usually fixed at the bottom of the screen, and it may be inconvenient for users of different heights to operate. Referring to FIG. 1, the present embodiment provides a currently handwritten interface operation schematic diagram. Since the size of the display screen is large, the user needs to switch the menu items in the toolbar multiple times when performing handwritten operations on the display screen. In particular, for users with a high height, they may need to frequently stretch their arms to operate the toolbar at the bottom, which not only increases the operation difficulty, but also may affect the user's comfort.

[0043] The function switching is cumbersome: switching between different function items on the toolbar needs to be manually clicked by the user, and the operation is relatively cumbersome. In some cases, the user may need to frequently switch between different functions, which undoubtedly increases the operation time and complexity, and may even cause misoperation.

[0044] The operation efficiency is low: due to the above problems, the user may encounter the problem of low operation efficiency when using the touch interactive large screen. This not only affects the user experience, but also may reduce the user's work efficiency.

[0045] In summary, the existing touch interactive large screen has many problems in the toolbar interaction, which need to be solved. These problems affect the operation efficiency and convenience of the user when using the touch interactive large screen.

[0046] In order to solve the above technical problems, the present embodiment provides a display device and a toolbar interaction method, which designs toolbar floating dragging, free dragging, trigger switching mode and other innovative designs, aiming to improve the operation flexibility, personalized setting ability and switching tool efficiency of the toolbar. Through the interaction method provided by the present embodiment, the operation convenience, comfort and efficiency of the user when using the touch interactive large screen can be significantly improved, thereby improving the overall user experience.

[0047] Referring to FIG. 2, the display device provided by the present embodiment includes a display screen 200 and a control circuit 201, wherein:

[0048] The display screen 200 is used for displaying content;

[0049] The control circuit 201 includes a processor and a memory, the memory is used for storing programs executable by the processor, and the processor is used for reading the programs in the memory and performing the following steps:

[0050] Display a toolbar in a first state in an interaction interface, the toolbar in the first state includes two first menu bars, and the first state indicates that the position of the toolbar is fixed;

[0051] In response to a first operation of the user, the toolbar is switched from the first state to a second state, the toolbar in the second state includes a second menu bar, the second menu bar includes a plurality of menu items, the menu items of the second menu bar are obtained according to the menu items contained in the two first menu bars, and the second state indicates that the toolbar is movable.

[0052] In some embodiments, the toolbar in the embodiment includes two first menu bars, and at least one menu item contained in the two first menu bars is different. For example, one first menu bar contains menu items of handwriting functions, such as menu items of a brush, erasing, and inserting; and the other first menu bar contains menu items of system functions, such as menu items of configuration and exit.

[0053] In some embodiments, the two first menu bars can be distributed horizontally or vertically. When the user performs the first operation, the toolbar is switched from the fixed state to the movable state, and the toolbar in the movable state includes a second menu bar, the second menu bar is movable, and the menu items in the second menu bar are determined according to the menu items of the two first menu bars.

[0054] Optionally, the number of the menu items of the second menu bar is less than the sum of the number of the menu items contained in the two first menu bars.

[0055] In some embodiments, the menu items of the two first menu bars can be combined, and the combined menu items can be pruned to obtain the menu items in the second menu bar.

[0056] Optionally, the first operation includes, but is not limited to, a click, a long press, a slide, a drag, or other operations of the user on the first toolbar, or a long press, a click, or other touch operations on a display area other than the first toolbar. The touch operation of the user on the first toolbar includes an operation on a specified menu item in the first toolbar or an operation on a blank area of the first toolbar. The blank area refers to an area of the first toolbar other than the menu items.

[0057] Optionally, the interactive interface in the embodiment includes, but is not limited to, a handwriting interface of handwriting software, a main interface of a display device, a display interface of other software, and the like, and the embodiment does not make too many limitations thereon.

[0058] Optionally, each menu item included in the toolbar represents a function. For example, the toolbar displayed in the handwriting interface includes a plurality of menu items, and each menu item represents a handwriting function, such as a selection, a cancel, an insertion, a brush setting, and an eraser.

[0059] In some embodiments, the toolbar is in the second state, and the processor is specifically further configured to perform:

[0060] In response to a first operation of the user dragging the toolbar, the toolbar is moved to a position corresponding to the first operation for display.

[0061] Optionally, the first operation includes, but is not limited to, dragging, dragging, sliding, and the like. The toolbar in the second state displayed in the interactive interface in the embodiment can be suspended in the interactive interface and is not fixed in the interactive interface. The user can drag the toolbar in the second state to a specified position by dragging. For example, when the user moves from the left handwriting area to the right handwriting area to perform handwriting operation in the handwriting interface, the toolbar suspended in the left side can be dragged to the right side for display, facilitating the switching of the handwriting function.

[0062] Referring to FIGS. 3A-3C, the embodiment provides a schematic diagram of converting from a normal mode to a dragging state. In the embodiment, the initial position of the toolbar 300 in the first state can be fixed, for example, when the user first enters the handwriting interface, the toolbar 300 in the first state is displayed below the handwriting interface, wherein the first toolbar 300 includes a first menu stack a and a first menu bar b. The user can first trigger the toolbar to switch from the first state to the second state, i.e., the movable state, by dragging, at which time the menu items in the first menu stack a and the first menu bar b are merged, the merged menu items are pruned, the final menu items of the toolbar 300 in the second state are obtained, and the menu items are displayed in a second menu bar. The user can drag the toolbar 300 in the second state to a specified position for display, facilitating the user operation.

[0063] In some embodiments, the embodiment provides a quick switching mode of the toolbar for switching the mode of the toolbar in the second state, and sets multiple modes of the toolbar in the second state, so that the user can conveniently switch between the toolbars in different modes. The menu items included in different modes are at least partially different. Taking the switching between two modes as an example, the two modes include a first toolbar mode and a second toolbar mode, and the specific implementation is as follows:

[0064] Mode 1: The toolbar is in the second state, and is switched from the first toolbar to the second toolbar.

[0065] The toolbar includes a first toolbar, and in response to a first touch operation of the user on the first toolbar, the first toolbar is switched to a second toolbar.

[0066] In some embodiments, in response to a first touch operation of the user on a blank area of the first toolbar, the first toolbar is switched to a second toolbar, wherein the blank area represents an area other than the menu items in the first toolbar.

[0067] Optionally, the first touch operation includes, but is not limited to, double-click, single-click, long-press, sliding, etc. For example, the user double-clicks the first toolbar, and the first toolbar is switched to the second toolbar for display.

[0068] Mode 2, the toolbar is in the second state, and the first toolbar is switched from the second toolbar.

[0069] The toolbar includes a second toolbar; and the second toolbar is switched to the first toolbar in response to a second touch operation of the user on the second toolbar.

[0070] In some embodiments, the second toolbar is switched to the first toolbar in response to a second touch operation of the user on a blank area of the second toolbar, where the blank area represents an area other than the menu items in the second toolbar.

[0071] Optionally, the second touch operation includes, but is not limited to, double-click, single-click, long-press, sliding, etc. For example, the user double-clicks the second toolbar, and the second toolbar is switched to the first toolbar for display.

[0072] In some embodiments, the number of menu items in the second toolbar is less than or equal to the number of menu items in the first toolbar; and the first toolbar and the second toolbar include at least one same menu item.

[0073] In an implementation, the first toolbar and the second toolbar are toolbars of the same application software, the first toolbar as a regular toolbar includes menu items of regular functions, and the second toolbar as a convenient toolbar includes menu items of frequently-used functions. By setting toolbars in different modes and reducing the number of menu items in the lightweight toolbar, the user can realize lightweight menu items by switching the toolbars. Referring to FIG. 4, the present embodiment provides a schematic diagram of toolbar switching. The current handwriting interface displays the first toolbar 400 in the second state. The first toolbar 400 includes regular menu items, such as brush, eraser, selection, undo, redo, new, insert, tool, setting, file, exit, etc. The user double-clicks the blank area of the first toolbar 400, and the first toolbar 400 is switched to the second toolbar 401. The second toolbar 401 is in the second state, and the convenient menu mode is entered. The second toolbar 401 displays frequently-used menu items, such as brush, eraser, selection, undo, redo, etc., so that the toolbar is more convenient and the user can quickly find frequently-used menu items, improving handwriting efficiency.

[0074] In some embodiments, the present embodiment also provides a method for freely dragging the toolbar. The dragging range and the adsorption range can be set, so that the toolbar can intelligently adapt to the user's operation, and the most comfortable operation experience can be provided whether the toolbar is at the top, the bottom or the middle of the screen. The specific implementation is shown as follows.

[0075] The interactive interface is divided into a first region and a second region, wherein the first region is arranged at the boundary of the interactive interface, and the first region surrounds the second region; the first region is used for adsorbing a tool bar, and the tool bar can be freely moved in the second region. As shown in FIG. 5A, the embodiment provides an interactive interface of a tool bar, which includes a first region 501 and a second region 502. The first region 501 is arranged at the inner side of the interactive interface, that is, at the edge region at the inner side of the four sides of the interactive interface, and the range of the first region 501 is smaller than that of the second region 502. In the second region, a user can freely drag the tool bar to move, and the tool bar is displayed at a specified position. Optionally, the first region and the second region are adjacent, or there is a gap between the first region and the second region.

[0076] Optionally, according to different positions of the tool bar moved by the user, the embodiment is divided into the following cases for displaying the tool bar:

[0077] Case 1: If the position corresponding to the first operation is in the first region, the tool bar is adsorbed and displayed at a fixed position of the second region, wherein the fixed position of the second region is adjacent to the first region.

[0078] In the implementation, since the first region is located at the edge of the interactive region, when the user drags the tool bar to the first region, the tool bar is moved to the outside of the interactive region. At this time, the tool bar is adsorbed and displayed in the second region by using the adsorption function of the first region, so that the tool bar can be displayed in the interactive interface even if the user drags the tool bar out of the interactive interface due to improper operation. By displaying the tool bar at a position adjacent to the first region in the second region, the tool bar is fixed, so that the tool bar can be seen in the interactive interface when the user switches, and multiple users can quickly find the tool bar when they alternately write by hand.

[0079] Optionally, the fixed position of the second region can include one or more, and a corresponding fixed position can be set according to the specific position of the tool bar moved to the first region. As shown in FIG. 5B, the embodiment provides an interactive interface of a tool bar, which includes a first region 501 and a second region 502. When the user moves the tool bar to the upper sub-region 501U of the first region 501, the tool bar is displayed in the upper sub-region 502U of the second region 502. When the user moves the tool bar to the lower sub-region 501D of the first region 501, the tool bar is displayed in the lower sub-region 502D of the second region 502. When the user moves the tool bar to the left sub-region 501L of the first region 501, the tool bar is displayed in the left sub-region 502L of the second region 502. When the user moves the tool bar to the right sub-region 501R of the first region 501, the tool bar is displayed in the right sub-region 502R of the second region 502.

[0080] Case 2, if the position corresponding to the first operation is in the first region, the toolbar is adsorbed to the first region to hide, and in response to the operation of the user moving the mouse to the first region, the toolbar is displayed at the fixed position of the first region or the second region, wherein the fixed position of the second region is adjacent to the first region;

[0081] In an implementation, in order to simplify the content of the current handwriting interface, the user can hide the toolbar of the handwriting interface by dragging the toolbar to the first region during handwriting, and when the user needs to use the toolbar again, the toolbar can be displayed at the fixed position of the first region or the fixed position of the second region again, wherein the toolbar is in the second state. As shown in FIG. 5C, the embodiment provides an interactive interface of a toolbar, including a first region 501 and a second region 502, when the user drags the toolbar to the first region 501, the toolbar is adsorbed to the first region 501 to hide, when the user moves the mouse to the first region 501, the toolbar is displayed at the hidden position of the first region 501, wherein the hidden position is the position of the toolbar when the user drags the toolbar to the first region. Alternatively, when the user drags the toolbar to the first region 501, the toolbar is adsorbed to the first region 501 to hide, when the user moves the mouse to the first region 501, the toolbar is displayed at the fixed position of the second region 502, wherein the fixed position of the second region 502 is adjacent to the first region 501, and optionally, the fixed position of the second region 502 is determined according to the hidden position of the toolbar in the first region 501, that is, the toolbar is displayed at the fixed position of the second region 502 adjacent to the hidden position.

[0082] Case 3, if the position corresponding to the first operation is in the second region, the toolbar is moved to the position corresponding to the first operation to display.

[0083] In an implementation, the user can drag the toolbar to move and display at any position of the second region, which facilitates the user to quickly find the related function menu item in the toolbar.

[0084] In some embodiments, the embodiment also provides any one of the following toolbar interaction methods of multiple adsorption regions, and the specific implementation steps are as follows:

[0085] Method a, the first region is divided into multiple sub-regions, and if the position corresponding to the first operation is in any one of the sub-regions of the first region, the toolbar is adsorbed to the fixed position of the second region to display, wherein the fixed position of the second region is adjacent to the any one of the sub-regions;

[0086] In an implementation, the first region is divided into a plurality of sub-regions, and when the user drags the toolbar into one of the sub-regions, the toolbar is displayed at a fixed position of the second region adjacent to the one of the sub-regions. As shown in FIG. 5D, the embodiment provides an interactive interface of a toolbar, which includes a first region 501 and a second region 502. The first region 501 is divided into six sub-regions, i.e., sub-regions 501a, 501b, 501c, 501d, 501e, and 501f. The fixed position of the second region 502 adjacent to the sub-region 501a is 502a, the fixed position of the second region 502 adjacent to the sub-region 501b is 502b, the fixed position of the second region 502 adjacent to the sub-region 501c is 502c, the fixed position of the second region 502 adjacent to the sub-region 501d is 502d, the fixed position of the second region 502 adjacent to the sub-region 501e is 502e, and the fixed position of the second region 502 adjacent to the sub-region 501f is 502f. When the user drags the toolbar to 501a, the toolbar is displayed at 502a; when the user drags the toolbar to 501b, the toolbar is displayed at 502b; when the user drags the toolbar to 501c, the toolbar is displayed at 502c; when the user drags the toolbar to 501d, the toolbar is displayed at 502d; when the user drags the toolbar to 501e, the toolbar is displayed at 502e; and when the user drags the toolbar to 501f, the toolbar is displayed at 502f.

[0087] Method b, the first region is divided into a plurality of sub-regions; if the position corresponding to the first operation is in any one of the sub-regions of the first region, the toolbar is hidden by being attached to the any one of the sub-regions. In response to the operation of the user moving the mouse to the any one of the sub-regions, the toolbar is displayed at the any one of the sub-regions or at a fixed position of the second region adjacent to the any one of the sub-regions, wherein the toolbar is in the second state.

[0088] In an implementation, the first region is divided into a plurality of sub-regions, and when the user drags the toolbar into one of the sub-regions, the toolbar is hidden in the one of the sub-regions. When the user moves the mouse to the one of the sub-regions again, the toolbar is displayed at a fixed position of the one of the sub-regions or at a fixed position of the second region adjacent to the one of the sub-regions.

[0089] In order to ensure the convenience and accuracy of use, the movable range of the toolbar is reasonably divided at the edge of the interactive interface. The movable range of the toolbar is identified by the position of the toolbar center point. When the toolbar center point is in which area, the toolbar is automatically displayed on the fixed position corresponding to the area after the drag is released. As shown in FIGS. 5E-5F, the embodiment provides an interactive interface of a toolbar, including a first area 501 and a second area 502. The first area 501 is divided into six sub-areas, i.e., six suction areas are set in the first area 501, including upper left, lower left, middle upper, middle lower, upper right and lower right, which are sub-areas 501a, 501b, 501c, 501d, 501e and 501f respectively. The fixed position adjacent to the sub-area 501a of the second area 502 is 502a, the fixed position adjacent to the sub-area 501b of the second area 502 is 502b, the fixed position adjacent to the sub-area 501c of the second area 502 is 502c, the fixed position adjacent to the sub-area 501d of the second area 502 is 502d, the fixed position adjacent to the sub-area 501e of the second area 502 is 502e, and the fixed position adjacent to the sub-area 501f of the second area 502 is 502f. When the user drags the toolbar to the first area 501, the toolbar is hidden in the first area 501. When the user moves the mouse to the sub-area 501a of the first area 501, the toolbar is displayed at the hidden position of the sub-area 501a, wherein the hidden position is the position of the toolbar when the user drags the toolbar to the first area. Alternatively, when the user moves the mouse to the sub-area 501a, the toolbar is displayed at the fixed position 502a of the second area 502, wherein the fixed position of the second area 502 is adjacent to the sub-area 501a, and the fixed position 502a of the second area 502 is determined according to the hidden position of the toolbar in the sub-area 501a, i.e., the toolbar is displayed on the fixed position 502a of the second area 502 adjacent to the hidden position.

[0090] In the implementation, whether the toolbar is dragged into the first area can be determined according to the center position of the toolbar. When the center position of the toolbar is in the first area, it is determined that the toolbar is dragged into the first area at this time. When the center position of the toolbar is in the second area, it is determined that the toolbar is displayed at the drag position in the second area, i.e., as long as the center position of the toolbar is in the second area, the user can drag the toolbar to the specified position at will. By maximizing the drag range and realizing multi-gear suction, the toolbar can intelligently adapt to the user's operation, and can provide the most comfortable operation experience whether in the top, bottom or middle area of the screen.

[0091] As shown in FIG. 6, the embodiment provides a toolbar display mode diagram. When the toolbar is displayed on the top or bottom of the interactive interface, the toolbar can be set to be displayed horizontally. When the toolbar is displayed on the left or right of the interactive interface, the toolbar can be set to be displayed vertically.

[0092] In some embodiments, the embodiment also provides an interactive interface with multiple toolbars. The specific interactive process is shown as follows:

[0093] The interactive interface is divided into multiple handwriting areas. The interactive interface displays multiple toolbars, and one handwriting area corresponds to one toolbar. The toolbar is in a second state.

[0094] In response to a second operation of dragging the toolbar by a user in any handwriting area, the toolbar is moved to a position corresponding to the second operation for display.

[0095] In the implementation, when the handwriting interface is divided into multiple handwriting areas, one handwriting area displays one toolbar, and the toolbar is in a second state. When multiple users perform handwriting in different handwriting areas, the users can use the toolbars displayed in the respective handwriting areas to select portable function menu items, and the toolbar of any handwriting area can be randomly dragged and displayed by the user. When the user performs the handwriting interface for the first time, the toolbar is displayed at a fixed position of the handwriting area, and the user can drag the toolbar of the handwriting area to move randomly. As shown in FIG. 7A, the embodiment provides an interactive interface with multiple toolbars. The interactive interface includes handwriting area 700 and handwriting area 701. The toolbar 700a of the handwriting area 700 can be randomly dragged in the handwriting area 700. The toolbar 701a of the handwriting area 701 can be randomly dragged in the handwriting area 701. When the user drags the toolbar 700a to move out of the handwriting area 700, the toolbar 700a is still displayed in the handwriting area 700 adjacent to the dragging position. Similarly, when the user drags the toolbar 701a to move out of the handwriting area 701, the toolbar 701a is still displayed in the handwriting area 701 adjacent to the dragging position.

[0096] In some embodiments, when the interactive interface is divided into multiple handwriting areas, an adhesion area and a movable area can be provided for each handwriting area. When the toolbar is moved to the adhesion area in any handwriting area, the toolbar can be displayed at a fixed position. Optionally, at least one handwriting area is divided into a third area and a fourth area. The third area is distributed around the boundary of the handwriting area. The third area and the fourth area are adjacent to each other, and the third area surrounds the fourth area. For each handwriting area, the following display conditions are mainly included:

[0097] Case a, if the position corresponding to the second operation is in the third area of any of the handwriting areas, the toolbar is displayed by being attracted to the fixed position of the fourth area, wherein the fixed position of the fourth area is adjacent to the third area of any of the handwriting areas.

[0098] In the implementation, since the third area is located at the edge of the handwriting area, when the user drags the toolbar to the third area, the toolbar is moved outside the handwriting area, at this time, the toolbar is displayed by being attracted to the fourth area by using the attracting function of the third area, so that the user can display the toolbar in the handwriting interface even if the toolbar is dragged out of the handwriting interface due to improper operation. By displaying the toolbar by fixing it at the position adjacent to the fourth area and the third area, the toolbar is fixedly displayed, so that the user can see the toolbar in the interactive interface when the user switches, and the user can quickly find the toolbar when multiple users alternately write.

[0099] Optionally, the fixed position of the fourth area can include one or more, and the corresponding fixed position can be set according to the specific position of the toolbar moved to the third area. As shown in FIG. 7B, the embodiment provides an interactive interface of multiple toolbars, which includes handwriting areas 700 and 701. The toolbar 700a can be moved in the handwriting area 700 at will, and the toolbar 701a can be moved in the handwriting area 701 at will. The handwriting area 700 is divided into a third area 700f and a fourth area 700m, and the handwriting area 701 is divided into a third area 701f and a fourth area 701m. When the user moves the toolbar 700a to the third area 700f, the toolbar 700a is displayed at the fixed position 700b of the fourth area 700m. Similarly, when the user moves the toolbar 701a to the third area 701f, the toolbar 701a is displayed at the fixed position 701b of the fourth area 701m.

[0100] Case b, if the position corresponding to the second operation is in the third area of any of the handwriting areas, the toolbar is hidden by being attracted to the third area of any of the handwriting areas. In response to the operation of the user moving the mouse to the third area of any of the handwriting areas, the toolbar is displayed at the third area of any of the handwriting areas or the fixed position of the fourth area, wherein the fixed position of the fourth area is adjacent to the third area of any of the handwriting areas.

[0101] In an implementation, the embodiment provides an interactive interface of multiple toolbars, the interactive interface includes a handwriting area 700 and a handwriting area 701, a toolbar 700a can be moved in the handwriting area 700 at will, and a toolbar 701a can be moved in the handwriting area 701 at will. The handwriting area 700 is divided into a third area 700f and a fourth area 700m, and the handwriting area 701 is divided into a third area 701f and a fourth area 701m. For the handwriting area 700, when a user drags the toolbar 700a to the third area 700f, the toolbar is displayed at a hidden position of the third area 700f, wherein the hidden position is the position of the toolbar when the user drags the toolbar to the third area 700f. When the user moves the mouse to the third area 700f, the toolbar is displayed at a fixed position of the fourth area 700m, wherein the fixed position of the fourth area 700m is adjacent to the third area 700f, and optionally, the fixed position of the fourth area 700m is determined according to the hidden position of the toolbar 700a in the third area 700f, that is, the toolbar 700a is displayed at the fixed position of the fourth area 700m adjacent to the hidden position.

[0102] Case c, if the position corresponding to the second operation is in the fourth area of any handwriting area, the toolbar is moved to the position corresponding to the second operation for display.

[0103] In an implementation, a user can drag the toolbar of any handwriting area to move and display the toolbar at any position of any handwriting area, so as to facilitate the user to quickly find the relevant function menu item in the toolbar.

[0104] In some embodiments, the toolbar is in the second state, and the processor is specifically further configured to perform:

[0105] displaying the toolbar in the handwriting interface; in response to the handwriting operation of the user, hiding the toolbar; and in response to the handwriting end instruction of the user, displaying the toolbar.

[0106] In an implementation, when the interactive interface is a handwriting interface, the toolbar is in the second state, and since the display area of the toolbar is in the writable range, the system hides the toolbar when the user is writing (the writing pen or the finger contacts the screen and has a moving track), and the toolbar is still displayed at the original position when the user finishes writing (the writing pen or the finger leaves the screen and stops the writing track), so that the user is not affected by the toolbar when using the product, and the false touch of the toolbar is reduced.

[0107] In some embodiments, the present embodiment can also personalize the toolbar according to the height and operation habits of the user. By maximizing the dragging range and implementing multi-gear adsorption, the toolbar can intelligently adapt to the operation of the user, and can provide the most comfortable operation experience whether at the top, bottom or middle area of the screen. The specific individualized configuration process is as follows:

[0108] The toolbar is in the second state, and in response to a third touch operation of the user on the first menu item, a configuration menu is displayed;

[0109] In response to a parameter adjustment operation of the user on the configuration item in the configuration menu, at least one of the transparency, size, shape and menu item of the toolbar is updated.

[0110] Optionally, the third touch operation includes but is not limited to clicking, double-clicking, long pressing, sliding and the like. The configuration item in the present embodiment includes but is not limited to a transparency configuration item for configuring the transparency of the toolbar display, a size configuration item for configuring the size of the toolbar, a shape configuration item for configuring the shape of the toolbar, and a function option configuration item for configuring the specific menu item included in the toolbar. Since the user can move the toolbar at will in the screen writing area, the toolbar will have a display blocking effect on the writing content in the area where there is already writing content, so the user can make individualized preference settings in the system settings according to his own individualized needs, including the display function options, transparency, toolbar corner size and the like, to ensure that the user obtains the best use experience.

[0111] In an implementation, the first menu item can be arranged in the system toolbar, for example, when the home page of the display device is displayed, the system toolbar is displayed on the home page of the display interface, and the system toolbar usually includes menu items of different applications and the first menu item, for example, the system toolbar includes a menu item of a handwriting application and the first menu item, when the user clicks the menu item of the handwriting application, the handwriting application is started to enter a handwriting interface, and a draggable toolbar is displayed on the handwriting interface. As shown in FIGS. 8A-8B, the embodiment further provides an operation interface for personalizing the toolbar, the user can click the first menu item (i.e., menu item 1) in the system toolbar of the home page to pop up a configuration menu, and the configuration menu displays a plurality of configuration items, for example, the configuration menu displays configuration items such as transparency, size, shape, corner size, and function options, wherein the user can select the transparency configuration item to adjust the transparency of the toolbar, select the size configuration item to adjust the size of the toolbar, select the shape configuration item to set the specific shape of the toolbar, select the corner size to set the corner of the toolbar, and can also select the function options to add, delete, or perform other operations on the menu items included in the toolbar. For example, the transparency can be set in a parameter range of 10% to 100%, the corner can be set in a parameter range of 0 to 48, the display number of the menu items of the first toolbar can be set in a range of greater than or equal to 6, and the display number of the menu items of the second toolbar can be set in a range of greater than or equal to 1, the user can adjust the transparency of the toolbar in the range of 10% to 100%, adjust the corner size of the toolbar in the parameter range of 0 to 48, and also personalize the menu items of the first toolbar, and ensure that the number of the menu items of the first toolbar is greater than or equal to 6. The menu items of the second toolbar can also be personalized, and the number of the menu items of the second toolbar is ensured to be greater than or equal to 1.

[0112] In some embodiments, the embodiment further provides a toolbar for conveniently setting handwriting content, and the toolbar is in a second state, and the specific implementation is shown as follows:

[0113] The handwriting content is displayed on the handwriting interface.

[0114] In response to a selection operation of the user on the handwriting content, the menu items in the toolbar are updated according to the type of the handwriting content in the selected area, and the updated toolbar is displayed; wherein the menu items corresponding to different types of handwriting content are different.

[0115] Optionally, the type of the handwriting content includes characters, graphics, (inserted) pictures, and the like, and the embodiment does not make too many limitations thereon. The menu items of the updated toolbar are used as convenient menu items to be displayed when the user selects the handwriting content, and the display mode of the already displayed handwriting content can be updated more conveniently.

[0116] In the implementation, characters and graphics are displayed on the handwriting interface, when a user selects a character part, an updated toolbar is popped up, the updated toolbar includes menu items corresponding to the color, font, etc. of the character, and the user can select the color, font, etc. to be displayed in the updated toolbar to update the display mode of the selected character. Similarly, when the user selects a graphic, an updated toolbar is popped up, the updated toolbar includes menu items corresponding to the graphic type, line, etc. of the graphic, and the user can select the line, color, etc. of the graphic in the toolbar to update the display of the graphic. Currently, the toolbar is used to adjust the style of the written content after setting, for example, the user needs to write red content, needs to set the pen to red in the toolbar, and then writes the red content. For the written content, currently it is not possible to modify it. The embodiment provides a convenient setting function for the selected (selected) written content. After the user selects the written content by using the selection tool of the toolbar, the background identifies the type of the selected content (the type includes characters, graphics, images, etc.), and corresponding convenient menu items are popped up for different types of display content, so that the user can modify the style of the written content or perform content-related operations more quickly.

[0117] In some embodiments, the embodiment also provides an arrangement of the toolbar and the selected area, and specifically includes any one or more of the following:

[0118] Method 1) the updated toolbar and the selected area are arranged in an up-down manner;

[0119] Method 2) the updated toolbar and the selected area are arranged in a left-right manner;

[0120] Method 3) the updated toolbar and the selected area are left-aligned;

[0121] Method 4) the updated toolbar and the selected area are right-aligned;

[0122] Method 5) the updated toolbar and the selected area are top-aligned;

[0123] Method 6) the updated toolbar and the selected area are bottom-aligned.

[0124] In the implementation, the above methods can be combined with each other, any one of method 1) and method 3) to method 6) can be combined with each other, and any one of method 2) and method 3) to method 6) can be combined with each other. For example, the center of the selected written content area is in the upper half of the screen, and the updated toolbar is displayed below the written content; the center of the selected written content area is in the lower half of the screen, and the updated toolbar is displayed above the written content; when the center of the selected written content area is in the left half of the screen, the updated toolbar is displayed left-aligned with the written content area; and when the center of the selected written content area is in the left half of the screen, the updated toolbar is displayed right-aligned with the written content area.

[0125] As shown in FIGS. 9A-9D, the present embodiment provides a layout of a toolbar, the handwriting interface includes an upper half region 901 and a lower half region 902, the toolbar is in the second state, as shown in FIGS. 9A-9B, when the user writes content in the upper half region 901 and close to the left side of the handwriting interface, and the user selects the content, an updated toolbar is displayed below the content, and the updated toolbar is left-aligned with the selected region. As shown in FIGS. 9C-9D, when the user writes content in the lower half region 902 and close to the right side of the handwriting interface, and the user selects the content, an updated toolbar is displayed above the content, and the updated toolbar is right-aligned with the selected region.

[0126] In some embodiments, the present embodiment also provides a layout of a toolbar, the toolbar is in the second state; the specific implementation is as follows:

[0127] In response to a fourth touch operation of a user on a menu item in the toolbar, a submenu of the menu item is displayed; wherein the submenu and the toolbar are arranged vertically or horizontally.

[0128] Optionally, the fourth touch operation in the present embodiment includes but is not limited to clicking, long pressing, sliding, etc. In implementation, after the user drags the toolbar to move, the user clicks a menu item in the toolbar to display a submenu of the menu item, wherein the basis for displaying the submenu is to ensure that the displayed submenu and the toolbar are completely displayed in the handwriting interface. Optionally, when the submenu and the toolbar are arranged vertically, the submenu and the toolbar are left-aligned or right-aligned; when the submenu and the toolbar are arranged horizontally, the submenu and the toolbar are top-aligned or bottom-aligned.

[0129] One implementation is that when the toolbar in the second state is in the upper half of the interactive interface, clicking a menu item in the toolbar displays a submenu below the toolbar; when the toolbar is in the lower half of the interactive interface, clicking a menu item in the toolbar displays a submenu above the toolbar.

[0130] As shown in FIGS. 10A-10D, the present embodiment provides a layout of a toolbar, the handwriting interface includes an upper half area 1001 and a lower half area 1002, as shown in FIG. 10A, when the toolbar in the second state is located in the upper half area 1001 and close to the left side of the handwriting interface, the user selects a menu item of the toolbar, a submenu is displayed below the toolbar, and the submenu is closer to the left side of the handwriting interface than the toolbar. As shown in FIG. 10B, when the toolbar in the second state is located in the upper half area 1001 and close to the right side of the handwriting interface, the user selects a menu item of the toolbar, a submenu is displayed below the toolbar, and the submenu is closer to the right side of the handwriting interface than the toolbar. As shown in FIG. 10C, when the toolbar in the second state is located in the lower half area 1002 and close to the left side of the handwriting interface, the user selects a menu item of the toolbar, a submenu is displayed above the toolbar, and the submenu is closer to the left side of the handwriting interface than the toolbar. As shown in FIG. 10D, when the toolbar in the second state is located in the lower half area 1002 and close to the right side of the handwriting interface, the user selects a menu item of the toolbar, a submenu is displayed above the toolbar, and the submenu is closer to the right side of the handwriting interface than the toolbar.

[0131] In some embodiments, the present embodiment also provides a method for saving configuration data of a toolbar, and the implementation steps are as follows:

[0132] The configuration data of the current toolbar and the device identifier are sent to a server, a request message is sent to the server in response to an opening instruction of the interactive interface, the request message includes the device identifier, the latest configuration data corresponding to the device identifier is received and sent by the server, and the toolbar is displayed on the interactive interface according to the latest configuration data.

[0133] Optionally, the configuration data of the toolbar includes but is not limited to the state of the toolbar, the mode (the first toolbar mode or the second toolbar mode) of the toolbar, the menu items contained by the toolbar, and the appearance parameters of the toolbar. The configuration data includes but is not limited to the state, the mode, the position, the shape, the size and the like of the toolbar, and the present embodiment does not make too many limitations.

[0134] In implementation, a communication connection between the display device and the server is established, the interactive interface of the display device listens to the user's operation (double-click, drag, option parameter, etc.), and the current changed configuration data is sent to the server each time the user changes the configuration of the toolbar, so that the server saves the user's operation habit and setting habit, and the toolbar is displayed according to the saved configuration data when the user opens the interactive interface again, without the user's personalized setting of the toolbar again. For example, when the user double-clicks the blank area of the toolbar in the second state to trigger the toolbar mode switching, i.e., from the first toolbar to the second toolbar or from the second toolbar to the first toolbar, the state, mode, toolbar position, device ID and other information of the current toolbar are reported to the server, and the server saves the configuration data; when the user opens the interactive interface next time, the server requests the last time configuration data, and then the handwriting interface displays the last toolbar according to the configuration.

[0135] The interactive method of the toolbar provided in the embodiment integrates the commonly used menu items in the application software into one toolbar, and enables the toolbar to be suspended on the screen. The blank area of the toolbar supports double-click triggering mode switching, the user can quickly switch to the commonly used writing convenient item through simple double-click action, so that the user experience is more light and convenient to operate, thereby realizing more efficient operation process. The user can also drag the toolbar to a suitable position at will, so that the user can select the required tool more quickly when writing or drawing, and reduce unnecessary operation distance and time. For the framed writing content, a convenient setting function is provided, and the user can modify the writing content style or perform content related operation more quickly, so as to improve the writing and operation efficiency and improve the product user experience.

[0136] The embodiment provides an interactive interface of a toolbar. The toolbar is displayed in the interactive interface, and the toolbar is in a second state (a dragable state). A user can drag the toolbar to move to any position of the interactive interface. The user can also double-click the toolbar to switch the toolbar from a first toolbar to a second toolbar. The user clicks a menu item in the second toolbar to pop up and display a submenu of the menu item.

[0137] Taking the handwriting interface as an example, the embodiment provides a portable operation method of a handwriting interface toolbar. The toolbar of the handwriting interface can be moved arbitrarily, and the toolbar can be set in multiple modes, such as a first toolbar mode and a second toolbar mode. In the first toolbar mode, a user can drag the first toolbar arbitrarily, and switch the first toolbar to the second toolbar by double-clicking a blank area of the first toolbar. The first toolbar includes the following menu items: brush, eraser, selection, undo, redo, new, insert, tool, setting, file, and exit. In the second toolbar mode, the user can drag the second toolbar arbitrarily, and switch the second toolbar to the first toolbar by double-clicking a blank area of the second toolbar. The second toolbar includes the following menu items: brush, eraser, selection, undo, redo, and all.

[0138] The interactive method of the freely adjustable toolbar provided in the embodiment aims to solve the limitations in the design of toolbars in traditional touch interaction devices. By implementing the method, the following effects can be achieved:

[0139] Improved operation efficiency: Through the design of function collection and floating drag, users can quickly select the required tools without frequent switching of views or interfaces. This design effectively reduces the time cost of users in the operation process, enabling users to focus more on the task itself, thereby improving the overall work efficiency.

[0140] Enhanced user experience: The functions of free dragging and personalized setting enable the toolbar to be flexibly adjusted according to the user's height, gesture habits, and operation preferences. Users can place the toolbar at the most comfortable position on the screen according to their own needs, without affecting the operation efficiency due to low head or low waist switching of functions. This personalized design not only improves the comfort of operation, but also enhances the user's sense of control over the display device, thereby improving the overall experience of users.

[0141] Simplified operation process: The design of double-clicking to switch modes allows users to quickly switch to commonly used writing convenience items through a simple double-click action. This design simplifies the tool switching process, enabling users to switch to the required function without going through complicated steps. Not only does it improve the efficiency of operation, but also makes the entire operation process smoother and more intuitive.

[0142] Lightweight interface: Compared with traditional toolbar design, the toolbar in this embodiment is more lightweight. Through reasonable function layout and intelligent design, the toolbar will not become bloated and complex due to the increase of functions. This design makes it more convenient and efficient for users to find and select tools, while also improving the overall aesthetics of the interface.

[0143] Compatibility and flexibility: The embodiment can not only be applied to touch interaction large screens, but also can be extended to other devices with touch function, such as smart phones, tablet computers and the like. This extensive compatibility means that more users can benefit from the implementation of the scheme. In addition, the design of the scheme also considers the development of future technology, has good flexibility and expansibility, and can adapt to the changing technology environment and user needs.

[0144] In summary, the freely adjustable toolbar interaction method proposed in the embodiment will bring many technical effects. Through innovative designs such as floating dragging, free dragging, double-click triggering switching mode, the operation flexibility, personalized setting ability and switching tool efficiency of the toolbar are improved. It can significantly improve the operation convenience, comfort and efficiency of users when using touch interaction large screens, and also optimizes the design aesthetics of the user interface. It can provide users with more efficient and convenient operation methods, thereby improving the overall use experience and satisfaction.

[0145] Based on the same inventive concept, the embodiment of the disclosure also provides an interaction method of a toolbar, which solves the problem in a similar way to the display device described above. The implementation of the method can refer to the implementation of the display device described above, and the repeated parts will not be described again.

[0146] As shown in FIG. 11, the method includes:

[0147] Step 1100, displaying a toolbar in a first state on an interaction interface, the toolbar in the first state including two first menu bars, the first state indicating that the position of the toolbar is fixed;

[0148] Step 1101, switching the toolbar from the first state to a second state in response to a first operation of a user, the toolbar in the second state including a second menu bar, the second menu bar including a plurality of menu items, the menu items of the second menu bar being obtained according to the menu items contained in the two first menu bars, the second state indicating that the toolbar is movable.

[0149] As an optional implementation, the number of menu items of the second menu bar is less than the sum of the number of menu items contained in the two first menu bars.

[0150] As an optional implementation, the toolbar is in the second state, and the toolbar includes a first toolbar; the method further includes:

[0151] switching the first toolbar to a second toolbar in response to a first touch operation of the user on the first toolbar; and / or,

[0152] The toolbar is in the second state, and the toolbar includes a second toolbar; the processor is specifically further configured to perform:

[0153] In response to a second touch operation of the second toolbar by the user, the second toolbar is switched to the first toolbar.

[0154] As an optional implementation, the second toolbar has less or equal menu items than the first toolbar; and the first toolbar and the second toolbar include at least one same menu item.

[0155] As an optional implementation, the toolbar is in a second state, and the method further includes:

[0156] In response to a first operation of dragging the toolbar by the user, the toolbar is moved to a position corresponding to the first operation for display.

[0157] As an optional implementation, the interactive interface is divided into a first region and a second region, wherein the first region is arranged at a boundary of the interactive interface, and the first region surrounds the second region; and the moving the toolbar to the position corresponding to the first operation for display includes:

[0158] if the position corresponding to the first operation is in the first region, the toolbar is displayed at a fixed position of the second region, wherein the fixed position of the second region is adjacent to the first region; or

[0159] if the position corresponding to the first operation is in the first region, the toolbar is hidden in the first region; in response to an operation of moving a mouse to the first region by the user, the toolbar is displayed at a fixed position of the first region or the second region, wherein the fixed position of the second region is adjacent to the first region; or

[0160] if the position corresponding to the first operation is in the second region, the toolbar is moved to the position corresponding to the first operation for display.

[0161] As an optional implementation, the first region is divided into a plurality of sub-regions; and the method further includes:

[0162] if the position corresponding to the first operation is in any one of the sub-regions of the first region, the toolbar is displayed at a fixed position of the second region, wherein the fixed position of the second region is adjacent to the any one of the sub-regions; or

[0163] If the position corresponding to the first operation is in any one of the sub-regions of the first region, the toolbar is hidden by being attracted to the any one of the sub-regions; and in response to a user operation of moving a mouse to the any one of the sub-regions, the toolbar is displayed at a fixed position of the any one of the sub-regions or a second region, wherein the fixed position of the second region is adjacent to the any one of the sub-regions.

[0164] As an optional implementation, the interactive interface is divided into a plurality of handwriting regions; and the method further comprises:

[0165] The interactive interface displays a plurality of toolbars, and one handwriting region corresponds to one toolbar.

[0166] In response to a second operation of a user dragging the toolbar in any one of the handwriting regions, the toolbar is moved to a position corresponding to the second operation to be displayed.

[0167] As an optional implementation, at least one handwriting region is divided into a third region and a fourth region, the third region is distributed around the boundary of the handwriting region, the third region and the fourth region are adjacent and the third region surrounds the fourth region; and the method further comprises:

[0168] If the position corresponding to the second operation is in the third region of any one of the handwriting regions, the toolbar is displayed by being attracted to a fixed position of the fourth region, wherein the fixed position of the fourth region is adjacent to the third region of any one of the handwriting regions; or

[0169] If the position corresponding to the second operation is in the third region of any one of the handwriting regions, the toolbar is hidden by being attracted to the third region of any one of the handwriting regions; and in response to a user operation of moving a mouse to the third region of any one of the handwriting regions, the toolbar is displayed at a fixed position of the third region of any one of the handwriting regions or a fourth region, wherein the fixed position of the fourth region is adjacent to the third region of any one of the handwriting regions; or

[0170] If the position corresponding to the second operation is in the fourth region of any one of the handwriting regions, the toolbar is moved to the position corresponding to the second operation to be displayed.

[0171] As an optional implementation, the toolbar is in a second state, and the interactive interface comprises a handwriting interface; and the method further comprises:

[0172] The handwriting interface displays the toolbar.

[0173] In response to a handwriting operation of a user, the toolbar is hidden.

[0174] In response to a handwriting end instruction of a user, the toolbar is displayed.

[0175] As an optional implementation, the toolbar is in the second state, and the method further comprises:

[0176] In response to a third touch operation of the user on the first menu item, a configuration menu is displayed;

[0177] In response to a parameter adjustment operation of the user on a configuration item in the configuration menu, at least one of the transparency, size, shape and menu item of the toolbar is updated.

[0178] As an optional implementation, the toolbar is in the second state, and the method further comprises:

[0179] In the handwriting interface, handwriting content is displayed;

[0180] In response to a selection operation of the user on the handwriting content, menu items in the toolbar are updated according to the type of the handwriting content in the selected area, and the updated toolbar is displayed; different types of handwriting content correspond to different menu items.

[0181] As an optional implementation, the method comprises any one or more of the following:

[0182] The updated toolbar and the selected area are arranged in up-down or left-right; or,

[0183] The updated toolbar and the selected area are left-aligned or right-aligned or top-aligned or bottom-aligned.

[0184] As an optional implementation, the toolbar is in the second state, and the method further comprises:

[0185] In response to a fourth touch operation of the user on a menu item in the toolbar, a submenu of the menu item is displayed;

[0186] The submenu and the toolbar are arranged in up-down or left-right.

[0187] As an optional implementation, the method further comprises:

[0188] Configuration data of the current toolbar and a device identifier are sent to a server;

[0189] In response to an opening instruction of the interactive interface, a request message is sent to the server, and the request message comprises the device identifier;

[0190] The latest configuration data corresponding to the device identifier sent by the server is received, and the toolbar is displayed on the interactive interface according to the latest configuration data.

[0191] Based on the same inventive concept, the embodiment of the disclosure further provides an apparatus for interacting with a toolbar. Since the apparatus is the apparatus in the method of the embodiment of the disclosure, and the principle of the apparatus to solve the problem is similar to the method, the implementation of the apparatus can be referred to the implementation of the method, and the repeated parts will not be described here.

[0192] As shown in FIG. 12, the apparatus includes:

[0193] a display unit 1200 configured to display a toolbar in a first state on an interactive interface, the toolbar in the first state including two first menu bars, the first state indicating that the position of the toolbar is fixed;

[0194] a switching unit 1201 configured to switch the toolbar from the first state to a second state in response to a first operation of a user, the toolbar in the second state including one second menu bar, the second menu bar including a plurality of menu items, the menu items of the second menu bar being obtained according to the menu items contained in the two first menu bars, the second state indicating that the toolbar is movable.

[0195] Based on the same inventive concept, the embodiment of the disclosure provides a computer storage medium, which includes computer program code, and when the computer program code is run on a computer, the computer program code causes the computer to execute any of the foregoing methods for interacting with a toolbar. Since the principle of the computer storage medium to solve the problem is similar to the method for interacting with a toolbar, the implementation of the computer storage medium can be referred to the implementation of the method, and the repeated parts will not be described here.

[0196] In the specific implementation process, the computer storage medium can include a universal serial bus flash drive (USB), a mobile hard disk, a read-only memory (ROM), a random access memory (RAM), a magnetic disk or an optical disk, and various storage media that can store program codes.

[0197] Based on the same inventive concept, the embodiment of the disclosure further provides a computer program product, which includes computer program code, and when the computer program code is run on a computer, the computer program code causes the computer to execute any of the foregoing methods for interacting with a toolbar. Since the principle of the computer program product to solve the problem is similar to the method for interacting with a toolbar, the implementation of the computer program product can be referred to the implementation of the method, and the repeated parts will not be described here.

[0198] The computer program product can employ any combination of one or more computer-readable media or storage media. The computer-readable media can be a computer-readable signal medium or a computer-readable storage medium. A computer-readable storage medium can be, for example, but not limited to, an electronic, magnetic, optical, electromagnetic, infrared, or semiconductor system, apparatus, or device, or any suitable combination of the foregoing. More specific examples (a non-exhaustive list) of the computer-readable storage medium include the following: an electrical connection having one or more wires, a portable disk, a hard disk, a random access memory (RAM), a read-only memory (ROM), an erasable programmable read-only memory (EPROM or Flash memory), an optical fiber, a portable compact disc read-only memory (CD-ROM), an optical storage device, a magnetic storage device, or any suitable combination of the foregoing.

[0199] Those skilled in the art will appreciate that embodiments of the disclosure can be supplied as a method, a system, or a computer program product. Thus, the disclosure can take the form of an entirely hardware embodiment, an entirely software embodiment, or an embodiment combining software and hardware aspects. Furthermore, the disclosure can take the form of a computer program product on one or more computer-readable storage media (including, but not limited to, disk storage and optical storage) embodying computer-readable program code.

[0200] The disclosure is described in reference to the flow diagrams and / or block diagrams of the methods, apparatus (systems), and computer program products according to embodiments of the disclosure. It will be understood that each block of the flow diagrams and / or block diagrams, and combinations of blocks in the flow diagrams and / or block diagrams, can be implemented by computer program instructions. These computer program instructions can be provided to a processor of a general purpose computer, special purpose computer, embedded processing device, or other programmable data processing apparatus to produce a machine, such that the instructions, which execute via the processor of the computer or other programmable data processing apparatus, create means for implementing the functions specified in the flow diagrams and / or block diagrams block or blocks.

[0201] These computer program instructions can also be stored in a computer-readable memory that can direct a computer or other programmable data processing apparatus to function in a particular manner, such that the instructions stored in the computer-readable memory produce an article of manufacture including instructions which implement the functions specified in the flow diagrams and / or block diagrams block or blocks.

[0202] These computer program instructions can also be loaded onto a computer or other programmable data processing apparatus to cause a series of operational steps to be performed on the computer or other programmable apparatus to produce a computer-implemented process such that the instructions executed on the computer or other programmable apparatus provide steps for implementing the functions specified in the flow diagrams and / or block diagrams block or blocks.

[0203] It will be apparent to those skilled in the art that various modifications and variations can be made to the disclosed disclosure without departing from the spirit or scope of the disclosure. Thus, it is intended that the disclosure cover the modifications and variations of this disclosure provided they come within the scope of the appended claims and their equivalents.

Claims

1. A display device, wherein, Includes a display screen and control circuitry, wherein: The display screen is used to display content; The control circuit includes a processor and a memory. The memory stores programs executable by the processor, and the processor reads the programs from the memory and performs the following steps: The toolbar in the first state is displayed on the interactive interface. The toolbar in the first state includes two first menu bars. The first state indicates that the position of the toolbar is fixed. In response to the user's first operation, the toolbar is switched from a first state to a second state. The toolbar in the second state includes a second menu bar, which includes multiple menu items. The menu items in the second menu bar are derived from the menu items contained in the two first menu bars. The second state indicates that the toolbar is movable.

2. The display device according to claim 1, wherein, The number of menu items in the second menu bar is less than the sum of the number of menu items in the two first menu bars.

3. The display device according to claim 1, wherein, The toolbar is in a second state, and the toolbar includes the first toolbar; the processor is further specifically configured to execute: In response to the user's first touch operation on the first toolbar, switch the first toolbar to the second toolbar; and / or, The toolbar is in a second state, and the toolbar includes a second toolbar; the processor is further specifically configured to execute: In response to a second touch operation by the user on the second toolbar, the second toolbar is switched back to the first toolbar.

4. The display device according to claim 3, wherein, The second toolbar has fewer or fewer menu items than the first toolbar; the first toolbar and the second toolbar include at least one identical menu item.

5. The display device according to claim 1, wherein, The toolbar is in a second state, and the processor is further configured to execute: In response to a user's first drag operation of the toolbar, the toolbar is moved to the position corresponding to the first operation and displayed.

6. The display device according to claim 5, wherein, The interactive interface is divided into a first region and a second region, wherein the first region is arranged along the boundary of the interactive interface and surrounds the second region; the processor is further configured to execute: If the position corresponding to the first operation is in the first region, the toolbar is snapped to a fixed position in the second region for display, wherein the fixed position in the second region is adjacent to the first region; or, If the position corresponding to the first operation is in the first area, the toolbar is snapped to the first area and hidden. In response to the user's operation of moving the mouse to the first area, the toolbar is displayed at a fixed position in the first area or the second area, wherein the fixed position in the second area is adjacent to the first area. or, If the position corresponding to the first operation is in the second area, then the toolbar will be moved to the position corresponding to the first operation for display.

7. The display device according to claim 6, wherein, The first region is divided into multiple sub-regions; the processor is further configured to execute: If the position corresponding to the first operation is located in any sub-region of the first region, the toolbar is snapped to a fixed position in the second region for display, wherein the fixed position in the second region is adjacent to the any sub-region. or, If the position corresponding to the first operation is located in any sub-region of the first region, the toolbar is snapped to the sub-region and hidden. In response to the user's operation of moving the mouse to the sub-region, the toolbar is displayed at a fixed position in the sub-region or the second region, wherein the fixed position in the second region is adjacent to the sub-region.

8. The display device according to claim 5, wherein, The interactive interface is divided into multiple handwriting areas; the processor is further configured to execute: Multiple toolbars are displayed on the interactive interface, with one toolbar corresponding to one handwriting area; In response to a second operation by the user dragging the toolbar in any handwriting area, the toolbar is moved to the position corresponding to the second operation and displayed.

9. The display device according to claim 8, wherein, At least one handwriting region is divided into a third region and a fourth region, the third region being distributed around the boundary of the handwriting region, the third region and the fourth region being adjacent and the third region surrounding the fourth region; the processor is further specifically configured to execute: If the position corresponding to the second operation is in the third region of any handwriting area, then the toolbar is snapped to a fixed position in the fourth region for display, wherein the fixed position of the fourth region is adjacent to the third region of any handwriting area; or, If the position corresponding to the second operation is in the third area of ​​any handwriting area, the toolbar is snapped to the third area of ​​any handwriting area and hidden. In response to the user's operation of moving the mouse to the third area of ​​any handwriting area, the toolbar is displayed at a fixed position in the third or fourth area of ​​any handwriting area, wherein the fixed position of the fourth area is adjacent to the third area of ​​any handwriting area. or, If the position corresponding to the second operation is in the fourth region of any of the handwriting areas, then the toolbar will be moved to the position corresponding to the second operation for display.

10. The display device according to claim 1, wherein, The toolbar is in a second state, and the interactive interface includes a handwriting interface; the processor is further configured to execute: Display the toolbar in the handwriting interface; The toolbar is hidden in response to the user's handwriting input. The toolbar is displayed in response to the user's handwriting completion command.

11. The display device according to claim 1, wherein, The toolbar is in a second state, and the processor is further configured to execute: In response to a third touch operation by the user on the first menu item, the configuration menu is displayed; In response to a user's adjustment of parameters for a configuration item in the configuration menu, at least one of the toolbar's transparency, size, shape, and menu items is updated.

12. The display device according to claim 1, wherein, The toolbar is in a second state, and the processor is further configured to execute: Display handwritten content on the handwriting interface; In response to the user's selection of handwritten content, the menu items in the toolbar are updated according to the type of handwritten content within the selected area, and the updated toolbar is displayed; wherein, different types of handwritten content correspond to different menu items.

13. The display device according to claim 12, wherein, The processor is further configured to perform one or more of the following: The updated toolbar and the selected area are arranged vertically or horizontally; or, The updated toolbar and the selected area are aligned to the left, right, top, or bottom.

14. The display device according to claim 1, wherein, The toolbar is in a second state, and the processor is further configured to execute: In response to a fourth touch operation by the user on a menu item in the toolbar, a submenu of the menu item is displayed; The sub-menus and the toolbar are arranged vertically or horizontally.

15. The display device according to claim 1, wherein, The processor is further configured to execute: Send the current toolbar's configuration data and device identifier to the server; In response to the command to open the interactive interface, a request message is sent to the server, the request message including a device identifier; The system receives the most recent configuration data corresponding to the device identifier sent by the server, and displays a toolbar on the interactive interface based on the most recent configuration data.

16. An interactive method for a toolbar, wherein, The method includes: The toolbar in the first state is displayed on the interactive interface. The toolbar in the first state includes two first menu bars. The first state indicates that the position of the toolbar is fixed. In response to the user's first operation, the toolbar is switched from a first state to a second state. The toolbar in the second state includes a second menu bar, which includes multiple menu items. The menu items in the second menu bar are derived from the menu items contained in the two first menu bars. The second state indicates that the toolbar is movable.

17. A computer storage medium having a computer program stored thereon, wherein, When the program is executed by the processor, it implements the steps of the method as described in claim 16.

Images