JAVAGUI编程初识之Swing

比眉伴天荒 2024-03-30 13:27 35阅读 0赞

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

*  一 常用窗口
 *   *  1.1 JFrame框架窗口
     *  1.2 演示-JFRame,JLable的使用
     *  1.3 JDialog标签
     *   *  1.3.1 演示-JDialog标签
 *  二 标签组件
 *   *  2.1 标签
     *  2.2 图标
     *   *  2.2.1 ICon接口简介
         *  2.2.2 演示-用Icon接口创建图标
     *  2.3 图片图标
     *   *  2.3.1 演示-图片图标
 *  三 布局管理器
 *   *  3.1 绝对布局
     *   *  3.1.1 绝对布局简介
         *  3.1.2 演示-AbsoluteLayout
     *  3.2 流式布局管理器
     *   *  3.2.1 FlowLayout简介
         *  3.2.1 演示-FlowLayout
     *  3.3 边界布局管理器
     *   *  3.3.1 BorderLayout简介
         *  3.3.2 演示-BorderLayout使用
     *  3.4 网格布局管理器
     *   *  3.4.1 GridLayout简介
         *  3.4.2 演示-GridLayout使用
 *  四 面板
 *   *  4.1 JPanel
     *  4.2 JScrollPane
     *   *  4.2.1 JScrollPane简介
         *  4.2.2 演示
 *  五 按钮组件
 *   *  5.1 提交按钮组件(JButton)
     *  5.2 JButton演示
     *  5.3 单选按钮组件（JRadioButton）
     *  5.4 复选框组件（JCheckBox）
 *  六 列表组件
 *   *  6.1 下拉列表(JComBox)
     *  6.2 列表框（JList）
 *  七 文本组件
 *   *  7.1 文本框(JTextField)
     *  7.2 密码框(JPasswordField)
     *  7.3 文本域（JTextArea）
 *  八 JAVAGUI编程初识之贪吃蛇小案例
 *   *  8.1 前言
     *  8.2 下载源码和素材
     *  8.3 效果展示
     *  8.4 所有源码
     *   *  8.4.1 StartGame
         *  8.4.2 Data
         *  8.4.3 GamePanel

## 一 常用窗口 ##

*  Swing窗体是Swing的一个组件，同时也是创建图形化用户界面的容器，可以将其它组件放置在窗体容器中。

### 1.1 JFrame框架窗口 ###

*  JFrame窗体是一个容器，在Swing开发中它是Swing程序中各个组件的载体。

JFrame jf = new JFrame(title);

*  在开发中更常用的方式是通过继承java.swing.JFrame类创建一个窗体，可通过this关键字调用其方法。
 *  在JFrame对象创建完成后，需要调用getContentPane()方法将窗体转换为容器，然后在容器中添加组件
 *  或设置布局管理器，通常这个容器用来包含和显示组件。如果需要将组件添加至容器，可以使用来自Container类的add()方法进行设置。

### 1.2 演示-JFRame,JLable的使用 ###

import javax.swing.*;
    import java.awt.*;
    
    /**
     * @author 缘友一世
     * date 2022/12/29-16:29
     */
    public class TestJFrame {
        
        public void init() {
        
            //顶级窗口
            JFrame jFrame = new JFrame("这是一个窗口");
            jFrame.setBounds(300,300,500,500);
            jFrame.setVisible(true);
            //设置背景颜色不起作用 要在先获得容器，然后在容器里书写
            Container container = jFrame.getContentPane();
            container.setBackground(Color.yellow);
            JLabel jlabel=new JLabel("欢迎使用！");
            Font font = new Font("隶书",Font.PLAIN,40);
            jlabel.setFont(font);
            jlabel.setHorizontalAlignment(SwingConstants.CENTER);
    
            jFrame.add(jlabel);
    
            jFrame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
        public static void main(String[] args) {
        
            new TestJFrame().init();
        }
    }

![在这里插入图片描述][34de518c9caa4ab9ba60c623e5bf6916.png]

<table> 
 <thead> 
  <tr> 
   <th>常用的窗体关闭方式</th> 
   <th>说明</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td><code>DO_NOTHING_ON_CLOSE</code></td> 
   <td>什么也不做就将窗体关闭</td> 
  </tr> 
  <tr> 
   <td><code>DISPOSE_ON_CLOSE</code></td> 
   <td>任何注册监听程序对象后会自动隐藏并释放窗体</td> 
  </tr> 
  <tr> 
   <td><code>HIDE_ON_CLOSE</code></td> 
   <td>隐藏窗口的默认窗口关闭</td> 
  </tr> 
  <tr> 
   <td><code>EXIT_ON_CLOSE</code></td> 
   <td>退出应用程序默认窗口关闭</td> 
  </tr> 
 </tbody> 
</table>

### 1.3 JDialog标签 ###

*  JDialog窗体是Swing组件中的对话框，继承了AWT组件中的java.awt.Dialog类。功能是从一个窗体中弹出另一个窗体。

#### 1.3.1 演示-JDialog标签 ####

import javax.swing.*;
    import java.awt.*;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    
    /**
     * @author 缘友一世
     * date 2022/12/29-17:24
     */
    public class TestDialog extends JFrame {
        
        public TestDialog() {
        
            super("弹窗测试窗口");
            this.setBounds(200,200,600,600);
            this.setVisible(true);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
            this.setLayout(null);
            //JFrame 容器
            Container container = this.getContentPane();
            container.setLayout(null); //设置绝对定位
            container.setBackground(Color.gray);
            JButton jButton = new JButton("点击弹出对话框");
            Font font = new Font("隶书",Font.PLAIN,20);
            jButton.setFont(font);
            jButton.setBounds(200,200,200,100);
            container.add(jButton);
    
            jButton.addActionListener(new ActionListener() {
        
                @Override
                public void actionPerformed(ActionEvent e) {
        
                    new MyDialog();
                }
            });
        }
    
        public static void main(String[] args) {
        
            new TestDialog();
        }
    }
    class MyDialog extends JDialog{
        
        public MyDialog() {
        
            this.setVisible(true);
            this.setBounds(500,500,300,300);
            Container container = this.getContentPane();
            container.setLayout(null);
            JLabel jLabel = new JLabel("恭喜，测试弹窗成功！");
            Font font = new Font("隶书",Font.PLAIN,20);
            jLabel.setFont(font);
            jLabel.setVisible(true);
            jLabel.setBounds(20,20,300,100);
            container.add(jLabel);
        }
    }

![在这里插入图片描述][92b15a6dc2e14ecc84febc4c6a584ec7.png]

## 二 标签组件 ##

*  在Swing中显示文本或提示信息的方法是使用标签，它支持文本字符串和图标。如：JLabel

### 2.1 标签 ###

*  标签由JLabel类定义，可以显示一行只读文本、一个图像或带图像的文本。
 *  JLabel类提供了许多构造方法，如显示只有文本的标签、只有图标的标签或包含文本与图标的标签等。
 *  常用语法格式如下，创建的是一个不带图标和文本的JLabel对象：

JLabel jLable = new JLabel();

![在这里插入图片描述][3428740e86c443b1a362359d684dadc4.png]

### 2.2 图标 ###

#### 2.2.1 ICon接口简介 ####

*  Swing中的图标可以放置在按钮、标签等组件上，用于描述组件的用途。
 *  图标可以用Java支持的图片文件类型进行创建，也可以使用java.awt.Graphics类提供的功能方法来创建。
 *  在Swing中通过Icon接口来创建图标，可以在创建时给定图标的大小、颜色等特性。
 *  Icon是接口，在使用Icon接口的时候，必须实现Icon接口的三个方法

public int getIconHeight()
    public int getIconWidth()
    public void paintIcon(Component arg0, Graphics arg1, int arg2, int arg3)

*  前两个方法用于获取图片的长宽，paintIcon()方法用于实现在指定坐标位置画图

#### 2.2.2 演示-用Icon接口创建图标 ####

import javax.swing.*;
    import java.awt.*;
    
    /**
     * @author 缘友一世
     * date 2022/12/29-18:37
     */
    //icon 图标
    public class TestIcon extends JFrame implements Icon {
        
        private int width;
        private int height;
        public TestIcon() {
        
    
        }
        public TestIcon(int width,int height) {
        
            this.width=width;
            this.height=height;
        }
        public void init() {
        
            this.setVisible(true);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
            setBounds(300,300,500,500);
            TestIcon testIcon = new TestIcon(100, 100);
            JLabel label = new JLabel("IconTest", testIcon, SwingConstants.CENTER);
            Container container = getContentPane();
            container.add(label);
        }
    
    
        @Override
        public void paintIcon(Component c, Graphics g, int x, int y) {
        
            g.setColor(Color.green);
            g.fillOval(x,y,width,height);
        }
    
        @Override
        public int getIconWidth() {
        
            return width;
        }
    
        @Override
        public int getIconHeight() {
        
            return height;
        }
        public static void main(String[] args) {
        
            new TestIcon().init();
        }
    }

![在这里插入图片描述][87a700701d074353b8ae1b0a5e71d2b3.png]

### 2.3 图片图标 ###

*  Swing中的图标除了可以绘制之外，还可以使用某个特定的图片创建。利用javax.swing.ImageIcon类根据现有图片创建图标。

#### 2.3.1 演示-图片图标 ####

import javax.swing.*;
    import java.awt.*;
    import java.net.URL;
    
    /**
     * @author 缘友一世
     * date 2022/12/29-18:58
     */
    public class TestImageIcon extends JFrame {
        
        public TestImageIcon() {
        
    
            Container container = getContentPane();
            //获取资源地址
            //相对路径 直接以本java源代码所在的目录为默认目录
            //绝对路径 以/开头，默认的路径是src下的目录
            URL url = TestImageIcon.class.getResource("picture01.jpeg");
            JLabel label = new JLabel("ImageIcon");
            label.setBounds(20,20,700,700);
            //创建图片图标
            ImageIcon imageIcon = new ImageIcon(url);
            //放入label
            label.setIcon(imageIcon);
            container.add(label);
    
            setBounds(200,200,800,800);
            setVisible(true);
            setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
        public static void main(String[] args) {
        
            new TestImageIcon();
        }
    }

![在这里插入图片描述][48f08a2cac214988a6b9cbf3245bb955.png]

## 三 布局管理器 ##

*  Swing中，每个组件在容器中都有一个具体的位置和大小，入布局管理器它提供了基本的布局功能，可以有效的处理整个窗体的布局。
 *  常用的布局管理器包括流布局管理器、边界布局管理器、网格布局管理器等。

### 3.1 绝对布局 ###

#### 3.1.1 绝对布局简介 ####

*  硬性指定组件在容器中的位置和大小，可以使用绝对坐标的方式来指定组件的位置。
 *  使用步骤：
    
    1.  使用Container.setLayout(null)方法取消布局管理器
    2.  使用Container.setBounds()方法设置每个组件的位置和大小

Container container = getContentPane(); // 创建容器
    container.setLayout(null);//取消布局管理器
    JButton jb = new JButton("按钮"); // 创建按钮
    jb.setBounds(10, 30, 100, 30); // 设置按钮位置和大小
    container.add(jb); // 将按钮添加到容器中

#### 3.1.2 演示-AbsoluteLayout ####

import javax.swing.*;
    import java.awt.*;
    
    /**
     * @author 缘友一世
     * date 2022/12/31-10:38
     */
    public class TestAbsoluteLayout extends JFrame {
        
        public TestAbsoluteLayout() {
        
            setVisible(true);
            setBounds(300,300,300,300);
            Container container = getContentPane(); // 创建容器
            container.setLayout(null);//取消布局管理器
            JButton jb = new JButton("按钮"); // 创建按钮
            jb.setBounds(10, 30, 100, 30); // 设置按钮位置和大小
            container.add(jb); // 将按钮添加到容器中
            setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    
        public static void main(String[] args) {
        
            new TestAbsoluteLayout();
        }
    }

![在这里插入图片描述][57390b03e6c445888f5cd3e27d61f998.png]

### 3.2 流式布局管理器 ###

#### 3.2.1 FlowLayout简介 ####

*  流布局管理器是布局管理器中最基本的布局管理器，使用FlowLayout类，像“流”一样从左到右摆放组件，直到占据了这一行的所有空间，再向下移动一行。组件在每一行的位置默认居中排列，要更改位置可自行设置。
 *  在FlowLayout的有参构造方法中：
    
     *  alignment设置为0时，每一行的组件将被指定左对齐排列；
     *  当alignment被设置为2时，每一行的组件将被指定右对齐排列；
     *  当alignment被设置为1时，是默认的居中排列。

#### 3.2.1 演示-FlowLayout ####

/**
     * @author 缘友一世
     * date 2022/12/31-10:34
     */
    public class TestFlowLayout extends JFrame {
        
        public TestFlowLayout() {
        
            Container container = this.getContentPane();
            // 设置流布局管理器，2是右对齐，后两个参数分别为组件间的水平间隔和垂直间隔
            //this.setLayout(new FlowLayout(0, 10, 10));
            //this.setLayout(new FlowLayout(2, 10, 10));
            this.setLayout(new FlowLayout(1, 10, 10));
            // 循环添加按钮
            for(int i=0; i<=7; i++) {
        
                container.add(new JButton("按钮" + i));
            }
            this.setSize(300, 200);
            this.setVisible(true);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
        public static void main(String[] args) {
        
            new TestFlowLayout();
        }
    
    }

![在这里插入图片描述][675cfb468f7740cdbf9e932a5d082008.png]

### 3.3 边界布局管理器 ###

#### 3.3.1 BorderLayout简介 ####

*  在不指定窗体布局时，Swing组件默认的布局管理器是边界布局管理器，使用的是BorderLayout类。

#### 3.3.2 演示-BorderLayout使用 ####

import javax.swing.*;
    import java.awt.*;
    
    /**
     * @author 缘友一世
     * date 2022/12/31-10:44
     */
    public class TestBorderLayout extends JFrame {
        
        public TestBorderLayout() {
        
            String[] borderPosition={
        BorderLayout.CENTER,BorderLayout.NORTH,BorderLayout.SOUTH,BorderLayout.WEST,BorderLayout.EAST};
            String[] buttonContents={
        "中","北","南","西","东"};
            Container container = this.getContentPane();
            //设置容器为边界布局管理器
            this.setLayout(new BorderLayout());
            //添加按钮
            for (int i = 0; i < 5; i++) {
        
                //第一个参数 设置布局
                //第二个参数 创建按钮
                container.add(borderPosition[i],new JButton(buttonContents[i]));
            }
            setVisible(true);
            setBounds(300,300,300,200);
            setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    
        public static void main(String[] args) {
        
            new TestBorderLayout();
        }
    }

![在这里插入图片描述][e05752150e724fa78c3ebc6ccb3b2212.png]

### 3.4 网格布局管理器 ###

#### 3.4.1 GridLayout简介 ####

*  网格布局管理器将容器划分为网格，组件按行按列排列，使用GridLayout类。在此布局管理器中，每个组件的大小都相同，且会填满整个网格，改变窗体大小，组件也会随之改变。

#### 3.4.2 演示-GridLayout使用 ####

import javax.swing.*;
    import java.awt.*;
    
    /**
     * @author 缘友一世
     * date 2022/12/31-11:00
     */
    public class TestGridLayout extends JFrame {
        
        public TestGridLayout() {
        
            Container container = this.getContentPane();
            //行数 列数 网格间的行间距 网格间的竖直间距
            this.setLayout(new GridLayout(3,3,3,3));
            // 循环添加按钮
            for(int i=0; i<=7; i++) {
        
                container.add(new JButton("按钮" + i));
            }
            this.setSize(300, 200);
            this.setVisible(true);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    
        public static void main(String[] args) {
        
            new TestGridLayout();
        }
    }

![在这里插入图片描述][9088db9c781443aaa5e8a4532f3f0963.png]

## 四 面板 ##

*  面板也是一个容器，可作为容器容纳其他组件，但也必须被添加到其他容器中。Swing中常用面板有JPanel面板和JScrollPane面板。

### 4.1 JPanel ###

*  JPanel面板可以聚集一些组件来布局。继承自java.awt.Container类。

import javax.swing.*;
    import java.awt.*;
    
    /**
     * @author 缘友一世
     * date 2022/12/29-19:14
     */
    //面板
    public class TestJPanel extends JFrame {
        
        public TestJPanel() {
        
            setBounds(200,200,600,600);
            setVisible(true);
            setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
            Container container = getContentPane();
            container.setLayout(new GridLayout(2,1,10,10));
    
            JPanel panel = new JPanel(new GridLayout(1, 3));
            panel.add(new JButton("01"));
            panel.add(new JButton("02"));
            panel.add(new JButton("03"));
    
            container.add(panel);
    
        }
    
        public static void main(String[] args) {
        
            new TestJPanel();
        }
    }

![在这里插入图片描述][5b29a21642c04a4380161f60fedf1213.png]

### 4.2 JScrollPane ###

#### 4.2.1 JScrollPane简介 ####

*  若遇到一个较小的容器窗体中显示一个较大部分内容的情况，可用JScrollPane面板。这是一个带滚动条的面板，就像平时浏览网页，经常遇到的滚动条一样。
 *  如果需要在JScrollPane面板中放置多个组件，需将这多个组件放置在JPanel面板上，然后将JPanel面板作为一个整体组件添加在JScrollPane面板上。

#### 4.2.2 演示 ####

import javax.swing.*;
    import java.awt.*;
    
    /**
     * @author 缘友一世
     * date 2022/12/29-19:24
     */
    public class TestJScroll extends JFrame {
        
        public TestJScroll() {
        
            Container container = getContentPane();
            //文本域
            JTextArea textArea = new JTextArea(10, 30);
            textArea.setText("欢迎使用！");
            //scroll面板
            JScrollPane scrollPane = new JScrollPane(textArea);
            container.add(scrollPane);
            container.setVisible(true);
            //如果写在前面会导致，打开之后动一下窗口才可以显示
            setBounds(200,200,300,300);
            setVisible(true);
            setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    
        public static void main(String[] args) {
        
            new TestJScroll();
        }
    }

![在这里插入图片描述][7ad8c2532a0d4897bcd16e49f63e367e.png]

## 五 按钮组件 ##

### 5.1 提交按钮组件(JButton) ###

*  JButton在之前的例子中已经出现多次，是较为常用的组件，用于触发特定动作。可以在按钮上显示文本标签，还可以显示图标。

### 5.2 JButton演示 ###

import javax.swing.*;
    import java.awt.*;
    import java.net.URL;
    
    /**
     * @author 缘友一世
     * date 2022/12/29-19:36
     */
    //图片按钮
    public class TestJButton extends JFrame {
        
        public TestJButton() {
        
            Container container = this.getContentPane();
    
            //把图片变为一个图标
            URL url = TestJButton.class.getResource("picture01.jpeg");
            ImageIcon icon = new ImageIcon(url);
            //将图片放到按钮上
            JButton button = new JButton();
            button.setIcon(icon);
            button.setToolTipText("图片按钮");
    
            container.add(button);
    
            setVisible(true);
            setBounds(200,200,600,600);
            setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    
        public static void main(String[] args) {
        
            new TestJButton();
        }
    }

![在这里插入图片描述][6ed052f472964160b1958a1e5d82378e.png]

### 5.3 单选按钮组件（JRadioButton） ###

*  默认情况下，单选按钮显示一个圆形图标，通常在其旁放置一些说明性文字。当用户选中某个单选按钮后，按钮组中其它按钮将被自动取消，这时就需要按钮组（ButtonGroup）来将同组按钮放在一起，该按钮组中的按钮只能选择一个，而不在此按钮中的按钮不受影响。

import javax.swing.*;
    import java.awt.*;
    
    /**
     * @author 缘友一世
     * date 2022/12/29-19:43
     */
    public class TestJRadioButton extends JFrame {
        
        public TestJRadioButton() {
        
            Container container = this.getContentPane();
    
            JRadioButton button01 = new JRadioButton("button01");
            JRadioButton button02 = new JRadioButton("button02");
            JRadioButton button03 = new JRadioButton("button03");
            //分组
            ButtonGroup group = new ButtonGroup();
            group.add(button01);
            group.add(button02);
            group.add(button03);
    
            container.add(button01,BorderLayout.NORTH);
            container.add(button02,BorderLayout.CENTER);
            container.add(button03,BorderLayout.SOUTH);
    
            setVisible(true);
            setBounds(200,200,600,600);
            setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    
        public static void main(String[] args) {
        
            new TestJRadioButton();
        }
    }

![在这里插入图片描述][ab0cb08fdb784f0fb830ddf11b7aec46.gif_pic_center]

### 5.4 复选框组件（JCheckBox） ###

*  复选框是一个方块图标，外加一段描述性文字，与单选按钮的区别就是可以多选。每一个复选框都提供“选中”与“不选中”两种状态。

import javax.swing.*;
    import java.awt.*;
    
    /**
     * @author 缘友一世
     * date 2022/12/29-19:43
     */
    public class TestJCheckBox extends JFrame {
        
        public TestJCheckBox() {
        
            Container container = this.getContentPane();
    
            JCheckBox checkBox01 = new JCheckBox("checkBox01");
            JCheckBox checkBox02 = new JCheckBox("checkBox02");
    
            container.add(checkBox01,BorderLayout.WEST);
            container.add(checkBox02,BorderLayout.EAST);
    
            setVisible(true);
            setBounds(200,200,600,600);
            setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    
        public static void main(String[] args) {
        
            new TestJCheckBox();
        }
    }

![在这里插入图片描述][667c4da0762242ed88849ccc1d7fbe30.png]

## 六 列表组件 ##

### 6.1 下拉列表(JComBox) ###

/**
     * @author 缘友一世
     * date 2022/12/29-21:53
     */
    public class TestComboBox extends JFrame {
        
        public TestComboBox() {
        
            Container container = getContentPane();
            JPanel panel = new JPanel();
            panel.setBounds(20,20,100,100);
            JComboBox comboBox = new JComboBox();
            comboBox.addItem(null);
            comboBox.addItem("文件");
            comboBox.addItem("视图");
            comboBox.addItem("工具");
            panel.add(comboBox);
            container.add(panel);
    
            setVisible(true);
            setBounds(300,300,500,500);
            setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    
        public static void main(String[] args) {
        
            new TestComboBox();
        }
    }

![在这里插入图片描述][e8a6387c2ca549cca723f5ab6ba7e38d.png]

### 6.2 列表框（JList） ###

*  列表框只是在窗体上占据固定的大小，如果要使列表框具有滚动效果，可以将列表框放入滚动面板中。

import javax.swing.*;
    import java.awt.*;
    import java.util.Vector;
    
    /**
     * @author 缘友一世
     * date 2022/12/29-22:06
     */
    //列表框
    public class TestJList extends JFrame {
        
        public TestJList() {
        
            Container container = getContentPane();
            JPanel panel = new JPanel();
            panel.setBounds(20,20,100,100);
            Vector contents = new Vector();
            contents.add("香蕉");
            contents.add("苹果");
            contents.add("桃子");
            //列表框
            JList jList = new JList(contents);
            Font font = new Font("隶书",Font.PLAIN,30);
            jList.setFont(font);
            container.add(jList);
            setVisible(true);
            setBounds(300,300,500,500);
            setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    
        public static void main(String[] args) {
        
            new TestJList();
        }
    }

![在这里插入图片描述][e14706b474fc4ebcb7de6c619610c086.png]

## 七 文本组件 ##

### 7.1 文本框(JTextField) ###

*  文本框用来显示或编辑一个单行文本

import javax.swing.*;
    import java.awt.*;
    
    /**
     * @author 缘友一世
     * date 2022/12/29-22:16
     */
    public class TestTextField extends JFrame{
        
        public TestTextField() {
        
            Container container = getContentPane();
            Font font = new Font("隶书",Font.PLAIN,40);
            JPanel panel = new JPanel();
            panel.setBounds(20,20,100,100);
            panel.setLayout(new GridLayout(2,1));
            JTextField field1 = new JTextField("我是上边的文本域");
            JTextField field2 = new JTextField("我是下边的文本域",10);
            field1.setFont(font);
            field2.setFont(font);
            panel.add(field1);
            panel.add(field2);
            container.add(panel);
    
            setVisible(true);
            setBounds(300,300,500,500);
            setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    
        public static void main(String[] args) {
        
            new TestTextField();
        }
    }

![在这里插入图片描述][2b4bcd8a96e042f58d36a37ed2d0ad0f.png]

### 7.2 密码框(JPasswordField) ###

*  密码框与文本框的定义与用法类似，但会使用户输入的字符串以某种符号进行加密。

import javax.swing.*;
    import java.awt.*;
    
    /**
     * @author 缘友一世
     * date 2022/12/29-22:24
     */
    public class TestJPasswordField extends JFrame {
        
        public TestJPasswordField() {
        
            Container container = getContentPane();
            Font font = new Font("隶书",Font.PLAIN,40);
    
            JPasswordField passwordField = new JPasswordField();
            passwordField.setVisible(true);
            passwordField.setEchoChar('*');
            passwordField.setFont(font);
            container.add(passwordField);
    
            setVisible(true);
            setBounds(300,300,500,500);
            setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    
        public static void main(String[] args) {
        
            new TestJPasswordField();
        }
    }

![在这里插入图片描述][7ff7db6ccb5a4f4aa013f3fc46b71ab0.png]

### 7.3 文本域（JTextArea） ###

import javax.swing.*;
    import java.awt.*;
    
    /**
     * @author 缘友一世
     * date 2022/12/31-12:45
     */
    public class TestJTextArea extends JFrame {
        
    
        public TestJTextArea() {
        
            Container container = getContentPane();
            Font font = new Font("隶书",Font.PLAIN,40);
            JTextField textField = new JTextField();
            textField.setFont(font);
            textField.setText("这是一个文本域！");
            textField.setBounds(10,10,100,100);
    
            container.add(textField);
            setVisible(true);
            setBounds(300,300,500,500);
            setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    
        public static void main(String[] args) {
        
            new TestJTextArea();
        }
    }

![在这里插入图片描述][62c48e4a2e064036b122e38c6691b1a5.png]

## 八 JAVAGUI编程初识之贪吃蛇小案例 ##

### 8.1 前言 ###

*  学习狂神说，感谢！
 *  虽然游戏本身并不有多大的意义，但是练习它还是很有价值的。

### 8.2 下载源码和素材 ###

[snake项目源码+素材][snake]

### 8.3 效果展示 ###

![在这里插入图片描述][12c8d1ccf79941398a86241d021e4d47.gif_pic_center]

### 8.4 所有源码 ###

#### 8.4.1 StartGame ####

import javax.swing.*;
    
    /**
     * @author 缘友一世
     * date 2022/12/29-22:45
     */
    
    /**
     * 游戏主启动类
     */
    public class StartGame {
        
        public static void main(String[] args) {
        
            JFrame frame = new JFrame();
            //添加我们自己编写的画布背景
            frame.add(new GamePanel());
            /**
             * swing添加按钮监听后，面板监听失效
             *  1.在setVisible(true)方法前面加setFocusable(true)，默认面板为焦点。
             *  2.在按钮监听方法后添加requestFocus()方法，在每次执行完按钮点击后将面板设为焦点。
             */
            frame.setVisible(true);
            frame.setBounds(400,100,900,720);
            frame.setResizable(false);//设置窗口大小不可变
            frame.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    }

#### 8.4.2 Data ####

/**
     * @author 缘友一世
     * date 2022/12/29-23:04
     */
    
    import javax.swing.*;
    import java.net.URL;
    
    /**
     * 数据中心
     */
    public class Data {
        
        //相对路径
        //绝对路径 /开头
        public static URL headerURL=Data.class.getResource("statics/header.png");
        public static ImageIcon header= new ImageIcon(headerURL);
        public static URL upURL=Data.class.getResource("statics/up.png");
        public static ImageIcon up= new ImageIcon(upURL);
        public static URL downURL=Data.class.getResource("statics/down.png");
        public static ImageIcon down= new ImageIcon(downURL);
        public static URL leftURL=Data.class.getResource("statics/left.png");
        public static ImageIcon left= new ImageIcon(leftURL);
        public static URL rightURL=Data.class.getResource("statics/right.png");
        public static ImageIcon right= new ImageIcon(rightURL);
        public static URL bodyURL=Data.class.getResource("statics/body.png");
        public static ImageIcon body= new ImageIcon(bodyURL);
        public static URL foodURL=Data.class.getResource("statics/food.png");
        public static ImageIcon food= new ImageIcon(foodURL);
    
    }

#### 8.4.3 GamePanel ####

import javax.swing.*;
    import java.awt.*;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    import java.awt.event.KeyEvent;
    import java.awt.event.KeyListener;
    import java.util.Random;
    
    /**
     * @author 缘友一世
     * date 2022/12/29-22:49
     */
    
    /**
     * 游戏面板
     */
    public class GamePanel extends JPanel  implements KeyListener, ActionListener {
        
        //定义蛇的数据结构
        int length;//蛇的长度
        int[] snakeX=new int[600];//蛇的x坐标
        int[] snakeY=new int[500];//蛇的y坐标
        int foodX;//食物坐标X
        int foodY;//食物坐标Y
        int score;//得分
        Random random=new Random();
        String headDirection;//记录头的方向
        boolean isStart=false;//游戏的开始状态
        boolean isFail=false;//游戏的结束状态
        //定时器 ms为单位1000ms=1s
        Timer timer=new Timer(100,this);//0.1秒执行一次
    
        public GamePanel() {
        
            init();
            this.setFocusable(true);
            this.addKeyListener(this);
            timer.start();//游戏一开始定时器就启动
        }
        public void init() {
        
            length=3;
            headDirection="right";//初始化头的方向向右
            //蛇的身体一个单位是25px
            snakeX[0]=100;snakeY[0]=100;//脑袋坐标
            snakeX[1]=75;snakeY[1]=100;//第一节身体坐标
            snakeX[2]=50;snakeY[2]=100;//第二节身体坐标
            foodInit();//食物坐标初始化
            score=0;//分数初始化
        }
        //食物坐标初始化
        public void foodInit() {
        
            foodX=25+25*random.nextInt(34);
            foodY=75+25*random.nextInt(24);
        }
        //绘制面板 游戏中的所有东西都是用这个画笔来画的。
        @Override
        protected void paintComponent(Graphics g) {
        
            super.paintComponent(g);//清屏幕
            //绘制静态画板
            this.setBackground(Color.gray);
            //将头部的广告栏画上去 在JPanel，使用g画笔画
            Data.header.paintIcon(this,g,12,11);
            //默认的游戏界面
            g.fillRect(25,75,850,600);
            //画分数
            g.setColor(Color.GREEN);
            g.setFont(new Font("微软黑体",Font.BOLD,18));
            g.drawString("长度"+length,750,35);
            g.drawString("分数"+score,750,50);
    
            //画食物
            Data.food.paintIcon(this,g,foodX,foodY);
    
            //画初始位置的小蛇
            // 蛇头初识化向右 通过记录蛇头指向的变量判断再绘画
            if(headDirection.equals("right")) {
        
                Data.right.paintIcon(this,g,snakeX[0],snakeY[0]);
            }else if(headDirection.equals("left")) {
        
                Data.left.paintIcon(this,g,snakeX[0],snakeY[0]);
            }else if(headDirection.equals("up")) {
        
                Data.up.paintIcon(this,g,snakeX[0],snakeY[0]);
            }else if(headDirection.equals("down")) {
        
                Data.down.paintIcon(this,g,snakeX[0],snakeY[0]);
            }
            for (int i = 1; i < length; i++) {
        
                Data.body.paintIcon(this,g,snakeX[i],snakeY[i]);//蛇的身体
            }
            //判断游戏失败 撞到自己就算失败
            for (int i = 1; i < length; i++) {
        
                if(snakeX[0]==snakeX[i] && snakeY[0]==snakeY[i]) {
        
                    isFail=true;
                }
            }
    
            //绘制游戏开始状态
            if(isStart==false) {
        
                g.setColor(Color.orange);
                g.setFont(new Font("微软黑体",Font.BOLD,40));
                g.drawString("按下空格开始游戏",300,350);
            }
            //绘制游戏结束状态
            if(isFail) {
        
                g.setColor(Color.red);
                g.setFont(new Font("微软黑体",Font.BOLD,40));
                g.drawString("游戏失败，按下空格重新开始",200,350);
            }
    
    
        }
    
        @Override
        public void keyPressed(KeyEvent e) {
        
            int keyCode = e.getKeyCode();
            if(keyCode==KeyEvent.VK_SPACE) {
        
                if(isFail) {
        
                    //重新开始
                    isFail=false;
                    init();
                }else {
        
                    isStart=!isStart;
                }
                this.repaint();
            }
            //控制小蛇头的方向
            if(keyCode==KeyEvent.VK_UP) {
        
                headDirection="up";
            }else if(keyCode==KeyEvent.VK_DOWN) {
        
                headDirection="down";
            }else if(keyCode==KeyEvent.VK_LEFT) {
        
                headDirection="left";
            }else if(keyCode==KeyEvent.VK_RIGHT) {
        
                headDirection="right";
            }
        }
        //事件监听--需要通过固定事件来刷新
        @Override
        public void actionPerformed(ActionEvent e) {
        
            //让小蛇动起来
            if(isStart && isFail==false) {
        
                //吃食物
                if(snakeX[0]==foodX && snakeY[0]==foodY) {
        
                    length++;//长度+1
                    score+=10;//得分+10
                    //再次随机分配食物坐标
                    foodInit();
                }
    
                //看着比较别扭，但没错 右边是头 从左到右序号依次是2，1，0 所以依次从大到小变换位置
                for (int i = length - 1; i >0 ; i--) {
        
                    snakeX[i]=snakeX[i-1];
                    snakeY[i]=snakeY[i-1];
                }
                //边界判断 //头放在这里变化，是因为如果头绘制的过早，就被身体覆盖了
                if(headDirection.equals("right")) {
        
                    snakeX[0]= snakeX[0]+25;
                    if(snakeX[0]>850) {
        
                        snakeX[0]=25;
                    }
                }else if(headDirection.equals("left")) {
        
                    snakeX[0]= snakeX[0]-25;
                    if(snakeX[0]<25) {
        
                        snakeX[0]=850;
                    }
                }else if(headDirection.equals("up")) {
        
                    snakeY[0]= snakeY[0]-25;
                    if(snakeY[0]<75) {
        
                        snakeY[0]=650;
                    }
                }else if(headDirection.equals("down")) {
        
                    snakeY[0]= snakeY[0]+25;
                    if(snakeY[0]>650) {
        
                        snakeY[0]=75;
                    }
                }
    
                //重画页面
                repaint();
            }
            timer.start();//定时器开启
        }
    
        @Override
        public void keyTyped(KeyEvent e) {
        
    
        }
        @Override
        public void keyReleased(KeyEvent e) {
        
    
        }
    
    }

[34de518c9caa4ab9ba60c623e5bf6916.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/766aa04b0aa5470db85e15a3e36c44a2.png
[92b15a6dc2e14ecc84febc4c6a584ec7.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/0856fd3559364e13889eac5b8a316b5f.png
[3428740e86c443b1a362359d684dadc4.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/73232e13148c4764973e39a9bb3c9f01.png
[87a700701d074353b8ae1b0a5e71d2b3.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/dd6870e81f554827a54d21688a908a7a.png
[48f08a2cac214988a6b9cbf3245bb955.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/e9d363beeb9040168f8390970edab10c.png
[57390b03e6c445888f5cd3e27d61f998.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/5f014095bc034ef7b3a8c5aa72ff6da2.png
[675cfb468f7740cdbf9e932a5d082008.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/5424794872254ca895ea0651aee6a3b0.png
[e05752150e724fa78c3ebc6ccb3b2212.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/953bbd92012b4a7b974b7f0570bf20a8.png
[9088db9c781443aaa5e8a4532f3f0963.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/34a14cd850a44a48b90fb9e12644a6bf.png
[5b29a21642c04a4380161f60fedf1213.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/78c3ff2258534dbda4f7cd495caaa6c1.png
[7ad8c2532a0d4897bcd16e49f63e367e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/e13c33cea5bd4578930fe4a2bbe7d4ff.png
[6ed052f472964160b1958a1e5d82378e.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/9ceb2940e8a44065acec7f2e95080a06.png
[ab0cb08fdb784f0fb830ddf11b7aec46.gif_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/0e3538d48263402fa403a0f70a0d6894.gif
[667c4da0762242ed88849ccc1d7fbe30.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/63206c8a86ec4ebdb3b7ce11fdf3f121.png
[e8a6387c2ca549cca723f5ab6ba7e38d.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/cbd6fb38aebb422ab38b4bc3fba69e19.png
[e14706b474fc4ebcb7de6c619610c086.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/57ac926df12f49029718d51b9302c59e.png
[2b4bcd8a96e042f58d36a37ed2d0ad0f.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/110efe0f5a6346e6a41163a3f4e39e47.png
[7ff7db6ccb5a4f4aa013f3fc46b71ab0.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/7ee6276131524d7aa38ccae8dd56a373.png
[62c48e4a2e064036b122e38c6691b1a5.png]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/d404836e70fe46ea835a371a255462b9.png
[snake]: https://download.csdn.net/download/yang2330648064/87355701
[12c8d1ccf79941398a86241d021e4d47.gif_pic_center]: https://image.dandelioncloud.cn/pgy_files/images/2024/03/30/cbaa30ac42604ed18d94be5c41b19f19.gif