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

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

【目标】
1. 掌握Eclipse中安装WindowBuilder的方法。
2. 了解Java中事件机制。
3. 了解GUI中重用控件。

【方法与步骤】
1. 离线下载WindowBuilder。

WindowBuilder是一款基于Eclipse平台的双向Java的GUI设计插件式的软件。它具备SWT/JFACE开发、Swing开发及GWT 开发三大功能，是一款不可多得的Java体系中的WYSIWYG工具。

2. 安装WindowBuilder。

3. 使用WindowBulider。

4. 完成一个GUI作业，作业要求如下。
（1）功能：有一个按钮（JButton）和一个标签（JLabel），当点击按钮后，能够显示下一张图片。点击图片下载，获得图片样本。

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

源代码：

import java.awt.BorderLayout;
import java.awt.Component;
import java.awt.EventQueue;
import java.awt.FlowLayout;
import java.awt.Image;
import javax.imageio.ImageIO;
import javax.swing.AbstractButton;
import javax.swing.ImageIcon;
import javax.swing.JFrame;
import javax.swing.JOptionPane;
import javax.swing.JPanel;
import javax.swing.SwingConstants;
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;

public class ImgDemo extends JFrame {
	private static final Component JButton = null;
	private JPanel contentPane;
	private int idImg = 1;
	/**
	 * Launch the application.
	 */
	public static void main(String[] args) {
		EventQueue.invokeLater(new Runnable() {
			public void run() {
				try {
					ImgDemo frame = new ImgDemo();
					frame.setVisible(true);
				} catch (Exception e) {
					e.printStackTrace();
				}
			}
		});
	}
	/**
	 * Create the frame.
	 */
	public ImgDemo() {
		setTitle("图片显示");
		setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE);
		setBounds(100, 100, 450, 500);
		contentPane = new JPanel();
		contentPane.setBorder(new EmptyBorder(5, 5, 5, 5));
		setContentPane(contentPane);
		contentPane.setLayout(null);
		getContentPane().setLayout(new FlowLayout());

		final JLabel lblNewLabel = new JLabel("New label");
		lblNewLabel.setBackground(Color.YELLOW);
		lblNewLabel.setForeground(Color. LIGHT_GRAY);
		lblNewLabel.setBounds(60, 90, 400, 400);
		contentPane.add(lblNewLabel);
		/*@1
		 * 
		 */
		JButton button_1 = new JButton("上一张");
		button_1.setVerticalAlignment(SwingConstants.TOP);
		button_1.setBounds(145, 10, 69, 23);
		getContentPane().add(button_1);
		button_1.addActionListener(new ActionListener() {
			public void actionPerformed(ActionEvent e) {
				ImageIcon icon;
				try {
					String strImgFile = "C:/Users/john/Desktop/demoPhoto/";	// 获取图片的路径
					strImgFile = strImgFile + String.valueOf(idImg) + ".jpg";// 得到图片的完整路径
					icon = new ImageIcon(ImageIO.read(new File(strImgFile)));// 读取图片
					//第一种
					Image image = icon.getImage(); // 从图表中获取到图片
					Image smallImage = image.getScaledInstance(300,300,Image.SCALE_FAST);// 缩放图像
					icon = new ImageIcon(smallImage);	//把Image文件转化为ImageIcon

					/* 第二种方法
                   Image srcImg  = ImageIO.read(new FileInputStream(strImgFile) );//取源图
                   int  width  =  200; //假设要缩小到600点像素
                   int  height =  srcImg.getHeight(null)*200/srcImg.getWidth(null);//按比例，将高度缩减
                   Image smallImg =srcImg.getScaledInstance(width, height, Image.SCALE_FAST);//缩小
                   icon = new ImageIcon(smallImg);
					 */

					lblNewLabel.setIcon(icon);
					// 为下一张图片做准备，一共9张图片，显示完第9张后，重新显示第一张
					int idImg=1;
					idImg--;
					if(idImg==10)
						idImg = 1;
					else
						//System.out.println("没有可显示的了");
						JOptionPane.showMessageDialog(null, "没有可显示的了");//
				} catch (IOException e1) {
					// TODO Auto-generated catch block
					e1.printStackTrace();
				}
			}
		});
		button_1.setBounds(200, 50, 153, 30);
		contentPane.add(button_1);
		/*@2
		 * 
		 */
		JButton button = new JButton("下一张");
		button.setVerticalAlignment(SwingConstants.TOP);
		button.setBounds(219, 10, 69, 23);
		getContentPane().add(button);

		button.addActionListener(new ActionListener() {
			public void actionPerformed(ActionEvent e) {
				ImageIcon icon;
				try {
					String strImgFile = "C:/Users/john/Desktop/demoPhoto/";	// 获取图片的路径
					strImgFile = strImgFile + String.valueOf(idImg) + ".jpg";// 得到图片的完整路径
					icon = new ImageIcon(ImageIO.read(new File(strImgFile)));// 读取图片
					//第一种
					Image image = icon.getImage(); // 从图表中获取到图片
					Image smallImage = image.getScaledInstance(300,300,Image.SCALE_FAST);// 缩放图像
					icon = new ImageIcon(smallImage);	//把Image文件转化为ImageIcon

					/* 第二种方法
                   Image srcImg  = ImageIO.read(new FileInputStream(strImgFile) );//取源图
                   int  width  =  200; //假设要缩小到600点像素
                   int  height =  srcImg.getHeight(null)*200/srcImg.getWidth(null);//按比例，将高度缩减
                   Image smallImg =srcImg.getScaledInstance(width, height, Image.SCALE_FAST);//缩小
                   icon = new ImageIcon(smallImg);
					 */

					// 设置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();
				}
			}
		});
		button.setBounds(200, 37, 153, 28);
		contentPane.add(button);
	}
}

由于代码还有些小问题没解决，所以运行结果不是很理想。。因为我设计了一个消息弹出框，所以可以明显看到当运行起来，先点击下一张时，再点击上一张按钮，显示不是文件夹里的上一张图时，就有如此异常提醒，这个有待以后改进。

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

猜你喜欢