グリッドレイアウトでパネルを複数表示する方法について

Question

実現したいこと

グリッドレイアウトでカウンタを作りたい。
パネルを2つウィンドウに表示したい。

前提

javaでカウンタのプログラムを作っています。
以下に問題文と実行したい結果を載せます。
グリッドレイアウト を用いて，実行例のように表示用の 1 つのラベルと制御用の 4 つのボタンを表示するプログラムを作成しなさい．ただし，ウィンドウサイズは横 640 画素，縦 240 画素とし，ウィンドウのタイトルに「基本課題 4」と表示すること．また，ウィンドウはプログラムの起動時にディスプレイの中央に表示されるようにすること．さらに，ActionLister を用いて，以下の機能を実装しなさい．
・ 「+1 ボタン」「+10 ボタン」「+100 ボタン」はそれぞれラベルの数字を 1,10,100 だけ増加させる．
・ 「リセットボタン」はラベルの数字を 1 に初期化する．（起動時のラベルの数字も 1 にすること．）

発生している問題・エラーメッセージ

カウンタの数値のラベルと数値を増やすボタンのパネルを別々に表示したいが、最後に追加したボタンのパネルだけ表示されてしまいます。

該当のソースコード

package kadai;

import java.awt.GridLayout;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JPanel;
import javax.swing.SwingUtilities;

public class Kihon4 {

	private JFrame jf = null;
	private JPanel cp = null;
	private JPanel cp2 = null;
	private JLabel jl = null;
	private JButton jb = null, jb2 = null, jb3 = null, jb4 = null;
	private int i = 1;

	private JFrame getJFrame() {
		if (jf == null) {
			jf = new JFrame();
			jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
			jf.setSize(640, 240);
			jf.setLocationRelativeTo(null);
			jf.setContentPane(getJContentPane());
			jf.setContentPane(getJContentPane2());
			jf.setTitle("基本課題4");
		}
		return jf;
	}

	private JPanel getJContentPane() {
		if (cp == null) {
			cp = new JPanel();
			cp.setLayout(new GridLayout(1, 1));
			cp.add(getJLabel());
		}
		return cp;
	}

	private JPanel getJContentPane2() {
		if (cp2 == null) {
			cp2 = new JPanel();
			cp2.setLayout(new GridLayout(1, 4));
			cp2.add(getJButton());
			cp2.add(getJButton2());
			cp2.add(getJButton3());
			cp2.add(getJButton4());
		}
		return cp2;
	}

	private JLabel getJLabel() {
		if (jl == null) {
			jl = new JLabel();
			jl.setText(Integer.toString(i));
		}
		return jl;
	}

	private JButton getJButton() {
		if (jb == null) {
			jb = new JButton();
			jb.setText("+1ボタン");
			jb.addActionListener(new MyActionListener());
		}
		return jb;
	}

	private JButton getJButton2() {
		if (jb2 == null) {
			jb2 = new JButton();
			jb2.setText("+10ボタン");
			jb2.addActionListener(new MyActionListener2());
		}
		return jb2;
	}

	private JButton getJButton3() {
		if (jb3 == null) {
			jb3 = new JButton();
			jb3.setText("+100ボタン");
			jb3.addActionListener(new MyActionListener3());
		}
		return jb3;
	}

	private JButton getJButton4() {
		if (jb4 == null) {
			jb4 = new JButton();
			jb4.setText("リセットボタン");
			jb4.addActionListener(new MyActionListener4());
		}
		return jb4;
	}

	class MyActionListener implements ActionListener {
		public void actionPerformed(ActionEvent e) {
			i++;
			jl.setText(Integer.toString(i));
		}
	}

	class MyActionListener2 implements ActionListener {
		public void actionPerformed(ActionEvent e) {
			i += 10;
			jl.setText(Integer.toString(i));
		}
	}

	class MyActionListener3 implements ActionListener {
		public void actionPerformed(ActionEvent e) {
			i += 100;
			jl.setText(Integer.toString(i));
		}
	}

	class MyActionListener4 implements ActionListener {
		public void actionPerformed(ActionEvent e) {
			i = 1;
			jl.setText(Integer.toString(i));
		}
	}

	public static void main(String[] args) {
		// TODO 自動生成されたメソッド・スタブ
		SwingUtilities.invokeLater(new Runnable() {
			public void run() {
				Kihon4 application = new Kihon4();
				application.getJFrame().setVisible(true);
			}
		});
	}
}



### 試したこと
パネルに２つを用意するためにをコンテントペーンを２つ設定せる処理を試しました。しかし、後から追加したボタンしか設定できませんでした

### 補足情報（FW/ツールのバージョンなど）
開発環境：Eclipse 2022
OS: Windows 10

Comments

[jimbe]

質問のタグに Swing も入れた方が良いと思います。

また、ソースコードのマークダウン内に「試したこと」等が入ってしまっています。
マークダウンから出してください。

Answer 1

jf.setContentPane(getJContentPane());
jf.setContentPane(getJContentPane2());

コンテントペインとして設定できるのは一つだけです。 (set～ というメソッドは大抵は一つだけです。)

作るべき画面のようにするにはどのような構造にすれば良いのかを考えることも課題の一つなのでは無いでしょうか。

JPanel に add 出来るのは Component です。 JButton も JLabel も JPanel も Component です。
ボタンのパネルに『ボタンを横に4つ並べられている』のですから、パネルに『ラベルとパネルを縦に2つ並べる』ことも出来るはずです。

---

他にも色々(クセのある)書き方を整理すると、以下のようなコードにもなります。

import java.awt.GridLayout;
import java.awt.event.ActionListener;

import javax.swing.*; //import は * で纏めることができる

public class Kihon4Frame extends JFrame { //クラスをただの箱にするくらいなら役割を持たせる
  public static void main(String[] args) {
    SwingUtilities.invokeLater(() -> new Kihon4Frame().setVisible(true)); //Runnable は lamda 式で書ける
  }

  private static final String INIT_VALUE = "1"; //ラベル初期値

  Kihon4Frame() {
    super("基本課題4"); //ウィンドウのタイトルに「基本課題 4」と表示 → タイトルは JFrame のコンストラクトパラメータで設定できる
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    setSize(640, 240); //ウィンドウサイズは横 640 画素，縦 240 画素
    setLocationRelativeTo(null); //プログラムの起動時にディスプレイの中央に表示

    //コンストラクタ内でオブジェクトの利用記述が完結してしまえば変数をフィールドにする必要は無いし、コンポーネントをキャッシュするような処理も要らない
    JLabel label = new JLabel(INIT_VALUE); //起動時のラベルの数字も 1 → 初期表示はコンストラクトパラメータで設定できる

    int[] addends = new int[]{ 1, 10, 100 }; //加算数. この配列を修正するとボタンも変わる
    JPanel buttonPanel = new JPanel(new GridLayout(1, addends.length + 1)); //JPanel のレイアウトはコンストラクトパラメータで設定できる
    //「+1 ボタン」「+10 ボタン」「+100 ボタン」はそれぞれラベルの数字を 1,10,100 だけ増加させる．
    for(int addend : addends) buttonPanel.add(createAdditionButton(label, addend));
    //「リセットボタン」はラベルの数字を 1 に初期化
    buttonPanel.add(createButton("リセットボタン", e -> label.setText(INIT_VALUE))); //ActionListener は lamda 式で書ける

    JPanel contentPane = new JPanel(new GridLayout(2, 1));
    contentPane.add(label);
    contentPane.add(buttonPanel);

    setContentPane(contentPane);
  }
  /**
   * ラベル加算ボタンの生成
   * @param label ラベル
   * @param addend 増加させる数
   */
  private JButton createAdditionButton(JLabel label, int addend) {
    return createButton(String.format("%+dボタン", addend), e -> addTo(label, addend)); //addend をラベルとアクションの両方に使用することで、ラベルと動作を一致させる(バグ防止)
  }
  /**
   * ボタンの生成
   * @param text ボタンテキスト
   * @param l アクションリスナ
   */
  private JButton createButton(String text, ActionListener l) {
    JButton button = new JButton(text); //ボタンの表示テキストはコンストラクトパラメータで設定できる
    button.addActionListener(l);
    return button;
  }
  /**
   * ラベルの数字を増加させる
   * @param label ラベル
   * @param addend 増加させる数
   */
  private void addTo(JLabel label, int addend) {
    label.setText("" + (Integer.parseInt(label.getText()) + addend)); //ラベルの表示を数値化→増加→文字列してラベルに設定すれば、別途「値」を変数として持つ必要は無い
  }
}