可視化ツール作成２
をテンプレートにして作成
開始行:
*チュートリアルで試せる内容 [#m4a5fa67]
-[[可視化インタフェースツールの作り方]]
-[[パネルサイズに応じた表示更新]]
*1)作成する可視化ツールの仕様を決めます [#o858ee38]
--[[可視化ツール作成１]]のドット分布を二次元に拡張したも...
-[ツール名] &color(blue){XYDistribution（XY分布）};
-[入力] double型配列&color(blue){2つ};
-[処理] double型配列で与えられる値を縦軸&color(blue){と横...
-[出力] 作成したドット分布を表示
*2)SampleDisplay2.java を利用して，ツール作成の準備をしま...
-tetdmのフォルダ内の，moduleフォルダ内のVisualizationModu...
-コピーしてできたフォルダの名前を，作成するツール名「&col...
-コピーして作成したフォルダ内のファイル名を変更します
--SampleDisplay2.java ->&color(blue){ XYDistribution.java};
--SampleDisplay2.txt -> &color(blue){XYDistribution.txt};...
--必要に応じて，ツール完成後にREADME.txtを修正します
*3)DotDistribution.java を編集し，プログラム作成の準備を...
-プログラム中の SampleDisplay2 と書かれている箇所をすべて...
---// &color(blue){XYDistribution.java}; Version 0.30
---package module.VisualizationModules.&color(blue){XYDis...
---public class &color(blue){XYDistribution}; extends Vis...
---public &color(blue){XYDistribution()};
**コンストラクタの記述の修正 [#i81efdb6]
-ツールのIDを決め，コンストラクタ内のメソッド setModuleID...
-int型の配列，dataNumbersの値を初期化して，受け取るデータ...
--今回は，double 型の配列を&color(blue){2つ};受け取ります．
---&color(red){setToolType(3); [[ツールタイプ]]はセミプリ...
public BarGraph()
{
setModuleID(9912); // Set your module ID after you have...
dataNumbers = new int[]{0,0,0,0, // b,i,d,S
0,0,2,0, // bA,iA,dA,SA
0,0,0}; // bA2,iA2,dA2
setToolType(3);
}
*4)一度コンパイルして，XYDistributionツールの動作を確認し...
-make または ant コマンドでコンパイルします
-コンパイル後TETDMプログラムを起動して，いずれかのテキス...
-楕円とテキストの一文目が表示されるのを確認して下さい（Sa...
--もとのSampleDisplay2.javaがシンプルツールなので、任意の...
*5)XY分布を表示するプログラムを作成します [#m8e88c89]
**ファイルからの日本語の読み込み（今回は不要） [#s88f5b8e]
-もとからある下記変数とメソッドの内容は，インタフェース内...
-String outputText;
-initializePanel()
-initializeData()
-String inJapanese[]; （&color(blue){変数の定義はVisualiz...
--フォルダ内に，Japanese.txtファイルを用意している場合，...
**処理ツールからデータを受け取り，&color(blue){XY分布};の...
double valueX[];
double valueY[];
**initializeData() 内で変数の初期化を行います（オーバーラ...
-&color(blue){XY分布};の表示に必要なデータがない場合にエ...
public void initializeData()
{
valueX = new double[1];
valueY = new double[1];
}
**displayOperations(int optionNumber) 内でデフォルト処理...
-&color(blue){XY分布};の表示に必要なデータがない場合にエ...
switch(optionNumber)
{
case 0:
if(valueX.length == valueY.length)
repaint();
break;
}
**処理ツールからデータを受け取るメソッド，setDataを作成し...
-switch,case文を用いて作成します
-case文は0から作成します
-データの受け取りに成功したらtrue,失敗したらfalseを返すbo...
-&color(blue){データを2つ};受け取った際に再描画するように...
--&color(blue){最初に受け取るデータがX軸，後に受け取るデ...
--&color(blue){XとYのデータ数が一致するときにのみデータを...
public boolean setData(int dataID, double data[])
{
switch(dataID)
{
case 0:
valueX = data;
return true;
case 1:
valueY = data;
if(valueX.length == valueY.length)
{
repaint();
return true;
}
return false;
}
return false;
}
**&color(blue){XY分布};の表示プログラムを作成します [#we6...
-画面のサイズに対して，上下左右に各20pixelの余白を設け，...
-displayOperations メソッドの case 0: が自動的に実行され...
-case 0:にrepaint(); を記述している場合は，paintComponent...
-スーパークラス内の変数，sizeX, sizeYには，表示できるパネ...
double maxX,minX,maxY,minY;
int width,height;
//background
public void drawBackground(Graphics2D g2)
{
g2.setColor(Color.black);
g2.fillRect(0,0, sizeX, sizeY);
}
public void drawDistribution(Graphics2D g2)
{
width = sizeX - 40;
height = sizeY - 40;
maxX = minX = valueX[0];
for(int i=1;i<valueX.length;i++)
{
if(valueX[i] > maxX)
maxX = valueX[i];
if(valueX[i] < minX)
minX = valueX[i];
}
if(maxX == minX)
return;
maxY = minY = valueY[0];
for(int i=1;i<valueY.length;i++)
{
if(valueY[i] > maxY)
maxY = valueY[i];
if(valueY[i] < minY)
minY = valueY[i];
}
if(maxY == minY)
return;
g2.setColor(Color.yellow);
for(int i=0;i<valueX.length;i++)
g2.fillOval((int)(20 + width * (maxX - valueX[i])/(max...
sizeY - (int)(20 + height * (maxY - valueY[i])/(maxY -...
}
//////////paint
public void paintComponent(Graphics g)
{
Graphics2D g2 = (Graphics2D)g;
getPanelSize();
drawBackground(g2); //background
drawDistribution(g2);
}
public void update(Graphics g) //avoid from blinking
{
paintComponent(g);
}
*6)コンパイルして動作を確認します [#p07b7532]
-処理ツール「データ送信テスト」と組み合わせた場合，&color...
--&color(blue){送られる2つのデータの数が異なる場合，デー...
--&color(blue){表示を切り替えるときは，「データ数リセット...
--送られてくるデータが double 型でない場合でも、[[データ...
-統合環境のウインドウのサイズを変えても，パネル内の表示が...
終了行:
*チュートリアルで試せる内容 [#m4a5fa67]
-[[可視化インタフェースツールの作り方]]
-[[パネルサイズに応じた表示更新]]
*1)作成する可視化ツールの仕様を決めます [#o858ee38]
--[[可視化ツール作成１]]のドット分布を二次元に拡張したも...
-[ツール名] &color(blue){XYDistribution（XY分布）};
-[入力] double型配列&color(blue){2つ};
-[処理] double型配列で与えられる値を縦軸&color(blue){と横...
-[出力] 作成したドット分布を表示
*2)SampleDisplay2.java を利用して，ツール作成の準備をしま...
-tetdmのフォルダ内の，moduleフォルダ内のVisualizationModu...
-コピーしてできたフォルダの名前を，作成するツール名「&col...
-コピーして作成したフォルダ内のファイル名を変更します
--SampleDisplay2.java ->&color(blue){ XYDistribution.java};
--SampleDisplay2.txt -> &color(blue){XYDistribution.txt};...
--必要に応じて，ツール完成後にREADME.txtを修正します
*3)DotDistribution.java を編集し，プログラム作成の準備を...
-プログラム中の SampleDisplay2 と書かれている箇所をすべて...
---// &color(blue){XYDistribution.java}; Version 0.30
---package module.VisualizationModules.&color(blue){XYDis...
---public class &color(blue){XYDistribution}; extends Vis...
---public &color(blue){XYDistribution()};
**コンストラクタの記述の修正 [#i81efdb6]
-ツールのIDを決め，コンストラクタ内のメソッド setModuleID...
-int型の配列，dataNumbersの値を初期化して，受け取るデータ...
--今回は，double 型の配列を&color(blue){2つ};受け取ります．
---&color(red){setToolType(3); [[ツールタイプ]]はセミプリ...
public BarGraph()
{
setModuleID(9912); // Set your module ID after you have...
dataNumbers = new int[]{0,0,0,0, // b,i,d,S
0,0,2,0, // bA,iA,dA,SA
0,0,0}; // bA2,iA2,dA2
setToolType(3);
}
*4)一度コンパイルして，XYDistributionツールの動作を確認し...
-make または ant コマンドでコンパイルします
-コンパイル後TETDMプログラムを起動して，いずれかのテキス...
-楕円とテキストの一文目が表示されるのを確認して下さい（Sa...
--もとのSampleDisplay2.javaがシンプルツールなので、任意の...
*5)XY分布を表示するプログラムを作成します [#m8e88c89]
**ファイルからの日本語の読み込み（今回は不要） [#s88f5b8e]
-もとからある下記変数とメソッドの内容は，インタフェース内...
-String outputText;
-initializePanel()
-initializeData()
-String inJapanese[]; （&color(blue){変数の定義はVisualiz...
--フォルダ内に，Japanese.txtファイルを用意している場合，...
**処理ツールからデータを受け取り，&color(blue){XY分布};の...
double valueX[];
double valueY[];
**initializeData() 内で変数の初期化を行います（オーバーラ...
-&color(blue){XY分布};の表示に必要なデータがない場合にエ...
public void initializeData()
{
valueX = new double[1];
valueY = new double[1];
}
**displayOperations(int optionNumber) 内でデフォルト処理...
-&color(blue){XY分布};の表示に必要なデータがない場合にエ...
switch(optionNumber)
{
case 0:
if(valueX.length == valueY.length)
repaint();
break;
}
**処理ツールからデータを受け取るメソッド，setDataを作成し...
-switch,case文を用いて作成します
-case文は0から作成します
-データの受け取りに成功したらtrue,失敗したらfalseを返すbo...
-&color(blue){データを2つ};受け取った際に再描画するように...
--&color(blue){最初に受け取るデータがX軸，後に受け取るデ...
--&color(blue){XとYのデータ数が一致するときにのみデータを...
public boolean setData(int dataID, double data[])
{
switch(dataID)
{
case 0:
valueX = data;
return true;
case 1:
valueY = data;
if(valueX.length == valueY.length)
{
repaint();
return true;
}
return false;
}
return false;
}
**&color(blue){XY分布};の表示プログラムを作成します [#we6...
-画面のサイズに対して，上下左右に各20pixelの余白を設け，...
-displayOperations メソッドの case 0: が自動的に実行され...
-case 0:にrepaint(); を記述している場合は，paintComponent...
-スーパークラス内の変数，sizeX, sizeYには，表示できるパネ...
double maxX,minX,maxY,minY;
int width,height;
//background
public void drawBackground(Graphics2D g2)
{
g2.setColor(Color.black);
g2.fillRect(0,0, sizeX, sizeY);
}
public void drawDistribution(Graphics2D g2)
{
width = sizeX - 40;
height = sizeY - 40;
maxX = minX = valueX[0];
for(int i=1;i<valueX.length;i++)
{
if(valueX[i] > maxX)
maxX = valueX[i];
if(valueX[i] < minX)
minX = valueX[i];
}
if(maxX == minX)
return;
maxY = minY = valueY[0];
for(int i=1;i<valueY.length;i++)
{
if(valueY[i] > maxY)
maxY = valueY[i];
if(valueY[i] < minY)
minY = valueY[i];
}
if(maxY == minY)
return;
g2.setColor(Color.yellow);
for(int i=0;i<valueX.length;i++)
g2.fillOval((int)(20 + width * (maxX - valueX[i])/(max...
sizeY - (int)(20 + height * (maxY - valueY[i])/(maxY -...
}
//////////paint
public void paintComponent(Graphics g)
{
Graphics2D g2 = (Graphics2D)g;
getPanelSize();
drawBackground(g2); //background
drawDistribution(g2);
}
public void update(Graphics g) //avoid from blinking
{
paintComponent(g);
}
*6)コンパイルして動作を確認します [#p07b7532]
-処理ツール「データ送信テスト」と組み合わせた場合，&color...
--&color(blue){送られる2つのデータの数が異なる場合，デー...
--&color(blue){表示を切り替えるときは，「データ数リセット...
--送られてくるデータが double 型でない場合でも、[[データ...
-統合環境のウインドウのサイズを変えても，パネル内の表示が...
ページ名:
