• GUIについて
• はじめてのGUIプログラミング
• ウィンドウ（フレーム）を表示する
• 部品をウィンドウに配置する
• GUIを構成するためのクラス群
• コンポーネント（Component）
• コンテナ（Container）
• ウィンドウ
• ダイアログ
• パネル
• 基本的なGUI部品
• AWTのレイアウトマネージャ
• フローレイアウト
• グリッドレイアウト
• ボーダーレイアウト
• カードレイアウト
• グリッドバグレイアウト
• レイアウトマネージャを使わない場合
• メニューを作成する
• 描画を行う
• 描画の動作を確認する
• プログラムから再描画を行う
• Graphicsクラスのメソッド
• グラフィックに関連するクラス

1. つぎのサンプル・アプリケーションAwt01.javaを作成･実行してください。

   
    import java.awt.*;
    
    public class Awt01 {
        Frame frame;
    
        Awt01() {
            frame = new Frame("フレーム");
            frame.setSize(200, 100);
            frame.setVisible(true);
        }
    
        public static void main(String[] args) {
            Awt01 awt01 = new Awt01();
        }
    }
   
   

   □ 実行結果

1. つぎのサンプル・アプリケーションPanel01.javaを作成･実行してください。

   
    import java.awt.*;
    
    public class Panel01 {
        Frame frame;
        Panel panel1, panel2;
        Button[] button = new Button[5];
    
        Panel01() {
            frame = new Frame("フレーム");
            panel1 = new Panel();
            panel2 = new Panel();
    
            for (int i = 0; i < button.length; i++) {
                button[i] = new Button("ボタン" + (i + 1));
                if (i <= 2) {
                    panel1.add(button[i]);
                } else {
                    panel2.add(button[i]);
                }
            }
    
            frame.add(panel1, BorderLayout.NORTH);
            frame.add(panel2, BorderLayout.SOUTH);
            frame.pack();
            frame.setVisible(true);
        }
    
        public static void main(String[] args) {
            Panel01 panel01 = new Panel01();
        }
    }
   
   

   □ 実行結果

1. つぎのGUI部品を使ったアプリケーションAwt11.javaを作成･実行してください。
   • ボタン
   • ラジオ・ボタン
   • チェック･ボックス
   • 選択リスト
   • ラベル
   • 複数選択リスト
   • スクロール･バー
   • テキスト･エリア
   • テキスト･フィールド

   
    import java.awt.*;
    
    public class Awt11 {
        Frame frame;
        Panel[] panel = new Panel[9];
        CheckboxGroup checkboxGroup;
        Choice choice;
        List list;
    
        Awt11() {
            frame = new Frame("フレーム");
            for (int i = 0; i < panel.length; i++) {
                panel[i] = new Panel();
                frame.add(panel[i]);
            }
    
            panel[0].add(new Button("ボタン"));
    
            checkboxGroup = new CheckboxGroup();
            panel[1].add(new Checkbox("りんご", checkboxGroup, true)); 
            panel[1].add(new Checkbox("すいか", checkboxGroup, false)); 
            panel[1].add(new Checkbox("バナナ", checkboxGroup, false)); 
    
            panel[2].add(new Checkbox("りんご", true)); 
            panel[2].add(new Checkbox("すいか", false)); 
            panel[2].add(new Checkbox("バナナ", false)); 
    
            choice = new Choice();
            choice.add("りんご");
            choice.add("すいか");
            choice.add("バナナ");
            panel[3].add(choice);
    
            panel[4].add(new Label("ラベル"));
    
            list = new List(3, true);
            list.add("りんご");
            list.add("すいか");
            list.add("バナナ");
            panel[5].add(list);
    
            panel[6].add(new Scrollbar());
            panel[7].add(new TextArea("テキスト・エリア", 4, 32));
            panel[8].add(new TextField("テキスト・フィールド", 32));
    
            frame.setLayout(new GridLayout(3, 3));
            frame.pack();
            frame.setVisible(true);
        }
    
        public static void main(String[] args) {
            Awt11 awt11 = new Awt11();
        }
    }
   
   

   □ 実行結果

1. 商品管理システムのTestProductをGUIで実現するアプリケーション"GUIProduct.java"を作成してください。

   
    // 1801
    // package application;
    import java.awt.*;
    // 商品システムGUIクライアント・アプリケーションです。
    public class GUIProduct {
        private Frame frame;
        private Panel northPanel, westPanel, centerPanel, eastPanel, southPanel;
        private Label codeLabel, nameLabel, priceLabel, discountLabel, messageLabel;
        private TextField codeField, nameField, priceField, discountField;
        private TextArea messageArea;
        private Button searchButton, updateButton, deleteButton, resetButton, exitButton;
    
        private String code;
        private String name;
        private int price;
        private String supplierId;
        private String message;
        
        public GUIProduct() {
            frame = new Frame("商品情報");
    
            northPanel = new Panel();
            westPanel = new Panel();
            centerPanel = new Panel();
            eastPanel = new Panel();
            southPanel = new Panel();
    
            westPanel.setLayout(new GridLayout(0, 1));
            centerPanel.setLayout(new GridLayout(0, 1));
            
            searchButton = new Button("検索");
            northPanel.add(searchButton);
    
            updateButton = new Button("新規/更新");
            northPanel.add(updateButton);
    
            deleteButton = new Button("削除");
            northPanel.add(deleteButton);
    
            resetButton = new Button("取消");
            northPanel.add(resetButton);
    
            exitButton = new Button("終了");
            northPanel.add(exitButton);
    
            codeLabel = new Label("商品コード：");
            codeField = new TextField(8);
            westPanel.add(codeLabel);
            centerPanel.add(codeField);
    
            nameLabel = new Label("商品名：");
            nameField = new TextField(30);
            westPanel.add(nameLabel);
            centerPanel.add(nameField);
    
            priceLabel = new Label("定価：");
            priceField = new TextField(8);
            westPanel.add(priceLabel);
            centerPanel.add(priceField);
    
            discountLabel = new Label("割引率：");
            discountField = new TextField(8);
            westPanel.add(discountLabel);
            centerPanel.add(discountField);
    
            messageLabel = new Label("メッセージ：");
            messageArea = new TextArea();
    //        southPanel.add(messageLabel);
            southPanel.add(messageArea);
    
            frame.add(northPanel, BorderLayout.NORTH);
            frame.add(westPanel, BorderLayout.WEST);
            frame.add(centerPanel, BorderLayout.CENTER);
            frame.add(eastPanel, BorderLayout.EAST);
            frame.add(southPanel, BorderLayout.SOUTH);
            frame.setSize(480, 320);
            frame.setVisible(true);
          }
    
        public static void main(String[] args) {
            GUIProduct gp = new GUIProduct();
        }
    }
   
   

   □ 実行結果

1. 「名前」を入力し、「占う」ボタンをクリックしたら、「占い結果」を出すようなアプリケーション"Uranai01.java"を作成してください。 なお、GUI部品はつぎのものとしてください。
   (*) 今回は、部品を作成してフレームに配置するだけです。
   • 名前： TextField
   • 占うボタン： Button
   • クリアボタン： Button
   • 終了ボタン： Button
   • 占い結果： TextArea
   
   つぎのGUI部品はオプションとします。余裕があれば配置してください。
   • 性別： CheckBox
   • 誕生月： Choice

   
    import java.awt.*;
    
    public class Uranai01 {
        Frame frame;
        Panel panelN, panelW, panelC, panelE, panelS;
        Label nameLabel, birthdayLabel;
        TextField name;
        CheckboxGroup sex;
        Checkbox mail, femail;
        Choice birthmonth;
        Button uranau, clear, owari;
        TextArea kekka;
    
        Uranai01() {
            frame = new Frame( "占い" );
    
            // ここにコードを記述してください。
    
            frame.pack();
            frame.setVisible(true);
        }
    
        public static void main(String[] args) {
            Uranai01 Uranai01 = new Uranai01();
        }
    }
   
   

   □ 実行結果

1. Uranai01を、フロー・レイアウトに配置してください。("Uranai011.java")



2. Uranai01を、カード・レイアウトに配置してください。("Uranai012.java")



3. Uranai01のボタン部分のみを、カード・レイアウトに配置してください。("Uranai013.java")



4. Uranai01につぎのようなメニューを追加してください。("Uranai02.java")
• ファイル・メニュー
  • 新規作成
  • 開く
• ヘルプ・メニュー
  • バージョン情報



□ 実行結果

1. つぎの"Draw01.java"を入力・実行してください。
   表示されたフレームを、他のウィンドーで隠したり、フレームのサイズを変えてみてください。

 import java.awt.*;
 
 public class Draw01 extends Canvas {
     Frame frame;
     int cnt = 0;
 
     public void paint(Graphics g) {
         cnt++;
         g.drawString(String.valueOf(cnt), 20, 20);
     }
 
     Draw01() {
         frame = new Frame("フレーム");
         setSize(200, 50);
         frame.add(this, BorderLayout.NORTH);
         frame.pack();
         frame.setVisible(true);
     }
 
     public static void main(String[] args) {
         Draw01 draw01 = new Draw01();
     }
 }




2. つぎの"Draw03.java"を入力・実行してください。

 import java.awt.*;
 
 public class Draw03 extends Canvas {
     Frame frame;
 
     public void paint(Graphics g) {
         g.drawString("Hello", 20, 20);
         g.drawLine(10, 10, 100, 50);
     }
 
     Draw03() {
         frame = new Frame("フレーム");
         setSize(200, 50);
         frame.add(this, BorderLayout.NORTH);
         frame.setSize(200, 100);
         frame.setVisible(true);
     }
 
     public static void main(String[] args) {
         Draw03 draw03 = new Draw03();
     }
 }

■実習

1. 上記"Draw01.java"をつぎのように改造してください。("Draw011.java")
   
   1. 1秒ごとに数字を自動的にカウントアップする。

 import java.awt.*;
 
 public class Draw011 extends Canvas {
     Frame frame;
     int cnt = 0;
 
     public void paint(Graphics g) {
         while (true) {
             cnt++;
             g.drawString(String.valueOf(cnt), 20, 20);
 
             // ここにコードを記述してください。
 
         }
     }
 
     Draw011() {
         frame = new Frame("フレーム");
         setSize(200, 50);
         frame.add(this, BorderLayout.NORTH);
         frame.pack();
         frame.setVisible(true);
     }
 
     public static void main(String[] args) {
         Draw011 draw011 = new Draw011();
     }
 }

2. 下の実行結果になるようなアプリケーション"Draw34.java"を作成してください。

 import java.awt.*;
 
 public class Draw34 extends Canvas {
     Frame frame;
 
     public void paint(Graphics g) {
 
             // ここにコードを記述してください。
 
 
     }
 
     Draw34() {
         frame = new Frame("フレーム");
         setSize(400, 300);
         frame.add(this, BorderLayout.NORTH);
         frame.setSize(400, 300);
         frame.setVisible(true);
     }
 
     public static void main(String[] args) {
         Draw34 draw34 = new Draw34();
     }
 }

□ 実行結果

• ヒント(座標)
3. フレーム上で、ボールが左右に動き、壁で跳ね返って往復するアプリケーション"Ball01.java"を作成してください。
   作成の概要はつぎのとおりです。
   • フィールドに描画する座標を保持する。
   • paint()メソッドで、再描画する。このとき、ボールがつぎに動く場所を指すようにする。
   • repaint()メソッドを呼ぶ。

 import java.awt.*;
 
 public class Ball01 extends Canvas {
     Frame frame;
     int x = 0;
     int dx = 2;
     int ballSize = 30;
 
     public void paint(Graphics g) {
 
             // ここにコードを記述してください。
 
     }
 
     Ball01() {
         frame = new Frame("ボール");
         setSize(300, 200);
         frame.add(this);
         frame.pack();
         frame.setVisible(true);
     }
 
     public static void main(String[] args) {
         Ball01 ball01 = new Ball01();
     }
 }

□ 実行結果

4. "Ball01.java"を改造して、ボールが上下左右どちらにも動くように改造してください。("Ball02.java")