JScrollPaneからあふれるJListのアイテムをフェイドアウト表示する

Total: 6, Today: 6, Yesterday: 0
Posted by at
Last-modified:

Summary

JScrollPaneの上下からあふれるJListのリストアイテムが存在する場合、それをフェイドアウト効果で表示するよう設定します。

Screenshot

screenshot

Download

Source Code Examples

class FadeScrollLayerUI extends LayerUI<JScrollPane> {
  public static final int OVERFLOW = 32;

  @Override public void paint(Graphics g, JComponent c) {
    super.paint(g, c);
    Graphics2D g2 = (Graphics2D) g.create();
    g2.setRenderingHint(
        RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
    g2.setPaint(new Color(0x12_FF_FF_FF, true));
    if (c instanceof JLayer) {
      JScrollPane scroll = (JScrollPane) ((JLayer<?>) c).getView();
      Rectangle r = scroll.getViewportBorderBounds();
      BoundedRangeModel m = scroll.getVerticalScrollBar().getModel();
      g2.setClip(r);
      if (m.getMinimum() < m.getValue()) {
        for (int i = OVERFLOW; i > 0; i--) {
          g2.fillRect(0, r.y - i, r.width, OVERFLOW - i);
        }
      }
      if (m.getValue() + m.getExtent() < m.getMaximum()) {
        g2.translate(r.x, r.y + r.height - OVERFLOW);
        for (int i = 0; i < OVERFLOW; i++) {
          g2.fillRect(0, i, r.width, OVERFLOW - i);
        }
      }
    }
    g2.dispose();
  }
}
View in GitHub: Java, Kotlin

Description

  • JScrollPaneにJLayerを設定
    • JLayer#paint(...)をオーバーライドし、JListの上下辺付近のあふれを半透明白色で上書きしてフェードアウト効果を描画している
    • 背景が白色以外のJListやダークモードなどには未対応
  • JListではなくJTableなどでもフェードスクロール可能だが、上辺にJTableHeaderが配置されることを考慮していないので、行ではなくヘッダがフェードアウトしてしまう
    • 上辺のフェードアウト効果を描画する前にg2.setClip(scroll.getViewportBorderBounds());で描画領域を制限することで回避可能

Reference

Comment