绘制窗体（二）

这一篇主要介绍两个窗体中的组件JButton和JLable
在写组件之前，先简单的了解一下窗体的结构

窗体结构.png

在上一份笔记中已经介绍了JFrame的创建，而按钮等组件实际存放在窗体中的容器面板部分。当我们创建好组件后，就可以把组件添加到容器中。
一、JButton的构造方法
1.JButton() 创建一个没有设置文本或图标的按钮
2.JButton(String text) 创建一个带文本的按钮

import javax.swing.*;

public class HelloWorld {
    public static void main(String[] args) {
        //创建窗体对象
        JFrame frame = new JFrame();
        //调用成员方法，设置窗体标题
        frame.setTitle("JButton按钮演示");
        //设置窗体大小：宽和高
        frame.setSize(514,538);
        //调用成员方法，设置窗体居中
        frame.setLocationRelativeTo(null);
        //调用成员方法，设置窗体置顶
        frame.setAlwaysOnTop(true);
        //调用成员方法，设置关闭模式
        frame.setDefaultCloseOperation(3);

        //1.通过窗体对象，取消默认布局
        frame.setLayout(null);
        //2.创建按钮对象
        JButton btn = new JButton();
        btn.setBounds(50,50,100,100);//设置布局

        JButton btn2 = new JButton("点我点我");
        btn.setBounds(150,150,100,100);
        //3.通过窗体对象，获取到面板对象，并调用add方法添加按钮组件
        frame.getContentPane().add(btn);
        frame.getContentPane().add(btn2);

        //设置窗体可见 <-- 一定要放在最后设置
        frame.setVisible(true);
    }
}

二、JLabel（用于展示文本和图片）实际则是在容器中创建了一个区域
构造方法：
JLabel() 创建一个不含图像，不含文本的JLabel对象
JLabel(String text) 使用指定的文本创建一个JLabel对象
JLabel(Icon image) 创建一个具有指定图像的JLabel对象

        //1.创建JLabel对象，展示文本
        JLabel jl1 = new JLabel("1111111111");
        jl1.setBounds(100,100,100,100);

        JLabel jl2 = new JLabel("2222222222");
        jl2.setBounds(150,50,100,100);
        //2.创建JLabel对象，展示图片; 
//        ImageIcon icon = new ImageIcon("C:\\Users\\xinyu Chen\\Pictures\\u=1456766546,2607095419&fm=26&gp=0.jpg");
//        JLabel jl3 = new JLabel(icon);
        //将上面两行优化后的代码
        JLabel jl3 = new JLabel(new ImageIcon("C:\\Users\\xinyu Chen\\Pictures\\u=1456766546,2607095419&fm=26&gp=0.jpg"));
        jl3.setBounds(50,50,400,400);
        //将JLabel对象添加到面板当中
        frame.getContentPane().add(jl1);
        frame.getContentPane().add(jl2);
        frame.getContentPane().add(jl3);

【注意】：1.图片路径一定是双斜杠
2.如果多个组件摆放在同一个位置，后添加的组件会被压在底部

【运行结果】

运行结果.png