《Java程序设计》第14周实验作业：GUI编程初步

【目的】
1. 掌握图形化WindowBuilder的使用方式。
2. 理解Java中事件机制。
 
【目标】
1. 掌握Eclipse中安装 WindowBuilder的方法。
2. 了解Java中事件机制。

3. 了解GUI中重用控件。

4.完成一个GUI作业，作业要求如下。

（1）功能：有一个按钮（JButton）和一个标签（JLabel），当点击 按钮后，能够显示下一张图片。

（2）如何在Jlabel中设置图片，请仔细观看视频  正在播放：14-14.常用控件（链接）。
（3）进一步改进：请增加显示“显示上一张图片”按钮；请编辑代码，使得图片都缩放为200*200像素大小，并显示。 
（4）图片显示的示例代码：

根据老师提供的代码，再稍加修改，就能顺利完成作业

以下为我的示例代码：

import java.awt.BorderLayout;
import java.awt.EventQueue;
import java.awt.Image;

import javax.imageio.ImageIO;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.border.EmptyBorder;
import javax.swing.JButton;
import javax.swing.JLabel;

import java.awt.Color;
import java.awt.event.ActionListener;
import java.awt.event.ActionEvent;
import java.io.File;
import java.io.IOException;


@SuppressWarnings("unused")
public class Lj extends JFrame {
    /**
	 * 
	 */
	private static final long serialVersionUID = 1L;
	private JPanel contentPane;
    private int idImg = 1;
    /**
     * Launch the application.
     */
    public static void main(String[] args) {
        EventQueue.invokeLater(new Runnable() {
            public void run() {
                try {
                    Lj frame = new Lj();
                    frame.setVisible(true);
                } catch (Exception e) {
                    e.printStackTrace();
                }
            }
        });
    }
    /**
     * Create the frame.
     */
    public Lj() {
        setTitle("图片展示");
        setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
        setBounds(100, 100, 576, 404);
        contentPane = new JPanel();
        contentPane.setBorder(new EmptyBorder(5, 5, 5, 5));
        setContentPane(contentPane);
        contentPane.setLayout(null);
        final JLabel lblNewLabel = new JLabel("New label");
        lblNewLabel.setBackground(Color.YELLOW);
        lblNewLabel.setForeground(Color.PINK);
        lblNewLabel.setBounds(200, 86, 462, 248);

        contentPane.add(lblNewLabel);
        
        
        JButton btnNewButton = new JButton("显示下一张");
        btnNewButton.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                ImageIcon icon;
                try {
                    // 获取图片的路径
                    String strImgFile = "E:/JAVA编译/photo/";
                    // 得到图片的完整路径
                    strImgFile = strImgFile + String.valueOf(idImg) + ".jpg";
                    // 读取图片
                    icon = new ImageIcon(ImageIO.read(new File(strImgFile)));
                    
                    Image image = icon.getImage(); 
                    // 缩放图像
                   Image smallImage = image.getScaledInstance(400,400,Image.SCALE_FAST); 
                    // 设置JLabel标签的icon（图标）
                    lblNewLabel.setIcon(icon);
                    // 为下一张图片做准备，一共9张图片，显示完第9张后，重新显示第一张
                    idImg = idImg+1;
                    if(idImg==10)
                        idImg = 1;
                } catch (IOException e1) {
                    // TODO Auto-generated catch block
                    e1.printStackTrace();
                }
            }
        });
        btnNewButton.setBounds(394, 37, 153, 28);

        contentPane.add(btnNewButton);
        
        JButton btnNewButton2 = new JButton("显示上一张");
        btnNewButton2.addActionListener(new ActionListener() {
            public void actionPerformed(ActionEvent e) {
                ImageIcon icon;
                try {
                    // 获取图片的路径
                    String strImgFile = "E:/JAVA编译/photo/";
                    // 得到图片的完整路径
                    strImgFile = strImgFile + String.valueOf(idImg) + ".jpg";
                    // 读取图片
                    icon = new ImageIcon(ImageIO.read(new File(strImgFile)));
                    
                    Image image = icon.getImage(); 
                    // 缩放图像
                   Image smallImage = image.getScaledInstance(200,200,Image.SCALE_FAST);
                    
                   //把Image文件转化为ImageIcon
                    icon = new ImageIcon(smallImage);   
                    // 设置JLabel标签的icon（图标）
                    lblNewLabel.setIcon(icon);
                    // 为上一张图片做准备
                    idImg = idImg-1;
                    if(idImg==0)
                        idImg = 9;
                } catch (IOException e1) {
                    // TODO Auto-generated catch block
                    e1.printStackTrace();
                }
            }
        });
        btnNewButton2.setBounds(194, 37, 153, 28);

  //设置按钮的位置
        contentPane.add(btnNewButton2);
    }
}

以下是运行结果

可以看到，图片都是被缩放成了200x200像素大小的图。这个需要在ImagIcon处设置好图片的获取以及缩放。
另外，在第二个JButton那里如果没把Image smallImage修改大小的话，我这里运行时点“显示上一张”就会出现图片大小不对

就像这样