很多情况下,我们常常喜欢给不同的组件设置边框,从而让界面的层次感更明显,swing中提供了Border对象来代表一个边框,下图是Border的继承体系图:
?

特殊的Border:
给组件设置边框步骤:
案例:
? 请使用Border实现下图效果:
?

演示代码:
import javax.swing.*;import javax.swing.border.*;import java.awt.*;public class BorderTest { JFrame jf = new JFrame("测试边框"); public void init(){ //设置Jframe为网格布局 jf.setLayout(new GridLayout(2,4)); //创建凸起的斜边框,分别设置四条边的颜色 Border bb = BorderFactory.createBevelBorder(BevelBorder.RAISED,Color.RED,Color.GREEN,Color.BLUE,Color.GRAY); jf.add(getPanelWithBorder(bb,"BevelBorder")); //创建LineBorder Border lb = BorderFactory.createLineBorder(Color.ORANGE, 10); jf.add(getPanelWithBorder(lb,"LineBorder")); //创建EmptyBorder,会在组件的四周留白 Border eb = BorderFactory.createEmptyBorder(20, 5, 10, 30); jf.add(getPanelWithBorder(eb,"EmptyBorder")); //创建EtchedBorder, Border etb = BorderFactory.createEtchedBorder(EtchedBorder.RAISED, Color.RED, Color.GREEN); jf.add(getPanelWithBorder(etb,"EtchedBorder")); //创建TitledBorder,为原有的Border添加标题 TitledBorder tb = new TitledBorder(lb,"测试标题",TitledBorder.LEFT,TitledBorder.BOTTOM,new Font("StSong",Font.BOLD,18),Color.BLUE); jf.add(getPanelWithBorder(tb,"TitledBorder")); //直接创建MatteBorder,它是EmptyBorder的子类,EmptyBorder是留白,而MatteBorder可以给留空的区域填充颜色 MatteBorder mb = new MatteBorder(20,5,10,30,Color.GREEN); jf.add(getPanelWithBorder(mb,"MatteBorder")); //直接创创建CompoundBorder,将两个边框组合成新边框 CompoundBorder cb = new CompoundBorder(new LineBorder(Color.RED,8),tb); jf.add(getPanelWithBorder(cb,"CompoundBorder")); jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); jf.pack(); jf.setVisible(true); } public JPanel getPanelWithBorder(Border border,String borderName){ JPanel jPanel = new JPanel(); jPanel.add(new JLabel(borderName)); //为panel设置边框 jPanel.setBorder(border); return jPanel; } public static void main(String[] args) { new BorderTest().init(); }}Swing 提供了JToolBar类来创建工具条,并且可以往JToolBar中添加多个工具按钮。
JToolBar API:
| 方法名称 | 方法功能 |
|---|---|
| JToolBar( String name , int orientation) | 创建一个名字为name,方向为orientation的工具条对象,其orientation的是取值可以是SwingConstants.HORIZONTAL或SwingConstants.VERTICAL |
| JButton add(Action a) | 通过Action对象为JToolBar工具条添加对应的工具按钮 |
| addSeparator( Dimension size ) | 向工具条中添加指定大小的分隔符 |
| setFloatable( boolean b ) | 设定工具条是否可以被拖动 |
| setMargin(Insets m) | 设置工具条与工具按钮的边距 |
| setOrientation( int o ) | 设置工具条的方向 |
| setRollover(boolean rollover) | 设置此工具条的rollover状态 |
add(Action a)方法:
? 上述API中add(Action a)这个方法比较难理解,为什么呢,之前说过,Action接口是ActionListener的一个子接口,那么它就代表一个事件监听器,而这里add方法是在给工具条添加一个工具按钮,为什么传递的是一个事件监听器呢?
? 首先要明确的是不管是菜单条中的菜单项还是工具条中的工具按钮,最终肯定是需要点击来完成一些操作,所以JToolBar以及JMenu都提供了更加便捷的添加子组件的方法add(Action a),在这个方法的内部会做如下几件事:
案例:
? 使用JToolBar组件完成下图效果:

演示代码:
import javax.swing.*;import java.awt.*;import java.awt.event.ActionEvent;public class JToolBarTest { JFrame jf = new JFrame("测试工具条"); JTextArea jta = new JTextArea(6, 35); // 创建工具条 JToolBar jtb = new JToolBar(); // 创建"上一曲"Action,该Action用于创建工具按钮 Action pre = new AbstractAction("上一曲", new ImageIcon("D:\\files\\Java-GUI\\src\\layout\\pre.png")) { @Override public void actionPerformed(ActionEvent e) { jta.append("上一曲.\n"); } }; // 创建"暂停" Action Action pause = new AbstractAction("暂停", new ImageIcon("D:\\files\\Java-GUI\\src\\layout\\pause.png")) { @Override public void actionPerformed(ActionEvent e) { jta.append("暂停播放.\n"); } }; // 创建"下一曲" Action Action next = new AbstractAction("下一曲", new ImageIcon("D:\\files\\Java-GUI\\src\\layout\\next.png")) { @Override public void actionPerformed(ActionEvent e) { jta.append("下一曲.\n"); } }; public void init() { // 给JTextArea添加滚动条 jf.add(new JScrollPane(jta)); // 以Action的形式创建按钮,并将按钮添加到Panel中 JButton preBtn = new JButton(pre); JButton pauseBtn = new JButton(pause); JButton nextBtn = new JButton(next); // 往工具条中添加Action对象,该对象会转换成工具按钮 jtb.add(preBtn); jtb.addSeparator(); jtb.add(pauseBtn); jtb.addSeparator(); jtb.add(nextBtn); // 向窗口中添加工具条 jf.add(jtb, BorderLayout.NORTH); jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); jf.pack(); jf.setVisible(true); } public static void main(String[] args) { new JToolBarTest().init(); }}Swing提供了JColorChooser和JFileChooser这两种对话框,可以很方便的完成颜色的选择和本地文件的选择。
JColorChooser 用于创建颜色选择器对话框 , 该类的用法非常简单,只需要调用它的静态方法就可以快速生成一个颜色选择对话框:
public static Color showDialog(Component component, String title,Color initialColor) /* 参数: componet:指定当前对话框的父组件 title:当前对话框的名称 initialColor:指定默认选中的颜色 返回值: 返回用户选中的颜色*/案例:
? 使用颜色选择器,完成下图功能:
? 点击按钮,改变文本域的背景色

演示代码:
import javax.swing.*;import java.awt.*;import java.awt.event.ActionEvent;public class JColorChooserDemo { JFrame jFrame = new JFrame("测试颜色选择器"); JTextArea jta = new JTextArea("快关注我",6,30); JButton button = new JButton(new AbstractAction("改变文本框的本景色"){ @Override public void actionPerformed(ActionEvent e) { //弹出颜色选择器 Color result = JColorChooser.showDialog(jFrame, "颜色选择器", Color.WHITE); jta.setBackground(result); } }); public void init(){ jFrame.add(jta); jFrame.add(button,BorderLayout.SOUTH); jFrame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); jFrame.pack(); jFrame.setVisible(true); } public static void main(String[] args) { new JColorChooserDemo().init(); }}? JFileChooser 的功能与AWT中的 FileDialog 基本相似,也是用于生成"打开文件"、"保存文件 "对话框。与 FileDialog 不同的是 , JFileChooser 无须依赖于本地平台的 GUI , 它由 100%纯 Java 实现 , 在所有平台 上具有完全相同的行为,并可以在所有平台上具有相同的外观风格。
JFileChooser使用步骤:
JFileChooser chooser = new JFileChooser("D:\\a");//指定默认打开的本地磁盘路径setSelectedFile(File file)/setSelectedFiles(File[] selectedFiles):设定默认选中的文件setMultiSelectionEnabled(boolean b):设置是否允许多选,默认是单选setFileSelectionMode(int mode):设置可以选择内容,例如文件、文件夹等,默认只能选择文件showOpenDialog(Component parent):打开文件加载对话框,并指定父组件showSaveDialog(Component parent):打开文件保存对话框,并指定父组件File getSelectedFile():获取用户选择的一个文件File[] getSelectedFiles():获取用户选择的多个文件案例:
? 使用JFileChooser完成下图效果:

演示代码:
import javax.imageio.ImageIO;import javax.swing.*;import java.awt.*;import java.awt.event.ActionEvent;import java.awt.image.BufferedImage;import java.io.File;import java.io.IOException;public class JFileChooserDemo { //创建窗口对象 JFrame jf = new JFrame("测试JFileChooser"); //创建打开文件对话框 JFileChooser chooser = new JFileChooser("."); //创建菜单条 JMenuBar jmb = new JMenuBar(); //创建菜单 JMenu jMenu = new JMenu("文件"); //创建菜单项 JMenuItem open = new JMenuItem(new AbstractAction("打开"){ @Override public void actionPerformed(ActionEvent e) { chooser.showOpenDialog(jf); File imageFile = chooser.getSelectedFile(); try { image = ImageIO.read(imageFile); drawArea.repaint(); } catch (IOException e1) { e1.printStackTrace(); } } }); JMenuItem save = new JMenuItem(new AbstractAction("另存为"){ @Override public void actionPerformed(ActionEvent e) { chooser.setFileSelectionMode(JFileChooser.DIRECTORIES_ONLY); chooser.showSaveDialog(jf); File dir = chooser.getSelectedFile(); try { ImageIO.write(image,"jpeg",new File(dir,"a.jpg")); } catch (Exception e1) { e1.printStackTrace(); } } }); //用来记录用户选择的图片 BufferedImage image; //显示图片 class MyCanvas extends JPanel{ @Override public void paint(Graphics g) { if (image!=null){ g.drawImage(image,0,0,null); } } } JPanel drawArea = new MyCanvas(); public void init(){ //设置图片显示区域大小 drawArea.setPreferredSize(new Dimension(500,300)); jf.add(drawArea); //组装并设置菜单条 jMenu.add(open); jMenu.add(save); jmb.add(jMenu); jf.setJMenuBar(jmb); //显示jf jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); jf.pack(); jf.setVisible(true); } public static void main(String[] args) { new JFileChooserDemo().init(); } }通过 JOptionPane 可以非常方便地创建一些简单的对话框, Swing 已经为这些对话框添加了相应的组件,无须程序员手动添加组件 。 JOptionPane 提供了如下 4 个方法来创建对话框 。
| 方法名称 | 方法功能 |
|---|---|
| showMessageDialog/showInternalMessageDialog | 消息对话框 ,告知用户某事己发生 , 用户只能单击"确定"按钮 , 类似于 JavaScript 的 alert 函数 。 |
| showConfirmDialog/showInternalConfirmDialog | 确认对话框,向用户确认某个问题,用户可以选择 yes 、 no ~ cancel 等选项 。 类似于 JavaScript 的 comfirm 函数 。该方法返回用户单击了 哪个按钮 |
| showInputDialog/showInternalInputDialog | 输入对话框,提示要求输入某些信息,类似于 JavaScript的 prompt 函数。该方法返回用户输入的字符串 。 |
| showOptionDialog/showInternalOptionDialog | 自定义选项对话框 ,允许使用自 定义选项 ,可以取代showConfirmDialog 所产生的对话框,只是用起来更复杂 。 |
上述方法都有都有很多重载形式,选择其中一种最全的形式,参数解释如下:
showXxxDialog(Component parentComponent, Object message, String title, int optionType, int messageType, Icon icon, Object[] options, Object initialValue)--参数解释:parentComponent:当前对话框的父组件message:对话框上显示的信息,信息可以是字符串、组件、图片等title:当前对话框的标题optionType:当前对话框上显示的按钮类型:DEFAULT_OPTION、YES_NO_OPTION、YES_NO_CANCEL_OPTION、OK_CANCEL_OPTIONmessageType:当前对话框的类型:ERROR_MESSAGE、INFORMATION_MESSAGE、WARNING_MESSAGE、QUESTION_MESSAGE、PLAIN_MESSAGEicon:当前对话框左上角的图标options:自定义下拉列表的选项initialValue:自定义选项中的默认选中项当用户与对话框交互结束后,不同类型对话框的返回值如下:
对 showConfirmDialog 所产生的对话框,有如下几个返回值:
消息对话框:
import cn.itcast.swing.util.ImagePathUtil;import javax.swing.*;import java.awt.*;import java.awt.event.ActionEvent;public class MessageDialogTest { JFrame jf = new JFrame("测试消息对话框"); JTextArea jta = new JTextArea(6, 30); JButton btn = new JButton(new AbstractAction("弹出消息对话框") { @Override public void actionPerformed(ActionEvent e) { //JOptionPane.showMessageDialog(jf, jta.getText(), "消息对话框", JOptionPane.ERROR_MESSAGE); //JOptionPane.showMessageDialog(jf, jta.getText(), "消息对话框", JOptionPane.INFORMATION_MESSAGE); //JOptionPane.showMessageDialog(jf, jta.getText(), "消息对话框", JOptionPane.WARNING_MESSAGE); //JOptionPane.showMessageDialog(jf, jta.getText(), "消息对话框", JOptionPane.QUESTION_MESSAGE); //JOptionPane.showMessageDialog(jf, jta.getText(), "消息对话框", JOptionPane.PLAIN_MESSAGE); JOptionPane.showMessageDialog(jf, jta.getText(), "消息对话框", JOptionPane.WARNING_MESSAGE, new ImageIcon(ImagePathUtil.getRealPath("2\\female.png"))); } }); public void init(){ jf.add(jta); jf.add(btn, BorderLayout.SOUTH); jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); jf.pack(); jf.setVisible(true); } public static void main(String[] args) { new MessageDialogTest().init(); }}确认对话框:
import javax.swing.*;import java.awt.*;import java.awt.event.ActionEvent;public class ConfirmDialogTest { JFrame jf = new JFrame("测试确认对话框"); JTextArea jta = new JTextArea(6, 30); JButton btn = new JButton(new AbstractAction("弹出确认对话框") { @Override public void actionPerformed(ActionEvent e) { int result = JOptionPane.showConfirmDialog(jf, jta.getText(), "确认对话框",JOptionPane.YES_NO_OPTION, JOptionPane.QUESTION_MESSAGE); if (result == JOptionPane.YES_OPTION){ jta.append("\n用户点击了确定按钮"); } if (result==JOptionPane.NO_OPTION){ jta.append("\n用户点击了取消按钮"); } } }); public void init(){ jf.add(jta); jf.add(btn, BorderLayout.SOUTH); jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); jf.pack(); jf.setVisible(true); } public static void main(String[] args) { new ConfirmDialogTest().init(); }}?
输入对话框:
?
import javax.swing.*;import java.awt.*;import java.awt.event.ActionEvent;public class InputDialogTest { JFrame jf = new JFrame("测试输入对话框"); JTextArea jta = new JTextArea(6, 30); JButton btn = new JButton(new AbstractAction("弹出输入对话框") { @Override public void actionPerformed(ActionEvent e) { /* String result = JOptionPane.showInputDialog(jf, "请填写您的银行账号:", "输入对话框", JOptionPane.INFORMATION_MESSAGE); if(result!=null){ jta.append(result.toString()); } */ Object result = JOptionPane.showInputDialog(jf, "", "输入对话框", JOptionPane.DEFAULT_OPTION, null, new String[]{"柳岩", "舒淇", "龚玥菲"}, "舒淇"); if (result!=null){ jta.append(result.toString()); } } }); public void init(){ jf.add(jta); jf.add(btn, BorderLayout.SOUTH); jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); jf.pack(); jf.setVisible(true); } public static void main(String[] args) { new InputDialogTest().init(); }}选项对话框:
import javax.swing.*;import java.awt.*;import java.awt.event.ActionEvent;public class OptionDialogTest { JFrame jf = new JFrame("测试选项对话框"); JTextArea jta = new JTextArea(6, 30); JButton btn = new JButton(new AbstractAction("弹出选项对话框") { @Override public void actionPerformed(ActionEvent e) { int result = JOptionPane.showOptionDialog(jf, "请选择尿不湿号码", "选项对话框",JOptionPane.DEFAULT_OPTION,JOptionPane.INFORMATION_MESSAGE, null,new String[]{"大号","中号","小号"},"中号"); switch (result){ case 0: jta.setText("用户选择了大号"); break; case 1: jta.setText("用户选择了中号"); break; case 2: jta.setText("用户选择了小号"); break; } } }); public void init(){ jf.add(jta); jf.add(btn, BorderLayout.SOUTH); jf.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); jf.pack(); jf.setVisible(true); } public static void main(String[] args) { new OptionDialogTest().init(); }}如图片失效等影响浏览文章可参阅公众号文章:
