特許 6369937 アイコン表示装置及びアイコン表示プログラム

(19)【発行国】日本国特許庁(JP)

(12)【公報種別】特許公報(B2)

(11)【特許番号】6369937

(24)【登録日】2018年7月20日

(45)【発行日】2018年8月8日

(54)【発明の名称】アイコン表示装置及びアイコン表示プログラム

(51)【国際特許分類】

   G06F 3/0481 20130101AFI20180730BHJP

   G06F 3/0488 20130101ALI20180730BHJP

【ＦＩ】

   G06F3/0481 170

   G06F3/0488

【請求項の数】11

【全頁数】13

(21)【出願番号】特願2014-182230(P2014-182230)

(22)【出願日】2014年9月8日

(65)【公開番号】特開2016-57747(P2016-57747A)

(43)【公開日】2016年4月21日

【審査請求日】2017年7月21日

(73)【特許権者】

【識別番号】000001410

【氏名又は名称】株式会社河合楽器製作所

(74)【代理人】

【識別番号】100092772

【弁理士】

【氏名又は名称】阪本 清孝

(74)【代理人】

【識別番号】100119688

【弁理士】

【氏名又は名称】田邉 壽二

(72)【発明者】

【氏名】勝田 雅則

【審査官】 岩橋 龍太郎

(56)【参考文献】

【文献】 米国特許出願公開第２００７／０１８６１７３（ＵＳ，Ａ１）

【文献】 特開２０１３−２４６７２７（ＪＰ，Ａ）

【文献】 特開２０１２−０８３８０１（ＪＰ，Ａ）

【文献】 特開２０１２−１３７８２２（ＪＰ，Ａ）

【文献】 特開平０９−１６０７３９（ＪＰ，Ａ）

【文献】 特開２００４−０８６２７４（ＪＰ，Ａ）

【文献】 特開２０１２−２５２３８４（ＪＰ，Ａ）

(58)【調査した分野】（Int.Cl.，ＤＢ名）

Ｇ０６Ｆ ３／０１− ３／０４８９

Ｇ０６Ｆ ３／１４− ３／１５３

(57)【特許請求の範囲】

【請求項1】

ディスプレイ画面にコマンド用アイコンを表示する装置であって、
閉塞されたコントロール枠内の中央に移動する選択アイコンと、前記選択アイコンを中心として前記コントロール枠内の周囲の定位置に退避する非選択アイコンと、前記コントロール枠内におけるなぞり操作によるアイコン移動とを表示するコントロール画像生成部と、
前記なぞり操作及びその移動方向を検出するドラッグ移動検出部と、を備え、
前記コントロール画像生成部は、
前記なぞり操作の移動方向元に対応する非選択アイコンが中央に引き出された場合に、同時に中央に表示されていた前記選択アイコンが前記コントロール枠の周囲の定位置に退避して非選択アイコンとなるよう表示する
ことを特徴とするアイコン表示装置。

【請求項2】

前記非選択アイコンは、その一部が前記コントロール枠内に表示される請求項１に記載のアイコン表示装置。

【請求項3】

前記非選択アイコンは、前記選択アイコンに比較して小さく表示される請求項１に記載のアイコン表示装置。

【請求項4】

前記非選択アイコンは、前記選択アイコンに比較して透過率を高くして表示される請求項１に記載のアイコン表示装置。

【請求項5】

前記各アイコンの前記定位置を、前記コントロール枠内の周囲に等間隔に配置する請求項１に記載のアイコン表示装置。

【請求項6】

前記コントロール枠を円形とした請求項１に記載のアイコン表示装置。

【請求項7】

前記なぞり操作中において、前記選択アイコンは連続して小さくなるよう表示され、前記定位置で非選択アイコンに変わる最小化位置となる請求項３に記載のアイコン表示装置。

【請求項8】

前記なぞり操作中において、前記選択アイコンは連続して透過率が高くなるよう表示され、前記定位置で非選択アイコンに変わる最大透過率位置となる請求項４に記載のアイコン表示装置。

【請求項9】

前記非選択アイコンが前記コントロール枠の中央に移動して選択アイコンに変わり、それと同時に前記選択アイコンのコマンドが実行される請求項１に記載のアイコン表示装置。

【請求項10】

前記ディスプレイ画面においてタップ操作を検出するタップ検出部を備え、
前記選択アイコンがタップ操作された時に、前記選択アイコンのコマンドが実行される請求項１に記載のアイコン表示装置。

【請求項11】

請求項１乃至請求項１０のいずれかに記載のアイコン表示装置を動作させるためのプログラムであって、前記各部をコンピュータ上に構築することを特徴とするアイコン表示プログラム。

【発明の詳細な説明】

【技術分野】

【0001】

本発明は、情報端末のディスプレイ画面に表示されるコマンド用アイコンの表示に関し、限られた面積の画面において、複数のコマンド機能を有するアイコンを操作性良好に表示するアイコン表示装置及びアイコン表示プログラムに関する。

【背景技術】

【0002】

スマートフォン等の携帯型の情報端末においては、ディプレイ画面に複数のコマンド用アイコンを表示し、タップ操作によりアイコンを選択することで、コマンド機能が実行される。また、情報端末上で各種のアプリを動作させるような場合についても、動作したアプリによるディスプレイ画面に表示されたコマンド用アイコンを選択することで、コマンド機能が実行される。

【0003】

例えば、情報端末上で楽譜の編集作業を行うようなアプリを動作させた場合、ディスプレイ画面に多数のコマンド用アイコンをタッチ操作に支障のない大きさを確保して配置すると、主たる編集機能のための画面領域が狭くなって作業がやり難いという課題が存在した。特に、タブレット型端末に比べて画面が小さいスマートフォンでは、画面設計自体がより困難になる。

【0004】

また、特許文献１には、ディプレイ画面が限られた情報端末の文字入力に関し、入力文字列に基づき複数の確定文字列候補を表示する場合に、候補文字列を円周上に表示し、ユーザーによるドラッグ回転操作により選択する手法が開示されている。

【先行技術文献】

【特許文献】

【0005】

【特許文献1】特開２０１３−３８０２号公報

【発明の概要】

【発明が解決しようとする課題】

【0006】

上述したアイコン表示であると、操作に支障ない大きさを確保するとともに、主たる編集機能のための画面領域を確保した場合、一画面の領域に全てのアイコンが表示できなくので、アイコン表示について階層的な複数画面表示を行う等の処理が必要となり、アイコン選択するまでの操作が煩雑になるという問題があった。

【0007】

本発明は上記事情に鑑みて提案されたもので、情報端末においてアイコン表示を行うディスプレイ画面の領域が限定されていても、複数アイコンを操作性良く表示することが可能なアイコン表示装置及びアイコン表示プログラムを提供することを目的としている。

【課題を解決するための手段】

【0008】

上記目的を達成するため本発明の請求項１に係るアイコン表示装置は、ディスプレイ画面にコマンド用アイコンを表示する装置であって、
閉塞されたコントロール枠内の中央に移動する選択アイコンと、前記選択アイコンを中心として前記コントロール枠内の周囲の定位置に退避する非選択アイコンと、前記コントロール枠内におけるなぞり操作（ドラッグ、スワイプ、フリップ）によるアイコン移動とを表示するコントロール画像生成部と、
前記なぞり操作及びその移動方向を検出するドラッグ移動検出部と、を備え、
前記コントロール画像生成部は、
前記なぞり操作の移動方向元に対応する非選択アイコンが中央に引き出された場合に、同時に中央に表示されていた前記選択アイコンが前記コントロール枠の周囲の定位置に退避して非選択アイコンとなるよう表示する
ことを特徴としている。

【0009】

請求項２は、請求項１のアイコン表示装置において、
前記非選択アイコンは、その一部が前記コントロール枠内に表示される
ことを特徴としている。

【0010】

請求項３は、請求項１のアイコン表示装置において、
前記非選択アイコンは、前記選択アイコンに比較して小さく表示される
ことを特徴としている。

【0011】

請求項４は、請求項１のアイコン表示装置において、
前記非選択アイコンは、前記選択アイコンに比較して透過率を高くして表示される
ことを特徴としている。

【0012】

請求項５は、請求項１のアイコン表示装置において、
前記各アイコンの前記定位置を、前記コントロール枠内の周囲に等間隔に配置する
ことを特徴としている。

【0013】

請求項６は、請求項１のアイコン表示装置において、
前記コントロール枠を円形とした
ことを特徴としている。

【0014】

請求項７は、請求項３のアイコン表示装置において、
前記なぞり操作中において、前記選択アイコンは連続して小さくなるよう表示され、前記定位置で非選択アイコンに変わる最小化位置となる
ことを特徴としている。

【0015】

請求項８は、請求項４のアイコン表示装置において、
前記なぞり操作中において、前記選択アイコンは連続して透過率が高くなるよう表示され、前記定位置が非選択アイコンに変わる最大透過率位置となる
ことを特徴としている。

【0016】

請求項９は、請求項１のアイコン表示装置において、
前記非選択アイコンが前記コントロール枠の中央に移動して選択アイコンに変わり、それと同時に前記選択アイコンのコマンドが実行される
ことを特徴としている。

【0017】

請求項１０は、請求項１のアイコン表示装置において、
前記ディスプレイ画面においてタップ操作を検出するタップ検出部を備え、
前記選択アイコンがタップ操作された時に、前記選択アイコンのコマンドが実行される
ことを特徴としている。

【0018】

請求項１１のアイコン表示プログラムは、請求項１乃至請求項１０のいずれかに記載のアイコン表示装置を動作させるためのプログラムであって、前記各部をコンピュータ上に構築することを特徴としている。

【発明の効果】

【0019】

請求項１のアイコン表示装置によれば、ディスプレイ画面のコントロール枠内に選択アイコンと複数の非選択アイコンを表示し、コントロール枠内でなぞり操作を行うことで、移動方向元に対応する非選択アイコンが中央に引き出され、同時に中央に表示されていた選択アイコンが退避して非選択アイコンとなるので、コントロール枠内に複数アイコンを同時に表示するとともに、なぞり操作により選択アイコンとすることができる。

【0020】

請求項２のアイコン表示装置によれば、非選択アイコンの一部がコントロール枠内に表示されるので、限られた領域で多数の非選択アイコンを表示することができるとともに、非選択アイコンの内容を認識することができる。

【0021】

請求項３のアイコン表示装置によれば、非選択アイコンについて、選択アイコンに比較して小さく表示することで、限られた領域で多数の非選択アイコンを表示することができるとともに、非選択アイコンであることを容易に認識させることができる。

【0022】

請求項４のアイコン表示装置によれば、非選択アイコンについて、選択アイコンに比較して透過率を高くして表示することで、非選択アイコンであることを容易に認識させることができる。

【0023】

請求項５のアイコン表示装置によれば、非選択アイコンの定位置をコントロール枠内の周囲に等間隔に配置することで、非選択アイコンを中央に引き出すためのなぞり操作の方向について、容易に認識させることができる。

【0024】

請求項６のアイコン表示装置によれば、コントロール枠を円形とすることで、コントロール枠内の領域を広くし、複数の非選択アイコンを表示させ易くすることができる。

【0025】

請求項７のアイコン表示装置によれば、なぞり操作中において、選択アイコンは連続して小さくなるよう表示されるので、非選択アイコンに変わるものであることを容易に認識させることができる。

【0026】

請求項８のアイコン表示装置によれば、なぞり操作中において、選択アイコンは連続して透過率が高くなるよう表示されるので、非選択アイコンに変わるものであることを容易に認識させることができる。

【0027】

請求項９のアイコン表示装置によれば、非選択アイコンをコントロール枠の中央に移動させるだけで選択アイコンに変わり、同時に選択アイコンのコマンドを実行させることができる。

【0028】

請求項１０のアイコン表示装置によれば、コントロール枠の中央に位置した選択アイコンがタップ操作された時に、選択アイコンのコマンドが実行されるので、コマンドを実行するというタップ操作を行った場合にのみコマンドを実行させることができる。

【0029】

請求項１１のアイコン表示プログラムによれば、各請求項に記載した各部をコンピュータ上に構築させることができる。

【図面の簡単な説明】

【0030】

【図1】本発明のアイコン表示プログラムが格納された情報端末のハードウエア構成を示すブロック図である。

【図2】情報端末に構築されるアイコン表示装置の構成を示すブロック図である。

【図3】情報端末において、楽譜編集アプリが動作した場合のタッチパネルにおけるディスプレイ画面図である。

【図4】（ａ）〜（ｅ）は、ディスプレイ画面図において、カテゴライズされた機能毎のアイコン表示を説明するための図である。

【図5】（ａ）〜（ｃ）は、機能毎のアイコン表示について、アイコンの機能切り換えを説明するための図である。

【図6】アイコンの機能切換（モード切換）の処理を説明するためのフローチャートである。

【図7】（ａ）〜（ｃ）は、機能毎のアイコン表示について、アイコンの機能切り換えを説明するための図である。

【発明を実施するための形態】

【0031】

以下、本発明の実施形態の一例に係るアイコン表示プログラムについて説明する。アイコン表示プログラムは、情報端末に対して、例えば楽譜編集プログラムをインストールするに際して、楽譜編集アプリケーション内で各種機能を実行するために、アイコン表示装置を構築する。情報端末としては、ｉＰｈｏｎｅ（商品名）等のスマートフォン、ｉＰａｄ（商品名）等のタブレット型端末が使用される。

【0032】

図１は、情報端末に構築されたアイコン表示装置の主要なハードウエア構成を示すブロック図であり、バス１に対して、操作部２、ＣＰＵ３、ＲＯＭ４、ＲＡＭ５、ＨＤＤ６、ネットワークインターフェイス７を接続して構成されている。
操作部２はディスプレイ内にタッチパネルを備え、タッチパネル上における指の動きとしてのドラッグ、スワイプ、フリップなどのなぞり操作、タップ、ピンチイン／ピンチアウト、長押し等のタッチ操作及びタッチパネル内での操作位置が検出可能なように構成されている。

【0033】

ＣＰＵ３は、操作部１へのタッチ操作に応じたアイコン表示プログラム及び楽譜編集プログラムの各種処理の実行を制御する。ＲＯＭ４は、ＣＰＵ３により実行又は参照される各種プログラムや各種データ等を格納する。ＲＡＭ５は、ＣＰＵ３がプログラムを実行する際に発生する各種データを一時的に記憶するワーキングメモリとして使用される。
ＨＤＤ６には、ＣＰＵ３でロードされるアイコン表示プログラムを含む楽譜編集プログラムが、ネットワークインターフェイス７を介して所定のＵＲＬからダウンロードされて記憶されている。

【0034】

図２は、アイコン表示プログラムをインストールすることで、情報端末に構築されたアイコン表示装置の構成を示すブロック図である。
アイコン表示装置は、情報端末のディスプレイ画面としてのタッチパネル装置１０と、タッチパネル装置１０におけるタッチ操作を検出するタッチ操作検出部１１と、タッチ操作の内容を検出するドラッグ移動検出部１２及びタップ検出部１３と、操作内容に基づく画像生成を行うコントロール画像生成部１４と、生成された画像を表示する表示装置２０を備えている。

【0035】

タッチ操作検出部１１では、上述したタップ、ドラッグ、スワイプ、フリップ、ピンチイン／ピンチアウト、長押し等のタッチ操作の種類を検出するとともに、タッチパネル内でのタッチ操作の操作位置を検出する。タッチ操作の種類及び操作位置の検出は、タッチパネル上での指の移動を検知する既存の技術により行われる。

【0036】

タッチ操作検出部１１は、ドラッグ移動検出部１２、タップ検出部１３に接続され、タッチ操作検出部１１で検出されたタッチ操作は、操作内容により、ドラッグ移動検出部１２、タップ検出部１３のそれぞれへ出力される。

【0037】

ドラッグ移動検出部１２は、ディスプレイ画面において、ドラッグ、スワイプ、フリップ等のユーザーの指による画面をなぞるなぞり操作が行われた場合に、当該操作をドラッグ操作として検出するとともに、その移動方向及び移動距離を検出する。
タップ検出部１３は、ディスプレイ画面において、タップの操作が行われた場合に、当該操作をタップ操作として検出する。

【0038】

コントロール画像生成部１４は、ドラッグ移動検出部１２及びタップ検出部１３からの信号に基づいて、表示装置２０を介してディスプレイ画面に表示されるコントロール画像を生成する。コントロール画像の詳細については後述する。

【0039】

コマンド選択部１５は、ディスプレイ画面に表示されたコントロール枠の中心に位置する選択アイコンをコマンドアイコンとして選択し、この状態でタップ操作が行われた場合に、コマンド実行部１６により選択アイコンのコマンドが実行される。

【0040】

続いて、コントロール画像生成部１４が生成する具体的なコントロール画像について、図３及び図４を参照しながら説明する。
図３は、情報端末において楽譜編集アプリを動作させた場合の表示装置２０におけるディスプレイ画面図である。ディスプレイ画面３０には、作曲や編集作業を行うための五線３１と、その上方に各種の楽譜編集を行うため複数個（この例の場合は６個）のコントロール画像３２が表示されている。各コントロール画像３２は、同種の又は関連する機能毎のアイコンが集約してカテゴライズされ、区別し易いようにそれぞれ異なる色調で表示されている。

【0041】

コントロール画像３２は、円形のコントロール枠３３と、コントロール枠３３内の中央に表示される一つの選択アイコンと、コントロール枠３３内の周囲の定位置に配置された複数の非選択アイコンから構成され、コントロール枠３３内においてなぞり操作（ドラッグ、スワイプ、フリップ）が行われた場合には、対象となる一対のアイコンが移動するアニメーション表示が行われる。アニメーション表示の詳細については後述する。
また、非選択アイコンは、コントロール枠３３の中心側の一部が表示されている。表示される一部でアイコン内容が判別できるようにしている。

【0042】

コントロール画像３２Ａは、図４に示すように、指やタッチペンで楽譜上に手書き入力で音符や休符などの音楽記号を入力する「手書き入力モード」アイコンａ１、楽譜上にテキスト入力用のキーボードで発想標語を入力する「発想標語入力モード」アイコンａ２、楽譜上にメモ書きする「メモ入力モード」アイコンａ３の３種類から選択できるように構成されている。
コントロール画像３２Ｂは、五線上に入力した音符や休符などの音楽記号を均等に整列する「整列」アイコンｂ１、楽譜のタイトルやテンポなどの楽譜全体のプロパティ、あるいは選択したパートのパート名、キー、譜表などのパートのプロパティ、あるいは選択した発想評語のフォントや演奏方法のプロパティを設定する「プロパティ」アイコンｂ２、入力した楽譜全体あるいは選択した小節の移調を行う「移調」アイコンｂ３の３種類から選択できるように構成されている。
コントロール画像３２Ｃは、直前の操作を元に戻す「アンドゥ」アイコンｃ１、直前の操作をやり直す「リドゥ」アイコンｃ２の２種類から選択できるように構成されている。
コントロール画像３２Ｄは、楽譜の演奏を開始する「演奏開始」アイコンｄ１、演奏を停止する「演奏停止」アイコンｄ２の２種類から選択できるように構成されている。
コントロール画像３２Ｆは、操作内容等の説明を求める「ヘルプ」アイコンｆ１、作成した楽譜の一元管理と閲覧を行うライブラリ画面へ遷移する「ライブラリ」アイコンｆ２、アプリ全体の各種設定を行う「アプリの設定」アイコンｆ３、指以外の場所が画面にタッチして不用意に意図しない操作が行われてしまうことを防止するためのリストガードビューの表示をスイッチする「リストガード」アイコンｆ４の４種類から選択できるように構成されている。

【0043】

コントロール画像３２Ａ，３２Ｂ，３２Ｃ，３２Ｄ，３２Ｆのコマンド（アイコン）数は、それぞれ３個、３個、２個、２個、４個の例を挙げたが、１２個のコマンドを時計の１２方向に振り分けてもよい。
その場合、アイコン表示プログラムにより、ドラッグ移動検出部１２において、ドラッグ操作による移動方向について、１２方向が検知できるよう設定される。

【0044】

各非選択アイコンは、コントロール枠３３内におけるドラッグ、スワイプ、フリップのなぞり操作により、中央に引き出して選択アイコンとすることができる（アイコン入れ替え）。
すなわち、コントロール枠３３内でドラッグ操作を行った場合、ドラッグ移動検出部１２において移動方向及び移動距離が検出され、ドラッグ操作の移動方向元に対応する非選択アイコンが中央に引き出されて選択アイコンとなり、それと同時に中央に表示されていた選択アイコンがコントロール枠３３の周囲の定位置に退避して非選択アイコンとなる。

【0045】

ドラッグ操作中において、選択アイコンが未だ最小化及び最大透過率に移行していない時は、選択アイコンとしては従前の状態が維持される。
また、ドラッグ操作中でアイコンが完全に入れ替わらない（選択アイコンが最小化及び最大透過率に移行して非選択アイコンになり、新たな選択アイコンが中央に表示されるに至らない）うちに、ディスプレイ画面でのドラッグ操作を中断したような場合に、検出された移動距離が予め決められた所定量以下である時には、アイコンの入れ替えはキャンセルされ、移動距離が所定量を超えた時には、コントロール枠３３内の中央に表示して選択アイコンとするアイコン入れ替えが行われる。

【0046】

定位置で最小化位置となる非選択アイコンは、最大サイズとしてコントロール枠３３の中央に表示される選択アイコンに比較して、５０％の大きさ（最小サイズ）で表示される。
また、定位置で最大透過率位置となる非選択アイコンは、選択アイコンに比較して透過率を高くして表示される。非選択アイコンは、選択アイコンに対して３０％（最大透過率）の透過率で表示される。
そして、コントロール枠３３内における各アイコンのドラッグ操作による移動途中（ドラッグ操作中）についても、ドラッグ操作位置に沿って引き出されるアイコンと退避するアイコンから成る一対のアイコンが移動するアニメーション表示が行われる。

【0047】

ドラッグ操作中においては、一対のアイコンのうち、選択アイコンにしようとする（引き出される）アイコンは、連続して大きくなるよう表示されるとともに、連続して透過率が低くなるよう表示されるアニメーションが行われる。その一方、アイコンの引き出しに応じて自動的に定位置に退避して非選択アイコンとなる（退避する）アイコンは、連続して小さくなるよう表示されるとともに、連続して透過率が大きくなるよう表示される。

【0048】

例えば、図５（ａ）に示すコントロール画像３２Ａを使用し、３種類のモード切換を行う場合について、図６のフローチャートを参照して説明する。
コントロール画像３２Ａでは、「手書き入力モード」、「発想標語入力モード」、「メモ入力モード」の３種類のモードに切換可能となっており、各アイコンは非選択アイコンとして退避して表示される配置箇所（定位置）がコントロール枠の均等位置（１２０度の等間隔）になるように表示されている。

【0049】

先ず、ドラッグ移動検出部１２において、タッチ操作検出部１１で検出されたディスプレイ画面におけるタッチ操作がドラッグ操作であるか否かを判断し（ステップ６１）、ドラッグ操作である場合、ドラッグ操作の移動方向を検出し（ステップ６２）、その移動量を検出し（ステップ６３）、コントロール枠内で移動方向及び移動量に応じた一対のアイコンのアニメーション表示を行う（ステップ６４）。
一対のアイコンのアニメーション表示は、ドラッグ操作の移動元に位置する非選択アイコンが順次大きく且つ透過率が低くなるようにドラッグ操作の移動方向へ引き出されるとともに、コントロール枠３３の中央に位置していた選択アイコンが順次小さく且つ透過率が高くなるように移動しながらコントロール枠３３の周囲の所定位置に向かって退避する画像表示で行われる。

【0050】

次に、コントロール枠３３内での移動量が予め設定された所定量を超えたか否かを判断し（ステップ６５）、超えない場合はステップ６２及びステップ６３の処理を繰り返して一対のアイコンが移動するアニメーション表示を行う（ステップ６４）。
コントロール枠３３内での移動量が予め設定された所定量を超えた場合は、引き出されたアイコンが選択アイコンとしてコントロール枠３３の中央位置に表示するアイコンの入れ替えが行われ（ステップ６６）、モード切換の処理を終了する。

【0051】

以上の処理が行われることで、コントロール画像３２Ａにおいて、「手書き入力モード」アイコンａ１が選択アイコンとしてコントロール枠３３の中央に表示される状態から、コントロール枠３３における下方左側から上方右側に矢印Ｘに沿ったドラッグ操作を行った場合、ドラッグ操作の移動方向元に対応する非選択アイコンである「発想標語入力モード」アイコンａ２がドラッグ操作方向に徐々に大きく表示されて引き出され、同時に「手書き入力モード」アイコンａ１が定位置である直上位置に退避する。その結果、「発想標語入力モード」アイコンａ２が中央に位置して選択アイコンとなる。

【0052】

図５（ｂ）に示すコントロール画像３２Ａのように、「発想標語入力モード」アイコンａ２が選択アイコンとしてコントロール枠３３の中央に表示される状態から、コントロール枠３３における下方右側から上方左側に矢印Ｘに沿ったドラッグ操作を行った場合、ドラッグ操作の移動方向元に対応する非選択アイコンである「メモ入力モード」アイコンａ３がドラッグ操作方向に引き出され、同時に「発想標語入力モード」アイコンａ２が定位置である左下位置に退避する。その結果、「メモ入力モード」アイコンａ３が中央に位置して選択アイコンとなる。

【0053】

図５（ｃ）に示すコントロール画像３２Ａのように、「メモ入力モード」アイコンａ３が選択アイコンとしてコントロール枠３３の中央に表示される状態から、コントロール枠３３における上方から下方に矢印Ｘに沿ったドラッグ操作を行った場合、ドラッグ操作の移動方向元に対応する非選択アイコンである「手書き入力モード」アイコンａ１がドラッグ操作方向に引き出され、同時に「メモ入力モード」アイコンａ３が定位置である右下位置に退避する。その結果、「手書き入力モード」アイコンａ１が中央に位置して選択アイコンとなる。

【0054】

すなわち、図５（ａ）〜（ｃ）に示すコントロール画像３２Ａの場合、「手書き入力モード」アイコンａ１が非選択アイコンとなる定位置はコントロール枠３３の直上位置、「発想標語入力モード」アイコンａ２が非選択アイコンとなる定位置はコントロール枠３３の左下位置、「メモ入力モード」アイコンａ３が非選択アイコンとなる定位置はコントロール枠３３の右下位置であり、それぞれ１２０度間隔に配置されている。そして、これらのアイコンの一つをコントロール枠３３の中央位置に引き出すドラッグ操作を行うと、中央位置に表示されていた選択コマンドが定位置に退避する。

【0055】

続いて、図７（ａ）に示すコントロール画像３２Ｂを使用し、３種類のコマンド切換を行う場合について説明する。
コントロール画像３２Ｂは、「整列」、「プロパティ」「移調」の３種類のコマンドに切換可能となっており、各アイコンは非選択アイコンとして退避して表示される配置箇所（定位置）がコントロール枠３３の均等位置（１２０度間隔）になるように表示されている。

【0056】

「移調」アイコンｂ３が選択アイコンとしてコントロール枠３３の中央に表示される状態から、コントロール枠３３における上側から下側に矢印Ｘに沿ったドラッグ操作を行った場合、ドラッグ操作の移動方向元に対応する非選択アイコンである「整列」アイコンｂ１がドラッグ操作方向に引き出され、同時に「移調」アイコンａ３が定位置である右下位置に退避する。その結果、「整列」アイコンｂ１が中央に位置して選択アイコンとなる。

【0057】

図７（ｂ）に示すコントロール画像３２Ｆを使用し、４種類のモード切換を行う場合について説明する。
コントロール画像３２Ｆでは、「ヘルプ」、「ライブラリ」、「アプリの設定」、「リストガード」の４種類のコマンドに切換可能となっており、各アイコンは非選択アイコンとして退避して表示される配置箇所（定位置）がコントロール枠３３の均等位置（９０度の等間隔）になるように表示されている。

【0058】

「ヘルプ」アイコンｆ１が選択アイコンとしてコントロール枠３３の中央に表示される状態から、コントロール枠３３における右側から左側に矢印Ｘに沿ったドラッグ操作を行った場合、ドラッグ操作の移動方向元に対応する非選択アイコンである「アプリの設定」アイコンｆ３がドラッグ操作方向に引き出され、同時に「ヘルプ」アイコンｆ１が定位置である左位置に退避する。その結果、「アプリの設定」アイコンｆ３が中央に位置して選択アイコンとなる。

【0059】

図７（ｃ）に示すコントロール画像３２Ｃを使用し、２種類のコマンド切換を行う場合について説明する。
コントロール画像３２Ｃでは、「アンドゥ」、「リドゥ」の２種類のコマンドに切換可能となっており、各アイコンは非選択アイコンとして退避して表示される配置箇所（定位置）がコントロール枠３３の均等位置（１８０度間隔となる左右位置）になるように表示されている。
「アンドゥ」アイコンｃ１が選択アイコンとしてコントロール枠３３の中央に表示される状態から、コントロール枠３３における左側から右側に矢印Ｘに沿ったドラッグ操作を行った場合、ドラッグ操作の移動方向元に対応する非選択アイコンである「リドゥ」アイコンｃ２がドラッグ操作方向に引き出され、同時に「アンドゥ」アイコンｃ１が定位置である左位置に退避する。その結果、「リドゥ」アイコンｃ２が中央に位置して選択アイコンとなる。

【0060】

また、コマンドが実行できない（無効であるような）場合、図７（ｃ）の右端の「リドゥ」アイコンｃ２が表示されたコントロール枠３３のように、コントロール枠３３内を灰色で表示することで、無効化の態様を分かり易くするアイコン表示を行っても良い。

【0061】

上述した例では、図２のブロック図において、ディスプレイ画面でタップ操作を検出するタップ検出部１３を備えることで、コントロール枠３３の中央に表示された選択アイコンがタップ操作された時に、選択アイコンのコマンドが実行されるようにしたが、タップ検出部１３を省略し、コントロール枠３３の中央に選択アイコンが表示されてコマンド選択部１５でアイコンが選択されたことを以て、コマンド実行部１６でコマンドが実行されるようにしてもよい。

【0062】

また、コントロール枠３３の形状を円形としたが、閉塞される形状であればよく、例えば、楕円、正方形、長方形、三角形、四角形、五角形、六角形、長丸、星型等の幾何学図形であってもよい。すなわち、コントロール枠の周囲に配置されたアイコン（非選択アイコン）を図形の中央部にドラッグ移動できる形状であれば良い。

【0063】

上述したアイコン表示装置によれば、複数のアイコン（コマンド実行アイコン）をコントロール枠３３の円周状に配置したので、狭い画面でも多機能なアイコン表示を行うことができる。
その際に、コマンド内容が理解できる程度に非選択アイコンの一部がコントロール枠３３内に表示されるようにしたので、限られた領域で多数の非選択アイコンを表示することができるとともに、非選択アイコンの内容を認識することができる。

【0064】

また、実行したいコマンドに対応するアイコンをコントロール枠３３の周辺部から中央にドラッグ操作で移動するので、必要なものを引っ張り出す直感的な操作でコマンド切換が可能となる。
コマンドに対応するアイコンを引っ張り出す方向は変化せずに一定（非選択アイコンは定位置に配置）なので、コマンド選択を間違えることなく、モード切換操作を覚え易くすることができる。

【0065】

選択アイコンは、コントロール枠３３の中央に最大化して表示されるので、いずれのモードやコマンドが選択されているか選択状態を明確にすることができる。
非選択アイコンは小さく且つ透過率を大きく表示するので、選択アイコンが目立つように表示できる。
また、ドラッグ操作によりアイコンが入れ替わる様子をアニメーション表示することで、誤操作を防止するとともに、モード切換を視覚的に表示することができる。

【符号の説明】

【0066】

１０…タッチパネル装置、 １１…タッチ操作検出部、 １２…ドラッグ移動検出部、 １３…タップ検出部、 １４…コントロール画像生成部、 １５…コマンド選択部、 １６…コマンド実行部、 ２０…表示装置、 ３０…ディスプレイ画面、 ３２…コントロール画像、 ３３…コントロール枠。

【図1】

【図2】

【図3】

【図4】

【図5】

【図6】

【図7】