四则运算生成程序——GUI支持和部分功能改进

项目成员：张金生     张政

工程地址：

https://coding.net/u/jx8zjs/p/paperOne/git

ssh://git@git.coding.net:jx8zjs/paperOne.git

需求：

　　1.GUI支持：用户界面新增支持 Windows GUI，同时保留原有命令行下所有功能。

　　2.配置文件：提供用户可用文本编辑器修改的配置文件，在其中包括用户名、总答题数、答错题数。

　　3.错题本：可回放做错的题目，提供再次练习的机会/删除特定错题。

变更：

　　1.支持倒计时：答题模式出题以后会自动计时，如果用未在规定时间内答完题目则会自动被提交试卷，答题时间和题目数量等相关。

　　2.出题数目：变更前的版本会因为出题数量过多而界面显示不下，已改进为滚动模式防止溢出。

　　3.错题本：错题本完善，可以记录错题，数量，甚至从错题本中抽取题目重做，也可以将错题本中的题目选择性删除。

　　4.更详细的配置内容显示和编辑：记录用户名、总答题数、答错题数，可以编辑这些信息。

设计：

　　1.倒计时：使用单例模式线程，每秒缩减答题时间一秒，倒计时时间到则触发提交按钮完成抢卷功能，选择单例模式也是防止多次生成题目导致倒计时速度加快的问题。

　　2.变更前使用的Jpanel控件和MigLayout，这样可以方便显示题目并且可以控制题目格式布局，不过题目过大需要手动调节窗口，否则会有部分题目超出浏览范围。改进后使用JScrollPane，并设置为MigLayout，同样达到了控制布局的效果，也能将原来显示不下的题目通过滚动条拖拽的方式显示出来。

　　3.打开错题本可以看到每道错题前均有复选框用于删除题目，错题删除采用JCheckBox在题目前显示，根据勾选情况获取到题目的编号进行删除，最后再重写到错题本中。

　　4.点击编辑信息按钮则在工作区显示编辑的项目，提交即可。

部分代码实现:

1.1倒计时实现：

 class MyThread extends Thread {
     private MyThread(){

     }
     private static MyThread instance =null;
     public static MyThread getInstance(){
         if(instance==null){
             instance = new MyThread();
         }
         return instance;
     }
     public void run() {
         while (MainWindow.time > 0) {
             MainWindow.time--;
             MainWindow.lblTime.setText(MainWindow.time + "");
             try {
                 Thread.sleep(1000);
             } catch (Exception e) {
                 e.printStackTrace();
             }
             if (MainWindow.subOnClick == 1) {
                 return;
             }

         }

         MainWindow.submitButton.doClick();

     }
 }

1.2倒计时的使用：生成题目后加入此段代码，保证只创建一个计时线程，并且线程不会被重复启动

 try{
                 MyThread.getInstance().start();
                 }catch (Exception e1) {
                     // TODO: handle exception
                 }

2.带有滚动条的题目显示面板：然后题目加入到包裹在JScrollpane下的Jpanel中，减少对原有代码的修改量

         private JScrollPane scrollPane = new JScrollPane();
         scrollPane.setVerticalScrollBarPolicy(ScrollPaneConstants.VERTICAL_SCROLLBAR_ALWAYS);
         scrollPane.setHorizontalScrollBarPolicy(ScrollPaneConstants.HORIZONTAL_SCROLLBAR_ALWAYS);
         frmPaperone.getContentPane().add(scrollPane, BorderLayout.CENTER);

         scrollPane.add(panelMain);
         panelMain.setLayout(new MigLayout("", "[][grow]", "[][]"));
         scrollPane.setViewportView(panelMain);

3.错题本的编辑和题目删除：

 // 错题本按钮
         buttonWrong.addActionListener(new ActionListener() {
             @Override
             public void actionPerformed(ActionEvent e) {
                 // 初始化
                 subOnClick = 1;
                 panelMain.removeAll();
                 frmPaperone.repaint();
                 int m = 0;
                 int num = Wrong.size();
                 for (int i = 0; i < num; i++) {
                     String[] wrong = Wrong.get(i);
                     JCheckBox chckbxNewCheckBox = new JCheckBox("");
                     // chckbxNewCheckBox.setText(wrong[0] + "=" + wrong[1]);
                     panelMain.add(chckbxNewCheckBox, "cell 0 " + m + ",alignx trailing");

                     JLabel wrongBar = new JLabel("");
                     panelMain.add(wrongBar, "cell 1 " + m + ",alignx 0");
                     wrongBar.setText(wrong[0] + "=" + wrong[1]);
                     m++;
                 }
                 // 删除按钮
                 ArrayList<Integer> al = new ArrayList<>();
                 btnDelete.addActionListener(new ActionListener() {
                     public void actionPerformed(ActionEvent e) {

                         Component[] compnent = panelMain.getComponents();
                         for (int i = 0; i < num * 2; i++) {
                             try {
                                 JCheckBox tmp = (JCheckBox) compnent[i];
                                 if (tmp.isSelected()) {
                                     al.add(i / 2);
                                 }
                             } catch (Exception e1) {
                                 continue;
                             }
                         }
                         for (int d = al.size() - 1; d >= 0; d--) {
                             Wrong.remove(Wrong.get(al.get(d)));
                         }
                         messageBar.setText("删除成功！");
                         RewriteNote();
                         al.clear();
                         frmPaperone.repaint();
                         buttonWrong.doClick();
                     }
                 });

                 panelMain.add(btnDelete, "cell 1 " + m + ",alignx trailing");

             }
         });

4.编辑用户信息：

         // 修改信息按钮

         btnEdit.addActionListener(new ActionListener() {
             @Override
             public void actionPerformed(ActionEvent e) {
                 panelMain.removeAll();
                 panelMain.add(lblUserNameEdit, "cell 0 0,alignx trailing");

                 textFieldUs.setText(username);
                 panelMain.add(textFieldUs, "cell 1 0,alignx trailing");
                 textFieldUs.setColumns(10);

                 panelMain.add(lblNumRightEdit, "cell 0 1,alignx trailing");

                 panelMain.add(NumSumEdit, "cell 1 1,alignx trailing");
                 NumSumEdit.setText(SumOfA + "");

                 panelMain.add(lblNumWrongEdit, "cell 0 2,alignx trailing");

                 panelMain.add(NumWrongEdit, "cell 1 2,alignx trailing");
                 NumWrongEdit.setText(SumOfE + "");

                 panelMain.add(reButton, "cell 0 3,alignx trailing");
                 panelMain.add(saveButton, "cell 1 3,alignx trailing");
                 subOnClick = 1;
                 panelMain.repaint();
             }
         });

 // 保存按钮
         saveButton.addActionListener(new ActionListener() {
             @Override
             public void actionPerformed(ActionEvent e) {
                 panelMain.removeAll();

                 username = textFieldUs.getText();
                 messageBar.setText("用户名已修改为" + username);
                 UserName.setText(username);
                 RewriteNote();

                 frmPaperone.repaint();
             }

         });

         // 重置按钮
         reButton.addActionListener(new ActionListener() {
             @Override
             public void actionPerformed(ActionEvent e) {
                 panelMain.removeAll();

                 SumOfA = 0;
                 SumOfE = 0;
                 Wrong.clear();
                 messageBar.setText("重置成功");
                 NumSum.setText(SumOfA + "");
                 NumWrong.setText(SumOfE + "");
                 RewriteNote();

                 frmPaperone.repaint();

             }

         });

运行截图：

打开程序选择编辑按钮

将用户名修改

变更成功

出题10道，简单难度答题时间60秒，7秒后变为53秒

简单难度50道题目，总答题时间为260秒，侧边滚动条可以拖拽显示原本超出屏幕的内容。

打开错题本

删除其中的前三道题目

删除错题本选中的错题后将剩余的题目作为试卷出题，达到错题重做的目的。

难度设置

结对体会：

面对不同的需求可能两个人会有不同的解决方案，也许会想出非常简单的设计方法让其实现简单化。在设计程序的交互上也采取尽量不弹框的原则，将要提示的内容显示在程序的状态栏上，省去用户的冗余点击事件也算是友好交互的探索。

花费时间较长的问题：排版（Layout）问题。

工程地址：

https://coding.net/u/jx8zjs/p/paperOne/git

ssh://git@git.coding.net:jx8zjs/paperOne.git