Question

Java画图

Write a programthat fills the window with a large ellipse, with a black outline and filledwith your favourite colour. The ellipse should touch the window boundaries,even if the window is resized.
编写一个程序，一个大椭圆包括黑色轮廓和用你最喜欢的颜色填充。即使调整窗口的大小椭圆应该接触窗口边界
Hint: themethods getWidth() and getHeight() of the Frame class can be used to get thecurrent width and height of the frame.

Provide 2 classes:
· EllipseComponent
o ExtendsJComponent andoverrides the paintComponent(Graphics g) method
· EllipseViewer.
o Makes a new EllipseComponent and adds it to a JFrame.

Answer 1

看来你从未动过手解决未知问题，只会做练习？

这里已经提示了怎么做，你只需要先了解基本的  Swing 中的 JLabel/JFrame 怎么用，然后自己自己做一个 EllipseComponent 覆盖它的 paintComponent(Graphics g) 方法，使用一个像 Eclipse 这样的开发工具 IDE，在 g 后面打个点就有提示这个 Graphics 有什么方法可用，里面就有2D绘图的方法。

import java.awt.Color;
import java.awt.Dimension;
import java.awt.EventQueue;
import java.awt.Graphics;
import java.awt.Rectangle;
import java.awt.event.ComponentAdapter;
import java.awt.event.ComponentEvent;

import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.UIManager;

public class EllipseViewer extends JFrame {

	private static final long serialVersionUID = 5929654695935454925L;

	public static void main(String[] args) {
		try {
			UIManager.setLookAndFeel(UIManager
					.getCrossPlatformLookAndFeelClassName());
		} catch (Exception e) {
			e.printStackTrace();
		}
		EventQueue.invokeLater(new Runnable() {
			public void run() {
				EllipseViewer app = new EllipseViewer();
			}
		});
	}

	private JPanel panel;

	public EllipseViewer() {
		add(getPanel());
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		pack();
		setVisible(true);
		addComponentListener(new ComponentAdapter() {
			@Override
			public void componentResized(ComponentEvent e) {
				System.out.println("Window Resized: Frame");
			}
		});
	}

	public JPanel getPanel() {
		if (panel == null) {
			panel = new EllipseComponent();
			panel.setPreferredSize(new Dimension(300, 200));
			panel.setBackground(Color.RED);
		}
		return panel;
	}

	class EllipseComponent extends JPanel {

		private static final long serialVersionUID = -1744557274793554529L;

		protected void paintComponent(Graphics g) {
			System.out.println("Paint component");
			Rectangle clientArea = this.getBounds();

			int height = clientArea.height - 1;
			int width = clientArea.width - 1;

			// set foreground color
			g.setColor(Color.BLACK);

			// draw cycle/ellipse
			g.drawOval(0, 0, width, height);

			// set foreground color
			g.setColor(Color.ORANGE);

			// fill it, we give 1 pixel as line width.
			g.fillOval(1, 1, width - 2, height - 2);
		}

	}
}

追问

很多语句都没见过，能不能给简单点的，刚学这个。

追答

这里面没几个东西啊。

• main 函数是测试用的，简单吧。

• EllipseViewer() 构造函数，是这个 EllipseViewer 类的主体。

• class EllipseComponent extends JPanel 这是个内部类，你也可以把它拿到外部成为一个独立的 public class 文件。

• getPanel() 方法是创建一个 EllipseComponent 对象实例。

• 代码中关键的 paintComponent 已经给了说明，先得到当前这个 component 的矩形区域和高和宽，然后分2步，第一步，先设置前景色为黑色并画封闭弧线并填充黑色；第二步，设置前景色为橙色并填充橙色到，不过这次填充的区域的高宽比前一次各减少了1，这样，就留下了1个像素的黑色外框。

• serialVersionUID 可以忽略，完全不相关的，是自动生成的一部分。

最主要的绘图部分添加了注释。

protected void paintComponent(Graphics g) {
System.out.println("Paint component");

//得到当前组件可见矩形区域
Rectangle clientArea = this.getBounds();

int height = clientArea.height - 1;
int width = clientArea.width - 1;

// 设置前景色为黑色
g.setColor(Color.BLACK);

// 画闭合弧线，当宽和高相等时是一个圆，不相等时是个椭圆
g.drawOval(0, 0, width, height);

// 再改前景色为橙色
g.setColor(Color.ORANGE);

// 填充区域并留出1个像素的黑色外框
g.fillOval(1, 1, width - 2, height - 2);
}

追问

可是要求是 ：the methods getWidth() and getHeight() of the Frame class can be used to get the current width and height of the frame. Q+779540855 求帮忙。分全给你了

追答

那是因为它是在假设这个 JFrame 里面只有一个组件，但我们可以放多个组件，比如我们在做一个让儿童学习涂鸦的软件，就像Windows自带的画笔，上边有个工具栏让你选刷子再填充，左边是选择前景色和背景色，右边是选择圆还是椭圆或方形之类的，中间才是绘图框，这时我们用 getBounds() 就是正确的，而用 JFrame.this.getHeight() 和 getWidth() 得到的大小不是期望的值。

当然你可以把它替换成 EllipseViewer.this.getHeigth() 和 getWidth()，对于这个简单的例子是没有差别的。而 this.getBounds() 在任何情况下都是正确的，只是当仅有一个组件时它的值刚好和 Frame 的大小是相等的。

追问

怎么替换成EllipseViewer.this.getHeigth() 呢，由于这是我们实验内容，所以用getHeight() 和 getWidth()就足够了

追答

对，getHeight() 和 getWidth() 在这个 paintComponents() 方法里面就指的是 EllipseComponent.getHeight()/getWidth()，它的值跟 this.getBounds() 后得到的 height 和 width 是一样的。

当线条宽度为5时得到这样的改动。我在第一个画弧之后添加了一个填充的指令。

protected void paintComponent(Graphics g) {
    System.out.println("Paint component");

    // 得到当前组件可见矩形区域
    Rectangle clientArea = this.getBounds();

    int height = clientArea.height - 1;
    int width = clientArea.width - 1;

    // 设置前景色为黑色
    g.setColor(Color.BLACK);

    // 画闭合弧线，当宽和高相等时是一个圆，不相等时是个椭圆
    g.drawOval(0, 0, width, height);
    g.fillOval(0, 0, width, height);

    // 再改前景色为橙色
    g.setColor(Color.ORANGE);

    int borderWidth = 5;

    // 填充区域并留出1个像素的黑色外框
    g.fillOval(borderWidth, borderWidth, width - borderWidth * 2, height - borderWidth * 2);
}

追问

这样不行吗

追答

这里减 1 是观察得出的，没有减1时似乎略微超出了边界。

    int height = getHeight() - 1;
    int width = getWidth() - 1;

    // 设置前景色为黑色
    g.setColor(Color.BLACK);

    // 填充椭圆为黑色
    g.fillOval(0, 0, width, height);

    // 再改前景色为橙色
    g.setColor(Color.ORANGE);

    int borderWidth = 2;

    // 填充区域并留出黑色外框，这次填充范围略小，相差的就是黑色外框
    g.fillOval(borderWidth, borderWidth, width - borderWidth * 2, height - borderWidth * 2);

追问

g.fillOval(borderWidth, borderWidth, width - borderWidth * 2, height - borderWidth * 2);
width - borderWidth * 2这个怎么理解

追答

画椭圆时我们给出区域左上角坐标和外切矩形宽和高，这里当需要留出宽度为 borderWidth 的外框线条时，我们就先填充长短半轴分别为 width/2 和 height /2 椭圆，再填充长短半轴比它们少了 borderWidth 的另一个椭圆。两次填充的是同心的椭圆，它们的填充面积相差的区域就是外框。你在图就能明白。

当我把 borderWidth 设定为 5 时的效果，外框线条很明显了。