Information processor, information processing method, storage medium with information processing program stored thereon, and information processing program

The present invention is a scroll bar that displays the range of the menu displayed on the display screen in the entire menu and the current cursor position in the menu displayed on the display screen when the entire menu cannot be displayed on one screen. Regarding.

Conventionally, a scroll bar display control device disclosed in Japanese Patent Application Laid-Open No. 11-110181 is known.

This scroll bar display control device has a length corresponding to the ratio (B / A) of the display data amount (B) and the total document data amount (A) at the position of the display data with respect to all the document data on the scroll bar. If the first scroll box 23 and the second scroll bar 24 with a predetermined fixed length that is easy to operate with the mouse are displayed, the ratio (B / A) is small, and the first scroll box is short. By dragging the second scroll box, the operability when dragging with the mouse is improved.

<patcit num="1"><text>Japanese Patent Application Laid-Open No. 11-110181 (pages 3 to 4, Fig. 2)</text></patcit>

<p> However, it is good that the conventional scroll bar can recognize which part of all the menus is displayed on the screen, but at what position the cursor is in the menu displayed on the screen. I didn't know until. Therefore, it is not suitable for moving the cursor while looking at the scroll bar.</p><p> The present invention has been made in view of the above-mentioned problems, and it is possible to recognize which part of all the menus is displayed on the screen, and which position in the menus displayed on the screen. It is an object of the present invention to provide an information processing apparatus and an information processing method capable of displaying a scroll bar that can recognize whether or not there is a cursor on.</p>

<p> The present invention<u style="single">In order to solve the above-mentioned problems, each menu of the upper layer and the menu of each lower layer included in the menu of each upper layer are provided.</u>Remembered<u style="single">Memory</u>When,<u style="single">Each menu of the upper layer is read from the storage unit and displayed on the display device, and at least a part of the menus of the lower layer corresponding to the selected upper layer is read from the storage unit and displayed on the display device. It has a menu display unit and a selection cursor display unit that displays a selection cursor for selecting a desired menu from the menus of the lower layers displayed on the display device on the display device.</u></p><p> Also,<u style="single">It has a total length corresponding to the number of menus in all the lower layers stored in the storage unit, and along this total length, for each area having a length corresponding to the number of menus included in each lower layer. The divided scroll bar, and among the above areas on the scroll bar, the first cursor that is displayed as a whole with respect to the above area in the lower hierarchy to which the menu selected by the selection cursor belongs. With the second cursor displayed on the first cursor and indicating the position of the menu selected by the selection cursor within the range of all menus belonging to the lower hierarchy selected by the selection cursor. In response to the scroll operation of the scroll bar display unit and the operation unit, the above-mentioned hierarchy is displayed so as to scroll the menu of the upper hierarchy and the menu of the lower hierarchy displayed on the display device. The second one displayed on the first cursor according to the change of the menu in the lower hierarchy selected by the selection cursor by controlling the menu display unit and scrolling the menu of each hierarchy. Cursor is moved and displayed, and the first cursor on the scroll bar is moved and displayed according to the change of the menu of the lower layer selected by the selection cursor by the scroll display of the menu of each layer. With the control unit that controls the above scroll bar display unit</u>Have.</p>

<p> According to the present invention, it is possible to recognize which part of all the menus is displayed on the screen, and also to recognize the position of the cursor in the menu displayed on the screen. Scroll bar can be provided.</p>

[Appearance of mobile phone] FIG. 1 is a perspective view showing the appearance of a mobile phone, which is the best mode for carrying out the present invention.

As can be seen from FIG. 1, this mobile phone is a so-called foldable mobile phone, and the lower end 1b of the upper housing 1 and the upper end 2a of the lower housing 2 are connected via a hinge mechanism 3. As a result, the hinge mechanism 3 makes the upper housing 1 rotatable with respect to the lower housing 2. Note that FIG. 1 shows the appearance of the mobile phone when the upper housing 1 and the lower housing 2 are in a spread state, so to speak.

On the upper surface portion 1c of the upper housing 1 (the surface portion facing the upper surface portion 2b of the lower housing 2 when folded), a display unit 4 (for example, a liquid crystal display unit) on which menus and the like of each layer to be described later are displayed. Is provided. Further, the upper surface portion 1c of the upper housing 1 is provided with a speaker unit 5 that outputs voice during a call or the like at a position close to the upper end portion 1a of the upper housing 1.

The upper surface portion 2b of the lower housing 2 (the surface portion facing the upper surface portion 1c of the upper housing 1 when folded) has a main operation portion 7 formed by a numeric keypad 6 or the like and an upper end portion 2a of the lower housing 2. A disk jog dial 8 as a simple operation unit provided close to the unit, a microphone unit 9 provided close to the lower end 2c of the lower housing 2 to collect sound such as a call voice, and a rotation operation of the disk jog dial 8. A right soft key 13 and a left soft key 14 for switching the rotation direction of the menu corresponding to the direction are provided.

[Disc Jog Dial Configuration] The disc jog dial 8 has an enter key 10 provided so as to be located at the center of the disc jog dial 8, a cross key 11 provided so as to surround the outer circumference of the enter key 10, and a cross key 11 provided so as to surround the outer circumference of the cross key 11. The rotary dial 12 provided is integrally configured.

The enter key 10 is a key for performing a pressing operation. The cross key 11 is a key that can be pressed up, down, left, and right. Further, the rotary dial 12 is a key that can be rotated clockwise and counterclockwise.

[Electrical configuration of mobile phone] FIG. 2 is a schematic block diagram of such a mobile phone. As can be seen from FIG. 2, this mobile phone has an RF block 21 that transmits and receives information to and from a radio base station via an antenna 20, a communication block 22 that controls communication of the above information, and the display unit. It has 4 and an LCD driver 15 that displays and drives the display unit 4 so that predetermined information is displayed.

In addition, this mobile phone has a memory 23 (ROM / RAM) that stores communication control programs, programs such as a Web browser and a mobile mail application, and information such as a user's phone book and address book. It has a DSP24 (Digital Signal Processor) that performs high-speed arithmetic processing for communication control.

Further, this mobile phone includes an input unit 25 including a main operation unit 7 and a disc jog dial 8 formed by the numeric keypad 6 and the like, and an input determination unit 26 for determining the operation contents of the main operation unit 7 and the disc jog dial 8. It has a CPU 27 (control unit) that controls the information processing of the entire mobile phone.

In addition, the display control program (including the addition of visual effects) and the data of the menu formed hierarchically, which are characteristic of this mobile phone, are stored in the above memory 23, respectively. By operating based on the display control program, the CPU 27 is designed to control the display by adding a visual effect to the hierarchically formed menu in response to the operation of the disk jog dial 8.

[Menu hierarchy] In the case of this mobile phone, the menu is a total of the first layer formed by the menu of the large items, the second layer formed by the menu of the middle items, and the third layer formed by the menu of the small items. It has a three-layer structure. The menu information of each layer is stored in the memory 23 shown in FIG. 2, is read by the CPU 27 in response to a predetermined display operation, and is displayed and controlled by the display unit 4. ..

(1st level) The menu of the first layer (menu of large items) is displayed with an icon reminiscent of each menu of medium items and small items following the large item.

Figure 3 (a) shows a display example of the menu of the first layer displayed by this icon. This Figure 3 (a) shows Menu of "Network mode (NW mode)" indicated by the icon of the earth reminiscent of the network stretched around the earth, -Various "setting mode" menus indicated by tool box icons reminiscent of repairs and construction, -"Schedule setting mode" menu, which is indicated by a calendar icon reminiscent of entering appointments and appointments, "Telephone setting mode" menu indicated by the handset icon reminiscent of telephone-related settings, -"Entertainment mode" menu indicated by camera device icons reminiscent of video and music settings An example is shown in which a menu of five major items is displayed.

As can be seen from FIG. 3 (a), each menu of this major item is arranged and displayed in an elliptical shape at substantially equal intervals on the display unit 4. This shows that the menus of the major items are seamlessly connected.

That is, as will be described later, in the case of this mobile phone, the menu of the currently selected major item is enlarged and displayed in the central area of the display unit 4 at a predetermined magnification. Then, every time the rotation dial 12 of the disc jog dial 8 is rotated, an icon that is enlarged and displayed in the central area of the display unit 4 is displayed, for example, the earth the tool box the calendar the handset the camera device the earth the tool box. It is designed to be enlarged and displayed by switching sequentially like.

(2nd level) While the menu of the first layer is displayed by an icon, the menu of the second layer (menu of the middle item) is displayed by characters as shown in Fig. 3 (b). .. It should be understood that each menu of the middle item is seamlessly connected in an ellipse (an ellipse concentric with the ellipse of the large item) so as to surround the menu of the large item as an image. Since there are many menus of the middle item, when displaying, some menus out of all the menus of the middle item are displayed on the display unit 4 as shown in FIG. 3 (a). It is supposed to be done.

In this example, some of the menus of the middle items are displayed on the display unit 4, but this means that all the menus of the middle items are displayed on the display unit 4 at once. You may.

(Third level) The menu of the third layer is displayed in characters like the menu of the second layer above. Further, the menus of the first layer and the second layer are displayed simultaneously on the display unit 4, but the menu of the third layer is displayed as a separate screen as shown in FIG. 3 (c). It has become so.

Further, since the menu of the third layer is a small number of menus of small items corresponding to the menu of each middle item, for example, as shown in FIG. 3C, the menus of the display unit 4 are arranged sequentially from the upper area to the lower area. It is displayed, and the desired menu is selected by the user's operation of moving the cursor CR.

[Menu selection operation] FIG. 4 shows a flowchart showing the flow of the selection operation of the menu having such a hierarchical structure. The flowchart of FIG. 4 starts when the CPU 27 detects a predetermined operation for instructing a menu selection while the standby screen is displayed on the display unit 4. When the CPU 27 detects a predetermined operation instructing the selection of this menu, each icon of the menu of the first layer is enlarged by a predetermined magnification as an initial screen for menu selection as shown in FIG. 3 (a). Then, the icon is arranged in an elliptical shape on the display unit 4 to control the display, and among these icons, the menu icon set as the default is further enlarged by a predetermined magnification to the substantially central part of the display unit 4. Display control.

FIG. 3A shows an example in which the menu set as the default is the above network mode. In this case, since the network mode is set as the default, the earth icon corresponding to the network mode is displayed larger than the other icons.

Further, the CPU 27 controls the display of the icon located in the substantially central portion of the display unit 4 larger than the other icons as described above. At this time, for example, the lower area of the icon corresponds to the icon. The name is displayed and controlled by characters.

That is, in the case of the example of FIG. 3 (a), in the lower area of the earth icon, which is an icon located in the substantially central part of the display unit 4, the name corresponding to the icon is "NW mode (network mode)". Will be displayed.

In this example, the icon that is enlarged and displayed in the substantially central part of the display unit 4 is set by default, but this is the information indicating the icon that was previously selected by the menu selection operation. The CPU 27 stores it in the memory 23, and the next time a menu selection instruction is given, the icon corresponding to the information stored in the memory 23 is enlarged and displayed in the substantially central part of the display unit 4. You may.

When the icon of the first layer is displayed in this way, the user rotates the rotary dial 12 of the disc jog dial 8 to rotate each icon of the first layer displayed above, and the desired menu is displayed. The icon corresponding to is enlarged and displayed in the substantially central part of the display unit 4, and the desired menu is selected.

In step S1 of the flowchart shown in FIG. 4, the CPU 27 determines whether or not the rotation operation of the rotation dial 12 has been performed, and if the rotation operation of the rotation dial 12 is detected (if Yes), the process is performed in step S2. If the process shifts and the rotation operation of the rotary dial 12 is not detected (NO), the process shifts to step S9.

(Setting the rotation display direction with respect to the rotation operation direction) Here, the rotation display direction of the menu of each item corresponding to the rotation operation direction of the rotation dial 12 is set by default, for example, when the rotation dial 12 is rotated clockwise, the menu of each item is rotated clockwise. It is set to rotate.

However, when the rotary dial 12 is rotated clockwise, the menu of each item is rotated with respect to the operating direction of the rotary dial 12, such as wanting the menu of each item to be rotated counterclockwise. The display direction is sensuously different for each user.

Therefore, in the mobile phone, the user can arbitrarily set the direction in which the menu of each item is rotated and displayed, which corresponds to the rotation operation direction of the rotary dial 12.

This setting is made by pressing the right softkey 13 and the left softkey 14 shown in FIG. As an example, for example, when the right soft key 13 is pressed, the menu is set to be rotated clockwise when the rotary dial 12 is rotated clockwise. Further, when the left soft key 14 is pressed, the menu is set to be rotated counterclockwise when the rotary dial 12 is rotated clockwise.

When the right soft key 13 or the left soft key 14 is pressed, the CPU 27 stores and controls such setting data in the memory 23 shown in FIG.

The setting data stored in the memory 23 is read from the memory 23 when the CPU 27 detects a rotation operation of the rotation dial 12, as described below. Then, the CPU 27 controls the rotation display direction of the menu of each item according to the rotation operation direction of the rotation dial 12 based on the above setting data read from the memory 23.

In this way, the mobile phone can set a desired rotation direction of the menu corresponding to the rotation direction of the rotation dial 12 with one touch by simply pressing the right soft key 13 or the left soft key 14. Therefore, it is possible to display a menu that matches the user's operability and dominant hand.

Next, in step S2, the CPU 27 reads the above setting data stored in the memory 23 as described above, and detects the rotation display direction of the menu of each item corresponding to the rotation operation direction of the rotation dial 12. Then, after detecting this rotation display direction, the process proceeds to step S3.

In step S3, the CPU 27 determines whether or not the cursor displayed on the display unit 4 can be moved.

That is, in the case of this mobile phone, the menus of the first layer and the second layer select the desired menu by rotating the rotary dial 12, but the menu of the third layer shown in FIG. 3C is , The upper cross key 11U or the lower cross key 11D is operated to move the cursor CR up and down to select.

Therefore, in the mobile phone of this example, the cursor CR cannot be moved by the rotary dial 12 when the menu of the third layer is selected (note that the cursor CR cannot be moved by the rotary dial 12 when the menu of the third layer is selected. You may want to move it.) Therefore, in step S3, the CPU 27 determines whether or not the cursor CR can be moved by using the rotary dial 12 in the menu of the hierarchy currently displayed on the display unit 4.

Then, when the cursor CR can be moved using the rotary dial 12 (= when the menu currently displayed on the display unit 4 is the menu of the first layer or the second layer = Yes), Proceed to step S4.

On the other hand, when it is impossible to move the cursor CR using the rotary dial 12 (= when the menu currently displayed on the display unit 4 is the menu of the third layer = NO), the above The process is returned to step S1, and the rotation operation of the rotation dial 12 is monitored again.

Next, in step S4, the CPU 27 determines the rotation speed based on the rotation operation amount (rotation speed) of the rotation dial 12. As an example, a total of 36 click mechanisms are provided inside the rotary dial 12, for example, every 10 degrees. This click mechanism supplies one pulse to the CPU 27 every time the rotary dial 12 is rotated 10 degrees.

The CPU 27 determines the rotation display speed of the menu of the first layer or the second layer based on the interval at which the pulses are supplied, the number of pulses, and the like. Further, the CPU 27 determines the rotation display direction of the menu based on the setting data indicating the rotation display direction stored in the memory 23.

(Display angle setting) Next, in step S5, the CPU 27 sets the display angle of the menu of the second layer for which the rotation display is controlled to a display angle according to the rotation display speed.

Figures 5 (a) and 5 (b) show an example of displaying the menu of the second layer while the menu of the first layer is being selected. FIG. 5A shows a state in which the rotary dial 12 is not rotated when the menu of the first layer is selected. As can be seen from FIG. 5 (a), when the menu of the first layer is selected, the CPU 27 sets the icon of the menu of the first layer located approximately in the center of the display unit 4 to the other of the menu of the first layer. Display control is performed at a magnification larger than that of the menu icon.

In this state, when the rotation dial 12 is rotated as shown in FIG. 5 (b), the CPU 27 uses the rotation display speed and the rotation display direction described above to display the menu icons on the first layer and the icons on the second layer. Rotate display control of menu characters.

When performing this rotation display control, the CPU 27 appropriately changes and sets the display angle of each menu of the second layer to be displayed and controlled together with each menu of the first layer according to the rotation display speed. As a result, when the rotary dial 12 is rotated to select the desired menu on the first layer, the menu on the first layer is rotated and displayed, and as shown in FIG. 5 (b), each of the second layers is displayed. The menu will be displayed and controlled in a radial pattern.

Similarly, FIGS. 6A and 6B show an example of displaying the menu of the second layer while the menu of the second layer is being selected. FIG. 6A shows a state in which the rotary dial 12 is not rotated when the menu of the second layer is selected. As can be seen from FIG. 6 (a), when the menu of the second layer is selected, the CPU 27 reduces the icon of each menu of the first layer by moving it toward the left end of the display unit 4, and also displays the icon of each menu of the second layer in a reduced size. Each character in the menu of is enlarged and displayed at a predetermined enlargement ratio.

In this state, when the rotation operation of the rotation dial 12 is detected, the CPU 27 displays the icon of the menu of the first layer and the menu of the second layer at the rotation display speed and the rotation display direction described above as shown in FIG. 6 (b). Rotate display control.

When performing this rotation display control, as shown in FIG. 6B, the CPU 27 sets the display angle of each menu of the second layer, which is controlled to be displayed together with each menu of the first layer, according to the rotation display speed. Change and set as appropriate. As a result, when the rotary dial 12 is rotated when selecting the desired menu on the second layer, the menu on the first layer is rotated and displayed, and as shown in FIG. 6 (b), each of the second layers is displayed. The menu will be displayed and controlled in a radial pattern.

An example of a program (action script: ACTION SCRIPT) for controlling the display angle of the menu of the second layer is shown below. // Number of menus in the second level disc Menu Item Num = 33; // Angle of one menu on the second level disc Menu Angle = 360 / disc Menu Item Num; // Set the rotation speed of the menu D = (360-selected Num * disc Menu Angle)-Menu._rotation; // Eliminate the contradiction of rotation speed across zero degree if (D &lt;-180 The D&gt; 180) { D = ((-selected Num * disc Menu Angle + 180)% 360)-((Menu._rotation + 180)% 360); } // Set the speed percentage from the rotation speed disc Acceleration = Math.abs (D / 20); if (disc Acceleration&gt; 1) {disc Acceleration = 1;} // Adjust the rotation speed D = D / 2; // Rotate the entire menu Menu._rotation = (Menu._rotation + D + 360)% 360; // Set the menu angle for (i = 1; i &lt;= disc Menu Item Num; i ++) { // Set the name of each menu name = String (i); if (i &lt;10) { name = string ("0" + i); } // Set the angle of each menu by centrifugal force rd = ((selected Num + disc Menu Item Num + 1-i) * disc Menu Angle + 180)% 360-180; Menu [name] ._rotation = -Menu._rotation- rd * disc Acceleration-D; } In this program, "rd" indicates the display angle when the menu opens radially. Then, this "rd" is set by a value between 0% and 100% according to the rotation speed disc Acceleration (0 to 100%).

In the real world, when an object is rotated, centrifugal force acts on the object. In this way, by controlling the display angle of the menu on the second layer according to the rotation operation of the rotary dial 12, it is as if It is possible to give the user the feeling that centrifugal force has acted on the menu. Therefore, since the rotation and centrifugal force of the object are the same as in the real world, it is possible to give a feeling of familiarity to the user's menu selection operation.

Next, when the rotation speed and the display angle are set in this way, the CPU 27 determines in step S6 whether or not the user has instructed to move the hierarchy of the menu to be selected (instruction to move to the subordinate menu). Whether or not it was done.). In the case of this mobile phone, the instruction to shift the hierarchy of the menu to be selected is given by pressing the right cross key 11R or the left cross key 11L shown in FIG. 3 (a).

Specifically, Fig. 3 (a) is an example of the display screen when the menu of the first layer is selected, but in this display state, an attempt was made to shift the layer of the selected menu to the second layer. In this case, the user presses the right cross key 11R at the timing when the icon of the desired menu in the first layer is enlarged and displayed.

When the CPU27 detects a pressing operation of the right cross key 11R when selecting a menu on the first layer, it recognizes that the menu on the first layer, which has been enlarged and displayed in the center of the display unit 4, has been selected by the user. Then, as shown in FIG. 3 (b), the menu of the first layer is controlled to be displayed in a small size in the left end area of the display unit 4, and the characters of the menu of the second layer corresponding to the selected menu of the first layer are displayed. Is largely controlled to be displayed on the display unit 4 at a predetermined enlargement ratio. Further, when the CPU 27 displays each menu of the second layer, the CPU 27 controls the display of the cursor CR for selecting a desired menu from each menu of the second layer.

The example shown in FIG. 3B shows an example of displaying the menu of the second layer when the NW mode of the first layer is selected, and is currently in the menu of the NW mode by the cursor CR. Shows an example in which the "Mail" menu is selected.

Similarly, when the CPU27 detects the pressing operation of the right cross key 11R when selecting the menu of the second layer, it recognizes that the menu of the second layer displayed at the display position of the cursor CR is selected by the user. Then, as shown in FIG. 3C, the display control of the menu of the third layer is performed on the display unit 4. Further, when the CPU 27 displays each menu of the third layer, the CPU 27 controls the display of the cursor CR for selecting a desired menu from each menu of the third layer.

The example shown in FIG. 3 (c) shows an example in which the "My Select Setting" menu is currently selected by the cursor CR. Further, the CPU 27 simultaneously displays and controls the menus of the first layer and the second layer when the menu of the first layer and the menu of the second layer are selected. The display of the menu of the third layer is displayed. Occasionally, display control is performed only for the menu of the third layer (menus of other layers are hidden).

In this example, since there is no layer lower than the menu of the third layer, when the pressing operation of the right cross key 11R is detected while the menu of the third layer is displayed on the display unit 4. The CPU 27 ignores (cancels) the pressing operation of the right cross key 11R (in this case, the display screen may be returned to the selection screen of the first layer).

The above explanation is an example of migrating the menu selection hierarchy from the upper hierarchy to the lower hierarchy, but it is also possible to shift the menu selection hierarchy from the lower hierarchy to the upper hierarchy. ..

When the CPU27 detects the pressing operation of the left cross key 11L when selecting the menu of the third layer shown in Fig. 3 (c), it recognizes that the selection operation has been redone, and as shown in Fig. 3 (b). In addition, the menu of the first layer is controlled to be displayed in a small size in the left end area of the display unit 4, and the menu of the second layer corresponding to the menu of the first layer selected immediately before shifting to the menu of the third layer is displayed. The characters are displayed and controlled on the display unit 4 at a predetermined enlargement ratio. Further, when the CPU 27 displays each menu of the second layer, the CPU 27 controls the display of the cursor CR for selecting a desired menu from the menus of the second layer.

Similarly, when the CPU 27 detects the pressing operation of the left cross key 11L when the menu of the second layer is selected, the CPU 27 controls the display of the menu of the first layer on the display unit 4 as shown in FIG. 3A.

In this example, since there is no layer higher than the menu of the first layer, when the pressing operation of the left cross key 11L is detected while the menu of the first layer is displayed on the display unit 4. The CPU 27 ignores (cancels) the pressing operation of the left cross key 11L (in this case, the display screen may be returned to the selection screen of the third layer).

In this way, in the mobile phone, the hierarchy for selecting a menu can be changed by pressing the right cross key 11R and the left cross key 11L. Therefore, when the CPU 27 detects the pressing operation of the right cross key 11R or the left cross key 11L in step S6, the CPU 27 changes the menu displayed on the display unit 4 to the lower layer or upper layer menu in step S7. Recognize that the change was instructed.

If the CPU 27 does not detect the pressing operation of the right cross key 11R or the left cross key 11L in step S6, the menu to be displayed on the display unit 4 is recognized as the menu of the currently displayed hierarchy. To do.

Next, if the pressing operation of the right cross key 11R or the left cross key 11L is not detected in step S6, the CPU 27 performs the rotation speed set in step S4 and the display set in step S5 in step S8. Rotate display control of the currently displayed hierarchical menu based on the angle.

Further, when the pressing operation of the right cross key 11R or the left cross key 11L is detected in step S6, the CPU 27 displays the menu of the hierarchy specified by the pressing operation of any of the keys 11R and 11L in step S8. Display control is performed on the display unit 4.

When such display control is performed, the CPU 27 returns to the process of step S1 and then repeatedly executes the processes of steps S1 to S8 described above as long as the rotation operation is continuously detected in step S1.

Next, when the user wants the desired menu on the first layer to be enlarged and displayed in the center of the display unit 4, or when the desired menu is positioned at the display position of the cursor CR when the menu on the second layer is selected, etc. At the same time, the rotation operation of the rotary dial 12 is stopped. As a result, in step S1, the rotation operation of the rotary dial 12 is not detected, and the processing of the CPU 27 proceeds from step S1 to step S9.

If the process proceeds to step S9 without detecting the rotation operation of the rotation dial 12, the CPU 27 determines whether or not the rotation display control of the menu displayed and controlled on the display unit 4 is continuing in this step S9 ( (Whether the menu is moving by inertia) is determined.

That is, in the case of this mobile phone, the CPU 27 controls the display of all the menus of the major items and some of the menus of the medium items at once on the display unit 4, but when the menu of the major items is selected, the rotary dial 12 is used. When the rotation operation is performed, all the menus of the major items are rotated and displayed, and the menus of the middle items are controlled to be rotated and displayed so as to follow the rotational movement of the menus of the major items with a slight delay.

The same applies when the menu of the middle item is selected. When the rotation dial 12 is rotated, the CPU 27 rotates and displays the menu of the middle item and is slightly delayed from the rotation movement of the menu of the middle item. Rotate display control of the menu of major items so that it follows with a slight feeling.

In this example, when the menu of the first layer (menu of large items) is rotated, the menu of the second layer (menu of middle items) is rotated accordingly, and conversely, the menu of the second layer is rotated. When the menu of the first layer is rotated, the menu of the first layer is rotated accordingly, but this is because when the menu of the first layer is rotated, only the menu of the first layer is rotated. However, when the menu of the second layer is rotated, only the menu of the operated layer may be rotated, for example, only the menu of the second layer is rotated.

The CPU27 controls the rotation display of the menu of each item in this way, but the menu of each item whose rotation display is controlled is delayed by one tempo (several msec) from the timing when the rotation operation of the rotation dial 12 is no longer detected. Stop control. Therefore, even if the rotation operation of the rotation dial 12 is not performed (immediately after the rotation operation of the rotation dial 12 is stopped), the menu of each item displayed on the display unit 4 may be displayed in rotation. In step S9, the CPU 27 determines whether or not the menu is being rotated and displayed by inertia, so to speak.

Next, in this step S9, when the CPU 27 determines that the menu is not displayed in rotation due to inertia, the process returns to step S1 and starts monitoring the presence or absence of the rotation operation of the rotation dial 12 again.

On the other hand, if it is determined in step S9 that the menu is rotated by inertia, the CPU 27 proceeds to step S10.

This step S10 is a step in which the rotation operation of the rotation dial 12 by the user is stopped, and immediately after the rotation operation is stopped, the menu of each of the above items is coasted and the rotation display is controlled. When the process proceeds to step S10, the CPU 27 controls the display of the menu so that the rotation speed of the menu rotating by inertia gradually decreases, and proceeds to the process in step S11.

Then, in step S11, the CPU 27 gradually returns the display angle of each menu of the second layer to the display angle before the start of rotation (in this case, 0 degree = facing) according to the rotation speed of gradually decelerating. In step S8, the display control of the second layer menu (and the icon of the first layer menu) with this display angle set to 0 degree is displayed on the display unit 4.

Specifically, while the first layer is being selected, the menu of the first layer is controlled to rotate as shown in FIG. 5B in response to the rotation operation of the rotation dial 12, and each of the second layers is controlled. The menu is controlled to rotate at a display angle according to the rotation speed, but the CPU27 gradually decelerates and controls the rotation speed of the menu of each layer at the timing when it detects that the rotation operation of the rotation dial 12 has stopped. , Control the display angle of each menu in the second layer so that the display angle of each menu in the second layer gradually approaches 0 degrees. Then, at the timing when the rotation of each menu is stopped and controlled, as shown in FIG. 5C, the display angle of each menu of the second layer is set to 0 degrees, and the display of each menu of the second layer is controlled.

Similarly, during the selection of the second layer, the icons of each menu of the first layer are displayed and controlled to be small and the rotation display is controlled according to the rotation operation of the rotation dial 12, as shown in FIG. 6 (b). , Each menu of the 2nd layer is largely displayed and controlled, and the rotation display is controlled at the display angle according to the rotation speed. However, the CPU 27 gradually performs each layer at the timing when the stop of the rotation operation of the rotation dial 12 is detected. In addition to controlling the rotation speed of the menu in the second layer, the display angle of each menu in the second layer is controlled so that the display angle of each menu in the second layer gradually approaches 0 degrees. Then, at the timing when the rotation of each menu is stopped and controlled, as shown in FIG. 6C, the display angle of each menu of the second layer is set to 0 degrees, and each menu of the second layer is displayed and controlled.

(Change display color) Here, when the menu of the first layer is selected, as shown in FIGS. 5 (a) and 5 (b), the icons of the menus of the first layer are largely controlled to be displayed on the display unit 4, and the icons of the first layer are displayed and controlled. The image surrounding the menu icon controls the display of each menu on the second level.

In addition, as each menu of the second layer, the menu of the second layer corresponding to the menu of the selected first layer, which is enlarged and displayed in the substantially central part of the display unit 4, is the other second layer. The display is controlled with a character color different from that of the menu of.

That is, FIG. 5 (a) is an example in which the network mode (NW mode) icon that imaged the earth is displayed and controlled in the substantially central part of the display unit 4. In this case, the CPU 27 is the NW. The characters "NW mode menu", "mail", "application", and "NW mode lock", which are the menus of the second layer corresponding to the mode, are displayed in different colors from the other menus of the second layer. Display control with.

Similarly, Fig. 5 (b) shows an example in which the icon of the setting mode, which is the image of a tool box, is displayed and controlled in the substantially central part of the display unit 4. In this case, the CPU 27 is set to this setting mode. Characters of "Initial setting", "Sound setting", "Screen setting" and "Manner setting", "Incoming / outgoing call", "Packet communication" and "Security", which are the corresponding menus of the second layer, are displayed. Display control is performed with a display color different from that of each menu on the other second layer.

In this way, each menu of the first layer and the second layer is displayed and controlled at once on the display unit 4, and the character color (display color) of the menu of the second layer corresponding to the selected menu of the first layer is set. , By controlling the display with a character color different from the character color of other 2nd layer menus, before shifting to the selection of the 2nd layer menu (= during the selection of the 1st layer menu), to the user Therefore, the menu of the second layer located below the menu of the first layer currently selected can be displayed differently from the menus of the other second layers. Therefore, it is possible to assist the user in selecting the menu of the first layer.

(Rotation display of the secondary menu that follows the rotation of the main menu) Next, when the rotation operation of the rotation dial 12 is performed when the menu of the first layer is selected, the CPU 27 controls the rotation display of the menu icon of the first layer in response to the rotation operation, and the first layer. The second-level menu is rotated and displayed so that it follows the icon of the menu of.

Similarly, when the rotation operation of the rotation dial 12 is performed when the menu of the second layer is selected, the CPU 27 controls the rotation display of the menu of the second layer in response to the rotation operation, and also controls the rotation display of the menu of the second layer. Rotate and control the menu on the first level so that it follows the menu icon with a slight delay.

That is, in the CPU27, when the menu of the first layer is selected, the menu of the first layer becomes the main menu and the menu of the second layer becomes the subordinate menu. Therefore, the rotation of the menu of the first layer is rotated by the menu of the second layer. The rotation display control of the menu of each layer is performed so that

In addition, in CPU27, when the menu of the second layer is selected, the menu of the second layer becomes the main menu and the menu of the first layer becomes the secondary menu. Therefore, the rotation of the menu of the first layer is rotated by the rotation of the menu of the first layer. The rotation display control of the menu of each layer is performed so that

FIG. 7 shows the relationship between the main menu and the submenu in the rotation display control. In FIG. 7, the horizontal axis shows the time axis and the vertical axis shows the movement distance of the menu. Further, the graph shown by a straight line is a graph when the rotation speed of the main menu and the rotation speed of the secondary menu are set to the same rotation speed. In this case, the graph is a linear graph extending linearly because the main menu and the slave menu have the same rotation speed. However, in the case of this mobile phone, the CPU 27 uses the main menu and the slave menu as described below. Control the rotation speed of.

That is, when the rotation display control of the main menu is performed, the CPU 27 increases the rotation speed substantially linearly until the rotation speed of the main menu reaches the maximum rotation speed, as shown by a single point chain line in FIG. After the rotation speed of the menu reaches the maximum rotation speed, the rotation display control of the main menu is performed so as to draw a parabolic line that maintains the maximum rotation speed.

Specifically, CPU27 assumes that the movement distance of the main menu is "d1 (t)". d1 (t) = t + (1 / π) sin (πt) The display control of the main menu is performed so that the moving distance "d1 (t)" calculated by the calculation formula of is obtained.

On the other hand, when controlling the rotation display of the slave menu, the CPU 27 initially controls the rotation display of the slave menu at a low speed, as shown by the dotted line in FIG. 7, and the rotation speed is substantially linear after a predetermined time has elapsed. After the rotation speed of the slave menu reaches the maximum rotation speed, the rotation display control of the slave menu is performed so as to draw a curve that maintains the maximum rotation speed.

Specifically, CPU27 assumes that the movement distance of the secondary menu is "d2 (t)". d2 (t) = t- (1 / 2π) sin (2πt) The display control of the main menu is performed so that the moving distance "d2 (t)" calculated by the calculation formula of is obtained.

For example, when an object A and an object B are connected by a rubber member and the object A is moved along the outer circumference of a predetermined circle, the tension of the rubber member, the weight of the object B, the frictional force, and the like cause up to a certain distance. Only the object A moves, but when the moving distance of the object A exceeds the above-mentioned constant distance, the movement of the object B gradually starts, and when the moving distance of the object A exceeds the above-mentioned constant distance, the movement of the object A Object B moves in a manner that follows the movement.

The relationship between the main menu and the sub-menu in the rotation display control described with reference to FIG. 7 is similar to the relationship between the object A and the object B connected by the rubber member. That is, when the CPU 27 controls the rotation display of the slave menu, the slave menu starts to rotate with a slight delay with respect to the rotation of the main menu, and after a certain period of time, rotates at the same rotation speed as the main menu. The rotation display control of the secondary menu is performed.

In other words, the CPU27 starts the rotation display control of the menu (= main menu) of the selected hierarchy first, and sets the menu (= submenu) of the other hierarchy corresponding to the menu of the selected hierarchy. The rotation display is controlled so as to follow the rotation of the menu of the selected hierarchy.

As a result, the menu of the selected layer starts rotating first, so even if the menus of the two layers of the first layer and the second layer are displayed on the display unit 4 at the same time, the menu is selected for the user. The menu in the middle hierarchy can be easily recognized.

(Scroll bar that supports seamless menus on the second level) Normally, the menu is defined as a menu located at the beginning (starting end) and a menu located at the tail (end). Therefore, if a scroll bar that moves according to the movement of the cursor by the user is provided, the user can recognize the current position of the cursor in the entire menu by looking at the scroll bar.

However, in the case of the mobile phone, since the menus of the second layer are seamlessly connected as described above, there is no menu to be the start and the menu to be the end, and the current cursor position in the entire menu. There is a problem that it is difficult to grasp.

Therefore, the CPU 27 of the mobile phone grasps the current cursor position along the left end of the display unit 4 as shown in FIGS. 3 (a) and 3 (b) when displaying the menu of the second layer. Display control of the scroll bar 30 that enables it.

FIG. 8 shows a schematic diagram of the scroll bar 30. The entire scroll bar 30 is divided according to the number of menus in the first layer. In the case of this example, since the number of menus in the first layer is 5, the whole is divided into 5 areas. For example, from the top area, "NW mode area", "Entertainment mode area", " Each menu of the first layer is assigned such as "telephone setting mode area", "schedule setting mode area", and "setting mode area".

The length of each of the above areas is determined according to the number of menus in the second layer corresponding to the menus in the first layer. For example, as shown in FIG. 8, when the number of menus in the second layer of the telephone setting mode is larger than the number of menus in the second layer of the schedule setting mode, the length of the telephone setting mode area is set to the schedule setting mode. It will be longer than the length of the area.

The CPU 27 has a first cursor 31 (indicated by diagonal lines in FIG. 8) in any of the above areas corresponding to the menu of the first layer enlarged and displayed in the center of the display unit 4 in response to the rotation operation of the rotation dial 12. Move the cursor) to control the display.

As described above, the length of each area is determined according to the number of menus in the second layer. Therefore, the length of the first cursor 31 also changes according to the length allocated to the area (= the number of menus in the second layer).

Next, the display of the second cursor 32 is controlled on the first cursor 31. The second cursor 32 is displayed and controlled at a position corresponding to the currently selected menu in the entire menu of the second layer corresponding to the selected menu of the first layer.

For example, when the entertainment mode menu is selected from the menu of the first layer, the cursor 31 is displayed in the area corresponding to this entertainment mode as shown in FIG. As the menu of the second layer of this entertainment mode, for example, "My Select", "Camera", "My Picture", "Music Panel", "Melody Folder", "Barcode Recognition", "External Memory", "Main Unit" If there are a total of 8 menus of "Information" and the above "Camera" menu is located at the cursor CR position, this "Camera" menu is the second menu out of a total of 8 menus. Therefore, the CPU 27 divides the first cursor 31 into eight equal parts, and displays and controls the second cursor 32 in the second area of these eight areas.

That is, in the case of this scroll bar 30, it corresponds to the first cursor 31 that is moved and displayed on the scroll bar 30 corresponding to the selected menu of the first layer, and the menu of the selected second layer. It has a so-called double cursor configuration having a second cursor 32 whose movement display is controlled on the first cursor 31.

The CPU 27 moves and controls the first cursor 31 to the area corresponding to the menu of the first layer selected by the user. The length of the first cursor 31 corresponds to the number of menus in the second layer corresponding to the menu in the first layer selected above. Therefore, the CPU 27 is placed at the position on the first cursor 31 corresponding to the menu at the position of the cursor CR among all the menus of the second layer corresponding to the selected menu of the first layer. , The second cursor 32 is moved and displayed.

As a result, when the first layer is selected, the CPU 27 controls the movement display of the first cursor 31 on the scroll bar 30 as shown in FIGS. 3 (a) and 3 (b), and when the second layer is selected, the figure is shown. As shown in 6 (a) to (c), the CPU 27 controls the movement display of the second cursor 32 on the first cursor 31.

An example of a program (action script) in the display control of each of the cursors 31 and 32 is shown below. // Set the length per menu Item Height = Scrollbar Height / Menu Item Num; // Set the length and position of the first cursor 31 Group Focus._y = Selected Group Num * Item Height; Group Focus._height = Item Height * Group Item Num Array [Selected Group Num]; // Set the length and position of the second cursor within the first cursor 31 Cursor Focus._y = Selected Item Num * Item Height; Cursor Focus._height = Item Height; FIG. 9 shows a flowchart of display control of the cursors 31 and 32 based on such a program. In the flowchart shown in FIG. 9, in step S21, the CPU 27 monitors the rotation operation of the rotation dial 12 to determine whether or not the rotation operation of the rotation dial 12 has been performed.

Next, the scroll bar 30 displays the positional relationship between the currently selected menus of the first layer and the second layer. Therefore, when the rotation operation of the rotation dial 12 is detected, the CPU 27 determines in step S22 whether or not the menu of the first layer or the second layer is currently displayed on the display unit 4.

If the CPU 27 determines in step S22 that the menu of the third layer is displayed, the CPU 27 returns the process to step S21 and monitors the rotation operation of the rotation dial 12 described above. Become.

Next, in step S23, it is determined whether or not the screen is currently scrolling (whether or not the menu is in a state of inertial rotation by rotation display control). When the screen is scrolling (if Yes), the CPU 27 continuously draws the menu under rotation display control in step S24 on the display unit 4, and in step S25, displays the scroll bar 30 on the display unit 4. Drawing process.

Next, the CPU 27 draws the first cursor 31 in step S26, and draws the second cursor 32 in the first cursor 31 in step S27.

As a result, as shown in FIG. 8, the range of the second-tier menu corresponding to the selected first-tier where the cursor CR is currently located in the entire seamlessly connected second-tier menu ( (Displayed by the first cursor 31.) And, of the menus of the second layer corresponding to the above first layer, the menu of the second layer (displayed by the second cursor 32) where the cursor CR is currently located is displayed. Will be done.

(Modified example of scroll bar) In the above example, the bar-shaped scroll bar 30 to the second cursor 32 are displayed in the rightmost area of the display unit 4, but as shown in FIG. 10, this is the second seamlessly connected second cursor. The circular scroll bar 30 to the second cursor 32, which makes the user imagine the menu of the hierarchy, may be displayed.

Even in this case, as described above, the first cursor 31 is displayed and controlled in the area corresponding to the selected or selected first-level menu, and the second cursor 32 is selected or selected. The display will be controlled in the area corresponding to the two-level menu.

In addition, it was decided to apply the scroll bars 30 to the second cursor 32 to seamlessly connected menus such as the menus in the second layer above, but in addition to this, the start and end are defined. , The scroll bar 30 to the second cursor 32 may be applied to a menu having a number that cannot be displayed at one time in the display screen.

In this case, even if the menu corresponding to the start end and the menu corresponding to the end end are defined, the menus cannot be displayed on the display screen at one time because there are many menus. Therefore, it is difficult for the user to recognize which part of the entire menu is currently displayed on the display screen. In such a case, by applying the scroll bar 30 to the second cursor 32, the user can easily know which part of the entire menu is currently displayed on the display screen. Can be recognized.

Add Visual Effects to Selected Menu Next, in this mobile phone, a predetermined visual effect is added to the selected menu and the selected menu to control the display. As an example of this visual effect, a total of four types of visual effects are provided: "Cosmos (space)", "air (wind)", "liquid (water)", and "fire (flame)". ing. Of these visual effects, for example, the "petal" visual effect is set as the default visual effect.

The drawing information and drawing processing program of each visual effect are stored in the memory 23 shown in FIG. 2, and the CPU 27 performs each visual based on the drawing processing program and drawing information stored in the memory 23. Control the display of menus with effects.

In addition, the user can select and set a desired visual effect, and when the desired visual effect is selected by the user, the CPU 27 provides information indicating the selected visual effect as shown in FIG. When the memory 23 is stored and controlled, and thereafter, when the menu is displayed and controlled, a visual effect corresponding to the information stored in the memory 23 is added to control the display of the menu.

(Cosmos visual effects) Figure 11 shows a display example of a menu with a cosmos (space) visual effect. FIG. 11 is a display example in which a cosmos visual effect is added to the menu of the network mode (NW mode) of the first layer.

As described above, the menus of the first layer are sequentially rotated and displayed according to the rotation operation of the rotary dial 12, and when each menu is located in the substantially central area of the display unit 4, a predetermined enlargement ratio is obtained. In this case, the CPU27 adds a visual effect of a video in which innumerable meteors (fireballs) are emitted radially from the icon of the enlarged menu to the enlarged menu. Display control.

As will be described later, the moving speed of this meteor changes according to the rotation operation speed of the rotary dial 12 (= the rotation speed of the menu). Therefore, when the rotary dial 12 is rotated at high speed, an image in which meteors are radially emitted at high speed from a menu located in a region approximately in the center of the display unit 4 is displayed on the display unit 4.

(Visual effect of air) FIG. 12 shows a display example in which an air (wind) visual effect is added to the entertainment mode menu of the first layer.

In this case, the CPU 27 controls the display of innumerable petals in the display screen of the display unit 4, and adds the visual effect of the moving image in which the innumerable petals dance due to the wind to the enlarged menu to control the display.

As will be described later, the moving speed of the petals changes according to the rotation operation speed of the rotary dial 12 (= the rotation speed of the menu). Therefore, when the rotary dial 12 is rotated at high speed, an image in which the petals in the display unit 4 dance at high speed is displayed.

(Liquid visual effect) FIG. 13 shows a display example in which a liquid (water) visual effect is added to the NW mode menu of the first layer.

In this case, the CPU 27 controls the display of the NW mode menu icon by adding a visual effect of a moving image in which innumerable bubbles rise upward to the NW mode menu.

As will be described later, the number of bubbles and the rising speed of the bubbles change according to the rotation operation speed of the rotary dial 12 (= the rotation speed of the menu). Therefore, when the rotary dial 12 is rotated at high speed, the number of bubbles increases and an image rising at high speed is displayed.

(Fire visual effects) FIG. 14 shows a display example in which a fire (flame) visual effect is added to the menu of the telephone setting mode of the first layer.

In this case, the CPU 27 controls the display of the icon of the menu of the telephone setting mode by adding a visual effect of a moving image in which the flame rises upward to the menu of the telephone setting mode.

As will be described later, the magnitude of the flame and the rising speed change according to the rotation operation speed of the rotary dial 12 (= the rotation speed of the menu). Therefore, when the rotary dial 12 is rotated at high speed, the size of the flame becomes large and an image in which the flame rises at high speed is displayed.

(Display example of visual effect added to the menu of the second layer) The above is a display example when a visual effect is added to the menu of the first layer, but the above default or the visual effect selected by the user is also added when the menu of the second layer is selected. ..

FIGS. 15 (a) to 15 (c) show a display example in which the above-mentioned "air (wind)" visual effect is added when the menu of the second layer is selected. FIG. 15 (a) shows an example of displaying the visual effect of air when the rotary dial 12 is not rotated, and FIG. 15 (b) shows air when the rotary dial 12 is rotated at a low speed. FIG. 15 (c) shows an example of displaying the visual effect of Air, and FIG. 15 (c) shows an example of displaying the visual effect of air when the rotary dial 12 is rotated at high speed.

Specifically, when the rotary dial 12 is not rotated, a so-called windless state is expressed, and the CPU 27 is a predetermined portion in the display unit 4 as shown in FIG. 15 (a). Petals appear from the top of the display, and the petals that flutter down toward the bottom of the display are drawn.

When the rotary dial 12 is rotated at a low speed, it expresses a state in which a weak wind is blowing, and the CPU 27 gently dances the petals in the display unit 4 as shown in FIG. 15 (b). Drawing process. Then, when the rotary dial 12 is rotated at high speed, it expresses a state in which a strong wind is blowing, and the CPU 27 violently dances the petals in the display unit 4 as shown in FIG. 15 (c). Draw processing.

The drawing process of such a visual effect is the same for other visual effects (such as the above-mentioned cosmos and liquid), and the amount and speed are changed according to the rotation operation of the rotation dial 12, and the menu of the second layer is changed. Is added when is selected.

(Rotational speed Control of the transparency of the cursor CR according to the ) Here, the CPU 27 controls the transparency when displaying the cursor CR according to the rotation speed of the menu.

That is, when the rotary dial 12 is not rotated, the CPU 27 clearly controls the display of the cursor CR as shown in FIG. 15 (a), but the rotary dial 12 is rotated as shown in FIG. 15 (b). As the rotation speed of the menu increases, the transparency of the cursor CR gradually increases according to this rotation speed, and at high speed rotation, the cursor becomes almost translucent as shown in Fig. 15 (c). Display control of CR.

As a result, it is possible to produce a sense of speed of rotation of the menu. Further, since the cursor CR is displayed semi-transparently, it is possible to improve the visibility of the menu when the menu is rotated at high speed.

(Display example of visual effect added to the menu of the 3rd layer) Similarly, the above default or user-selected visual effect is also added when a third-tier menu is selected.

FIGS. 16 (a) to 16 (c) show a display example in which each of the above visual effects is added when the menu of the third layer is selected. FIG. 16 (a) shows an example of displaying the menu of the third layer to which the above-mentioned "air" visual effect is added, and FIG. 16 (b) shows the third layer to which the above-mentioned "fire" visual effect is added. As an example of displaying the menu of the hierarchy, FIG. 16 (c) shows a display example of the menu of the third hierarchy to which the above-mentioned "liquid" visual effect is added.

The display of the menu of the third layer is the same as the display of the menu of the other layers. For example, in the case of "air", as shown in FIG. 16 (a), the CPU 27 rotates the rotary dial 12. The number of fluttering petals and the fluttering speed are variably controlled according to the amount and rotation operation speed.

In the case of "fire", as shown in FIG. 16 (b), the CPU 27 variably controls the size of the rising flame and the rising speed according to the rotation operation amount and the rotation operation speed of the rotation dial 12. It has become like.

Further, in the case of "liquid", as shown in FIG. 16 (c), the CPU 27 variably controls the number of rising bubbles and the rising speed according to the rotation operation amount and the rotation operation speed of the rotary dial 12. It has become like.

(Flow of adding visual effects) FIG. 17 shows the flow of adding such a visual effect.

First, the CPU 27 determines in step S31 whether or not the rotation dial 12 has been rotated, and if it detects the rotation operation of the rotation dial 12, the process proceeds to step S32 and the rotation operation of the rotation dial 12 is detected. If not, the process proceeds to step S36.

In the case of this example, the menu of the third layer stops scrolling at the beginning and the end. Therefore, in step S32, the CPU 27 determines whether or not the menu can be scrolled in response to the rotation operation of the rotation dial 12. Then, if the menu cannot be scrolled, the process is returned to step S31, and the rotation operation of the rotation dial 12 is continuously monitored.

When the menu can be scrolled, the CPU 27 proceeds to step S33, and in step S33, the menu of one of the layers is displayed on the display unit 4 as described above in response to the rotation operation of the rotation dial 12. Control.

Then, in step S34, a visual effect corresponding to the position, speed, and moving direction of the menu is formed, and this visual effect is drawn in step S35.

On the other hand, if the rotation operation of the rotary dial 12 is not detected in step S31, the CPU 27 determines whether or not a predetermined time (for example, 10 seconds) or more has elapsed since the rotation operation of the rotary dial 12 was not detected in step S36. Determine.

That is, the CPU 27 starts time counting by the timer at the timing when the rotation operation of the rotation dial 12 is no longer detected, and the drawing process and the step in which the visual effect is added in step S35 until, for example, 10 seconds elapse from the start of this time measurement. The presence or absence of the rotation operation of the rotary dial 12 is detected by S31, and the process proceeds to step S37 at the timing when 10 seconds have elapsed from the start of the above timing.

In step S37, the CPU 27 gradually reduces the effect amount so that the effect amount becomes zero in, for example, 15 seconds, and in step S35, the visual effect of the reduced effect amount is drawn.

(Flow of adding visual effects of cosmos) Next, Fig. 18 shows the flow of drawing the Cosmos visual effect.

First, the CPU 27 determines in step S41 whether or not the rotation dial 12 has been rotated, and if it detects the rotation operation of the rotation dial 12, the process proceeds to step S42 and the rotation operation of the rotation dial 12 is detected. If not, the process proceeds to step S47.

In the case of this example, the menu of the third layer stops scrolling at the beginning and the end. Therefore, in step S42, the CPU 27 determines whether or not the menu can be scrolled in response to the rotation operation of the rotation dial 12. Then, if the menu cannot be scrolled, the process is returned to step S41, and the rotation operation of the rotation dial 12 is continuously monitored.

When the menu can be scrolled, the CPU 27 proceeds to step S43, and in step S43, the menu of one of the layers is displayed on the display unit 4 as described above in response to the rotation operation of the rotation dial 12. Controlled and the process proceeds to step S44.

On the other hand, when the rotation operation of the rotation dial 12 is not detected in step S41, the CPU 27 detects (calculates) the time (idle time) elapsed from the non-detection timing of the rotation operation in step S47. ), And the process proceeds to step S44.

In step S44, the CPU 27 draws a meteor having a speed corresponding to the moving speed of the menu, and proceeds to step S45. As a result, as shown in FIG. 11, the menu located in the substantially central area of the display unit 4 is emitted radially, and the moving speed corresponds to the rotation operation speed of the rotary dial 12 (= the rotation speed of the menu). The changing image of the meteor will be displayed on the display unit 4.

The CPU 27 monitors the display position of each meteor whose movement display is controlled in this way, and in step S45, detects the presence or absence of a meteor whose display position is located outside the display area of the display unit 4 ( Detects framed out meteors.). Then, if a frame-out meteor is detected, the process proceeds to step S48, and if a frame-out meteor is not detected, the process proceeds to step S46.

If the frame-out meteor is not detected, the CPU 27 continuously executes the drawing process of each meteor in step S46 according to the rotation operation speed of the rotation dial 12 detected in step S44.

On the other hand, when a frame-out meteor is detected, the CPU 27 determines in step S48 whether or not the idle time detected in step S47 has reached 10 seconds or more.

If the idle time is less than 10 seconds, not much time has passed since the rotation operation of the rotary dial 12 was not detected, so the CPU27 formed a new meteor in step S49 to replace the framed out meteor. This is drawn in step S46. That is, the CPU 27 is designed to display and control a constant number of meteors, such as 10 meteors, on the display unit 4 in advance, and performs drawing processing in a form that complements the frame-out meteors. As a result, a constant number of meteors are always drawn in the display unit 4.

Here, the constant number of meteors is always drawn when the idle time is less than 10 seconds. When it is detected in step S48 that the idle time has elapsed for 10 seconds or more, the CPU 27 does not draw a meteor that replaces the frame-out meteor, and in step S46, the meteor existing in the display screen is not drawn. Continues the drawing process of. As a result, after the rotation operation of the rotary dial 12 is no longer detected, the meteor displayed on the display unit 4 is gradually framed out.

(Flow of adding visual effects of air) Next, Fig. 19 shows the flow up to the drawing process of the air visual effect.

First, the CPU 27 determines in step S51 whether or not the rotation dial 12 has been rotated, and if it detects the rotation operation of the rotation dial 12, the process proceeds to step S52 and the rotation operation of the rotation dial 12 is detected. If not, the process proceeds to step S58.

As described above, in the case of this example, the menu of the third layer stops scrolling at the beginning and the end. Therefore, in step S52, the CPU 27 determines whether or not the menu can be scrolled in response to the rotation operation of the rotation dial 12. Then, if the menu cannot be scrolled, the process is returned to step S51, and the rotation operation of the rotation dial 12 is continuously monitored.

When the menu can be scrolled, the CPU 27 proceeds to step S53, and in step S53, the menu of one of the layers is displayed on the display unit 4 as described above in response to the rotation operation of the rotation dial 12. Control and proceed to step S54.

In step S54, the CPU 27 sets the value of the wind parameter with respect to the moving direction of the menu in the direction of increasing (the wind parameter is set in the direction of acceleration). In step S55, the CPU 27 changes the vector value of each petal to be displayed and controlled on the display unit 4 based on the wind parameter set in step S54, and in step S57, the display unit 4 is based on the changed vector value. Draws the petals that dance in the wind. As a result, the petals flying in the display unit 4 are drawn by the wind of the strength corresponding to the rotation operation of the rotary dial 12.

On the other hand, when the rotation operation of the rotation dial 12 is not detected in step S51, the CPU 27 detects (calculates) the time (idle time) elapsed from the non-detection timing of the rotation operation in step S58. , Proceed to step S59.

In step S59, since the rotation operation of the rotary dial 12 is no longer detected, the CPU 27 sets the value of the wind parameter in the direction of decreasing (the wind parameter is set in the direction of deceleration). Then, in step S55, the CPU 27 changes the vector value of each petal to be displayed and controlled on the display unit 4 based on the wind parameter set in step S59, and in step S57, the vector value is displayed based on the changed vector value. The petals that dance in the wind are drawn in Part 4. As a result, the petals that gently dance in the gradually weakening wind are drawn on the display unit 4.

Next, the CPU 27 monitors the display position of each petal whose display is controlled in this way, and in step S56, detects the presence or absence of the petal whose display position is located outside the display area of the display unit 4. (Detects framed out petals). Then, if the frame-out petals are detected, the process proceeds to step S60, and if the frame-out petals are not detected, the process proceeds to step S57.

If the frame-out petals are not detected, the CPU 27 continuously executes the drawing process of each petal in step S57 based on the vector value set in step S55.

On the other hand, when the frame-out petals are detected, the CPU 27 determines in step S60 whether or not the idle time detected in step S58 has reached 10 seconds or more.

If the idle time is less than 10 seconds, not much time has passed since the rotation operation of the rotary dial 12 was not detected, so the CPU27 formed new petals in step S61 to replace the framed out petals. This is drawn in step S57. That is, the CPU 27 is designed to display and control a constant number of petals, such as 20 sheets, on the display unit 4 in advance, and performs drawing processing in a form that complements the petals that have been framed out. As a result, a constant number of petals are always drawn in the display unit 4.

Here, the constant number of petals is always drawn when the idle time is less than 10 seconds. When it is detected in step S60 that the idle time has elapsed for 10 seconds or more, the CPU 27 does not draw the petals that replace the frame-out petals, and in step S57, the petals existing in the display screen are not drawn. Continues the drawing process of. As a result, after the rotation operation of the rotary dial 12 is no longer detected, the petals displayed on the display unit 4 are gradually framed out.

(Flow of adding visual effects of fire) Next, Fig. 20 shows the flow of drawing the fire visual effect.

First, the CPU 27 determines in step S71 whether or not the rotation dial 12 has been rotated, and if it detects the rotation operation of the rotation dial 12, the process proceeds to step S72 and the rotation operation of the rotation dial 12 is detected. If not, the process proceeds to step S78.

As described above, in the case of this example, the menu of the third layer stops scrolling at the beginning and the end. Therefore, in step S72, the CPU 27 determines whether or not the menu can be scrolled in response to the rotation operation of the rotation dial 12. Then, if the menu cannot be scrolled, the process is returned to step S71, and the rotation operation of the rotation dial 12 is continuously monitored.

When the menu can be scrolled, the CPU 27 proceeds to step S73, and in step S73, the menu of one of the layers is displayed on the display unit 4 as described above in response to the rotation operation of the rotation dial 12. Controlled and the process proceeds to step S74.

In step S74, the CPU 27 sets the value of the wind parameter with respect to the moving direction of the menu in the direction of increasing (the wind parameter is set in the direction of acceleration). In step S75, the CPU 27 changes the vector value of the sparks to be displayed and controlled on the display unit 4 based on the wind parameter set in step S74, and in step S77, based on this changed vector value, the display unit 4 is displayed. Draws the flames soaring in the wind. As a result, the flame that burns with the wind of the strength corresponding to the rotation operation of the rotary dial 12 is drawn in the display unit 4.

On the other hand, when the rotation operation of the rotation dial 12 is not detected in step S71, the CPU 27 detects (calculates) the time (idle time) elapsed from the non-detection timing of the rotation operation in step S78. , Proceed to step S79.

In step S79, since the rotation operation of the rotary dial 12 is no longer detected, the CPU 27 sets the value of the wind parameter in the direction of decreasing (the wind parameter is set in the direction of deceleration). Then, in step S75, the CPU 27 changes the vector value of the flame to be displayed and controlled on the display unit 4 based on the wind parameter set in step S79, and in step S77, the display unit is based on the changed vector value. Draw the flame soaring in the wind to 4. As a result, the flame that gently dances due to the gradually weakening wind is drawn on the display unit 4.

Next, the CPU 27 monitors the display position of the flame or sparks whose display is controlled in this way, and in step S76, the display position of the flame or sparks is located outside the display area of the display unit 4. Detects the presence or absence (detects flames and sparks that are out of frame). Then, if the flame or spark that is out of the frame is detected, the process proceeds to step S80, and if the flame or spark that is out of the frame is not detected, the process proceeds to step S77.

If the frame-out flame or spark is not detected, the CPU 27 continuously executes the existing flame or spark drawing process in step S77 based on the vector value set in step S75.

On the other hand, when a flame or spark that is out of frame is detected, the CPU 27 determines in step S80 whether or not the idle time detected in step S78 is 10 seconds or more.

If the idle time is less than 10 seconds, not much time has passed since the rotation operation of the rotary dial 12 was not detected, so the CPU27 in step S81 will replace the framed out flame or spark with a new flame or spark. Is formed, and this is drawn in step S77. That is, the CPU 27 is designed to display and control a constant number of flames and sparks on the display unit 4 in advance, and performs drawing processing in a form that complements the frame-out flames and sparks. As a result, a constant number of flames and sparks are always drawn in the display unit 4.

Here, the constant number of flames and sparks are always drawn when the idle time is less than 10 seconds. When it is detected in step S80 that the idle time has elapsed for 10 seconds or more, the CPU 27 does not draw the flame or spark that replaces the frame-out flame or spark, and in step S77, the display screen is displayed. Continue to execute the drawing process of the flames and sparks that exist in. As a result, after the rotation operation of the rotary dial 12 is no longer detected, the flames and sparks displayed on the display unit 4 gradually become smaller.

(Flow of adding liquid visual effects) Next, Fig. 21 shows the flow up to the drawing process of the liquid visual effect.

First, the CPU 27 determines in step S91 whether or not the rotation dial 12 has been rotated, and if it detects the rotation operation of the rotation dial 12, the process proceeds to step S92 and the rotation operation of the rotation dial 12 is detected. If not, the process proceeds to step S95.

As described above, in the case of this example, the menu of the third layer stops scrolling at the beginning and the end. Therefore, in step S92, the CPU 27 determines whether or not the menu can be scrolled in response to the rotation operation of the rotation dial 12. Then, if the menu cannot be scrolled, the process is returned to step S91, and the rotation operation of the rotation dial 12 is continuously monitored.

When the menu can be scrolled, the CPU 27 proceeds to step S93, and in step S93, the menu of one of the layers is displayed on the display unit 4 as described above in response to the rotation operation of the rotation dial 12. Controlled and the process proceeds to step S94.

In step S94, the CPU 27 forms bubbles of a size and number corresponding to the amount of movement of the menu. Then, the bubbles are drawn on the display unit 4 in step S95. As a result, bubbles having a size and a number corresponding to the rotation operation amount of the rotary dial 12 are drawn on the display unit 4.

On the other hand, when the rotation operation of the rotation dial 12 is not detected in the step S91, the CPU 27 corresponds to the time elapsed from the non-detection timing of the rotation operation (= the idle time) in the step S95. The size of the bubbles is gradually reduced, and the number of bubbles is gradually reduced to draw the bubbles.

As a result, bubbles that gradually decrease in size and gradually decrease in number according to the time elapsed since the rotation operation of the rotary dial 12 is no longer detected are displayed and controlled on the display unit 4. Become.

(Visual effect on / off setting) Secondly, such visual effects can be arbitrarily turned on / off by the user.

Specifically, the information on the on / off setting of the visual effect by the user is stored in the memory 23 shown in FIG. When the rotation dial 12 is rotated, the CPU 27 reads out the information on the on / off setting of the visual effect stored in the memory 23, and if the visual effect is set to on, as described above. The menu is displayed and controlled by adding a visual effect, and when the visual effect is set to off, the menu is displayed and controlled without adding the visual effect.

In this way, it is possible to save power by making it possible to turn off the addition of visual effects. Further, when displaying the menu, the CPU 27 does not have to perform arithmetic processing corresponding to the visual effect, so that the reaction speed to the menu display or the like can be improved.

[Effects of the best form for carrying out the invention] 1. In the mobile phone which is the best mode for carrying out the present invention, the menu has a hierarchical structure of the first layer to the third layer, and at least the menus of the first layer and the second layer are seamlessly connected. Has been done. Then, at least the menus of the first layer and the second layer are displayed on one display screen at the same time.

When the rotation dial 12 is rotated, the CPU 27 controls the seamlessly connected first-layer and second-layer menus to be rotated and displayed according to the rotation operation amount and the rotation operation speed of the rotation dial 12. .. At this time, the CPU 27 adjusts the display angle of each menu and controls the display as if the centrifugal force due to the rotation is acting on the menu to be rotated and displayed.

Further, when the CPU 27 detects that the rotation operation of the rotary dial 12 has stopped, the CPU 27 controls the display of the menu so as to gradually return the added angle to the original display angle (facing).

As a result, the seamlessly connected menus are rotated and displayed in the direction corresponding to the operation direction of the rotary dial 12, so that a sense of unity as if the menus are on the rotary dial 12 can be produced. Therefore, it is possible to prevent the user from being confused by the rotation of the menu, and it is possible to easily select a desired menu from a large number of menus.

In addition, since the display angle of the menu expands radially in proportion to the rotation speed of the menu, it is possible to give the user the feeling that centrifugal force has acted on the menu, similar to the real world. It is possible to give a feeling of familiar operation.

Further, when the rotation operation of the rotary dial 12 is stopped, the display angle of the menu that has spread radially faces the original display angle, so that the visibility of the menu can be maintained.

2. When the menu of the 1st layer is rotated, the menu of the 2nd layer rotates following the rotation of the menu of the 1st layer, and when the menu of the 2nd layer is rotated, the 1st layer The menu of the hierarchy rotates following the rotation of the menu of the second hierarchy. Therefore, it is possible to make the user intuitively recognize the menu of the hierarchy of the operating person.

3. The rotation direction of the menu with respect to the rotation operation direction of the rotation dial 12 can be changed with one touch by the right soft key 13 or the left soft key 14. Therefore, it is possible to provide a mobile phone corresponding to a difference in operation feeling of a user and a difference in a dominant hand.

4. As shown in Figure 8, of the seamlessly connected second-tier menus, the range of second-tier menus corresponding to the selected first-tier where the cursor CR is currently located (first). (Displayed by cursor 31 of 1), and among the menus of the second layer corresponding to the above first layer, the menu of the second layer where the cursor CR is currently located (displayed by the second cursor 32) is displayed. It has become like.

Therefore, for the user, at the same time, both how much information is displayed on the current display screen and which part of the total information is displayed on the display screen. Can be shown.

Therefore, the user can intuitively recognize the rotation operation amount of the rotary dial 12 and the scroll amount of the menu, and it is possible to prevent unnecessary rotation operation of the rotary dial 12.

If the menus are connected seamlessly, the location of the entire menu will move, making it difficult to remember which menu was on which side. By providing such a scroll bar 30, It is possible to let the user grasp the approximate position of the menu to be searched.

5. By adding the above-mentioned visual effects such as air and liquid according to the moving direction and moving speed of the menu, the visual effects corresponding to the moving direction and moving speed of the menu will be added. , It is possible to prevent the inconvenience that the user loses track of the moving direction of the menu.

In addition, since the amount of visual effect added changes according to the movement amount and movement speed of the menu, it is possible to intuitively grasp the movement amount and movement speed of the menu, and the user can rotate. It can give you the pleasure of operating the dial 12.

Further, by adjusting the transparency of the cursor CR according to the rotation speed of the menu, it is possible to produce a sense of speed of rotation of the menu. In addition, it is possible to improve the visibility of the menu at the time of high-speed rotation.

Further, by making the visual effect added to the menu set to off, it is possible to save power on the battery of the mobile phone. Further, when displaying the menu, the CPU 27 does not have to perform arithmetic processing corresponding to the visual effect, so that the reaction speed to the menu display or the like can be improved.

In the above description, the present invention is applied to a mobile phone, but in addition to this, the present invention is applied to a PHS phone (PHS: Personal Handyphone System), a PDA device (PDA: Personal Digital Assistant), and a personal computer device. It may be applied to the terminal device such as.

Finally, the best mode for carrying out the invention described above is an example of the invention. Therefore, the present invention is not limited to the above-described embodiment, and various modifications other than the above-described embodiment can be made according to the design and the like as long as the technical idea of the present invention is not deviated. It should be added that it is possible, of course.

The present invention can be applied to terminal devices such as mobile phones, PHS phones (PHS: Personal Handyphone System), PDA devices (PDA: Personal Digital Assistant), and personal computer devices.

<figref num="1">It is a perspective view of the mobile phone which becomes the best form for carrying out this invention.</figref><figref num="2">It is a schematic block diagram of a mobile phone.</figref><figref num="3">It is a schematic diagram of the display screen for explaining the hierarchical structure of the menu of a mobile phone.</figref><figref num="4">It is a flowchart for demonstrating the rotation display control of a menu.</figref><figref num="5">It is a schematic diagram of the display screen for explaining the rotation display control of the menu of the 1st layer.</figref><figref num="6">It is a schematic diagram of the display screen for explaining the rotation display control of the menu of the 2nd layer.</figref><figref num="7">It is a figure for demonstrating the rotation operation of the secondary menu which rotates according to the rotation of the main menu which performs a rotation operation.</figref><figref num="8">It is a schematic diagram of the scroll bar displayed on the display part when a menu is selected.</figref><figref num="9">It is a flowchart for demonstrating the flow of the drawing process of a scroll bar.</figref><figref num="10">It is a schematic diagram of the modification of the scroll bar.</figref><figref num="11">It is a figure which shows the display example which added the visual effect of cosmos to the menu of the 1st layer.</figref><figref num="12">It is a figure which shows the display example which added the visual effect of air to the menu of the 1st layer.</figref><figref num="13">It is a figure which shows the display example which added the visual effect of liquid to the menu of the 1st layer.</figref><figref num="14">It is a figure which shows the display example which added the visual effect of fire to the menu of the 1st layer.</figref><figref num="15">It is a figure which shows the relationship between the addition amount of the visual effect, and the rotation speed when the visual effect of air is added to the menu of the 2nd layer.</figref><figref num="16">It is a figure which shows the display example which added the visual effect to the menu of the 3rd layer.</figref><figref num="17">It is a flowchart for explaining the flow to add a visual effect to a menu.</figref><figref num="18">It is a flowchart for explaining the flow to add a visual effect of cosmos to a menu.</figref><figref num="19">It is a flowchart for explaining the flow to add a visual effect of air to a menu.</figref><figref num="20">It is a flowchart for explaining the flow to add a visual effect of fire to a menu.</figref><figref num="21">It is a flowchart for explaining the flow to add a liquid visual effect to a menu.</figref>

Code description

1: Upper housing 2: Lower housing 3: Hinge mechanism 4: Display 5: Speaker section 6: Numeric keypad 7: Main operation unit 8: Disc jog dial 9: Microphone section 10: Enter key 11: Cross key 12: Rotary dial 13: Right softkey 14: Left softkey 27: CPU