分享
 
 
 

JFC/Swing活学活用之JLabel文字魔法

王朝system·作者佚名  2006-11-24
窄屏简体版  字體: |||超大  

前言

本文将讲述如何借助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应用,这里仅仅是抛砖引玉,希望能给大家带来一些帮助。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有