パネルを切り替えたい

Question

パネルを切り替えるプログラムを作りたいです。

私が作ったプログラムではパネルが切り替わりません。エラーは出ていないです。
ネットに合ったものを参考にして作ったのですが、どこが間違っているのでしょうか。
ご教授願えないでしょうか。

問題の自作プログラムです。

package app;

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;

public class MainFrame extends JFrame implements ActionListener{
JPanel panel;
CardLayout layer;

public static void main(String args[]){
	MainFrame frame = new MainFrame();
	frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
	frame.setBounds(100,20,1000,700);
	frame.setTitle("直観力トレーニング");
	frame.setVisible(true);
}

MainFrame(){

//scene1
JPanel scene1 = new JPanel();
JPanel titlesPanel = new JPanel();
JLabel title = new JLabel("直観力テスト");
title.setFont(new Font(Font.SERIF,Font.BOLD,50));
titlesPanel.setPreferredSize(new Dimension(100,300));


titlesPanel.add(title);
scene1.add(titlesPanel);

getContentPane().add(titlesPanel,BorderLayout.PAGE_START);



//scene2
JPanel scene2 = new JPanel();
scene2.setBackground(Color.BLUE);

//matomeru
this.panel = new JPanel();
this.layer = new CardLayout();
this.panel.setLayout(this.layer);

this.panel.add(scene1,"menue");
this.panel.add(scene2,"view");


JPanel buttonsPanel = new JPanel();
JButton jb = new JButton("直観力テストスタート");
jb.setPreferredSize(new Dimension(200,50));
jb.addActionListener(this);
jb.setActionCommand("view");

buttonsPanel.add(jb);
scene1.add(buttonsPanel);
getContentPane().add(buttonsPanel,BorderLayout.CENTER);
this.panel.add(scene2);

}
public void actionPerformed(ActionEvent e){
	String cmd = e.getActionCommand();
	layer.show(this.panel,cmd);
}
}

参考にしたプログラム

package test;

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;

public class a7 extends JFrame implements ActionListener{
JPanel panel;
CardLayout layer;
	public static void main(String[] args) {
		a7 frame = new a7();
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		frame.setBounds(100,100,500,500);
		frame.setTitle("sakusei");
		frame.setVisible(true);
	}
	a7(){
		//page1
		JPanel scene1 = new JPanel();
		scene1.setBackground(Color.BLUE);
		scene1.add(new JButton("butoon"));

		//page2
		JPanel scene2 = new JPanel();
		scene2.setBackground(Color.RED);
		scene2.add(new JLabel("page2"));

		//matomeru
		this.panel = new JPanel();
		this.layer = new CardLayout();
		this.panel.setLayout(this.layer);

		this.panel.add(scene1, "menue");
		this.panel.add(scene2, "view");

		JButton button2 = new JButton("mmenue");
		button2.addActionListener(this);
		button2.setActionCommand("menue");

		JButton button3 = new JButton("view");
		button3.addActionListener(this);
		button3.setActionCommand("view");

		//button's Panel
		JPanel kotei = new JPanel();
		kotei.add(button2);
		kotei.add(button3);

		getContentPane().add(this.panel,BorderLayout.CENTER);
		getContentPane().add(kotei,BorderLayout.PAGE_END);
	}

public void actionPerformed(ActionEvent e){
	String cmd = e.getActionCommand();
	layer.show(this.panel,cmd);
}
}

Answer 1

// 原因は2箇所

getContentPane().add(buttonsPanel, BorderLayout.CENTER);

this.panel.add(scene2);

1,getContentPane()に追加している対象が、CardLayoutを使用しているthis.panelではなく、
その子である、buttonsPanelです。
2,this.panel.add(scene2);と上で既にthis.panel.add(scene2,"view");を行っているのに再度追加しています。

this.panel.add(scene1,"menue");
this.panel.add(scene2,"view");

this.panel.add(scene2);

---

Swing画面をデバックする時は、Swingの画面をクリックしCtrl+Shift+F1を押すと標準出力にコンポーネントツリーが出力されます。デバックする時に参考になるかと。
デバックする時に見るべきポイントはcontentPane以降の情報です。以下は抜粋です。

javax.swing.JPanel[null.contentPane,0,0,982x653,layout=javax.swing.JRootPane$1
 javax.swing.JPanel[,0,0,982x300,layout=java.awt.FlowLayout,
  javax.swing.JLabel[,332,5,318x65,alignmentX=0.0,alignmentY=0.0,
 javax.swing.JPanel[,0,300,982x353,layout=java.awt.FlowLayout,
  javax.swing.JButton[,391,5,200x50,alignmentX=0.0,alignmentY=0.5,

contentPane以下にJPanelが2つ有り、どちらもlayout=の属性がjava.awt.FlowLayoutなのでFowLayoutを使用しています。=java.awt.CardLayoutを使用していない事が分かります。そこからcontentPaneにaddしている内容は正しいのか？
こんな感じでデバックしてみてくださいな。

---

最後にeclipseを使用しているなら、ソースコードを右クリック→ソース→フォーマットでインデントが正しくなります。ご参考まで。

Comments

[maikel]

最後にもう少しだけいいですか？
言われていたところを直したと思われる文章です。これでもパネルが遷移しないのですが
package app;

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;

public class SecondPanel extends JFrame implements ActionListener {
JPanel panel;
CardLayout layer;

public static void main(String args[]) {
MainFrame frame = new MainFrame();
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setBounds(100, 20, 1000, 700);
frame.setTitle("直観力トレーニング");
frame.setVisible(true);
}

SecondPanel() {

// scene1
JPanel scene1 = new JPanel();
JPanel titlesPanel = new JPanel();
JLabel title = new JLabel("直観力テスト");
title.setFont(new Font(Font.SERIF, Font.BOLD, 50));
titlesPanel.setPreferredSize(new Dimension(100, 300));
titlesPanel.add(title);
scene1.add(titlesPanel, BorderLayout.PAGE_START);

JButton jb = new JButton("直観力テストスタート");
jb.setPreferredSize(new Dimension(200, 50));
JPanel buttonsPanel = new JPanel();
buttonsPanel.add(jb);
scene1.add(buttonsPanel, BorderLayout.CENTER);

// scene2
JPanel scene2 = new JPanel();
scene2.setBackground(Color.BLUE);

// matomeru
this.panel = new JPanel();
this.layer = new CardLayout();
this.panel.setLayout(this.layer);

this.panel.add(scene1, "menue");
this.panel.add(scene2, "view");

// ボタン用のパネル
jb.addActionListener(this);
jb.setActionCommand("view");

// カードレイアウトに追加
getContentPane().add(this.panel);

}

public void actionPerformed(ActionEvent e) {
String cmd = e.getActionCommand();
layer.show(this.panel, cmd);
}

}

[umyu]

@maikelさんへ
MainFrame frame = new MainFrame();としているので、SecondPanelクラスはインスタンス化されていません。

[maikel]

それでした。ありがとうございます。説明分かり易かったです。

[umyu]

@maikelさんへ
解決してよかったですー。。

Answer 2

以前、cardlayoutを勧められましたが、やはり流行ってないのでしょうか

Comments

[senior_golfer]

cardlayoutも使いやすいと思うけどね。

[umyu]

@maikelさんへ
どちらかというと
1,JavaでGUIアプリを作るのが流行っていない(Swingは苦労の割に労力が合わないのがあるので)
2,teratailで回答される方が少ない。
3,情報をアウトプットされる方が少ない。

この3つでしょうか。
デスクトップアプリを作りたいなら、C#をお勧め致します。そっちなら資料が大量にあるかと。

[maikel]

そういわれると、そうかもといったところがありますねぇ。いろいろあるんだなぁ。