JP5289399B2 - Touch panel device - Google Patents
Touch panel device Download PDFInfo
- Publication number
- JP5289399B2 JP5289399B2 JP2010198811A JP2010198811A JP5289399B2 JP 5289399 B2 JP5289399 B2 JP 5289399B2 JP 2010198811 A JP2010198811 A JP 2010198811A JP 2010198811 A JP2010198811 A JP 2010198811A JP 5289399 B2 JP5289399 B2 JP 5289399B2
- Authority
- JP
- Japan
- Prior art keywords
- link
- touch
- area
- touch area
- enlarged
- 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.)
- Expired - Fee Related
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
Description
この発明は、スクリーンのタッチによりリンクの操作を行って文書を閲覧するタッチパネル装置に関するものである。 The present invention relates to a touch panel device for browsing a document by operating a link by touching a screen.
タッチ操作対応のOSやディスプレイの販売・発展に伴い、タッチによる効率的な操作のニーズが高まっている。一方、タッチ操作は、視差や指の幅により正確にタッチ位置の指定をすることが難しいため、リンクのタッチミスが頻繁に起こる。 With the sales and development of OSs and displays that support touch operation, the need for efficient operation by touch is increasing. On the other hand, since it is difficult to specify the touch position accurately due to the parallax and the width of the finger in the touch operation, link touch mistakes frequently occur.
図18は閲覧文書におけるリンクの表示例を示す説明図である。図18に示す閲覧文書は、リンク表示域1800,1801,1802,1803、リンク・タッチ領域1804,1805,1806,1807、補助タッチ領域1808、および1800から1808以外の余白領域の4つの領域に分けられる。リンクの文字列表示域は、ハイパーテキストを囲む最小の矩形である。リンク表示域1800のように2行全てがハイパーテキストである場合は、2行ともリンク表示域とし、リンク表示域1802,1803のように行の途中までがハイパーテキストである場合は、別々のリンク表示域として扱う。リンク・タッチ領域はリンクに対するタッチ操作を受け付ける領域で、リンク表示域を包含し、リンク表示域よりも上下左右に1割から2割程度大きい矩形領域である。補助タッチ領域は、リンク表示域と関係なく自由な形状で配置され、リンクと対応付けられて表示される領域である。図18に示す例では、補助タッチ領域を同一色で表示して対応関係を表している。余白領域は、閲覧文書中のリンク・タッチ領域と補助タッチ領域以外の領域である。以降、図18に示した4つの領域を用いて従来技術について説明する。
FIG. 18 is an explanatory diagram showing a display example of links in the browsed document. The browsing document shown in FIG. 18 is divided into four areas: a
タッチミスの課題を解消する最も簡単な手段として、文書のフォントを大きくする方法がある。これにより、リンク・タッチ領域は大きくなるため、タッチしやすくなる。しかし、全体のうち一部が大きく表示されるため、文書の全体の把握をするには、何度もスクロールして閲覧する手間が生じる。 As the simplest means for solving the problem of touch mistakes, there is a method of increasing the font of a document. As a result, the link / touch area becomes larger, and it becomes easier to touch. However, since a part of the whole is displayed in a large size, it takes time and effort to scroll the document many times in order to grasp the whole document.
タッチミスの課題を解消する別の手段として、文書を閲覧するときには縮小表示を行い、操作するときは拡大表示を行う方法がある。拡大時は、リンク表示域とリンク・タッチ領域の比率は変わらず、一部が大きく表示されている状態となる。そのため、文書を見渡す時に縮小表示をして、文書を操作して他の文書を閲覧する時に拡大表示をしなければならない。このような、拡大・縮小の繰り返しは文書閲覧を妨げる原因となる。 As another means for solving the problem of touch mistakes, there is a method of performing a reduced display when browsing a document and performing an enlarged display when operating. At the time of enlargement, the ratio between the link display area and the link touch area does not change, and a part of the area is displayed in a large size. For this reason, it is necessary to reduce the display when looking around the document and to enlarge the display when operating the document and browsing other documents. Such repeated enlargement / reduction causes obstruction of document browsing.
そこで、効率的に文書閲覧が可能なタッチ操作を行うための技術として、例えば特許文献1および特許文献2に開示されているものがある。
Thus, for example, Patent Document 1 and
特許文献1は、リンク・タッチ領域と補助タッチ領域を設け、ユーザが複数のリンク・タッチ領域を同時にタッチした場合、補助タッチ領域を表示する装置であり、ユーザが補助タッチ領域をタッチすることでリンクを選択しやすくする方法が開示されている。 Patent Document 1 is a device that provides a link touch area and an auxiliary touch area, and displays the auxiliary touch area when the user touches a plurality of link touch areas at the same time, and the user touches the auxiliary touch area. A method for facilitating selection of a link is disclosed.
特許文献2には、リンクが閲覧文書中に密集しているときに、互いに十分に離れた別の補助タッチ領域を設けることにより、リンクを選択しやすくする方法が開示されている。 Japanese Patent Application Laid-Open No. 2004-228688 discloses a method for making it easy to select a link by providing another auxiliary touch area sufficiently separated from each other when the links are densely included in the viewed document.
しかしながら、上述した特許文献1に開示された技術では、密集しているリンクに対してその近辺を一度タッチする必要があり、リンク選択の手間が増えてしまうという課題があった。また、リンクが密集している場合に、近辺に補助タッチ領域が表示されるが、補助タッチ領域の具体的な表示位置計算方法については記述されていないため、リンクとの対応関係が分かりにくい位置に補助タッチ領域が表示された場合には、ユーザの文書操作性が低下するという課題があった。 However, in the technique disclosed in Patent Document 1 described above, there is a problem that it is necessary to touch the neighborhood of a dense link once, which increases the effort for selecting a link. In addition, when the links are dense, the auxiliary touch area is displayed in the vicinity, but since the specific display position calculation method of the auxiliary touch area is not described, the correspondence with the link is difficult to understand When the auxiliary touch area is displayed on the screen, there is a problem that the user operability of the document is deteriorated.
また、特許文献2に開示された技術では、十分に離れた別の補助タッチ領域が設けられるためリンクの誤操作を防止することはできるが、補助タッチ領域の位置が細かく指定されていて、リンクと補助タッチ領域の対応関係が分かりにくく、判断に時間がかかるという課題があった。
Further, in the technique disclosed in
この発明は、上記のような課題を解決するためになされたもので、余白領域を含めたより広いリンク・タッチ領域を生成し、閲覧文書の表示サイズに対してリンク・タッチ領域サイズの比率を大きくすることで、文書の拡大縮小をせず多少不正確なタッチでもリンクを選択できるようにし、かつ、リンクとの対応を分かりやすくすることで、閲覧文書中のリンクの操作性を向上させたタッチパネル装置を提供することを目的とする。 The present invention has been made to solve the above-described problems, generates a wider link touch area including a blank area, and increases the ratio of the link touch area size to the display size of the viewed document. By doing so, it is possible to select a link with a slightly inaccurate touch without scaling the document, and the touch panel that improves the operability of the link in the read document by making the correspondence with the link easy to understand An object is to provide an apparatus.
この発明に係るタッチパネル装置は、閲覧文書を記憶する閲覧文書記憶部と、閲覧文書記憶部に記憶された閲覧文書のレイアウト情報に基づき、リンクを示すハイパーテキストを囲む領域を抽出するリンク表示域抽出部と、リンク表示域抽出部が抽出したハイパーテキストを囲む領域を、入力手段によるタッチ可能な幅、且つ、他のハイパーテキストを囲む領域と重複しない大きさに拡大し、入力手段による入力を受け付ける拡大リンク・タッチ領域を生成する拡大リンク・タッチ領域生成部と、拡大リンク・タッチ領域の幅が一定値以下の場合に、当該拡大リンク・タッチ領域に隣接する隣接リンク・タッチ領域を結合して2以上のリンクが含まれる結合リンク・タッチ領域を生成すると共に、当該結合リンク・タッチ領域を入力手段によるタッチ可能な幅、且つ、ハイパーテキストを囲む領域同士が重複しない大きさに拡大する結合リンク・タッチ領域生成部と、閲覧文書記憶部に記憶された閲覧文書に、拡大リンク・タッチ領域生成部が生成した拡大リンク・タッチ領域および当該拡大リンク・タッチ領域に対するタッチ操作に関する情報を加えて表示するとともに、結合リンク・タッチ領域生成部が生成した結合リンク・タッチ領域および当該結合リンク・タッチ領域におけるリンクの選択と入力手段による選択方法との対応関係を表示する閲覧文書表示部と、閲覧文書表示部が表示する閲覧文書に対して、入力手段により入力されるタッチ操作情報、あるいは入力手段の近接情報に基づき、リンクの選択を判定するとともに、結合リンク・タッチ領域における入力手段による選択方法に基づき前記リンクの選択を判定するリンク動作判定部とを備えるものである。 The touch panel device according to the present invention includes a browsing document storage unit that stores a browsing document, and a link display area extraction that extracts a region surrounding hypertext indicating a link based on layout information of the browsing document stored in the browsing document storage unit And the area surrounding the hypertext extracted by the link display area extraction unit is expanded to a width that can be touched by the input means and a size that does not overlap with the area surrounding the other hypertext, and accepts input from the input means When the width of the enlarged link / touch area is equal to or less than a certain value, the adjacent link / touch area adjacent to the enlarged link / touch area is combined. A combined link / touch area including two or more links is generated, and the combined link / touch area is input by an input unit. Touchable width, and, a coupling link touch area generation unit region together surrounding the hypertext is enlarged to a size that does not overlap, the browsing documents stored in the browsing document storage unit, expansion link touch area generator The generated link / touch area and the link information in the link / touch area generated by the link / touch area generation unit are displayed together with information related to the touch operation on the link / touch area. A browsing document display unit that displays a correspondence between the selection of the user and a selection method by the input unit, and touch operation information input by the input unit with respect to the browsing document displayed by the browsing document display unit, or proximity information of the input unit based on, along with determining the selection of the link, the input means in the coupling link touch area That in which, based on the selection method and a determining link motion determination section selection of the link.
この発明によれば、ハイパーテキストを囲む領域を、入力手段によるタッチ可能な幅、且つ、他のハイパーテキストを囲む領域と重複しない大きさに拡大し、入力手段による入力を受け付ける拡大リンク・タッチ領域を生成し、閲覧文書に当該拡大リンク・タッチ領域および拡大リンク・タッチ領域に対するタッチ操作に関する情報を加えて表示するとともに、拡大リンク・タッチ領域の幅が一定値以下の場合に、当該拡大リンク・タッチ領域に隣接する隣接リンク・タッチ領域を結合して2以上のリンクが含まれる結合リンク・タッチ領域を生成し、閲覧文書に結合リンク・タッチ領域および当該結合リンク・タッチ領域におけるリンクの選択と入力手段による選択方法との対応関係を表示するように構成したので、閲覧文書中に表示されたリンクを選択する際の操作性を向上させることができる。 According to the present invention, the area surrounding the hypertext is expanded to a width that can be touched by the input means and a size that does not overlap with the area surrounding the other hypertext, and an enlarged link touch area that accepts input from the input means Is generated and displayed on the browsed document with information related to the enlarged link / touch area and the touch operation on the enlarged link / touch area, and when the width of the enlarged link / touch area is equal to or less than a certain value, Combining adjacent links / touch areas adjacent to the touch area to generate a combined link / touch area including two or more links, and selecting a combined link / touch area and a link in the combined link / touch area in the viewing document; since it is configured to display the correspondence between the selection method by the input means, it is displayed in the browsing document Links can be improved operability in selecting the.
実施の形態1.
図1は、この発明の実施の形態1によるタッチパネル装置の構成を示すブロック図である。図1において、タッチパネル装置10は、閲覧文書記憶部1、リンク表示域抽出部2、拡大リンク・タッチ領域生成部3、領域記憶部4、閲覧文書表示部5、近接・タッチ情報入力部6およびリンク動作判定部7で構成されている。
閲覧文書記憶部1は、文書内容やリンクなどのコンテンツに関する情報と、文字の大きさや、表示位置、折り返しや改行、左端・中央・右端表示、箇条書きなどのレイアウト情報を記憶している。
Embodiment 1 FIG.
1 is a block diagram showing a configuration of a touch panel device according to Embodiment 1 of the present invention. In FIG. 1, the
The browsed document storage unit 1 stores information related to contents such as document contents and links, and layout information such as character size, display position, wrapping and line feed, left end / center / right end display, and bullets.
リンク表示域抽出部2は、閲覧文書記憶部1に記憶されたレイアウト情報から、ハイパーテキストを囲む最小矩形を求め、リンク表示域として抽出する。拡大リンク・タッチ領域生成部3は、リンク表示域抽出部2が生成したリンク表示域を基に、入力手段(例えば、ユーザの指やペンなど)によるタッチに十分な面積になるように、かつ、互いに重ならないように、余白領域を含めたより広いリンク・タッチ領域を生成する。なお、特に限定していない場合には、拡大リンク・タッチ領域生成部3が生成した拡大リンク・タッチ領域および部分拡大リンク・タッチ領域をまとめてリンク・タッチ領域と称する。
The link display
領域記憶部4は、拡大リンク・タッチ領域生成部3が生成したリンク・タッチ領域を、所定のデータ構造で記憶する。記憶させるデータ構造の詳細は後述する。閲覧文書表示部5は、閲覧文書記憶部1に記憶された閲覧文書の表示と拡大リンク・タッチ領域生成部3が生成したリンク・タッチ領域の色付け表示を行う。近接・タッチ情報入力部6は、タッチパネルなどに対し、ユーザが指やペンによる近接・タッチ操作を行ったときの入力を受け付け、近接・タッチの有無判断や近接・タッチ位置の座標を算出する。リンク動作判定部7は、近接・タッチ情報入力部6が算出した近接・タッチ位置座標を受け取り、拡大リンク・タッチ領域生成部3が生成したリンク・タッチ領域内のタッチを判定し、閲覧文書表示部5に対しユーザが選択したリンクの閲覧文書を表示する更新命令を出力する。
The
続いて、実施の形態1のタッチパネル装置10を用いて文書を閲覧する処理について説明する。図2は、実施の形態1のタッチパネル装置の文書閲覧処理を示すフローチャートである。なお、図2に示す処理例では、入力手段としてユーザの指が用いられるものとして説明を行う。
Next, processing for browsing a document using the
リンク表示域抽出部2は、閲覧文書記憶部1に記憶されたレイアウト情報を参照し、ハイパーテキストを囲む最小矩形をリンク表示域として抽出する(ステップST1)。ハイパーテキストが複数行に跨っている場合、各行毎のハイパーテキストに別々のリンク表示域を割り当てる。拡大リンク・タッチ領域生成部3は、ステップST1においてリンク表示域抽出部2が抽出したリンク表示域を基に、ユーザが指でタッチするために十分な面積となるように、且つ、互いに重なることなく表示できるように、余白領域を含めたより広いリンク・タッチ領域を生成し、領域記憶部4に出力する(ステップST2)。領域記憶部4は、ステップST2において入力された領域を記憶する(ステップST3)。閲覧文書表示部5は、ステップST3において領域記憶部4に記憶されたリンク・タッチ領域を表示する(ステップST4)。
The link display
ステップST4における表示後、近接・タッチ情報入力部6はユーザの指入力が発生したか否か判定を行う(ステップST5)。ステップST5において指入力が発生していないと判定される場合には、ステップST5の処理に戻る。一方、ステップST5において指入力が発生したと判定された場合には、近接・タッチ位置の座標(x,y)を算出し、当該座標値をリンク動作判定部7に出力する(ステップST6)。リンク動作判定部7は、ステップST6において入力された座標値を参照し、近接・タッチ位置がリンク・タッチ領域内であるか否か判定を行う(ステップST7)。
After the display in step ST4, the proximity / touch
ステップST7において、近接・タッチ位置がリンク・タッチ領域外であると判定された場合にはステップST5の処理に戻る。一方、ステップST7において、近接・タッチ位置がリンク・タッチ領域内であると判定された場合には、リンク動作判定部7は、URLのリンク先情報の表示命令を閲覧文書表示部5に出力する(ステップST8)。閲覧文書表示部5は、ステップST8において入力された表示命令に基づきリンク先情報を表示し(ステップST9)、処理を終了する。
If it is determined in step ST7 that the proximity / touch position is outside the link / touch area, the process returns to step ST5. On the other hand, if it is determined in step ST7 that the proximity / touch position is within the link / touch area, the link
次に、図3を参照しながら、上述した処理により得られる閲覧文書の表示例について説明する。図3は実施の形態1によるタッチパネル装置の閲覧文書表示例を示す説明図であり、余白領域を含めた広いリンク・タッチ領域を用いて文書を閲覧する例を示している。
図3にはリンク・タッチ領域として、余白領域を含めて拡大した拡大リンク・タッチ領域300,301,302、およびリンク表示域の矩形をそのまま上下に拡大することができないため右下側に部分拡大した部分拡大リンク・タッチ領域303を示している。図2で示したフローチャートのステップST7において、リンク動作判定部7がユーザの指入力304の位置座標が拡大リンク・タッチ領域300内にあると判定すると、リンク「www.aaaaaaaa.com」の表示命令が閲覧文書表示部5に出力される。閲覧文書表示部5は、当該リンク先である「www.aaaaaaaa.com」の文書を表示する。
Next, a display example of the browse document obtained by the above-described process will be described with reference to FIG. FIG. 3 is an explanatory diagram showing a browse document display example of the touch panel device according to the first embodiment, in which a document is browsed using a wide link / touch area including a blank area.
In FIG. 3, as the link / touch area, the enlarged link /
次に、拡大リンク・タッチ領域生成部3の詳細について説明する。まず始めに、図4のフローチャートを参照しながら拡大リンク・タッチ領域生成部3の処理動作の概略について説明する。
拡大リンク・タッチ領域生成部3は、まずハイパーテキストが複数行に跨り、行毎に分かれたリンク表示域となっている場合に、面積が最大となるリンク表示域および面積が一定値以上であるリンク表示域以外を拡大処理対象から除外し、拡大処理対象のリンクリストを作成する(ステップST21)。ステップST21で作成したリンクリストを参照し、拡大処理をしていないリンク表示域が存在するか否か判定を行う(ステップST22)。ステップST22において、存在しないと判定された場合には処理を終了する。一方、ステップST22において、存在すると判定された場合には、拡大処理を行うリンク表示域の上下左右の余白領域に基づき、互いに領域が重なることのないようにリンク表示域の拡大を行う(ステップST23)。その後、ステップST22の判定処理に戻り、ステップST21で除外されなかった全てのリンク表示域に対して拡大処理を行う。
Next, details of the enlarged link / touch
The enlarged link / touch
上述したステップST21において示した複数行に跨っているリンク表示域の一部を拡大処理から除外する一例を、図5に示している。
図5に示す例は、複数行に跨っていないリンク表示域500およびハイパーテキストが複数行に跨り、行毎に分けられたリンク表示域501,502,503,504で構成されている。リンク表示域500は、複数行に跨っていないため拡大処理の対象となる。リンク表示域501,502は複数行に跨り、リンク表示域502の面積がリンク表示域501の面積よりも大きいため、リンク表示域502が拡大処理の対象となる。リンク表示域501は、面積があらかじめ設定された値に満たないことから拡大処理の対象から除外される。同様にリンク表示域503,504も複数行に跨り、リンク表示域504の面積がリンク表示域503の面積よりも大きいため、まずリンク表示域504が拡大処理の対象となる。リンク表示域503は、面積があらかじめ設定された値以上であることから拡大処理の対象となる。
FIG. 5 shows an example in which a part of the link display area extending over a plurality of lines shown in step ST21 described above is excluded from the enlargement process.
The example shown in FIG. 5 includes
次に、図4で示したフローチャートのステップST23の処理、即ちリンク表示を拡大または部分拡大する処理の詳細について、図6のフローチャートを参照しながら説明する。
拡大リンク・タッチ領域生成部3は、リンク表示域の上下左右への拡大可能距離を算出する(ステップST31)。ステップST31において算出した拡大可能距離に基づきリンク表示域を上下左右に拡大した拡大リンク・タッチ領域を生成する(ステップST32)。ステップST32における具体的な拡大方法として、リンク表示域の上下左右方向をmin(各方向の拡大可能距離/2、あらかじめ設定しておいた各方向の最大拡張幅)だけ拡大する。ただし、min(a,b)はaおよびbの最小値を意味する。また異なる拡大方法として、各方向の拡大可能距離に応じて拡大する幅をあらかじめ定めておき、拡大可能距離の値に応じてリンク表示域を拡大する。なお、上述した拡大方法は例示的に挙げたものであり、一般的な拡大方法を適用することも可能である。
Next, details of the process of step ST23 in the flowchart shown in FIG. 4, that is, the process of enlarging or partially enlarging the link display will be described with reference to the flowchart of FIG.
The enlargement link / touch
さらに、タッチ入力に十分な領域サイズを確保するために、拡大リンク・タッチ領域の左右方向の幅が一定値以上であり、上下方向の幅が一定値以下であるか否か判定する(ステップST33)。ステップST33において条件に当てはまらないと判定された場合にはステップST35の処理に進む。一方、左右方向の幅が一定値以上、上下方向の幅が一定値以下であると判定された場合には、拡大リンク・タッチ領域を上下方向に部分拡大し、部分拡大リンク・タッチ領域を生成する(ステップST34)。 Further, in order to ensure a sufficient area size for touch input, it is determined whether or not the width of the enlarged link / touch area in the horizontal direction is equal to or larger than a certain value and the width in the vertical direction is equal to or smaller than a certain value (step ST33). ). If it is determined in step ST33 that the condition is not met, the process proceeds to step ST35. On the other hand, if it is determined that the width in the horizontal direction is greater than or equal to a certain value and the width in the vertical direction is less than or equal to a certain value, the expanded link / touch area is partially expanded in the vertical direction to generate a partially expanded link / touch area. (Step ST34).
次に、拡大リンク・タッチ領域の上下方向の幅が一定値以上で、左右方向の幅が一定値以下であるか否か判定する(ステップST35)。ステップST35において条件に当てはまらないと判定された場合には拡大処理を行わずに処理を終了する。一方、上下方向の幅が一定値以上、左右方向の幅が一定値以下であると判定された場合には、拡大リンク・タッチ領域を左右方向に部分拡大し、部分拡大リンク・タッチ領域を生成し(ステップST36)、リンク表示域の拡大/部分拡大処理を終了する。 Next, it is determined whether or not the vertical width of the enlarged link / touch area is equal to or larger than a certain value and the width in the horizontal direction is equal to or smaller than a certain value (step ST35). If it is determined in step ST35 that the condition is not met, the process ends without performing the enlargement process. On the other hand, if it is determined that the vertical width is greater than or equal to a certain value and the horizontal width is less than or equal to a certain value, the enlarged link / touch area is partially enlarged in the left / right direction to generate a partially enlarged link / touch area. Then, the link display area enlargement / partial enlargement process is terminated.
図7は、図6のフローに基づき生成された拡大リンク・タッチ領域および部分拡大リンク・タッチ領域のデータ構造を示す図である。
データ項目は、リンク先のURL、ステップST32において生成された拡大リンク・タッチ領域を示すリンク・タッチ領域1、ステップST34またはステップST36において生成された部分拡大リンク・タッチ領域を示すリンク・タッチ領域2、ハイパーテキストであるアンカーテキストで構成されている。
図7において例えばURL「www.iiiiiii.com」のリンク・タッチ領域1に示した拡大リンク・タッチ領域の矩形情報(20,220,80,10)と、これとは異なるリンク・タッチ領域2の矩形情報(60,230,40,50)を有することにより部分拡大リンク・タッチ領域を表示することができる。なお、拡大/部分拡大リンク・タッチ領域は、図7に示すデータ構造で領域記憶部4に記憶される。
FIG. 7 is a diagram showing a data structure of the enlarged link / touch area and the partial enlarged link / touch area generated based on the flow of FIG.
The data items include the URL of the link destination, the link / touch area 1 indicating the enlarged link / touch area generated in step ST32, and the link /
In FIG. 7, for example, the rectangular information (20, 220, 80, 10) of the enlarged link / touch area shown in the link / touch area 1 of the URL “www.iiiiii.com”, and the link /
次に、図6で示したフローチャートのステップST31の処理、即ちリンク表示域から上下左右へ拡大可能な距離を算出する処理の詳細について、図8のフローチャートを参照しながら説明する。なお、図8の処理では、リンク表示域がどこまで拡大可能かを測定するための拡大可能領域を用いる。
拡大リンク・タッチ領域生成部3は、拡大可能領域をリンク表示域で初期化する(ステップST41)。拡大可能領域の上、下、左、右の順に優先して拡大方向を選択し、拡大フラグを「ON」に設定する(ステップST42)。ステップST42において拡大フラグが「ON」に設定された方向を選択し(ステップST43)、選択した方向に拡大可能領域を一定値拡大する(ステップST44)。ステップST44において拡大した拡大可能領域内に他の拡大リンク・タッチ領域が重なるか否か判定を行う(ステップST45)。
Next, the details of the process of step ST31 in the flowchart shown in FIG. 6, that is, the process of calculating the distance that can be expanded vertically and horizontally from the link display area will be described with reference to the flowchart of FIG. In the process of FIG. 8, an expandable area is used for measuring how much the link display area can be expanded.
The enlargement link / touch
ステップST45において重ならないと判定された場合には、ステップST44において設定した拡大可能領域内に他のリンク表示域が重なるか否か判定を行う(ステップST46)。ステップST46において、重ならないと判定された場合には、ステップST44において設定した拡大可能領域が閲覧文書の表示域を超えたか否か判定を行う(ステップST47)。ステップST47において、閲覧文書の表示域を超えていないと判定された場合にはステップST43に戻り、上述した処理を繰り返す。 If it is determined in step ST45 that they do not overlap, it is determined whether another link display area overlaps the expandable area set in step ST44 (step ST46). If it is determined in step ST46 that they do not overlap, it is determined whether or not the enlargeable area set in step ST44 exceeds the display area of the browsed document (step ST47). If it is determined in step ST47 that the display area of the browsed document is not exceeded, the process returns to step ST43 and the above-described processing is repeated.
一方、ステップST45において拡大リンク・タッチ領域が重なる、ステップST46において他のリンク表示域が重なる、ステップST47において閲覧文書の表示域を超えたと判定された場合には、すべてステップST48の処理に進む。ステップST48では、ステップST45からステップST47の判定処理を経て算出された拡大可能領域を記憶し、ステップST43において選択した方向の拡大フラグを「OFF」にする。さらに拡大可能領域を元通りの大きさに戻し(ステップST49)、拡大可能領域の上、下、左、右の拡大フラグが全てOFFか否か判定する(ステップST50)。ステップST50において全てOFFであると判定された場合には拡大可能距離算出処理を終了する。一方、ステップST50において全てOFFでないと判定された場合には、ステップST43に戻り、上述した処理を繰り返す。 On the other hand, if it is determined in step ST45 that the enlarged link / touch area overlaps, another link display area overlaps in step ST46, or it is determined in step ST47 that it exceeds the display area of the browsed document, the process proceeds to step ST48. In step ST48, the enlargeable area calculated through the determination processing from step ST45 to step ST47 is stored, and the enlargement flag in the direction selected in step ST43 is set to “OFF”. Further, the enlargeable area is returned to the original size (step ST49), and it is determined whether all the up, down, left, and right enlargement flags of the enlargeable area are OFF (step ST50). If it is determined in step ST50 that all are OFF, the enlargeable distance calculation process is terminated. On the other hand, if it is determined in step ST50 that all are not OFF, the process returns to step ST43 and the above-described processing is repeated.
上述したように、ステップST43からステップST50では、徐々に拡大可能領域の拡大を繰り返す。拡大可能領域の拡大は一定量ずつ行われ、拡大方向は拡大後に他の拡大リンク・タッチ領域、および他のリンク表示域と重複しないように決定される。上下左右のどの方向にも一定量の拡大ができない場合には、上下左右に拡大した値を拡大距離として返す。 As described above, from step ST43 to step ST50, enlargement of the enlargeable area is gradually repeated. The enlargement of the enlargeable area is performed by a certain amount, and the enlargement direction is determined so as not to overlap with other enlargement link touch areas and other link display areas after enlargement. If a certain amount of enlargement is not possible in any direction, up, down, left, or right, the value enlarged in the up, down, left, or right direction is returned as the enlargement distance.
図9は、図8のフローチャートで示した拡大可能距離算出の処理内容を示す説明図である。
図9に示した閲覧文書には、リンク900,901,902,903、リンク902のリンク表示域905、リンク901の各方向への拡大可能距離906,907、およびリンク904の各方向への拡大可能距離908が表示されている。リンク901の上方向および右方向への拡大可能領域について説明すると、リンク901の上方向にはリンク900が存在することから、拡大可能距離906の範囲まで拡大され、リンク901の右方向にはリンクが存在しないため、右端の拡大可能距離907の範囲まで拡大される。同様にリンク904の右方向への拡大は、リンク表示域905が存在することから、拡大可能距離908の範囲まで拡大される。
FIG. 9 is an explanatory diagram showing the processing content of the enlargeable distance calculation shown in the flowchart of FIG.
The browsing document shown in FIG. 9 includes
図8で示したフローチャートのステップST43の異なる構成例として、拡大リンク・タッチ領域生成部3が上下左右のうち測定領域の矩形面積を最大化する方向を選択することで、拡大可能領域を拡大する方向を決定してもよい。この場合、面積を最大限大きくするように上下・左右方向の決定を行う。上下・左右方向の決定において上下方向が面積を最大化する場合、上下のどちらに拡大するかを選択する。一方、左右方向が面積を最大化する場合、左右のどちらに拡大するかを選択する。
As a different configuration example of step ST43 in the flowchart shown in FIG. 8, the enlargement link / touch
矩形面積を最大化させる方向が上下方向である場合、上下どちらに拡大するかを選択する。上側と下側にある全てのリンク表示域、拡大リンク・タッチ領域、もしくは部分拡大リンク・タッチ領域と、拡大可能領域との最短距離を測定する。上側と下側のリンクの最短距離を比較し、最短距離が長い方を拡大方向とする。
矩形面積を最大化させる方向が左右方向である場合、左右どちらに拡大するかを選択する。右側と左側にある全てのリンク表示域、拡大リンク・タッチ領域、もしくは部分拡大リンク・タッチ領域と、拡大可能領域との最短距離を測定する。右側と左側のリンクの最短距離を比較し、最短距離が長い方を拡大方向とする。
When the direction to maximize the rectangular area is the vertical direction, it is selected whether to enlarge the vertical area. The shortest distance between all the link display areas on the upper side and the lower side, the enlarged link / touch area, or the partially enlarged link / touch area and the enlargeable area is measured. The shortest distance between the upper and lower links is compared, and the longer shortest distance is taken as the enlargement direction.
When the direction in which the rectangular area is maximized is the left-right direction, it is selected whether to enlarge to the left or right. The shortest distance between all the link display areas on the right side and the left side, the enlarged link / touch area, or the partially enlarged link / touch area and the enlargeable area is measured. The shortest distance between the right and left links is compared, and the longer shortest distance is taken as the enlargement direction.
図10は、ステップST43の異なる構成例である、測定領域の矩形面積を最大化する構成を示す説明図である。図10に示した閲覧文書には、拡大リンク・タッチ領域1000、リンク表示域1001,1002,1003、拡大可能領域1004、破線で囲まれた上側領域1005および下側領域1006が表示されている。
図10に示す拡大可能領域1004は、左右方向に拡大するよりも上下方向に拡大する方が面積が大きくなる。そこで、上側領域1005に含まれる拡大リンク・タッチ領域1000およびリンク表示域1001との最短距離を算出し、さらに下側領域1006に含まれるリンク表示域1002および1003との最短距離を算出する。算出結果として、リンク表示域1001と拡大可能領域1004との間が上側最短距離となり、リンク表示域1003と拡大可能領域1004との間が下側最短距離となる。この場合、下側最短距離よりも上側最短距離の方が長いため、上側のリンク表示域1001までが拡大方向として選択される。
FIG. 10 is an explanatory diagram showing a configuration for maximizing the rectangular area of the measurement region, which is a different configuration example of step ST43. In the browse document shown in FIG. 10, an enlarged link /
The
次に、図6で示したフローチャートのステップST34の処理、即ち拡大リンク・タッチ領域を上下に部分拡大する処理の詳細について、図11のフローチャートを参照しながら説明する。この図11のフローチャートでは、上下に隣接する余白領域を拡大リンク・タッチ領域に加えて部分拡大する処理を示している。
拡大リンク・タッチ領域生成部3は、拡大リンク・タッチ領域の上下方向に隣接する隣接余白領域を求める(ステップST41)。ステップST41において求めた隣接余白領域のうち、面積が一定値以上であり、さらに最大面積を有する隣接余白領域Mを選択する(ステップST42)。ステップST42で選択した隣接余白領域Mの左右幅および上下幅が一定値以上あるか否か判定を行う(ステップST43)。ステップST43において一定値以上でないと判定された場合には処理を終了する。一方、ステップST43において、一定値以上あると判定された隣接余白領域Mを拡大リンク・タッチ領域に付加し、部分拡大リンク・タッチ領域とする(ステップST44)。
Next, details of the process of step ST34 in the flowchart shown in FIG. 6, that is, the process of partially expanding the enlarged link / touch area vertically will be described with reference to the flowchart of FIG. The flowchart of FIG. 11 shows a process of partially expanding the upper and lower margin areas in addition to the enlarged link / touch area.
The enlarged link / touch
図11のフローチャートでは、拡大リンク・タッチ領域生成部3が拡大リンク・タッチ領域を上下方向に部分拡大する処理例を示したが、図6のステップST36に示したように拡大リンク・タッチ領域の左右幅が一定値以下である場合には、左右方向に対しても同様に部分拡大する処理を行う。
In the flowchart of FIG. 11, the enlarged link / touch
図12は、図11のフローチャートで示した部分拡大の処理内容を示す説明図である。図12に示した閲覧文書には、拡大リンク・タッチ領域1200,1201、リンク・タッチ領域1202、拡大処理されているが上下幅が一定値以下である拡大リンク・タッチ領域1203、および隣接余白領域1204,1205が表示されている。
拡大リンク・タッチ領域1203は拡大リンク・タッチ領域1201およびリンク・タッチ領域1202が上下に存在するため、左右方向に拡大可能であるが、上下方向には一定値以上拡大することができない。そのため、図6のステップST33の条件分岐により上下方向の部分拡大処理を実行する。図11のステップST41において、拡大リンク・タッチ領域1201およびリンク・タッチ領域1202と重ならず、且つ、上下幅が一定値以上の隣接余白領域1204および1205を生成する。次に、ステップST42において、隣接余白領域1205が面積最大の隣接余白領域Mとみなされる。ステップST43において隣接余白領域Mの左右幅および上下幅が一定値以上であると判定され、ステップST44において拡大リンク・タッチ領域1203に隣接余白領域1205を付け足して新たな部分拡大リンク・タッチ領域を生成する。
FIG. 12 is an explanatory diagram showing the processing contents of the partial enlargement shown in the flowchart of FIG. The browsing document shown in FIG. 12 includes enlarged link / touch areas 1200 and 1201, link / touch area 1202, enlarged link / touch area 1203 that has been enlarged but whose vertical width is equal to or smaller than a certain value, and adjacent margin area. 1204 and 1205 are displayed.
The enlargement link / touch area 1203 can be enlarged in the horizontal direction because the enlargement link / touch area 1201 and the link / touch area 1202 exist above and below, but cannot be enlarged above a certain value in the vertical direction. For this reason, the partial enlargement process in the vertical direction is executed by the conditional branch in step ST33 of FIG. In step ST41 of FIG. 11, adjacent blank areas 1204 and 1205 that do not overlap with the enlarged link / touch area 1201 and the link / touch area 1202 and whose vertical width is equal to or larger than a certain value are generated. Next, in step ST42, the adjacent blank area 1205 is regarded as the adjacent blank area M having the largest area. In step ST43, it is determined that the left and right width and the vertical width of the adjacent margin area M are equal to or greater than a certain value. In step ST44, the adjacent margin area 1205 is added to the enlarged link / touch area 1203 to generate a new partially enlarged link / touch area. To do.
なお、拡大リンク・タッチ領域生成部3は、ユーザのリンク選択回数、ユーザがリンクを選択した際の選択ミスの発生や選択ミスが生じた選択位置に応じてリンク表示域を拡大する幅に変化を加えても良い。この場合、リンク動作判定部7がリンク選択頻度や、選択ミスの発生、選択ミスが生じた選択位置を算出し、拡大リンク・タッチ領域生成部3に出力する。選択ミスであるか否かは、ユーザがあるリンクを選択してリンク先の文書を表示してから一定時間内で元の文書へ戻った場合に選択ミスであると判断する。
The enlarged link / touch
選択ミスの発生や選択ミスが生じた選択位置に応じて、拡大リンク・タッチ領域の大きさに変化を加える場合には、拡大リンク・タッチ領域生成部3は、拡大リンク・タッチ領域の上下左右それぞれについて選択ミスを含めて選択が行われた回数を数え、ユーザが上下左右を選択した回数に対応する拡大量を設定し、ステップST34またはステップST36の上下左右方向への拡大に変化を与える。
When the size of the enlarged link / touch area is changed according to the occurrence of the selection mistake or the selection position where the selection mistake occurs, the enlarged link / touch
次に、図2のフローチャートのステップST4の処理、即ち、閲覧文書表示部5の表示方法について説明する。
閲覧文書表示部5は、リンク・タッチ領域情報を閲覧文書上に、ユーザが認識可能で、かつユーザの閲覧を妨げない程度の薄い色をつけて表示する。また、閲覧文書上に、リンク・タッチ領域を囲む線を加えて表示する。さらに、閲覧文書上にリンク・タッチ領域情報をユーザが認識可能で、かつユーザの閲覧を妨げない程度の薄い色で、かつ、図7に示したデータ構造におけるリンク・タッチ領域1とリンク・タッチ領域2のうち、面積が大きい矩形の中心位置が最も色が濃く、矩形の端が薄くなるように同系色でグラデーション表示するように構成してもよい。
Next, the process of step ST4 in the flowchart of FIG. 2, that is, the display method of the browsed
The browsing
閲覧文書表示部5におけるリンク・タッチ領域を表示する方法としては、領域範囲をユーザに提示するものであれば、イメージや点線、色や特定の位置を強調したグラデーションなど適宜変更可能である。
As a method of displaying the link / touch area in the browsed
閲覧文書表示部5は、ユーザが入力した情報に基づき、領域記憶部に記憶されたリンク・タッチ領域の表示を行う。例えば、ユーザのON,OFF設定に基づきリンク・タッチ領域の表示を行う。また、ユーザが指やペンなどでタッチパネル装置10に触れている間はリンク・タッチ領域を表示し、触れていない場合は表示しないように構成してもよい。また、ユーザの指やペンなどがタッチパネル装置10に近接している場合はリンク・タッチ領域の表示を行い、近接していない場合には表示を行わない。さらに、ユーザの指やペンなどがタッチパネル装置10に近接している距離が遠いほど薄い色でリンク・タッチ領域を表示するように構成してもよい。
The browsing
以上のように、この実施の形態1によれば、リンクを包含するように余白領域を用いてリンク表示域を拡大する拡大リンク・タッチ領域生成部を備えるように構成したので、ユーザがタッチした際に選択するリンクの視認が容易となり、多少不正確なタッチであった場合でもリンクを選択することができ、リンク選択の操作性を向上させることができる。 As described above, according to the first embodiment, since the configuration includes the enlarged link / touch area generation unit that enlarges the link display area using the blank area so as to include the link, the user touches the area. It is easy to visually recognize the link to be selected at the time, and the link can be selected even when the touch is somewhat inaccurate, and the operability of link selection can be improved.
また、この実施の形態1によれば、閲覧文書表示部においてリンク・タッチ領域をユーザの視認性を低下させない程度の薄い色で表示するように構成したので、リンク選択の操作性を向上させることができる。 In addition, according to the first embodiment, since the link / touch area is displayed in a light color that does not decrease the visibility of the user in the browsing document display unit, the operability of link selection is improved. Can do.
さらに、この実施の形態1によれば、ユーザの指やペンが接触あるいは近接している場合に、リンク・タッチ領域を表示するように構成したので、閲覧文書の視認性を向上させると共に、リンク選択の操作性を向上させることができる。 Furthermore, according to the first embodiment, since the link / touch area is displayed when the user's finger or pen is in contact with or in proximity, the visibility of the viewed document is improved and the link is displayed. The operability of selection can be improved.
さらに、この実施の形態1によれば、ユーザの指やペンでリンクが選択された回数や、リンク選択ミスの発生、リンク選択ミスが生じた選択位置に基づきリンク・タッチ領域の拡大量を設定するように構成したので、ユーザのリンク選択の傾向にあわせたリンク・タッチ領域の表示や、リンク選択ミスを抑制したリンク・タッチ領域の表示を行うことができる。 Furthermore, according to the first embodiment, the enlargement amount of the link / touch area is set based on the number of times the link is selected with the user's finger or pen, the occurrence of the link selection error, or the selection position where the link selection error occurs. Thus, it is possible to display a link / touch area in accordance with a user's tendency to select a link, or to display a link / touch area with a link selection error suppressed.
実施の形態2.
実施の形態2では、リンクが密集している場合にも、タッチ入力に十分な大きさのリンク・タッチ領域を生成する構成を示す。
図13は、この発明の実施の形態2によるタッチパネル装置の構成を示すブロック図であり、実施の形態1のタッチパネル装置10に結合リンク・タッチ領域生成部8を追加して設けている。なお以下では、実施の形態1によるタッチパネル装置10の構成要素と同一または相当する部分には、実施の形態1で使用した符号と同一の符号を付して説明を省略または簡略化する。
The second embodiment shows a configuration in which a link / touch area having a size sufficient for touch input is generated even when links are dense.
FIG. 13 is a block diagram showing the configuration of the touch panel device according to the second embodiment of the present invention, in which a combined link / touch
結合リンク・タッチ領域生成部8は、拡大リンク・タッチ領域生成部3において十分な領域サイズに拡大することができなかったリンク・タッチ領域と、隣接したリンク・タッチ領域をひとまとめにして、領域内の各リンクに対してマルチタッチによる選択方法を与えた結合リンク・タッチ領域を生成する。閲覧文書表示部5´は、閲覧文書記憶部1に記憶された閲覧文書を表示すると共に、領域記憶部4´に記憶された拡大リンク・タッチ領域生成部3により生成されたリンク・タッチ領域と結合リンク・タッチ領域生成部8が生成した結合リンク・タッチ領域の色付け表示を行う。さらに、結合リンク・タッチ領域に対するユーザ入力の指の本数などタッチ操作に関するガイド情報を表示する。
The combined link / touch
近接・タッチ情報入力部6´は、タッチパネルなどに対し、ユーザが指やペンによる近接・タッチ操作を行ったときの入力を受け付け、近接・タッチの有無判断や近接・タッチ位置の座標、タッチ時のユーザの指の本数を算出する。リンク動作判定部7´は、近接・タッチ情報入力部6´が算出した近接・タッチ位置座標とユーザの指の本数に基づき、拡大リンク・タッチ領域生成部3が生成した拡大リンク・タッチ領域内および結合リンク・タッチ領域生成部8が生成した結合リンク・タッチ領域内のタッチ有無判定とリンク選択を行い、閲覧文書表示部5´に対して選択したリンク先文書を表示する更新命令を出力する。
The proximity / touch
図14は、実施の形態2によるタッチパネル装置の拡大リンク・タッチ領域生成部および結合リンク・タッチ領域生成部の処理動作の概略を示すフローチャートである。なお、実施の形態1に係る拡大リンク・タッチ領域生成部3と同一ステップには図4で使用した符号と同一の符号を付し、説明を省略または簡略化する。
拡大リンク・タッチ領域生成部3は、ステップST21からステップST23においてリンク表示域を拡大/部分拡大する。さらに、拡大することができないリンク・タッチ領域を領域記憶部4´に記憶し(ステップST24)、ステップST22の処理に戻る。ステップST22において拡大処理していないリンク表示域が存在しないと判定された場合には、結合リンク・タッチ領域生成部8が領域記憶部4´を参照して結合処理していない拡大不能リンク・タッチ領域が存在するか否か判定を行う(ステップST25)。
FIG. 14 is a flowchart showing an outline of processing operations of the enlarged link / touch area generation unit and the combined link / touch area generation unit of the touch panel device according to the second embodiment. The same steps as those of the enlarged link / touch
The enlarged link / touch
ステップST25において結合処理してない拡大不能リンク・タッチ領域が存在すると判定された場合には、当該拡大不能リンク・タッチ領域に隣接するリンク・タッチ領域を結合した領域を生成し(ステップST26)、ステップST25の処理に戻る。一方、ステップST25において結合処理していない拡大不能リンク・タッチ領域は存在しないと判定された場合には、リンク・タッチ領域生成処理を終了する。 If it is determined in step ST25 that there is an unexpandable link / touch area that has not been subjected to the combining process, an area in which the link / touch area adjacent to the unexpandable link / touch area is combined is generated (step ST26). The process returns to step ST25. On the other hand, if it is determined in step ST25 that there is no unenlargeable link / touch area that has not been combined, the link / touch area generation process is terminated.
次に、図14で示したフローチャートのステップST26の処理、即ちリンク・タッチ領域を結合する処理の詳細について図15のフローチャートを参照しながら説明を行う。図15に示すフローチャートでは、拡大不能リンク・タッチ領域のリンクと、当該拡大不能リンク・タッチ領域と隣接するリンク・タッチ領域のリンクをグループ化し、当該グループ内のリンクを囲む最小の矩形により結合リンク・タッチ領域を得る構成を示している。 Next, details of the process of step ST26 in the flowchart shown in FIG. 14, that is, the process of combining the link and touch areas will be described with reference to the flowchart of FIG. In the flowchart shown in FIG. 15, the link of the non-expandable link / touch area and the link / touch area link adjacent to the non-expandable link / touch area are grouped, and the link is linked by the smallest rectangle surrounding the link in the group. A configuration for obtaining a touch area is shown.
結合リンク・タッチ領域生成部8は、リンク・タッチ領域の拡大が必要な方向に隣接したリンクを1つのグループにまとめる(ステップST51)。左右方向に十分な領域サイズが確保できない場合は左右に隣接したリンクがグループ化され、上下方向に十分な領域サイズが確保できない場合は上下に隣接したリンクがグループ化され、上下方向、左右方向共に十分な領域サイズが確保できない場合は、上下左右全ての方向に隣接するリンクがグループ化される。
The combined link / touch
ステップST51においてグループ化されたリンクと対応するリンク・タッチ領域を上下幅、左右幅「0」の空領域にリセットする(ステップST52)。次に、グループ内のリンクを囲む最小の矩形を結合リンク表示域として生成する(ステップST53)。ステップST53において生成した結合リンク表示域が他のリンク・タッチ領域と重なっているか否か判定を行い(ステップST54)、領域が重なっていない場合にはステップST58の処理に進む。一方、ステップST54において重なっていると判定された場合には、結合リンク表示域とリンク・タッチ領域との重複部分の面積が一定値以上あるか否か判定を行う(ステップST55)。 The link / touch area corresponding to the links grouped in step ST51 is reset to an empty area having a vertical width and a horizontal width of “0” (step ST52). Next, the minimum rectangle surrounding the links in the group is generated as a combined link display area (step ST53). It is determined whether or not the combined link display area generated in step ST53 overlaps with another link / touch area (step ST54). If the area does not overlap, the process proceeds to step ST58. On the other hand, if it is determined in step ST54 that they overlap, it is determined whether or not the area of the overlapping portion between the combined link display area and the link touch area is greater than or equal to a certain value (step ST55).
ステップST55において、重複部分の面積が一定値以上であると判定された場合には、重複しているリンク・タッチ領域内のリンクをグループに追加し(ステップST57)、ステップST52の処理に戻る。一方、ステップST55において重複部分の面積が一定値以上でないと判定された場合には、重複するリンク・タッチ領域を結合リンク表示域に重ならないように縮小し(ステップST56)、ステップST54の処理に戻る。 If it is determined in step ST55 that the area of the overlapping portion is greater than or equal to a certain value, the overlapping link / touch area link is added to the group (step ST57), and the process returns to step ST52. On the other hand, if it is determined in step ST55 that the area of the overlapping portion is not equal to or greater than a certain value, the overlapping link / touch area is reduced so as not to overlap the combined link display area (step ST56), and the process of step ST54 is performed. Return.
次に、ステップST58において、結合リンク表示域の拡大を行う。このステップST58における拡大・部分拡大処理は、実施の形態1の図6において示した処理と同一の処理を結合リンク・タッチ領域生成部8が実施する。処理内容は実施の形態1と同一であるため、説明を省略する。ステップST58において拡大した結合リンク表示域内の各リンクに対してマルチタッチ操作の指本数などの情報を与え、結合リンク・タッチ領域を生成し(ステップST59)、結合リンク・タッチ領域生成処理を終了する。
Next, in step ST58, the combined link display area is expanded. In the enlargement / partial enlargement process in step ST58, the combined link / touch
なお、結合リンク・タッチ領域生成部8は、図15のフローチャートにおけるステップST58において、ユーザのリンク選択頻度、ユーザがリンクを選択した際の選択ミスの発生や選択ミスが生じた選択位置に応じてリンク表示域を拡大する幅に変化を加えても良い。実施の形態1と同様にリンク動作判定部7´が算出するリンク選択頻度や、選択ミスの発生、選択ミスが生じた選択位置に基づき、結合リンク・タッチ領域生成部8が拡大量を設定し、結合リンク・タッチ領域の上下左右方向への拡大に変化を与える。
In addition, in step ST58 in the flowchart of FIG. 15, the combined link / touch
図16は、図15のフローチャートで示した結合リンク・タッチ領域生成処理により得られる結合リンク表示域の表示例を示す説明図である。
図16(a)に示す閲覧文書には、密集して位置する3つのリンク1600,1601,1602、これら3つのリンク1600,1601,1602を含む結合リンク・タッチ領域1603、タッチ操作の指の本数とリンクとの対応を示すアイコン1604,1605,1606が表示されている。さらに図16(b)に示す閲覧文書には、結合リンク・タッチ領域1603に対してユーザが複数の指1607で入力した例を示している。
FIG. 16 is an explanatory diagram showing a display example of the combined link display area obtained by the combined link / touch area generation processing shown in the flowchart of FIG.
The browsing document shown in FIG. 16A includes three
図17は、図15のフローに基づき生成された結合リンク・タッチ領域のデータ構造を示す図である。
データ項目は、リンク先のURL、拡大リンク・タッチ領域および結合リンク・タッチ領域を示すリンク・タッチ領域1、部分拡大リンク・タッチ領域を示すリンク・タッチ領域2、ハイパーテキストであるアンカーテキスト、拡大リンク・タッチ領域、部分拡大リンク・タッチ領域、および結合リンク・タッチ領域に対する操作方法を示すタッチ操作で構成されている。図17において例えば結合リンク・タッチ領域内のリンクのURLである「www.cccc.com」のタッチ選択方法は、ユーザが指2本で矩形(100,50,100,100)内にタッチ入力を行うと、リンク動作判定部7´により「www.cccc.com」のリンクを選択することができる。
FIG. 17 is a diagram showing a data structure of the combined link / touch area generated based on the flow of FIG.
The data items include a link destination URL, a link / touch area 1 indicating an enlarged link / touch area and a combined link / touch area, a link /
領域記憶部4´は、拡大リンク・タッチ領域生成部3が生成した拡大リンク・タッチ領域および部分拡大リンク・タッチ領域と、結合リンク・タッチ領域生成部8が生成した結合リンク・タッチ領域を図17に示したデータ構造により記憶する。
The
閲覧文書表示部5´は、結合リンク・タッチ領域をユーザが認識可能で、かつ、ユーザの閲覧を妨げない程度の薄い色を加えて表示し、さらに結合リンク・タッチ領域内のリンク選択とマルチタッチの指の本数との対応関係を分かりやすい指のアイコンで表示する。なお、結合リンク・タッチ領域の表示は、領域範囲をユーザに指し示すものであれば、イメージや点線、色、特定の位置を強調したグラデーションなど適宜変更可能である。 The browsed document display unit 5 'displays the combined link / touch area with a light color that can be recognized by the user and does not interfere with the user's browsing. The correspondence with the number of touched fingers is displayed with easy-to-understand finger icons. It should be noted that the display of the combined link / touch area can be changed as appropriate as long as it indicates the area range to the user, such as an image, a dotted line, a color, or a gradation that emphasizes a specific position.
さらに、タッチの指の本数を表示する他の例として、リンクの隣に指の本数を示す数字を表示しても良い。また、アイコンや数字に限らずリンクと指本数の対応付けをユーザが認識することができれば他の方法を適用してもよい。また、結合リンク・タッチ領域のリンク選択とマルチタッチの指の本数との対応関係をユーザが入力した情報により制御するように構成してもよい。 Furthermore, as another example of displaying the number of touch fingers, a number indicating the number of fingers may be displayed next to the link. In addition to icons and numbers, other methods may be applied as long as the user can recognize the association between the link and the number of fingers. Further, the correspondence relationship between the link selection of the combined link / touch area and the number of multi-touch fingers may be controlled by information input by the user.
さらに、指の本数の表示制御を、以下のように構成してもよい。ユーザのON、OFF設定に基づき行う。ユーザが指またはペンなどでタッチパネル装置10´に触れている間は表示を行い、触れていない場合には表示を行わない。ユーザが指またはペンなどでタッチパネル装置10´に近接している場合は表示を行い、近接していない場合には表示を行わない。このように、指の本数の表示制御は適宜変更可能である。また、指の本数の表示をユーザのON,OFF設定に基づき行うように構成してもよい。なお、マルチタッチは指の本数により識別する構成に限定されるものではなく、入力手段は適宜変更可能である。
Further, the display control of the number of fingers may be configured as follows. This is based on the user's ON / OFF setting. The display is performed while the user is touching the touch panel device 10 'with a finger or a pen, and the display is not performed when the user is not touching. When the user is close to the
リンク動作判定部7´は、拡大/部分拡大リンク・タッチ領域および結合リンク・タッチ領域を領域記憶部4´から読み込み、近接・タッチ情報入力部6´から入力される座標(x,y)や指の本数情報からリンクを選択する。まず、タッチされた座標(x,y)がリンク・タッチ領域内であるか、もしくは結合リンク・タッチ領域内であるかを判定する。座標(x,y)がリンク・タッチ領域内にあれば、リンク動作判定部7´が該当するURLのリンク先の情報を閲覧文書表示部5´に表示するように命令する。一方、座標(x,y)が結合リンク・タッチ領域領域内にあれば、リンク動作判定部7´はタッチした指の本数に対応するリンクを選択し、当該リンクの情報を閲覧文書表示部5´に表示するように命令する。
The link
以上のように、この実施の形態2によれば、密集して位置しているリンクをひとまとめにすると共に、各リンクに対する操作情報を表示する結合リンク・タッチ領域を生成する結合リンク・タッチ領域生成部を備えるように構成したので、マルチタッチによるリンクの選択を実現することができる。さらに密集したリンクに対しても、個々のリンクのタッチ選択が容易になり、リンク選択の操作性を向上させることができる。 As described above, according to the second embodiment, the links located densely are grouped together, and the combined link / touch area generation for generating the operation information for each link is generated. Since it comprises so that a part may be provided, the selection of the link by multi-touch is realizable. Furthermore, even for dense links, touch selection of individual links is facilitated, and the operability of link selection can be improved.
また、この実施の形態2によれば、閲覧文書表示部において結合リンク・タッチ領域をユーザの視認性を低下させない程度の薄い色で表示するように構成したので、リンク選択の操作性を向上させることができる。 Further, according to the second embodiment, since the combined link / touch area is displayed in a light color that does not deteriorate the visibility of the user in the browsing document display unit, the operability of link selection is improved. be able to.
さらに、この実施の形態2によれば、ユーザの指やペンが接触あるいは近接している場合に、結合リンク・タッチ領域を表示するように構成したので、閲覧文書の視認性を向上させると共に、リンク選択の操作性を向上させることができる。 Furthermore, according to the second embodiment, when the user's finger or pen is in contact or in proximity, the combined link / touch area is configured to be displayed. The operability of link selection can be improved.
さらに、この実施の形態2によれば、ユーザの指やペンでリンクが選択された回数や、リンク選択ミスの発生、リンク選択ミスが生じた選択位置に基づき結合リンク・タッチ領域の拡大量を設定するように構成したので、ユーザのリンク選択の傾向にあわせた結合リンク・タッチ領域の表示や、リンク選択ミスを抑制した結合リンク・タッチ領域の表示を行うことができる。 Further, according to the second embodiment, the amount of enlargement of the combined link / touch area is determined based on the number of times the link is selected with the user's finger or pen, the occurrence of the link selection error, or the selection position where the link selection error has occurred. Since it is configured to set, it is possible to display the combined link / touch area in accordance with the user's link selection tendency and display the combined link / touch area with suppressed link selection errors.
なお、本願発明は、その発明の精神の範囲内において、各実施の形態の自由な組合せ、あるいは変形が可能である。 Note that the present invention can be freely combined with or modified from the embodiments within the spirit of the invention.
1 閲覧文書記憶部、2 リンク表示域抽出部、3 拡大リンク・タッチ領域生成部、4,4´ 領域記憶部、5,5´ 閲覧文書表示部、6,6´ 近接・タッチ情報入力部、7,7´ リンク動作判定部、8 結合リンク・タッチ領域生成部、10,10´ タッチパネル装置。 DESCRIPTION OF SYMBOLS 1 Browse document memory | storage part, 2 Link display area extraction part, 3 Expanded link touch area production | generation part, 4, 4 'area memory | storage part, 5, 5' Browse document display part, 6, 6 'Proximity / touch information input part, 7, 7 'link operation determination unit, 8 combined link / touch area generation unit, 10, 10' touch panel device.
Claims (9)
前記閲覧文書記憶部に記憶された閲覧文書のレイアウト情報に基づき、リンクを示すハイパーテキストを囲む領域を抽出するリンク表示域抽出部と、
前記リンク表示域抽出部が抽出したハイパーテキストを囲む領域を、入力手段によるタッチ可能な幅、且つ、他のハイパーテキストを囲む領域と重複しない大きさに拡大し、前記入力手段による入力を受け付ける拡大リンク・タッチ領域を生成する拡大リンク・タッチ領域生成部と、
前記拡大リンク・タッチ領域の幅が一定値以下の場合に、当該拡大リンク・タッチ領域に隣接する隣接リンク・タッチ領域を結合して2以上のリンクが含まれる結合リンク・タッチ領域を生成すると共に、当該結合リンク・タッチ領域を入力手段によるタッチ可能な幅、且つ、前記ハイパーテキストを囲む領域同士が重複しない大きさに拡大する結合リンク・タッチ領域生成部と、
前記閲覧文書記憶部に記憶された閲覧文書に、前記拡大リンク・タッチ領域生成部が生成した前記拡大リンク・タッチ領域および当該拡大リンク・タッチ領域に対するタッチ操作に関する情報を加えて表示するとともに、前記結合リンク・タッチ領域生成部が生成した前記結合リンク・タッチ領域および当該結合リンク・タッチ領域におけるリンクの選択と前記入力手段による選択方法との対応関係を表示する閲覧文書表示部と、
前記閲覧文書表示部が表示する閲覧文書に対して、前記入力手段により入力されるタッチ操作情報、あるいは前記入力手段の近接情報に基づき、前記リンクの選択を判定するとともに、前記結合リンク・タッチ領域における前記入力手段による選択方法に基づき前記リンクの選択を判定するリンク動作判定部
とを備えたタッチパネル装置。 A browsing document storage unit for storing browsing documents;
A link display area extraction unit that extracts a region surrounding hypertext indicating a link based on layout information of the browsing document stored in the browsing document storage unit;
The area surrounding the hypertext extracted by the link display area extraction unit is expanded to a width that can be touched by the input means and a size that does not overlap with an area surrounding other hypertext, and accepts input from the input means. An enlarged link / touch area generator for generating a link / touch area;
When the width of the enlarged link / touch area is equal to or smaller than a predetermined value, the adjacent link / touch area adjacent to the enlarged link / touch area is combined to generate a combined link / touch area including two or more links. A combined link / touch area generation unit that expands the combined link / touch area to a width that can be touched by an input unit and a size that does not overlap the areas surrounding the hypertext;
The browsing document stored in the browsing document storage unit is displayed by adding information related to the enlarged link / touch region generated by the enlarged link / touch region generation unit and a touch operation on the enlarged link / touch region , and A browsed document display unit for displaying a correspondence between the selected link in the combined link / touch area generated by the combined link / touch area generation unit and the selection method by the input unit ;
Based on the touch operation information input by the input unit or the proximity information of the input unit for the browsing document displayed by the browsing document display unit, the selection of the link is determined , and the combined link / touch region A link operation determination unit that determines selection of the link based on a selection method by the input means .
前記拡大リンク・タッチ領域生成部は、前記頻度に基づき各リンクの拡大リンク・タッチ領域の拡大量を設定する
ことを特徴とする請求項1記載のタッチパネル装置。 The link operation determination unit calculates the frequency with which each link is selected by the input means,
The touch panel device according to claim 1, wherein the enlargement link / touch area generation unit sets an enlargement amount of the enlargement link / touch area of each link based on the frequency.
前記拡大リンク・タッチ領域生成部は、前記選択ミスの発生または前記選択ミスが生じた選択位置に基づき拡大リンク・タッチ領域の拡大量を設定する
ことを特徴とする請求項1または請求項6記載のタッチパネル装置。 The link operation determination unit calculates a selection position where a selection error occurs or a selection error occurs when each link is selected by the input unit,
The expansion link touch area generation unit, according to claim 1 or claim 6, wherein the setting the expansion amount of expansion link touch area based on the selection position occurs or the wrong selection of the selected miss occurs Touch panel device.
前記結合リンク・タッチ領域生成部は、前記頻度に基づき各リンクの結合リンク・タッチ領域の拡大量を設定する
ことを特徴とする請求項1記載のタッチパネル装置。 The link operation determination unit calculates the frequency with which each link is selected by the input means,
The coupling link touch area generation unit, a touch panel device according to claim 1, wherein setting the amount of increase binding link touch area for each link based on the frequency.
前記結合リンク・タッチ領域生成部は、前記選択ミスの発生または前記選択ミスが生じた選択位置に基づき結合リンク・タッチ領域の拡大量を設定する
ことを特徴とする請求項1または請求項8記載のタッチパネル装置。 The link operation determination unit calculates a selection position where a selection error occurs or a selection error occurs when each link is selected by the input unit,
The coupling link touch area generation unit, according to claim 1 or claim 8, wherein setting the amount of increase binding link touch area based on the selection position occurs or the wrong selection of the selected miss occurs Touch panel device.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2010198811A JP5289399B2 (en) | 2010-09-06 | 2010-09-06 | Touch panel device |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP2010198811A JP5289399B2 (en) | 2010-09-06 | 2010-09-06 | Touch panel device |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JP2012058819A JP2012058819A (en) | 2012-03-22 |
| JP5289399B2 true JP5289399B2 (en) | 2013-09-11 |
Family
ID=46055893
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP2010198811A Expired - Fee Related JP5289399B2 (en) | 2010-09-06 | 2010-09-06 | Touch panel device |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP5289399B2 (en) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPS6262145A (en) * | 1985-09-13 | 1987-03-18 | Hitachi Ltd | Clean draft chamber |
| CN103514149B (en) * | 2012-06-29 | 2017-03-22 | 国际商业机器公司 | Device and method for adjusting size of page of hyperlink |
| JP5907270B2 (en) * | 2012-08-08 | 2016-04-26 | 富士通株式会社 | Electronic device, display control method and program |
| WO2015151154A1 (en) * | 2014-03-31 | 2015-10-08 | パイオニア株式会社 | Display apparatus, display method, and display program |
| JP2017021449A (en) * | 2015-07-07 | 2017-01-26 | 富士通株式会社 | Information processing apparatus, display control method, and display control program |
| CN106909296A (en) | 2016-06-07 | 2017-06-30 | 阿里巴巴集团控股有限公司 | The extracting method of data, device and terminal device |
Family Cites Families (9)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JPH0644023A (en) * | 1992-07-22 | 1994-02-18 | Toshiba Corp | Display device |
| JP3330239B2 (en) * | 1994-09-22 | 2002-09-30 | アイシン・エィ・ダブリュ株式会社 | Screen touch input device |
| JPH1131063A (en) * | 1997-07-10 | 1999-02-02 | Hitachi Ltd | Icon automatic enlargement method |
| JP2000172427A (en) * | 1998-12-10 | 2000-06-23 | Nec Corp | Input device with misinput detecting function and misinput detecting method for input device |
| US6643824B1 (en) * | 1999-01-15 | 2003-11-04 | International Business Machines Corporation | Touch screen region assist for hypertext links |
| US7694231B2 (en) * | 2006-01-05 | 2010-04-06 | Apple Inc. | Keyboards for portable electronic devices |
| JP2008276277A (en) * | 2007-04-25 | 2008-11-13 | Kyocera Mita Corp | Operation display device and image forming apparatus |
| JP2009009519A (en) * | 2007-06-29 | 2009-01-15 | Casio Comput Co Ltd | Information display device, information display control program, information display system, server control program for information display system |
| JP2009295016A (en) * | 2008-06-06 | 2009-12-17 | Sharp Corp | Control method for information display, display control program and information display |
-
2010
- 2010-09-06 JP JP2010198811A patent/JP5289399B2/en not_active Expired - Fee Related
Also Published As
| Publication number | Publication date |
|---|---|
| JP2012058819A (en) | 2012-03-22 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| JP5289399B2 (en) | Touch panel device | |
| US6469719B1 (en) | Graphical user interface apparatus with improved layout of menu items | |
| EP1912112B1 (en) | Storage medium storing input position processing program, and input position processing device | |
| JP5527521B2 (en) | Hierarchical display device, hierarchical structure display method, and hierarchical structure display control program | |
| US20150363048A1 (en) | System and method for touch ribbon interaction | |
| JP5005005B2 (en) | Visualization program, visualization method, and visualization apparatus for visualizing content reading order | |
| US20090210821A1 (en) | Parameter input receiving method | |
| CN103150158B (en) | A Method for Generating a Grid-like Dynamic Diversity Menu | |
| WO2012106867A1 (en) | Interaction method and apparatus for electronic device | |
| JP2013092952A (en) | Display device and display method for enhancing visibility | |
| JP5388385B2 (en) | Display control apparatus, display control method, and program | |
| JP4606692B2 (en) | Information processing apparatus and method, recording medium, and program | |
| JP2010049475A (en) | Information processing apparatus and program | |
| CN101971244A (en) | Display data output device | |
| EP2579170A1 (en) | Database visualization system | |
| JP2020123234A (en) | Information processor, control method, and program thereof | |
| JP5901295B2 (en) | Mobile terminal device having enlarged display function, enlarged display control method, and program | |
| JP6376198B2 (en) | Apparatus and method for displaying musical score | |
| JP2013084257A (en) | Database visualization system | |
| JP5469765B1 (en) | Nameplate layout generation program and nameplate layout generation system | |
| JP2011165064A (en) | Difference display device, difference display method and program | |
| JP4561811B2 (en) | Information processing apparatus and method | |
| JP2007233866A (en) | Change instruction drawing creation system and method, and program | |
| JP6770422B2 (en) | Score display program | |
| CN113330408B (en) | Enhanced touch-sensitive selection |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| A621 | Written request for application examination |
Free format text: JAPANESE INTERMEDIATE CODE: A621 Effective date: 20121101 |
|
| A977 | Report on retrieval |
Free format text: JAPANESE INTERMEDIATE CODE: A971007 Effective date: 20130222 |
|
| A131 | Notification of reasons for refusal |
Free format text: JAPANESE INTERMEDIATE CODE: A131 Effective date: 20130226 |
|
| A521 | Request for written amendment filed |
Free format text: JAPANESE INTERMEDIATE CODE: A523 Effective date: 20130417 |
|
| A01 | Written decision to grant a patent or to grant a registration (utility model) |
Free format text: JAPANESE INTERMEDIATE CODE: A01 Effective date: 20130507 |
|
| A61 | First payment of annual fees (during grant procedure) |
Free format text: JAPANESE INTERMEDIATE CODE: A61 Effective date: 20130604 |
|
| LAPS | Cancellation because of no payment of annual fees |