Java 图形绘制

图形绘制基础​

Java提供了强大的图形处理API，主要通过AWT（Abstract Window Toolkit）和Swing组件来实现图形的绘制。通过这些API，你可以创建各种各样的图形、调整颜色、处理图像，甚至创建动画效果。

在Java图形编程中，最核心的类是Graphics类和它的子类Graphics2D。这些类提供了各种方法来绘制线条、矩形、椭圆、文本等基本图形元素。

备注Graphics是Java AWT包中的抽象类，而Graphics2D是Java 2D API中的类，提供了更多高级功能，如渐变、透明度控制等。

创建简单的绘图应用​

让我们从一个简单的例子开始，创建一个窗口并绘制一些基本图形：

import javax.swing.*;import java.awt.*;public class SimpleDrawingExample extends JPanel { @Override protected void paintComponent(Graphics g) { super.paintComponent(g); // 将Graphics对象转换为Graphics2D以获得更多功能 Graphics2D g2d = (Graphics2D) g; // 设置绘图颜色为红色 g2d.setColor(Color.RED); // 绘制一个实心矩形 g2d.fillRect(50, 50, 100, 100); // 设置绘图颜色为蓝色 g2d.setColor(Color.BLUE); // 绘制一个实心椭圆 g2d.fillOval(200, 50, 100, 100); // 设置绘图颜色为绿色 g2d.setColor(Color.GREEN); // 绘制一条线 g2d.drawLine(50, 200, 300, 200); // 设置绘图颜色为黑色 g2d.setColor(Color.BLACK); // 设置字体 g2d.setFont(new Font("SansSerif", Font.BOLD, 24)); // 绘制文本 g2d.drawString("Java图形绘制示例", 70, 250); } public static void main(String[] args) { JFrame frame = new JFrame("简单图形绘制"); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.add(new SimpleDrawingExample()); frame.setSize(400, 300); frame.setLocationRelativeTo(null); frame.setVisible(true); }}

运行上面的代码，你将看到一个窗口，其中包含一个红色矩形、一个蓝色圆形、一条绿色线和一行黑色文字。

理解绘图机制​

在Java中，绘图遵循以下基本流程：

创建一个继承自JPanel或JComponent的类

重写paintComponent(Graphics g)方法

在paintComponent方法中使用Graphics对象绘制图形

将该面板添加到一个JFrame或其他容器中显示

提示重写paintComponent而不是paint方法是Swing编程的最佳实践，因为它保留了组件的背景绘制功能。

绘制基本图形​

Graphics和Graphics2D类提供了许多方法来绘制各种基本图形：

直线和点​

// 绘制一条直线（从坐标x1,y1到x2,y2）g.drawLine(int x1, int y1, int x2, int y2);

矩形​

// 绘制矩形轮廓g.drawRect(int x, int y, int width, int height);// 绘制填充矩形g.fillRect(int x, int y, int width, int height);// 绘制圆角矩形g.drawRoundRect(int x, int y, int width, int height, int arcWidth, int arcHeight);// 绘制填充圆角矩形g.fillRoundRect(int x, int y, int width, int height, int arcWidth, int arcHeight);

椭圆和圆​

// 绘制椭圆轮廓g.drawOval(int x, int y, int width, int height);// 绘制填充椭圆g.fillOval(int x, int y, int width, int height);// 绘制圆形（特殊的椭圆，宽度和高度相等）g.drawOval(int x, int y, int diameter, int diameter);

多边形​

// 创建坐标数组int[] xPoints = {50, 100, 150};int[] yPoints = {50, 20, 50};int nPoints = 3;// 绘制多边形轮廓g.drawPolygon(xPoints, yPoints, nPoints);// 绘制填充多边形g.fillPolygon(xPoints, yPoints, nPoints);

弧形​

// 绘制弧形g.drawArc(int x, int y, int width, int height, int startAngle, int arcAngle);// 绘制填充扇形g.fillArc(int x, int y, int width, int height, int startAngle, int arcAngle);

颜色处理​

Java提供了Color类来表示颜色。你可以使用预定义的颜色常量或创建自定义颜色：

// 使用预定义颜色g.setColor(Color.RED);// 创建自定义RGB颜色 (R,G,B)g.setColor(new Color(128, 64, 32));// 创建带透明度的颜色 (R,G,B,A) - A是透明度，范围0-255g.setColor(new Color(128, 64, 32, 180));

Graphics2D高级特性​

Graphics2D类提供了比基本Graphics更多的高级功能：

线条样式​

Graphics2D g2d = (Graphics2D) g;// 设置线条粗细g2d.setStroke(new BasicStroke(3.0f));// 设置虚线样式float[] dash = {10.0f, 5.0f, 3.0f, 5.0f};g2d.setStroke(new BasicStroke(2.0f, BasicStroke.CAP_BUTT, BasicStroke.JOIN_MITER, 10.0f, dash, 0.0f));

渐变色​

// 创建线性渐变（从点x1,y1到点x2,y2）GradientPaint gradient = new GradientPaint( 0, 0, Color.RED, // 起点和颜色 100, 100, Color.BLUE // 终点和颜色);// 应用渐变g2d.setPaint(gradient);// 使用渐变绘制形状g2d.fillOval(50, 50, 150, 150);

旋转和变换​

// 保存当前的转换状态AffineTransform oldTransform = g2d.getTransform();// 移动坐标系原点g2d.translate(150, 150);// 旋转坐标系（角度以弧度表示）g2d.rotate(Math.PI / 4); // 旋转45度// 绘制一个矩形（将会旋转）g2d.fillRect(-50, -25, 100, 50);// 恢复之前的转换状态g2d.setTransform(oldTransform);

实际案例：简单画板应用​

下面是一个简单的画板应用，你可以用鼠标在窗口上绘制：

import javax.swing.*;import java.awt.*;import java.awt.event.*;import java.util.ArrayList;public class SimplePaintApp extends JPanel { // 存储所有绘制的线条 private ArrayList points = new ArrayList<>(); public SimplePaintApp() { setBackground(Color.WHITE); // 添加鼠标监听器 MouseAdapter mouseHandler = new MouseAdapter() { @Override public void mouseDragged(MouseEvent e) { // 添加新的点并重绘 points.add(new Point(e.getX(), e.getY())); repaint(); } }; addMouseListener(mouseHandler); addMouseMotionListener(mouseHandler); } @Override protected void paintComponent(Graphics g) { super.paintComponent(g); Graphics2D g2d = (Graphics2D) g; // 设置线条样式 g2d.setColor(Color.BLUE); g2d.setStroke(new BasicStroke(3.0f, BasicStroke.CAP_ROUND, BasicStroke.JOIN_ROUND)); // 绘制所有点之间的线段 for (int i = 1; i < points.size(); i++) { Point p1 = points.get(i-1); Point p2 = points.get(i); g2d.drawLine(p1.x, p1.y, p2.x, p2.y); } } public static void main(String[] args) { JFrame frame = new JFrame("简易画板"); frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.add(new SimplePaintApp(), BorderLayout.CENTER); // 添加清除按钮 JButton clearButton = new JButton("清除"); SimplePaintApp paintApp = new SimplePaintApp(); clearButton.addActionListener(e -> { paintApp.points.clear(); paintApp.repaint(); }); frame.add(paintApp, BorderLayout.CENTER); frame.add(clearButton, BorderLayout.SOUTH); frame.setSize(600, 400); frame.setLocationRelativeTo(null); frame.setVisible(true); }}

这个应用允许用户通过拖动鼠标在窗口上画线，并提供清除按钮重置画布。

双缓冲技术​

在绘制动画或频繁更新的图形时，可能会出现闪烁现象。解决这个问题的方法是使用双缓冲技术：

提示在Swing组件中，双缓冲已经默认启用。如果你使用AWT，可能需要手动实现双缓冲。

import java.awt.*;import java.awt.image.BufferedImage;public class DoubleBufferedDrawing extends Component { private BufferedImage offscreen; @Override public void paint(Graphics g) { // 检查并创建缓冲区 if (offscreen == null || offscreen.getWidth() != getWidth() || offscreen.getHeight() != getHeight()) { offscreen = new BufferedImage(getWidth(), getHeight(), BufferedImage.TYPE_INT_ARGB); } // 获取缓冲区的图形上下文 Graphics2D offG = offscreen.createGraphics(); // 清除背景 offG.setColor(getBackground()); offG.fillRect(0, 0, getWidth(), getHeight()); // 进行绘图操作 offG.setColor(Color.RED); offG.fillOval(50, 50, 100, 100); offG.dispose(); // 将缓冲区内容绘制到屏幕 g.drawImage(offscreen, 0, 0, this); }}

总结​

在这篇教程中，我们学习了Java图形绘制的基础知识，包括：

基本图形元素的绘制（线条、矩形、椭圆等）

颜色处理和设置

Graphics2D高级特性（线条样式、渐变、变换等）

如何创建简单的绘图应用

双缓冲技术的基本概念

Java的图形API非常强大，可以用于创建从简单图表到复杂游戏的各种应用。掌握这些基础知识后，你可以进一步探索更高级的图形编程技术，如3D图形、动画和特效。

练习与挑战​

为了巩固所学知识，尝试完成以下练习：

创建一个简单的图形编辑器，支持绘制不同形状（矩形、椭圆、线条）

实现一个时钟应用，显示当前时间并动态更新指针位置

开发一个简单的绘图游戏，如画板或像素艺术创作工具

尝试实现一个简单的图表组件，如柱状图或饼图

扩展资源​

Oracle官方Java教程中的2D图形部分

Java Swing图形编程详解

计算机图形学基础知识

Java游戏开发资源

警告记住，图形绘制可能会消耗大量系统资源。在处理大型或复杂的图形时，一定要注意优化你的代码，避免不必要的重绘和对象创建。