CN102262496A - Electronic device and graphical user interface display method thereof - Google Patents

Abstract

A graphical user interface display method, including establishing and storing the hierarchical relationship of all data to be displayed, and all the data to be displayed are divided into multiple categories; the control image interface module uses the card-like two-dimensional menu according to the hierarchical relationship Arrange all the data to be displayed in the same way. The card-type two-dimensional menu includes multiple two-dimensional menu cards corresponding to multiple categories. Each two-dimensional menu card includes the root directory, first subdirectory, and second subdirectory of the corresponding type of data. A directory and a display area; and displaying all the data to be displayed arranged in the form of a two-dimensional card menu. The invention also provides an electronic device. The above-mentioned graphical user interface display method arranges and displays the data to be displayed in the form of a card-like two-dimensional menu, and the user can easily select the bottom-level data without clicking through layers, which greatly improves the convenience and willingness to use.

Description

Electronic device and graphical user interface display method thereof

technical field

The present invention mainly relates to wireless communication, in particular to a graphical user interface display method of an electronic device.

Background technique

With the advancement of storage technology, electronic devices, such as televisions, set-top boxes, and players, have larger and larger storage capacities, and users can store more and more content. Usually, the stored content is stored in the form of a tree. If the user wants to obtain lower-level content, he needs to use the remote control to click layer by layer, which is very inconvenient to use. In addition, the remote controllers of electronic devices generally have too many buttons, and different buttons need to be pressed on different pages, which brings troubles to users.

Contents of the invention

In view of this, it is necessary to provide an electronic device for users to select data conveniently.

At the same time, it is also necessary to provide a graphical user interface display method.

An electronic device includes a list building module, a memory, a graphic interface module and a processor. The list creation module is used to establish the hierarchical relationship of all the data to be displayed, and all the data to be displayed are divided into multiple categories. The memory is used to store the hierarchical relationship. The graphical interface module is used for arranging all the data to be displayed in the form of a two-dimensional card menu according to the hierarchical relationship stored in the memory. The card-type two-dimensional menu includes a plurality of two-dimensional menu cards corresponding to the multiple categories, and each two-dimensional menu card includes a root directory, a first subdirectory, a second subdirectory and a display area of the corresponding type of data , the root directory is located above the two-dimensional menu card, and the plurality of two-dimensional menu cards are partially overlapped and arranged along the z-axis direction, so that the root directory of the partially covered two-dimensional menu card is revealed, and each The directory includes a plurality of first subdirectories, each first subdirectory includes a plurality of second subdirectories, the first subdirectory and the second subdirectory are arranged along the x-axis direction and the y-axis direction respectively, and the display The area is located in an area formed by the first sub-directory and the second sub-directory as borders, and is used for displaying the data of the selected second sub-directory. The processor is used for controlling the list building module and the graphical interface module.

A graphical user interface display method, used in electronic devices, including establishing and storing the hierarchical relationship of all data to be displayed, wherein all the data to be displayed are divided into multiple categories; controlling the graphical interface module according to the hierarchy The relationship is to arrange all the materials to be displayed in the form of a card-like two-dimensional menu. The card-like two-dimensional menu includes a plurality of two-dimensional menu cards corresponding to the multiple categories, and each two-dimensional menu card includes a corresponding category. The root directory, the first subdirectory, the second subdirectory and the display area of the data, the root directory is located above the two-dimensional menu card, and the plurality of two-dimensional menu cards are partially overlapped and arranged along the z-axis direction, so as to The root directory of the partially covered two-dimensional menu card is revealed, each root directory includes a plurality of first subdirectories, each first subdirectory includes a plurality of second subdirectories, and the first subdirectory and the described The second sub-directories are respectively arranged along the x-axis direction and the y-axis direction, and the display area is located in the area formed by the first sub-directory and the second sub-directory, and is used to display the selected second sub-directory The data of the directory; and display all the data to be displayed arranged in the form of a two-dimensional card menu.

The above-mentioned electronic device and its graphical user interface display method arrange and display the data to be displayed in the form of a card-like two-dimensional menu, and the user can easily select the bottom data without clicking through layers. In addition, all types are displayed in the form of the root directory, which is convenient for users to quickly find the desired information from a large amount of information, greatly improving the convenience and willingness to use.

Description of drawings

FIG. 1 depicts an application environment diagram of an electronic device in an embodiment of the present invention;

FIG. 2 depicts a block diagram of an electronic device in an embodiment of the present invention;

Fig. 3 has described the block diagram of the electronic device in another embodiment of the present invention;

FIG. 4 depicts a schematic diagram of a graphical user interface of an electronic device according to an embodiment of the present invention;

FIG. 5 depicts a schematic diagram of a graphical user interface of an electronic device in another embodiment of the present invention;

FIG. 6 depicts a schematic diagram of a graphical user interface of an electronic device in yet another embodiment of the present invention;

FIG. 7 depicts a flowchart of a graphical user interface display method in an embodiment of the present invention;

Fig. 8 has described the specific flowchart of the first embodiment of establishing the hierarchical relationship of all materials in Fig. 7;

Fig. 9 has described the specific flowchart of the second embodiment of establishing the hierarchical relationship of all data in Fig. 7;

Fig. 10 has described the specific flowchart of the third embodiment of establishing the hierarchical relationship of all data in Fig. 7;

Figure 11 depicts a schematic diagram of a wheel remote control in an embodiment of the present invention; and

FIG. 12 depicts a flowchart of a graphical user interface display method in another embodiment of the present invention.

Description of main component symbols

Electronic device 10

Wireless communication module 100

Peripheral interface 110

Memory 120

List Building Module 130

Processor 140

GUI module 150

Display module 160

Display device 20

2D menu card 200

root directory 201

First subdirectory 202

The second subdirectory 203

Display area 204

The third subdirectory 205

Wheel remote control 30

Roller 300

Volume key 310

volume key 320

Power key 330

handwriting area 340

Play key 350

Custom key 360

Detailed ways

FIG. 1 is a diagram showing an application environment of an electronic device 10 according to an embodiment of the present invention. In this embodiment, the electronic device 10 is a television, a set-top box, a player, a mobile phone, etc. In FIG. 1 , the electronic device 10 is a set-top box as an example for illustration. The electronic device 10 is controlled by the wheel remote control 30 to transmit content to the display device 20 , such as a TV, for display. The content transmitted by the electronic device 10 includes movies, TV, photos, etc. and their corresponding directories. The wheel remote control 30 communicates with the electronic device 10 through infrared, bluetooth, wireless local area network, etc., and uses the wheel and volume keys of the wheel remote control 30 to control the electronic device 10, which is convenient for the user to operate.

FIG. 2 is a block diagram of the electronic device 10 in an embodiment of the present invention. In this embodiment, the electronic device 10 is a set-top box or the like, which transmits data to another independent display device 20 for display. The electronic device 10 includes a wireless communication module 100 , a peripheral interface 110 , a memory 120 , a list creation module 130 , a processor 140 and a graphic interface module 150 . The wireless communication module 100 is used for receiving the control signal of the wheel remote control 30 and sending it to the processor 140 . In this embodiment, the wireless communication module 100 includes a bluetooth module, an infrared module and a wireless local area network module. The peripheral interface 110 is used to connect peripheral devices, such as TV, USB storage device, Internet, etc., and detect the connection status of the peripheral devices. In this embodiment, the connection status includes connection and disconnection.

The list creation module 130 is used to scan all the data sources and establish the hierarchical relationship of all the data to be displayed, and all the data to be displayed are classified into multiple categories. In this embodiment, all types of data to be displayed are sources of data, such as local machine, USB storage device and the Internet, etc., and the hierarchical relationship includes at least three levels of directories, such as root directory, first subdirectory, second subdirectory, etc. subdirectories. Wherein, the root directory corresponds to a category of all materials to be displayed, and includes at least one first sub-directory, and the first sub-directory further includes at least one second sub-directory. For example, if the root directory is local, the first subdirectory includes categories such as movies, photos, music, and games, and the first subdirectory movies includes specific categories of movies such as action, plot, romance, and comedy. The memory 120 is used to store the data to be displayed locally on the electronic device 10 and the hierarchical relationship established by the list creation module 130 .

The graphical interface module 150 is used to arrange all the data to be displayed in the form of a two-dimensional card menu according to the hierarchical relationship stored in the memory 120 . As shown in FIG. 4 , the card-type two-dimensional menu includes a plurality of two-dimensional menu cards 200 corresponding to the multiple categories, and each two-dimensional menu card 200 includes a hierarchical relationship and a display area 204 of data of a corresponding type, The hierarchical relationship of the corresponding type of data is the root directory 201 , the first subdirectory 202 and the second subdirectory 203 of the corresponding type of data. The root directory 201 of each two-dimensional menu card 200 is located above the two-dimensional menu card 200, and the plurality of two-dimensional menu cards 200 are partially overlapped and arranged along the z-axis direction, so that the partially covered two-dimensional menu card The root directory 201 of 200 is revealed. The first sub-category 202 and the second sub-category 203 are arranged along the x-axis and y-axis respectively. In this embodiment, the first sub-directories 202 are arranged along the x-axis direction, and the second sub-directories 203 are arranged along the y-axis direction. The display area 204 is located in the area formed by the first sub-category 202 and the second sub-category 203 as sides, and is used for displaying the data of the selected second sub-category 203 . The first fully displayed 2D menu card 200 is the data displayed by default or the data selected by the user to be displayed.

The processor 140 is used for controlling the wireless communication module 100 , the peripheral interface 110 , the list creation module 130 and the graphic interface module 150 .

In this embodiment, the electronic device 10 sends all the data to be displayed arranged by the graphical interface module 150 in the form of a card-like two-dimensional menu to the display device 20 for display, and the display form of the display device 20 is as shown in FIGS. 4 to 6 Show.

The processor 140 is also used to control the graphical interface module 150 to change the currently displayed data according to the external control command and the current mode, and make the display device 20 display the changed data. This change will be described later in conjunction with FIGS. 5 and 6 . The current mode includes menu mode and play mode.

FIG. 3 is a block diagram of an electronic device 10' in another embodiment of the present invention. In this embodiment, the electronic device 10' is a TV, a mobile phone, etc. The difference between it and the electronic device 10 in FIG. 2 is that the electronic device 10' also includes a display module 160 for displaying the graphical interface All the information to be displayed is arranged in the form of a menu, and the display form is also shown in Figure 4 to Figure 6 .

FIG. 5 and FIG. 6 are schematic diagrams of all the data to be displayed arranged by the graphical interface module 150 in the form of a card-like two-dimensional menu in the embodiment of the present invention. In this embodiment, the root directory 201 includes local machine, USB and Internet. The local root directory 201 includes a first subdirectory 202 of movies, photos, music and games. The first sub-category 202 of movies further includes the second sub-category 203 such as plot, action, romance and comedy. In this embodiment, the local root directory 201 and the first movie subdirectory 202 are selected data. If the user selects the USB root directory 201, the processor 140 controls the graphic interface module 150 to change the card where the USB root directory 201 is located into the first one, the card where the Internet root directory 201 is located becomes the second, and the local root directory 201 The card it was on becomes the third.

In this embodiment, the second subdirectory 203 also includes a plurality of more detailed subdirectories and the third subdirectory 205. For example, the second subdirectory 203 of the plot also includes Du Lala's Promotion, Ice Age, Pride and Prejudice and the whole series. The third sub-category 205 of love in the city. If the user selects the second sub-category 203 of the plot, because there is a third sub-category 205 of a more detailed sub-category to be displayed, the wireless communication module 100 receives the control signal for selecting the second sub-category 203 of the plot and sends it to the processor 140, The processor 140 controls the graphic interface module 150 to arrange the third subdirectory 205 of the second subdirectory 203 along the original arrangement direction of the second subdirectory 203, and the second subdirectory 203 is arranged along the original arrangement direction of the first subdirectory 202 The first subdirectory 202 replaces the original root directory 201 arranged along the z-axis direction, and is arranged along the z-axis direction, and the root directory 201 is not displayed. In this embodiment, as shown in FIG. 6 , the third sub-directory 205 is arranged along the y-axis direction, the second sub-directory 203 is arranged along the x-axis direction, and the first sub-directory 202 is arranged along the z-axis direction. Both Fig. 5 and Fig. 6 are menu modes, which are used to select the root directory 201 or subdirectories 202, 203, but if the third subdirectory 205 in Fig. 6 is selected, then enter the play mode and play the selected third subdirectory. The specific content of the directory 205.

FIG. 7 is a flowchart of a graphical user interface display method in an embodiment of the present invention. Firstly, in step S700 , the list building module 130 creates hierarchical relationships of all data to be displayed and stores them in the memory 120 . In step S702, the graphical interface module 150 arranges all the data to be displayed in the form of a card-like two-dimensional menu. The arrangement of the card-type two-dimensional menu is shown in Figure 4-6, which will not be repeated here. In step S702, the display device 20 or the display module 160 displays all the materials to be displayed arranged in a card-like two-dimensional menu.

FIG. 8 is a specific flow chart of the first embodiment of establishing the hierarchical relationship of all data to be displayed in FIG. 7 . In step S800, the electronic device 10 is turned on. In step S802 , the list building module 130 scans all data sources, such as local computer, USB storage device, and Internet. In step S804 , the list building module 130 creates hierarchical relationships of all data to be displayed in all data sources and stores them in the memory 120 .

FIG. 9 is a specific flow chart of the second embodiment of establishing the hierarchical relationship of all data to be displayed in FIG. 7 . In step S900 , the peripheral interface 110 detects the connection of a new peripheral device, that is, detects a new data source, and notifies the processor 140 . In step S902 , the processor 140 controls the list building module 130 to scan new data sources, and record the hierarchical relationship of the new data. In step S904 , the list creation module creates the hierarchical relationship of all data to be displayed and stores them in the memory 120 .

FIG. 10 is a specific flow chart of the third embodiment of establishing the hierarchical relationship of all data to be displayed in FIG. 7 . In step S1000 , the peripheral interface 110 detects that the peripheral device is removed, that is, detects that the data source is removed, and notifies the processor 140 . In step S1002, the processor 140 controls the list building module 130 to synchronize the current data source and delete the hierarchical relationship of the removed data. In step S1004 , the list creation module 130 creates hierarchical relationships of all data to be displayed and stores them in the memory 120 .

The above-mentioned electronic device 10 and its graphical user interface display method arrange and display the data to be displayed in the form of a card-like two-dimensional menu. Three-level directories are arranged and displayed on one card, and the user can easily Select the bottommost data. In addition, all data sources are displayed in the form of a root directory, which is convenient for users to quickly find the desired data from a large amount of data, greatly improving the convenience and willingness to use.

The electronic device 10 is controlled by the wheel remote control 30 to switch between different sub-directories 202 , 203 and the root directory 201 and control the playing content. FIG. 11 is a schematic diagram of the wheel remote control 30 in an embodiment of the present invention, wherein (a) is a front view, (b) is a left view, and (c) is a right view. In this embodiment, the scroll wheel remote control 30 includes a scroll wheel 300 , a large volume key 310 , a small volume key 320 , a power key 330 , a handwriting area 340 , a play key 350 and three custom keys 360 .

The scroll wheel 300 is clicked up and down to control the switching up and down of the second subdirectory 203 in the menu mode. For example, if it is still in the menu mode and there is no data playing, then the control switches downward from the second subdirectory 203 of the plot in FIG. 5 Go to the second action sub-directory 203 or switch up from the second action sub-directory 203 to the second plot sub-directory 203, or control the fast forward or reverse of the playing material in the play mode, for example, the Ice Age is being played now, control its fast forward or reverse. Pressing the scroll wheel 300 up and down to the bottom is used to control the up and down chapter switching of the playing data in the playing mode. Press the scroll wheel 300 inward once, that is, press it toward the direction of the body of the scroll wheel remote controller 30 , to control the playback or pause of the playback data in the playback mode. Continue to press the scroll wheel 300 inward and press the volume key 310 to control the left and right switching of the first subdirectory 202 in the menu mode, for example, switch between the first subdirectory 202 of movies and the first subdirectory 202 of photos in FIG. 5 , Or control the playback screen zoom in the playback mode. Continue to press the scroll wheel 300 inward and press the small volume key 320 to switch back and forth between the root directory 201 in the menu mode, for example, switch between the local root directory 201 and the USB root directory 201 in FIG. The playback screen is zoomed out. In other embodiments of the present invention, the above-mentioned operations and corresponding controls on the scroll wheel 300 and volume keys 310, 320 may have different combinations, for example, pressing the scroll wheel 300 up and down is used to control the upper and lower chapters of the playing data switch.

The scroll wheel 300 is located on the left side of the scroll wheel remote control 30 , and the volume up key 310 and the volume down key 320 are located on the right side of the scroll wheel remote control 30 . In this way, the user can easily operate the scroll wheel 300, the large volume key 310 and the small volume key 320 with one hand without looking at the scroll wheel remote control 30, so as to switch between different subdirectories 202, 203 and the root directory 201 and play content control, etc., and can avoid mispressing.

The power button 330 is used to control the electronic device 10 to be turned on and off. The handwriting area 340 is used for handwriting input and controlling the electronic device 10 . The play key 350 is used to control the play, pause and confirmation of the play content of the electronic device 10 . Three custom keys 360 are provided for users to customize their control functions. The power button 330 , the handwriting area 340 , the play button 350 and the custom button 360 are located on the front of the wheel remote controller 30 . In another embodiment of the present invention, the positions of the above-mentioned buttons 300 to 360 can also be changed. The 30 buttons of the scroll wheel remote control are greatly reduced, so the volume is smaller and the appearance is more beautiful.

FIG. 12 is a flowchart of a graphical user interface display method in another embodiment of the present invention. In step S1200, the electronic device 10 or the display device 20 displays all the data to be displayed arranged in a card-like two-dimensional menu. The arrangement and display modes of the card-type two-dimensional menu are shown in Figures 4-6, which will not be repeated here. In step S1202 , the user controls the electronic device 10 by using the scroll wheel 300 and volume keys 310 , 320 of the scroll wheel remote control 30 , and the scroll wheel remote control 30 receives operations on its scroll wheel 300 and volume keys 310 , 320 . In this embodiment, the operations on the scroll wheel 300 and the volume keys 310 and 320 include pressing the scroll wheel 300 up and down, pressing the bottom scroll wheel 300 up and down, pressing the scroll wheel 300 inward, pressing the scroll wheel 300 continuously and pressing the volume up key 310, and Keep pressing the scroll wheel 300 and press the small volume key 320 .

In step S1204 , the wheel remote controller 30 converts the user's operation into a control signal and sends it to the electronic device 10 . In this embodiment, the scroll wheel remote control 30 will press the scroll wheel 300 up and down, press the bottom scroll wheel 300 up and down, press the scroll wheel 300 inward, keep pressing the scroll wheel 300 and press the volume key 310, and The operations of continuously pressing the scroll wheel 300 and pressing the small volume key 320 are converted into first to seventh control signals respectively.

In step S1206, the electronic device 10 changes the currently displayed data according to the control signal and the current mode, and displays the changed data. In this embodiment, the processor 140 controls the graphical interface module 150 to switch the second sub-directory 203 up and down according to the first or second control signal and the menu mode. The processor 140 controls the graphical interface module 150 to fast-forward or rewind the playing data according to the first or second control signal and the playing mode. The processor 140 controls the graphic interface module 150 to control the switching between the upper and lower chapters of the playing material according to the third or fourth control signal and the playing mode. The processor 140 controls the graphic interface module 150 to play or pause the playing data according to the fifth control signal and the playing mode. The processor 140 controls the graphical interface module 150 to switch the first sub-directory 202 left and right according to the sixth control signal and the menu mode. The processor 140 controls the graphic interface module 150 to enlarge and play the data according to the sixth control signal and the playing mode. The processor 140 controls the GUI module 150 to switch the root directory 201 back and forth according to the seventh control signal and the menu mode. The processor 140 controls the graphic interface module 150 to zoom out the playing data according to the seventh control signal and the playing mode.

The above graphical user interface display method utilizes different combinations of the scroll wheel 300 of the scroll wheel remote control 30 and the volume keys 310, 320 to control the two-dimensional card-style menu. material. In addition, the user can use fewer buttons to control, which is convenient for memory and use, and greatly improves the convenience and willingness of use.

Claims (15)

1. An electronic device, characterized in that, comprising: The list building module is used to establish the hierarchical relationship of all the data to be displayed, and all the data to be displayed are divided into multiple categories; a memory for storing the hierarchical relationship; A graphic interface module, configured to arrange all the data to be displayed in the form of a card-like two-dimensional menu according to the hierarchical relationship stored in the memory, and the card-like two-dimensional menu includes a plurality of two Dimensional menu cards, each two-dimensional menu card includes a root directory, a first subdirectory, a second subdirectory and a display area for the corresponding type of data, the root directory is located above the two-dimensional menu card, and the multiple The two-dimensional menu cards are partially overlapped and arranged along the z-axis direction, so that the root directory of the partially covered two-dimensional menu card is exposed. Each root directory includes multiple first sub-directories, and each first sub-directory includes multiple first sub-directories. Two sub-directories, the first sub-directory and the second sub-directory are arranged along the x-axis direction and the y-axis direction respectively, and the display area is located on the side of the first sub-directory and the second sub-directory an area formed for displaying information of the selected second sub-category; and A processor, configured to control the list building module and the graphical interface module. 2 . The electronic device according to claim 1 , further comprising a display module, configured to display all the data to be displayed arranged in the form of a card-like two-dimensional menu. 3 . 3. The electronic device according to claim 2, further comprising a wireless communication module, configured to receive the control signal of the wheel remote control and transmit it to the processor, and the processor will transmit the control signal according to the control signal and The current mode controls the graphical interface module to change the currently displayed data, and controls the display module to display the changed data, and the current mode includes a menu mode and a play mode. 4. The electronic device according to claim 3, wherein the second sub-directory further includes a plurality of third sub-directories, the wireless communication module receives a control signal for selecting a second sub-directory, and the processing The controller controls the graphical interface module to arrange the third subdirectory of the selected second subdirectory along the original arrangement direction of the second subdirectory, and the second subdirectory is arranged along the original arrangement direction of the first subdirectory The direction of the first subdirectory is arranged along the direction of the z axis. 5. The electronic device according to claim 3, wherein the control signals include the first to seventh control signals, respectively corresponding to the operation of pressing the scroll wheel of the scroll wheel remote control up and down, and pressing the scroll wheel up and down to the bottom. the operation of pressing the scroll wheel inward, the operation of continuously pressing the scroll wheel and pressing the volume up key of the scroll wheel remote control, and the operation of continuously pressing the scroll wheel and pressing the volume down key of the scroll wheel remote control operate. 6. The electronic device according to claim 5, wherein the processor controls the graphical interface module to switch up the second subdirectory according to the first control signal and the menu mode, and according to the The second control signal and the menu mode control the graphical interface module to switch down the second subdirectory, and control the graphical interface module to control the fast forwarding of the playing data according to the first control signal and the playback mode. The second control signal and the playing mode control the graphical interface module to control the playing data to reverse, and control the graphical interface module to control the playing data to go up one chapter according to the third control signal and the playing mode Section switching, controlling the graphical interface module to control the playing data to switch to the next chapter according to the fourth control signal and the playing mode, and controlling the graphical interface according to the fifth control signal and the playing mode The module controls the playing or pausing of the playing data, controls the graphical interface module to switch the first subdirectory left and right according to the sixth control signal and the menu mode, and controls the first subdirectory according to the sixth control signal and the playing mode controlling the graphical interface module to amplify the playing data, controlling the graphical interface module to switch the root directory back and forth according to the seventh control signal and the menu mode, or controlling the graphical interface module according to the seventh control signal and the playing mode Controlling the graphic interface module to shrink the playback data. 7. The electronic device as claimed in claim 1, further comprising a peripheral interface for connecting peripheral devices and detecting the connection status of the peripheral devices, the connection status including connection and removal. 8. A graphical user interface display method for use in an electronic device, characterized in that the graphical user interface display method comprises: Establish and store the hierarchical relationship of all the data to be displayed, and all the data to be displayed are divided into multiple categories; The control image interface module arranges all the data to be displayed in the form of a card-type two-dimensional menu according to the hierarchical relationship. The card-type two-dimensional menu includes a plurality of two-dimensional menu cards corresponding to the plurality of categories, each A two-dimensional menu card includes a root directory, a first subdirectory, a second subdirectory and a display area of the corresponding type of data, the root directory is located above the two-dimensional menu card, and the plurality of two-dimensional menu cards are along the The z-axis direction is partially overlapped so that the root directory of the partially covered two-dimensional menu card is revealed, each root directory includes multiple first sub-directories, and each first sub-directory includes multiple second sub-directories, so The first sub-directory and the second sub-directory are arranged along the x-axis direction and the y-axis direction respectively, and the display area is located in an area formed by the first sub-directory and the second sub-directory. to display the information of the selected second sub-category; and All the data to be displayed arranged in the form of a two-dimensional card menu are displayed. 9. The graphical user interface display method according to claim 8, further comprising: turn on the electronic device; and Scan all data sources. 10. The graphical user interface display method according to claim 8, further comprising: A new data source is detected; and Scan new data sources and record the hierarchical relationships of the new data. 11. The graphical user interface display method according to claim 8, further comprising: the removal of a data source is detected; and Synchronizes current data sources and deletes hierarchies for removed data. 12. The graphical user interface display method according to claim 8, further comprising: Receive operations on the scroll wheel and volume keys of the scroll wheel remote control; converting the operation into a control signal and sending it to the electronic device; and The data currently displayed by the electronic device is changed according to the control signal and the current mode, and the changed data is displayed, and the current mode includes a menu mode and a play mode. 13. The graphical user interface display method according to claim 12, wherein the operation of the scroll wheel and the volume key of the scroll wheel remote control includes pressing the scroll wheel up and down, pressing the scroll wheel up and down to the bottom scroll wheel, press the scroll wheel inward once, press the scroll wheel and press the volume up key continuously, and press the scroll wheel and press the volume down key continuously. 14. The graphical user interface display method according to claim 13, wherein the step of converting the operation into a control signal comprises: The operation of pressing the scroll wheel up and down, the operation of pressing the scroll wheel up and down, the operation of pressing the scroll wheel inward, the operation of continuously pressing the scroll wheel and pressing the volume key, and the operation of continuously pressing the scroll wheel The operations of pressing the scroll wheel and pressing the small volume key are respectively converted into the first to seventh control signals. 15. The graphical user interface display method according to claim 14, wherein the step of changing the data currently displayed by the electronic device according to the control signal and the current mode comprises: switching up the second sub-directory according to the first control signal and the menu mode; or switching down the second sub-directory according to the second control signal and the menu mode; or Control the fast forwarding of playing data according to the first control signal and the playing mode; or controlling the playback data to be reversed according to the second control signal and the playback mode; or controlling the play data to switch to the next chapter according to the third control signal and the play mode; or controlling the play data to switch to the next chapter according to the fourth control signal and the play mode; or controlling the playing or pausing of the playing data according to the fifth control signal and the playing mode; or switching the first subdirectory left and right according to the sixth control signal and the menu mode; or amplifying the playing data according to the sixth control signal and the playing mode; or switch the root directory back and forth according to the seventh control signal and the menu mode; or The playing data is reduced according to the seventh control signal and the playing mode.

Images