Dynamic graphical user interface with small window on the edge of electronic device

Abstract

1. Name of the product of this design: Dynamic graphical user interface with small window on the edge of electronic equipment. 2. Purpose of this design product: for use in an electronic device. 3. The key design point of this appearance design product lies in the graphical user interface. 4. The picture or photo that best illustrates the key points of the design: Main view of Design 1. 5. Except for the orthographic projection view containing the graphical user interface, other views have no design points and are omitted. 6. Designate Design 1 as the base design. 7. Purpose of the graphical user interface: It is used for application floating windows in smart devices. The large floating window of the application can be changed into a small floating window with a border by dragging, and the small floating window with a border can also be changed into a large floating window by dragging. The undo mechanism is supported during the dragging process, and the window can be dragged back to the original floating window size, and the small floating window can be dragged to a specified position. 8. Description of the changing states of the graphical user interface: The main view of Design 1 is an interface in the state of a small floating window attached to the edge. The position of the floating window can be moved by dragging the small floating window to the left with the cursor, and the small floating window can be changed into a large floating window, as shown in the dynamics of Design 1 changing state diagram 1 to Design 1 changing state diagram 3. When the dragging is completed and the cursor leaves the floating window, it enters Design 1 changing state diagram 4. If the cursor moves to and contacts the floating window of the application in Design 1 changing state diagram 4, it enters Design 1 changing state diagram 5, and a corner mark appears under the floating window; the main view of Design 2 is an interface in the state of a large floating window. The position of the floating window can be moved by dragging the large floating window to the right with the cursor, and the large floating window can be changed into a small floating window attached to the edge, as shown in Design 1 changing state diagram 1 to Design 1 changing state diagram 3. Design 2 change state diagram 1 to Design 2 change state diagram 4 are shown dynamically; Design 3 main view to Design 3 change state diagram 4 is the dynamic process of moving the floating window by dragging the large floating window and changing it into a small floating window attached to the edge, which is similar to the dynamic process from Design 2 main view to Design 2 change state diagram 4; Design 3 change state diagram 4 to Design 3 change state diagram 9 is the dynamic process of moving the floating window by dragging the small floating window in Design 3 change state diagram 4 to the left and changing it into a large floating window, which is similar to the dynamic process from Design 1 main view to Design 1 change state diagram 5; the change state of Design 4 is the same as Design 1; the change state of Design 5 is the same as Design 2; the change state of Design 6 is the same as Design 3. 9. Other situations that need explanation: The "X" in each view represents replaceable or changeable text, numbers or punctuation marks; the parts covered by gray blocks in Design 4 to Design 6 views are replaceable or changeable content images, which do not belong to the content of the design itself for which protection is requested.

Images