实习日志3---看图猜名字界面实现,以及基本的一些要求实现

本文记录了实习期间实现的看图猜名字界面的开发过程,采用setBounds()方法布局组件,并因单选按钮组点击范围问题改用按钮展示答案选项。目前,已完成了界面设计及部分按钮的功能,如"选择文件"按钮可展示选中目录中的文件。下一步将实现"下一题"按钮的随机刷新功能及答案选项的反馈效果。
摘要由CSDN通过智能技术生成

今天弄了第二个界面,看图猜名字界面

其实是和第一个界面,看名字猜图是大致相同的

都用了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盘,然后在文本框输出选中的文件夹路径或者文件路径

实现结果:





                
  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值