JFC/Swing活学活用之创建自定义图像组件

1/5/2008来源:Java教程人气:6227

下载本文源代码

  引言

  本文将讲述如何应用JFC/Swing内建的图像组件来创建完全自定义的基于图像的用户接口。

  大多数Swing应用程序是通过标准VM提供的,或者是客户提供的外观和感觉(L&F)来获取它们的外在展示。L&F是一个完整的体系架构,VM需要做很多内在的工作,并且它还不是完全自定义的。举个例子来说吧,在基于L&F的前提下,我们可以创建一个按钮,看起来有点像交通岗上的"红灯",随之而来的在你的应用中所有的按钮就都有了这样的"相貌"。然而有时我们所真正需要的就是一个看起来与图像完全一样的按钮,就像Web上面基于图像的按钮一样。

  为了让大家更好的了解我们所要介绍的内容,先来看一下最终的显示效果,如下图所示:一个带面板(Panel)的窗格(Frame)包含了一个标签(Label),一个按钮(Button),一个复选框(Checkbox)。面板、标签和按钮完全由图像绘制,完全没有使用到标准的L&F。复选框是一个标准的Checkbox,但它将被设计成是透明的以搭配图像背景。

JFC/Swing活学活用之创建自定义图像组件(图一)



  第一步 创建背景Panel

  要完成这"天堂"般的工程,首先我们要做的是创建一个图像背景。因为这样的组件可重用性(reusable)很高,所以我们创建了JPanel类的一个子类,叫做ImagePanel,参考下面的代码示例:

  示例代码1:

package com.demo.jcomponents;

import java.awt.*;
import javax.swing.*;

/**
* 创建图像面板
* @author xiazhi
*/
public class ImagePanel extends JPanel
{
 /**
 * 图形对象
 */
 PRivate Image img;

 /**
 * 构造函数
 *
 * @param img 图像对象
 */
 public ImagePanel(String img)
 {
  this(new ImageIcon(img).getImage());
 }

 /**
 * 构造函数
 *
 * @param img 图像对象
 */
 public ImagePanel(Image img)
 {
  this.img = img;

  // 定义图像尺寸
  Dimension size = new Dimension(img.getWidth(null), img.getHeight(null));
  setPreferredSize(size);
  setMinimumSize(size);
  setMaximumSize(size);
  setSize(size);

  // 定义布局方式为空
  setLayout(null);
 }

 /**
 * 重画画布
 */
 public void paintComponent(Graphics g)
 {
  g.drawImage(img, 0, 0, null);
 }
}
  构造函数使用Image的实例作为参数,并将绘制的图像保存在变量img中以备以后使用。接着调用setSize()和setPreferredSize()方法,并以图像的尺寸作为参数。这样可以确保Panel的尺寸与图像的尺寸完全一致。接下来的操作非常重要,必须显示地指定Panel的preferred、maximum和minimum尺寸,因为Panel类的父类和子类可能不会使用绝对布局方式。

  小提示:我们都知道,Swing是使用布局治理器(Layout Manager)来控制组件的位置,绝对布局的意思就是不使用布局治理器来控制组件的位置。(可以通过setLayout(null)方法来指定采用绝对布局方式)

  既然这样,显示指定的尺寸和位置将会被使用(可以通过setSize()和setLocation()方法)。当使用指定的布局治理器时,preferred,minimum和maximum尺寸可能会被使用。为了适应上面所有的情况,我们只要简单的设置上面所提及的四个方法就可以了。

  现在,Panel已经设置了适当的尺寸,我们可以通过重载paintComponent()方法来绘制图像:

public void paintComponent(Graphics g)
{
 g.drawImage(img, 0, 0, null);
}
  小提示:在这里我们重载了paintComponent()方法,而不是paint()方法,这是很重要的一点,要不然子类将不会被重新绘制。

  现在来测试一下我们工作的成果,我们将自定义的Panel添加到一个Frame中,然后显示该Frame,参考下面的代码示例:

  示例代码2:

package com.demo.jcomponents;

import javax.swing.*;

/**
* 测试图像Panel组件
* @author xiazhi
*/
public class ImageTest1
{
 public static void main(String[] args)
 {

  ImagePanel panel = new ImagePanel(createImageIcon("images/background.png").getImage());

  JFrame frame = new JFrame("JFC/Swing:创建以图像为主题的组件");
  frame.getContentPane().add(panel);

  frame.pack();
  frame.setVisible(true);
 }

 protected static ImageIcon createImageIcon(String path)
 {
  java.net.URL imgURL = ImageTest1.class.getResource(path);
  if (imgURL != null)
  {
   return new ImageIcon(imgURL);
  }
  else
  {
   System.err.println("不能找到指定文件: " + path);
   return null;
  }
 }
}
  程序运行后,显示效果如下: