Editing bar of graphical user interface for electronic device interface

Abstract

1. Name of the product in this design: Editing bar of graphical user interface for electronic device. 2. Purpose of this design: An electronic device. 3. The key design features of this product are the graphical user interface of the part for which protection is sought. 4. The picture or photo that best illustrates the key design points: Design 1 front view. 5. Design 1 is designated as the basic design. 6. Purpose of the graphical user interface: The editing bar is used to edit the interface content displayed on the client, while the overall interface is used to edit and preview the interface content displayed on the client. 7. Human-Computer Interaction Methods of the Graphical User Interface: Design 1's main view is the interface editing interface. The top of the interface includes an interface content editing bar for interface elements, and the bottom includes an interface content preview area. Users can enter the name of an interface element in the editing bar. From left to right, the editing bar allows users to click drop-down menus to switch the display status of interface elements, click show / hide buttons to show or hide elements, click copy or delete buttons to copy or delete elements, and click the collapse button to collapse the editing bar. In Design 1's main view, clicking the collapse button sequentially switches to the changes in Design 1's state diagrams 1 and 2, gradually collapsing the editing bar. Design 2's main view is also the interface editing interface. The top of the interface includes an interface content editing bar icon for interface elements, and the bottom includes an interface content preview area. Clicking the icon expands the editing bar. In Design 2's main view, clicking the editing bar icon sequentially switches to the changes in Design 2's state diagrams 1 and 2, gradually expanding the editing bar. 8. Other situations requiring explanation: In each design view, the area within the dashed-dot frame is the part that requires protection, and the area covered by the blue semi-transparent block outside the dashed-dot frame is the part that does not require protection.

Images