本节书摘来自华章计算机《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);
}