sun在线教材之-java 2d 文本指南-第二课 绘制艺术字

原创 2001年11月10日 14:20:00

 

 

 

 

Training Index

2D文本指南


第二课: 绘制艺术字

作者: Monica Pawlan
September 1998

翻译: Cherami Liumin
2001年11月

[<<上一课] [目录] [下一课>>]

这一课解释如何使用 java.awt.font.TextLayout 类绘制简单和复杂的艺术字以创建有趣和令人愉快的视觉效果。

  • 绘制一行文本
  • 绘制多行文本
  • 文本倾斜
  • 用图像填充剪切区域
  • 用线条填充剪切区域
  • 用字符填充剪切区域
  • 文本属性和替换图形
  • 练习

绘制一行文本

java.awt.font.TextLayout类可以让你使用字符,字体和属性集创建艺术字。一旦被创建,TextLayout对象就不可编辑,但是它的方法可以让你访问布局、字体、脱字符、选择和点击测试信息。

下面的代码使用FontTextLayoutFontRenderContext 对象绘制一个简单的文本,使用24点Times黑体。TimesB.java 是完整的源代码。

FontRenderContext frc = g2.getFontRenderContext();
Font f = new Font("Helvetica",Font.BOLD, 24);
String s = new String("24 Pont Helvetica Bold");
TextLayout tl = new TextLayout(s, f, frc);
Dimension theSize=getSize();
g2.setColor(Color.green);
tl.draw(g2, theSize.width/30, theSize.height/2);
  • Java.awt.Font 代表系统中可用字体的一个实例。

  • java.awt.TextLayout 代表不可变的艺术字数据。

  • java.awt.font.FontRenderContext 包含绘制文本时需要的正确测量和定位它的信息。

绘制多行文本

你可以用TextLayoutjava.awt.LineBreakMeasurer类绘制一段艺术字。下一个例子使用 LineBreakMeasurer 对象创建并绘制数行文本,文本的布局符合组件的宽度。TextLayoutgetAscentgetDescent方法返回的字体信息被用于定位组件中的行数。文本被作为一个AttributedCharacterIterator存储,因此字体和大小属性可以和文本一起被储存。

LineBreakSample.java是完整的源代码。SampleUtils.java类包含LineBreakSample程序要显示的文本。


注意: LineBreakSample程序支持外语文本。参看第四课: 外语支持获取更多信息。

public class LineBreakSample extends Component {
  private LineBreakMeasurer lineMeasurer;
  private int paragraphStart;
  private int paragraphEnd;
  public LineBreakSample
      (AttributedCharacterIterator paragraph) {
    FontRenderContext frc = 
      SampleUtils.getDefaultFontRenderContext();
    paragraphStart = paragraph.getBeginIndex();
    paragraphEnd = paragraph.getEndIndex();
    lineMeasurer = 
      new LineBreakMeasurer(paragraph, frc);
  }
  public void paint(Graphics g) {
    Graphics2D graphics2D = (Graphics2D) g;
    Dimension size = getSize();
    float formatWidth = (float) size.width;
    float drawPosY = 0;
    lineMeasurer.setPosition(paragraphStart);
    while (lineMeasurer.getPosition() < paragraphEnd) {
       TextLayout layout = 
  lineMeasurer.nextLayout(formatWidth);
       drawPosY += layout.getAscent();
       float drawPosX;
       if (layout.isLeftToRight()) {
        drawPosX = 0;
       }
       else {
         drawPosX = formatWidth - layout.getAdvance();
       }
       layout.draw(graphics2D, drawPosX, drawPosY);
       drawPosY += layout.getDescent() + 
    layout.getLeading();
     }
  }

倾斜文本

你可以从一个提供如何旋转,缩放,移动或者剪切字体的信息的变换对象上创建一个Font对象。下一个例子使用一个剪切变换绘制一个倾斜文本.首先,字符串没有任何变换,然后它被绘制在一个不同的地方。 StillLife.java 是完整的源代码。

  int w = getSize().width;
  int h = getSize().height;
//创建变换
  AffineTransform at = new AffineTransform();
  at.setToTranslation(30, 50);
  AffineTransform fontAT = new AffineTransform();
  fontAT.shear(0.2, 0.0);
//创建字体和文本图层
  FontRenderContext frc = g2.getFontRenderContext();
  Font theFont = new Font("Times", Font.BOLD, w/25);
  String s = new String("Still Life with Text");
  TextLayout tstring = new TextLayout(s, theFont, frc);
  Font theDerivedFont = theFont.deriveFont(fontAT);
  String str = new String("Still Life with Slanted Text");
  TextLayout tstring2 = new TextLayout(str, 
   theDerivedFont, frc);
//绘制普通字符串
  g2.setColor(Color.blue);
  g2.transform(at);
  tstring.draw(g2, (float)0, (float)0);
//绘制倾斜字体字符串
  g2.setColor(Color.green);
  g2.transform(at);
  tstring2.draw(g2, (float)0, (float)0);

用图像填充剪切区域

下一个例子从文本串The Starry Night创建一个剪切区域,然后使用Vincent van Gogh的绘画 The Starry Night填充那个剪切区域。Starry.java是完整的源代码。

The Starry Night by Vincent van Gogh 这个范例代码用Times黑体字符串The Starry Night创建一个文本图层。然后得到TextLayout范围的宽度。范围 包含图层可以绘制的所有象素。

然后它得到文本图层的轮廓并用范围的宽度计算原始图层的X和Y位置。轮廓用于创建一个Shape对象,而Rectangle对象是从Shape对象的范围上创建的。

这时,图形环境的前景颜色被设置为蓝色并且Shape对象被绘制到图形环境。下面的图像和代码片断展示了所发生的事情。

FontRenderContext frc = g2.getFontRenderContext();
Font f = new Font("Times",Font.BOLD,w/10);
String s = new String("The Starry Night");
TextLayout tl = new TextLayout(s, f, frc);
float sw = (float) tl.getBounds().getWidth();
AffineTransform transform = new AffineTransform();
transform.setToTranslation(w/2-sw/2, h/4);
Shape shape = tl.getOutline(transform);
Rectangle r = shape.getBounds();
g2.setColor(Color.blue);
g2.draw(shape);

最后,使用Shape对象在图形环境下建立剪切区域,然后starry.gif 被绘制到该剪切区域,起点在Rectangle对象的左上角(r.xr.y)并且填充矩形对象的整个范围。

g2.setClip(shape);
g2.drawImage(img, r.x, r.y, r.width, r.height, this);

用线条填充剪切区域

为了得到一个稍微不同的效果,下面的例子从文本图层By创建一个剪切区域,该区域用蓝色填充,然后在蓝色剪切区域绘制黄色横线。TextLayoutgetAscent 方法返回的信息用于定位显示的线条。

Clipping.java 是完整的源代码。

FontRenderContext frc = g2.getFontRenderContext();
Font f = new Font("Helvetica",Font.BOLD,w/8);
String s = new String("By");
TextLayout tl = new TextLayout(s, f, frc);
float sw = (float) tl.getBounds().getWidth();
AffineTransform transform = new AffineTransform();
transform.setToTranslation(w/2-sw/2,h/2);
Shape shape = tl.getOutline(transform);
g2.setClip(shape);
g2.setColor(Color.blue);
g2.fill(shape.getBounds());
g2.setColor(Color.yellow);
for (int j = shape.getBounds().y; 
    j < shape.getBounds().y + 
    shape.getBounds ().height; j=j+3) {
  Line2D line = new Line2D.Float( 0.0f, (float) j, 
   (float) w, (float) j);
  g2.draw(line);
}

用字符填充剪切区域

下一个例子从文本图层Vincent van Gogh上创建一个剪切区域,使用蓝色填充,用白色的星号(*)(译注:源代码中实际使用的是加号+)填充该区域,得到蓝天上的白色星星的效果。 TextClipping.java 是完整的源代码。

FontRenderContext frc = g2.getFontRenderContext();
Font f = 
  new Font("Times New Roman Bold",Font.PLAIN,w/8);
String s = new String("Vincent van Gogh");
TextLayout tl = new TextLayout(s, f, frc);
float sw = (float) tl.getBounds().getWidth();
AffineTransform transform = new AffineTransform();
transform.setToTranslation(w/2-sw/2,h-h/6);
Shape shape = tl.getOutline(transform);
g2.setClip(shape);
g2.setColor(Color.blue);
g2.fill(shape.getBounds());
g2.setColor(Color.white);
f = new Font("Helvetica",Font.BOLD,10);
tl = new TextLayout("+", f, frc);
sw = (float) tl.getBounds().getWidth();
Rectangle r = shape.getBounds();
int x = r.x;
int y = r.y;
while ( y < (r.y + r.height+(int) tl.getAscent()) ) {
      tl.draw(g2, x, y);
      if ((x += (int) sw) > (r.x+r.width)) {
      x = r.x;
      y += (int) tl.getAscent();
      }
}

文本属性和替换图形

TextAttribute类定义了文本的属性,因此你可以使用文本属性定义一个Attributed(属性化的)字符串。下一个例子使用文本属性为包含文本The Starry Nightjava.awt.text.AttributedString定义字体和特性替换图像。一个从图像上创建的ImageGraphicAttribute 对象完成这个工作。 MakeImage.java 是完整的源代码。
public void paint(Graphics g) {
  Graphics2D g2;
  g2 = (Graphics2D) g;
  g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,
                RenderingHints.VALUE_ANTIALIAS_ON);
  g2.setRenderingHint(RenderingHints.KEY_RENDERING,
                RenderingHints.VALUE_RENDER_QUALITY);
  Font f = new Font("Times",Font.BOLD, 24);
  AttributedString ats = 
    new AttributedString("The  Starry  Night");
  ImageGraphicAttribute iga = 
    new ImageGraphicAttribute(img, 
    (int) BOTTOM_ALIGNMENT);
  ats.addAttribute(
    TextAttribute.CHAR_REPLACEMENT, iga, 4, 5);
  ats.addAttribute(
    TextAttribute.CHAR_REPLACEMENT, iga, 11, 12);
  ats.addAttribute(TextAttribute.FONT, f, 0, 18);
  AttributedCharacterIterator iter = ats.getIterator();
  FontRenderContext frc = g2.getFontRenderContext();
  tl = new TextLayout(iter, frc);
  g2.setColor(Color.red);
  tl.draw(g2, (float)20, (float)30);
}

sun在线教材之-java 2d 文本指南-第二课 绘制艺术字

  • zgqtxwd
  • zgqtxwd
  • 2008年04月25日 22:30
  • 306

sun在线教材之-java 2d 文本指南-第一课 使用字体

    Training Index 2D文本指南第一课: 使用字体 作者: Monica PawlanSeptember 1998翻译: Cherami Liumin2001年11月[目录] [下一...
  • cherami
  • cherami
  • 2001年11月10日 13:21
  • 1850

十一、Qt 2D绘图(一)绘制简单图形

声明:本文原创于yafeilinux的百度博客,http://hi.baidu.com/yafeilinux 转载请注明出处。说明:以后使用的环境为基于Qt 4.6的Qt Creator 1.3.0 ...
  • lbsljn
  • lbsljn
  • 2009年12月13日 00:37
  • 1445

HTML5之Canvas 2D入门1 - Canvas绘制文本和图像

Canvas历史   canvas是一个新的HTML元素,这个元素可以被脚本语言(通常是JavaScript)用来绘制图形。例如可以用它来画图、合成图象、或做动画。canvas最先在苹果公司(App...
  • pyx61198
  • pyx61198
  • 2016年08月31日 11:44
  • 953

[Qt教程] 第13篇 2D绘图(三)绘制文字

[Qt教程] 第13篇 2D绘图(三)绘制文字 楼主  发表于 2013-4-25 23:04:46 | 查看: 720| 回复: 0 ...
  • dengjin20104042056
  • dengjin20104042056
  • 2013年11月10日 17:44
  • 1208

VBA word中插入文字和艺术字

1. 如何插入文字在当前光标处(活动文档末尾)插入文字Sub InsertTextAtEndOfDocument() ActiveDocument.Content.InsertAfter Te...
  • u013429988
  • u013429988
  • 2017年09月06日 11:59
  • 272

OpenGL ES开发绘制2D图形

package com.example.tyxiong.myapplication;import android.app.Activity; import android.opengl.GLSurfa...
  • sinat_35073873
  • sinat_35073873
  • 2016年11月08日 20:23
  • 966

Android学习日记(yzy):opengl 绘制2d图形 基本框架

首先,要了解opengl 在android中只有三种绘制方式-点,线,和三角形。 点的描绘方式:GL_POINTS 线的描绘方式: GL_LINES(每两个顶点作为独立的线) GL_LINE_STRI...
  • yingying5005
  • yingying5005
  • 2016年11月24日 17:13
  • 414

用drawAtPoint绘制文字(swift)

从ios7开始,drawAtPoint:WithFont:等方法已经deprecated,取而代之应该使用drawAtPoint:WithAttributes方法,来设置字体的颜色和大小等...
  • baixiaozhe
  • baixiaozhe
  • 2015年10月07日 19:46
  • 2052

斯坦福大学自然语言处理第二课“文本处理基础(Basic Text Processing)”

文本处理基础1.正则表达式(Regular Expressions)正则表达式是重要的文本预处理工具。 以下截取了部分正则写法: 2.分词(Word tokenization) 我们在...
  • IOThouzhuo
  • IOThouzhuo
  • 2015年08月26日 18:47
  • 1735
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:sun在线教材之-java 2d 文本指南-第二课 绘制艺术字
举报原因:
原因补充:

(最多只允许输入30个字)