WO2020042378A1 - 电子白板的控件栏显示方法、装置、设备及存储介质 - Google Patents

电子白板的控件栏显示方法、装置、设备及存储介质 Download PDF

Info

Publication number
WO2020042378A1
WO2020042378A1 PCT/CN2018/115963 CN2018115963W WO2020042378A1 WO 2020042378 A1 WO2020042378 A1 WO 2020042378A1 CN 2018115963 W CN2018115963 W CN 2018115963W WO 2020042378 A1 WO2020042378 A1 WO 2020042378A1
Authority
WO
WIPO (PCT)
Prior art keywords
control
control bar
display
controls
size
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Ceased
Application number
PCT/CN2018/115963
Other languages
English (en)
French (fr)
Inventor
张强
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Guangzhou Shiyuan Electronics Thecnology Co Ltd
Guangzhou Shirui Electronics Co Ltd
Original Assignee
Guangzhou Shiyuan Electronics Thecnology Co Ltd
Guangzhou Shirui Electronics Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Guangzhou Shiyuan Electronics Thecnology Co Ltd, Guangzhou Shirui Electronics Co Ltd filed Critical Guangzhou Shiyuan Electronics Thecnology Co Ltd
Publication of WO2020042378A1 publication Critical patent/WO2020042378A1/zh
Anticipated expiration legal-status Critical
Ceased legal-status Critical Current

Links

Images

Classifications

    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00—Arrangements for program control, e.g. control units
    • G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44—Arrangements for executing specific programs
    • G06F9/451—Execution arrangements for user interfaces
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/04817—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance using icons
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
    • G06F3/0482—Interaction with lists of selectable items, e.g. menus
    • G—PHYSICS
    • G06—COMPUTING OR CALCULATING; COUNTING
    • G06F—ELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04842—Selection of displayed objects or displayed text elements

Definitions

  • Embodiments of the present application relate to the field of computer technology, for example, to a method, device, device, and storage medium for displaying a control bar of an electronic whiteboard.
  • a variety of smart devices are widely used in people's daily life and work.
  • application software is installed in a smart device to meet people's actual needs in different fields.
  • text editing software can meet users' writing and recording needs
  • courseware production software can meet users' teaching courseware production needs
  • drawing software can meet users' drawing needs.
  • the inventor found that the related technology has the following defects: during the adjustment of the display window size of the application software, the size of the control bar located inside the display window will be adjusted synchronously; however, during the adjustment process, the control bar The display position and display size of each control are fixed, which will prevent some controls from being displayed in the control bar.
  • the embodiments of the present application provide a control bar display method, device, device, and storage medium of an electronic whiteboard, so as to avoid the display position and display of each control in the internal control bar when the size of the display window of the application software changes in related technologies. A situation where a fixed size prevents the user from calling the control.
  • An embodiment of the present application provides a method for displaying a control bar of an electronic whiteboard, including: receiving a frame size adjustment operation, the frame size adjustment operation acting on a target display window; and adjusting the target display window to a target size, the target The size is determined according to the frame size adjustment operation; the control bar is displayed according to the set display style, so that the controls in the control bar meet the preset calling requirements; the control bar is located in the target display window, and the control bar includes At least one of a content input sub-control bar and a content management sub-control bar; the set display style includes the number of controls, a display pattern of the controls, an arrangement order between each of the controls, an arrangement direction of the controls, and At least one of the display widths of the controls, and the set display style is determined according to the target size.
  • An embodiment of the present application further provides a control bar display device for an electronic whiteboard, which includes: an operation receiving module configured to receive a frame size adjustment operation, wherein the frame size adjustment operation acts on a target display window; and the size adjustment module is configured to The target display window is adjusted to a target size, and the target size is determined according to the frame size adjustment operation; the content adjustment module is configured to display a control bar according to a set display style, so that the controls in the control bar satisfy a preset call Requirements; the control bar is located in the target display window, the control bar includes at least one of a content input sub-control bar and a content management sub-control bar; the set display style includes the number of controls and a display pattern of the controls At least one of an arrangement order between each of the controls, an arrangement direction of the controls, and a display width of the controls, and the set display style is determined according to the target size.
  • An embodiment of the present application further provides a control bar display device for an electronic whiteboard, which includes: a memory, a display screen, and at least one processor; the memory is configured to store at least one program; and when the at least one program is used by the at least one When executed by one processor, the at least one processor implements the following operations: receiving a frame size adjustment operation, the frame size adjustment operation acting on a target display window; controlling the display screen to adjust the target display window to a target size, The target size is determined according to the frame size adjustment operation; controlling the display screen to display a control bar according to a set display style, so that the controls in the control bar meet preset call requirements; the control bar is located on the target display In the window, the control bar includes at least one of a content input sub-control bar and a content management sub-control bar; the set display style includes the number of controls, a display pattern of the controls, and an arrangement order between each of the controls At least one of the arrangement direction of the controls and the display width of the controls, the Given display pattern is determined according to
  • An embodiment of the present application further provides a storage medium containing computer-executable instructions, and the computer-executable instructions, when executed by a computer processor, are configured to execute the control bar display method of the electronic whiteboard according to the first aspect.
  • FIG. 1 is a flowchart of a method for displaying a control bar of an electronic whiteboard according to Embodiment 1 of the present application;
  • FIG. 1 is a flowchart of a method for displaying a control bar of an electronic whiteboard according to Embodiment 1 of the present application;
  • FIG. 2 is a first schematic diagram of a partial interface of a display window
  • FIG. 3 is a second schematic diagram of a partial interface of a display window
  • FIG. 4 is a schematic diagram of a display window
  • FIG. 5 is a flowchart of a method for displaying a control bar of an electronic whiteboard according to Embodiment 2 of the present application;
  • FIG. 6 is a first schematic diagram of a partial interface of a target display window
  • FIG. 7 is a second schematic diagram of a partial interface of a target display window
  • FIG. 8 is a third schematic diagram of a partial interface of a target display window
  • FIG. 9 is a fourth schematic diagram of a partial interface of a target display window.
  • FIG. 10 is a fifth schematic diagram of a partial interface of a target display window
  • FIG. 11 is a sixth schematic diagram of a partial interface of a target display window
  • FIG. 12 is a seventh schematic diagram of a partial interface of a target display window
  • FIG. 13 is an eighth schematic diagram of a partial interface of a target display window
  • FIG. 14 is a ninth schematic diagram of a partial interface of a target display window
  • 15 is a tenth schematic diagram of a partial interface of a target display window
  • FIG. 16 is an eleventh schematic diagram of a partial interface of a target display window
  • 17 is a twelfth schematic diagram of a partial interface of a target display window
  • FIG. 18 is a thirteenth schematic diagram of a partial interface of a target display window
  • FIG. 19 is a fourteenth schematic diagram of a partial interface of a target display window
  • 20 is a fifteenth schematic diagram of a partial interface of a target display window
  • 21 is a first schematic diagram of a target display window
  • 22 is a second schematic diagram of a target display window
  • FIG. 23 is a flowchart of a method for displaying a control bar of an electronic whiteboard according to Embodiment 3 of the present application.
  • FIG. 24 is a schematic structural diagram of a control bar display device of an electronic whiteboard provided in Embodiment 4 of the present application.
  • FIG. 25 is a schematic structural diagram of a control bar display device of an electronic whiteboard provided in Embodiment 4 of the present application.
  • FIG. 1 is a flowchart of a method for displaying a control bar of an electronic whiteboard according to Embodiment 1 of the present application.
  • the method for displaying a control bar of an electronic whiteboard provided by this embodiment may be performed by a control bar display device of an electronic whiteboard, where the control bar display device may be implemented by at least one of software and hardware.
  • the control bar display device may be implemented by It is composed of at least two physical entities, and may also be composed of one physical entity.
  • the control bar display device can be a computer, a mobile phone, a projector, a tablet or a smart interactive tablet.
  • control bar shows that the device has an operating system installed.
  • the operating system may be at least one of a windows system and an Android system.
  • the control bar display device is installed with application software provided by the operating system, and at the same time, application software downloaded from a third-party device or server is also installed.
  • the specific type of application software can be set according to the actual situation.
  • a corresponding display window is displayed on the screen of the control bar display device, so that the user can see the operation interface of the application software.
  • control bar is displayed in a display window of the application software.
  • the control bar refers to an area in the display window for centralized display of controls, and the specific display position and area size are set according to actual conditions.
  • each control in the control bar corresponds to a function, and the control may be considered as a function entry.
  • the function corresponding to the A control is inserting a form, and then after detecting that the control is clicked, it is determined to start the function of inserting the form.
  • the function corresponding to the B control is the function of expanding the sub-control. After detecting that the control is clicked, determine to expand the hidden sub-control under the control.
  • a control bar can be considered as at least one of a menu bar and a toolbar.
  • the menu bar is a set of controls grouped according to program functions. When a control of the menu bar is clicked, the corresponding menu item of the control can be displayed, that is, the corresponding sub-control is displayed to provide a specific function entry.
  • a toolbar is a control bar that displays a row of bitmap-style buttons. Bitmap-style buttons can be understood as controls.
  • the length of the control bar in the target direction is set as the first length
  • the length of the display window where the control bar is located in the direction is set as the second length, where the length is during the display
  • the target direction is usually the arrangement direction of the controls, which can be a horizontal direction or a vertical direction.
  • the first length is equal to the second length, or the first length is less than the second length.
  • the first length can be calculated from the second length.
  • FIG. 2 is a first schematic diagram of a partial interface of a display window. At this time, the first length of the control bar 12 in the horizontal direction is equal to the second length of the display window 11 in the horizontal direction.
  • FIG. 2 is a first schematic diagram of a partial interface of a display window. At this time, the first length of the control bar 12 in the horizontal direction is equal to the second length of the display window 11 in the horizontal direction.
  • FIG 3 is a second schematic diagram of a partial interface of a display window.
  • the first length of the control bar 13 in the vertical direction is smaller than the second length of the display window 14 in the vertical direction, and the second length is calculated according to the first length and the length of the menu bar 15.
  • the application software is set as an application software with an electronic whiteboard function, which can be implemented by the electronic whiteboard function: functions such as writing, drawing, annotation, courseware production, and display and playback.
  • the electronic whiteboard function is set to have element drawing and editing functions.
  • an element refers to an element that can be displayed after a certain operation is input by a user, and it has a space and is editable.
  • the display window of the application software set in the embodiment at least includes a touch writing area and a touch management area.
  • the touch writing area refers to an area where an element can be drawn
  • the touch management area refers to an area that controls displayed content, a display window, and application software. For example, FIG.
  • the display window 16 includes a touch writing area 161, a touch management area, and a control bar.
  • the touch management area includes a first area 1621 and a second area 1622.
  • the first area 1621 is set to create a new page, adjust a page arrangement order, and display page thumbnails.
  • the second area 1622 is set to control the attributes and animation of each element between pages and inside the page.
  • the controls corresponding to the touch writing area 161 in the control bar are related to the input element content, such as text, shape, multimedia, table, and so on.
  • the controls corresponding to the touch management area in the control bar are all set as control elements or courseware composed of elements.
  • the setting control bar includes at least one of a content input sub-control bar and a content management sub-control bar
  • the control bar includes a content input sub-control bar and a content management sub-control bar as an example for description.
  • the content input sub-control bar refers to a sub-control bar that integrates input controls related to the content of input elements.
  • the content management sub-control bar refers to a sub-control bar that integrates management controls related to control management.
  • each child control bar has the same length as the corresponding display area.
  • the control bar includes a content input sub-control bar 1631 and a content management sub-control bar 1632.
  • the target direction is horizontal.
  • the content input sub-control bar 1631 and the touch writing area 161 have the same length in the target direction.
  • Content management The length of the sub-control bar 1632 and the touch management area in the target direction are equal. That is, the arrangement direction of the controls in the control bar is horizontal, the content input sub-control bar is displayed in the same column as the touch writing area, and the content management sub-control bar is displayed in the same column as the touch management area. It can be understood that the arrangement direction of the controls in the control bar is vertical, the content input sub-control bar is displayed along with the touch writing area, and the content management sub-control bar is displayed along with the touch management area.
  • the touch management area includes two areas
  • the content management sub-control bar 1632 also includes two parts, and each part corresponds to one part of the touch management area.
  • the embodiment takes the scene of adjusting the display size of the display window as an example to describe the display method of the control bar.
  • the method for displaying a control bar of the electronic whiteboard includes steps S110, S120, and S130.
  • step S110 a frame size adjustment operation is received.
  • the border size adjustment operation acts on the target display window.
  • the frame size adjustment operation is an operation for adjusting the display size of the display window.
  • the window selected by the border resizing operation is referred to as a target display window.
  • the control bar display device has a touch function
  • the user may issue a frame size adjustment operation by touching the control bar display device.
  • the display screen of the control bar display device may be a capacitive screen, a resistive screen, or an electromagnetic screen.
  • the user can issue a frame size adjustment operation with a finger or a stylus.
  • the user may also issue a frame size adjustment operation in a keyed manner through an external device connected to the control bar display device.
  • the external device includes, but is not limited to, at least one of a mouse and a keyboard, and the like, and the connection mode of the external device and a control bar display device includes, but is not limited to, at least one of a wireless connection and a wired connection.
  • the specific triggering method of the frame size adjustment operation can be set according to the actual situation. For example, if a drag operation is detected at a position of a frame of a display window, it is determined that a frame size adjustment operation is received. For another example, if it is detected that an internal position of the display window receives a sliding operation in an opposite direction, it is determined that a frame size adjustment operation is received.
  • step S120 the target display window is adjusted to a target size.
  • the target size is determined according to the frame size adjustment operation.
  • the target size is a display size to which the user desires to adjust the target display window.
  • the display size can be expressed by the number of pixels.
  • the display size can be represented by the total number of pixels in the target display window.
  • the target display window requires 1024 pixels in the horizontal direction and 768 pixels in the vertical direction. Then, the display of the target display window The size is 1024 ⁇ 768.
  • the display size may also be determined only by pixels in the target direction where the control bar is located. For example, if the target direction is horizontal and the target display window needs 1024 pixels in the horizontal direction, then the display size of the target display window is 1024.
  • the target size is determined according to the frame size adjustment operation. In one embodiment, the target size is determined according to the end position of the frame size adjustment operation. For example, according to the frame size adjustment operation, it is determined that a point on the vertical border of the target display window is dragged horizontally to a position. Then, using this position as the new display position of the point, it can be determined that the target display window is horizontal. On the scale to determine the target size. For another example, it is determined that a vertex on the border of the target display window is dragged to a position according to the border size adjustment operation, and then using this position as the new display position of the vertex, the scaling ratio of the target display window can be determined, and Get the target size.
  • the target size is determined according to the moving range of the frame size adjustment operation. For example, if it is determined that a frame size adjustment operation is received inside the target display window, and the frame size operation is moved by 20 pixels, then a scaling ratio corresponding to the 20 pixels is determined, and then the target size is obtained.
  • step S130 the control bar is displayed according to the set display style, so that the controls in the control bar meet the preset calling requirements.
  • the control bar is located in the target display window, and the control bar includes at least one of a content input sub-control bar and a content management sub-control bar.
  • the set display style includes at least one of the number of controls, the display pattern of the controls, the arrangement order between each control, the arrangement direction of the controls, and the display width of the controls.
  • the set display style is determined according to the target size.
  • the setting control bar includes a content input sub-control bar and a content management sub-control bar.
  • the preset calling requirements refer to the user's calling requirements for the control at the target size.
  • the content and setting of the preset calling requirements are not limited according to the embodiment. For example, in combination with the user's historical usage data, it is determined that the user uses more functions for each target size, and then the preset calling requirements are set to meet the user's calling of the above functions.
  • the setting display style includes at least one of the number of controls, the display pattern of the controls, the arrangement order between each control, the arrangement direction of the controls, and the display width of the controls.
  • the number of controls refers to the current control bar.
  • the display width refers to the total number of pixels in the target direction of the display area allocated for the control.
  • the display styles corresponding to different display sizes are set in advance. After the target display window is adjusted to the target size, a display style corresponding to the target size is obtained as a set display style, and then controls in the control bar are displayed according to the set display style. Generally speaking, when the display style of the control bar is changed, each control in the control bar is set to a complete display pattern, and there is no case where a control is only partially displayed.
  • the display style of the control bar is It can be the same, that is, the display size adjustment range of the target display window is too small, and the display style corresponding to the control bar can be the same. Accordingly, the setting divides different size ranges based on the set size in advance, and each size range corresponds to a different display style.
  • a proportional relationship between the set size and the screen size may be determined, and then each size range under the screen size may be determined according to the proportional relationship.
  • a size range corresponding to the target size is determined, and then a set display style corresponding to the size range is determined to display the control bar according to the set display style.
  • the display styles corresponding to different target sizes can be set according to actual conditions, and only need to meet the preset calling requirements. For example, when the target size is full screen or near full screen, the display style is set to display all the controls in the control bar, and the controls are preset controls that need to be displayed in the display bar. When the target size is half screen or close to half screen, the display style is set to display a set number of controls in the control bar. Compared with the full screen display, the number of controls in the control bar becomes smaller when the display is half screen.
  • the display pattern of the controls in the control bar may include icons and corresponding control names.
  • the display pattern of the control may include only icons, thereby reducing the number of pixels required to display the control.
  • the display width occupied by each control in the control bar can be appropriately reduced to change the length of the control bar by changing the display width. It should be noted that, in combination with the actual situation of the control bar display device and the target display window, at least one of the above combinations is selected to determine the display content corresponding to different target sizes. At the same time, other ways of changing the display content of the control bar are also applicable to this embodiment.
  • control bar since the control bar includes a content input sub-control bar and a content management sub-control bar, the display styles of the content input sub-control bar and the content management sub-control bar are set respectively for different target sizes, and then according to the corresponding The display style adjusts the content input sub-control bar and the content management sub-control bar, respectively.
  • the set display style corresponding to the target size can be determined first, and then the size of the target display window and the control bar can be adjusted synchronously. It should be noted that, regardless of whether the size of the target display window and the control bar are adjusted synchronously, from the perspective of the user's viewing angle, the process of adjusting the size of the target display window and the control bar is almost synchronous, and the user cannot clearly distinguish between the execution of the target display window and the control bar. In order.
  • the technical solution provided by this embodiment is a technology for receiving a frame size adjustment operation on a target display window, adjusting the target display window to a target size according to the frame size adjustment operation, and displaying a control bar according to a setting display style corresponding to the target size.
  • the solution can avoid the situation where the display position and display size of each control in the internal control bar of the display window changes when the display size of the display window changes, which prevents the user from calling the control.
  • the display style of the control bar is synchronized with the target size. Changes, while ensuring that the controls displayed in the control bar are easy for users to call, improving the user experience.
  • control bar display method includes steps S201 to S210.
  • step S201 a frame size adjustment operation is received.
  • the border size adjustment operation acts on the target display window.
  • step S202 the target display window is adjusted to a target size.
  • step S203 is performed; when the target size belongs to the fifth size range, step S204 is performed; when the target size belongs to the fourth size range, step S205 is performed; when the target size belongs to the sixth size range If yes, step S210 is performed.
  • the display size of the target display window is divided into different size ranges in advance.
  • the division into four size ranges is taken as an example.
  • the size in the third size range is the largest
  • the size in the fifth size range is smaller than the size in the third size range and larger than the size in the fourth size range
  • the size in the fourth size range is smaller than that in the fifth size range.
  • the size is larger than the size in the sixth size range.
  • the first length of the control bar in the horizontal direction is set equal to the second length of the target display window in the horizontal direction
  • the target size is the number of pixels in the horizontal direction of the target display window.
  • the third size range is set to 1600 or more
  • the fifth size range is 1200-1600
  • the fourth size range is 600-1200
  • the sixth size range is 600 or less.
  • a display style corresponding to a plurality of size ranges is set in advance.
  • the size range to which the target size belongs can be determined, and then the display style corresponding to the size range is determined as the set display style, and the control bar is displayed according to the set display style.
  • each size range corresponds to a different display rule. In actual applications, more size ranges or less size ranges can be set according to the actual situation. At the same time, each display rule can be combined or repeated. In one embodiment, multiple sub-ranges can be set for a certain size range, and different display rules can be set for each sub-range to enrich the content of the change in the control bar.
  • step S203 all controls are displayed in the control bar, and each control corresponds to the first display width.
  • the third size range can be regarded as the maximum size range.
  • all controls are displayed in the control bar, that is, the number of controls is equal to the total number of controls.
  • the control is a preset control that needs to be displayed in the control bar.
  • the control may be set by at least one of a control bar display device and a user.
  • the total number of controls is less than or equal to the maximum number of controls displayed in the control bar.
  • the display width of each control is its first display width.
  • Each control can have multiple different display widths, and the size of each display width is different and can be set according to the actual situation.
  • the first display width is a maximum width among a plurality of different display widths.
  • the first display width of different controls can be the same or different. It can be determined that when the target size is within the third size range, the number of controls is the largest, and each control corresponds to its maximum display width.
  • the maximum value of the third size range may be the size of the display screen, and the minimum value may be the sum of the first display width of each control.
  • setting all controls to be displayed in the control bar includes: displaying all input controls in the content input sub-control bar, and displaying all management controls in the content management sub-control bar.
  • the control displayed in the content input sub-control bar is referred to as an input control
  • the control displayed in the content management sub-control bar is referred to as a management control.
  • the input control refers to the control related to the content of the input element
  • the management control refers to the control related to the content management.
  • the controls include input controls and management controls. Further, when the target size is within the third size range, all input controls and management controls are displayed.
  • step S204 all controls are displayed in the control bar, and each control corresponds to a second display width, and the second display width is smaller than the first display width.
  • the fifth size range may be considered to be the next largest size range that is smaller than the third size range.
  • the control bar can still display the maximum number of target controls, that is, the maximum number of controls.
  • the display width of each control needs to be reduced to ensure that each control is completely displayed in the control bar.
  • each control in the control bar is set to correspond to the second display width.
  • the second display width is smaller than the first display width.
  • the second display width of each control can be the same or different. It should be noted that the corresponding display patterns of the same control under the first display display width and the second display width are the same.
  • the number of pixels occupied by the display pattern is the same, that is, from a user perspective, the control is at the first display width and the control is at the second display width. In comparison, only the distance between the controls is different, and the display pattern does not change. In an embodiment, the number of pixels occupied by the display pattern is different between the first display width and the second display width of the same control, that is, from a user perspective, compared to the first display width, the control is displayed on the second display. The display pattern in the width is reduced. It can be understood that the maximum value of the fifth size range can be determined according to the third size range, and the minimum value can be the sum of the second display width of each control.
  • each management control in the content management sub-control bar corresponds to a first display width
  • each input control in the content input sub-control bar corresponds to a second display width
  • step S205 a first replacement button and a first control are displayed in the control bar, and the first control is a non-hidden control among all the controls.
  • the number of controls of the first control is determined according to the current display width and target size of each non-hidden control.
  • the current display width of each control is the second display width.
  • the fifth size range may also be canceled, that is, the second size range may be the next-largest size range.
  • the current display width of each control is the first display width.
  • the target size when the target size is within the range of the fourth size, all controls cannot be displayed in the control bar. Therefore, it is set to display only some controls in the control bar and hide the remaining controls.
  • a part of the displayed controls is referred to as a first control, and the number of controls of the first control is determined according to a current display width and a target size of the control.
  • the number of controls that can be displayed in the control bar is determined according to the target size and the current display width of the control.
  • the number of controls that can be displayed in the control bar is determined according to the minimum value of the fourth size range and the current display width of the control. At this time, when the target size changes within the fourth size range, the number of controls displayed in the control bar does not change. .
  • the first control may be considered as a non-hidden control.
  • non-hidden controls can be understood as retaining the displayed controls when the control bar cannot display all the controls.
  • the determination manner of the non-hidden control may be determined according to an actual situation. For example, non-hidden controls can be determined based on the order in which each control is arranged in the control bar. Assume that the number of controls of the first control is five, then the non-hidden controls are the controls in which the sort order is in the top five.
  • non-hidden controls can be determined according to the display priority of each control. Assuming that the number of controls of the first control is 5, the non-hidden control is the first 5 controls with the highest display priority among all controls. It can be understood that the non-hidden control may be only an input control, or only a management control, or may be both an input control and a management control.
  • the embodiment since the control bar only displays non-hidden controls, in order to facilitate the user to call up the hidden controls, the embodiment sets that the first replacement button is displayed synchronously when the first control is displayed.
  • the specific display position and display form of the first replacement button can be set according to actual conditions. For example, a first replacement button is displayed at the end of the first control arrangement in the control bar to prompt the user to call up the hidden control through the button.
  • the first replacement button when the hidden control is only an input control, can be displayed in the content input sub-control bar; when the hidden control is only a management control, the first replacement button can be displayed in the content management sub-control bar; when hidden When the control includes both input controls and management controls, the first replacement button can be displayed in the content management sub-control bar and the content input sub-control bar at the same time, or can be selectively displayed in any sub-control bar according to the actual situation.
  • the display pattern of the control with the largest display width in the first control may be replaced to reduce the display width of the control, thereby expanding the size range of the fourth size range.
  • replacing the display pattern may be reducing the pattern, reducing certain elements in the pattern, and the like.
  • the fourth size range is set to include a first sub-range and a second sub-range in the embodiment, and the first sub-range The size in the range is larger than the size in the second sub-range.
  • the target size is within the first sub-range.
  • Step S205 includes: displaying the first replacement button and part of the input controls in the content input sub-control bar, and displaying all the management controls in the content management sub-control bar.
  • the target size is within the second sub-range.
  • Step S205 includes: displaying the first replacement button and some input controls in the content input sub-control bar, and canceling the display of the content management sub-control bar.
  • the first sub-range is larger than the second sub-range.
  • the target size is in the first sub-range, it is determined that some controls need to be hidden.
  • a hidden part input control is set, and the content input sub-control bar is set.
  • the first replacement button is displayed.
  • the content management sub-control bar set to display all management controls.
  • the first control includes all management controls and some input controls.
  • the determination rules of the displayed input controls are not limited. For example, the number of controls that display the input controls is set, and the input controls in the upper order of the content input sub-control bar are retained for display according to the number of controls.
  • the target size when the target size is reduced to the second sub-range, hiding only a part of the input controls can no longer guarantee that the target display window continues to shrink. At this time, it is set to cancel the display of the content management sub-controls, that is, the first control includes only part of the input. Controls. At this time, the management control cannot be called in the control bar because it has been canceled.
  • the content management sub-control bar may be divided into multiple parts.
  • the content management sub-control bar 1632 includes a portion corresponding to the first area 1621 and corresponds to the second area 1622. Another part. Therefore, when the content management sub-control bar is canceled, a rule for canceling the content management sub-control bar can be determined.
  • the content management sub-control bar includes: a content switching sub-control bar and a content storage sub-control bar; at this time, canceling the display of the content management sub-control bar includes: canceling the display of the content switching sub-control bar and At least one of the content store child control bars.
  • the management control displayed in the content switching sub-control bar can be recorded as a switching control, and the switching control is set to manage the attribute information of the page where the element is located (such as page layout, page background light) and the page and each of its internal elements when switching. Animation rules.
  • the management control displayed in the content storage sub-control bar can be recorded as a storage control, and the storage control is set to manage functions such as cloud upload, cloud download, and synchronization of files recognized by the application software. That is, the management control may include: a switching control and a storage control.
  • the control area corresponding to the content switching sub-control bar is set to display the function implementation entry corresponding to the switching control.
  • the control area corresponding to the content storage sub-control bar is set to display thumbnails of the pages and the order of arrangement between each page. It should be noted that in actual applications, the content control sub-control bar and content control sub-control bar correspond to the control area. The specific content can be set according to the actual situation.
  • At least one of the content switching sub-control bar and the content storage sub-control bar may be set to be cancelled according to the actual situation. For example, it is set to cancel only the content switching sub-control bar, and keep all the storage controls displayed in the content storage sub-control bar. As another example, it is set to cancel the display content switching sub-control bar first, and then cancel the display content storage sub-control bar.
  • setting the second child range in the embodiment includes: a first grandchild range and a second grandchild range, and a size in the first grandchild range is larger than a size in the second grandchild range; the target size is in the first grandchild range
  • canceling the display of the content management sub-control bar includes: canceling the display of the content switching sub-control bar, and displaying all the storage controls in the content storage sub-control bar.
  • the storage control belongs to the management control; the target size is within the range of the second grandchild, and the content is canceled.
  • the management sub-control bar includes: cancel display content switching sub-control bar and content storage sub-control bar.
  • the management control includes a storage control and a switch control.
  • the specific size examples of the first and second grandchild ranges are not set.
  • the target size is in the range of the first child, set to cancel the display content and switch the child control bar. That is, there are no switching controls in the current control bar, and all storage controls are displayed in the content storage sub-control bar.
  • the size range is reduced to the range of the second grandchild, the content storage sub-control bar is canceled based on canceling the display content switching sub-control bar. At this time, there are no management controls in the control bar.
  • the priority of the storage control is set higher than the priority of the switching control.
  • the priority of the switching control can also be set higher than the priority of the storage control. That is, when the target size is in the range of the first grandchild, it is set to cancel the display of the content storage sub-control bar, and display all the switching controls in the content switching sub-control bar. When the target size is in the range of the second grandchild, it is set to cancel the display of the content storage sub-control bar and the content switching sub-control bar.
  • step S206 a first click operation is received.
  • the first click operation acts on the first replacement button.
  • the first click operation is an operation performed by the user to click the first replacement button.
  • the control bar display device has a touch function
  • the user can issue a first click operation by touching the first replacement button.
  • the user can also click on the first replacement button in a key-controlled manner via an external device connected to the control bar display device to issue a first click operation.
  • the control bar display device determines that the first replacement button is clicked, it determines that the first click operation is received.
  • step S207 the control set in the control column is replaced with a second control, and a second replacement button is displayed.
  • the second control is a hidden control among all controls, and the control is set to be a part of non-hidden controls or all non-hidden controls in the first control.
  • the hidden control refers to a part of the input control that is hidden.
  • the control bar since only some of the controls can be displayed in the control bar, when you want to display hidden controls in the control bar, you need to cancel showing some or all of the non-hidden controls in the control bar and leave them blank after canceling the display.
  • the hidden controls are displayed in the display area. From a user perspective, it can also be understood as replacing some or all of the first control with the second control.
  • the hidden control displayed in the control bar is recorded as the second control.
  • the number of controls of the second control is equal to the number of controls of the set control.
  • the setting control may be a part of non-hidden controls or all non-hidden controls in the first control, and a selection method thereof may be determined according to at least one of a control replacement method and a number of hidden controls.
  • the replaceable control is set in the first control. At this time, the set control is selected only in the replaceable control, and the non-replaceable control in the first control is always displayed in the control bar. . Among them, the replaceable control can be set according to the actual situation. For example, some input controls are displayed in the current control bar and all management controls are displayed.
  • the management control is an irreplaceable control, that is, the display content of the content management sub-control bar does not change, and at the same time, some input controls are replaceable controls, that is, the display content in the content input sub-control bar can change.
  • the setting control is used as an input control in the content input sub-control bar as an example.
  • the setting control refers to a non-hidden part of the input control.
  • Hidden controls are parts of input controls that are hidden.
  • replacing the setting control in the control bar with the second control includes: canceling the setting control; and retaining the first control in the order of arrangement.
  • the non-hidden control is moved to the display position of the set control, and the second control is added in the blank position of the control bar.
  • setting the control to a part of the non-hidden control in the first control refers to: setting the control to a part of the currently displayed input controls.
  • FIG. 6 is a first schematic diagram of a partial interface of a target display window.
  • the control bar includes a content input sub-control bar 2101 and a content storage sub-control bar 2102.
  • part of the input control and the first replacement button 22 are displayed in the content input sub-control bar 2101, and all storage controls are displayed in the content storage sub-control bar 2102.
  • the replaceable control in the first control is a control in the content input sub-control bar 2101.
  • the replacement mode is set to a moving mode.
  • the first control of the content input sub-control bar 2101 is moved out of the content input sub-control bar 2101, and the controls behind the first control are sequentially moved forward by one position in the order of arrangement.
  • a hidden control may be displayed at a position vacant behind the content input sub-control bar 2101, that is, the number of controls of the set control is 1, and both the set control and the hidden control are input controls.
  • the setting control 21011 in FIG. 6 is moved out of the control bar, and the controls behind the setting control 21011 are sequentially moved forward by one position, and a hidden input control 21012 is added at a position behind the content input sub-control bar 2101.
  • FIG. 7 is a second schematic diagram of a partial interface of the target display window.
  • the total number of hidden controls is counted. If the total number is less than the number of controls that can be replaced, the number of controls is set to be equal to the total number. That is, starting from one of the replaceable controls, canceling the total number of controls displayed, and moving the remaining controls forward to display all hidden controls at the empty position behind the control bar.
  • the setting control and the hidden control are both input controls, and the number of hidden controls is three.
  • the first three mobile controls in the content input sub-control bar 2101 in FIG. 6 are set as the control, and the content input sub-control bar 2101 is removed.
  • the remaining input controls in the content input sub-control bar 2101 are moved forward to fill in 3 hidden input controls in the content input sub-control bar 2101.
  • the replaced control bar refers to FIG. 8, which is shown in FIG. 8.
  • the first control can be directly canceled and the hidden control is displayed in the control bar.
  • the setting control and the hidden control are both input controls.
  • FIG. 6 for the display interface all mobile controls in the content input sub-control bar 2101 in FIG. 6 are replaced with second controls.
  • the replaced control bar is referred to FIG. 9, which is the target display window.
  • FIG. 9 is the target display window.
  • the corresponding non-hidden control can also be considered as hidden in the control bar.
  • the non-hidden control displayed again is the control in the currently existing sub-control bar, and the sub-control bar that is not displayed can only be re-displayed by changing the target size In the control bar.
  • the target size In the control bar For example, there is a content input sub-control bar in the current control bar, and at the same time, the content management sub-control bar is canceled. Then, without changing the target size, displaying the non-hidden control again refers to the non-hidden mobile control in the display content input sub-control bar.
  • a second replacement button may be displayed at the same time.
  • the specific display position and display form of the second replacement button can be set according to actual conditions.
  • a second replacement button is displayed on the front of the replaceable control arrangement in the control bar.
  • the second replacement button is displayed below the first replacement button and the like.
  • the second replacement button and the first replacement button are displayed in the same sub-control bar.
  • the first replacement button is set to be displayed on the content input sub-control bar
  • the second replacement button is also set to be displayed on the content input sub-control bar.
  • step S208 a second click operation is received.
  • the second click operation acts on the second replacement button.
  • the second click operation is an operation performed by the user to click the second replacement button.
  • the control bar display device has a touch function
  • the user can issue a second click operation by touching the second replacement button.
  • the user can also use the external device connected to the control bar display device to click the second replacement button in a keyed manner to issue a second click operation.
  • the control bar display device determines that the second replacement button is clicked, it determines that a second click operation is received.
  • step S209 the second control in the control column is replaced with a setting control.
  • the process of replacing the second control in the control bar with the setting control can be understood as a reverse process of replacing the setting control with the second control, and the content thereof will not be repeated here.
  • the current partial display interface of the target display window is shown in FIG. 8.
  • the reverse process of changing the setting control to the third control is performed, that is, the display interface is restored.
  • the hidden control at the end refers to the control displayed last in the corresponding sub-control bar.
  • the hidden control at the end refers to the “discipline tool” at the end of the arrangement order in the content input sub-control bar 2101.
  • the hidden control at the extreme end is already displayed in the control bar 21, only the second replacement button 23 is displayed in the control bar 21.
  • the second replacement button may not be displayed, but the function of the second replacement button may be integrated into the first replacement button.
  • the setting control is first replaced by the second control. After the hidden control at the end is displayed, if the first replacement button is confirmed to receive the click operation again, then The second control is replaced by the setting control.
  • step S210 the display pattern of each control currently displayed in the control bar is replaced to reduce the display width of each control currently displayed.
  • the display pattern of the controls in the control bar can be used to replace A smaller display pattern to reduce the display width of each control, so that when the minimum number of target controls are displayed in the control bar, the display size of the target display window can continue to be reduced.
  • the manner of replacing the display pattern of each currently displayed control can be set according to the actual situation.
  • the display pattern of each control in the control bar is composed of icons and Chinese names.
  • the display pattern of the replacement control is specifically to reduce the display pattern of the control to reduce the display width of the control.
  • the setting of this step in the embodiment is specifically: retaining the icon of each control currently displayed, and deleting the Chinese name corresponding to each control currently displayed.
  • the display pattern of the control includes an icon and a Chinese name.
  • the specific arrangement of icons and Chinese names can be set according to the actual situation. For example, the Chinese name is displayed below the icon.
  • the display width of Chinese names is larger than the display width of icons.
  • the display patterns of all the controls are replaced, whether or not they are displayed in the control bar, to ensure that when the first replacement button or the second replacement button receives the click operation, it is hidden.
  • the display pattern of the control remains the replaced display pattern.
  • the display pattern when the display pattern is replaced, only the display pattern in a part of the sub-control bar may be replaced. For example, if a content input sub-control bar and a content storage sub-control bar currently exist, then only the display pattern of each input control in the content input sub-control bar can be replaced, and the storage of each storage control in the content storage sub-control bar can be maintained. Display the pattern.
  • each set display style can also correspond to different size ranges. For example, when the target size is within a certain size range, some controls and the first replacement button are displayed in the control bar, and the target size changes to another comparison. For a small size range, cancel the display of a certain number of controls and display all the remaining controls in the control bar. When the target size changes to the smallest size range, select all of the remaining controls in the control bar. And synchronously display the first replacement button.
  • FIG. 10 is a fifth schematic diagram of the partial interface of the target display window.
  • the target size corresponds to the third size range, and all controls are displayed in the control bar.
  • the control bar includes a content input sub-control bar 2101, a content storage sub-control bar 2102, and a content switching sub-control bar 2103.
  • all corresponding controls are displayed in each sub-control bar.
  • the partial interface schematic diagram of the target display window changes from FIG. 10 to FIG. 11.
  • FIG. 11 is a sixth schematic diagram of a partial interface of the target display window. As can be seen from FIG.
  • FIG. 12 a partial interface diagram of the target display window is shown in FIG. 12.
  • the control bar 21 continues to display all the controls, but compared to the display content in FIG. 11, the display width of each control is significantly reduced to generate a blank area in the control bar 21.
  • the display width of the controls in each sub-control bar is set to be reduced.
  • FIG. 13 is an eighth schematic diagram of a partial interface of the target display window. As can be seen from FIG. 13, if the target size is continuously reduced, the current display content cannot be displayed in the control bar. Then when the target size of the target display window continues to shrink, the target size enters the first sub-range of the fourth size range.
  • FIG. 14 is a ninth schematic diagram of a partial interface of a target display window.
  • a first replacement button 22 and a first control are displayed in the control bar 21.
  • the first replacement button 22 is displayed in the content input sub-control bar 2101.
  • hidden controls are part of the input controls.
  • the number of controls of the first control is less than the total number of all controls.
  • the target size is reduced to the minimum value of the first sub-range, the partial interface diagram of the target display window is changed from FIG. 14 to FIG. 15.
  • FIG. 14 is a ninth schematic diagram of a partial interface of a target display window.
  • FIG. 15 is a tenth schematic diagram of the partial interface of the target display window.
  • the target size is continuously reduced, the current display content cannot be displayed in the control bar. Then when the target size of the target display window continues to shrink, the target size enters the second sub-size range. At this time, the target size is set to enter the second sub-size range.
  • FIG. 16 is an eleventh schematic diagram of a partial interface of a target display window. Referring to FIG. 16, compared to FIG. 15, the content switching sub-control bar 2103 in the control bar is canceled.
  • the size of the content input sub-control bar 2101 is significantly increased, so as many input controls as possible can be displayed in the content input sub-control bar 2101.
  • the content input sub-control bar 2101 can display all input controls. Therefore, the first replacement button can be canceled in the content input sub-control bar 2101. At this time, it is determined that the control bar 21 can be displayed in addition to the switching control. Of all the controls.
  • the partial interface diagram of the target display window is changed from FIG. 16 to FIG. 17.
  • FIG. 18 is a thirteenth schematic diagram of the partial interface of the target display window. As can be seen from FIG. 18, if the target size is continuously reduced, the current display content cannot be displayed in the control bar. Then, when the target size of the target display window continues to decrease, the target size enters the sixth size range. At this time, a partial interface diagram of the target display window is shown in FIG. 19. Referring to FIG.
  • the display pattern of each control in the content input sub-control bar 2101 and the content storage sub-control bar 2102 is replaced. At this time, the display pattern of the control retains only the icon and the Chinese name is cancelled to reduce the target control. Display width.
  • the sixth size range is the minimum size range of the target display window. After the control bar reaches the minimum value of the sixth size range, it cannot be further reduced.
  • FIG. 20 is a fifteenth schematic diagram of the partial interface of the target display window. At this time, when the target size reaches the minimum value of the fourth size range, the target size cannot be reduced any more.
  • the technical solution provided by this embodiment by receiving a frame size adjustment operation acting on the target display window, adjusting the target display window to the target size according to the frame size adjustment operation, determining a size range to which the target size belongs, and in the control bar according to the size range
  • the technical solution for displaying the corresponding control can avoid the situation where the display position and display size of each control in the internal control bar of the display window change when the display size of the display window changes, which prevents the user from calling the control.
  • the size changes synchronously.
  • the control bar cannot display all the controls, by setting the first replacement button and the second replacement button, the control can be hidden and displayed, and the content input sub-control bar and content management sub-respect can be specified separately.
  • the display style of the control bar under different target sizes can also realize different adjustments to the sub-control bars with different functions, thereby facilitating the user to call the control.
  • the display content corresponding to different display sizes is set. When the display size changes, the corresponding display content can be directly called, which reduces the amount of data processing, and ensures the diversity of display content changes in the control bar, which improves the User experience.
  • the target size is adjusted from the size in the first size range to the size in the second size range, and the size of the second size range in the first target direction is smaller than the size of the first size range in the first
  • the size in the target direction and adjusting the display content of the control bar include: changing the arrangement direction of the controls in the control bar, the arrangement direction is changed from the first target direction to the second target direction, and the first target direction is a horizontal direction or a vertical direction
  • the two target directions are perpendicular to the first target direction.
  • the first target direction may be a default arrangement direction of the controls when the target display window is displayed in full screen.
  • the second target direction is a vertical direction
  • the second target direction is a horizontal direction.
  • the first size range and the second size range may be set according to actual conditions, and are not related to the third to sixth size ranges described above.
  • the size of the second size range in the second target direction is larger than the minimum size when the control can be displayed in the control bar.
  • the minimum value of the first size range in the first target direction is the minimum size.
  • the target size is in the second size range, it is smaller than the minimum size in the first target direction, and the target display window is in the second If the size in the target direction is greater than the minimum size, then the controls in the control bar will be arranged in the second target direction to ensure that the control bar is displayed in the target display window.
  • the specific display position may be set according to the actual situation.
  • the position of the control bar can refer to FIG. 1
  • the position of the control bar can refer to FIG. 2.
  • the display content of the control bar is determined according to the size of the target display window in the second target direction. For example, in the second target direction, divide according to the third size range to the sixth size range, and determine the display content of the control bar corresponding to each size range.
  • the embodiment for determining the display content is not limited.
  • the arrangement direction of the controls in the control bar may be changed from the second target direction to the first target direction.
  • FIG. 21 is a first schematic diagram of a target display window.
  • the arrangement direction of the controls in the control bar 2103 is horizontal, and the target size is within the first size range.
  • the target size enters the second size range.
  • the target display window changes to FIG. 22.
  • the arrangement direction of the controls in the control bar 2103 is a vertical direction, and all the controls are determined to be displayed according to the vertical size of the target display window.
  • the positions of other areas in the target display window except the control bar are not changed.
  • the position of the other areas except the control bar in the target display window changes following the second target direction.
  • the second target direction is a vertical direction.
  • the target size is smaller than the minimum size in the first target direction, the size of the target display window in the second target direction is confirmed; if the size is larger than the minimum size, the control arrangement direction is changed from The first target direction becomes the second target direction; after that, continue to confirm the size of the target display window in the first target direction. If the size is greater than the minimum size, the control arrangement direction is changed from the second target direction to the first target. direction.
  • the control bar when the target size of the target display window changes, the control bar can be changed to change the target size by changing the arrangement direction of the controls in the control bar, especially if the control bar cannot be displayed based on the target size. , You can adjust the display position of the control bar, and then continue to display the control bar in the target display window.
  • FIG. 23 is a flowchart of a method for displaying a control bar of an electronic whiteboard according to Embodiment 3 of the present application. This embodiment is based on the above embodiment. For example, referring to FIG. 23, the method for displaying a control bar of the electronic whiteboard includes steps S310 to S350.
  • step S310 a frame size adjustment operation is received.
  • the border size adjustment operation acts on the target display window.
  • step S320 the target display window is adjusted to a target size.
  • the target size is determined according to the frame size adjustment operation.
  • step S330 each control displayed in the control bar is determined according to the target size.
  • each control that needs to be displayed in the control bar is recorded, and the corresponding relationship between each control and different display sizes is recorded.
  • each control corresponding to the target size can be obtained according to the corresponding relationship directly.
  • the number of controls to be displayed in the control bar may also be displayed under different display sizes. Then, when the target size is determined, the corresponding number of controls is confirmed according to the target size, and then, a control equal to the number of controls is obtained.
  • step S330 may include steps S331 and S332.
  • step S331 the number of controls corresponding to the target size is determined.
  • the smaller the target size the smaller the number of controls.
  • the smaller the target size the smaller the length of the control bar in the target direction, the smaller the area where the target control can be displayed in the control bar, and correspondingly, the smaller the number of target controls that can be displayed.
  • the number of controls corresponding to different display sizes is set in advance, and the number of controls corresponding to different display sizes may be the same or different, which is specifically set according to actual conditions.
  • the display size is divided into A, B, C, D, and E, and A> B> C> D> E.
  • A corresponds to 7 controls
  • B corresponds to 7 controls
  • C corresponds to 5 controls
  • D corresponds to 4 controls
  • E corresponds to 4 controls.
  • the number of controls set in the embodiment includes: the number of input controls displayed in the content input sub-control bar and the content management sub-control bar The number of management controls displayed in. In one embodiment, under different display sizes, the number of input controls displayed in the content input sub-control bar and the number of management controls displayed in the content management sub-control bar are set. When the number is 0, it indicates that the corresponding sub-control bar is not displayed on the screen.
  • the content management sub-control bar may include a content switching sub-control bar and a content storage sub-control bar, determining the number of content management sub-control bars includes determining the number and determination of switching controls in the content switching sub-control bar. The number of storage controls in the content storage sub-control bar.
  • step S332 each control displayed in the control bar is obtained from all the controls to be displayed.
  • the number of controls is equal to the number of controls, and the controls to be displayed are preset controls that can be displayed in the control bar.
  • the control to be displayed may be selected by a user or selected by a control bar display device.
  • a control when selecting a control, it may be selected according to the display priority of each control to be displayed, or it may be selected according to the Chinese alphabetical order of the controls to be displayed, or other selection rules. . In the embodiment, it is set to display the priority determination control. At this time, this step is: selecting the control displayed in the control bar among all the controls to be displayed according to the display priority of each control to be displayed.
  • the display priority of each control to be displayed is determined, and controls with the same number of controls are selected in the order of display priority from high to low.
  • the input control displayed in the content input sub-control bar among the input controls to be displayed may be selected, and displayed in the management control to be displayed.
  • Management controls in the content management sub-control bar when a control displayed in the control bar is selected among the controls to be displayed, the input control displayed in the content input sub-control bar among the input controls to be displayed may be selected, and displayed in the management control to be displayed.
  • the number of controls when determining the number of controls, it may be determined synchronously whether to display the first replacement button.
  • step S340 the display rule of each control is determined according to the target size.
  • the display rules include: a display pattern of controls, an arrangement order between each control, an arrangement direction of the controls, and a display width of the controls.
  • the display pattern includes at least one of an icon and a Chinese name, and the arrangement order is the position order of each control in the control bar.
  • the display rules of each control in multiple display sizes can be set in advance.
  • the display rule of the corresponding control can be directly called according to the target size. You can also determine the display rules for each control in real time based on the target size.
  • step S340 includes steps S341 to S346.
  • step S341 the display pattern of each control and the arrangement direction of the controls are obtained according to the target size.
  • a display pattern of each control under different display sizes is determined in advance.
  • the setting rule of the display pattern of each control can be set according to the actual situation. For example, within a certain size range, the display pattern of the input control includes icons and Chinese names, and the display pattern of the management control includes icons. In another size range, the display patterns of input controls and management controls are icons.
  • the arrangement direction of each control under different display sizes is set in advance.
  • the default arrangement direction is horizontal
  • the target display window is set within a certain size range in the horizontal direction
  • the arrangement direction is horizontal
  • the target display window is in another size range in the horizontal direction
  • the arrangement direction is vertical. direction.
  • step S342 the arrangement order between each control is determined according to the first setting rule.
  • the first setting rule may be set according to actual conditions.
  • the first setting rule includes: the display priority of the control, the frequency of use of the control, the setting display order of the control, or the alphabetical order of the control.
  • the controls with the higher display priority may be arranged at the front of the control bar, and the controls with the lower display priority may be arranged at the end of the control bar.
  • the display priorities of the controls in each sub-control bar are sorted. For example, an input control with a high display priority is displayed at the front of the content input sub-control bar, and an input control with a low display priority is displayed at Contents are entered at the end of the sub-control bar; when sorting according to the frequency of use of the control, the frequency of use of the control can be determined according to the number of times the control has been clicked within the historical set time, and then the frequently used control is arranged at the front of the control bar.
  • the lower controls are arranged at the back of the control bar.
  • the frequency of use of the controls in each sub-control bar is sorted. For example, input controls with high usage frequency are displayed at the front of the content input sub-control bar, and input controls with low usage frequency are displayed in the content input sub-control.
  • the end of the control bar when arranging according to the set display order of the controls, the user can determine the display order between each control, and then determine the display order as the final display order of each control; according to the first letter corresponding to the control When sorting, you can determine the first letter of the Chinese name corresponding to the control, and then determine the order of the controls according to the order of the English letters.
  • the input control with the first letter A is arranged at the top of the content input sub-control bar.
  • Input controls with the first letter Z are arranged at the end of the content input sub-control bar. If the same first letter corresponds to multiple controls, the multiple controls can be randomly sorted, or the arrangement order of the above controls can be determined according to the first letter of the second character of the Chinese name of the control.
  • step S343 the display width of each control is calculated according to the display pattern and the target size.
  • the display width of the display target in the control bar may be determined in combination with the target size.
  • the calculation of the display width may be to determine the size range to which the target size belongs, obtain the minimum value of the size range, and calculate the display width of the control based on the minimum value and the display pattern.
  • the display width of each control can be calculated in advance.
  • the display width of each control can be calculated in advance.
  • step S344 if the display width is smaller than the minimum display width of the control, the minimum display width is used as the display width of the control.
  • the minimum display width of the display pattern is set.
  • the minimum display width is selected as the display width of the control.
  • step S345 a sum value of each minimum display width is calculated.
  • the display width of each control can also be understood as the width of the sub-container used to display the control allocated by the control bar display device.
  • the display width is the minimum display width of the control.
  • each minimum display width is added to confirm the total width required to display the target control, and the total width is recorded as a sum value.
  • the sum value of the display width of each control in the sub-control bar can be calculated. For example, if only the first replacement button is displayed in the content input sub-control bar, only the sum of the minimum display width of each input control is calculated.
  • step S346 if the sum value is greater than the size of the control bar, it is confirmed that the first replacement button is displayed.
  • the size of the control bar is determined according to the target size.
  • the size of the control bar can also be understood as the first length of the control bar, that is, the width of the parent container used to display the control in the control bar.
  • each child control bar may correspond to a parent container. At this time, the size of each child control bar may also be determined according to the target size. The size and value of each child control bar are the first length.
  • the sum value is compared with the size of the control bar. In one embodiment, if the sum value is the sum value of the minimum display width of the controls in a certain sub-control bar, the sum value can be compared with the size of the sub-control bar. If the sum value is smaller than the size of the control bar, it means that all controls can be displayed in the control bar. At this time, step S350 can be performed. If the sum value is greater than the size of the control bar, it means that only some of the controls can be displayed in the control bar. At this time, confirm that you also need to display the first replacement button in the control bar.
  • non-hidden controls and hidden controls may be determined. For example, there are 6 controls in total, and it is determined that 4 controls can be displayed in the control bar according to the target size. Then, according to the order of the controls, the first 4 controls can be selected as non-hidden controls, and the last 2 controls are arranged. For hidden controls. It should be noted that when the first replacement button is displayed only in a certain sub-control bar, the hidden control and non-hidden control in the sub-control bar can be determined. For other sub-control bars, whether the control is canceled depends on the number of controls displayed in the corresponding sub-control bar.
  • a display rule of the second replacement button when the first replacement button is confirmed to be displayed, a display rule of the second replacement button, a corresponding relationship with the size range, and a trigger condition are also generated.
  • the second replacement button is displayed in the control bar according to the display rule of the second replacement button. For example, when it is detected that the first replacement button is clicked, it is determined that a trigger condition is detected, and a second replacement button is displayed in the control bar.
  • step S350 each control is displayed in the control bar according to the display rule.
  • each control is displayed in the control bar according to the display rule, so that the control bar changes according to the change of the target size.
  • this step further includes: synchronously displaying the first replacement button to realize the replacement of the control in the control bar.
  • synchronously displaying the first replacement button includes: displaying the first replacement button in a content input sub-control bar.
  • the technical solution provided by this embodiment is to receive a frame size adjustment operation on a target display window, adjust the target display window to a target size according to the frame size adjustment operation, determine a control and a display rule of the control according to the target size, and then control the display of the control.
  • the technical means of displaying controls in the control bar can avoid the situation where the display position and display size of each control in the internal control bar of the application software are fixed and the user cannot call the control when the display window size of the application software changes.
  • the display style changes synchronously with the display size of the display window.
  • the way to determine the controls and display rules is simple, and it will not increase the data processing volume of the system, which is convenient for quickly implementing the synchronous change of the control bar under multiple target sizes.
  • FIG. 24 is a schematic structural diagram of a control bar display device of an electronic whiteboard provided in Embodiment 4 of the present application.
  • the control bar display device of the electronic whiteboard provided in this embodiment may be integrated in the control bar display device of the electronic whiteboard.
  • the control bar display device of the electronic whiteboard provided in this embodiment includes an operation receiving module 401, a size adjustment module 402, and a content adjustment module 403.
  • the operation receiving module 401 is configured to receive the frame size adjustment operation, and the frame size adjustment operation acts on the target display window;
  • the size adjustment module 402 is configured to adjust the target display window to the target size, and the target size is determined according to the frame size adjustment operation;
  • the content adjustment module 403 is configured to display the control bar according to the set display style, so that the controls in the control bar meet the preset calling requirements.
  • the control bar is located in the target display window.
  • the control bar includes a content input sub-control bar and a content management sub-control bar.
  • At least one of the set display styles includes at least one of the number of controls, the display pattern of the controls, the arrangement order between each control, the arrangement direction of the controls, and the display width of the controls.
  • the set display style is based on the target size. determine.
  • the technical solution provided by this embodiment is a technology for receiving a frame size adjustment operation on a target display window, adjusting the target display window to a target size according to the frame size adjustment operation, and displaying a control bar according to a setting display style corresponding to the target size.
  • the solution can avoid the situation where the display position and display size of each control in the internal control bar of the internal control bar cannot be called by the user when the display size of the display window changes, and the display style of the control bar changes synchronously with the change of the target size.
  • ensure that the controls displayed in the control bar are convenient for users to call the controls, which improves the user experience.
  • the target size is adjusted from a size in the first size range to a size in the second size range, and the size of the second size range in the first target direction is smaller than the size of the first size range in the first target direction.
  • Size; the content adjustment module 403 is configured to change the arrangement direction of the controls in the control bar, the arrangement direction being changed from a first target direction to a second target direction, and the first target direction is a horizontal direction or a vertical direction, The second target direction is a vertical direction of the first target direction.
  • the target size is within the third size range
  • the content adjustment module 403 is configured to display all controls in the control bar, and each control corresponds to the first display width.
  • the content adjustment module 403 is configured to display all input controls in the content input sub-control bar, and display all management controls in the content management sub-control bar, and each control corresponds to the first display width.
  • the target size is in the fourth size range, and the size in the fourth size range is smaller than the size in the third size range.
  • the content adjustment module 403 is configured to display the first replacement button and the The first control is a non-hidden control among all controls, and the number of controls of the first control is determined according to a current display width and a target size of each non-hidden control.
  • the fourth size range includes a first sub-range and a second sub-range, and the size in the first sub-range is larger than the size in the second sub-range;
  • the target size is within the first sub-range, and the content adjustment module 403 is configured to display the first replacement button and some input controls in the content input sub-control bar, and display all management controls in the content management sub-control bar; the target size is in the first Within the two sub-ranges, the content adjustment module 403 is configured to display the first replacement button and some input controls in the content input sub-control bar, and cancel the display of the content management sub-control bar.
  • the content management sub-control bar includes: a content switching sub-control bar and a content storage sub-control bar.
  • the content adjustment module 403 is configured to display the first replacement button and part of the input controls in the content input sub-control bar, and cancel the display of at least one of the content switching sub-control bar and the content storage sub-control bar.
  • the second child range includes a first grandchild range and a second grandchild range, and a size in the first grandchild range is larger than a size in the second grandchild range.
  • the content adjustment module 403 is configured to display the first replacement button and some input controls in the content input sub-control bar, cancel the content switching sub-control bar, and display the content control sub-control bar. All storage controls, storage controls belong to management controls; the target controls are within the scope of the second grandchild, and the content adjustment module 403 is set to: display the first replacement button and some input controls in the content input sub-control bar, and cancel the content switching sub-control bar And content store child control bar.
  • the method further includes: a first click receiving module configured to receive the first click operation after the first replacement button and the first control are displayed in the control bar, and the first click operation acts on the first replacement button. ;
  • the first control replacement module is set to replace the set control in the control bar with the second control, the second control is a hidden control in all the controls, and the control is set to some non-hidden controls or all non-hidden controls in the first control. .
  • the setting control is a part of non-hidden controls in the first control.
  • the first control replacement module includes: a cancel display unit, which is set to cancel the display control; a control supplement module, which is set in an order of arrangement. Move the non-hidden control retained in the first control to the display position of the set control, and fill in the second control in the blank position of the control bar.
  • control is set as an input control in the content input sub-control bar.
  • control replacement module when the control replacement module is set to replace the control set in the control bar with the second control, it is further configured to display a second replacement button.
  • it also includes: a second click receiving module configured to receive a second click operation after replacing the control set in the control bar with a second control, and the second click operation acts on the second replacement button; the second control replacement module , Set to replace the second control in the control bar with a set control.
  • the target size is within the fifth size range
  • the size within the fifth size range is smaller than the size within the third size range and larger than the size within the fourth size range
  • the content adjustment module 403 is set to: All controls are displayed in the control bar, and each control corresponds to a second display width, and the second display width is smaller than the first display width.
  • the target size is in the fourth size range, and the size in the fourth size range is smaller than the size in the second size range.
  • the content adjustment module 403 is configured to replace each control currently displayed in the control bar. Display pattern to reduce the display width of each control currently displayed.
  • the content adjustment module 403 is configured to retain the icon of each control currently displayed and delete the Chinese name corresponding to each control currently displayed to reduce the display width of each control currently displayed.
  • the arrangement direction of the controls in the control bar is horizontal.
  • the content input sub-control bar is displayed in the same column as the touch writing area, and the content management sub-control bar is displayed in the same column as the touch management area.
  • the arrangement direction is vertical.
  • the content input sub-control bar is displayed along with the touch writing area, and the content management sub-control bar is displayed along with the touch management area.
  • the content adjustment module 403 includes: a control determination unit configured to determine each control displayed in the control bar according to a target size; and a rule confirmation unit configured to determine a display rule for each control according to the target size ; Control display unit, set to display each control in the control bar according to display rules.
  • the control determining unit includes: a number determining subunit configured to determine the number of controls corresponding to the target size, the smaller the target size is, the fewer the number of controls is; the control obtaining subunit is set to be displayed in all the controls to be displayed In Get each control displayed in the control bar, the number of controls is equal to the number of controls, and the controls to be displayed are preset controls that can be displayed in the control bar.
  • the number of controls includes: the number of input controls displayed in the content input sub-control bar and the number of control controls displayed in the content control sub-control bar.
  • control acquisition subunit is set to select a control displayed in the control bar among all the controls to be displayed according to the display priority of each control to be displayed.
  • the rule confirmation unit includes: a pattern confirmation subunit configured to obtain a display pattern of each control and an arrangement direction of the controls according to a target size; a sort confirmation subunit configured to be determined according to a first setting rule The order of arrangement between each control; the width calculation subunit is set to calculate the display width of each control based on the display pattern and target size.
  • the first setting rule includes: a display priority of a control, a frequency of use of the control, a setting display order of the control, or an alphabetical order corresponding to the control.
  • a width confirmation module configured to calculate the display width of each control according to the display pattern and the target size, and if the display width is smaller than the minimum display width of the control, the minimum display width is used as the control's Display width; sum value calculation module, set to calculate the sum of each minimum display width; button determination module, set to confirm that the first replacement button is displayed if the sum value is greater than the size of the control bar, and the size of the control bar is determined according to the target size;
  • the control display unit is set to display each control in the control bar according to the display rules, and synchronously display the first replacement button.
  • control display unit is configured to display each control in a control bar according to the display rule, and display a first replacement button in a content input sub-control bar.
  • the control bar display device of the electronic whiteboard provided in this embodiment may be configured to execute the control bar display method of the electronic whiteboard provided in any of the foregoing embodiments, and has corresponding functions.
  • FIG. 25 is a schematic structural diagram of a control bar display device of an electronic whiteboard provided in Embodiment 5 of the present application.
  • the control bar display device of the electronic whiteboard includes a processor 50, a memory 51, a display screen 52, an input device 53, and an output device 54.
  • the number of processors 50 in the control bar display device may be at least one, and one processor 50 is taken as an example in FIG. 25.
  • the number of the memory 51 in the control bar display device may be at least one, and one memory 51 is taken as an example in FIG. 25.
  • the control bar display device's processor 50, memory 51, display screen 52, input device 53, and output device 54 can be connected through a bus or other methods. In FIG. 25, connection through a bus is taken as an example.
  • the memory 51 is a computer-readable storage medium, and may be configured to store software programs, computer-executable programs, and modules, such as program instructions / modules corresponding to a control bar display method of an electronic whiteboard according to any embodiment of the present application (for example, The operation receiving module 401, the size adjustment module 402, and the content adjustment module 403 in the control bar display device of the electronic whiteboard).
  • the memory 51 may mainly include a storage program area and a storage data area, where the storage program area may store an operating system and application programs required for at least one function; the storage data area may store data created according to the use of the device, and the like.
  • the memory 51 may include a high-speed random access memory, and may further include a non-volatile memory, such as at least one magnetic disk storage device, a flash memory device, or other non-volatile solid-state storage device.
  • the memory 51 may further include memories remotely set with respect to the processor 50, and these remote memories may be connected to the device through a network. Examples of the above network include, but are not limited to, the Internet, an intranet, a local area network, a mobile communication network, and combinations thereof.
  • the display screen 52 is a display screen 52 with a touch function, which may be a capacitive screen, an electromagnetic screen, or an infrared screen.
  • the display screen 52 is configured to display data according to an instruction of the processor 50, and is also configured to receive a touch operation acting on the display screen 52 and send a corresponding signal to the processor 50 or other devices.
  • the display screen 52 when the display screen 52 is an infrared screen, it further includes an infrared touch frame.
  • the infrared touch frame is arranged around the display screen 52. It can also be configured to receive an infrared signal and send the infrared signal to Processor 50 or other device.
  • the input device 53 may be configured to receive inputted numeric or character information, and generate key signal inputs and the like related to user settings and function control of the device.
  • the output device 54 may include audio equipment such as a speaker. It should be noted that the specific composition of the input device 53 and the output device 54 can be set according to actual conditions. In an embodiment, it may further include a communication device 55 configured to establish a communication connection with another device, which may be at least one of a wired communication device and a wireless communication device.
  • the processor 50 executes various functional applications and data processing of the device by running software programs, instructions, and modules stored in the memory 51, that is, implementing the above-mentioned control bar display method of the electronic whiteboard.
  • the at least one processor 50 implements the following operations: receiving a frame size adjustment operation, the frame size adjustment operation acts on the target display window; and controlling the display screen 52 to adjust the target display window to The target size is determined according to the frame size adjustment operation.
  • the display screen 52 is controlled to display the control bar according to the set display style so that the controls in the control bar meet the preset calling requirements.
  • the control bar is located in the target display window.
  • the control bar includes At least one of a content input sub-control bar and a content management sub-control bar.
  • the set display style includes the number of controls, the display pattern of the controls, the arrangement order between each control, the arrangement direction of the controls, and the display width of the controls. At least one of the items is set according to the target size.
  • the target size is adjusted from a size in the first size range to a size in the second size range, and the size of the second size range in the first target direction is smaller than the size of the first size range in the first The size in the target direction; when the processor 50 executes controlling the display screen 52 to display the control bar according to the set display style, the specific implementation is: controlling the display screen 52 to change the arrangement direction of the controls in the control bar, so that The arrangement direction is changed from a first target direction to a second target direction, the first target direction is a horizontal direction or a vertical direction, and the second target direction is a vertical direction of the first target direction.
  • the specific implementation is: controlling the display screen 52 displays all controls in the control bar, and each control corresponds to a first display width.
  • the processor 50 executes controlling the display screen 52 to display all the controls in the control bar
  • the specific implementation is: controlling the display screen 52 to display all the controls in the content input sub-control bar. Input control, and display all management controls in the content management sub-control bar.
  • the target size is within a fourth size range, and the size within the fourth size range is smaller than the size within the third size range.
  • the processor 50 executes controlling the display screen 52 to display the control bar according to the set display style, the processor 50 specifically controls the display screen 52 to display the first replacement button and the first control in the control bar.
  • the first control is a non-hidden control among all the controls, and the number of controls of the first control is determined according to a current display width and a target size of each non-hidden control.
  • the fourth size range includes a first sub-range and a second sub-range, and a size within the first sub-range is larger than a size within the second sub-range.
  • the processor 50 executes and controls the display screen 52 to display a first replacement button and a first control in the control bar
  • the specific implementation is: controlling the display screen 52
  • a first replacement button and some input controls are displayed in the content input sub-control bar, and all management controls are displayed in the content management sub-control bar.
  • the processor 50 executes and controls the display screen 52 to display the first replacement button and the first control in the control bar
  • the specific implementation is: controlling the display screen 52 A first replacement button and a part of the input controls are displayed in the content input sub-control bar, and the content management sub-control bar is canceled.
  • the content management sub-control bar includes: a content switching sub-control bar and a content storage sub-control bar.
  • controlling the display screen 52 to cancel the display of the content management sub-control bar the specific implementation is: controlling the display screen 52 to cancel the display of the content switching sub-control bar and the content storage sub-control bar. At least one.
  • the second child range includes a first grandchild range and a second grandchild range, and a size in the first grandchild range is larger than a size in the second grandchild range.
  • the processor 50 executes and controls the display screen 52 to cancel displaying the content management sub-control bar
  • the specific implementation is: controlling the display screen 52 to cancel displaying the content switching A sub-control bar, and all storage controls are displayed in the content storage sub-control bar, and the storage controls belong to the management control.
  • the processor 50 controls the display screen 52 to cancel displaying the content management sub-control bar
  • the specific implementation is: controlling the display screen 52 to cancel displaying the content switching The child control bar and the content store the child control bar.
  • the processor 50 executes and controls the display screen 52 to display a first replacement button and a first control in the control bar, it further implements: receiving a first click operation, the first One-click operation acts on the first replacement button; controls the display screen 52 to replace the setting control in the control bar with a second control, the second control is a hidden control among all the controls, and the setting control is Some non-hidden controls or all non-hidden controls in the first control.
  • the setting control is a part of non-hidden controls in the first control
  • the processor 50 executes controlling the display screen 52 to replace the setting control in the control bar with a second control.
  • the specific implementation is: controlling the display screen 52 to cancel displaying the setting controls; controlling the display screen 52 to move the non-hidden controls retained in the first control to the display position of the setting controls in the order of arrangement, and The second control is filled in the blank position of the control bar.
  • the setting control is an input control in the content input sub-control bar.
  • the processor 50 executes controlling the display screen 52 to replace the control set in the control bar with a second control
  • the specific implementation is: controlling the display screen 52 to display a second replacement button;
  • the processor 50 executes controlling the display screen 52 to replace the control set in the control bar with a second control, it further realizes: receiving a second click operation, and the second click operation acts on the first Two replacement buttons; controlling the display screen 52 to replace the second control in the control bar with the setting control.
  • the target size is within a fifth size range
  • the size within the third size range is smaller than the size within the first size range and larger than the size within the second size range.
  • the processor 50 executes controlling the display screen 52 to display the control bar according to the set display style
  • the specific implementation is: controlling the display screen 52 to display all the controls in the control bar, and each control corresponds to the second display Width, the second display width is smaller than the first display width.
  • the target size is within a sixth size range, and the size within the sixth size range is smaller than the size within the fourth size range.
  • the processor 50 controls the display screen 52 to display the control bar according to the set display style
  • the processor 50 specifically controls the display screen 52 to replace the display pattern of each control currently displayed in the control bar to reduce The display width of each control currently displayed.
  • the specific implementation is: controlling the display screen 52 to retain the currently displayed The icon of each control, and delete the Chinese name corresponding to each control currently displayed.
  • the arrangement direction of the controls in the control bar is horizontal, the content input sub-control bar is displayed in the same column as the touch writing area, and the content management sub-control bar is displayed in the same column as the touch management area; the control bar The arrangement direction of the controls is vertical.
  • the content input sub-control bar is displayed along with the touch writing area, and the content management sub-control bar is displayed along with the touch management area.
  • the specific implementation is: determining each control displayed in the control bar according to the target size; A display rule for each of the controls is determined according to the target size; and the display screen 52 is controlled to display each of the controls in the control bar according to the display rule.
  • the specific implementation is: determining the number of controls corresponding to the target size, the smaller the target size is The fewer the number of controls; each control displayed in the control bar is obtained from all the controls to be displayed, the number of controls is equal to the number of controls, and the controls to be displayed are preset and can be displayed in the control bar Controls.
  • the number of controls includes: the number of input controls displayed in the content input sub-control bar and the number of control controls displayed in the content control sub-control bar.
  • the specific implementation is: obtaining a display pattern and a control of each of the controls according to the target size.
  • the arrangement direction of each control is determined according to the first setting rule; the display width of each control is calculated according to the display pattern and the target size.
  • the first setting rule includes: a display priority of a control, a frequency of use of the control, a setting display order of the control, or an alphabetical order corresponding to the control.
  • the processor 50 calculates the display width of each control according to the display pattern and the target size, it further realizes that if the display width is smaller than the minimum display width of the control, then Use the minimum display width as the display width of the control; calculate the sum of each of the minimum display widths; if the sum is greater than the size of the control bar, confirm that the first replacement button is displayed, and the size of the control bar is based on the target size OK; when the processor 50 executes controlling the display screen 52 to display the target control in the control bar according to the display rule, it is further configured to: control the display screen 52 to synchronously display the first replacement Button.
  • the processor 50 executes controlling the display screen 52 to synchronously display the first replacement button, it is configured to control the display screen 52 to be displayed in the content input sub-control bar. First replacement button.
  • the control bar display device of the electronic whiteboard provided above may be configured to execute the control bar display method of the electronic whiteboard provided by any of the above embodiments.
  • Embodiment 6 of the present application further provides a storage medium containing computer-executable instructions.
  • the method is used to display a control bar display method of an electronic whiteboard, including receiving a frame size adjustment.
  • the frame size adjustment operation acts on the target display window; adjusting the target display window to the target size, the target size is determined according to the frame size adjustment operation; displaying the control bar according to the set display style, so that the control bar
  • the storage medium containing computer-executable instructions provided in the embodiments of the present application is not limited to the operation of the control bar display method of the electronic whiteboard as described above, and may also be performed by any embodiment of the present application.
  • the computer software product may be stored in a computer-readable storage medium, such as a computer floppy disk, Read-only memory (ROM), random access memory (RAM), flash memory (FLASH), hard disk or CD-ROM, etc., including several instructions to make a computer device (can be a robot, personal A computer, a server, or a network device, etc.) executes the control bar display method of the electronic whiteboard according to any embodiment of the present application.
  • a computer-readable storage medium such as a computer floppy disk, Read-only memory (ROM), random access memory (RAM), flash memory (FLASH), hard disk or CD-ROM, etc.

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Human Computer Interaction (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

一种电子白板的控件栏显示方法、装置、设备及存储介质，其包括：接收作用于目标显示窗口的边框尺寸调整操作；将目标显示窗口调整至目标尺寸，该目标尺寸根据边框尺寸调整操作确定；按照设定显示样式显示控件栏，使得控件栏内的控件满足预设调用需求，控件栏位于目标显示窗口中，控件栏包括内容输入子控件栏和内容管理子控件栏中的至少一种，设定显示样式包括控件数量、控件的显示图案、每个控件之间的排列顺序、控件的排列方向以及控件的显示宽度中的至少一项，设定显示样式根据目标尺寸确定。

Description

电子白板的控件栏显示方法、装置、设备及存储介质
本申请要求在2018年08月28日提交中国专利局、申请号为201810987450.2的中国专利申请的优先权，该申请的全部内容通过引用结合在本申请中。
技术领域
本申请实施例涉及计算机技术领域，例如涉及一种电子白板的控件栏显示方法、装置、设备及存储介质。
背景技术
目前，多种智能设备被广泛的应用在人们的日常生活和工作中。通常，智能设备中安装有多种应用软件，以满足人们在不同领域的实际需求。例如，文本编辑软件可以满足用户的写作及记录需求，课件制作软件可以满足用户的教学课件制作需求，绘图软件可以满足用户的绘画需求等。
一般而言，在多种应用软件的使用过程中，用户可以结合自身的实际需求调整应用软件的显示窗口尺寸。在实现本申请的过程中，发明人发现相关技术存在如下缺陷：在应用软件的显示窗口尺寸调整过程中，位于显示窗口内部的控件栏的尺寸会同步调整，然而在调整过程中，控件栏中每个控件的显示位置及显示大小是固定的，这样会导致某些控件无法显示在控件栏中。
发明内容
以下是对本文详细描述的主题的概述。本概述并非是为了限制权利要求的保护范围。
本申请实施例提供一种电子白板的控件栏显示方法、装置、设备及存储介质，以避免相关技术中当应用软件的显示窗口尺寸变化时，其内部控件栏中每个控件的显示位置及显示大小固定导致用户无法调用控件的情况。
本申请实施例提供了一种电子白板的控件栏显示方法，包括：接收边框尺寸调整操作，所述边框尺寸调整操作作用于目标显示窗口；将所述目标显示窗口调整至目标尺寸，所述目标尺寸根据所述边框尺寸调整操作确定；按照设定显示样式显示控件栏，使得所述控件栏内的控件满足预设调用需求；所述控件栏位于所述目标显示窗口中，所述控件栏包括内容输入子控件栏和内容管理子控件栏中的至少一种；所述设定显示样式包括控件数量、控件的显示图案、每个所述控件之间的排列顺序、所述控件的排列方向以及所述控件的显示宽度中的至少一项，所述设定显示样式根据所述目标尺寸确定。
本申请实施例还提供了一种电子白板的控件栏显示装置，包括：操作接收模块，设置为接收边框尺寸调整操作，所述边框尺寸调整操作作用于目标显示窗口；尺寸调整模块，设置为将所述目标显示窗口调整至目标尺寸，所述目标尺寸根据所述边框尺寸调整操作确定；内容调整模块，设置为按照设定显示样式显示控件栏，使得所述控件栏内的控件满足预设调用需求；所述控件栏位于所述目标显示窗口中，所述控件栏包括内容输入子控件栏和内容管理子控件栏中的至少一种；所述设定显示样式包括控件数量、控件的显示图案、每个所述控件 之间的排列顺序、所述控件的排列方向以及所述控件的显示宽度中的至少一项，所述设定显示样式根据所述目标尺寸确定。
本申请实施例还提供了一种电子白板的控件栏显示设备，包括：存储器、显示屏以及至少一个处理器；所述存储器，设置为存储至少一个程序；当所述至少一个程序被所述至少一个处理器执行时，所述至少一个处理器实现如下操作：接收边框尺寸调整操作，所述边框尺寸调整操作作用于目标显示窗口；控制所述显示屏将所述目标显示窗口调整至目标尺寸，所述目标尺寸根据所述边框尺寸调整操作确定；控制所述显示屏按照设定显示样式显示控件栏，使得所述控件栏内的控件满足预设调用需求；所述控件栏位于所述目标显示窗口中，所述控件栏包括内容输入子控件栏和内容管理子控件栏中的至少一种；所述设定显示样式包括控件数量、控件的显示图案、每个所述控件之间的排列顺序、所述控件的排列方向以及所述控件的显示宽度中的至少一项，所述设定显示样式根据所述目标尺寸确定。
本申请实施例还提供了一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时设置为执行如第一方面所述的电子白板的控件栏显示方法。
在阅读并理解了附图和详细描述后，可以明白其他方面。
附图说明
图1为本申请实施例一提供的一种电子白板的控件栏显示方法的流程图；
图2为显示窗口的局部界面第一示意图；
图3为显示窗口的局部界面第二示意图；
图4为显示窗口示意图；
图5为本申请实施例二提供的一种电子白板的控件栏显示方法的流程图；
图6为目标显示窗口的局部界面第一示意图；
图7为目标显示窗口的局部界面第二示意图；
图8为目标显示窗口的局部界面第三示意图；
图9为目标显示窗口的局部界面第四示意图；
图10为目标显示窗口的局部界面第五示意图；
图11为目标显示窗口的局部界面第六示意图；
图12为目标显示窗口的局部界面第七示意图；
图13为目标显示窗口的局部界面第八示意图；
图14为目标显示窗口的局部界面第九示意图；
图15为目标显示窗口的局部界面第十示意图；
图16为目标显示窗口的局部界面第十一示意图；
图17为目标显示窗口的局部界面第十二示意图；
图18为目标显示窗口的局部界面第十三示意图；
图19为目标显示窗口的局部界面第十四示意图；
图20为目标显示窗口的局部界面第十五示意图；
图21为目标显示窗口的第一示意图；
图22为目标显示窗口的第二示意图；
图23为本申请实施例三提供的一种电子白板的控件栏显示方法的流程图；
图24为本申请实施例四提供的一种电子白板的控件栏显示装置的结构示意图；
图25为本申请实施例四提供的一种电子白板的控件栏显示设备的结构示意图。
具体实施方式
下面结合附图和实施例对本申请作进一步的详细说明。可以理解的是，此处所描述的实施例仅仅用于解释本申请，而非对本申请的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本申请相关的部分而非全部内容。
实施例一
图1为本申请实施例一提供的一种电子白板的控件栏显示方法的流程图。本实施例提供的电子白板的控件栏显示方法可以由电子白板的控件栏显示设备执行，其中，控件栏显示设备可以通过软件和硬件中的至少一种的方式实现，该控件栏显示设备可以由至少两个物理实体构成，也可以是一个物理实体构成。该控件栏显示设备可以是电脑，手机，投影仪，平板或智能交互平板等。
进一步的，该控件栏显示设备安装有操作系统。该操作系统可以是windows系统和安卓(Android)系统中的至少一种。在一实施例中，控件栏显示设备安装有操作系统自带的应用软件，同时，也安装有从第三方设备或者服务器中下载的应用软件。其中，应用软件的具体类型可以根据实际情况设定。实施例中，设定应用软件开启后，在控件栏显示设备的屏幕中显示对应的显示窗口，以使用户看到该应用软件的操作界面。
典型的，该应用软件的显示窗口中显示有至少一个控件栏。其中，控件栏是指显示窗口中用于集中显示控件的一块区域，其具体的显示位置以及区域大小根据实际情况设定。在一实施例中，控件栏中的每个控件对应一个功能，该控件可以被认为是功能入口。例如，A控件对应的功能为插入表格，那么检测到该控件被点击后，确定启动插入表格的功能。再如，B控件对应的功能为展开子控件功能，那么检测到该控件被点击后，确定展开该控件下隐藏的子控件。通常，控件栏可以被认为是菜单栏和工具栏中的至少一种。其中，菜单栏是按照程序功能分组排列的控件集合，当菜单栏的某个控件被点击后，可以显示该控件对应的菜单项，即显示出对应的子控件，以提供具体的功能入口。工具栏是显示位图式按钮行的控制条，位图式按钮可以理解为控件。
在一实施例中，实施例中设定控件栏在目标方向上的长度记为第一长度，控件栏所在的显示窗口在该方向上的长度记为第二长度，其中，长度为显示过程中所需像素点在该目标方向上的总数量。目标方向通常为控件的排列方向，其可以是水平方向或者竖直方向。一般而言，第一长度等于第二长度，或者第一长度小于第二长度。通常，根据第二长度可以计算出第一长度。举例而言，图2为显示窗口的局部界面第一示意图，此时，控件栏12在水平方向的第一长度与显示窗口11在水平方向的第二长度相等。又如，图3为显示窗口的局部界面第二示意图。此时，控件栏13在竖直方向的第一长度小于显示窗口14在竖直方向的第二长度，根据第一长度以及菜单栏15的长度计算得到第二长度。
其中，实施例中设定应用软件为带有电子白板功能的应用软件，其可以通过电子白板功能实现：书写、绘图、批注、课件制作以及展示播放等功能。实施例中设定电子白板功能具有元素绘制及编辑功能。其中，元素是指通过用户输入一定操作后可以显示的要素，其具有占位空间且具有可编辑性。基于对元素的绘制及编辑功能，实施例中设定应用软件的显示窗 口至少包括：触控书写区域和触控管理区域。其中，触控书写区域是指可以绘制元素的区域，触控管理区域是指对显示的内容、显示窗口以及应用软件进行控制的区域。例如，图4为显示窗口示意图。参考图4，该应用软件为课件制作软件，显示窗口16包括触控书写区域161、触控管理区域以及控件栏。其中，触控管理区域包括：第一区域1621、第二区域1622。第一区域1621设置为新建页面、调整页面排列顺序以及显示页面缩略图。第二区域1622设置为控制页面之间以及页面内部每个元素的属性和动画。在一实施例中，控件栏中与触控书写区域161对应的控件均与输入元素内容相关，如文本、形状、多媒体、表格等。控件栏中与触控管理区域对应的控件均设置为控制元素或者元素组成的课件。此时，设定控件栏包括：内容输入子控件栏和内容管理子控件栏中的至少一种，且以控件栏包括内容输入子控件栏和内容管理子控件栏为例，进行描述。其中，内容输入子控件栏是指集成与输入元素内容相关的输入控件的子控件栏。内容管理子控件栏是指集成与控制管理相关的管理控件的子控件栏。一般而言，在目标方向上，每个子控件栏与对应显示区域的长度相同。例如，参考图4，控件栏包括内容输入子控件栏1631和内容管理子控件栏1632，目标方向为水平方向，内容输入子控件栏1631与触控书写区域161在目标方向的长度相等，内容管理子控件栏1632与触控管理区域在目标方向的长度相等。即控件栏中控件的排列方向为水平方向，内容输入子控件栏与触控书写区域同列显示，内容管理子控件栏与触控管理区域同列显示。可以理解的是，控件栏中控件的排列方向为竖直方向，内容输入子控件栏与触控书写区域同行显示，内容管理子控件栏与触控管理区域同行显示。其中，由于触控管理区域包含两个区域，因此，内容管理子控件栏1632同样包括两部分，且每部分对应触控管理区域的一个部分。
在一实施例中，实施例以调整显示窗口的显示尺寸场景为例，对控件栏的显示方法进行描述。参考图1，该电子白板的控件栏显示方法包括步骤S110，步骤S120和步骤S130。
在步骤S110中，接收边框尺寸调整操作。
其中，边框尺寸调整操作作用于目标显示窗口。
在一实施例中，边框尺寸调整操作是用于调整显示窗口的显示尺寸的操作。其中，被边框尺寸调整操作选定的窗口记为目标显示窗口。在一实施例中，当控件栏显示设备具有触控功能时，用户可以通过触控控件栏显示设备的方式发出边框尺寸调整操作。此时，控件栏显示设备的显示屏可以为电容屏、电阻屏或者电磁屏。在触控过程中，用户可以通过手指或者触控笔发出边框尺寸调整操作。在一实施例中，用户还可以通过与控件栏显示设备连接的外置设备，以键控的方式发出边框尺寸调整操作。其中，外置设备包括但不限定于鼠标和键盘中的至少一种等，外置设备和控件栏显示设备的连接方式包括但不限定于无线连接和有线连接中的至少一种。
在一实施例中，边框尺寸调整操作的具体触发方式可以根据实际情况设定。例如，检测到某一显示窗口的边框所在位置接收到拖拽操作，则确定接收到边框尺寸调整操作。又如，检测到显示窗口的内部位置接收到方向相反的滑动操作，则确定接收到边框尺寸调整操作。
在步骤S120中，将目标显示窗口调整至目标尺寸。
其中，目标尺寸根据边框尺寸调整操作确定。
在一实施例中，目标尺寸是用户期望将目标显示窗口调整到的显示尺寸。其中，显示尺寸可以通过像素点的数量来表示。举例而言，可以通过目标显示窗口的总像素点数量表示显示尺寸，例如，目标显示窗口在水平方向上需要1024个像素点，竖直方向上需要768个像素 点，那么，目标显示窗口的显示尺寸为1024×768。在一实施例中，还可以仅通过控件栏所在目标方向上的像素点来确定显示尺寸。例如，目标方向为水平方向，目标显示窗口在水平方向上需要1024个像素点，那么，目标显示窗口的显示尺寸为1024。
在一实施例中，根据边框尺寸调整操作确定目标尺寸。在一实施例中，根据边框尺寸调整操作的结束位置确定目标尺寸。例如，根据边框尺寸调整操作确定目标显示窗口的竖直边框上某一点被水平拖拽至某一位置，那么，将该位置作为该点新的显示位置后，便可以确定目标显示窗口在水平方向上的缩放比例，进而确定目标尺寸。再如，根据边框尺寸调整操作确定目标显示窗口的边框上某一顶点被拖拽至某一位置，那么将该位置作为该顶点新的显示位置后，便可以确定目标显示窗口的缩放比例，进而得到目标尺寸。在一实施例中，根据边框尺寸调整操作的移动幅度确定目标尺寸。例如，确定在目标显示窗口内部接收到边框尺寸调整操作，且该边框尺寸操作移动了20个像素点，那么确定与20个像素点对应的缩放比例，进而得到目标尺寸。
在步骤S130中，按照设定显示样式显示控件栏，使得控件栏内的控件满足预设调用需求。
其中，控件栏位于目标显示窗口中，控件栏包括内容输入子控件栏和内容管理子控件栏中的至少一种。设定显示样式包括控件数量、控件的显示图案、每个控件之间的排列顺序、控件的排列方向以及控件的显示宽度中的至少一项，设定显示样式根据目标尺寸确定。实施例中，设定控件栏包括内容输入子控件栏和内容管理子控件栏。
例如，预设调用需求是指目标尺寸下，用户对于控件的调用需求。预设调用需求的内容及设定依据实施例不作限定。例如，结合用户的历史使用数据，确定每个目标尺寸下用户使用较多的功能，进而设定预设调用需求为满足用户对上述功能的调用。
在一实施例中，设定显示样式包括控件数量、控件的显示图案、每个控件之间的排列顺序、控件的排列方向以及控件的显示宽度中的至少一项，控件数量是指当前控件栏可以显示的控件数量，显示宽度是指为控件分配的显示区域在目标方向上像素点的总数量。在一实施例中，预先设定不同显示尺寸对应的显示样式。将目标显示窗口调整至目标尺寸后，获取该目标尺寸对应的显示样式作为设定显示样式，进而，按照该设定显示样式对控件栏内的控件进行显示。一般而言，改变控件栏的显示样式时，设定控件栏中每个控件均为完整的显示图案，不会出现某一控件仅有部分显示的情况。
在一实施例中，当改变目标显示窗口的显示尺寸后，如果当前的目标尺寸和改变前的显示尺寸之间差异很小，例如，显示尺寸由1010变为1015，那么控件栏的显示样式是可以相同的，即目标显示窗口的显示尺寸调整幅度过小时，控件栏对应的显示样式可以相同。据此，设定预先基于设定尺寸划分不同的尺寸范围，每个尺寸范围对应不同的显示样式。其中，当目标显示窗口显示在不同分辨率的屏幕时，可以确定设定尺寸与屏幕尺寸的比例关系，进而根据该比例关系确定该屏幕尺寸下的每个尺寸范围。在一实施例中，当目标显示窗口调整至目标尺寸后，确定目标尺寸对应的尺寸范围，进而确定该尺寸范围对应的设定显示样式，以按照设定显示样式对控件栏进行显示。
在一实施例中，不同目标尺寸对应的显示样式可以根据实际情况设定，仅需满足预设调用需求即可。例如，当目标尺寸为全屏或者接近全屏时，显示样式设定为在控件栏中显示全部的控件，该控件为预先设定的需要显示在显示栏中的控件。当目标尺寸为半屏或接近半屏时，显示样式设定为在控件栏中显示设定数量的控件。相比于全屏显示而言，半屏显示时， 控件栏中的控件数量变少。此时，为了使用户可以调出未显示在控件栏中的控件，可以选择设定在控件栏中添加第一替换按钮，以当第一替换按钮被用户选择时，将当前控件栏中的控件替换为未显示的控件。可以明确的是，除了上述提及的通过改变控件栏中控件数量的方式适应不同的目标尺寸外，还可以通过调整控件的显示图案、排列方向以及显示宽度的方式适应不同的目标尺寸。例如，当目标尺寸属于比较大的尺寸范围，如全屏时，控件栏内控件的显示图案可以包括图标以及对应的控件名称。当目标尺寸属于比较小的尺寸范围，如半屏或者是接近设定的最小尺寸时，该控件的显示图案可以仅包括图标，进而减小显示控件所需的像素点的数量。又如，相比于全屏显示，当目标尺寸属于半屏尺寸范围时，控件栏中每个控件所占用的显示宽度可以适当缩小，以通过改变显示宽度的方式，改变控件栏的长度。需要说明的是，可以结合控件栏显示设备以及目标显示窗口的实际情况，选择上述至少一种组合的方式，确定不同目标尺寸对应的显示内容。同时，其他改变控件栏显示内容的方式同样适用于本实施例。
在一实施例中，由于控件栏包括内容输入子控件栏和内容管理子控件栏，那么不同目标尺寸时，分别设定内容输入子控件栏和内容管理子控件栏的显示样式，进而按照对应的显示样式分别对内容输入子控件栏和内容管理子控件栏进行调整。
实际应用中，在确定目标尺寸后，可以先确定目标尺寸对应的设定显示样式，之后，同步调整目标显示窗口的尺寸以及控件栏。需要说明的是，无论是否同步调整目标显示窗口尺寸及控件栏，从用户的观看视角而言，目标显示窗口的尺寸调整过程和控件栏的调整过程几乎为同步发生，用户无法明显区分其执行的先后顺序。
本实施例提供的技术方案，通过接收作用于目标显示窗口的边框尺寸调整操作，根据边框尺寸调整操作调整目标显示窗口至目标尺寸，同时按照与目标尺寸对应的设定显示样式显示控件栏的技术方案，可以避免当显示窗口的显示尺寸变化时，其内部控件栏中每个控件的显示位置及显示大小固定导致用户无法调用控件的情况，实现控件栏中的显示样式跟随目标尺寸的变化而同步变化，同时保证控件栏内显示的控件便于用户调用，提高了用户的使用体验。
实施例二
图5为本申请实施例二提供的一种电子白板的控件栏显示方法的流程图。本实施例提供的电子白板的控件栏显示方法是在上述实施例的基础上进行具体化。例如，参考图5，该控件栏显示方法包括步骤S201至步骤S210。
在步骤S201中，接收边框尺寸调整操作。
其中，边框尺寸调整操作作用于目标显示窗口。
在步骤S202中，将目标显示窗口调整至目标尺寸。当目标尺寸属于第三尺寸范围时，执行步骤S203；当目标尺寸属于第五尺寸范围时，执行步骤S204；当目标尺寸属于第四尺寸范围时，执行步骤S205；当目标尺寸属于第六尺寸范围时，执行步骤S210。
在一实施例中，将目标显示窗口的显示尺寸预先划分为不同的尺寸范围。实施例中，以划分为4个尺寸范围为例。其中，第三尺寸范围内的尺寸最大，第五尺寸范围内的尺寸小于第三尺寸范围内的尺寸且大于第四尺寸范围内的尺寸，第四尺寸范围内的尺寸小于第五尺寸范围内的尺寸且大于第六尺寸范围内的尺寸。举例而言，设定控件栏在水平方向的第一长度与目标显示窗口在水平方向的第二长度相等，目标尺寸为目标显示窗口在水平方向上的像素 点的数量。此时，设定第三尺寸范围为1600以上，第五尺寸范围为1200-1600，第四尺寸范围为600-1200，第六尺寸范围为600以下。
在一实施例中，预先设定多个尺寸范围对应的显示样式。将目标显示窗口调整至目标尺寸时，可以确定目标尺寸所属的尺寸范围，进而将该尺寸范围对应的显示样式确定为设定显示样式，并按照设定显示样式对控件栏进行显示。
需要说明的是，上述提及的四个尺寸范围仅是一示例性设定，其中，每个尺寸范围对应不同的显示规则。实际应用中，可以根据实际情况设置更多的尺寸范围或者较少的尺寸范围，同时，还可以设定每个显示规则组合应用或重复应用。在一实施例中，也可以为某一尺寸范围设定多个子范围，并为每个子范围设定不同的显示规则，以丰富控件栏的变化内容。
在步骤S203中，在控件栏中显示全部控件，且每个控件对应第一显示宽度。
其中，第三尺寸范围可以认为是最大尺寸范围，当目标尺寸对应第三尺寸范围时，设定控件栏中显示全部的控件，即控件数量等于控件的总数量。其中，控件是预先设定的需要显示在控件栏中的控件。在一实施例中，控件可以由控件栏显示设备和用户中的至少一种设定。一般而言，控件的总数量小于或等于控件栏显示控件的最大数量。但是，若出现控件的总数量大于最大数量的情况，则可以显示缩略符号，并在用户点击缩略符号时，弹出未显示的控件，或者是，显示第一替换按钮，并在用户点击第一替换按钮时，将控件栏中的控件进行替换。
例如，每个控件的显示宽度均为自身对应的第一显示宽度。每个控件可以存在多个不同显示宽度，每个显示宽度的大小不同且可以根据实际情况设定。其中，第一显示宽度为多个不同显示宽度中的最大宽度。一般而言，不同控件的第一显示宽度可以相同也可以不同。可以确定的是，当目标尺寸在第三尺寸范围内时，控件数量最大，且每个控件均对应其最大的显示宽度。
需要说明的是，第三尺寸范围的最大值可以是显示屏的尺寸，最小值可以是每个控件的第一显示宽度的和值。
在一实施例中，设定在控件栏中显示全部控件包括：在内容输入子控件栏中显示全部的输入控件，并在内容管理子控件栏中显示全部的管理控件。
在一实施例中，设定内容输入子控件栏中显示的控件记为输入控件，内容管理子控件栏中显示的控件记为管理控件。其中，输入控件是指与输入元素内容相关的控件，管理控件是指与内容管理相关的控件。此时，控件包括输入控件和管理控件。进一步，当目标尺寸在第三尺寸范围内时，显示全部的输入控件和管理控件。
在步骤S204中，在控件栏中显示全部控件，且每个控件对应第二显示宽度，第二显示宽度小于第一显示宽度。
在一实施例中，第五尺寸范围可以认为是仅小于第三尺寸范围的次大尺寸范围。一般而言，目标尺寸在第五尺寸范围内，控件栏仍能显示最多数量的目标控件，即控件数量最大。但是，每个控件的显示宽度需要缩小，才能保证每个控件完整的显示在控件栏中。此时，设定控件栏中每个控件对应第二显示宽度。其中，第二显示宽度小于第一显示宽度。同样的，每个控件的第二显示宽度可以相同也可以不同。需要说明的是，同一控件在第一显示显示宽度和第二显示宽度下对应的显示图案是相同的。在一实施例中，同一控件在第一显示宽度和第二显示宽度时，显示图案所占用的像素点数量相同，即从用户视角而言，控件在第一显示 宽度与控件在第二显示宽度相比，仅是控件间的距离不同，显示图案未发生变化。在一实施例中，同一控件在第一显示宽度和第二显示宽度时，显示图案所占用的像素点数量不同，即从用户视角而言，相比于第一显示宽度，控件在第二显示宽度下的显示图案被缩小。可以理解的是，第五尺寸范围的最大值可以根据第三尺寸范围确定，最小值可以是每个控件的第二显示宽度的和值。
实际应用中，目标尺寸在第五尺寸范围内时，还可以是部分控件对应第二显示宽度，剩余控件对应第一显示宽度，其中，部分控件可以根据实际情况设定。例如，内容管理子控件栏中每个管理控件对应第一显示宽度，内容输入子控件栏中每个输入控件对应的第二显示宽度。
在步骤S205中，在控件栏中显示第一替换按钮和第一控件，第一控件为全部控件中的非隐藏控件。
其中，第一控件的控件数量根据每个非隐藏控件的当前显示宽度和目标尺寸确定。
需要说明的是，此时，每个控件的当前显示宽度为第二显示宽度。在实际应用中，也可以取消设定第五尺寸范围，即第二尺寸范围可以是次大尺寸范围，此时，每个控件的当前显示宽度为第一显示宽度。
例如，当目标尺寸位于第四尺寸范围内时，控件栏中无法显示全部的控件，因此，设定在控件栏中仅显示部分控件，并隐藏剩余的控件。实施例中，显示的部分控件记为第一控件，其中，第一控件的控件数量根据控件的当前显示宽度和目标尺寸确定。例如，根据目标尺寸以及控件的当前显示宽度确定控件栏可以显示的控件数量，此时，当目标尺寸在第四尺寸范围内变化时，控件栏中显示的控件数量是可以随着目标尺寸的变化而变化的。再如，根据第四尺寸范围的最小值以及控件的当前显示宽度确定控件栏可以显示的控件数量，此时，当目标尺寸在第四尺寸范围内变化时，控件栏中显示的控件数量不变。
在一实施例中，第一控件可以认为是非隐藏控件。其中，非隐藏控件可以理解为在控件栏无法显示全部控件时，保留显示的控件。在一实施例中，非隐藏控件的确定方式可以根据实际情况确定。例如，非隐藏控件可以根据每个控件在控件栏中的排列顺序确定。假设，第一控件的控件数量为5个，那么非隐藏控件是全部控件中排序顺序位于前5的控件。再如，非隐藏控件可以根据每个控件的显示优先级确定。假设，第一控件的控件数量为5个，那么非隐藏控件是全部控件中显示优先级最高的前5个控件。可以理解的是，非隐藏控件可以仅是输入控件，也可以仅是管理控件，还可以同时是输入控件和管理控件。
在一实施例中，由于控件栏仅显示非隐藏控件，那么为了便于用户可以调出隐藏控件，实施例设定显示第一控件时，同步显示第一替换按钮。其中，第一替换按钮的具体显示位置和显示形式可以根据实际情况设定。例如，在控件栏中第一控件排列的末尾显示第一替换按钮，以提示用户通过该按钮调出隐藏控件。再如，当隐藏控件仅是输入控件时，第一替换按钮可以显示在内容输入子控件栏中；当隐藏控件仅管理控件时，第一替换按钮可以显示在内容管理子控件栏中；当隐藏控件同时包括输入控件和管理控件时，第一替换按钮可以同时显示在内容管理子控件栏中和内容输入子控件栏中，或者，根据实际情况选择性的显示在任一子控件栏中。
在一实施例中，在显示第一控件时，可以更换第一控件中显示宽度最大的控件的显示图案，以缩小该控件的显示宽度，进而扩大第四尺寸范围的尺寸范围。其中，更换显示图案可 以是缩小图案、减少图案中某些要素等。
在一实施例中，考虑到第一控件可以是输入控件和管理控件中的至少一种，因此，实施例中设定第四尺寸范围包括第一子范围和第二子范围，且第一子范围内的尺寸大于第二子范围内的尺寸。目标尺寸在第一子范围内，步骤S205包括：在内容输入子控件栏中显示第一替换按钮和部分输入控件，在内容管理子控件栏中显示全部的管理控件。目标尺寸在第二子范围内，步骤S205包括：在内容输入子控件栏中显示第一替换按钮和部分输入控件，并取消显示内容管理子控件栏。
在一实施例中，第一子范围大于第二子范围，当目标尺寸在第一子范围时，确定需要隐藏部分控件，此时，设定隐藏部分输入控件，并在内容输入子控件栏中显示第一替换按钮。对于内容管理子控件栏而言，设定显示全部的管理控件。此时，第一控件包括全部的管理控件以及部分输入控件。其中，显示的部分输入控件的确定规则不作限定，例如，设定显示输入控件的控件数量，并根据该控件数量将内容输入子控件栏中排列顺序靠前的输入控件保留显示。在一实施例中，当目标尺寸缩小至第二子范围时，仅隐藏部分输入控件已经无法保证目标显示窗口继续缩小，此时设定取消显示内容管理子控件，即第一控件仅包括部分输入控件。此时，对于管理控件而言，由于其已经被取消显示，因此，用户无法在控件栏中对其进行调用。
在一实施例中，实际应用中，内容管理子控件栏可能被分成多个部分，例如，图4中，内容管理子控件栏1632包括与第一区域1621对应的一部分，与第二区域1622对应的另一部分。因此，在取消显示内容管理子控件栏时，可以确定取消显示内容管理子控件栏的规则。
据此，实施例中设定，内容管理子控件栏包括：内容切换子控件栏和内容存储子控件栏；此时，取消显示内容管理子控件栏包括：取消显示所述内容切换子控件栏和内容存储子控件栏中的至少一种。
其中，内容切换子控件栏中显示的管理控件可以记为切换控件，切换控件设置为管理元素所在页面的属性信息(如页面布局、页面背景灯)以及页面及其内部每个元素在切换时的动画规则。内容存储子控件栏中显示的管理控件可以记为存储控件，存储控件设置为管理应用软件可识别文件的云上传、云下载以及同步等功能。即，管理控件可以包括：切换控件和存储控件。在一实施例中，内容切换子控件栏对应的控制区域设置为显示切换控件对应的功能实现入口。内容存储子控件栏对应的控制区域设置为显示页面的缩略图以及每个页面间的排列顺序，需要说明的是，实际应用中，内容切换子控件栏和内容存储子控件栏对应的控制区域的具体内容可以根据实际情况设定。
在一实施例中，在取消显示内容管理子控件栏时，可以根据实际情况设定取消显示内容切换子控件栏和内容存储子控件栏中的至少一种。例如，设定仅取消显示内容切换子控件栏，保持内容存储子控件栏中显示全部的存储控件。再如，设定先取消显示内容切换子控件栏，再取消显示内容存储子控件栏。
在一实施例中，实施例中设定第二子范围包括：第一孙范围和第二孙范围，第一孙范围内的尺寸大于第二孙范围内的尺寸；目标尺寸在第一孙范围内，取消显示内容管理子控件栏包括：取消显示内容切换子控件栏，并在内容存储子控件栏中显示全部存储控件，存储控件属于管理控件；目标尺寸在第二孙范围内，取消显示内容管理子控件栏包括：取消显示内容切换子控件栏和内容存储子控件栏。
在一实施例中，管理控件包括存储控件和切换控件。第一孙范围和第二孙范围的具体的尺寸实施例不作设定。当目标尺寸在第一孙范围时，设定取消显示内容切换子控件栏。即当前控件栏中没有切换控件，在内容存储子控件栏中显示全部的存储控件。当尺寸范围缩小至第二孙范围时，在取消显示内容切换子控件栏的基础上，取消显示内容存储子控件栏。此时，控件栏中没有管理控件。通过逐步取消显示管理控件的方式，可以在用户调整目标尺寸时，提供更多的控件栏显示方案。
需要说明的是，实施例中设定存储控件的优先级大于切换控件的优先级。实际应用中，也可以设定切换控件的优先级大于存储控件的优先级。即当目标尺寸位于第一孙范围时，设定取消显示内容存储子控件栏，并在内容切换子控件栏中显示全部的切换控件。当目标尺寸位于第二孙范围时，设定取消显示内容存储子控件栏和内容切换子控件栏。
在步骤S206、接收第一点击操作。
其中，第一点击操作作用于第一替换按钮。
例如，第一点击操作为用户执行的点击第一替换按钮的操作。一般而言，当控件栏显示设备具有触控功能时，用户可以通过触控第一替换按钮的方式发出第一点击操作。此外，用户还可以通过与控件栏显示设备连接的外置设备，以键控的方式点击第一替换按钮以发出第一点击操作。在一实施例中，当控件栏显示设备确定第一替换按钮被点击后，确定接收到第一点击操作。
在步骤S207中，将控件栏中设定控件更换为第二控件，显示第二替换按钮。
其中，第二控件为全部控件中的隐藏控件，设定控件为第一控件中部分非隐藏控件或全部非隐藏控件。在一实施例中，第一替换按钮位于内容输入子控件栏时，隐藏控件是指隐藏的部分输入控件。
在一实施例中，由于控件栏中仅能显示部分控件，那么，想要在控件栏中显示隐藏控件时，需要取消显示控件栏中的部分或全部非隐藏控件，并在取消显示后空出的显示区域中显示隐藏控件。从用户视角来说，也可以理解为将部分或全部第一控件替换为第二控件。
在一实施例中，将在控件栏中显示的隐藏控件记为第二控件。一般而言，第二控件的控件数量等于设定控件的控件数量。
在一实施例中，设定控件可以是第一控件中部分非隐藏控件或全部非隐藏控件，其选定方式可以根据控件替换方式和隐藏控件数量中的至少一种确定。在一实施例中，在第一控件中设定可替换控件，此时，设定控件仅在可替换控件中选定，而对于第一控件中的不可替换控件，则始终显示在控件栏中。其中，可替换控件可以根据实际情况设定。例如，当前控件栏中显示部分输入控件并显示全部的管理控件。此时，管理控件为不可替换控件，即内容管理子控件栏的显示内容不发生改变，同时，部分输入控件为可替换控件，即内容输入子控件栏中的显示内容可以发生变化。实施例中，以设定控件为内容输入子控件栏中的输入控件为例，此时，设定控件是指非隐藏的部分输入控件。隐藏控件是指隐藏的部分输入控件。
实施例中，设定当设定控件为第一控件中部分非隐藏控件时，将控件栏中设定控件更换为第二控件包括：取消显示设定控件；按照排列顺序将第一控件中保留的非隐藏控件移动至设定控件的显示位置，并在控件栏的空白位置处补入第二控件。
此时，设定控件为第一控件中的部分非隐藏控件是指：设定控件为当前显示的输入控件中的部分控件。
举例而言，图6为目标显示窗口的局部界面第一示意图。参考图6，其中，控件栏中包括内容输入子控件栏2101和内容存储子控件栏2102。此时，内容输入子控件栏2101中显示部分输入控件及第一替换按钮22，内容存储子控件栏2102中显示全部存储控件。其中，第一控件中可替换控件为内容输入子控件栏2101中的控件。在一实施例中，设定替换方式为移动方式，将内容输入子控件栏2101的首个控件移出内容输入子控件栏2101，并按照排列顺序将首个控件后面的控件依次向前移动一个位置，此时，可以在内容输入子控件栏2101后面空出的位置处显示一个隐藏控件，即设定控件的控件数量为1，且设定控件和隐藏控件均为输入控件。例如，将图6的设定控件21011移出控件栏，并将设定控件21011后面的控件依次向前移动一个位置，并在内容输入子控件栏2101的后面位置处补入一个隐藏的输入控件21012，此时，替换后的控件栏参考图7，图7为目标显示窗口的局部界面第二示意图。
在一实施例中，统计隐藏控件的总数量，如果总数量小于可替换控件的控件数量，则设定控件的控件数量与总数量相等。即从可替换控件中的某一控件开始，取消显示总数量的控件，并将剩余控件前移，以在控件栏后面空出的位置处显示全部的隐藏控件。例如，设定控件和隐藏控件均为输入控件，且隐藏控件为3个。此时，显示界面参考图6，在一实施例中，将图6中内容输入子控件栏2101内的前3个移动控件作为设定控件，并移出内容输入子控件栏2101。之后，将内容输入子控件栏2101中剩余的输入控件前移，以在内容输入子控件栏2101中补入3个隐藏的输入控件，此时，替换后的控件栏参考图8，图8为目标显示窗口的局部界面第三示意图。
当设定控件为第一控件中全部非隐藏控件时，则可以直接取消显示第一控件，并在控件栏中显示隐藏控件。实施例中，以设定控件和隐藏控件均为输入控件为例进行描述。此时，无需考虑隐藏控件的控件数量，取消显示全部可替换控件后补入相应的隐藏控件。举例而言，显示界面参考图6，将图6中内容输入子控件栏2101内的全部移动控件更换为第二控件，此时，替换后的控件栏参考图9，图9为目标显示窗口的局部界面第四示意图。
在一实施例中，显示隐藏控件后，对应替换的非隐藏控件也可以被认为是隐藏在控件栏中。此时，可能存在需要再次显示非隐藏控件的情况，那么再次显示的非隐藏控件为当前存在的子控件栏内的控件，对于取消显示的子控件栏，仅能通过改变目标尺寸的方式重新显示在控件栏中。例如，当前控件栏中存在内容输入子控件栏，同时，内容管理子控件栏被取消显示。那么，在不改变目标尺寸的前提下，再次显示非隐藏控件是指显示内容输入子控件栏中非隐藏的移动控件。据此，实施例中作为一种示例方式，设定将控件栏中设定控件更换为第二控件时，可以同时显示第二替换按钮。其中，第二替换按钮的具体显示位置和显示形式可以根据实际情况设定。例如，在控件栏中可替换控件排列的前端显示第二替换按钮。又如，第二替换按钮显示在第一替换按钮的下方等。一般而言，第二替换按钮和第一替换按钮显示在同一子控件栏中。举例而言，当设定第一替换按钮显示在内容输入子控件栏时，第二替换按钮也设定显示在内容输入子控件栏。
在步骤S208中，接收第二点击操作。
其中，第二点击操作作用于第二替换按钮。
例如，第二点击操作为用户执行的点击第二替换按钮的操作。一般而言，当控件栏显示设备具有触控功能时，用户可以通过触控第二替换按钮的方式发出第二点击操作。此外，用户还可以通过与控件栏显示设备连接的外置设备，以键控的方式点击第二替换按钮以发出第 二点击操作。在一实施例中，当控件栏显示设备确定第二替换按钮被点击后，确定接收到第二点击操作。
在步骤S209中，将控件栏中第二控件更换为设定控件。
在一实施例中，将控件栏中第二控件更换为设定控件的过程，可以理解为是将设定控件更换为第二控件的逆过程，其内容在此不作赘述。举例而言，目标显示窗口当前的部分显示界面如图8所示，当确认第二替换按钮23接收到第二点击操作后，执行设定控件更换为第三控件的逆过程，即将显示界面恢复图6所示的界面。
在一实施例中，若已经显示了位于排列顺序最未端的隐藏控件，则确认全部隐藏控件都已经在控件栏中显示过，此时，第一替换按钮再次接收到第一点击操作时，不会执行任何操作。因此，这种情况下，可以取消显示第一替换按钮，并当最末端的隐藏控件再次被隐藏时，再次显示第一替换按钮。其中，最末端的隐藏控件是指最后显示在对应子控件栏中的控件。例如，目标显示窗口当前的部分显示界面如图8和图9所示，此时，最末端的隐藏控件是指内容输入子控件栏2101中位于排列顺序最末端的“学科工具”。此时，由于最末端的隐藏控件已经显示在控件栏21中，因此，控件栏21中仅显示第二替换按钮23。
需要说明的是，实际应用中，也可以不显示第二替换按钮，而是给第一替换按钮集成第二替换按钮的功能。举例来说，当确认第一替换按钮接收到点击操作时，会先将设定控件替换为第二控件，当最末端的隐藏控件显示后，如果再次确认第一替换按钮接收到点击操作，则会将第二控件替换为设定控件。
在步骤S210中，更换控件栏中当前显示的每个控件的显示图案，以缩小当前显示的每个控件的显示宽度。
在一实施例中，当目标尺寸位于第六尺寸范围内时，控件栏中显示的控件数量已经达到了预设的最小数量，此时，可以通过更换控件栏中控件的显示图案的方式，使用较小的显示图案，以缩小每个控件的显示宽度，进而实现当控件栏中显示最小数量的目标控件时，可以继续缩小目标显示窗口的显示尺寸。
其中，更换当前显示的每个控件的显示图案的方式可以根据实际情况设定。例如，更换前，控件栏中每个控件的显示图案由图标和中文名称组成，更换时，可以仅保留图标或中文名称，以缩小控件的显示宽度。再如，更换控件的显示图案具体为缩小控件的显示图案，以缩小控件的显示宽度。
实施例中设定该步骤具体为：保留当前显示的每个控件的图标，并删除当前显示的每个控件对应的中文名称。
在一实施例中，控件的显示图案包括图标和中文名称。其中，图标和中文名称的具体排列方式可以根据实际情况设定。例如，将中文名称显示在图标的下方。一般而言，中文名称的显示宽度大于图标的显示宽度。当目标尺寸位于第四尺寸范围时，仅显示控件的图标，这样可以实现缩小控件的显示宽度。
需要说明的是，第六尺寸范围内时，对全部控件的显示图案均进行更换，无论其是否显示在控件栏中，以保证在第一替换按钮或第二替换按钮接收到点击操作时，隐藏控件的显示图案仍为更换后的显示图案。
在一实施例中，在更换显示图案时，也可以仅更换部分子控件栏中的显示图案。例如，设定当前存在内容输入子控件栏和内容存储子控件栏，那么，可以仅更换内容输入子控件栏 中每个输入控件的显示图案，而保持内容存储子控件栏的每个存储控件的显示图案。
在实际应用中，可以设置不同于本实施例中的尺寸范围，且不同尺寸范围对应的控件栏的设定显示样式可以自行设定。其中，每个设定显示样式也可以重复对应不同的尺寸范围，例如，当目标尺寸在某一尺寸范围时，在控件栏中显示部分控件及第一替换按钮，在目标尺寸变化为另一较小的尺寸范围时，取消显示一定数量的控件，并在控件栏中显示剩余的全部控件，当目标尺寸变化为最小的尺寸范围时，在剩余的全部控件中，选择部分控件显示在控件栏中，并同步显示第一替换按钮。
举例而言，图10为目标显示窗口的局部界面第五示意图，此时，目标尺寸对应第三尺寸范围，控件栏中对应显示全部控件。此时，控件栏包括内容输入子控件栏2101、内容存储子控件栏2102以及内容切换子控件栏2103，同时，在每个子控件栏中显示对应的全部控件。当目标显示窗口的目标尺寸继续变化，达到第三尺寸范围的最小值时，目标显示窗口的局部界面示意图由图10变为图11。其中，图11为目标显示窗口的局部界面第六示意图，由图11可知，如果继续缩小目标尺寸，则无法在控件栏21中继续显示当前的显示内容。那么当目标显示窗口的目标尺寸继续缩小时，目标尺寸进入第五尺寸范围，此时，目标显示窗口的局部界面示意图如图12所示。参考图12，控件栏21继续显示全部控件，只是相比于图11中的显示内容，每个控件的显示宽度明显缩小，以在控件栏21中产生空白区域。此时，设定每个子控件栏中的控件的显示宽度均缩小。当目标尺寸继续缩小时，可以缩小上述空白区域。在一实施例中，为了扩大空白区域，本示例中改变显示宽度最大的目标控件24的显示图案，即取消目标控件24的中文名称，以缩小目标控件24的显示宽度。在一实施例中，当目标尺寸缩小到第五尺寸范围的最小值时，目标显示窗口的局部界面示意图由图12变为图13。其中，图13为目标显示窗口的局部界面第八示意图，由图13可知，如果继续缩小目标尺寸，则无法在控件栏中继续显示当前的显示内容。那么当目标显示窗口的目标尺寸继续缩小时，目标尺寸进入第四尺寸范围的第一子范围。此时，目标显示窗口的局部界面示意图如图14所示。图14为目标显示窗口的局部界面第九示意图。参考图14，控件栏21中显示第一替换按钮22和第一控件。其中，第一替换按钮22显示在内容输入子控件栏2101中。同时，隐藏控件为部分输入控件。第一控件的控件数量小于全部控件的总数量。在一实施例中，当目标尺寸继续缩小时，可以继续减小内容输入子控件栏2101中的输入控件的数量。当目标尺寸缩小到第一子范围的最小值时，目标显示窗口的局部界面示意图由图14变为图15。图15为目标显示窗口的局部界面第十示意图，由图15可知，如果继续缩小目标尺寸，则无法在控件栏中继续显示当前的显示内容。那么当目标显示窗口的目标尺寸继续缩小时，目标尺寸进入第二子尺寸范围。此时，设定目标尺寸进入第二子尺寸范围。目标显示窗口的局部界面示意图如图16所示。图16为目标显示窗口的局部界面第十一示意图。参考图16，相比于图15，取消显示了控件栏中内容切换子控件栏2103。需要说明的是，由于取消显示内容切换子控件栏2103后，内容输入子控件栏2101的尺寸明显增大，那么，可以在内容输入子控件栏2101中显示尽可能多的输入控件。设定图16中，内容输入子控件栏2101可以显示全部的输入控件，因此，可以在内容输入子控件栏2101中取消第一替换按钮，此时，确定控件栏21中可以显示除切换控件外的全部的控件。在一实施例中，当目标尺寸在第二子范围内继续缩小时，目标显示窗口的局部界面示意图由图16变为图17。此时，由于内容输入子控件栏2101中无法显示全部的输入控件，因此，在内容输入子控件栏2101中隐藏部分输入控件，并显示第一替换 按钮22。当目标控件继续缩小至第二子范围的最小尺寸时，目标显示窗口的局部界面示意图由图17变为图18。其中，图18为目标显示窗口的局部界面第十三示意图，由图18可知，如果继续缩小目标尺寸，则无法在控件栏中继续显示当前的显示内容。那么当目标显示窗口的目标尺寸继续缩小时，目标尺寸进入第六尺寸范围，此时，目标显示窗口的局部界面示意图如图19所示。参考图19，内容输入子控件栏2101和内容存储子控件栏2102中每个控件的显示图案被更换了，此时，控件的显示图案仅保留了图标，取消了中文名称，以缩小了目标控件的显示宽度。一般而言，第六尺寸范围为目标显示窗口的最小尺寸范围，控件栏达到第六尺寸范围的最小值后，将无法再缩小。例如，图20为目标显示窗口的局部界面第十五示意图，此时，目标尺寸达到第四尺寸范围的最小值，目标尺寸将无法再缩小。
本实施例提供的技术方案，通过接收作用于目标显示窗口的边框尺寸调整操作，根据边框尺寸调整操作调整目标显示窗口至目标尺寸，确定目标尺寸所属的尺寸范围，并根据尺寸范围在控件栏中显示相应控件的技术方案，可以避免当显示窗口的显示尺寸变化时，其内部控件栏中每个控件的显示位置及显示大小固定导致用户无法调用控件的情况，实现控件栏中的显示样式跟随目标尺寸的变化而同步变化，同时，在控件栏无法显示全部控件时，通过设置第一替换按钮和第二替换按钮，可以实现控件的隐藏和显示，以及分别制定内容输入子控件栏和内容管理子控件栏在不同目标尺寸下的显示样式，也可以实现对不同功能的子控件栏进行区别调整，进而便于用户调用控件。另外，设定了不同显示尺寸对应的显示内容，可以在显示尺寸变化时，直接调取相应的显示内容，减小了数据处理量，且保证了控件栏的显示内容变化的多样性，提升了用户使用体验。
在上述实施例的基础上，设定目标尺寸由第一尺寸范围内的尺寸调整至第二尺寸范围内的尺寸，第二尺寸范围在第一目标方向上的尺寸小于第一尺寸范围在第一目标方向上的尺寸，调整控件栏的显示内容包括：改变控件栏中控件的排列方向，排列方向由第一目标方向变为第二目标方向，第一目标方向为水平方向或竖直方向，第二目标方向为第一目标方向的垂直方向。
在一实施例中，第一目标方向可以为目标显示窗口全屏显示时控件的默认排列方向。当第一目标方向为水平方向时，第二目标方向为竖直方向，当第一目标方向为竖直方向时，第二目标方向为水平方向。
其中，第一尺寸范围和第二尺寸范围可以根据实际情况设定，其与上述第三尺寸范围至第六尺寸范围无关。在一实施例中，第二尺寸范围在第二目标方向上的尺寸大于控件栏中可以显示控件时的尺寸最小值。例如，第一尺寸范围在第一目标方向上的最小值为尺寸最小值，当目标尺寸在第二尺寸范围内时，其在第一目标方向上小于尺寸最小值，而目标显示窗口在第二目标方向上的尺寸大于尺寸最小值，那么将控件栏内的控件变为在第二目标方向上排列，以保证在目标显示窗口中显示控件栏。
在一实施例中，控件栏内的控件变为在第二目标方向上排列时，其具体的显示位置可以根据实际情况设定。例如，第二目标方向为水平方向时，控件栏位置可以参考图1，第二目标方向为竖直方向时，控件栏位置可以参考图2。
在一实施例中，根据目标显示窗口在第二目标方向上的尺寸确定控件栏的显示内容。例如，在第二目标方向上，按照上述第三尺寸范围至第六尺寸范围进行划分，并确定每个尺寸范围对应的控件栏显示内容。其中，显示内容的确定规则实施例不作限定。在一实施例中， 当目标尺寸由第二显示窗口恢复至第一显示窗口时，控件栏中控件的排列方向可以由第二目标方向变回第一目标方向。
举例而言，图21为目标显示窗口的第一示意图，参考图21，控件栏2103中控件的排列方向为水平方向，且目标尺寸位于第一尺寸范围内。当用户继续缩短目标显示窗口在水平方向的尺寸时，目标尺寸进入第二尺寸范围。此时，目标显示窗口变为图22。参考图22，控件栏2103中控件的排列方向为竖直方向，且根据目标显示窗口在竖直方向的尺寸确定显示全部控件。
可以理解的是，当控件栏内控件变为第二目标方向排列时，目标显示窗口中除去控件栏外的其他区域位置排布不变。或者是，目标显示窗口中除去控件栏外的其他区域位置跟随第二目标方向而改变。例如，第二目标方向为竖直方向，当控件栏内变为第二目标方向排列时，对触控书写区域与触控管理区域进行位置调整，以保证内容输入子控件栏与触控书写区域同行显示，内容管理子控件栏与触控管理区域同行显示。
实际应用中，可以设定若在第一目标方向上，目标尺寸小于尺寸最小值，则确认在第二目标方向上目标显示窗口的尺寸；若该尺寸大于尺寸最小值，则将控件排列方向由第一目标方向变为第二目标方向；之后，继续确认目标显示窗口在第一目标方向上的尺寸，若该尺寸大于尺寸最小值，则将控件排列方向由第二目标方向变为第一目标方向。
上述实施例中，在目标显示窗口的目标尺寸发生变化时，可以通过改变控件栏中控件排列方向的方式，实现控件栏跟随目标尺寸的变化而变化，尤其在基于目标尺寸无法显示控件栏的情况，可以实现调整控件栏的显示位置，进而继续在目标显示窗口中显示控件栏。
实施例三
图23为本申请实施例三提供的一种电子白板的控件栏显示方法的流程图。本实施例是在上述实施例的基础上进行具体化。例如，参考图23，该电子白板的控件栏显示方法包括步骤S310至步骤S350。
在步骤S310中，接收边框尺寸调整操作。
其中，边框尺寸调整操作作用于目标显示窗口。
在步骤S320中，将目标显示窗口调整至目标尺寸。
其中，目标尺寸根据所述边框尺寸调整操作确定。
在步骤S330中，根据目标尺寸确定在控件栏中显示的每个控件。
在一实施例中，预先确定不同显示尺寸下，需要显示在控件栏中的每个控件，并记录每个控件与不同显示尺寸的对应关系。当确定目标尺寸时，可以直接根据对应关系，获取该目标尺寸对应的每个控件。在一实施例中，也可以是预先确定不同显示尺寸下，需要显示在控件栏中显示的控件数量。然后，当确定目标尺寸时，根据目标尺寸确认对应的控件数量，之后，获取与控件数量相等的控件。此时，步骤S330可以包括步骤S331和步骤S332。
在步骤S331中，确定与目标尺寸对应的控件数量。
其中，目标尺寸越小控件数量越少。目标尺寸越小，说明控件栏在目标方向上的长度越小，那么控件栏中可显示目标控件的区域越小，对应的，可显示目标控件的数量越小。
在一实施例中，预先设定不同显示尺寸对应的控件数量，其中，不同显示尺寸对应的控件数量可以相同或不同，其具体根据实际情况设定。例如，显示尺寸分为A、B、C、D以及E，且A＞B＞C＞D＞E。其中，A对应的控件数量为7个，B对应的控件数量为7个，C对 应的控件数量为5个，D对应的控件数量为4个，E对应的控件数量为4个。此时，虽然存在不同显示尺寸对应相同的控件数量，但是，总体上满足目标尺寸越小控件数量越少。
在一实施例中，由于控件栏包括内容输入子控件栏和内容管理子控件栏，因此，实施例中设定控件数量包括：内容输入子控件栏中显示的输入控件数量和内容管理子控件栏中显示的管理控件数量。在一实施例中，设定不同显示尺寸下，内容输入子控件栏显示的输入控件的数量和内容管理子控件栏显示的管理控件的数量。其中，数量为0时，表明对应的子控件栏取消显示在屏幕中。在一实施例中，由于内容管理子控件栏可以包括内容切换子控件栏和内容存储子控件栏，因此，确定内容管理子控件栏的数量包括确定内容切换子控件栏内切换控件的数量和确定内容存储子控件栏内存储控件的数量。
在步骤S332中，在全部待显示控件中获取在控件栏中显示的每个控件。
其中，控件的数量等于控件数量，待显示控件为预先设定的可显示在控件栏中的控件。在一实施例中，待显示控件可以由用户选定或者被控件栏显示设备选定。
在一实施例中，在选择控件时，可以是根据每个待显示控件的显示优先级选定，也可以是根据待显示控件的中文首字母排列顺序选定，还可以是其他的选定规则。实施例中，设定以显示优先级确定控件。此时，本步骤为：按照每个待显示控件的显示优先级，在全部待显示控件中选择在控件栏中显示的控件。
在一实施例中，确定每个待显示控件的显示优先级，并按照显示优先级由高到低的顺序，选择与控件数量相等的控件。
在一实施例中，在待显示控件中选择显示在控件栏中的控件时，可以是在待显示输入控件中选择显示在内容输入子控件栏中的输入控件，在待显示管理控件中选择显示在内容管理子控件栏中的管理控件。
在一实施例中，确定控件数量时，可以同步确定是否显示第一替换按钮。
在步骤S340中，根据目标尺寸确定每个控件的显示规则。
其中，显示规则包括：控件的显示图案、每个控件之间的排列顺序、控件的排列方向以及控件的显示宽度。显示图案包括图标和中文名称中的至少一种，排列顺序为每个控件在控件栏中的位置顺序。
在一实施例中，可以预先设定多个显示尺寸下每个控件的显示规则。当确定目标尺寸时，根据目标尺寸可以直接调取对应控件的显示规则。也可以根据目标尺寸实时确定每个控件的显示规则。其中，步骤S340包括步骤S341至步骤S346。
在步骤S341中，根据目标尺寸获取每个控件的显示图案以及控件的排列方向。
在一实施例中，预先确定不同显示尺寸下每个控件的显示图案。其中，每个控件的显示图案的设定规则可以根据实际情况设定。例如，在某一尺寸范围内，输入控件的显示图案包括图标和中文名称，管理控件的显示图案包括图标。在另一尺寸范围内，输入控件和管理控件的显示图案均为图标。
在一实施例中，预先设定不同显示尺寸下每个控件的排列方向。例如，默认排列方向为水平方向，设定目标显示窗口在水平方向上的某一尺寸范围内，排列方向为水平方向，目标显示窗口在水平方向上的另一尺寸范围内，排列方向为竖直方向。
在步骤S342中，根据第一设定规则确定每个控件之间的排列顺序。
其中，第一设定规则可以根据实际情况设定。例如，第一设定规则包括：控件的显示优 先级、控件的使用频率、控件的设定显示顺序或控件对应的首字母排序。
其中，根据控件的显示优先级进行排序时，可以是将显示优先级高的控件排列在控件栏中前端，显示优先级低的控件排列在控件栏的末端。在一实施例中，针对每个子控件栏中控件的显示优先级进行排序，例如，将显示优先级高的输入控件显示在内容输入子控件栏的前端，将显示优先级低的输入控件显示在内容输入子控件栏的末端；根据控件的使用频率进行排序时，可以根据历史设定时间内控件被点击次数确定控件的使用频率，进而将使用频率高的控件排列在控件栏的前端，使用频率低的控件排列在控件栏的后端。在一实施例中，针对每个子控件栏中控件的使用频率进行排序，例如，将使用频率高的输入控件显示在内容输入子控件栏的前端，将使用频率低的输入控件显示在内容输入子控件栏的末端；根据控件的设定显示顺序进行排列时，可以是由用户确定每个控件间的显示顺序，进而将该显示顺序确定为每个控件的最终显示顺序；根据控件对应的首字母排序进行排序时，可以是确定控件对应的中文名称的首字母，进而对应英文字母的顺序确定控件的排列顺序，例如，将首字母为A的输入控件排列在内容输入子控件栏的最前端，首字母为Z的输入控件排列在在内容输入子控件栏的最后端。若同一首字母对应多个控件，则可以将多个控件随机排序，或者，根据控件中文名称第二个文字的首字母确定上述控件的排列顺序。
在步骤S343中，根据显示图案和目标尺寸计算每个控件的显示宽度。
在一实施例中，确定每个控件的显示图案后，可以结合目标尺寸确定在控件栏中显示目标的显示宽度。其中，计算显示宽度时，可以是确定目标尺寸所属的尺寸范围，获取尺寸范围的最小值，根据最小值以及显示图案，计算控件的显示宽度。
在一实施例中，由于显示图案和尺寸范围的最小值可以提前设定，那么每个控件的显示宽度可以提前计算。在后续调整显示尺寸时，直接根据目标尺寸调取对应的显示宽度。
在步骤S344中，若显示宽度小于控件的最小显示宽度，则将最小显示宽度作为控件的显示宽度。
在一实施例中，考虑到目标尺寸过小时，如果显示全部控件，会使得控件的显示图案过小，不利于用户操作。因此，实施例中设定了显示图案的最小显示宽度，当根据显示图案和目标尺寸得到的显示宽度小于最小显示宽度时，设定选择最小显示宽度作为控件的显示宽度。
在步骤S345中，计算每个最小显示宽度的和值。
其中，每个控件的显示宽度也可以理解为控件栏显示设备分配的用于显示控件的子容器的宽度。此时，显示宽度为控件的最小显示宽度。在一实施例中，将每个最小显示宽度相加，以确认显示目标控件所需要的总宽度，并将总宽度记为和值。此时，如果设定仅在某一子控件栏中显示第一替换按钮，那么可以计算该子控件栏中每个控件的显示宽度的和值。例如，设定仅在内容输入子控件栏中显示第一替换按钮，那么仅计算每个输入控件的最小显示宽度的和值。
在步骤S346中，若和值大于控件栏尺寸，则确认显示第一替换按钮。
其中，控件栏尺寸根据目标尺寸确定。控件栏尺寸也可以理解为控件栏的第一长度，即控件栏中用于显示控件的父容器的宽度。在一实施例中，每个子控件栏可以对应一个父容器，此时，每个子控件栏尺寸同样可以根据目标尺寸确定。每个子控件栏的尺寸和值为第一长度。
在一实施例中，计算出和值后，将和值与控件栏尺寸进行比较。在一实施例中，若和值为某一子控件栏内控件的最小显示宽度的和值，那么可以将和值与该子控件栏的尺寸进行比 较。若和值小于控件栏尺寸，则说明可以在控件栏中显示全部控件，此时，可以执行步骤S350。若和值大于控件栏尺寸，则说明控件栏中仅能显示部分控件，此时，确认还需要在控件栏中显示第一替换按钮。
在一实施例中，确定显示第一替换按钮后，可以确定非隐藏控件和隐藏控件。例如，全部的控件共6个，根据目标尺寸确定控件栏中可以显示4个控件，那么，根据控件的排列顺序可以选择排列在前的4个控件作为非隐藏控件，排列在后的2个控件为隐藏控件。需要说明的是，当第一替换按钮仅显示在某一子控件栏中，则可以确定该子控件栏中的隐藏控件和非隐藏控件。对于其他子控件栏而言，其控件是否取消显示取决于相应子控件栏设定显示的控件数量。
在一实施例中，确认显示第一替换按钮时，还生成第二替换按钮的显示规则、与尺寸范围的对应关系以及触发条件。当确定目标尺寸在相应尺寸范围内时，若检测到触发条件，则按照第二替换按钮的显示规则在控件栏中显示第二替换按钮。例如，当检测到第一替换按钮被点击时，确定检测到触发条件，并在控件栏中显示第二替换按钮。
在步骤S350中，按照显示规则在控件栏中显示每个控件。
在一实施例中，确定显示规则后，按照该显示规则在控件栏中显示每个控件，以实现控件栏跟随目标尺寸的变化而变化。
在一实施例中，当确认需要在控件栏中显示第一替换按钮时，该步骤还包括：同步显示第一替换按钮，以实现控件栏中控件的更换。在一实施例中，由于设定仅在内容输入子控件栏中显示第一替换按钮。因此，同步显示所述第一替换按钮包括：在内容输入子控件栏中显示第一替换按钮。
本实施例提供的技术方案，通过接收作用于目标显示窗口的边框尺寸调整操作，根据边框尺寸调整操作调整目标显示窗口至目标尺寸，根据目标尺寸确定控件以及控件的显示规则，进而根据控件的显示规则在控件栏中显示控件的技术手段，可以避免当应用软件的显示窗口尺寸变化时，其内部控件栏中每个控件的显示位置及显示大小固定导致用户无法调用控件的情况，使得控件栏中的显示样式跟随显示窗口的显示尺寸同步变化。同时，不同目标尺寸下，确定控件以及显示规则的方式简单，不会增加系统的数据处理量，便于快速实现多个目标尺寸下控件栏的同步变化。
实施例四
图24为本申请实施例四提供的一种电子白板的控件栏显示装置的结构示意图。本实施例提供的一种电子白板的控件栏显示装置可以集成在电子白板的控件栏显示设备中。参考图24，本实施例提供的电子白板的控件栏显示装置包括：操作接收模块401、尺寸调整模块402以及内容调整模块403。
其中，操作接收模块401，设置为接收边框尺寸调整操作，边框尺寸调整操作作用于目标显示窗口；尺寸调整模块402，设置为将目标显示窗口调整至目标尺寸，目标尺寸根据边框尺寸调整操作确定；内容调整模块403，设置为按照设定显示样式显示控件栏，使得控件栏内的控件满足预设调用需求，控件栏位于目标显示窗口中，控件栏包括内容输入子控件栏和内容管理子控件栏中的至少一种，设定显示样式包括控件数量、控件的显示图案、每个控件之间的排列顺序、控件的排列方向以及控件的显示宽度中的至少一项，设定显示样式根据目标尺寸确定。
本实施例提供的技术方案，通过接收作用于目标显示窗口的边框尺寸调整操作，根据边框尺寸调整操作调整目标显示窗口至目标尺寸，同时按照与目标尺寸对应的设定显示样式显示控件栏的技术方案，可以避免当显示窗口的显示尺寸变化时，其内部控件栏中每个控件的显示位置及显示大小固定导致用户无法调用的情况，实现控件栏中的显示样式跟随目标尺寸的变化而同步变化，同时保证控件栏内显示的控件便于用户调用控件，提升了用户的使用体验。
在一实施例中，目标尺寸由第一尺寸范围内的尺寸调整至第二尺寸范围内的尺寸，第二尺寸范围在第一目标方向上的尺寸小于第一尺寸范围在第一目标方向上的尺寸；内容调整模块403设置为：改变所述控件栏中控件的排列方向，所述排列方向由第一目标方向变为第二目标方向，所述第一目标方向为水平方向或竖直方向，所述第二目标方向为所述第一目标方向的垂直方向。
在上述实施例的基础上，目标尺寸在第三尺寸范围内，内容调整模块403设置为：在控件栏中显示全部控件，且每个控件对应第一显示宽度。
在上述实施例的基础上，内容调整模块403设置为：在内容输入子控件栏中显示全部的输入控件，并在内容管理子控件栏中显示全部的管理控件，且每个控件对应第一显示宽度。
在上述实施例的基础上，目标尺寸在第四尺寸范围内，第四尺寸范围内的尺寸小于第三尺寸范围内的尺寸，内容调整模块403设置为：在控件栏中显示第一替换按钮和第一控件，第一控件为全部控件中的非隐藏控件，第一控件的控件数量根据每个非隐藏控件的当前显示宽度和目标尺寸确定。
在上述实施例的基础上，第四尺寸范围包括第一子范围和第二子范围，第一子范围内的尺寸大于第二子范围内的尺寸；
目标尺寸在第一子范围内，内容调整模块403设置为：在内容输入子控件栏中显示第一替换按钮和部分输入控件，在内容管理子控件栏中显示全部的管理控件；目标尺寸在第二子范围内，内容调整模块403设置为：在内容输入子控件栏中显示第一替换按钮和部分输入控件，并取消显示内容管理子控件栏。
在上述实施例的基础上，内容管理子控件栏包括：内容切换子控件栏和内容存储子控件栏。
内容调整模块403设置为：在内容输入子控件栏中显示第一替换按钮和部分输入控件，取消显示内容切换子控件栏和内容存储子控件栏中的至少一种。
在上述实施例的基础上，第二子范围包括：第一孙范围和第二孙范围，第一孙范围内的尺寸大于第二孙范围内的尺寸。
目标尺寸在第一孙范围内，内容调整模块403设置为：在内容输入子控件栏中显示第一替换按钮和部分输入控件，取消显示内容切换子控件栏，并在内容存储子控件栏中显示全部存储控件，存储控件属于管理控件；目标控件在第二孙范围内，内容调整模块403设置为：在内容输入子控件栏中显示第一替换按钮和部分输入控件，取消显示内容切换子控件栏和内容存储子控件栏。
在上述实施例的基础上，还包括：第一点击接收模块，设置为在控件栏中显示第一替换按钮和第一控件之后，接收第一点击操作，第一点击操作作用于第一替换按钮；第一控件更换模块，设置为将控件栏中设定控件更换为第二控件，第二控件为全部控件中的隐藏控件， 设定控件为第一控件中部分非隐藏控件或全部非隐藏控件。
在上述实施例的基础上，设定控件为第一控件中部分非隐藏控件，第一控件更换模块包括：取消显示单元，设置为取消显示设定控件；控件补入模块，设置为按照排列顺序将第一控件中保留的非隐藏控件移动至设定控件的显示位置，并在控件栏的空白位置处补入第二控件。
在上述实施例的基础上，设定控件为内容输入子控件栏中的输入控件。
在上述实施例的基础上，控件更换模块设置为将控件栏中设定控件更换为第二控件时，还设置为：显示第二替换按钮。相应的，还包括：第二点击接收模块，设置为将控件栏中设定控件更换为第二控件之后，接收第二点击操作，第二点击操作作用于第二替换按钮；第二控件更换模块，设置为将控件栏中第二控件更换为设定控件。
在上述实施例的基础上，目标尺寸在第五尺寸范围内，第五尺寸范围内的尺寸小于第三尺寸范围内的尺寸且大于第四尺寸范围内的尺寸，内容调整模块403设置为：在所述控件栏中显示全部控件，且每个控件对应第二显示宽度，第二显示宽度小于第一显示宽度。
在上述实施例的基础上，目标尺寸在第四尺寸范围内，第四尺寸范围内的尺寸小于第二尺寸范围内的尺寸，内容调整模块403设置为：更换控件栏中当前显示的每个控件的显示图案，以缩小当前显示的每个控件的显示宽度。
在上述实施例的基础上，内容调整模块403设置为：保留当前显示的每个控件的图标，并删除当前显示的每个控件对应的中文名称，以缩小当前显示的每个控件的显示宽度。
在上述实施例的基础上，控件栏中控件的排列方向为水平方向，内容输入子控件栏与触控书写区域同列显示，内容管理子控件栏与触控管理区域同列显示；控件栏中控件的排列方向为竖直方向，内容输入子控件栏与触控书写区域同行显示，内容管理子控件栏与触控管理区域同行显示。
在上述实施例的基础上，内容调整模块403包括：控件确定单元，设置为根据目标尺寸确定在控件栏中显示的每个控件；规则确认单元，设置为根据目标尺寸确定每个控件的显示规则；控件显示单元，设置为按照显示规则在控件栏中显示每个控件。
在上述实施例的基础上，控件确定单元包括：数量确定子单元，设置为确定与目标尺寸对应的控件数量，目标尺寸越小控件数量越少；控件获取子单元，设置为在全部待显示控件中获取在控件栏中显示的每个控件，控件的数量等于控件数量，待显示控件为预先设定的可显示在控件栏中的控件。
在上述实施例的基础上，控件数量包括：内容输入子控件栏中显示的输入控件数量和内容控制子控件栏中显示的控制控件数量。
在上述实施例的基础上，控件获取子单元设置为：按照每个待显示控件的显示优先级在全部待显示控件中选择在控件栏中显示的控件。
在上述实施例的基础上，规则确认单元包括；图案确认子单元，设置为根据目标尺寸获取每个控件的显示图案以及控件的排列方向；排序确认子单元，设置为根据第一设定规则确定每个控件之间的排列顺序；宽度计算子单元，设置为根据显示图案和目标尺寸计算每个控件的显示宽度。
在上述实施例的基础上，第一设定规则包括：控件的显示优先级、控件的使用频率、控件的设定显示顺序或控件对应的首字母排序。
在上述实施例的基础上，还包括：宽度确认模块，设置为根据显示图案和目标尺寸计算每个控件的显示宽度之后，若显示宽度小于控件的最小显示宽度，则将最小显示宽度作为控件的显示宽度；和值计算模块，设置为计算每个最小显示宽度的和值；按钮确定模块，设置为若和值大于控件栏尺寸，则确认显示第一替换按钮，控件栏尺寸根据目标尺寸确定；相应的，控件显示单元设置为：按照显示规则在控件栏中显示每个控件，同步显示第一替换按钮。
在上述实施例的基础上，控件显示单元设置为：按照所述显示规则在控件栏中显示每个控件，在内容输入子控件栏中显示第一替换按钮。
本实施例提供的一种电子白板的控件栏显示装置可以设置为执行上述任意实施例提供的电子白板的控件栏显示方法，具备相应的功能。
实施例五
图25为本申请实施例五提供的一种电子白板的控件栏显示设备的结构示意图。如图25所示，该电子白板的控件栏显示设备包括：处理器50、存储器51、显示屏52、输入装置53以及输出装置54。该控件栏显示设备中处理器50的数量可以是至少一个，图25中以一个处理器50为例。该控件栏显示设备中存储器51的数量可以是至少一个，图25中以一个存储器51为例。该控件栏显示设备的处理器50、存储器51、显示屏52、输入装置53以及输出装置54可以通过总线或者其他方式连接，图25中以通过总线连接为例。
存储器51作为一种计算机可读存储介质，可设置为存储软件程序、计算机可执行程序以及模块，如本申请任意实施例所述的电子白板的控件栏显示方法对应的程序指令/模块(例如，电子白板的控件栏显示装置中的操作接收模块401、尺寸调整模块402以及内容调整模块403)。存储器51可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据设备的使用所创建的数据等。此外，存储器51可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器51可进一步包括相对于处理器50远程设置的存储器，这些远程存储器可以通过网络连接至设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
显示屏52为具有触摸功能的显示屏52，其可以是电容屏、电磁屏或者红外屏。一般而言，显示屏52设置为根据处理器50的指示显示数据，还设置为接收作用于显示屏52的触摸操作，并将相应的信号发送至处理器50或其他装置。在一实施例中，当显示屏52为红外屏时，其还包括红外触摸框，该红外触摸框设置在显示屏52的四周，其还可以设置为接收红外信号，并将该红外信号发送至处理器50或者其他设备。
输入装置53可设置为接收输入的数字或者字符信息，以及产生与设备的用户设置以及功能控制有关的键信号输入等。输出装置54可以包括扬声器等音频设备。需要说明的是，输入装置53和输出装置54的具体组成可以根据实际情况设定。在一实施例中，还可以包括通信装置55，设置为与其他设备建立通信连接，其可以是有线通信装置和无线通信装置中的至少一种。
处理器50通过运行存储在存储器51中的软件程序、指令以及模块，从而执行设备的多种功能应用以及数据处理，即实现上述的电子白板的控件栏显示方法。
当至少一个程序被至少一个处理器50执行，使得至少一个处理器50实现如下操作：接收边框尺寸调整操作，边框尺寸调整操作作用于目标显示窗口；控制所述显示屏52将目标显 示窗口调整至目标尺寸，目标尺寸根据边框尺寸调整操作确定；控制所述显示屏52按照设定显示样式显示控件栏，使得控件栏内的控件满足预设调用需求，控件栏位于目标显示窗口中，控件栏包括内容输入子控件栏和内容管理子控件栏中的至少一种，设定显示样式包括控件数量、所述控件的显示图案、每个控件之间的排列顺序、控件的排列方向以及控件的显示宽度中的至少一项，设定显示样式根据目标尺寸确定。
在上述实施例的基础上，所述目标尺寸由第一尺寸范围内的尺寸调整至第二尺寸范围内的尺寸，第二尺寸范围在第一目标方向上的尺寸小于第一尺寸范围在第一目标方向上的尺寸；所述处理器50在执行控制所述显示屏52按照设定显示样式显示控件栏时，具体实现：控制所述显示屏52改变所述控件栏中控件的排列方向，所述排列方向由第一目标方向变为第二目标方向，所述第一目标方向为水平方向或竖直方向，所述第二目标方向为所述第一目标方向的垂直方向。
在上述实施例的基础上，所述目标尺寸在第三尺寸范围内，所述处理器50在执行控制所述显示屏52按照设定显示样式显示控件栏时，具体实现：控制所述显示屏52在控件栏中显示全部控件，且每个控件对应第一显示宽度。
在上述实施例的基础上，所述处理器50在执行控制所述显示屏52在控件栏中显示全部控件时，具体实现：控制所述显示屏52在所述内容输入子控件栏中显示全部的输入控件，并在所述内容管理子控件栏中显示全部的管理控件。
在上述实施例的基础上，所述目标尺寸在第四尺寸范围内，所述第四尺寸范围内的尺寸小于所述第三尺寸范围内的尺寸。所述处理器50在执行控制所述显示屏52按照设定显示样式显示控件栏时，具体实现：控制所述显示屏52在所述控件栏中显示第一替换按钮和第一控件，所述第一控件为全部控件中的非隐藏控件，所述第一控件的控件数量根据各非隐藏控件的当前显示宽度和目标尺寸确定。
在上述实施例的基础上，所述第四尺寸范围包括第一子范围和第二子范围，所述第一子范围内的尺寸大于所述第二子范围内的尺寸。
所述目标尺寸在第一子范围内，所述处理器50在执行控制所述显示屏52在所述控件栏中显示第一替换按钮和第一控件时，具体实现：控制所述显示屏52在所述内容输入子控件栏中显示第一替换按钮和部分输入控件，在所述内容管理子控件栏中显示全部的管理控件。
所述目标尺寸在第二子范围内，所述处理器50在执行控制所述显示屏52在所述控件栏中显示第一替换按钮和第一控件时，具体实现：控制所述显示屏52在所述内容输入子控件栏中显示第一替换按钮和部分输入控件，并取消显示所述内容管理子控件栏。
在上述实施例的基础上，所述内容管理子控件栏包括：内容切换子控件栏和内容存储子控件栏。
所述处理器50在执行控制所述显示屏52取消显示所述内容管理子控件栏时，具体实现：控制所述显示屏52取消显示所述内容切换子控件栏和内容存储子控件栏中的至少一种。
在上述实施例的基础上，所述第二子范围包括：第一孙范围和第二孙范围，所述第一孙范围内的尺寸大于所述第二孙范围内的尺寸。
所述目标尺寸在第一孙范围内，所述处理器50在执行控制所述显示屏52取消显示所述内容管理子控件栏时，具体实现：控制所述显示屏52取消显示所述内容切换子控件栏，并在所述内容存储子控件栏中显示全部存储控件，所述存储控件属于所述管理控件。
所述目标尺寸在第二孙范围内，所述处理器50在执行控制所述显示屏52取消显示所述内容管理子控件栏时，具体实现：控制所述显示屏52取消显示所述内容切换子控件栏和所述内容存储子控件栏。
在上述实施例的基础上，所述处理器50在执行控制所述显示屏52在所述控件栏中显示第一替换按钮和第一控件之后，还实现：接收第一点击操作，所述第一点击操作作用于所述第一替换按钮；控制所述显示屏52将控件栏中设定控件更换为第二控件，所述第二控件为全部控件中的隐藏控件，所述设定控件为所述第一控件中部分非隐藏控件或全部非隐藏控件。
在上述实施例的基础上，所述设定控件为所述第一控件中部分非隐藏控件，所述处理器50在执行控制所述显示屏52将控件栏中设定控件更换为第二控件时，具体实现：控制所述显示屏52取消显示设定控件；控制所述显示屏52按照排列顺序将第一控件中保留的非隐藏控件移动至所述设定控件的显示位置，并在所述控件栏的空白位置处补入第二控件。
在上述实施例的基础上，所述设定控件为所述内容输入子控件栏中的输入控件。
在上述实施例的基础上，所述处理器50在执行控制所述显示屏52将控件栏中设定控件更换为第二控件时，具体实现：控制所述显示屏52显示第二替换按钮；相应的，所述处理器50在执行控制所述显示屏52将控件栏中设定控件更换为第二控件之后，还实现：接收第二点击操作，所述第二点击操作作用于所述第二替换按钮；控制所述显示屏52将控件栏中所述第二控件更换为所述设定控件。
在上述实施例的基础上，所述目标尺寸在第五尺寸范围内，所述第三尺寸范围内的尺寸小于所述第一尺寸范围内的尺寸且大于所述第二尺寸范围内的尺寸。
所述处理器50在执行控制所述显示屏52按照设定显示样式显示控件栏时，具体实现：控制所述显示屏52在所述控件栏中显示全部控件，且每个控件对应第二显示宽度，所述第二显示宽度小于所述第一显示宽度。
在上述实施例的基础上，所述目标尺寸在第六尺寸范围内，所述第六尺寸范围内的尺寸小于所述第四尺寸范围内的尺寸。
所述处理器50在执行控制所述显示屏52按照设定显示样式显示控件栏时，具体实现：控制所述显示屏52更换所述控件栏中当前显示的每个控件的显示图案，以缩小当前显示的每个控件的显示宽度。
在上述实施例的基础上，所述处理器50在执行控制所述显示屏52更换所述控件栏中显示每个目标控件的显示图案时，具体实现：控制所述显示屏52保留当前显示的每个控件的图标，并删除当前显示的每个控件对应的中文名称。
在上述实施例的基础上，控件栏中控件的排列方向为水平方向，内容输入子控件栏与触控书写区域同列显示，所述内容管理子控件栏与触控管理区域同列显示；控件栏中控件的排列方向为竖直方向，内容输入子控件栏与触控书写区域同行显示，内容管理子控件栏与触控管理区域同行显示。
在上述实施例的基础上，所述处理器50在执行控制所述显示屏52按照设定显示样式显示控件栏时，具体实现：根据所述目标尺寸确定在控件栏中显示的每个控件；根据所述目标尺寸确定每个所述控件的显示规则；按照所述显示规则控制所述显示屏52在所述控件栏中显示每个所述控件。
在上述实施例的基础上，所述处理器50在执行根据所述目标尺寸确定在控件栏中显示的 控件时，具体实现：确定与所述目标尺寸对应的控件数量，所述目标尺寸越小所述控件数量越少；在全部待显示控件中获取在控件栏中显示的每个控件，所述控件的数量等于所述控件数量，所述待显示控件为预先设定的可显示在控件栏中的控件。
在上述实施例的基础上，控件数量包括：所述内容输入子控件栏中显示的输入控件数量和所述内容控制子控件栏中显示的控制控件数量。
在上述实施例的基础上，所述处理器50在执行在全部待显示控件中获取在控件栏中显示的每个控件时，具体实现：按照每个待显示控件的显示优先级在全部待显示控件中选择在控件栏中显示的控件。
在上述实施例的基础上，所述处理器50在执行根据所述目标尺寸确定每个所述控件的显示规则时，具体实现：根据所述目标尺寸获取每个所述控件的显示图案以及控件的排列方向；根据第一设定规则确定每个控件之间的排列顺序；根据所述显示图案和所述目标尺寸计算每个控件的显示宽度。
在上述实施例的基础上，第一设定规则包括：控件的显示优先级、控件的使用频率、控件的设定显示顺序或控件对应的首字母排序。
在上述实施例的基础上，所述处理器50在执行根据所述显示图案和所述目标尺寸计算每个控件的显示宽度之后，还实现：若所述显示宽度小于控件的最小显示宽度，则将最小显示宽度作为所述控件的显示宽度；计算每个所述最小显示宽度的和值；若所述和值大于控件栏尺寸，则确认显示第一替换按钮，所述控件栏尺寸根据目标尺寸确定；所述处理器50在执行按照所述显示规则控制所述显示屏52在所述控件栏中显示所述目标控件时，还设置为：控制所述显示屏52同步显示所述第一替换按钮。
在上述实施例的基础上，所述处理器50在执行控制所述显示屏52同步显示所述第一替换按钮时，设置为：控制所述显示屏52在所述内容输入子控件栏中显示第一替换按钮。
上述提供的电子白板的控件栏显示设备可设置为执行上述任意实施例提供的电子白板的控件栏显示方法。
实施例六
本申请实施例六还提供一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时设置为执行一种电子白板的控件栏显示方法，包括：接收边框尺寸调整操作，所述边框尺寸调整操作作用于目标显示窗口；将所述目标显示窗口调整至目标尺寸，所述目标尺寸根据所述边框尺寸调整操作确定；按照设定显示样式显示控件栏，使得控件栏内的控件满足预设调用需求；所述控件栏位于所述目标显示窗口中，所述控件栏包括内容输入子控件栏和内容管理子控件栏中的至少一种；所述设定显示样式包括控件以及所述控件的显示规则，所述设定显示样式根据所述目标尺寸确定。
当然，本申请实施例所提供的一种包含计算机可执行指令的存储介质，其计算机可执行指令不限于如上所述的电子白板的控件栏显示方法操作，还可以执行本申请任意实施例所提供的电子白板的控件栏显示方法中的相关操作。
通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本申请可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现。基于这样的理解，本申请的技术方案本质上或者说对相关技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(Read-Only Memory， ROM)、随机存取存储器(Random Access Memory，RAM)、闪存(FLASH)、硬盘或光盘等，包括若干指令用以使得一台计算机设备(可以是机器人，个人计算机，服务器，或者网络设备等)执行本申请任意实施例所述的电子白板的控件栏显示方法。

Claims (47)

  1. 一种电子白板的控件栏显示方法，包括：
    接收边框尺寸调整操作，所述边框尺寸调整操作作用于目标显示窗口；
    将所述目标显示窗口调整至目标尺寸，所述目标尺寸根据所述边框尺寸调整操作确定；
    按照设定显示样式显示控件栏，使得所述控件栏内的控件满足预设调用需求；
    所述控件栏位于所述目标显示窗口中，所述控件栏包括内容输入子控件栏和内容管理子控件栏中的至少一种；
    所述设定显示样式包括控件数量、每个控件的显示图案、各所述控件之间的排列顺序、所述控件的排列方向，以及每个所述控件的显示宽度中的至少一项，所述设定显示样式根据所述目标尺寸确定。
  2. 根据权利要求1所述的电子白板的控件栏显示方法，其中，所述目标尺寸由第一尺寸范围内的尺寸调整至第二尺寸范围内的尺寸，第二尺寸范围在第一目标方向上的尺寸小于第一尺寸范围在第一目标方向上的尺寸；
    所述按照设定显示样式显示控件栏包括：
    改变所述控件栏中控件的排列方向，所述排列方向由第一目标方向变为第二目标方向，所述第一目标方向为水平方向或竖直方向，所述第二目标方向为所述第一目标方向的垂直方向。
  3. 根据权利要求1所述的电子白板的控件栏显示方法，其中，所述目标尺寸在第三尺寸范围内；
    所述按照设定显示样式显示控件栏包括：
    在所述控件栏中显示全部控件，且每个所述控件对应第一显示宽度。
  4. 根据权利要求3所述的电子白板的控件栏显示方法，其中，所述在所述控件栏中显示全部控件包括：
    在所述内容输入子控件栏中显示全部的输入控件，并在所述内容管理子控件栏中显示全部的管理控件。
  5. 根据权利要求3所述的电子白板的控件栏显示方法，其中，所述目标尺寸在第四尺寸范围内，所述第四尺寸范围内的尺寸小于所述第三尺寸范围内的尺寸；
    所述按照设定显示样式显示控件栏包括：
    在所述控件栏中显示第一替换按钮和第一控件，所述第一控件为所述全部控件中的非隐藏控件，所述第一控件的数量根据每个所述非隐藏控件的当前显示宽度和目标尺寸确定。
  6. 根据权利要求5所述的电子白板的控件栏显示方法，其中，所述第四尺寸范围包括第一子范围和第二子范围，所述第一子范围内的尺寸大于所述第二子范围内的尺寸；
    所述目标尺寸在所述第一子范围内，所述在所述控件栏中显示第一替换按钮和第一控件包括：
    在所述内容输入子控件栏中显示所述第一替换按钮和部分输入控件，在所述内容管理子控件栏中显示全部的管理控件；
    所述目标尺寸在所述第二子范围内，所述在所述控件栏中显示第一替换按钮和第一控件包括：
    在所述内容输入子控件栏中显示所述第一替换按钮和部分输入控件，并取消显示所述内容管理子控件栏。
  7. 根据权利要求6所述的电子白板的控件栏显示方法，其中，所述内容管理子控件栏包括：内容切换子控件栏和内容存储子控件栏；
    所述取消显示所述内容管理子控件栏包括：
    取消显示所述内容切换子控件栏和内容存储子控件栏中的至少一种。
  8. 根据权利要求7所述的电子白板的控件栏显示方法，其中，所述第二子范围包括：第一孙范围和第二孙范围，所述第一孙范围内的尺寸大于所述第二孙范围内的尺寸；
    所述目标尺寸在第一孙范围内，所述取消显示所述内容管理子控件栏包括：
    取消显示所述内容切换子控件栏，并在所述内容存储子控件栏中显示全部存储控件，所述管理控件包括所述存储控件；
    所述目标尺寸在第二孙范围内，所述取消显示所述内容管理子控件栏包括：
    取消显示所述内容切换子控件栏和所述内容存储子控件栏。
  9. 根据权利要求5所述的电子白板的控件栏显示方法，所述在所述控件栏中显示第一替换按钮和第一控件之后，还包括：
    接收第一点击操作，所述第一点击操作作用于所述第一替换按钮；
    将所述控件栏中的设定控件更换为第二控件，所述第二控件为全部控件中的隐藏控件，所述设定控件为所述第一控件中部分非隐藏控件或全部非隐藏控件。
  10. 根据权利要求9所述的电子白板的控件栏显示方法，其中，所述设定控件为所述第一控件中的部分非隐藏控件，
    所述将控件栏中的设定控件更换为第二控件包括：
    取消显示所述设定控件；
    按照所述排列顺序将所述第一控件中的所述设定控件之外的非隐藏控件移动至所述设定控件的显示位置，并在所述控件栏的空白位置处补入所述第二控件。
  11. 根据权利要求9或10所述的电子白板的控件栏显示方法，其中，所述设定控件为所述内容输入子控件栏中的输入控件。
  12. 根据权利要求9所述的电子白板的控件栏显示方法，所述将控件栏中设定控件更换为第二控件，还包括：
    显示第二替换按钮；
    所述将所述控件栏中的设定控件更换为第二控件之后，还包括：
    接收第二点击操作，所述第二点击操作作用于所述第二替换按钮；
    将所述控件栏中所述第二控件更换为所述设定控件。
  13. 根据权利要求5所述的电子白板的控件栏显示方法，其中，所述目标尺寸在第五尺寸范围内，所述第五尺寸范围内的尺寸小于所述第三尺寸范围内的尺寸且大于所述第四尺寸范围内的尺寸；
    所述按照设定显示样式显示控件栏包括：
    在所述控件栏中显示全部控件，且每个所述控件对应第二显示宽度，所述第二显示宽度小于所述第一显示宽度。
  14. 根据权利要求5所述的电子白板的控件栏显示方法，其中，所述目标尺寸在第六尺寸范围内，所述第六尺寸范围内的尺寸小于所述第四尺寸范围内的尺寸，
    所述按照设定显示样式显示控件栏包括：
    更换所述控件栏中当前显示的每个所述控件的显示图案，以缩小当前显示的每个所述控件的显示宽度。
  15. 根据权利要求14所述的电子白板的控件栏显示方法，其中，所述更换所述控件栏中当前显示的每个所述控件的显示图案包括：
    保留当前显示的每个所述控件的图标，并删除当前显示的每个所述控件对应的名称。
  16. 根据权利要求1所述的电子白板的控件栏显示方法，其中，所述控件栏中控件的排列方向为水平方向，所述内容输入子控件栏与触控书写区域同列显示，所述内容管理子控件栏与触控管理区域同列显示；
    所述控件栏中控件的排列方向为竖直方向，所述内容输入子控件栏与所述触控书写区域同行显示，所述内容管理子控件栏与所述触控管理区域同行显示。
  17. 根据权利要求1所述的电子白板的控件栏显示方法，其中，所述按照设定显示样式显示控件栏包括：
    根据所述目标尺寸确定在控件栏中显示的多个控件；
    根据所述目标尺寸确定多个控件的显示规则；
    按照所述显示规则在所述控件栏中显示所述多个控件。
  18. 根据权利要求17所述的电子白板的控件栏显示方法，其中，所述根据所述目标尺寸确定在控件栏中显示的所述多个控件包括：
    确定与所述目标尺寸对应的控件数量；
    在待显示控件中获取在控件栏中显示的所述多个控件，所述多个控件的数量等于所述控件数量，所述待显示控件为预先设定的待显示在控件栏中的控件。
  19. 根据权利要求18所述的电子白板的控件栏显示方法，其中，所述控件数量包括：所述内容输入子控件栏中显示的输入控件数量和所述内容管理子控件栏中显示的管理控件数量。
  20. 根据权利要求18所述的电子白板的控件栏显示方法，其中，所述在待显示控件中获取在控件栏中显示的所述多个控件包括：
    按照每个所述待显示控件的显示优先级，在所述待显示控件中选择在控件栏中显示的所述多个控件。
  21. 根据权利要求17所述的电子白板的控件栏显示方法，其中，所述根据所述目标尺寸确定所述多个控件的显示规则包括：
    根据所述目标尺寸获取每个所述控件的显示图案以及所述多个控件的排列方向；
    根据第一设定规则确定所述多个控件之间的排列顺序；
    根据所述显示图案和所述目标尺寸计算每个所述多个控件的显示宽度。
  22. 根据权利要求21所述的电子白板的控件栏显示方法，其中，所述第一设定规则包括：控件的显示优先级、控件的使用频率、控件的设定显示顺序或控件对应的首字母排序。
  23. 根据权利要求21所述的电子白板的控件栏显示方法，所述根据所述显示图案和所述目标尺寸计算每个所述控件的显示宽度之后，还包括：
    若所述显示宽度小于控件的最小显示宽度，则将最小显示宽度作为所述控件的显示宽度；
    计算与所述多个控件对应的多个所述最小显示宽度的和值；
    若所述和值大于控件栏尺寸，则确认显示第一替换按钮，所述控件栏尺寸根据目标尺寸确定；
    所述按照所述显示规则在所述控件栏中显示所述目标控件，还包括：
    同步显示所述第一替换按钮。
  24. 根据权利要求23所述的电子白板的控件栏显示方法，其中，所述同步显示所述第一替换按钮包括：
    在所述内容输入子控件栏中显示所述第一替换按钮。
  25. 一种电子白板的控件栏显示装置，包括：
    操作接收模块，设置为接收边框尺寸调整操作，所述边框尺寸调整操作作用于目标显示窗口；
    尺寸调整模块，设置为将所述目标显示窗口调整至目标尺寸，所述目标尺寸根据所述边框尺寸调整操作确定；
    内容调整模块，设置为按照设定显示样式显示控件栏，使得所述控件栏内的控件满足预设调用需求；
    所述控件栏位于所述目标显示窗口中，所述控件栏包括内容输入子控件栏和内容管理子控件栏中的至少一种；
    所述设定显示样式包括控件数量、每个控件的显示图案、所述控件之间的排列顺序、所述控件的排列方向以及每个所述控件的显示宽度中的至少一项，所述设定显示样式根据所述目标尺寸确定。
  26. 根据权利要求25所述的电子白板的控件栏显示装置，其中，所述目标尺寸由第一尺寸范围内的尺寸调整至第二尺寸范围内的尺寸，第二尺寸范围在第一目标方向上的尺寸小于第一尺寸范围在第一目标方向上的尺寸；
    所述内容调整模块设置为：改变所述控件栏中控件的排列方向，所述排列方向由第一目标方向变为第二目标方向，所述第一目标方向为水平方向或竖直方向，所述第二目标方向为所述第一目标方向的垂直方向。
  27. 根据权利要求25所述的电子白板的控件栏显示装置，其中，所述目标尺寸在第三尺寸范围内，所述内容调整模块设置为：
    在所述控件栏中显示全部控件，且每个所述控件对应第一显示宽度。
  28. 根据权利要求27所述的电子白板的控件栏显示装置，其中，所述目标尺寸在第四尺寸范围内，所述第四尺寸范围内的尺寸小于所述第三尺寸范围内的尺寸，所述内容调整模块设置为：
    在所述控件栏中显示第一替换按钮和第一控件，所述第一控件为所述全部控件中的非隐藏控件，所述第一控件的数量根据每个所述非隐藏控件的当前显示宽度和目标尺寸确定。
  29. 根据权利要求28所述的电子白板的控件栏显示装置，其中，所述第四尺寸范围包括第一子范围和第二子范围，所述第一子范围内的尺寸大于所述第二子范围内的尺寸；
    所述目标尺寸在第一子范围内，所述内容调整模块设置为：
    在所述内容输入子控件栏中显示所述第一替换按钮和部分输入控件，在所述内容管理子控件栏中显示全部的管理控件；
    所述目标尺寸在第二子范围内，所述内容调整模块设置为：
    在所述内容输入子控件栏中显示所述第一替换按钮和部分输入控件，并取消显示所述内容管理子控件栏。
  30. 根据权利要求29所述的电子白板的控件栏显示装置，其中，所述内容管理子控件栏包括：内容切换子控件栏和内容存储子控件栏；
    所述内容调整模块设置为：
    在所述内容输入子控件栏中显示第一替换按钮和部分输入控件，取消显示所述内容切换子控件栏和内容存储子控件栏中的至少一种。
  31. 根据权利要求30所述的电子白板的控件栏显示装置，其中，所述第二子范围包括：第一孙范围和第二孙范围，所述第一孙范围内的尺寸大于所述第二孙范围内的尺寸；
    所述目标尺寸在第一孙范围内，所述内容调整模块设置为：
    在所述内容输入子控件栏中显示第一替换按钮和部分输入控件，取消显示所述内容切换子控件栏，并在所述内容存储子控件栏中显示全部存储控件，所述管理控件包括所述存储控件；
    所述目标尺寸在第二孙范围内，所述内容调整模块设置为：
    在所述内容输入子控件栏中显示第一替换按钮和部分输入控件，取消显示所述内容切换子控件栏和所述内容存储子控件栏。
  32. 根据权利要求28所述的电子白板的控件栏显示装置，还包括第一点击接收模块和第一控件更换模块；
    所述第一点击接收模块，设置为在所述控件栏中显示第一替换按钮和第一控件之后，接收第一点击操作，所述第一点击操作作用于所述第一替换按钮；
    所述第一控件更换模块，设置为将所述控件栏中的设定控件更换为第二控件，所述第二控件为全部控件中的隐藏控件，所述设定控件为所述第一控件中部分非隐藏控件或全部非隐藏控件。
  33. 根据权利要求32所述的电子白板的控件栏显示装置，其中，所述设定控件为所述第一控件中部分非隐藏控件，所述第一控件更换模块包括：
    取消显示单元，设置为取消显示设定控件；
    控件补入模块，设置为按照所述排列顺序将第一控件中的所述设定控件之外的非隐藏控件移动至所述设定控件的显示位置，并在所述控件栏的空白位置处补入第二控件。
  34. 根据权利要求32或33所述的电子白板的控件栏显示装置，其中，所述设定控件为所述内容输入子控件栏中的输入控件。
  35. 根据权利要求32所述的电子白板的控件栏显示装置，所述控件更换模块还设置为将控件栏中的设定控件更换为第二控件时，显示第二替换按钮；
    所述装置还包括第二点击接收模块和第二控件更换模块；
    所述第二点击接收模块，设置为将控件栏中设定控件更换为第二控件之后，接收第二点击操作，所述第二点击操作作用于所述第二替换按钮；
    所述第二控件更换模块，设置为将所述控件栏中所述第二控件更换为所述设定控件。
  36. 一种电子白板的控件栏显示设备，包括：
    存储器、显示屏以及至少一个处理器；
    所述存储器，设置为存储至少一个程序；
    当所述至少一个程序被所述至少一个处理器执行，使得所述至少一个处理器实现如下操作：
    接收边框尺寸调整操作，所述边框尺寸调整操作作用于目标显示窗口；
    控制所述显示屏将所述目标显示窗口调整至目标尺寸，所述目标尺寸根据所述边框尺寸调整操作确定；
    控制所述显示屏按照设定显示样式显示控件栏，使得所述控件栏内的控件满足预设调用需求；
    所述控件栏位于所述目标显示窗口中，所述控件栏包括内容输入子控件栏和内容管理子控件栏中的至少一种；
    所述设定显示样式包括控件数量、每个所述控件的显示图案、所述控件之间的排列顺序、所述控件的排列方向以及每个所述控件的显示宽度中的至少一项，所述设定显示样式根据所述目标尺寸确定。
  37. 根据权利要求36所述的电子白板的控件栏显示设备，其中，所述目标尺寸由第一尺寸范围内的尺寸调整至第二尺寸范围内的尺寸，第二尺寸范围在第一目标方向上的尺寸小于第一尺寸范围在第一目标方向上的尺寸；所述处理器在执行控制所述显示屏按照设定显示样式显示控件栏时，执行以下步骤：
    控制所述显示屏改变所述控件栏中控件的排列方向，所述排列方向由第一目标方向变为第二目标方向，所述第一目标方向为水平方向或竖直方向，所述第二目标方向为所述第一目标方向的垂直方向。
  38. 根据权利要求36所述的电子白板的控件栏显示设备，其中，所述目标尺寸在第三尺寸范围内，所述处理器在执行控制所述显示屏按照设定显示样式显示控件栏时，执行以下步骤：
    控制所述显示屏在控件栏中显示全部控件，且每个所述控件对应第一显示宽度。
  39. 根据权利要求36所述的电子白板的控件栏显示设备，其中，所述目标尺寸在第四尺寸范围内，所述第四尺寸范围内的尺寸小于所述第三尺寸范围内的尺寸，所述处理器在执行控制所述显示屏按照设定显示样式显示控件栏时，执行以下步骤：
    控制所述显示屏在所述控件栏中显示第一替换按钮和第一控件，所述第一控件为全部控件中的非隐藏控件，所述第一控件的数量根据每个非隐藏控件的当前显示宽度和目标尺寸确定。
  40. 根据权利要求39所述的电子白板的控件栏显示设备，其中，所述第四尺寸范围包括第一子范围和第二子范围，所述第一子范围内的尺寸大于所述第二子范围内的尺寸；
    所述目标尺寸在第一子范围内，所述处理器在执行控制所述显示屏在所述控件栏中显示第一替换按钮和第一控件时，执行以下步骤：
    控制所述显示屏在所述内容输入子控件栏中显示第一替换按钮和部分输入控件，在所述内容管理子控件栏中显示全部的管理控件；
    所述目标尺寸在第二子范围内，所述处理器在执行控制所述显示屏在所述控件栏中显示第一替换按钮和第一控件时，执行以下步骤：
    控制所述显示屏在所述内容输入子控件栏中显示第一替换按钮和部分输入控件，并取消显示所述内容管理子控件栏。
  41. 根据权利要求40所述的电子白板的控件栏显示设备，其中，所述内容管理子控件栏包括：内容切换子控件栏和内容存储子控件栏；
    所述处理器在执行控制所述显示屏取消显示所述内容管理子控件栏时，执行以下步骤：
    控制所述显示屏取消显示所述内容切换子控件栏和内容存储子控件栏中的至少一种。
  42. 根据权利要求41所述的电子白板的控件栏显示设备，其中，所述第二子范围包括：第一孙范围和第二孙范围，所述第一孙范围内的尺寸大于所述第二孙范围内的尺寸；
    所述目标尺寸在第一孙范围内，所述处理器在执行控制所述显示屏取消显示所述内容管理子控件栏时，执行以下步骤：
    控制所述显示屏取消显示所述内容切换子控件栏，并在所述内容存储子控件栏中显示全部存储控件，所述存储控件属于所述管理控件；
    所述目标尺寸在第二孙范围内，所述处理器在执行控制所述显示屏取消显示所述内容管理子控件栏时，执行以下步骤：
    控制所述显示屏在所述内容输入子控件栏中显示第一替换按钮和部分输入控件，取消显示所述内容切换子控件栏和所述内容存储子控件栏。
  43. 根据权利要求39所述的电子白板的控件栏显示设备，所述处理器执行控制所述显示屏在所述控件栏中显示第一替换按钮和第一控件之后，还执行以下步骤：
    接收第一点击操作，所述第一点击操作作用于所述第一替换按钮；
    控制所述显示屏将控件栏中设定控件更换为第二控件，所述第二控件为全部控件中的隐藏控件，所述设定控件为所述第一控件中部分非隐藏控件或全部非隐藏控件。
  44. 根据权利要求43所述的电子白板的控件栏显示设备，其中，所述设定控件为所述第一控件中部分非隐藏控件，所述处理器执行控制所述显示屏将控件栏中设定控件更换为第二控件时，执行以下步骤：
    控制所述显示屏取消显示设定控件；
    控制所述显示屏按照所述排列顺序将第一控件中的所述设定控件之外的非隐藏控件移动至所述设定控件的显示位置，并在所述控件栏的空白位置处补入第二控件。
  45. 根据权利要求43或44所述的电子白板的控件栏显示设备，其中，所述设定控件为所述内容输入子控件栏中的输入控件。
  46. 根据权利要求43所述的电子白板的控件栏显示设备，所述处理器执行控制所述显示屏将控件栏中设定控件更换为第二控件时，还执行以下步骤：
    显示第二替换按钮；
    所述处理器执行控制所述显示屏将控件栏中设定控件更换为第二控件之后，还执行以下步骤：
    接收第二点击操作，所述第二点击操作作用于所述第二替换按钮；
    控制所述显示屏将控件栏中所述第二控件更换为所述设定控件。
  47. 一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时设置为执行如权利要求1-24中任一所述的电子白板的控件栏显示方法。
PCT/CN2018/115963 2018-08-28 2018-11-16 电子白板的控件栏显示方法、装置、设备及存储介质 Ceased WO2020042378A1 (zh)

Applications Claiming Priority (2)

Application Number Priority Date Filing Date Title
CN201810987450.2 2018-08-28
CN201810987450.2A CN109189532B (zh) 2018-08-28 2018-08-28 电子白板的控件栏显示方法、装置、设备及存储介质

Publications (1)

Publication Number Publication Date
WO2020042378A1 true WO2020042378A1 (zh) 2020-03-05

Family

ID=64916406

Family Applications (1)

Application Number Title Priority Date Filing Date
PCT/CN2018/115963 Ceased WO2020042378A1 (zh) 2018-08-28 2018-11-16 电子白板的控件栏显示方法、装置、设备及存储介质

Country Status (2)

Country Link
CN (1) CN109189532B (zh)
WO (1) WO2020042378A1 (zh)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111414221A (zh) * 2020-03-20 2020-07-14 联想(北京)有限公司 显示方法和装置

Families Citing this family (10)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
KR102759400B1 (ko) * 2019-01-31 2025-01-23 삼성전자주식회사 전환가능한 사용자 인터페이스의 바 영역을 위한 전자 장치, 방법, 및 컴퓨터 판독가능 매체
CN110705229B (zh) * 2019-09-10 2023-04-07 广州市博农讯恺信息技术有限公司 编辑类表单排列推荐方法及装置
CN113535286B (zh) * 2020-04-15 2024-10-29 斑马智行网络(香港)有限公司 界面显示方法、装置、设备和存储介质
CN111897460A (zh) * 2020-06-16 2020-11-06 北京配天技术有限公司 控件显示方法、装置及存储装置
CN111913710A (zh) * 2020-08-17 2020-11-10 中消云（北京）物联网科技研究院有限公司 设置导航栏的方法及装置
CN112269520B (zh) * 2020-10-27 2022-04-12 广州视源电子科技股份有限公司 元素显示控制方法、装置、交互平板及存储介质
CN112631475B (zh) * 2020-12-29 2022-11-11 安徽鸿程光电有限公司 工具栏的调节方法、装置、设备及计算机可读存储介质
CN112799761A (zh) * 2021-01-27 2021-05-14 中国工商银行股份有限公司 搜索栏的生成方法、装置、电子设备及存储介质
CN114090934A (zh) * 2021-11-19 2022-02-25 中国银行股份有限公司 页面调整方法及装置、存储介质及电子设备
CN114816184A (zh) * 2022-04-26 2022-07-29 曙光网络科技有限公司 一种操作控件的展示方法、装置、设备及存储介质

Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101741969A (zh) * 2008-11-07 2010-06-16 康佳集团股份有限公司 管理手机显示界面上多个控件的方法及其控件管理器
CN101776991A (zh) * 2009-12-28 2010-07-14 金蝶软件（中国）有限公司 一种控件的显示文本的替换方法和装置
CN105739972A (zh) * 2016-01-21 2016-07-06 浪潮通用软件有限公司 一种实现控件自适应屏幕的方法和装置
CN106484407A (zh) * 2016-09-28 2017-03-08 上海银天下科技有限公司 控件显示方法及装置

Family Cites Families (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103164197A (zh) * 2011-12-14 2013-06-19 中兴通讯股份有限公司 Ui布局自适应方法、移动设备以及布局生成设备
CN103543996B (zh) * 2012-07-17 2019-01-11 腾讯科技（深圳）有限公司 一种浏览器窗口管理方法及装置
CN103440087B (zh) * 2013-08-07 2017-03-01 广东欧珀移动通信有限公司 一种自定义状态栏位置的方法及移动终端
KR102133826B1 (ko) * 2013-09-23 2020-07-14 팬텍 주식회사 멀티 윈도우의 디스플레이를 제어하는 단말기 및 방법
US9329761B2 (en) * 2014-04-01 2016-05-03 Microsoft Technology Licensing, Llc Command user interface for displaying and scaling selectable controls and commands
KR102444920B1 (ko) * 2014-11-20 2022-09-19 삼성전자주식회사 윈도우의 크기를 변경하는 디바이스 및 그 제어 방법
CN105653139A (zh) * 2015-12-22 2016-06-08 深圳市万普拉斯科技有限公司 网页导航菜单显示方法和系统
CN107272997A (zh) * 2017-07-31 2017-10-20 深圳天珑无线科技有限公司 导航栏显示方法、装置及计算机可读存储介质

Patent Citations (4)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN101741969A (zh) * 2008-11-07 2010-06-16 康佳集团股份有限公司 管理手机显示界面上多个控件的方法及其控件管理器
CN101776991A (zh) * 2009-12-28 2010-07-14 金蝶软件（中国）有限公司 一种控件的显示文本的替换方法和装置
CN105739972A (zh) * 2016-01-21 2016-07-06 浪潮通用软件有限公司 一种实现控件自适应屏幕的方法和装置
CN106484407A (zh) * 2016-09-28 2017-03-08 上海银天下科技有限公司 控件显示方法及装置

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN111414221A (zh) * 2020-03-20 2020-07-14 联想(北京)有限公司 显示方法和装置
CN111414221B (zh) * 2020-03-20 2022-06-28 联想(北京)有限公司 显示方法和装置

Also Published As

Publication number Publication date
CN109189532A (zh) 2019-01-11
CN109189532B (zh) 2021-05-11

Similar Documents

Publication Publication Date Title
WO2020042378A1 (zh) 电子白板的控件栏显示方法、装置、设备及存储介质
US7432928B2 (en) User interface state reconfiguration through animation
US9069437B2 (en) Window management method, apparatus and computing device
US9448699B2 (en) Techniques for use with a calendar and messaging component
JP4880334B2 (ja) スクロール可能かつサイズ変更可能な数式バー
JP5704825B2 (ja) 情報処理装置およびその制御方法およびプログラム
CN102915297B (zh) 底层网格结构以及表的动画
CN114564263A (zh) 页面布局调整方法、装置
US20150046853A1 (en) Computing Device For Collaborative Project Management
JP5862103B2 (ja) 電子黒板装置、画面表示方法およびプログラム
KR101932718B1 (ko) 화면 상의 디스플레이창의 크기를 변경하는 디바이스 및 방법
CN103246458B (zh) 自定义软键盘的方法及通信终端
US10656790B2 (en) Display apparatus and method for displaying a screen in display apparatus
CN103914258A (zh) 移动终端及其操作方法
JP6456203B2 (ja) 情報処理装置、情報処理プログラムおよび情報処理方法
US10387009B2 (en) Multimedia apparatus and method for providing content
CN102033712A (zh) 具有分屏显示功能的电子阅读装置及其显示方法
WO2019237617A1 (zh) 基于文本控件的对象显示方法、设备及存储介质
JP5634140B2 (ja) 情報処理装置、表示方法、およびプログラム
CN118742961A (zh) 用于在编辑环境中呈现具有多个媒体元素的媒体内容的方法和系统
CN109858000B (zh) 表格处理方法、装置、系统、存储介质及交互智能平板
CN103513855A (zh) 一种显示页面更新方法及装置
CN114730233B (zh) 命令显示控制方法、计算机可读存储介质及装置
CN112860157B (zh) 显示元素调整方法、装置、设备及存储介质
KR102004976B1 (ko) 사용자 맞춤형 툴바를 구성하는 전자 문서 편집 장치 및 이의 동작 방법

Legal Events

Date Code Title Description
121 Ep: the epo has been informed by wipo that ep was designated in this application

Ref document number: 18931658

Country of ref document: EP

Kind code of ref document: A1

NENP Non-entry into the national phase

Ref country code: DE

32PN Ep: public notification in the ep bulletin as address of the adressee cannot be established

Free format text: NOTING OF LOSS OF RIGHTS PURSUANT TO RULE 112(1) EPC (EPO FORM 1205A DATED 28.05.2021)

122 Ep: pct application non-entry in european phase

Ref document number: 18931658

Country of ref document: EP

Kind code of ref document: A1