Swing/RoundedComboBox のバックアップ(No.5)

TITLE:JComboBoxの角を丸める

Posted by at 2012-04-23

JComboBoxの角を丸める

`JComboBoxの左上、右上の角を丸めるBorder`を設定します。

  • &jnlp;
  • &jar;
  • &zip;
RoundedComboBox.png

サンプルコード

class RoundedCornerBorder extends AbstractBorder {
  @Override public void paintBorder(
      Component c, Graphics g, int x, int y, int width, int height) {
    Graphics2D g2 = (Graphics2D)g.create();
    g2.setRenderingHint(
        RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
    int r = 12;
    int w = width  - 1;
    int h = height - 1;
    Area round = new Area(new RoundRectangle2D.Float(x, y, w, h, r, r));
    Container parent = c.getParent();
    if(parent!=null) {
      g2.setColor(parent.getBackground());
      Area corner = new Area(new Rectangle2D.Float(x, y, width, height));
      corner.subtract(round);
      g2.fill(corner);
    }
    g2.setPaint(c.getForeground());
    g2.draw(round);
    g2.dispose();
  }
  @Override public Insets getBorderInsets(Component c) {
    return new Insets(4, 8, 4, 8);
  }
  @Override public Insets getBorderInsets(Component c, Insets insets) {
    insets.left = insets.right = 8;
    insets.top = insets.bottom = 4;
    return insets;
  }
}

class KamabokoBorder extends RoundedCornerBorder {
  @Override public void paintBorder(
      Component c, Graphics g, int x, int y, int width, int height) {
    Graphics2D g2 = (Graphics2D)g.create();
    g2.setRenderingHint(
        RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
    int r = 12;
    int w = width  - 1;
    int h = height - 1;
    Path2D.Float p = new Path2D.Float();
    p.moveTo(x, y + h);
    p.lineTo(x, y + r);
    p.quadTo(x, y, x + r, y);
    p.lineTo(x + w - r, y);
    p.quadTo(x + w, y, x + w, y + r);
    p.lineTo(x + w, y + h);
    p.closePath();
    Area round = new Area(p);
    Container parent = c.getParent();
    if(parent!=null) {
      g2.setColor(parent.getBackground());
      Area corner = new Area(new Rectangle2D.Float(x, y, width, height));
      corner.subtract(round);
      g2.fill(corner);
    }
    g2.setPaint(c.getForeground());
    g2.draw(round);
    g2.dispose();
  }
}
View in GitHub: Java, Kotlin

解説

上記のサンプルでは、`Path2D#lineTo、Path2D#quadToを使ってかまぼこ型の図形を作成し、JComboBoxのBorder`に設定しています。

以下のような方法でも、かまぼこ型の図形を作成することができます。

Area round = new Area(new RoundRectangle2D.Float(x, y, width-1, height-1, r, r));
Rectangle b = round.getBounds();
b.setBounds(b.x, b.y + r, b.width, b.height - r);
round.add(new Area(b));
  • 上: `MetalComboBoxUI`
    • `BasicComboBoxUI`を設定
  • 中: `BasicComboBoxUI`
    • `RoundRectangle2D` に、下の角を上書きするような矩形を追加して作成
    • `UIManager.put("ComboBox.foreground", color)などで、JComboBoxの色を変更しているが、ArrowButton`の色がうまく変更できない
    • JComboBoxのBorderを変更する
  • 下: `BasicComboBoxUI#createArrowButton()`
    • `BasicComboBoxUI#createArrowButton()をオーバーライドして、ArrowButton`の背景色などを変更

メモ: これらの方法で、角丸の`JComboBoxが作成できるのは、BasicLookAndFeelとWindowsLookAndFeel`の場合のみ？

参考リンク

コメント

  • 編集可不可の切り替えと、`WindowsLnF`に適用したサンプルを追加 -- aterai