Swing/ScrollBarSearchHighlighter のバックアップ(No.3)

TITLE:JScrollBarに検索結果をハイライト表示

Posted by aterai at 2013-01-28

JScrollBarに検索結果をハイライト表示

`JScrollBarなどにJTextArea`の文字列検索の結果をハイライト表示します。

&jnlp;
&jar;
&zip;

サンプルコード

scrollbar.setUI(new WindowsScrollBarUI() {
  @Override protected void paintTrack(
      Graphics g, JComponent c, Rectangle trackBounds) {
    super.paintTrack(g, c, trackBounds);

    Rectangle rect = textArea.getBounds();
    double sy = trackBounds.getHeight() / rect.getHeight();
    AffineTransform at = AffineTransform.getScaleInstance(1.0, sy);
    g.setColor(Color.YELLOW);
    try{
      for(Integer pos: poslist) {
        Rectangle r = textArea.modelToView(pos);
        Rectangle s = at.createTransformedShape(r).getBounds();
        int h = 2; //Math.max(2, s.height-2);
        g.fillRect(trackBounds.x, trackBounds.y+s.y, trackBounds.width, h);
      }
    }catch(BadLocationException e) {
      e.printStackTrace();
    }
  }
});

View in GitHub: Java, Kotlin

解説

上記のサンプルでは、`ScrollBarUI#paintTrack(...)メソッドをオーバーライドして、JTextArea内の文字列の検索結果を縦のJScrollBar`内部に描画しています。

注:
- 一行分のハイライトの高さは`2px`で固定
- 検索結果の位置取得には`JTextComponent#modelToView(text.indexOf(pattern, pos));`を使用しているため、ハイライト対象の文字列が折り返しで二行になっても、ハイライトされるのは一行目のみ

以下のように、`Iconを使ったMatteBorderを設定したコンポーネントを作成し、これをJViewportに追加してJScrollPane#setRowHeader(...)で設定する方法もあります。こちらは、縦JScrollBar`に直接ハイライトを描画しないので、上下の増減ボタンは考慮せず、またノブの代わりに現在表示位置を示す領域を半透明で描画しています。

final JScrollPane scroll = new JScrollPane(textArea);
JLabel label = new JLabel();
label.setBorder(BorderFactory.createMatteBorder(0, 4, 0, 0, new Icon() {
  private final Color THUMB_COLOR = new Color(0,0,255,50);
  @Override public void paintIcon(Component c, Graphics g, int x, int y) {
    if(poslist.isEmpty()) return;

    Rectangle rect   = textArea.getBounds();
    Dimension sbSize = scrollbar.getSize();
    Insets sbInsets  = scrollbar.getInsets();
    double sy=(sbSize.height-sbInsets.top-sbInsets.bottom)/rect.getHeight();
    AffineTransform at = AffineTransform.getScaleInstance(1.0, sy);
    g.setColor(Color.RED);
    try{
      for(Integer pos: poslist) {
        Rectangle r = textArea.modelToView(pos);
        Rectangle s = at.createTransformedShape(r).getBounds();
        int h = 2; //Math.max(2, s.height-2);
        g.fillRect(x, y+sbInsets.top+s.y, getIconWidth(), h);
      }

      //paint Thumb rectangle
      JViewport vport = scroll.getViewport();
      Rectangle vrect = c.getBounds();
      vrect.y = vport.getViewPosition().y;
      g.setColor(THUMB_COLOR);
      Rectangle rr = at.createTransformedShape(vrect).getBounds();
      g.fillRect(x, y+sbInsets.top+rr.y, getIconWidth(), rr.height);
    }catch(BadLocationException e) {
      e.printStackTrace();
    }
  }
  @Override public int getIconWidth() {
    return 4;
  }
  @Override public int getIconHeight() {
    return scrollbar.getHeight();
  }
}));

scroll.setVerticalScrollBar(scrollbar);
JViewport vp = new JViewport();
vp.setView(label);
scroll.setRowHeader(vp);
add(scroll);

JScrollBarに検索結果をハイライト表示

サンプルコード

解説

コメント