JFC/Swing活學活用之JLabel文字魔法
前言
本文將講述如何借助Java 2D的"魔力"來幫助JFC/Swing的JLabel組件創建更加豐富多彩的應用。
JLabel作為JFC/Swing架構的基礎組件之一，應用非常廣泛。當你想要繪制不可編輯的文本時，JLabel是JFC/Swing提供給我們的唯一選擇。一般來說，改變字體、字號、字體顏色，甚至可以加入圖標。通過在組件中應用HTML語言，甚至可以加入下劃線等特效。對于大多數應用來說，這已經足夠好了。但有時你可能有更進一步的要求，比如你需要下拉陰影效果或浮雕效果的時候？這時標準的JLabel就無能為力了，我們不得不結合強大的Java 2D應用，擴展JLabel的功能，以完成下拉陰影，輪廓線，甚至是3D效果之類的特效。幸運的是，JLabel的良好擴展性，使這一切皆為可能，并很容易。
大多數文字特效都可以通過兩種簡單的方式來完成。第一種，可以通過多次重復繪制文本，每次一點點偏移或每次不同顏色，來創建類似下拉陰影和浮雕之類的特效。第二種，可以通過調整單詞中字符的間隔（在文字處理系統中它被稱作字符間隙（tracking））來實現。字符間隙通常被加到字體的缺省間隙之上。因而，字符間隙加1意味著一個單詞中每一個字符之間的間隙都在缺省的基礎上加1。如果將該值賦為0則字符間保持缺省的間隙。
為了實現上面所描述的功能，我們必須重載JLabel中尺寸相關和繪制相關的代碼，在這里我們新建了一個擴展JLabel的類RichJLabel，參考下面的示例代碼：（詳細的代碼請參考附錄）
示例代碼1：
RichJLabel擴展了標準的javax.swing.JLabel，并在構造函數中加入了tracking參數。接下來，它增加了兩個方法用來繪制左陰影和右陰影。這里之所以稱之為陰影是因為它們繪制在主體文本的下面，但它們看起來到底像不像陰影這取決于它的顏色，以及x-和y-的偏移量。
JLabel自動通知布局管理器它的最佳尺寸依賴于字體的大小。當你加入定制的tracking時，尺寸將會變得不準確，導致JLabel太小以至于容納不下所顯示的字體。對于小字體而言這并不容易引起人們的注意，但對于一些特殊顯示效果的字體（如廣告字之類的字體被放大，一個字可能會占用半張紙或更多的）而言，我們就不得不想辦法加以改善了。
所有的Swing組件都通過getPreferredSize()方法返回它的最佳尺寸。通過將返回值適當的調大，使用這個組件的布局管理器會給JLabel預留出它所需要的額外空間，因此我們可以通過重載該方法來滿足我們特殊的顯示要求，參考下面的代碼片段：
示例代碼2：
在上面的方法中，getPreferredSize()方法計算的依據是當前要顯示文本的度量單位。對象FontMetrics包含了獲得當前顯示字體高度和寬度的方法。由于變量tracking已經加到了字體原有的tracking屬性中，我們可以增加JLabel的顯示寬度通過將tracking寬度加入每一個字符之間，除了最后一個字符外。代碼w += (text.length() - 1) * tracking就完成了這部分工作。陰影將和原始文字具有相同的尺寸，但它并不與原始文字重合，而是有一定的偏移值（left_x和right_x），這就是前面我們添加設置偏移植代碼的原因。變量tracking的值僅對字符的水平間距產生影響，所以字符的高度值仍可以通過fontmetrics.getHeight()方法獲得。
小提示：要想完成陰影的效果，千萬不能忘記偏移植的設置。
在完成字體尺寸的設置后，剩下的工作就是在屏幕上實際繪制我們所要設置的文本內容了。與所有的Swing組件類似，我們需要重載paintComponent()方法（而不是paint()方法），以便于子組件可以正確的繪制。
下面是paintComponent()方法的一部分：
示例代碼3：
首先，paintComponent()將圖形對象的anti-aliasing屬性打開。因為RichJLabel類主要是應用于吸引人眼球的大字體的顯示，對開發人員來說要求字體更加圓滑，柔和是沒有錯的。
其次，方法獲取了當前顯示文本的字體屬性。圖形對象通常都是從文本的底部開始繪制字符，而不是從頂部，所以字符都會有一個基準線（baseline）。
為了計算上面的數據，你必須知道字符從基線到頂端的高度，該值可以從getAscent()方法中獲得。
小提示：
字體的上升高度并不等同于字體的實際高度。實際高度包括了字符在基線以下那部分的高度。大多數字符是從基線開始繪制的，但像小寫的y和g都有一部分處于基線之下。字體的上升高度僅包括字符處于基線之上的部分，這才是你所需要的。
變量設置完成后，就可以繪制字符了（這部分代碼仍然在paintComponent()方法內部，參考下面代碼片段：
示例代碼4：
上面代碼通過簡單的for循環來計算每個字符的寬度，并加上tracking值，接著連續繪制三次：第一次帶有左偏移，第二次帶有右偏移，最后在正常的位置繪制。在循環的最后，你僅需要將增量x賦予下一個字符。代碼的最后一句將anti-aliasing狀態恢復到缺省值。
完成上述代碼后，是時候看看應用到實際中的顯示效果了。這里我們繪制一組帶有黑色下拉陰影效果，并有些高亮的特效文本（大小：140pt），參考下面代碼片段：
示例代碼5：
程序運行后，顯示效果如下：
如果將陰影基于原始位置的偏移值改為1pt，并使用同樣的顏色，這樣我們就輕而易舉的創建了邊框效果。參考下面代碼示例：（我了顯示更清楚，這里字體和邊框我們沒有使用同樣的顏色）
程序運行后，顯示效果如下：
陰影的偏移量可以讓我們有效地重新排列字符，創建出讓人眼前一亮的3D效果，參考下面的代碼片段：
程序運行后，顯示效果如下：
結束語
通過將JFC/Swing組件與Java 2D應用完美的結合在一起，便可以創建出更豐富的Swing應用，這里僅僅是拋磚引玉，希望能給大家帶來一些幫助。
本文將講述如何借助Java 2D的"魔力"來幫助JFC/Swing的JLabel組件創建更加豐富多彩的應用。
JLabel作為JFC/Swing架構的基礎組件之一，應用非常廣泛。當你想要繪制不可編輯的文本時，JLabel是JFC/Swing提供給我們的唯一選擇。一般來說，改變字體、字號、字體顏色，甚至可以加入圖標。通過在組件中應用HTML語言，甚至可以加入下劃線等特效。對于大多數應用來說，這已經足夠好了。但有時你可能有更進一步的要求，比如你需要下拉陰影效果或浮雕效果的時候？這時標準的JLabel就無能為力了，我們不得不結合強大的Java 2D應用，擴展JLabel的功能，以完成下拉陰影，輪廓線，甚至是3D效果之類的特效。幸運的是，JLabel的良好擴展性，使這一切皆為可能，并很容易。
大多數文字特效都可以通過兩種簡單的方式來完成。第一種，可以通過多次重復繪制文本，每次一點點偏移或每次不同顏色，來創建類似下拉陰影和浮雕之類的特效。第二種，可以通過調整單詞中字符的間隔（在文字處理系統中它被稱作字符間隙（tracking））來實現。字符間隙通常被加到字體的缺省間隙之上。因而，字符間隙加1意味著一個單詞中每一個字符之間的間隙都在缺省的基礎上加1。如果將該值賦為0則字符間保持缺省的間隙。
為了實現上面所描述的功能，我們必須重載JLabel中尺寸相關和繪制相關的代碼，在這里我們新建了一個擴展JLabel的類RichJLabel，參考下面的示例代碼：（詳細的代碼請參考附錄）
示例代碼1：
| public class RichJLabel extends JLabel { /** * 字符間隙 */ private int tracking; /** * 構造函數 * * @param text 文本 * @param tracking 字符間隙 */ public RichJLabel(String text, int tracking) { super(text); this.tracking = tracking; } // 文本的定位信息 private int left_x, left_y, right_x, right_y; // 文本的顏色信息 private Color left_color, right_color; /** * 設置左陰影 * * @param x 定位信息 * @param y 定位信息 * @param color 顏色 */ public void setLeftShadow(int x, int y, Color color) { left_x = x; left_y = y; left_color = color; } /** * 設置右陰影 * * @param x 定位信息 * @param y 定位信息 * @param color 顏色 */ public void setRightShadow(int x, int y, Color color) { right_x = x; right_y = y; right_color = color; } } |
RichJLabel擴展了標準的javax.swing.JLabel，并在構造函數中加入了tracking參數。接下來，它增加了兩個方法用來繪制左陰影和右陰影。這里之所以稱之為陰影是因為它們繪制在主體文本的下面，但它們看起來到底像不像陰影這取決于它的顏色，以及x-和y-的偏移量。
JLabel自動通知布局管理器它的最佳尺寸依賴于字體的大小。當你加入定制的tracking時，尺寸將會變得不準確，導致JLabel太小以至于容納不下所顯示的字體。對于小字體而言這并不容易引起人們的注意，但對于一些特殊顯示效果的字體（如廣告字之類的字體被放大，一個字可能會占用半張紙或更多的）而言，我們就不得不想辦法加以改善了。
所有的Swing組件都通過getPreferredSize()方法返回它的最佳尺寸。通過將返回值適當的調大，使用這個組件的布局管理器會給JLabel預留出它所需要的額外空間，因此我們可以通過重載該方法來滿足我們特殊的顯示要求，參考下面的代碼片段：
示例代碼2：
| /** * 獲取最佳尺寸 */ public Dimension getPreferredSize() { // 獲取JLabel的文本 String text = getText(); // 獲取字體相關信息 FontMetrics fm = this.getFontMetrics(getFont()); int w = fm.stringWidth(text); w += (text.length() - 1) * tracking; w += left_x + right_x; int h = fm.getHeight(); h += left_y + right_y; return new Dimension(w, h); } |
在上面的方法中，getPreferredSize()方法計算的依據是當前要顯示文本的度量單位。對象FontMetrics包含了獲得當前顯示字體高度和寬度的方法。由于變量tracking已經加到了字體原有的tracking屬性中，我們可以增加JLabel的顯示寬度通過將tracking寬度加入每一個字符之間，除了最后一個字符外。代碼w += (text.length() - 1) * tracking就完成了這部分工作。陰影將和原始文字具有相同的尺寸，但它并不與原始文字重合，而是有一定的偏移值（left_x和right_x），這就是前面我們添加設置偏移植代碼的原因。變量tracking的值僅對字符的水平間距產生影響，所以字符的高度值仍可以通過fontmetrics.getHeight()方法獲得。
小提示：要想完成陰影的效果，千萬不能忘記偏移植的設置。
在完成字體尺寸的設置后，剩下的工作就是在屏幕上實際繪制我們所要設置的文本內容了。與所有的Swing組件類似，我們需要重載paintComponent()方法（而不是paint()方法），以便于子組件可以正確的繪制。
下面是paintComponent()方法的一部分：
示例代碼3：
| /** * 繪制組件 */ public void paintComponent(Graphics g) { // 開啟ANTI-ALIASING屬性，這樣可以使得大字體變得更加柔和 ((Graphics2D) g).setRenderingHint(RenderingHints.KEY_TEXT_ANTIALIASING, RenderingHints.VALUE_TEXT_ANTIALIAS_ON); // 將字符串分解成字符放入字符數組中 char[] chars = getText().toCharArray(); // 獲取字體相關屬性 FontMetrics fm = this.getFontMetrics(getFont()); // 獲取字符高度 int h = fm.getAscent(); // 設置字體 g.setFont(getFont()); int x = 0; |
首先，paintComponent()將圖形對象的anti-aliasing屬性打開。因為RichJLabel類主要是應用于吸引人眼球的大字體的顯示，對開發人員來說要求字體更加圓滑，柔和是沒有錯的。
其次，方法獲取了當前顯示文本的字體屬性。圖形對象通常都是從文本的底部開始繪制字符，而不是從頂部，所以字符都會有一個基準線（baseline）。
為了計算上面的數據，你必須知道字符從基線到頂端的高度，該值可以從getAscent()方法中獲得。
小提示：
字體的上升高度并不等同于字體的實際高度。實際高度包括了字符在基線以下那部分的高度。大多數字符是從基線開始繪制的，但像小寫的y和g都有一部分處于基線之下。字體的上升高度僅包括字符處于基線之上的部分，這才是你所需要的。
變量設置完成后，就可以繪制字符了（這部分代碼仍然在paintComponent()方法內部，參考下面代碼片段：
示例代碼4：
| // 循環繪制每一個字符 for (int i = 0; i < chars.length; i++) { char ch = chars[i]; int w = fm.charWidth(ch) + tracking; g.setColor(left_color); g.drawString("" + chars[i], x - left_x, h - left_y); g.setColor(right_color); g.drawString("" + chars[i], x + right_x, h + right_y); g.setColor(getForeground()); g.drawString("" + chars[i], x, h); x += w; //將ANTI-ALIASING屬性恢復為缺省值 ((Graphics2D) g).setRenderingHint( RenderingHints.KEY_TEXT_ANTIALIASING, RenderingHints.VALUE_TEXT_ANTIALIAS_DEFAULT); //調試用 p(Character.toString(ch) + ":" + x); } |
上面代碼通過簡單的for循環來計算每個字符的寬度，并加上tracking值，接著連續繪制三次：第一次帶有左偏移，第二次帶有右偏移，最后在正常的位置繪制。在循環的最后，你僅需要將增量x賦予下一個字符。代碼的最后一句將anti-aliasing狀態恢復到缺省值。
完成上述代碼后，是時候看看應用到實際中的顯示效果了。這里我們繪制一組帶有黑色下拉陰影效果，并有些高亮的特效文本（大小：140pt），參考下面代碼片段：
示例代碼5：
| public static void main(String[] args) { // 實例化RichJLabel對象 RichJLabel label = new RichJLabel("Magic", 0); // 下拉陰影效果 label.setLeftShadow(1, 1, Color.white); label.setRightShadow(2, 3, Color.black); label.setForeground(Color.gray); label.setFont(label.getFont().deriveFont(140f)); // 設置Frame屬性 JFrame frame = new JFrame("JFC/Swing：JLabel魔法"); frame.getContentPane().add(label); frame.pack(); frame.setVisible(true); } |
程序運行后，顯示效果如下：
 |
如果將陰影基于原始位置的偏移值改為1pt，并使用同樣的顏色，這樣我們就輕而易舉的創建了邊框效果。參考下面代碼示例：（我了顯示更清楚，這里字體和邊框我們沒有使用同樣的顏色）
| // 邊框效果 label.setLeftShadow(1, 1, Color.yellow); label.setRightShadow(1, 1, Color.yellow); label.setForeground(Color.green); |
程序運行后，顯示效果如下：
 |
陰影的偏移量可以讓我們有效地重新排列字符，創建出讓人眼前一亮的3D效果，參考下面的代碼片段：
| // 3D效果（顏色漸退） label.setLeftShadow(5, 5, Color.white); label.setRightShadow(-3, -3, new Color(0xccccff)); label.setForeground(new Color(0x8888ff)); label.setFont(label.getFont().deriveFont(140f)); |
程序運行后，顯示效果如下：
結束語
通過將JFC/Swing組件與Java 2D應用完美的結合在一起，便可以創建出更豐富的Swing應用，這里僅僅是拋磚引玉，希望能給大家帶來一些幫助。