Swing/DropShadowPopup のバックアップ(No.15)

TITLE:JPopupMenuに半透明の影を付ける

Posted by at 2006-07-03

JPopupMenuに半透明の影を付ける

`Robotで画面をキャプチャーするなどして、半透明の影をJPopupMenu`に付けます。

  • &jar;
  • &zip;
DropShadowPopup.png

サンプルコード

class ShadowBorder extends AbstractBorder {
  private final int xoff, yoff;
  private final Insets insets;
  private BufferedImage screen = null;
  private BufferedImage shadow = null;

  public ShadowBorder(int x, int y, JComponent c, Point p) {
    this.xoff = x;
    this.yoff = y;
    this.insets = new Insets(0,0,xoff,yoff);
    try{
      Robot robot = new Robot();
      Dimension d = c.getPreferredSize();
      screen = robot.createScreenCapture(
          new Rectangle(p.x, p.y, d.width+xoff, d.height+yoff));
    }catch (java.awt.AWTException ex) {
      ex.printStackTrace();
    }
  }
  @Override public Insets getBorderInsets(Component c) {
    return insets;
  }
  @Override public void paintBorder(Component c, Graphics g,
                                    int x, int y, int w, int h) {
    if(screen==null) return;
    if(shadow==null || shadow.getWidth()!=w || shadow.getHeight()!=h) {
      shadow = new BufferedImage(w, h, BufferedImage.TYPE_INT_ARGB);
      Graphics2D g2 = shadow.createGraphics();
      g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                          RenderingHints.VALUE_ANTIALIAS_ON);
      g2.setComposite(
          AlphaComposite.getInstance(AlphaComposite.SRC_OVER, 0.2f));
      g2.setPaint(Color.BLACK);
      for(int i=0;i<xoff;i++) {
        g2.fillRoundRect(xoff, xoff, w-xoff-xoff+i, h-xoff-xoff+i, 4, 4);
      }
      g2.dispose();
    }
    Graphics2D g2d = (Graphics2D)g;
    g2d.drawImage(screen, 0, 0, c);
    g2d.drawImage(shadow, 0, 0, c);
  }
}
View in GitHub: Java, Kotlin

解説

ポップアップメニューに半透明の影をつける際、フレームからはみ出すかどうかで異なる処理を行っています。

上記のサンプルコードは、フレームからはみ出す場合に使用する`Border`クラスです。

  • フレーム内
    • `JPopupMenu#paintComponent`メソッドで半透明の影を描画しています。
  • フレーム外
    • `Robotを使って画面全体をキャプチャーし、これを利用して半透明の影をBorder`として作成しています。このためポップアップメニューがはみ出しても、影を付けることができますが、多少時間が掛かります。

`JDK 1.7.0や、1.6.0_10以上の場合は、フレーム外でもRobotを使用せず、以下のようにJPopupMenuの上位Window`の背景色を透明にすることで影をつけることができます。

class DropShadowPopupMenu extends JPopupMenu {
  private static final int off = 4;
  private BufferedImage shadow = null;
  private Border border = null;
  @Override public boolean isOpaque() {
    return false;
  }
  @Override public void paintComponent(Graphics g) {
    ((Graphics2D)g).drawImage(shadow, 0, 0, this);
    super.paintComponent(g);
  }
  @Override public void show(Component c, int x, int y) {
    if(border==null) {
      Border inner = getBorder();
      Border outer = BorderFactory.createEmptyBorder(0, 0, off, off);
      border = BorderFactory.createCompoundBorder(outer, inner);
    }
    setBorder(border);
    Dimension d = getPreferredSize();
    int w = d.width, h = d.height;
    if(shadow==null || shadow.getWidth()!=w || shadow.getHeight()!=h) {
      shadow = new BufferedImage(w, h, BufferedImage.TYPE_INT_ARGB);
      Graphics2D g2 = shadow.createGraphics();
      g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                          RenderingHints.VALUE_ANTIALIAS_ON);
      g2.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER, 0.2f));
      g2.setPaint(Color.BLACK);
      for(int i=0;i<off;i++) {
        g2.fillRoundRect(off, off, w-off-off+i, h-off-off+i, 4, 4);
      }
      g2.dispose();
    }
    EventQueue.invokeLater(new Runnable() {
      @Override public void run() {
        Window pop = SwingUtilities.getWindowAncestor(DropShadowPopupMenu.this);
        if(pop instanceof JWindow) {
          System.out.println(pop instanceof JWindow);
          pop.setBackground(new Color(0,0,0,0)); //JDK 1.7.0
          //com.sun.awt.AWTUtilities.setWindowOpaque(pop, false); //JDK 1.6.0_10
        }
      }
    });
    super.show(c, x, y);
  }
}

参考リンク

コメント

  • キャプチャーが遅いのは画面全体を撮っているからで、必要なサイズだけにすれば結構速いようです。サンプルを修正してみたところ、毎回キャプチャするようにしても特に気にならない速度で動いてます。 -- aterai
  • ソース中で`isInRootPanel`がおかしい気がするのですが・・・　 `convertPointToScreenがいらないのとreturn r.contains(pt)&&r.contains(p)`にしないとフレーム内の判定がおかしいようです -- sawshun？
    • ご指摘ありがとうごさいます。`convertPointToScreenを削除して、MyPopupMenu#isInRootPanel`は以下のように修正しました。 -- aterai 
private boolean isInRootPanel(JComponent root, Point p) {
  Rectangle r = root.getBounds();
  Dimension d = this.getPreferredSize();
  //pointed out by sawshun
  return r.contains(p.x, p.y, d.width+off, d.height+off);
}

final MyPopupMenu pop = new MyPopupMenu();
pop.add(new JMenuItem("Open"));
pop.add(new JMenuItem("Save"));
pop.add(new JMenuItem("Close"));
//pop.addSeparator(); //XXX: Nimbus
JSeparator s = new JSeparator();
s.setOpaque(true);
pop.add(s);
pop.add(new JMenuItem("Exit"));
JLabel label = new JLabel(icon);
label.setComponentPopupMenu(pop);
//JDK 1.5 label.addMouseListener(new MouseAdapter() {});
//addMouseListener(new MouseAdapter() {
//  public void mouseReleased(MouseEvent e) {
//    if(e.isPopupTrigger()) {
//      Point pt = e.getPoint();
//      pop.show(e.getComponent(), pt.x, pt.y);
//    }
//    repaint();
//  }
//});
  • `SynthLookAndFeel(Nimbusなど)で、JSeparatorだけでなくJMenuItem`まで透明になった修正？に対応。 -- aterai
  • `1.7.0_03`でなにか変更があった？のか、変な挙動をするようになったので、調査中。 -- aterai
  • `exitやcloseが動作するのかと思ったのですが動かないんですよね？　JPopupMenuに表示させているだけでしょうか、もしそうならExit`を押したときにフレームが終了するようなコードはどう書けばいいのでしょうか？ -- hshs？
    • 影を付けるだけのサンプルコードなので、`JMenuItemは名前だけのダミーになっています。「フレームを終了するコード…」は、複数のJFrame`が開いているかもしれない場合を考慮して、以下のような方法を使用するのがいいかもしれません。 -- aterai 
JMenuItem mi = new JMenuItem(new AbstractAction("Exit") {
  @Override public void actionPerformed(ActionEvent e) {
    JMenuItem m = (JMenuItem)e.getSource();
    JPopupMenu popup = (JPopupMenu)m.getParent();
    JComponent invoker = (JComponent)popup.getInvoker();
    Window f = SwingUtilities.getWindowAncestor(invoker);
    if(f!=null) f.dispose();
  }
});
  • 返信ありがとうございます、当方Netbeansで開発してまして、上記のコードをjPopupMenu1.add(この中);にnew JMenuItem以降を入れたのですが動きませんでした。よってJMenuItem ｍ～f.dispose();までを削除し、かわりにjFrame1.setVisible(false);を入れると動作しました。 -- hshs？