Code generation area of the code editing graphical user interface of an electronic device

Abstract

1. Name of the product of this design: Code generation area of the graphical user interface for code editing of an electronic device. 2. Use of the product of this design: An electronic device. 3. Design key points of the product of this design: Lies in the part of the graphical user interface in the electronic device that is claimed. 4. Picture or photo that best shows the design key points: State change diagram 3 of Design 1. 5. Design 1 is designated as the basic design. 6. Use of the graphical user interface: The graphical user interface is used for code editing, and the claimed part of the graphical user interface is used for code generation. In response to the user touching or clicking the question guiding label in the main view of Design 1, the graphical user interface changes from the main view of Design 1 to State change diagram 1 of Design 1 to display the input box floating layer; in response to the user entering and sending an instruction in the input box, the graphical user interface changes from State change diagram 1 of Design 1 to State change diagram 2 of Design 1 to start code generation; in response to the end of code generation, the graphical user interface changes from State change diagram 2 of Design 1 to State change diagram 3 of Design 1 to display the code generation result; in response to the user entering a code optimization instruction in the input box, the graphical user interface changes from State change diagram 3 of Design 1 to State change diagram 4 of Design 1 to display the input result of the code optimization instruction; in response to the user touching or clicking the send button, the graphical user interface changes from State change diagram 4 of Design 1 to State change diagram 5 of Design 1 to display the code optimization result. In response to the user touching or clicking the question guiding label in the main view of Design 2, the graphical user interface changes from the main view of Design 2 to State change diagram 1 of Design 2 to display the input box floating layer; in response to the user entering and sending an instruction in the input box, the graphical user interface changes from State change diagram 1 of Design 2 to State change diagram 2 of Design 2 to start code generation; in response to the end of code generation, the graphical user interface changes from State change diagram 2 of Design 2 to State change diagram 3 of Design 2 to display the code generation result. In response to the user entering and sending an instruction in the input box in the main view of Design 3, the graphical user interface changes from the main view of Design 3 to State change diagram 1 of Design 3 to start code generation; in response to the end of code generation, the graphical user interface changes from State change diagram 1 of Design 3 to State change diagram 2 of Design 3 to display the code generation result. 7. Other circumstances that need to be explained: Other explanations: The part of the graphical user interface shown by the dashed line in each view of Design 1 - Design 3 does not constitute the part claimed in this design.

Images