Swing雜記：引入Android的NinePatch技術

作者：jb2011 2012-05-04 10:20:23

本文詣在展示如何在Swing中引入Android的NinePatch技術（Android早期有文章里中文譯作九格圖，暫且這么叫吧^_^，但此術非傳統移動手機上的功能布局——九格圖哦）。

【摘要】

【準備篇】

Q：何為Android的NinePatch技術？

A：說簡單點，就是Android平臺中用于對圖片據屏幕大小進行自動拉伸的技術。更準確的介紹詳見此文：http://www.yixieshi.com/ucd/9142.html。

NinePatch技術本身雖微不足道，但它對于Android的UI定制開發來說無疑是相當有價值的。也可直接看官方指南：http://developer.android.com/guide/developing/tools/draw9patch.html。

Q：NinePatch對Swing意味著什么？

A：利用NinePatch技術，比如：你在美化Swing的按鈕UI時，再也不用根據不同的按鈕大小準備不同的圖片了，一張圖片解決不同按鈕按各自大小自動拉伸填充的問題，多么神奇！

當然，如果你對Android的程序比較熟，或者說對android的程序外觀定制比較熟的話，你將會更清楚這一點——Swing的外觀定制能力將會因此變的無比靈活和強大，

很多不可能將成為現實。Android程序的外觀定制其實有點Java標準平臺換膚技術Synth的影子，但顯然，這個聰名的小改進，使得Android的外觀定制比Swing更容易、更靈活。

Q：Android平臺的NinePatch技術可以直接拿到Java標準平臺上使用？

A：沒錯，兩個java平臺除去UI部份外，本身有很大一部分是可以互相兼容的，具體情況請了解android平臺java技術的前世今生。

Q：從何處獲得Android平臺的NinePatch技術呢？

A：NinePatch技術的核心只有3到4個類，拿過來用就可以了，源碼地址可以在此鏈接找到：

http://www.java2s.com/Open-Source/Android/android-core/platform-sdk/com.android.ninepatch.htm，我打好的包稍

后可以在附件里下載哦。

【準備好.9.png圖片】

本圖片將使用NinePatch技術作為演示代碼中的一JPanel背景進行自動填充之用，用不同的2張圖是為了方便進行效果展示：

【測試代碼】

package jb2011.t;  
import java.awt.BorderLayout;  
import java.awt.Graphics;  
import java.awt.Graphics2D;  
import java.awt.Rectangle;  
import java.io.InputStream;  
 
import javax.swing.BorderFactory;  
import javax.swing.JButton;  
import javax.swing.JFrame;  
import javax.swing.JPanel;  
import javax.swing.SwingUtilities;  
 
import com.android.ninepatch.NinePatch;  
 
/**  
 * 本類用于測試從Android中引入的NinePatch（九格圖）技術的可行性.  
 *   
 * @author jb2011@163.com  
 * @version 1.0  
 */ 
class Test extends JPanel  
{  
    //NinePatch作為全局對象，提高性能  
    private NinePatch mPatch;  
      
    public Test()  
    {  
        super (new BorderLayout());  
 
        //*** 關鍵代碼：讀取9格圖 START  
        try{  
            InputStream stream = this .getClass().getResourceAsStream(  
//                    "content_bg2.9.png"  
                    "content_bg3.9.png" 
                    );  
            mPatch = NinePatch.load(stream, true /* is9Patch*/, false /* convert */);  
        }  
        catch (Exception e){  
            e.printStackTrace();  
        }  
        //*** 關鍵代碼：讀取9格圖 END  
          
        //加入一個面板，用于演示  
        JPanel p = new JPanel();  
        p.setBorder(BorderFactory.createEmptyBorder(20, 20, 20, 20));  
        //該面板設置成背景透明  
        p.setOpaque(false);  
        this.add(p);  
          
        //加入演示組件  
        p.add(new JButton("JButton 1"));  
        p.add(new JButton("JButton 2"));  
        p.add(new JButton("JButton 3"));  
        p.add(new JButton("JButton 4"));  
    }  
 
    /**  
     * 重寫父類方法，以便實現自定義背景的繪制.  
     */  
    @Override protected void paintComponent(Graphics g)   
    {  
        Graphics2D g2 = (Graphics2D) g;  
        Rectangle clip = g2.getClipBounds();  
          
        //*** 關鍵代碼：使用9格圖 START  
        //使用9格圖繪制面板的背景  
        mPatch.draw(g2, clip.x, clip.y, clip.width, clip.height);  
        //*** 關鍵代碼：使用9格圖 END  
    }  
      
    public static void main(final String[] args)  
    {  
        SwingUtilities.invokeLater(new Runnable() {  
            public void run() {  
                JFrame frame = new JFrame();  
                frame.setContentPane(new JPanel(new BorderLayout()));  
                ((JPanel)frame.getContentPane()).setBorder(BorderFactory.createEmptyBorder(5,5,5,5));  
                frame.getContentPane().add(new Test(), BorderLayout.CENTER);  
                frame.setSize(300,250);  
                frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);  
                frame.setLocationRelativeTo(null);  
                frame.setVisible(true);  
            }  
        });  
    }  
}