Swing/TitledSeparator のバックアップ差分(No.3)

  • 追加された行はこの色です。
  • 削除された行はこの色です。
TITLE:TitledBorderとMatteBorderを使用してTitledSeparatorを作成する
#navi(../)
RIGHT:Posted by [[aterai]] at 2012-08-27
*TitledBorderとMatteBorderを使用してTitledSeparatorを作成する [#ub2f11b2]
TitledBorderとMatteBorderを使用してTitle付きのSeparatorを作成します。

-&jnlp;
-&jar;
-&zip;

//#screenshot
#ref(https://lh3.googleusercontent.com/-sRtVayYL37Q/UDs_iiXRk7I/AAAAAAAABRk/71qZoe9vM60/s800/TitledSeparator.png)

**サンプルコード [#a13df73e]
#code(link){{
private static Border makeTitledSeparator(
    String title, final Color color, final Color darker, final Color brighter,
    final int height, int titlePosition) {
  return BorderFactory.createTitledBorder(
      BorderFactory.createMatteBorder(height, 0, 0, 0, new Icon() {
    private int width = -1;
    private Paint painter1, painter2;
    @Override public void paintIcon(Component c, Graphics g, int x, int y) {
      int w = c.getWidth();
      if(w!=width || painter1==null || painter2==null) {
        width = w;
        Point2D start  = new Point2D.Float(0f, 0f);
        Point2D end  = new Point2D.Float((float)width, 0f);
        float[] dist   = {0.0f, 1.0f};
        Point2D start = new Point2D.Float(0f, 0f);
        Point2D end   = new Point2D.Float((float)width, 0f);
        float[] dist  = {0.0f, 1.0f};
        painter1 = new LinearGradientPaint(start, end, dist, new Color[] {darker,   color});
        painter2 = new LinearGradientPaint(start, end, dist, new Color[] {brighter, color});
      }
      int h = getIconHeight()/2;
      Graphics2D g2  = (Graphics2D)g.create();
      g2.setPaint(painter1);
      g2.fillRect(x, y,   width, getIconHeight());
      g2.setPaint(painter2);
      g2.fillRect(x, y+h, width, getIconHeight()-h);
      g2.dispose();
    }
    @Override public int getIconWidth()  { return 200; } //dummy width
    @Override public int getIconHeight() { return height; }
  }), title, TitledBorder.DEFAULT_JUSTIFICATION, titlePosition);
}
}}

**解説 [#o6cd3ee7]
TitledBorderと左下右のインセットが0(上インセットのみ設定)で、タイルアイコンでグラデーションを行うMatteBorderを組み合わせて、TitledSeparatorを作成しています。

- 上
-- タイトルの垂直位置がデフォルト(TitledBorder.DEFAULT_POSITION)で、Separator上に重なるように表示
- 中
-- タイトルの垂直位置が上(TitledBorder.ABOVE_TOP)で、Separatorの上に表示
- 下
-- JSeparator を使用

----
注: 縦のセパレーターには未対応

**参考リンク [#oc439ee0]
-[[TitledBorderのタイトル位置>Swing/TitledBorder]]
-[[Separatorのグラデーション>Swing/Gradient]]

**コメント [#i31c8183]
#comment