![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
このページは、学部２年生向け授業である、「マルチメディアプログラミング実習」 のために用意しました。
（Wikiの仕様で大文字小文字が混在した英単語に疑問符？が追加されるところがありますが、無視してください。）
ボタンを多数配置した例です。
下がプログラムです。動かしてみましょう。長いのでコピペして良いです。動作を確認してください。またレイアウト方法を確認してください。
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
public class ComplicatedLayoutSample extends JFrame implements ActionListener {
public void initialize() {
JPanel panel1 = new JPanel();
JPanel panel2= new JPanel();
JPanel panel3= new JPanel();
JPanel panel4= new JPanel();
JPanel panel5= new JPanel();
panel1.setLayout(new FlowLayout());
for (int i=1; i<=3; i++) {
JButton btn = new JButton("NORTH" + i);
btn.addActionListener(this);
panel1.add(btn);
}
panel2.setLayout(new BoxLayout(panel2, BoxLayout.Y_AXIS));
for (int i=1; i<=3; i++) {
JButton btn = new JButton("WEST" + i);
btn.addActionListener(this);
panel2.add(btn);
}
panel3.setLayout(new GridLayout(3,2));
for (int i=1; i<=6; i++) {
JButton btn = new JButton("CENTER" + i);
btn.addActionListener(this);
panel3.add(btn);
}
panel4.setLayout(new BorderLayout());
JButton btn1 = new JButton("EAST1");
btn1.addActionListener(this);
panel4.add(btn1, BorderLayout.NORTH);
JButton btn2 = new JButton("EAST2");
btn2.addActionListener(this);
panel4.add(btn2, BorderLayout.SOUTH);
panel5.setLayout(new BoxLayout(panel5, BoxLayout.X_AXIS));
for (int i=1; i<=4; i++) {
JButton btn = new JButton("SOUTN" + i);
btn.addActionListener(this);
panel5.add(btn);
}
Container container = this.getContentPane();
container.add(panel1,BorderLayout.NORTH);
container.add(panel2,BorderLayout.WEST);
container.add(panel3,BorderLayout.CENTER);
container.add(panel4,BorderLayout.EAST);
container.add(panel5,BorderLayout.SOUTH);
this.setSize(400,200);
this.setVisible(true);
}
public void actionPerformed(ActionEvent e) {
System.out.println( ((JButton)e.getSource()).getText() );
}
public static void main(String[] args) {
ComplicatedLayoutSample cls = new ComplicatedLayoutSample();
cls.initialize();
}
}
コピペしてしまいましたが、動作はしっかり確認しましょう。
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
public class ComplicatedLayoutSample extends JFrame implements ActionListener {
Action ListenerをインプレメントしたJFrameサブクラスです。
public void initialize() {
JPanel panel1 = new JPanel();
JPanel panel2= new JPanel();
JPanel panel3= new JPanel();
JPanel panel4= new JPanel();
JPanel panel5= new JPanel();
5個のパネルを用意しています。動作例を見るとわかりますが、上下左右と中央の五枚のパネルを貼り付けています。
panel1.setLayout(new FlowLayout());
for (int i=1; i<=3; i++) {
JButton btn = new JButton("NORTH" + i);
btn.addActionListener(this);
panel1.add(btn);
}
最初のパネルは、「北側」に貼り付けるパネルです。（ウィンドウの上部）。 ここにNORTH + 番号の名前のボタンを3個作り、アクションリスナーに自分自身を登録して、北側パネルに貼り付けています。以下同様です。フローレイアウトを使っています。貼り付ける相手の形に合わせて柔軟に配置されます。
panel2.setLayout(new BoxLayout(panel2, BoxLayout.Y_AXIS));
for (int i=1; i<=3; i++) {
JButton btn = new JButton("WEST" + i);
btn.addActionListener(this);
panel2.add(btn);
}
panel3.setLayout(new GridLayout(3,2));
for (int i=1; i<=6; i++) {
JButton btn = new JButton("CENTER" + i);
btn.addActionListener(this);
panel3.add(btn);
}
panel4.setLayout(new BorderLayout());
JButton btn1 = new JButton("EAST1");
btn1.addActionListener(this);
panel4.add(btn1, BorderLayout.NORTH);
JButton btn2 = new JButton("EAST2");
btn2.addActionListener(this);
panel4.add(btn2, BorderLayout.SOUTH);
panel5.setLayout(new BoxLayout(panel5, BoxLayout.X_AXIS));
for (int i=1; i<=4; i++) {
JButton btn = new JButton("SOUTN" + i);
btn.addActionListener(this);
panel5.add(btn);
}
西側パネル、中央パネル、東側パネル、南側パネルにボタンを貼り付けています。すべてのアクションリスナーに自分自身を登録しています。ボタン配置のレイアウトは、Y軸方向のボックスレイアウト、3 x 2の格子レイアウト、ボーダーレイアウト、そしてX軸方向のボックスレイアウトです。ウィンドウをリサイズして、レイアウトの特徴を確認してください。
Container container = this.getContentPane(); container.add(panel1,BorderLayout.NORTH); container.add(panel2,BorderLayout.WEST); container.add(panel3,BorderLayout.CENTER); container.add(panel4,BorderLayout.EAST); container.add(panel5,BorderLayout.SOUTH);
次に、フレームのコンテナーを取り寄せて、これに五枚のパネルを貼り付けています。レイアウトはボーダーレイアウトで、東西南北、中央に貼り付けています。ボタンだけでなく、コンテナへのパネル貼り付けでもレイアウトが利用できまう。
this.setSize(400,200); this.setVisible(true); }
あとはサイズを調整しているだけです。
public void actionPerformed(ActionEvent e) {
System.out.println( ((JButton)e.getSource()).getText() );
}
イベントリスナーのためのメソッドです。ボタンに書かれた名前をget Textで取得して表示しています。
public static void main(String[] args) {
ComplicatedLayoutSample cls = new ComplicatedLayoutSample();
cls.initialize();
}
}
こちらはいつものメインプログラムです。
ラジオボタンとチェックボックスの例です。ラジオボタンを排他制御するには、ボタングループを使います。
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
public class JRadioButtonSample extends JFrame {
public void initialize() {
this.setTitle("Radio Buttons");
JPanel panel1 = new JPanel();
JPanel panel2 = new JPanel();
JRadioButton radio1 = new JRadioButton("for here");
JRadioButton radio2 = new JRadioButton("to go");
ButtonGroup group = new ButtonGroup();
group.add(radio1);
group.add(radio2);
panel1.setLayout(new GridLayout(2,1));
panel2.setLayout(new GridLayout(3,1));
panel1.add(radio1);
panel1.add(radio2);
panel2.add(new JCheckBox("with Drink"));
panel2.add(new JCheckBox("with Salad"));
panel2.add(new JCheckBox("with Cake"));
Container container = this.getContentPane();
container.add(panel1,BorderLayout.WEST);
container.add(panel2,BorderLayout.EAST);
this.pack();
this.setVisible(true);
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
}
public static void main (String args[]) {
JRadioButtonSample jrbs = new JRadioButtonSample();
jrbs.initialize();
}
}
演習：上で作ったプログラムに、JLabelのラベルを一枚追加しましょう。下部に追加します。
ヒント：
ラベルはこんな感じで作ります。センタリングの指定はこのようにします。
JLabel label = new JLabel("1000 yen");
label.setHorizontalAlignment(JLabel.CENTER);
ラベルのためにパネルは用意しなくても良いようです。コンテナにaddすれば良いようです。この時、下部に追加するよう指定します。
container.add(label,BorderLayout.SOUTH);
解答例：
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
public class JRadioButtonSample2 extends JFrame {
public void initialize() {
this.setTitle("Radio Buttons");
JPanel panel1 = new JPanel();
JPanel panel2 = new JPanel();
JLabel label = new JLabel("1000 yen");
label.setHorizontalAlignment(JLabel.CENTER);
JRadioButton radio1 = new JRadioButton("for here");
JRadioButton radio2 = new JRadioButton("to go");
ButtonGroup group = new ButtonGroup();
group.add(radio1);
group.add(radio2);
panel1.setLayout(new GridLayout(2,1));
panel2.setLayout(new GridLayout(3,1));
panel1.add(radio1);
panel1.add(radio2);
panel2.add(new JCheckBox("with Drink"));
panel2.add(new JCheckBox("with Salad"));
panel2.add(new JCheckBox("with Cake"));
Container container = this.getContentPane();
container.add(panel1,BorderLayout.WEST);
container.add(panel2,BorderLayout.EAST);
container.add(label,BorderLayout.SOUTH);
this.pack();
this.setVisible(true);
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
}
public static void main (String args[]) {
JRadioButtonSample2 jrbs2 = new JRadioButtonSample2();
jrbs2.initialize();
}
}
演習：上の例で、ラジオボタンとチェックボックスがクリックされたらhelloと表示するようプログラムしましょう。
ヒント：
解答例：
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
public class JRadioButtonSample2 extends JFrame implements ActionListener {
public void initialize() {
this.setTitle("Radio Buttons");
JPanel panel1 = new JPanel();
JPanel panel2 = new JPanel();
JLabel label = new JLabel("1000 yen");
label.setHorizontalAlignment(JLabel.CENTER);
JRadioButton radio1 = new JRadioButton("for here");
JRadioButton radio2 = new JRadioButton("to go");
ButtonGroup group = new ButtonGroup();
group.add(radio1);
group.add(radio2);
panel1.setLayout(new GridLayout(2,1));
panel2.setLayout(new GridLayout(3,1));
panel1.add(radio1);
panel1.add(radio2);
radio1.addActionListener(this);
radio2.addActionListener(this);
JCheckBox check1 = new JCheckBox("with Drink");
JCheckBox check2 = new JCheckBox("with Salad");
JCheckBox check3 = new JCheckBox("with Cake");
panel2.add(check1);
panel2.add(check2);
panel2.add(check3);
check1.addActionListener(this);
check2.addActionListener(this);
Container container = this.getContentPane();
container.add(panel1,BorderLayout.WEST);
container.add(panel2,BorderLayout.EAST);
container.add(label,BorderLayout.SOUTH);
this.pack();
this.setVisible(true);
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
}
public void actionPerformed(ActionEvent e) {
System.out.println("hello");
}
public static void main (String args[]) {
JRadioButtonSample2 jrbs2 = new JRadioButtonSample2();
jrbs2.initialize();
}
}
演習：
とあるレストランのランチは税別1,000円です。ランチにはオプションがあって、ドリンクを追加すると税別200円、サラダを追加すると税別300円、ケーキを追加すると税別500円です。全部追加すると税別2,000円です。この金額に消費税がかかります。消費税は、お店で食べると10%で、持ち帰りだと8%です。このレストランでアルバイトする友人のために、税込金額を計算するアプリを作ってあげることにしました。以下のように動くよう作ってください。
ヒント：
解答例：
import java.awt.*;
import javax.swing.*;
import java.awt.event.*;
public class LunchCalc extends JFrame implements ActionListener{
JLabel total = new JLabel("1000 yen");
JRadioButton radio1 = new JRadioButton("for here");
JRadioButton radio2 = new JRadioButton("to go");
JCheckBox check1 = new JCheckBox("with Drink");
JCheckBox check2 = new JCheckBox("with Salad");
JCheckBox check3 = new JCheckBox("with Cake");
public void initialize() {
this.setTitle("Lunch Calc");
JPanel panel1 = new JPanel();
JPanel panel2 = new JPanel();
total.setHorizontalAlignment(JLabel.CENTER);
ButtonGroup group = new ButtonGroup();
group.add(radio1);
group.add(radio2);
panel1.setLayout(new GridLayout(2,1));
panel2.setLayout(new GridLayout(3,1));
panel1.add(radio1);
panel1.add(radio2);
radio1.addActionListener(this);
radio2.addActionListener(this);
panel2.add(check1);
panel2.add(check2);
panel2.add(check3);
check1.addActionListener(this);
check2.addActionListener(this);
check3.addActionListener(this);
Container container = this.getContentPane();
container.add(panel1,BorderLayout.WEST);
container.add(panel2,BorderLayout.EAST);
container.add(total,BorderLayout.SOUTH);
this.pack();
this.setVisible(true);
this.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
}
public void actionPerformed(ActionEvent e) {
int price=1000;
if(check1.isSelected()) price += 200;
if(check2.isSelected()) price += 300;
if(check3.isSelected()) price += 500;
if(radio1.isSelected()) price *= 1.1;
if(radio2.isSelected()) price *= 1.08;
String result=String.valueOf(price);
total.setText(result + " yen");
}
public static void main (String args[]) {
LunchCalc lc = new LunchCalc();
lc.initialize();
}
}
