CN109078325A - User interface process method and recording medium - Google Patents
User interface process method and recording medium Download PDFInfo
- Publication number
- CN109078325A CN109078325A CN201810563268.4A CN201810563268A CN109078325A CN 109078325 A CN109078325 A CN 109078325A CN 201810563268 A CN201810563268 A CN 201810563268A CN 109078325 A CN109078325 A CN 109078325A
- Authority
- CN
- China
- Prior art keywords
- list
- cursor
- touch panel
- mobile
- user interface
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 41
- 230000008569 process Effects 0.000 title claims abstract description 26
- 230000010365 information processing Effects 0.000 claims abstract description 33
- 238000003672 processing method Methods 0.000 claims description 2
- 238000012545 processing Methods 0.000 abstract description 56
- 238000001514 detection method Methods 0.000 abstract description 13
- 238000005096 rolling process Methods 0.000 description 19
- 230000000694 effects Effects 0.000 description 7
- IJJVMEJXYNJXOJ-UHFFFAOYSA-N fluquinconazole Chemical compound C=1C=C(Cl)C=C(Cl)C=1N1C(=O)C2=CC(F)=CC=C2N=C1N1C=NC=N1 IJJVMEJXYNJXOJ-UHFFFAOYSA-N 0.000 description 6
- 238000004891 communication Methods 0.000 description 5
- 230000001680 brushing effect Effects 0.000 description 4
- 230000008859 change Effects 0.000 description 4
- 238000010586 diagram Methods 0.000 description 4
- 238000011161 development Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 238000011084 recovery Methods 0.000 description 2
- 241000208340 Araliaceae Species 0.000 description 1
- 235000005035 Panax pseudoginseng ssp. pseudoginseng Nutrition 0.000 description 1
- 235000003140 Panax quinquefolius Nutrition 0.000 description 1
- 230000009471 action Effects 0.000 description 1
- 230000003321 amplification Effects 0.000 description 1
- 230000004069 differentiation Effects 0.000 description 1
- 230000035622 drinking Effects 0.000 description 1
- 230000005674 electromagnetic induction Effects 0.000 description 1
- 235000008434 ginseng Nutrition 0.000 description 1
- 238000003199 nucleic acid amplification method Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000009877 rendering Methods 0.000 description 1
- 230000000630 rising effect Effects 0.000 description 1
- 238000006748 scratching Methods 0.000 description 1
- 230000002393 scratching effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 238000003756 stirring Methods 0.000 description 1
Classifications
-
- A—HUMAN NECESSITIES
- A63—SPORTS; GAMES; AMUSEMENTS
- A63F—CARD, BOARD, OR ROULETTE GAMES; INDOOR GAMES USING SMALL MOVING PLAYING BODIES; VIDEO GAMES; GAMES NOT OTHERWISE PROVIDED FOR
- A63F13/00—Video games, i.e. games using an electronically generated display having two or more dimensions
- A63F13/40—Processing input control signals of video game devices, e.g. signals generated by the player or derived from the environment
- A63F13/42—Processing input control signals of video game devices, e.g. signals generated by the player or derived from the environment by mapping the input signals into game commands, e.g. mapping the displacement of a stylus on a touch screen to the steering angle of a virtual vehicle
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
- G06F3/0482—Interaction with lists of selectable items, e.g. menus
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
- G06F3/0488—Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
Landscapes
- Engineering & Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Multimedia (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
- Position Input By Displaying (AREA)
Abstract
The present invention relates to a kind of user interface process method and recording mediums, efficiently use picture by increasing the item number for the list that can once show on touch panel.Make information processing unit (1) as the first display processing unit (5), it contacts detection processing portion (7), it relatively moves processing unit (9) and functions, first display processing unit (5) list (13) of the display comprising multiple projects and cursor (15) for the specific project of selection from list (13) on touch panel (3), contact touch operation of detection processing portion (7) detection for touch panel (3), relative movement processing unit (9), which is based on touch operation, makes a relative move cursor (15) with list (13).
Description
Technical field
The present invention relates to user interface process methods and record to have at the user interface for executing the user interface process method
Manage the recording medium of program.
Background technique
In the past, in the upper touch panel carried such as such as smart phone or Tablet PC, in the list from display
When selecting specific project in (referring to the table for for example enumerating multiple data or object), user clicks the spy by using finger
Fixed project is selected.
A kind of game system is disclosed as an example of such technology, such as Japanese Unexamined Patent Publication 2015-130905 bulletin,
The game system rollably shows the list (candidate's guide look) for having multiple projects (candidate plate), and projects is equipped with detailed
Thin display operation icon.User is clicked by using finger and displays the details of handle icon, is shown corresponding selecting the project
The detailed content of player account.
Summary of the invention
Problems to be solved by the invention
In game system as described above, is operated to allow users to click the project of list, need to consider
The size of finger and the width for setting projects slightly largerly.Accordingly, there exist for the project that the touch panel last time can show
The project that number is restricted.
The present invention is made in view of such problems point, and it is an object of the present invention to provide a kind of primary on touch panel by increasing
The item number for the list that can be shown and the user interface process method and recording medium that picture can be efficiently used.
A technical solution to solve project
To achieve the goals above, user interface process method of the invention is by having the information processing apparatus of touch panel
It sets to execute, comprising: display includes the list of multiple projects and is used to select from the list special on the touch panel
The step of cursor of the fixed project；The step of detecting the touch operation for the touch panel；And it is connect based on described
The step of touching operation makes a relative move the cursor and the list.
In addition, to achieve the goals above, recording medium of the invention is that the record that information processing unit can be read is situated between
Matter, record have the user interface process program for executing above-mentioned user interface process method.
Invention effect
User interface process method according to the present invention etc., by increasing the list that can once show on touch panel
Item number and picture can be efficiently used.
Detailed description of the invention
Fig. 1 is the figure for indicating an example of the surface structure of information processing unit of an embodiment.
Fig. 2 is the block diagram for indicating an example of functional structure of information processing unit.
Fig. 3 is the figure for indicating an example of selection picture of castellan.
Fig. 4 is light when the mobile instruction for indicating to be made based on stroke to cursor is in the range of list display area
Mark the figure of mobile an example.
Fig. 5 is light when the mobile instruction for indicating to be made based on stroke to cursor is in the range of list display area
Mark another mobile figure.
Fig. 6 is light when the mobile instruction for indicating to be made based on stroke to cursor is in outside the range of list display area
The figure of an example that mark movement and list roll.
Fig. 7 is column when the mobile instruction for indicating to be made based on stroke to cursor is in outside the range of list display area
Another figure that table rolls.
Fig. 8 be indicate based on brush against and light when the mobile instruction made to cursor is in the range of list display area
Mark the figure of mobile an example.
Fig. 9 be indicate based on brush against and light when the mobile instruction made to cursor is in the range of list display area
Mark another mobile figure.
Figure 10 is when indicating to be in outside the range of list display area based on the mobile instruction for brushing against and making to cursor
The figure of an example that cursor movement and list roll.
Figure 11 is the flow chart for indicating an example by the CPU of the information processing unit processing step executed.
Figure 12 is the block diagram for indicating an example of hardware configuration of information processing unit.
Figure 13 is the figure for indicating an example of selection picture that the project selected is amplified to the variation of display, castellan.
Figure 14 be indicate to make cursor to the mobile variation in direction identical with stroke direction, based on stroke and to cursor
The figure of the mobile an example of cursor when the mobile instruction made is in the range of list display area.
Figure 15 be indicate to make cursor to the mobile variation in direction identical with stroke direction, based on stroke and to cursor
The mobile another figure of cursor of mobile instruction when being in the range of list display area.
Figure 16 be indicate to make cursor to the mobile variation in direction identical with stroke direction, based on stroke and to cursor
An example that cursor of mobile instruction when being in outside the range of list display area be mobile and list rolls figure.
Figure 17 is the figure of an example for the display for indicating that the selection picture of castellan is moved.
Figure 18 is the shifting for indicating to make based on stroke to cursor in the case where the selection picture of castellan is moved
The figure of an example that cursor movement and list when dynamic instruction is outside the indication range of touch panel roll.
Specific embodiment
Hereinafter, illustrating one embodiment of the present invention referring to attached drawing.
<surface structures of 1. information processing units>
Firstly, illustrating an example of the surface structure of the information processing unit 1 of present embodiment using Fig. 1.As shown in Figure 1,
Information processing unit 1 has the touch panel 3 for carrying out various displays and the various touch operations based on user.User passes through utilization
Finger etc. carries out touch operation to touch panel 3 to carry out desired input.
The detection mode of touch panel 3 is not particularly limited, but can use such as resistive film mode, electrostatic capacitance side
The various detection methods such as formula, optical mode, electromagnetic induction method.It should be noted that information processing unit 1 is in addition to touch panel
Other than 3, can also have the operation inputting parts such as button or switch.
Information processing unit 1 is such as smart phone, Tablet PC, pocket game machine.But it does not limit
In this, as long as having touch panel as display device and the structure of input unit, for example, in addition to server calculates
Except the structure that machine, desktop computer, notebook computer etc. are manufactured as computer, sold etc. like that, also including just
Take structure, the fixed game machine etc. that phone, flat board mobile phone etc. are manufactured as telephone set, sold etc. like that.
In the present embodiment, illustrate to execute an example as user interface process program by information processing unit 1
The case where games.
<functional structures of 2. information processing units>
Next, illustrating an example of functional structure of information processing unit 1 using Fig. 2 and Fig. 3~Figure 10.It needs
Illustrate, arrow shown in Fig. 2 indicates an example of the circulation of signal, does not limit the circulating direction of signal.
As shown in Fig. 2, there is information processing unit 1 above-mentioned touch panel 3, first to show processing unit 5, contact at detection
Reason portion 7, relative movement processing unit 9, second show processing unit 11.
First display processing unit 5 makes the list comprising multiple projects and the light for selecting specific project from list
Mark is shown in touch panel 3.It include such as the data based on text, the object based on pattern in project.
Second display processing unit 11 (" will be hereinafter referred to as associated with the information of the item association selected by above-mentioned cursor
Information ") it display together with list in touch panel 3.Related information includes details for example relevant to the project selected
Deng.Moreover, in the case where relatively moving list and cursor by relatively moving processing unit 9, the second display 11 land of processing unit
Continuous to show the options purpose related information changed with the relative movement, details are described below.
Fig. 3 shows an example of the display of above-mentioned list and cursor and related information.In the example shown in Fig. 3, for selecting
The selection picture for selecting the castellan in " ×× city " is shown in touch panel 3.On selection picture, handled by above-mentioned first display
Portion 5 and show the list 13 for multiple worriors that user holds and the cursor for selecting specific worrior among list 13
15.In list 13, come display Name, identity, affiliated etc. according to each worrior, the data of these each worriors constitute the one of list
?.
Cursor 15 can be in (the one of the indication range of touch panel of region, that is, list display area 17 of display list 13
Example) in the range of move, details are described below.It should be noted that in this embodiment, cursor 15 to be set as to the shape of box shape
State, but also can be set to the others mode such as the object of arrow.
In addition, (being in this embodiment neighbouring) is equipped with related information display area 19 near list display area 17.?
In related information display area 19, the detailed letter of the worrior selected by cursor 15 is shown by above-mentioned second display processing unit 11
Breath 21.In this embodiment, in details 21 including the face image of such as worrior, title, various ability parameters (command, be brave,
Wit, politics).
Fig. 2 is returned to, the touch operation for touch panel 3 is detected in contact detection processing portion 7.In general, for touch surface
Include: in the operation of plate from the detection for starting to be contacted until end during there is no the positions on touch panel to become
Dynamic operation (operation of referred to as so-called click), from starting contact until end during there are the positions on touch panel
Operation (referred to as so-called stroke, the operation brush against, pull, sliding etc.) of variation etc..Detect above-mentioned behaviour in contact detection processing portion 7
The touch operation for being especially the latter, there is shift in position in work.Hereinafter, in the touch operation there are shift in position,
The operation that finger is moved in a manner of scratching the picture of touch panel 3 is properly termed as " stroke ", by finger to stir picture
The mobile operation of mode properly termed as " brushes against ".
Processing unit 9 is relatively moved based on the touch operation detected by above-mentioned contact detection processing portion 7, make cursor 15 and
List 13 relatively moves.It include stopping on the picture of touch panel 3 in list 13 in the relative movement of cursor 15 and list 13
In the state of the mobile situation and the mobile situation of list 13 in the state that cursor 15 stops of cursor 15.
That is, relative movement processing unit 9 makes list display area 17 of the cursor 15 into list 13 based on touch operation
In the case that interior project carries out movement, make cursor 15 mobile in the state of stopping list 13.In addition, relative movement is handled
Portion 9 carries out mobile situation making project of the cursor 15 outside the list display area 17 into list 13 based on touch operation
Under, make cursor 15 mobile to the end of list display area 17 in the state of stopping list 13, and stop cursor 15
Make list 13 mobile in the state of the end of the list display area 17.
In addition, relative movement processing unit 9 makes cursor 15 to corresponding with touch operation in the state of stopping list 13
The opposite direction in direction is mobile, moves list 13 to direction corresponding with touch operation in the state of stopping cursor 15
It is dynamic.It should be noted that hereinafter, the mobile movement of list 13 properly termed as " is rolled ".
The concrete example of the relative movement of cursor 15 and list 13 is shown in Fig. 4~Figure 10.It should be noted that Fig. 4~figure
10 balloon or arrow shown in figure is can't to be shown in touch panel 3 for illustrating that the annotation of movement etc. is recorded.And
And in Fig. 4~Figure 10, the diagram of the face image in related information display area 19 is omitted.
Firstly, the mobile instruction that explanation is made based on stroke to cursor 15 is in the range of list display area 17
Situation.Such as shown in Fig. 4, from state shown in Fig. 3, user carries out stroke using finger 23 upward smallerly
When, in list display area 17, in the state that list 13 stops, cursor 15 corresponds to the amount of movement of stroke and moves downwards
It is dynamic.Moreover, from state shown in Fig. 4, user is drawn using finger 23 for example shown in Fig. 5 downward smallerly
When dynamic, in list display area 17, in the state that list 13 stops, cursor 15 correspond to the amount of movement of stroke and upwards
It is mobile.In this way, being arranged when in the range of the mobile instruction made based on stroke to cursor 15 being in list display area 17
In the state that table 13 stops, cursor 15 is gradually moved to the direction contrary with stroke.
At this point, the details of selecting object (being in this embodiment worrior) changed with the movement of cursor 15 successively by
It is shown in related information display area 19.Such as in the example shown in Figure 4, the phase is moved from worrior A to worrior E in cursor 15
Between, the details of worrior A, B, C, D, E are successively shown in related information display area 19 successively.And it is shown in Fig. 5
Example in, during cursor 15 is mobile to worrior B from worrior E, the details of worrior E, D, C, B are successively shown in successively
In related information display area 19.
It should be noted that cursor 15 is moved as unit of the project of list 13, therefore project and item will not be located at
Among purpose.Moreover, the movement speed and amount of movement of cursor 15 correspond to stroke movement speed and amount of movement and change.And
And as long as be not particularly limited on the position touch panel 3 of stroke, it can be such as list display area 17
On upper or related information display area 19, it is also possible to region in addition to this.
Next, the mobile instruction that explanation is made based on stroke to cursor 15 is in outside the range of list display area 17
The case where.Such as shown in Fig. 6, from state shown in Fig. 3, user carries out stroke using finger 23 upward biglyyer
When, as shown in the upper section of Fig. 6, in list display area 17, in the state that list 13 stops, cursor 15 is moved downwards.
Also, if the lower end of list display area 17 is reached in the midway stage cursor 15 of stroke, as shown in the lower section of Fig. 6,
Cursor 15 stops in the state of the lower end of list display area 17, and list 13 rolls upward.That is, acting from only cursor 15
Mobile state is switched to the state of the rolling of only list 13.
In addition, from state shown in Fig. 3, user carries out downward stroke using finger 23 for example shown in Fig. 7
When, since cursor 15 has been positioned at the upper end of list display area 17, in the state of stopping at the upper end, 13 court of list
It rolls downwards.
Also, on related information display area 19, show the movement (rolling) with cursor 15 or list 13 successively and
The details of the selecting object (being in this embodiment worrior) of variation.
In this way, when the mobile instruction made based on stroke to cursor 15 is in outside the range of list display area 17,
Cursor 15 reach list display area 17 end before, list 13 stop in the state of cursor 15 to stroke direction phase
Anti- direction is mobile, after the end that cursor 15 reaches list display area 17, stops at the state of the end in cursor 15
Following table 13 is rolled to stroke direction.
It should be noted that list 13 is moved relative to cursor 15 with Project Unit, therefore at the end of rolling, light
Mark 15 will not be located at the centre of project and project.Moreover, the rolling speed and rolling amount of list 13 correspond to the mobile speed of stroke
Degree and amount of movement and change.
Next, explanation is in the range of list display area 17 based on the mobile instruction for brushing against and making to cursor 15
The case where.Such as shown in Fig. 8, from state shown in Fig. 3, user is more lightly brushed against upward using finger 23
When, in list display area 17, cursor 15 corresponds to the speed brushed against and downwards inertia in the state that list 13 stops
Ground is mobile.Moreover, from state shown in Fig. 8, being compared downward lightly in user using finger 23 for example shown in Fig. 9
When being brushed against, in list display area 17, in the state that list 13 stops cursor 15 correspond to the speed that brushes against and to
It inertially moves top.Cursor 15 at this time based on inertia and the movement speed of movement and amount of movement correspond to the speed etc. brushed against
And it changes.
Next, explanation is in outside the range of list display area 17 based on the mobile instruction for brushing against and making to cursor 15
The case where.Such as shown in Figure 10, from state shown in Fig. 3, user is stroked than strongly upward using finger 23
When dynamic, as shown in the upper section of Figure 10, in list display area 17, in the state that list 13 stops, cursor 15 is used to downwards
Property it is mobile.Also, when cursor 15 reaches the lower end of list display area 17, as shown in the lower section of Figure 10, stop in cursor 15
It terminates in the state of the lower end of list display area 17, list 13 inertially rolls upward.That is, movement is used from only cursor 15
Property mobile state be switched to the state that only list 13 inertially rolls.The rolling speed and rolling amount pair of list 13 at this time
Speed that Ying Yu is brushed against etc. and change.
It should be noted that above-mentioned " inertially moving " refers to, even if finger 23 divides from touch panel 3 and brushing against
After (non-contact), cursor 15 or list 13 continue to mobile (rolling) it is of short duration during the meaning.
In addition, relative to the stroke of predetermined operation speed (operating quantity) or the movement speed (amount of movement) of the cursor 15 brushed against
It can be set as with the rolling speed (rolling amount) of list 13 equal, also can be set as difference.Such as it is being set as equal
In the case of, movement is able to suppress from speed fluctuation when rolling of the mobile handoff of cursor 15 for list 13, therefore having can
Prevent the effect of the indisposed sense of user.Moreover, in the case where being set as difference, such as by setting the rolling speed of list 13
The movement speed for determining to be greater than cursor 15, is able to carry out the rolling of list 13 to be carried out at high speed and carry out the shifting of coarse adjustment, cursor 15
It is dynamic that such operation is finely adjusted with low speed progress, it can be improved operability.It is especially multiple in the item number of list
In the case of be effective.
It should be noted that the processing etc. in reason portion is not limited to the example of above-mentioned processing shared everywhere in described above
Son, for example, can be handled by the processing unit (such as 1 processing unit) of less number, furthermore, it is also possible to by thinner
The processing unit of differentiation is handled.Moreover, the function in reason portion is by aftermentioned CPU101 (referring to aftermentioned everywhere in above-mentioned
The games that Figure 12) execute and the function installed, but can also be by dedicated ASIC or FPGA such as part of it
The actual device of integrated circuit, other circuit etc. is installed.
<processing step that 3. information processing units execute>
Next, illustrating the processing step (user interface executed by the CPU101 of information processing unit 1 using Figure 11
Processing method) an example.Start this process when having made the scheduled operation input for carrying out list display by user.
In step slo, information processing unit 1 shows packet by the first display processing unit 5 in list display area 17
List 13 containing multiple projects and the cursor 15 for selecting specific project from list 13.
In step S20, information processing unit 1 is by the second display processing unit 11, in related information display area 19
The related information for the project that display is selected by cursor 15.
In step s 30, information processing unit 1 judges whether to detect by contacting detection processing portion 7 for touching
The touch operation of panel 3 (stroke brushes against).When detecting touch operation (step S30: yes), it is transferred to next step
S40.On the other hand, when touch operation is not detected (step S30: no), it is transferred to subsequent steps S70.
In step s 40, information processing unit 1 is by relative movement processing unit 9, based on detecting in above-mentioned steps S30
The touch operation arrived makes cursor 15 to the opposite direction in direction corresponding with touch operation in the state of stopping list 13
It is mobile.
In step s 50, information processing unit 1 is by relative movement processing unit 9, based on detecting in above-mentioned steps S30
The touch operation arrived determines indicate whether to be more than column to the movement that cursor 15 is made based on touch operation (stroke brushes against)
The range of table display area 17.(the step when the mobile instruction made to cursor 15 is more than the range of list display area 17
S50: yes), it is transferred to next step S60.On the other hand, list display area 17 is in the mobile instruction made to cursor 15
In the range of when (step S50: no), be transferred to subsequent steps S70.
In step S60, information processing unit 1 makes cursor 15 to list display area 17 by relative movement processing unit 9
(opposite direction in direction corresponding with touch operation) end it is mobile, so that cursor 15 is stopped at the list display area 17
End in the state of roll list 13 to direction corresponding with touch operation.
In step S70, information processing unit 1 determines whether to exist defeated for terminating the scheduled operation of list display
Enter.The operation input that list display terminates is such as by the operation of selection image close illustrated in fig. 3 above-mentioned.Not
When the operation input terminated there are list display (step S70: no), previous step S20 is returned, repeats similarly to walk
Suddenly.On the other hand, when operation input that list display terminates occur (step S70: yes), terminate this process.
It should be noted that above-mentioned processing step is an example, at least part of above-mentioned steps can be deleted
Or change, step other than the above can also be added.Furthermore, it is possible at least part of sequence of above-mentioned steps is changed, it can also
Multiple steps are aggregated into single step.
<hardware configurations of 4. information processing units>
Next, using Figure 12, illustrate to realize and installed by the program of the execution such as above explained CPU101 everywhere in
An example of the hardware configuration of the information processing unit 1 in reason portion.
As shown in figure 12, information processing unit 1 has such as CPU101, ROM103, RAM105, GPU106, such as ASIC
Or the specific integrated circuit 107 constructed towards specific purposes, input unit 113, output device 115, the record of FPGA etc.
Device 117, driver 119, connectivity port 121 and communication device 123.These structures connect via bus 109 or input and output
Mouth 111 is equal and is connected in a manner of it can mutually transmit signal.
Games can be pre-recorded in such as ROM103 or RAM105, recording device 117.
In addition, games temporarily or permanently can also (nonvolatile) be recorded in the disk such as floppy disk, various in advance
The moveable recording medium 125 of the CDs such as CD, MO disk, DVD, semiconductor memory etc..Such recording medium 125 can also be with
It is provided as so-called package software.In this case, being recorded in games in above-mentioned recording medium 125 can also be by
Driver 119 is read, and is recorded in above-mentioned recording device 117 via input/output interface 111 or bus 109 etc..
In addition, games can also be pre-recorded in such as download website, other computers, other recording devices
Deng (not shown).In this case, games are transmitted via the network Ns W such as LAN or internet, and communication device 123 receives should
Program.Also, the program that communication device 123 receives can be recorded in via input/output interface 111 or bus 109 etc.
State recording device 117.
In addition, games can also be pre-recorded in external connection apparatus 127 for example appropriate.In this case, it swims
Play program can be transmitted via connectivity port 121 appropriate, and be recorded in via input/output interface 111 or bus 109 etc.
Above-mentioned recording device 117.
Also, CPU101 executes various processing according to the program for being recorded in above-mentioned recording device 117, is achieved in by preceding
The processing of the execution such as the first display processing unit 5 or relative movement processing unit 9 stated.At this point, CPU101 for example can be from above-mentioned note
Recording device 117 reads program directly to execute, and can also first be loaded in execution after RAM105.In addition, CPU101 is for example being passed through
In the case where receiving program by communication device 123 or driver 119, connectivity port 121, the program received can not also be remembered
It records and is directly executed in recording device 117.
It, can be based on from such as mouse comprising touch panel 3 above-mentioned, keyboard, Mike in addition, CPU101 is as needed
Signal that the input unit 113 of wind etc. (not shown) inputs or information carry out various processing.
GPU106 carries out the processing that the image such as being handled rendering is shown according to the instruction from CPU101.
Also, CPU101 and GPU106 will perform the result of above-mentioned processing from including, for example, touch panel 3 above-mentioned
Or the output device 115 of audio output unit exports.In addition, CPU101 and GPU106 can according to need and via communication devices
123 or connectivity port 121 send the processing result, above-mentioned recording device 117 or recording medium 125 can also be recorded in.
<effects of 5. embodiments>
The games of present embodiment make the information processing unit 1 for having touch panel 3 as the first display processing unit
5, detection processing portion 7 is contacted, processing unit 9 is relatively moved and functions, the first display processing unit 5 is shown in touch panel 3 to be wrapped
List 13 containing multiple projects and the cursor 15 for selecting specific project from list 13, contact detection processing portion 7 is detected
Touch operation for touch panel 3 relatively moves processing unit 9, and cursor 15 and the opposite shifting of list 13 are made based on touch operation
It is dynamic.Following effect is obtained as a result,.
I.e. in the present embodiment, user is by carrying out cursor 15 and list 13 and the touch operation of touch panel 3
Relative movement selects the project by making cursor 15 be moved to desired project.Item of the user in selective listing 13 as a result,
It can not have to directly touch (click) project when mesh, therefore can be by the size of projects without considering the size of finger
(such as width of up and down direction) is set to slightly smaller.Therefore, it is capable of increasing the list 13 that can once show on touch panel
Item number, picture can be efficiently used.
In addition, terminal (the following appropriate title in such as computer or fixed game machine etc. like that without touch panel
For " non-tactile panel terminal ") in, usual user operates cursor using input units such as mouse or game consoles, makes cursor
Selecting object is moved to be selected.In contrast, in such as smart phone or Tablet PC, pocket game machine etc.
Like that in the terminal (hereinafter appropriately referred to as " touch panel terminal ") with touch panel, user clicks selecting object to select
It selects.Therefore, in two terminals, operating system is completely different.
In the present embodiment, operating system same as non-tactile panel terminal for touch panel terminal applies is led to
The touch operation for touch panel 3 is crossed to operate cursor 15.It therefore, can be in non-tactile panel terminal and touch panel terminal
Between realize the common of operating system, therefore for example in two terminals simultaneously when developing game, or by non-tactile panel terminal
Game when being transplanted to touch panel terminal etc., can significantly cut down exploitation process or development cost.In addition, even if applying
In the case where the game terminal for the element for having non-tactile panel terminal and touch panel terminal this two side, pass through operating system
It is common and can also simplify game system, therefore be able to suppress exploitation process or development cost.
In addition, in the present embodiment, especially relative movement processing unit 9 makes touch surface of the cursor 15 into list 13
When the project of (in the present embodiment for list display area 17 in the range of) is mobile in the indication range of plate 3, make list
Keep cursor 15 mobile in the state of 13 stoppings.
In this way, not needed when project in the range of making list display area 17 of the cursor 15 into list 13 is mobile
The movement (rolling) of list 13.Therefore, make cursor 15 mobile in the state of stopping list 13 and project can be selected, thus
Selection operation becomes easy and is able to suppress maloperation.
In addition, in the present embodiment, especially relative movement processing unit 9 keeps list of the cursor 15 into list 13 aobvious
When showing the project movement outside the range in region 17, cursor 15 is set to be moved to list display area in the state of stopping list 13
17 end, and make cursor 15 make in the state of stopping at the end of the list display area 17 list 13 roll.
In this way, needing to arrange when the project outside the range for making list display area 17 of the cursor 15 into list 13 is mobile
The movement (rolling) of table 13.Therefore, so that list 13 is rolled and project can be selected in the state of stopping cursor 15, thus select
Operation is selected to become easy and be able to suppress maloperation.Moreover, being moved to cursor 15 in the state of stopping list 13 first
The end of list display area 17, next making cursor 15 make to arrange in the state of stopping at the end of the list display area 17
Table 13 rolls, and thus, it is possible to the movement switchings for the state for swimmingly carrying out rolling from the mobile state of cursor 15 to list 13.This
Outside, due to list 13 can high speed scroll (roll list 13 at high speed by rapidly stroke, and even if finger from
Touch panel 3 can also make list 13 roll predetermined amount due to inertia after leaving), even if in the column with multiple projects
Also it is able to carry out quick selection in the case where table 13, can be improved operability.
In addition, in the present embodiment, especially relative movement processing unit 9 makes cursor in the state of stopping list 13
15 to direction corresponding with touch operation opposite direction it is mobile, and make in the state of stopping cursor 15 list 13 to
The corresponding direction of touch operation is mobile.Following effect can be obtained as a result,.
That is, in the present embodiment, such as the shape when having carried out touch operation downward, first in the stopping of list 13
Under state, cursor 15 is moved upward, and when cursor 15 reaches the upper end of list display area 17, stops at upper end in cursor 15
Under state, list 13 is rolled downwards.Equally, such as when having carried out touch operation upward, stop first in list 13
In the state of, cursor 15 moves downwards, when cursor 15 reaches the lower end of list display area 17, in the case where cursor 15 stops at
In the state of end, list 13 rolls upwards.
So, can make before and after movement is switched to the state that list 13 rolls from the mobile state of cursor 15
Cursor 15 is identical as the relative movement direction of list 13.Thereby, it is possible to swimmingly switching action and it is able to suppress the indisposed of user
Sense, is able to maintain that comfortable operability.
In addition, the games of present embodiment also make information processing unit 1 play function as the second display processing unit 11
Can, the second display processing unit 11 will be display together with list 13 in touching with the related information of the item association selected by cursor 15
Touch panel 3.It can have the following effect as a result,.
That is, usually in touch panel terminal, (detailed refering to associated information about the specific project in list
Information etc.) when, user carries out another picture that display related information is switched to and clicking the project, and by being made a reservation for
Recovery operation and revert to as list display operate.In this case, wanting to believe refering to association about multiple projects
When breath, needing repeatedly to be repeated the handover operation to another picture and the recovery operation to list display, operation becomes miscellaneous,
Need labour and the time of user.
In the present embodiment, since the details 21 of related information and list 13 will be used as to display together in being associated with letter
Display area 19 is ceased, therefore user only carries out the rolling of movement or the list 13 of cursor 15 by touch operation, from there through
The related information for the project that cursor 15 selects automatically switches in related information display area 19 and shows successively.It grasps as a result,
Work becomes labour and time simple and that can substantially cut down user.Especially want about multiple projects continuously refering to pass
It is highly effective in the case where connection information.
<6. variations etc.>
It should be noted that not departing from its purport and technology the invention is not limited to embodiments described above
Various modifications are able to carry out in the range of thought.Hereinafter, being illustrated for such variation.
(the case where project of selection is amplified display by 6-1.)
It, can be by the first display processing unit 5, by the project selected by cursor 15 than non-selected such as shown in Figure 13
The mode that other projects increase amplifies display.In the example shown in Figure 13 so that the project selected by cursor 15 with
Non-selected project compare and the width of up and down direction increase mode, and so that indicate project content text font ruler
The mode of very little increase is shown.It should be noted that on the basis of the size of above-mentioned project etc. or it can also be replaced in this, and
Show the different modes such as the type of the font of text, the shape of project, color, decorative pattern.
In this variation, (in this embodiment by the project changed along with the movement (rolling) of cursor 15 or list 13
For worrior) amplification display etc. successively.
Thereby, it is possible to increase the item number for the list 13 that can once show on touch panel 3, and improves and to be selected
The visibility of project.Therefore, it is able to suppress maloperation and further increases operability.
(situation that 6-2. keeps cursor mobile to direction identical with touch operation direction)
In the above-described embodiment, the situation for keeping cursor 15 mobile to the direction contrary with touch operation is illustrated,
But it is not limited to this, cursor 15 can also be made mobile to direction identical with touch operation direction.
Such as shown in Figure 14, from state shown in Fig. 3 above-mentioned, user uses finger 23 downward smallerly
Carry out stroke when, in list display area 17, list 13 stop in the state of, cursor 15 correspond to stroke amount of movement and
It moves downwards.Moreover, for example shown in Figure 15, the state shown in Figure 14, user is compared upward using finger 23
When carrying out stroke smallly, in list display area 17, in the state that list 13 stops, cursor 15 corresponds to the movement of stroke
It measures and is moved upward.In this variation, in this way, it is aobvious in list in the mobile instruction made based on stroke to cursor 15
When showing in the range of region 17, in the state that list 13 stops, cursor 15 is gradually moved to direction corresponding with stroke.
In addition, from state shown in Fig. 3 above-mentioned, user is compared downward using finger 23 for example shown in Figure 16
When significantly carrying out stroke, as shown in the upper section of Figure 16, in list display area 17, in the state that list 13 stops, light
Mark 15 moves downwards.Also, if the lower end of list display area 17 were reached in the midway stage cursor 15 of stroke, would such as scheme
Shown in 16 lower section, in the state that cursor 15 stops at the lower end of list display area 17, list 13 is rolled downward.
Although the case where explanation is omitted, is brushed against is also same as described above.In this way, in this variation, cursor
15 and corresponding with the direction of the touch operation direction of this twocouese of list 13 it is mobile.
In this variation, effect same as the above embodiment can also be obtained.
(a part of 6-3. list display area is in the situation outside indication range)
In the above-described embodiment, illustrate the global convergence of list display area 17 in the indication range of touch panel 3
Interior situation, but it's not limited to that.For example, in the case where list picture is not fixed position and can move, according to
Want the demand of the user as reading list whiles refering to the map etc. of background, it is contemplated that be moved to list picture
It reads in the state of the end side of the indication range of touch panel 3 list.At this point, in the entirety for not becoming list display area 17
When converging on such specification in the indication range of touch panel 3, a part of list display area 17 is in touch panel 3
Outside indication range, which will not be shown.In this case, it can only being in list display area 17 touch
Part in the indication range of panel 3 enables cursor 15 to move, and carries out processing same as the above embodiment.
Figure 17 shows an example of the display of this variation.In the example shown in Figure 17, from state shown in Fig. 3 above-mentioned
It rising, castellan selects picture 25 mobile to the lower end side of the indication range of touch panel 3, as a result, list display area 17
A part (worrior E, worrior F) of list 13 is in outside the indication range of touch panel 3 and is not shown.It should be noted that
Although diagram omit, the background area 27 of the upper end side of indication range show the user such as map want refering to
Information frame.Moreover, the details 21 of related information display area 19 also become only one in the example shown in Figure 17
The display divided, but its whole can also be shown about details 21.
In this state, illustrate the case where carrying out such as stroke.In the mobile instruction made based on stroke to cursor 15
It is identical as Fig. 4 above-mentioned and movement shown in fig. 5 when in the indication range in touch panel 3.On the other hand, it is being based on drawing
When mobile instruction that is dynamic and making to cursor 15 is in outside the indication range of touch panel 3, become following movement.Such as Figure 18
It is shown, the state shown in Figure 17, user carries out stroke using finger 23 upward biglyyer when, such as the upper section of Figure 18
Shown, in list display area 17, in the state that list 13 stops, cursor 15 is moved downwards.Also, in stroke
If way stage cursor 15 reaches the lower end (not being the lower end of list display area 17) of the indication range of touch panel 3, such as
Shown in the lower section of Figure 18, in the state that cursor 15 stops at the lower end of the indication range of touch panel 3, list 13 is upward
It rolls.It should be noted that, although illustrate to omit, but the case where being brushed against, also becomes movement similar to the above.
In this way, according to this modification, user can read list while ginseng gets over the information such as map, therefore can be improved
The interest of game and the convenience of user.
(6-4. other)
It this concludes the description of the situation of only certain either one movement of cursor 15 or list 13, but be not limited to this, according to
Need can also to make cursor 15 and list 13 this two double-movement.For example, as the aforementioned shown in Fig. 4, Fig. 5, Fig. 8, Fig. 9 etc., in base
When the mobile instruction that touch operation is made to cursor 15 is in the range of list display area 17, it can be grasped according to contact
Make and keeps cursor 15 and this both sides of list 13 mobile.It in this case, can be by the rolling of the moving direction of cursor 15 and list 13
Dynamic direction is set as opposite direction.
In addition, this concludes the description of the case where user interface process program of the invention is games as an example, still
It is not limited to games.For example, being automatic in vehicle navigation apparatus, railway or eating and drinking establishment etc. in information processing unit 1
Whens selling OA equipment such as certificate machine, Vending Machine, the ATM of financial institution, coffee machine or FAX etc., it can be applied to these equipment
User interface process program.
It should be noted that other than already stated above, it can also be by the side of above embodiment or each variation
Method is appropriately combined.Although in addition, do not illustrate one by one, above embodiment or each variation range without departing from its main purpose
It is interior, various changes can be applied to implement.
Claims (7)
1. a kind of user interface process method, is executed by having the information processing unit of touch panel, the user interface
Processing method includes:
Display includes the list of multiple projects and is used to select the specific item from the list on the touch panel
The step of purpose cursor；
The step of detecting the touch operation for the touch panel；And
The step of making a relative move the cursor and the list based on the touch operation.
2. user interface process method according to claim 1, wherein
In the step of making a relative move the cursor and the list,
When the project in the indication range for making the touch panel of the cursor into the list is mobile, making
State keeps the cursor mobile in the state that list stops.
3. user interface process method according to claim 2, wherein
In the step of making a relative move the cursor and the list,
When the project outside the indication range for making the touch panel of the cursor into the list is mobile, making
State keeps the cursor mobile to the end of the indication range in the state that list stops, and aobvious making the cursor stop at this
Make the list mobile in the state of the end that demonstration is enclosed.
4. user interface process method according to claim 3, wherein
In the step of making a relative move the cursor and the list,
Move the cursor to the opposite direction in direction corresponding with the touch operation
It is dynamic, make the list mobile to direction corresponding with the touch operation in the state of stopping the cursor.
5. user interface process method according to claim 4, wherein
The user interface process method further include by with the same institute of information by the selected item association of the cursor
List is stated to display together in the touch panel the step of.
6. user interface process method according to any one of claims 1 to 5, wherein
It, will be selected described by the cursor in the step of showing the list and the cursor on the touch panel
Project amplifies display in such a way that the project more described than non-selected others increases.
7. a kind of recording medium is the recording medium that information processing unit can be read, record have require 1 for perform claim~
The user interface process program of user interface process method described in any one of 6.
Applications Claiming Priority (2)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2017111743A JP6941976B2 (en) | 2017-06-06 | 2017-06-06 | User interface processing program, recording medium, user interface processing method |
| JP2017-111743 | 2017-06-06 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN109078325A true CN109078325A (en) | 2018-12-25 |
| CN109078325B CN109078325B (en) | 2024-03-15 |
Family
ID=64839349
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201810563268.4A Active CN109078325B (en) | 2017-06-06 | 2018-06-04 | User interface processing method and recording medium |
Country Status (2)
| Country | Link |
|---|---|
| JP (2) | JP6941976B2 (en) |
| CN (1) | CN109078325B (en) |
Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2001117918A (en) * | 1999-10-20 | 2001-04-27 | Sharp Corp | Document editing processor |
| JP2003330613A (en) * | 2002-05-13 | 2003-11-21 | Mobile Computing Technologies:Kk | Portable information terminal equipment, display control information and display control method |
| JP2007240925A (en) * | 2006-03-09 | 2007-09-20 | Matsushita Electric Ind Co Ltd | Display device |
| CN101809531A (en) * | 2007-10-02 | 2010-08-18 | 株式会社爱可信 | Terminal device, link selection method, and display program |
| CN101896867A (en) * | 2007-11-07 | 2010-11-24 | 豪威科技有限公司 | Apparatus and method for tracking a light pointer |
| JP2011118805A (en) * | 2009-12-07 | 2011-06-16 | Alpine Electronics Inc | Scroll display device |
| JP2012120782A (en) * | 2010-12-10 | 2012-06-28 | Konami Digital Entertainment Co Ltd | Game device and game control program |
| JP2012174249A (en) * | 2011-02-24 | 2012-09-10 | Kyocera Corp | Electronic apparatus, display control method and display control program |
| CN103176716A (en) * | 2011-11-22 | 2013-06-26 | 索尼电脑娱乐公司 | Information processing apparatus and information processing method to achieve efficient screen scrolling |
| CN104093463A (en) * | 2012-04-12 | 2014-10-08 | 舒佩塞尔公司 | System and method for controlling technical processes |
Family Cites Families (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US20100058240A1 (en) | 2008-08-26 | 2010-03-04 | Apple Inc. | Dynamic Control of List Navigation Based on List Item Properties |
| JP5942978B2 (en) | 2013-12-26 | 2016-06-29 | ソニー株式会社 | Information processing apparatus, information processing method, and program |
| JP5869722B1 (en) * | 2015-11-12 | 2016-02-24 | 京セラ株式会社 | Electronic device, display control method, and display control program |
-
2017
- 2017-06-06 JP JP2017111743A patent/JP6941976B2/en active Active
-
2018
- 2018-06-04 CN CN201810563268.4A patent/CN109078325B/en active Active
-
2021
- 2021-07-15 JP JP2021117073A patent/JP7196246B2/en active Active
Patent Citations (10)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2001117918A (en) * | 1999-10-20 | 2001-04-27 | Sharp Corp | Document editing processor |
| JP2003330613A (en) * | 2002-05-13 | 2003-11-21 | Mobile Computing Technologies:Kk | Portable information terminal equipment, display control information and display control method |
| JP2007240925A (en) * | 2006-03-09 | 2007-09-20 | Matsushita Electric Ind Co Ltd | Display device |
| CN101809531A (en) * | 2007-10-02 | 2010-08-18 | 株式会社爱可信 | Terminal device, link selection method, and display program |
| CN101896867A (en) * | 2007-11-07 | 2010-11-24 | 豪威科技有限公司 | Apparatus and method for tracking a light pointer |
| JP2011118805A (en) * | 2009-12-07 | 2011-06-16 | Alpine Electronics Inc | Scroll display device |
| JP2012120782A (en) * | 2010-12-10 | 2012-06-28 | Konami Digital Entertainment Co Ltd | Game device and game control program |
| JP2012174249A (en) * | 2011-02-24 | 2012-09-10 | Kyocera Corp | Electronic apparatus, display control method and display control program |
| CN103176716A (en) * | 2011-11-22 | 2013-06-26 | 索尼电脑娱乐公司 | Information processing apparatus and information processing method to achieve efficient screen scrolling |
| CN104093463A (en) * | 2012-04-12 | 2014-10-08 | 舒佩塞尔公司 | System and method for controlling technical processes |
Also Published As
| Publication number | Publication date |
|---|---|
| JP6941976B2 (en) | 2021-09-29 |
| JP2018206130A (en) | 2018-12-27 |
| JP2021184269A (en) | 2021-12-02 |
| CN109078325B (en) | 2024-03-15 |
| JP7196246B2 (en) | 2022-12-26 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US11467726B2 (en) | User interfaces for viewing and accessing content on an electronic device | |
| JP6077685B2 (en) | Device, method, and graphical user interface for moving current position in content with variable scrub speed | |
| CN106796480B (en) | Multi-finger touchpad gestures | |
| EP3436912B1 (en) | Multifunction device control of another electronic device | |
| JP4605279B2 (en) | Information processing apparatus, information processing method, and program | |
| US11150798B2 (en) | Multifunction device control of another electronic device | |
| JP4666053B2 (en) | Information processing apparatus, information processing method, and program | |
| TWI655572B (en) | Information processing device, information processing method and computer readable recording medium | |
| EP2169529A2 (en) | Information processing | |
| EP2214088A2 (en) | Information processing | |
| EP2204729A2 (en) | Information processing apparatus, information processing method, and program | |
| KR20140126327A (en) | Thumbnail-image selection of applications | |
| CN107111440A (en) | Information processor and its control method | |
| WO2012160920A1 (en) | Information processing device, control method for information processing device, information processing device control program and computer-readable recording medium in which said program is recorded | |
| CN109078325A (en) | User interface process method and recording medium | |
| US20220035521A1 (en) | Multifunction device control of another electronic device | |
| US20140075391A1 (en) | Display control device, display control system, storing medium, and display method | |
| CN109478118B (en) | Information processing apparatus, information processing method, and recording medium | |
| JP5963663B2 (en) | Object selection apparatus, method and program | |
| JP2001022748A (en) | Device and method for document processing and computer- readable recording medium where program allowing computer to implement the method is recorded | |
| JP2016161722A (en) | Image display system, image display method, and program | |
| JP6344355B2 (en) | Electronic terminal, and control method and program thereof |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |