チェックボックスの様々な状態と状態別の画像の設定

広告

チェックボックスは選択されている状態と非選択の状態がありますが、それ以外にもロールオーバー(マウスが上に居る時)、押された時、無効などの状態があります。ここでは各状態にチェックボックスを設定する方法と、その状態別に表示される画像を変更する方法を確認します。

ロールオーバー

チェックボックスの上にマウスが居る状態をロールオーバーともいいます。デフォルトではチェックボックスの上にマウスを乗せると次のような画面表示となります。

チェックボックスの様々な状態と状態別の画像の設定

デフォルトの画像である小さい箱の内側が少し塗りつぶされた画像に替わっています。

ロールオーバーの状態の時に通常とは別の画像を設定するにはJCheckBoxクラスの親クラスであるAbstractButtonクラスで定義されているsetRolloverIconメソッドを使います。 

setRolloverIcon
public void setRolloverIcon(Icon rolloverIcon)

反転した状態のボタンのアイコンを設定します。

パラメータ:
  rolloverIcon - 「反転した状態のボタン」の表示に使用されるアイコン

引数には表示したい画像を表すIconインターフェースを実装したクラスのオブジェクトを指定します。JavaではIconインターフェースを実装したクラスとしてImageIconクラスが用意されており、今回はImageIconクラスのオブジェクトを指定してみます。(ImageIconクラスについては「ImageIconクラス」を参照して下さい)。

実際の使い方は次のようになります。 

ImageIcon icon = new ImageIcon("./img/sample.png");
ImageIcon rollover_icon = new ImageIcon("./img/roll.png");

JCheckBox checkbox = new JCheckBox("チェックボックス", icon);
checkbox.setRolloverIcon(rollover_icon);

チェックボックスが押された状態

チェックボックスをマウスでクリックし、押された状態の時はデフォルトでは次のように表示されます。

チェックボックスの様々な状態と状態別の画像の設定

上記では真ん中のチェックボックスが押された状態です。この時、対象のチェックボックスの画像はへこんだような画像が表示されています。

チェックボックスが押された状態の時に通常とは別の画像を設定するにはJCheckBoxクラスの親クラスであるAbstractButtonクラスで定義されているsetPressedIconメソッドを使います。 

setPressedIcon
public void setPressedIcon(Icon pressedIcon)

押された状態のボタンのアイコンを設定します。 

パラメータ:
  pressedIcon - 「押されたボタン」の表示に使用されるアイコン

引数にはsetRolloverIconメソッドの時と同じく表示したい画像を表すIconインターフェースを実装したクラスのオブジェクトを指定します。

実際の使い方は次のようになります。 

ImageIcon icon = new ImageIcon("./img/sample.png");
ImageIcon pressed_icon = new ImageIcon("./img/pressed.png");

JCheckBox checkbox = new JCheckBox("チェックボックス", icon);
checkbox.setPressedIcon(pressed_icon);

無効

チェックボックスの操作を一時的に行えないように無効の状態にすることができます。無効の状態の時はデフォルトでは次のように表示されます。

チェックボックスの様々な状態と状態別の画像の設定

上記では真ん中のチェックボックスが無効の状態です。この時、表示される画像も平面的なものに変更になり、文字列の色も通常の色から変更されています。

チェックボックスが無効の状態の時に通常とは別の画像を設定するにはJCheckBoxクラスの親クラスであるAbstractButtonクラスで定義されているsetDisabledIconメソッドを使います。 

setDisabledIcon
public void setDisabledIcon(Icon disabledIcon)

無効な状態のボタンのアイコンを設定します。

パラメータ:
  disabledIcon - 無効な状態のボタンの表示に使用されるアイコン

引数にはsetRolloverIconメソッドの時と同じく表示したい画像を表すIconインターフェースを実装したクラスのオブジェクトを指定します。

またチェックボックスを無効に設定するにはJCheckBoxクラスの親クラスであるAbstractButtonクラスで定義されているsetEnabledメソッドを使います。 

setEnabled
public void setEnabled(boolean b)

ボタンを有効または無効にします。

パラメータ:
  b - ボタンを有効にする場合は true、そうでない場合は false

引数にはチェックボックスを有効にするかどうかを表すboolean型の値を指定します。trueを指定すると有効となり、falseを指定すると無効となります。

実際の使い方は次のようになります。 

ImageIcon icon = new ImageIcon("./img/sample.png");
ImageIcon disabled_icon = new ImageIcon("./img/disabled.png");

JCheckBox checkbox = new JCheckBox("チェックボックス", icon);
checkbox.setDisabledIcon(pressed_icon);
checkbox.setEnabled(false);

上記ではチェックボックスは無効となり、操作は行えなくなります。

サンプルプログラム

では実際に試してみます。

SSample11_1.java 

import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JCheckBox;
import javax.swing.ImageIcon;
import java.awt.Container;
import java.awt.BorderLayout;

class SSample11_1 extends JFrame{
  public static void main(String args[]){
    SSample11_1 frame = new SSample11_1("タイトル");
    frame.setVisible(true);
  }

  SSample11_1(String title){
    setTitle(title);
    setBounds(100, 100, 300, 250);
    setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);

    ImageIcon nicon = new ImageIcon("./nicon.png");
    ImageIcon sicon = new ImageIcon("./sicon.png");
    ImageIcon ricon = new ImageIcon("./ricon.png");
    ImageIcon picon = new ImageIcon("./picon.png");
    ImageIcon dicon = new ImageIcon("./dicon.png");

    JPanel p = new JPanel();

    JCheckBox ckbox1 = new JCheckBox("Orange", nicon);
    ckbox1.setSelectedIcon(sicon);
    JCheckBox ckbox2 = new JCheckBox("Melon", nicon);
    ckbox2.setSelectedIcon(sicon);
    ckbox2.setPressedIcon(picon);
    ckbox2.setRolloverIcon(ricon);

    JCheckBox ckbox3 = new JCheckBox("Grape", nicon);
    ckbox3.setDisabledIcon(dicon);
    ckbox3.setEnabled(false);

    p.add(ckbox1);
    p.add(ckbox2);
    p.add(ckbox3);

    Container contentPane = getContentPane();
    contentPane.add(p, BorderLayout.CENTER);
  }
}

ではコンパイルを行った上で実行してみます。

チェックボックスの様々な状態と状態別の画像の設定

3つのチェックボックスを表示しています。最後のチェックボックスは無効となっており、無効の時に表示される画像を指定してあります。

2つ目のチェックボックスにはロールオーバー時とボタンが押された時の画像を指定しています。(選択状態になった時の画像も指定してあります)。

では2つ目のチェックボックスの上にマウスを乗せてみます。

チェックボックスの様々な状態と状態別の画像の設定

続いて2つ目のチェックボックスの上でマウスを押してみます。

チェックボックスの様々な状態と状態別の画像の設定

選択状態になれば、選択状態の時の画像が表示されます。

チェックボックスの様々な状態と状態別の画像の設定

( Written by Tatsuo Ikura )