Graphics2D 使用详解【转】

ゞ浴缸里的玫瑰 2022-06-16 06:24 413阅读 0赞

<table style="color:rgb(51,51,51); font-family:Arial; font-size:14px; orphans:2; widows:2"> 
 <tbody> 
 <tr> 
 <td>ava 2D - How the Graphics2D Class Renders</td> 
 </tr> 
 <tr> 
 <td>&nbsp;</td> 
 </tr> 
 <tr> 
 <td>正如我们在前面提到的，<a style="color:rgb(51,102,153)" rel="nofollow"></a>我们可以对Graphics2D类进行多项设置。实际上，渲染引擎在绘制Graphics2D图形前会查看7个主要的属性： Paint Stroke Font Transformation Clipping space Rendering hints Compositing rule 让我们逐一讲解： Paint 新的paint可以同时作用在边线和填充上了。Graphics2D类可以用setPaint()和getPaint()方法配制paint属性： <pre style="white-space:pre-wrap; word-wrap:break-word">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; g2.setPaint(java.awt.Paint paint);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Paint paint = g2.getPaint();
</pre> paint可以是单色，渐变和图案。任何paint都需要实现java.awt.Paint接口。 Java 2D类库中有三个类你应该感到熟悉： java.awt.Color:&nbsp; Java 2D使用同样的常量。因为Color类实现了java.awt.Paint接口，所有的Color对象都是Paint对象。 java.awt.GradientPaint: 这个类用颜色渐变填充一个区域。构造函数制定比例和颜色。图形引擎会从第一个点到第二个点之间线性变化两个颜色。我们还可以指定颜色图案是否允许重复。 java.awt.TexturePaint:&nbsp; 这个类平铺一个图像来填充图形。构造函数接收一个java.awt.image.BufferedImage和一个Rectangle2D，把图像影射到矩形里，然后平铺矩形。 图3 显示java.awt.GradientPaint和java.awt.TexturePaint的实例。 <img src="http://java.sun.com/developer/technicalArticles/GUI/java2d/Figure-3.gif" alt="" style="border:none; max-width:100%"> 图 3. GradientPaint 和 TexturePaint 建立一个BufferedImage来保存图像相对是更直接的方法。在BufferedImage的构造函数里制定长，宽，高，类型为BufferedImage.TYPE_INT_RGB，然后调用createGraphics()方法得到一个Graphics2D。 如果要用图片的话就需要更多的步骤。首先，从一个图片文件里读入Image对象，用MediaTracker保证图片完全读入，然后建立和Image对象等宽高的空BufferedImage对象。通过createGraphics()方法得到Graphics2D对象，最后把Image对象加载到bufferedImage里。 Stroke 描边决定着图形或文字的轮廓。通过setStroke()方法定义描边：: <pre style="white-space:pre-wrap; word-wrap:break-word">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; g2.setStroke(java.awt.Stroke stroke);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; java.awt.Stroke stroke = g2.getStroke();
</pre> 在Java 2D出现以前，java.awt.Graphics的描绘方法产生一个1像素宽的实线边。Java 2D API给你更灵活的描边选择。边缘即可以是粗细不等的实线，也可以是等宽点线。 setStroke()方法的参数必须实现java.awt.Stroke接口。现在java.awt.BasicStroke类是唯一实现的类。下面是BasicStroke的构造函数： BasicStroke(): 这个构造建立一个1单位宽的描边。端点样式是默认的CAP_SQUARE，默认接头样式是默认的 JOIN_MITER。 BasicStroke(float penWidth):&nbsp; 指定线宽，端点样式使用默认的CAP_SQUARE，默认接头样式使用默认的 JOIN_MITER。 BasicStroke(float penWidth, int capStyle, int joinStyle):&nbsp; 指定线宽，端点样式和接头样式。 BasicStroke(float penWidth, int capStyle, int joinStyle, float miterLimit): 基本同上，但可以设置拼接连接的延长度，默认是10。 BasicStroke(float penWidth, int capStyle, int joinStyle, float miterLimit, float[] dashPattern, float dashOffset): 这个构造可以通过一个表明[透明,不透明的]数组，建立点线轮廓。offset是点线的起始位置，一般是0,0。 正如这5个构造函数所示，BasicStroke类允许设定端点样式。型如下： java.awt.BasicStroke.CAP_BUTT: 端点直接切断。 java.awt.BasicStroke.CAP_ROUND: 以线宽为直径的圆形端点。 java.awt.BasicStroke.CAP_SQUARE: 半线宽单位延伸的方块端点。 BasicStroke 还可以指定端点的连接样式，斜角，拼接和圆角： java.awt.BasicStroke.JOIN_BEVEL: 用直线连接两条线的外角。 java.awt.BasicStroke.JOIN_MITER: 延伸外角直至两线相接。 java.awt.BasicStroke.JOIN_ROUND: 半线宽单位的圆形封顶。 图 4 是以上各个选项的效果。 <img src="http://java.sun.com/developer/technicalArticles/GUI/java2d/Figure-4.gif" alt="" style="border:none; max-width:100%"> 图 4. BasicStroke 的 Cap 和 Join 选项。 下面的例子用BasicStroke生成点线： <pre style="white-space:pre-wrap; word-wrap:break-word">Stroke stroke = new BasicStroke(5.0f ,&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 线宽

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 5.0);&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; // 定位 
</pre> 我们再看一下最后三个属性： 拼接限制可以避免当两条线以JOIN_MITER连接且角度很小的时候，延伸的很夸张。点线图案是一个浮点数组，第一个是实线的长度，第二个是间断的长度。不断重复描绘实线和间断实现点线效果。最后的定位设置了位移，即线的起始点。 Font 所有的文本都使用能表现文字的样式图形渲染。当前的字体决定了字体的形状。使用继承自java.awt.Graphics的getFont()方法和setFont()方法来操纵字体。尽管设置字体相对简单的工作，Java 2D还是为文本描绘提供了丰富的选线。本文的后续版本会深度讨论这个问题。 Transformation 图形在渲染前可能会进行一步或多步的变形。简单而言就是图形可能被移动，旋转或拉伸。可以通过setTransform()方法设置当前的变形： <pre style="white-space:pre-wrap; word-wrap:break-word">&nbsp;&nbsp;&nbsp;&nbsp; g2.setTransform(java.awt.geom.AffineTransform transform);

&nbsp;&nbsp;&nbsp;&nbsp; AffineTransform transform = g2.getTransform();
</pre> Graphics2D类提供许多方便的方法帮助实现变形。 <pre style="white-space:pre-wrap; word-wrap:break-word">&nbsp;&nbsp;&nbsp;&nbsp; public void rotate(double theta);

&nbsp;&nbsp;&nbsp;&nbsp; public void rotate(double theta, double aroundPointX, double aroundPointY);

&nbsp;&nbsp;&nbsp;&nbsp; public void scale(double scaleX, double scaleY);

&nbsp;&nbsp;&nbsp;&nbsp; public void shear(double shearX, double shearY);

&nbsp;&nbsp;&nbsp;&nbsp; public void translate(double translateX, double translateY);

&nbsp;&nbsp;&nbsp;&nbsp; public void transform(AffineTransform transform);
</pre> 同样，你也可以直接操纵数字矩阵来实现复杂变形。这要比使用基本的变换，旋转，缩放，倾斜变形等复杂的多。更多关于线性代数的知识超出了本文的讨论范围，在Java 2D API里会对此有说明。一旦你熟悉了这些概念，它们可以有效地帮你实现变形。 java.awt.AffineTransform类提供了大量的变形控制，可以唯一可实现和上文提到的矩阵能实现的复杂变形的类。通过AffineTransform类的静态方法可以得到一个AffineTransform对象，如AffineTransform.getRotateInstance(....)，或AffineTransform.getShearInstance(...)，或者不带参的构造函数创建单位变形。 <pre style="white-space:pre-wrap; word-wrap:break-word">&nbsp;&nbsp; AffineTransform newTransformation = new AffineTransform();
</pre> 单位变形包含一个单位矩阵，该矩阵保留原始矢量且不可被操作变形。可以用下面的方法修改变形行为： <pre style="white-space:pre-wrap; word-wrap:break-word">&nbsp;&nbsp;&nbsp;&nbsp; public void rotate(double theta);

&nbsp;&nbsp;&nbsp;&nbsp; public void rotate(double theta, double aroundPointX, double aroundPointY);

&nbsp;&nbsp;&nbsp;&nbsp; public void scale(double scaleX, double scaleY);

&nbsp;&nbsp;&nbsp;&nbsp; public void shear(double shearX, double shearY);

&nbsp;&nbsp;&nbsp;&nbsp; public void translate(double translateX, double translateY);
</pre> 此外，用下面的方法可以重值单位变形。setToIdentity()方法是个例外，它执行了一个简单变形。 <pre style="white-space:pre-wrap; word-wrap:break-word">&nbsp;&nbsp;&nbsp;&nbsp; public void setToIdentity();&nbsp;&nbsp;&nbsp;&nbsp;

&nbsp;&nbsp;&nbsp;&nbsp; public void setToRotation(double theta);

&nbsp;&nbsp;&nbsp;&nbsp; public void setToRotation(double theta, double aroundPointX, double aroundPointY);

&nbsp;&nbsp;&nbsp;&nbsp; public void setToScale(double scaleX, double scaleY);

&nbsp;&nbsp;&nbsp;&nbsp; public void setToShear(double shearX, double shearY);

&nbsp;&nbsp;&nbsp;&nbsp; public void setToTranslation(double translateX, double translateY);
</pre> 你还可以连接或预连接其他AffineTransform类。这样不仅仅是精确控制变形顺序，而是创建了变形序列（例如变换-&gt;旋转-&gt;变换-&gt;缩放...）。使用下面的方法连接或预连接： <pre style="white-space:pre-wrap; word-wrap:break-word">&nbsp;&nbsp;&nbsp;&nbsp; public void concatenate(AffineTransform transform);

&nbsp;&nbsp;&nbsp;&nbsp; public void preConcatenate(AffineTransform transform);
</pre> Clipping Space 如果渲染操作在当前的剪辑空间外，则任何像素不会被改变。当前默认的剪辑空间是null，即修改整个图像表层。可以用setClip()方法设置当前的剪辑空间，该方法继承自java.awt.Graphics： <pre style="white-space:pre-wrap; word-wrap:break-word">&nbsp;&nbsp;&nbsp;&nbsp; g2.setClip(Shape clip);

&nbsp;&nbsp;&nbsp;&nbsp; g2.setClip(int x, int y, int width, int height);

&nbsp;&nbsp;&nbsp;&nbsp; Shape clip = g2.getClip();
</pre> 此外，Graphics2D类提供了chip()方法，可以把传入的图形和当前剪辑空间的交集设置为新的剪辑空间。 <pre style="white-space:pre-wrap; word-wrap:break-word">&nbsp;&nbsp;&nbsp;&nbsp; g2.clip(Shape s);
</pre> 图形既可能是矩形之类的简单图形，也可能是字母数字之类的复杂图形。通过剪辑，可以选择或排出会受影响的像素。 Rendering Hints Rendering hints是Graphics2D对象描绘基本类型时使用的各种描绘方法。如先前使用的抗锯齿hint。这些hints被封装在java.awt.RenderingHints类中。由于使用Java 2D API会比旧的AWT涉及更多的计算，设计师默认禁止了一部分特性以提高性能。两个最常用的设置是抗锯齿（混合锯齿柔滑锯齿线）和高质量渲染，如下： <pre style="white-space:pre-wrap; word-wrap:break-word">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RenderingHints renderHints =

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; new RenderingHints(RenderingHints.KEY_ANTIALIASING,

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RenderingHints.VALUE_ANTIALIAS_ON);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; renderHints.put(RenderingHints.KEY_RENDERING,

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; RenderingHints.VALUE_RENDER_QUALITY);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ...

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; public void paintComponent(Graphics g) {

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; super.paintComponent(g);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Graphics2D g2d = (Graphics2D)g;

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; g2d.setRenderingHints(renderHints);

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; ...

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; } 
</pre> 其他渲染hints适用在不同的环境下。如缩放图片时，为KEY_INTERPOLATION使用VALUE_INTERPOLATION_BILINEAR。请查阅本类的Javadoc，详细了解各个选项所适用的环境。 Compositing Rule 组合规则决定图形之间颜色的相互影响。例如图片或图形的不透明度属于整个分类。以下方法可以得到组合规则： <pre style="white-space:pre-wrap; word-wrap:break-word">&nbsp;&nbsp;&nbsp; g2.setComposite(java.awt.Composite composite);

&nbsp;&nbsp;&nbsp;&nbsp; Composite composite = g2.getComposite();
</pre> Java 2D允许分配透明(alpha)值，以便底层的图形可以显示出来。通常我们会创建一个java.awt.AlphaComposite对象，然后传入setComposite()方法的实现。 通常，用AlphaComposite.getInstance()方法，配合一定的混合规则和透明度值，创建AlphaComposite对象。Java 2D内建了一些符合 Porter-Duff 组合规则的混合规则。但在处理不透明时，通常会使用AlphaComposite.SRC_OVER。透明值由透明到不透明是在0.0和1.0之间。下面是完整的列表： <pre style="white-space:pre-wrap; word-wrap:break-word">&nbsp;&nbsp;&nbsp;&nbsp; AlphaComposite.CLEAR&nbsp;&nbsp; - 交集部分的颜色和透明被清除。

&nbsp;&nbsp;&nbsp;&nbsp; AlphaComposite.DST&nbsp;&nbsp; - 目标未修改。

&nbsp;&nbsp;&nbsp;&nbsp; AlphaComposite.DST_ATOP&nbsp;&nbsp; - 目标和源重叠的部分组合在源上。

&nbsp;&nbsp;&nbsp;&nbsp; AlphaComposite.DST_IN&nbsp;&nbsp; - 显示目标和源重叠的部分。

&nbsp;&nbsp;&nbsp;&nbsp; AlphaComposite.DST_OUT&nbsp;&nbsp; -显示目标没有和源重叠的部分。

&nbsp;&nbsp;&nbsp;&nbsp; AlphaComposite.DST_OVER&nbsp;&nbsp; - 目标覆盖在源之上。

&nbsp;&nbsp;&nbsp;&nbsp; AlphaComposite.SRC&nbsp;&nbsp; - 源复制给目标。

&nbsp;&nbsp;&nbsp;&nbsp; AlphaComposite.SRC_ATOP&nbsp;&nbsp; - 源和目标重叠的部分组合在目标上。

&nbsp;&nbsp;&nbsp;&nbsp; AlphaComposite.SRC_IN&nbsp;&nbsp; - 显示源和目标重叠的部分。

&nbsp;&nbsp;&nbsp;&nbsp; AlphaComposite.SRC_OUT&nbsp;&nbsp; - 显示源没有和目标重叠的部分。

&nbsp;&nbsp;&nbsp;&nbsp; AlphaComposite.SRC_OVER&nbsp;&nbsp; - 源覆盖在目标之上。
</pre> 图 5 是几个常用选项的图形效果。 <img src="http://java.sun.com/developer/technicalArticles/GUI/java2d/Figure-5.gif" alt="" style="border:none; max-width:100%"> 图 5. Alpha Composite的常用选项。</td> 
 </tr> 
 </tbody> 
</table>