图像处理——第一篇，显示图片

因为图片被处理后，我们需要知道被处理后的实际效果，所以我们必须把图片显示出来，便于观察处理结果。

以下是我用java写的图片显示的类。（在之后的文章中，所有提到的代码都将是java代码）

package com.chief.www.image.ui; import java.awt.Color; import java.awt.Component; import java.awt.Dimension; import java.awt.Graphics; import java.awt.Toolkit; import java.awt.event.MouseAdapter; import java.awt.event.MouseEvent; import java.awt.event.MouseWheelEvent; import java.awt.image.BufferedImage; import java.io.File; import java.io.IOException; import java.text.DecimalFormat; import java.text.NumberFormat; import javax.imageio.ImageIO; import javax.swing.JFrame; import javax.swing.JPanel; public class ImagePanel extends JPanel{ private static final long serialVersionUID = 9187002768064498881L; private BufferedImage image; private double scale = 1; public BufferedImage getImage() { return image; } public void setImage(final BufferedImage image) { this.image = image; this.repaint(); } public ImagePanel(BufferedImage image){ this.image = image; MouseAdapter mouseListener = new MouseAdapter() { public void mouseWheelMoved(MouseWheelEvent e) { int count = e.getWheelRotation(); scale = count/10.0+scale; ImagePanel.this.repaint(); } @Override public void mouseReleased(MouseEvent e) { int x = e.getX(); int y = e.getY(); Component component = e.getComponent(); int w = component.getWidth(); int h = component.getHeight(); int iw = getImage().getWidth(); int ih = getImage().getHeight(); int width = (int) (iw*scale); int height = (int) (ih*scale); int x0=x-(w-width)/2; int y0 =y-(h-height)/2; x0 = (int)(x0/scale); y0 = (int)(y0/scale); if((x0>=0&&y0>=0&&x0<iw&&y0<ih)){ component. repaint(); } } public void mousePressed(MouseEvent e) { int x = e.getX(); int y = e.getY(); Component component = e.getComponent(); int w = component.getWidth(); int h = component.getHeight(); int iw = getImage().getWidth(); int ih = getImage().getHeight(); int width = (int) (iw*scale); int height = (int) (ih*scale); int x0=x-(w-width)/2; int y0 =y-(h-height)/2; x0 = (int)(x0/scale); y0 = (int)(y0/scale); if((x0>=0&&y0>=0&&x0<iw&&y0<ih)){ int gray = getImage().getRGB(x0, y0); //将鼠标点击的位置，及图像在该处的像素值显示在左下角 Graphics g = component.getGraphics(); g.setColor(Color.GREEN); g.drawString("("+x0+","+y0+")[0x"+Integer.toHexString(gray)+"]", 0,component.getHeight()-6); } } }; this.addMouseListener(mouseListener); this.addMouseWheelListener(mouseListener); } public void paint(Graphics g) { super.setBackground(Color.DARK_GRAY); super.paint(g); int width = (int) (getImage().getWidth()*scale); int height = (int) (getImage().getHeight()*scale); int w = this.getWidth(); int h = this.getHeight(); int x = (w-width)/2; int y = (h-height)/2; g.drawImage(getImage(), x, y, width,height,Color.BLACK, this); g.setColor(Color.GREEN); NumberFormat df = new DecimalFormat("0.#"); String s = df.format(scale); //将放大比例显示在右下角 g.drawString(s, this.getWidth()-6*s.length(),this.getHeight()-6); } public static void main(String[] args) throws IOException{ File file = new File("images","wi24s.jpg"); BufferedImage image = ImageIO.read(file); ImagePanel jp = new ImagePanel(image); JFrame frame = new JFrame("test"); frame.setContentPane(jp); frame.setSize(600, 400); Dimension screenSize = Toolkit.getDefaultToolkit().getScreenSize(); Dimension frameSize = frame.getSize(); frame.setLocation((screenSize.width - frameSize.width) / 2, (screenSize.height - frameSize.height) / 2); frame.setDefaultCloseOperation(JFrame.DISPOSE_ON_CLOSE); frame.setVisible(true); } }

这个类的内容比较简单，就是将图片画在Jpanel中间，还添加了两个小功能：

• 滚动鼠标中键改变图像大小（右下角是比例）
• 点击鼠标显示点击位置图像的像素点值（左下角是值）

测试代码请看上面main函数，显示效果如下：

 

图像放大到2.1倍，点（82,24）处的像素值为：0xff37ccc8

 

第一篇完。