JP2007248579A - Method for editing screen and screen editing device - Google Patents

Method for editing screen and screen editing device Download PDF

Info

Publication number
JP2007248579A
JP2007248579A JP2006068910A JP2006068910A JP2007248579A JP 2007248579 A JP2007248579 A JP 2007248579A JP 2006068910 A JP2006068910 A JP 2006068910A JP 2006068910 A JP2006068910 A JP 2006068910A JP 2007248579 A JP2007248579 A JP 2007248579A
Authority
JP
Japan
Prior art keywords
screen
editing
display
background
background color
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.)
Pending
Application number
JP2006068910A
Other languages
Japanese (ja)
Inventor
Daisuke Sawai
大輔 澤井
Junji Ohama
順二 大▲浜▼
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.)
Koyo Electronics Industries Co Ltd
Win System Co Ltd
Original Assignee
Koyo Electronics Industries Co Ltd
Win System 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 Koyo Electronics Industries Co Ltd, Win System Co Ltd filed Critical Koyo Electronics Industries Co Ltd
Priority to JP2006068910A priority Critical patent/JP2007248579A/en
Publication of JP2007248579A publication Critical patent/JP2007248579A/en
Pending legal-status Critical Current

Links

Images

Landscapes

  • Controls And Circuits For Display Device (AREA)
  • User Interface Of Digital Computer (AREA)
  • Programmable Controllers (AREA)
  • Processing Or Creating Images (AREA)
  • Editing Of Facsimile Originals (AREA)

Abstract

<P>PROBLEM TO BE SOLVED: To reduce load on editing operation by seamlessly executing editing operation. <P>SOLUTION: The screen editing method comprises a step for dividing a display screen into three elements, i.e. a screen, its background picture and the background color; a step for displaying a final state, obtained by combining all the elements on the same editing screen; and a step for executing the edition of the screen, the display/non-display and setting/change of the background screen and the display/non-display and selection/change of the background color, without selecting a function from a menu and separately opening a window, while reading the display state on the editing screen. <P>COPYRIGHT: (C)2007,JPO&INPIT

Description

本発明は、例えば表示器の表示画面に表示される画面を編集する画面編集方法およびパーソナルコンピュータ等の画面編集装置に関するものであり、特に、プログラマブルロジックコントローラ(PLC)等と接続して使用される表示器に表示させる画面を編集する画面編集方法、およびこの方法の実施に用いる画面編集装置に関するものである。   The present invention relates to a screen editing method for editing a screen displayed on a display screen of a display, for example, and a screen editing apparatus such as a personal computer. In particular, the present invention is used in connection with a programmable logic controller (PLC) or the like. The present invention relates to a screen editing method for editing a screen to be displayed on a display device, and a screen editing apparatus used for carrying out this method.

例えば複数の外部機器をPLCでシーケンス制御し、その外部機器の状況表示や外部機器の操作制御をPLCに接続された表示器の表示画面上で配置表示した部品により行うとともに、各表示器をホストコンピュータに共通接続し、このホストコンピュータでシステム全体を一括管理可能とした電力制御や工場設備等の制御システムがある。このような制御システムにおいて外部機器としては例えば操作盤、センサ、スイッチ、アクチュエータ、メータ、表示灯等がある。   For example, PLC controls the sequence of multiple external devices, and displays the status of the external devices and controls the operation of external devices using components arranged and displayed on the display screen of the display connected to the PLC, and hosts each display. There are control systems such as power control and factory equipment that are commonly connected to a computer and can be managed collectively by the host computer. Examples of external devices in such a control system include operation panels, sensors, switches, actuators, meters, and indicator lights.

このような制御システムにおいて表示器の表示画面には外部機器の状況表示や外部機器の操作のための部品が配置されて表示されている。この部品はHMI(ヒューマン・マシン・インターフェース)部品と定義されるものである。このHMI部品にはメータ表示部品、グラフ表示部品、スイッチ表示部品、その他の表示部品がある。近年では表示器の表示画面をタッチパネル式としてこの表示画面上に表示されている部品へのタッチ操作で外部機器を制御することができるようになっている(特許文献1等参照)。   In such a control system, the display screen of the display unit displays the status of the external device and parts for operating the external device. This part is defined as an HMI (Human Machine Interface) part. The HMI component includes a meter display component, a graph display component, a switch display component, and other display components. In recent years, it has become possible to control an external device by touching a component displayed on the display screen as a touch panel display screen (see Patent Document 1, etc.).

このような表示器における表示部品はその目的に応じてその種類や配置の形態が各種あり、パーソナルコンピュータのディスプレイに呼び出した編集画面上で編集し、その編集した表示画面をパーソナルコンピュータから表示器に転送することが行われている。   There are various types of display components and arrangements according to the purpose of such display devices, and they are edited on an edit screen called up on the display of a personal computer, and the edited display screen is transferred from the personal computer to the display device. To be transferred.

このパーソナルコンピュータではCD−ROMのような記憶媒体を用いて画面編集用のアプリケーションソフトウェアがインストールされており、ユーザーはこのアプリケーションソフトウェアを起動させることによりパーソナルコンピュータに編集画面を呼び出し、その編集画面上に独自に表示画面を編集することができるようになっている。   In this personal computer, application software for screen editing is installed using a storage medium such as a CD-ROM, and the user invokes the editing screen on the personal computer by starting the application software, and the editing screen is displayed on the editing screen. The display screen can be edited independently.

このような上記編集画面上での編集において、本出願人は、公知ではない以下の編集方法を開発している。   In such editing on the editing screen, the present applicant has developed the following editing method which is not publicly known.

すなわち、表示器上に表示する表示画面は、画面と、この画面の後ろに背景として表示するよう設定された背景画面と、画面の背景色との3つの画面要素に分割する。そして、これら分割した画面要素を別々に編集または設定し、最終的に編集画面上で合成表示する。このような画面編集においては、背景画面を各表示画面の編集に共通して用いることができるので編集作業が簡易化する。   That is, the display screen displayed on the display device is divided into three screen elements: a screen, a background screen set to be displayed as a background behind the screen, and a background color of the screen. Then, these divided screen elements are separately edited or set, and finally displayed on the editing screen. In such screen editing, since the background screen can be used in common for editing each display screen, the editing work is simplified.

しかしながら、画面と背景画面と背景色の各画面要素を合成した後において、例えば背景画面を変更する必要がある場合、背景画面を選択する機能をメニューから呼び出し、別途表示される設定ウインドウ上にて背景画面を選択し、背景画面の設定を確定させている。   However, after combining the screen elements of the screen, background screen, and background color, for example, if it is necessary to change the background screen, the function for selecting the background screen is called from the menu and displayed on a separate setting window. The background screen is selected and the background screen settings are confirmed.

また、背景色を変更する場合にも背景画面の変更手順と同様に背景色を選択する機能をメニューから呼び出し、別途表示される設定ウインドウ上にて背景色を選択し、背景色の設定を確定の変更手順を踏む。   Also, when changing the background color, call the function to select the background color from the menu in the same way as the background screen change procedure, select the background color on the separately displayed setting window, and confirm the background color setting. Follow the change procedure.

このように、画面、背景画面、背景色を合成後、背景画面や背景色を変更する場合には、上記のように設定ウインドウを呼び出しては選択、設定して合成するという手順を繰り返す。   As described above, when the background screen and the background color are changed after the screen, the background screen, and the background color are combined, the procedure of calling, selecting, setting, and combining the setting window as described above is repeated.

そのため、編集画面には最終的に表示する画面を表示することができるものの、背景画面を非表示の状態にして内容画面だけを表示して調整したい、背景画面の候補をいくつか用意したためこれを切り替えて調子を見たい、といった場合、上記手順を何度も繰り返す必要があり、非常に煩わしく、また編集作業のテンポを乱される。   For this reason, although the final screen can be displayed on the editing screen, there are several background screen candidates that you want to adjust by displaying only the content screen with the background screen hidden. When it is desired to switch to see the tone, it is necessary to repeat the above procedure many times, which is very troublesome and disturbs the editing tempo.

このような編集作業は大変であり、近年のごとく工場設備等においてPLCの設置数の増大に伴い、表示器数が増加してくるような状況では、画面編集作業者からの画面編集作業の時間短縮、作業上の負担軽減への要求が高くなっている。
特開平7−129364号公報
Such editing work is difficult, and in the situation where the number of displays increases with the increase in the number of installed PLCs in factory facilities and the like as in recent years, the screen editing work time from the screen editing operator There is an increasing demand for shortening and reducing the work burden.
JP 7-129364 A

本発明は、表示画面の編集における編集時間の短縮と作業上の負担軽減とを可能とするものである。   The present invention makes it possible to shorten the editing time and work burden in editing the display screen.

本発明による画面編集方法は、同一の編集画面部上に画面、その背景画面およびその背景色の3つの画面要素を組み合わせた最終的な状態を表示可能とし、上記編集画面部上で上記表示状態を閲覧しつつ、上記画面の編集と、背景画面の表示/非表示および設定/変更と、背景色の表示/非表示および選択/変更とを、メニューから機能選択せずかつ別途にウインドウを開かずに、行うことを可能としたことを特徴とするものである。   The screen editing method according to the present invention can display a final state in which three screen elements of a screen, a background screen thereof, and a background color thereof are combined on the same editing screen portion, and the display state on the editing screen portion. While viewing the above, edit the above screen, display / hide and set / change the background screen, and display / hide and select / change the background color without selecting the function from the menu and opening a separate window It is characterized in that it is possible to do this without.

本発明によると、すべての画面要素(画面、背景画面、背景色)を組み合わせて最終的に表示される状態を、同一の編集画面上でシームレスに編集することができるため、編集作業のテンポを乱すことなく作業を進められるようになる。   According to the present invention, it is possible to seamlessly edit the state finally displayed by combining all screen elements (screen, background screen, background color) on the same editing screen. You will be able to work without disturbing.

上記表示器は、プログラマブルロジックコントローラと接続して使用される表示器であることが好ましい。   The display is preferably a display used in connection with a programmable logic controller.

上記画面編集装置は、上記画面編集方法を実行する画面編集ソフトウエアがインストールされているパーソナルコンピュータであることが好ましい。   The screen editing device is preferably a personal computer in which screen editing software for executing the screen editing method is installed.

本発明によれば、画面の編集をスムーズに進めることができ、その作業の負担を軽減することができる。   According to the present invention, it is possible to smoothly edit the screen and reduce the work burden.

以下、添付した図面を参照して本発明の実施の形態に係る画面編集方法を詳細に説明する。   Hereinafter, a screen editing method according to an embodiment of the present invention will be described in detail with reference to the accompanying drawings.

図1にパーソナルコンピュータ等の画面編集装置2と、この画面編集装置2から編集画面が転送される表示器4とを示す。   FIG. 1 shows a screen editing device 2 such as a personal computer and a display 4 to which an editing screen is transferred from the screen editing device 2.

画面編集装置2は、パーソナルコンピュータ等により構成され、詳しい構成の説明は略するが、ディスプレイ、キーボードやマウス等の入力装置、およびパーソナルコンピュータ本体を備える。パーソナルコンピュータ本体では、CPU、ROM、RAM、記録媒体ドライブ、外部記憶装置、入力装置、通信制御部等を備えている。   The screen editing device 2 is configured by a personal computer or the like, and a detailed description of the configuration is omitted, but includes a display, an input device such as a keyboard and a mouse, and a personal computer main body. The personal computer main body includes a CPU, a ROM, a RAM, a recording medium drive, an external storage device, an input device, a communication control unit, and the like.

ディスプレイは、表示画面を作成したり編集したりするための編集画面を表示することができる。入力装置は編集画面上で表示画面を作成したり編集したりするために操作される。記録媒体ドライブは、CD−ROMやフロッピィディスク等の記録媒体にデータの読み書きが可能になっている。外部記憶装置は、記録媒体から読み込まれた表示画面作成ないし編集のアプリケーションソフトウェアを記憶することができるようになっている。通信制御部は、編集した表示画面のデータを表示器に対して転送することができるようになっている。画面編集装置はまた、記録媒体から画面編集用のアプリケーションソフトをダウンロードしてもよいし、内部にそのアプリケーションソフトを備えていてもよい。   The display can display an editing screen for creating or editing a display screen. The input device is operated to create and edit a display screen on the editing screen. The recording medium drive can read / write data from / to a recording medium such as a CD-ROM or a floppy disk. The external storage device can store application software for creating or editing a display screen read from a recording medium. The communication control unit can transfer the edited display screen data to the display. The screen editing apparatus may also download application software for screen editing from a recording medium, or may have the application software inside.

一方、実施の形態の表示器4はPLCと接続されて用いるものであり、上記した制御システムにおいて必要とする表示画面が多数あり、また、この表示画面に加えて他の表示制御動作に必要な設定項目も多数ある。そのため、画面編集装置2から表示器4には画面データと設定データとが転送されるようになっている。   On the other hand, the display device 4 of the embodiment is used by being connected to the PLC, and has a large number of display screens required in the above-described control system, and in addition to this display screen, it is necessary for other display control operations. There are many setting items. For this reason, screen data and setting data are transferred from the screen editing device 2 to the display 4.

以上説明した画面編集装置2においては、編集画面を用いて上記多数の表示画面それぞれを編集することができるようになっている。   In the screen editing apparatus 2 described above, each of the many display screens can be edited using the editing screen.

この実施の形態の画面編集方法は、表示画面を、画面と、その背景画面とその背景色との3つの画面要素に分けるステップと、1つの編集画面上にすべての画面要素を組み合わせた最終的な状態を表示するステップと、上記編集画面上で上記表示状態を閲覧しつつ、画面の編集と、背景画面の表示/非表示および設定/変更と、背景色の表示/非表示および選択/変更とを、メニューから機能選択せずかつ別途にウインドウを開かずに行うステップとを含む。   The screen editing method according to this embodiment includes a step of dividing a display screen into three screen elements, that is, a screen, its background screen and its background color, and finally combining all screen elements on one editing screen. A step of displaying a state, viewing the display state on the editing screen, editing the screen, displaying / hiding and setting / changing the background screen, displaying / hiding and selecting / changing the background color And without selecting a function from the menu and without opening a separate window.

編集画面上では、メニューから機能選択したり、別途にウインドウを開くこともなく、画面、背景画面、背景色を表示すること、非表示にすること、また、背景画面の設定や変更、背景色の選択や変更を行うことができる。上記機能は、背景画面の表示/非表示および設定/変更と、背景色の表示/非表示および選択/変更に関する機能のことである。   On the edit screen, without selecting a function from the menu or opening a separate window, the screen, background screen, background color can be displayed, hidden, background screen settings and changes, background color Can be selected or changed. The above functions are functions related to display / non-display and setting / change of the background screen, and display / non-display and selection / change of the background color.

上記背景画面は、画面の後ろに表示する画面のことである。   The background screen is a screen displayed behind the screen.

図2ないし図8を参照して背景画面を説明する。まず、図2を参照して、図2(a)の画面は画面1と画面2とが表示されている。図2(b)の画面は画面1と画面3とが表示されている。図2(c)の画面は画面1と画面4とが表示されている。図2(d)の画面は画面1と画面5とが表示されている。これら図2(a)ないし図2(d)それぞれの画面においては、色無しはハッチング無しとし、色付きはハッチングで示し、異なる色同士は異なるハッチング態様で示す。以下も同様である。これら図2(a)ないし図2(d)それぞれの画面においては、画面1が共通している。そのため、画面1は、各画面で共通して用いることができる背景画面とすることができる。   The background screen will be described with reference to FIGS. First, referring to FIG. 2, screen 1 and screen 2 are displayed in the screen of FIG. In the screen of FIG. 2B, screen 1 and screen 3 are displayed. In the screen of FIG. 2C, screen 1 and screen 4 are displayed. In the screen of FIG. 2D, screen 1 and screen 5 are displayed. In each of the screens of FIGS. 2A to 2D, no color is not hatched, colored is indicated by hatching, and different colors are indicated by different hatching modes. The same applies to the following. The screen 1 is common to the screens of FIGS. 2A to 2D. Therefore, the screen 1 can be a background screen that can be used in common for each screen.

図3は背景画面として作成された画面1を示す。   FIG. 3 shows a screen 1 created as a background screen.

一方、図2(a)ないし図2(d)の画面2ないし5を編集する画面として図4(a)ないし図4(d)のように編集する。そして、図3の背景画面と図4(a)ないし図4(d)の画面とを図5(a)ないし図5(d)のように合成する。   On the other hand, the screens 2 to 5 shown in FIGS. 2A to 2D are edited as shown in FIGS. 4A to 4D as screens for editing. Then, the background screen shown in FIG. 3 and the screens shown in FIGS. 4A to 4D are combined as shown in FIGS. 5A to 5D.

以上説明した背景画面において、その概念をさらに説明する。   The concept will be further described on the background screen described above.

図6(a)と図6(b)はそれぞれ別々の画面1,2である。この画面1,2のうち、例えば、図6(a)の画面1を図7(a)のように画面1とその背景色とに分割することができる。図6(b)の画面2を図7(b)のように画面2とその背景色とに分割することができる。   6A and 6B are separate screens 1 and 2, respectively. Of these screens 1 and 2, for example, screen 1 in FIG. 6A can be divided into screen 1 and its background color as shown in FIG. 7A. The screen 2 in FIG. 6B can be divided into the screen 2 and its background color as shown in FIG. 7B.

この段階では背景画面を設定していない。   The background screen is not set at this stage.

画面2を画面1の背景画面とした場合、図8で示すように画面1の後ろ側に画面2が表示される。この場合、画面2に設定されていた背景色は画面1には引き継がれない。また、画面1の背景画面に画面2が設定されていても、画面2の背景画面は画面1には引き継がれない。   When the screen 2 is the background screen of the screen 1, the screen 2 is displayed behind the screen 1 as shown in FIG. In this case, the background color set on the screen 2 is not carried over to the screen 1. Even if the screen 2 is set as the background screen of the screen 1, the background screen of the screen 2 is not taken over by the screen 1.

次に図9ないし図13を参照して画面編集方法を説明する。   Next, the screen editing method will be described with reference to FIGS.

図9は画面編集装置内蔵のアプリケーションソフトの起動あるいは外部からダウンロードしたアプリケーションソフトの起動により表示された編集画面である。図9で示すように、実施の形態の編集画面はタイトルバー1、メニューバー2、ツールバー3、ナビゲーションウインドウ4、ステータスバー5、オブジェクトリスト6、および編集画面部7から図に示す位置関係と大きさとで構成されている。この位置関係や大きさの詳細は説明を略する。   FIG. 9 shows an editing screen displayed by starting up application software built in the screen editing apparatus or starting up application software downloaded from the outside. As shown in FIG. 9, the editing screen of the embodiment has the positional relationship and size shown in the figure from the title bar 1, menu bar 2, tool bar 3, navigation window 4, status bar 5, object list 6, and editing screen unit 7. And is composed. Details of the positional relationship and size will be omitted.

編集画面部7は、表示器上の表示画面を、画面と、その背景画面と、その背景色の3つの画面要素に分け、その3つの画面要素のうち画面のみを編集することができるとともに、これら3つの画面要素を組み合わせた最終的な状態を表示することができるようになっている。   The edit screen unit 7 can divide the display screen on the display device into three screen elements of a screen, its background screen, and its background color, and can edit only the screen among the three screen elements, The final state obtained by combining these three screen elements can be displayed.

ナビゲーションウインドウ4は、プレビュー部41と、設定操作部42とから構成されている。プレビュー部41は、画面、背景画面をプレビューするものである。設定操作部42は、画面設定操作部421と、背景画面設定操作部422と、背景色設定操作部423とからなる。   The navigation window 4 includes a preview unit 41 and a setting operation unit 42. The preview unit 41 previews the screen and the background screen. The setting operation unit 42 includes a screen setting operation unit 421, a background screen setting operation unit 422, and a background color setting operation unit 423.

図10に設定操作部42を拡大して示す。図10を参照して、画面設定操作部421は、現在編集中の画面の表示/非表示を選択する選択部421aと、現在編集中の画面のプレビュー部421bとを備える。また、画面の画面番号表示部421cと、画面の画面名表示部421dとを備える。   FIG. 10 shows the setting operation unit 42 in an enlarged manner. Referring to FIG. 10, screen setting operation unit 421 includes a selection unit 421a for selecting display / non-display of the currently edited screen and a preview unit 421b for the currently edited screen. In addition, a screen number display unit 421c of the screen and a screen name display unit 421d of the screen are provided.

選択部421aはボックスになっていて、ここにマウス等でチェックを入れることにより画面を編集画面部7に表示、チェックを外すことにより編集画面部7から非表示にすることができる。プレビュー部421bには、編集画面部7で現在編集中の画面がプレビューされる。画面番号表示部421cは現在編集中の画面の画面番号を表示する。画面名表示部421dは、現在編集中の画面の画面名である。これら画面番号、画面名により画面の管理が扱い易く容易になる。   The selection unit 421a is a box, and a screen can be displayed on the editing screen unit 7 by checking with a mouse or the like, and can be hidden from the editing screen unit 7 by removing the check. In the preview unit 421b, a screen currently being edited in the editing screen unit 7 is previewed. The screen number display unit 421c displays the screen number of the screen currently being edited. The screen name display portion 421d is the screen name of the screen currently being edited. These screen numbers and screen names make screen management easy and easy to handle.

背景画面設定操作部422は、現在編集中の背景画面の表示/非表示を選択する選択部422aと、背景画面のプレビュー部422bと、背景画面選択リストを呼び出すためのボタン422cとを備える。ボタン422cの操作により矢印方向に背景画面選択リストのウインドウ422dが示されている。また、背景画面の画面番号表示部422eと、背景画面の画面名表示部422fとを備える。   The background screen setting operation unit 422 includes a selection unit 422a for selecting display / non-display of the background screen that is currently being edited, a background screen preview unit 422b, and a button 422c for calling a background screen selection list. By operating the button 422c, a background screen selection list window 422d is shown in the direction of the arrow. Also, a screen number display unit 422e for the background screen and a screen name display unit 422f for the background screen are provided.

選択部422aはボックスになっていて、ここにマウス等でチェックを入れることにより背景画面を編集画面部7に表示、チェックを外すことにより編集画面部7から非表示にすることができる。プレビュー部422bには、編集画面部7で現在編集中の背景画面がプレビューされる。ボタン422cの操作により呼び出されるウインドウ422dは背景画面のリストを「なし(None)、1−Screen1、2−Screen2、…」と表示している。このリストをマウス等により選択することにより、画面番号表示部422eには例えば、「1−Screen1」の「1」が画面番号として表示され、画面名表示部422fには「1−Screen1」の「Screen1」が画面名として表示される。   The selection unit 422a is a box, and a background screen can be displayed on the editing screen unit 7 by checking it with a mouse or the like, and can be hidden from the editing screen unit 7 by removing the check. In the preview unit 422b, the background screen currently being edited in the editing screen unit 7 is previewed. The window 422d called by the operation of the button 422c displays a list of background screens as “None, 1-Screen1, 2-Screen2,...”. By selecting this list with a mouse or the like, for example, “1” of “1-Screen1” is displayed as the screen number on the screen number display unit 422e, and “1-Screen1” “1” is displayed on the screen name display unit 422f. “Screen1” is displayed as the screen name.

背景色設定操作部423は、現在編集中の画面nの背景色を表示/非表示することを選択する選択部423aと、現在編集中の画面nの背景色をサンプル表示する表示部423bと、背景色選択ダイアログを呼び出すためのボタン423cとを備える。ボタン423cの操作により矢印方向に背景色選択ダイアログのウインドウ423dが示されている。   The background color setting operation unit 423 includes a selection unit 423a that selects display / non-display of the background color of the currently edited screen n, a display unit 423b that displays a sample of the background color of the currently edited screen n, And a button 423c for calling a background color selection dialog. By operating the button 423c, a background color selection dialog window 423d is shown in the direction of the arrow.

選択部423aはボックスになっていて、ここにマウス等でチェックを入れることにより背景色を編集画面部7に表示、チェックを外すことにより編集画面部7から非表示にすることができる。表示部423bには、編集画面部7で現在編集中の背景色がプレビューされる。ボタン423cの操作により呼び出される背景色ウインドウ423dが表示される。このウインドウ423d中の背景色をマウス等により選択することにより背景色を選択することができる。   The selection unit 423a is a box, and the background color can be displayed on the editing screen unit 7 by checking it with a mouse or the like, and can be hidden from the editing screen unit 7 by removing the check. On the display unit 423b, the background color currently being edited on the editing screen unit 7 is previewed. A background color window 423d called by the operation of the button 423c is displayed. The background color can be selected by selecting the background color in this window 423d with a mouse or the like.

図11を参照して画面設定操作部421を説明する。   The screen setting operation unit 421 will be described with reference to FIG.

図11(a)は画面設定操作部421の拡大図、図11(b)は、現在編集中の画面、図11(c)は背景画面、図11(d)は編集画面部7に表示している編集画面である。   11A is an enlarged view of the screen setting operation unit 421, FIG. 11B is a screen currently being edited, FIG. 11C is a background screen, and FIG. 11D is displayed on the editing screen unit 7. It is an editing screen.

この図11(d)の編集画面では画面、背景画面、背景色が示されている。この場合、背景画面の一部が画面の後ろ側に隠されている。そこで、選択部421aを操作して画面を非表示にすると、図11(c)のように背景画面の全体が編集画面部7に表示される。プレビュー部421bには図11(b)の画面のみが小さく表示される。   In the editing screen of FIG. 11D, a screen, a background screen, and a background color are shown. In this case, a part of the background screen is hidden behind the screen. Therefore, when the selection unit 421a is operated to hide the screen, the entire background screen is displayed on the editing screen unit 7 as shown in FIG. Only the screen of FIG. 11B is displayed in a small size in the preview portion 421b.

図12を参照して背景画面設定操作部422を説明する。   The background screen setting operation unit 422 will be described with reference to FIG.

図12(a)は背景画面設定操作部422の拡大図、図12(b)は現在編集中の画面、図12(c)は背景画面、図12(d)は編集画面部7に表示している編集画面である。   12A is an enlarged view of the background screen setting operation unit 422, FIG. 12B is a screen currently being edited, FIG. 12C is a background screen, and FIG. 12D is displayed on the editing screen unit 7. It is an editing screen.

この図12(d)の編集画面では画面、背景画面、背景色が示されている。選択部422aを操作して背景画面を非表示にすると、図12(b)のように背景画面が非表示になり画面が編集画面部7に表示される。プレビュー部422bには図12(c)の背景画面が小さく表示される。このプレビュー部422bには画面や編集画面部7で表示中の画面は表示されない。ボタン422cを操作すると、背景画面のウインドウ422dが呼び出される。ボタン423cの操作によりウインドウ422d内の背景画面を選択することができる。   In the editing screen of FIG. 12D, a screen, a background screen, and a background color are shown. When the selection unit 422a is operated to hide the background screen, the background screen is hidden and the screen is displayed on the editing screen unit 7 as shown in FIG. In the preview portion 422b, the background screen of FIG. In the preview portion 422b, the screen or the screen currently being displayed on the editing screen portion 7 is not displayed. When the button 422c is operated, a window 422d on the background screen is called. The background screen in the window 422d can be selected by operating the button 423c.

図13を参照して背景色設定操作部423を説明する。   The background color setting operation unit 423 will be described with reference to FIG.

図13(a)は背景色設定操作部423の拡大図、図13(b)は現在編集中の画面、図13(c)は背景画面、図13(d)は、背景色を示す画面、図13(e)は編集画面部7に表示している編集画面である。   13A is an enlarged view of the background color setting operation unit 423, FIG. 13B is a screen currently being edited, FIG. 13C is a background screen, and FIG. 13D is a screen showing a background color. FIG. 13E shows an editing screen displayed on the editing screen unit 7.

図13(e)の編集画面では、画面、背景画面、背景色が示されている。選択部423aを操作して背景色を非表示にすることができる。表示部423bには現在編集中の画面の背景色がサンプル表示される。ボタン423cを操作すると、背景色選択ダイアログのウインドウ423dが呼び出される。ボタン423cの操作によりウインドウ423d内の背景色を選択することができる。   In the editing screen of FIG. 13E, a screen, a background screen, and a background color are shown. The background color can be hidden by operating the selection unit 423a. The display unit 423b displays a sample of the background color of the screen currently being edited. When the button 423c is operated, the window 423d of the background color selection dialog is called. The background color in the window 423d can be selected by operating the button 423c.

以上説明したように本実施の形態では、表示器上に表示する画面を画面、背景画面および背景色の3つの要素を編集画面上に表示し、この表示状態を閲覧しつつ、画面の編集と、背景画面の表示/非表示および設定/変更と、背景色の表示/非表示および選択/変更とを、メニューから機能を選択しかつ別途にウインドウを開かずに行う。   As described above, in the present embodiment, the screen to be displayed on the display unit is displayed on the editing screen with three elements of the screen, the background screen, and the background color. The background screen is displayed / hidden and set / changed, and the background color is displayed / hidden and selected / changed without selecting a function from the menu and opening a separate window.

これにより、本実施の形態では、画面編集を同一の編集画面上でシームレスに行うことができるため、編集作業のテンポを乱すことなく作業を進められるようになる。   Thus, in this embodiment, screen editing can be performed seamlessly on the same editing screen, so that the work can be advanced without disturbing the tempo of the editing work.

本発明は、上述した実施の形態に限定されるものではなく、特許請求の範囲に記載した範囲内で、種々な変更ないしは変形を含むものである。  The present invention is not limited to the above-described embodiment, and includes various changes or modifications within the scope described in the claims.

画面編集装置と表示器とを示す図である。It is a figure which shows a screen editing apparatus and a display. 画面の説明に用いる図である。It is a figure used for description of a screen. 背景画面を示す図である。It is a figure which shows a background screen. 画面を示す図である。It is a figure which shows a screen. 画面と背景画面とを合成した編集画面を示す図である。It is a figure which shows the edit screen which synthesize | combined the screen and the background screen. 画面1と画面2とを示す図である。It is a figure which shows the screen 1 and the screen 2. FIG. 画面1と画面2とを画面要素に分けて示す図である。It is a figure which divides and shows the screen 1 and the screen 2 into a screen element. 画面1と画面2とを合成した画面を示す図である。It is a figure which shows the screen which synthesize | combined the screen 1 and the screen 2. FIG. 実施の形態の編集画面を示す図である。It is a figure which shows the edit screen of embodiment. 図9の設定操作部を拡大して示す図である。It is a figure which expands and shows the setting operation part of FIG. 画面設定操作部を説明するための画面を示す図である。It is a figure which shows the screen for demonstrating a screen setting operation part. 背景画面設定操作部を説明するための画面を示す図である。It is a figure which shows the screen for demonstrating a background screen setting operation part. 背景色設定操作部を説明するための画面を示す図である。It is a figure which shows the screen for demonstrating a background color setting operation part.

符号の説明Explanation of symbols

4 ナビゲーションウインドウ
41 プレビュー部
42 設定操作部
421 画面設定操作部
422 背景画面設定操作部
423 背景色設定操作部
7 編集画面部
4 navigation window 41 preview section 42 setting operation section 421 screen setting operation section 422 background screen setting operation section 423 background color setting operation section 7 editing screen section

Claims (2)

同一の編集画面部上に画面、その背景画面およびその背景色の3つの画面要素を組み合わせた最終的な状態を表示可能とし、
上記編集画面部上で上記表示状態を閲覧しつつ、上記画面の編集と、背景画面の表示/非表示および設定/変更と、背景色の表示/非表示および選択/変更とを、メニューから機能選択せずかつ別途にウインドウを開かずに、行うことを可能とした、
ことを特徴とする画面編集方法。
The final state combining the three screen elements of the screen, its background screen and its background color can be displayed on the same editing screen section.
While viewing the display state on the edit screen section, functions for editing the screen, displaying / hiding and setting / changing the background screen, and displaying / hiding and selecting / changing the background color from the menu. Made it possible to do without selecting and opening a separate window,
A screen editing method characterized by that.
表示器に表示する表示画面の編集作業を行うための編集画面を備えた画面編集装置において、
上記編集画面上に、
画面、その背景画面およびその背景色の3つの画面要素を組み合わせた状態を表示し、かつ、上記3つの画面要素のうちの画面の編集作業を行うことが可能な編集画面部と、
上記編集画面部上に現在編集中の画面の表示/非表示と、その背景画面の設定/変更、表示/非表示と、その背景色の表示/非表示および選択/変更と、を設定操作することができる設定操作部と、
を配置したことを特徴とする画面編集装置。
In a screen editing device equipped with an editing screen for editing the display screen displayed on the display unit,
On the above edit screen,
An editing screen section that displays a combination of the three screen elements of the screen, the background screen and the background color, and is capable of editing the screen among the three screen elements;
On the editing screen section, the display / non-display of the screen currently being edited, the setting / change of the background screen, the display / non-display, and the display / non-display and selection / change of the background color are set. A setting operation unit that can
A screen editing device characterized by the arrangement of
JP2006068910A 2006-03-14 2006-03-14 Method for editing screen and screen editing device Pending JP2007248579A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
JP2006068910A JP2007248579A (en) 2006-03-14 2006-03-14 Method for editing screen and screen editing device

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
JP2006068910A JP2007248579A (en) 2006-03-14 2006-03-14 Method for editing screen and screen editing device

Publications (1)

Publication Number Publication Date
JP2007248579A true JP2007248579A (en) 2007-09-27

Family

ID=38592985

Family Applications (1)

Application Number Title Priority Date Filing Date
JP2006068910A Pending JP2007248579A (en) 2006-03-14 2006-03-14 Method for editing screen and screen editing device

Country Status (1)

Country Link
JP (1) JP2007248579A (en)

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2000270264A (en) * 1999-03-15 2000-09-29 Sony Corp Picture processor and its method
JP2000287387A (en) * 1999-03-31 2000-10-13 Hitachi Ltd Graphic user interface
JP2003150212A (en) * 2001-11-12 2003-05-23 Digital Electronics Corp Picture editor device, picture editor program and recording medium with its program recorded thereon

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JP2000270264A (en) * 1999-03-15 2000-09-29 Sony Corp Picture processor and its method
JP2000287387A (en) * 1999-03-31 2000-10-13 Hitachi Ltd Graphic user interface
JP2003150212A (en) * 2001-11-12 2003-05-23 Digital Electronics Corp Picture editor device, picture editor program and recording medium with its program recorded thereon

Similar Documents

Publication Publication Date Title
WO2004023293A1 (en) Gui application development support device, gui display device, method, and computer program
JP2007280198A (en) Installer package
WO2004023295A1 (en) Gui application development support device and method, and computer program
JP2009133928A (en) Electronic music system and program
JP3835589B2 (en) Drawing device and computer-readable recording medium recording drawing program
JP2010009497A (en) Display, control method for display, and control program for display
JP4995009B2 (en) POD screen generation device and program thereof
JP2008242964A (en) User interface design program and user interface design method
JP4476223B2 (en) Screen data creation device, screen data editing method, and screen data editing program
JP2010009167A (en) Screen display device, screen display method, and screen display program
JP2005031737A (en) System, method, and program for generating source code, and software development support tool
JP2007248579A (en) Method for editing screen and screen editing device
JP4743869B2 (en) Screen data generation method
JP2011107810A (en) Ladder diagram display method
JP2006301729A (en) Picture preparation method and picture preparation device
JP2009193276A (en) Ladder program creation device and ladder program creation execution system using it
JP4970404B2 (en) Editor device and program
JP5549100B2 (en) Electronic music apparatus and program for realizing timbre data creation method
JP4716963B2 (en) How to create an image on the display screen
JP4161961B2 (en) Editing apparatus and program
JP7009981B2 (en) VR content management method and management program that supports the operation and management of VR content
JP2004258264A (en) Method and device for picture generation, and display device
JP3125754B2 (en) Circuit symbol creation system
JP2007280093A (en) Picture data preparation method
JP4192908B2 (en) Editing apparatus and program

Legal Events

Date Code Title Description
A621 Written request for application examination

Free format text: JAPANESE INTERMEDIATE CODE: A621

Effective date: 20080912

A131 Notification of reasons for refusal

Free format text: JAPANESE INTERMEDIATE CODE: A131

Effective date: 20110913

A02 Decision of refusal

Free format text: JAPANESE INTERMEDIATE CODE: A02

Effective date: 20120131