Input content conversion interaction area of graphical user interface for electronic device input method function display and interaction

Abstract

1. Name of the product in this design: Input content conversion interactive area of ​​a graphical user interface for displaying and interacting with the input method function of electronic devices. 2. Purpose of this design: An electronic device. 3. The key design features of this product are: the parts in the graphical user interface, and the parts not marked with dotted lines are the parts for which protection is required. 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 overall appearance design of the interface is used for chat dialogue, input method function display, display of generated text images, text image template switching and other interactions; the partial appearance design of the interface is used to convert the content entered in the input field into text-themed image content within the chat page, display the generated text images, text image template switching and other interactions. 7. Human-computer interaction method of graphical user interface: In the main view of Design 1, users can click the "Save" control to save the generated text image, or click the "Send" control to send the generated text image; they can click the cross in the upper right corner to exit the "Text Image" function; they can also click to select any rectangular text image template and switch to preview the layout style of the text under different templates. Design 2 uses the same human-computer interaction method as Design 1. In the main view of Design 3, users can click the "Save" control to save the generated text image, or click the "Send" control to send the generated text image; they can click the cross in the upper right corner to exit the "Text Image" function; they can also click to select any rectangular text image template (or slide the preview area in the middle to the left) to switch the layout style of the text under different templates. Design 4 uses the same human-computer interaction method as Design 3. In the Design 5 main view, when the user enters text in the input field and clicks the "Text Image" function control in the input method toolbar, a text image with the entered text as the theme is automatically generated, showing the interface change from the Design 5 main view to the Design 5 interface change state diagram. In the Design 6 main view, when the user enters text in the input field (the "Text Image" function is enabled), a text image based on the entered text is automatically generated, showing the interface changes from the Design 6 main view to the Design 6 interface state diagram. In the Design 7 main view, the user has entered text content in the input field of the "Text Image" function. When the user clicks the "Enter" control in the lower right corner of the input field, a text image with the entered text content as the theme is automatically generated, showing the interface change from the Design 7 main view to the Design 7 interface change state diagram.

Images