GUI编程

超、凢脫俗 2023-10-05 22:14 51阅读 0赞

## GUI编程 ##

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

跟着b站狂神做的笔记，温故而知新

告诉大家该怎么学？

*  这是什么？
 *  它该怎么玩？
 *  该如何去在我们平时运用？

组件

*  窗口
 *  弹窗
 *  面板
 *  文本框
 *  列表框
 *  按钮button
 *  图片
 *  监听事件
 *  鼠标
 *  键盘事件
 *  破解工具

## 1、简介 ##

GUI的核心技术：swing、AWT

为啥不流行？

1.因为界面不美观

2.需要jre环境（内存太大）

为什么我们要学习？

1.可以写出自己心中想要的一些小工具

2.工作时候，也可能需要维护到swing界面（概率极小）

3.了解MVC架构，了解监听！

## 2、AWT ##

#### 2.1、Awt介绍 ####

1.包含了很多类和接口！GUI！

2.元素：窗口、按钮、文本框

3.java.awt

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ_size_14_color_FFFFFF_t_70_g_se_x_16_pic_center]

组件（Component）

按钮（button）

文本域（TextArea)

标签（Label）

容器（Container）

面板（Panel）

#### 2.2、组件和容器 ####

##### 1、Frame #####

//GUI的第一个界面
    public class TestFrame {
        
        public static void main(String[] args) {
        
    
            //Frame,JDK，看源码！
            //双击选取要查看的类，Ctrl+b弹出源码。
            Frame frame = new Frame("第一个java图像界面窗口");
    
            //需要设置可见性
            frame.setVisible(true);
    
            //设置窗口大小    w   h
            frame.setSize(400,400);
    
            //设置背景颜色Color
            frame.setBackground(new Color(85,150,68));
    
            //弹出的初始位置
            frame.setLocation(200,200);
    
            //设置大小固定
            frame.setResizable(false);
        }
    }

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ_size_11_color_FFFFFF_t_70_g_se_x_16_pic_center]

发现弹窗关闭不掉----停止程序运行

尝试回顾封装：

public class TestFrame2 {
        
        public static void main(String[] args) {
        
            //展示多个窗口，可以使用封装
            //将所需要的程序封装成一个类，然后在main方法中调用这个类
            MyFrame myFrame1 = new MyFrame(100, 100, 200, 200, Color.BLUE);
            MyFrame myFrame2 = new MyFrame(300, 100, 200, 200, Color.GREEN);
            MyFrame myFrame3 = new MyFrame(100, 300, 200, 200, Color.RED);
            MyFrame myFrame4 = new MyFrame(300, 300, 200, 200, Color.YELLOW);
        }
    }
    
    class MyFrame extends Frame{
        
        //static全局变量
        static int id = 0 ;//可能存在多个窗口，我们需要一个计数器
    
        //Alt+insert 自动弹出set和get方法
        //构造器
        public MyFrame(int x,int y,int w,int h,Color color){
        
            super("MyFrame+"+(++id));
            //因为本身就是继承了父类，所以不需要加前缀
            setBounds(x,y,w,h);//直接设定大小和初始位置
            setBackground(color);
            setVisible(true);
        }
    }

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ_size_11_color_FFFFFF_t_70_g_se_x_16_pic_center 1]

##### 2、面板Panel #####

//Panel 可以看成是一个空间，但是不能单独使用
    public class TestPanel {
        
        public static void main(String[] args) {
        
            Frame frame = new Frame();
            //布局的概念
            Panel panel = new Panel();
    
            //设置布局
            frame.setLayout(null);
    
            //坐标
            frame.setBounds(300,300,500,500);
            frame.setBackground(new Color(77, 136,200));
    
            //panel设置坐标，相对于Frame
            panel.setBounds(50,50, 400,400);
            panel.setBackground(new Color(252, 254, 65));
    
            //frame.add(panel);
            frame.add(panel);
            
            frame.setVisible(true);
    
            //监听事件，监听窗口关闭事件 System.exit(0)
            //适配器模式：Adapter
            frame.addWindowListener(new WindowAdapter() {
        
                //窗口点击关闭的时候需要做的事情
                @Override
                public void windowClosing(WindowEvent e) {
        
                    //结束程序
                    System.exit(0);
                }
            });
    
    
        }
    }

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ_size_14_color_FFFFFF_t_70_g_se_x_16_pic_center 1]

#### 2.3、布局管理器 ####

*  流式布局
 *      public class TestFlowLayout {
              
            public static void main(String[] args) {
              
                Frame frame = new Frame();
        
                //组件-按钮
                Button button1 = new Button("button1");
                Button button2 = new Button("button2");
                Button button3 = new Button("button3");
        
                //设置为设置为流式布局
                //frame.setLayout(new FlowLayout());
                //frame.setLayout(new FlowLayout(FlowLayout.LEFT));
                frame.setLayout(new FlowLayout(FlowLayout.RIGHT));
        
                frame.setSize(200,200);
        
                //把按钮添加上去
                frame.add(button1);
                frame.add(button2);
                frame.add(button3);
        
                frame.setVisible(true);
        
            }
        }
 *  东西南北中
 *      public class TestBorderLayout {
              
            public static void main(String[] args) {
              
                Frame frame = new Frame("TestBorderLayout");
        
                Button east = new Button("East");
                Button west = new Button("West");
                Button south = new Button("South");
                Button north = new Button("North");
                Button center = new Button("Center");
        
                frame.add(east,BorderLayout.EAST);
                frame.add(west,BorderLayout.WEST);
                frame.add(south,BorderLayout.SOUTH);
                frame.add(north,BorderLayout.NORTH);
                frame.add(center,BorderLayout.CENTER);
        
                frame.setSize(200,200);
                frame.setVisible(true);
        
        
            }
        }
 *  表格布局
 *      public class TestGridLayout {
              
            public static void main(String[] args) {
              
                Frame frame = new Frame("TestGridLayout");
        
                Button btn1 = new Button("btn1");
                Button btn2 = new Button("btn2");
                Button btn3 = new Button("btn3");
                Button btn4 = new Button("btn4");
                Button btn5 = new Button("btn5");
                Button btn6 = new Button("btn6");
        
                frame.setLayout(new GridLayout(3,2));
        
                frame.add(btn1);
                frame.add(btn2);
                frame.add(btn3);
                frame.add(btn4);
                frame.add(btn5);
                frame.add(btn6);
        
                frame.setVisible(true);
                frame.pack();//
                java函数！自动填充
        
        
            }
        }

demo01

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ_size_11_color_FFFFFF_t_70_g_se_x_16_pic_center 2]

//练习的demo讲解
    public class Demo01 {
        
        public static void main(String[] args) {
        
            //总 Frame
            Frame frame = new Frame();
    
            frame.setSize(400,300);
            frame.setLocation(300,400);
            frame.setBackground(Color.GREEN);
            frame.setVisible(true);
            frame.setLayout(new GridLayout(2,1));
    
            //四个面板
            Panel p1 = new Panel(new BorderLayout());
            Panel p2 = new Panel(new GridLayout(2,1));
            Panel p3 = new Panel(new BorderLayout());
            Panel p4 = new Panel(new GridLayout(2,1));
    
    
            p1.add(p2,BorderLayout.CENTER);
            p1.add(new Button("east1"),BorderLayout.EAST);
            p1.add(new Button("west1"),BorderLayout.WEST);
            p2.add(new Button("center1"));
            p2.add(new Button("center2"));
    
            frame.add(p1);
    
            p3.add(p4,BorderLayout.CENTER);
            p3.add(new Button("east2"),BorderLayout.EAST);
            p3.add(new Button("west2"),BorderLayout.WEST);
            for (int i = 1; i < 5; i++) {
        
                p4.add(new Button("center-p4-"+i));
            }
    
            frame.add(p3);
    
            //添加鼠标监听
            frame.addWindowListener(new WindowAdapter() {
        
                @Override
                public void windowClosing(WindowEvent e) {
        
                    System.exit(0);
                }
            });
        }
    }

总结：

1.  Frame是一个顶级窗口
2.  Panel无法单独显示，必须添加到某个容器中
3.  布局管理器
    
    1.流式
    
    2.东西南北中
    
    3.表格
4.  大小，定位，背景颜色，可见性，监听！

#### 2.4、事件监听 ####

事件监听：当某个事情发生的时候，干什么？

public class TestActionEvent {
        
        public static void main(String[] args) {
        
            //按下按钮，触发一些事件
            Frame frame = new Frame();
            Button btn1 = new Button("练习");
    
            //因为addActionListener（）需要一个actionListener,所以我们需要构造一个ActionListener
            MyActionListener myActionListener = new MyActionListener();
            btn1.addActionListener(myActionListener);
    
            frame.add(btn1,BorderLayout.CENTER);
            frame.pack();
            frame.setVisible(true);
    
            //网络编程： 按下！
    
        }
    
        //关闭窗体的事件
        public static void windowClose(Frame frame){
        
            frame.addWindowListener(new WindowAdapter() {
        
                @Override
                public void windowClosing(WindowEvent e) {
        
                    System.exit(0);
                }
            });
        }
    }
    
    //事件监听
    class MyActionListener implements ActionListener{
        
    
        @Override
        public void actionPerformed(ActionEvent actionEvent) {
        
            System.out.println("action");
        }
    }

当多个按钮共享一个事件：

public class TestActionTwo {
        
        public static void main(String[] args) {
        
            //两个按钮，实现同一个监听
            // 开始       停止
            Frame frame = new Frame("开始-停止");
            Button start = new Button("start");
            Button stop = new Button("stop");
    
            //自定义会改变结果显示，如果不定义会走默认的值
            //可以多个按钮只写一个监听类
            stop.setActionCommand("button555");
    
            MyMonitor myMonitor = new MyMonitor();
            start.addActionListener(myMonitor);
            stop.addActionListener(myMonitor);
    
            frame.setLayout(new GridLayout(2,1));
            frame.add(start);
            frame.add(stop);
            frame.setVisible(true);
        }
    }
    
    class MyMonitor implements ActionListener{
        
        @Override
        public void actionPerformed(ActionEvent e) {
        
            //e.getActionCommand();获得按钮信息
            System.out.println("输出信息："+e.getActionCommand());
        }
    }

#### 2.5、输入框TextField监听 ####

import java.awt.*;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    
    public class TestTest01 {
        
        public static void main(String[] args) {
        
            //启动！
            new MyFrame();
        }
    }
    
    class MyFrame extends Frame{
        
        public MyFrame(){
        
            TextField textField = new TextField();
            add(textField);
    
            //监听这个文本框输入的名字
            MyActionListener2 myActionListener2 = new MyActionListener2();
            //按下回车enter，就会触发这个输入框的事件
            textField.addActionListener(myActionListener2);
    
            //设置替换编码
            textField.setEchoChar('*');
    
            setVisible(true);
            pack();
        }
    }
    
    class MyActionListener2 implements ActionListener{
        
        @Override
        public void actionPerformed(ActionEvent actionEvent) {
        
            TextField field = (TextField)actionEvent.getSource();//获得一些资源,返回的一个对象
            System.out.println(field.getText());//获得输入框的文本
            field.setText("");//null是对象  ""是空字符串
        }
    }

#### 2.6、简易计算器，组合＋内部类回顾复习！ ####

oop原则：组合，大于继承！

class A extends B{
        
        //继承
    }
    
    class A{
        
        //组合
        public B b;
    }

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

目前代码

import java.awt.*;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    
    //简易计算器
    public class TestCalc {
        
        public static void main(String[] args) {
        
            new Calculator();
        }
    }
    
    //计算机类
    class Calculator extends Frame{
        
        public Calculator(){
        
            //3个文本框
            TextField num1 = new TextField(10);//字符数
            TextField num2 = new TextField(10);//字符数
            TextField num3 = new TextField(20);//字符数
    
            //1个按钮
            Button button = new Button("=");
            button.addActionListener(new MyCalculatorListener(num1,num2,num3));
    
            //一个标签
            Label label = new Label("+");
    
            //流式布局
            setLayout(new FlowLayout());
    
            //添加组件
            add(num1);
            add(label);
            add(num2);
            add(button);
            add(num3);
    
            setVisible(true);
            pack();
    
        }
    }
    
    //监听器类
    class MyCalculatorListener implements ActionListener{
        
        //获取三个变量
        private TextField num1,num2,num3;
        public MyCalculatorListener(TextField num1,TextField num2,TextField num3) {
        
            this.num1 = num1;
            this.num2 = num2;
            this.num3 = num3;
        }
    
        @Override
        public void actionPerformed(ActionEvent actionEvent) {
        
            //1.获得加数和被加数
            int n1 = Integer.parseInt(num1.getText());
            int n2 = Integer.parseInt(num2.getText());
    
            //2.将这个值+法运算后，放到第三个框
            num3.setText(""+(n1+n2));
    
            //3.清除前两个框
            num1.setText("");
            num2.setText("");
        }
    }

完全改造成面向对象写法

import java.awt.*;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    
    //简易计算器
    public class TestCalc {
        
        public static void main(String[] args) {
        
            new Calculator().loadFrame();
        }
    }
    
    //计算机类
    class Calculator extends Frame{
        
    
        //属性
        TextField num1,num2,num3;
        //方法
        public void loadFrame(){
        
            //3个文本框
            num1 = new TextField(10);//字符数
            num2 = new TextField(10);//字符数
            num3 = new TextField(20);//字符数
    
            //1个按钮
            Button button = new Button("=");
            button.addActionListener(new MyCalculatorListener(this));
    
            //一个标签
            Label label = new Label("+");
    
            //流式布局
            setLayout(new FlowLayout());
    
            //添加组件
            add(num1);
            add(label);
            add(num2);
            add(button);
            add(num3);
    
            setVisible(true);
            pack();
    
        }
    }
    
    //监听器类
    class MyCalculatorListener implements ActionListener{
        
    
        //获取计算机这个对象
        Calculator calculator = null;
    
        public MyCalculatorListener(Calculator calculator) {
        
            this.calculator = calculator;
        }
    
        @Override
        public void actionPerformed(ActionEvent actionEvent) {
        
            //1.获得加数和被加数
            //2.将这个值+法运算后，放到第三个框
            //3.清除前两个框
            int n1 = Integer.parseInt(calculator.num1.getText());
            int n2 = Integer.parseInt(calculator.num2.getText());
            calculator.num3.setText(""+(n1+n2));
            calculator.num1.setText("");
            calculator.num2.setText("");
        }
    }

内部类

*  更好的包装
 *      import java.awt.*;
        import java.awt.event.ActionEvent;
        import java.awt.event.ActionListener;
        
        //简易计算器
        public class TestCalc {
              
            public static void main(String[] args) {
              
                new Calculator().loadFrame();
            }
        }
        
        //计算机类
        class Calculator extends Frame{
              
        
            //属性
            TextField num1,num2,num3;
            //方法
            public void loadFrame(){
              
                //3个文本框
                num1 = new TextField(10);//字符数
                num2 = new TextField(10);//字符数
                num3 = new TextField(20);//字符数
        
                //1个按钮
                Button button = new Button("=");
                button.addActionListener(new MyCalculatorListener());
        
                //一个标签
                Label label = new Label("+");
        
                //流式布局
                setLayout(new FlowLayout());
        
                //添加组件
                add(num1);
                add(label);
                add(num2);
                add(button);
                add(num3);
        
                setVisible(true);
                pack();
        
            }
        
            //监听器类
            //内部类最大的好处，就是可以畅通无阻的访问外部类
            private class MyCalculatorListener implements ActionListener{
              
        
                @Override
                public void actionPerformed(ActionEvent actionEvent) {
              
                    //1.获得加数和被加数
                    //2.将这个值+法运算后，放到第三个框
                    //3.清除前两个框
                    int n1 = Integer.parseInt(num1.getText());
                    int n2 = Integer.parseInt(num2.getText());
                    num3.setText(""+(n1+n2));
                    num1.setText("");
                    num2.setText("");
                }
            }
        }

#### 2.7、画笔 ####

import java.awt.*;
    
    public class TestPaint {
        
        public static void main(String[] args) {
        
            new MyPaint().loadFrame();
        }
    }
    
    class MyPaint extends Frame{
        
    
        public void loadFrame(){
        
            setBounds(200,200,600,500);
            setVisible(true);
        }
    
        //画笔
        @Override
        public void paint(Graphics g) {
        
            //super.paint(g);
            //画笔需要有颜色，画笔可以画画
            g.setColor(Color.red);
            g.drawOval(100,100,100,100);
            g.fillOval(100,200,100,100);
    
            g.setColor(Color.yellow);
            g.fillRect(200,200,100,200);
    
            //养成习惯，画笔用完，还原到最初的颜色 
        }
    }

#### 2.8、鼠标监听 ####

目的：想要实现鼠标画画

![在这里插入图片描述][watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ_size_13_color_FFFFFF_t_70_g_se_x_16_pic_center]

import java.awt.*;
    import java.awt.event.MouseAdapter;
    import java.awt.event.MouseEvent;
    import java.util.ArrayList;
    import java.util.Iterator;
    
    //鼠标监听事件
    public class TestMouseListener {
        
        public static void main(String[] args) {
        
            new MyFrame("画画");
        }
    }
    
    //自己的类
    class MyFrame extends Frame{
        
        //画画需要画笔，需要监听鼠标当前的位置，需要集合来存储这个点
        ArrayList points;
    
        public MyFrame(String title){
        
            super(title);
            setBounds(200,200,400,300);
            //存鼠标点击的点
            points = new ArrayList<>();
    
            //鼠标监听器，正对这个窗口
            this.addMouseListener(new MyMouseListener());
    
            setVisible(true);
        }
    
        @Override
        public void paint(Graphics g) {
        
            //画画，监听鼠标的事件
            Iterator iterator = points.iterator();
            while (iterator.hasNext()) {
        
                Point point = (Point)iterator.next();
                g.setColor(Color.BLUE);
                g.fillOval(point.x,point.y,10,20);
            }
        }
    
        //添加一个点到界面上
        public void addPaint(Point point){
        
            points.add(point);
        }
    
        //适配器模式
        private class MyMouseListener extends MouseAdapter{
        
            //鼠标   按下，弹起，按住不放
    
            @Override
            public void mousePressed(MouseEvent e) {
        
                MyFrame myFrame = (MyFrame) e.getSource();
                //这里我们点击的时候，就会在界面上产生一个点！画
                //这个点就是鼠标的点
                myFrame.addPaint(new Point(e.getX(),e.getY()));
    
                //每次点击鼠标都需要重新画一遍
                myFrame.repaint();//刷新
            }
        }
    }

#### 2.9、窗口监听 ####

import java.awt.*;
    import java.awt.event.WindowAdapter;
    import java.awt.event.WindowEvent;
    
    public class TestWindow {
        
        public static void main(String[] args) {
        
            new WindowFrame();
        }
    }
    
    class WindowFrame extends Frame{
        
        public WindowFrame() {
        
            setBackground(Color.GREEN);
            setBounds(100,100,200,200);
            setVisible(true);
            //addWindowListener(new MyWindowListener());
    
            this.addWindowListener(
                    //匿名内部类
                    new WindowAdapter() {
        
                        //关闭窗口
                        @Override
                        public void windowClosing(WindowEvent e) {
        
                            System.out.println("n你点击了X");
                        }
                        //激活窗口
                        @Override
                        public void windowActivated(WindowEvent e) {
        
                            System.out.println("激活窗口");
                        }
                    }
            );
        }
    }

#### 2.10、键盘监听 ####

import java.awt.*;
    import java.awt.event.KeyAdapter;
    import java.awt.event.KeyEvent;
    
    //键盘
    public class TestKeyListener {
        
        public static void main(String[] args) {
        
            new KeyFrame();
        }
    }
    
    class KeyFrame extends Frame{
        
        public KeyFrame(){
        
            setBounds(1,2,300,400);
            setVisible(true);
    
            this.addKeyListener(
                    new KeyAdapter() {
        
                        //键盘按下
                        @Override
                        public void keyPressed(KeyEvent e) {
        
                            //获得键盘下的键是哪一个，当前的码
                            int keyCode = e.getKeyCode();//不需要去记录这个数值，直接记录这个静态属性就可以了VK_xxx
                            System.out.println(keyCode);
                            if (keyCode == KeyEvent.VK_UP){
        
                                System.out.println("你按下了上键");
                            }
                            //根据按下不同操作，产生不同结果
                        }
                    }
            );
        }
    }

## 3、Swing ##

#### 3.1、窗口、面板 ####

import javax.swing.*;
    import java.awt.*;
    
    public class JFrameDemo02 {
        
        public static void main(String[] args) {
        
            new MyJFrame2().init();
        }
    }
    
    class MyJFrame2 extends JFrame{
        
    
        //init(); 初始化
        public void init(){
        
            this.setBounds(10,10,200,300);
            this.setVisible(true);
    
            //设置文字  JLabel
            JLabel label = new JLabel("欢迎学习java");
            this.add(label);
    
            //让文本标签居中   设置水平对齐
            label.setHorizontalAlignment(SwingConstants.CENTER);
    
            //获得一个容器
            Container container = this.getContentPane();
            container.setBackground(Color.GREEN);
    
            //关闭事件
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    }

#### 3.2、弹窗 ####

JDialog，用来被弹出，默认就有关闭事件！

import javax.swing.*;
    import java.awt.*;
    import java.awt.event.ActionEvent;
    import java.awt.event.ActionListener;
    
    //主窗口
    public class DialogDemo extends JFrame {
        
    
        public DialogDemo(){
        
            this.setVisible(true);
            this.setSize(700,500);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    
            //JFrame 放东西，容器
            Container container = this.getContentPane();
            //绝对布局
            container.setLayout(null);
    
            //按钮
            JButton button = new JButton("弹出一个对话框");//创建
            button.setBounds(30,30,200,50);
    
            //点击这个按钮的时候，弹出一个弹窗
            button.addActionListener(new ActionListener() {
        //监听器
                @Override
                public void actionPerformed(ActionEvent actionEvent) {
        
                    //弹窗
                    new MyDialogDemo();
                }
            });
            
            container.add(button);
        }
    
        public static void main(String[] args) {
        
            new DialogDemo();
        }
    }
    
    
    //弹窗的窗口
    class MyDialogDemo extends JDialog{
        
        public MyDialogDemo() {
        
            this.setVisible(true);
            this.setBounds(100,100,500,500);
            //this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    
            Container container = this.getContentPane();
            container.setLayout(null);
    
            container.add(new Label("2022年努力赚钱"));
        }
    }

#### 3.3、标签 ####

label

new JLabel("xxx");

图标ICON

//图标，是一个接口，需要实现类    JFrame继承
    public class IconDemo extends JFrame implements Icon {
        
    
        private int width;
        private int height;
    
        public IconDemo(){
        }//无参构造
    
        public IconDemo(int width, int height){
        
            this.width = width;
            this.height = height;
        }
    
        public void init(){
        
            IconDemo iconDemo = new IconDemo(15, 15);
            //图标放在标签上，也可以放在按钮上！
            JLabel label = new JLabel("iconTest", iconDemo, SwingConstants.CENTER);
    
            Container container = getContentPane();
            container.add(label);
    
            this.setVisible(true);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    
        public static void main(String[] args) {
        
            new IconDemo().init();
        }
    
        @Override
        public void paintIcon(Component component, Graphics graphics, int i, int i1) {
        
            graphics.fillOval(i,i1,width,height);
        }
    
        @Override
        public int getIconWidth() {
        
            return this.width;
        }
    
        @Override
        public int getIconHeight() {
        
            return this.height;
        }
    }

图片Icon

public class ImageIconDemo extends JFrame {
        
    
        public ImageIconDemo(){
        
            //获取图片的地址
            JLabel label = new JLabel("ImageIcon");
            URL url = ImageIconDemo.class.getResource("小鹿1.jpg");//通过类获得同级目录下的东西
    
            //遇到了一点小问题：当图片是.jpeg的时候，会读不到没显示空指针异常
            //解决：把后缀改成.jpg就ok了
    
            ImageIcon imageIcon = new ImageIcon(url);//命名不要冲突了
            label.setIcon(imageIcon);
            label.setHorizontalAlignment(SwingConstants.CENTER);
    
            Container container = getContentPane();
            container.add(label);
    
            setVisible(true);
            setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
            setBounds(100,100,400,600);
        }
    
        public static void main(String[] args) {
        
            new ImageIconDemo();
        }
    }

#### 3.4、面板 ####

public class JPanelDemo extends JFrame {
        
    
        public JPanelDemo(){
        
            Container container = this.getContentPane();
    
            container.setLayout(new GridLayout(2,1,10,10));//后面的参数的意思，间距
    
            JPanel panel1 = new JPanel(new GridLayout(1, 3));
            JPanel panel2 = new JPanel(new GridLayout(3, 1));
            JPanel panel3 = new JPanel(new GridLayout(2, 2));
            JPanel panel4 = new JPanel(new GridLayout(3, 2));
    
            panel1.add(new Button("1"));
            panel1.add(new Button("1"));
            panel1.add(new Button("1"));
            panel2.add(new Button("2"));
            panel2.add(new Button("2"));
            panel2.add(new Button("2"));
            panel3.add(new Button("3"));
            panel3.add(new Button("3"));
            panel3.add(new Button("3"));
            panel3.add(new Button("3"));
            panel4.add(new Button("4"));
            panel4.add(new Button("4"));
            panel4.add(new Button("4"));
            panel4.add(new Button("4"));
            panel4.add(new Button("4"));
            panel4.add(new Button("4"));
            
            container.add(panel1);
            container.add(panel2);
            container.add(panel3);
            container.add(panel4);
    
            this.setVisible(true);
            this.setSize(500,500);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
    
        }
    
        public static void main(String[] args){
        
            new JPanelDemo();
        }
    }

JScrollPanel边框滚动条

public class JScrollDemo extends JFrame {
        
        public JScrollDemo(){
        
            Container container = this.getContentPane();
    
            //文本域
            JTextArea textArea = new JTextArea(20, 50);
            textArea.setText("欢迎学习java--狂神");
    
            //container.add(textArea);将文本域加到容器中
            //Scroll面板
            JScrollPane scrollPane = new JScrollPane(textArea);
            container.add(scrollPane);
    
            this.setVisible(true);
            this.setBounds(100,100,300,350);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
        
        public static void main(String[] args) {
        
            new JScrollDemo();
        }
    }

#### 3.5、按钮 ####

public class JButtonDemo01 extends JFrame {
        
        public static void main(String[] args) {
        
            new JButtonDemo01();
        }
    
        public JButtonDemo01(){
        
            Container container = this.getContentPane();
            //将一个图片变成图标
            URL resource = JButtonDemo01.class.getResource("小鹿1.jpg");
            Icon icon = new ImageIcon(resource);
    
            //把这个图标放在按钮上
            JButton button = new JButton();
            button.setIcon(icon);
            button.setToolTipText("这个是一个把图片变成图标的按钮");
    
            //add
            container.add(button);
    
            this.setVisible(true);
            this.setBounds(10,10,500,500);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    }

*  单选按钮

public class JButtonDemo02 extends JFrame {
        
        public static void main(String[] args) {
        
            new JButtonDemo02();
        }
    
        public JButtonDemo02(){
        
            Container container = this.getContentPane();
            //将一个图片变成图标
            URL resource = JButtonDemo01.class.getResource("小鹿1.jpg");
            Icon icon = new ImageIcon(resource);
    
            //单选框
            JRadioButton jRadioButton1 = new JRadioButton("JRadioButton1");
            JRadioButton jRadioButton2 = new JRadioButton("JRadioButton2");
            JRadioButton jRadioButton3 = new JRadioButton("JRadioButton3");
    
            //由于单选框只能选择一个，分组 ,一个组中只能选择一个
            ButtonGroup group = new ButtonGroup();
            group.add(jRadioButton1);
            group.add(jRadioButton2);
            group.add(jRadioButton3);
    
            //add
            container.add(jRadioButton1,BorderLayout.CENTER);
            container.add(jRadioButton2,BorderLayout.NORTH);
            container.add(jRadioButton3,BorderLayout.SOUTH);
    
            this.setVisible(true);
            this.setBounds(10,10,500,500);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    }

*  复选按钮

public class JButtonDemo03 extends JFrame {
        
        public static void main(String[] args) {
        
            new JButtonDemo03();
        }
    
        public JButtonDemo03(){
        
            Container container = this.getContentPane();
            //将一个图片变成图标
            URL resource = JButtonDemo01.class.getResource("小鹿1.jpg");
            Icon icon = new ImageIcon(resource);
    
            //多选框
            JCheckBox checkBox1 = new JCheckBox("checkBox1");
            JCheckBox checkBox2 = new JCheckBox("checkBox2");
            JCheckBox checkBox3 = new JCheckBox("checkBox3");
    
            container.setLayout(new FlowLayout());
            container.add(checkBox1);
            container.add(checkBox2);
            container.add(checkBox3);
    
            this.setVisible(true);
            this.setBounds(10,10,500,500);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    }

#### 3.6、列表 ####

*  下拉框

public class TestComboboxDemo01 extends JFrame {
        
        public static void main(String[] args) {
        
            new TestComboboxDemo01();
        }
    
        public TestComboboxDemo01() {
        
    
            Container container = this.getContentPane();
            //下拉框
            JComboBox box = new JComboBox();
            box.addItem(null);
            box.addItem("正在热映");
            box.addItem("已下架");
            box.addItem("即将上映");
    
            container.add(box);
    
            this.setVisible(true);
            this.setSize(500,600);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    }

*  列表框

public class TestComboboxDemo02 extends JFrame {
        
        public static void main(String[] args) {
        
            new TestComboboxDemo02();
        }
    
        public TestComboboxDemo02() {
        
    
            Container container = this.getContentPane();
    
            Vector contents = new Vector();
            contents.add("li");
            contents.add("wang");
            contents.add("yan");
    
            //生成列表的内容   稀疏数组
            //String[] contents= {"1","2","3"};
            //列表中需要放入的内容
            JList jList = new JList(contents);
    
            container.add(jList);
    
            this.setVisible(true);
            this.setSize(500,600);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    }

*  应用场景
    
    1.  下拉框：选择地区，或者一些单个选项
    2.  列表：展示信息，一般是动态扩容！

#### 3.7、文本框 ####

*  文本框

public class TestTextDemo01 extends JFrame {
        
        public static void main(String[] args) {
        
            new TestTextDemo01();
        }
    
        public TestTextDemo01() {
        
    
            Container container = this.getContentPane();
    
            JTextField textField1 = new JTextField("hello");
            JTextField textField2 = new JTextField("world",20);
    
            container.add(textField1,BorderLayout.NORTH);
            container.add(textField2,BorderLayout.SOUTH);
    
            this.setVisible(true);
            this.setSize(500,600);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    }

*  密码框

public class TestTextDemo02 extends JFrame {
        
        public static void main(String[] args) {
        
            new TestTextDemo02();
        }
    
        public TestTextDemo02() {
        
            Container container = this.getContentPane();
    
            //尽量在面板上面做
            //密码框
            JPasswordField passwordField = new JPasswordField();//****
            passwordField.setEchoChar('*');
    
            container.add(passwordField);
    
            this.setVisible(true);
            this.setSize(500,600);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    }

*  文本域

配合面板和下拉框使用

public class JScrollDemo extends JFrame {
        
        public JScrollDemo(){
        
            Container container = this.getContentPane();
    
            //文本域
            JTextArea textArea = new JTextArea(20, 50);
            textArea.setText("欢迎学习java--狂神");
    
            //container.add(textArea);将文本域加到容器中
            //Scroll面板
            JScrollPane scrollPane = new JScrollPane(textArea);
            container.add(scrollPane);
    
            this.setVisible(true);
            this.setBounds(100,100,300,350);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    
        public static void main(String[] args) {
        
            new JScrollDemo();
        }
    }

HTML+Servlet

C/S架构：客户端和服务器

B/S架构：浏览器和服务器

## 贪吃蛇 ##

帧，如果时间片足够小，就是动画，一秒30帧 60帧。

连起来是动画，拆开就是静态的图片！

键盘监听

定时器Timer

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

1.  定义数据
2.  画上去
3.  监听事件
    
    键盘
    
    事件

- 密码框
    
    ```java
    public class TestTextDemo02 extends JFrame {
        public static void main(String[] args) {
            new TestTextDemo02();
        }
    
        public TestTextDemo02() {
            Container container = this.getContentPane();
    
            //尽量在面板上面做
            //密码框
            JPasswordField passwordField = new JPasswordField();//****
            passwordField.setEchoChar('*');
    
            container.add(passwordField);
    
            this.setVisible(true);
            this.setSize(500,600);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    }

*  文本域

配合面板和下拉框使用

public class JScrollDemo extends JFrame {
        
        public JScrollDemo(){
        
            Container container = this.getContentPane();
    
            //文本域
            JTextArea textArea = new JTextArea(20, 50);
            textArea.setText("欢迎学习java--狂神");
    
            //container.add(textArea);将文本域加到容器中
            //Scroll面板
            JScrollPane scrollPane = new JScrollPane(textArea);
            container.add(scrollPane);
    
            this.setVisible(true);
            this.setBounds(100,100,300,350);
            this.setDefaultCloseOperation(WindowConstants.EXIT_ON_CLOSE);
        }
    
        public static void main(String[] args) {
        
            new JScrollDemo();
        }
    }

HTML+Servlet

C/S架构：客户端和服务器

B/S架构：浏览器和服务器

## 贪吃蛇 ##

帧，如果时间片足够小，就是动画，一秒30帧 60帧。

连起来是动画，拆开就是静态的图片！

键盘监听

定时器Timer

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

1.  定义数据
2.  画上去
3.  监听事件
    
    键盘
    
    事件

[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ_size_14_color_FFFFFF_t_70_g_se_x_16_pic_center]: https://img-blog.csdnimg.cn/d6cb69ac866c448692cb58e3b9a30750.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ==,size_14,color_FFFFFF,t_70,g_se,x_16#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ_size_11_color_FFFFFF_t_70_g_se_x_16_pic_center]: https://img-blog.csdnimg.cn/5cdeacac2de049379b3476fab69336dc.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ==,size_11,color_FFFFFF,t_70,g_se,x_16#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ_size_11_color_FFFFFF_t_70_g_se_x_16_pic_center 1]: https://img-blog.csdnimg.cn/6d487d63e46142a983c1b36d37897fd9.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ==,size_11,color_FFFFFF,t_70,g_se,x_16#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ_size_14_color_FFFFFF_t_70_g_se_x_16_pic_center 1]: https://img-blog.csdnimg.cn/ce0a52300fd74a82862365a130fd7ab2.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ==,size_14,color_FFFFFF,t_70,g_se,x_16#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ_size_11_color_FFFFFF_t_70_g_se_x_16_pic_center 2]: https://img-blog.csdnimg.cn/43576082a39f4dc0b13db5a476c5022c.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ==,size_11,color_FFFFFF,t_70,g_se,x_16#pic_center
[watermark_type_d3F5LXplbmhlaQ_shadow_50_text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ_size_13_color_FFFFFF_t_70_g_se_x_16_pic_center]: https://img-blog.csdnimg.cn/0acb50bee516472190d1474938467023.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBA5bCP5p2O5ZCM5a2m5a2mamF2YQ==,size_13,color_FFFFFF,t_70,g_se,x_16#pic_center