Champ de texte semi-transparent

Question

Comment rendre un JTextField semi-transparent ? J'ai besoin d'environ 50 % d'alpha pour l'arrière-plan du champ de texte.

J'ai essayé textField.setOpaque(false) puis textField.setBackground(new Color(0,0,0,128)) mais il a fini par être complètement transparent. J'ai également essayé sans mettre opaque à false et le textField devient moins transparent à chaque fois que vous tapez.

Answer 1

À un moment donné dans la chaîne de peinture, vous devez prendre le contrôle.

La méthode la plus simple consiste à remplacer la fonction paint et ajustez le composite graphique pour obtenir la transparence souhaitée.

Cela s'accompagne de quelques problèmes supplémentaires. Le champ de texte DOIT être transparent (opaque == false), sinon vous finirez par produire des artefacts de repeinture. Vous devrez également remplir l'arrière-plan du champ manuellement, car le fait de définir le champ comme transparent l'empêche de peindre son propre arrière-plan...

import java.awt.AlphaComposite;
import java.awt.BorderLayout;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.GridBagLayout;
import java.awt.image.BufferedImage;
import java.io.File;
import java.io.IOException;
import javax.imageio.ImageIO;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextField;
import javax.swing.UIManager;
import javax.swing.UnsupportedLookAndFeelException;

public class TestTransparentTextField {

    public static void main(String[] args) {
        new TestTransparentTextField();
    }

    public TestTransparentTextField() {
        EventQueue.invokeLater(new Runnable() {
            @Override
            public void run() {
                try {
                    UIManager.setLookAndFeel(UIManager.getSystemLookAndFeelClassName());
                } catch (ClassNotFoundException | InstantiationException | IllegalAccessException | UnsupportedLookAndFeelException ex) {
                }

                JFrame frame = new JFrame("Testing");
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
                frame.setLayout(new BorderLayout());
                frame.add(new TestPane());
                frame.pack();
                frame.setLocationRelativeTo(null);
                frame.setVisible(true);
            }
        });
    }

    public class TestPane extends JPanel {

        private BufferedImage background;

        public TestPane() {
            setLayout(new GridBagLayout());
            add(new TransparentTextField("Look ma, no opacity!", 20));
            try {
                background = ImageIO.read(new File("/get/your/own/image"));
            } catch (IOException ex) {
                ex.printStackTrace();
            }
        }

        @Override
        public Dimension getPreferredSize() {
            return new Dimension(200, 200);
        }

        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            if (background != null) {
                Graphics2D g2d = (Graphics2D) g.create();
                int x = (getWidth() - background.getWidth()) / 2;
                int y = (getHeight()- background.getHeight()) / 2;
                g2d.drawImage(background, x, y, this);
                g2d.dispose();
            }
        }
    }

    public class TransparentTextField extends JTextField {

        public TransparentTextField(String text) {
            super(text);
            init();
        }

        public TransparentTextField(int columns) {
            super(columns);
            init();
        }

        public TransparentTextField(String text, int columns) {
            super(text, columns);
            init();
        }

        protected void init() {
            setOpaque(false);
        }

        @Override
        public void paint(Graphics g) {
            Graphics2D g2d = (Graphics2D) g.create();
            g2d.setComposite(AlphaComposite.SrcOver.derive(0.5f));
            super.paint(g2d);
            g2d.dispose();
        }

        @Override
        protected void paintComponent(Graphics g) {
            Graphics2D g2d = (Graphics2D) g.create();
            g2d.setColor(getBackground());
            g2d.fillRect(0, 0, getWidth(), getHeight());
            super.paintComponent(g2d);
            g2d.dispose();
        }

    }
}

Answer 2

J'ai également essayé sans mettre opaque à false et le textField devient moins transparent à chaque fois que vous tapez.

Voir Arrière-plan avec transparence pour une explication du pourquoi de ce phénomène et une solution.