《Java数字图像处理：编程技巧与应用实践》——1.3　用Java Swing绘制自定义的JPanel

本节书摘来自华章计算机《Java数字图像处理：编程技巧与应用实践》一书中的第1章，第1.3节，作者 贾志刚，更多章节内容可以访问云栖社区“华章计算机”公众号查看。

1.3　用Java Swing绘制自定义的JPanel

Swing的JPanel组件是GUI编程中最重要的面板组件，可以通过重写JPanel中paint-Component方法实现对JPanel面板组件的背景颜色的调整或添加背景图片，进而实现自定义版本的面板（JPanel）组件。只要完成如下几步就可以实现一个简单自定义JPanel面板的绘制。

1）实现对JPanel面板的继承，代码如下：

public class CustomJPanel extends JPanel
{
    // 更多代码
}

2）完成对paintComponent（Graphics g）对象的重载，代码如下：

Protected void paintComponent(Grahpics g)
{
    // 绘制代码
}

3）访问Graphics绘制引擎，设置画笔颜色并完成绘制，在Java 2D中paint支持三种不同的画笔颜色填充策略，它们分别是：

单一颜色填充，如Color.BLUE、Color.RED等。代码如下：

// 单一颜色背景填充
g2.setPaint(Color.BLUE);

线性渐变颜色填充（GradientPaint），可以细分为水平与竖直方向。代码如下：

// 水平方向线性渐变颜色填充
Color sencondColor = new Color(99, 153, 255);
GradientPaint hLinePaint = new GradientPaint(0, 0, Color.BLACK, 
        this.getWidth(), 0,sencondColor);
g2.setPaint(hLinePaint);
    
// 竖直方向线性渐变颜色填充
Color controlColor = new Color(99, 153, 255);
GradientPaint vLinePaint = new GradientPaint(0, 0, Color.BLACK, 
        0, getHeight() ,controlColor);
g2.setPaint(vLinePaint);

圆周径向渐变颜色填充（RadialGradientPaint），支持两种以上的颜色渐变。代码如下：

// 圆周径向渐变颜色填充
float cx = this.getWidth() / 2;
float cy = this.getHeight() / 2;
float radius = Math.min(cx, cy);
float[] fractions = new float[]{0.1f, 0.5f, 1.0f};
Color[] colors = new Color[]{Color.RED, Color.GREEN,
                Color.BLUE};
// cx, cy表示圆周的中心点距离
// radius 表示半径长度， 
// fractions表示色彩渐变关键帧位置，每个值取值在0～1之间
// colors 表示颜色数组
RadialGradientPaint rgp = new RadialGradientPaint(cx, cy,
    radius, fractions, colors, CycleMethod.NO_CYCLE);
g2.setPaint(rgp);

4）设置背景图片支持。很多时候我们希望JPanel背景是一张图片而不是颜色填充，此时只需要将BufferedImage对象通过drawImage()方法放在paintComponent()中即可，唯一需要注意的地方就是确保BufferedImage对象不为NULL。代码如下：

// 图片作为背景填充
if(image != null)
{
    // 0，0表示图像起始位置，相对于坐标为左上角位置
    g2.drawImage(image, 0, 0, getWidth(), getHeight(), null);
}

5）实现一个测试的main方法代码如下：

public static void main(String[] args)
{
    JFrame ui = new JFrame("Custom JPanel");
    ui.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
    ui.getContentPane().setLayout(new BorderLayout());
    ui.getContentPane().add(new CustomJPanel(), 
            BorderLayout.CENTER);
    ui.setPreferredSize(new Dimension(380, 380));
    ui.pack();
    ui.setVisible(true);
}

读者可以下载相关文档查看完整的源代码，源代码是本书的一部分，请读者尽量运行源代码，这样可以更好地帮助读者理解所学内容。