如何将JScrollbar的Thumb更改为自定义图像

Question

假设我在Image()中有一个大小合适的图像我想将JScrollBar组件的Thumb或Knob更改为此图像。

我知道我需要对ScrollBarUI 进行子类化

这就是我现在的处境。

public class aScrollBar extends JScrollBar {
    public aScrollBar(Image img) {
        super();
        this.setUI(new ScrollBarCustomUI(img));
    }
    public class ScrollBarCustomUI extends BasicScrollBarUI {
        private final Image image;
        public ScrollBarCustomUI(Image img) {
            this.image = img;
        }
        @Override
        protected void paintThumb(Graphics g, JComponent c, Rectangle thumbBounds) {
            Graphics2D g2g = (Graphics2D) g;
            g2g.dispose();
            g2g.drawImage(image, 0, 0, null);
            super.paintThumb(g2g, c, thumbBounds);
        }
        @Override
        protected void paintTrack(Graphics g, JComponent c, Rectangle trackBounds) {
            super.paintTrack(g, c, trackBounds);
        }

        @Override
        protected void setThumbBounds(int x, int y, int width, int height) {
            super.setThumbBounds(0, 0, 0, 0);
        }

        @Override
        protected Dimension getMinimumThumbSize() {
            return new Dimension(0, 0);
        }
        @Override
        protected Dimension getMaximumThumbSize() {
            return new Dimension(0, 0);
        }
    }
}

现在我看不到任何拇指，只有当我试图点击滚动条时的轨迹。

我查看了这篇文章，看到有人推荐你读这篇文章但他没有提到图片，所以这就是我想到的。

希望有人能帮我，谢谢！

Answer 1

问题是：

g2g.drawImage(image, 0, 0, null);

您必须使用当前拇指位置作为绘图起点。我认为它一定是thumbRect.x和thumbRect.y，所以：

g2g.drawImage(image, thumbRect.x, thumbRect.y, null); should work.

此外，我不确定您是否调用了paintThumb中的super方法。那条线不会覆盖你定制的东西吗？

并且：处置的调用应该被忽略。

Answer 2

为什么要调用g2g.dispose()？它破坏了图形对象，所以它不能绘制拇指。尝试删除paintThumb方法中的此调用。以下是绘制自定义拇指的示例：

@Override
    protected void paintThumb(Graphics g, JComponent c, Rectangle thumbBounds) {
        if (thumbBounds.isEmpty() || !scrollbar.isEnabled()) {
            return;
        }
        g.translate(thumbBounds.x, thumbBounds.y);
        g.drawRect(0, 0, thumbBounds.width - 2, thumbBounds.height - 1);
        AffineTransform transform = AffineTransform.getScaleInstance((double) thumbBounds.width
                / thumbImg.getWidth(null), (double) thumbBounds.height / thumbImg.getHeight(null));
        ((Graphics2D) g).drawImage(thumbImg, transform, null);
        g.translate(-thumbBounds.x, -thumbBounds.y);
    }