1.3 绘 制 图 案

实例022  绘制五环图案

实例说明

本实例演示奥林匹克运动会的会徽，即五环图案的绘制。运行程序，将在窗体上绘制五环图案，效果如图1.22所示。

关键技术

本实例主要是通过在JPanel类的子类中，重写JComponent类的paint()方法，并在该方法中使用Graphics2D类的setStroke()、setColor()和drawOval()方法来实现的。

（1）使用Graphics2D类的setStroke()方法，指定笔画的粗细。

（2）使用Graphics2D类的setColor()方法，指定颜色。

（3）使用Graphics2D类的drawOval()方法，在指定位置绘制圆环，该方法是从Graphics类中继承的。

设计过程

（1）新建一个项目。

（2）在项目中创建一个继承JFrame类的FiveDaisyChainFrame窗体类。

（3）在FiveDaisyChainFrame窗体类中，创建内部面板类FiveDaisyChainPanel，并重写JComponent类的paint()方法，在该方法中实现五环图案的绘制。

（4）将内部面板类FiveDaisyChainPanel的实例，添加到窗体类FiveDaisyChainFrame的内容面板上，用于在窗体上显示五环图案，代码如下：

class FiveDaisyChainPanel extends JPanel {  // 创建内部面板类

    public void paint(Graphics g) {      // 重写paint()方法

        Graphics2D g2 = (Graphics2D)g;  // 获得Graphics2D对象

        BasicStroke stroke = new BasicStroke(3);  // 创建宽度是3的笔画对象

        g2.setStroke(stroke); // 设置笔画对象

        Color color = new Color(0,162,232); // 创建颜色对象

        g2.setColor(color); // 设置颜色

        g2.drawOval(30, 40, 60, 60);      // 绘制第一个圆

        //省略了绘制其他圆的代码

    }

}

秘笈心法

心法领悟022：获取五环图案的颜色。

在五环图案中，每种颜色都有特定的含义，为了获得五环图案的颜色，可以在Photoshop中按F8快捷键，在打开的信息面板中获得颜色的RGB值，然后使用Color类的构造方法创建颜色对象。