JP4414537B2

JP4414537B2 - Screen data creation method, screen data creation device, and recording medium

Info

Publication number: JP4414537B2
Application number: JP2000012334A
Authority: JP
Inventors: 道雄大崎
Original assignee: Keyence Corp
Current assignee: Keyence Corp
Priority date: 2000-01-20
Filing date: 2000-01-20
Publication date: 2010-02-10
Anticipated expiration: 2020-01-20
Also published as: JP2001202128A

Description

【０００１】
【発明の属する技術分野】
本発明は、例えばプログラマブル・コントローラのような制御装置又は機器の動作状態を監視するための監視装置等の装置に接続し、この装置の動作を、画像表示した部品の動作状態により表示する表示装置を動作させる為の画面データを作成する画面データの作成方法、その実施に使用する画面データの作成装置、及びコンピュータを画面データ作成装置として機能させるためのコンピュータプログラムが記録されている記録媒体に関する。
【０００２】
【従来の技術】
プログラマブル・コントローラ（ＰＬＣ）に接続し、ＰＬＣの動作を、画像表示したランプ及びスイッチ等の部品の動作状態により表示する表示装置では、その動作する為の動作データ（画面データ）を、パーソナルコンピュータにより予め作成している。
【０００３】
ランプ及びスイッチ等の部品は、オン／オフの動作状態を夫々表す２つの画像が夫々対応付けられており、表示装置は、ＰＬＣの動作に応じて画像を切り替えて表示するようになっている。
【０００４】
このような部品を含む画面データを作成するため、パーソナルコンピュータは、例えば、図１０に示すような、部品が取り得る動作状態を示す画像を、ＰＬＣの動作状態に対応付けており、部品を表す独自形式のデータをハードディスク等の記憶装置に予め記憶している。画面データの作成は、ユーザが部品を選択し、これを画面の作画領域の所望の位置に配置することによって行われる。
【０００５】
このような部品には、予め用意された画像が対応付けられている。しかし、ユーザが自ら用意した画像を用いて部品を構成したい場合がある。このようなユーザが自ら用意した画像は、ビットマップ形式又はＪＰＥＧ形式のような標準的な形式のデータである場合が多く、従来の画面データ作成装置では、このような形式のデータとして保持された画像を部品として使用するために、読み込んだビットマップ形式又はＪＰＥＧ形式等の画像を使用して、一旦独自形式の部品のデータを生成し、予め用意した部品とともに選択できるようになっていた。
【０００６】
【発明が解決しようとする課題】
ところが、上述の如き従来の画面データ作成装置では、ユーザが自ら用意した画像を部品として使用する場合に、読み込んだビットマップ形式又はＪＰＥＧ形式等の画像データを使用して、独自形式の部品のデータを生成するという手間を必要とするという問題があった。
【０００７】
また、ユーザが自ら用意した画像の形状を、部品の他方の動作状態に対応付けられた画像の形状に合わせるためには、他方の動作状態に対応付けられた画像の形状と同一の形状を指定した後に部品のデータを生成させる必要があった。このため、２つの画像を同じ形状に合わせるためには、他方の動作状態に対応付けられた画像の形状を予め調べるか、形状を予想して指定する必要がある等、作業が煩雑であるという問題があった。
【０００８】
また、１つの部品に対応付けられた２つの画像が異なる形状（例えば一方が縦長の矩形であり、他方が横長の矩形）であるような場合に、同一の形状とすることができず、２つの画像の形状を合わせるためには、再度形状を合わせて部品を生成しなければならないという問題があった。
【０００９】
また、ユーザが自ら用意した画像を用いた部品では、この画像を変形する場合に、一旦この画像を使用した部品のデータを生成し、生成された部品のデータから読み込んだ画像を変形していたため、例えば画像を縮小し、この画像を含んだ部品のデータを生成した場合には、この画像の情報量が減少し、再度変形するときに、この情報量が減少した画像を用いて更に変形することとなり、画質が劣化するという問題があった。
【００１０】
本発明は、上述したような事情に鑑みてなされたものであり、作画領域に配置した部品の画像を変更するときに、ビットマップ形式又はＪＰＥＧ形式等のデータ形式の画像をパス情報によって指定し、部品の画像が配置されている位置に目的の画像を配置することによって、一旦独自形式の部品のデータを生成する必要がなく、大幅に操作性を向上させる画面データ作成方法、その実施に使用する画面データ作成装置、及びコンピュータを画面データ作成装置として機能させるためのコンピュータプログラムが記録されている記録媒体を提供することを目的とする。
【００１１】
また、本発明の他の目的は、作画領域内にユーザが配置した部品の画像を指定された画像へ変更するときに、部品に対応付けられた画像の形状に合わせて指定された画像を変形することによって、ユーザが明示的に形状を変形しなくとも、ユーザが所望の画像をパス情報によって指定するだけで、指定された画像を適宜の形状に自動的に変形させることができ、従来に比して作業性を向上させることができる画面データ作成方法、画面データ作成装置、及び記録媒体を提供することにある。
【００１２】
また、本発明の更に他の目的は、１つの部品に対応付けられている各画像を夫々異なる形状の画像に変更するときにも、夫々の画像を部品に対応付けられた画像の形状に合わせて変形することによって、指定された画像を夫々個別に変形する必要がなく、また指定された画像を同一形状に変形することができ、従来に比して作業性を向上させることができる画面データ作成方法、画面データ作成装置、及び記録媒体を提供することにある。
【００１３】
また、本発明の更に他の目的は、部品の画像の変形及び再変形の要求を受ける都度、パス情報によって指定された画像を用いて画像の変形を行い、変形した画像に基づいて画面データを作成することにより、例えば縮小するような変形によって情報量が減少した画像を用いて更に変形する場合に比べ、画質の劣化が少ない画面データ作成方法及び画面データ作成装置を提供することにある。
【００１４】
また、本発明の更に他の目的は、作画領域に配置されている部品に対して、画像の変形を行う場合、この部品の夫々の動作状態に対応付けられている夫々の画像を指示にしたがった同一形状に変形することにより、個別に変形する場合に比べて大幅に操作性を向上させることができる画面データ作成方法及び画面データ作成装置を提供することにある。
【００１５】
また、本発明の更に他の目的は、相対パスによって画像を指定することにより、プログラムが想定されていた位置（ディレクトリ）と異なる位置に格納された場合であっても、予め用意された画像を指定することができる画面データ作成方法及び画面データ作成装置を提供することにある。
【００１６】
【課題を解決するための手段】
第１発明に係る画面データ作成方法は、対象装置の動作状態を設定し、又は表示する表示装置に、複数の前記動作状態夫々に関連付けられた画像を表示させるための画面を含む画面データを作成する画面データ作成方法において、所定の作画領域内の適宜位置に適宜の形状で配置された前記画像を、それが格納されている位置を表すパス情報によって指定された画像へ変更する指示を受け付ける第１ステップと、前記パス情報によって指定された画像を前記適宜の形状に変形する第２ステップと、変形した画像を前記適宜位置に配置する第３ステップと、前記パス情報、前記変形した画像を表すデータ及び前記適宜位置を表すデータを含む画面データを作成する第４ステップとを有することを特徴とする。
【００１７】
第２発明に係る画面データ作成方法は、第１発明に係る画面データ作成方法において、前記変形した画像を更に変形する指示を受け付ける第５ステップと、指示を受け付けた場合、前記パス情報によって指定された画像を、指示にしたがった形状に変形する第６ステップと、該第６ステップで変形した画像に基づいて画面データを作成する第７ステップとを更に有することを特徴とする。
【００１８】
第３発明に係る画面データ作成方法は、第１又は第２発明に係る画面データ作成方法において、前記パス情報は、相対パスであることを特徴とする。
【００１９】
第４発明に係る画面データ作成装置は、対象装置の動作状態を設定し、又は表示する表示装置に、複数の前記動作状態夫々に関連付けられた画像を表示させるための画面を含む画面データを作成する画面データ作成装置において、所定の作画領域内の適宜位置に適宜の形状で配置された前記画像を、それが格納されている位置を表すパス情報によって指定された画像へ変更する指示を受け付ける受付手段と、前記パス情報によって指定された画像を前記適宜の形状に変形する変形手段と、該変形手段によって変形された画像を前記適宜位置に配置する配置手段と、前記パス情報、前記変形した画像を表すデータ及び前記適宜位置を表すデータを含む画面データを作成するデータ作成手段と、該データ作成手段によって作成された画面データを記憶する記憶手段とを備えることを特徴とする。
【００２０】
第５発明に係る画面データ作成装置は、第４発明に係る画面データ作成装置において、前記変形した画像を更に変形する指示を受け付ける受付手段と、該受付手段によって指示を受け付けた場合、前記パス情報によって指定された画像を、指示にしたがった形状に変形する再変形手段とを更に備え、前記データ作成手段は、前記再変形手段によって変形された画像に基づいて画面データを作成すべくなしてあることを特徴とする。
【００２１】
第６発明に係る画面データ作成装置は、第４又は第５発明に係る画面データ作成装置において、前記パス情報は、相対パスであることを特徴とする。
【００２２】
第７発明に係る記録媒体は、コンピュータに、対象装置の動作状態を設定し、又は表示する表示装置に、複数の前記動作状態夫々に関連付けられた画像を表示させるための画面を含む画面データを作成させるプログラムが記録してあるコンピュータでの読み取りが可能な記録媒体において、コンピュータに、所定の作画領域内の適宜位置に適宜の形状で配置された前記画像を、それが格納されている位置を表すパス情報によって指定された画像へ変更する指示を受け付けさせるプログラムコード手段と、前記パス情報によって指定された画像を前記適宜の形状に変形させるプログラムコード手段と、変形した画像を前記適宜位置に配置させるプログラムコード手段と、前記パス情報、前記変形した画像を表すデータ及び前記適宜位置を表すデータを含む画面データを作成させるプログラムコード手段とを有するプログラムが記録してあることを特徴とする。
【００２３】
第１発明，第４発明，及び第７発明による場合は、作画領域内に配置されている部品に対応付けられた画像を、パス情報で指定された画像へ変更するとき、この画像を部品に対応付けられた画像の形状に合わせて変形し、部品に対応付けられた画像が配置されていた位置に配置する。このため、ユーザが自ら用意した画像を使用する場合に、ユーザが用意した画像をパス情報によって指定するだけで、作画領域内の所要の位置に所要の形状で配置され、一旦独自形式の部品のデータを生成せずとも作画領域内への配置を行うことができ、大幅に操作性を向上させることができる。
【００２４】
また、標準的なデータの指定情報であるパス情報によって画像を指定するため、ユーザが自ら用意した画像の指定が容易に行える。
【００２５】
また、指定された画像を部品に対応付けられた画像の形状に合わせて変形することによって、ユーザが明示的に形状を変更しなくとも、ユーザが所望の画像をパス情報によって指定するだけで、指定された画像を適宜の形状に自動的に変形させることができ、従来に比して作業性を向上させることができる
【００２６】
また、部品に対応付けられた画像を変更する都度、この画像の形状に合わせて指定された画像を変形する。従って、変更前の夫々の画像が同一形状をなす場合であって、そのうちの一つの画像が変更されたときには、指定された画像が部品に対応付けられた画像の形状に合わせて変形されるため、変更後の指定された画像と変更が行われなかった画像とは同一形状となる。このことによって、変更前の部品に対応付けられている夫々の画像が同一形状である限り、変更後の部品に対応付けられている夫々の画像の形状も同一に合わせることができ、指定された画像を夫々個別に変形する必要がなく、従来に比して作業性を向上させることができる。
【００２７】
第２及び第５発明による場合は、一旦変形された画像を更に変形する場合に、画像の変更に使用したパス情報によって指定された画像をもとに、指定された形状に変形する。例えば、縮小された画像は縮小される前の画像と比べて情報量が減少する。このため、一度縮小された画像を元の大きさに復元した場合でも、縮小前の画像に比べて情報量が減少している。一般的に、情報量が多い程、高精細な画像であるため、一旦変形された画像を更に変形するよりも、変形される前の画像を用いて新たな変形を行う方が画質の劣化が少なくなるという効果が期待できる。
【００２８】
また、作画領域に配置されている部品に対して、画像の形状を変形する場合に、夫々の画像を指示にしたがった同一形状に変形することによって、夫々の画像の形状を同一とすることができ、夫々の画像を別々に変形する場合に比べて大幅に操作性を向上させることができる。
【００２９】
第３及び第６発明による場合は、例えば、２つのコンピュータの異なるディレクトリに本発明に係る画面データ作成装置のプログラムが格納された場合であっても、パス情報を相対パスとすることにより、実行されるプログラムが基準とするディレクトリと、予め用意されている画像が格納されるディレクトリとをつなぐ経路（相対パス）が変わらない限り、夫々のコンピュータに格納されたプログラムから画像を指定することができる。
【００３０】
【発明の実施の形態】
以下に、本発明をその実施の形態を示す図面に基づいて説明する。
図１は、本発明に係る表示装置の実施の形態の構成例を示すブロック図である。この表示装置１は、ＰＬＣ８（プログラマブル・コントローラ）に接続し、ＰＬＣ８と通信を行う通信手段７と、ユーザによる操作を受け付けるタッチパネル式の入力手段３と、ＰＬＣ８の各動作に割り当てられた部品が配置された画面を表示するディスプレイを含む表示手段２とを備えている。
【００３１】
なお、入力手段３はタッチパネル式のものに限らず、例えばユーザによる操作を受け付けるためのスイッチなどであってもよい。
【００３２】
この表示装置１は、また、通信手段７、入力手段３、及び表示手段２と接続され、それらの制御を行う制御手段４と、制御手段４が実行するプログラム及び後述する画面データ等を記憶するための記憶手段５とを備えている。
【００３３】
このような構成の表示装置１では、予め、接続すべきＰＬＣ８の各動作状態を、タッチパネルの操作により表示又は設定できるように、図２に示す如くパーソナルコンピュータ９（画面データ作成装置）によりタッチパネルの画面データを作成し、作成した画面データを通信手段７を通じて、記憶手段５に記憶させておく。
【００３４】
パーソナルコンピュータ９は、本発明に係る画面データ作成装置のプログラムが記録されているＣＤ−ＲＯＭ又はフレキシブルディスク等の可搬型記録媒体９１から本発明に係る画面データ作成装置のプログラムを読み取るＣＤ−ＲＯＭドライブ又はフレキシブルディスクドライブ等からなる外部記憶装置、内蔵するＣＰＵから与えられる情報及び外部記憶装置により読み取った本発明に係る画面データ作成装置のプログラムを格納するメモリ、及び外部と通信を行うための通信インタフェースを備えてなる。
【００３５】
パーソナルコンピュータ９は、通信インタフェースにより通信ネットワーク９２に接続されている。この通信ネットワーク９２はルータ等の接続装置９３によりインターネット等の外部ネットワーク回線９４に接続されている。
【００３６】
本発明に係る画面データ作成装置のプログラムは可搬型記録媒体９１から読み取る以外にも、外部ネットワーク回線９４を介して外部サーバコンピュータ９５に接続し、外部サーバコンピュータ９５に内蔵された前記プログラムを記録してある記録媒体９６からパーソナルコンピュータ９へ前記プログラムをダウンロードすることによりメモりに格納することによって、パーソナルコンピュータ９は後述する本発明の画面データ作成装置における処理手順を実行することができる。
【００３７】
なお、上述した通信ネットワーク９２における通信は、有線による通信以外に、電波及び赤外線等の手段を用いた無線通信でもよい。
【００３８】
表示装置１は、図１に示すような構成では、制御手段４が、記憶してある画面データにより、表示手段２のディスプレイにソフトスイッチ及びランプ等の部品の画像を表示し、表示してあるソフトスイッチ等の操作により、そのソフトスイッチ等に対応付けられたＰＬＣ８内のデバイスの格納位置を示す位置データを、通信手段７を介して、ＰＬＣ８へ送る。
【００３９】
ＰＬＣ８は、送られた位置データに対応し、ＰＬＣ８内の動作状態を示す数値データを、通信手段７を介して制御手段４へ送る。制御手段４は、送られた数値データを、表示手段２のディスプレイに、ソフトスイッチ及びランプ等のオン／オフの動作状態に対応させて表示させる。
【００４０】
図３は、画面データ作成のための編集画面の一例を示す模式図である。パーソナルコンピュータ９では、作業領域としてのウィンドウＷ１が表示される。ウィンドウＷ１の内部には、画面データの作画領域ＥＡが含まれており、この作画領域ＥＡに画像を配置することによって画面データの編集が行われる。ユーザはマウス、キーボード等からの入力によって、ウィンドウＷ１に重畳して表示されたポインタｐを操作し、画面データの編集作業を行う。
【００４１】
例えば、ユーザによる操作によって、図１０に示すような部品選択用のウィンドウＷ２がウィンドウＷ１に重ねて表示される。図４は、部品選択用のウィンドウＷ２を表示した場合の編集画面の一例を示す模式図である。ユーザはウィンドウＷ２に表示されているランプ及びスイッチ等の部品を選択し、ドラッグアンドドロップ等の操作によって作画領域ＥＡ内に配置する。
【００４２】
なお、以上に説明した操作は、部品の選択及び配置の操作の一例であり、例えば、メニューからランプ、スイッチ等の部品の種類を選択し、作業領域ＥＡ内の所望の位置に所望の形状の矩形を指定することによって部品を選択及び配置してもよい。
【００４３】
図５は、配置した部品に対応付けられている画像を変更するときの編集画面の一例を示す模式図である。ランプ及びスイッチ等の部品には、ＰＬＣ８内のデバイスのオン／オフの動作状態に対して夫々画像が割り当てられている。パーソナルコンピュータ９は、通常は部品の配置と、その部品を他の部品に変更することができる通常モードとなっているが、ユーザが部品に用いる画像を指定する場合には、ユーザからの指示によって、部品のオン／オフの各動作状態に対応する夫々の画像を、予め用意された画像、及びユーザが予め用意した画像を指定し、これに変更できるユーザ指定モードへ移行するようになっている。ユーザ指定モードでは、このような部品に対応付けられている画像を変更する場合、ユーザはマウス又はキーボードの操作によって画像を変更する指示を行い、この指示を受けて、パーソナルコンピュータ９が画像を指定するためウィンドウＷ３の表示を行う。
【００４４】
通常モードの場合では、部品毎に対応付けられたＩＤ番号を用いて画像の指定を行い、予め用意されているＩＤ番号とパス情報との対応表を参照して画像を読み込むようになっている。このことにより、配置された部品を他の部品に変更する、つまり、オン／オフの画像の組合せを変更することはできるが、配置された部品のオン／オフの画像の一方だけを変更することはできない。
【００４５】
ユーザ指定モードの場合であって、ユーザが自ら用意した画像を選択するときには、パーソナルコンピュータ９による画像の指定が、ＩＤ番号による指定からパス情報による直接の指定へ切り換えられる。このようにすることによって、予め用意された画像の他からも画像を指定でき、オン／オフの一方の画像のみを変更することができるようになっている。
【００４６】
ウィンドウＷ３は、オン状態に対応している画像と、オフ状態に対応している画像とを夫々表示するようになっており、オン状態に対応している画像及びオフ状態に対応している画像夫々を変更することができるようになっている。ユーザが自ら用意した画像を選択するときには、ユーザがこの指示を行うことにより、ウィンドウＷ３内に、オン状態に対応している画像を指定するパス情報と、オフ状態に対応している画像を指定するパス情報とを夫々表示するようになっており、更にパス情報を、例えば、画面に表示されたアイコン又はボタンをマウスの操作によって選択する等によって入力することで、他の画像を指定できるようになっている。
【００４７】
また、パーソナルコンピュータ９からの画像の指定に用いられるパス情報は、相対パスとなっている。このようにすることによって、例えば、画面データを作成するためのアプリケーションプログラムが格納されるディレクトリが、標準として予め設定されているディレクトリと異なる場合であっても、このプログラムを格納するために作成されるディレクトリ以下の木構造が同一であるようにし、この木構造を構成するディレクトリのうちの１つに画像を格納することにより、プログラムが基準とするディレクトリと、画像が格納されているディレクトリとをつなぐ経路（相対パス）が変化しない。このため、プログラム及び前記画像が格納されるディレクトリが標準のディレクトリと異なるものである場合でも、前記プログラムから前記画像を指定することができる。
【００４８】
図６は、画像が変更された後の編集画面の一例を示す模式図である。図６では、ユーザからの指定によって、図３に示す画像Ｉ１から、画像Ｉ２へ変更が行われた場合を示している。パーソナルコンピュータ９は、ユーザからのマウスの操作等により、パス情報“ｉｍａｇｅ￥Ｉ３．ｂｍｐ”が入力され、このパス情報によって指定される画像Ｉ３を読み込む。これを画像Ｉ１の形状に合わせるように自動的に変形し、画像Ｉ１の配置されていた位置に配置することによって、画像の変更が行われる。
【００４９】
図７は、既に変形されて、配置されている画像が更に変形されるときの編集画面の一例を示す模式図である。図に示すように、マウスのドラッグアンドドロップの操作によって、画像Ｉ２の形状を指定し、パーソナルコンピュータ９が、この形状に合わせて画像Ｉ２を変形する。また、パーソナルコンピュータ９は、図５に示した画像Ｉ２と同一部品のオフ状態に対応付けられている画像Ｉ４も同一形状に変形する。
【００５０】
このようにすることによって、常に画像Ｉ１及びＩ４の形状を同一とすることができ、画像Ｉ１及びＩ４を別々に変形する場合に比べて大幅に操作性を向上させることができる。
【００５１】
また、画像Ｉ２を再変形するときには、画像Ｉ２を作成する時点での変形する元となった画像を、パーソナルコンピュータ９がパス情報によって指定し、これを読み込んで、指定された形状に変形するようになっている。
【００５２】
このようにすることによって、一旦変形された画像Ｉ１を更に変形するよりも、変形される前の画像を用いて新たな変形を行う方が画質の劣化が少なくなるという効果が期待できる。
【００５３】
図８は、本発明に係る画面データ作成装置における画像の変更処理に関する処理手順を示すフローチャートである。まず、ユーザ指定モードにするか否かの指示を受け付け（ステップ１０１）、ユーザ指定モードにする場合、何れの動作状態の画像を変更するかの指示を受け付け（ステップ１０２）、画像を指定するパス情報の入力を受け付け（ステップ１０３）、入力されたパス情報を記憶し（ステップ１０４）、指定された画像を元の画像に合わせて変形し（ステップ１０５）、パス情報、画像を表すデータ、及び配置位置を表すデータを含む画面データを作成し（ステップ１０６）、変更処理を終了するか否かの指示を受け付ける（ステップ１０７）。終了しない場合は、ステップ１０２に戻る。
【００５４】
一方、ステップ１０１において、通常モードにする場合、ランプ又はスイッチ等の部品の種類の指示を受け付け（ステップ１０８）、部品の色の指示を受け付け（ステップ１０９）、部品に対応付けられた夫々の画像を元の画像に合わせて変形し（ステップ１１０）、ＩＤ番号、画像を表すデータ、及び配置位置を表すデータを含む画面データを作成し（ステップ１１１）、処理を終了する。
【００５５】
図９は、本発明に係る画面データ作成装置における画像の再変形処理に関する処理手順を示すフローチャートである。まず、変形する形状の指示を受け付け（ステップ２１）、変形する部品はユーザ指定モードで作成された部品であるか否かを判別し（ステップ２２）、ユーザ指定モードで作成された部品でない場合、画面データからＩＤ番号を読み込み（ステップ２３）、ユーザ指定モードで作成された部品である場合、画面データからパス情報を読み込む（ステップ２４）。
【００５６】
読み込んだＩＤ番号又はパス情報によって指定される画像を読み込み（ステップ２５）、読み込んだ画像を指示された形状に変形し（ステップ２６）、配置する（ステップ２７）。ステップ２２において、予め用意された部品の場合は、ＩＤ番号、画像を表すデータ、及び配置位置を表すデータを含む画面データを、予め用意された部品でない場合には、パス情報、画像を表すデータ、及び配置位置を表すデータを含む画面データを夫々作成し（ステップ２８）、処理を終了する。
【００５７】
【発明の効果】
第１発明，第４発明，及び第７発明による場合は、作画領域内に配置されている部品に対応付けられた画像を、パス情報で指定された画像へ変更するとき、この画像を部品に対応付けられた画像の形状に合わせて変形し、部品に対応付けられた画像が配置されていた位置に配置する。このため、ユーザが自ら用意した画像を使用する場合に、ユーザが用意した画像をパス情報によって指定するだけで、作画領域内の所要の位置に所要の形状で配置され、一旦独自形式の部品のデータを生成せずとも作画領域内への配置を行うことができ、大幅に操作性を向上させることができる。
【００５８】
また、標準的なデータの指定情報であるパス情報によって画像を指定するため、ユーザが自ら用意した画像の指定が容易に行える。
【００５９】
また、指定された画像を部品に対応付けられた画像の形状に合わせて変形することによって、ユーザが明示的に形状を変更しなくとも、ユーザが所望の画像をパス情報によって指定するだけで、指定された画像を適宜の形状に自動的に変形させることができ、従来に比して作業性を向上させることができる
【００６０】
また、部品に対応付けられた画像を変更する都度、この画像の形状に合わせて指定された画像を変形する。従って、変更前の夫々の画像が同一形状をなす場合であって、そのうちの一つの画像が変更されたときには、指定された画像が部品に対応付けられた画像の形状に合わせて変形されるため、変更後の指定された画像と変更が行われなかった画像とは同一形状となる。このことによって、変更前の部品に対応付けられている夫々の画像が同一形状である限り、変更後の部品に対応付けられている夫々の画像の形状も同一に合わせることができ、指定された画像を夫々個別に変形する必要がなく、従来に比して作業性を向上させることができる。
【００６１】
第２及び第５発明による場合は、作画領域内に配置された画像を更に変形する場合に、画像の変更に使用したパス情報によって指定された画像を、指定された形状に変形する。例えば、縮小された画像は縮小される前の画像と比べて情報量が減少する。このため、一度縮小された画像を元の大きさに復元した場合でも、縮小前の画像に比べて情報量が減少している。一般的に、情報量が多い程、高精細な画像であるため、一旦変形された画像を更に変形するよりも、変形される前の画像を用いて新たな変形を行う方が画質の劣化が少なくなるという効果が期待できる。
【００６２】
また、作画領域に配置されている部品に対して、画像の形状を変形する場合に、夫々の画像を指示にしたがった同一形状に変形することによって、夫々の画像の形状を同一とすることができ、夫々の画像を別々に変形する場合に比べて大幅に操作性を向上させることができる。
【００６３】
第３及び第６発明による場合は、例えば、２つのコンピュータの異なるディレクトリに本発明に係る画面データ作成装置のプログラムが格納された場合であっても、パス情報を相対パスとすることにより、実行されるプログラムが基準とするディレクトリと、予め用意されている画像が格納されるディレクトリとをつなぐ経路（相対パス）が変わらない限り、夫々のコンピュータに格納されたプログラムから画像を指定することができる。
【図面の簡単な説明】
【図１】本発明に係る実施の形態を示す表示装置の構成例を示すブロック図である。
【図２】本発明に係る画面データ作成装置の実施の形態の構成例を示すブロック図である。
【図３】画面データ作成のための編集画面の一例を示す模式図である。
【図４】部品選択用のウィンドウを表示した場合の編集画面の一例を示す模式図である。
【図５】配置した部品に対応付けられている画像を変更するときの編集画面の一例を示す模式図である。
【図６】画像が変更された後の編集画面の一例を示す模式図である。
【図７】既に変形されて、配置されている画像が更に変形されるときの編集画面の一例を示す模式図である。
【図８】本発明に係る画面データ作成装置における画像の変更処理に関する処理手順を示すフローチャートである。
【図９】本発明に係る画面データ作成装置における画像の再変形処理に関する処理手順を示すフローチャートである。
【図１０】部品選択用のウィンドウ内の表示内容を示す模式図である。
【符号の説明】
１表示装置
２表示手段
３入力手段
４制御手段
５記憶手段
７通信手段
８ＰＬＣ（プログラマブル・コントローラ）
９パーソナルコンピュータ（画面データ作成装置）
９１可搬型記録媒体
９２通信ネットワーク
９３接続装置
９４外部ネットワーク回線
９５外部サーバコンピュータ
９６記録媒体[0001]
BACKGROUND OF THE INVENTION
The present invention is connected to a control device such as a programmable controller or a device such as a monitoring device for monitoring the operating state of equipment, and displays the operation of this device according to the operating state of the image displayed component. The present invention relates to a screen data creation method for creating screen data for operating the computer, a screen data creation device used for the implementation, and a recording medium on which a computer program for causing a computer to function as the screen data creation device is recorded.
[0002]
[Prior art]
In a display device that is connected to a programmable controller (PLC) and displays the operation of the PLC according to the operation state of components such as lamps and switches that display images, operation data (screen data) for the operation is displayed by a personal computer. Created in advance.
[0003]
Parts such as a lamp and a switch are associated with two images each representing an on / off operation state, and the display device switches and displays images according to the operation of the PLC.
[0004]
In order to create screen data including such a component, the personal computer associates an image showing an operation state that the component can take with the operation state of the PLC as shown in FIG. Unique format data is stored in advance in a storage device such as a hard disk. The screen data is created by the user selecting a part and placing it at a desired position in the screen drawing area.
[0005]
Such a component is associated with an image prepared in advance. However, there are cases where the user wants to configure a part using an image prepared by the user. Such an image prepared by the user is often data in a standard format such as a bitmap format or a JPEG format, and is stored as data in such a format in a conventional screen data creation device. In order to use an image as a part, data of a part in a unique format is generated once using an image in a read bitmap format or JPEG format, and can be selected together with a part prepared in advance.
[0006]
[Problems to be solved by the invention]
However, in the conventional screen data creation apparatus as described above, when using an image prepared by the user as a component, the image data in the original format is used by using the read image data in the bitmap format or JPEG format. There was a problem of requiring the trouble of generating.
[0007]
In addition, in order to match the shape of the image prepared by the user with the shape of the image associated with the other operation state of the part, the same shape as the shape of the image associated with the other operation state is specified. After that, it was necessary to generate part data. For this reason, in order to match two images to the same shape, it is necessary to examine the shape of the image associated with the other operation state in advance or to predict and specify the shape. There was a problem.
[0008]
In addition, when two images associated with one component have different shapes (for example, one is a vertically long rectangle and the other is a horizontally long rectangle), the same shape cannot be obtained. In order to match the shapes of two images, there is a problem that the parts must be generated by matching the shapes again.
[0009]
Also, in the case of a part using an image prepared by the user, when the image is deformed, the part data using the image is once generated, and the read image is deformed from the generated part data. For example, when the image is reduced and the data of the part including the image is generated, the information amount of the image is reduced, and when the image is deformed again, the image having the reduced information amount is further deformed. As a result, there is a problem that the image quality deteriorates.
[0010]
The present invention has been made in view of the above-described circumstances. When changing the image of a component arranged in the drawing area, an image in a data format such as a bitmap format or a JPEG format is designated by path information. The screen data creation method that greatly improves the operability without the need to generate the original part data once by placing the target image at the position where the part image is placed, used for its implementation It is an object of the present invention to provide a screen data creation device that performs recording and a recording medium in which a computer program for causing a computer to function as the screen data creation device is recorded.
[0011]
Another object of the present invention is to change a specified image in accordance with the shape of an image associated with a component when the image of the component placed by the user in the drawing area is changed to the specified image. Thus, even if the user does not explicitly change the shape, the user can automatically change the specified image into an appropriate shape only by specifying the desired image with the path information. It is an object of the present invention to provide a screen data creation method, a screen data creation device, and a recording medium that can improve workability.
[0012]
Still another object of the present invention is to match each image with the shape of the image associated with the component when changing each image associated with one component to an image with a different shape. Screen data that does not need to be individually transformed, and that can transform the designated image into the same shape, improving workability compared to conventional methods. To provide a creation method, a screen data creation device, and a recording medium.
[0013]
Further, another object of the present invention is to perform image deformation using an image specified by path information each time a request for deformation and re-deformation of a part image is received, and screen data is obtained based on the deformed image. It is an object of the present invention to provide a screen data creation method and a screen data creation device with less image quality degradation as compared with the case of further deformation using an image whose information amount has been reduced by deformation such as reduction.
[0014]
Still another object of the present invention is to specify an image associated with each operation state of a component when the image is deformed with respect to the component arranged in the drawing area. Another object of the present invention is to provide a screen data creation method and a screen data creation device that can greatly improve the operability by deforming into the same shape as compared with the case of individual deformation.
[0015]
Still another object of the present invention is to designate an image by a relative path so that an image prepared in advance is stored even when the program is stored in a position different from the position (directory) where the program is assumed. It is an object of the present invention to provide a screen data creation method and a screen data creation device that can be specified.
[0016]
[Means for Solving the Problems]
The screen data creation method according to the first invention creates screen data including a screen for displaying an image associated with each of the plurality of operation states on a display device that sets or displays the operation state of the target device. In the screen data creation method, the instruction to change the image arranged in an appropriate shape at an appropriate position in a predetermined drawing area to an image specified by path information indicating the position where the image is stored is received. 1 step, a second step of transforming the image specified by the path information into the appropriate shape, a third step of arranging the deformed image at the appropriate position, and the path information and the deformed image. And a fourth step of creating screen data including data and data representing the appropriate position.
[0017]
The screen data creation method according to a second aspect of the invention is the screen data creation method according to the first aspect of the invention, wherein the screen data creation method is designated by the path information when receiving an instruction to further deform the deformed image and when the instruction is accepted. The method further comprises a sixth step of transforming the image into a shape according to the instruction, and a seventh step of creating screen data based on the image transformed in the sixth step.
[0018]
A screen data creation method according to a third aspect is the screen data creation method according to the first or second aspect, wherein the path information is a relative path.
[0019]
A screen data creation device according to a fourth aspect of the present invention creates screen data including a screen for displaying an image associated with each of the plurality of operation states on a display device that sets or displays the operation state of the target device. Accepting an instruction to change the image arranged in an appropriate shape at an appropriate position in a predetermined drawing area to an image specified by path information indicating the position where the image data is stored Means, deformation means for deforming the image specified by the path information into the appropriate shape, arrangement means for arranging the image deformed by the deformation means at the appropriate position, the path information, and the deformed image. Data creating means for creating screen data including data representing the position and data representing the appropriate position, and screen data created by the data creating means Characterized in that it comprises a 憶 storing means.
[0020]
The screen data creation device according to a fifth aspect of the present invention is the screen data creation device according to the fourth aspect of the present invention, wherein a receiving unit that receives an instruction to further deform the deformed image, and the path information Re-deformation means for transforming the image designated by the shape into a shape according to the instruction, wherein the data creation means is adapted to create screen data based on the image transformed by the re-deformation means. It is characterized by that.
[0021]
The screen data creation device according to a sixth aspect of the present invention is the screen data creation device according to the fourth or fifth aspect, wherein the path information is a relative path.
[0022]
According to a seventh aspect of the present invention, there is provided a recording medium including screen data including a screen for displaying an image associated with each of the plurality of operation states on a display device that sets or displays the operation state of the target device. In a computer-readable recording medium on which a program to be created is recorded, the computer stores the image arranged in an appropriate shape at an appropriate position in a predetermined drawing area, and a position where the image is stored. Program code means for accepting an instruction to change to an image designated by path information to be represented, program code means for transforming the image designated by the path information into the appropriate shape, and arranging the deformed image at the appropriate position Program code means, and the path information, the data representing the deformed image, and the data representing the appropriate position. Wherein the program having a program code means for creating a screen data including the data has been recorded.
[0023]
In the first invention, the fourth invention, and the seventh invention, when the image associated with the part arranged in the drawing area is changed to the image specified by the path information, this image is used as the part. The image is deformed in accordance with the shape of the associated image, and is arranged at the position where the image associated with the component has been arranged. For this reason, when an image prepared by the user is used, the image prepared by the user can be placed in the required shape in the required position in the drawing area simply by specifying the path information. Arrangement in the drawing area can be performed without generating data, and operability can be greatly improved.
[0024]
In addition, since an image is designated by path information that is standard data designation information, an image prepared by the user can be easily designated.
[0025]
In addition, by changing the designated image according to the shape of the image associated with the component, the user can simply specify the desired image by the path information without changing the shape explicitly. The specified image can be automatically deformed into an appropriate shape, and workability can be improved compared to the conventional case.
[0026]
Each time the image associated with the part is changed, the designated image is deformed according to the shape of the image. Therefore, when the images before the change have the same shape and one of the images is changed, the designated image is deformed according to the shape of the image associated with the component. The designated image after the change and the image that has not been changed have the same shape. As a result, as long as each image associated with the part before the change has the same shape, the shape of each image associated with the part after the change can also be matched and designated. There is no need to individually transform the images, and workability can be improved as compared with the conventional case.
[0027]
According to the second and fifth inventions, when the image once deformed is further deformed, the image is deformed into a designated shape based on the image designated by the path information used for changing the image. For example, the amount of information is reduced in the reduced image compared to the image before being reduced. For this reason, even when the image once reduced is restored to the original size, the amount of information is reduced as compared with the image before reduction. In general, the larger the amount of information, the higher the resolution of the image. Therefore, the image quality is degraded by performing a new deformation using the untransformed image rather than further modifying the once deformed image. The effect of decreasing can be expected.
[0028]
In addition, when the shape of an image is deformed with respect to the parts arranged in the drawing area, the shape of each image may be made the same by deforming each image into the same shape according to an instruction. Therefore, the operability can be greatly improved as compared with the case where the respective images are separately transformed.
[0029]
In the case of the third and sixth inventions, for example, even when the program of the screen data creation device according to the present invention is stored in different directories of two computers, the path information is executed as a relative path. As long as the path (relative path) connecting the directory used as a reference for the program to be stored and the directory for storing the image prepared in advance does not change, an image can be specified from the program stored in each computer. .
[0030]
DETAILED DESCRIPTION OF THE INVENTION
Hereinafter, the present invention will be described with reference to the drawings illustrating embodiments thereof.
FIG. 1 is a block diagram showing a configuration example of an embodiment of a display device according to the present invention. This display device 1 is connected to a PLC 8 (programmable controller), and communication means 7 for communicating with the PLC 8, a touch panel type input means 3 for accepting an operation by a user, and components assigned to each operation of the PLC 8 are arranged. Display means 2 including a display for displaying the displayed screen.
[0031]
The input means 3 is not limited to a touch panel type, and may be a switch for accepting an operation by a user, for example.
[0032]
The display device 1 is also connected to the communication means 7, the input means 3, and the display means 2, and stores a control means 4 for controlling them, a program executed by the control means 4, screen data to be described later, and the like. Storage means 5 for the purpose.
[0033]
In the display device 1 having such a configuration, each operation state of the PLC 8 to be connected can be displayed or set by operating the touch panel in advance, as shown in FIG. 2, by the personal computer 9 (screen data creation device). Screen data is created, and the created screen data is stored in the storage unit 5 through the communication unit 7.
[0034]
The personal computer 9 is a CD-ROM drive for reading the program of the screen data creation device according to the present invention from a portable recording medium 91 such as a CD-ROM or a flexible disk in which the program of the screen data creation device according to the present invention is recorded. Or an external storage device such as a flexible disk drive, a memory for storing information given from a built-in CPU and a program of a screen data creation device according to the present invention read by the external storage device, and a communication interface for communicating with the outside It is equipped with.
[0035]
The personal computer 9 is connected to the communication network 92 by a communication interface. The communication network 92 is connected to an external network line 94 such as the Internet by a connection device 93 such as a router.
[0036]
In addition to reading from the portable recording medium 91, the program of the screen data creation apparatus according to the present invention is connected to the external server computer 95 via the external network line 94, and records the program built in the external server computer 95. By downloading the program from the recording medium 96 to the personal computer 9 and storing it in the memory, the personal computer 9 can execute the processing procedure in the screen data creation apparatus of the present invention described later.
[0037]
Note that the communication in the communication network 92 described above may be wireless communication using means such as radio waves and infrared rays in addition to wired communication.
[0038]
In the configuration as shown in FIG. 1, the control device 4 displays and displays images of components such as soft switches and lamps on the display of the display device 2 based on the stored screen data. By operating a soft switch or the like, position data indicating a storage position of a device in the PLC 8 associated with the soft switch or the like is sent to the PLC 8 via the communication unit 7.
[0039]
The PLC 8 sends numerical data indicating the operation state in the PLC 8 to the control means 4 via the communication means 7 corresponding to the sent position data. The control means 4 displays the sent numerical data on the display of the display means 2 in correspondence with the on / off operation states of the soft switch and the lamp.
[0040]
FIG. 3 is a schematic diagram showing an example of an editing screen for creating screen data. In the personal computer 9, a window W1 as a work area is displayed. The window W1 includes a screen data drawing area EA, and screen data is edited by placing an image in the drawing area EA. The user operates the pointer p displayed superimposed on the window W1 by input from a mouse, a keyboard, or the like to edit screen data.
[0041]
For example, a part selection window W2 as shown in FIG. 10 is displayed so as to overlap the window W1 by an operation by the user. FIG. 4 is a schematic diagram showing an example of an editing screen when the part selection window W2 is displayed. The user selects components such as lamps and switches displayed in the window W2, and arranges them in the drawing area EA by an operation such as drag and drop.
[0042]
The operation described above is an example of the operation of selecting and arranging parts. For example, the type of a part such as a lamp or a switch is selected from a menu, and a desired shape is formed at a desired position in the work area EA. Parts may be selected and placed by specifying a rectangle.
[0043]
FIG. 5 is a schematic diagram illustrating an example of an editing screen when changing an image associated with a placed component. Images such as lamps and switches are respectively assigned to the on / off operation states of the devices in the PLC 8. The personal computer 9 is normally in a normal mode in which the parts can be arranged and the parts can be changed to other parts. However, when the user designates an image to be used for the parts, the personal computer 9 is instructed by the user. Each image corresponding to each of the on / off operation states of the component is designated as an image prepared in advance and an image prepared in advance by the user, and the mode shifts to a user designation mode in which the image can be changed. . In the user designation mode, when changing the image associated with such a component, the user gives an instruction to change the image by operating the mouse or the keyboard, and the personal computer 9 designates the image in response to the instruction. Therefore, the window W3 is displayed.
[0044]
In the case of the normal mode, an image is specified using an ID number associated with each part, and the image is read with reference to a correspondence table of ID numbers and path information prepared in advance. . In this way, the arranged part can be changed to another part, that is, the combination of on / off images can be changed, but only one of the on / off images of the arranged parts can be changed. I can't.
[0045]
In the case of the user designation mode, when the user selects an image prepared by himself / herself, the designation of the image by the personal computer 9 is switched from designation by the ID number to direct designation by the path information. In this way, an image can be designated from images prepared in advance, and only one of the on / off images can be changed.
[0046]
The window W3 displays an image corresponding to the on state and an image corresponding to the off state, respectively, and an image corresponding to the on state and an image corresponding to the off state. Each can be changed. When the user selects an image prepared by himself / herself, the user performs this instruction, thereby specifying path information for specifying an image corresponding to the ON state and an image corresponding to the OFF state in the window W3. Each path information to be displayed is displayed, and another image can be specified by inputting the path information by, for example, selecting an icon or button displayed on the screen by operating the mouse. It has become.
[0047]
The path information used for designating an image from the personal computer 9 is a relative path. In this way, for example, even if the directory in which the application program for creating the screen data is stored is different from the directory preset as a standard, it is created to store this program. The directory under which the program is stored is the same, and the image is stored in one of the directories constituting the tree structure. The connected path (relative path) does not change. For this reason, even when the directory in which the program and the image are stored is different from the standard directory, the image can be designated from the program.
[0048]
FIG. 6 is a schematic diagram illustrating an example of the editing screen after the image is changed. FIG. 6 shows a case where the image I1 shown in FIG. 3 is changed to the image I2 by designation from the user. The personal computer 9 receives the path information “image ¥ I3.bmp” by a mouse operation or the like from the user, and reads the image I3 specified by the path information. This is automatically deformed so as to match the shape of the image I1, and the image is changed by placing it at the position where the image I1 was placed.
[0049]
FIG. 7 is a schematic diagram illustrating an example of an editing screen when an image that has already been deformed and is arranged is further deformed. As shown in the figure, the shape of the image I2 is designated by a mouse drag-and-drop operation, and the personal computer 9 deforms the image I2 in accordance with this shape. In addition, the personal computer 9 also deforms the image I4 associated with the off state of the same component as the image I2 illustrated in FIG. 5 into the same shape.
[0050]
By doing so, the shapes of the images I1 and I4 can always be the same, and the operability can be greatly improved compared to the case where the images I1 and I4 are separately deformed.
[0051]
Further, when the image I2 is re-transformed, the personal computer 9 designates the image that has been transformed at the time of creating the image I2 by the path information, reads this, and transforms it into the designated shape. It has become.
[0052]
By doing in this way, it can be expected that the image quality is less deteriorated by performing a new deformation using the image before being deformed than when the image I1 once deformed is further deformed.
[0053]
FIG. 8 is a flowchart showing a processing procedure relating to image change processing in the screen data creation apparatus according to the present invention. First, an instruction as to whether or not to enter the user designation mode is accepted (step 101). When the user designation mode is set, an instruction as to which image of the operating state is to be changed is accepted (step 102), and the path for designating the image Receiving input of information (step 103), storing the input path information (step 104), transforming the designated image to match the original image (step 105), path information, data representing the image, and Screen data including data representing the arrangement position is created (step 106), and an instruction as to whether or not to end the changing process is received (step 107). If not, the process returns to step 102.
[0054]
On the other hand, when the normal mode is set in step 101, an instruction for the type of a component such as a lamp or a switch is received (step 108), an instruction for the color of the component is received (step 109), and each image associated with the component is received. Is modified in accordance with the original image (step 110), screen data including an ID number, data representing the image, and data representing the arrangement position is created (step 111), and the process is terminated.
[0055]
FIG. 9 is a flowchart showing a processing procedure regarding image re-transformation processing in the screen data creation apparatus according to the present invention. First, an instruction of a shape to be deformed is received (step 21), and it is determined whether or not the part to be deformed is a part created in the user designation mode (step 22). The ID number is read from the screen data (step 23), and if it is a part created in the user designation mode, the path information is read from the screen data (step 24).
[0056]
An image specified by the read ID number or path information is read (step 25), and the read image is transformed into the designated shape (step 26) and arranged (step 27). In step 22, in the case of a part prepared in advance, screen data including data representing an ID number, an image, and data indicating an arrangement position, and in the case of not a part prepared in advance, data representing path information and an image. And screen data including data representing the arrangement position are created (step 28), and the process is terminated.
[0057]
【The invention's effect】
In the first invention, the fourth invention, and the seventh invention, when the image associated with the part arranged in the drawing area is changed to the image specified by the path information, this image is used as the part. The image is deformed in accordance with the shape of the associated image, and is arranged at the position where the image associated with the component has been arranged. For this reason, when an image prepared by the user is used, the image prepared by the user can be placed in the required shape in the required position in the drawing area simply by specifying the path information. Arrangement in the drawing area can be performed without generating data, and operability can be greatly improved.
[0058]
In addition, since an image is designated by path information that is standard data designation information, an image prepared by the user can be easily designated.
[0059]
In addition, by changing the designated image according to the shape of the image associated with the component, the user can simply specify the desired image by the path information without changing the shape explicitly. The specified image can be automatically deformed into an appropriate shape, and workability can be improved compared to the conventional case.
[0060]
Each time the image associated with the part is changed, the designated image is deformed according to the shape of the image. Therefore, when the images before the change have the same shape and one of the images is changed, the designated image is deformed according to the shape of the image associated with the component. The designated image after the change and the image that has not been changed have the same shape. As a result, as long as each image associated with the part before the change has the same shape, the shape of each image associated with the part after the change can also be matched and designated. There is no need to individually transform the images, and workability can be improved as compared with the conventional case.
[0061]
According to the second and fifth inventions, when the image arranged in the drawing area is further deformed, the image designated by the path information used for changing the image is transformed into a designated shape. For example, the amount of information is reduced in the reduced image compared to the image before being reduced. For this reason, even when the image once reduced is restored to the original size, the amount of information is reduced as compared with the image before reduction. In general, the larger the amount of information, the higher the resolution of the image. Therefore, the image quality is degraded by performing a new deformation using the untransformed image rather than further modifying the once deformed image. The effect of decreasing can be expected.
[0062]
In addition, when the shape of an image is deformed with respect to the parts arranged in the drawing area, the shape of each image may be made the same by deforming each image into the same shape according to an instruction. Therefore, the operability can be greatly improved as compared with the case where the respective images are separately transformed.
[0063]
In the case of the third and sixth inventions, for example, even when the program of the screen data creation device according to the present invention is stored in different directories of two computers, the path information is executed as a relative path. As long as the path (relative path) connecting the directory used as a reference for the program to be stored and the directory for storing the image prepared in advance does not change, an image can be specified from the program stored in each computer. .
[Brief description of the drawings]
FIG. 1 is a block diagram illustrating a configuration example of a display device according to an embodiment of the present invention.
FIG. 2 is a block diagram illustrating a configuration example of an embodiment of a screen data creation device according to the present invention.
FIG. 3 is a schematic diagram illustrating an example of an editing screen for creating screen data.
FIG. 4 is a schematic diagram illustrating an example of an editing screen when a part selection window is displayed.
FIG. 5 is a schematic diagram illustrating an example of an editing screen when changing an image associated with a placed component.
FIG. 6 is a schematic diagram illustrating an example of an editing screen after an image is changed.
FIG. 7 is a schematic diagram illustrating an example of an editing screen when an image that has already been deformed and is arranged is further deformed.
FIG. 8 is a flowchart showing a processing procedure related to image change processing in the screen data creation apparatus according to the present invention.
FIG. 9 is a flowchart showing a processing procedure regarding image re-transformation processing in the screen data creation apparatus according to the present invention;
FIG. 10 is a schematic diagram showing display contents in a component selection window.
[Explanation of symbols]
1 Display device
2 Display means
3 Input means
4 Control means
5 Memory means
7 Communication means
8 PLC (Programmable Controller)
9 Personal computer (screen data creation device)
91 Portable recording media
92 Communication network
93 Connection device
94 External network line
95 External server computer
96 recording media

Claims

プログラマブルコントローラに接続され、当該プログラマブルコントローラの動作状態を設定し、又は表示する表示装置に、複数の前記動作状態夫々に関連付けられた画像データを部品として表示させるための画面データを作成する、画面データ作成装置を用いた画面データ作成方法において、
前記画面データ作成装置に格納された複数の画像データのうち、部品と対応づけられた第１の画像データを所定の作画領域内の適宜位置に適宜の形状で配置する指定を受け、当該適宜形状の部品を表す画像データ及び前記適宜位置を表すデータと、当該適宜形状の部品を表す画像データの元データである前記第１の画像データの格納位置を示す情報とを含む第１の画面データを作成するステップと、
前記作成された第1の画面データに含まれる、前記適宜形状の部品を表す画像データ及び前記適宜位置を表すデータに基づき前記所定の作画領域内の適宜位置に適宜の形状で配置して表示された部品の指定と、当該表示された部品と対応付けられた第1の画像データを、前記画面データ作成装置に格納された第２の画像データが格納されている位置を表すパス情報によって指定された第２の画像データへ変更する指示を受け付けるステップと、
当該変更指示に応じて、前記第２の画像データが格納されている位置を表すパス情報によって指定された第２の画像データを読み込み、当該読み込んだ第２の画像データを前記第1の画面データに基づく前記適宜の形状に変形すると共に、前記第1の画面データに含まれる前記適宜位置を表すデータに基づいて、前記適宜の形状に変形した画像データを部品として前記適宜位置に配置して表示するステップと、
当該表示された部品を表す前記適宜の形状に変形した画像データ及び前記適宜位置を表すデータと、当該表示された部品を表す画像データの元データである前記第２の画像データが格納されている位置を表すパス情報とを含む第２の画面データを作成するステップとを有し、前記作成された第２の画面データに含まれる、前記適宜形状の部品を表す画像データ及び前記適宜位置を表すデータに基づき前記所定の作画領域内の適宜位置に適宜の形状で配置して表示された部品の形状を変形させることにより、当該表示された部品の形状を変形する指示を受け付けた場合、前記第２の画面データに含まれるパス情報を用いて特定される、当該表示された部品を表す画像データの元データである前記第２の画像データを用いて変形処理を実行し、当該変形処理に応じて適宜の形状に変形した画像データを部品として前記適宜位置に配置して表示すると共に、当該表示された部品を表す画像データ及び前記適宜位置を表すデータと、当該表示された部品を表す画像データの元データである前記第２の画像データが格納されている位置を表すパス情報とを含む第３の画面データを作成することを特徴とする画面データ作成方法。Screen data that is connected to a programmable controller and creates screen data for displaying, as a component, image data associated with each of the plurality of operating states on a display device that sets or displays the operating state of the programmable controller. In the screen data creation method using the creation device,
Of the plurality of image data stored in the screen data creation device, the first image data associated with the component is designated to be arranged in an appropriate shape at an appropriate position in a predetermined drawing area, and the appropriate shape is received. First screen data including image data representing a part of the image, data representing the appropriate position, and information indicating a storage position of the first image data which is original data of the image data representing the part having the appropriate shape A step to create,
Based on the image data representing the appropriately shaped component and the data representing the appropriate position, which are included in the created first screen data, are arranged and displayed at an appropriate position in the predetermined drawing area. Designation of the selected component and the first image data associated with the displayed component are designated by path information indicating the position where the second image data stored in the screen data creation device is stored. Receiving an instruction to change to the second image data;
In response to the change instruction, the second image data designated by the path information indicating the position where the second image data is stored is read, and the read second image data is read as the first screen data. The image data transformed into the appropriate shape is displayed as a component at the appropriate position based on the data representing the appropriate position included in the first screen data. And steps to
The image data transformed into the appropriate shape representing the displayed part, the data representing the appropriate position, and the second image data which is the original data of the image data representing the displayed part are stored. Creating second screen data including path information representing a position, and representing the image data representing the appropriately shaped component and the suitable position included in the created second screen data. When an instruction to change the shape of the displayed part is received by changing the shape of the displayed part arranged in an appropriate shape at an appropriate position in the predetermined drawing area based on the data, the first identified by using the path information included in the second screen data, performs deformation processing using the second image data which is the original data of the image data representing the displayed part, those The image data deformed into an appropriate shape according to the deformation process is displayed as a part arranged at the appropriate position, and the image data representing the displayed part, the data representing the appropriate position, and the displayed part 3rd screen data including the path information showing the position where the said 2nd image data which is the original data of the image data showing is stored is produced.

前記パス情報は、相対パスであることを特徴とする請求項１記載の画面データ作成方法。 The screen data creation method according to claim 1, wherein the path information is a relative path.

プログラマブルコントローラに接続され、当該プログラマブルコントローラの動作状態を設定し、又は表示する表示装置に、複数の前記動作状態夫々に関連付けられた画像データを部品として表示させるための画面データを作成する画面データ作成装置において、
第１の画像データ及び第２の画像データを含む複数の画像データを記憶する記憶手段と、
前記第１の画像データを指定し所定の作画領域内の適宜位置に適宜の形状で配置された部品の入力を受け、当該適宜形状の部品を表す画像データを、前記適宜位置を表すデータ、前記適宜形状の部品を表す画像データの元データである前記第１の画像データの格納位置を示す情報と共に第１の画面データとして作成するデータ作成手段と、
前記作成された第1の画面データに含まれる、前記適宜形状の部品を表す画像データ及び前記適宜位置を表すデータに基づき前記所定の作画領域内の適宜位置に適宜の形状で配置された画像データを、前記第２の画像データが格納されている位置を表すパス情報によって指定された前記第２の画像データへ変更する指示を受け付ける受付手段と、
当該変更指示に応じて、前記第２の画像データが格納されている位置を表すパス情報によって指定された前記第２の画像データを読み込み、当該読み込んだ第２の画像データを前記第1の画面データに基づく前記適宜の形状に変形する変形手段と、
前記第1の画面データに含まれる前記適宜位置を表すデータに基づいて、当該適宜の形状に変形された画像データを部品として前記適宜位置に配置する配置手段とを備え、
前記データ作成手段は、前記第２の画像データに基づき前記適宜の形状に変形された画像データ及び前記適宜位置を表すデータと、前記第２の画像データが格納されている位置を表すパス情報とを含む第２の画面データを作成し、前記記憶手段は、前記データ作成手段によって作成された第２の画面データを記憶することにより、前記適宜形状の部品を表す画像データ及び前記適宜位置を表すデータに基づき前記所定の作画領域内の適宜位置に適宜の形状で配置して表示された部品を変形させることにより、当該表示された部品の形状を変形する指示を受け付けた場合、パス情報を用いて特定される当該表示された部品を表す画像データの元データを用いて変形処理を実行することを特徴とする画面データ作成装置。Screen data creation for creating screen data for displaying, as a component, image data associated with each of the plurality of operation states on a display device that is connected to the programmable controller and sets or displays the operation state of the programmable controller In the device
Storage means for storing a plurality of image data including first image data and second image data;
Specifying the first image data, receiving an input of a component arranged in an appropriate shape at an appropriate position in a predetermined drawing area, and image data representing the appropriately shaped component as data indicating the appropriate position; Data creation means for creating the first screen data together with information indicating the storage position of the first image data, which is the original data of the image data representing an appropriately shaped part;
Image data arranged in an appropriate shape in an appropriate position in the predetermined drawing area based on the image data representing the appropriately shaped part and the data representing the appropriate position, which are included in the created first screen data Accepting means for accepting an instruction to change to the second image data designated by the path information representing the position where the second image data is stored;
In response to the change instruction, the second image data designated by the path information indicating the position where the second image data is stored is read, and the read second image data is read from the first screen. Deformation means for deforming into the appropriate shape based on the data;
Based on the data representing the appropriate position included in the first screen data, comprising an arrangement means for arranging the image data transformed into the appropriate shape at the appropriate position as a component,
The data creation means includes image data transformed into the appropriate shape based on the second image data, data indicating the appropriate position, and path information indicating a position where the second image data is stored. And the storage means stores the second screen data created by the data creation means, thereby representing the image data representing the appropriately shaped component and the appropriate position. When an instruction to change the shape of the displayed part is received by deforming the displayed part arranged in an appropriate shape at an appropriate position in the predetermined drawing area based on the data, the path information is used. A screen data creation device that performs transformation processing using original data of image data representing the displayed component specified in the above.

前記第２の画像データに基づき前記適宜の形状に変形された画像データにより表示される部品の形状を変形する指示を受け付ける受付手段と、
当該指示に応じて、前記第２の画像データに基づき前記適宜の形状に変形した画像データを含む画面データから前記第２の画像データが格納されている位置を表すパス情報を読み、当該第２の画像データが格納されている位置を表すパス情報によって指定された前記第２の画像データを、指示にしたがった形状に変形する再変形手段とを更に備え、
前記データ作成手段は、前記再変形手段によって変形された画像データ、前記適宜位置を表すデータ、及び前記第２の画像データが格納されている位置を表すパス情報を含む画面データを作成することを特徴とする請求項３記載の画面データ作成装置。Receiving means for receiving an instruction to change the shape of a component displayed by the image data transformed into the appropriate shape based on the second image data;
In response to the instruction, the path information indicating the position where the second image data is stored is read from the screen data including the image data transformed into the appropriate shape based on the second image data, and the second Re-deformation means for transforming the second image data designated by the path information representing the position where the image data is stored into a shape according to the instruction,
The data creation means creates screen data including image data transformed by the re-transformation means, data representing the appropriate position, and path information representing the position where the second image data is stored. 4. The screen data creation apparatus according to claim 3, wherein

前記パス情報は、相対パスであることを特徴とする請求項３又は４記載の画面データ作成装置。The screen data creation device according to claim 3, wherein the path information is a relative path.

プログラマブルコントローラに接続され、当該プログラマブルコントローラの動作状態を設定し、又は表示する表示装置に、複数の前記動作状態夫々に関連付けられた画像データを部品として表示させるための画面データを作成する画面データ作成プログラムが記録されたコンピュータ読み取り可能な記録媒体であって、
前記画面データ作成プログラムは、
前記コンピュータに格納された複数の画像データのうち、部品と対応づけられた第１の画像データを所定の作画領域内の適宜位置に適宜の形状で配置する指定を受け、当該適宜形状の部品を表す画像データ及び前記適宜位置を表すデータと、当該適宜形状の部品を表す画像データの元データである前記第１の画像データの格納位置を示す情報とを含む第１の画面データを作成するコードと、
前記作成された第1の画面データに含まれる、前記適宜形状の部品を表す画像データ及び前記適宜位置を表すデータに基づき前記所定の作画領域内の適宜位置に適宜の形状で配置された部品の指定と、当該部品と対応付けられた第１の画像データを、前記コンピュータに格納された第２の画像データが格納されている位置を表すパス情報によって指定された第２の画像データへ変更する指示を受け付けるコードと、
当該変更指示に応じて、前記第２の画像データが格納されている位置を表すパス情報によって指定された第２の画像データを読み込み、当該読み込んだ第２の画像データを前記第1の画面データに基づく前記適宜の形状に変形するコードと、
前記第1の画面データに含まれる前記適宜位置を表すデータに基づいて、前記適宜の形状に変形した画像データを部品として前記適宜位置に配置するコードと、
当該部品を表す前記適宜の形状に変形した画像データ及び前記適宜位置を表すデータと、当該部品を表す画像データの元データである前記第２の画像データが格納されている位置を表すパス情報とを含む第２の画面データを作成するコードとを有し、前記作成された第２の画面データに含まれる、前記適宜形状の部品を表す画像データ及び前記適宜位置を表すデータに基づき前記所定の作画領域内の適宜位置に適宜の形状で配置して表示された部品の形状を変形させることにより、当該表示された部品の形状を変形する指示を受け付けた場合、前記第２の画面データに含まれるパス情報を用いて特定される前記第２の画像データを用いて変形処理を実行することを特徴とするコンピュータでの読み取りが可能な記録媒体。Screen data creation for creating screen data for displaying, as a component, image data associated with each of the plurality of operation states on a display device that is connected to the programmable controller and sets or displays the operation state of the programmable controller A computer-readable recording medium on which a program is recorded,
The screen data creation program includes:
Among the plurality of image data stored in the computer, the first image data associated with the component is designated to be arranged in an appropriate shape at an appropriate position in a predetermined drawing area, and the appropriately shaped component is received. Code for creating first screen data including image data to be represented, data representing the appropriate position, and information indicating a storage position of the first image data that is original data of the image data representing the appropriately shaped component When,
Based on the image data representing the appropriately shaped component and the data representing the appropriate position included in the created first screen data, the component arranged in an appropriate shape at an appropriate position in the predetermined drawing area The designation and the first image data associated with the part are changed to the second image data designated by the path information indicating the position where the second image data stored in the computer is stored. Code to accept instructions,
In response to the change instruction, the second image data designated by the path information indicating the position where the second image data is stored is read, and the read second image data is read as the first screen data. A cord that deforms into the appropriate shape based on:
Based on the data representing the appropriate position included in the first screen data, a code for arranging the image data transformed into the appropriate shape as the component at the appropriate position;
The image data transformed into the appropriate shape representing the part and the data representing the appropriate position, and path information representing the position where the second image data which is the original data of the image data representing the part is stored. And a code for creating second screen data including the image data representing the appropriately shaped component and the data representing the suitable position, which are included in the created second screen data. Included in the second screen data when an instruction to change the shape of the displayed component is received by changing the shape of the displayed component arranged in an appropriate shape at an appropriate position in the drawing area A computer-readable recording medium, wherein deformation processing is executed using the second image data specified by using the path information.