GUIサンプル（ボタン） ---スマホ対応版---

作って遊ぼうJavaプログラミング

Javaアプレット
サンプル集
Javaアプレットのボタンのサンプルです。

   Home
   > サンプル集
   > アプレットサンプル集
   > ボタンサンプル


ボタンサンプル

このページには、以下のサンプルを掲載しています。 下の項目をクリックをすると各サンプルにジャンプします。 ※2週間以内の新着記事はNewアイコン、更新記事はUpアイコンが表示されます。
  1. ボタンのサンプル ( ButtonSample01.java ) 　
  2. アイコン付きボタン( ButtonSample02.java ) 　
  3. ボタン内テキストの改行( ButtonSample03.java ) 　
  4. ボタン内テキストでスタイル設定（その1）( ButtonSample04.java ) 　
  5. ボタン内テキストでスタイル設定（その2） 　
  6. 色付きボタン 　
  7. ボタン内テキストのフォント設定 　
  8. ボタンの利用不可設定 　
  9. ボタンでの右クリックアクション 　

■ボタンのサンプル
[ サンプルプログラムのソースコード - ButtonSample01.java - ]
  1. package sample.applet.action;
  3. import java.awt.BorderLayout;
  4. import java.awt.Button;
  5. import java.awt.Color;
  6. import java.awt.Graphics;
  7. import java.awt.Graphics2D;
  8. import java.awt.event.ActionEvent;
  9. import java.awt.event.ActionListener;
  10. import java.awt.image.BufferedImage;
  12. import javax.swing.JApplet;
  14. public class ButtonSample02 extends JApplet implements ActionListener {
  16.   private static final long serialVersionUID = 1L;
  18.   Button button = new Button("ボタン");
  19.   BufferedImage bi;
  20.   Graphics2D offs;
  21.   int w,h;
  23.   public void init() {
  25.     w = getWidth();
  26.     h = getHeight();
  27.     bi = new BufferedImage(w,h,BufferedImage.TYPE_INT_ARGB);
  28.     offs = (Graphics2D)bi.getGraphics();
  29.     offs.setBackground(Color.WHITE);
  30.     offs.setColor(Color.BLUE);
  31.     offs.drawString("青", 10, 10);
  33.     setLayout(new BorderLayout());
  34.     button.addActionListener(this);
  35.     add(button, BorderLayout.SOUTH);
  37.   }
  39.   public void actionPerformed(ActionEvent e) {
  40.     if (e.getSource() == button) {
  41.       offs.clearRect(0, 0, w, h);
  42.       if (offs.getColor() == Color.RED ) {
  43.         offs.setColor(Color.BLUE);
  44.         offs.drawString("青",10,10);
  45.       } else {
  46.         offs.setColor(Color.RED);
  47.         offs.drawString("赤",10,10);
  48.       }
  49.     }
  50.     repaint();
  51.   }
  52.   
  53.   public void paint(Graphics g) {
  54.     g.drawImage(bi, 0, 0, null);
  55.   }
  56.   
  57.   public void update(Graphics g){
  58.     paint(g);
  59.   }
  61. }
[ サンプルプログラムの解説 ]
アプレット上にボタンを追加する場合、まずアプレットにアクションリスナーをインプリメント（14行目）します。 そしてアプレットの初期化メソッドでレイアウトマネージャーを設定（33行目）します。ここでは、ボーダーレイアウトを使用しています。 レイアウトには、ボーダーレイアウトの他にもいくつかの種類があります。
34行目でボタンオブジェクトをアクションリスナーに追加しています。 アクションリスナーに追加しないと、ボタンを押しても何もおきません。 25行目でボタンオブジェクトをボーダーレイアウト上に配置しています。
ボタンが押された時に行う処理は、actionPerformedメソッドに記述します。サンプルでは、39行目から51行目になります。
if文でどのボタンオブジェクトが押されたのか判定します。 ボタンを利用するときの大体の構造は、下のような感じになります。
public class [アプレットの名前] extends JApplet implements ActionListener {

  Button [ボタンオブジェクトのオブジェクト変数名] = new Button();;

  public void init() {

    setLayout([使用するレイアウト])
    [ボタンオブジェクトのオブジェクト変数名].addActionListener(this);
    add([ボタンオブジェクトのオブジェクト変数名],[使用するレイアウト]);

  }

  public void actionPerformed(ActionEvent e) {
    if (e.getSource() == [ボタンオブジェクトのオブジェクト変数名]) {
      [ボタンが押されたときの処理を記述]
    }
  }

  public void paint(Graphics g) {

    [描画処理等]

  }

}



■アイコン付きボタン
[ サンプルプログラムのソースコード - ButtonSample02.java - ]
  1. import java.awt.BorderLayout;
  2. import java.awt.Color;
  3. import java.net.MalformedURLException;
  4. import java.net.URL;
  5. import javax.swing.ImageIcon;
  6. import javax.swing.JApplet;
  7. import javax.swing.JButton;
  8. import javax.swing.JPanel;
  10. public class ButtonSample02 extends JApplet {
  12.   private static final long serialVersionUID = 1L;
  14.   JButton button;
  16.   public void init() {
  18.     setBackground(Color.WHITE);
  20.     setLayout(new BorderLayout());
  22.     try {
  23.       URL url = new URL(getCodeBase() + "icon/test.png");
  24.       ImageIcon icon = new ImageIcon(url);
  25.       button = new JButton("Icon付きボタン", icon);
  26.     } catch ( MalformedURLException e) {
  27.       e.printStackTrace();
  28.     }
  30.     JPanel panel = new JPanel();
  31.     panel.setBackground(Color.WHITE);
  32.     panel.add(button);
  33.     add(panel, BorderLayout.CENTER);
  34.   }
  36. }
[ サンプルプログラムの実行結果 ]


[ サンプルプログラムの解説 ]
サンプルのプログラムでは、ボタン内へのイメージ画像貼り付けのサンプルのためボタンとしての機能はありません。 ボタンとしての機能は、ボタンのサンプルを参照してください。
このサンプルのプログラムでは、下の画像ファイルをボタンに貼り付けています。

ボタンにアイコン画像をつける場合は、下のような手順で行います。
　1.イメージファイルがあるURLを指定してURLオブジェクトを生成。（33行目）
　2.URLオブジェクトを引数にして、イメージアイコンオブジェクトを生成。（34行目）
　3.イメージアイコンオブジェクトを引数にして、ボタンオブジェクトを生成。（35行目）
URLオブジェクト生成時に例外が発生した場合、MalformedURLExceptionをスローするためtry〜catch節で囲んであります。 MalformedURLExceptionは、URLの形式が不正な場合などに発生します。

■ボタン内テキストの改行
[ サンプルプログラムのソースコード - ButtonSample03.java - ]
  1. import java.awt.BorderLayout;
  2. import java.awt.Color;
  3. import java.awt.Dimension;
  4. import javax.swing.JApplet;
  5. import javax.swing.JButton;
  6. import javax.swing.JPanel;
  8. public class ButtonSample03 extends JApplet {
  10.   private static final long serialVersionUID = 1L;
  12.   JButton button;
  14.   public void init() {
  16.     setBackground(Color.WHITE);
  17.     setLayout(new BorderLayout());
  18.     button = new JButton("<html>改行<br />ボタン</html>");
  19.     button.setPreferredSize(new Dimension(120,80));
  20.     JPanel panel = new JPanel();
  21.     panel.setBackground(Color.WHITE);
  22.     panel.add(button);
  23.     add(panel, BorderLayout.CENTER);
  24.   }
  26. }
[ サンプルプログラムの実行結果 ]


[ サンプルプログラムの解説 ]
サンプルのプログラムでは、ボタン内でのテキストの改行サンプルのためボタンとしての機能はありません。 ボタンとしての機能は、ボタンのサンプルを参照してください。
ボタン内のテキストを改行する場合は、ボタンに設定するテキストをHTMLで記述し 改行位置に<br / >タグを記述します。(18行目）


■ボタン内テキストでスタイル設定（その1）

 ボタン内テキストの改行のサンプルでは、改行するのにHTMLの<BR>タグを使っていました。 スタイルシートとかも使えるでしょうか？ちょっとやってみましょう。
[ サンプルプログラムのソースコード - ButtonSample04.java - ]
  1. import java.awt.BorderLayout;
  2. import java.awt.Color;
  3. import java.awt.Dimension;
  4. import javax.swing.JApplet;
  5. import javax.swing.JButton;
  6. import javax.swing.JPanel;
  8. public class ButtonSample04 extends JApplet {
  10.   private static final long serialVersionUID = 1L;
  12.   JButton button;
  14.   public void init() {
  16.     setBackground(Color.WHITE);
  17.     setLayout(new BorderLayout());
  18.     StringBuilder text = new StringBuilder();
  19.     text.append("<html>");
  20.     text.append("<div style=\"color:red; ");
  21.     text.append("font-size:large; ");
  22.     text.append("text-decoration:line-through;\">");
  23.     text.append("打ち消し線</div>");
  24.     text.append("</html>");
  25.     button = new JButton(text.toString());
  26.     button.setPreferredSize(new Dimension(160,80));
  27.     JPanel panel = new JPanel();
  28.     panel.setBackground(Color.WHITE);
  29.     panel.add(button);
  30.     add(panel, BorderLayout.CENTER);
  32.   }
  34. }
[ サンプルプログラムの実行結果 ]


[ サンプルプログラムの解説 ]
サンプルのプログラムでは、ボタン内でのテキストにスタイルシートを設定しています。text-decorationは、タグ内の文字列に 装飾を施すスタイルシートです。サンプルでは、打ち消し線(line-through)を設定しています。（19行目〜24行目）


■ボタン内テキストでスタイル設定（その2）

 スタイルシートで一文字ごとに色を変えてみます。
[ サンプルプログラムのソースコード - ButtonSample05.java - ]
  1. import java.awt.BorderLayout;
  2. import java.awt.Color;
  3. import java.awt.Dimension;
  4. import javax.swing.JApplet;
  5. import javax.swing.JButton;
  6. import javax.swing.JPanel;
  8. public class ButtonSample05 extends JApplet {
  10.   private static final long serialVersionUID = 1L;
  12.   JButton button;
  14.   public void init() {
  16.     setBackground(Color.WHITE);
  17.     setLayout(new BorderLayout());
  18.     StringBuilder text = new StringBuilder();
  19.     text.append("<html>");
  20.     text.append("<span style=\"color: #FF0000\">赤</span>");
  21.     text.append("<span style=\"color: #00FF00\">緑</span>");
  22.     text.append("<span style=\"color: #0000FF\">青</span>");
  23.     text.append("<span style=\"color: #FFFF00\">黄</span>");
  24.     text.append("<span style=\"color: #FFA500\">橙</span>");
  25.     text.append("<span style=\"color: #FF00FF\">紫</span>");
  26.     text.append("</html>");
  27.     button = new JButton(text.toString());
  28.     button.setPreferredSize(new Dimension(120,80));
  29.     JPanel panel = new JPanel();
  30.     panel.setBackground(Color.WHITE);
  31.     panel.add(button);
  32.     add(panel, BorderLayout.CENTER);
  34.   }
  36. }
[ サンプルプログラムの実行結果 ]


[ サンプルプログラムの解説 ]
サンプルのプログラムでは、1文字ごとに色を変えています。（19行目〜26行目）


■色付きボタン
[ サンプルプログラムのソースコード - ButtonSample06.java - ]
  1. import java.awt.BorderLayout;
  2. import java.awt.Color;
  3. import java.awt.Dimension;
  4. import javax.swing.JApplet;
  5. import javax.swing.JButton;
  6. import javax.swing.JPanel;
  8. public class ButtonSample06 extends JApplet {
  10.   private static final long serialVersionUID = 1L;
  12.   JButton button;
  14.   public void init() {
  16.     setBackground(Color.WHITE);
  17.     setLayout(new BorderLayout());
  18.     button = new JButton("赤色ボタン");
  19.     button.setPreferredSize(new Dimension(120,80));
  20.     button.setBackground(Color.RED);
  21.     JPanel panel = new JPanel();
  22.     panel.setBackground(Color.WHITE);
  23.     panel.add(button);
  24.     add(panel, BorderLayout.CENTER);
  26.   }
  28. }
[ サンプルプログラムの実行結果 ]


[ サンプルプログラムの解説 ]
サンプルのプログラムでボタンの背景色を変えています。
ボタンの背景色を変えるにはボタンオブジェクトからsetBackgroundメソッドに設定したい背景色を引数として渡してあげます。（20行目）

■ボタン内テキストのフォント設定
[ サンプルプログラムのソースコード - ButtonSample07.java - ]
  1. import java.awt.BorderLayout;
  2. import java.awt.Color;
  3. import java.awt.Dimension;
  4. import java.awt.Font;
  6. import javax.swing.JApplet;
  7. import javax.swing.JButton;
  8. import javax.swing.JPanel;
  10. public class ButtonSample07 extends JApplet {
  12.   private static final long serialVersionUID = 1L;
  14.   JButton button;
  16.   public void init() {
  18.     setBackground(Color.WHITE);
  19.     setLayout(new BorderLayout());
  20.     button = new JButton("Font設定");
  21.     button.setPreferredSize(new Dimension(120,80));
  22.     button.setFont(new Font(Font.MONOSPACED,Font.BOLD,20));
  23.     JPanel panel = new JPanel();
  24.     panel.setBackground(Color.WHITE);
  25.     panel.add(button);
  26.     add(panel, BorderLayout.CENTER);
  28.   }
  30. }
[ サンプルプログラムの実行結果 ]


[ サンプルプログラムの解説 ]
フォントの設定は、22行目で行っています。
ボタンオブジェクトからsetFontメソッドを使ってFontの設定を行います。setFontメソッドの引数に設定したFontのオブジェクト渡してあげます。


■ボタンの利用不可設定
[ サンプルプログラムのソースコード - ButtonSample08.java - ]
  1. import java.awt.BorderLayout;
  2. import java.awt.Color;
  3. import java.awt.Dimension;
  5. import javax.swing.JApplet;
  6. import javax.swing.JButton;
  7. import javax.swing.JPanel;
  9. public class ButtonSample08 extends JApplet {
  11.   private static final long serialVersionUID = 1L;
  13.   JButton button;
  15.   public void init() {
  17.     setBackground(Color.WHITE);
  18.     setLayout(new BorderLayout());
  19.     button = new JButton("利用不可");
  20.     button.setPreferredSize(new Dimension(120,80));
  21.     button.setEnabled(false);
  22.     JPanel panel = new JPanel();
  23.     panel.setBackground(Color.WHITE);
  24.     panel.add(button);
  25.     add(panel, BorderLayout.CENTER);
  27.   }
  29. }
[ サンプルプログラムの実行結果 ]


[ サンプルプログラムの解説 ]
実行結果のボタンは、あんまりボタンに見えませんが一応ボタンです。（＾＾；
ボタンには利用不可設定がしてあります。
21行目でボタンの利用不可設定を行っています。 ボタンオブジェクトのsetEnableメソッドにboolean値のfalseを指定すると利用不可にtrueを指定すると利用可に設定できます。 ある条件がそろわないとボタンを押すことが出来ないというような制御を行いたい場合に利用します。 例えばアプレットを利用するユーザが入力する項目がいくつかあったとしします。 その中に必須の入力項目がいくつかあって必須入力項目が全て入力されるまでボタンを利用不可にしておいて入力されたら利用可状態に するといったようなことを行いたい時などに使います。


■ボタンでの右クリックアクション
[ サンプルプログラムのソースコード - ButtonSample09.java - ]
  1. import java.awt.BorderLayout;
  2. import java.awt.Canvas;
  3. import java.awt.Color;
  4. import java.awt.FlowLayout;
  5. import java.awt.Graphics;
  6. import java.awt.Graphics2D;
  7. import java.awt.event.ActionEvent;
  8. import java.awt.event.ActionListener;
  9. import java.awt.event.MouseAdapter;
  10. import java.awt.event.MouseEvent;
  11. import java.awt.image.BufferedImage;
  13. import javax.swing.JApplet;
  14. import javax.swing.JButton;
  15. import javax.swing.JPanel;
  17. public class ButtonSample09 extends JApplet implements ActionListener {
  19.   private static final long serialVersionUID = 1L;
  21.   Canvas canvas;
  22.   JButton button1 = new JButton("ボタン１");
  23.   JButton button2 = new JButton("ボタン２");
  24.   JPanel panel    = new JPanel();
  26.   BufferedImage bi;
  28.   Graphics2D offs;
  30.   int w, h;
  32.   public void init() {
  34.     w = getWidth();
  35.     h = getHeight();
  37.     bi = new BufferedImage(w, h-40, BufferedImage.TYPE_INT_ARGB);
  38.     offs = (Graphics2D) bi.getGraphics();
  40.     canvas = new Canvas(){
  41.       private static final long serialVersionUID = 1L;
  42.       public void paint(Graphics g) {
  43.         g.drawImage(bi, 0, 0, null);
  44.       }
  45.     };
  47.     button1.addActionListener(this);
  48.     button1.addMouseListener(new MouseAdapter(){
  50.       public void mouseClicked(MouseEvent e) {
  51.         if ( e.getModifiers() == MouseEvent.BUTTON3_MASK ){
  52.           offs.clearRect(0, 0, w, h);
  53.           offs.setColor(Color.BLACK);
  54.           offs.drawString("ボタン１右クリック", 10, 10);
  55.           canvas.repaint();
  56.         }
  57.       }
  59.     });
  61.     button2.addActionListener(this);
  62.     button2.addMouseListener(new MouseAdapter(){
  64.       public void mouseClicked(MouseEvent e) {
  65.         if ( e.getModifiers() == MouseEvent.BUTTON3_MASK ){
  66.           offs.clearRect(0, 0, w, h);
  67.           offs.setColor(Color.BLACK);
  68.           offs.drawString("ボタン２右クリック", 10, 10);
  69.           canvas.repaint();
  70.         }
  71.       }
  73.     });
  75.     panel.setLayout(new FlowLayout());
  76.     panel.add(button1);
  77.     panel.add(button2);
  79.     setLayout(new BorderLayout());
  80.     add(canvas, BorderLayout.CENTER);
  81.     add(panel, BorderLayout.SOUTH);
  82.   }
  84.   public void start(){
  85.     offs.setBackground(Color.WHITE);
  86.     offs.clearRect(0, 0, w, h);
  87.     offs.setColor(Color.BLUE);
  88.     offs.drawString("まだボタンは押されてないよ", 10, 10);
  89.   }
  91.   public void actionPerformed(ActionEvent e) {
  92.     if (e.getSource() == button1) {
  93.       offs.clearRect(0, 0, w, h);
  94.       offs.setColor(Color.BLUE);
  95.       offs.drawString("ボタン１左クリック", 10, 10);
  96.     }
  98.     if (e.getSource() == button2) {
  99.       offs.clearRect(0, 0, w, h);
  100.       offs.setColor(Color.RED);
  101.       offs.drawString("ボタン２左クリック", 10, 10);
  102.     }
  104.     canvas.repaint();
  105.   }
  107. }
[ サンプルプログラムの解説 ]
ボタン上で右クリックされた時になにかの処理を行う場合は、右クリックアクションを行うボタンオブジェクトにマウスリスナーを登録します。サンプルでは、 addMouseLisnerメソッドを使って48〜59行目でボタン１のオブジェクト（button1）にマウスリスナーのクラスを登録しています。62〜73行目でボタン2へのマウスリスナー登録を行っています。 マウスの右クリックアクションの動作は、登録したマウスリスナークラスのmouseClickedメソッド内に記述します。右クリックが押されたかどうかの判定は、「egetModifiers() == MouseEvent.BUTTON3_MASK」 で行っています。

[ 関連ページ ]
マウス入力（マウスイベント）サンプル
[ 記事一覧 ]
作って遊ぼうJavaプログラミング トップページ
ご意見、ご感想、ご質問 ユーザー投稿フォーム
お役立ちリンク集
Java関連書籍
Java アプレットゲームコーナー
Java入門
サンプル集
Javaサンプル集
アプレットサンプル集
四角形の描画
角の丸い四角形の描画
円の描画
楕円の描画
直線の描画
多角形の描画
ベジェ曲線の描画
ベジェ曲線を含む図形の描画
円弧、楕円弧の描画
弓形の描画
扇形の描画
図形の合成
いろいろなテクスチャーパターン
アニメーションサンプル
グラデーションサンプル
ボタンサンプル
チェックボックス
コンボボックス
マウス入力（マウスイベント）サンプル
キー入力（キーイベント）サンプル
アプレットからのファイル読み込み
画像イメージの表示
文字の描画
ダイアログの表示
テキストフィールドのサンプル
アプレットからのJavaScript実行
アプレットでのテーブル表示
テーブル最終行への行追加
テーブル最終行の削除
Swingサンプル集
ゲームを作ってみよう
試してみよう Java実験コーナー
こんなエラー出ちゃいましたぁ！エラー別対処方法
最終更新日：2019/02/13

2015-03-01からの訪問者数
　 5057 人