JTextField的改造

1）打造输入框的毛玻璃效果：

 

package org.corey.main;import java.awt.BorderLayout;<br /> import java.awt.Color;<br /> import java.awt.Component;<br /> import java.awt.Container;<br /> import java.awt.Font;<br /> import java.awt.Insets;<br /> import java.awt.Point;<br /> import java.awt.Toolkit;<br /> import java.awt.event.ComponentAdapter;<br /> import java.awt.event.ComponentEvent;<br /> import java.awt.event.KeyAdapter;<br /> import java.awt.event.KeyEvent;<br /> import java.awt.event.MouseAdapter;<br /> import java.awt.event.MouseEvent;import javax.swing.BorderFactory;<br /> import javax.swing.Icon;<br /> import javax.swing.ImageIcon;<br /> import javax.swing.JDialog;<br /> import javax.swing.JFrame;<br /> import javax.swing.JLabel;<br /> import javax.swing.JLayeredPane;<br /> import javax.swing.JPanel;<br /> import javax.swing.JTextField;<br /> import javax.swing.border.Border;<br /> import javax.swing.border.EmptyBorder;<br /> import javax.swing.border.LineBorder;/*** Custom JTextField.* * @version 0.1.2, 2007-9-8* @author ruislan <a href="mailto:[e-mail]" mce_href="mailto:[e-mail]"></a>*/<br /> public class RTextField extends JTextField {private static final long serialVersionUID = -3438563085728628986L;private static final Color TIP_COLOR = new Color(255, 255, 225);private static final Color HOVER_BACKGROUND_COLOR = new Color(255, 255, 225);private static final Color BACKGROUND_COLOR = new Color(255, 255, 255);private static final Color HOVER_BORDER_COLOR = new Color(215, 215, 215,255);private static final Color BORDER_COLOR = new Color(125, 125, 125, 100);private int limit = Integer.MAX_VALUE;private boolean numberOnly;private CoolToolTip numberTip;private CoolToolTip limitTip;private ImageIcon tipIcon;private Border hoverBorder;private Border border;public RTextField() {initComponents();initEventListeners();}private void initComponents() {tipIcon = new ImageIcon(RTextField.class.getResource("tip.gif"));numberTip = new CoolToolTip(this, TIP_COLOR, getColumns(), 10);numberTip.setText("aa");numberTip.setIcon(tipIcon);numberTip.setIconTextGap(10);limitTip = new CoolToolTip(this, TIP_COLOR, getColumns(), 10);limitTip.setIcon(tipIcon);limitTip.setIconTextGap(10);hoverBorder = new CoolBorder(HOVER_BORDER_COLOR, 3);border = BorderFactory.createCompoundBorder(new LineBorder(BORDER_COLOR, 1), new EmptyBorder(new Insets(2, 2, 2, 2)));setBackground(BACKGROUND_COLOR);setBorder(border);}private void initEventListeners() {addKeyListener(new KeyAdapter() {@Overridepublic void keyTyped(KeyEvent e) {char input = e.getKeyChar();// ESC27 ,Backspace 8 ,Enter 10, Del 127, must ignoreboolean ignoreInput = input == (char) KeyEvent.VK_ESCAPE|| input == (char) KeyEvent.VK_BACK_SPACE|| input == (char) KeyEvent.VK_ENTER|| input == (char) KeyEvent.VK_DELETE|| (getSelectedText() != null && getSelectedText().length() > 0);if (ignoreInput) {limitTip.setVisible(false);numberTip.setVisible(false);return;}if (getText().length() + 1 > limit) {Toolkit.getDefaultToolkit().beep();deleteInputChar(e);limitTip.setVisible(true);return;} else {limitTip.setVisible(false);}if (numberOnly) {if (!Character.isDigit(input)) {numberTip.setVisible(true);Toolkit.getDefaultToolkit().beep();deleteInputChar(e);} else {numberTip.setVisible(false);}}}private void deleteInputChar(KeyEvent source) {source.setKeyChar((char) KeyEvent.VK_CLEAR);}});addMouseListener(new MouseAdapter() {@Overridepublic void mouseEntered(MouseEvent e) {setBorder(hoverBorder);setBackground(HOVER_BACKGROUND_COLOR);repaint();}@Overridepublic void mouseExited(MouseEvent e) {setBorder(border);setBackground(BACKGROUND_COLOR);repaint();}});}public void setMaxTextLength(int limit) {if (limit < 0) {return;}this.limit = limit;limitTip.setText(String.format("aa", limit));}public int getMaxTextLength() {return limit;}public void setNumberOnly(boolean numberOnly) {this.numberOnly = numberOnly;}public boolean isNumberOnly() {return this.numberOnly;}private class CoolToolTip extends JPanel {private static final long serialVersionUID = 1186230002931874625L;private JLabel label = new JLabel();private boolean haveShowPlace;private Component attachedComponent;public CoolToolTip(Component attachedComponent, Color fillColor,int borderWidth, int offset) {this.attachedComponent = attachedComponent;label.setBorder(new EmptyBorder(borderWidth, borderWidth,borderWidth, borderWidth));label.setBackground(fillColor);label.setOpaque(true);label.setFont(new Font("system", 0, 12));setOpaque(false);this.setBorder(new BalloonBorder(fillColor, offset));this.setLayout(new BorderLayout());add(label);setVisible(false);// if the attached component is moved while the balloon tip is// visible, we need to move as wellattachedComponent.addComponentListener(new ComponentAdapter() {public void componentMoved(ComponentEvent e) {if (isShowing()) {determineAndSetLocation();}}});}private void determineAndSetLocation() {Point location = attachedComponent.getLocation();setBounds(location.x, location.y - getPreferredSize().height,getPreferredSize().width, getPreferredSize().height);}public void setText(String text) {label.setText(text);}public void setIcon(Icon icon) {label.setIcon(icon);}public void setIconTextGap(int iconTextGap) {label.setIconTextGap(iconTextGap);}public void setVisible(boolean show) {if (show) {determineAndSetLocation();findShowPlace();}super.setVisible(show);}private void findShowPlace() {if (haveShowPlace) {return;}// we use the popup layer of the top level container (frame or// dialog) to show the balloon tip// first we need to determine the top level container...Container parent = attachedComponent.getParent();JLayeredPane layeredPane;while (true) {if (parent instanceof JFrame) {layeredPane = ((JFrame) parent).getLayeredPane();break;} else if (parent instanceof JDialog) {layeredPane = ((JDialog) parent).getLayeredPane();break;}parent = parent.getParent();}layeredPane.add(this, JLayeredPane.POPUP_LAYER);haveShowPlace = true;}}<br /> }<br />

setBorder(hoverBorder)会为当鼠标进入textfield的时候加上边框

 

 

hoverBorder = new CoolBorder(HOVER_BORDER_COLOR, 3);

 

 

package org.corey.main;import java.awt.Color;<br /> import java.awt.Component;<br /> import java.awt.Dimension;<br /> import java.awt.GradientPaint;<br /> import java.awt.Graphics;<br /> import java.awt.Graphics2D;<br /> import java.awt.Insets;import javax.swing.border.Border;/*** Custom Border.* * @version 0.1.2, 2007-9-10* @author ruislan <a href="mailto:[e-mail]" mce_href="mailto:[e-mail]"></a>*/<br /> public class CoolBorder implements Border {private int thickness;private Insets insets;private Dimension lastComponentSize;private Color color;private Color color2;public CoolBorder(Color color, int thickness) {this.color = color;if (color == null) {this.color = color = Color.gray;}color2 = new Color(210, 210, 210, 0);this.thickness = thickness;}public Insets getBorderInsets(Component c) {Dimension currentComponent = c.getSize();if (currentComponent.equals(lastComponentSize)) {return insets;}insets = new Insets(thickness, thickness, thickness, thickness);lastComponentSize = currentComponent;return insets;}public boolean isBorderOpaque() {return true;}public void paintBorder(Component c, Graphics g, int x, int y, int width,int height) {Graphics2D g2d = (Graphics2D) g.create();//分别在这个textfield的四边用渐变的颜色画出了模糊的毛边GradientPaint gp = new GradientPaint(x, y, color, x, y + thickness,color2);g2d.setPaint(gp);g2d.fillRect(x, y, width, thickness);gp = new GradientPaint(x, y + height - thickness - 1, color2, x, y+ height, color);g2d.setPaint(gp);g2d.fillRect(x, y + height - thickness - 1, width, thickness);gp = new GradientPaint(x, y, color, x + thickness, y, color2);g2d.setPaint(gp);g2d.fillRect(x, y, thickness, height);gp = new GradientPaint(x + width - thickness - 1, y, color2, x + width,y, color);g2d.setPaint(gp);g2d.fillRect(x + width - thickness - 1, y, thickness, height);g2d.setPaint(color);g2d.drawRect(x, y, width - 1, height - 1);g2d.dispose();}}<br />

 

 

 

 

输入校验的提示框，其实是一个有特定的border的Jpanel：

 

package org.corey.main;import java.awt.BorderLayout;<br /> import java.awt.Color;<br /> import java.awt.Component;<br /> import java.awt.Container;<br /> import java.awt.Point;<br /> import java.awt.event.ComponentAdapter;<br /> import java.awt.event.ComponentEvent;import javax.swing.Icon;<br /> import javax.swing.JDialog;<br /> import javax.swing.JFrame;<br /> import javax.swing.JLabel;<br /> import javax.swing.JLayeredPane;<br /> import javax.swing.JPanel;<br /> import javax.swing.border.EmptyBorder;/*** A balloon tip which is displayed above the attached component. The balloon* tip uses a <code>JLabel</code> to render its content.* * @author Bernhard Pauler*/<br /> public class BalloonTip extends JPanel {private BalloonBorder border;private JLabel label = new JLabel();private Component attachedComponent;public BalloonTip(Component attachedComponent, Color fillColor,int borderWidth, int offset) {this.attachedComponent = attachedComponent;label.setBorder(new EmptyBorder(borderWidth, borderWidth, borderWidth,borderWidth));label.setBackground(fillColor);label.setOpaque(true);setBorder(border = new BalloonBorder(fillColor, offset));setOpaque(false);setLayout(new BorderLayout());add(label);setVisible(false);// we use the popup layer of the top level container (frame or dialog)// to show the balloon tip// first we need to determine the top level container...Container parent = attachedComponent.getParent();JLayeredPane layeredPane;while (true) {if (parent instanceof JFrame) {layeredPane = ((JFrame) parent).getLayeredPane();break;} else if (parent instanceof JDialog) {layeredPane = ((JDialog) parent).getLayeredPane();break;}parent = parent.getParent();}layeredPane.add(this, JLayeredPane.POPUP_LAYER);// if the attached component is moved while the balloon tip is visible,// we need to move as wellattachedComponent.addComponentListener(new ComponentAdapter() {public void componentMoved(ComponentEvent e) {if (isShowing()) {determineAndSetLocation();}}});}private void determineAndSetLocation() {Point location = attachedComponent.getLocation();setBounds(location.x, location.y - getPreferredSize().height,getPreferredSize().width, getPreferredSize().height);}public void setText(String text) {label.setText(text);}public void setIcon(Icon icon) {label.setIcon(icon);}public void setIconTextGap(int iconTextGap) {label.setIconTextGap(iconTextGap);}public void setVisible(boolean show) {if (show) {determineAndSetLocation();}super.setVisible(show);}}<br />

 

他的border用画笔画出了语气的形状：

 

package org.corey.main;import java.awt.Color;<br /> import java.awt.Component;<br /> import java.awt.Dimension;<br /> import java.awt.Graphics;<br /> import java.awt.Insets;<br /> import java.awt.Point;import javax.swing.border.Border;/*** Border which renders a balloon.* * @author Bernhard Pauler*/<br /> public class BalloonBorder implements Border {private Dimension lastComponentSize;private Insets insets = new Insets(0, 0, 0, 0);private Color fillColor;private int offset;/*** Creates a balloon border.* * @param fillColor color which is used to fill the balloon (currently only the triangular tip)* @param offset number of pixels between component and balloon body*/public BalloonBorder(Color fillColor, int offset) {this.fillColor = fillColor;this.offset = offset;}public void paintBorder(Component c, Graphics g, int x, int y, int width, int height) { width -= insets.left + insets.right;height -= insets.top + insets.bottom;Point iPoint = new Point(); // initial pointPoint ePoint = new Point(); // end pointiPoint.x = x;iPoint.y = y;ePoint.x = x + width + 1;ePoint.y = y;printPoints(iPoint, ePoint);g.drawLine(iPoint.x, iPoint.y, ePoint.x, ePoint.y);iPoint.setLocation(ePoint);ePoint.x = x + width + 1;ePoint.y = y + height + 1;printPoints(iPoint, ePoint);g.drawLine(iPoint.x, iPoint.y, ePoint.x, ePoint.y); iPoint.setLocation(ePoint);ePoint.x = x + offset*2;ePoint.y = y + height + 1;printPoints(iPoint, ePoint);g.drawLine(iPoint.x, iPoint.y, ePoint.x, ePoint.y);iPoint.setLocation(ePoint);ePoint.x = x + offset;ePoint.y = y + height + offset + 1;printPoints(iPoint, ePoint);g.drawLine(iPoint.x, iPoint.y, ePoint.x, ePoint.y);iPoint.setLocation(ePoint);ePoint.x = x + offset;ePoint.y = y + height + 1;printPoints(iPoint, ePoint);g.drawLine(iPoint.x, iPoint.y, ePoint.x, ePoint.y);iPoint.setLocation(ePoint);ePoint.x = x;ePoint.y = y + height + 1;printPoints(iPoint, ePoint);g.drawLine(iPoint.x, iPoint.y, ePoint.x, ePoint.y);iPoint.setLocation(ePoint);ePoint.x = x;ePoint.y = y;printPoints(iPoint, ePoint);g.drawLine(iPoint.x, iPoint.y, ePoint.x, ePoint.y);int[] xPoints = {x+offset+1, x+offset*2/*-1?*/, x+offset+1 };int[] yPoints = {y+height+1, y+height+1 , y+height+offset /*-1?*/};printTrianglePoints(xPoints, yPoints);g.setColor(fillColor);g.fillPolygon(xPoints, yPoints, 3);}private void printPoints(Point iPoint, Point ePoint) {<br /> // System.out.println(iPoint.x + "/" + iPoint.y + "->" + ePoint.x + "/" + ePoint.y);}private void printTrianglePoints(int[] xPoints, int[] yPoints) {<br /> // System.out.println("Triangle points...");<br /> // for (int i = 0; i < xPoints.length; i++) {<br /> // System.out.println(xPoints[i] + "/" + yPoints[i]);<br /> // }}public Insets getBorderInsets(Component c) {Dimension currentComponent = c.getSize();if (currentComponent.equals(lastComponentSize)) {return insets;}insets = new Insets(1, 1, offset + 1 , 1); lastComponentSize = currentComponent;return insets;}public boolean isBorderOpaque() {return true;}}<br />

 

截图如下：