JP2790837B2 - Icon display method - Google Patents
Icon display methodInfo
- Publication number
- JP2790837B2 JP2790837B2 JP1055193A JP5519389A JP2790837B2 JP 2790837 B2 JP2790837 B2 JP 2790837B2 JP 1055193 A JP1055193 A JP 1055193A JP 5519389 A JP5519389 A JP 5519389A JP 2790837 B2 JP2790837 B2 JP 2790837B2
- Authority
- JP
- Japan
- Prior art keywords
- icon
- displayed
- icons
- marker
- display
- 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
Description
【発明の詳細な説明】 〔産業上の利用分野〕 本発明は、アイコン表示方法、特に複数のアイコンの
中から１つを選択するに好適なアイコン表示方法に関す
る。Description: BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to an icon display method, and more particularly to an icon display method suitable for selecting one of a plurality of icons.
アイコンとは、メニューの構成体であり、文字列・絵
などからなる操作指令そのものである。かかるアイコン
の従来の表示例を第４図に示す。CRT表示画面41の下方
に複数のアイコン40（20〜24）を表示しておく。この各
アイコンの外枠の大きさは固定した大きさである。固定
とは、横方向の大きさがすべて等しい（例えばl0）こと
もあれば、等しくなくとも事前にアイコンの種類によっ
て決まっていることもある。The icon is a menu structure, and is an operation command itself including a character string, a picture, and the like. FIG. 4 shows a conventional display example of such an icon. A plurality of icons 40 (20 to 24) are displayed below the CRT display screen 41. The size of the outer frame of each icon is a fixed size. The term “fixed” may mean that the horizontal dimensions are all equal (for example, l 0 ), or even if they are not equal, they may be determined in advance by the type of icon.
アイコン20〜24の中のいずれか１つを選択（指定）し
た場合、例えばアイコン21を選択した場合、「頭部」の
アイコン内容であり、頭部に対するある種の操作処理を
指定したことになる。If any one of the icons 20 to 24 is selected (specified), for example, if the icon 21 is selected, the icon content of the “head” is displayed, and a certain operation process for the head is designated. Become.
従来の如きアイコンの表示法では、表示したいアイコ
ンが多い場合には、以下の如きやり方をとる。In the conventional icon display method, when there are many icons to be displayed, the following method is used.
（イ）一行に表示できない時には、例えば第５図の如
く、２行にわたって表示する如きやり方をとる（アイコ
ン40と40Aの例）。(A) When the image cannot be displayed on one line, a method of displaying the image on two lines, for example, as shown in FIG. 5 is used (an example of the icons 40 and 40A).
（ロ）画面への表示をページ単位とした場合、数ページ
に分けて、各アイコン列を表示する（アイコン40は第１
ページ、アイコン41は第２ページという具合）。(B) When the display on the screen is performed in page units, each icon row is displayed on several pages (the icon 40 is the first
The page and the icon 41 are called the second page).
上記（イ）の方法では、アイコン表示領域が大きくな
る恐れ、及びアイコンと同時に表示したアイコン以外の
画像が見にくくなるという欠点を持つ。The method (a) has a drawback that the icon display area may be large and that an image other than the icon displayed simultaneously with the icon may be difficult to see.
上記（ロ）の方法では、オペレータは１つのページの
みをみるだけではどんなアイコンがあるかを識別でき
ず、またページ更新が煩しいとの欠点を持つ。The method (b) has a drawback that the operator cannot identify what icon exists by looking at only one page, and the page update is troublesome.
本発明の目的は、１行に数多くのアイコンを表示可能
にするアイコン表示方法を提供することにある。An object of the present invention is to provide an icon display method that enables a large number of icons to be displayed on one line.
本発明は、アイコン指示用のマーカの位置のアイコン
を他のアイコンに比べて大きく表示するようにした。According to the present invention, the icon at the position of the marker for indicating an icon is displayed larger than other icons.
本発明によれば、マーカ位置のみのアイコンを大きく
表示できること、逆にマーカ位置以外のマーカは小さく
表示できること、により１行に数多くのアイコンを表示
できる。According to the present invention, a large number of icons can be displayed in one line by displaying large icons only at marker positions and conversely displaying small markers other than marker positions.
本発明の実施例を第１図，第２図で説明する。第１図
は処理フロー図、第２図は具体的なアイコン表示処理図
を示す。第２図において、各アイコンの横方向の本来の
長さはすべて均一であり、その長さをＬとする。従っ
て、その本来の長さをそのまま生かしたままで表示しよ
うとすれば、アイコンの表示領域の横方向の長さをmLと
すれば、１行にｍ個のアイコンしか表示できないことに
なる。An embodiment of the present invention will be described with reference to FIGS. FIG. 1 shows a processing flow diagram, and FIG. 2 shows a specific icon display processing diagram. In FIG. 2, the original horizontal length of each icon is all uniform, and the length is L. Therefore, if an attempt is made to display the original icon while keeping its original length as it is, if the horizontal length of the icon display area is mL, only m icons can be displayed in one line.
本実施例では、本来の横方向の長さＬですべてのアイ
コンを割付けるのではなく、マーカの指示するアイコン
のみ横方向の長さＬの大きさで表示させ、その他のアイ
コンは、ｌ＞Ｌなる大きさの長さｌに表示させようとす
るものである。第２図では、マーカ20が表示され、この
マーカは「腹部」なるアイコンを指示している例を示し
た。従って、「腹部」は、横方向の大きさはＬである。
一方、「頭」や「足」のアイコンでは、横方向の長さｌ
である。かくして得られたアイコン表示列を記号40Bで
示した。In the present embodiment, instead of allocating all the icons with the original horizontal length L, only the icons designated by the markers are displayed with the size of the horizontal length L, and the other icons are l> This is intended to be displayed at a length l of size L. FIG. 2 shows an example in which a marker 20 is displayed, and the marker indicates the icon “abdomen”. Therefore, the size of the “abdomen” in the horizontal direction is L.
On the other hand, for the icons of “head” and “foot”, the horizontal length l
It is. The icon display row thus obtained is indicated by symbol 40B.
第４図のアイコン40と第２図のアイコン40Bとを比較
すれば、同じ横方向の長さの中に、本実施例の第２図の
例では、多くのアイコン数が表示できたことになる。
尚、第２図のアイコン40Bの上方に表示してある各アイ
コン21〜24は、アイコン列40Bを得る過程を説明するた
めのものであり、後述する。Comparing the icon 40 of FIG. 4 with the icon 40B of FIG. 2, it can be seen that a large number of icons could be displayed in the example of FIG. Become.
The icons 21 to 24 displayed above the icon 40B in FIG. 2 are for explaining the process of obtaining the icon row 40B and will be described later.
さて、第２図のアイコン列40Bを得るための処理手順
を第１図で説明する。Now, a processing procedure for obtaining the icon row 40B in FIG. 2 will be described with reference to FIG.
第１図のステップ１では、マウス（入力装置のこと、
マウスの他にトラックボールの例もある）で注目位置に
マーカを表示させ、このマーカ位置と重なる箇所に横方
向の長さＬとしたアイコンを表示する（初期状態）。こ
の状態を第６図（ａ）に示す。In step 1 of FIG. 1, a mouse (input device,
A marker is displayed at the position of interest by using a trackball in addition to a mouse), and an icon having a length L in the horizontal direction is displayed at a position overlapping the marker position (initial state). This state is shown in FIG.
ステップ２では、マーカ位置の座標を読み込む。マー
カ位置は、横方向のみでみるものとし、例えば第２図に
示すように座標x0となる。In step 2, the coordinates of the marker position are read. Marker position is intended to see only the lateral direction and the coordinate x 0 as for example shown in Figure 2.
ステップ３では、先ずマーカ20の座標x0に重なる箇所
のアイコンの先頭座標決定用パラメータn0を算出する。
パラメータn0は、x0/lの除算結果が整数であれば、その
整数値をそのままn0とし、小数点が付加してあれば、小
数点を切り捨てた残りの整数部分をn0としたものであ
る。この整数化とした理由は、マウス20の属するアイコ
ンの左側位置には、横方向の長さｌの大きさでアイコン
を配列せしめるためである。In step 3, first, a parameter n 0 for determining the start coordinate of the icon at the position overlapping the coordinate x 0 of the marker 20 is calculated.
If the result of the division of x 0 / l is an integer, the parameter n 0 is set to n 0 as the integer value, and if a decimal point is added, the remaining integer part obtained by truncating the decimal point is set to n 0. is there. The reason for the conversion into an integer is to arrange the icons at the left side position of the icon to which the mouse 20 belongs with a length l in the horizontal direction.
次に、ステップ３では、パラメータn0を利用して左側
に表示するアイコンの表示位置の決定をする。今、左端
部から数えたアイコンの表示位置のHEAD（ｎ）とする
と、HEAD（ｎ）は以下の式で算出する。In step 3, the determination of the display position of an icon to be displayed on the left side by using the parameters n 0. Assuming that HEAD (n) is the display position of the icon counted from the left end, HEAD (n) is calculated by the following equation.
（１）式で、ｎ≦n0の条件とは、第２図をみてわかる
ように、マーカの属するアイコンより左側に位置するア
イコンであることを意味する。ｎ＞n0の条件とは、逆に
右側に位置するアイコンであることを意味する。 In the equation (1), the condition of n ≦ n 0 means that the icon is located on the left side of the icon to which the marker belongs, as can be seen from FIG. The condition of n> n 0 means that the icon is located on the right side.
ステップ４〜７では、（１）式でｎで一般化したアイ
コンの表示位置HEAD（ｎ）について、ｎ＝0,1,2…,nmax
とｎを更新して実際のアイコンの表示位置を（１）式で
算出し、そしてその算出位置にアイコンを表示する。こ
の表示例を、第６図（ｂ）ではHEAD（ｏ）の表示例、第
６図（ｃ）では、アイコン全体表示が終了した状態図と
して示した。この第６図（ｃ）の表示結果が第４図のア
イコン列40Bとなる。In steps 4 to 7, n = 0, 1, 2,..., N max for the display position HEAD (n) of the icon generalized by n in the equation (1).
And n are updated, the actual display position of the icon is calculated by equation (1), and the icon is displayed at the calculated position. This display example is shown as a display example of HEAD (o) in FIG. 6 (b), and as a state diagram in which the entire icon display is completed in FIG. 6 (c). The display result of FIG. 6C becomes the icon row 40B of FIG.
ステップ８では、アイコンの選択を行う。即ち、マウ
スのボタンが押された時に計算機はそのマーカ位置の属
するアイコン40aが選択されたと認識する。即ち、HEAD
（n0）を選択する。そして、ステップ９に移り、この選
択アイコン40aに対応する処理をする。この対応処理と
は、アイコンの内容によって定まり、第２図の例に従え
ば、「腹部」に関する処理であり、例えば「腹部」の画
像を画面に表示させる処理である。In step 8, an icon is selected. That is, when the mouse button is pressed, the computer recognizes that the icon 40a to which the marker position belongs has been selected. That is, HEAD
Select (n 0 ). Then, the process proceeds to step 9, where a process corresponding to the selected icon 40a is performed. The corresponding process is determined by the contents of the icon, and is a process relating to the “abdomen”, for example, a process of displaying an image of the “abdomen” on the screen according to the example of FIG.
次に、第２図のアイコン列40Bに実際のアイコン内容
をどう埋め込むかが問題となる。理由は、計算機内のメ
モリ内のアイコン内容には「頭部」「足部」「腹部」
「胸部」等の如き文字や図形がそのまま格納されている
一方で、第２図のアイコン列40Bでは、「頭部」が
「頭」、「足部」が「足」として表示され一部の文字等
が除去されている。従って、この除去処理、逆に云え
ば、幅ｌの中に２文字の中の１字のみを選択して表示さ
せる処理が必要となる。Next, how to embed the actual icon content in the icon row 40B in FIG. 2 becomes a problem. The reason is that the contents of the icons in the memory in the computer are "head", "foot", "abdomen"
While characters and figures such as "chest" are stored as they are, in the icon row 40B of FIG. 2, "head" is displayed as "head" and "foot" is displayed as "foot", and some are displayed. Characters have been removed. Therefore, it is necessary to perform this removal processing, or conversely, a processing of selecting and displaying only one of two characters in the width l.
この文字選択処理は、重ね書きによって実現できる。
第２図でこれを説明する。第２図で、先ず、アイコン21
の「頭部」がメモリから読出される。この「頭部」は、
HEAD（２）の位置に先ず表示させる。水に、アイコン22
の「足部」をメモリから読出し、HEAD（３）の位置に表
示させる。この結果、「頭部」の「部」の上に「足」が
重ね書きしたことになり、「部」が削除され、「足」の
みが表示される。尚、その次のHEAD（n0）は、マウスの
存在位置のアイコンであり、「腹部」は幅Ｌの中のその
まま表示される。次の「胸部」に対しては、「胸」のみ
が表示されることは前述と変りない。This character selection processing can be realized by overwriting.
This is illustrated in FIG. In FIG. 2, first, the icon 21
Is read from the memory. This "head"
First, it is displayed at the position of HEAD (2). In water, icon 22
Is read from the memory and displayed at the position of HEAD (3). As a result, the "foot" is overwritten on the "part" of the "head", the "part" is deleted, and only the "foot" is displayed. The next HEAD (n 0 ) is an icon of the position where the mouse is located, and “abdomen” is displayed as it is within the width L. For the next "chest", only the "chest" is displayed, as before.
この重ね書きの処理は、画像メモリ（表示メモリ）上
での処理で解決する話である。即ち、画像メモリに重ね
書きする代りに、上書きの時点でそれまでの重ね書き相
当部分の格納内容をクリアした事実上の重ね書きするや
り方、又は全面リセットをせずに変更した部分のみを書
込むことによって事実上全面リセットして格納されるや
り方、のいずれか一方を採用すればよい。This overwriting process is a problem to be solved by a process on an image memory (display memory). In other words, instead of overwriting in the image memory, at the time of overwriting, the actual overwriting method in which the stored contents of the corresponding overwriting portion have been cleared, or only the changed portion is written without performing a full reset. Therefore, either one of the methods of storing the data by resetting the entire surface may be adopted.
第３図は、マーカを移動させた例を示す。第３図
（ｂ）は第２図対応図であり、マーカ20は腹部アイコン
23を指示する。これに対して、マーカを移動させてアイ
コン22を指示したとする。このマーカ20Aは、「足部」
のアイコンであり、これにより、第３図（ｂ）では「腹
部」のみがそのまま拡大されていたのに対し、第３図
（ａ）では「足部」がそのまま拡大された表示となる。
逆に、第３図（ｂ）の「腹部」は、「腹」のみの表示と
なる。FIG. 3 shows an example in which the marker is moved. FIG. 3 (b) is a diagram corresponding to FIG.
Indicate 23. On the other hand, it is assumed that the icon 22 is pointed by moving the marker. This marker 20A is a “foot”
In FIG. 3 (b), only the “abdomen” is enlarged as it is, whereas in FIG. 3 (a), the “foot” is enlarged as it is.
Conversely, “abdomen” in FIG. 3B is displayed with only “belly”.
この第３図から、マーカを移動させることによって、
そのマーカの位置の属するアイコンのみが次々に本来の
アイコン全体表示となる。従って、マーカのみを目で追
うことによって、操作すべきアイコンのみが全体表示と
なり、無駄なアイコン表示が不要となる。しかし、他の
アイコンにあっても、その一部が残されて表示（いわゆ
る頭出し表示）されているため、従来例の如きページ更
新といった操作は不要となる。From FIG. 3, by moving the marker,
Only the icon to which the marker position belongs is successively displayed as the original icon. Therefore, by following only the marker with the eyes, only the icon to be operated is displayed in its entirety, and unnecessary icon display is not required. However, even with other icons, a part of the icon is displayed (so-called cue display), so that an operation such as page updating as in the conventional example is not required.
第７図は、アイコン配列の他の実施例である。マーカ
20の位置を基準として、遠くになる程にその幅方向の比
例（１次や２次等）させて小さくさせた例を示す。即
ち、Ｌ＞l2＞l3＞l4である。この時のアイコン位置計算
は比例式に従って自動的になしうる。FIG. 7 shows another embodiment of the icon arrangement. Marker
An example is shown in which the distance from the position 20 is reduced proportionally (primary or secondary) in the width direction as the distance increases. That is, L> l 2 > l 3 > l 4 . The icon position calculation at this time can be automatically performed according to a proportional expression.
第８図は、アイコン配列の他の実施例図である。マー
カ位置のアイコンからの距離と相似させて、アイコン構
体文字をも小さくさせた例である。FIG. 8 is a diagram showing another embodiment of the icon arrangement. This is an example in which the icon structure character is also made smaller by making it similar to the distance from the icon at the marker position.
第７図，第８図の実施例共に、マーカのあるアイコン
のみが拡大表示され、注目しやすくなる。In both of the embodiments shown in FIGS. 7 and 8, only icons with markers are displayed in an enlarged manner, thereby facilitating attention.
第９図は全体システムを示す。マウス1,計算機3,キー
ボード2,画像メモリ4,CRT5より全体システムが成立つ。
マウスでマーカの移動指示を行い、計算機３はこれを取
込み、画像メモリ４を介してCRT5上にマーカを表示させ
る。一方、計算機３は、キーボード２の指示により画像
やアイコン表示を行う。更に計算機３は、マーカ指示位
置からアイコン列の表示位置計算を行い、且つその位置
に従ったアイコン表示を行う。更に、マウスの選択アイ
コンに対しての一定の処理をも指示し、実行させる。FIG. 9 shows the overall system. A mouse 1, a computer 3, a keyboard 2, an image memory 4, and a CRT 5 constitute an entire system.
The computer 3 issues an instruction to move the marker with the mouse, and the computer 3 fetches the instruction to display the marker on the CRT 5 via the image memory 4. On the other hand, the computer 3 displays images and icons according to instructions from the keyboard 2. Further, the computer 3 calculates the display position of the icon row from the marker designated position, and displays the icon according to the position. Further, a certain process for the selected icon of the mouse is also instructed and executed.
本発明によれば、１行に数多くのアイコンを表示でき
ると共に、マーカの指示するアイコンのみが拡大表示で
き、アイコン選択がしやすくなるとの効果を持つ。According to the present invention, many icons can be displayed on one line, and only the icon indicated by the marker can be enlarged and displayed, so that icon selection is facilitated.
第１図は本発明の処理フローの実施例図、第２図はアイ
コン表示例図、第３図はマーカ移動例図、第４図及び第
５図は従来例の説明図、第６図は本発明のアイコン表示
手順を示す図、第７図及び第８図はアイコン表示配列の
他の実施例図、第９図は本発明の全体システム図であ
る。 １……マウス、２……キーボード、３……計算機、４…
…画像メモリ、５……CRT、21,22,23,24……アイコン。FIG. 1 is an embodiment of the processing flow of the present invention, FIG. 2 is an example of icon display, FIG. 3 is an example of marker movement, FIGS. 4 and 5 are explanatory diagrams of a conventional example, and FIG. FIGS. 7 and 8 show another embodiment of the icon display arrangement, and FIG. 9 is an overall system diagram of the present invention. 1 ... mouse, 2 ... keyboard, 3 ... calculator, 4 ...
... Image memory, 5 ... CRT, 21,22,23,24 ... Icon.
Claims (1)
ン表示方法において、入力装置でアイコン表示位置を指
示させ、この指示位置を基準にして配列方向に沿っての
アイコンの配列位置を、上記指示位置のアイコンに比し
て他の位置のアイコンは小さくなるように、計算し、こ
の計算した配列位置に複数個のアイコンを順次配列表示
させてなるアイコン表示方法。In an icon display method for displaying a plurality of icons on a screen, an icon display position is designated by an input device, and the icon arrangement position along the arrangement direction is determined based on the designated position. An icon display method in which an icon at another position is calculated so as to be smaller than that of the icon described above, and a plurality of icons are sequentially arranged and displayed at the calculated arrangement position.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP1055193A JP2790837B2 (en) | 1989-03-09 | 1989-03-09 | Icon display method |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| JP1055193A JP2790837B2 (en) | 1989-03-09 | 1989-03-09 | Icon display method |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| JPH02235095A JPH02235095A (en) | 1990-09-18 |
| JP2790837B2 true JP2790837B2 (en) | 1998-08-27 |
Family
ID=12991853
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| JP1055193A Expired - Fee Related JP2790837B2 (en) | 1989-03-09 | 1989-03-09 | Icon display method |
Country Status (1)
| Country | Link |
|---|---|
| JP (1) | JP2790837B2 (en) |
Families Citing this family (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| EP0996307A4 (en) * | 1998-05-13 | 2006-08-16 | Matsushita Electric Ind Co Ltd | Network control system, controller, and device |
| JP4032649B2 (en) | 1998-08-24 | 2008-01-16 | 株式会社日立製作所 | How to display multimedia information |
| US7142890B2 (en) | 2000-10-31 | 2006-11-28 | Sony Corporation | Information processing device, item display method, program storage medium |
| KR20100065744A (en) * | 2008-12-08 | 2010-06-17 | 엔에이치엔(주) | Method and apparatus for transcoding web page to be suitable for mobile device |
| US9652117B2 (en) * | 2009-02-18 | 2017-05-16 | International Business Machines Corporation | Displaying a representation of data in conditions of limited visual space |
| JP2011221884A (en) * | 2010-04-13 | 2011-11-04 | Yokogawa Electric Corp | Computer system |
-
1989
- 1989-03-09 JP JP1055193A patent/JP2790837B2/en not_active Expired - Fee Related
Also Published As
| Publication number | Publication date |
|---|---|
| JPH02235095A (en) | 1990-09-18 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| US4823303A (en) | Display control apparatus for use in composite document processing apparatus | |
| JP3189870B2 (en) | Image processing device | |
| US7755644B1 (en) | Revealing clipped portion of image object | |
| JPH01161481A (en) | Display | |
| JP2790837B2 (en) | Icon display method | |
| JP3391852B2 (en) | Document processing apparatus and method | |
| JPH0415753A (en) | Data base system | |
| JPH07230374A (en) | Method and device for generating new window in multiwindow system | |
| JP3599198B2 (en) | Figure editing device | |
| JP2906202B2 (en) | Text and figure input method | |
| JP3348363B2 (en) | Graphic information display apparatus and method | |
| JP2723109B2 (en) | Image processing method | |
| JPH09128198A (en) | Method for displaying plural pictures | |
| US20030038804A1 (en) | Fast drawing method and apparatus for large picture data | |
| JPH05101119A (en) | Data base system | |
| JP2937374B2 (en) | Interactive graphics processor | |
| JP2842511B2 (en) | Form creation device | |
| JPH0379718B2 (en) | ||
| JP2922578B2 (en) | Character processor | |
| JP2613226B2 (en) | How to edit formula input | |
| JP3063120B2 (en) | Image drawing device | |
| JPH11231990A (en) | Method and device for displaying image part and recording medium recording program to execute processing | |
| JPS6334672A (en) | Still picture generation method | |
| JPH06105392B2 (en) | Graphic display method | |
| JPH04349580A (en) | Method and device for designating image |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| LAPS | Cancellation because of no payment of annual fees |