JP2947704B2 - Display screen creation method and display screen creation device - Google Patents
Display screen creation method and display screen creation deviceInfo
- Publication number
- JP2947704B2 JP2947704B2 JP6034659A JP3465994A JP2947704B2 JP 2947704 B2 JP2947704 B2 JP 2947704B2 JP 6034659 A JP6034659 A JP 6034659A JP 3465994 A JP3465994 A JP 3465994A JP 2947704 B2 JP2947704 B2 JP 2947704B2
- Authority
- JP
- Japan
- Prior art keywords
- display
- screen
- size
- change
- display screen
- 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 - Lifetime
Links
Landscapes
- Processing Or Creating Images (AREA)
- Digital Computer Display Output (AREA)
- User Interface Of Digital Computer (AREA)
Description
【0001】[0001]
【産業上の利用分野】本発明は、情報処理装置や各種の
制御装置において、ディスプレイ装置に出力表示する画
面情報の作成方法および作成装置に関するものであり、
特に表示情報の単位となるリストやボタン等の画面表示
部品が複数配置されている表示画面を、画面の解像度の
変更時あるいは画面表示部品の増減、変更時に表示スペ
ースを考慮して、適正に再構成することを可能にするも
のである。BACKGROUND OF THE INVENTION 1. Field of the Invention The present invention relates to a method and an apparatus for creating screen information to be output and displayed on a display device in an information processing device or various control devices.
In particular, display screens in which multiple screen display components such as lists and buttons, which are the units of display information, are arranged, should be properly redesigned when changing the screen resolution or increasing or decreasing the screen display components, taking into account the display space. It is possible to configure.
【0002】[0002]
【従来の技術】一般に情報処理装置においては、ディス
プレイ装置の画面を用いて対話形式により処理を行う場
合、リストなどのデータと操作コマンド入力用のボタン
などの種類の異なる複数の情報を1つの画面内に配置し
て表示することが少なくない。図10の(a)はその1
例を示したもので、ディスプレイ装置の表示枠内に表示
画面の領域が設定され(枠で示される)、その中に複数
の情報単位が矩形や円形のブロックで示される。なお、
このような画面表示される各単位の情報を、ここでは一
般化して画面表示部品と呼ぶ。2. Description of the Related Art Generally, in an information processing apparatus, when processing is performed interactively using a screen of a display device, data such as a list and a plurality of information of different types such as buttons for inputting operation commands are displayed on a single screen. Often placed and displayed within. (A) of FIG.
In the example, a display screen area is set in a display frame of a display device (indicated by a frame), and a plurality of information units are indicated by rectangular or circular blocks in the area. In addition,
Here, the information of each unit displayed on the screen is generalized and referred to as a screen display component.
【0003】画面設計において、画面に表示される各画
面表示部品の画面上での配置、つまり表示部品の縦横の
サイズと表示位置とは、画面定義体などの形で設定され
る。ところで、このような画面表示部品のサイズや表示
位置は、画素アドレスをベースに定められるため、ディ
スプレイの解像度が同じ画面サイズで変更された場合、
単位面積当たりの画素数が増減するので、解像度の増
加、減少に応じて画面表示部品のサイズと画面表示部品
間の間隔は縮小、拡大されることになる。In screen design, the layout of each screen display component displayed on the screen on the screen, that is, the vertical and horizontal sizes and display positions of the display components are set in the form of a screen definition body. By the way, since the size and display position of such a screen display component are determined based on the pixel address, when the resolution of the display is changed with the same screen size,
Since the number of pixels per unit area is increased or decreased, the size of the screen display component and the interval between the screen display components are reduced or enlarged as the resolution increases or decreases.
【0004】そのため、元の解像度で設計された画面表
示部品をそのまま新しい解像度の画面に表示した場合、
解像度が増加していると、図10の(b)に例示される
ように表示画面がディスプレイ枠内に縮小して表示さ
れ、大きな空きスペースができたり、その反対に解像度
が減少していると、図10の(c)に例示されるように
表示画面が拡大表示されて、同じ比率で拡大表示された
表示部品の一部が右方と下方からはみ出してしまうよう
なことが起こる。このような場合、従来は、解像度を増
加、減少させた割り合いにしたがって表示画面全体を逆
に拡大、縮小させるスケーリングを行い、さらに個別の
画面表示部品について適当な比率でスケーリングを行っ
て、各画面表示部品の適正な配置が得られるように画面
の再構成を行っていた。Therefore, when a screen display component designed at the original resolution is displayed as it is on a screen of a new resolution,
When the resolution is increased, the display screen is reduced and displayed in the display frame as illustrated in FIG. 10B, and when a large empty space is created or the resolution is decreased. As shown in FIG. 10C, the display screen is enlarged and displayed, and a part of the display component enlarged and displayed at the same ratio may protrude from the right side and the lower side. In such a case, conventionally, the resolution is increased or reduced, and the entire display screen is scaled up or down in reverse according to the reduced ratio, and the individual screen display components are scaled at an appropriate ratio. The screen was reconfigured so that the proper arrangement of the screen display components could be obtained.
【0005】また解像度の変更に合わせて画面サイズが
変更され単位面積当たりの画素数が変化しない場合に
も、画面サイズの伸縮に追従させて画面全体の拡大ある
いは縮小を行い、元の表示バランスが保たれるように画
面を再構成して対応していた。[0005] Even when the screen size is changed in accordance with the change in resolution and the number of pixels per unit area does not change, the entire screen is enlarged or reduced by following the expansion and contraction of the screen size, and the original display balance is maintained. The screen was reconfigured to keep it.
【0006】従来は、このような場合、人手により個々
の画面表示部品ごとに画面定義体を修正するか、ソフト
機能を用いて画面全体を一律に拡大あるいは縮小するス
ケーリング処理を行っていた。しかし人手による修正を
行う方法では利用者の負担が大きくなり、またソフト機
能を用いて一律にスケーリング処理を行う方法では、画
面表示部品の種類によっては画面効率が悪くなったり、
カーソル操作に不都合が生じるなどの問題があった。Conventionally, in such a case, a scaling process of manually correcting a screen definition body for each screen display component, or uniformly enlarging or reducing the entire screen using a software function has been performed. However, the method of performing the correction manually increases the burden on the user, and the method of uniformly performing the scaling process using the software function deteriorates the screen efficiency depending on the type of the screen display component,
There were problems such as inconvenience in cursor operation.
【0007】[0007]
【発明が解決しようとする課題】本発明は、複数の画面
表示部品をもつ画面の解像度や画面サイズの変更、ある
いは表示部品の増減、変更があったとき、自動的に画面
の設計変更を適正に行う手段を提供することを目的とし
ている。SUMMARY OF THE INVENTION According to the present invention, when the resolution or screen size of a screen having a plurality of screen display parts is changed, or when the number of display parts is increased or decreased, the screen design is automatically changed. The purpose is to provide a means to perform.
【0008】[0008]
【課題を解決するための手段】本発明は、画面に表示さ
れる複数の画面表示部品の各々に、画面設計変更が行わ
れたときの表示サイズの拡大あるいは縮小の変更方向や
変更のメリットの大きさなどを示す変更属性を予め付与
しておき、画面の解像度の変更、あるいは画面表示部品
の増減、変更によって、画面構成を修正する必要が生じ
たとき、各表示部品に付与されている表示サイズの変更
属性を参照することによって、自動的に適正な画面を再
構成できるようにするものである。SUMMARY OF THE INVENTION According to the present invention, a plurality of screen display components displayed on a screen are provided with a change direction of enlargement or reduction of a display size when a screen design is changed.
A change attribute indicating the magnitude of the merit of the change is given in advance, and when it is necessary to modify the screen configuration due to a change in screen resolution or an increase or decrease in the number of screen display parts, the change attribute is added to each display part. It is possible to automatically reconstruct an appropriate screen by referring to the change attribute of the displayed size .
【0009】図1は、本発明の原理説明図である。図に
おいて、1は、情報処理装置である。2は、ディスプレ
イ装置である。FIG. 1 is a diagram illustrating the principle of the present invention. In the figure, reference numeral 1 denotes an information processing device. 2 is a display device.
【0010】3は、表示画面であり、表示画面内の各ブ
ロックは、画面表示部品である。4は、表示画面3の解
像度や画面サイズなどの表示環境を規定する画面特性情
報である。Reference numeral 3 denotes a display screen, and each block in the display screen is a screen display component. Reference numeral 4 denotes screen characteristic information that defines a display environment such as a resolution and a screen size of the display screen 3.
【0011】5は、画面表示部品設定情報であり、画面
に表示される各画面表示部品の表示データのほか、表示
領域のサイズや表示位置を示すアドレスなどの表示条件
および表示サイズの変更に対するメリットの大きさを示
す変更属性が設定されている。Reference numeral 5 denotes screen display component setting information, which is not only display data of each screen display component to be displayed on the screen, but also a display condition such as a size of a display area and an address indicating a display position, and merits for changing the display size. Shows the size of
To change attribute is set.
【0012】6は、表示画面作成部であり、画面の解像
度などの表示環境の変更や画面表示部品の増減などに応
じて表示画面の再構成処理を行う。7は、画面特性解析
部であり、画面特性情報4および画面表示部品設定情報
5を参照して変更の有無を検出する。Reference numeral 6 denotes a display screen creation unit, which reconstructs a display screen according to a change in a display environment such as a screen resolution or an increase or decrease in screen display components. Reference numeral 7 denotes a screen characteristic analysis unit which detects the presence or absence of a change by referring to the screen characteristic information 4 and the screen display component setting information 5.
【0013】8は、画面設計部であり、画面特性解析部
7が変更有りを検出したとき、画面表示部品設定情報5
に設定されている表示条件の変更属性にしたがって各画
面表示部品の画面配置を再設計する。設計結果は、画面
表示部品設定情報5に反映される。Reference numeral 8 denotes a screen design unit. When the screen characteristic analysis unit 7 detects that there is a change, the screen display component setting information 5
The screen layout of each screen display component is redesigned according to the change attribute of the display condition set in. The design result is reflected in the screen display component setting information 5.
【0014】9は、画面描画部であり、画面設計結果の
各画面表示部品をディスプレイ装置2の表示画面3に描
画出力する。Reference numeral 9 denotes a screen drawing unit, which draws and outputs each screen display component of the screen design result on the display screen 3 of the display device 2.
【0015】[0015]
【作用】図1において、ディスプレイ装置2は、種別に
より定まる固有の解像度と画面サイズをもち、情報処理
装置1に接続されたとき、その種別情報が情報処理装置
1に通知され、情報処理装置1内に種別に対応する解像
度や画面サイズなどの画面特性情報4が設定される。In FIG. 1, the display device 2 has a unique resolution and screen size determined by the type, and when connected to the information processing device 1, the type information is notified to the information processing device 1, and the information processing device 1 The screen characteristic information 4 such as the resolution and the screen size corresponding to the type is set in the field.
【0016】ディスプレイ装置2の表示画面3に出力表
示したい複数の画面表示部品、表示領域のサイズ、アド
レスおよび表示条件の変更属性を含む画面表示部品設定
情報5が作成され設定される。画面表示部品の増減(追
加、削除)または変更があった場合には、対応する画面
表示部品設定情報の追加、削除、変更が行われる。表示
条件の変更属性には、画面表示部品のサイズの変更によ
り得られるメリットの大きさ、サイズ変更の仕方につい
ての制約等の情報あるいはこれらの情報を規定する部品
の種別情報などが設定される。Screen display component setting information 5 including a plurality of screen display components to be output and displayed on the display screen 3 of the display device 2, display area sizes, addresses, and display condition change attributes is created and set. When there is an increase / decrease (addition / deletion) or change in the screen display component, the corresponding screen display component setting information is added, deleted, or changed. The display condition change attribute is set with information such as the size of the merit obtained by changing the size of the screen display component, restrictions on how to change the size, or component type information that defines such information.
【0017】表示画面作成部6は、コマンド指示によ
り、あるいはシステム立上げ時に自動的に起動される。
表示画面作成部6が起動されたとき、まず画面特性解析
部7が機能して、画面特性情報4および画面表示部品設
定情報5のいずれかに変更があったかどうかを調べる。
そして変更があったこと、たとえば解像度の変更を検出
すると、画面設計部8を機能させる。The display screen creation unit 6 is started automatically by a command instruction or at system startup.
When the display screen creating unit 6 is activated, the screen characteristic analyzing unit 7 first functions to check whether any of the screen characteristic information 4 and the screen display component setting information 5 has been changed.
When a change is detected, for example, a change in resolution is detected, the screen design unit 8 is made to function.
【0018】画面設計部8は、解像度が変更されている
か、画面表示部品が増減あるいは変更されているか、さ
らに各画面表示部品の表示条件の変更属性はどのように
なっているか、にしたがって画面設計をやり直す。この
ときたとえば解像度が増加していれば、実質的に画面空
間が拡大し、見かけ上の画面表示部品のサイズは縮小し
ているので、基本的には各画面表示部品のサイズを拡大
するが、個別の画面表示部品に設定されている変更属性
にしたがって、たとえば変更メリットの大きいものを優
先し、また縦横の拡大比などについての制約があればそ
れを考慮して、拡大処理を行う。また画面表示部品の増
減があった場合には、画面の表示スペース内に全ての画
面表示部品が適切な大きさとレイアウトで配置されるよ
うに、各画面表示部品の変更属性を考慮して、縮小処理
あるいは拡大処理を行う。The screen design unit 8 performs screen design in accordance with whether the resolution has been changed, whether the number of screen display components has been increased or decreased, and how the display condition change attribute of each screen display component has been changed. Redo. At this time, for example, if the resolution is increased, the screen space is substantially enlarged, and the apparent size of the screen display component is reduced. Therefore, basically, the size of each screen display component is increased. In accordance with the change attributes set for the individual screen display components, for example, an enlargement process is performed by giving priority to a component having a large merit for change and taking into account any restrictions on the vertical and horizontal enlargement ratios. Also, if there is an increase or decrease in the number of screen display components, the size of each screen display component is reduced in consideration of the change attribute of each screen display component so that all screen display components are arranged in an appropriate size and layout within the screen display space. Perform processing or enlargement processing.
【0019】このようにして、個々の画面表示部品の変
更属性を考慮して画面設計が行われるために、たとえば
リストなどのデータでは表示されるデータ量ができるだ
け多くなる方向(あるいは減少しない方向)に、またボ
タンではカーソル操作に都合のいい形状、サイズ、位置
で画面の再構成を行わせることが可能となる。As described above, the screen design is performed in consideration of the change attribute of each screen display component. For example, in the case of data such as a list, a direction in which the amount of displayed data is as large as possible (or a direction in which the data amount is not reduced). In addition, with the buttons, the screen can be reconfigured with a shape, size, and position convenient for the cursor operation.
【0020】[0020]
【実施例】図2は、図1に示された画面設計部8の1実
施例について、ディスプレイ装置の解像度が変更された
場合の基本的な処理のフローを示す。フローにしたがっ
て処理内容を説明する。FIG. 2 shows a basic processing flow when the resolution of the display device is changed in one embodiment of the screen designing unit 8 shown in FIG. The processing content will be described according to the flow.
【0021】まず、元の画面における各画面表示部品の
縦・横の割合を算出する。次に解像度の変更に対応する
拡大比率(解像度が増加した場合)または縮小比率(解
像度が減少した場合)の標準値HYOJUNを設定す
る。この標準値による拡大/縮小比率は、解像度の変更
により変化した画面表示部品の見かけ上のサイズを元の
大きさに戻すためのものである。First, the vertical / horizontal ratio of each screen display component in the original screen is calculated. Next, a standard value HYOJUN of an enlargement ratio (when the resolution increases) or a reduction ratio (when the resolution decreases) corresponding to the change in resolution is set. The enlargement / reduction ratio based on the standard value is for returning the apparent size of the screen display component changed by the change of the resolution to the original size.
【0022】解像度が増加したことにより拡大処理を行
う場合には、各画面表示部品に設定されている変更属性
を調べて、拡大比率の標準値よりも大きく拡大すること
(見かけ上のサイズを元の大きさよりも大きくするこ
と)によるメリットのある画面表示部品のみを抽出し、
その集合をLgrpとして、Lgrpの各部品に標準値
よりも少し大きい拡大比率HYOJUN+α(α>0)
を与える。αの値は、予め適当に設定されている。When enlargement processing is performed due to an increase in resolution, the change attribute set for each screen display component is checked, and enlargement is made larger than the standard value of the enlargement ratio (based on the apparent size. Only screen display parts that have the advantage of being larger than the size of
The set is defined as Lgrp, and the enlargement ratio HYOJUN + α (α> 0) is slightly larger than the standard value for each part of Lgrp.
give. The value of α is appropriately set in advance.
【0023】他方、解像度が減少して縮小処理を行う場
合には、各画面表示部品の変更属性から、縮小比率の標
準値よりも小さく縮小すること(見かけ上のサイズを元
の大きさよりも小さくすること)によるメリットのある
部品のみを抽出し、その集合をSgrpとして、Sgr
pの各部品それぞれに、標準値よりも少し小さい縮小比
率HYOJUN−α(α>0)を与える。On the other hand, in the case where the resolution is reduced and the reduction process is performed, it is necessary to reduce the reduction ratio from the standard value of the reduction ratio based on the change attribute of each screen display component (to reduce the apparent size to the original size). ), And only the parts that have the advantage of
A reduction ratio HYOJUN-α (α> 0) slightly smaller than the standard value is given to each of the parts p.
【0024】このようにして、特に拡大あるいは縮小す
ることが望ましい画面表示部品について拡大比率あるい
は縮小比率を決定した後、他の部品に残りの表示スペー
スを割り当て、それらの部品の拡大比率あるいは縮小比
率を逆算して求め、それぞれの拡大比率、縮小比率を決
定する。各部品について拡大あるいは縮小した結果の各
部品のレイアウトは画面表示部品設定情報に反映され、
画面描画部9に渡される。In this manner, after determining the enlargement ratio or the reduction ratio for the screen display component which is particularly desired to be enlarged or reduced, the remaining display space is allocated to other components, and the enlargement ratio or the reduction ratio of those components is determined. Are calculated in reverse, and the respective enlargement ratio and reduction ratio are determined. The layout of each part as a result of scaling up or down for each part is reflected in the screen display part setting information,
It is passed to the screen drawing unit 9.
【0025】図3は、画面表示部品がボタンである場合
に、ボタン内に表示される文字列の長さやマージンを考
慮してボタンの横サイズおよびボタン間距離を決定する
処理のフローである。また図4(a)は、ボタンの具体
例を示している。以下、フローにより処理内容を説明す
る。FIG. 3 is a flowchart of a process for determining the horizontal size of the button and the distance between the buttons in consideration of the length and margin of a character string displayed in the button when the screen display component is a button. FIG. 4A shows a specific example of the button. Hereinafter, the processing content will be described with reference to a flow.
【0026】まず、図4(a)の例のボタン名“機能
1”のような各ボタンのボタン名の文字列長の総和SU
M STRを算出し、次にボタン名の両端にそれぞれ設
けるマージンの左右を合計したボタン両端マージンの最
小値、中間値、最大値をそれぞれ決定する。たとえば最
小値は“0”、最大値は文字幅の2倍に等しくされる。First, the sum SU of the character string lengths of the button names of the buttons, such as the button name “function 1” in the example of FIG.
M The STR is calculated, and then the minimum value, the intermediate value, and the maximum value of the button both end margins, which are the sum of the left and right margins provided at both ends of the button name, are determined. For example, the minimum value is set to "0" and the maximum value is set to twice the character width.
【0027】次に、ボタン間の距離L MAXの最大値
を設定する。次に、各ボタン内の両端マージン(図4
(a)参照)の値をそれぞれ最大値にしたとき、ボタン
の一部が表示領域から外れて欠けるかどうかを調べ、ボ
タンが欠けなければ両端マージンを最大値に設定し、ボ
タンが欠ける場合には両端マージンを順次中間値、最小
値に変更して、それぞれの場合にボタンが欠けるかどう
かを調べ、中間値でボタンが欠けなければ両端マージン
を中間値に設定し、中間値では欠けるが最小値では欠け
ない場合には両端マージンを最小値に設定する。Next, the distance L between the buttons Set the maximum value of MAX. Next, the margins at both ends within each button (FIG. 4)
When the value of (a) is set to the maximum value, it is checked whether a part of the button is out of the display area and chipped. If the button is not missing, the margins at both ends are set to the maximum value. Changes the margins to the middle value and the minimum value in order, and checks whether the button is missing in each case.If the button is not missing at the middle value, sets the both margins to the middle value. If the value is not missing, set the margins at both ends to the minimum value.
【0028】このようにして、各ボタンごとに文字列長
と両端マージンの合計からボタンの横サイズを決定し、
次に図4(b)に示すように、それらのボタンを表示領
域内に等間隔で配置したときのボタン間の距離Lを逆算
して、その値LをL MAXと比較し、L MAX≦L
であればボタン間のLの値をL MAXに補正し、L M
AX>LであればそのLの値を採用して、ボタンのレイ
アウトを設定する。これにより、ボタン間がL MAX
以上に開き過ぎないようにして画面のマージンを各ボタ
ン間に適切に分配する。In this way, the character string length for each button
Determine the horizontal size of the button from the sum of
Next, as shown in FIG.
Back calculation of distance L between buttons when arranged at equal intervals in the area
And the value L is changed to L Compared to MAX, L MAX ≦ L
Then, the value of L between the buttons is L Corrected to MAX, L M
If AX> L, the value of L is adopted and the button
Set out. As a result, the distance between the buttons is L MAX
Make sure that the screen margins are
Distribute appropriately between
【0029】図5は、図3のフローにおいて、両端マー
ジンの最小値、中間値、最大値をそれぞれ決定する処理
部分の具体例のフローである。この例では、最小値は
0、最大値は全角1文字の横幅、中間値は最大値の1/
2にされる。FIG. 5 is a flow chart of a specific example of a processing portion for determining the minimum value, the intermediate value, and the maximum value of the margins at both ends in the flow of FIG. In this example, the minimum value is 0, the maximum value is the width of one full-width character, and the intermediate value is 1 / of the maximum value.
It is made 2.
【0030】まず、最小値には0を割り付ける。次に、
画面上での全角1文字の横幅のドット数を算出して、そ
の値をdot ZENとする。このdot ZENの値を
両端マージンの中間値とし、dot ZENの2倍の値を
両端マージンの最大値とする。なおボタンの一端のマー
ジンの中間値はdot ZEN/2、最大値はdot
ZENとなる。First, 0 is assigned to the minimum value. next,
Calculate the number of dots of the width of one full-width character on the screen, and
Is the value of dot ZEN. This dot The value of ZEN
Dot as the intermediate value of both margins Double the value of ZEN
It is the maximum value of both margins. Note that the marker at one end of the button
The median value of gin is dot ZEN / 2, maximum is dot
ZEN.
【0031】図6は、図3のフローにおいて、ボタンの
両端マージンを中間値にした場合にボタンが欠けるかど
うかを判断する処理部分の詳細フローである。まず、ボ
タン表示領域の表示可能横長の値をdisplay X
とし、配置するN個のボタンについて、ボタン1からボ
タンNまでのそれぞれのボタンにマージンを足した横長
の値をbutton1 X〜buttonN Xとし
て、button1 X〜buttonN Xの和をも
とめ、yoko Xとする。FIG. 6 is a detailed flow of the processing for judging whether or not a button is missing when the margins at both ends of the button are set to intermediate values in the flow of FIG. First, the displayable horizontal value of the button display area is displayed. X
For the N buttons to be arranged, a horizontal value obtained by adding a margin to each of the buttons from button 1 to button N is a button1. X to buttonN X is button1 X to buttonN Find the sum of X, yoko Let it be X.
【0032】ここでyoko Xの値とdisplay
Xの値とを比較して、yoko X≦display
Xであれば、ボタンの欠けはないものと判断し、yok
o X>display Xであれば、ボタンが欠けるも
のと判断するものである。Here, yoko X value and display
By comparing with the value of X, yoko X ≦ display
If it is X, it is determined that there is no missing button, and yok
o X> display If X, button is missing
It is determined that.
【0033】ボタン数、ボタン文字列長にはそれぞれ上
限があり、それ以上のボタン数や文字数の設定が行われ
た場合には、エラーが発行されるように構成する。また
画面表示部品の変更属性の設定の仕方としては、表示部
品の種類別に拡大/縮小のメリットの大きさを設定する
が、縦方向への拡大/縮小メリットと横方向への拡大/
縮小メリットとを別々に設定できるようにすることがで
きる。たとえば、表示部品がリストボックスの場合、縦
方向への拡大は表示データ数の増大につながるため拡大
メリットは大きいが、横方向についての拡大メリットは
小さい。また表示部品がボタンの場合には、表示する文
字数がもともと少ないため縦方向への拡大メリットはあ
まりなく普通であるが、横方向については、ボタンを横
長に延長できれば、マウスカーソルによるポインティン
グ操作時の移動距離を短縮できるので、拡大メリットは
大きい。このように表示部品の種類に応じて、縦方向と
横方向の拡大/縮小のメリット、デメリットを予めラン
ク付けしておき、解像度の増減や、表示部品の増減、変
更によって画面設計をやり直す際、拡大/縮小のメリッ
トの大きい表示部品について優先的に拡大/縮小を図る
ことができる。The number of buttons and the length of the button character string have respective upper limits, and an error is issued if the number of buttons or the number of characters is set beyond that. As for the method of setting the change attribute of the screen display component, the size of the advantage of enlargement / reduction is set for each type of display component, but the advantage of enlargement / reduction in the vertical direction and the advantage of enlargement / reduction in the horizontal direction are set.
The reduction merit and the reduction merit can be set separately. For example, when the display component is a list box, the enlargement in the vertical direction leads to an increase in the number of display data, so the enlargement advantage is large, but the enlargement advantage in the horizontal direction is small. Also, when the display component is a button, the number of characters to be displayed is originally small, so there is not much benefit in expanding in the vertical direction and it is normal, but in the horizontal direction, if the button can be extended horizontally, the pointing operation with the mouse cursor Since the moving distance can be shortened, the merit of expansion is great. In this way, the merits and demerits of vertical / horizontal enlargement / reduction are ranked in advance according to the type of display component, and when redesigning the screen by increasing or decreasing the resolution or increasing or decreasing the display component, It is possible to preferentially enlarge / reduce a display component having a large merit of enlargement / reduction.
【0034】図7ないし図9に、画面設計変更の具体例
を示す。図7は、単位面積当たりの画素数に変更があっ
た場合の画面設計変更例を示す。図中のA,B,C,D
は表示部品であり、それぞれの変更属性に設定されてい
る拡大/縮小メリットは、図7の(d)に示されるよう
なものである。7 to 9 show specific examples of the screen design change. FIG. 7 shows an example of a screen design change when the number of pixels per unit area is changed. A, B, C, D in the figure
Are display components, and the enlargement / reduction merit set in each change attribute is as shown in FIG. 7D.
【0035】図7の(a)は、元の解像度で設計された
画面を示す。図7の(b)は、従来例の方法で各表示部
品に同一の拡大比率を適用して自動的に再設計した画面
である。これに対して、図7の(c)は本発明により各
表示部品の変更属性を考慮して拡大比率を調整し、再設
計した画面を示している。図7の(c)では、表示部品
Aの拡大メリットが小さいことから縦サイズの拡大は行
われず、代わりに拡大メリットの大きい表示部品Cの縦
サイズが拡大されて、表示データの選択肢が5から7に
増加されている。これにより、選択肢を参照する際のス
クロール回数を従来よりも少なくすることができる。FIG. 7A shows a screen designed at the original resolution. FIG. 7B is a screen automatically redesigned by applying the same enlargement ratio to each display component by the conventional method. On the other hand, FIG. 7C shows a screen redesigned by adjusting the enlargement ratio in consideration of the change attribute of each display component according to the present invention. In FIG. 7C, the vertical size is not expanded because the display component A has a small enlargement advantage. Instead, the vertical size of the display component C having a large enlargement advantage is enlarged, and the display data options are reduced from five. It has been increased to seven. As a result, the number of times of scrolling when referring to options can be reduced as compared with the related art.
【0036】図8は、表示部品の一部を削除した場合の
画面設計変更例を示す。図8の(a)は元の画面であ
り、ここで表示部品A3〜A5が削除される。図8の
(b)は、従来例の方法で自動的に再設計した画面であ
り、表示部品A3〜A5があった領域は空白となってい
る。図8の(c)は本発明により再設計された画面であ
り、表示部品A1〜A5に、横方向の拡大メリットが大
という変更属性を与えておくことにより、図のように空
白領域を有効利用して表示部品A1およびA2を横方向
に引き伸ばし、面積を拡大する。これにより、表示部品
A1,A2のボタンの場合、カーソルによるポインティ
ングが容易となる。FIG. 8 shows an example of a screen design change when a part of the display component is deleted. FIG. 8A shows the original screen, in which the display components A3 to A5 are deleted. FIG. 8B is a screen automatically redesigned by the method of the related art, and the area where the display components A3 to A5 are present is blank. FIG. 8C shows a screen redesigned according to the present invention. By giving the display components A1 to A5 a change attribute that the merit of enlargement in the horizontal direction is large, a blank area is effective as shown in FIG. The display components A1 and A2 are stretched in the horizontal direction by using them to enlarge the area. Thereby, in the case of the buttons of the display components A1 and A2, pointing with the cursor becomes easy.
【0037】図9は、表示部品を追加した場合の画面設
計変更例を示す。図9の(a)は元の画面であり、ここ
で表示部品A5が追加される。図9の(b)は、従来例
の方法で自動的に再設計した画面であり、追加された表
示部品A5は、図9の(a)において表示部品A1〜A
4が表示されている上段領域の右端の小さい空きスペー
スに表示されるため、表示部品A5は欠けて表示され
る。図9の(c)は本発明により再設計された画面であ
り、予め表示部品A1〜A5の変更属性に横方向の縮小
メリットを設定しておくことにより、各表示部品A1〜
A5を横方向に縮小して、画面上に適正に配置すること
ができる。FIG. 9 shows an example of a screen design change when a display component is added. FIG. 9A shows the original screen, in which a display component A5 is added. FIG. 9B is a screen automatically redesigned by the method of the conventional example, and the added display parts A5 are the display parts A1 to A in FIG.
Since 4 is displayed in a small empty space at the right end of the upper area where 4 is displayed, the display component A5 is displayed in a chipped manner. FIG. 9C shows a screen redesigned according to the present invention. By setting in advance the reduction attribute in the horizontal direction to the change attribute of the display components A1 to A5, each of the display components A1 to A5 is displayed.
A5 can be reduced in the horizontal direction and properly arranged on the screen.
【0038】[0038]
【発明の効果】本発明により、予め各表示部品ごとに変
更属性を設定しておくことにより、解像度や表示部品の
増減、変更時に拡大が好ましい表示部品や縮小が可能な
表示部品などを認識して適切に拡大あるいは縮小し、全
体として無駄がなく、効率的で使いやすい画面を自動的
に再構成でき、画面設計負担の軽減とMMIの向上とを
図ることができる。According to the present invention, by setting a change attribute for each display component in advance, it is possible to recognize a display component which is preferably enlarged or reduced when changing or increasing or decreasing the resolution or the display component. In this way, the screen can be appropriately enlarged or reduced, and the entire screen can be automatically reconfigured with no waste and an efficient and easy-to-use screen, thereby reducing the screen design load and improving the MMI.
【図1】本発明の原理説明図である。FIG. 1 is a diagram illustrating the principle of the present invention.
【図2】本発明の1実施例における画面設計部の解像度
変更時の処理フロー図である。FIG. 2 is a processing flowchart when the resolution of the screen design unit is changed in one embodiment of the present invention.
【図3】ボタンの画面設計処理のフロー図である。FIG. 3 is a flowchart of a button screen design process.
【図4】マージンとボタン間距離の説明図である。FIG. 4 is an explanatory diagram of a margin and a distance between buttons.
【図5】ボタンの両端マージンを決定する処理の具体例
のフロー図である。FIG. 5 is a flowchart of a specific example of a process for determining a margin at both ends of a button.
【図6】ボタンの欠けを判断する処理の詳細フロー図で
ある。FIG. 6 is a detailed flowchart of a process for determining whether a button is missing.
【図7】解像度を増加させた場合の画面設計変更例の説
明図である。FIG. 7 is an explanatory diagram of a screen design change example when the resolution is increased.
【図8】表示部品の一部を削除した画面設計変更例の説
明図である。FIG. 8 is an explanatory diagram of a screen design change example in which a part of a display component is deleted.
【図9】表示部品を追加した画面設計変更例の説明図で
ある。FIG. 9 is an explanatory diagram of a screen design change example in which display components are added.
【図10】表示部品と解像度変更の説明図である。FIG. 10 is an explanatory diagram of display components and resolution change.
1:情報処理装置 2:ディスプレイ装置 3:表示画面 4:画面特性情報 5:画面表示部品設定情報 6:表示画面作成部 7:画面特性解析部 8:画面設計部 9:画面描画部 1: Information processing device 2: Display device 3: Display screen 4: Screen characteristic information 5: Screen display component setting information 6: Display screen creation unit 7: Screen characteristic analysis unit 8: Screen design unit 9: Screen drawing unit
───────────────────────────────────────────────────── フロントページの続き (58)調査した分野(Int.Cl.6,DB名) G06F 3/14 ──────────────────────────────────────────────────続 き Continued on the front page (58) Field surveyed (Int.Cl. 6 , DB name) G06F 3/14
Claims (2)
面の作成方法において、 予め、画面表示部品単位に表示サイズの拡大あるいは縮
小の変更に対するメリットの大きさを示す変更属性を設
定しておき、 表示画面の解像度の変更、あるいは画面表示部品の増
減、変更により、表示画面の表示スペースが変化したと
き、各画面表示部品に設定されている上記表示サイズの
変更属性を調べ、表示サイズを変更するメリットの大き
さに応じて表示部品のサイズを変更し、表示画面を自動
的に再構成することを特徴とする表示画面の作成方法。1. A method for creating a display screen comprising a plurality of screen display components, comprising : expanding or reducing a display size for each screen display component in advance.
Set a change attribute that indicates the size of the merit for a small change.When the display space of the display screen changes due to a change in the resolution of the display screen, Examine the above-mentioned display size change attributes that have been set , and see the great benefits of changing the display size.
Change the size of the table radical 113 products according to the method creates a display screen, characterized by automatically re-configure the display screen.
面を作成してディスプレイ装置に供給する表示画面作成
装置において、 画面表示部品単位に表示サイズの拡大あるいは縮小に対
するメリットの大きさを示す変更属性を設定する手段
と、 表示画面の解像度の変更、あるいは画面表示部品の増
減、変更による表示画面の表示スペースの変化を検出す
る手段と、 表示画面の表示スペースの変化が検出されたとき、上記
画面表示部品単位に設定されている表示サイズの変更属
性を調べ、表示サイズを変更するメリットの大きさに応
じて画面表示部品のサイズを変更して表示画面を再構成
する手段と、 からなることを特徴とする表示画面作成装置。2. A display screen creation apparatus for creating a display screen composed of a plurality of screen display parts and supplying the display screen to a display device, wherein the display size is increased or reduced in units of screen display parts .
Means for setting a change attribute indicating the size of the merit to be changed, means for detecting a change in the display space of the display screen due to a change in the resolution of the display screen, or an increase or decrease of the screen display components, and a change in the display space of the display screen. When a change is detected, the display size change attribute set for each screen display component described above is checked, and the size of the display size is changed.
Flip and screens and means for reconstructing the display component display screen by changing the size of the display screen creating apparatus characterized by comprising a.
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP6034659A JP2947704B2 (en) | 1994-03-04 | 1994-03-04 | Display screen creation method and display screen creation device |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
JP6034659A JP2947704B2 (en) | 1994-03-04 | 1994-03-04 | Display screen creation method and display screen creation device |
Publications (2)
Publication Number | Publication Date |
---|---|
JPH07244568A JPH07244568A (en) | 1995-09-19 |
JP2947704B2 true JP2947704B2 (en) | 1999-09-13 |
Family
ID=12420577
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
JP6034659A Expired - Lifetime JP2947704B2 (en) | 1994-03-04 | 1994-03-04 | Display screen creation method and display screen creation device |
Country Status (1)
Country | Link |
---|---|
JP (1) | JP2947704B2 (en) |
Families Citing this family (50)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JPH0764758A (en) * | 1993-08-27 | 1995-03-10 | Sony Corp | Input and display method |
JPH09128192A (en) * | 1995-10-26 | 1997-05-16 | Brother Ind Ltd | Multi-screen display controller |
JP3909499B2 (en) * | 1995-11-15 | 2007-04-25 | 三菱電機株式会社 | Graphical user interface device |
US5943053A (en) * | 1997-04-01 | 1999-08-24 | Sun Microsystems, Inc. | Method and apparatus for expanding and contracting a window panel |
JPH1185447A (en) * | 1997-09-05 | 1999-03-30 | Nec Corp | Hyperlink management device |
US6983424B1 (en) | 2000-06-23 | 2006-01-03 | International Business Machines Corporation | Automatically scaling icons to fit a display area within a data processing system |
JP2002214972A (en) * | 2000-11-14 | 2002-07-31 | Fuji Xerox Co Ltd | Display device, display method and image forming device |
JP2002328801A (en) * | 2001-05-01 | 2002-11-15 | Matsushita Electric Ind Co Ltd | Display processing device |
US7895522B2 (en) | 2001-09-28 | 2011-02-22 | Ntt Docomo, Inc. | Layout of platform specific graphical user interface widgets migrated between heterogeneous device platforms |
US7392483B2 (en) | 2001-09-28 | 2008-06-24 | Ntt Docomo, Inc, | Transformation of platform specific graphical user interface widgets migrated between heterogeneous device platforms |
US7234111B2 (en) | 2001-09-28 | 2007-06-19 | Ntt Docomo, Inc. | Dynamic adaptation of GUI presentations to heterogeneous device platforms |
US7934162B2 (en) | 2001-09-28 | 2011-04-26 | Ntt Docomo, Inc. | Running state migration of platform specific graphical user interface widgets between heterogeneous device platforms |
JP2003150296A (en) * | 2001-11-14 | 2003-05-23 | Nec Corp | Terminal and information display method and program therefor |
JP2003167816A (en) * | 2001-11-29 | 2003-06-13 | Nippon Telegr & Teleph Corp <Ntt> | Three-dimensional content display device and method, and program and recording medium for display device |
JP3800524B2 (en) * | 2002-03-15 | 2006-07-26 | インターナショナル・ビジネス・マシーンズ・コーポレーション | Display control method, program using the same, and information processing apparatus |
US20040119751A1 (en) | 2002-08-07 | 2004-06-24 | Minolta Co., Ltd. | Data input device, image processing device, data input method and computer readable recording medium on which data input program is recorded |
JP2004185143A (en) * | 2002-11-29 | 2004-07-02 | Kyocera Mita Corp | Image display control device and image forming apparatus |
JP2005258834A (en) * | 2004-03-12 | 2005-09-22 | Hitachi Ltd | User interface configuration method, device and program |
JP4385951B2 (en) | 2005-01-17 | 2009-12-16 | ソニー株式会社 | Portable information processing apparatus, information processing method for portable information processing apparatus, and program |
JP4696612B2 (en) * | 2005-03-16 | 2011-06-08 | 富士ゼロックス株式会社 | Display control apparatus and display screen reduction method |
JPWO2006123513A1 (en) * | 2005-05-19 | 2008-12-25 | 株式会社Access | Information display device and information display method |
JP4890944B2 (en) * | 2005-05-30 | 2012-03-07 | キヤノン株式会社 | Information processing apparatus, display control processing method, and program |
JP4650141B2 (en) * | 2005-07-25 | 2011-03-16 | 富士ゼロックス株式会社 | Information processing apparatus and information processing program |
US20070033522A1 (en) * | 2005-08-02 | 2007-02-08 | Lin Frank L | System and method for dynamic resizing of web-based GUIs |
JP4742809B2 (en) * | 2005-10-26 | 2011-08-10 | セイコーエプソン株式会社 | Icon display device, icon display method, and program |
JP4770404B2 (en) * | 2005-11-08 | 2011-09-14 | セイコーエプソン株式会社 | Icon display device, icon display method, and program |
US20070156382A1 (en) | 2005-12-29 | 2007-07-05 | Graham James L Ii | Systems and methods for designing experiments |
JP4755004B2 (en) * | 2006-03-27 | 2011-08-24 | 富士通株式会社 | Interface adjustment support system |
US20090264198A1 (en) * | 2006-05-26 | 2009-10-22 | Camelot Co., Ltd. | 3d game display system, display method, and display program |
JP4981820B2 (en) * | 2007-01-15 | 2012-07-25 | パナソニック株式会社 | Display processing device |
JP5100215B2 (en) * | 2007-06-20 | 2012-12-19 | キヤノン株式会社 | Image display apparatus, image display apparatus control method, and computer-readable program |
JP4854632B2 (en) * | 2007-09-25 | 2012-01-18 | 株式会社Osk | I / O screen generation system |
WO2009091089A1 (en) * | 2008-01-15 | 2009-07-23 | Postech Academy-Industry Foundation | Multi-platform based user interface screen editing method and device supporting concurrent editing of user interface screens |
JP2010117823A (en) * | 2008-11-12 | 2010-05-27 | Samsung Electronics Co Ltd | Information processor and program |
JP5375177B2 (en) * | 2009-02-25 | 2013-12-25 | 富士通株式会社 | Information display program, information display device, and information display method |
JP5322768B2 (en) * | 2009-05-12 | 2013-10-23 | 京セラドキュメントソリューションズ株式会社 | Image forming apparatus |
JP5173924B2 (en) * | 2009-05-12 | 2013-04-03 | 京セラドキュメントソリューションズ株式会社 | Image forming apparatus |
JP5156713B2 (en) * | 2009-10-02 | 2013-03-06 | 東芝三菱電機産業システム株式会社 | Design support device |
JP4927155B2 (en) * | 2009-11-12 | 2012-05-09 | 株式会社エヌ・ティ・ティ・ドコモ | Program generating apparatus and program |
JP5147875B2 (en) * | 2010-02-12 | 2013-02-20 | 株式会社Osk | I / O screen generation system |
JP5394333B2 (en) * | 2010-06-29 | 2014-01-22 | 京セラドキュメントソリューションズ株式会社 | Information processing apparatus, electrical device, and server |
JP5644576B2 (en) * | 2011-02-21 | 2014-12-24 | 株式会社リコー | Information processing apparatus, customization control program, and recording medium |
WO2012114388A1 (en) * | 2011-02-25 | 2012-08-30 | 三菱電機株式会社 | Gui screen reconfiguration device and program for same |
JP5141787B2 (en) * | 2011-04-04 | 2013-02-13 | 富士通株式会社 | Browser program with layout function and data display device |
JP5825060B2 (en) * | 2011-11-09 | 2015-12-02 | コニカミノルタ株式会社 | Device driver and device driver device |
JP5608775B2 (en) * | 2013-03-22 | 2014-10-15 | 京セラドキュメントソリューションズ株式会社 | Information processing apparatus, electrical device, and server |
JP6575081B2 (en) * | 2015-03-13 | 2019-09-18 | 富士ゼロックス株式会社 | Display device, image processing device, and program |
JP6377028B2 (en) * | 2015-08-05 | 2018-08-22 | 東芝テック株式会社 | Display control apparatus and program |
JP6569415B2 (en) * | 2015-09-15 | 2019-09-04 | 株式会社リコー | Display input device, image forming apparatus, electronic apparatus, display control method, and program |
CN107015721A (en) | 2016-10-20 | 2017-08-04 | 阿里巴巴集团控股有限公司 | The management method and device of a kind of application interface |
-
1994
- 1994-03-04 JP JP6034659A patent/JP2947704B2/en not_active Expired - Lifetime
Also Published As
Publication number | Publication date |
---|---|
JPH07244568A (en) | 1995-09-19 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
JP2947704B2 (en) | Display screen creation method and display screen creation device | |
US5546520A (en) | Method, system, and memory for reshaping the frame edges of a window around information displayed in the window | |
CN110837617A (en) | Webpage self-adaptive layout method, server and computer readable storage medium | |
US5771032A (en) | Method, system, and memory for modifying a window as information is being scrolled | |
AU2005201993B2 (en) | Aligned behavior in templated lists | |
US7675529B1 (en) | Method and apparatus to scale graphical user interfaces | |
JPH0523956B2 (en) | ||
WO2004081811A2 (en) | Edit location indicator | |
JPH0934678A (en) | Display method for document file | |
JP2985324B2 (en) | Table support device | |
JPH0749865A (en) | Text display device | |
JP3101402B2 (en) | Document editing method and document editing device | |
JPH02121025A (en) | Display controlling system for multiwindow | |
JPH05250483A (en) | Graph plotter | |
JP2523472B2 (en) | Display screen control method | |
JP2982535B2 (en) | Graph creation device | |
JP3804266B2 (en) | How to display distribution line map | |
JP2541612B2 (en) | Multi-window display | |
JP2797439B2 (en) | Text editing support device | |
JPS6314229A (en) | Object selection system | |
JP3187137B2 (en) | Image processing method and apparatus | |
JPH07234868A (en) | Document preparing device | |
JPH0462669A (en) | Data display device | |
JPH03189724A (en) | Document processor | |
JPH04160464A (en) | Japanese language processor |