前段时间，看着不少人用twaver的Swing在写东西，比如我们武林中的Swing 刀客  和 Swing剑客（注三号管家chart图的模仿），都用到了写出了很漂亮的swing界面。下面我要分享的是用swing编写的图层叠加效果图，其中也用到了twaver的一些功能。（在此仅仅是为了分享给大家比较美的界面，希望能在这酷暑之际为大家带来一丝凉意或美的享受就心满意足了）。

在TWaver的各个使用手册，文档或Demo中我们可以看到，twaver提供了Layer的概念，就是图层，这与一些制图软件也有几分相似。在实际应用中也是比较的多。比如TWaver的水印、背景效果都是通过图层来叠加的。

下面我们就来看看这个精美的图层叠加图到底美在何处，先上最终效果图：

这是一个使用TWaver Java制作的自动布局的例子，有人能看得出这里使用了多少个图层合并而成的吗？
呵呵，我们先来看看整体的一个布局：首先frame中添加了一个LayeroutPanel，panel中放了一个network，network中间部分是用于存放网元，连线，右半部分是scrollPanel。

一、Network的叠加

我们先来看看中间这个network的图层是如何叠加的

1.阴影层

首先是在network的Cushion上添加了一个网元阴影层，cushion在TWaver的定义中是处于所有图层之下的一层。

network.addCanvasCushion(new ShadowCushion(this));

阴影也可以这样添加。

2.网元层 

在默认图层上添加布局的网元 

this.cloud = this.createNode("/demo/layout/images/cloud.png");
 this.center1 = this.createNode("/demo/layout/images/center.png");
 this.center2 = this.createNode("/demo/layout/images/center.png");
 this.gather1 = this.createNode("/demo/layout/images/gather.png");
 this.gather2 = this.createNode("/demo/layout/images/gather.png");
 this.router1 = this.createNode("/demo/layout/images/router1.png", 0, "Router 1");
 this.router2 = this.createNode("/demo/layout/images/router2.png", 1, "Router 2");
 this.server1 = this.createNode("/demo/layout/images/pc.png", 2, "Spring Layout");
 this.server2 = this.createNode("/demo/layout/images/pc.png", 3, "Office Network");
 this.server3 = this.createNode("/demo/layout/images/pc.png", 4, "US Map");
 this.client1 = this.createNode("/demo/layout/images/pc.png"
                (责任编辑：admin)
                
				   
                       共6页: 上一页123456下一页