JPH0830418A - グラフィカルユーザインタフェースの構成部品の編集方式 - Google Patents

Abstract

(57)【要約】 【目的】本発明は処理装置のアプリケーション部におけ
るグラフィカルユーザインタフェース（ＧＵＩ）の構成
部品の編集方式に関し，アプリケーションのＧＵＩ構成
部品の配置を利用者により変更することができることを
目的とする。 【構成】アプリケーション部は入力手段からのモード指
定により動作モードが処理モードか編集モードかに設定
されるモード管理部を備える。モード管理部に処理モー
ドが設定されると，基本処理部が起動してアプリケーシ
ョンの処理を行い，編集モードが設定されると部品編集
部が起動し，入力手段から指定されたＧＵＩの構成部品
の配置を，指定された位置に変更する処理を行うよう構
成する。

Description

【発明の詳細な説明】

【０００１】

【産業上の利用分野】本発明はグラフィカルユーザイン
タフェース（ＧＵＩ）を持つアプリケーションのＧＵＩ
構成部品を編集するユーザインタフェース編集方式に関
する。

【０００２】近年，グラフィカルユーザインタフェース
を持つアプリケーションが増大している。これらのアプ
リケーションによればユーザは画面上のボタンや入力フ
ィールド等に対し簡単な操作で入力を行い，出力画面を
得ることにより効率的な処理を実現している。しかし，
このようなアプリケーションでは，画面上のボタンや入
力フィールド等の配置が固定されているため，ユーザに
よっては変更して使用したいという希望があった。

【０００３】

【従来の技術】図７は従来例の構成図，図８はアプリケ
ーションによる画面の表示例である。図７において，５
０は処理装置（ＣＰＵ＆メモリ），５１はグラフィカル
ユーザインタフェース（ＧＵＩという）を備えたアプリ
ケーション部，５２はキーボード，５３やマウス，５４
はディスプレイである。

【０００４】処理装置５０において，アプリケーション
部５１が動作し，アプリケーション部５１に備えられた
ＧＵＩにより入力処理部５１ａ，基本処理部５１ｂ及び
出力処理部５１ｃが動作して，ディスプレイ５４にその
アプリケーション部の機能に対応した画面が表示され
る。この画面の例を図８に示す。

【０００５】図８の場合，ディスプレイの画面６０にア
プリケーション部５１のＧＵＩ構成部品として，選択用
の複数のボタン６１〜６３やデータ（テキストデータや
イメージデータ等）の入力フィールド６４が表示されて
いる。この画面６０に対し，ボタン６１〜６３の一つを
選択する場合，画面上のカーソルをマウス５３を操作す
ることにより移動させて，希望するボタンの位置でマウ
スボタンをクリックすることによりそのボタンにより表
示された機能等が選択される。また，入力フィールド６
４へデータを入力する場合は，マウス５３を操作して入
力フィールド６４を選択した上で，キーボード５２から
データを入力すると，入力されたデータが入力フィール
ド６４内に表示される。

【０００６】このように，従来はＧＵＩを持つアプリケ
ーションにおいて，画面上のＧＵＩ構成部品に対して，
ユーザがキーボードやマウス等のポインティングデバイ
スを用いて簡易操作を行うことにより，処理を効率良く
行うことができるよう設計されている。

【０００７】

【発明が解決しようとする課題】しかし，従来のＧＵＩ
を持つアプリケーションでは，ＧＵＩ構成部品の配置に
ついては，たとえ一部のユーザにとって都合の良いもの
であったとしても，その他のユーザにとっては必ずしも
都合の良いものであるとは限らなかった。すなわち，上
記図８に示す画面の場合，選択用のボタン６１〜６３を
画面の下部に配置して，入力フィールド６４を上部に配
置する方が操作性が良いと感じる場合がある。

【０００８】この場合，ＧＵＩ構成部品の配置を変更す
るためには，開発者側が再度部品配置の変更作業を行え
ば良いが，ユーザ数が多くなれば希望する配置の種類が
多くなり，一律に対応することが困難となっていた。

【０００９】本発明は情報処理装置におけるアプリケー
ションのＧＵＩ構成部品の配置を利用者により変更する
ことができるグラフィカルユーザインタフェースの構成
部品の編集方式を提供することを目的とする。

【００１０】

【課題を解決するための手段】図１は本発明の基本構成
図である。図１において，１は処理装置，２はアプリケ
ーション部，３は入力手段からの入力情報をアプリケー
ション内で認識できる形に変換する処理を行う入力処理
部，４はアプリケーションの基本処理モードか部品編集
モードかの何れで動作するかのモードの状態が設定さ
れ，そのモードに従って入力処理部３から入力する情報
を基本処理部か部品編集部へ渡す機能を備えるモード管
理部，５はアプリケーションの本来の処理を行う基本処
理部，６はＧＵＩ構成部品の配置（レイアウト）を編集
する処理を行う部品編集部，７は出力処理部，８は入力
部，９は画面表示を行う出力部である。

【００１１】本発明はアプリケーションの動作モードと
して通常の入出力処理を行う処理モードの他にＧＵＩ構
成部品の配置（レイアウト）を変更する処理を行う編集
モードを設け，何れのモードで動作させるかの管理を行
うモード管理部に対し外部から入力を行ってモードを設
定するものである。

【００１２】

【作用】処理装置１のアプリケーション部２が動作する
と，最初はモード管理部４は処理モードに設定されて，
入力部８からの入力は入力処理部３で処理されると基本
処理部５において，対応する基本処理（選択されたボタ
ンに対応する処理を開始したり，入力フィールドへの入
力等の処理）を実行し，出力処理部７により出力すべき
データの処理を行って，出力部９に表示する処理を行
う。この出力部９により表示される画面には，ボタンや
入力フィールド等のＧＵＩ構成部品（以下，構成部品と
いう）が表示されると共に動作モードを選択するボタン
が表示される。なお，そのボタンは構成部品のレイアウ
トを編集する編集モード（処理モードにおいて表示）を
選択するボタンと処理モードを選択するボタン（編集モ
ードにおいて表示）がある。

【００１３】なお，編集モードや処理モードのボタンを
表示して，そのボタンを操作する代わりに，入力部８の
キーボードの中に各モードを指定するキーを設けること
ができる。

【００１４】出力部９の表示画面の中の編集モードのボ
タンが入力部８により指示されると，入力処理部３でこ
の指示を識別してモード管理部４へ通知する。モード管
理部４はこれを受け取ると動作モードが編集モードに設
定されて保持すると共に部品編集部６を起動する。

【００１５】モード管理部４が編集モードに設定される
と，その後に入力部８により位置を変更したい部品を指
示し，更にその変更先の位置を指示すると，入力処理部
３で各入力を認識する処理を行い，モード管理部４の現
在のモード（編集モード）に従って，入力処理部３から
のデータが部品編集部６へ供給される。部品編集部６
は，現在の部品のレイアウトを格納するテーブル５ａの
内容を，入力されたデータにより指示された位置に変更
する処理を行う。

【００１６】編集（変更）したい各部品についてデータ
が入力されると，それぞれについて編集が行われてテー
ブル５ａに設定された内容が変更されると共に，各編集
結果は出力処理部７へ供給されて，出力のための処理が
行われ，その結果が出力部９へ出力されて表示される。

【００１７】この編集モードにおける処理が終了する
と，入力部８を用いて処理モードを基本処理モードに戻
す指示をすることにより，モード管理部４は基本処理モ
ードに設定される。この時，基本処理部５は編集された
内容を保持するテーブル５ａに従って構成部品を出力処
理部７へ供給して出力部９で表示され，入力部８から入
力された情報は，入力処理部３で変換されて基本処理部
５に渡されて，各構成部品に対してアプリケーションの
基本処理が実行される。

【００１８】

【実施例】図２は実施例の構成図である。図２におい
て，２０は処理装置（ＣＰＵ及びメモリ），２１はオペ
レーティングシステム，２２はアプリケーション部，２
３は入力処理部，２４はモード管理部，２４ａはモード
保持部，２５は基本処理部，２６は部品テーブル，２７
は部品編集部，２８は出力処理部，２９はキーボード，
３０はマウス，３１はディスプレイであり，図２の構成
において，２２〜２５，２７及び２８はそれぞれ上記図
１の２〜７に対応し同様の機能を備え，図２のキーボー
ド２９，マウス３０は図１の入力部８，図２のディスプ
レイ３１は図１の出力部９に対応する。

【００１９】実施例の動作を図３乃至図５に示す具体例
を用いて説明すると，この具体例はファイルシステムに
アクセスするためのアプリケーションであり，指定ファ
イルの新規作成／更新／削除／情報参照といった基本処
理を画面上のボタンや入力フィールドを使用して行うも
のである。

【００２０】図３は初期状態画面を示す図であり，４０
はアプリケーション画面，４１はアプリケーションを終
了させるボタン，４２はファイル名を指定する入力フィ
ールド，４３は入力フィールドで指定されたファイルに
該当するファイルの一覧を表示するリストフィールド，
４４は新規にファイルを作成するボタン，４５はファイ
ルを更新するボタン，４６はファイルを削除するボタ
ン，４７はファイルの情報を参照するボタン，４８は各
種情報を表示するテキストフィールド，４９はモード切
替ボタンである。

【００２１】図２の処理装置２０のアプリケーション部
２２は初期状態では，モード管理部２４のモード保持部
２４ａは処理モードに設定されアプリケーションを実行
する状態にあり，基本処理部２５は部品テーブル２６に
記憶された構成部品を出力処理部２８で処理し，ディス
プレイ３１には図３に示す内容が表示される。

【００２２】図３のアプリケーションの画面において，
部品の配置をユーザが変更した場合，モード切替ボタン
４９をマウス３０またはキーボード２９により指示して
切替えることによりアプリケーションのモードを処理モ
ードから編集モードに切替える。編集モードでは，部品
の配置をキーボード２９上の移動キー（図示せず）また
はマウス３０を用いて部品を移動させる。具体的には，
カーソルを移動させて，変更したい部品を指示して，そ
のままカーソルを移動して移動先の位置で開放指示を行
う。

【００２３】図４は部品配置変更の手順の例を示し，図
５は部品配置変更後の画面を示す。図４の例では，画面
の左端に配置された部品であるファイル名入力フィール
ド４２とリストフィールド４３をそれぞれ右側へ移動さ
せ，右端に配置された各機能ボタン４４〜４７を左側に
移動させる。また，ボタン群のうち，最下部に配置され
た情報ボタン４７を左側の最上部に移動し，他のボタン
４４〜４６は点線の矢印で示すように，情報ボタン４７
の下部に移動させる。移動操作が完了した時点で，モー
ド切替ボタン４９を操作すると，処理モードに戻る。

【００２４】図５は部品配置変更後の画面を示し，上記
図４に示す部品変更を行った後の状態である。このよう
にＧＵＩの構成部品の配置を変更した後はこの情報が部
品テーブル（図２の２６）に格納されているので，以後
の処理モードでは，部品テーブルの内容に従った表示が
行われる。

【００２５】図６は部品編集の処理フローであり，図２
のアプリケーション部の部品編集部において実行され
る。最初に，動作モードが編集モードであるかモード管
理部２４（図２）のモード保持部２４ａ（図２）の状態
により判定し（図６のＳ１），編集モードでない場合
（処理モードの場合）は処理を終了する。編集モードの
場合，この後マウス３０によるドラッグを開始したかを
マウスからの入力情報に基づいて判定する（図６のＳ
２）。このドラッグは，マウス３０によりマウスカーソ
ルを変更元の部品に位置付けて，マウスのボタンを押し
たままマウスを移動して，マウスカーソルを希望する位
置まで移動させる操作であり，変更先の位置でマウスボ
タンを開放して終了する。

【００２６】このドラッグが開始した場合は，次にドラ
ッグが操作中か判定し（図６のＳ３），ドラッグ操作が
終了すると，ドラッグ開始位置に部品があったか判定す
る（図６のＳ４）。開始位置に部品があった場合は，そ
の部品はドラッグの終了位置に移動したことを登録する
ため，部品の配置情報を変更する（図６のＳ５）。この
変更は，部品テーブル２６（図２）に格納され，その部
品テーブル２６の情報に基づいて表示処理が行われ（図
６のＳ６），上記図６のように変更された配置情報に従
って表示され，処理モードが変更されて処理モードにな
ると部品編集部の処理が終了する。

【００２７】

【発明の効果】本発明によればアプリケーションのＧＵ
Ｉ構成部品を変更することができるので，ユーザが自身
の都合に合わせて効率良くアプリケーションを操作する
ことができる。

【図面の簡単な説明】

【図１】本発明の基本構成図である。

【図２】実施例の構成図である。

【図３】初期状態画面を示す図である。

【図４】部品配置変更の手順の例を示す図である。

【図５】部品配置変更後の画面を示す。

【図６】部品編集の処理フローを示す図である。

【図７】従来例の構成図である。

【図８】アプリケーションによる画面の表示例を示す図
である。

【符号の説明】

１ 処理装置 ２ アプリケーション部 ３ 入力処理部 ４ モード管理部 ５ 基本処理部 ６ 部品編集部 ７ 出力処理部 ８ 入力部 ９ 出力部

Claims (2)

【特許請求の範囲】
1. 【請求項１】 処理装置のアプリケーション部における
   グラフィカルユーザインタフェース（ＧＵＩ）の構成部
   品の編集方式であって，前記アプリケーション部に，入
   力手段からのモード指定により動作モードが，処理モー
   ドか編集モードかに設定されるモード管理部と，前記モ
   ード管理部に設定される動作モードの処理モードと編集
   モードとに対応して起動するアプリケーション処理を行
   う基本処理部と部品編集部とを備え，前記部品編集部
   は，起動すると入力手段から指定されたＧＵＩの構成部
   品の配置を，指定された位置に変更する処理を行うこと
   を特徴とするグラフィカルユーザインタフェースの構成
   部品の編集方式。
2. 【請求項２】 請求項１において，前記基本処理部は予
   め設定されたＧＵＩの構成部品の配置情報を記憶するテ
   ーブルを備え，前記部品編集部は，編集モードにおいて
   入力された構成部品の配置を変更する情報により前記テ
   ーブルの配置情報を変更し，前記編集モードの後に処理
   モードの設定により起動する前記基本処理部は前記編集
   モードにより変更された前記テーブルの配置情報に従っ
   て構成部品を出力することを特徴とするグラフィカルユ
   ーザインタフェースの構成部品の編集方式。