Java开发笔记(一百二十三)AWT图像视图

前面介绍了AWT的几种基础控件,从按钮到文本标签,从输入框到选择框,无一例外都能显示文字,唯独无法显示某张图片文件。本以为AWT会提供专门的控件来显示图片,然而偏偏没有意料之中的图像控件,这可真是弱爆了,居然不能显示姹紫嫣红的图片,让程序员情何以堪呀。不过咱程序员不是吃素的,与其坐等天上掉馅饼,不如自己动手编写符合要求的图像视图。AWT自带的界面控件,大多由Component类派生而来,该类与展示有关的方法主要有下列两个:
getPreferredSize:该方法可返回控件的推荐宽高。
paint:该方法可使用画笔Graphics绘制具体的图案,包括各种形状、文字与图像。
看来若想自定义一个新控件,只需重写getPreferredSize和paint两个方法就好了,原来就这么简单。可是对于新手来说,天晓得要怎样把图片画到界面上,一方面不知道AWT利用哪种工具读写图片,另一方面也不知道怎样用画笔描绘图像。目前为止只知晓图片文件可以用File工具打开,且AWT控件属于Component家族,其余的中间过程完全是一团抓瞎。譬如下面的流程图描述了AWT显示图片文件的步骤。


上图的好几处地方尚不明确,例如:怎样把图片文件读到AWT的缓存当中?AWT的缓存是什么对象类型?怎样把缓存的图像数据描绘到控件上?这些问题若是不弄清楚,前头说的图像视图根本没法做。当然,AWT确实提供了每个环节需要的工具,尽管有些繁琐,但毕竟能用。这些工具的名称及其用法简要说明如下:
1、图像缓存类BufferedImage,它是AWT专用的图像缓存工具,里面保存着临时的图像数据。
2、图像输入输出工具ImageIO,它是AWT读写图片文件的利器,其中read方法可将图片文件读到图像缓存中,而write方法可将图像缓存保存为图片文件。
3、画笔工具Graphics,前述paint方法的输入参数正是Graphics类型,只要调用画笔对象的drawImage方法,即可在控件上绘制图像缓存。
现在有了上面三个工具,把它们替换进先前AWT显示图片的流程图,完善后的流程图就变成了下面这般:


啧啧,显示图片的流程一下子变得清晰了,通过BufferedImage、ImageIO、Graphics三板斧的协助,在控件上显示图片不再是难事了。依据流程图给出的思路,接着便能编写图像视图的自定义代码了,下面是支持显示图片文件的图像视图代码例子:

//定义一个显示图片用的图像视图
public class ImageView extends Component {
	private static final long serialVersionUID = 1L;
	private BufferedImage image; // 声明一个缓存图像

	// 设置图片路径
	public void setImagePath(String path) {
		try {
			image = ImageIO.read(new File(path)); // 把指定路径的图片文件读到缓存图像
		} catch (IOException e) {
			e.printStackTrace();
		}
	}

	@Override
	public void paint(Graphics g) { // 绘制控件的方法
		if (image != null) {
			if (getWidth() > 0 && getHeight() > 0) { // 有指定宽高
				g.drawImage(image, 0, 0, getWidth(), getHeight(), null); // 按指定宽高绘制图像
			} else { // 未指定宽高
				g.drawImage(image, 0, 0, null); // 按原尺寸绘制图像
			}
		}
	}

	@Override
	public Dimension getPreferredSize() { // 获取控件的推荐宽高
		if (image != null) {
			if (getWidth() > 0 && getHeight() > 0) { // 有指定宽高
				return new Dimension(getWidth(), getHeight()); // 返回setSize方法指定的宽高
			} else { // 未指定宽高
				return new Dimension(image.getWidth(), image.getHeight()); // 返回图像的宽高
			}
		} else {
			return new Dimension(0, 0); // 无图像则隐藏控件
		}
	}
}

然后回到主界面的代码,先创建图像视图的控件对象,再设置该控件的宽高,以及待显示的图片文件路径,最后将图像控件添加到面板上,主要的调用代码如下所示:

		Panel panel = new Panel(); // 创建一个面板
		ImageView imageView = new ImageView(); // 创建一个自定义的图像视图
		imageView.setSize(320, 240); // 设置图像视图的宽高
		imageView.setImagePath("E:/apple.png");  // 在图像视图上显示指定路径的图片
		panel.add(imageView); // 在面板上添加图像视图
		frame.add(panel); // 在窗口上添加面板

 

运行以上的图像控件代码,弹出的窗口界面如下图所示,可见面板成功展示了指定的图片。




更多Java技术文章参见《Java开发笔记(序)章节目录

posted @ 2019-07-13 10:22  pinlantu  阅读(310)  评论(0编辑  收藏  举报