TWaver提供了ImageBackground來為TNetwork設置背景,ImageBackground可以設置為顏色,漸變色,圖片或紋理,但是如果想設置多張圖片為背景,或者需要準確的定位背景(比如居中),ImageBackground就無能為力了,下面看我的解決方案:
既然ImageBackground無法滿足需求了,我們就自己寫一個,得益于TWaver優(yōu)秀的設計,我們可以很容易地擴展原有的類,然后加上自己的功能。通過查看API得知,ImageBackground繼承自AbstractBackground,我們干脆拋棄ImageBackground,自己從AbstractBackground繼承。考慮到有可能需要多張圖片組合成一個背景,我們引入Layer的概念,在我們自定義的Background維護一個集合,存儲Layer的信息,繪制背景的時候從集合中取出Layer統(tǒng)一渲染。自定義Background類的結構應該是下面這樣的:
public class GeneralBackGround extends AbstractBackground{
private java.util.List backGroundModel=new ArrayList();
@Override
public void paintContent(Graphics2D g2d, double zoom, Rectangle viewportRect) {
Iterator it=backGroundModel.iterator();
while(it.hasNext()){
GeneralBackGroundLayer gbgd= (GeneralBackGroundLayer) it.next();
//利用g2d進行繪制,具體代碼請看附件
}
}
/**
* 添加Layer
* @param layer
*/
public void addLayer(GeneralBackGroundLayer layer){
this.backGroundModel.add(layer);
}
@Override
public Dimension getBackgroundSize() {
return null;
}
@Override
public SVGStruct toSVG(SVGContext svgContext) {
return new SVGStruct("", null);
}
public List getBackGroundModel() {
return backGroundModel;
}
public void setBackGroundModel(List backGroundModel) {
this.backGroundModel = backGroundModel;
}
}
Layer更簡單,因為渲染工作是GeneralBackGround來做,所以Layer只需要存儲一些背景屬性,比如:位置,類型(顏色,漸變,圖片,紋理),透明度等,我定義的Layer結構如下:
public class GeneralBackGroundLayer {
private int direction=DIRECTION_TOP_LEFT;//位置,默認左上角
private int type;//類型,顏色,漸變,圖片或紋理
private boolean full=false;//是否填充整個背景
private Dimension size;//指定大小
private Color color;//背景色
private Color gradientColor;//漸變背景色
private int gradientFactory;//漸變樣式,屬性為TWaverConst.GRADIENT_XXX
private int offsetX=0;//X偏移
private int offsetY=0;//Y偏移
private SerializableTexturePaint texturePaint;//紋理背景
private SerializableImage image;//背景圖片
private String name;//層的名字
//不會序列化的圖片和紋理背景
private Image unserializableImage;
private TexturePaint unserializableTexturePaint;
private float alpha=1f;//透明度
//getter,setter
}
如果你覺得這些屬性不夠用,完全可以加入自定義屬性(比如旋轉角度),然后在GeneralBackGround#paintContent中處理一下就可以了。
接下來要考慮XML存儲的問題,TWaver使用java.beans.XMLEncoder將java bean轉換成XML,具體的用法可以查看API。需要指出的是,BufferedImage和TexturePaint無法直接轉換,因為它們沒有公共的無參構造,為了將它們存儲進XML,我們需要做一點額外的處理:BufferedImage轉換成Base64的一個字符串存儲,TexturePaint可以拆成一個BufferedImage和一個Rectangle存儲,我的實現(xiàn)類分別是:SerializableImage和SerializableTexturePaint,源碼在附件中,大家可以參考。
最后附上一張Demo截圖
注意,除了兩個Node和一個Link,其它的都是Background哦! 附件下載請見原文最下方
更多文章、技術交流、商務合作、聯(lián)系博主
微信掃碼或搜索:z360901061
微信掃一掃加我為好友
QQ號聯(lián)系: 360901061
您的支持是博主寫作最大的動力,如果您喜歡我的文章,感覺我的文章對您有幫助,請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧,狠狠點擊下面給點支持吧,站長非常感激您!手機微信長按不能支付解決辦法:請將微信支付二維碼保存到相冊,切換到微信,然后點擊微信右上角掃一掃功能,選擇支付二維碼完成支付。
【本文對您有幫助就好】元

