如何设置JPanel的透明背景？

Question

JPanels 背景可以设置为透明吗？

我的框架有两个JPanels：

• 图像面板和
• 功能面板。

Feature Panel 与 Image Panel 重叠。 图像面板 作为背景工作，它从远程 URL 加载图像。

在功能面板上我想绘制形状。由于 Feature Panel 的 背景颜色，现在无法看到 Image Panel。

我需要使 Feature Panel 背景透明，同时仍然绘制其形状，并且我希望 Image Panel 可见（因为它正在执行图像的平铺和缓存功能） .

我使用了两个JPanel，因为我需要将图像和形状图分开。

有没有办法让重叠的 Jpanel 具有透明背景？

Answer 1

在上面的JPanel 上调用setOpaque(false) 应该可以工作。

从您的评论看来，Swing 绘画可能在某处损坏 -

首先 - 您可能想在您覆盖 paint() 的任何组件中覆盖 paintComponent() 而不是 paint()。

第二 - 当你覆盖 paintComponent() 时，你首先要调用 super.paintComponent() 来执行所有默认的 Swing 绘制工作（其中尊重 setOpaque() 是其中之一）。

例子-

import java.awt.Color;
import java.awt.Graphics;

import javax.swing.JFrame;
import javax.swing.JPanel;


public class TwoPanels {
    public static void main(String[] args) {

        JPanel p = new JPanel();
        // setting layout to null so we can make panels overlap
        p.setLayout(null);

        CirclePanel topPanel = new CirclePanel();
        // drawing should be in blue
        topPanel.setForeground(Color.blue);
        // background should be black, except it's not opaque, so 
        // background will not be drawn
        topPanel.setBackground(Color.black);
        // set opaque to false - background not drawn
        topPanel.setOpaque(false);
        topPanel.setBounds(50, 50, 100, 100);
        // add topPanel - components paint in order added, 
        // so add topPanel first
        p.add(topPanel);

        CirclePanel bottomPanel = new CirclePanel();
        // drawing in green
        bottomPanel.setForeground(Color.green);
        // background in cyan
        bottomPanel.setBackground(Color.cyan);
        // and it will show this time, because opaque is true
        bottomPanel.setOpaque(true);
        bottomPanel.setBounds(30, 30, 100, 100);
        // add bottomPanel last...
        p.add(bottomPanel);

        // frame handling code...
        JFrame f = new JFrame("Two Panels");
        f.setContentPane(p);
        f.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        f.setSize(300, 300);
        f.setLocationRelativeTo(null);
        f.setVisible(true);
    }

    // Panel with a circle drawn on it.
    private static class CirclePanel extends JPanel {

        // This is Swing, so override paint*Component* - not paint
        protected void paintComponent(Graphics g) {
            // call super.paintComponent to get default Swing 
            // painting behavior (opaque honored, etc.)
            super.paintComponent(g);
            int x = 10;
            int y = 10;
            int width = getWidth() - 20;
            int height = getHeight() - 20;
            g.drawArc(x, y, width, height, 0, 360);
        }
    }
}

Answer 2

或者，考虑The Glass Pane，在文章How to Use Root Panes 中讨论。您可以在玻璃窗格的 paintComponent() 方法中绘制您的“功能”内容。

附录：使用GlassPaneDemo，我添加了一张图片：

//Set up the content pane, where the "main GUI" lives.
frame.add(changeButton, BorderLayout.SOUTH);
frame.add(new JLabel(new ImageIcon("img.jpg")), BorderLayout.CENTER);

并更改了玻璃窗格的paintComponent() 方法：

protected void paintComponent(Graphics g) {
    if (point != null) {
        Graphics2D g2d = (Graphics2D) g;
        g2d.setRenderingHint(
            RenderingHints.KEY_ANTIALIASING,
            RenderingHints.VALUE_ANTIALIAS_ON);
        g2d.setComposite(AlphaComposite.getInstance(
            AlphaComposite.SRC_OVER, 0.3f));
        g2d.setColor(Color.yellow);
        g2d.fillOval(point.x, point.y, 120, 60);
    }
}

如 here 所述，Swing 组件必须遵守 opaque property；在这个变体中，ImageIcon 完全填充了框架默认布局的BorderLayout.CENTER。

Answer 3

在我的特殊情况下，这样做更容易：

 panel.setOpaque(true);
 panel.setBackground(new Color(0,0,0,0,)): // any color with alpha 0 (in this case the color is black

Answer 4

(Feature Panel).setOpaque(false);

希望这会有所帮助。

Answer 5

要设置透明，您可以将面板的不透明设置为 false 之类的

   JPanel panel = new JPanel();
   panel.setOpaque(false);

但要使其具有透明感，请使用 color 属性的 alpha 属性，例如

   JPanel panel = new JPanel();
   panel.setBackground(new Color(0,0,0,125));

Color 的最后一个参数用于 alpha，alpha 值范围在 0 到 255 之间，其中 0 表示完全透明，255 表示完全不透明

Answer 6

 public void paintComponent (Graphics g)
    { 
((Graphics2D) g).setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER,0.0f)); // draw transparent background
     super.paintComponent(g);
    ((Graphics2D) g).setComposite(AlphaComposite.getInstance(AlphaComposite.SRC_OVER,1.0f)); // turn on opacity
    g.setColor(Color.RED);
    g.fillRect(20, 20, 500, 300);
     } 

我试过这样，但是很闪

Answer 7

正如Thrasgod 在他的回答中正确显示的那样，最好的方法是使用paintComponent，但如果情况是有一个半透明的JPanel（或任何其他组件，真的）并且内部有一些不透明的东西。您还必须覆盖 paintChildren 方法并将 alfa 值设置为 1。 就我而言，我像这样扩展了 JPanel：

public class TransparentJPanel extends JPanel {

private float panelAlfa;
private float childrenAlfa;

public TransparentJPanel(float panelAlfa, float childrenAlfa) {
    this.panelAlfa = panelAlfa;
    this.childrenAlfa = childrenAlfa;
}

@Override
public void paintComponent(Graphics g) {
    Graphics2D g2d = (Graphics2D) g;
    g2d.setColor(getBackground());
    g2d.setRenderingHint(
            RenderingHints.KEY_ANTIALIASING,
            RenderingHints.VALUE_ANTIALIAS_ON);
    g2d.setComposite(AlphaComposite.getInstance(
            AlphaComposite.SRC_OVER, panelAlfa));
    super.paintComponent(g2d);

}

@Override
protected void paintChildren(Graphics g) {
    Graphics2D g2d = (Graphics2D) g;
    g2d.setColor(getBackground());
    g2d.setRenderingHint(
            RenderingHints.KEY_ANTIALIASING,
            RenderingHints.VALUE_ANTIALIAS_ON);
    g2d.setComposite(AlphaComposite.getInstance(
            AlphaComposite.SRC_ATOP, childrenAlfa));
  
    super.paintChildren(g); 
}
 //getter and setter
}

在我的项目中，如果我只希望 Jpanel 透明，我只需要实例化 Jpanel jp = new TransparentJPanel(0.3f, 1.0f);。 您也可以使用g2d.fillRoundRect 和g2d.drawRoundRect 来弄乱 JPanel 形状，但这不在此问题的范围内。