#author("2019-12-05T17:27:14+09:00","ocha","ocha")
#author("2019-12-12T09:27:15+09:00","ocha","ocha")
[[Lecture]]

*Java プログラミング入門 [#kd7c750b]


このページは、学部2年生向け授業である、「マルチメディアプログラミング実習」
のために用意しました。

(Wikiの仕様で大文字小文字が混在した英単語に疑問符?が追加されるところがありますが、無視してください。)


**第13章 様々なコンポーネントとレイアウト [#qb662dcc]

***複雑なボタンの配置例 [#g43d30cb]

ボタンを多数配置した例です。

#ref(complicated.png)

下がプログラムです。動かしてみましょう。長いのでコピペして良いです。動作を確認してください。またレイアウト方法を確認してください。

 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();	
 	}
 }

こちらはいつものメインプログラムです。
 

***テキストフィールドを使う [#x3cf24f2]




***ラジオボタンとチェックボックス [#f84fe7de]

#ref(JRadioButton.png)

ラジオボタンとチェックボックスの例です。ラジオボタンを排他制御するには、ボタングループを使います。

 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();
    }
    
 }

***ラジオボタンとラベル [#v8a68d05]

演習:上で作ったプログラムに、JLabelのラベルを一枚追加しましょう。下部に追加します。

#ref(lunch1.png)


ヒント:

ラベルはこんな感じで作ります。センタリングの指定はこのようにします。

        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();
    }
    
 }

***ラジオボタンとチェックボックスのイベントに対応する [#ybba9da5]

演習:上の例で、ラジオボタンとチェックボックスがクリックされたらhelloと表示するようプログラムしましょう。

ヒント:

- このクラスのインスタンスでイベントを受け取るようにします
- このクラスの定義でAction Listenerをimplementします。
-  actionPerformedメソッドを作ります。その中でSystem.out.printlnでhelloと表示します。
- ラジオボタンとチェックボックスにadd Action Listenerでこのインスタンスを登録します。

解答例:

 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();
    }
    
 }


***軽減税率計算アプリ [#r66f1a41]

演習:

とあるレストランのランチは税別1,000円です。ランチにはオプションがあって、ドリンクを追加すると税別200円、サラダを追加すると税別300円、ケーキを追加すると税別500円です。全部追加すると税別2,000円です。この金額に消費税がかかります。消費税は、お店で食べると10%で、持ち帰りだと8%です。このレストランでアルバイトする友人のために、税込金額を計算するアプリを作ってあげることにしました。以下のように動くよう作ってください。

#ref(lunchcalc.png)

ヒント:

- ラジオボタンとチェックボックスはisSelected()メソッドで選択されているか否かを調べられます。選択されているとtrueが、非選択だとfalseが返ってきます。これを調べて代金を計算してください。
- 代金の結果はラベルに書きます。
- ラベルの内容はsetText()メソッドで書き換えられます

解答例:

 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();
     }
     
 }


トップ   新規 一覧 検索 最終更新   ヘルプ   最終更新のRSS