Java Swing根据图片创建不规则窗体(二)

本来这篇文章是应该上午就写好的，可是写到一半，公司无线网络居然断掉了，郁闷.....

 

先来张效果图吧，这是仿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://www.yshjava.cn/post/324.html

评论

5 楼 SkyWalker_帥 2017-04-11  

楼主你这个右上角的button按钮控件布局是怎么弄的啊

4 楼 228476402 2016-08-16  

博主  没有AWTUtilities这个类怎么办呀！！！

3 楼 df20070608 2016-04-08  

试了一下，是自己想要的效果，不过这种方式实现出来很慢哦

2 楼 zhaiyujia860417 2012-11-06  

哥们，你电脑中毒啦 看你打包的JAR就知道

1 楼 itlangqun 2012-04-07  

不错，支持一个！