《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工具。
 
（1）自己网站下载 
    下载：http://www.eclipse.org/windowbuilder/download.php ，根据Eclipse的版本（一般为4.4Luna），点击 Zipped Update Site下面的 link 链接。

    再点击下面的图标，就可以下载到WB_v1.7.0_UpdateSite_for_Eclipse4.4.zip了。


（2）直接网盘下载
    直接到老师的百度网盘中下载WB_v1.7.0_UpdateSite_for_Eclipse4.4.zip即可（下载链接）。

2. 安装WindowBuilder。
    参考两篇博文 Eclipse 可视化插件WindowBuilder安装，离线安装WindowBuilder。有问题，同学之间多交流，肯定能够搞定。也可以打电话给老师（短号：665880）。

3. 使用WindowBulider。
    可以看下面的视频啦。
（1） 14-8.WindowBuilder简介（链接） 。
（2）最好把如下视频片段都看完，一共不到2个小时，但是会对整个GUI编程有一个很清晰的了解。

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

 

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

 

import java.awt.BorderLayout;

import java.awt.EventQueue;

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;

public class ImgDemo extends JFrame {

    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("\u56FE\u7247\u663E\u793A");

        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);

        JLabel lblNewLabel = new JLabel("New label");

        lblNewLabel.setBackground(Color.YELLOW);

        lblNewLabel.setForeground(Color.PINK);

        lblNewLabel.setBounds(48, 86, 467, 248);

        contentPane.add(lblNewLabel);

        JButton btnNewButton = new JButton("\u663E\u793A\u4E0B\u4E00\u5F20\u56FE\u7247");

        btnNewButton.addActionListener(new ActionListener() {

            public void actionPerformed(ActionEvent e) {

                ImageIcon icon;

                try {

                    // 获取图片的路径

                    String strImgFile = "E:/demoPhoto/";

                    // 得到图片的完整路径

                    strImgFile = strImgFile + String.valueOf(idImg) + ".jpg";

                    // 读取图片

                    icon = new ImageIcon(ImageIO.read(new File(strImgFile)));

                    // 获得图片的长度与宽度

                    lblNewLabel.setBounds(48, 86, icon.getIconWidth(), icon.getIconHeight());   

                    // 设置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(194, 37, 153, 28);

        contentPane.add(btnNewButton);

    }

}

 

插入部分代码：

import java.awt.BorderLayout;import java.awt.EventQueue;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;public class ImgDemo extends JFrame{private JPanel contentPane;private int idImg=1;/** * Launch the application. * @param args */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,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(48,86,467,248);contentPane.add(lblNewLabel);JButton btnNewButton=new JButton("");btnNewButton.addActionListener(new ActionListener(){public void actionPerformed(ActionEvent e){ImageIcon icon;try {//获取图片的路径String strImgFile="";    //得到图片的完整路径strImgFile=strImgFile + String.valueOf(idImg)+"jpg";//读取图片icon=new ImageIcon(ImageIO.read(new File(strImgFile)));//获得图片的长度和宽度lblNewLabel.setBounds(48,86,icon.getIconWidth(),icon.getIconHeight());//为下一张图片做准备，一共9张图片，显示完第9张图片和，重新显示第一张图片。idImg=idImg+1;if(idImg==10)idImg=1;}catch(IOException e1){//TODO Auto-generated catch blocke1.printStackTrace();}}});btnNewButton.setBounds(194,37,153,28);contentPane.add(btnNewButton);}}

附上运行结果图：

总结：

对于图像的缩放，我感觉它并没有在这个程序中实现。