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