JP2015057745A - Menu display device, menu display control method, and program - Google Patents

Menu display device, menu display control method, and program Download PDF

Info

Publication number
JP2015057745A
JP2015057745A JP2014261240A JP2014261240A JP2015057745A JP 2015057745 A JP2015057745 A JP 2015057745A JP 2014261240 A JP2014261240 A JP 2014261240A JP 2014261240 A JP2014261240 A JP 2014261240A JP 2015057745 A JP2015057745 A JP 2015057745A
Authority
JP
Japan
Prior art keywords
menu
menu item
screen
displayed
interval
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
Application number
JP2014261240A
Other languages
Japanese (ja)
Other versions
JP5860526B2 (en
Inventor
昌毅 高瀬
Masatake Takase
昌毅 高瀬
津田 宗孝
Munetaka Tsuda
宗孝 津田
陽 朝倉
Akira Asakura
陽 朝倉
敬志 畑田
Takashi Hatada
敬志 畑田
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Sony Interactive Entertainment Inc
Original Assignee
Sony Computer Entertainment Inc
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Sony Computer Entertainment Inc filed Critical Sony Computer Entertainment Inc
Priority to JP2014261240A priority Critical patent/JP5860526B2/en
Publication of JP2015057745A publication Critical patent/JP2015057745A/en
Application granted granted Critical
Publication of JP5860526B2 publication Critical patent/JP5860526B2/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Landscapes

  • User Interface Of Digital Computer (AREA)

Abstract

PROBLEM TO BE SOLVED: To quickly enable a user to understand that a menu item on an end part is displayed on a screen.SOLUTION: A menu display device comprises: menu display means for displaying on a screen a given range in a menu in which a plurality of menu items are arranged; range moving means for moving the given range in response to a predetermined operation by a user; determination means for determining whether or not the menu item on an end part of the menu is displayed on a predetermined position in the screen; and interval changing means for, when the menu item on the end part is displayed on the predetermined position in the screen, enlarging an interval between the plurality of menu items displayed on the screen larger as the displayed menu items are farther from the menu item on the end part in response to the predetermined operation by the user.

Description

本発明はメニュー表示装置、メニュー表示方法及びプログラムに関し、特にメニュー表示におけるユーザインタフェースの改善に関する。   The present invention relates to a menu display device, a menu display method, and a program, and more particularly to improvement of a user interface in menu display.

検索結果、ニュース記事の題名、記憶デバイス中のファイル名など、多数のメニュー項目を画面に表示させる場合には、名前や日付などの属性に関する所定基準に従って複数のメニュー項目が配列されたメニューのうち、一部領域を画面に表示させるとともに、スクロール操作に応じて該一部領域を移動させるユーザインタフェース技術が採用されることが多い。画面がタッチスクリーンの場合には、スクロール操作は例えばドラッグやフリックである。このユーザインタフェースによれば、ユーザはスクロール操作によりメニューにおける任意の領域を画面に表示させることができる。   When displaying a large number of menu items such as search results, titles of news articles, file names in storage devices, etc. on the screen, the menu is composed of a number of menu items arranged according to predetermined criteria related to attributes such as names and dates. In many cases, a user interface technique for displaying a partial area on the screen and moving the partial area in response to a scroll operation is employed. When the screen is a touch screen, the scroll operation is, for example, dragging or flicking. According to this user interface, the user can display an arbitrary area in the menu on the screen by a scroll operation.

しかしながら、上記ユーザインタフェース技術によると、メニューをスクロールさせて端部のメニュー項目を画面に表示させた際、現在表示されているのが端部のメニュー項目であるのかどうかを、ユーザは直ちに把握することができない。例えばメニューを下方向にスクロールさせて下端部のメニュー項目を画面に表示させている場合、ユーザは、さらに下方向のスクロール操作を行っても画面内容が変わらないことを根拠に、現在画面に下端部のメニュー項目が表示されているのだと理解する他ない。   However, according to the user interface technology, when the menu is scrolled to display the end menu item on the screen, the user immediately knows whether the end menu item is currently displayed. I can't. For example, if the menu is scrolled downward and the menu item at the lower end is displayed on the screen, the user does not change the content on the current screen based on the fact that the screen contents will not change even if the scroll operation is further performed downward. There is no other way than to understand that some menu items are displayed.

本発明は上記課題に鑑みてなされたものであって、その目的は、端部のメニュー項目が画面に表示されたことをユーザが直ちに理解できるメニュー表示装置、メニュー表示制御方法及びプログラムを提供することにある。   The present invention has been made in view of the above problems, and an object thereof is to provide a menu display device, a menu display control method, and a program that allow a user to immediately understand that an end menu item is displayed on the screen. There is.

上記課題を解決するために、本発明に係るメニュー表示装置は、複数のメニュー項目が配列されたメニューにおける所与の範囲を画面に表示させるメニュー表示手段と、ユーザによる所定操作に応じて、前記所与の範囲を移動させる範囲移動手段と、前記メニューにおける端部の前記メニュー項目が前記画面の所定位置に表示されるか否かを判断する判断手段と、端部の前記メニュー項目が前記画面の前記所定位置に表示される場合に、前記ユーザによる前記所定操作に応じて、前記画面に表示されている前記メニュー項目の間隔を変更する間隔変更手段と、を含むことを特徴とする。   In order to solve the above-described problem, a menu display device according to the present invention includes a menu display unit that displays a given range in a menu in which a plurality of menu items are arranged on a screen, and a predetermined operation by a user. Range moving means for moving a given range, determination means for determining whether the menu item at the end of the menu is displayed at a predetermined position on the screen, and the menu item at the end are the screen And an interval changing means for changing the interval between the menu items displayed on the screen in response to the predetermined operation by the user.

また、前記間隔変更手段は、前記画面に表示されている前記メニュー項目の間隔を広げてよい。このとき、前記間隔変更手段は、少なくとも、端部の前記メニュー項目とその隣の前記メニュー項目との間隔を広げてよい。さらに、前記間隔変更手段は、前記配列における端部の前記メニュー項目を前記画面の前記所定位置に表示させたまま、その隣の前記メニュー項目を移動させてよい。また、前記間隔変更手段は、前記画面に表示されている前記メニュー項目の間隔を広げた後、該間隔を所定距離に戻してよい。   The interval changing means may increase the interval between the menu items displayed on the screen. At this time, the interval changing means may widen at least the interval between the menu item at the end and the adjacent menu item. Further, the interval changing means may move the adjacent menu item while the menu item at the end of the array is displayed at the predetermined position on the screen. The interval changing means may increase the interval between the menu items displayed on the screen and then return the interval to a predetermined distance.

また、本発明に係るメニュー表示制御方法は、複数のメニュー項目が配列されたメニューにおける所与の範囲を画面に表示させるステップと、ユーザによる所定操作に応じて、前記所与の範囲を移動させるステップと、前記メニューにおける端部の前記メニュー項目が前記画面の所定位置に表示されるか否かを判断するステップと、端部の前記メニュー項目が前記画面の前記所定位置に表示される場合に、前記ユーザによる前記所定操作に応じて、前記画面に表示されている前記メニュー項目の間隔を変更するステップと、を含むことを特徴とする。   The menu display control method according to the present invention includes a step of displaying a given range in a menu in which a plurality of menu items are arranged on the screen, and moving the given range according to a predetermined operation by a user. Determining whether the menu item at the end of the menu is displayed at a predetermined position on the screen; and when the menu item at the end is displayed at the predetermined position on the screen. And changing the interval between the menu items displayed on the screen in response to the predetermined operation by the user.

また、本発明に係るプログラムは、複数のメニュー項目が配列されたメニューにおける所与の範囲を画面に表示させる手段、ユーザによる所定操作に応じて、前記所与の範囲を移動させる手段、前記メニューにおける端部の前記メニュー項目が前記画面の所定位置に表示されるか否かを判断する手段、及び端部の前記メニュー項目が前記画面の前記所定位置に表示される場合に、前記ユーザによる前記所定操作に応じて、前記画面に表示されている前記メニュー項目の間隔を変更する手段としてコンピュータを機能させるためのプログラムである。このプログラムは、CD−ROMやDVD−ROMやメモリカードなどのコンピュータ可読情報記憶媒体に格納されてよい。   Further, the program according to the present invention includes means for displaying a given range in a menu in which a plurality of menu items are arranged, a means for moving the given range in response to a predetermined operation by a user, the menu Means for determining whether the menu item at the end of the screen is displayed at a predetermined position on the screen, and when the menu item at the end is displayed at the predetermined position on the screen, This is a program for causing a computer to function as means for changing the interval between the menu items displayed on the screen in accordance with a predetermined operation. This program may be stored in a computer-readable information storage medium such as a CD-ROM, DVD-ROM, or memory card.

本発明の実施の形態に係る可搬情報処理装置の外観斜視図である。1 is an external perspective view of a portable information processing device according to an embodiment of the present invention. 本発明の実施の形態に係る可搬情報処理装置のハードウェア構成図である。It is a hardware block diagram of the portable information processing apparatus which concerns on embodiment of this invention. メニュースクロール中の画面を示す図である。It is a figure which shows the screen during a menu scroll. メニュースクロール中の画面を示す図である。It is a figure which shows the screen during a menu scroll. 端処理中の画面を示す図である。It is a figure which shows the screen in edge process. メニュースクロール中の画面を示す図である。It is a figure which shows the screen during a menu scroll. 端処理中の画面を示す図である。It is a figure which shows the screen in edge process. メニュースクロールの概念説明図である。It is a conceptual explanatory view of a menu scroll. メニュー表示中に管理される各変数の定義を示す図である。It is a figure which shows the definition of each variable managed during a menu display. メニュー表示中に記憶されるテーブルを示す図である。It is a figure which shows the table memorize | stored during a menu display. メニュー表示のための情報処理を示すフロー図である。It is a flowchart which shows the information processing for a menu display. メニュー表示のための情報処理を示すフロー図である。It is a flowchart which shows the information processing for a menu display.

以下、本発明の実施形態について図面に基づき詳細に説明する。   Hereinafter, embodiments of the present invention will be described in detail with reference to the drawings.

図1は、本発明の実施形態に係る可搬情報処理装置の外観斜視図であり、図2は、同可搬情報処理装置のハードウェア構成図である。これらの図に示される可搬情報処理装置10は、本発明に係るメニュー表示装置の一実施形態であり、その制御方法は本発明に係るメニュー表示制御方法の一実施形態である。また、可搬情報処理装置10で実行されるプログラムは、本発明に係るプログラムの一実施形態である。可搬情報処理装置10は、図1に示されるように薄型箱状の筐体を有するコンピュータシステムであり、前面の大部分をタッチパネル12のタッチ面が占めており、側面には電源ボタン14やメモリカードスロット15が設けられている。この可搬情報処理装置10は、図示しない充電可能な内蔵バッテリにより駆動される。   FIG. 1 is an external perspective view of a portable information processing apparatus according to an embodiment of the present invention, and FIG. 2 is a hardware configuration diagram of the portable information processing apparatus. The portable information processing device 10 shown in these drawings is an embodiment of a menu display device according to the present invention, and its control method is an embodiment of the menu display control method according to the present invention. The program executed by the portable information processing apparatus 10 is an embodiment of the program according to the present invention. The portable information processing apparatus 10 is a computer system having a thin box-shaped housing as shown in FIG. 1, and the touch surface of the touch panel 12 occupies most of the front surface. A memory card slot 15 is provided. The portable information processing apparatus 10 is driven by a rechargeable built-in battery (not shown).

可搬情報処理装置10は、図2に示されるように、バス30に接続され相互にデータ送受可能に設けられたMPU16、メモリ18、FPDインタフェース20、タッチパッドインタフェース22、通信部24、不揮発性メモリ26及び媒体リーダ28を含んでいる。上述のように可搬情報処理装置10はタッチパネル12を備えており、このタッチパネル12は液晶や有機EL(Electro−Luminescence)によるFPD(Flat Panel Display)12a及び静電容量式その他の方式によるタッチパッド12bからなる。FPDインタフェース20はFPD12aに接続されており、タッチパッドインタフェース22はタッチパッド12bに接続されている。メモリ18はMPU16の作業スペースに用いられる。FPDインタフェース20は、FPD12aに表示すべき画像を保存するメモリを備えており、該メモリに格納された画像を定期的にFPD12aに出力し、該FPD12aにより表示される画像を更新する。タッチパッドインタフェース22は、タッチパッド12bから出力される信号に基づいて定期的にタッチ位置を演算し、MPU16に該タッチ位置を提供する。通信部24は、インターネットなどのデータ通信ネットワークに接続し、データを送信したり受信したりする機能を有する。不揮発性メモリ26は、メモリ18より大容量の記憶手段であり、オペレーティングシステムや各種のアプリケーションプログラムを記憶する。媒体リーダ28は、メモリカード32などのコンピュータ可読情報記憶媒体からデータを読み出したり、そのようなコンピュータ可読情報記憶媒体にデータを書き込んだりする。   As shown in FIG. 2, the portable information processing apparatus 10 includes an MPU 16, a memory 18, an FPD interface 20, a touch pad interface 22, a communication unit 24, and a non-volatile memory that are connected to a bus 30 and can exchange data with each other. A memory 26 and a media reader 28 are included. As described above, the portable information processing apparatus 10 includes the touch panel 12, and the touch panel 12 includes an FPD (Flat Panel Display) 12a based on liquid crystal or an organic EL (Electro-Luminescence), and a touch pad based on a capacitance type or the like. 12b. The FPD interface 20 is connected to the FPD 12a, and the touch pad interface 22 is connected to the touch pad 12b. The memory 18 is used as a work space for the MPU 16. The FPD interface 20 includes a memory that stores an image to be displayed on the FPD 12a. The image stored in the memory is periodically output to the FPD 12a, and the image displayed on the FPD 12a is updated. The touch pad interface 22 periodically calculates a touch position based on a signal output from the touch pad 12b, and provides the MPU 16 with the touch position. The communication unit 24 is connected to a data communication network such as the Internet, and has a function of transmitting and receiving data. The nonvolatile memory 26 is a storage means having a larger capacity than the memory 18 and stores an operating system and various application programs. The media reader 28 reads data from a computer readable information storage medium such as the memory card 32 or writes data to such a computer readable information storage medium.

この可搬情報処理装置10では、ユーザ操作によりスクロールさせることができるメニューを表示するプログラムを実行する。このプログラムは、オペレーティングシステムの一部であってもよいし、多数の画像を表示する画像ビューワや、多数の検索結果を表示する検索プログラムなどのアプリケーションプログラムであってもよい。また、このプログラムは予め不揮発性メモリ26に格納されてもよいし、通信部24によりダウンロードされてから不揮発性メモリ26に格納されてもよい。また、メモリカード32から不揮発性メモリ26にコピーされてもよいし、メモリカード32に記憶されたプログラムがMPU16により直接実行されてもよい。   In this portable information processing apparatus 10, a program for displaying a menu that can be scrolled by a user operation is executed. This program may be a part of the operating system, or may be an application program such as an image viewer that displays a large number of images or a search program that displays a large number of search results. In addition, this program may be stored in advance in the nonvolatile memory 26, or may be stored in the nonvolatile memory 26 after being downloaded by the communication unit 24. Further, it may be copied from the memory card 32 to the non-volatile memory 26, or a program stored in the memory card 32 may be directly executed by the MPU 16.

図3乃至図7は、メニュースクロール中にタッチパネル12に表示されるメニューを示している。また、図8は、メニューとそのうちの表示範囲との関係を示す図である。図8に示すように、本実施形態では、タッチパネル12に表示されるメニュー50は、一例として、水平方向に伸びる短冊状のメニュー項目画像1〜8を含んでいる。メニュー項目画像1〜8は、例えば受信日順に並べられた電子メールのタイトルを表すもの、取得順に並べられた音楽データのタイトルを表すものなど、撮影順にならべられた画像データのサムネイルであってよい。これら8つのメニュー項目画像1〜8は、仮想的に、この順で上下に基準間隔Δにて配列されている。すなわち、メニュー項目画像1はメニュー50の上端に配置されており、メニュー項目画像8は下端に配置されている。また、メニュー50は、タッチパネル12に表示される範囲、すなわち表示範囲52を上下に貫くように配置されており、ユーザ操作に応じて表示範囲52に対してメニュー50が仮想的に上下に移動するようになっている。これにより、任意の部分のメニュー項目画像が表示範囲52内に位置し、それらのメニュー項目画像がタッチパネル12に表示される。ただし、メニュー50の移動範囲は制限されており、下方向には、メニュー項目画像1の上端が表示範囲52の上端から所定距離だけ下の位置(位置A)にくるまで移動可能であり、上方向には、メニュー項目画像8の下端が表示範囲52の下端から所定距離だけ上の位置(位置B)にくるまで移動可能である。また、メニュー項目画像1〜8の間隔は基準間隔Δよりも広がることができる。   3 to 7 show menus displayed on the touch panel 12 during menu scrolling. FIG. 8 is a diagram showing the relationship between the menu and the display range. As shown in FIG. 8, in this embodiment, the menu 50 displayed on the touch panel 12 includes strip-like menu item images 1 to 8 extending in the horizontal direction as an example. The menu item images 1 to 8 may be thumbnails of image data arranged in the shooting order, such as those representing the titles of e-mails arranged in order of reception date and those representing the titles of music data arranged in the order of acquisition. . These eight menu item images 1 to 8 are virtually arranged at the reference interval Δ vertically in this order. That is, the menu item image 1 is arranged at the upper end of the menu 50, and the menu item image 8 is arranged at the lower end. The menu 50 is arranged so as to penetrate the range displayed on the touch panel 12, that is, the display range 52, and the menu 50 virtually moves up and down with respect to the display range 52 according to a user operation. It is like that. Thereby, menu item images of arbitrary portions are located in the display range 52, and those menu item images are displayed on the touch panel 12. However, the range of movement of the menu 50 is limited, and the menu 50 can be moved in the downward direction until the upper end of the menu item image 1 reaches a position (position A) below the upper end of the display range 52 by a predetermined distance. In the direction, the menu item image 8 can be moved until the lower end of the menu item image 8 reaches a position (position B) above the lower end of the display range 52 by a predetermined distance. Further, the interval between the menu item images 1 to 8 can be wider than the reference interval Δ.

具体的には、図3に示すようにタッチパネル12にメニュー項目画像2〜7が表示された状態で、ユーザが指先40をタッチ面に触れたまま矢印42Dにより示される下方向にスライド(ドラッグ)させると、メニュー50は表示範囲52に対して相対的に下方向にスライド量に相応して移動し、これにより、図4に示すようにタッチパネル12にはメニュー項目画像1〜5が表示される。この状態では、メニュー50は下方向に限界まで移動しており、メニュー項目画像1の上端が位置Aにある。この状態で、ユーザが指先40をタッチ面におけるメニュー項目画像3が表示された領域に接触させたまま矢印42Dにより示される下方向にさらにスライドさせると、図5に示すようにメニュー項目画像1とメニュー項目画像2の間隔Δ1、及びメニュー項目画像2とメニュー項目画像3の間隔Δ2がスライド量に応じて広がる。つまり、指先40のタッチ位置に表示されたメニュー項目画像3及びそれよりも上側に配置されたメニュー項目画像1,2については、これらの間隔Δ1,Δ2が広がる。一方、それ以外の間隔は広がらない。なお、図4と図5において、メニュー50の上端に配置されているメニュー項目画像1の表示位置は不変である。タッチ位置を上方向にスライドさせると、間隔Δ1,Δ2がスライド量に応じて狭まり、下方向にスライドさせると、間隔Δ1,Δ2がスライド量に応じてさらに広がる。また、指先40をタッチ面から離すと、徐々に、元の基準間隔Δに戻る。図5において、メニュー項目画像1とメニュー項目画像2の間隔Δ1と、メニュー項目画像2とメニュー項目画像3の間隔Δ2は、同じとしてもよいし、メニュー項目画像1とメニュー項目画像2の間隔Δ1の方が、メニュー項目画像2とメニュー項目画像3の間隔Δ2より狭くなるようにしてもよい。さらにタッチ位置からの距離に応じてメニュー項目画像の間隔Δの距離を段階的に設定してもよい。これによると、図5において、間隔Δ2の方が間隔Δ1よりも大きくなるように設定する。これによってユーザがより直感的にメニュー項目の端部を意識した操作が可能となる。   Specifically, as shown in FIG. 3, with the menu item images 2 to 7 displayed on the touch panel 12, the user slides (drags) downward as indicated by the arrow 42D while touching the fingertip 40 with the touch surface. As a result, the menu 50 moves downward relative to the display range 52 in accordance with the slide amount, whereby menu item images 1 to 5 are displayed on the touch panel 12 as shown in FIG. . In this state, the menu 50 has moved downward to the limit, and the upper end of the menu item image 1 is at the position A. In this state, when the user further slides the fingertip 40 in the downward direction indicated by the arrow 42D while keeping the fingertip 40 in contact with the area where the menu item image 3 is displayed on the touch surface, the menu item image 1 and the menu item image 1, as shown in FIG. The interval Δ1 between the menu item images 2 and the interval Δ2 between the menu item image 2 and the menu item image 3 are increased according to the slide amount. That is, with respect to the menu item image 3 displayed at the touch position of the fingertip 40 and the menu item images 1 and 2 arranged on the upper side, the intervals Δ1 and Δ2 are widened. On the other hand, other intervals do not widen. 4 and 5, the display position of the menu item image 1 arranged at the upper end of the menu 50 is unchanged. When the touch position is slid upward, the intervals Δ1 and Δ2 are narrowed according to the slide amount, and when the touch position is slid downward, the intervals Δ1 and Δ2 are further widened according to the slide amount. Further, when the fingertip 40 is moved away from the touch surface, the original reference interval Δ is gradually returned. In FIG. 5, the interval Δ1 between the menu item image 1 and the menu item image 2 and the interval Δ2 between the menu item image 2 and the menu item image 3 may be the same, or the interval Δ1 between the menu item image 1 and the menu item image 2. This may be smaller than the interval Δ2 between the menu item image 2 and the menu item image 3. Further, the distance Δ between the menu item images may be set stepwise according to the distance from the touch position. According to this, in FIG. 5, the interval Δ2 is set to be larger than the interval Δ1. As a result, an operation in which the user is more intuitively aware of the end of the menu item becomes possible.

同様に、図3に示すようにタッチパネル12にメニュー項目画像2〜7が表示された状態で、ユーザが指先40をタッチ面に触れたまま矢印42Uにより示される上方向にスライド(ドラッグ)させると、メニュー50は表示範囲52に対して相対的に上方向にスライド量に相応して移動し、これにより、図6に示すようにタッチパネル12にはメニュー項目画像4〜8が表示される。この状態では、メニュー50は上方向に限界まで移動しており、メニュー項目画像8が画面位置Bにある。この状態で、ユーザが指先40をタッチ面に接触させたまま矢印42Uにより示される下方向にさらにスライドさせると、図7に示すようにメニュー項目画像8とメニュー項目画像7の間隔がスライド量に応じて広がる。つまり、指先40のタッチ位置に表示されたメニュー項目画像7及びそれよりも下側に配置されたメニュー項目画像8については、その間隔が広がる。一方、それ以外の間隔は広がらない。なお、図6と図7において、メニュー50の下端に配置されているメニュー項目画像8の表示位置は不変である。タッチ位置を下方向にスライドさせると、間隔がスライド量に応じて広がり、上方向にスライドさせると、間隔がスライド量に応じてさらに広がる。また、指先40をタッチ面から離すと、徐々に、元の基準間隔Δに戻る。   Similarly, when the menu item images 2 to 7 are displayed on the touch panel 12 as shown in FIG. 3, the user slides (drags) the fingertip 40 in the upward direction indicated by the arrow 42U while touching the touch surface. The menu 50 moves in the upward direction relative to the display range 52 in accordance with the slide amount, whereby menu item images 4 to 8 are displayed on the touch panel 12 as shown in FIG. In this state, the menu 50 has moved upward to the limit, and the menu item image 8 is at the screen position B. In this state, when the user further slides the fingertip 40 in the downward direction indicated by the arrow 42U while keeping the fingertip 40 in contact with the touch surface, the interval between the menu item image 8 and the menu item image 7 becomes the slide amount as shown in FIG. Expands accordingly. In other words, the interval between the menu item image 7 displayed at the touch position of the fingertip 40 and the menu item image 8 arranged below the menu item image 7 is widened. On the other hand, other intervals do not widen. 6 and 7, the display position of the menu item image 8 arranged at the lower end of the menu 50 is unchanged. When the touch position is slid downward, the interval increases according to the slide amount, and when the touch position is slid upward, the interval further increases according to the slide amount. Further, when the fingertip 40 is moved away from the touch surface, the original reference interval Δ is gradually returned.

また、本実施形態では、ユーザがタッチパネル12に対して指先40でフリックしたことを検出するようになっており、下方向のフリックがなされたことを検出すると、メニュー50を表示範囲52に対して下方向に移動させる(自動スクロール)。フリックは、指先40をタッチ面に接触させたまま所定の基準スピード以上のスピードでスライドさせ、そのまま指先40をタッチ面から離す操作である。フリック後はユーザの指先40はタッチパネル12のタッチ面から離れるが、メニュー50は下方向に移動し続ける。このとき、フリック時のスライドスピードが速ければ速いほど、移動の初速も速くなる。また、時間が経つほどメニュー50の移動速度は遅くなり、最終的には停止する。なお、フリック操作がなされると、メニュー項目画像1〜8の間隔が広がるようにしてもよい。このとき、フリック時のスライドスピードが速ければ速いほど、メニュー項目画像1〜8の間隔が大きく広がるようにしてよい。また、こうした自動スクロールの最中に、メニュー項目画像1の上端が位置Aにくると、メニュー項目画像1〜8の間隔が徐々に広がり、その後、間隔が徐々に狭まり基準間隔Δに戻ると、画面の変化は止まる。   Further, in the present embodiment, it is detected that the user flicks the touch panel 12 with the fingertip 40, and when it is detected that a downward flick is made, the menu 50 is displayed on the display range 52. Move down (automatic scrolling). The flick is an operation in which the fingertip 40 is slid at a speed equal to or higher than a predetermined reference speed while being in contact with the touch surface, and the fingertip 40 is released from the touch surface as it is. After the flick, the user's fingertip 40 moves away from the touch surface of the touch panel 12, but the menu 50 continues to move downward. At this time, the faster the flicking slide speed, the faster the initial speed of movement. Further, as time passes, the moving speed of the menu 50 becomes slower and finally stops. Note that when a flick operation is performed, the interval between the menu item images 1 to 8 may be increased. At this time, the faster the flicking slide speed, the larger the interval between the menu item images 1-8. Further, during the automatic scrolling, when the upper end of the menu item image 1 comes to the position A, the interval between the menu item images 1 to 8 gradually increases, and then the interval gradually decreases and returns to the reference interval Δ. The screen change stops.

同様に、上方向のフリックがなされたことを検出すると、メニュー50を表示範囲52に対して上方向に移動させる。フリック後はユーザの指先40はタッチパネル12のタッチ面から離れるが、メニュー50は上方向に移動し続ける。この場合も、フリック時のスライドスピードが速ければ速いほど、移動の初速も速くなる。また、時間が経つほどメニュー50の移動速度は遅くなり、最終的には停止する。また、こうした自動スクロールの最中に、メニュー項目画像8の下端が位置Bにくると、メニュー項目画像1〜8の間隔が徐々に広がり、その後、間隔が徐々に狭まり基準間隔Δに戻ると、画面の変化は止まる。   Similarly, when it is detected that an upward flick has been made, the menu 50 is moved upward with respect to the display range 52. After the flick, the user's fingertip 40 moves away from the touch surface of the touch panel 12, but the menu 50 continues to move upward. In this case as well, the faster the flicking slide speed, the faster the initial speed of movement. Further, as time passes, the moving speed of the menu 50 becomes slower and finally stops. Further, during the automatic scrolling, when the lower end of the menu item image 8 comes to the position B, the interval between the menu item images 1 to 8 gradually increases, and then the interval gradually decreases and returns to the reference interval Δ. The screen change stops.

以上のように、メニュー50を下方向に移動させる操作(フリック又はドラッグ)により、メニュー項目画像1の上端が位置Aにまでくると、メニュー項目画像1は下方向にそれ以上移動せず、代わりにメニュー項目画像1とメニュー項目画像2の間隔が広がる。同様に、メニュー50を上方向に移動させる操作(フリック又はドラッグ)により、メニュー項目画像8の下端が位置Bにまでくると、メニュー項目画像8は上方向にそれ以上移動せず、代わりにメニュー項目画像8とメニュー項目画像8の間隔が広がる。こうして、メニュー50が下限又は上限まで移動していること、つまりタッチパネル12に上端のメニュー項目画像1又は下端のメニュー項目画像8が所定位置に表示されていることを、分かりやすくユーザに伝えることができる。   As described above, when the upper end of the menu item image 1 reaches the position A by the operation (flick or drag) for moving the menu 50 downward, the menu item image 1 does not move further downward, instead. The interval between the menu item image 1 and the menu item image 2 is widened. Similarly, when the lower end of the menu item image 8 reaches position B by an operation (flick or drag) for moving the menu 50 upward, the menu item image 8 does not move further upward, and instead the menu item 8 The interval between the item image 8 and the menu item image 8 is widened. In this way, the user can easily be informed that the menu 50 has moved to the lower limit or the upper limit, that is, the menu item image 1 at the upper end or the menu item image 8 at the lower end is displayed on the touch panel 12 at a predetermined position. it can.

以下、メニュー50を表示する処理についてさらに詳細に説明する。図9は、メニュー50の表示中、可搬情報処理装置10で管理される各変数の定義を示しており、図10は、メニュー50の表示中、可搬情報処理装置10のメモリ18に記憶されるテーブルを模式的に示している。これらの図に示すように、メニュー50の表示中は、メニュー項目画像1〜7のそれぞれに関連づけて、その下に位置するメニュー項目画像2〜8との間隔Δ1〜Δ7がメモリ18に記憶される。具体的には、間隔Δnは、メニュー項目画像nの下端とメニュー項目画像n+1の上端との間の距離である(n=1〜7)。また、メニュー項目画像1〜8のそれぞれに関連づけて、表示位置の座標X1〜X8がメモリ18に記憶される。座標Xnは、図8及び図9に示すように、タッチパネル12の画面の上端からメニュー項目画像nの上端までの距離を示している。なお、座標Xnが負の場合には、当該座標は表示範囲52の外である(n=1〜8)。   Hereinafter, the process of displaying the menu 50 will be described in more detail. FIG. 9 shows the definition of each variable managed by the portable information processing apparatus 10 while the menu 50 is displayed. FIG. 10 shows the definition of each variable stored in the memory 18 of the portable information processing apparatus 10 while the menu 50 is displayed. The table to be performed is shown schematically. As shown in these figures, during the display of the menu 50, intervals Δ1 to Δ7 between the menu item images 2 to 8 positioned below the menu item images 1 to 7 are stored in the memory 18 in association with the menu item images 1 to 7, respectively. The Specifically, the interval Δn is a distance between the lower end of the menu item image n and the upper end of the menu item image n + 1 (n = 1 to 7). Further, the coordinates X1 to X8 of the display position are stored in the memory 18 in association with the menu item images 1 to 8, respectively. The coordinate Xn indicates the distance from the upper end of the screen of the touch panel 12 to the upper end of the menu item image n, as shown in FIGS. When the coordinate Xn is negative, the coordinate is outside the display range 52 (n = 1 to 8).

図11及び図12は、メニュー50を表示するためのプログラムの処理を示している。図11に示すように、このプログラムでは、まず端処理が必要か否かを判断する(S101)。端処理は、図12のフロー図により示される処理であり、メニュー50を下方向に移動させる操作によりメニュー項目画像1の上端が位置Aにまできた後、或いは、メニュー50を上方向に移動させる操作によりメニュー項目画像8の下端が位置Bにまできた後に、それぞれ実行される処理である。具体的には、(1)メニュー項目画像1の上端が位置Aにある状態で、下方向のドラッグ操作が行われた場合、(2)メニュー項目画像8の下端が位置Bにある状態で、上方向のドラッグ操作が行われた場合、(3)下方向のフリック操作に応じた自動処理によりメニュー項目画像1の上端が位置Aにきた場合、(4)上方向のフリック操作に応じた自動処理によりメニュー項目画像8の下端が位置Bにきた場合、(5)メニュー項目画像1の上端が位置Aにある状態であり、且つメニュー項目画像1とメニュー項目画像2の現在の間隔Δ1が基準間隔Δよりも大きい場合、(6)メニュー項目画像8の下端が位置Bにある状態であり、且つメニュー項目画像8とメニュー項目画像7の現在の間隔Δ7が基準間隔Δよりも大きい場合に、端処理が必要と判断する。   11 and 12 show processing of a program for displaying the menu 50. FIG. As shown in FIG. 11, in this program, it is first determined whether or not end processing is necessary (S101). The edge process is a process shown in the flowchart of FIG. 12, and after the upper end of the menu item image 1 reaches the position A by the operation of moving the menu 50 downward, or the menu 50 is moved upward. This is a process executed after the lower end of the menu item image 8 reaches the position B by operation. Specifically, (1) when a downward drag operation is performed in a state where the upper end of the menu item image 1 is at the position A, (2) in a state where the lower end of the menu item image 8 is at the position B, When the upward drag operation is performed, (3) When the upper end of the menu item image 1 comes to the position A by automatic processing according to the downward flick operation, (4) Automatic according to the upward flick operation When the lower end of the menu item image 8 comes to the position B by processing, (5) the upper end of the menu item image 1 is at the position A, and the current interval Δ1 between the menu item image 1 and the menu item image 2 is a reference. When it is larger than the interval Δ, (6) When the lower end of the menu item image 8 is at the position B and the current interval Δ7 between the menu item image 8 and the menu item image 7 is larger than the reference interval Δ, Edge treatment It deemed necessary.

ここで、メニュー項目画像1の上端が位置Aにあるか否か、メニュー項目画像8の下端が位置Bの位置にあるか否か、は、図10のテーブルの座標X1及びX8より判断することができる。また、ドラッグ操作が行われたか否か、及びドラッグ操作の方向は、タッチパッドインタフェース22からの出力に基づいて判断することができる。さらに、このプログラムでは、メモリ18にフリック操作に応じた自動処理のスピードを記憶させており、この自動処理スピードが0より大きい場合には、フリック操作により下方向の自動処理がなされている最中(自動処理中)と判断できる。また、この自動処理スピードが0より小さい場合には、フリック操作により上方向の自動処理がなされている最中(自動処理中)と判断できる。一方、自動処理スピードが0の場合には、自動処理がなされていないと判断できる。   Here, whether or not the upper end of the menu item image 1 is at the position A and whether or not the lower end of the menu item image 8 is at the position B are determined from the coordinates X1 and X8 in the table of FIG. Can do. Further, whether or not a drag operation has been performed and the direction of the drag operation can be determined based on an output from the touchpad interface 22. Further, in this program, the speed of automatic processing corresponding to the flick operation is stored in the memory 18, and when the automatic processing speed is larger than 0, the automatic processing in the downward direction is being performed by the flick operation. (Automatic processing in progress) can be determined. If the automatic processing speed is smaller than 0, it can be determined that the upward automatic processing is being performed by the flick operation (during automatic processing). On the other hand, when the automatic processing speed is 0, it can be determined that automatic processing has not been performed.

端処理が必要でない場合、次にタッチパッドインタフェース22からの出力に基づいて、タッチパッド12bにタッチ中であるか否かを判断する(S103)。タッチ中であれば、自動処理スピードを0に設定するとともに(S104)、直前に検出したタッチ位置と今回検出したタッチ位置との上下方向の距離、すなわちドラッグ距離を取得し、このドラッグ距離だけメニュー50を移動させる(S105)。具体的には、タッチ位置が上方向に移動していれば、図10に示すテーブルに含まれている各座標Xnをドラッグ距離だけ減算する。また、タッチ位置が下方向に移動していれば、各座標Xnにドラッグ距離を加算する。そして、更新されたテーブルに従って、メニュー項目画像1〜8をFPD12aに表示させ、S101の処理に戻る。   If the edge processing is not required, it is next determined whether or not the touch pad 12b is being touched based on the output from the touch pad interface 22 (S103). If the touch is being performed, the automatic processing speed is set to 0 (S104), and the vertical distance between the touch position detected immediately before and the touch position detected this time, that is, the drag distance, is acquired. 50 is moved (S105). Specifically, if the touch position has moved upward, each coordinate Xn included in the table shown in FIG. 10 is subtracted by the drag distance. If the touch position has moved downward, the drag distance is added to each coordinate Xn. Then, the menu item images 1 to 8 are displayed on the FPD 12a according to the updated table, and the process returns to S101.

S103においてタッチ中でないと判断されると、次にフリックがなされたか否かを判断する(S106)。例えば、直前に検出したタッチ位置とさらにその前に検出したタッチ位置との上下方向の距離、すなわち直前のドラッグ距離(スライドスピード)が所定距離以上であり、且つ今回はタッチ位置を検出していない場合に、フリックがなされたと判断する。フリックがなされたと判断すると、直前のドラッグ距離に応じて自動処理スピードを設定する(S107)。具体的には、ドラッグ距離が長ければ長いほど、自動処理スピードを大きく設定する。また、下方向にドラッグされていれば、自動処理スピードを正の値とし、上方向にドラッグされていれば、自動処理スピードを負の値とする。   If it is determined in S103 that the user is not touching, it is then determined whether or not a flick has been made (S106). For example, the vertical distance between the touch position detected immediately before and the touch position detected before that, that is, the immediately previous drag distance (slide speed) is equal to or greater than a predetermined distance, and the touch position is not detected this time. In this case, it is determined that a flick has been made. If it is determined that a flick has been made, the automatic processing speed is set according to the previous drag distance (S107). Specifically, the longer the drag distance is, the larger the automatic processing speed is set. Also, if the drag is downward, the automatic processing speed is a positive value, and if the drag is upward, the automatic processing speed is a negative value.

その後、自動処理スピードの値を、図10のテーブルに含まれる座標Xnに加算し、更新後のテーブルに従ってメニュー項目画像1〜8をFPD12aに表示させる(S109)。さらに、自動処理スピードの値を0に近づける(S110)。例えば所定値ずつ自動処理スピードを0に近づけてよい。S110の処理により自動処理スピードが0となれば、自動処理は終了する。その後、S101の処理に戻る。   Thereafter, the value of the automatic processing speed is added to the coordinates Xn included in the table of FIG. 10, and the menu item images 1 to 8 are displayed on the FPD 12a according to the updated table (S109). Further, the value of the automatic processing speed is brought close to 0 (S110). For example, the automatic processing speed may be close to 0 by a predetermined value. If the automatic processing speed becomes 0 by the processing of S110, the automatic processing ends. Thereafter, the process returns to S101.

S106においてフリックがなされていないと判断されると、現在自動処理中であるか否かを判断する(S108)。具体的には、自動処理スピードが0であれば、自動処理中でないと判断し、それ以外には自動処理中と判断する。自動処理中でなければ、そのままS101の処理に戻り、自動処理中であれば、S109の処理に進む。   If it is determined in step S106 that no flick has been made, it is determined whether automatic processing is currently being performed (S108). Specifically, if the automatic processing speed is 0, it is determined that automatic processing is not being performed, and otherwise, it is determined that automatic processing is being performed. If automatic processing is not in progress, the process directly returns to S101. If automatic processing is in progress, the process proceeds to S109.

S101で端処理が必要と判断されれば、図12に示される端処理が実行される。この処理では、まずタッチ中か否かを判断する(S1021)。タッチ中であれば、直前のタッチ位置と今回のタッチ位置との差、すなわちドラッグ距離を取得する(S1022)。さらに、今回のタッチ位置に対応するメニュー項目画像を特定する(S1023)。例えば、今回のタッチ位置から、メニュー項目画像1〜8の中心位置への上下方向の距離を算出し、その距離が一番小さなものを、今回のタッチ位置に対応するメニュー項目画像としてよい。そして、特定されたメニュー項目画像が、メニュー項目画像1又はメニュー項目画像8のいずれかであるか否かを判断する(S1024)。特定されたメニュー項目画像が、メニュー項目画像1又はメニュー項目画像8であれば、S1022で取得されたドラッグ距離に応じて、図10のテーブルに含まれる間隔Δ1〜Δ7を更新し、さらに座標X1〜X8も併せて更新する(S1028)。具体的には、メニュー項目画像1の上端が位置Aにあり、下方向にドラッグしていれば、間隔Δ1〜Δ7をドラッグ距離に比例した量だけ広げる。上方向にドラッグしていれば、間隔Δ1〜Δ7をドラッグ距離に比例した量だけ狭める。Δ1〜Δ7を広げたり狭めたりする量は、等しくしてよい。その後、座標X1については値をそのままに、座標X2〜X8については、座標X1及び間隔Δ1〜Δ7に従って更新する。つまり、メニュー項目画像1の上端が位置Aとなり、その他のメニュー項目画像2〜8は、間隔Δ1〜Δ7で並ぶようにする。   If it is determined in S101 that end processing is necessary, the end processing shown in FIG. 12 is executed. In this process, it is first determined whether or not a touch is being made (S1021). If the touch is being performed, the difference between the previous touch position and the current touch position, that is, the drag distance is acquired (S1022). Further, the menu item image corresponding to the current touch position is specified (S1023). For example, the vertical distance from the current touch position to the center position of the menu item images 1 to 8 may be calculated, and the smallest distance may be used as the menu item image corresponding to the current touch position. Then, it is determined whether the specified menu item image is either the menu item image 1 or the menu item image 8 (S1024). If the identified menu item image is the menu item image 1 or the menu item image 8, the intervals Δ1 to Δ7 included in the table of FIG. 10 are updated according to the drag distance acquired in S1022, and further the coordinates X1 ˜X8 are also updated (S1028). Specifically, if the upper end of the menu item image 1 is at the position A and dragging downward, the intervals Δ1 to Δ7 are widened by an amount proportional to the drag distance. If dragging upward, the intervals Δ1 to Δ7 are narrowed by an amount proportional to the drag distance. The amount by which Δ1 to Δ7 are widened or narrowed may be equal. Thereafter, the value is maintained as it is for the coordinate X1, and the coordinate X2 to X8 is updated according to the coordinate X1 and the intervals Δ1 to Δ7. That is, the upper end of the menu item image 1 is the position A, and the other menu item images 2 to 8 are arranged at intervals Δ1 to Δ7.

同様に、メニュー項目画像8の下端が位置Bにあり、上方向にドラッグしていれば、間隔Δ1〜Δ7をドラッグ距離に比例した量だけ広げる。下方向にドラッグしていれば、間隔Δ1〜Δ7をドラッグ距離に比例した量だけ狭める。ここでも、Δ1〜Δ7を広げたり狭めたりする量は、等しくしてよい。その後、座標X8については値をそのままに、座標X2〜X8については、座標X8及び間隔Δ1〜Δ7に従って更新する。つまり、メニュー項目画像8の下端が位置Bとなり、その他のメニュー項目画像1〜7は、間隔Δ1〜Δ7で並ぶようにする。   Similarly, if the lower end of the menu item image 8 is at the position B and dragging upward, the intervals Δ1 to Δ7 are widened by an amount proportional to the drag distance. If dragging downward, the intervals Δ1 to Δ7 are narrowed by an amount proportional to the drag distance. Again, the amount by which Δ1 to Δ7 are widened or narrowed may be equal. Thereafter, the value is updated for the coordinate X8, and the coordinate X2 to X8 is updated according to the coordinate X8 and the intervals Δ1 to Δ7. That is, the lower end of the menu item image 8 is the position B, and the other menu item images 1 to 7 are arranged at intervals Δ1 to Δ7.

一方、S1024において、特定されたメニュー項目画像が、メニュー項目画像1でもメニュー項目画像8でもないと判断されれば、次に、特定されたメニュー項目画像を移動させる(S1025)。すなわち、S1023で特定されたメニュー項目画像についての座標Xnを、S1023で取得されたドラッグ距離だけ移動させる。このとき、下方向にドラッグしていれば、座標Xnにドラッグ距離を加算し、上方向にドラッグしていれば、座標Xnからドラッグ距離を減算する。   On the other hand, if it is determined in S1024 that the specified menu item image is neither the menu item image 1 nor the menu item image 8, then the specified menu item image is moved (S1025). That is, the coordinate Xn for the menu item image specified in S1023 is moved by the drag distance acquired in S1023. At this time, if dragging downward, the drag distance is added to the coordinate Xn, and if dragging upward, the drag distance is subtracted from the coordinate Xn.

さらに、S1023で特定されたメニュー項目画像と、メニュー項目画像1又はメニュー項目画像8と、の間で、メニュー項目画像を等間隔に配置する(S1026)。すなわち、メニュー項目画像1の上端が位置Aにある場合、S1023で特定されたメニュー項目画像とメニュー項目画像1との間で、メニュー項目画像が等間隔となるよう、図10に示されるテーブルの間隔Δn及び座標Xnを更新する。また、メニュー項目画像8の下端が位置Bにある場合、S1023で特定されたメニュー項目画像とメニュー項目画像8との間で、メニュー項目画像が等間隔となるよう、図10に示されるテーブルの間隔Δn及び座標Xnを更新する。   Further, the menu item images are arranged at equal intervals between the menu item image specified in S1023 and the menu item image 1 or the menu item image 8 (S1026). That is, when the upper end of the menu item image 1 is at the position A, the menu item image of the table shown in FIG. 10 is arranged at equal intervals between the menu item image specified in S1023 and the menu item image 1. The interval Δn and the coordinate Xn are updated. Further, when the lower end of the menu item image 8 is at the position B, the menu item image of the table shown in FIG. 10 is arranged so that the menu item images are equally spaced between the menu item image specified in S1023 and the menu item image 8. The interval Δn and the coordinate Xn are updated.

なお、S1026では、S1023で特定されたメニュー項目画像と、メニュー項目画像1又はメニュー項目画像8と、の間で、メニュー項目画像の間隔を徐々に変えるようにしてもよい。例えば、図5に関連して既に説明したように、S1023で特定されたメニュー項目画像から遠いほど、メニュー項目画像の間隔が狭くなるようにしてもよい。   In S1026, the interval between the menu item images may be gradually changed between the menu item image specified in S1023 and the menu item image 1 or the menu item image 8. For example, as already described with reference to FIG. 5, the distance between the menu item images may be reduced as the distance from the menu item image specified in S1023 increases.

さらに、S1026で更新された間隔Δn及び座標Xnに従って、S1026では更新されていない、残りの座標Xnを更新する(S1027)。つまり、メニュー項目画像1の上端が位置Aにある場合、S1023で特定されたメニュー項目画像よりも下側のメニュー項目画像が、図10のテーブルに記録された間隔Δnで並ぶようにする。同様に、メニュー項目画像8の下端が位置Bにある場合、S1023で特定されたメニュー項目画像よりも上側のメニュー項目画像が、図10のテーブルに記録された間隔Δnで並ぶようにする。その後、以上のようにして更新されたテーブルに従って、メニュー項目画像1〜8をFPD12aにより表示させる(S1029)。   Further, according to the interval Δn and the coordinate Xn updated in S1026, the remaining coordinate Xn that has not been updated in S1026 is updated (S1027). That is, when the upper end of the menu item image 1 is at the position A, the menu item images below the menu item image specified in S1023 are arranged at the interval Δn recorded in the table of FIG. Similarly, when the lower end of the menu item image 8 is at the position B, the menu item images above the menu item image specified in S1023 are arranged at the interval Δn recorded in the table of FIG. Thereafter, according to the table updated as described above, the menu item images 1 to 8 are displayed by the FPD 12a (S1029).

S1021において、タッチパッド12bがタッチされていないと判断されると、次に自動処理中であるか否かを判断する(S1036)。自動処理中であれば、現在の自動処理スピードの大きさに応じて間隔Δ1〜Δ7を広げる(S1030)。例えば、自動処理スピードの絶対値に比例した値を間隔Δ1〜Δ7に加算してもよい。なお、間隔Δ1〜Δ7を等しく広げてもよいし、広げる程度を異ならせてもよい。例えば、メニュー項目画像1の上端が位置Aにある場合、該メニュー項目画像1に近い間隔(つまりΔ1)ほど大きく広げてよい。つまり、Δ1>Δ2>Δ3…としてよい。また、メニュー項目画像8の下端が位置Bにある場合、該メニュー項目画像8に近い間隔ほど大きく広げてよい。つまり、Δ8>Δ7>Δ6…としてよい。逆に、メニュー項目画像1の上端が位置Aにある場合、該メニュー項目画像1から遠い間隔ほど大きく広げてよい。つまり、Δ8>Δ7>Δ6…としてよい。また、メニュー項目画像8の下端が位置Bにある場合、該メニュー項目画像8から遠い間隔ほど大きく広げてよい。つまり、Δ1>Δ2>Δ3…としてよい。そして、S1030により更新された間隔Δ1〜Δ7に従って、座標X2〜X8を更新する(S1031)。こうして、メニュー項目画像1を同じ位置に留めつつ、メニュー項目画像1〜8が、更新された間隔Δ1〜Δ7で並ぶようにする。その後、以上のようにして更新されたテーブルに従って、メニュー項目画像1〜8をFPD12aにより表示させる(S1032)。さらに、自動処理スピードを0に近づける(S1033)。例えば所定値ずつ自動処理スピードを0に近づけてよい。S1033の処理により自動処理スピードが0となれば、自動処理は終了する。   If it is determined in S1021 that the touch pad 12b is not touched, it is next determined whether or not automatic processing is being performed (S1036). If automatic processing is in progress, the intervals Δ1 to Δ7 are widened according to the current automatic processing speed (S1030). For example, a value proportional to the absolute value of the automatic processing speed may be added to the intervals Δ1 to Δ7. Note that the intervals Δ1 to Δ7 may be equally widened, or the degree of widening may be varied. For example, when the upper end of the menu item image 1 is at the position A, the interval close to the menu item image 1 (that is, Δ1) may be increased greatly. That is, Δ1> Δ2> Δ3... In addition, when the lower end of the menu item image 8 is at the position B, the interval closer to the menu item image 8 may be enlarged greatly. That is, Δ8> Δ7> Δ6... On the other hand, when the upper end of the menu item image 1 is at the position A, the distance from the menu item image 1 may be increased widely. That is, Δ8> Δ7> Δ6... When the lower end of the menu item image 8 is at the position B, the distance between the menu item image 8 and the menu item image 8 may be increased. That is, Δ1> Δ2> Δ3... Then, the coordinates X2 to X8 are updated according to the intervals Δ1 to Δ7 updated in S1030 (S1031). Thus, the menu item images 1 to 8 are arranged at the updated intervals Δ1 to Δ7 while keeping the menu item image 1 at the same position. Thereafter, according to the table updated as described above, the menu item images 1 to 8 are displayed by the FPD 12a (S1032). Furthermore, the automatic processing speed is brought close to 0 (S1033). For example, the automatic processing speed may be close to 0 by a predetermined value. If the automatic processing speed becomes 0 by the processing of S1033, the automatic processing ends.

また、S1025において自動処理中でないと判断されると、間隔Δ1〜Δ7を元の基準間隔Δに近づける。例えば、所定値ずつ基準間隔Δに近づけてよい。さらに、更新された間隔Δ1〜Δ7でメニュー項目画像1〜8が並ぶよう、座標X1〜X8を更新する(S1034)。具体的には、メニュー項目画像1の上端が位置Aにある場合、座標X1はそのままにして、更新された間隔Δ1〜Δ7でメニュー項目画像1〜8が並ぶよう、座標X2〜X8を更新する。また、メニュー項目画像8の下端が位置Bにある場合、座標X8はそのままにして、更新された間隔Δ1〜Δ7でメニュー項目画像1〜8が並ぶよう、座標X1〜X7を更新する。その後、以上のようにして更新されたテーブルに従って、メニュー項目画像1〜8をFPD12aにより表示させる(S1035)。   If it is determined in S1025 that automatic processing is not being performed, the intervals Δ1 to Δ7 are brought close to the original reference interval Δ. For example, it may be brought closer to the reference interval Δ by a predetermined value. Further, the coordinates X1 to X8 are updated so that the menu item images 1 to 8 are arranged at the updated intervals Δ1 to Δ7 (S1034). Specifically, when the upper end of the menu item image 1 is at the position A, the coordinates X1 are left unchanged, and the coordinates X2 to X8 are updated so that the menu item images 1 to 8 are arranged at the updated intervals Δ1 to Δ7. . When the lower end of the menu item image 8 is at the position B, the coordinates X1 to X7 are updated so that the menu item images 1 to 8 are arranged at the updated intervals Δ1 to Δ7 while the coordinate X8 is left as it is. Thereafter, according to the table updated as described above, the menu item images 1 to 8 are displayed by the FPD 12a (S1035).

以上説明した可搬情報処理装置10によれば、下方向のフリック又はドラッグによりメニュー項目画像1の上端が位置Aにまでくると、メニュー項目画像1は下方向にそれ以上移動せず、代わりにメニュー項目画像1とメニュー項目画像2の間隔が広がる。また、上方向のフリック又はドラッグによりメニュー項目画像8の下端が位置Bにまでくると、メニュー項目画像8は上方向にそれ以上移動せず、代わりにメニュー項目画像8とメニュー項目画像8の間隔が広がる。こうして、メニュー50が下限又は上限まで移動していること、つまりタッチパネル12に上端のメニュー項目画像1又は下端のメニュー項目画像8が所定位置に表示されていることを、分かりやすくユーザに伝えることができる。   According to the portable information processing apparatus 10 described above, when the upper end of the menu item image 1 reaches the position A by flicking or dragging downward, the menu item image 1 does not move further downward, instead. The interval between the menu item image 1 and the menu item image 2 is increased. Further, when the lower end of the menu item image 8 reaches the position B by flicking or dragging upward, the menu item image 8 does not move any further upward, but instead, the interval between the menu item image 8 and the menu item image 8. Spread. In this way, the user can easily be informed that the menu 50 has moved to the lower limit or the upper limit, that is, the menu item image 1 at the upper end or the menu item image 8 at the lower end is displayed on the touch panel 12 at a predetermined position. it can.

なお、本発明は上記実施形態に限定されるものではない。例えば、図9乃至図12に示される処理は一例に過ぎず、他の変形された処理により本発明に係るユーザインタフェースを実現してよいのはもちろんである。   The present invention is not limited to the above embodiment. For example, the processes shown in FIGS. 9 to 12 are merely examples, and it is needless to say that the user interface according to the present invention may be realized by other modified processes.

10 可搬情報処理装置、12 タッチパネル、12a FPD、12b タッチパッド、14 電源ボタン、15 メモリカードスロット、16 MPU,18 メモリ、20 FPDインタフェース、22 タッチパッドインタフェース、24 通信部、26 不揮発性メモリ、28 媒体リーダ、30 バス、32 メモリカード、40 指先、50 メニュー、52 表示範囲。   DESCRIPTION OF SYMBOLS 10 Portable information processing apparatus, 12 Touch panel, 12a FPD, 12b Touch pad, 14 Power button, 15 Memory card slot, 16 MPU, 18 Memory, 20 FPD interface, 22 Touch pad interface, 24 Communication part, 26 Non-volatile memory, 28 Media reader, 30 buses, 32 memory cards, 40 fingertips, 50 menus, 52 display ranges.

Claims (6)

複数のメニュー項目が配列されたメニューにおける所与の範囲を画面に表示させるメニュー表示手段と、
ユーザによる所定操作に応じて、前記所与の範囲を移動させる範囲移動手段と、
前記メニューにおける端部の前記メニュー項目が前記画面の所定位置に表示されるか否かを判断する判断手段と、
端部の前記メニュー項目が前記画面の前記所定位置に表示される場合に、前記ユーザによる前記所定操作に応じて、前記画面に表示されている複数の前記メニュー項目の間隔を、端部の前記メニュー項目から遠いほど大きく広げる間隔変更手段と、
を含むことを特徴とするメニュー表示装置。
Menu display means for displaying a given range in a menu in which a plurality of menu items are arranged on the screen;
Range moving means for moving the given range in accordance with a predetermined operation by the user;
Determining means for determining whether or not the menu item at the end of the menu is displayed at a predetermined position on the screen;
When the menu item at the end is displayed at the predetermined position on the screen, the interval between the plurality of menu items displayed on the screen is set according to the predetermined operation by the user. An interval changing means for widening the distance from the menu item,
A menu display device comprising:
請求項1に記載のメニュー表示装置において、
前記間隔変更手段は、少なくとも、端部の前記メニュー項目とその隣の前記メニュー項目との間隔を広げる、
ことを特徴とするメニュー表示装置。
The menu display device according to claim 1,
The interval changing means widens at least the interval between the menu item at the end and the adjacent menu item,
A menu display device characterized by that.
請求項2に記載のメニュー表示装置において、
前記間隔変更手段は、前記配列における端部の前記メニュー項目を前記画面の前記所定位置に表示させたまま、その隣の前記メニュー項目を移動させる、
ことを特徴とするメニュー表示装置。
The menu display device according to claim 2,
The interval changing means moves the adjacent menu item while the menu item at the end of the array is displayed at the predetermined position on the screen.
A menu display device characterized by that.
請求項1乃至3のいずれかに記載のメニュー表示装置において、
前記間隔変更手段は、前記画面に表示されている前記メニュー項目の間隔を広げた後、該間隔を所定距離に戻す、
ことを特徴とするメニュー表示装置。
The menu display device according to any one of claims 1 to 3,
The interval changing means increases the interval between the menu items displayed on the screen, and then returns the interval to a predetermined distance.
A menu display device characterized by that.
複数のメニュー項目が配列されたメニューにおける所与の範囲を画面に表示させるステップと、
ユーザによる所定操作に応じて、前記所与の範囲を移動させるステップと、
前記メニューにおける端部の前記メニュー項目が前記画面の所定位置に表示されるか否かを判断するステップと、
端部の前記メニュー項目が前記画面の前記所定位置に表示される場合に、前記ユーザによる前記所定操作に応じて、前記画面に表示されている複数の前記メニュー項目の間隔を、端部の前記メニュー項目から遠いほど大きく広げるステップと、
を含むことを特徴とするメニュー表示制御方法。
Displaying on a screen a given range in a menu in which a plurality of menu items are arranged;
Moving the given range in response to a predetermined operation by the user;
Determining whether the menu item at the end of the menu is displayed at a predetermined position on the screen;
When the menu item at the end is displayed at the predetermined position on the screen, the interval between the plurality of menu items displayed on the screen is set according to the predetermined operation by the user. Steps that expand farther away from the menu items,
A menu display control method comprising:
複数のメニュー項目が配列されたメニューにおける所与の範囲を画面に表示させる手段、
ユーザによる所定操作に応じて、前記所与の範囲を移動させる手段、
前記メニューにおける端部の前記メニュー項目が前記画面の所定位置に表示されるか否かを判断する手段、及び
端部の前記メニュー項目が前記画面の前記所定位置に表示される場合に、前記ユーザによる前記所定操作に応じて、前記画面に表示されている複数の前記メニュー項目の間隔を、端部の前記メニュー項目から遠いほど大きく広げる手段
としてコンピュータを機能させるためのプログラム。
Means for displaying on a screen a given range in a menu in which a plurality of menu items are arranged;
Means for moving the given range in response to a predetermined operation by a user;
Means for determining whether or not the menu item at the end of the menu is displayed at a predetermined position on the screen; and when the menu item at the end is displayed at the predetermined position on the screen, the user A program for causing a computer to function as means for widening the interval between the plurality of menu items displayed on the screen in accordance with the predetermined operation by the distance from the menu item at the end.
JP2014261240A 2014-12-24 2014-12-24 Menu display device, menu display control method, and program Active JP5860526B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2014261240A JP5860526B2 (en) 2014-12-24 2014-12-24 Menu display device, menu display control method, and program

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2014261240A JP5860526B2 (en) 2014-12-24 2014-12-24 Menu display device, menu display control method, and program

Related Parent Applications (1)

Application Number Title Priority Date Filing Date
JP2010235964A Division JP5679169B2 (en) 2010-10-20 2010-10-20 Menu display device, menu display control method, and program

Publications (2)

Publication Number Publication Date
JP2015057745A true JP2015057745A (en) 2015-03-26
JP5860526B2 JP5860526B2 (en) 2016-02-16

Family

ID=52815775

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2014261240A Active JP5860526B2 (en) 2014-12-24 2014-12-24 Menu display device, menu display control method, and program

Country Status (1)

Country Link
JP (1) JP5860526B2 (en)

Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2003108279A (en) * 2001-09-27 2003-04-11 Clarion Co Ltd Information selection apparatus
JP2009518758A (en) * 2005-12-08 2009-05-07 アップル インコーポレイテッド List scroll in response to moving touch on index symbol list
JP2012027797A (en) * 2010-07-26 2012-02-09 Canon Inc Display control device, display control method, computer program, and storage medium
JP2012063862A (en) * 2010-09-14 2012-03-29 Nintendo Co Ltd Display control program, display control system, display control device and display control method
JP2013508812A (en) * 2009-10-16 2013-03-07 クアルコム,インコーポレイテッド Content boundary signaling technique

Patent Citations (5)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2003108279A (en) * 2001-09-27 2003-04-11 Clarion Co Ltd Information selection apparatus
JP2009518758A (en) * 2005-12-08 2009-05-07 アップル インコーポレイテッド List scroll in response to moving touch on index symbol list
JP2013508812A (en) * 2009-10-16 2013-03-07 クアルコム,インコーポレイテッド Content boundary signaling technique
JP2012027797A (en) * 2010-07-26 2012-02-09 Canon Inc Display control device, display control method, computer program, and storage medium
JP2012063862A (en) * 2010-09-14 2012-03-29 Nintendo Co Ltd Display control program, display control system, display control device and display control method

Also Published As

Publication number Publication date
JP5860526B2 (en) 2016-02-16

Similar Documents

Publication Publication Date Title
JP5679169B2 (en) Menu display device, menu display control method, and program
US10871893B2 (en) Using gestures to deliver content to predefined destinations
RU2679540C2 (en) Pan and selection gesture detection
US9015639B2 (en) Methods and systems for navigating a list with gestures
JP5701569B2 (en) Image display device, image display control method, and program
EP3736675B1 (en) Method for performing operation on touchscreen and terminal
KR101132598B1 (en) Method and device for controlling screen size of display device
US9335847B2 (en) Object display method and apparatus of portable electronic device
EP2259174A1 (en) Electronic device, method for viewing desktop thereof, and computer program product
US20120056831A1 (en) Information processing apparatus, information processing method, and program
KR20160098752A (en) Display device and method for display thereof and computer-readable recording medium
JP6185439B2 (en) Display device, image forming apparatus, and display control method
JP6221523B2 (en) Electronic device, control method and program for electronic device
KR102274156B1 (en) Method for resizing window area and electronic device for the same
WO2017176535A1 (en) Scenario based pinning in a collaboration environment
JP5860526B2 (en) Menu display device, menu display control method, and program
US11481110B2 (en) Gesture buttons
WO2016016902A1 (en) End of list display
JP6478260B2 (en) Electronic device, control method and program for electronic device
KR20230085122A (en) Folder icon on the information processor
JP6681134B2 (en) Touch panel tablet personal computer, control method thereof, and computer program
KR101163926B1 (en) Control method and device for user terminal having touch screen, recording medium for the same
JP2019160161A (en) Display control unit, display control program, and display control method
JPWO2019176428A1 (en) Display control device and display control method
WO2016044968A1 (en) Moving an object on display

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20141224

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20151127

TRDD Decision of grant or rejection written
A01 Written decision to grant a patent or to grant a registration (utility model)

Free format text: JAPANESE INTERMEDIATE CODE: A01

Effective date: 20151208

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20151218

R150 Certificate of patent or registration of utility model

Ref document number: 5860526

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250

R250 Receipt of annual fees

Free format text: JAPANESE INTERMEDIATE CODE: R250