ボタンを押したら画面遷移させたい

Question

画面Aに「はじめる」ボタンがあって、ボタンを押すと画面Bに遷移するようにしたいのですが、いまいちよく分かりません

調べた感じ(間違ってるかもしれないけれど)画面Aと画面Bのjavaファイルを用意してパッケージ化する…みたいな事は分かったのですが

今まで簡単な1つのjavaファイルをコンパイルして動かした事しかないので上記のような場合のコンパイルの仕方も教えて下さい

※コマンドプロントでコンパイルして動かしています

書いたコード

＜画面A（トップ画面）＞
import java.awt.;
import java.awt.event.;
class Top{
public static void main(String[] args){
MyWindow mw = new MyWindow();
}
}

class MyWindow extends Frame{
Image img;
MyWindow(){
img = getToolkit().getImage("top.png");

	setTitle("育成ゲーム");
	setSize(700,500);
	setLayout(null);
	
	Button btn1 = new Button("はじめる");
	btn1.setBounds(250,400,200,50);
	add(btn1);		
	
	setVisible(true);
	addWindowListener(new WinListener());
}
public void paint(Graphics g){
	g.drawImage(img,0,0,this);
}

}

class WinListener extends WindowAdapter{
public void windowClosing(WindowEvent e){System.exit(0);}
}

＜画面B（メイン画面）＞
import java.awt.;
import java.awt.event.;
class Main{
public static void main(String[] args){
MyWindow mw = new MyWindow();
}
}

class MyWindow extends Frame{
Image img;
MyWindow(){
img = getToolkit().getImage("field_noon.png");

	setTitle("育成ゲーム");
	setSize(700,500);
	setLayout(null);
	
	Button btn1 = new Button("ステータス");
	btn1.setBounds(50,400,100,50);
	add(btn1);

	Button btn2 = new Button("食事");
	btn2.setBounds(160,400,100,50);
	add(btn2);
	
	Button btn3 = new Button("運動");
	btn3.setBounds(270,400,100,50);
	add(btn3);

	Button btn4 = new Button("勉強");
	btn4.setBounds(380,400,100,50);
	add(btn4);

	Button btn5 = new Button("お話");
	btn5.setBounds(490,400,100,50);
	add(btn5);		
	
	setVisible(true);
	addWindowListener(new WinListener());
}
public void paint(Graphics g){
	g.drawImage(img,0,0,this);
}

}

class WinListener extends WindowAdapter{
public void windowClosing(WindowEvent e){System.exit(0);}
}

Comments

[jimbe]

(Androidではなく)パソコンでの、(AWTではなく)Swingでしょうか.

[senior_golfer]

もう少し開発環境の情報などを記載する必要があると思います。
このままでは、どこから回答してよいのかわりません。

[minmee0126]

はい、パソコンで動かす前提で作成しています。
importでawtを呼び出しているから、awtなのでしょうか…？
開発環境は特に使用しておらず、参考書を片手にテキストエディタで打っています。

[senior_golfer]

環境などはわかりました。個人的にはEclipseなどの開発環境をつかった使ったほうが楽だと思います。
普段は上記の開発環境を使っているので、awtでの画面変遷については忘れました。
ネットで「java awt 画面変遷」で多くヒットします。このサイトでも「AWTの画面遷移について」などの質疑があります。

[minmee0126]

ありがとうございます。
今まで「java 画面遷移」で調べていたので、awtも追加してまずは調べてみます！

Answer 1

画面遷移の方法はいろいろあると思いますが、おススメはCardLayoutによる遷移です。
紙芝居のように次のページや前のページ、指定ページに瞬時に遷移します（残念ながらスライド等のアニメーションはありません）

各画面分のPanelを作成し、Frameに追加します。
最初に追加したものが表示されて、ほかのパネルは非表示になります。
previous・next・showで表示を切り替えます。

この方法のメリットは非表示になっているだけなので、各画面間のやり取りがスムーズです。
逆にデメリットはBGMを流したりした時に、明示的に止めないと遷移後も流れ続けます。

---

上記のような場合のコンパイルの仕方

同じフォルダにファイルがあればjavac MyWindow.javaで自動で読んでくれるようです。
指定したければjavac file1.java file2.javaのように並べていくか、javac *.javaのようにワイルドカードでもいいようです。

PCスペック等の事情がおありなのかもしれませんが、初心者ほどIDEの使用を強く推奨します。

---

特に理由がないのであればAWTの拡張版であるSwingのほうが、 機能・情報量・検索性（Jから始まるクラス名が多くgoogle等で見分けやすい）の面からよりよいと思います。 （今の段階ですといくつかのクラスにJを付けるかだけって程度です）

---

ご提示のコードを少しアレンジして、簡単なサンプルを作ってみました。
CardLayoutを入れ子に使って、メイン画面の中でも遷移させています。（黄色や赤の色がついている部分）

参考になれば幸いです。

// アプリ本体＆エントリーポイント

import java.awt.CardLayout;
import java.awt.Frame;
import java.awt.event.WindowAdapter;
import java.awt.event.WindowEvent;

class MyWindow extends Frame {
    public static void main(String[] args) {
        MyWindow mw = new MyWindow();
        mw.setVisible(true);
    }

    MyWindow() {
        setTitle("育成ゲーム");
        setSize(700, 500);
        setLocationRelativeTo(null); // 画面中央に表示

        CardLayout cardLayout = new CardLayout(); // addしたものが1ページずつ紙芝居のように表示されるレイアウト
        setLayout(cardLayout);
        add(new TitlePanel(), "TitlePanel"); //追加した順に1ページ目、2ページ目。。。
        add(new MainPanel(), "MainPanel");
        add(new SettingPanel(), "SettingPanel");

        addWindowListener(new WinListener());
    }

    class WinListener extends WindowAdapter {
        public void windowClosing(WindowEvent e) { System.exit(0); }
    }
}

// タイトル画面 画面A

import java.awt.Button;
import java.awt.CardLayout;
import java.awt.Frame;
import java.awt.Graphics;
import java.awt.Image;
import java.awt.Panel;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;

class TitlePanel extends Panel implements ActionListener {
    private Image img;

    TitlePanel() {
        try {
            // getImageは起動直後画像が出ないことがあるので、読み込みを待ってくれるこちらに変更
            img = ImageIO.read(new File("title.png"));
        } catch (IOException e) { e.printStackTrace(); }

        setLayout(null);
        Button startButton = new Button("はじめる");
        startButton.setBounds(250, 100, 200, 50);
        // addActionListenerを3パターンで登録したが大体同じ意味
        // ほかのクラスでは行数を節約できるラムダ方式を採用
        startButton.addActionListener(this); // このクラス(TitlePanel)のactionPerformedでアクションを指定
        add(startButton);

        Button settingButton = new Button("せってい");
        settingButton.setBounds(250, 200, 200, 50);
        settingButton.addActionListener( // 匿名クラスでアクションを指定
                new ActionListener() {
                    @Override
                    public void actionPerformed(ActionEvent e) {
                        Frame frame = (Frame) getParent();
                        CardLayout cardLayout = (CardLayout) frame.getLayout();
                        cardLayout.show(frame, "SettingPanel"); // ページ名を指定して切り替え
                    }
                }
        );
        add(settingButton);

        Button exitButton = new Button("やめる");
        exitButton.setBounds(250, 300, 200, 50);
        exitButton.addActionListener(e -> System.exit(0)); // ラムダでアクションを指定
        add(exitButton);
    }

    @Override
    public void paint(Graphics g) {
        g.drawImage(img, 0, 0, null);
    }

    @Override
    public void actionPerformed(ActionEvent e) { // startButtonで呼ばれるメソッド
        Frame frame = (Frame) getParent();
        CardLayout cardLayout = (CardLayout) frame.getLayout();
        cardLayout.next(frame); // 次のページに切り替え
    }
}

// メインのゲーム画面 画面B

import java.awt.Button;
import java.awt.CardLayout;
import java.awt.Color;
import java.awt.Frame;
import java.awt.Panel;

class MainPanel extends Panel {
    MainPanel() {
        setLayout(null);

        // MainPanelの中でさらにCardLayoutで表示の切り替え
        Panel innerPanel = new Panel();
        innerPanel.setBounds(50, 50, 600, 330);
        CardLayout innerCardLayout = new CardLayout();
        innerPanel.setLayout(innerCardLayout);
        // 本来はそれぞれのPanelクラスになりますが、サンプルのためただの色違いパネル
        innerPanel.add(new Panel() {{ setBackground(Color.orange); }}, "p1");
        innerPanel.add(new Panel() {{ setBackground(Color.red); }}, "p2");
        innerPanel.add(new Panel() {{ setBackground(Color.green); }}, "p3");
        innerPanel.add(new Panel() {{ setBackground(Color.blue); }}, "p4");
        innerPanel.add(new Panel() {{ setBackground(Color.pink); }}, "p5");
        add(innerPanel);

        Button btn1 = new Button("ステータス");
        btn1.setBounds(50, 400, 100, 50);
        btn1.addActionListener(e -> innerCardLayout.show(innerPanel, "p1"));
        add(btn1);

        Button btn2 = new Button("食事");
        btn2.setBounds(160, 400, 100, 50);
        btn2.addActionListener(e -> innerCardLayout.show(innerPanel, "p2"));
        add(btn2);

        Button btn3 = new Button("運動");
        btn3.setBounds(270, 400, 100, 50);
        btn3.addActionListener(e -> innerCardLayout.show(innerPanel, "p3"));
        add(btn3);

        Button btn4 = new Button("勉強");
        btn4.setBounds(380, 400, 100, 50);
        btn4.addActionListener(e -> innerCardLayout.show(innerPanel, "p4"));
        add(btn4);

        Button btn5 = new Button("お話");
        btn5.setBounds(490, 400, 100, 50);
        btn5.addActionListener(e -> innerCardLayout.show(innerPanel, "p5"));
        add(btn5);


        Button backButton = new Button("タイトルに戻る");
        backButton.setBounds(550, 10, 100, 25);
        backButton.addActionListener(e -> {
            Frame frame = (Frame) getParent();
            CardLayout cardLayout = (CardLayout) frame.getLayout();
            cardLayout.first(frame); // 先頭のページに切り替え
        });
        add(backButton);
    }
}

// 設定画面 画面C

import java.awt.Button;
import java.awt.CardLayout;
import java.awt.Frame;
import java.awt.Panel;

class SettingPanel extends Panel {
    SettingPanel() {
        setLayout(null);

        Button backButton = new Button("タイトルに戻る");
        backButton.setBounds(250, 300, 200, 50);
        backButton.addActionListener(e -> {
            Frame frame = (Frame) getParent();
            CardLayout cardLayout = (CardLayout) frame.getLayout();
            cardLayout.first(frame); // 先頭のページに切り替え
        });
        add(backButton);
    }
}

Answer 2

お疲れさまです。
Top画面の　add(btn1);とsetVisible(true);の間に

　　　```btn1.addActionListener(new java.awt.event.ActionListener() {
public void actionPerformed(java.awt.event.ActionEvent e) {
Main main = new Main();
main.main(null);
}
});

を入れます。
こちらのEclipse上ではMain画面に変遷しました。
Top画面を残すなどいろいろなことがあると思います。
いろいろ調べてやってみてください。

コンパイルの方法はわかりません。