收藏到QQ书签 引言
本文将讲述如何应用JFC/Swing内建的图像组件来创建完全自定义的基于图像的用户接口。
大多数Swing应用程序是通过标准VM提供的，或者是客户提供的外观和感觉（L&F）来获取它们的外在展示。L&F是一个完整的体系架构，VM需要做很多内在的工作，并且它还不是完全自定义的。举个例子来说吧，在基于L&F的前提下，我们可以创建一个按钮，看起来有点像交通岗上的"红灯"，随之而来的在你的应用中所有的按钮就都有了这样的"相貌"。然而有时我们所真正需要的就是一个看起来与图像完全一样的按钮，就像Web上面基于图像的按钮一样。
为了让大家更好的了解我们所要介绍的内容，先来看一下最终的显示效果，如下图所示：一个带面板（Panel）的窗格（Frame）包含了一个标签（Label），一个按钮（Button），一个复选框（Checkbox）。面板、标签和按钮完全由图像绘制，完全没有使用到标准的L&F。复选框是一个标准的Checkbox，但它将被设计成是透明的以搭配图像背景。
第一步 创建背景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);
}
}
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);
}
}