JP4096727B2 - Electronic device and display control method thereof - Google Patents

Electronic device and display control method thereof Download PDF

Info

Publication number
JP4096727B2
JP4096727B2 JP2002369520A JP2002369520A JP4096727B2 JP 4096727 B2 JP4096727 B2 JP 4096727B2 JP 2002369520 A JP2002369520 A JP 2002369520A JP 2002369520 A JP2002369520 A JP 2002369520A JP 4096727 B2 JP4096727 B2 JP 4096727B2
Authority
JP
Japan
Prior art keywords
image object
pressing surface
rectangular pressing
sensing unit
display means
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
Application number
JP2002369520A
Other languages
Japanese (ja)
Other versions
JP2004199555A (en
Inventor
和久 松永
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.)
Casio Computer Co Ltd
Original Assignee
Casio Computer Co Ltd
Priority date (The priority date is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the date listed.)
Filing date
Publication date
Application filed by Casio Computer Co Ltd filed Critical Casio Computer Co Ltd
Priority to JP2002369520A priority Critical patent/JP4096727B2/en
Publication of JP2004199555A publication Critical patent/JP2004199555A/en
Application granted granted Critical
Publication of JP4096727B2 publication Critical patent/JP4096727B2/en
Anticipated expiration legal-status Critical
Expired - Fee Related legal-status Critical Current

Links

Images

Description

【0001】
【発明の属する技術分野】
本発明は、電子機器及びその表示制御方法に関する。詳しくは、画面上に表示された画像オブジェクトの拡大・縮小に係る表示制御であり、特に手持ちで操作される電子機器において、拡大・縮小の操作性改善を意図した電子機器及びその表示制御方法に関する。
【0002】
【従来の技術】
従来より、パーソナルコンピュータ上で動作する文書作成アプリケーションソフト(いわゆるワープロソフト)などにおいては、画面上に表示された画像オブジェクトを所望の倍率に拡大・縮小して見やすくする機能が搭載されている。その代表例として、画面上のメニューバーに拡大・縮小倍率選択用のリストボックスを表示するものがある(たとえば、非特許文献1参照。)。これによれば、ユーザが、当該リストボックスをマウスでポイントして所望の倍率を選択すると、画面上の原点位置(一般にワープロソフトにあっては、ワープロ編集画面の左上コーナ位置)を基準にして、その選択倍率で画面全体が拡大・縮小されるようになっている。
【0003】
したがって、任意の画像オブジェクトを、たとえば、100%から120%に拡大する場合は、
▲1▼画像オブジェクトの左上コーナ位置を原点位置に合わせる、
▲2▼メニューバーの拡大・縮小倍率選択用リストボックスをマウスでポイントとして「120%」を選択する、
という操作を連続して行うことにより、対象とする画像オブジェクトを所望倍率(この場合100%→120%)に拡大表示させることができる。
【0004】
【非特許文献1】
愛知大学豊橋情報処理センター、“MS−Word入門・基本的な操作方法と主なボタン説明”、[online]、[平成14年11月21日検索]、インターネット<URL:http://tcweb.aichi-u.ac.jp/Manual/word/basic.htm>
【0005】
【発明が解決しようとする課題】
しかしながら、このような従来の拡大・縮小方法にあっては、▲1▼の「画像オブジェクトの左上コーナ位置を原点位置に合わせる」ためには、GUI(グラフィカルユーザインターフェース)スクロールバー(編集画面の右端や下端に表示されている縦・横のスクロールバーコントロール)をマウスで操作する必要があり、たとえば、対象とする画像オブジェクトが編集画面の中程に位置している場合は、縦・横のスクロールバーコントロールの双方をマウスで操作しなければならないので、上記▲2▼のマウス操作と相まって、煩雑な操作が強いられるという欠点があり、とりわけ、手持ち操作タイプの電子機器にあっては、操作性が悪くなるという問題点がある。
【0006】
したがって、本発明が解決しようとする課題は、手持ち操作タイプの電子機器において、画面上に表示された画像オブジェクトを簡単な操作で拡大・縮小できる電子機器及びその表示制御方法を提供することにある。
【0007】
【課題を解決するための手段】
本発明に係る電子機器は、タッチパネル付の表示手段と、前記タッチパネルのタッチ座標を検出する座標検出手段とを備えた電子機器において、前記表示手段の縦辺に沿ってその長手方向を延在する矩形状押圧面を有した第1の押圧感知部と、前記表示手段の横辺に沿ってその長手方向を延在する矩形状押圧面を有した第2の押圧感知部とを有し、ユーザによるスライド操作が可能なメカニカルスライドバーと、前記座標検出手段によって検出されたタッチ座標が前記表示手段に表示されている画像オブジェクト上に位置しているか否かを判定する判定手段と、前記判定手段の判定結果が肯定の場合で且つ前記メカニカルスライドバーがスライド操作された場合に該スライド量に応じた拡大率又は縮小率で前記画像オブジェクトを再描画する再描画手段とを備えたことを特徴とする
は、前記第1及び第2の押圧感知部は、各々、長手方向に複数のスイッチ要素を等間隔に配列して構成されたものである。
本発明に係る表示制御方法は、タッチパネル付の表示手段と、前記タッチパネルのタッチ座標を検出する座標検出手段と、前記表示手段の縦辺に沿ってその長手方向を延在する矩形状押圧面を有した第1の押圧感知部と、前記表示手段の横辺に沿ってその長手方向を延在する矩形状押圧面を有した第2の押圧感知部とを有し、ユーザによるスライド操作が可能なメカニカルスライドバーとを備えた電子機器に適用する表示制御方法であって、前記座標検出手段によって検出されたタッチ座標が前記表示手段に表示されている画像オブジェクト上に位置しているか否かを判定する判定ステップと、前記判定ステップの判定結果が肯定の場合で且つ前記メカニカルスライドバーがスライド操作された場合に該スライド量に応じた拡大率又は縮小率で前記画像オブジェクトを再描画する再描画ステップとを含むことを特徴とする
れらの発明では、表示手段に表示されている画像オブジェクト上をタッチした後、メカニカルスライドバーをスライド操作するだけで、そのスライド方向とスライド量に応じて前記画像オブジェクトが拡大・縮小され再描画される。
したがって、従来例のような煩雑なマウス操作を必要としないので、とりわけ、手持ち操作タイプの電子機器において、画面上に表示された画像オブジェクトを簡単な操作で拡大・縮小できる電子機器及びその表示制御方法を提供することができる。
【0008】
【発明の実施の形態】
以下、本発明の実施の形態を、図面を参照しながら説明する。なお、以下の説明における様々な細部の特定ないし実例および数値や文字列その他の記号の例示は、本発明の思想を明瞭にするための、あくまでも参考であって、それらのすべてまたは一部によって本発明の思想が限定されないことは明らかである。また、周知の手法、周知の手順、周知のアーキテクチャおよび周知の回路構成等(以下「周知事項」)についてはその細部にわたる説明を避けるが、これも説明を簡潔にするためであって、これら周知事項のすべてまたは一部を意図的に排除するものではない。かかる周知事項は本発明の出願時点で当業者の知り得るところであるので、以下の説明に当然含まれている。
【0009】
図1は、本発明を適用する電子機器の外観図である。この図において、電子機器20の機器本体21は、持ち運び可能な表示画面一体型の薄型形状を有している。機器本体21の表面には、LCD(Liquid Crystal Display)又はELD(Electro Luminescence Display)などのタッチパネル34付の平面ディスプレイパネル22(表示手段)や各種の操作ボタン23〜27が配置されているほか、本実施の形態に特有の要素の一つである第1の押圧感知部28と第2の押圧感知部29が配置されている。
【0010】
第1の押圧感知部28と第2の押圧感知部29はそれぞれ、その表面に矩形状の押圧感知面(以下「矩形状押圧面281、291」という)を有している。第1の押圧感知部28と第2の押圧感知部29は、以下の説明からも明らかになるが、矩形状押圧面281、291に対するユーザの押圧操作パターン(シングルタップ操作、ダブルタップ操作、スライド操作及びそれらの混在操作など)を検出するためのメカニカルな入力デバイスとして機能する。第1の押圧感知部28と第2の押圧感知部29は、特に、スライド操作を検出する場合、従来からのGUIスクロールバーと同じ役目をメカニカルに果たし、発明の要旨に記載のメカニカルスライドバーに相当するものである。
【0011】
第1の押圧感知部28の好ましいレイアウト位置は、ユーザによって機器本体21が手持ちされた場合に、その押圧面(矩形状押圧面281)をユーザの右手の操作指(操作指→親指とする。以下同様。)で縦方向(図面の上下方向)に操作しやすい位置である。すなわち、図示の例では、平面ディスプレイパネル22の右辺に沿ってその矩形状押圧面281の長手方向が延在する位置である。一方、第2の押圧感知部29の好ましいレイアウト位置は、ユーザによって機器本体21が手持ちされた場合にその押圧面(矩形状押圧面291)をユーザの左手の操作指で横方向(図面の左右方向)に操作しやすい位置である。すなわち、図示の例では、平面ディスプレイパネル22の下辺に沿ってその矩形状押圧面291の長手方向が延在する位置である。
【0012】
ユーザは、矩形状押圧面281、291の一方又は両方を操作指で押圧操作することができる。ここで、1回の押圧操作のことをシングルタップ操作、所定時間内の連続した押圧操作(2回)のことをダブルタップ操作、押圧したままのずらし操作のことをスライド操作、及び、上記シングルタップやダブルタップの後に続けて行われるずらし操作のことをタップ+スライド操作と定義する。シングルタップ操作はマウスのシングルクリック操作に相当し、ダブルタップ操作はマウスのダブルクリック操作に相当する。また、スライド操作は従来からのスクロール操作、すなわち、縦・横のGUIスクロールバーをマウスで動かす操作に相当する。
【0013】
図2は、第1の押圧感知部28の矩形状押圧面281(又は第2の押圧感知部29の矩形状押圧面291)に対して行われる押圧操作パターンの分類例を示す図である。
<スライド操作>
まず、スライド操作とは、(a)及び(b)に示すように、指先Uで矩形状押圧面281を押圧したままその指先をずらす操作である。(a)は上方へのスライド操作、(b)は下方へのスライド操作である。なお、ここで言う“上下”とは平面ディスプレイパネル22の上辺側を「上」、下辺側を「下」とする方向である。また、図示していないが第2の押圧感知部29の場合についても同様で、スライド操作とは、指先Uで矩形状押圧面291を押圧したままその指先をずらす操作であり、右方向へのスライド操作、左方向へのスライド操作を含み、同様に“右方向”、”左方向”とは平面ディスプレイパネル22の右辺側を「右」、左辺側を「左」とする方向である。
【0014】
<シングルタップ操作>
シングルタップ操作とは、(c)及び(d)に示すように、指先Uで矩形状押圧面281を1度だけ押圧する操作である。(c)は矩形状押圧面281の上部付近でのシングルタップ操作、(d)は矩形状押圧面281の下部付近でのシングルタップ操作である。“付近”とは、たとえば、矩形状押圧面281を長手方向に3等分したときのその1/3に入る領域とし、上部付近は、矩形状押圧面281の上部1/3、下部付近は、矩形状押圧面281の下部1/3である。
【0015】
また、図示していないが第2の押圧感知部29の場合についても同様で、シングルタップ操作とは、指先Uで矩形状押圧面291を1度だけ押圧する操作であり、矩形状押圧面291の右側付近でのシングルタップ操作、矩形状押圧面291の左側付近でのシングルタップ操作を含む。この場合においても“付近”とは、たとえば、矩形状押圧面291を長手方向に3等分したときのその1/3に入る領域とし、右側付近は、矩形状押圧面291の右側1/3、左側付近は、矩形状押圧面291の左側部1/3である。
【0016】
<ダブルタップ操作>
ダブルタップ操作とは、(e)、(f)及び(g)に示すように、指先Uで矩形状押圧面281を所定時間内に2度押圧する操作である。なお、(e)は矩形状押圧面281の上部付近へのダブルタップ操作、(f)は矩形状押圧面281の中央部付近へのダブルタップ操作、(g)は矩形状押圧面281の下部付近へのダブルタップ操作であり、上記シングルタップ操作と同様に“付近”とは、たとえば、第1の押圧感知部28の長手方向のタッチ面を3等分したときのその1/3に入る領域とすることができる。
【0017】
また、図示していないが第2の押圧感知部29の場合についても同様で、ダブルタップ操作とは、指先Uで矩形状押圧面291を所定時間内に2度押圧する操作であり、矩形状押圧面291の右側付近でのダブルタップ操作、矩形状押圧面291の左側付近でのダブルタップ操作を含む。この場合においても“付近”とは、たとえば、矩形状押圧面291を長手方向に3等分したときのその1/3に入る領域とし、右側付近は、矩形状押圧面291の右側1/3、左側付近は、矩形状押圧面291の左側部1/3である。
【0018】
<シングルタップ操作+スライド操作>
シングルタップ操作+スライド操作とは、(h)及び(i)に示すように、指先Uで矩形状押圧面281を1度押圧した後、ずらしを行う操作である。(h)及び(i)はタップの位置とずらしの方向が異なる。すなわち、(h)は矩形状押圧面281の上部付近でシングルタップを行った後、下方へのずらしを行う操作、(i)は矩形状押圧面281の下部付近でシングルタップを行った後、上方へのずらしを行う操作である。また、図示していないが第2の押圧感知部29の場合についても同様で、シングルタップ操作+スライド操作とは、指先Uで矩形状押圧面291を1度押圧した後、ずらしを行う操作である。
【0019】
図3は、電子機器20の簡略的な内部ブロック構成図である。この図において、30は当該電子機器20の各処理動作を制御するCPU(判定手段、再描画手段)、31は各動作処理を実行するにあたりワークメモリとしての機能を果たすRAM、32はCPU30で処理される各種ソフトウェアを記憶するROM、33は平面ディスプレイパネル22の表示態様を制御する表示制御部、34は平面ディスプレイパネル22の表示画面を覆う透明なタッチパネル、35はタッチパネル34のタッチ座標を検出する座標検出部(座標検出手段)、36は入出力インターフェース、37はバスである。
【0020】
CPU30は、ROM32にあらかじめ書き込まれているソフトウェアリソース(基本プログラムや各種の応用プログラムなど)をRAM31にロードして実行し、入出力インターフェース36を介して第1の押圧感知部28や第2の押圧処理部29、その他の入力装置36(各種の操作ボタン23〜27など)からの入力信号を取り込みながら、また、座標検出部35からのタッチパネル34のタッチ座標を取り込みながら、CPU30などのハードウェアリソースと上記のソフトウェアリソースとの結合によって様々な処理機能を実現し、その処理結果に従って、たとえば、表示制御部33を介して平面ディスプレイパネル22の表示態様を制御する。
【0021】
図4は、電子機器20の使用状態例を示す図である。この図において、(a)は、右手HRで電子機器20の右端部を保持しつつ左手HLのペン38で平面ディスプレイパネル22の画面上(タッチパネル34の表面)をタッチ(又はタッチしようと)している様子を示している。この場合、右手HRの操作指は第1の押圧感知部28の矩形状押圧面281に当接しており、所望に応じ、第1の押圧感知部28の矩形状押圧面281に対して、シングルタップ操作、ダブルタップ操作、スライド操作操作又はそれらの混在操作を行うことができる。
【0022】
また、(b)は、左手HLで電子機器20の左端部を保持しつつ右手HRのペン38で平面ディスプレイパネル22の画面上(タッチパネル34の表面)をタッチ(又はタッチしようと)している様子を示している。この場合、左手HLの操作指は第2の押圧感知部29の矩形状押圧面291に当接しており、所望に応じ、第2の押圧感知部29の矩形状押圧面291に対して、シングルタップ操作、ダブルタップ操作、スライド操作操作又はそれらの混在操作を行うことができる。
【0023】
図5は、第1の押圧感知部28と第2の押圧感知部29の一例を示す構造図である。第1の押圧感知部28は、電子回路として見た場合、(a)に示すように、ノーマリーオフ型のn個のスイッチ要素SW1、SW2、SW3、・・・・、SWnからなる回路で表される。そして各々のスイッチ要素SW1〜SWnの一方のスイッチ切片をそれぞれ端子Pv1、Pv2、Pv3、・・・・、Pvnに個別に接続し、且つ、全てのスイッチ要素SW1〜SWnの他方のスイッチ切片を共通の端子Pvcomに接続して構成する。
【0024】
また、第2の押圧感知部29の場合についても同様にn個のスイッチ要素SW1、SW2、SW3、・・・・、SWnからなる回路で表され、各々のスイッチ要素SW1〜SWnの一方のスイッチ切片をそれぞれ端子Ph1、Ph2、Ph3、・・・・、Phnに個別に接続し、且つ、全てのスイッチ要素SW1〜SWnの他方のスイッチ切片を共通の端子Phcomに接続して構成する。
【0025】
このような回路構成は、言うまでもなく様々な構造で実現することができる。たとえば、タクトスイッチの配列や静電誘導によるタッチスイッチであってもよく、あるいは(b)に示すような構造にしてもよい。すなわち、それぞれ絶縁体で構成された矩形状押圧面281(291)、28b(29b)の間に等間隔に弾性体28c(29c)を挟み込み、隣接する弾性体28c(29c)の間に一対の接点28d(29d)を配設し、弾性体28c(29c)の厚さLを定常時に接点28d(29d)が接触しない程度とし、且つ、ユーザによって押圧感知部281(291)が押し下げられたときにその厚さLを減じて接点28d(29d)が接触する程度とする。接点28d(29d)はそれぞれSW1、SW2、SW3、・・・・、SWnに相当し、その配列間隔Dは、ユーザの親指の大きさ程度である。
【0026】
この構造によれば、一方の絶縁体(図では上方の矩形状押圧面281(291))の任意位置をユーザの親指で押し下げたとき、その押し下げ部分に位置する一つないしは複数の接点28d(29d)がオン状態になる。したがって、たとえば、共通端子Pvcom(Phcom)に論理1に相当する所定電位を与えておけば、上記のオン状態にある接点28d(スイッチ要素SWi:iは1〜n)を介して端子Piから論理1を取り出すことができる。
【0027】
以下、説明を簡単化するために、スイッチ要素SWiの個数nを5個とすることとし、且つ、端子Pv1(Ph1)〜端子Pv5(Ph5)から取り出される信号を5ビットの信号列で現すことにし、さらに、端子Pv1(Ph1)から取り出される信号を最上位ビット、端子Pv5(Ph5)から取り出される信号を最下位ビットとすることにする。つまり、全てのスイッチ要素SW1〜SW5がオフ状態の時は端子Pv1(Ph1)〜Pv5(Ph5)からオール論理0の信号列(“00000”)が取り出され、左端のスイッチ要素SW1だけがオン状態となっている場合は、最上位ビットだけが論理1となる5ビットの信号列(“10000”)が端子Pv1(Ph1)〜Pv5(Ph5)から取り出される。
【0028】
図6は、ROM32のメモリマップ概念図である。ROM32はオペレーティングシステム(基本プログラムともいう)の格納領域32aやアプリケーションプログラム(応用プログラムともいう)の格納領域32bを有すると共に、さらに、本実施の形態に特有の処理を実現するための特有のプログラム(以下、便宜的に「拡大・縮小プログラム」という)の格納領域32cを有する。
【0029】
図7及び図8は、「拡大・縮小プログラム」の要部フローチャートを示す図である。このフローチャートでは、まず、画面がタッチされたか否かを判定する(ステップS11)。“画面”とは平面ディスプレイパネル22の表示画面を覆う透明なタッチパネル34のタッチ面のことである。つまり、このステップS11では、ペン38によってタッチパネル34がタッチされているか否かを判定する。なお、本明細書ではペン38によるタッチを想定しているが、これに限定されない。ペン38以外の“物”や指先でタッチしてもよい。画面がタッチされていない場合はフローチャートを終了し、タッチされている場合は、次に、そのタッチ位置が画像オブジェクト上であるか否かを判定する(ステップS12)。ここで、画像オブジェクトとは、ワープロソフト等のアプリケーション画面上の任意位置に張り付けられた写真等のイメージであって、且つ、それ自体が操作対象物(オブジェクト)となるもののことをいう。
【0030】
たとえば、図10(a)では、ワープロソフト等のアプリケーション画面39に画像オブジェクト40が張り付けられている。この画像オブジェクト40は、アプリケーション画面39内の文字列39a、39bなどと共にイメージ入りのドキュメントを構成する。今、図10(a)に示すように、画像オブジェクト40の、たとえば、左上位置Paをペン38でタッチすると、上記のステップS12の判定結果がYESとなり、一方、画像オブジェクト40以外の部分をタッチした場合や、どこもタッチしていない場合は上記のステップS12の判定結果がNOとなる。判定結果がNOの場合は、フローチャートを終了し、YESの場合は、次のステップに進んでスライド操作が行われたか否かを判定する(ステップS13)。
【0031】
スライド操作とは、先にも説明したとおり、第1の押圧感知部28の矩形状押圧面281に対して行われる上下方向の指先のずらしを伴う押圧操作のことをいう。または、第2の押圧感知部29の矩形状押圧面291に対して行われる左右方向の指先のずらしを伴う押圧操作のことをいう。
【0032】
スライド操作が行われていない場合はフローチャートを終了し、行われている場合は、スライド方向(上、左、下、右)の判定処理(ステップS14〜ステップS17)に移行し、その判定結果に応じて「拡大処理」(ステップS18)や「縮小処理」(ステップS19)を実行する。具体的には、図示のフローチャートでは、第1の押圧感知部28の矩形状押圧面281に対して行われる“上方向スライド操作”又は第2の押圧感知部29の矩形状押圧面291に対して行われる“左方向スライド操作”を判定すると、後述の「拡大処理」を実行し、また、第1の押圧感知部28の矩形状押圧面281に対して行われる“下方向スライド操作”又は第2の押圧感知部29の矩形状押圧面291に対して行われる“右方向スライド操作”を判定すると、後述の「縮小処理」を実行する。“上方向スライド操作”や“左方向スライド操作”は、発明の要旨に記載された“一の方向のスライド操作”に相当し、“下方向スライド操作”や“右方向スライド操作”は、発明の要旨に記載された“二の方向のスライド操作”に相当する。
【0033】
このように、“上方向スライド操作”又は“左方向スライド操作”に応答して「拡大処理」を実行する一方、“下方向スライド操作”又は“右方向スライド操作”に応答して「縮小処理」を実行するようにした理由は、ユーザの直感的な操作イメージに合致すると思われるからである。つまり、対象物(図10(a)の画像オブジェクト40を参照)に対して今から行おうとする“拡大”や“縮小”の操作と、各々のスライド方向との間に直感的な関係があると思われるからであるが、本発明の思想は、このようなスライド方向と拡大・縮小の方向との対応関係に限定されない。実際には多くのユーザの反応を試して適正な対応関係に設定すべきである。
【0034】
<拡大処理>
図9は、拡大処理のフローチャートを示す図である。このフローチャートでは、まず、タッチパネル34のタッチ座標を取得し、そのタッチ座標を拡大原点座標とする(ステップS18a)。タッチ座標とは、たとえば、図10(a)において、画像オブジェクト40の左上位置Paの座標である。次に、スライド操作量を取得し、そのスライド操作量から拡大率を求める(ステップS18b)。スライド操作量とは、たとえば、上方向スライド操作であれば、第1の押圧感知部28の矩形状押圧面281に対して行われた上方向への指先のずらし量のことをいい、又は、左方向スライド操作であれば、第2の押圧感知部29の矩形状押圧面291に対して行われた左方向への指先のずらし量のことをいう。ずらし量が多いほど、大きな拡大率となる。なお、ずらし量と拡大率の関係は、線形的な比例関係であってもよく、あるいは、ずらし量が大きくなるにつれて拡大率が非線形に増大する関係であってもよい。
【0035】
拡大率を求めると、次に、その拡大率に基づいて対象となる画像オブジェクト40の拡大量(縦横サイズ)を演算する(ステップS18c)。この演算は、たとえば、拡大率をAとし、画像オブジェクト40の元の横サイズをX、元の縦サイズをYとすると、「X×A=X′」及び「Y×A=Y′」で求める。ここに、X′は拡大後の画像オブジェクト40の横サイズ、Y′は拡大後の画像オブジェクト40の縦サイズである。最後に、それらのX′及びY′を適用し、画像オブジェクト40を再描画(ステップS18d)してフローチャートを終了する。
【0036】
図10は、拡大処理操作の一例を示す図である。この図において、画像オブジェクト40の任意位置(図では左上位置Pa)をペン38でタッチした後、右手HRの親指で第1の押圧感知部28の矩形状押圧面281を上方向スライド操作すると、画像オブジェクト40の横サイズXと縦サイズYがそのスライド操作量に応じて拡大され、その拡大後の横サイズX′及び縦サイズY′で画像オブジェクト40が再描画される。符号40′は再描画された画像オブジェクト40を示している。このように、本実施の形態によれば、所望の画像オブジェクト上をペン38でタッチした後、右手HRの親指で第1の押圧感知部28の矩形状押圧面281を上方向スライド操作したり、又は、図示を略すが、左手HLの親指で第2の押圧感知部29の矩形状押圧面291を左方向スライド操作したりするだけで、所望の画像オブジェクトを所望の倍率で拡大表示させることができる。したがって、従来のように、面倒なマウス操作を行う必要がないので、特に手持ち操作タイプの電子機器に適用して好適な拡大表示制御を実現することができる。
【0037】
<縮小処理>
図11は、縮小処理のフローチャートを示す図である。このフローチャートでは、まず、タッチパネル34のタッチ座標を取得し、そのタッチ座標を縮小原点座標とする(ステップS19a)。タッチ座標とは、たとえば、図12(a)において、画像オブジェクト40の左上位置Pbの座標である。次に、スライド操作量を取得し、そのスライド操作量から縮小率を求める(ステップS19b)。スライド操作量とは、たとえば、下方向スライド操作であれば、第1の押圧感知部28の矩形状押圧面281に対して行われた下方向への指先のずらし量のことをいい、又は、右方向スライド操作であれば、第2の押圧感知部29の矩形状押圧面291に対して行われた右方向への指先のずらし量のことをいう。ずらし量が多いほど、大きな縮小率となる。なお、ずらし量と縮小率の関係は、線形的な比例関係であってもよく、あるいは、ずらし量が大きくなるにつれて縮小率が非線形に増大する関係であってもよい。
【0038】
縮小率を求めると、次に、その縮小率に基づいて対象となる画像オブジェクト40の縮小量(縦横サイズ)を演算する(ステップS19c)。この演算は、たとえば、縮小率をBとし、画像オブジェクト40の元の横サイズをX、元の縦サイズをYとすると、「X×B=X′」及び「Y×B=Y′」で求める。ここに、X′は縮小後の画像オブジェクト40の横サイズ、Y′は縮小後の画像オブジェクト40の縦サイズである。最後に、それらのX′及びY′を適用し、画像オブジェクト40を再描画(ステップS19d)してフローチャートを終了する。
【0039】
図12は、縮小処理操作の一例を示す図である。この図において、画像オブジェクト40の任意位置(図では左上位置Pb)をペン38でタッチした後、右手HRの親指で第1の押圧感知部28の矩形状押圧面281を下方向スライド操作すると、画像オブジェクト40の横サイズXと縦サイズYがそのスライド操作量に応じて縮小され、その縮小後の横サイズX′及び縦サイズY′で画像オブジェクト40が再描画される。符号40′は再描画された画像オブジェクト40を示している。このように、本実施の形態によれば、所望の画像オブジェクト上をペン38でタッチした後、右手HRの親指で第1の押圧感知部28の矩形状押圧面281を下方向スライド操作したり、又は、図示を略すが、左手HLの親指で第2の押圧感知部29の矩形状押圧面291を右方向スライド操作したりするだけで、所望の画像オブジェクトを所望の倍率で縮小表示させることができる。したがって、従来のように、面倒なマウス操作を行う必要がないので、特に手持ち操作タイプの電子機器に適用して好適な縮小表示制御を実現することができる。
【0040】
なお、以上の説明では、拡大・縮小対象の画像オブジェクト40の左上位置Pa、Pbを拡大・縮小の原点位置座標としたが、これに限定されない。画像オブジェクト40の上であればどこでもよい。
図13は、その一例を示す図であり、画像オブジェクト40のほぼ中央位置Pcを拡大・縮小の基準(ペン38によるタッチ位置)とする例である。この場合、画像オブジェクト40の拡大・縮小処理は、中央位置Pcを原点位置座標として実行される。つまり、スライド量に応じて中央位置Pcからの縦・横の拡大率を求め、その拡大率を適用して画像オブジェクト40を再描画することにより、拡大後の画像オブジェクト41が得られる。あるいは、スライド量に応じて中央位置Pcからの縦・横の縮小率を求め、その縮小率を適用して画像オブジェクト40を再描画することにより、縮小後の画像オブジェクト42が得られる。
【0041】
【発明の効果】
本発明によれば、表示手段に表示されている画像オブジェクト上をタッチした後、メカニカルスライドバーをスライド操作するだけで、そのスライド方向とスライド量に応じて前記画像オブジェクトが拡大・縮小され再描画される。
したがって、従来例のような煩雑なマウス操作を必要としないので、とりわけ、手持ち操作タイプの電子機器において、画面上に表示された画像オブジェクトを簡単な操作で拡大・縮小できる電子機器及びその表示制御方法を提供することができる。
【図面の簡単な説明】
【図1】本発明を適用する電子機器の外観図である。
【図2】第1の押圧感知部28の矩形状押圧面281(又は第2の押圧感知部29の矩形状押圧面291)に対して行われる押圧操作パターンの分類例を示す図である。
【図3】電子機器20の簡略的な内部ブロック構成図である。
【図4】電子機器20の使用状態例を示す図である。
【図5】第1の押圧感知部28と第2の押圧感知部29の一例を示す構造図である。
【図6】ROM32のメモリマップ概念図である。
【図7】「拡大・縮小プログラム」の要部フローチャートを示す図(1/2)である。
【図8】「拡大・縮小プログラム」の要部フローチャートを示す図(2/2)である。
【図9】拡大処理のフローチャートを示す図である。
【図10】拡大処理操作の一例を示す図である。
【図11】縮小処理のフローチャートを示す図である。
【図12】縮小処理操作の一例を示す図である。
【図13】画像オブジェクト40のほぼ中央位置Pcを拡大・縮小の基準(ペン38によるタッチ位置)とする例を示す図である。
【符号の説明】
SW1〜SWn スイッチ要素
20 電子機器
22 平面ディスプレイパネル(表示手段)
28 第1の押圧感知部(メカニカルスライドバー)
29 第2の押圧感知部(メカニカルスライドバー)
30 CPU(判定手段、再描画手段)
34 タッチパネル
35 座標検出部(座標検出手段)
40 画像オブジェクト
281 矩形状押圧面
291 矩形状押圧面
[0001]
BACKGROUND OF THE INVENTION
The present invention relates to an electronic device and a display control method thereof. Specifically, the present invention relates to display control related to enlargement / reduction of an image object displayed on a screen, and particularly to an electronic device intended to improve the operability of enlargement / reduction in an electronic device operated by hand and a display control method thereof. .
[0002]
[Prior art]
2. Description of the Related Art Conventionally, document creation application software (so-called word processing software) that operates on a personal computer has a function of enlarging / reducing an image object displayed on a screen to a desired magnification for easy viewing. A typical example is that a list box for selecting an enlargement / reduction ratio is displayed on a menu bar on the screen (see Non-Patent Document 1, for example). According to this, when the user points to the list box with the mouse and selects a desired magnification, the origin position on the screen (in general, in the word processor software, the upper left corner position of the word processor editing screen) is used as a reference. The entire screen is enlarged or reduced at the selected magnification.
[0003]
Therefore, when expanding an arbitrary image object from 100% to 120%, for example,
(1) Set the upper left corner position of the image object to the origin position.
(2) Select “120%” using the mouse to select the enlargement / reduction ratio selection list box on the menu bar.
By continuously performing the above operations, the target image object can be enlarged and displayed at a desired magnification (in this case, 100% → 120%).
[0004]
[Non-Patent Document 1]
Aichi University Toyohashi Information Processing Center, “Introduction to MS-Word, Basic Operation Method and Explanation of Main Buttons”, [online], [November 21, 2002 Search], Internet <URL: http: // tcweb. aichi-u.ac.jp/Manual/word/basic.htm>
[0005]
[Problems to be solved by the invention]
However, in such a conventional enlargement / reduction method, the GUI (Graphical User Interface) scroll bar (the right end of the editing screen) is used to “match the upper left corner position of the image object to the origin position” in (1). And vertical / horizontal scroll bar controls displayed at the bottom) need to be operated with the mouse. For example, if the target image object is located in the middle of the editing screen, the vertical / horizontal scrolling Since both the bar controls must be operated with the mouse, there is a disadvantage that the complicated operation is forced in combination with the mouse operation described in (2) above. Has the problem of getting worse.
[0006]
Therefore, the problem to be solved by the present invention is to provide an electronic device capable of enlarging / reducing an image object displayed on a screen with a simple operation and a display control method therefor in a handheld electronic device. .
[0007]
[Means for Solving the Problems]
  An electronic apparatus according to the present invention includes a display unit with a touch panel, a coordinate detection unit that detects touch coordinates of the touch panel, andIn the electronic apparatus comprising: a first press sensing unit having a rectangular pressing surface extending in the longitudinal direction along the vertical side of the display means; and the longitudinal direction along the horizontal side of the display means A second press sensing portion having a rectangular pressing surface extending, and a mechanical slide bar that can be slid by a user;A determination unit that determines whether or not the touch coordinates detected by the coordinate detection unit are located on an image object displayed on the display unit; and a determination result of the determination unit is affirmative and the mechanical Redrawing means for redrawing the image object at an enlargement rate or reduction rate according to the slide amount when the slide bar is slid.
  orThe first and second pressure sensing units are each configured by arranging a plurality of switch elements at equal intervals in the longitudinal direction.
  A display control method according to the present invention includes a display unit with a touch panel, a coordinate detection unit that detects touch coordinates of the touch panel,A first press sensing portion having a rectangular pressing surface extending in the longitudinal direction along the vertical side of the display means; and a rectangular pressing extending in the longitudinal direction along the horizontal side of the display means. A second pressing sensor having a surface,A display control method applied to an electronic apparatus including a mechanical slide bar that can be slid by a user, wherein touch coordinates detected by the coordinate detection unit are positioned on an image object displayed on the display unit A determination step for determining whether or not the image object is determined, and when the determination result of the determination step is affirmative and the mechanical slide bar is slid, the image object is enlarged or reduced according to the slide amount. A redrawing step for redrawing.
  ThisIn these inventions, after touching the image object displayed on the display means, only by sliding the mechanical slide bar, the image object is enlarged / reduced and redrawn according to the slide direction and slide amount. Is done.
  Therefore, since a complicated mouse operation as in the conventional example is not required, in particular, in an electronic device of a hand-held operation type, an electronic device capable of enlarging / reducing an image object displayed on a screen and a display control thereof A method can be provided.
[0008]
DETAILED DESCRIPTION OF THE INVENTION
Hereinafter, embodiments of the present invention will be described with reference to the drawings. It should be noted that the specific details or examples in the following description and the illustrations of numerical values, character strings, and other symbols are only for reference in order to clarify the idea of the present invention, and the present invention may be used in whole or in part. Obviously, the idea of the invention is not limited. In addition, a well-known technique, a well-known procedure, a well-known architecture, a well-known circuit configuration, and the like (hereinafter, “well-known matter”) are not described in detail, but this is also to simplify the description. Not all or part of the matter is intentionally excluded. Such well-known matters are known to those skilled in the art at the time of filing of the present invention, and are naturally included in the following description.
[0009]
FIG. 1 is an external view of an electronic apparatus to which the present invention is applied. In this figure, the device main body 21 of the electronic device 20 has a portable display screen-integrated thin shape. On the surface of the device main body 21, a flat display panel 22 (display means) with a touch panel 34 such as an LCD (Liquid Crystal Display) or ELD (Electro Luminescence Display) and various operation buttons 23 to 27 are arranged. A first press sensor 28 and a second press sensor 29 which are one of the elements peculiar to the present embodiment are arranged.
[0010]
Each of the first pressure sensing unit 28 and the second pressure sensing unit 29 has a rectangular pressure sensing surface (hereinafter referred to as “rectangular pressure surfaces 281 and 291”) on the surface thereof. The first press sensing unit 28 and the second press sensing unit 29 will be apparent from the following description, but the user's press operation patterns (single tap operation, double tap operation, slide) on the rectangular press surfaces 281, 291. It functions as a mechanical input device for detecting operations and mixed operations thereof. The first pressure sensing unit 28 and the second pressure sensing unit 29 mechanically perform the same function as a conventional GUI scroll bar, particularly when detecting a slide operation. It is equivalent.
[0011]
A preferable layout position of the first press sensing unit 28 is that when the device main body 21 is held by the user, the pressing surface (rectangular pressing surface 281) is the operating finger (operating finger → thumb) of the user's right hand. The same applies hereinafter), and the position is easy to operate in the vertical direction (vertical direction in the drawing). That is, in the illustrated example, it is a position where the longitudinal direction of the rectangular pressing surface 281 extends along the right side of the flat display panel 22. On the other hand, the preferred layout position of the second press sensing unit 29 is such that when the device main body 21 is held by the user, the pressing surface (rectangular pressing surface 291) is laterally moved with the operating finger of the user's left hand (left and right of the drawing It is easy to operate in the direction). That is, in the illustrated example, the longitudinal direction of the rectangular pressing surface 291 extends along the lower side of the flat display panel 22.
[0012]
The user can press one or both of the rectangular pressing surfaces 281 and 291 with an operating finger. Here, a single pressing operation is a single tap operation, a continuous pressing operation (twice) within a predetermined time is a double tap operation, a shifting operation while being pressed is a sliding operation, and the above single operation A shifting operation performed after a tap or double tap is defined as a tap + slide operation. A single tap operation corresponds to a single click operation of a mouse, and a double tap operation corresponds to a double click operation of a mouse. The slide operation corresponds to a conventional scroll operation, that is, an operation of moving a vertical / horizontal GUI scroll bar with a mouse.
[0013]
FIG. 2 is a diagram illustrating a classification example of the pressing operation patterns performed on the rectangular pressing surface 281 of the first press sensing unit 28 (or the rectangular pressing surface 291 of the second press sensing unit 29).
<Slide operation>
First, the slide operation is an operation of moving the fingertip while pressing the rectangular pressing surface 281 with the fingertip U as shown in FIGS. (A) is an upward sliding operation, and (b) is a downward sliding operation. Here, “upper and lower” refers to a direction in which the upper side of the flat display panel 22 is “upper” and the lower side is “lower”. Although not shown, the same applies to the case of the second press sensing unit 29. The slide operation is an operation of moving the fingertip while pressing the rectangular pressing surface 291 with the fingertip U, and is directed to the right. Similarly, “right direction” and “left direction” are directions in which the right side of the flat display panel 22 is “right” and the left side is “left”.
[0014]
<Single tap operation>
The single tap operation is an operation of pressing the rectangular pressing surface 281 only once with the fingertip U as shown in (c) and (d). (C) is a single tap operation near the upper part of the rectangular pressing surface 281, and (d) is a single tap operation near the lower part of the rectangular pressing surface 281. “Near” is, for example, a region that is one third of the rectangular pressing surface 281 divided into three equal parts in the longitudinal direction, and the upper portion is the upper third of the rectangular pressing surface 281 and the lower portion is the vicinity. The lower one third of the rectangular pressing surface 281.
[0015]
Although not shown, the same applies to the case of the second pressure sensing unit 29. The single tap operation is an operation of pressing the rectangular pressing surface 291 with the fingertip U only once, and the rectangular pressing surface 291. Single-tap operation near the right side of, and single-tap operation near the left side of the rectangular pressing surface 291. Also in this case, “near” means, for example, a region that enters a third of the rectangular pressing surface 291 when the rectangular pressing surface 291 is equally divided into three in the longitudinal direction, and the vicinity of the right side is the right third of the rectangular pressing surface 291. The vicinity of the left side is the left side 1/3 of the rectangular pressing surface 291.
[0016]
<Double tap operation>
The double tap operation is an operation of pressing the rectangular pressing surface 281 twice with a fingertip U within a predetermined time as shown in (e), (f), and (g). (E) is a double tap operation near the upper part of the rectangular pressing surface 281, (f) is a double tap operation near the center of the rectangular pressing surface 281, and (g) is a lower part of the rectangular pressing surface 281. This is a double tap operation to the vicinity. Like the single tap operation, “near” is, for example, 1/3 when the longitudinal touch surface of the first press sensor 28 is divided into three equal parts. Can be an area.
[0017]
Although not shown, the same applies to the case of the second press sensing unit 29. The double tap operation is an operation of pressing the rectangular pressing surface 291 twice with a fingertip U within a predetermined time. A double tap operation near the right side of the pressing surface 291 and a double tap operation near the left side of the rectangular pressing surface 291 are included. Also in this case, “near” means, for example, a region that enters a third of the rectangular pressing surface 291 when the rectangular pressing surface 291 is equally divided into three in the longitudinal direction, and the vicinity of the right side is the right third of the rectangular pressing surface 291. The vicinity of the left side is the left side 1/3 of the rectangular pressing surface 291.
[0018]
<Single tap operation + slide operation>
The single tap operation + slide operation is an operation of shifting after pressing the rectangular pressing surface 281 with the fingertip U once as shown in (h) and (i). (H) and (i) have different tap positions and shifting directions. That is, (h) is a single tap operation near the upper part of the rectangular pressing surface 281 and then a downward shift operation, and (i) is a single tap operation near the lower part of the rectangular pressing surface 281, This is an operation for shifting upward. Although not shown, the same applies to the case of the second press sensing unit 29. The single tap operation + slide operation is an operation of pressing the rectangular pressing surface 291 once with the fingertip U and then shifting it. is there.
[0019]
FIG. 3 is a simplified internal block configuration diagram of the electronic device 20. In this figure, 30 is a CPU (determination means, redrawing means) for controlling each processing operation of the electronic device 20, 31 is a RAM that functions as a work memory in executing each operation processing, and 32 is a processing performed by the CPU 30. ROM for storing various software, 33 a display control unit for controlling the display mode of the flat display panel 22, 34 a transparent touch panel covering the display screen of the flat display panel 22, and 35 for detecting touch coordinates of the touch panel 34 A coordinate detection unit (coordinate detection means), 36 is an input / output interface, and 37 is a bus.
[0020]
The CPU 30 loads and executes software resources (basic programs, various application programs, etc.) written in advance in the ROM 32 to the RAM 31 and executes the first press sensing unit 28 and the second press via the input / output interface 36. Hardware resources such as the CPU 30 while capturing input signals from the processing unit 29 and other input devices 36 (such as various operation buttons 23 to 27) and capturing touch coordinates of the touch panel 34 from the coordinate detection unit 35 Are combined with the above-described software resources to realize various processing functions, and the display mode of the flat display panel 22 is controlled, for example, via the display control unit 33 according to the processing results.
[0021]
FIG. 4 is a diagram illustrating an example of a usage state of the electronic device 20. In this figure, (a) touches (or attempts to touch) the screen of the flat display panel 22 (the surface of the touch panel 34) with the pen 38 of the left hand HL while holding the right end of the electronic device 20 with the right hand HR. It shows how it is. In this case, the operating finger of the right hand HR is in contact with the rectangular pressing surface 281 of the first press sensing unit 28, and is single-ended with respect to the rectangular pressing surface 281 of the first press sensing unit 28 as desired. A tap operation, a double tap operation, a slide operation operation, or a mixed operation thereof can be performed.
[0022]
Further, (b) touches (or tries to touch) the screen of the flat display panel 22 (the surface of the touch panel 34) with the pen 38 of the right hand HR while holding the left end portion of the electronic device 20 with the left hand HL. It shows a state. In this case, the operating finger of the left hand HL is in contact with the rectangular pressing surface 291 of the second press sensing unit 29 and, if desired, the operating finger of the left hand HL can be single with respect to the rectangular pressing surface 291 of the second press sensing unit 29. A tap operation, a double tap operation, a slide operation operation, or a mixed operation thereof can be performed.
[0023]
FIG. 5 is a structural diagram illustrating an example of the first press sensing unit 28 and the second press sensing unit 29. When viewed as an electronic circuit, the first press sensing unit 28 is a circuit composed of normally-off type n switch elements SW1, SW2, SW3,..., SWn, as shown in FIG. expressed. Then, one switch segment of each switch element SW1 to SWn is individually connected to terminals Pv1, Pv2, Pv3,..., Pvn, and the other switch segment of all switch elements SW1 to SWn is shared. And connected to the terminal Pvcom.
[0024]
Similarly, the second press sensing unit 29 is represented by a circuit composed of n switch elements SW1, SW2, SW3,..., SWn, and one switch of each switch element SW1 to SWn. Each of the intercepts is individually connected to terminals Ph1, Ph2, Ph3,..., Phn, and the other switch intercept of all the switch elements SW1 to SWn is connected to a common terminal Phcom.
[0025]
Needless to say, such a circuit configuration can be realized with various structures. For example, a tact switch arrangement or a touch switch by electrostatic induction may be used, or a structure as shown in FIG. That is, the elastic bodies 28c (29c) are sandwiched at equal intervals between the rectangular pressing surfaces 281 (291) and 28b (29b) each made of an insulator, and a pair of elastic bodies 28c (29c) are sandwiched between them. When the contact point 28d (29d) is disposed, the thickness L of the elastic body 28c (29c) is set to such an extent that the contact point 28d (29d) does not come into contact with the steady state, and the pressing sensor 281 (291) is pushed down by the user The thickness L is reduced so that the contact point 28d (29d) comes into contact. The contacts 28d (29d) correspond to SW1, SW2, SW3,..., SWn, respectively, and the arrangement interval D is about the size of the user's thumb.
[0026]
According to this structure, when an arbitrary position of one insulator (the upper rectangular pressing surface 281 (291) in the figure) is pressed down by the user's thumb, one or a plurality of contacts 28d positioned at the pressed-down portion. (29d) is turned on. Therefore, for example, if a predetermined potential corresponding to logic 1 is given to the common terminal Pvcom (Phcom), the logic from the terminal Pi via the contact 28d (switch element SWi: i is 1 to n) in the above-described ON state. 1 can be taken out.
[0027]
Hereinafter, in order to simplify the description, the number n of the switch elements SWi is assumed to be five, and the signals extracted from the terminals Pv1 (Ph1) to Pv5 (Ph5) are represented by a 5-bit signal string. Furthermore, the signal extracted from the terminal Pv1 (Ph1) is the most significant bit, and the signal extracted from the terminal Pv5 (Ph5) is the least significant bit. That is, when all the switch elements SW1 to SW5 are in the OFF state, the all-logic 0 signal string (“00000”) is taken out from the terminals Pv1 (Ph1) to Pv5 (Ph5), and only the leftmost switch element SW1 is in the ON state. In this case, a 5-bit signal sequence (“10000”) in which only the most significant bit is logic 1 is taken out from the terminals Pv1 (Ph1) to Pv5 (Ph5).
[0028]
FIG. 6 is a conceptual diagram of a memory map of the ROM 32. The ROM 32 has a storage area 32a of an operating system (also referred to as a basic program) and a storage area 32b of an application program (also referred to as an application program), and further a specific program (a program for realizing processing specific to the present embodiment). Hereinafter, the storage area 32c of “enlargement / reduction program” is referred to for convenience.
[0029]
7 and 8 are flowcharts showing the main part of the “enlargement / reduction program”. In this flowchart, first, it is determined whether or not the screen is touched (step S11). The “screen” is a touch surface of the transparent touch panel 34 that covers the display screen of the flat display panel 22. That is, in this step S11, it is determined whether or not the touch panel 34 is touched with the pen 38. In this specification, a touch with the pen 38 is assumed, but the present invention is not limited to this. You may touch with "thing" other than the pen 38, or a fingertip. If the screen is not touched, the flowchart is terminated. If the screen is touched, it is next determined whether or not the touch position is on the image object (step S12). Here, the image object refers to an image such as a photograph pasted at an arbitrary position on an application screen such as word processing software, and the image object itself is an operation object (object).
[0030]
For example, in FIG. 10A, an image object 40 is pasted on an application screen 39 such as word processing software. The image object 40 constitutes an image-containing document together with character strings 39a and 39b in the application screen 39. Now, as shown in FIG. 10A, for example, when the upper left position Pa of the image object 40 is touched with the pen 38, the determination result of the above step S12 becomes YES, while the part other than the image object 40 is touched. If it has been touched or nowhere is touched, the determination result in step S12 is NO. If the determination result is NO, the flowchart is ended, and if YES, the process proceeds to the next step to determine whether or not a slide operation has been performed (step S13).
[0031]
As described above, the sliding operation refers to a pressing operation with a fingertip shift in the vertical direction performed on the rectangular pressing surface 281 of the first press sensing unit 28. Alternatively, it refers to a pressing operation that involves shifting the fingertip in the horizontal direction performed on the rectangular pressing surface 291 of the second pressing sensing unit 29.
[0032]
If the slide operation is not performed, the flowchart is ended. If the slide operation is performed, the process proceeds to the determination process (step S14 to step S17) of the slide direction (up, left, down, right). Accordingly, “enlargement processing” (step S18) and “reduction processing” (step S19) are executed. Specifically, in the illustrated flowchart, the “upward slide operation” performed on the rectangular pressing surface 281 of the first press sensing unit 28 or the rectangular pressing surface 291 of the second press sensing unit 29. When the “left slide operation” performed is determined, the “enlargement process” described later is executed, and the “downward slide operation” performed on the rectangular pressing surface 281 of the first press sensing unit 28 or When “rightward slide operation” performed on the rectangular pressing surface 291 of the second press sensing unit 29 is determined, a “reduction process” described later is executed. “Upward sliding operation” and “leftward sliding operation” correspond to “one direction sliding operation” described in the gist of the invention, and “downward sliding operation” and “rightward sliding operation” are inventions. This corresponds to the “sliding operation in two directions” described in the summary.
[0033]
In this way, “enlargement processing” is executed in response to “upward slide operation” or “leftward slide operation”, while “reduction processing” is executed in response to “downward slide operation” or “rightward slide operation”. The reason for executing "" is that it seems to match the user's intuitive operation image. That is, there is an intuitive relationship between the “enlargement” and “reduction” operations to be performed on the object (see the image object 40 in FIG. 10A) and the respective slide directions. This is because the idea of the present invention is not limited to the correspondence between the slide direction and the enlargement / reduction direction. In practice, you should test the reactions of many users and set an appropriate correspondence.
[0034]
<Enlargement processing>
FIG. 9 is a diagram illustrating a flowchart of the enlargement process. In this flowchart, first, the touch coordinates of the touch panel 34 are acquired, and the touch coordinates are set as enlarged origin coordinates (step S18a). The touch coordinates are, for example, the coordinates of the upper left position Pa of the image object 40 in FIG. Next, a slide operation amount is acquired, and an enlargement ratio is obtained from the slide operation amount (step S18b). The slide operation amount refers to, for example, an upward fingertip shift amount performed on the rectangular pressing surface 281 of the first press sensing unit 28 in the case of an upward sliding operation, or In the case of a leftward sliding operation, it means the amount of fingertip displacement in the leftward direction performed on the rectangular pressing surface 291 of the second pressure sensing unit 29. The larger the shift amount, the larger the enlargement ratio. The relationship between the shift amount and the enlargement ratio may be a linear proportional relationship, or may be a relationship in which the enlargement ratio increases nonlinearly as the shift amount increases.
[0035]
Once the enlargement rate is obtained, the enlargement amount (vertical / horizontal size) of the target image object 40 is calculated based on the enlargement rate (step S18c). For example, if the enlargement ratio is A, the original horizontal size of the image object 40 is X, and the original vertical size is Y, “X × A = X ′” and “Y × A = Y ′”. Ask. Here, X ′ is the horizontal size of the image object 40 after enlargement, and Y ′ is the vertical size of the image object 40 after enlargement. Finally, X ′ and Y ′ are applied, the image object 40 is redrawn (step S18d), and the flowchart ends.
[0036]
FIG. 10 is a diagram illustrating an example of the enlargement processing operation. In this figure, after touching an arbitrary position (upper left position Pa in the figure) of the image object 40 with the pen 38 and then sliding the rectangular pressing surface 281 of the first pressing sensing unit 28 with the thumb of the right hand HR, The horizontal size X and the vertical size Y of the image object 40 are enlarged according to the slide operation amount, and the image object 40 is redrawn with the horizontal size X ′ and the vertical size Y ′ after the enlargement. Reference numeral 40 ′ represents the redrawn image object 40. As described above, according to the present embodiment, after touching the desired image object with the pen 38, the right-hand HR thumb slides the rectangular pressing surface 281 of the first pressing sensor 28 upward. Alternatively, although not shown, the desired image object can be enlarged and displayed at a desired magnification by simply sliding the rectangular pressing surface 291 of the second pressing sensor 29 leftward with the thumb of the left hand HL. Can do. Therefore, unlike conventional ones, it is not necessary to perform a troublesome mouse operation, and thus it is possible to realize a suitable enlarged display control particularly applied to a handheld operation type electronic device.
[0037]
<Reduction processing>
FIG. 11 is a diagram illustrating a flowchart of the reduction process. In this flowchart, first, the touch coordinates of the touch panel 34 are acquired, and the touch coordinates are set as reduced origin coordinates (step S19a). The touch coordinates are, for example, the coordinates of the upper left position Pb of the image object 40 in FIG. Next, a slide operation amount is acquired, and a reduction rate is obtained from the slide operation amount (step S19b). The slide operation amount refers to, for example, a downward fingertip shift amount performed on the rectangular pressing surface 281 of the first press sensing unit 28 in the case of a downward sliding operation, or In the case of a rightward sliding operation, it refers to the amount of fingertip shift in the right direction performed on the rectangular pressing surface 291 of the second press sensing unit 29. The larger the shift amount, the greater the reduction ratio. The relationship between the shift amount and the reduction rate may be a linear proportional relationship, or may be a relationship in which the reduction rate increases nonlinearly as the shift amount increases.
[0038]
Once the reduction ratio is obtained, the reduction amount (vertical / horizontal size) of the target image object 40 is calculated based on the reduction ratio (step S19c). In this calculation, for example, assuming that the reduction ratio is B, the original horizontal size of the image object 40 is X, and the original vertical size is Y, “X × B = X ′” and “Y × B = Y ′”. Ask. Here, X ′ is the horizontal size of the image object 40 after reduction, and Y ′ is the vertical size of the image object 40 after reduction. Finally, X ′ and Y ′ are applied, the image object 40 is redrawn (step S19d), and the flowchart ends.
[0039]
FIG. 12 is a diagram illustrating an example of the reduction processing operation. In this figure, after touching an arbitrary position (upper left position Pb in the figure) of the image object 40 with the pen 38 and then sliding down the rectangular pressing surface 281 of the first pressing sensor 28 with the thumb of the right hand HR, The horizontal size X and the vertical size Y of the image object 40 are reduced according to the slide operation amount, and the image object 40 is redrawn with the reduced horizontal size X ′ and vertical size Y ′. Reference numeral 40 ′ represents the redrawn image object 40. As described above, according to the present embodiment, after touching a desired image object with the pen 38, the right-hand HR thumb can be used to slide the rectangular pressing surface 281 of the first pressing sensing unit 28 downward. Alternatively, although not shown, the desired image object can be reduced and displayed at a desired magnification by simply sliding the rectangular pressing surface 291 of the second pressing sensor 29 to the right with the thumb of the left hand HL. Can do. Therefore, unlike conventional ones, it is not necessary to perform a troublesome mouse operation, and thus it is possible to realize a reduced display control suitable for application to a hand-held operation type electronic device.
[0040]
In the above description, the upper left positions Pa and Pb of the enlargement / reduction target image object 40 are the origin position coordinates for enlargement / reduction, but the present invention is not limited to this. It may be anywhere on the image object 40.
FIG. 13 is a diagram showing an example of this, and is an example in which a substantially central position Pc of the image object 40 is used as a reference for enlargement / reduction (touch position by the pen 38). In this case, the enlargement / reduction processing of the image object 40 is executed with the center position Pc as the origin position coordinates. That is, by obtaining the vertical and horizontal enlargement ratios from the center position Pc according to the slide amount, and applying the enlargement ratios to redraw the image object 40, the enlarged image object 41 is obtained. Alternatively, a reduced image object 42 is obtained by obtaining vertical and horizontal reduction ratios from the center position Pc according to the slide amount, and redrawing the image object 40 by applying the reduction ratios.
[0041]
【The invention's effect】
According to the present invention, after touching the image object displayed on the display unit, the image object is enlarged / reduced and redrawn according to the slide direction and the slide amount by simply sliding the mechanical slide bar. Is done.
Accordingly, since a complicated mouse operation as in the conventional example is not required, in particular, in a hand-held electronic device, an electronic device capable of enlarging / reducing an image object displayed on the screen by a simple operation and its display control A method can be provided.
[Brief description of the drawings]
FIG. 1 is an external view of an electronic apparatus to which the present invention is applied.
FIG. 2 is a diagram illustrating a classification example of pressing operation patterns performed on the rectangular pressing surface 281 of the first press sensing unit 28 (or the rectangular pressing surface 291 of the second press sensing unit 29).
3 is a simplified internal block configuration diagram of the electronic device 20. FIG.
4 is a diagram illustrating an example of a usage state of the electronic device 20. FIG.
FIG. 5 is a structural diagram showing an example of a first press sensing unit 28 and a second press sensing unit 29;
6 is a conceptual diagram of a memory map of a ROM 32. FIG.
FIG. 7 is a diagram (1/2) illustrating a main part flowchart of an “enlargement / reduction program”;
FIG. 8 is a diagram (2/2) showing a main part flowchart of an “enlargement / reduction program”;
FIG. 9 is a diagram illustrating a flowchart of an enlargement process.
FIG. 10 is a diagram illustrating an example of an enlargement processing operation.
FIG. 11 is a diagram illustrating a flowchart of a reduction process.
FIG. 12 is a diagram illustrating an example of a reduction processing operation.
13 is a diagram illustrating an example in which a substantially central position Pc of the image object 40 is used as a reference for enlargement / reduction (touch position by the pen 38). FIG.
[Explanation of symbols]
SW1 to SWn switch element
20 Electronic equipment
22 Flat display panel (display means)
28 First pressure sensing unit (mechanical slide bar)
29 Second pressure sensing unit (mechanical slide bar)
30 CPU (determination means, redrawing means)
34 Touch panel
35 Coordinate detection unit (coordinate detection means)
40 image objects
281 Rectangular pressing surface
291 Rectangular pressing surface

Claims (3)

タッチパネル付の表示手段と、
前記タッチパネルのタッチ座標を検出する座標検出手段とを備えた電子機器において、
前記表示手段の縦辺に沿ってその長手方向を延在する矩形状押圧面を有した第1の押圧感知部と、前記表示手段の横辺に沿ってその長手方向を延在する矩形状押圧面を有した第2の押圧感知部とを有し、ユーザによるスライド操作が可能なメカニカルスライドバーと、
前記座標検出手段によって検出されたタッチ座標が前記表示手段に表示されている画像オブジェクト上に位置しているか否かを判定する判定手段と、
前記判定手段の判定結果が肯定の場合で且つ前記メカニカルスライドバーがスライド操作された場合に該スライド量に応じた拡大率又は縮小率で前記画像オブジェクトを再描画する再描画手段と
を備えたことを特徴とする電子機器。
Display means with a touch panel;
In an electronic device comprising coordinate detection means for detecting touch coordinates of the touch panel ,
A first press sensing portion having a rectangular pressing surface extending in the longitudinal direction along the vertical side of the display means; and a rectangular pressing extending in the longitudinal direction along the horizontal side of the display means. A mechanical slide bar having a second press sensing unit having a surface and capable of being slid by a user;
Determining means for determining whether or not the touch coordinates detected by the coordinate detecting means are located on the image object displayed on the display means;
Redrawing means for redrawing the image object at an enlargement ratio or reduction ratio according to the slide amount when the determination result of the determination means is affirmative and the mechanical slide bar is slid. Electronic equipment characterized by
前記第1及び第2の押圧感知部は、各々、長手方向に複数のスイッチ要素を等間隔に配列して構成されたものであることを特徴とする請求項記載の電子機器。The first and second touch sensor, respectively, the electronic device according to claim 1, characterized in that constructed by arranging a plurality of switching element at an equal interval in the longitudinal direction. タッチパネル付の表示手段と、
前記タッチパネルのタッチ座標を検出する座標検出手段と、
前記表示手段の縦辺に沿ってその長手方向を延在する矩形状押圧面を有した第1の押圧感知部と、前記表示手段の横辺に沿ってその長手方向を延在する矩形状押圧面を有した第2の押圧感知部とを有し、ユーザによるスライド操作が可能なメカニカルスライドバーとを備えた電子機器に適用する表示制御方法であって、
前記座標検出手段によって検出されたタッチ座標が前記表示手段に表示されている画像オブジェクト上に位置しているか否かを判定する判定ステップと、
前記判定ステップの判定結果が肯定の場合で且つ前記メカニカルスライドバーがスライド操作された場合に該スライド量に応じた拡大率又は縮小率で前記画像オブジェクトを再描画する再描画ステップと
を含むことを特徴とする表示制御方法。
Display means with a touch panel;
Coordinate detection means for detecting touch coordinates of the touch panel;
A first press sensing portion having a rectangular pressing surface extending in the longitudinal direction along the vertical side of the display means; and a rectangular pressing extending in the longitudinal direction along the horizontal side of the display means. A display control method applied to an electronic device having a second slide sensing unit having a surface and a mechanical slide bar that can be slid by a user,
A determination step for determining whether or not the touch coordinates detected by the coordinate detection means are located on the image object displayed on the display means;
A redrawing step of redrawing the image object at an enlargement rate or reduction rate according to the slide amount when the determination result of the determination step is affirmative and the mechanical slide bar is slid. A characteristic display control method.
JP2002369520A 2002-12-20 2002-12-20 Electronic device and display control method thereof Expired - Fee Related JP4096727B2 (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2002369520A JP4096727B2 (en) 2002-12-20 2002-12-20 Electronic device and display control method thereof

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2002369520A JP4096727B2 (en) 2002-12-20 2002-12-20 Electronic device and display control method thereof

Publications (2)

Publication Number Publication Date
JP2004199555A JP2004199555A (en) 2004-07-15
JP4096727B2 true JP4096727B2 (en) 2008-06-04

Family

ID=32765718

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2002369520A Expired - Fee Related JP4096727B2 (en) 2002-12-20 2002-12-20 Electronic device and display control method thereof

Country Status (1)

Country Link
JP (1) JP4096727B2 (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103155534A (en) * 2010-09-27 2013-06-12 富士胶片株式会社 Image editing method and device, and image editing program

Families Citing this family (8)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US9030497B2 (en) 2005-06-30 2015-05-12 Nec Display Solutions, Ltd. Display device and arrangement method of OSD switches
JP5236862B2 (en) * 2005-06-30 2013-07-17 Necディスプレイソリューションズ株式会社 Display device
JP5429627B2 (en) * 2009-12-04 2014-02-26 日本電気株式会社 Mobile terminal, mobile terminal operation method, and mobile terminal operation program
US9678578B2 (en) 2011-10-03 2017-06-13 Furuno Electric Co., Ltd. Device having touch panel, display control program and display control method
JP2013161230A (en) * 2012-02-03 2013-08-19 Denso Corp Input device
US9870642B2 (en) 2012-08-10 2018-01-16 Here Global B.V. Method and apparatus for layout for augmented reality view
JP2015005182A (en) * 2013-06-21 2015-01-08 カシオ計算機株式会社 Input device, input method, program and electronic apparatus
EP3320535A4 (en) * 2015-07-06 2019-02-13 Enlighten Enterprises Inc. Light system

Cited By (2)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103155534A (en) * 2010-09-27 2013-06-12 富士胶片株式会社 Image editing method and device, and image editing program
CN103155534B (en) * 2010-09-27 2015-08-05 富士胶片株式会社 Image edit method and image editing apparatus

Also Published As

Publication number Publication date
JP2004199555A (en) 2004-07-15

Similar Documents

Publication Publication Date Title
US7477231B2 (en) Information display input device and information display input method, and information processing device
KR100235887B1 (en) Information processing method
KR100703771B1 (en) Apparatus and method for displaying input panel
JP4533943B2 (en) Information processing apparatus, display control method, and program
JP2009104268A (en) Coordinate detection device and operation method using touch panel
US5844561A (en) Information search apparatus and information search control method
US20110169760A1 (en) Device for control of electronic apparatus by manipulation of graphical objects on a multicontact touch screen
US20160370994A1 (en) Touch and Slide User Interface on Touch Sensitive Screen
US9870144B2 (en) Graph display apparatus, graph display method and storage medium
TWI434202B (en) Electronic apparatus with touch screen and associated displaying control method
EP2657811A1 (en) Touch input processing device, information processing device, and touch input control method
JP5664147B2 (en) Information processing apparatus, information processing method, and program
JP2003296015A (en) Electronic equipment
JPH11203044A (en) Information processing system
CN112148170B (en) Desktop element adjusting method and device and electronic equipment
US20140347276A1 (en) Electronic apparatus including touch panel, position designation method, and storage medium
JP2014238755A (en) Input system, input method, and smartphone
US11693556B2 (en) Creating tables using gestures
JP4096727B2 (en) Electronic device and display control method thereof
JP2011134273A (en) Information processor, information processing method, and program
JP2014197164A (en) Display device, display method and display program
JP4443395B2 (en) Input device
JP2001195170A (en) Portable electronic equipment, input controller and storage medium
JP4143529B2 (en) Information input device, information input method, computer program, and computer-readable storage medium
JP5330175B2 (en) Touchpad, information processing terminal, touchpad control method, and program

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20051207

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20071029

A521 Request for written amendment filed

Free format text: JAPANESE INTERMEDIATE CODE: A523

Effective date: 20071213

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

A61 First payment of annual fees (during grant procedure)

Free format text: JAPANESE INTERMEDIATE CODE: A61

Effective date: 20080303

R150 Certificate of patent or registration of utility model

Free format text: JAPANESE INTERMEDIATE CODE: R150

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20110321

Year of fee payment: 3

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20110321

Year of fee payment: 3

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20120321

Year of fee payment: 4

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20130321

Year of fee payment: 5

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20130321

Year of fee payment: 5

FPAY Renewal fee payment (event date is renewal date of database)

Free format text: PAYMENT UNTIL: 20140321

Year of fee payment: 6

LAPS Cancellation because of no payment of annual fees