Dynamically expand the graphical user interface and its control cards for electronic device control details

Abstract

1. Name of the product of this design: Dynamically expandable graphical user interface and control cards of electronic device control details. 2. Purpose of this design product: an electronic device. 3. The key design point of this 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. Designate Design 1 as the base design. 6. Purpose of the graphical user interface: The overall purpose of the interface is to expand the control detail card based on user operations; the local purpose is to deform the control card based on user operations and display the control details through the deformed control detail card. 7. Human-computer interaction method of graphical user interface: In Design 1 and Design 2, the main view is the main interface displayed by the electronic device; illustratively, when the user long presses the capsule-shaped control card in the upper right corner of the interface in the main view, the interface automatically switches from the main view to the interface change state diagram 1, interface change state diagram 2, interface change state diagram 3 and interface change state diagram 4 in sequence; among which, the background area where the control card is located in the interface is used to display pictures, and the rounded square area inside the control card is used to display song cover pictures; the specific interface is shown in the interface usage state reference diagram. In Design 3, the main view is the main interface displayed by the electronic device; illustratively, when the user long presses the control card in the upper right corner of the interface in the main view, the interface automatically switches from the main view to the interface change state diagram 1, the interface change state diagram 2 and the interface change state diagram 3 in sequence; among which, the background area where the control card is located in the interface is used to display pictures; the specific interface is shown in the interface usage state reference diagram. 8. Other situations that require explanation: The dotted line in the interface indicates the part that does not require protection.

Images