如何实现半透明的JButton？是否支持添加背景图片及模糊效果？

Swing默认的JButton没有直接提供半透明、自定义背景图、模糊的配置项，你可以通过重写绘制逻辑实现需求，以下是分步实现方式：

1. 基础半透明效果实现 #

首先需要关闭JButton默认的填充、边框绘制逻辑，再通过AlphaComposite控制绘制透明度：

• 调用setOpaque(false)关闭组件默认不透明填充
• 调用setContentAreaFilled(false)关闭按钮内容区域默认绘制
• 调用setBorderPainted(false)关闭默认边框绘制
• 重写paintComponent方法，使用带透明度的复合规则绘制按钮内容

示例代码片段：

@Override
protected void paintComponent(Graphics g) {
    Graphics2D g2d = (Graphics2D) g.create();
    // 设置透明度，0f为完全透明，1f为完全不透明，0.3f就是轻微透视的半透明效果
    g2d.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER, 0.3f));
    // 绘制按钮背景、内容等
    super.paintComponent(g2d);
    g2d.dispose();
}

2. 添加背景图片 #

在绘制默认内容前，先把背景图缩放适配按钮尺寸绘制到组件区域即可：

@Override
protected void paintComponent(Graphics g) {
    Graphics2D g2d = (Graphics2D) g.create();
    g2d.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER, 0.3f));
    // 绘制背景图，btnBg是提前加载的BufferedImage背景图对象
    g2d.drawImage(btnBg, 0, 0, getWidth(), getHeight(), this);
    super.paintComponent(g2d);
    g2d.dispose();
}

3. 背景模糊效果实现 #

如果需要实现按钮区域底层内容的模糊透视效果，可以用ConvolveOp实现高斯模糊：

• 每次重绘时截取按钮对应区域的父组件内容
• 用高斯模糊算子处理截取的内容
• 把处理后的模糊内容绘制到按钮区域，再叠加按钮自身的背景、文字等内容

高斯模糊实现示例：

// 高斯模糊算子，kernel数值越大模糊程度越高
private static final ConvolveOp BLUR_OP = new ConvolveOp(new Kernel(3, 3, new float[] {
    1f/9, 1f/9, 1f/9,
    1f/9, 1f/9, 1f/9,
    1f/9, 1f/9, 1f/9
}), ConvolveOp.EDGE_NO_OP, null);

@Override
protected void paintComponent(Graphics g) {
    // 先获取父组件对应区域的截图
    Point loc = getLocationOnScreen();
    Point parentLoc = getParent().getLocationOnScreen();
    Rectangle captureRect = new Rectangle(loc.x - parentLoc.x, loc.y - parentLoc.y, getWidth(), getHeight());
    BufferedImage capture = new BufferedImage(getParent().getWidth(), getParent().getHeight(), BufferedImage.TYPE_INT_ARGB);
    getParent().paint(capture.getGraphics());
    BufferedImage blurred = BLUR_OP.filter(capture.getSubimage(captureRect.x, captureRect.y, captureRect.width, captureRect.height), null);
    
    Graphics2D g2d = (Graphics2D) g.create();
    // 绘制模糊背景
    g2d.drawImage(blurred, 0, 0, this);
    // 叠加半透明背景图
    g2d.setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER, 0.3f));
    g2d.drawImage(btnBg, 0, 0, getWidth(), getHeight(), this);
    super.paintComponent(g2d);
    g2d.dispose();
}

注意事项 #

• 如果不需要实时跟随底层内容变化的模糊效果，可以提前处理好背景模糊图直接绘制，能大幅提升性能
• 按钮交互状态（按下、悬停）可以通过修改透明度、模糊程度实现状态区分
• 高DPI屏幕下截图要注意缩放适配，避免模糊区域错位

内容的提问来源于stack exchange，提问作者AeciaI