Question

我想制作一个圆角矩形JTextField。我写了一个AbstractBorder的子类来实现它。但是我遇到了一些问题。我的要求是： enter image description here

我得到的是：

enter image description here

我的代码是：

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Component;
import java.awt.Font;
import java.awt.Graphics;
import java.awt.Insets;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;

import javax.swing.BorderFactory;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextField;
import javax.swing.border.AbstractBorder;
import javax.swing.border.EmptyBorder;


public class JTextFieldTest {
    JTextField textField;
    boolean activate = false;

    public void createUI(){
        JFrame frame = new JFrame("Test JTextField");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setResizable(true);

        MainPanel mainPanel = new MainPanel();
        frame.add(mainPanel,BorderLayout.CENTER);

        frame.pack();
        frame.setLocationRelativeTo(null);
        frame.setVisible(true);
    }

    public static void main(String[] args) {
        JTextFieldTest jTextFieldTest = new JTextFieldTest();
        jTextFieldTest.createUI();
    }

    @SuppressWarnings("serial")
    class MainPanel extends JPanel{
        public MainPanel(){

            textField = new JTextField("Please input:");
            Font fieldFont = new Font("Arial", Font.PLAIN, 20);
            textField.setFont(fieldFont);
            textField.setBackground(Color.white);
            textField.setForeground(Color.gray.brighter());

            textField.setColumns(30);
            textField.setBorder(BorderFactory.createCompoundBorder(new CustomeBorder(), 
new EmptyBorder(new Insets(10, 20, 10, 20))));
            textField.addActionListener(new FieldListener());
            textField.addMouseListener(new FieldMouseListener());

            add(textField,BorderLayout.CENTER);
            setBackground(Color.blue);
            setBorder(BorderFactory.createEmptyBorder(10, 10, 10, 10));
        }
    }

    @SuppressWarnings("serial")
    class CustomeBorder extends AbstractBorder{
        @Override
        public void paintBorder(Component c, Graphics g, int x, int y,
                int width, int height) {
            // TODO Auto-generated method stub
            super.paintBorder(c, g, x, y, width, height);
            g.setColor(Color.black);
            g.drawRoundRect(x, y, width, height, 20, 20);
        }

    }

    class FieldListener implements ActionListener{

        @Override
        public void actionPerformed(ActionEvent e) {
            // TODO Auto-generated method stub
            System.out.println(textField.getText());
        }

    }

    class FieldMouseListener implements MouseListener{
        @Override
        public void mouseClicked(MouseEvent e) {
            // TODO Auto-generated method stub
            if(activate == false){
                textField.setText("");
            }
            activate = true;
            textField.setForeground(Color.black);


        }

        @Override
        public void mousePressed(MouseEvent e) {
            // TODO Auto-generated method stub

        }

        @Override
        public void mouseReleased(MouseEvent e) {
            // TODO Auto-generated method stub

        }

        @Override
        public void mouseEntered(MouseEvent e) {
            // TODO Auto-generated method stub

        }

        @Override
        public void mouseExited(MouseEvent e) {
            // TODO Auto-generated method stub

        }
    }
}

我可以通过

获得另一种效果

textField.setOpaque（假）;

g.setColor（Color.white）;   g.drawRoundRect（x，y，width - 1，height - 1,20,20）;

另一个影响是： enter image description here

总之，我能做些什么来实现我的要求？

@Arijit，这是您的解决方案在我的计算机上运行时的效果。 enter image description here

Answer 1

使用TextBubbleBorder。

enter image description here

import java.awt.*;
import java.awt.geom.*;
import javax.swing.*;
import javax.swing.border.AbstractBorder;

class TextBubbleBorder extends AbstractBorder {

    private Color color;
    private int thickness = 4;
    private int radii = 8;
    private int pointerSize = 7;
    private Insets insets = null;
    private BasicStroke stroke = null;
    private int strokePad;
    private int pointerPad = 4;
    RenderingHints hints;

    TextBubbleBorder(
        Color color) {
            this(color, 4, 8, 7);
    }

    TextBubbleBorder(
        Color color, int thickness, int radii, int pointerSize) {
            this.thickness = thickness;
            this.radii = radii;
            this.pointerSize = pointerSize;
        this.color = color;

        stroke = new BasicStroke(thickness);
        strokePad = thickness/2;

        hints = new RenderingHints(
            RenderingHints.KEY_ANTIALIASING,
            RenderingHints.VALUE_ANTIALIAS_ON);

        int pad = radii + strokePad;
        int bottomPad = pad + pointerSize + strokePad;
        insets = new Insets(pad,pad,bottomPad,pad);
    }

    @Override
    public Insets getBorderInsets(Component c) {
        return insets;
    }

    @Override
    public Insets getBorderInsets(Component c, Insets insets) {
        return getBorderInsets(c);
    }

    @Override
    public void paintBorder(
        Component c,
        Graphics g,
        int x, int y,
        int width, int height) {

        Graphics2D g2 = (Graphics2D)g;

        int bottomLineY = height-thickness-pointerSize;

        RoundRectangle2D.Double bubble = new RoundRectangle2D.Double(
            0+strokePad,
            0+strokePad,
            width-thickness,
            bottomLineY,
            radii,
            radii
            );

        Polygon pointer = new Polygon();

        // left point
        pointer.addPoint(
            strokePad+radii+pointerPad,
            bottomLineY);
        // right point
        pointer.addPoint(
            strokePad+radii+pointerPad+pointerSize,
            bottomLineY);
        // bottom point
        pointer.addPoint(
            strokePad+radii+pointerPad+(pointerSize/2),
            height-strokePad);

        Area area = new Area(bubble);
        area.add(new Area(pointer));

        g2.setRenderingHints(hints);

        Area spareSpace = new Area(new Rectangle(0,0,width,height));
        spareSpace.subtract(area);
        g2.setClip(spareSpace);
        g2.clearRect(0,0,width,height);
        g2.setClip(null);

        g2.setColor(color);
        g2.setStroke(stroke);
        g2.draw(area);
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(new Runnable() {
            public void run() {
                JTextField o = new JTextField(
                    "The quick brown fox jumps over the lazy dog!");

                o.setBorder(new TextBubbleBorder(Color.MAGENTA.darker(),2,4,0));
                JOptionPane.showMessageDialog(null, o);
            }
        });
    }
}

Answer 2

我有一个解决方案，我不需要使用

textField.setOpaque（假）;

我只是使用以下代码填充空间。

@SuppressWarnings("serial")
class CustomeBorder extends AbstractBorder{
    @Override
    public void paintBorder(Component c, Graphics g, int x, int y,
            int width, int height) {
        // TODO Auto-generated method stubs
        super.paintBorder(c, g, x, y, width, height);
        Graphics2D g2d = (Graphics2D)g;
        g2d.setStroke(new BasicStroke(10));
        g2d.setColor(new Color(68,184,224));
        g2d.drawRoundRect(x, y, width - 1, height - 1, 20, 20);
    }   
}

您应该根据您的JTextField调整BasicStroke的宽度。最终结果是： enter image description here

Answer 3

enter image description here

使用此：

JTextField Mytxtfield = new JTextField()
        {protected void paintComponent( Graphics g ) 
            {
                if ( !isOpaque( ) )
                {
                    super.paintComponent( g );
                    return;
                }

                Graphics2D g2d = (Graphics2D)g;

                GradientPaint gp = new GradientPaint(
                    0, 0, color1,
                    0, 20, color2);

                g2d.setPaint( gp );
               // g2d.fillRect( 0, 0, w, h );
                g2d.fillRoundRect(0, 0, getWidth()-1, getHeight()-1, 10, 10);


                setOpaque( false );
                super.paintComponent( g );
                setOpaque( true );
            }};

完整工作代码：

import java.awt.Color;
import java.awt.EventQueue;
import java.awt.Font;
import java.awt.GradientPaint;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.GridBagConstraints;
import java.awt.GridBagLayout;
import java.awt.Insets;
import java.awt.Shape;
import java.awt.SystemColor;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.geom.RoundRectangle2D;
import java.awt.image.BufferedImage;
import java.io.IOException;
import java.sql.Connection;
import java.sql.DriverManager;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JLabel;
import javax.swing.JOptionPane;
import javax.swing.JPanel;
import javax.swing.JPasswordField;
import javax.swing.JTextField;
import javax.swing.SwingConstants;
import javax.swing.border.EmptyBorder;
import javax.xml.parsers.ParserConfigurationException;

import org.xml.sax.SAXException;

public class DBconnection extends JFrame {

    private JPanel contentPane;



    private JTextField textFieldHost;

    private Color color2 = Color.white;
    private Color color1 = Color.white;


    public DBconnection() throws SAXException, IOException, ParserConfigurationException {
        setTitle("Connect To MDM Database");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setBounds(450, 200, 410, 280);


        contentPane = new JPanel();
        contentPane.setBackground(SystemColor.inactiveCaption);
        contentPane.setBorder(new EmptyBorder(5, 5, 5, 5));
        setContentPane(contentPane);
        GridBagLayout gbl_contentPane = new GridBagLayout();
        gbl_contentPane.columnWidths = new int[]{0, 0, 0, 0};
        gbl_contentPane.rowHeights = new int[]{0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0};
        gbl_contentPane.columnWeights = new double[]{0.0, 0.0, 1.0, Double.MIN_VALUE};
        gbl_contentPane.rowWeights = new double[]{0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, 0.0, Double.MIN_VALUE};
        contentPane.setLayout(gbl_contentPane);

        textFieldHost = new JTextField()
        {protected void paintComponent( Graphics g ) 
            {
                if ( !isOpaque( ) )
                {
                    super.paintComponent( g );
                    return;
                }

                Graphics2D g2d = (Graphics2D)g;

                GradientPaint gp = new GradientPaint(
                    0, 0, color1,
                    0, 20, color2);

                g2d.setPaint( gp );
               // g2d.fillRect( 0, 0, w, h );
                g2d.fillRoundRect(0, 0, getWidth()-1, getHeight()-1, 10, 10);


                setOpaque( false );
                super.paintComponent( g );
                setOpaque( true );
            }};
        GridBagConstraints gbc_textFieldHost = new GridBagConstraints();
        gbc_textFieldHost.insets = new Insets(20, 40, 5, 0);
        gbc_textFieldHost.fill = GridBagConstraints.HORIZONTAL;
        gbc_textFieldHost.gridwidth=3;
        gbc_textFieldHost.gridx = 2;
        gbc_textFieldHost.gridy = 4;
        gbc_textFieldHost.ipady=5;
        contentPane.add(textFieldHost, gbc_textFieldHost);
        textFieldHost.setBorder(javax.swing.BorderFactory.createEmptyBorder(2, 2,2,2));



}


    /**
     * Launch the application.
     */
    public static void main(String[] args) {


        EventQueue.invokeLater(new Runnable() {
            public void run() {
                try {
                    DBconnection frame = new DBconnection();
                    frame.setVisible(true);

                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        });
    }




}

此外，通过更改color1和color2的值，您可以获得渐变效果。

我修改了你的代码并得到了这个： enter image description here

代码：

import java.awt.BorderLayout;
import java.awt.Color;
import java.awt.Component;
import java.awt.Font;
import java.awt.GradientPaint;
import java.awt.Graphics;
import java.awt.Graphics2D;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.awt.event.MouseEvent;
import java.awt.event.MouseListener;

import javax.swing.BorderFactory;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.JTextField;
import javax.swing.border.AbstractBorder;


public class JTextFieldTest {
    JTextField textField;
    boolean activate = false;

    public void createUI(){
        JFrame frame = new JFrame("Test JTextField");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setResizable(true);

        MainPanel mainPanel = new MainPanel();
        frame.add(mainPanel,BorderLayout.CENTER);

        frame.pack();
        frame.setLocationRelativeTo(null);
        frame.setVisible(true);
    }

    public static void main(String[] args) {
        JTextFieldTest jTextFieldTest = new JTextFieldTest();
        jTextFieldTest.createUI();
    }

    @SuppressWarnings("serial")
    class MainPanel extends JPanel{
        public MainPanel(){

            textField = new JTextField("Test JTextField")
            {protected void paintComponent( Graphics g ) 
            {
                if ( !isOpaque( ) )
                {
                    super.paintComponent( g );
                    return;
                }

                Graphics2D g2d = (Graphics2D)g;

                GradientPaint gp = new GradientPaint(
                    0, 0, Color.white,
                    0, 20, Color.white);

                g2d.setPaint( gp );
               // g2d.fillRect( 0, 0, w, h );
                g2d.fillRoundRect(0, 0, getWidth()-1, getHeight()-1, 20, 20);


                setOpaque( false );
                super.paintComponent( g );
                setOpaque( true );
            }};
            textField.setBorder(BorderFactory.createEmptyBorder());
            Font fieldFont = new Font("Arial", Font.PLAIN, 20);
            textField.setFont(fieldFont);


            textField.setColumns(30);

            textField.addActionListener(new FieldListener());
            textField.addMouseListener(new FieldMouseListener());

            add(textField,BorderLayout.CENTER);
            setBackground(Color.blue);
            setBorder(BorderFactory.createEmptyBorder(10, 10, 10, 10));
        }
    }



    class FieldListener implements ActionListener{


        public void actionPerformed(ActionEvent e) {
            // TODO Auto-generated method stub
            System.out.println(textField.getText());
        }

    }

    class FieldMouseListener implements MouseListener{

        public void mouseClicked(MouseEvent e) {
            // TODO Auto-generated method stub
            if(activate == false){
                textField.setText("");
            }
            activate = true;
            textField.setForeground(Color.black);


        }


        public void mousePressed(MouseEvent e) {
            // TODO Auto-generated method stub

        }


        public void mouseReleased(MouseEvent e) {
            // TODO Auto-generated method stub

        }


        public void mouseEntered(MouseEvent e) {
            // TODO Auto-generated method stub

        }


        public void mouseExited(MouseEvent e) {
            // TODO Auto-generated method stub

        }
    }
}

如何制作圆角矩形JTextField？

3 个答案: