今天弄了第二个界面,看图猜名字界面
其实是和第一个界面,看名字猜图是大致相同的
都用了setBounds()方法来设置组件的大小和位置
唯一不同的地方在于,只有一张图片了
然后3个答案选项本来是想用单选按钮组完成的
但是由于单选按钮组的触发事件点击范围有点小,所以直接用按钮来显示选项
<span style="font-size:18px;color:#00cccc;">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 Daomu2 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 {
Daomu2 frame = new Daomu2();
frame.setVisible(true);
} catch (Exception e) {
e.printStackTrace();
}
}
});
}
/**
* Create the frame.
*/
public Daomu2() {
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 lblImg2 = new JLabel("图片");
lblImg2.setBounds(251, 85, 183, 172);
contentPane.add(lblImg2);
// 按钮,显示带猜测学生姓名
JButton A = new JButton("答案A");
A.setBounds(45, 340, 150, 23);
contentPane.add(A);
JButton B = new JButton("答案B");
B.setBounds(220, 340, 150, 23);
contentPane.add(B);
JButton C = new JButton("答案C");
C.setBounds(400, 340, 150, 23);
contentPane.add(C);
//结果输出框
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);
}
}
</span>
这是代码实现结果:
自此界面二完成
接下来就要开始下一步了
步骤二:设置按钮的触发效果
首先分析每个按钮要实现的效果
在第一、二界面中,“选择目录”按钮需要实现的效果是,单击后会出现系统盘的目录选项
“选择文件”按钮需要实现的效果是,单击后会出现选中目录中的文件
由于选择目录和选择文件实现的效果在这里有些累赘。故接下来省去选择目录按钮
“下一题”按钮需要实现的效果是,单击后随机刷新图片,以及选项
在第二个界面中,“答案A”“答案B”“答案C”按钮要是实现的效果是,单击后,猜错会在结果文本框显示答案错误,正确选项是什么;猜对会在结果文本框显示答案正确
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;
import java.awt.event.ActionEvent;
import java.awt.event.ActionListener;
import java.io.File;
import javax.swing.JFileChooser;
public class Daomu extends JFrame implements ActionListener{
@Override
public void actionPerformed(ActionEvent arg0) {
// TODO Auto-generated method stub
}
private JPanel contentPane;
private JTextField tfDir;
private JTextField t1;
//添加文件选择对话框
private JFileChooser fileChooser;
/**
* 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);
//设置按钮效果
fileChooser = new JFileChooser("E:/");//默认打开目录E盘
//设置模式,这里是指示显示文件和目录
fileChooser.setFileSelectionMode(JFileChooser.FILES_AND_DIRECTORIES );
btnDir.addActionListener(new ActionListener() {
@Override
public void actionPerformed(ActionEvent e) {
fileChooser.showOpenDialog(null);
File file=fileChooser.getSelectedFile();
if(file.isDirectory()){
System.out.println("文件夹:"+file.getAbsolutePath());
}else if(file.isFile()){
System.out.println("文件:"+file.getAbsolutePath());
}
System.out.println(fileChooser.getSelectedFile().getName());
// 把文件路径显示在文本框中
tfDir.setText(file.getAbsolutePath());
}
});
// 文本框,显示目录
tfDir = new JTextField();
tfDir.setEditable(false);
tfDir.setBounds(125, 27, 363, 21);
contentPane.add(tfDir);
tfDir.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);
}
}
这里实现了按钮“目录选择”的效果
单击按钮的时候会自动默认E盘,然后在文本框输出选中的文件夹路径或者文件路径
实现结果: