实习日志2----要求分析以及初步面板实现

一：首先分析一下程序

首先第一步：程序页面

程序需要有输入文件地址、文件名的地方，所以在页面上方要有2个按钮，对应2个文本框

然后这里是要设计的是看名字猜图片

接下来下面有一个显示名字的文本框要有3个显示图片的框架

然后还要有一个按钮显示“下一题”

所以在这里我用的是继承自JFrame,用setBounds()方法来设置组件的大小和位置

我个人觉得最后成果的感觉类似“BorderLayout”布局管理器

根据前面的分析，

"north"中要插入两个按钮+两个文本输出框

"west"中要插入图片；

"center"中要插入一个随机输出的名字学号文本框

"center"中要插入图片；

“south”要插入一个文本输出框，加一个按钮

在猜对的时候文本框输出“恭喜你，答对啦！”按钮上的文字是“下一题”

在猜对的时候文本框输出“答错啦，正确答案是第X图”

这是初步的页面设想，具体实现效果要根据最后的成果来修改

根据下课后提问老师，要实现在布局中插入控件等，需要先在布局中插入容器，

然后把相应的文本框和按钮设计好后，添加进容器

import java.awt.EventQueue;
import javax.swing.JFrame;
import javax.swing.JPanel;
import javax.swing.border.EmptyBorder;
import javax.swing.JButton;
import javax.swing.JTextField;
import javax.swing.JLabel;
public class Daomu extends JFrame {
    /**
     * 
     */
    private static final long serialVersionUID = 1L;
    
    private JPanel contentPane;
    private JTextField tfDir;
    private JTextField tfClass;
    private JTextField t1;
    /**
     * Launch the application.
     */
    public static void main(String[] args) {
       EventQueue.invokeLater(new Runnable() {
            public void run() {
                try {
                    Daomu frame = new Daomu();
                    frame.setVisible(true);
                } catch (Exception e) {
                   e.printStackTrace();
               }
            }
        });
    }
    /**
     * Create the frame.
     */
    public Daomu() {
        setBounds(100, 100, 600, 500);
        contentPane = new JPanel();
        contentPane.setBorder(new EmptyBorder(5, 5, 5, 5));
        setContentPane(contentPane);
        contentPane.setLayout(null);
        
        // 选择目录 按钮
        JButton btnDir = new JButton("选择目录");
        btnDir.setBounds(26, 26, 93, 23);
        contentPane.add(btnDir);
        
        // 文本框，显示目录
        tfDir = new JTextField();
        tfDir.setEditable(false);
        tfDir.setBounds(125, 27, 363, 21);
        contentPane.add(tfDir);
        tfDir.setColumns(10);
        
        // 选择文件 按钮
        JButton btnClass = new JButton("选择文件");
        btnClass.setBounds(26, 59, 93, 23);
        contentPane.add(btnClass);
        
        // 文本框，显示文件
        tfClass = new JTextField();
        tfClass.setEditable(false);
        tfClass.setBounds(125, 60, 363, 21);
        contentPane.add(tfClass);
        tfClass.setColumns(10);
        
        // 标签，显示带猜测学生姓名
        JLabel lbGuessName = new JLabel("名字");
        lbGuessName.setBounds(259, 91, 102, 23);
        contentPane.add(lbGuessName);
        
        // 标签，显示第一个学生相片
        JLabel lblImg1 = new JLabel("图片1");
        lblImg1.setBounds(26, 151, 183, 178);
        contentPane.add(lblImg1);
        
        // 标签，显示第二个学生相片
        JLabel lblImg2 = new JLabel("图片2");
        lblImg2.setBounds(241, 155, 183, 172);
        contentPane.add(lblImg2);
        
        // 标签，显示第三个学生相片
        JLabel lblImg3 = new JLabel("图片3");
        lblImg3.setBounds(434, 155, 185, 172);
        contentPane.add(lblImg3);
        
        //结果输出框
        JTextField t1=new JTextField("结果");
        t1.setBounds(140,375,300,23);
        contentPane.add(t1);
        
        // 下一题按钮，点击则更新相应的三张图片 与 带猜测学生姓名
        JButton btnGuessAgain = new JButton("下一题");
        btnGuessAgain.setBounds(250, 400, 93, 23);
        contentPane.add(btnGuessAgain);
    }
}

最后代码实现结果：

至此看名字猜图片界面完成~