Java-GUI编程之Swing组件-百木园

为组件设置边框
使用JToolBar创建工具条
JColorChooser和JFileChooser
JColorChooser
JFileChooser
JOptionPane
基本概述
四种对话框演示

为组件设置边框

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

Java-GUI编程之Swing组件

特殊的Border：

TitledBorder:它的作用并不是直接为其他组件添加边框，而是为其他边框设置标题，创建该类的对象时，需要传入一个其他的Border对象；
ComoundBorder:用来组合其他两个边框，创建该类的对象时，需要传入其他两个Border对象，一个作为内边框，一个座位外边框

给组件设置边框步骤：

使用BorderFactory或者XxxBorder创建Border的实例对象；
调用Swing组件的setBorder（Border b）方法为组件设置边框；

案例：

请使用Border实现下图效果：

Java-GUI编程之Swing组件

演示代码：

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();
    }
}

使用JToolBar创建工具条

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),在这个方法的内部会做如下几件事：

创建一个适用于该容器的组件(例如，在工具栏中创建一个工具按钮)；
从 Action 对象中获得对应的属性来设置该组件(例如，通过 name 来设置文本，通过 lcon 来设置图标) ；
把Action监听器注册到刚才创建的组件上；

案例：

使用JToolBar组件完成下图效果：

Java-GUI编程之Swing组件

演示代码：

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();
    }
}

JColorChooser和JFileChooser

Swing提供了JColorChooser和JFileChooser这两种对话框，可以很方便的完成颜色的选择和本地文件的选择。

JColorChooser

JColorChooser 用于创建颜色选择器对话框，该类的用法非常简单，只需要调用它的静态方法就可以快速生成一个颜色选择对话框：

public static Color showDialog(Component component, String title,Color initialColor)
    
/*
	参数：
		componet:指定当前对话框的父组件
		title：当前对话框的名称
		initialColor：指定默认选中的颜色
		
	返回值：
		返回用户选中的颜色
*/

案例：

使用颜色选择器，完成下图功能：

点击按钮，改变文本域的背景色

Java-GUI编程之Swing组件

演示代码：

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

JFileChooser 的功能与AWT中的 FileDialog 基本相似，也是用于生成\"打开文件\"、\"保存文件 \"对话框。与 FileDialog 不同的是， JFileChooser 无须依赖于本地平台的 GUI ，它由 100%纯 Java 实现，在所有平台上具有完全相同的行为，并可以在所有平台上具有相同的外观风格。

JFileChooser使用步骤：

创建JFileChooser对象：

JFileChooser chooser = new JFileChooser(\"D:\\\\a\");//指定默认打开的本地磁盘路径

调用JFileChooser的一系列可选方法，进行初始化

setSelectedFile(File file)/setSelectedFiles(File[] selectedFiles):设定默认选中的文件
setMultiSelectionEnabled(boolean b)：设置是否允许多选，默认是单选
setFileSelectionMode(int mode)：设置可以选择内容，例如文件、文件夹等，默认只能选择文件

打开文件对话框

showOpenDialog(Component parent):打开文件加载对话框，并指定父组件
showSaveDialog(Component parent):打开文件保存对话框，并指定父组件

获取用户选择的结果

File getSelectedFile():获取用户选择的一个文件
File[] getSelectedFiles():获取用户选择的多个文件

案例：

使用JFileChooser完成下图效果：

Java-GUI编程之Swing组件

演示代码：

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

基本概述

通过 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_OPTION
messageType:当前对话框的类型:ERROR_MESSAGE、INFORMATION_MESSAGE、WARNING_MESSAGE、QUESTION_MESSAGE、PLAIN_MESSAGE
icon:当前对话框左上角的图标
options:自定义下拉列表的选项
initialValue:自定义选项中的默认选中项

当用户与对话框交互结束后，不同类型对话框的返回值如下：

showMessageDialog: 无返回值。
showlnputDialog: 返回用户输入或选择的字符串。
showConfirmDialog: 返回一个整数代表用户选择的选项。
showOptionDialog : 返回一个整数代表用户选择的选项，如果用户选择第一项，则返回 0; 如果选择第二项，则返回1……依此类推。

对 showConfirmDialog 所产生的对话框，有如下几个返回值：

YES OPTION: 用户单击了 \"是\"按钮后返回。
NO OPTION: 用户单击了\"否\"按钮后返回。
CANCEL OPTION: 用户单击了\"取消\"按钮后返回。
OK OPTION : 用户单击了\"确定\"按钮后返回。
CLOSED OPTION: 用户单击了对话框右上角的 \" x\" 按钮后返回。

四种对话框演示

消息对话框：

Java-GUI编程之Swing组件

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();
    }

}

确认对话框：

Java-GUI编程之Swing组件

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();
    }

}

输入对话框：

Java-GUI编程之Swing组件

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();
    }

}

选项对话框：

Java-GUI编程之Swing组件

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();
    }

}

如图片失效等影响浏览文章可参阅公众号文章：

为组件设置边框：https://mp.weixin.qq.com/s/En67fcV9-IiO9V-jXL39sQ
使用JToolBar创建工具条：https://mp.weixin.qq.com/s/IDnY_szKCG80mBR3zAzlmg
JColorChooser和JFileChooser：https://mp.weixin.qq.com/s/dvoUYVCh8GaIuXPwxZ5Cfg
JOptionPane：https://mp.weixin.qq.com/s/-XOLiMjRY0YgmkrSqHqDGA

欢迎关注我的公众号，共同学习

来源：https://www.cnblogs.com/kohler21/p/16219066.html
本站部分图文来源于网络，如有侵权请联系删除。

Java-GUI编程之Swing组件

为组件设置边框

使用JToolBar创建工具条

JColorChooser和JFileChooser

JColorChooser

JFileChooser

JOptionPane

基本概述

四种对话框演示

相关推荐

热门文章