Swing组件的基本用法

蔚落 2024-03-26 17:12 99阅读 0赞

#### 文章目录 ####

*  前言
 *  一、Swing是什么？
 *  二、常用的组件
    
     *  1.常用窗体
     *  2.标签图标
     *  3.常用布局
     *  4.常用面板
     *  5.常用其他简单组件
     *  6.事件监听
 *  总结

--------------------

## 前言 ##

之前的AWT组件和Swing是差不多的，但由于在不同平台上AWT做的程序的GUI组件表现不同所以就有了Swing组件。

--------------------

## 一、Swing是什么？ ##

GUI是图形用户界面，通俗的说Swing就是用来构建图形界面的。

<table style="width:500px;">  常用的Swing组件  
 <thead> 
  <tr> 
   <th>JButton</th> 
   <th>按钮</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>JCheckBox</td> 
   <td>复选框</td> 
  </tr> 
  <tr> 
   <td>JComBox</td> 
   <td>下拉表框</td> 
  </tr> 
  <tr> 
   <td>JFrame</td> 
   <td>框架类，窗体</td> 
  </tr> 
  <tr> 
   <td>JDialog</td> 
   <td>对话框</td> 
  </tr> 
  <tr> 
   <td>JLabel</td> 
   <td>标签</td> 
  </tr> 
  <tr> 
   <td>JRadioButton</td> 
   <td>单选按钮</td> 
  </tr> 
  <tr> 
   <td>JList</td> 
   <td>列表框</td> 
  </tr> 
  <tr> 
   <td>JTextField</td> 
   <td>文本框</td> 
  </tr> 
  <tr> 
   <td>JPasswordField</td> 
   <td>密码框</td> 
  </tr> 
  <tr> 
   <td>JTextArea</td> 
   <td>文本区域</td> 
  </tr> 
  <tr> 
   <td>JOptionPane</td> 
   <td>弹窗</td> 
  </tr> 
  <tr> 
   <td>JPanel</td> 
   <td>面板</td> 
  </tr> 
 </tbody> 
</table>

这里并不是全部的组件，只是一些比较常用的。

## 二、常用组件 ##

###  ###

*  **1.常用窗体**

JFrame窗体是是一个容器，就是可以把其他的东西放到它里面的意思，

例子：

![e7f4a7fe5a9c4da7ab8ea54276c21f91.png][]

还有一种窗体是JDialog 它是一个对话框窗体，如果使用getContentPane（）方法的话也可以把它变成容器，其使用方法与JFrame几乎一样

*  **2.标签图标**

JLabel类是标签，父类是JComponent，用法在上一个例子中已经示范了，不过那个只是最基本的用法，标签还能通过icon接口创建图标，就是把原先的文字标签可以放图片或者画出图案的意思

例子：在上一个例子的基础上

![699a9d938c874f57881bce6c33c8c6b3.png][]

当然ImageIcon类实现icon接口的构造方法有很多种，我用的方法是比较简单的一种不容易出错。

*  **3.常用布局**

常用布局有很多种我比较常用的是绝对布局个人感觉比较简单精确，那就先从绝对布局讲起吧

绝对布局步骤 1.用Container.setLayout（null）；方法取消布局管理器

2.用Container.setBounds（x,y,a,b）；方法设置组件的大小，x,y是坐标，a,b是宽和高，都是以像素为单位。

例子：

![5a2c064da91f49ce9196f4600e26691c.png][]

绝对布局介绍完了之后就讲讲布局管理器吧，首先

流式布局管理器（FlowLayout）：

规则是从左到右摆放组件，从上到下摆放组件。

使用方法呢就是setLayout（new FlowLayout（））；其他方面不变FlowLayout的构造方法也有一些就举例几个常用的吧public FlowLayout（int alignment）；这里面的alignment表示组件在横向摆放时的具体位置，有三个值分别是左，中，右，FlowLayout.LEFT=0.。其他的就是CENTER=1，和RIGHT=2，格式和左是一样的。

边界布局（BorderLayout）：

不用多讲看名字都知道 规则是从东西南北也就是四个边的方向来添加组件，和中间也能添加组件，

<table style="width:500px;">  BorderLayout的主要成员变量  
 <thead> 
  <tr> 
   <th>成员变量</th> 
   <th>含义</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>BorderLayout.NORTH</td> 
   <td>在容器添加组件时，组件置于顶端</td> 
  </tr> 
  <tr> 
   <td>BorderLayout.SOUTH</td> 
   <td>在容器添加组件时，组件置于底端</td> 
  </tr> 
  <tr> 
   <td>BorderLayout.EAST</td> 
   <td>在容器添加组件时，组件置于右端</td> 
  </tr> 
  <tr> 
   <td>BorderLayout.WEST</td> 
   <td>在容器添加组件时，组件置于左端</td> 
  </tr> 
  <tr> 
   <td>BorderLayout.CENTER</td> 
   <td>在容器添加组件时，组件置于中间开始填充</td> 
  </tr> 
 </tbody> 
</table>

用法和流式相差不大。

网格布局管理器：

就是将容器划分成很多网格类似于围棋盘那样，通过调整行数和列数，和网格之间的间距来进行布局，构造方法：

1，public GridLayout（int rows ，int columns）；rows和columns是行数和列数，

2，public GridLayout（int rows ，int columns，int horizGap,int vertGap）；horizGap是网格之间水平距离，vertGap是网格之间的垂直距离。

使用方法和其他布局管理器是一样的就不重复了。还有网格组布局管理器和网格类似更复杂一点。

*  **4.常用面板**

面板也是一种容器，所以面板里面也可以放置组件，Swing里的面板有JPanel 和JScrollPane,第一个是普通面板第二个是带滚动条的面板。

例子：

![9ffebe29b5d341c2a2bffa1833f1a1d2.png][]

当然是在前面例子的基础上加的 JScrollPane和这个也差不多。

*  **5.常用其他简单组件**

再介绍一些比较常用的组件，按钮，列表，文本。

按钮：

提交按钮：

1，public JButton（）；普通

2，public JButton（String text）；带字的

3，public JButton（Icon icon）；带图片的

4，public JButton（String text，Icon icon）；带字又带图片的

上个例子中的按钮就是带字的，其他的类似。

单选按钮和按钮组：

单选按钮JRadioButton，按钮组ButtonGroup

单选按钮比提交按钮多了是否被选中属性其他类似，但是单选按钮使用是要先搞一个按钮组

public JRadioButton（Icon icon，boblean selected）;

例子：

![01b0c93bcbc64ce48b8975096992f646.png][]

复选框：

复选框和按钮类似，长得有点像大的文本框

JCheckBox方法

1，public JCheckBox（）；

2，public JCheckBox（Icon icon，boolean checked）；

3，public JCheckBox（String text，boolean checked）；

图标和文字就不解释了上面讲过了 boolean checked 就是选中和不选中的意思。

下拉列表框组件：

下拉列表中的内容是可以直接在初始化的时候指定或者被封装在ComboBoxModel类型，数组或者Vector类型中，一般ComboBoxModel类型的较多。ComboBoxModel是一个接口要通过自己定义一个其他的类实现它，自己定义的类除了实现这个接口外还可以继承AbstractListModel类。

例子：

![67459474ab0b4fa69c089b30c212aedb.png][]

package Dom;
    
    import javax.swing.*;
    import java.awt.*;     //导入包
    
    public class Exemple extends JFrame {  //继承JFrame类
        //创建下拉表对象
        JComboBox<String> jComboBox=new JComboBox<>(new MyComBox());
        public void Create(String str){
            JFrame jFrame=new JFrame(str); //窗体对象
            Container container=jFrame.getContentPane();//将窗体转换成容器
            jFrame.setLayout(null);//取消布局管理器
            jFrame.setBounds(500,200,600,600);//设置窗体位置大小
    
            jComboBox.setBounds(20,200,100,50);//设置窗体大小
    
            Icon icon1=new ImageIcon("C:\\Users\\凉风\\Desktop\\OIP-C.jpg");//Icon接口，参数是图片的绝对地址
    
            //初始化三个单选按钮
            JRadioButton jRadioButton=new JRadioButton("2");
            JRadioButton jRadioButton1=new JRadioButton(icon1);
            JRadioButton jRadioButton2=new JRadioButton("3");
            //创建按钮组并将单选按钮放到按钮组里
            ButtonGroup buttonGroup=new ButtonGroup();
            buttonGroup.add(jRadioButton);
            buttonGroup.add(jRadioButton1);
            buttonGroup.add(jRadioButton2);
    
    
            JPanel jPanel=new JPanel();//初始化一个面板
            jPanel.add(new JButton("1"));//在面板里方一个按钮
            //将单选按钮放到面板里
            jPanel.add(jRadioButton);
            jPanel.add(jRadioButton1);
            jPanel.add(jRadioButton2);
            jPanel.setBounds(200,50,300,300);//设置面板大小
    
    
            JLabel jLabel=new JLabel("this is a JFrame!");//创建标签
            JLabel jLabel1=new JLabel();//图标对象
            Icon icon=new ImageIcon("C:\\Users\\凉风\\Desktop\\OIP-C.jpg");//Icon接口，参数是图片的绝对地址
            jLabel1.setIcon(icon);//把标签设置成图片
            jLabel.setBounds(20,30,100,30);//设置标签位置和大小
            jLabel1.setBounds(100,30,200,200);//设置图标的位置和大小
    
            container.add(jComboBox);//将下拉表放到容器中
            container.add(jLabel);//将标签放到容器中
            container.add(jLabel1);//将图标放到容器中
            container.add(jPanel);//将面板放到容器中
            jFrame.setVisible(true);//窗体可视
    
            jFrame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);//设计关闭方式
    
        }
    
        public static void main(String[] args) {
            new Exemple().Create("JFrame");
        }
    
        //自定义的MyComBox类
        class MyComBox extends AbstractListModel<String> implements ComboBoxModel<String>{
            String string=null;
            String[]strings={"苹果","橘子","香蕉","菠萝"};
    
            //还回下拉框中的项目数
            @Override
            public int getSize() {
                return strings.length;
            }
            //根据索引还回值
            public String getElementAt(int index){
                return strings[index];
            }
            //设置下拉框的项目
            @Override
            public void setSelectedItem(Object anItem) {
                string=(String) anItem;
            }
            //获取下拉框项目
            @Override
            public Object getSelectedItem() {
                return string;
            }
        }
    
    }

列表框（JList）：

与下拉列表差不多举两个初始化的小例子

关键代码：

String[] string={"1","2","3","4"};
    JList jlist=new Jlist(string);
    
    或者用Vector类型
    
    Vector vector=new Vector();
    JList jlist=new Jlist(vector);
    vector.add("1");
    vector.add("2");
    vector.add("3");
    vector.add("4");

文本框 JTextField 密码框JPasswordField与之相似只是输入的值是看不到的，文本域（JTextArea）都和这个差不多就相当于大号文本框

主要的方法：

1，public JTextField（）；

2，public JTextField（String text）；里面有字

3，public JTextField（int fieldwidth）；设置长度

4，public JTextField（String text，int fieldwidth）；

*  **6.事件监听**

常用的事件监听器有动作事件监听器和焦点事件监听器，浅显的说将就是通过你的操作触发某个事件，动作就是点击等等，焦点就是鼠标移动到上面。

<table style="width:500px;">  动作事件监听器  
 <tbody> 
  <tr> 
   <td>事件名称</td> 
   <td>ActionEvent</td> 
  </tr> 
  <tr> 
   <td>事件源</td> 
   <td>JButton,JList,JTextFied等</td> 
  </tr> 
  <tr> 
   <td>监听接口</td> 
   <td>ActionListener</td> 
  </tr> 
  <tr> 
   <td>添加或删除相应类型监听器的方法</td> 
   <td>addActionListener(),removeActionListener()</td> 
  </tr> 
 </tbody> 
</table>

<table style="width:500px;">  焦点事件监听器  
 <tbody> 
  <tr> 
   <td>事件名称</td> 
   <td>FocusEvent</td> 
  </tr> 
  <tr> 
   <td>事件源</td> 
   <td>Component以及派生类</td> 
  </tr> 
  <tr> 
   <td>监听接口</td> 
   <td>FocusListener</td> 
  </tr> 
  <tr> 
   <td>添加或删除相应类型监听器的方法</td> 
   <td>addFocusListener(),removeFocusListener()</td> 
  </tr> 
 </tbody> 
</table>

例子：

![56116bf6c3d6455e802555c478bad2a2.png][]

代码：

package Dom;
    
    import javax.swing.*;
    import java.awt.*;     //导入包
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    
    //创建一个继承JDialog的类
    class MyJDiog extends JDialog{
        public MyJDiog(Exemple frame){
            super(frame,"一个JDialog窗体");//标题
            Container container=getContentPane();//创建容器
            container.add(new JLabel("一个对话框"));//搞一个标签
            setBounds(300,300,200,200);
        }
    
    }
    
    
    public class Exemple extends JFrame {  //继承JFrame类
    
        public void Create(String str){
            JFrame jFrame=new JFrame(str); //窗体对象
            Container container=jFrame.getContentPane();//将窗体转换成容器
            jFrame.setLayout(null);//取消布局管理器
            jFrame.setBounds(500,200,600,600);//设置窗体位置大小
    
    
    
            Icon icon1=new ImageIcon("C:\\Users\\凉风\\Desktop\\OIP-C.jpg");//Icon接口，参数是图片的绝对地址
    
            //初始化三个单选按钮
            JRadioButton jRadioButton=new JRadioButton("2");
            JRadioButton jRadioButton1=new JRadioButton(icon1);
            JRadioButton jRadioButton2=new JRadioButton("3");
            //创建按钮组并将单选按钮放到按钮组里
            ButtonGroup buttonGroup=new ButtonGroup();
            buttonGroup.add(jRadioButton);
            buttonGroup.add(jRadioButton1);
            buttonGroup.add(jRadioButton2);
    
    
            JPanel jPanel=new JPanel();//初始化一个面板
            JButton jButton=new JButton("点击出现弹窗");//创建按钮
            //给按钮添加监听事件
            jButton.addActionListener(new ActionListener() {
                @Override
                public void actionPerformed(ActionEvent e) {
                    new MyJDiog(Exemple.this).setVisible(true);
                }
            });
            jPanel.add(jButton);//在面板里方一个按钮
    
            //将单选按钮放到面板里
            jPanel.add(jRadioButton);
            jPanel.add(jRadioButton1);
            jPanel.add(jRadioButton2);
            jPanel.setBounds(200,50,300,300);//设置面板大小
    
    
            JLabel jLabel=new JLabel("this is a JFrame!");//创建标签
            JLabel jLabel1=new JLabel();//图标对象
            Icon icon=new ImageIcon("C:\\Users\\凉风\\Desktop\\OIP-C.jpg");//Icon接口，参数是图片的绝对地址
            jLabel1.setIcon(icon);//把标签设置成图片
            jLabel.setBounds(20,30,100,30);//设置标签位置和大小
            jLabel1.setBounds(100,30,200,200);//设置图标的位置和大小
    
    
            container.add(jLabel);//将标签放到容器中
            container.add(jLabel1);//将图标放到容器中
            container.add(jPanel);//将面板放到容器中
            jFrame.setVisible(true);//窗体可视
    
            jFrame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);//设计关闭方式
    
        }
    
        public static void main(String[] args) {
            new Exemple().Create("JFrame");
        }
    
    }

--------------------

## 总结 ##

这次的文章就是了解一下最基本的Swing组件，有这些知识后可以自己写一个简单的程序窗体，要想完成更复杂的窗体设计就要学习Swing的高级组件

[e7f4a7fe5a9c4da7ab8ea54276c21f91.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/48eb9bec93b94e4291ca499ac6bcf802.png
[699a9d938c874f57881bce6c33c8c6b3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/4bd4ffa603254585a076a952187f005a.png
[5a2c064da91f49ce9196f4600e26691c.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/13282077f5a54b4b933617dfe694d1fb.png
[9ffebe29b5d341c2a2bffa1833f1a1d2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/e7f0d01a2b8d425ea565cdeb680867b9.png
[01b0c93bcbc64ce48b8975096992f646.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/134fbfc08d7f4238aaf6bc04b45e6e78.png
[67459474ab0b4fa69c089b30c212aedb.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/cdde554749db4aacb0d354ed4989cafc.png
[56116bf6c3d6455e802555c478bad2a2.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/26/9c0a646c3fe2463aab0ef057f39f303a.png