《Java代码成精了——会跳萨日朗的火柴人》实现步骤三：绘画火柴人

在此之前，我们已经实现项目的第二步，处理了每一张图的颜色，我们让小人的颜色是黑色，背景整体调整为白色。本小节要做的就是在这些图片上进行绘画火柴人。因为我们绘画水平有限，我们希望在原图片的轮廓上进行绘画。

 

一、swing组建

我们要想在已有的图片上进行火柴人绘画，首先得有绘画的图形界面。可以使用java中的swing组建来实现。

谈到Java的图形界面程程，指的就是GUI(图形用户界面)。Graphical User Interface，用图形的方式，来显示计算机操作的界面。

Java为GUI提供的对象都在java.awt和javax.swing两个包中。

• java.awt，Abstract Window ToolKit(抽象窗口工具包)，需要调用本地系统方法实现功能。属重量级控件。
• javax.swing，在awt的基础上，建立的一套图形界面系统，其中提供了更多的组件，而且完全由Java实现。增强了移植性，属轻量级控件。

相对于AWT而言Swing包中提供了更多的丰富的、快捷的、强大的GUI组件，而且这些组件都是java语言编写而成，因此Swing不依赖本地平台，可以真正做到跨平台运行。通常而言我们把AWT称之为重量级组件，Swing称之为轻量级软件，一般而言Swing组件都是在AWT组件名称前加J。

1、JFrame 窗口

JFrame 用来设计类似于 Windows 系统中窗口形式的界面。JFrame 是 Swing 组件的顶层容器，该类继承了 AWT 的 Frame 类，支持 Swing 体系结构的高级 GUI 属性。

在Swing组件中最常见的就是JFrame，他和Frame一样是一个独立存在的顶级窗口，不能放置在其他容器中，JFrame支持所有窗口的操作，例如窗口最小化，设定窗口大小。

JFrame()：构造一个初始时不可见的新窗体。
JFrame(String title)：创建一个具有 title 指定标题的不可见新窗体。

示例代码：

package qf.day05.demo;

import java.awt.FlowLayout;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JTextField;
/**
 * 创建图形界面程序的思路：
 * 
 * step1：创建frame窗体，JFrame
 * 
 * step2：对窗体进行基本的设置：
 * 	大小，位置，布局等等，标题。。。
 * 
 * step3：定义里面的组件：
 * 	按钮，文本。。。---->JPanel
 * 
 * step4：通过add()方法，将这些组件，添加到窗体中。
 * 
 * step5：让窗体显示：setVisible(true)
 * 
 * @author ruby
 *
 */
public class Demo01_JFrame {

	public static void main(String[] args) {
		//1.创建frame窗体
		JFrame frame =new JFrame();
		
		//2.设置窗体
		frame.setSize(400, 200);//窗口的大小，像素
		frame.setLocation(300, 500);
		
		//frame.setBounds(300, 500, 400, 200);
		frame.setTitle("我的第一个GUI程序，哈哈哈哈");//设置标题
		frame.setLayout(new FlowLayout());//设置布局
		
		//3.摆放个按钮
		JButton button = new JButton("我是一个按钮");
		//将这个按钮放在frame上
		frame.add(button);
		JTextField textField =new JTextField("haha",30);
		frame.add(textField);
		
		
		//设置窗体可见
		frame.setVisible(true);
		frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);//通过点击按钮可以直接关闭程序
	}

}

运行结果如下：

2、JPanel 面板

JPanel 是一种中间层容器，它能容纳组件并将组件组合在一起，但它本身必须添加到其他容器中使用。JPanel 类的构造方法如下。

JPanel()：使用默认的布局管理器创建新面板，默认的布局管理器为 FlowLayout。
JPanel(LayoutManagerLayout layout)：创建指定布局管理器的 JPanel 对象。

示例代码：

package qf.day05.demo;

import java.awt.Color;
import java.awt.Dimension;
import java.awt.FlowLayout;

import javax.swing.JButton;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class Demo02_JPanel {

	public static void main(String[] args) {
		JFrame frame = new JFrame("王二狗的程序");
		frame.setLayout(new FlowLayout());