本来这篇文章是应该上午就写好的,可是写到一半,公司无线网络居然断掉了,郁闷.....
?
先来张效果图吧,这是仿CF界面做的一个Demo,因为个人没有美工能力,所以这个透明PNG图片处理的十分粗糙,导致窗体看起来有锯齿.
?
?
有了上一章做理论铺垫,这一章就直接上代码吧:
/* * To change this template, choose Tools | Templates * and open the template in the editor. */ package cn.ysh.studio.swing.window; import com.sun.awt.AWTUtilities; import java.awt.Image; import java.awt.MediaTracker; import java.awt.Point; import java.awt.Rectangle; import java.awt.Shape; import java.awt.Toolkit; import java.awt.event.MouseAdapter; import java.awt.event.MouseEvent; import java.awt.event.MouseMotionAdapter; import java.awt.geom.Area; import java.awt.image.PixelGrabber; import java.io.IOException; import java.util.ArrayList; import javax.swing.JFrame; /** * * @author 杨胜寒 */ public class CreateShape { private Image img; private JFrame jf; private Point origin; public CreateShape(JFrame jf, String image) throws InterruptedException, IOException { this.jf = jf; MediaTracker mt = new MediaTracker(jf); //获取指定图片 img = Toolkit.getDefaultToolkit().getImage(getClass().getResource(image)); mt.addImage(img, 0); //等待就绪 mt.waitForAll(); initialize(); //窗体初始化 } private void initialize() throws IOException { //设定窗体大小和图片一样大 jf.setSize(img.getWidth(null), img.getHeight(null)); //设定禁用窗体装饰,这样就取消了默认的窗体结构 jf.setUndecorated(true); //初始化用于移动窗体的原点 origin = new Point(); //调用AWTUtilities的setWindowShape方法设定本窗体为制定的Shape形状 AWTUtilities.setWindowShape(jf, getImageShape(img)); //设定窗体可见度 AWTUtilities.setWindowOpacity(jf, 0.8f); jf.setLocationRelativeTo(null); } /** * 因为取消了默认的窗体结构,所以这里需要实现自定义的窗体鼠标监听 */ public void addDragLisener() { jf.addMouseListener( new MouseAdapter() { @Override public void mousePressed(MouseEvent e) { origin.x = e.getX(); origin.y = e.getY(); } //窗体上单击鼠标右键关闭程序 @Override public void mouseClicked(MouseEvent e) { if (e.getButton() == MouseEvent.BUTTON3) { System.exit(0); } } @Override public void mouseReleased(MouseEvent e) { super.mouseReleased(e); } @Override public void mouseEntered(MouseEvent e) { jf.repaint(); } }); jf.addMouseMotionListener( new MouseMotionAdapter() { @Override public void mouseDragged(MouseEvent e) { Point p = jf.getLocation(); jf.setLocation(p.x + e.getX() - origin.x, p.y + e.getY() - origin.y); } }); } public Shape getImageShape(Image img) { ArrayList<Integer> x = new ArrayList<Integer>(); ArrayList<Integer> y = new ArrayList<Integer>(); int width = img.getWidth(null);//图像宽度 int height = img.getHeight(null);//图像高度 //筛选像素 //首先获取图像所有的像素信息 PixelGrabber pgr = new PixelGrabber(img, 0, 0, -1, -1, true); try { pgr.grabPixels(); } catch (InterruptedException ex) { ex.getStackTrace(); } int pixels[] = (int[]) pgr.getPixels(); for (int i = 0; i < pixels.length; i++) { //筛选,将不透明的像素的坐标加入到坐标ArrayList x和y中 int alpha = getAlpha(pixels[i]); if (alpha == 0) { continue; } else { x.add(i % width > 0 ? i % width - 1 : 0); y.add(i % width == 0 ? (i == 0 ? 0 : i / width - 1) : i / width); } } int[][] matrix = new int[height][width]; for (int i = 0; i < height; i++) { for (int j = 0; j < width; j++) { matrix[i][j] = 0; } } //导入坐标ArrayList中的不透明坐标信息 for (int c = 0; c < x.size(); c++) { matrix[y.get(c)][x.get(c)] = 1; } Area rec = new Area(); int temp = 0; for (int i = 0; i < height; i++) { for (int j = 0; j < width; j++) { if (matrix[i][j] == 1) { if (temp == 0) { temp = j; } else if (j == width) { if (temp == 0) { Rectangle rectemp = new Rectangle(j, i, 1, 1); rec.add(new Area(rectemp)); } else { Rectangle rectemp = new Rectangle(temp, i, j - temp, 1); rec.add(new Area(rectemp)); temp = 0; } } } else { if (temp != 0) { Rectangle rectemp = new Rectangle(temp, i, j - temp, 1); rec.add(new Area(rectemp)); temp = 0; } } } temp = 0; } return rec; } private int getAlpha(int pixel) { return (pixel >> 24) & 0xff; } }
?
个人觉得注释写的还是蛮清楚的,在此也就不对程序代码做过多解释了,就简单说一下吧:
第一步,获取一个图片,作为裁切窗体的模板;
第二步,取消窗体默认装饰,并为其添加自定义鼠标监听,以实现常规的窗体拖动等事件;
第三步,扫描图片像素,分拣不透明像素,然后生成不规则形状,并以此裁切窗体;
第四步,设置窗体透明度,显示窗体
?
上述四步中,最值得说的是第三步:扫描图片像素矩阵信息,过滤透明像素,生成不规则区域,裁切窗体。
扫描像素矩阵:图片的像素信息的存储形式有点像一个矩阵(二维数组),有规则的行和列,在java中,使用PixelGrabber类可以轻易获取一张图片的像素矩阵信息,但是通过getPixels()方法返回的像素信息却是一维数组,这一点要注意,稍后会详述;
过滤透明像素:从像素数组中一次检出每个像素,检查其是否透明,如果透明则放弃该像素点,够则将像素在矩阵(注意不是上面提到的一维数组)中的坐标信息记录到两个List中;
在内存中生成不规则形状:像素分拣之后,会得到两个长度相同的List,这两个List分别记录了非透明像素点在图片像素矩阵中的X坐标和Y坐标,这里需要将二者融合到一个二维数组中,融合之后的这个二维数组,跟原始的像素矩阵一样大小,不同的是,它的的所有点只有两个值:1或0,1代表非透明点,0代表透明点。有了这个“特殊”的像素矩阵之后,还要在内存中生成不规则形状,这个稍微有点饶,我尽量说的详细一点:程序会遍历这个二维数组,跟踪每一个非透明像素(值为非0)点直到遇到一个透明点或这一行结束(简单点说,就是在每一行中检出连续的非透明点),然后基于这些点,构建一个"区域",java中由Rectangle和Area类负责构建这个"区域",最后将这些连续的或不连续的非透明块组合起来生成一个Area对象,即大功告成,成功在内存中生成了图片的形状!
裁切窗体:这个就简单了,Java Swing自带的有API接口,非常简单
AWTUtilities.setWindowShape(jf, getImageShape(img));
?有兴趣的童鞋可以看看setWindowShape(Window window, Shape shape)方法的API。
?
使用上面这个类来成为一个指定的JFrame裁切形状就非常简单啦,看代码:
?
JFrame sample = new ShapWindowTest(); sample.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); sample.setVisible(true); sample.setTitle("Java Swing 不规则窗体范例");
?
原创文章,转载请注明出处:http://yshjava.iteye.com/admin/blogs/1325330