Swing 不规则窗体的制作

终极解决之道
经过反复的研究探索，终于获得了一个完美的解决方法：不用shape、不用抓图、不用workaround，真正的、彻底的、完全的、随意的在桌面上任意绘图、涂鸦、撒野，真正的属于程序员的Freedom！下面就来一起揭开这层窗户纸吧！

在程序中依次设置以下几个参数：

设置窗口完全透明：AWTUtilities.setWindowOpaque(frame, false);
设置窗口无边缘：frame.setUndecorated(true);
设置窗口的ContentPane为要显示的Pane：frame.setContentPane(myPane);
在myPane中放置具体要显示的内容，也可以重载paint方法进行Java2D绘制。这些paint会直接发生在桌面背景上。
接下来，就是见证奇迹的时刻！



（不好意思，暴露我的桌面了）

通过上面方法，可以做一个任意大小、任意位置的window，在相应的桌面位置上随意显示Swing组件，或做任意Java2D画图。比如下面小例子可以在屏幕上直接画一个红色的立体矩形，而没有显示窗口：

Java代码

import com.sun.awt.AWTUtilities;
import java.awt.Color;
import java.awt.Graphics;
import javax.swing.JFrame;
import javax.swing.JPanel;

public class Test {

public static void main(String[] args) {
JFrame frame = new JFrame();
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setUndecorated(true);
frame.setBounds(500, 500, 300, 300);
AWTUtilities.setWindowOpaque(frame, false);

JPanel pane = new JPanel() {

@Override
public void paint(Graphics g) {
super.paint(g);

g.setColor(Color.red);
g.fill3DRect(10, 10, 100, 100, true);
}
};

frame.setContentPane(pane);

frame.setVisible(true);
}
}

运行效果如下图：

窗口的拖拽移动

窗口不再规则，窗口标题栏不再出现，如何移动窗口？按照其他类似软件的习惯做法，应当允许用鼠标直接拖拽窗体任意位置进行窗口移动。做一个鼠标监听器对窗口中的元素进行拖动监听，对窗口进行相应拖动距离的移动：

Java代码

private MouseAdapter moveWindowListener = new MouseAdapter() {

private Point lastPoint = null;

@Override
public void mousePressed(MouseEvent e) {
lastPoint = e.getLocationOnScreen();
}

@Override
public void mouseDragged(MouseEvent e) {
Point point = e.getLocationOnScreen();
int offsetX = point.x - lastPoint.x;
int offsetY = point.y - lastPoint.y;
Rectangle bounds = FreeLoginUI.this.getBounds();
bounds.x += offsetX;
bounds.y += offsetY;
FreeLoginUI.this.setBounds(bounds);
lastPoint = point;
}
};

对窗体上的组件安装这一listener，就可以对窗口中任意元素进行拖拽，直接拖动窗体四处晃悠了。

图片的切割

要做好的界面，需要一个耐心、有创意的美工大力协助，例如图片的切割就很重要。下图展示了如何从效果图进行具体切割素材：

制作渐变背景Panel

仔细观察中间的输入区域部分，其背景是有渐变设计的。其制作方法也很简单：首先让美工帮助制作一个一个像素宽、整个panel高度的小图片作为素材；然后用这个图片创建纹理Paint；最后用这个纹理对真个panel进行fill。

Java代码

private JPanel inputPane = new JPanel() {

private String backgroundImageURL = FreeUtil.getImageURL("login_background.png");
private TexturePaint paint = FreeUtil.createTexturePaint(backgroundImageURL);

@Override
protected void paintComponent(Graphics g) {
super.paintComponent(g);
Graphics2D g2d = (Graphics2D) g;
g2d.setPaint(paint);
g2d.fillRect(0, 0, this.getWidth(), this.getHeight());
}
};

肆虐你的桌面：六月飘雪！

既然窗户纸捅破了，在桌面上就随意折腾吧。这几天窗外酷热难耐，咱们就来个桌面飘雪，也许可以望梅止渴，带来丝丝清凉吧！

先准备一个雪花的png透明图片，然后在桌面上随机生成50个雪花坐标，每次paint让每个雪花的左右略微抖一下（snowX[i] += TWaverUtil.getRandomInt(5) - 3），垂直距离下坠5像素（snowY[i] += 5），再旋转个小角度。然后，用一个线程不停的repaint窗口。

雪花png图片：



程序代码如下：

Java代码

public class TestSnow {

public static void main(String[] args) {
final JFrame frame = new JFrame();
frame.setAlwaysOnTop(true);
frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
frame.setUndecorated(true);
frame.setExtendedState(JFrame.MAXIMIZED_BOTH);
AWTUtilities.setWindowOpaque(frame, false);

final JPanel pane = new JPanel() {

private int[] snowX = null;
private int[] snowY = null;
private int[] angles = null;
private int count = 50;

@Override
public void paint(Graphics g) {
super.paint(g);
Rectangle bounds = frame.getBounds();
if (snowX == null) {

snowX = new int[count];
for (int i = 0; i < snowX.length; i++) {
snowX[i] = TWaverUtil.getRandomInt(bounds.width);
}
snowY = new int[count];
for (int i = 0; i < snowY.length; i++) {
snowY[i] = TWaverUtil.getRandomInt(bounds.height);
}
angles = new int[count];
for (int i = 0; i < snowY.length; i++) {
angles[i] = TWaverUtil.getRandomInt(360);
}
}

Graphics2D g2d = (Graphics2D) g;
Image image = TWaverUtil.getImage("/free/test/snow.png");
for (int i = 0; i < count; i++) {
snowX[i] += TWaverUtil.getRandomInt(5) - 3;
snowY[i] += 5;
angles[i] += i / 5;
snowY[i] = snowY[i] > bounds.height ? 0 : snowY[i];
angles[i] = angles[i] > 360 ? 0 : angles[i];
int x = snowX[i];
int y = snowY[i];
int angle = angles[i];
g2d.translate(x, y);
double angleValue = Math.toRadians(angle);
g2d.rotate(angleValue);
g2d.drawImage(image, 0, 0, null);
g2d.rotate(-angleValue);
g2d.translate(-x, -y);
}
}
};

frame.setContentPane(pane);
frame.setVisible(true);
Thread thread = new Thread() {

@Override
public void run() {
while (true) {
try {
Thread.sleep(10);
} catch (Exception ex) {
ex.printStackTrace();
}
pane.repaint();
}
}
};

thread.start();
}
}

快快运行代码，让雪花飘起来吧！



如果愿意折腾，还可以修改代码中的：

private int count = 50，调整雪花的数量；
修改angles[i] += i / 5，调整雪花翻滚的速度；
修改snowY[i] += 5，调整雪花下坠的速度；
修改snowX[i] += TWaverUtil.getRandomInt(5) – 3，调整雪花左右摆动的速度；

别说你不知道怎么结束程序啊，不会Alt+F4的话，你这个程序员肯定不合格了。

秘密背后的秘密

当把透明窗口Frame设置特别大以后（例如10000*10000），你会发现不但界面变得极其缓慢，而且还会内存溢出。Sun的秘密不言自明了：还是使用了BufferedImage。否则，鼠标点击你画的椭圆或桌面的图标，它如何知道是点击了窗体，还是操作了桌面？只能生成内存图片，在里面进行像素判断了。要挖掘再深入的秘密，我也不清楚了，自己继续探索吧！