Java图形开发实战：绘制饼图与柱状图

本文还有配套的精品资源，点击获取

简介：Java图形开发是Java编程的重要方向，主要通过 java.awt 和 javax.swing 包实现可视化界面和图表绘制。本文详解如何使用Java绘制饼图和柱状图，内容涵盖 Graphics 类的绘图方法、几何形状类如 Arc2D 和 Rectangle2D 的应用，以及 JPanel 和 JFrame 的界面集成方式。同时介绍第三方库 JFreeChart 在复杂图表开发中的使用。通过本项目实践，开发者将掌握Java数据可视化的核心技能，具备构建图表应用的能力。

1. Java图形开发概述

Java图形开发是构建可视化应用程序的重要手段，广泛应用于桌面软件、数据可视化、游戏开发等多个领域。本章将引导读者了解Java图形开发的基础知识，为后续深入学习打下坚实基础。

1.1 Java图形开发的基本概念

Java 提供了多种图形开发支持，主要包括 AWT（Abstract Window Toolkit）和 Swing 两个核心框架。AWT 是 Java 最早的图形界面库，直接调用操作系统的 GUI 组件，性能较高但跨平台一致性较差。Swing 则是基于 AWT 构建的轻量级组件库，提供了更丰富的控件和更好的外观一致性，适用于需要高度定制界面的应用。

1.2 AWT 与 Swing 的区别

特性	AWT	Swing
组件类型	重量级组件（依赖本地系统）	轻量级组件（纯 Java 实现）
外观一致性	因系统而异	跨平台统一
功能丰富性	基础控件为主	提供更复杂的控件与样式支持
图形绘制能力	提供基本绘图支持	支持高级绘图与动画

1.3 图形开发在现代软件开发中的重要性

随着用户对界面体验要求的提升，图形开发已成为软件开发不可或缺的一部分。Java图形开发不仅用于传统桌面应用，还广泛应用于数据可视化、模拟仿真、图形编辑器等场景。掌握 Java 图形开发技能，有助于开发者构建交互性强、可视化程度高的应用程序，提升产品的用户体验与市场竞争力。

在后续章节中，我们将从 AWT 的核心绘图类入手，逐步深入图形绘制的原理与实践，帮助读者构建完整的图形开发能力体系。

2. Java AWT核心绘图类与对象

Java AWT（Abstract Window Toolkit）是Java平台最早的图形用户界面（GUI）开发工具包，它不仅提供了创建窗口、按钮、文本框等基础组件的能力，还为图形绘制提供了核心类和接口。本章将深入讲解AWT中用于图形绘制的核心类，包括Graphics、Graphics2D以及几何图形类如Point、Rectangle、Ellipse2D等，并通过具体示例说明其使用方式和底层机制。掌握这些内容，将为后续在AWT组件上实现自定义绘图打下坚实基础。

2.1 java.awt包的核心绘图类

AWT的绘图能力主要集中在 java.awt 包中，尤其是 Graphics 和 Graphics2D 这两个核心类。它们提供了绘制图形、文本、图像等基本功能。此外， java.awt.geom 包中的几何类也为更复杂的图形操作提供了支持。

2.1.1 java.awt.Graphics类的作用与生命周期

Graphics 类是AWT中进行绘图操作的基础类。它提供了绘制线条、矩形、椭圆、文本等基本图形的方法。所有AWT组件在进行绘制时，都会通过 Graphics 对象进行绘图。

作用

• 绘图操作 ：如绘制线条、矩形、填充图形、绘制文本等。
• 图像绘制 ：可将图像绘制到组件上。
• 剪裁区域管理 ：设置剪裁区域以限制绘图范围。
• 颜色与字体控制 ：设置绘图颜色、字体等样式。

生命周期

Graphics 对象的生命周期通常与组件的绘制事件绑定。当组件需要绘制时（如窗口首次显示、窗口大小改变、组件被遮挡后恢复等），Java会自动调用组件的 paint() 方法，并传入一个 Graphics 对象。例如：

public void paint(Graphics g) {
    super.paint(g);
    g.setColor(Color.RED);
    g.drawLine(0, 0, 100, 100);
}

该 Graphics 对象只在 paint() 方法执行期间有效，不能长期持有。

使用限制

• Graphics 对象只能在 paint() 或 repaint() 调用期间使用。
• 它是轻量级对象，不能跨线程使用。
• 不支持高级绘图功能（如抗锯齿、渐变等）。

2.1.2 java.awt.Graphics2D类的扩展功能

Graphics2D 是 Graphics 的子类，它在Java 2中引入，扩展了更多高级绘图功能，包括抗锯齿、渐变、旋转、缩放、路径绘制等。

功能增强

• 抗锯齿渲染 ：通过 setRenderingHint() 方法启用抗锯齿。
• 变换操作 ：平移、旋转、缩放等。
• 路径绘制 ：使用 GeneralPath 绘制复杂路径。
• 渐变与纹理 ：支持 GradientPaint 和 TexturePaint 。
• 坐标系统控制 ：自定义绘图坐标系。

示例：使用Graphics2D绘制抗锯齿圆形

public void paint(Graphics g) {
    super.paint(g);
    Graphics2D g2d = (Graphics2D) g;

    // 启用抗锯齿
    g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);

    // 设置颜色
    g2d.setColor(Color.BLUE);

    // 绘制圆形
    g2d.fillOval(50, 50, 100, 100);
}

代码分析：

• 第2行：强制将 Graphics 对象转换为 Graphics2D ，以便使用高级功能。
• 第5行：设置抗锯齿渲染提示，提升图形显示质量。
• 第8行：填充一个蓝色圆形，位置为(50,50)，宽高均为100像素。

表格：Graphics与Graphics2D功能对比

功能	Graphics支持	Graphics2D支持
基本图形绘制	✅	✅
抗锯齿渲染	❌	✅
渐变与纹理填充	❌	✅
图形变换（旋转）	❌	✅
路径绘制	❌	✅

2.1.3 java.awt.geom包中的几何图形类

java.awt.geom 包提供了丰富的几何图形类，用于定义和操作复杂图形结构。这些类支持浮点精度，适用于高精度绘图需求。

常用类与用途

类名	用途说明
Point2D	表示二维坐标点，支持float/double精度
Line2D	表示一条直线段
Rectangle2D	表示矩形，支持float/double精度
Ellipse2D	表示椭圆或圆形
Arc2D	表示弧形或扇形
GeneralPath	自定义路径，支持直线、曲线组合

示例：使用Ellipse2D绘制圆形

public void paint(Graphics g) {
    super.paint(g);
    Graphics2D g2d = (Graphics2D) g;

    // 创建一个圆形
    Ellipse2D circle = new Ellipse2D.Double(50, 50, 100, 100);

    // 填充圆形
    g2d.setColor(Color.GREEN);
    g2d.fill(circle);
}

代码分析：

• 第5行：使用 Ellipse2D.Double 构造一个圆形，参数分别为x、y、width、height。
• 第8行：使用 fill() 方法填充圆形。
• 第9行：颜色设置为绿色。

Mermaid流程图：Java AWT绘图类关系图

classDiagram
    class Graphics
    class Graphics2D
    class Point2D
    class Line2D
    class Rectangle2D
    class Ellipse2D
    class Arc2D
    class GeneralPath

    Graphics <|-- Graphics2D
    Graphics2D --> Point2D
    Graphics2D --> Line2D
    Graphics2D --> Rectangle2D
    Graphics2D --> Ellipse2D
    Graphics2D --> Arc2D
    Graphics2D --> GeneralPath

2.2 Graphics对象的绘制基础

本节介绍 Graphics 对象在绘图过程中的基础操作方法，包括线条绘制、图形填充、颜色设置、字体绘制等。

2.2.1 drawLine、drawRect等基础绘图方法

AWT提供了一系列基础绘图方法，用于绘制线条、矩形、多边形等图形。

示例：绘制直线与矩形

public void paint(Graphics g) {
    super.paint(g);

    // 绘制一条红色直线
    g.setColor(Color.RED);
    g.drawLine(0, 0, 100, 100);

    // 绘制一个蓝色矩形
    g.setColor(Color.BLUE);
    g.drawRect(150, 50, 100, 50);
}

代码分析：

• drawLine(int x1, int y1, int x2, int y2) ：从(x1,y1)到(x2,y2)画一条直线。
• drawRect(int x, int y, int width, int height) ：绘制一个矩形框。

表格：常用绘图方法一览

方法名	参数说明	功能描述
drawLine	x1, y1, x2, y2	绘制直线
drawRect	x, y, width, height	绘制矩形框
drawOval	x, y, width, height	绘制椭圆或圆形
drawPolygon	xPoints[], yPoints[], nPoints	绘制多边形
drawArc	x, y, width, height, start, arc	绘制弧形

2.2.2 填充图形与颜色设置

除了绘制轮廓， Graphics 还支持填充图形。填充使用 fillXXX() 系列方法。

示例：填充矩形与圆形

public void paint(Graphics g) {
    super.paint(g);

    // 填充红色矩形
    g.setColor(Color.RED);
    g.fillRect(50, 50, 100, 50);

    // 填充绿色圆形
    g.setColor(Color.GREEN);
    g.fillOval(150, 50, 100, 100);
}

代码分析：

• fillRect(int x, int y, int width, int height) ：填充矩形。
• fillOval(int x, int y, int width, int height) ：填充椭圆或圆形。

颜色设置

• 使用 setColor(Color c) 设置绘图颜色。
• 支持预定义颜色（如Color.RED、Color.BLUE等），也支持自定义RGB颜色：

g.setColor(new Color(128, 0, 128)); // 紫色

2.2.3 字体与文本绘制技巧

Graphics 类支持绘制文本，并允许设置字体、颜色、对齐方式等。

示例：绘制文本

public void paint(Graphics g) {
    super.paint(g);

    // 设置字体
    Font font = new Font("Serif", Font.BOLD, 24);
    g.setFont(font);

    // 设置颜色并绘制文本
    g.setColor(Color.BLACK);
    g.drawString("Hello, Java Graphics!", 50, 100);
}

代码分析：

• setFont(Font font) ：设置当前绘图字体。
• drawString(String str, int x, int y) ：从坐标(x,y)开始绘制文本。

表格：字体样式参数说明

构造参数	说明
“Serif”	字体名称
Font.BOLD	粗体
24	字号大小（像素）

2.3 绘图环境的配置与优化

为了提升图形绘制的质量与性能，AWT提供了多种配置选项，如双缓冲技术、渲染提示、图形上下文管理等。

2.3.1 双缓冲技术减少闪烁

在频繁重绘的场景中（如动画），直接在屏幕上绘制会导致“闪烁”现象。双缓冲技术通过在离屏图像上绘制，再一次性绘制到屏幕，避免闪烁。

示例：使用BufferedImage实现双缓冲

private BufferedImage bufferImage;
private Graphics2D bufferG2D;

public void initBuffer(Graphics g) {
    if (bufferImage == null) {
        bufferImage = (BufferedImage) createImage(getWidth(), getHeight());
        bufferG2D = bufferImage.createGraphics();
    }
}

public void paint(Graphics g) {
    initBuffer(g);

    // 在缓冲图像上绘图
    bufferG2D.setColor(Color.WHITE);
    bufferG2D.fillRect(0, 0, getWidth(), getHeight());

    bufferG2D.setColor(Color.BLUE);
    bufferG2D.fillOval(50, 50, 100, 100);

    // 将缓冲图像绘制到屏幕
    g.drawImage(bufferImage, 0, 0, this);
}

代码分析：

• 使用 BufferedImage 创建离屏图像。
• 使用 Graphics2D 对象在图像上绘制。
• 最后将图像一次性绘制到屏幕上，减少闪烁。

2.3.2 设置渲染提示提升图形质量

Graphics2D 可以通过 setRenderingHint() 方法设置渲染提示，如抗锯齿、颜色插值等。

示例：开启抗锯齿与颜色插值

g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, RenderingHints.VALUE_ANTIALIAS_ON);
g2d.setRenderingHint(RenderingHints.KEY_COLOR_RENDERING, RenderingHints.VALUE_COLOR_RENDER_QUALITY);

说明：

• KEY_ANTIALIASING ：控制是否启用抗锯齿。
• KEY_COLOR_RENDERING ：控制颜色渲染质量。

2.3.3 图形上下文的获取与释放

在绘图过程中，需合理获取和释放 Graphics 对象资源，避免内存泄漏。

示例：释放资源

if (bufferG2D != null) {
    bufferG2D.dispose(); // 释放Graphics2D资源
}

最佳实践：

• 每次使用完 Graphics2D 后调用 dispose() 方法释放资源。
• 避免在多个线程中共享 Graphics 对象。

总结： 本章系统讲解了Java AWT中的核心绘图类与对象，包括Graphics、Graphics2D、几何图形类及其使用方法。通过示例代码与分析，帮助读者掌握基础绘图操作与高级绘图技巧，并了解如何优化绘图环境，为后续在AWT组件上实现复杂图形绘制奠定坚实基础。

3. 基于AWT组件的图形绘制实践

本章将通过实际案例，深入讲解如何在AWT组件中进行自定义图形绘制。我们将围绕 JPanel 和 JFrame 两个核心组件展开实践，重点介绍绘图方法的重写机制、窗口集成方式，以及使用 Arc2D 与 Rectangle2D 类实现复杂图形的绘制。通过本章的学习，读者将掌握如何将图形绘制逻辑与用户界面紧密结合，实现动态、交互式的图形界面。

3.1 JPanel组件的绘图重写技巧

在Java AWT/Swing中， JPanel 是最常用的绘图容器。通过重写其 paintComponent(Graphics g) 方法，开发者可以在面板上实现自定义图形绘制。该方法的调用机制、刷新策略和数据绑定方式直接影响图形绘制的性能和交互体验。

3.1.1 paintComponent方法的重写与调用机制

在Swing中， paintComponent(Graphics g) 是 JComponent 类提供的用于绘制组件内容的方法。 JPanel 继承自 JComponent ，因此可以通过重写该方法来实现自定义绘图。

示例代码：

import javax.swing.*;
import java.awt.*;

public class MyPanel extends JPanel {
    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g); // 调用父类方法以确保背景正确清除
        // 自定义绘图逻辑
        g.setColor(Color.RED);
        g.fillOval(50, 50, 100, 100); // 绘制一个红色的圆形
    }

    public static void main(String[] args) {
        JFrame frame = new JFrame("JPanel绘图示例");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(300, 300);
        frame.add(new MyPanel());
        frame.setVisible(true);
    }
}

代码逻辑分析：

• paintComponent(Graphics g) 方法是Swing中用于绘图的核心方法，必须在重写时调用 super.paintComponent(g) 以避免绘图残留。
• g.setColor(Color.RED) 设置绘图颜色为红色。
• g.fillOval(x, y, width, height) 绘制一个填充的椭圆（当宽高相等时即为圆形）。
• 主函数中创建了一个 JFrame 窗口，并将自定义的 MyPanel 添加进去。

参数说明：

方法参数	含义
x	绘图起始点X坐标
y	绘图起始点Y坐标
width	图形宽度
height	图形高度

调用机制：

• paintComponent() 方法在组件首次显示、调整大小或调用 repaint() 方法时被自动调用。
• 绘图逻辑应尽可能高效，避免复杂的计算操作。

3.1.2 动态刷新与重绘控制

为了实现动态图形（如动画、实时数据可视化），需要通过调用 repaint() 方法触发界面重绘。

示例代码：

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;

public class AnimatedPanel extends JPanel implements ActionListener {
    private int x = 50;

    public AnimatedPanel() {
        Timer timer = new Timer(100, this); // 每100毫秒触发一次
        timer.start();
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        g.setColor(Color.BLUE);
        g.fillOval(x, 100, 50, 50);
    }

    @Override
    public void actionPerformed(ActionEvent e) {
        x += 10;
        if (x > getWidth()) x = 0;
        repaint(); // 触发重绘
    }

    public static void main(String[] args) {
        JFrame frame = new JFrame("动态绘图示例");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(400, 300);
        frame.add(new AnimatedPanel());
        frame.setVisible(true);
    }
}

代码逻辑分析：

• 使用 Timer 类实现定时器，每100毫秒调用一次 actionPerformed() 方法。
• x 变量控制图形的X坐标，实现移动效果。
• repaint() 方法触发 paintComponent() 的重新执行，实现动态刷新。

动态重绘流程图：

graph TD
    A[Timer触发ActionEvent] --> B[actionPerformed执行]
    B --> C[更新绘图数据]
    C --> D[调用repaint()]
    D --> E[触发paintComponent]
    E --> F[重新绘制图形]

3.1.3 绘图数据的绑定与更新

在实际应用中，图形绘制通常需要绑定外部数据源。可以通过监听器或模型-视图模式实现数据驱动的图形更新。

示例代码：

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;

public class DataDrivenPanel extends JPanel {
    private int dataValue = 50;

    public DataDrivenPanel() {
        JButton increaseBtn = new JButton("增加");
        JButton decreaseBtn = new JButton("减少");

        increaseBtn.addActionListener(e -> {
            dataValue += 10;
            repaint();
        });

        decreaseBtn.addActionListener(e -> {
            dataValue -= 10;
            if (dataValue < 0) dataValue = 0;
            repaint();
        });

        JPanel controlPanel = new JPanel();
        controlPanel.add(increaseBtn);
        controlPanel.add(decreaseBtn);

        JFrame frame = new JFrame("数据绑定绘图");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setLayout(new BorderLayout());
        frame.add(this, BorderLayout.CENTER);
        frame.add(controlPanel, BorderLayout.SOUTH);
        frame.setSize(400, 300);
        frame.setVisible(true);
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        g.setColor(Color.GREEN);
        g.fillRect(50, 100, dataValue, 50); // 根据dataValue绘制矩形
    }

    public static void main(String[] args) {
        new DataDrivenPanel();
    }
}

参数说明：

参数名	含义
dataValue	控制矩形宽度的动态数据值

数据绑定机制说明：

• 点击按钮修改 dataValue 的值，进而影响图形的宽度。
• 每次修改后调用 repaint() ，触发绘图方法更新界面。
• 该机制适用于图表、进度条等需要实时响应数据变化的场景。

3.2 JFrame窗口界面集成

JFrame 是Swing中的顶级容器类，用于创建应用程序的主窗口。本节将介绍如何将自定义绘图组件集成到 JFrame 中，并实现布局管理和事件处理。

3.2.1 创建主窗口与添加面板组件

创建一个主窗口通常包括设置窗口标题、大小、默认关闭操作，并添加自定义绘图面板。

示例代码：

import javax.swing.*;
import java.awt.*;

public class MainFrame extends JFrame {
    public MainFrame() {
        setTitle("JFrame绘图集成");
        setSize(500, 400);
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setLocationRelativeTo(null); // 居中显示

        add(new DrawingPanel());
    }

    static class DrawingPanel extends JPanel {
        @Override
        protected void paintComponent(Graphics g) {
            super.paintComponent(g);
            g.setColor(Color.ORANGE);
            g.drawString("Hello AWT Graphics!", 100, 100);
        }
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(() -> new MainFrame().setVisible(true));
    }
}

代码逻辑分析：

• setTitle() 设置窗口标题。
• setSize() 设置窗口大小。
• add() 方法将自定义的绘图面板添加到窗口中。
• 使用 SwingUtilities.invokeLater() 确保GUI创建在事件调度线程中执行。

3.2.2 布局管理与窗口事件处理

Swing支持多种布局管理器，如 FlowLayout 、 BorderLayout 、 GridLayout 等，用于控制组件在窗口中的排列方式。

示例代码：

import javax.swing.*;
import java.awt.*;
import java.awt.event.*;

public class LayoutAndEventFrame extends JFrame {
    private JLabel statusLabel;

    public LayoutAndEventFrame() {
        setTitle("布局与事件处理");
        setSize(500, 400);
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setLayout(new BorderLayout());

        statusLabel = new JLabel("就绪", JLabel.CENTER);
        add(statusLabel, BorderLayout.SOUTH);

        JButton clickBtn = new JButton("点击我");
        clickBtn.addActionListener(e -> {
            statusLabel.setText("按钮被点击！");
        });

        add(clickBtn, BorderLayout.CENTER);

        // 添加窗口监听器
        addWindowListener(new WindowAdapter() {
            @Override
            public void windowClosing(WindowEvent e) {
                System.out.println("窗口即将关闭");
            }
        });

        setVisible(true);
    }

    public static void main(String[] args) {
        new LayoutAndEventFrame();
    }
}

布局与事件处理流程图：

graph TD
    A[创建JFrame] --> B[设置布局管理器]
    B --> C[添加按钮和标签]
    C --> D[注册事件监听器]
    D --> E[响应按钮点击和窗口关闭事件]

3.2.3 图形绘制窗口的启动与运行

在Java中，Swing程序的入口通常使用 main() 方法启动，并通过 JFrame.setVisible(true) 显示窗口。

启动流程说明：

1. 创建 JFrame 实例并设置属性。
2. 添加自定义绘图组件（如 JPanel ）。
3. 调用 setVisible(true) 显示窗口。
4. 程序进入事件循环，等待用户交互。

示例代码：

import javax.swing.*;

public class StartupExample {
    public static void main(String[] args) {
        SwingUtilities.invokeLater(() -> {
            JFrame frame = new JFrame("启动窗口");
            frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            frame.setSize(400, 300);
            frame.add(new JPanel() {
                @Override
                protected void paintComponent(Graphics g) {
                    super.paintComponent(g);
                    g.drawString("图形绘制已启动", 100, 100);
                }
            });
            frame.setVisible(true);
        });
    }
}

注意事项：

• 使用 SwingUtilities.invokeLater() 确保GUI线程安全。
• 确保窗口大小和组件布局合理，避免绘图内容被裁剪。

3.3 基于Arc2D与Rectangle2D的图形实现

Java AWT提供了 Arc2D 和 Rectangle2D 类，用于绘制弧形、扇形、矩形等复杂图形。这些类属于 java.awt.geom 包，支持浮点坐标，适合高精度绘图。

3.3.1 使用Arc2D类绘制弧形与扇形

Arc2D 类可以绘制弧线、圆弧和扇形，适用于饼图、仪表盘等图形场景。

示例代码：

import javax.swing.*;
import java.awt.*;
import java.awt.geom.Arc2D;

public class ArcPanel extends JPanel {
    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2d = (Graphics2D) g;

        // 创建一个弧形
        Arc2D arc = new Arc2D.Double(50, 50, 200, 200, 45, 90, Arc2D.OPEN);
        g2d.setColor(Color.BLUE);
        g2d.draw(arc);

        // 创建一个扇形
        Arc2D pie = new Arc2D.Double(50, 50, 200, 200, 180, 60, Arc2D.PIE);
        g2d.setColor(Color.RED);
        g2d.fill(pie);
    }

    public static void main(String[] args) {
        JFrame frame = new JFrame("Arc2D示例");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(300, 300);
        frame.add(new ArcPanel());
        frame.setVisible(true);
    }
}

参数说明：

参数	含义
x , y	弧形起始点坐标
width , height	弧形所在矩形的宽高
start	起始角度（度）
extent	扫过的角度（度）
type	弧形类型： Arc2D.OPEN （开放）、 Arc2D.CHORD （弦形）、 Arc2D.PIE （扇形）

3.3.2 Rectangle2D类绘制柱形与矩形

Rectangle2D 类提供了高精度的矩形绘制功能，适用于柱状图、热力图等场景。

示例代码：

import javax.swing.*;
import java.awt.*;
import java.awt.geom.Rectangle2D;

public class RectPanel extends JPanel {
    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2d = (Graphics2D) g;

        // 绘制一个矩形
        Rectangle2D rect = new Rectangle2D.Double(50, 50, 100, 50);
        g2d.setColor(Color.GREEN);
        g2d.fill(rect);

        // 绘制一个带有边框的矩形
        Rectangle2D borderRect = new Rectangle2D.Double(200, 50, 80, 60);
        g2d.setColor(Color.BLACK);
        g2d.draw(borderRect);
    }

    public static void main(String[] args) {
        JFrame frame = new JFrame("Rectangle2D示例");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(400, 300);
        frame.add(new RectPanel());
        frame.setVisible(true);
    }
}

参数说明：

参数	含义
x , y	矩形左上角坐标
width , height	矩形宽度和高度

3.3.3 组合图形与复杂形状的绘制

通过组合 Arc2D 和 Rectangle2D 等图形对象，可以构建复杂的图形结构。

示例代码：

import javax.swing.*;
import java.awt.*;
import java.awt.geom.*;

public class ComplexShapePanel extends JPanel {
    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2d = (Graphics2D) g;

        // 绘制一个带有弧形的矩形
        RoundRectangle2D roundedRect = new RoundRectangle2D.Double(50, 50, 150, 100, 20, 20);
        g2d.setColor(Color.YELLOW);
        g2d.fill(roundedRect);

        // 绘制一个由弧形和直线组成的图形
        Path2D path = new Path2D.Double();
        path.moveTo(250, 100);
        path.lineTo(300, 50);
        path.quadTo(350, 50, 350, 100);
        path.lineTo(350, 150);
        path.closePath();
        g2d.setColor(Color.PINK);
        g2d.fill(path);
    }

    public static void main(String[] args) {
        JFrame frame = new JFrame("组合图形示例");
        frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        frame.setSize(400, 300);
        frame.add(new ComplexShapePanel());
        frame.setVisible(true);
    }
}

组合图形绘制流程图：

graph TD
    A[创建Path2D对象] --> B[使用moveTo、lineTo、quadTo等方法定义路径]
    B --> C[调用closePath闭合路径]
    C --> D[使用Graphics2D的fill或draw方法绘制]

总结：

本章深入讲解了如何在AWT组件中进行自定义图形绘制，包括 JPanel 的绘图重写机制、 JFrame 的窗口集成方法，以及使用 Arc2D 和 Rectangle2D 实现复杂图形的技术。通过这些实践，开发者可以构建出功能丰富、交互性强的图形界面应用。

4. 数据可视化图表的开发原理与实现

本章将围绕数据可视化的核心原理，深入探讨饼图与柱状图的绘制流程，并结合 Java AWT 中的绘图类（如 Arc2D 和 Rectangle2D ）实现图表的自定义开发。通过本章内容，读者将掌握从原始数据到图形绘制的完整映射过程，理解图表的动态交互机制，并能够实现图表的实时数据更新与用户交互响应。

4.1 饼图绘制原理与实现

饼图是数据可视化中最常见的一种图形形式，适用于展示分类数据在整体中的占比情况。其核心原理是将一个圆按照数据项所占比例划分为多个扇形区域，每个扇形的角度与该数据项在整体中所占比例成正比。

4.1.1 饼图的数据结构与角度计算

在实现饼图时，首先需要定义数据结构来存储各个分类的值。一个典型的饼图数据结构可以是一个包含键值对的列表，例如：

List<Map.Entry<String, Double>> pieData = new ArrayList<>();
pieData.add(new AbstractMap.SimpleEntry<>("A", 30.0));
pieData.add(new AbstractMap.SimpleEntry<>("B", 20.0));
pieData.add(new AbstractMap.SimpleEntry<>("C", 50.0));

其中，键（ String ）表示分类名称，值（ Double ）表示该分类对应的数值。

接下来，我们需要将这些数值转换为对应的角度值。圆的总角度为 360°，因此每个分类的角度可以通过如下公式计算：

angle = (value / total) * 360

我们可以通过以下代码实现角度的计算：

double total = pieData.stream().mapToDouble(Map.Entry::getValue).sum();
double startAngle = 0;

for (Map.Entry<String, Double> entry : pieData) {
    double angle = (entry.getValue() / total) * 360;
    // 绘制扇形
    g2.fill(new Arc2D.Double(x, y, width, height, startAngle, angle, Arc2D.PIE));
    startAngle += angle;
}

参数说明	描述
x , y	扇形区域的左上角坐标
width , height	扇形区域的宽高，用于定义圆的大小
startAngle	扇形的起始角度（单位：度）
angle	扇形的跨度角度（单位：度）
Arc2D.PIE	表示绘制的是扇形

4.1.2 使用 Arc2D 类实现饼图绘制

Java 的 Arc2D 类位于 java.awt.geom 包中，它支持绘制弧形、扇形等图形。使用 Arc2D.Double 构造器可以创建一个双精度版本的弧形对象。

以下是一个完整的饼图绘制示例代码片段，继承自 JPanel 并重写 paintComponent 方法：

public class PieChartPanel extends JPanel {
    private List<Map.Entry<String, Double>> data;

    public PieChartPanel(List<Map.Entry<String, Double>> data) {
        this.data = data;
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D) g;

        int centerX = getWidth() / 2;
        int centerY = getHeight() / 2;
        int radius = Math.min(getWidth(), getHeight()) / 2 - 20;

        double total = data.stream().mapToDouble(Map.Entry::getValue).sum();
        double startAngle = 0;

        for (Map.Entry<String, Double> entry : data) {
            double angle = (entry.getValue() / total) * 360;
            g2.setColor(getRandomColor());
            g2.fill(new Arc2D.Double(centerX - radius, centerY - radius,
                    2 * radius, 2 * radius, startAngle, angle, Arc2D.PIE));
            startAngle += angle;
        }
    }

    private Color getRandomColor() {
        Random rand = new Random();
        return new Color(rand.nextFloat(), rand.nextFloat(), rand.nextFloat());
    }
}

代码逻辑分析

• 构造器 ：接收一个 List<Map.Entry<String, Double>> 类型的参数作为数据源。
• paintComponent 方法 ：重写以实现自定义绘制。
• Arc2D.Double ：用于绘制扇形区域，参数中 centerX - radius 和 centerY - radius 定义了绘制区域的起始坐标。
• 颜色随机生成 ：为了区分不同分类，使用 getRandomColor() 方法为每个扇形分配随机颜色。

4.1.3 图例与标签的添加方法

饼图的可读性不仅依赖于颜色区分，还需要添加图例和标签。图例通常显示在图表一侧，标明每个颜色对应的数据分类；标签则可以直接显示在扇形区域内部或旁边。

可以通过以下方式实现图例添加：

int legendX = centerX + radius + 20;
int legendY = centerY - 50;

g2.setFont(new Font("Arial", Font.PLAIN, 14));

for (Map.Entry<String, Double> entry : data) {
    g2.setColor(getRandomColor());
    g2.fillRect(legendX, legendY, 15, 15);
    g2.drawString(entry.getKey(), legendX + 20, legendY + 12);
    legendY += 20;
}

方法说明	功能
fillRect	绘制图例颜色方块
drawString	绘制图例文字

4.2 柱状图绘制原理与实现

柱状图是用于比较多个数据项之间大小的常用图表类型。它通过柱子的高度来反映数据的大小，适用于展示离散型数据。

4.2.1 柱状图的数据映射与坐标系统

柱状图的绘制需要建立一个坐标系统，通常包括 X 轴（分类轴）和 Y 轴（数值轴）。每个柱子的宽度和间距需要根据数据数量进行计算，以保证图表的美观性。

数据映射的过程如下：

• X 轴映射 ：将分类名称依次排列在 X 轴上。
• Y 轴映射 ：将数值数据映射为柱子的高度，通常以像素为单位。

例如，若最大值为 100，当前值为 75，而绘图区域高度为 300 像素，则柱子高度为：

height = (value / maxValue) * chartHeight

4.2.2 使用 Rectangle2D 类绘制柱状图形

Java 提供了 Rectangle2D 类用于绘制矩形图形。我们可以通过该类绘制柱状图的柱子部分。

以下是一个绘制柱状图的完整代码示例：

public class BarChartPanel extends JPanel {
    private List<Map.Entry<String, Integer>> data;

    public BarChartPanel(List<Map.Entry<String, Integer>> data) {
        this.data = data;
    }

    @Override
    protected void paintComponent(Graphics g) {
        super.paintComponent(g);
        Graphics2D g2 = (Graphics2D) g;

        int chartWidth = getWidth() - 100;
        int chartHeight = getHeight() - 50;
        int barWidth = chartWidth / (data.size() + 1);
        int maxValue = data.stream().mapToInt(Map.Entry::getValue).max().orElse(1);

        int x = 50;
        for (Map.Entry<String, Integer> entry : data) {
            int barHeight = (int) (((double) entry.getValue() / maxValue) * chartHeight);
            g2.setColor(getRandomColor());
            g2.fill(new Rectangle2D.Double(x, chartHeight - barHeight + 20, barWidth, barHeight));
            g2.drawString(entry.getKey(), x + barWidth / 4, chartHeight + 40);
            x += barWidth + 10;
        }
    }

    private Color getRandomColor() {
        Random rand = new Random();
        return new Color(rand.nextFloat(), rand.nextFloat(), rand.nextFloat());
    }
}

代码逻辑分析

• chartWidth / chartHeight ：定义图表区域的宽高。
• barWidth ：根据数据项数量计算每个柱子的宽度。
• barHeight ：根据当前值与最大值的比例计算柱子高度。
• Rectangle2D.Double ：绘制柱子。
• drawString ：在 X 轴下方绘制分类标签。

4.2.3 X轴与Y轴的标注与刻度设置

为了增强图表的可读性，可以添加 X 轴与 Y 轴的刻度与标签。以下代码展示了如何添加 Y 轴刻度和数值标签：

int yTickCount = 5;
int tickStep = chartHeight / yTickCount;
for (int i = 0; i <= yTickCount; i++) {
    int y = chartHeight - i * tickStep + 20;
    g2.drawLine(45, y, 50, y); // 绘制刻度线
    g2.drawString(String.valueOf((int) ((double) i / yTickCount * maxValue)), 10, y + 5);
}

方法说明	功能
drawLine	绘制 Y 轴刻度线
drawString	显示刻度值

4.3 图表动态交互与数据更新

现代数据可视化图表往往需要支持动态交互与数据更新功能，例如响应用户点击、滑动等事件，或者根据数据变化自动刷新图表。

4.3.1 数据绑定与实时更新机制

为了实现图表的实时更新，可以采用观察者模式（Observer Pattern）将数据与图表组件进行绑定。当数据发生变化时，通知图表组件进行重绘。

以下是一个简单的数据绑定示例：

public class ObservableData {
    private List<Map.Entry<String, Integer>> data = new ArrayList<>();
    private List<ChartPanel> observers = new ArrayList<>();

    public void addObserver(ChartPanel panel) {
        observers.add(panel);
    }

    public void setData(List<Map.Entry<String, Integer>> newData) {
        data = newData;
        notifyObservers();
    }

    private void notifyObservers() {
        for (ChartPanel panel : observers) {
            panel.repaint();
        }
    }
}

图表组件通过注册为观察者，在数据变化时自动调用 repaint() 方法进行重绘。

4.3.2 用户交互事件的响应处理

Java 提供了 MouseListener 和 MouseMotionListener 接口，可用于实现图表的交互响应。例如，当用户将鼠标悬停在某个柱子上方时，显示该柱子的详细信息。

以下代码展示了如何添加鼠标事件监听器：

public class InteractiveBarChartPanel extends BarChartPanel {
    public InteractiveBarChartPanel(List<Map.Entry<String, Integer>> data) {
        super(data);
        addMouseListener(new MouseAdapter() {
            @Override
            public void mouseClicked(MouseEvent e) {
                int x = e.getX();
                int y = e.getY();
                // 实现点击区域判断逻辑
                System.out.println("点击坐标: (" + x + ", " + y + ")");
            }
        });
    }
}

流程图说明：鼠标点击事件处理流程

graph TD
    A[用户点击图表] --> B{判断点击区域}
    B -->|点击柱子| C[获取对应数据]
    B -->|点击空白| D[无操作]
    C --> E[显示详细信息]

4.3.3 图表动画效果的实现思路

为了提升用户体验，可以在图表更新时添加动画效果，例如柱子的高度变化采用渐变动画。

实现动画效果的核心思路是使用 Timer 定时更新数据并重绘组件。以下是一个简单的柱子动画示例：

Timer timer = new Timer(50, e -> {
    // 逐步更新柱子高度
    if (currentHeight < targetHeight) {
        currentHeight += 5;
        repaint();
    } else {
        ((Timer) e.getSource()).stop();
    }
});
timer.start();

方法说明	功能
Timer	定时器用于控制动画帧率
repaint()	触发重绘，实现动画效果

通过本章的学习，读者不仅掌握了饼图与柱状图的底层绘制原理，还了解了如何实现动态交互与数据绑定，为构建复杂的数据可视化应用打下坚实基础。

5. 第三方图表库与高级图形开发流程

本章介绍如何使用JFreeChart等第三方库进行高级图形开发，提升开发效率并增强图形表现力，同时总结Java图形开发的整体流程与最佳实践。

5.1 JFreeChart第三方库的使用

5.1.1 JFreeChart的核心类与图表类型

JFreeChart 是一个广泛使用的 Java 图表库，支持多种图表类型，包括饼图、柱状图、折线图、散点图等。其核心类主要包括：

• JFreeChart ：图表的主类，负责管理图表的整体结构和样式。
• ChartFactory ：提供静态方法用于快速创建各类图表。
• Plot ：图表的绘图区域，不同图表类型对应不同的 Plot 子类（如 PiePlot、CategoryPlot）。
• Dataset ：数据集接口，用于绑定图表与数据源，常见的有 DefaultPieDataset、DefaultCategoryDataset。

以下是一个使用 JFreeChart 创建柱状图的核心类调用示例：

import org.jfree.chart.ChartFactory;
import org.jfree.chart.ChartPanel;
import org.jfree.chart.JFreeChart;
import org.jfree.chart.plot.PlotOrientation;
import org.jfree.data.category.DefaultCategoryDataset;

import javax.swing.*;

public class BarChartExample extends JFrame {
    public BarChartExample(String title) {
        super(title);

        // 创建数据集
        DefaultCategoryDataset dataset = new DefaultCategoryDataset();
        dataset.addValue(1, "Category 1", "A");
        dataset.addValue(4, "Category 1", "B");
        dataset.addValue(3, "Category 1", "C");

        // 创建柱状图
        JFreeChart barChart = ChartFactory.createBarChart(
                "示例柱状图",         // 图表标题
                "类别",              // X轴标签
                "值",                // Y轴标签
                dataset,             // 数据集
                PlotOrientation.VERTICAL, // 图表方向
                true,                // 是否显示图例
                true,                // 是否生成工具提示
                false                // 是否生成URL
        );

        // 显示图表
        ChartPanel chartPanel = new ChartPanel(barChart);
        chartPanel.setPreferredSize(new java.awt.Dimension(560, 367));
        setContentPane(chartPanel);
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(() -> {
            BarChartExample example = new BarChartExample("JFreeChart 柱状图示例");
            example.setSize(800, 600);
            example.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            example.setVisible(true);
        });
    }
}

代码说明：

• DefaultCategoryDataset 用于构建柱状图所需的数据结构。
• ChartFactory.createBarChart 用于快速生成柱状图。
• ChartPanel 是 Swing 组件，用于在窗口中显示图表。

5.1.2 快速生成饼图与柱状图

JFreeChart 提供了多种工厂方法用于快速生成图表。例如，创建饼图的代码如下：

import org.jfree.chart.ChartFactory;
import org.jfree.chart.ChartPanel;
import org.jfree.chart.JFreeChart;
import org.jfree.data.general.DefaultPieDataset;

import javax.swing.*;

public class PieChartExample extends JFrame {
    public PieChartExample(String title) {
        super(title);

        DefaultPieDataset<String> dataset = new DefaultPieDataset<>();
        dataset.setValue("A", 1);
        dataset.setValue("B", 4);
        dataset.setValue("C", 3);

        JFreeChart pieChart = ChartFactory.createPieChart(
                "示例饼图",     // 图表标题
                dataset,        // 数据集
                true,           // 是否显示图例
                true,           // 是否显示工具提示
                false           // 是否生成URL
        );

        ChartPanel chartPanel = new ChartPanel(pieChart);
        chartPanel.setPreferredSize(new java.awt.Dimension(500, 300));
        setContentPane(chartPanel);
    }

    public static void main(String[] args) {
        SwingUtilities.invokeLater(() -> {
            PieChartExample example = new PieChartExample("JFreeChart 饼图示例");
            example.setSize(800, 600);
            example.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
            example.setVisible(true);
        });
    }
}

5.1.3 自定义样式与交互功能

JFreeChart 允许通过配置 Plot 和 Renderer 来实现图表样式的定制。例如，为柱状图设置渐变背景色和柱体颜色：

import org.jfree.chart.plot.CategoryPlot;
import org.jfree.chart.renderer.category.BarRenderer;
import java.awt.*;

// 获取绘图区域
CategoryPlot plot = barChart.getCategoryPlot();

// 设置柱状图渲染器
BarRenderer renderer = (BarRenderer) plot.getRenderer();

// 设置柱体颜色（渐变）
renderer.setSeriesPaint(0, new GradientPaint(0, 0, Color.BLUE, 0, 0, Color.CYAN));

// 设置背景颜色
plot.setBackgroundPaint(Color.WHITE);
plot.setRangeGridlinePaint(Color.GRAY);

交互功能方面，可以通过添加鼠标监听器实现点击事件：

chartPanel.addChartMouseListener(new ChartMouseListener() {
    @Override
    public void chartMouseClicked(ChartMouseEvent event) {
        System.out.println("点击了图表区域");
    }

    @Override
    public void chartMouseMoved(ChartMouseEvent event) {
        // 可以在此添加鼠标悬停提示等交互逻辑
    }
});

5.2 数据可视化图表开发流程

5.2.1 图表开发的整体流程与步骤

使用 JFreeChart 进行数据可视化开发的一般流程如下：

1. 数据准备 ：从数据库、文件或实时数据源获取数据。
2. 数据预处理 ：清洗数据、归一化、分组等。
3. 选择图表类型 ：根据业务需求选择合适的图表类型（如饼图、柱状图、折线图等）。
4. 创建图表 ：使用 ChartFactory 或自定义方式生成图表对象。
5. 样式定制 ：设置颜色、字体、图例、坐标轴等。
6. 交互功能添加 ：如点击、悬停、缩放等。
7. 图表导出与展示 ：将图表导出为图片、PDF 或嵌入到 Web 页面中。

5.2.2 数据预处理与图形映射设计

在实际开发中，原始数据往往需要经过处理才能适配图表结构。例如，将数据库查询结果转换为 DefaultCategoryDataset ：

DefaultCategoryDataset dataset = new DefaultCategoryDataset();

// 假设从数据库获取了如下数据
String[] categories = {"A", "B", "C"};
int[] values = {10, 20, 15};

for (int i = 0; i < categories.length; i++) {
    dataset.addValue(values[i], "系列1", categories[i]);
}

图形映射设计：

• X轴 ：表示分类信息，如年份、地区、产品名等。
• Y轴 ：表示数值，通常为统计指标（如销售额、数量等）。
• 系列（Series） ：表示多个数据集合，用于对比分析。

5.2.3 图表的导出与部署应用

JFreeChart 支持将图表导出为多种格式，如 PNG、JPEG、PDF 等。以下代码演示如何将图表保存为 PNG 图像：

import org.jfree.chart.ChartUtils;

try {
    ChartUtils.writeChartAsPNG(new FileOutputStream("bar_chart.png"), barChart, 800, 600);
} catch (IOException e) {
    e.printStackTrace();
}

部署方式：

• 桌面应用 ：直接嵌入 Swing 界面中。
• Web 应用 ：使用 Servlet 或 JSP 生成图表并输出为图像流。
• 报表系统 ：集成到 JasperReports 等报表工具中。

5.3 Java图形开发的进阶方向

5.3.1 结合JavaFX实现现代图形界面

JavaFX 提供了更现代化的 UI 框架，支持 CSS 样式、动画、3D 图形等功能。可以将 JFreeChart 图表嵌入 JavaFX 应用中：

import javafx.application.Application;
import javafx.scene.Scene;
import javafx.scene.layout.StackPane;
import javafx.stage.Stage;
import org.jfree.fx.FXGraphics2D;
import org.jfree.chart.ChartFactory;
import org.jfree.chart.JFreeChart;
import org.jfree.data.category.DefaultCategoryDataset;

import java.awt.image.BufferedImage;
import java.io.File;
import javax.imageio.ImageIO;

public class JavaFXChartExample extends Application {

    @Override
    public void start(Stage primaryStage) {
        DefaultCategoryDataset dataset = new DefaultCategoryDataset();
        dataset.addValue(1, "Series1", "A");
        dataset.addValue(4, "Series1", "B");

        JFreeChart chart = ChartFactory.createBarChart("JavaFX 图表示例", "X", "Y", dataset);

        // 渲染为图像
        BufferedImage image = new BufferedImage(600, 400, BufferedImage.TYPE_INT_ARGB);
        FXGraphics2D g2 = new FXGraphics2D(image.getGraphics());
        chart.draw(g2, new java.awt.Rectangle(600, 400));
        try {
            ImageIO.write(image, "PNG", new File("javafx_chart.png"));
        } catch (Exception e) {
            e.printStackTrace();
        }

        StackPane root = new StackPane();
        Scene scene = new Scene(root, 800, 600);
        primaryStage.setScene(scene);
        primaryStage.setTitle("JavaFX + JFreeChart 示例");
        primaryStage.show();
    }

    public static void main(String[] args) {
        launch(args);
    }
}

5.3.2 使用OpenGL进行高性能图形渲染

对于需要高性能图形渲染的应用（如游戏、三维建模），可以使用 LWJGL（Light Weight Java Game Library） 或 JOGL（Java Bindings for OpenGL） 来调用 OpenGL 接口进行底层图形开发。

5.3.3 图形开发在大数据与AI中的应用前景

随着大数据与人工智能的发展，图形可视化成为数据分析和模型解释的重要手段：

• 数据可视化仪表盘 ：结合 JavaFX + JFreeChart 实现实时数据监控。
• AI模型可视化 ：使用图形库展示神经网络结构、训练过程、特征分布等。
• 增强现实（AR）与虚拟现实（VR） ：结合 Java 与 Unity、Unreal Engine 等引擎实现图形交互。

下一节将围绕 JavaFX 的图形开发特性 与 Java 图形开发的跨平台部署策略 展开深入探讨。

本文还有配套的精品资源，点击获取

简介：Java图形开发是Java编程的重要方向，主要通过 java.awt 和 javax.swing 包实现可视化界面和图表绘制。本文详解如何使用Java绘制饼图和柱状图，内容涵盖 Graphics 类的绘图方法、几何形状类如 Arc2D 和 Rectangle2D 的应用，以及 JPanel 和 JFrame 的界面集成方式。同时介绍第三方库 JFreeChart 在复杂图表开发中的使用。通过本项目实践，开发者将掌握Java数据可视化的核心技能，具备构建图表应用的能力。

本文还有配套的精品资源，点击获取