软件杯-界面设计
我们的界面设计分为3个部分：第一部分为个人用户信息的修改，但是由于时间的关系，我们只进行了界面的设计，没有能够进行后台数据库的连接；第二部分是我们的最重要的识别界面，在这个界面中，我们有文件夹的选择按钮，识别按钮，有结果输出框和时间和个数的输出框；第三部分为结果的打印部分。
由于我们的后台代码为JAVA代码，所以我们的界面用SWing来写，我们先写了一个整体的背景框架：
代码：
// ********************************************* // 第一步声明程序所需控件 // ********************************************* JFrame frame; // 上边面板的控件 JButton btn_add, btn_query_stu, btn_query_cnt; JPanel panel_head, panel_add, panel_query_stu, panel_query_cnt; // 下面第二个面板的控件 JLabel label_query_time,label_query_number; JTextField text_time,text_num,text_in; JTextArea text_result; JButton btn_Ok,btn_shibie; JScrollPane jsp; // 下面第一个面板的控件 JButton btn_submit; JLabel label_name, label_number, label_mark; JTextField text_name, text_number, text_mark, text_sta; // 下面第三个面板的控件 JLabel label; JTextField text_cnt; // ******************************** // 第二步设置 底层窗口属性 // ******************************** // 得到当前屏幕的尺寸 Toolkit kit = Toolkit.getDefaultToolkit(); Dimension screenSize = kit.getScreenSize(); int screenWidth = screenSize.width; int screenHeight = screenSize.height; // frame指底层窗口 frame = new JFrame("图片文字提取"); frame.setBounds(screenWidth / 3, screenHeight / 4, 450, 300); // 设置位置及大小 frame.setDefaultCloseOperation(JFrame.EXIT_ON_CLOSE); frame.getContentPane().setBackground(Color.lightGray); LayoutManager layoutMgr = null; frame.getContentPane().setLayout(new BorderLayout()); // 使用绝对布局 frame.setResizable(false); // 设置窗口大小不可变 // 上层面板 panel_head = new JPanel(); panel_head.setBounds(2, 0, 440, 40); panel_head.setBackground(Color.lightGray); panel_head.setVisible(true); panel_head.setLayout(new GridLayout(1, 3, 2, 0)); btn_add = new JButton("个人信息"); btn_add.setFont(new Font("宋体", 1, 12)); // 设置字体 格式 大小 btn_add.setVisible(true); panel_head.add(btn_add); btn_add.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent e) { panel_add.setVisible(true); panel_query_stu.setVisible(false); panel_query_cnt.setVisible(false); } }); btn_query_stu = new JButton("图片识别"); btn_query_stu.setVisible(true); panel_head.add(btn_query_stu); btn_query_stu.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent e) { panel_add.setVisible(false); panel_query_stu.setVisible(true); panel_query_cnt.setVisible(false); } }); btn_query_cnt = new JButton("文字打印"); btn_query_cnt.setVisible(true); panel_head.add(btn_query_cnt); btn_query_cnt.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent e) { panel_add.setVisible(false); panel_query_stu.setVisible(false); panel_query_cnt.setVisible(true); } });
第一部分效果图：
代码：
Font font = new Font("宋体", 1, 16); panel_add = new JPanel(); panel_add.setBounds(2, 45, 440, 225); panel_add.setBackground(Color.lightGray); panel_add.setLayout(new GridLayout(4, 2, 20, 20)); label_number = new JLabel("ID："); label_number.setFont(font); label_number.setHorizontalAlignment(SwingConstants.CENTER); panel_add.add(label_number); text_number = new JTextField(); text_number.setFont(font); panel_add.add(text_number); label_name = new JLabel("姓名："); label_name.setFont(font); label_name.setHorizontalAlignment(SwingConstants.CENTER); panel_add.add(label_name); text_name = new JTextField(); text_name.setFont(font); panel_add.add(text_name); label_mark = new JLabel("密码："); label_mark.setFont(font); label_mark.setHorizontalAlignment(SwingConstants.CENTER); panel_add.add(label_mark); text_mark = new JTextField(); text_mark.setFont(font); panel_add.add(text_mark); btn_submit = new JButton("提交"); btn_submit.setFont(font); btn_submit.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent e) { String s = text_mark.getText(); } }); panel_add.add(btn_submit); text_sta = new JTextField(); panel_add.add(text_sta); panel_add.setVisible(true); frame.getContentPane().add(panel_add);
第二部分效果图:
代码：
panel_query_stu = new JPanel(); panel_query_stu.setBounds(2, 45, 440, 225); panel_query_stu.setBackground(Color.lightGray); panel_query_stu.setLayout(layoutMgr); label_query_time = new JLabel("识别时间："); label_query_time.setBounds(370, 60, 150, 40); panel_query_stu.add(label_query_time); label_query_number = new JLabel("图片个数："); label_query_number.setBounds(370, 130, 150, 40); panel_query_stu.add(label_query_number); text_in = new JTextField(); text_in.setBounds(160, 10, 180, 40); panel_query_stu.add(text_in); text_result = new JTextArea(50,50); text_result.setBounds(10, 60, 350, 160); text_result.setLineWrap(true); text_result.setWrapStyleWord(true); text_result.setText("企业注册号 企业名称"); JScrollPane jsp=new JScrollPane(text_result); jsp.setBounds(350,60,10,100); panel_query_stu.add(jsp); panel_query_stu.add(text_result); text_time = new JTextField(); text_time.setBounds(370, 90, 150, 40); panel_query_stu.add(text_time); text_num = new JTextField(); text_num.setBounds(370, 160, 150, 40); panel_query_stu.add(text_num); panel_query_stu.add(btn_Ok); panel_query_stu.setVisible(false); frame.getContentPane().add(panel_query_stu);
第二部分的查询界面的设计效果图：
代码;
btn_shibie = new JButton("选择文件夹："); btn_shibie.setFont(font); btn_shibie.setBounds(10, 10, 140, 40); btn_shibie.addActionListener(new ActionListener() { public void actionPerformed(ActionEvent e) { // TODO Auto-generated method stub JFileChooser jfc=new JFileChooser(); jfc.setFileSelectionMode(JFileChooser.FILES_AND_DIRECTORIES ); jfc.showDialog(new JLabel(), "选择"); File file=jfc.getSelectedFile(); long i=file.listFiles().length; String s=String.valueOf(i); text_in.setText(file.getAbsolutePath()); text_num.setText(s); /*if(file.isDirectory()){ System.out.println("文件夹:"+file.getAbsolutePath()); }else if(file.isFile()){ System.out.println("文件:"+file.getAbsolutePath()); }*/ } } )
第三部分效果图;
代码:
// // 下层面板 panel_query_cnt = new JPanel(); panel_query_cnt.setBounds(2, 45, 440, 225); panel_query_cnt.setBackground(Color.lightGray); panel_query_cnt.setLayout(layoutMgr); label = new JLabel("表格输出打印："); label.setBounds(10, 10, 150, 40); label.setFont(font); panel_query_cnt.add(label); text_cnt = new JTextField(); text_cnt.setBounds(10, 60, 420, 140); panel_query_cnt.add(text_cnt); text_cnt.setText("表格文件存于E盘目录下，名称为：输出"); frame.getContentPane().add(panel_query_cnt); panel_query_cnt.setVisible(false); // 需添加完组件后设置可见 frame.setVisible(true); // 设置窗口可见 }
结果输出效果图：
结论：此次的界面设计是我第一次使用swing进行较为大型的界面设计，不足在于我没能实现相对布局的设定，只实现了绝对布局。
