本篇将继续介绍Java 2D 图形部分的内容。
5. 坐标变换:
坐标变换是图形编程中非常重要的一项技术,该技术在基于3D的开发中应用更为普遍,我们这里将介绍Java 2D中四种基本的变换:
1) 比例缩放(scale):放大和缩小从一个固定点出发的所有距离;
2) 旋转(rotate):环绕着一个固定中心旋转所有点;
3) 平移(translate):将所有的点移动一个固定量;
4) 切变(shear):使一个线条固定不变,再按照与该固定线条之间的距离,成比例地将与该线条平行的各个线条"滑动"一个距离量。
这里提及的四种变换规则可以组合在一起使用,然而需要注意的是,在组合时,Graphics2D是按照相反的顺序执行变换的,如:
1 public void paint(Graphics g) { 2 Graphics2D g2 = (Graphics2D)g; 3 g2.rotate(angle); 4 g2.scale(2,2); 5 g2.translate(x,y); 6 }
对于上面代码中的组合变换,translate将会被最先执行,其次是scale,最后才是rotate。
在Java 2D的API中提供了AffineTransform类用于描述各种变换,该类提供了一组静态工厂方法用于获取不同的AffineTransform子类,如:getRotateInstance、getScaleInstance、getTranslateInstance和getShearInstance。之后我们再通过Graphics2D.setTransform()方法设置当前Graphics的坐标变换对象。然而在实际的应用中,我们经常需要调用的却是Graphics2D.transform()方法以组合当前的变换和新设置的变换,而setTransform()域方法则是完全替换当前Graphics的变换为新设置的变换。
1 public class MyTest extends JPanel { 2 public static void main(String[] args) { 3 JFrame frame = new JFrame(); 4 frame.setTitle("AffineTransform"); 5 frame.setSize(1000, 600); 6 frame.addWindowListener(new WindowAdapter() { 7 public void windowClosing(WindowEvent e) { 8 System.exit(0); 9 } 10 }); 11 Container contentPane = frame.getContentPane(); 12 contentPane.add(new MyTest()); 13 frame.show(); 14 } 15 public void paintComponent(Graphics g) { 16 super.paintComponent(g); 17 g.setColor(Color.orange); 18 g.drawLine(0, getHeight()/4, getWidth(), getHeight()/4); 19 g.drawLine(0, getHeight()/2, getWidth(), getHeight()/2); 20 g.drawLine(0, getHeight()*3/4, getWidth(), getHeight()*3/4); 21 paintWithGraphicsMethod(g); 22 paintWithTransform(g); 23 paintWithSetTransform(g); 24 paintWithStaticTransformInstance(g); 25 } 26 //通过Graphics自身提供的变换方法进行变换 27 private void paintWithGraphicsMethod(Graphics g) { 28 //Graphics中的变换都是组合变换方式, 29 Graphics2D g2d = (Graphics2D) g; 30 AffineTransform oldTrans = g2d.getTransform(); 31 g2d.setColor(Color.yellow); 32 g2d.fillRect(20, 20, 60, 60); 33 //1. 基于原点进行平移变换 34 g2d.translate(160, 0); 35 g2d.fillRect(20, 20, 60, 60); 36 //2. 基于1)平移变换后继续平移变换 37 g2d.translate(160, 0); 38 //3. 在2)平移的基础上进行旋转变换 39 g2d.rotate(Math.PI / 4); 40 g2d.fillRect(20, 20, 60, 60); 41 //4. 这里需要特别注意,由于3)中组合了旋转变换,因此这里再直接进行 42 //平移变换x时,因为坐标系的角度发生了变化,所以不能得到期望的平移 43 //效果,在平移前需要将3)中的旋转再反向旋转回来。 44 g2d.rotate(-Math.PI / 4); 45 g2d.translate(160, 0); 46 //5. 在4)的基础上做放大变换 47 g2d.scale(1.5, 1.5); 48 g2d.fillRect(20, 20, 60, 60); 49 //6. 做切变变化,可以通过调整shear()方法的两个参数,进一步掌握切变变换 50 g2d.translate(160, 0); 51 g2d.shear(0.5, 0); 52 g2d.fillRect(20, 20, 60, 60); 53 //7. 这里需要还原,否则会影响后面的变换 54 g2d.setTransform(oldTrans); 55 } 56 //该方法和paintWithGraphicsMethod机制是一致的,只是应用的方法改为 57 //AffineTransform提供的变换方法 58 private void paintWithTransform(Graphics g) { 59 Graphics2D g2d = (Graphics2D) g; 60 AffineTransform oldTrans = g2d.getTransform(); 61 //1. 先将坐标系的原点移到第二个泳道中,以便后面的代码可以和其他 62 //函数中的代码保持一致 63 g2d.translate(0, getHeight()/4); 64 g2d.setColor(Color.red); 65 g2d.fillRect(20, 20, 60, 60); 66 67 AffineTransform tx1 = new AffineTransform(); 68 tx1.translate(160, 0); 69 //2. 这里用到的transform方法在Graphics对象内部也是组合方式的, 70 //换句话说,后面的transform方法将会基于本次变化的结果。 71 g2d.transform(tx1); 72 g2d.fillRect(20, 20, 60, 60); 73 74 AffineTransform tx2 = new AffineTransform(); 75 tx2.translate(160, 0); 76 tx2.rotate(Math.PI / 4); 77 //3. 本次transform将基于1)中transform的结果并进行组合 78 g2d.transform(tx2); 79 g2d.fillRect(20, 20, 60, 60); 80 81 AffineTransform tx3 = new AffineTransform(); 82 //4. 这里的rotate的作用和上面的paintWithGraphicsMethod()方法的4)是一致的。 83 tx3.rotate(-Math.PI / 4); 84 tx3.translate(160, 0); 85 tx3.scale(1.5, 1.5); 86 g2d.transform(tx3); 87 g2d.fillRect(20, 20, 60, 60); 88 //5. 切变变换 89 AffineTransform tx4 = new AffineTransform(); 90 tx4.shear(0.5, 0); 91 tx4.translate(160, 0); 92 g2d.transform(tx4); 93 g2d.fillRect(20, 20, 60, 60); 94 g2d.setTransform(oldTrans); 95 } 96 //通过setTransform方法基于绝对坐标进行变换 97 private void paintWithSetTransform(Graphics g) { 98 Graphics2D g2d = (Graphics2D) g; 99 AffineTransform oldTrans = g2d.getTransform(); 100 //1. 先将坐标系的原点移到第三个泳道中,以便后面的代码可以和其他 101 //函数中的代码保持一致 102 g2d.translate(0, getHeight()/2); 103 g2d.setColor(Color.blue); 104 g2d.fillRect(20, 20, 60, 60); 105 AffineTransform tx1 = new AffineTransform(); 106 //2. 由于setTransform方法是直接替换为参数中的变换对象,之前驻留在Graphics中的 107 //变换对象都不在起作用了,因此这里在平移时,需要基于最原始的(窗体左上角)原点坐标 108 //进行平移变换,可以理解为绝对平移变换。 109 //可以看到translate中的y参数是相对于最初原点的平移距离。 110 tx1.translate(160, getHeight()/2); 111 //3. 将g2d中的变换对象直接替换为参数对象。 112 g2d.setTransform(tx1); 113 g2d.fillRect(20, 20, 60, 60); 114 115 AffineTransform tx2 = new AffineTransform(); 116 //4. 道理和上面的代码一样,可以看到这个时候x参数也设定为绝对距离了。 117 tx2.translate(320, getHeight()/2); 118 tx2.rotate(Math.PI / 4); 119 g2d.setTransform(tx2); 120 g2d.fillRect(20, 20, 60, 60); 121 122 AffineTransform tx3 = new AffineTransform(); 123 //5. 需要注意的是tx3.rotate(-Math.PI / 4) 方法不需要再被调用了,因为 124 //setTransform并不和之前的变换组合。 125 tx3.translate(480, getHeight()/2); 126 tx3.scale(1.5, 1.5); 127 g2d.setTransform(tx3); 128 g2d.fillRect(20, 20, 60, 60); 129 //6. 切变变换,为了保持和其他泳道显示的结果一致,这里需要重新设定scale变换 130 AffineTransform tx4 = new AffineTransform(); 131 tx4.translate(720, getHeight()/2); 132 tx4.shear(0.5, 0); 133 tx4.scale(1.5, 1.5); 134 g2d.setTransform(tx4); 135 g2d.fillRect(20, 20, 60, 60); 136 g2d.setTransform(oldTrans); 137 } 138 //通过AffineTransform的静态工厂方法获取AffineTransform的具体子类 139 //再通过已经设定好变换的AffineTransform和形状的原始坐标生成目标 140 //形状,由于目标形状中已经是变换后的形状,因此Graphics2D可以直接渲染即可 141 private void paintWithStaticTransformInstance(Graphics g) { 142 Graphics2D g2d = (Graphics2D) g; 143 AffineTransform oldTrans = g2d.getTransform(); 144 //1. 先将坐标系的原点移到第四个泳道中,以便后面的代码可以和其他 145 //函数中的代码保持一致 146 g2d.translate(0, getHeight()*3/4); 147 g2d.setColor(Color.green); 148 g2d.fillRect(20, 20, 60, 60); 149 AffineTransform tx1 = AffineTransform.getTranslateInstance(160, 0); 150 Rectangle rect = new Rectangle(20, 20, 60, 60); 151 Shape newShape = tx1.createTransformedShape(rect); 152 g2d.fill(newShape); 153 //2. 由于是直接通过Graphics2D渲染目标形状,因此这些变换并没有在 154 //Graphics2D中进行过组合,因此每次变换都是独立的变换,需要指定 155 //距离原始坐标的绝对距离 156 AffineTransform tx2 = AffineTransform.getTranslateInstance(320, 0); 157 tx2.rotate(Math.PI / 4); 158 newShape = tx2.createTransformedShape(rect); 159 g2d.fill(newShape); 160 161 AffineTransform tx3 = AffineTransform.getTranslateInstance(480, 0); 162 tx3.scale(1.5, 1.5); 163 newShape = tx3.createTransformedShape(rect); 164 g2d.fill(newShape); 165 166 AffineTransform tx4 = AffineTransform.getTranslateInstance(720, 0); 167 tx4.scale(1.5, 1.5); 168 tx4.shear(0.5, 0); 169 newShape = tx4.createTransformedShape(rect); 170 g2d.fill(newShape); 171 g2d.setTransform(oldTrans); 172 } 173 }
6. 剪切:
通过在图形上下文中设置一个剪切形状,可以将所有的绘图操作限制在该剪切形状内部来进行,如:
g2.setClip(clipShape);
g2.draw(Shape);
setClip()方法和坐标变换中setTransform()方法有一个非常重要的相似之处,他们都会直接替换Graphics中已有的坐标变换或剪切区域。鉴于此,Java 2D 在剪切中同样提供了另一个方法clip(),该方法和坐标变换中的transform等方法相似,会将当前的剪切区域和已有的剪切区域进行合并,并形成新的剪切区域,如:g2.clip(clipShape)。
1 public class MyTest extends JPanel { 2 public static void main(String[] args) { 3 JFrame frame = new JFrame(); 4 frame.setTitle("Clip"); 5 frame.setSize(600, 600); 6 frame.addWindowListener(new WindowAdapter() { 7 public void windowClosing(WindowEvent e) { 8 System.exit(0); 9 } 10 }); 11 Container contentPane = frame.getContentPane(); 12 contentPane.add(new MyTest()); 13 frame.show(); 14 } 15 public void paintComponent(Graphics g) { 16 super.paintComponent(g); 17 g.setColor(Color.orange); 18 g.drawLine(0, getHeight() / 2, getWidth(), getHeight() / 2); 19 paintClipRectangle(g); 20 } 21 private void paintClipRectangle(Graphics g) { 22 Graphics2D g2 = (Graphics2D) g; 23 int w = getWidth(); 24 int h = getHeight() / 2; 25 //设定裁剪区域为当前的椭圆,由于使用的setClip,因此不会和Graphics中 26 //已经设定的clip进行组合。 27 Ellipse2D e = new Ellipse2D.Float(w / 4.0f, h / 4.0f, w / 2.0f, h / 2.0f); 28 g2.setClip(e); 29 g2.setColor(Color.yellow); 30 g2.fillRect(0, 0, w, h); 31 //打印出当前剪切区域的矩形边界,这里的bounds为椭圆剪切区域的外切矩形 32 System.out.println(g2.getClipBounds()); 33 e = new Ellipse2D.Float(w / 4.0f, h / 4.0f + h, w / 2.0f, h / 2.0f); 34 g2.setClip(e); 35 g2.setColor(Color.green); 36 g2.fillRect(0, h, w, h); 37 System.out.println("Before clip: " + g2.getClipBounds()); 38 //和Graphics中已经存在的剪切区域组合,取两个剪切区域的交集。 39 //如果没有交集,则无法绘制任何形状。 40 Rectangle r = new Rectangle(w / 2, h , w / 2, h ); 41 g2.clip(r); 42 g2.setColor(Color.blue); 43 g2.fillRect(0, h, w, h); 44 System.out.println("After clip: " + g2.getClipBounds()); 45 } 46 }
7. 透明与组合:
在标准RGB颜色模型中,每种颜色都是由红、绿和蓝这三种成分来描述的。用它来描述透明或者部分透明的图像区域也是非常方便的。在Java 2D 中,透明是由一个透明通道来描述的。每个像素,除了它的红、绿和蓝色部分外,还有一个介于0(完全透明)和1(完全不透名)之间的透明度(alpha)值。当两个形状重叠在一起时,必须把源像素和目标像素的颜色和透明度值混合或者组合起来。Java 2D中提供了12中组合方式,而我们这里只是介绍缺省情况下的SRC_OVER原则。
Alpha_D:目标形状的Alpha值
Alpha_S:源形状的Alpha值
在进行混合计算时,源像素颜色的权值为Alpha_S, 目标像素颜色的权值为(1 - Alpha_S) * Alpha_D。
在Java 2D中可以通过Graphics2D.setComposite()方法设定组合接口。该接口的具体实现类可以通过AlphaComposite提供的一组静态工厂方法获取,如:
1 public void paint(Graphics g) { 2 int rule = AlphaComposite.SRC_OVER; 3 float alpha = 0.5f; 4 Graphics2D g2 = (Graphics2D)g; 5 g2.setComposite(AlphaComposite.getInstance(rule,alpha)); 6 g2.setPaint(Color.blue); 7 g2.fill(new Rectangle2D.Double(2.0,2.0,10.0.10.0)); 8 }
上面代码中应用的组合原则是SRC_OVER,透明度是0.5。
1 public class MyTest extends JPanel { 2 public static void main(String[] args) { 3 JFrame frame = new JFrame(); 4 frame.setTitle("Composition"); 5 frame.setSize(400, 120); 6 frame.addWindowListener(new WindowAdapter() { 7 public void windowClosing(WindowEvent e) { 8 System.exit(0); 9 } 10 }); 11 Container contentPane = frame.getContentPane(); 12 contentPane.add(new MyTest()); 13 frame.show(); 14 } 15 public void paintComponent(Graphics g) { 16 super.paintComponent(g); 17 Graphics2D g2d = (Graphics2D) g; 18 //获取一个组合原则为SRC_OVER,透明度为0.5的AlphaComposite 19 //可以通过修改不同的透明度值,以观察该组合规则的效果。 20 AlphaComposite ac = AlphaComposite.getInstance(AlphaComposite.SRC_OVER, 0.5f); 21 //derive()方法是jdk 1.6中新加入的方法,从使用视角看,是非常方便的builder方法 22 //下面被注释的语句和上面语句中获取的AlphaComposite对象是等同的。 23 //AlphaComposite ac = AlphaComposite.getInstance(AlphaComposite.SRC_OVER).derive(0.5f); 24 25 BufferedImage buffImg = new BufferedImage(60, 60, BufferedImage.TYPE_INT_ARGB); 26 Graphics2D gbi = buffImg.createGraphics(); 27 gbi.setPaint(Color.red); 28 gbi.fillRect(0, 0, 40, 40); 29 gbi.setComposite(ac); 30 gbi.setPaint(Color.green); 31 gbi.fillRect(5, 5, 40, 40); 32 g2d.drawImage(buffImg, 20, 20, null); 33 gbi.dispose(); 34 } 35 }
8. 绘图提示:
Java 2D中提供了一些绘图提示的选项,以帮助我们在渲染时能够达到一种绘图速度和质量之间的平衡关系。在这些提示中最为常用的主要有以下三个:
KEY_ANTIALIASING 打开或者关闭形状抗锯齿特征。
VALUE_ANTIALIAS_ON
VALUE_ANTIALIAS_OFF
KEY_TEXT_ANTIALIASING 打开或者关闭字体的抗锯齿特征
VALUE_TEXT_ANTIALIAS_ON
VALUE_TEXT_ANTIALIAS_OFF
KEY_INTERPOLATION 当对形状进行缩放或者旋转操作时,为像素的插换选择一个规则
VALUE_INTERPOLATION_NEAREST_NEIGHBOR
VALUE_INTERPOLATION_BILINEAR
VALUE_INTERPOLATION_BICUBIC
下面的代码演示了如何设定指定的绘图提示:
g2.setRenderingHint(RenderingHints.KEY_ANTIALIASING,RenderingHints.VALUE_ANTIALIAS_ON);
该语句打开了g2的图形抗锯齿功能。下面的示例代码主要演示了抗锯齿功能。
1 public class MyTest extends JPanel { 2 private boolean isOutput = false; 3 public static void main(String[] args) { 4 JFrame frame = new JFrame(); 5 frame.setTitle("RenderingHints"); 6 frame.setSize(300, 400); 7 frame.addWindowListener(new WindowAdapter() { 8 public void windowClosing(WindowEvent e) { 9 System.exit(0); 10 } 11 }); 12 Container contentPane = frame.getContentPane(); 13 contentPane.add(new MyTest()); 14 frame.show(); 15 } 16 public void paintComponent(Graphics g) { 17 super.paintComponent(g); 18 //画出四条泳道 19 g.setColor(Color.orange); 20 g.drawLine(0, getHeight()/4, getWidth(), getHeight()/4); 21 g.drawLine(0, getHeight()/2, getWidth(), getHeight()/2); 22 g.drawLine(0, getHeight()*3/4, getWidth(), getHeight()*3/4); 23 paintAntialiasingText(g); 24 paintAntialiasingShape(g); 25 } 26 //打开和关闭文字抗锯齿提示 27 private void paintAntialiasingText(Graphics g) { 28 Graphics2D g2d = (Graphics2D) g; 29 // 将字体放大,对比后效果更明显 30 Font fi = new Font("SansSerif", Font.BOLD + Font.ITALIC, 30); 31 g2d.setFont(fi); 32 // 1. 在第一泳道打开文字抗锯齿 33 g2d.setRenderingHint(RenderingHints.KEY_TEXT_ANTIALIASING, 34 RenderingHints.VALUE_TEXT_ANTIALIAS_ON); 35 g2d.drawString("Hello World", 20, 40); 36 RenderingHints rhints = g2d.getRenderingHints(); 37 //测试文字抗锯齿特征是否已经打开 38 boolean antialiasTextOn = rhints 39 .containsValue(RenderingHints.VALUE_TEXT_ANTIALIAS_ON); 40 if (!isOutput) 41 System.out.println("VALUE_TEXT_ANTIALIAS_ON is " 42 + (antialiasTextOn ? "on." : "off.")); 43 // 2. 在第二泳道关闭文字抗锯齿 44 g2d.setRenderingHint(RenderingHints.KEY_TEXT_ANTIALIASING, 45 RenderingHints.VALUE_TEXT_ANTIALIAS_OFF); 46 g2d.drawString("Hello World", 20, getHeight() / 4 + 40); 47 rhints = g2d.getRenderingHints(); 48 antialiasTextOn = rhints 49 .containsValue(RenderingHints.VALUE_TEXT_ANTIALIAS_OFF); 50 if (!isOutput) 51 System.out.println("VALUE_TEXT_ANTIALIAS_OFF is " 52 + (antialiasTextOn ? "on." : "off.")); 53 isOutput = true; 54 } 55 //打开和关闭图形抗锯齿提示 56 private void paintAntialiasingShape(Graphics g) { 57 Graphics2D g2d = (Graphics2D) g; 58 //将笔划设置更粗,这样对比效果更明显 59 Stroke s = new BasicStroke(2); 60 g2d.setStroke(s); 61 Ellipse2D e1 = new Ellipse2D.Double(20, getHeight()/2 + 20,60,60); 62 //3. 在第三泳道打开图形抗锯齿 63 g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, 64 RenderingHints.VALUE_ANTIALIAS_ON); 65 g2d.draw(e1); 66 Ellipse2D e2 = new Ellipse2D.Double(20, getHeight()*3/4 + 20,60,60); 67 //4. 在第四泳道关闭图形抗锯齿 68 g2d.setRenderingHint(RenderingHints.KEY_ANTIALIASING, 69 RenderingHints.VALUE_ANTIALIAS_OFF); 70 g2d.draw(e2); 71 } 72 }
9. 图像的读取器和写入器:
从Java SE6 开始,JDK中提供了对GIF、JPEG、PNG、BMP等文件格式的读写支持。我们可以通过ImageIO.read和ImageIO.write两个静态方法分别读取和写入图形文件。ImageIO会根据文件的类型选择适当的读取器和写入器,而文件的类型主要是通过目标文件的扩展名和文件中的Magic Number来判断的。如果没有找到合适的读取器,ImageIO.read将返回null。
通常而言,我们在进行一些图形操作时,都是基于Java 2D中的BufferedImage类协助完成的,因此我们在读取图形文件时,我们的目标也是将图形文件包含的数据读入BufferedImage对象中,以供后用。
1) 直接读取只是包含一幅图像的数据文件:
1 public class MyTest extends JPanel { 2 private static BufferedImage image = null; 3 public static void main(String[] args) throws IOException { 4 JFrame frame = new JFrame(); 5 frame.setTitle("ImageIO Read"); 6 frame.setSize(300, 400); 7 frame.addWindowListener(new WindowAdapter() { 8 public void windowClosing(WindowEvent e) { 9 System.exit(0); 10 } 11 }); 12 Container contentPane = frame.getContentPane(); 13 readByFile(); 14 // or readByInputStream(); 15 //两种方式可以得到相同的效果,只是由于readByInputStream()在读入的 16 //过程中使用了BufferedInputStream,读取效率可能会更高。 17 contentPane.add(new MyTest()); 18 frame.show(); 19 } 20 private static void readByFile() throws IOException { 21 File sourceimage = new File("D:/desktop.png"); 22 image = (BufferedImage)ImageIO.read(sourceimage); 23 } 24 private static void readByInputStream() throws IOException { 25 InputStream bin = new BufferedInputStream(new FileInputStream("D:/desktop.png")); 26 image = ImageIO.read(bin); 27 bin.close(); 28 } 29 public void paintComponent(Graphics g) { 30 super.paintComponent(g); 31 if (image == null) 32 return; 33 g.drawImage(image, 0, 0, null); 34 } 35 }
2) 通过ImageReader读取包含多幅图像的数据文件:
读取该类型的图像文件需要以下三个步骤:
2.1)将图形文件映射到图形输入流中(ImageInputStream),作为读取器的数据输入源;
2.2)根据图形文件的类型选择合适的ImageReader,由于图形数据的读取和解析;
2.3)将图形输入流绑定到ImageReader,并迭代读取出所有的图像数据到不同的BufferedImage。
这里我们需要制作出包含多幅图像的测试文件。
1 public class MyTest extends JPanel { 2 private BufferedImage[] images; 3 private int imageIndex = 0; 4 public static void main(String[] args) { 5 JFrame frame = new JFrame(); 6 frame.setTitle("ImageReader"); 7 frame.setSize(300, 400); 8 frame.addWindowListener(new WindowAdapter() { 9 public void windowClosing(WindowEvent e) { 10 System.exit(0); 11 } 12 }); 13 Container contentPane = frame.getContentPane(); 14 contentPane.add(new MyTest()); 15 frame.show(); 16 } 17 public MyTest() { 18 try { 19 loadImage(); 20 } catch (Exception e) { 21 e.printStackTrace(); 22 } 23 } 24 private void loadImage() throws Exception { 25 String filename = "D:/desktop.gif"; 26 // 1. 获取图形文件的输入流 27 FileInputStream inputStream = new FileInputStream(filename); 28 // 2. 基于文件输入流生成图形输入流作为ImageReader的数据源 29 ImageInputStream imageInputStream = ImageIO.createImageInputStream(inputStream); 30 // 3. 通过ImageIO的静态工厂方法获取指定类型图形文件的候选读取器集合的迭代器 31 Iterator<ImageReader> readers = ImageIO.getImageReadersBySuffix("gif"); 32 // 4. 一般而言,可以选择第一个读取器作为该类型图形文件的读取器。 33 ImageReader imageReader = readers.next(); 34 // 5. 给ImageReader设定输入源,同时将第二个参数设定为false 35 //以便于后面获取Images的数量。 36 imageReader.setInput(imageInputStream, false); 37 // 6. 获取图像的数量。 38 // 参数说明:由于在某些图形文件的头部并没有给出该文件包含的图像数量, 39 // 因此如果该参数设置为false,该这种情况下函数将返回-1。如果参数为 40 // true呢?读取器将主动遍历整个图形文件并统计出图像的数量后返回。需要 41 // 注意的是,这样的操作可能会带来效率的开销。 42 int num = imageReader.getNumImages(true); 43 // 7. 利用读取器将图形数据从图形文件依次读取到BufferedImage。 44 images = new BufferedImage[num]; 45 for (int i = 0; i < num; ++i) 46 images[i] = imageReader.read(i); 47 imageReader.dispose(); 48 // 8. 这两个InputStream的close方法都是需要调用的,imageInputStream将会 49 //在close的时候关闭并删除其内部作为CacheFile的RandomAccessFile对象。 50 imageInputStream.close(); 51 inputStream.close(); 52 } 53 public void paintComponent(Graphics g) { 54 super.paintComponent(g); 55 if (images == null) 56 return; 57 g.drawImage(images[imageIndex], 0, 0, null); 58 imageIndex = (imageIndex + 1) % images.length; 59 } 60 }
3) 将一幅图像直接写入目标文件:
1 public class MyTest { 2 public static void main(String[] args) throws IOException { 3 writeToFile(); 4 } 5 private static void writeToFile() throws IOException { 6 int width = 200, height = 200; 7 BufferedImage bi = new BufferedImage(width, height, 8 BufferedImage.TYPE_INT_ARGB); 9 Graphics2D g2 = bi.createGraphics(); 10 g2.setColor(Color.red); 11 g2.fillRect(0, 0, width - 1, height - 1); 12 ImageIO.write(bi, "png", new File("D:/test.png")); 13 System.out.println("Over."); 14 } 15 }
4) 通过ImageWriter将多幅图像顺序写入目标文件:
1 public class MyTest { 2 public static void main(String[] args) throws IOException { 3 writeToFile(); 4 } 5 private static void writeToFile() throws IOException { 6 int width = 200, height = 200; 7 BufferedImage bi = new BufferedImage(width, height, 8 BufferedImage.TYPE_INT_ARGB); 9 Color[] colors = { Color.red, Color.black, Color.blue, Color.yellow, 10 Color.gray, Color.green, Color.orange }; 11 Graphics2D g2 = bi.createGraphics(); 12 //1. 这里的操作和通过ImageReader读取多个文件时基本相同, 13 //只是换成了ImageWriter。 14 Iterator<ImageWriter> imageWriters = ImageIO 15 .getImageWritersByFormatName("gif"); 16 ImageWriter imageWriter = imageWriters.next(); 17 ImageOutputStream ios = ImageIO.createImageOutputStream(new File( 18 "D:/test.gif")); 19 imageWriter.setOutput(ios); 20 //2. 这里需要提前判断一下是否当前的写入器支持顺序写入多个图片的功能 21 if (imageWriter.canWriteSequence()) { 22 //3. 在顺序写入之前prepare必须调用,否则在写入的时候抛出异常 23 imageWriter.prepareWriteSequence(null); 24 //4. 开始顺序写入 25 for (Color c : colors) { 26 g2.setColor(c); 27 g2.fillRect(0, 0, width - 1, height - 1); 28 imageWriter.writeToSequence(new IIOImage(bi, null, null), null); 29 } 30 // 5. 结束写入,有些类似于数据库操作的事物,在操作后需要提交。 31 imageWriter.endWriteSequence(); 32 } 33 imageWriter.dispose(); 34 ios.close(); 35 System.out.println("Over."); 36 } 37 }
5) 通过ImageIO.read()和ImageIO.write()方法进行图形文件格式转换:
这里只是给出从PNG到JPEG的例子,事实上其他类型的图像文件之间也可以通过该方式进行转换。
1 public class MyTest { 2 public static void main(String[] args) throws IOException { 3 convertFromPngToJpeg(); 4 } 5 private static void convertFromPngToJpeg() throws IOException { 6 BufferedImage bufferedImage = ImageIO.read(new File("D:/desktop.png")); 7 BufferedImage destImage = new BufferedImage(100,100,BufferedImage.TYPE_INT_RGB); 8 Graphics2D g = destImage.createGraphics(); 9 AffineTransform at = AffineTransform.getScaleInstance(2, 2); 10 //这里通过drawRenderedImage方法将源图像变换后的结果直接写入目的BufferedImage 11 //注意:源图像并未发生变换 12 g.drawRenderedImage(bufferedImage, at); 13 ImageIO.write(destImage, "JPG", new File("D:/desktop.jpg")); 14 System.out.println("Over."); 15 } 16 }
6) Icon文件的读入:
1 public class MyTest extends JPanel { 2 public static void main(String[] args) throws IOException { 3 JFrame frame = new JFrame(); 4 frame.setTitle("Read Icon"); 5 frame.setSize(300, 300); 6 frame.addWindowListener(new WindowAdapter() { 7 public void windowClosing(WindowEvent e) { 8 System.exit(0); 9 } 10 }); 11 Container contentPane = frame.getContentPane(); 12 contentPane.add(new MyTest()); 13 frame.show(); 14 } 15 public void paintComponent(Graphics g) { 16 super.paintComponent(g); 17 ImageIcon icon = new ImageIcon("D:/desktop.jpg"); 18 int width = icon.getIconWidth(); 19 int height = icon.getIconHeight(); 20 int x = 0; 21 int y = 0; 22 //1. 利用ImageIcon的功能直接绘制 23 icon.paintIcon(this, g, x, y); 24 Graphics2D g2d = (Graphics2D)g; 25 //2. 转换到BufferedImage后在绘制 26 BufferedImage bi = icon.getImage(); 27 g2d.drawImage(bi, x + 100, y + 100, null); 28 System.out.println("Width = " + width + " Height = " + height); 29 } 30 }