• 追加された行はこの色です。
  • 削除された行はこの色です。
TITLE:JTextAreaに行番号を表示
#navi(../)
*JTextAreaに行番号を表示 [#l3a54503]
>編集者:[[Terai Atsuhiro>terai]]~
作成日:2006-02-20~
更新日:&lastmod;
---
category: swing
folder: LineNumber
title: JTextAreaに行番号を表示
tags: [JTextArea, FontMetrics, JScrollPane]
author: aterai
pubdate: 2006-02-20T20:26:20+09:00
description: JTextAreaの行番号を表示するコンポーネントを作成し、これを対象となるJTextAreaと同じJScrollPaneのRowHeaderViewに設定します。
image: https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTPV_bkDWI/AAAAAAAAAd0/Jktuzx5j5gU/s800/LineNumber.png
---
* 概要 [#summary]
`JTextArea`の行番号を表示するコンポーネントを作成し、これを対象となる`JTextArea`と同じ`JScrollPane`の`RowHeaderView`に設定します。

#contents
#download(https://lh4.googleusercontent.com/_9Z4BYR88imo/TQTPV_bkDWI/AAAAAAAAAd0/Jktuzx5j5gU/s800/LineNumber.png)

**概要 [#r4312460]
JTextAreaに行番号を表示します。

#screenshot

**サンプルコード [#caf6edeb]
#code{{
* サンプルコード [#sourcecode]
#code(link){{
class LineNumberView extends JComponent {
  private static final int MARGIN = 5;
  private final JTextArea text;
  private final JTextArea textArea;
  private final FontMetrics fontMetrics;
  private final int topInset;
  // private final int topInset;
  private final int fontAscent;
  private final int fontHeight;
  private final int fontDescent;
  private final int fontLeading;

  public LineNumberView(JTextArea textArea) {
    text        = textArea;
    fontMetrics = getFontMetrics(text.getFont());
    fontHeight  = fontMetrics.getHeight();
    fontAscent  = fontMetrics.getAscent();
    topInset    = text.getInsets().top;
    text.getDocument().addDocumentListener(new DocumentListener() {
      public void insertUpdate(DocumentEvent e) {
    this.textArea = textArea;
    Font font = textArea.getFont();
    fontMetrics = getFontMetrics(font);
    fontHeight = fontMetrics.getHeight();
    fontAscent = fontMetrics.getAscent();
    fontDescent = fontMetrics.getDescent();
    fontLeading = fontMetrics.getLeading();
    // topInset = textArea.getInsets().top;

    textArea.getDocument().addDocumentListener(new DocumentListener() {
      @Override public void insertUpdate(DocumentEvent e) {
        repaint();
      }
      public void removeUpdate(DocumentEvent e) {

      @Override public void removeUpdate(DocumentEvent e) {
        repaint();
      }
      public void changedUpdate(DocumentEvent e) {}

      @Override public void changedUpdate(DocumentEvent e) {
        // repaint();
      }
    });
    text.addComponentListener(new ComponentAdapter() {
      public void componentResized(ComponentEvent e) {
    textArea.addComponentListener(new ComponentAdapter() {
      @Override public void componentResized(ComponentEvent e) {
        revalidate();
        repaint();
      }
    });
    setBorder(BorderFactory.createMatteBorder(0, 0, 0, 1, Color.GRAY));
    Insets i = textArea.getInsets();
    setBorder(BorderFactory.createCompoundBorder(
      BorderFactory.createMatteBorder(0, 0, 0, 1, Color.GRAY),
      BorderFactory.createEmptyBorder(i.top, MARGIN, i.bottom, MARGIN - 1)));
    setOpaque(true);
    setBackground(Color.WHITE);
    setFont(font);
  }

  private int getComponentWidth() {
    Document doc  = text.getDocument();
    Element root  = doc.getDefaultRootElement();
    Document doc = textArea.getDocument();
    Element root = doc.getDefaultRootElement();
    int lineCount = root.getElementIndex(doc.getLength());
    int maxDigits = Math.max(3, String.valueOf(lineCount).length());
    return maxDigits*fontMetrics.stringWidth("0")+MARGIN*2;
    Insets i = getInsets();
    return maxDigits * fontMetrics.stringWidth("0") + i.left + i.right;
    // return 48;
  }

  private int getLineAtPoint(int y) {
    Element root = text.getDocument().getDefaultRootElement();
    int pos = text.viewToModel(new Point(0, y));
    Element root = textArea.getDocument().getDefaultRootElement();
    int pos = textArea.viewToModel(new Point(0, y));
    return root.getElementIndex(pos);
  }
  @Override
  public Dimension getPreferredSize() {
    return new Dimension(getComponentWidth(), text.getHeight());

  @Override public Dimension getPreferredSize() {
    return new Dimension(getComponentWidth(), textArea.getHeight());
  }
  @Override
  public void paintComponent(Graphics g) {

  @Override protected void paintComponent(Graphics g) {
    g.setColor(getBackground());
    Rectangle clip = g.getClipBounds();
    g.setColor(getBackground());
    g.fillRect(clip.x, clip.y, clip.width, clip.height);

    g.setColor(getForeground());
    int base  = clip.y - topInset;
    int base = clip.y;
    int start = getLineAtPoint(base);
    int end   = getLineAtPoint(base+clip.height);
    int y = topInset-fontHeight+fontAscent+start*fontHeight;
    for(int i=start;i<=end;i++) {
      String text = String.valueOf(i+1);
      int x = getComponentWidth()-MARGIN-fontMetrics.stringWidth(text);
      y = y + fontHeight;
    int end = getLineAtPoint(base + clip.height);
    int y = start * fontHeight;
    int rmg = getInsets().right;
    for (int i = start; i <= end; i++) {
      String text = String.valueOf(i + 1);
      int x = getComponentWidth() - rmg - fontMetrics.stringWidth(text);
      y += fontAscent;
      g.drawString(text, x, y);
      y += fontDescent + fontLeading;
    }
  }
}
}}
-&jnlp;
-&jar;
-&zip;

**解説 [#mcee74d1]
[[Line Number in JTextPane>http://forum.java.sun.com/thread.jspa?threadID=585673]]を参考にして、JTextAreaに行番号を表示しています。
* 解説 [#explanation]
[https://community.oracle.com/thread/1479759 Swing (Archive) - Advice for editor gutter implementation...]を参考にして、`JTextArea`に行番号を表示しています。

上記のサンプルで使用するJTextAreaは、使用するフォントや余白などは変更不可で、各行の高さは最後まで一定であると想定しています。
上記のサンプルで使用する`JTextArea`は、使用するフォントや余白などは変更不可で各行の高さはすべて同一で不変と想定しています。

**参考リンク [#qeacb6f7]
-[[Line Number in JTextPane>http://forum.java.sun.com/thread.jspa?threadID=585673]]
-[[line number in jtextpane>http://forum.java.sun.com/thread.jspa?threadID=422802]]
----
- `JTextPane`での行番号表示
-- 折り返しても表示は前の行を継続
--- [https://community.oracle.com/thread/1369109 Swing - Line Number in JTextPane]の`LineNumberView`(@author Alan Moore)
--- `JTextPane`で各行の高さが異なる場合の行番号表示サンプル
-- 折り返された行にも行番号を表示
--- [https://community.oracle.com/thread/1493292 Swing - line number in jtextpane]
--- `EditorKit`を使って行番号を表示し、`JTextPane`で折り返された行でも表示に従って行番号を割り当てる

**コメント [#eb1fb225]
- すごいね!私はこのような資料を探しています、どうも ありがとうございます。 -- [[CK]] &new{2007-04-21 (Sat) 18:29:31};
-- どういたしまして。 -- [[terai]] &new{2007-04-23 (月) 09:47:47};
* 参考リンク [#reference]
- [https://community.oracle.com/thread/1479759 Swing (Archive) - Advice for editor gutter implementation...]
- [https://community.oracle.com/thread/1369109 Swing - Line Number in JTextPane]
- [https://community.oracle.com/thread/1493292 Swing - line number in jtextpane]

* コメント [#comment]
#comment
- すごいね!私はこのような資料を探しています、どうも ありがとうございます。 -- &user(CK); &new{2007-04-21 (Sat) 18:29:31};
-- どういたしまして。 -- &user(aterai); &new{2007-04-23 (月) 09:47:47};
- こちらのソースは非常に参考になります。現在趣味でエディタを作成しているのですが、`JTextPane`の`Document`を`JTextArea`に与えてカーソル位置を取得しています。`JTextPane`で行番号、列番号を正確に取得できないものでしょうか? -- &user(shusen); &new{2007-11-09 (金) 10:22:30};
- どうもです。`JTextPane`だと、デフォルトの行の折り返しをどう扱うかで、行番号の表示が異なります。 -- &user(aterai); &new{2007-11-09 (金) 14:52:40};
-- リンクなどを本文に移動。 -- &user(aterai); &new{2016-05-28 (土) 18:18:10};
- ご返答ありがとうございます。現在はこちらにある折り返し抑制のソースを利用させていただいているので、`EditorKit`を利用する分を試してみたいと思います。 -- &user(shusen); &new{2007-11-09 (金) 19:16:05};
- `EditorKit`を利用した分をコピペして、とりあえずそのままコンパイル・実行してみました。ここでおかしいことがありまして、コマンドプロンプトから起動すると文字が挿入された行のみ行番号が表示されるのですが、自作エディタから`ProcessBuilder`と`Process`で`"java Test"`となるように呼び出すと、未入力の行も含めて全ての行番号が表示されます。コレはプロンプトの実効環境がおかしいのでしょうか? -- &user(shusen); &new{2007-11-14 (水) 17:20:54};
- すみません、自己解決しました(たぶん)。ランタイムの問題で、`jre1.6.0_01`以下だと上記の状態になりました。`jre1.6.0_02`と`jre1.6.0_03`ではちゃんと表示されました。 -- &user(shusen); &new{2007-11-14 (水) 17:31:45};
-- 情報ありがとうございます。直接は関係のない話ですが、バージョンかぁと何気にダウンロードサイトに行ったら、 %%サーバー落ちてるっぽいですねorz%% あとで見たらダウンロードのページがすこし変更されているみたいなので、単に更新中だっただけ?みたいです。 -- &user(aterai); &new{2007-11-14 (水) 18:43:29};
- ありがとう。参考になりました。 -- &user(ミルコ・マグカップ); &new{2013-08-08 (木) 16:38:51};
- ところで、これって`JTextArea`とフォントを同じにしないと`getComponentWidth()`で適切な幅が得られないと思います。 -- &user(ミルコ・マグカップ); &new{2013-08-08 (木) 16:40:32};
- `getComponentWidth()`は`JTextArea`のフォントを基に幅を算出しているけど、実際に描画されるフォントはデフォルトのフォントだから -- &user(ミルコ・マグカップ); &new{2013-08-08 (木) 16:44:11};
-- こんばんは。「`JTextArea`のフォントの幅...」は、確かにそうですね。この幅は行番号の表示幅とその右寄せにしか使ってないので、いっそ固定にしてもいいかもしれません。 -- &user(aterai); &new{2013-08-08 (木) 22:24:41};
-- `LineNumberView`に`setFont`で同じフォントを使用するように修正しました(ミルコさん、ありがとうございました)。ついでに`JTextArea`のフォントより`RowHeaderView`(行番号表示用)のフォントサイズがすこし小さい場合などでも問題ないように、ベースラインを真面目に揃えて描画するよう修正しました。 -- &user(aterai); &new{2013-08-09 (金) 12:59:25};

#comment