JP2013140416A - Scroll controller and scroll control method - Google Patents

Scroll controller and scroll control method Download PDF

Info

Publication number
JP2013140416A
JP2013140416A JP2011289585A JP2011289585A JP2013140416A JP 2013140416 A JP2013140416 A JP 2013140416A JP 2011289585 A JP2011289585 A JP 2011289585A JP 2011289585 A JP2011289585 A JP 2011289585A JP 2013140416 A JP2013140416 A JP 2013140416A
Authority
JP
Japan
Prior art keywords
list
touch panel
scroll
area
displayed
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
JP2011289585A
Other languages
Japanese (ja)
Other versions
JP5797550B2 (en
Inventor
Yu Sagi
優 鷺
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.)
Alpine Electronics Inc
Original Assignee
Alpine Electronics 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
Family has litigation
First worldwide family litigation filed litigation Critical https://patents.darts-ip.com/?family=49037822&utm_source=google_patent&utm_medium=platform_link&utm_campaign=public_patent_search&patent=JP2013140416(A) "Global patent litigation dataset” by Darts-ip is licensed under a Creative Commons Attribution 4.0 International License.
Application filed by Alpine Electronics Inc filed Critical Alpine Electronics Inc
Priority to JP2011289585A priority Critical patent/JP5797550B2/en
Publication of JP2013140416A publication Critical patent/JP2013140416A/en
Application granted granted Critical
Publication of JP5797550B2 publication Critical patent/JP5797550B2/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 provide a scroll controller and a scroll control method that allow a user to easily perform upward scrolling when the user performs the scrolling by a slide operation on a touch panel.SOLUTION: Control is executed so that a list displayed on a front face 101 of a drum 100 displayed on a touch panel 20 is scrolled downward when a slide operation is performed downward in an area of the front face 101 of the drum 100, and so that the list is scrolled upward when a slide operation is performed downward in an area of a rear face 102. In this way, a slide operation in a downward direction, in which a slide operation can be performed relatively smoothly, can scroll the list both downward and upward, thereby allowing a user to smoothly perform both upward and downward scrolling.

Description

本発明は、スクロール制御装置およびスクロール制御方法に関し、特に、タッチパネルのなぞり操作によってリストのスクロールを行うように制御する装置に用いて好適なものである。   The present invention relates to a scroll control device and a scroll control method, and is particularly suitable for use in a device that controls scrolling of a list by a tracing operation of a touch panel.

近年、カーナビゲーション装置やカーオーディオ装置などの車載装置では、操作手段としてタッチパネルを用いたものが増えている。この種の車載装置では、タッチパネル付きディスプレイ(以下、単にタッチパネルという)上に表示されたユーザインタフェースに対するユーザのタッチ操作やなぞり操作によって、車載装置の各種動作を指示することができるようになっている(例えば、特許文献1参照)。   In recent years, in-vehicle devices such as a car navigation device and a car audio device are increasingly using a touch panel as an operation means. In this type of in-vehicle device, various operations of the in-vehicle device can be instructed by a user's touch operation or tracing operation on a user interface displayed on a display with a touch panel (hereinafter simply referred to as a touch panel). (For example, refer to Patent Document 1).

特許文献1には、ユーザインタフェースとして球体をタッチパネル上に表示させ、球体を回転させるような操作が行われた場合に、上下方向に並べてリスト形式で表示されたボタン群におけるフォーカスを球体の回転に合わせて移動させることが記載されている。具体的には、ユーザが球体を画面の上方に転がすように操作した場合は、フォーカスを上方に移動させる。一方、ユーザが球体を画面の下方に転がすように操作した場合は、フォーカスを下方に移動させる。   In Patent Document 1, when a sphere is displayed on a touch panel as a user interface and an operation to rotate the sphere is performed, the focus on the button group displayed in the list format in the vertical direction is set to the rotation of the sphere. It is described that they are moved together. Specifically, when the user operates the sphere to roll upward on the screen, the focus is moved upward. On the other hand, when the user operates the sphere to roll downward on the screen, the focus is moved downward.

特開2007−42029号公報JP 2007-42029 A

上述のように、タッチパネルのなぞり操作によってリストのスクロールを行う場合、リストを上方にスクロールさせたいときはタッチパネルを上方になぞり、下方にスクロールさせたいときはタッチパネルを下方になぞるのが普通である。ところで、車載装置の場合、タッチパネルはセンターコンソール付近に固定されており、ユーザが運転席または助手席からタッチパネルを操作するときの姿勢はほぼ決まっている。しかも、タッチパネルは、表示画面を見易くするために、ほぼ垂直に起立した状態で設置されている。   As described above, when a list is scrolled by a tracing operation on the touch panel, it is common to trace the touch panel upward when scrolling the list upward and to trace the touch panel downward when scrolling downward. By the way, in the case of an in-vehicle device, the touch panel is fixed near the center console, and the posture when the user operates the touch panel from the driver seat or the passenger seat is almost determined. In addition, the touch panel is installed in an upright state in order to make the display screen easier to see.

そのため、タッチパネルを下方になぞる場合は比較的滑らかに操作することができるものの、上方になぞる場合は、どうしても指が引っ掛かりやすく、なぞり操作が行いにくいという問題があった。通常、リストの各項目は上から昇順で表示されることが多い。そのため、リストを上方にスクロールさせるために、タッチパネルを上方へなぞるケースが多い。しかしながら、この上方へのなぞり操作が行いにくく、スクロールがうまくできないことがあった。   For this reason, when the touch panel is traced downward, the touch panel can be operated relatively smoothly. However, when the touch panel is traced upward, the finger is easily caught and the trace operation is difficult to perform. Usually, each item in the list is often displayed in ascending order from the top. Therefore, in many cases, the touch panel is traced upward in order to scroll the list upward. However, it is difficult to perform the upward tracing operation, and scrolling may not be performed well.

本発明は、このような問題を解決するために成されたものであり、タッチパネルのなぞり操作によってスクロールを行う場合に、上方へのスクロールを行うときの操作も行いやすくすることを目的とする。   The present invention has been made to solve such a problem, and it is an object of the present invention to make it easy to perform an operation when scrolling upward when scrolling by touching a touch panel.

上記した課題を解決するために、本発明では、タッチパネルに表示された画像上の第1の領域において一の方向になぞり操作が行われたときにはリストを一の方向にスクロールさせる一方、第2の領域において一の方向になぞり操作が行われたときにはリストを一の方向とは異なる方向にスクロールさせるように制御する。   In order to solve the above-described problem, in the present invention, when a drag operation is performed in one direction in the first area on the image displayed on the touch panel, the list is scrolled in one direction, while the second When the tracing operation is performed in one direction in the area, the list is controlled to be scrolled in a direction different from the one direction.

上記のように構成した本発明によれば、リストを一の方向にスクロールさせる場合も、一の方向とは異なる方向にスクロールさせる場合も、異なる領域において同じ一の方向になぞり操作を行えばよく、スクロールの方向に合わせてなぞり操作の方向を変える必要がなくなる。これにより、比較的滑らかになぞり操作を行うことができる方向に一の方向を設定しておけば、リストをどの方向にスクロールさせるときでもなぞり操作を行いやすくすることができ、スクロールをスムーズに行うことができるようになる。   According to the present invention configured as described above, when the list is scrolled in one direction or scrolled in a direction different from the one direction, it is only necessary to perform the tracing operation in the same one direction in different regions. This eliminates the need to change the direction of the tracing operation in accordance with the scrolling direction. As a result, if one direction is set in a direction in which the tracing operation can be performed relatively smoothly, the tracing operation can be easily performed when scrolling the list in any direction, and the scrolling can be performed smoothly. Will be able to.

本実施形態によるスクロール制御装置の機能構成例を示すブロック図である。It is a block diagram which shows the function structural example of the scroll control apparatus by this embodiment. 本実施形態のタッチパネルに表示される画像の一例を示す図である。It is a figure which shows an example of the image displayed on the touch panel of this embodiment. 本実施形態によるスクロール動作を説明するための図である。It is a figure for demonstrating the scroll operation | movement by this embodiment. 本実施形態によるスクロール制御装置の動作例を示すフローチャートである。It is a flowchart which shows the operation example of the scroll control apparatus by this embodiment. 本実施形態のタッチパネルに表示される画像の他の例を示す図である。It is a figure which shows the other example of the image displayed on the touchscreen of this embodiment. 本実施形態のタッチパネルに表示される画像の更に別の例を示す図である。It is a figure which shows another example of the image displayed on the touchscreen of this embodiment.

以下、本発明の一実施形態を図面に基づいて説明する。図1は、本実施形態によるスクロール制御装置の機能構成例を示すブロック図である。なお、本実施形態のスクロール制御装置は、例えば、カーナビゲーション装置やカーオーディオ装置などの車載装置に実装される。   Hereinafter, an embodiment of the present invention will be described with reference to the drawings. FIG. 1 is a block diagram illustrating a functional configuration example of the scroll control device according to the present embodiment. In addition, the scroll control apparatus of this embodiment is mounted in in-vehicle apparatuses, such as a car navigation apparatus and a car audio apparatus, for example.

図1に示すように、本実施形態のスクロール制御装置は、その機能構成として、画像表示制御部11、操作検出部12およびスクロール制御部13を備えている。これらの各機能構成11〜13は、ハードウェア構成、DSP、ソフトウェアの何れによっても実現することが可能である。例えばソフトウェアによって実現する場合、上記各機能構成11〜13は、コンピュータのCPUあるいはMPU、RAM、ROMなどを備えて構成され、RAMやROMに記憶されたプログラムが動作することによって実現できる。   As shown in FIG. 1, the scroll control device of the present embodiment includes an image display control unit 11, an operation detection unit 12, and a scroll control unit 13 as functional configurations. Each of these functional configurations 11 to 13 can be realized by any of a hardware configuration, a DSP, and software. For example, when realized by software, each of the functional configurations 11 to 13 includes a computer CPU or MPU, RAM, ROM, and the like, and can be realized by operating a program stored in the RAM or ROM.

画像表示制御部11は、タッチパネル付きディスプレイ(以下、単にタッチパネル20という)に対して、リストを含む画像を表示させる。ここで表示する画像は、例えば、ループの表面と裏面とが現れるようにループ形状を立体的に描画するとともに、当該ループの表面にリストの各項目を上下方向に並べて描画して成る画像である。   The image display control unit 11 displays an image including a list on a display with a touch panel (hereinafter simply referred to as a touch panel 20). The image displayed here is, for example, an image formed by rendering the loop shape three-dimensionally so that the front surface and the back surface of the loop appear and arranging the items of the list in the vertical direction on the front surface of the loop. .

図2は、画像表示制御部11により表示される画像の具体例を示す図である。図2に示すように、本実施形態では、ループ形状の一例として円筒状のドラム100を表示する。具体的には、ドラム100をその表面101と裏面102とが現れるように立体的に斜視図として表し、ドラムの表面101にリストの各項目を上下方向に並べて表示する。タッチパネル20の全領域のうち、ドラム100の表面101が表示される領域が特許請求の範囲の「第1の領域」に相当し、ドラム100の裏面102が表示される領域が特許請求の範囲の「第2の領域」に相当する。   FIG. 2 is a diagram illustrating a specific example of an image displayed by the image display control unit 11. As shown in FIG. 2, in this embodiment, a cylindrical drum 100 is displayed as an example of a loop shape. Specifically, the drum 100 is represented as a three-dimensional perspective view so that the front surface 101 and the rear surface 102 appear, and the list items are displayed on the front surface 101 of the drum side by side in the vertical direction. Of the entire area of the touch panel 20, an area where the front surface 101 of the drum 100 is displayed corresponds to a “first area” in the claims, and an area where the back surface 102 of the drum 100 is displayed is as claimed. This corresponds to the “second region”.

操作検出部12は、タッチパネル20に対するなぞり操作を検出する。スクロール制御部13は、操作検出部12により検出されるなぞり操作に応じて、ドラム100の表面101に表示されたリストのスクロールを制御する。図3は、スクロール制御部13によって制御される本実施形態のスクロール動作を説明するための図である。   The operation detection unit 12 detects a tracing operation on the touch panel 20. The scroll control unit 13 controls the scrolling of the list displayed on the surface 101 of the drum 100 according to the tracing operation detected by the operation detection unit 12. FIG. 3 is a diagram for explaining the scroll operation of the present embodiment controlled by the scroll control unit 13.

図3(a)に示すように、スクロール制御部13は、ドラム100の表面101が表示されている第1の領域において、矢印Aのようにタッチパネル20に対して下方へのなぞり操作が行われたことが操作検出部12により検出されたときは、矢印Bに示すようにリストを下方にスクロールさせる。すなわち、この場合のなぞり操作は、ドラム100の外側を下方向へ回すという操作に相当するため、ドラム100は正回転し、ドラム100の外側に表示されているリストは下方にスクロールする。   As shown in FIG. 3A, the scroll control unit 13 performs a downward drag operation on the touch panel 20 as indicated by an arrow A in the first area where the surface 101 of the drum 100 is displayed. When the operation is detected by the operation detection unit 12, the list is scrolled downward as indicated by an arrow B. That is, the tracing operation in this case corresponds to an operation of rotating the outside of the drum 100 downward, so that the drum 100 rotates forward and the list displayed on the outside of the drum 100 scrolls downward.

一方、図3(b)に示すように、スクロール制御部13は、ドラム100の裏面102が表示されている第2の領域において、矢印Cのようにタッチパネル20に対して下方へのなぞり操作が行われたことが操作検出部12により検出されたときは、矢印Dに示すようにリストを上方にスクロールさせる。すなわち、この場合のなぞり操作は、ドラム100の内側を下方向へ回すという操作に相当するため、ドラム100は逆回転し、ドラム100の外側に表示されているリストは上方にスクロールする。   On the other hand, as shown in FIG. 3B, the scroll control unit 13 performs a downward drag operation on the touch panel 20 as indicated by an arrow C in the second area where the back surface 102 of the drum 100 is displayed. When the operation detection unit 12 detects that the operation has been performed, the list is scrolled upward as indicated by an arrow D. That is, the tracing operation in this case corresponds to an operation of turning the inside of the drum 100 downward, so that the drum 100 rotates in the reverse direction and the list displayed on the outside of the drum 100 scrolls upward.

図4は、上記のように構成した本実施形態によるスクロール制御装置の動作例を示すフローチャートである。この図4に示すフローチャートは、リストを含む画像の表示をユーザが指示したときに開始する。例えば、本実施形態のスクロール制御装置がカーナビゲーション装置に実装されている場合において、リスト操作によって目的地を設定することが指示されたときなどに、図4に示すフローチャートの処理が開始する。あるいは、本実施形態のスクロール制御装置がカーオーディオ装置に実装されている場合において、リスト操作によって楽曲を選択することが指示されたときなどに、図4に示すフローチャートの処理が開始する。   FIG. 4 is a flowchart showing an operation example of the scroll control device according to the present embodiment configured as described above. The flowchart shown in FIG. 4 starts when the user instructs display of an image including a list. For example, when the scroll control device of the present embodiment is mounted on a car navigation device, the processing of the flowchart shown in FIG. 4 starts when an instruction to set a destination is given by a list operation. Alternatively, when the scroll control device according to the present embodiment is mounted on a car audio device, the processing of the flowchart shown in FIG.

まず、画像表示制御部11は、図2に示すようなリストを含む画像をタッチパネル20に表示させる(ステップS1)。次に、操作検出部12は、タッチパネル20に対するなぞり操作が行われたか否かを判定する(ステップS2)。なぞり操作が行われていない場合、処理はステップS1に戻る。   First, the image display control unit 11 displays an image including a list as shown in FIG. 2 on the touch panel 20 (step S1). Next, the operation detection unit 12 determines whether or not a tracing operation on the touch panel 20 has been performed (step S2). If the tracing operation has not been performed, the process returns to step S1.

一方、タッチパネル20に対するなぞり操作が操作検出部12により検出された場合、スクロール制御部13は、ドラム100の表面101、すなわち第1の領域においてなぞり操作が行われたか否かを判定する(ステップS3)。ここで、ドラム100の表面101におけるなぞり操作であると判定された場合、スクロール制御部13は、そのなぞり操作の方向(上方または下方)と同じ方向にリストをスクロールさせるように制御する(ステップS4)。   On the other hand, when the operation detecting unit 12 detects the tracing operation on the touch panel 20, the scroll control unit 13 determines whether or not the tracing operation has been performed on the surface 101 of the drum 100, that is, the first region (step S3). ). Here, when it is determined that the operation is the tracing operation on the surface 101 of the drum 100, the scroll control unit 13 performs control so that the list is scrolled in the same direction as the direction (upward or downward) of the tracing operation (step S4). ).

すなわち、なぞり操作の方向が下方であればスクロールの方向も下方であり、なぞり操作の方向が上方であればスクロールの方向も上方である。なお、車載装置に使われるタッチパネル20は、センターコンソール付近においてほぼ垂直に起立した状態で設置されているため、上方になぞる操作は行いにくい。よって、ドラム100の表面101でのなぞり操作は下方に行うことが推奨される。   That is, if the direction of the tracing operation is downward, the direction of the scroll is also downward, and if the direction of the tracing operation is upward, the direction of the scroll is also upward. Note that the touch panel 20 used in the in-vehicle device is installed in a state of standing substantially vertically in the vicinity of the center console, and thus it is difficult to perform an operation of tracing upward. Therefore, it is recommended that the tracing operation on the surface 101 of the drum 100 is performed downward.

上記ステップS3において、ドラム100の表面101におけるなぞり操作ではないと判定された場合、スクロール制御部13は、ドラム100の裏面102、すなわち第2の領域においてなぞり操作が行われたか否かを判定する(ステップS5)。ここで、ドラム100の裏面102におけるなぞり操作であると判定された場合、スクロール制御部13は、そのなぞり操作の方向とは逆の方向にリストをスクロールさせるように制御する(ステップS6)。   When it is determined in step S3 that the operation is not the tracing operation on the front surface 101 of the drum 100, the scroll control unit 13 determines whether or not the tracing operation has been performed on the rear surface 102 of the drum 100, that is, the second region. (Step S5). Here, when it is determined that the operation is the tracing operation on the back surface 102 of the drum 100, the scroll control unit 13 performs control so that the list is scrolled in a direction opposite to the direction of the tracing operation (step S6).

すなわち、なぞり操作の方向が下方であればスクロールの方向は上方であり、なぞり操作の方向が上方であればスクロールの方向は下方である。上述したように、タッチパネル20を上方になぞる操作は行いにくいため、ドラム100の裏面102でのなぞり操作に関しても、下方に行うことが推奨される。要するに、本実施形態では、ユーザがなぞり易い方向である下方に対してなぞり操作をすれば、その操作位置に応じてリストを下方または上方の何れかにスクロールさせることができる。   That is, if the direction of the tracing operation is downward, the scroll direction is upward, and if the direction of the tracing operation is upward, the scroll direction is downward. As described above, since it is difficult to perform an operation of tracing the touch panel 20 upward, it is recommended that the tracing operation on the back surface 102 of the drum 100 is also performed downward. In short, in the present embodiment, if the user performs a tracing operation in a downward direction that is easy for the user to trace, the list can be scrolled downward or upward depending on the operation position.

なお、上記ステップS5において、ドラム100の裏面102におけるなぞり操作でもないと判定された場合、画面上でドラム100が表示されている領域以外の部分においてなぞり操作が行われたことになる。その場合は、そのなぞり操作が行われた領域に表示されているユーザインタフェースに応じたその他の処理が実行される(ステップS7)。ステップS4,S6,S7の何れかの処理を実行することにより、図4に示すフローチャートの処理は終了する。   When it is determined in step S5 that the operation is not the tracing operation on the back surface 102 of the drum 100, the tracing operation is performed in a portion other than the area where the drum 100 is displayed on the screen. In that case, other processing corresponding to the user interface displayed in the area where the tracing operation has been performed is executed (step S7). By executing any one of steps S4, S6, and S7, the process of the flowchart shown in FIG. 4 ends.

以上詳しく説明したように、本実施形態では、タッチパネル20に表示されたドラム100の画像における表面101の領域において下方になぞり操作が行われたときには、リストを下方にスクロールさせる。一方、ドラム100の裏面102の領域において下方になぞり操作が行われたときには、リストを上方にスクロールさせるようにしている。   As described above in detail, in the present embodiment, when a downward drag operation is performed in the region of the surface 101 in the image of the drum 100 displayed on the touch panel 20, the list is scrolled downward. On the other hand, when the tracing operation is performed downward in the area of the back surface 102 of the drum 100, the list is scrolled upward.

このように構成した本実施形態によれば、リストを下方にスクロールさせる場合も、上方にスクロールさせる場合も、ドラム100の表面101または裏面102の領域において同じ下方になぞり操作を行えばよく、スクロールの方向に合わせてなぞり操作の方向を変える必要がなくなる。下方へのなぞり操作は、比較的滑らかになぞり操作をすることができる方向なので、上下どちらの方向にリストをスクロールさせるときでもなぞり操作を行いやすくすることができる。   According to the present embodiment configured as described above, the scroll operation may be performed in the same downward direction in the area of the front surface 101 or the back surface 102 of the drum 100, regardless of whether the list is scrolled downward or scrolled upward. It is not necessary to change the direction of the tracing operation in accordance with the direction of. Since the downward tracing operation is a direction in which the tracing operation can be performed relatively smoothly, the tracing operation can be easily performed even when the list is scrolled in either the upper or lower direction.

しかも、本実施形態によれば、リストのスクロール方向がドラム100の回転方向と一致するので、ドラム100の表面101または裏面102のどちらを操作すればリストがどちらの方向にスクロールするのかについて、ユーザが直感的に把握することができるというメリットも有する。   Moreover, according to the present embodiment, since the scroll direction of the list coincides with the rotation direction of the drum 100, the user can determine which direction the list is scrolled by operating either the front surface 101 or the back surface 102 of the drum 100. Has the merit of being able to grasp intuitively.

なお、上記実施形態では、リストの各項目を上下方向に並べて描画し、当該リストを上下方向にスクロールさせる例について説明したが、本発明はこれに限定されない。例えば、図2に示したドラム100を90度回転させた状態で描画するとともに、その表面101にリストの各項目を左右方向に並べて描画し、当該リストを左右方向にスクロールさせるようにしてもよい。   In the above-described embodiment, an example has been described in which the items of the list are drawn in the vertical direction and the list is scrolled in the vertical direction. However, the present invention is not limited to this. For example, the drawing may be performed with the drum 100 shown in FIG. 2 rotated 90 degrees, and the list items may be drawn side by side on the surface 101, and the list may be scrolled in the left-right direction. .

この場合、スクロール制御部13は、例えば、ドラム100の表面101が表示されている領域において右方になぞり操作が行われたときにはリストを右方にスクロールさせる一方、裏面102が表示されている領域において右方になぞり操作が行われたときにはリストを左方にスクロールさせるように制御する。タッチパネル20より右側の運転席から操作する場合、右方になぞる場合は比較的滑らかに操作することができるものの、左方になぞる場合は指が引っ掛かりやすく、なぞり操作が行いにくいからである。   In this case, for example, the scroll control unit 13 scrolls the list to the right when the tracing operation is performed to the right in the area where the front surface 101 of the drum 100 is displayed, while the rear surface 102 is displayed. When a tracing operation is performed in the right direction, the list is controlled to scroll leftward. This is because, when operating from the driver's seat on the right side of the touch panel 20, it can be operated relatively smoothly when tracing to the right, but when tracing to the left, the finger is easily caught and the tracing operation is difficult to perform.

また、上記実施形態では、ループ形状の一例として円筒状のドラム100を表示する例について説明したが、本発明はこれに限定されない。例えば、図5に示すように、ベルトコンベア200のようなループ形状を表示し、その表面201にリストを表示させるようにしてもよい。この場合も、ベルトコンベア200の表面201の領域を下方になぞり操作したときにはリストを下方にスクロールさせ、裏面202の領域を下方になぞり操作したときにはリストを上方にスクロールさせる。   Moreover, although the said embodiment demonstrated the example which displays the cylindrical drum 100 as an example of loop shape, this invention is not limited to this. For example, as shown in FIG. 5, a loop shape such as a belt conveyor 200 may be displayed, and a list may be displayed on the surface 201 thereof. Also in this case, the list is scrolled downward when the area of the front surface 201 of the belt conveyor 200 is dragged downward, and the list is scrolled upward when the area of the back surface 202 is traced downward.

また、上記実施形態では、タッチパネル20上に表示させる画像をループ形状の画像とする例について説明したが、本発明はこれに限定されない。すなわち、タッチパネル20に表示された画像上に、第1の領域と、それとは異なる第2の領域とを設定し、どちらの領域において一の方向になぞり操作が行われたかに応じてスクロールの方向を変えるようにするものであれば、表示する画像はループ形状の画像に限定されない。   Moreover, although the said embodiment demonstrated the example which makes the image displayed on the touch panel 20 the image of a loop shape, this invention is not limited to this. That is, a first area and a second area different from the first area are set on the image displayed on the touch panel 20, and the scroll direction depends on which area the tracing operation is performed in one direction. The image to be displayed is not limited to the loop-shaped image as long as the image is changed.

例えば、図6に示すように、各項目を上下方向に平面的に並べて表示させた通常のリスト300の左側に第1の領域301を設定し、リスト300の右側に第2の領域302を設定する。そして、第1の領域301において下方になぞり操作が行われたときにはリスト300を下方にスクロールさせる一方、第2の領域302において下方になぞり操作が行われたときにはリスト300を上方にスクロールさせるように制御してもよい。   For example, as shown in FIG. 6, the first area 301 is set on the left side of the normal list 300 in which the items are arranged in a plane in the vertical direction, and the second area 302 is set on the right side of the list 300. To do. Then, the list 300 is scrolled downward when a downward operation is performed in the first area 301, while the list 300 is scrolled upward when a downward operation is performed in the second area 302. You may control.

その他、上記実施形態は、何れも本発明を実施するにあたっての具体化の一例を示したものに過ぎず、これによって本発明の技術的範囲が限定的に解釈されてはならないものである。すなわち、本発明はその要旨、またはその主要な特徴から逸脱することなく、様々な形で実施することができる。   In addition, each of the above-described embodiments is merely an example of implementation in carrying out the present invention, and the technical scope of the present invention should not be construed in a limited manner. That is, the present invention can be implemented in various forms without departing from the gist or the main features thereof.

11 画像表示制御部
12 操作検出部
13 スクロール制御部
20 タッチパネル
100 ドラム(ループ形状)の画像
101 ドラムの表面(第1の領域)
102 ドラムの裏面(第2の領域)
DESCRIPTION OF SYMBOLS 11 Image display control part 12 Operation detection part 13 Scroll control part 20 Touch panel 100 Drum (loop shape) image 101 Drum surface (1st area | region)
102 Back side of drum (second area)

Claims (4)

タッチパネル付きディスプレイにリストを含む画像を表示させる画像表示制御部と、
上記タッチパネルに対するなぞり操作を検出する操作検出部と、
上記ディスプレイに表示された画像上の第1の領域において上記タッチパネルに対して一の方向になぞり操作が行われたことが上記操作検出部により検出されたときには上記リストを上記一の方向にスクロールさせる一方、上記ディスプレイに表示された画像上の第2の領域において上記タッチパネルに対して上記一の方向になぞり操作が行われたことが上記操作検出部により検出されたときには上記リストを上記一の方向とは異なる方向にスクロールさせるように制御するスクロール制御部とを備えたことを特徴とするスクロール制御装置。
An image display control unit for displaying an image including a list on a display with a touch panel;
An operation detection unit for detecting a tracing operation on the touch panel;
When the operation detection unit detects that the touch operation has been performed in one direction on the touch panel in the first area on the image displayed on the display, the list is scrolled in the one direction. On the other hand, when the operation detecting unit detects that the touch operation has been performed on the touch panel in the one direction in the second region on the image displayed on the display, the list is displayed in the one direction. And a scroll control unit that controls to scroll in a different direction.
上記画像表示制御部は、上記リストを含む画像として、ループの表面と裏面とが現れるようにループ形状を立体的に描画するとともに、当該ループの表面に上記リストの各項目を上下方向に並べて描画して成る画像を表示させ、
上記スクロール制御部は、上記ループの表面が表示されている領域を上記第1の領域として、当該第1の領域において上記タッチパネルに対して下方になぞり操作が行われたことが上記操作検出部により検出されたときには上記リストを下方にスクロールさせる一方、上記ループの裏面が表示されている領域を上記第2の領域として、当該第2の領域において上記タッチパネルに対して下方になぞり操作が行われたことが上記操作検出部により検出されたときには上記リストを上方にスクロールさせるように制御することを特徴とする請求項1に記載のスクロール制御装置。
The image display control unit draws the loop shape three-dimensionally so that the front and back surfaces of the loop appear as an image including the list, and draws the items of the list in the vertical direction on the front surface of the loop. To display an image consisting of
The operation control unit detects that a scroll operation has been performed downward on the touch panel in the first area, with the area where the surface of the loop is displayed as the first area. When it is detected, the list is scrolled downward, and the area where the back surface of the loop is displayed is set as the second area, and the touch panel is dragged downward in the second area. 2. The scroll control device according to claim 1, wherein when the operation is detected by the operation detection unit, the list is controlled to be scrolled upward.
上記画像表示制御部は、上記リストを含む画像として、ループの表面と裏面とが現れるようにループ形状を立体的に描画するとともに、当該ループの表面に上記リストの各項目を左右方向に並べて描画して成る画像を表示させ、
上記スクロール制御部は、上記ループの表面が表示されている領域を上記第1の領域として、当該第1の領域において上記タッチパネルに対して右方になぞり操作が行われたことが上記操作検出部により検出されたときには上記リストを右方にスクロールさせる一方、上記ループの裏面が表示されている領域を上記第2の領域として、当該第2の領域において上記タッチパネルに対して右方になぞり操作が行われたことが上記操作検出部により検出されたときには上記リストを左方にスクロールさせるように制御することを特徴とする請求項1に記載のスクロール制御装置。
The image display control unit draws the loop shape three-dimensionally so that the front and back surfaces of the loop appear as an image including the list, and draws the items of the list side by side on the front surface of the loop. To display an image consisting of
The scroll detection unit is configured to detect that a drag operation is performed to the right with respect to the touch panel in the first region, with the region where the surface of the loop is displayed as the first region. The list is scrolled to the right when detected by the above, while the area where the back surface of the loop is displayed is set as the second area, and the touch operation is performed to the right with respect to the touch panel in the second area. 2. The scroll control apparatus according to claim 1, wherein when the operation is detected by the operation detection unit, the list is controlled to scroll leftward.
車載装置の画像表示制御部が、タッチパネル付きディスプレイにリストを含む画像を表示させる第1のステップと、
上記車載装置の操作検出部が、上記タッチパネルに対するなぞり操作を検出する第2のステップと、
上記車載装置のスクロール制御部が、上記操作検出部による検出結果に基づいて、上記ディスプレイに表示された画像上の第1の領域において上記タッチパネルに対して一の方向になぞり操作が行われたか、上記ディスプレイに表示された画像上の第2の領域において上記タッチパネルに対して上記一の方向になぞり操作が行われたかを判定する第3のステップと、
上記車載装置のスクロール制御部が、上記第1の領域において上記一の方向に対するなぞり操作が行われたと判定した場合に、上記リストを上記一の方向にスクロールさせる第4のステップと、
上記車載装置のスクロール制御部が、上記第2の領域において上記一の方向に対するなぞり操作が行われたと判定した場合に、上記リストを上記一の方向とは異なる方向にスクロールさせる第5のステップとを有することを特徴とするスクロール制御方法。
A first step in which an image display control unit of the in-vehicle device displays an image including a list on a display with a touch panel;
A second step in which the operation detection unit of the in-vehicle device detects a tracing operation on the touch panel;
Whether the scroll control unit of the in-vehicle device has been dragged in one direction with respect to the touch panel in the first region on the image displayed on the display based on the detection result by the operation detection unit, A third step of determining whether a tracing operation has been performed in the one direction on the touch panel in a second region on the image displayed on the display;
A fourth step of scrolling the list in the one direction when the scroll control unit of the in-vehicle device determines that the tracing operation in the one direction has been performed in the first region;
A fifth step of scrolling the list in a direction different from the one direction when the scroll control unit of the in-vehicle device determines that the tracing operation in the one direction has been performed in the second region; A scroll control method characterized by comprising:
JP2011289585A 2011-12-28 2011-12-28 Scroll control device and scroll control method Active JP5797550B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2011289585A JP5797550B2 (en) 2011-12-28 2011-12-28 Scroll control device and scroll control method

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2011289585A JP5797550B2 (en) 2011-12-28 2011-12-28 Scroll control device and scroll control method

Publications (2)

Publication Number Publication Date
JP2013140416A true JP2013140416A (en) 2013-07-18
JP5797550B2 JP5797550B2 (en) 2015-10-21

Family

ID=49037822

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2011289585A Active JP5797550B2 (en) 2011-12-28 2011-12-28 Scroll control device and scroll control method

Country Status (1)

Country Link
JP (1) JP5797550B2 (en)

Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH09258947A (en) * 1996-03-19 1997-10-03 Fujitsu Ltd Menu screen controller
JP2006134288A (en) * 2004-10-06 2006-05-25 Sharp Corp Interface and interface program executed by computer
JP2006338599A (en) * 2005-06-06 2006-12-14 Sony Corp Three-dimensional object display device, three-dimensional object switching display method, three-dimensional object display program and graphical user interface
JP2007257650A (en) * 2007-04-16 2007-10-04 Hitachi Ltd Terminal device using pointing device
WO2009084368A1 (en) * 2007-12-28 2009-07-09 Clarion Co., Ltd. Portable device, icon display method and computer program
JP2010146506A (en) * 2008-12-22 2010-07-01 Sharp Corp Input device, method for controlling input device, program for controlling input device, computer-readable recording medium, and information terminal device
JP2011215791A (en) * 2010-03-31 2011-10-27 Denso Corp List display control apparatus, and program for list display control apparatus

Patent Citations (7)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH09258947A (en) * 1996-03-19 1997-10-03 Fujitsu Ltd Menu screen controller
JP2006134288A (en) * 2004-10-06 2006-05-25 Sharp Corp Interface and interface program executed by computer
JP2006338599A (en) * 2005-06-06 2006-12-14 Sony Corp Three-dimensional object display device, three-dimensional object switching display method, three-dimensional object display program and graphical user interface
JP2007257650A (en) * 2007-04-16 2007-10-04 Hitachi Ltd Terminal device using pointing device
WO2009084368A1 (en) * 2007-12-28 2009-07-09 Clarion Co., Ltd. Portable device, icon display method and computer program
JP2010146506A (en) * 2008-12-22 2010-07-01 Sharp Corp Input device, method for controlling input device, program for controlling input device, computer-readable recording medium, and information terminal device
JP2011215791A (en) * 2010-03-31 2011-10-27 Denso Corp List display control apparatus, and program for list display control apparatus

Also Published As

Publication number Publication date
JP5797550B2 (en) 2015-10-21

Similar Documents

Publication Publication Date Title
JP5333397B2 (en) Information processing terminal and control method thereof
JP5828000B2 (en) Motion-based user interface control apparatus and method
JP6132644B2 (en) Information processing apparatus, display control method, computer program, and storage medium
JP5553812B2 (en) Scroll control device, terminal device, and scroll control method
JP5205157B2 (en) Portable image display device, control method thereof, program, and information storage medium
JP2010086519A5 (en)
JP2014215737A5 (en) Information processing apparatus, display control method, computer program, and storage medium
JP2013114559A5 (en)
JP2009025920A5 (en)
JP5876363B2 (en) Control device and program
JP2011003202A5 (en) Information processing apparatus, information processing method, and program
EP2752753A2 (en) Terminal and method for operating the same
JP2006285598A5 (en)
JP5852514B2 (en) Touch sensor
JP2010204781A (en) Input device
JP4856136B2 (en) Movement control program
JP5797550B2 (en) Scroll control device and scroll control method
US20150309601A1 (en) Touch input system and input control method
US20150100912A1 (en) Portable electronic device and method for controlling the same
KR101128408B1 (en) User interface apparatus of console for ship
JP2012212318A (en) Navigation device
JP6267418B2 (en) Information processing apparatus, information processing system, information processing method, and information processing program
JP2010015603A (en) Display device
JP2016184335A (en) Electronic apparatus
JP2015011675A (en) Terminal and input button display method on touch panel included in the same

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20140925

A977 Report on retrieval

Free format text: JAPANESE INTERMEDIATE CODE: A971007

Effective date: 20150812

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: 20150818

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20150819

R150 Certificate of patent (=grant) or registration of utility model

Ref document number: 5797550

Country of ref document: JP

Free format text: JAPANESE INTERMEDIATE CODE: R150