58.md

# 用 Java 显示图像

原文：http://zetcode.com/java/displayimage/

在 Java 中显示图像教程介绍了如何在 Java 中显示图像。 我们展示了如何使用命令行工具 Ant，Maven，NetBeans 和 Eclipse 构建项目。 源代码和图像可在作者的 [Github 仓库](https://github.com/janbodnar/Display-Image)中获得。

初学者程序员经常在项目中显示图像时遇到问题。 问题在于正确识别图像文件的路径。 关键部分是要认识到图像文件的相对路径是从项目目录开始的。 创建本教程的目的是使事情变得清楚。

以下示例显示了该应用的屏幕截图。

![Displaying image in Java](img/95d468245c96cac27ebb0448c753e58a.jpg)

图：用 Java 显示图像



## 源代码

在这里，我们提供了用于在 Java 中显示图像的源代码。

`DisplayImage.java`

```java
package com.zetcode;

import java.awt.Container;
import java.awt.EventQueue;
import javax.swing.GroupLayout;
import javax.swing.ImageIcon;
import javax.swing.JComponent;
import javax.swing.JFrame;
import javax.swing.JLabel;

public class DisplayImage extends JFrame {

    public DisplayImage() {

        initUI();
    }

    private void initUI() {       

        ImageIcon ii = loadImage();

        JLabel label = new JLabel(ii);

        createLayout(label);

        setTitle("Image");
        setLocationRelativeTo(null);
        setDefaultCloseOperation(EXIT_ON_CLOSE);
    }

    private ImageIcon loadImage() {

        ImageIcon ii = new ImageIcon("simg/snake.jpg");
        return ii;
    }

    private void createLayout(JComponent... arg) {

        Container pane = getContentPane();
        GroupLayout gl = new GroupLayout(pane);
        pane.setLayout(gl);

        gl.setAutoCreateContainerGaps(true);

        gl.setHorizontalGroup(gl.createSequentialGroup()
                .addComponent(arg[0])
        );

        gl.setVerticalGroup(gl.createParallelGroup()
                .addComponent(arg[0])
        );

        pack();
    }

    public static void main(String[] args) {

        EventQueue.invokeLater(() -> {
            DisplayImage ex = new DisplayImage();
            ex.setVisible(true);
        });
    }
}

```

该示例创建一个 Java Swing 应用，并使用`ImageIcon`组件显示图像。

```java
private ImageIcon loadImage() {

    ImageIcon ii = new ImageIcon("simg/snake.jpg");
    return ii;
}

```

重要的部分在这里。 `ImageIcon`采用图像的文件路径。 该文件路径取决于我们使用的构建工具。

## 使用命令行工具显示图像

第一个示例使用命令行工具构建 Java 应用。

```java
$ mkdir bin
$ mkdir -p src/main/com/zetcode/
$ mkdir src/maimg
$ cp ~/Pictures/snake.jpg src/maimg/

```

我们创建项目结构并将图像复制到`images`目录。

```java
private ImageIcon loadImage() {

    ImageIcon ii = new ImageIcon("src/maimg/snake.jpg");
    return ii;
}

```

在命令行应用中，我们使用了`src/maimg/snake.jpg`路径。

```java
$ tree
.
├── bin
└── src
    └── main
        ├── com
        │   └── zetcode
        │       └── DisplayImage.java
        └── images
            └── snake.jpg

6 directories, 2 files

```

这就是项目目录结构的样子。

```java
$ javac -d bin src/main/com/zetcode/DisplayImage.java 

```

该应用使用`javac`工具进行编译。

```java
$ tree
.
├── bin
│   └── com
│       └── zetcode
│           └── DisplayImage.class
└── src
    └── main
        ├── com
        │   └── zetcode
        │       └── DisplayImage.java
        └── images
            └── snake.jpg

8 directories, 3 files

```

编译源代码后，我们在`bin/com/zetcode`子目录中创建了一个 Java 类文件。

```java
$ java -cp bin com.zetcode.DisplayImage 

```

我们使用`java`命令运行该应用。

## 使用 Ant 构建项目

在本节中，我们将使用 Ant 构建工具来创建项目。

```java
$ mkdir -p src/main/com/zetcode/
$ mkdir src/maimg
$ cp ~/Pictures/snake.jpg src/maimg/

```

我们创建目录并复制图像文件。

```java
$ tree
.
├── build.xml
└── src
    └── main
        ├── com
        │   └── zetcode
        │       └── DisplayImage.java
        └── images
            └── snake.jpg

5 directories, 3 files

```

使用`tree`命令，显示项目的目录结构。

`build.xml`

```java
<?xml version="1.0"?>
<project name="DisplayImage" default="compile">

  <target name="init">
        <mkdir dir="build/classes"/>
  </target>

  <target name="compile" depends="init">
        <javac includeantruntime="false" srcdir="src" destdir="build/classes"/>
  </target>

  <target name="clean">        
        <delete dir="build"/>
  </target>
</project>

```

这是 Ant 构建文件。 我们有创建目录，编译源代码和清理的任务。

```java
private ImageIcon loadImage() {

    ImageIcon ii = new ImageIcon("src/maimg/snake.jpg");
    return ii;
}

```

我们使用`src/maimg/snake.jpg`路径。

```java
$ ant
Buildfile: /home/janbodnar/prog/javaimages/displayimageant/build.xml

init:

compile:
    [javac] Compiling 1 source file to /home/janbodnar/prog/javaimages/displayimageant/build/classes

BUILD SUCCESSFUL
Total time: 2 seconds

```

我们建立项目。

```java
$ java -cp build/classes/ com.zetcode.DisplayImage

```

该应用启动。

## 在 NetBeans 中显示图像

在 NetBeans 中，我们创建一个 Java 应用。

我们创建一个新文件夹。 我们右键单击“源包”，然后选择“新建—文件夹”。

![Creating a folder in NetBeans](img/6f6f8c457cb3cdb65733f76e686fb4c9.jpg)

图：在 NetBeans 中创建一个文件夹



我们将文件夹称为`images`。 其父目录为`src`。 使用拖放操作，将`snake.jpg`文件复制到`images`子目录。

```java
private ImageIcon loadImage() {

    ImageIcon ii = new ImageIcon("simg/snake.jpg");
    return ii;
}

```

在 NetBeans 中，我们使用了`simg/snake.jpg`路径。

```java
System.out.println(System.getProperty("user.dir"));

```

该应用的当前工作目录是项目目录，在本例中为`DisplayImageEx`。 我们可以使用`user.dir`系统属性找出当前的工作目录。 `src`目录是项目目录的子目录。

![Project in NetBeans](img/6fa513be9f5e5a300052f365c338969d.jpg)

图：项目结构 in NetBeans



该图显示了 NetBeans 中的实际项目结构。

## 在 Eclipse 中显示图像

在 Eclipse 中，我们创建一个 Java 项目。 我们在项目节点上单击鼠标右键，然后选择“新建—源文件夹”。

我们将文件夹名称称为`images`。 与 NetBeans 不同，它的父目录是项目文件夹。 使用拖放操作，将`snake.jpg`文件复制到`images`子目录。

```java
private ImageIcon loadImage() {

    ImageIcon ii = new ImageIcon("images/snake.jpg");
    return ii;
}

```

在 Eclipse 中，我们使用了`images/snake.jpg`路径。

![Project in Eclipse](img/9227095962f6d8b201f91ef3d7e06f86.jpg)

图：项目结构 in Eclipse



该图显示了 Eclipse 中的实际项目结构。

这是 Java 教程中的图像显示。 我们已经构建了一个 Swing 应用，该应用使用命令行工具，Ant，NetBeans 和 Eclipse 显示图像。 您可能还需要查看[`ImageIcon`教程](/java/imageicon/)，[在 Java 中读写 ICO 文件](/articles/javaico/)， [Java Swing 教程](/tutorials/javaswingtutorial/)， [Java 2D 教程](/gfx/java2d/)， 或 [Java 游戏教程](/tutorials/javagamestutorial/)。