演習2-3 画像アイコン
をテンプレートにして作成
開始行:
[[TopPage]] > [[演習課題]] > 演習2-3 画像アイコン
* 画像アイコン [#n1693285]
まず,下記のプログラムと画像3枚を同じフォルダにダウンロ...
&ref(GuiImageTest.java,,,GuiImageTest.java ダウンロード);...
画像ファイルの保存は,画像ファイル上で右クリックし&color(...
%%%★今までの保存先のフォルダとは異なるフォルダになってい...
&ref(White.jpg,nolink); ... White.jpg~
&ref(Black.jpg,nolink); ... Black.jpg~
&ref(GreenFrame.jpg,nolink); ... GreenFrame.jpg~
コンパイルの方法は,これまでと同じです.
*** 説明 [#r4b21dee]
このプログラムは,演習2-2のプログラムのボタンに,上記でダ...
(一部機能を省略しています)
このプログラムは,クリックするごとに,~
緑のアイコン → 白丸つきアイコン → 黒丸つきアイコン~
の順に変化していきます.
21〜24行目で,3つの画像ファイルを,'''ImageIcon'''型...
//アイコンの設定
whiteIcon = new ImageIcon("White.jpg");
blackIcon = new ImageIcon("Black.jpg");
boardIcon = new ImageIcon("GreenFrame.jpg");
26〜35行目では,ボタンを5つ生成します.
//ボタンの生成
buttonArray = new JButton[5];//ボタンの配列を5個作成す...
for(int i=0;i<5;i++){
buttonArray[i] = new JButton(boardIcon);//ボタンにア...
c.add(buttonArray[i]);//ペインに貼り付ける
buttonArray[i].setBounds(i*45,10,45,45);//ボタンの大...
buttonArray[i].addMouseListener(this);//ボタンをマウ...
buttonArray[i].addMouseMotionListener(this);//ボタン...
buttonArray[i].setActionCommand(Integer.toString(i))...
}
- 2行目:配列''buttonArray''に対して,5つの要素を持つ配...
- 4行目:''new'' JButton(''boardIcon'');で,新しいボタン...
そして,初期画像として,緑のアイコン(boardIcon)をボタンに...
- 5行目:c.''add''(buttonArray[i]);で,()内に指定したボタ...
- 6行目:''setBounds''(X位置, Y位置, 横幅, 縦長)で,ボタ...
- 7,8行目:マウスをクリックしたときの処理です.
- 9行目:''setActionCommand''で,ボタンの(要素)番号を設定...
続いて,クリックしたときの処理が44〜58行目に書かれて...
一部を抜粋します.
JButton theButton = (JButton)e.getComponent();//クリック...
String theArrayIndex = theButton.getActionCommand();//ボ...
Icon theIcon = theButton.getIcon();//theIconには,現在の...
System.out.println(theIcon);//デバッグ(確認用)に,クリ...
if(theIcon.equals(boardIcon)){//アイコンがboardIconと同...
theButton.setIcon(whiteIcon);//whiteIconに設定する
}else{
theButton.setIcon(blackIcon);//blackIconに設定する
}
- 1行目:クリックされたボタンを,変数theButtonに代入しま...
- 2行目:''getActionCommand()''メソッドを使って,theButto...
- 4行目:''getIcon()''メソッドを使って,theButton(クリッ...
- 7,8行目:theIconがboardIconと同じかどうかを判断します.
同じであれば,''setIcon()''を使って,クリックされたアイコ...
*** 練習 [#h7c4ef3b]
黒丸つきアイコンの状態になっているボタンをクリックすると...
*** ボタン以外の画像の作成 [#g39343e8]
[[Q&A>Q&A#a5f20601]]を参考にしてください.
#br
&size(16){[[&ref(http://yoslab.net/netprog/next.gif,nolin...
終了行:
[[TopPage]] > [[演習課題]] > 演習2-3 画像アイコン
* 画像アイコン [#n1693285]
まず,下記のプログラムと画像3枚を同じフォルダにダウンロ...
&ref(GuiImageTest.java,,,GuiImageTest.java ダウンロード);...
画像ファイルの保存は,画像ファイル上で右クリックし&color(...
%%%★今までの保存先のフォルダとは異なるフォルダになってい...
&ref(White.jpg,nolink); ... White.jpg~
&ref(Black.jpg,nolink); ... Black.jpg~
&ref(GreenFrame.jpg,nolink); ... GreenFrame.jpg~
コンパイルの方法は,これまでと同じです.
*** 説明 [#r4b21dee]
このプログラムは,演習2-2のプログラムのボタンに,上記でダ...
(一部機能を省略しています)
このプログラムは,クリックするごとに,~
緑のアイコン → 白丸つきアイコン → 黒丸つきアイコン~
の順に変化していきます.
21〜24行目で,3つの画像ファイルを,'''ImageIcon'''型...
//アイコンの設定
whiteIcon = new ImageIcon("White.jpg");
blackIcon = new ImageIcon("Black.jpg");
boardIcon = new ImageIcon("GreenFrame.jpg");
26〜35行目では,ボタンを5つ生成します.
//ボタンの生成
buttonArray = new JButton[5];//ボタンの配列を5個作成す...
for(int i=0;i<5;i++){
buttonArray[i] = new JButton(boardIcon);//ボタンにア...
c.add(buttonArray[i]);//ペインに貼り付ける
buttonArray[i].setBounds(i*45,10,45,45);//ボタンの大...
buttonArray[i].addMouseListener(this);//ボタンをマウ...
buttonArray[i].addMouseMotionListener(this);//ボタン...
buttonArray[i].setActionCommand(Integer.toString(i))...
}
- 2行目:配列''buttonArray''に対して,5つの要素を持つ配...
- 4行目:''new'' JButton(''boardIcon'');で,新しいボタン...
そして,初期画像として,緑のアイコン(boardIcon)をボタンに...
- 5行目:c.''add''(buttonArray[i]);で,()内に指定したボタ...
- 6行目:''setBounds''(X位置, Y位置, 横幅, 縦長)で,ボタ...
- 7,8行目:マウスをクリックしたときの処理です.
- 9行目:''setActionCommand''で,ボタンの(要素)番号を設定...
続いて,クリックしたときの処理が44〜58行目に書かれて...
一部を抜粋します.
JButton theButton = (JButton)e.getComponent();//クリック...
String theArrayIndex = theButton.getActionCommand();//ボ...
Icon theIcon = theButton.getIcon();//theIconには,現在の...
System.out.println(theIcon);//デバッグ(確認用)に,クリ...
if(theIcon.equals(boardIcon)){//アイコンがboardIconと同...
theButton.setIcon(whiteIcon);//whiteIconに設定する
}else{
theButton.setIcon(blackIcon);//blackIconに設定する
}
- 1行目:クリックされたボタンを,変数theButtonに代入しま...
- 2行目:''getActionCommand()''メソッドを使って,theButto...
- 4行目:''getIcon()''メソッドを使って,theButton(クリッ...
- 7,8行目:theIconがboardIconと同じかどうかを判断します.
同じであれば,''setIcon()''を使って,クリックされたアイコ...
*** 練習 [#h7c4ef3b]
黒丸つきアイコンの状態になっているボタンをクリックすると...
*** ボタン以外の画像の作成 [#g39343e8]
[[Q&A>Q&A#a5f20601]]を参考にしてください.
#br
&size(16){[[&ref(http://yoslab.net/netprog/next.gif,nolin...
ページ名: