JP6841207B2

JP6841207B2 - Display control device

Info

Publication number: JP6841207B2
Application number: JP2017202524A
Authority: JP
Inventors: 章司柿沼
Original assignee: Toyota Motor Corp
Current assignee: Toyota Motor Corp
Priority date: 2017-10-19
Filing date: 2017-10-19
Publication date: 2021-03-10
Anticipated expiration: 2037-10-19
Also published as: JP2019075033A

Description

本発明は、タッチ入力部に入力された操作情報に応じて表示部の画像表示を制御する表示制御装置に関する。 The present invention relates to a display control device that controls the image display of the display unit according to the operation information input to the touch input unit.

特許文献１には、矢印形状のマウスカーソルの向きをマウスのスライド方向に合わせ、矢印の延長線上にメニューアイコンが位置する状態でマウスがクリックされれば、マウスカーソルがそのメニューアイコンまで瞬時に移動されるマウスカーソルの制御装置が開示されている。 In Patent Document 1, if the direction of the mouse cursor in the shape of an arrow is aligned with the sliding direction of the mouse and the mouse is clicked while the menu icon is located on the extension line of the arrow, the mouse cursor moves to the menu icon instantly. The control device of the mouse cursor to be used is disclosed.

特開特開平１０−４００１８号公報Japanese Unexamined Patent Publication No. 10-40018

特許文献１の技術では、マウスカーソルをメニューアイコンに移動させるために、矢印形状のマウスカーソルの向きをメニューアイコンに合わせるためのスライド操作と、メニューアイコンに向きを合わせた状態でのクリック操作とを要する。 In the technique of Patent Document 1, in order to move the mouse cursor to the menu icon, a slide operation for aligning the direction of the arrow-shaped mouse cursor with the menu icon and a click operation with the orientation aligned with the menu icon are performed. It takes.

本発明の目的は、スライド操作に応じたカーソルの動きをユーザに認識しやすくし、カーソルをオブジェクトに重ねるスライド操作を容易にする技術を提供することにある。 An object of the present invention is to provide a technique for facilitating a user to recognize the movement of a cursor in response to a slide operation and facilitating a slide operation in which the cursor is placed on an object.

上記課題を解決するために、本発明のある態様の表示制御装置は、表示部から離れた位置にあるタッチ入力部に入力された操作情報を受け付ける受付部と、受付部が受け付けた操作情報に応じて表示部の表示を制御する処理部と、を備える。処理部は、受付部がスライド操作をした操作情報を受け付けた場合、カーソルの表示形状をカーソルの中心点からスライド方向前方に延び、且つスライド方向に直交する方向に縮めるように変形する画像生成部と、カーソルの当り判定領域が表示部に表示されるオブジェクトに近接または接触した場合に、カーソルがオブジェクトに重なったと決定する決定部と、を有する。決定部は、カーソルの当り判定領域を表示部に表示されるカーソルの表示形状に合わせる。 In order to solve the above problems, the display control device of a certain aspect of the present invention is divided into a reception unit that receives operation information input to a touch input unit located at a position away from the display unit and an operation information received by the reception unit. It is provided with a processing unit that controls the display of the display unit accordingly. Processing unit, when the accepting unit accepts the operation information of the slide operation, the image generating unit that deforms the displayed shape of the cursor from the center point of the cursor as extending in the sliding direction forward, and shrink in a direction perpendicular to the sliding direction It also has a determination unit that determines that the cursor overlaps the object when the contact determination area of the cursor is close to or touches the object displayed on the display unit. The determination unit adjusts the cursor hit determination area to the display shape of the cursor displayed on the display unit.

この態様によると、カーソルをスライド方向に沿って延ばすことで、ユーザが操作方向を認識しやすくできる。カーソルを中心点からスライド方向前方に延ばすことで、変形させない場合と比べて、カーソルをオブジェクトに近づけることができ、カーソルをオブジェクトに重ねるための移動量を小さくできる。また、カーソルを細くすることで、カーソルを他のオブジェクトに重なりにくくすることができる。 According to this aspect, the user can easily recognize the operation direction by extending the cursor along the slide direction. By extending the cursor forward from the center point in the sliding direction, the cursor can be brought closer to the object and the amount of movement for placing the cursor on the object can be reduced as compared with the case where the cursor is not deformed. Also, by making the cursor thinner, it is possible to make it difficult for the cursor to overlap with other objects.

本発明によれば、スライド操作に応じたカーソルの動きをユーザに認識しやすくし、カーソルをオブジェクトに重ねるスライド操作を容易にする技術を提供できる。 According to the present invention, it is possible to provide a technique that makes it easy for the user to recognize the movement of the cursor in response to the slide operation and facilitates the slide operation of superimposing the cursor on the object.

車両に設けられるタッチ入力部および表示部について説明するための図である。It is a figure for demonstrating the touch input part and the display part provided in a vehicle. 表示制御装置の機能構成について説明するための図である。It is a figure for demonstrating the functional structure of a display control device. 変形前後のカーソルの形状を示す図である。It is a figure which shows the shape of the cursor before and after deformation. カーソルを変形する処理について説明するための図である。It is a figure for demonstrating the process of deforming a cursor.

図１は、車両に設けられるタッチ入力部２０および表示部２２について説明するための図である。図１ではタッチ入力部２０が見やすくなるように助手席を倒した状態で示す。タッチ入力部２０は、運転席と助手席の間のセンターコンソールに設けられ、ユーザのタッチ操作が入力されるタッチパッド型の入力装置である。タッチ入力部２０は、タッチ操作による入力信号を不図示の表示制御装置に出力し、表示制御装置の制御によって表示部２２に画像が表示される。 FIG. 1 is a diagram for explaining a touch input unit 20 and a display unit 22 provided in a vehicle. FIG. 1 shows a state in which the passenger seat is tilted so that the touch input unit 20 can be easily seen. The touch input unit 20 is a touch pad type input device provided on the center console between the driver's seat and the passenger seat and into which a user's touch operation is input. The touch input unit 20 outputs an input signal by a touch operation to a display control device (not shown), and an image is displayed on the display unit 22 under the control of the display control device.

表示部２２は、タッチ入力部２０から離れた位置のダッシュボードに設けられ、車載機能を選択するためのメニュー画像、車載機能を実行していることを示す画像などを表示する。表示部２２は、運転者が視認しやすいように、タッチ入力部２０より車両前方で高い位置に設けられる。ユーザは、表示部２２を見ながら、センターコンソールに手首を置き、タッチ入力部２０を見ずにタッチ入力部２０にタッチ操作、例えばスライド操作やタップ操作を入力して、車載機能を選択する。なお、タッチ入力部２０には、メニュー画像を呼び出すメニューボタンや前の画像に戻るバックボタンなどの機械式スイッチが設けられてよい。 The display unit 22 is provided on the dashboard at a position away from the touch input unit 20, and displays a menu image for selecting an in-vehicle function, an image indicating that the in-vehicle function is being executed, and the like. The display unit 22 is provided at a position higher in front of the vehicle than the touch input unit 20 so that the driver can easily see the display unit 22. The user places his / her wrist on the center console while looking at the display unit 22, inputs a touch operation, for example, a slide operation or a tap operation to the touch input unit 20 without looking at the touch input unit 20, and selects an in-vehicle function. The touch input unit 20 may be provided with mechanical switches such as a menu button for calling a menu image and a back button for returning to the previous image.

図２は、表示制御装置１０の機能構成について説明するための図である。図２において、さまざまな処理を行う機能ブロックとして記載される各要素は、ハードウェア的には、回路ブロック、メモリ、その他のＬＳＩで構成することができ、ソフトウェア的には、メモリにロードされたプログラムなどによって実現される。したがって、これらの機能ブロックがハードウェアのみ、ソフトウェアのみ、またはそれらの組合せによっていろいろな形で実現できることは当業者には理解されるところであり、いずれかに限定されるものではない。 FIG. 2 is a diagram for explaining a functional configuration of the display control device 10. In FIG. 2, each element described as a functional block that performs various processes can be composed of a circuit block, a memory, and other LSIs in terms of hardware, and is loaded into the memory in terms of software. It is realized by a program or the like. Therefore, it is understood by those skilled in the art that these functional blocks can be realized in various forms by hardware only, software only, or a combination thereof, and is not limited to any of them.

表示制御装置１０は、受付部２４および処理部２６を備える。受付部２４は、タッチ入力部２０に入力された操作情報を受け付ける。処理部２６は、受付部２４が受け付けた操作情報に応じて表示部２２の表示を制御する。タッチ入力部２０から出力される操作情報は、タッチの操作の入力位置を示す座標情報と、機械式スイッチの入力情報とを含む。タッチ入力部２０の入力位置は、例えば入力始点をゼロ点として車両前後方向が上下方向、車幅方向が左右方向の座標情報に変換される。 The display control device 10 includes a reception unit 24 and a processing unit 26. The reception unit 24 receives the operation information input to the touch input unit 20. The processing unit 26 controls the display of the display unit 22 according to the operation information received by the reception unit 24. The operation information output from the touch input unit 20 includes coordinate information indicating the input position of the touch operation and input information of the mechanical switch. The input position of the touch input unit 20 is converted into coordinate information in the vertical direction in the vehicle front-rear direction and in the left-right direction in the vehicle width direction, for example, with the input start point as the zero point.

処理部２６は、操作検出部２８、カーソル配置部３０、画像生成部３２および決定部３４を有する。操作検出部２８は、操作情報に示される入力始点（タッチイン）および入力終点（タッチアウト）の軌跡から、操作の種類を判定し、スライド操作である場合にはスライド方向およびスライド量を検出する。操作の種類には、例えばスライド操作、タップ操作、ピンチ操作、長押し操作などがある。 The processing unit 26 includes an operation detection unit 28, a cursor arrangement unit 30, an image generation unit 32, and a determination unit 34. The operation detection unit 28 determines the type of operation from the loci of the input start point (touch-in) and input end point (touch-out) shown in the operation information, and detects the slide direction and the slide amount in the case of a slide operation. .. Types of operations include, for example, slide operation, tap operation, pinch operation, and long press operation.

カーソル配置部３０は、操作情報にもとづいて、表示部２２に表示させるカーソルの配置、すなわち画面上のカーソルの位置座標を決定する。カーソルの位置座標は、カーソルの略中央に位置する中心点の位置を示す。カーソル配置部３０は、タッチ入力部２０へのスライド操作に応じて、カーソルの中心点を表示部２２の画面上で移動するように配置する。カーソル配置部３０は、タッチ入力部２０のスライド操作量を所定の縦横比で表示部２２でのカーソルの移動量に変換してよい。変換のための所定の縦横比は、タッチ入力部２０と表示部２２の大きさの比率にもとづいて設定されてよい。 The cursor arrangement unit 30 determines the arrangement of the cursor to be displayed on the display unit 22, that is, the position coordinates of the cursor on the screen, based on the operation information. The position coordinates of the cursor indicate the position of the center point located approximately in the center of the cursor. The cursor arranging unit 30 arranges the center point of the cursor so as to move on the screen of the display unit 22 in response to the slide operation to the touch input unit 20. The cursor arranging unit 30 may convert the slide operation amount of the touch input unit 20 into the movement amount of the cursor on the display unit 22 at a predetermined aspect ratio. A predetermined aspect ratio for conversion may be set based on the size ratio of the touch input unit 20 and the display unit 22.

決定部３４は、たとえばカーソルがアイコンに重なった状態でタップ操作がなされた場合に、そのアイコンに設定された車載機能の実行を決定し、決定された車載機能の画像を画像生成部３２が生成する。決定部３４は、カーソルの当り判定領域がアイコンや選択項目などのオブジェクトに近接または接触すると、カーソルがオブジェクトに重なったと判定する。決定部３４は、タッチ入力部２０への入力に応じて、すなわち操作検出部２８の検出結果にもとづいてカーソルに重なるオブジェクトの機能が選択されたことを決定する。 For example, when the tap operation is performed while the cursor is over the icon, the determination unit 34 determines the execution of the in-vehicle function set for the icon, and the image generation unit 32 generates an image of the determined in-vehicle function. To do. When the hit determination area of the cursor comes close to or touches an object such as an icon or a selection item, the determination unit 34 determines that the cursor overlaps the object. The determination unit 34 determines that the function of the object that overlaps the cursor is selected in response to the input to the touch input unit 20, that is, based on the detection result of the operation detection unit 28.

決定部３４は、カーソルの当り判定領域と、表示部２２に表示させるカーソルの表示形状とを同一に設定する。つまり、表示部２２に表示されたカーソルがオブジェクトに近接または接触すると、決定部３４は、カーソルの当り判定領域もそのオブジェクトに近接または接触したとして、カーソルがオブジェクトに重なったと判定する。これにより、カーソルの当り判定を、ユーザに見える表示部２２に表示されたカーソルとを一致させて、ユーザにカーソルの当り判定を認識しやくさせる。 The determination unit 34 sets the contact determination area of the cursor and the display shape of the cursor to be displayed on the display unit 22 to be the same. That is, when the cursor displayed on the display unit 22 approaches or touches the object, the determination unit 34 determines that the cursor overlaps the object, assuming that the contact determination area of the cursor also approaches or touches the object. As a result, the cursor hit determination is made to match the cursor displayed on the display unit 22 visible to the user, so that the user can easily recognize the cursor hit determination.

画像生成部３２は、タッチ入力部２０への入力に応じて、すなわち操作検出部２８の検出結果、カーソル配置部３０の配置結果および決定部３４の決定結果にもとづいて表示部２２に表示させる画像を生成する。カーソル配置部３０の配置結果には、カーソルの位置座標とカーソルのスライド量やスライド方向も含まれる。画像生成部３２は、車載機能に応じた画像を不図示のメモリから取り出し、取り出した画像にカーソルを重ねて画像を生成する。 The image generation unit 32 displays an image on the display unit 22 in response to an input to the touch input unit 20, that is, based on the detection result of the operation detection unit 28, the arrangement result of the cursor arrangement unit 30, and the determination result of the determination unit 34. To generate. The arrangement result of the cursor arrangement unit 30 also includes the position coordinates of the cursor, the slide amount of the cursor, and the slide direction. The image generation unit 32 takes out an image corresponding to the vehicle-mounted function from a memory (not shown), puts a cursor on the taken out image, and generates an image.

画像生成部３２は、受付部２４がスライド操作を受け付けた場合、カーソルの表示形状をカーソルの中心点からスライド方向前方に延びるように変形し、スライド方向に直交する方向に縮めるようにカーソルの表示形状を変形する。カーソルを中心点からスライド方向前方に延ばすことで、カーソルをオブジェクトに重ねやすくでき、変形させない場合と比べて、カーソルをオブジェクトに重ねるための移動量を小さくできる。 When the reception unit 24 accepts a slide operation, the image generation unit 32 deforms the display shape of the cursor so as to extend forward in the slide direction from the center point of the cursor, and displays the cursor so as to contract in a direction orthogonal to the slide direction. Deform the shape. By extending the cursor forward from the center point in the sliding direction, the cursor can be easily placed on the object, and the amount of movement for placing the cursor on the object can be reduced as compared with the case where the cursor is not deformed.

図３は、変形前後のカーソルの形状を示す図である。図３に示す変形前のカーソル４０ａと変形後のカーソル４０ｂは、中心点Ｃを一致させた状態で表されている。変形前のカーソル４０ａは、円環状に表示され、移動していない通常状態の形状であり、略真円形状である。 FIG. 3 is a diagram showing the shape of the cursor before and after the deformation. The cursor 40a before the deformation and the cursor 40b after the deformation shown in FIG. 3 are represented in a state where the center points C are aligned with each other. The cursor 40a before deformation is displayed in an annular shape, has a shape in a normal state in which it has not moved, and has a substantially perfect circular shape.

画像生成部３２は、受付部２４がスライド操作を受け付けた場合、円環状のカーソル４０ａをカーソル４０ａの中心点Ｃからスライド方向４６の前後方向に延びるように楕円状または長円状に変形させて表示部２２に表示させる。図３に示す変形後のカーソル４０ｂは楕円状であり、スライド方向４６を軸に延びている。これにより、カーソルがスライド方向に延びる変形をユーザに認識させやすくなる。 When the reception unit 24 receives the slide operation, the image generation unit 32 deforms the annular cursor 40a into an elliptical shape or an oval shape so as to extend from the center point C of the cursor 40a in the front-back direction in the slide direction 46. It is displayed on the display unit 22. The deformed cursor 40b shown in FIG. 3 has an elliptical shape and extends about the slide direction 46. This makes it easier for the user to recognize the deformation in which the cursor extends in the sliding direction.

カーソル４０ｂは、スライド方向４６に直交する直交方向４８に縮めるようにカーソル４０ｂの表示形状が変形されている。変形前のカーソル４０ａと、変形後のカーソル４０ｂは同じ面積であってよい。 The display shape of the cursor 40b is modified so that the cursor 40b is contracted in the orthogonal direction 48 orthogonal to the slide direction 46. The cursor 40a before the deformation and the cursor 40b after the deformation may have the same area.

変形後のカーソル４０ｂは、スライド方向４６において、変形前のカーソル４０ａの直径の２倍まで延びる。つまり、変形後のカーソル４０ｂは、カーソル４０ａの直径に対してスライド方向４６に所定の倍率まで延びる。なお、カーソル４０ｂは、ユーザのスライド操作が湾曲する場合に、スライド方向４６の変化に応じて湾曲してよい。 The deformed cursor 40b extends up to twice the diameter of the pre-deformed cursor 40a in the sliding direction 46. That is, the deformed cursor 40b extends to a predetermined magnification in the slide direction 46 with respect to the diameter of the cursor 40a. The cursor 40b may be curved according to a change in the sliding direction 46 when the user's slide operation is curved.

図４は、カーソルを変形する処理について説明するための図である。図４（ａ）にはカーソル４０ａが円環状の状態で表示部２２の中央に表示される。図４（ａ）に示すカーソル４０は、移動しておらず、略真円形状である。また、表示部２２には、アイコンとして第１オブジェクト４２ａおよび第２オブジェクト４２ｂが表示される。カーソル４０ａは、一般的なマウスカーソルより大きく、第１オブジェクト４２ａと同等の大きさ、少なくとも第１オブジェクト４２ａの面積の半分以上の大きさを有する。ユーザは、第２オブジェクト４２ｂに向かうスライド操作をタッチ入力部２０に入力する。 FIG. 4 is a diagram for explaining a process of deforming the cursor. In FIG. 4A, the cursor 40a is displayed in the center of the display unit 22 in an annular state. The cursor 40 shown in FIG. 4A is not moving and has a substantially perfect circular shape. Further, the first object 42a and the second object 42b are displayed as icons on the display unit 22. The cursor 40a is larger than a general mouse cursor, has a size equivalent to that of the first object 42a, and has a size of at least half or more of the area of the first object 42a. The user inputs a slide operation toward the second object 42b to the touch input unit 20.

図４（ｂ）には、受付部２４がスライド操作を受け付け、画像生成部３２は、カーソル４０の中心点からスライド方向の前後方向に延び、スライド方向に直交する方向に縮めるようにカーソル４０の表示形状を変形するとともに、スライド操作に応じてカーソル４０の中心点を移動させる。このとき、カーソル４０の当り判定領域も表示形状と同様にスライド方向の前後方向に延び、直交方向に縮めるように変形される。これにより、ユーザにスライド方向を認識させやすくできる。また、カーソル４０がスライド方向の直交方向に縮められて細くなることで、目標としていないオブジェクトに当りにくくできる。 In FIG. 4B, the reception unit 24 receives the slide operation, and the image generation unit 32 extends from the center point of the cursor 40 in the front-back direction in the slide direction and contracts the cursor 40 in the direction orthogonal to the slide direction. The display shape is deformed, and the center point of the cursor 40 is moved according to the slide operation. At this time, the hit determination area of the cursor 40 is also deformed so as to extend in the front-back direction in the slide direction and contract in the orthogonal direction in the same manner as the display shape. This makes it easier for the user to recognize the slide direction. Further, since the cursor 40 is contracted and thinned in the direction orthogonal to the slide direction, it is possible to make it difficult to hit an object that is not the target.

図４（ｃ）には、カーソル４０ｂが第２オブジェクト４２ｂに近接または接触した状態を示しており決定部３４は、カーソル４０ｂの当り判定領域が第２オブジェクト４２ｂに重なったと判定する。画像生成部３２は、決定部３４の決定結果を受け取って、図４（ｄ）に示すように、カーソル４０ｂを第２オブジェクト４２ｂに引き込み、第２オブジェクト４２ｂ上にカーソル４０ｃが位置するように示す。カーソル４０ｃは、円環状ではなく、第２オブジェクト４２ｂの画素値を変えて FIG. 4C shows a state in which the cursor 40b is close to or in contact with the second object 42b, and the determination unit 34 determines that the hit determination area of the cursor 40b overlaps the second object 42b. The image generation unit 32 receives the determination result of the determination unit 34, pulls the cursor 40b into the second object 42b as shown in FIG. 4D, and indicates that the cursor 40c is located on the second object 42b. .. The cursor 40c is not circular, but changes the pixel value of the second object 42b.

図４（ｄ）に示す第２オブジェクト４２ｂに重なるカーソル４０ｃは、重なっていない場合より、第２オブジェクト４２ｂの輝度をユーザに視認できる態様で暗く又は明るくしている。これにより、画像生成部３２が重なった第２オブジェクト４２ｂにカーソル４０ｂを引き込むように見せる処理を行うことで、カーソル４０ｃが第２オブジェクト４２ｂに重なっていることをユーザに認識させやすくできる。 The cursor 40c that overlaps the second object 42b shown in FIG. 4D is darker or brighter so that the brightness of the second object 42b can be visually recognized by the user than when it is not overlapped. As a result, the image generation unit 32 makes it appear that the cursor 40b is pulled into the overlapping second object 42b, so that the user can easily recognize that the cursor 40c overlaps the second object 42b.

図４（ｄ）に示すカーソル４０ｃが第２オブジェクト４２ｂに重なった状態で、ユーザがタップ操作を実行すると、決定部３４は第２オブジェクト４２ｂに対応する車載機能を実行することを決定する。 When the user executes a tap operation while the cursor 40c shown in FIG. 4D overlaps the second object 42b, the determination unit 34 determines to execute the vehicle-mounted function corresponding to the second object 42b.

なお実施例はあくまでも例示であり、各構成要素の組合せにいろいろな変形例が可能なこと、またそうした変形例も本発明の範囲にあることは当業者に理解されるところである。 It should be noted that the examples are merely examples, and it is understood by those skilled in the art that various modifications are possible for the combination of each component, and that such modifications are also within the scope of the present invention.

１０表示制御装置、２０タッチ入力部、２２表示部、２４受付部、２６処理部、２８操作検出部、３０カーソル配置部、３２画像生成部、３４決定部。 10 Display control device, 20 Touch input unit, 22 Display unit, 24 Reception unit, 26 Processing unit, 28 Operation detection unit, 30 Cursor placement unit, 32 Image generation unit, 34 Decision unit.

Claims

A reception unit that receives operation information input to the touch input unit located away from the display unit, and a reception unit
A processing unit that controls the display of the display unit according to the operation information received by the reception unit is provided.
The processing unit
When the reception unit receives the operation information obtained by performing the slide operation, the image generation unit deforms the display shape of the cursor so as to extend forward from the center point of the cursor in the slide direction and contract in a direction orthogonal to the slide direction.
It has a determination unit that determines that the cursor overlaps the object when the hit determination area of the cursor is close to or touches the object displayed on the display unit.
The determination unit is a display control device characterized in that the contact determination area of the cursor is matched with the display shape of the cursor displayed on the display unit.