unity制作答题系统

一：前言

  首先要感谢周周的Unity小屋大佬，原文链接如下
  https://blog.csdn.net/qq_42437783/article/details/121613573?spm=1001.2014.3001.5506
  在此基础上增长了一些功能，使其比力美满
  二：功能说明

  通过xml文件写入问题答案息争析，点击开始答题进入答题界面，在规定时间内答题，倒计时结束，主动关闭答题界面，表现结束界面和得分，倒计时未结束，可以答题，答过的题不可二次修改，点击下方的小点按钮，选择对应的标题，标题选择完毕后，下方按钮也有对应标识，不可再次点击。
  步伐运行如下:
                         三：UI界面先容

  1.开始界面

                         2.答题界面

                         答题界面与周周的Unity小屋摆设的框架一样，留意预制体，xml文件的位置等。添加了得分，倒计时等。
  3.结束界面

                         4.提示界面

                         四：代码誊写

  

• 选项预制体代码Options
  

1. using System.Collections;
2. using System.Collections.Generic;
3. using UnityEngine;
4. using UnityEngine.UI;
6. public class Options : MonoBehaviour
7. {
8.     /// <summary>
9.     /// 当前选项组件
10.     /// </summary>
11.     public Toggle thisToggle;
12.     /// <summary>
13.     /// 选项的内容文本
14.     /// </summary>
15.     public Text optionText;
16.     /// <summary>
17.     /// 选项对应的分数
18.     /// </summary>
19.     public int score;
20.     /// <summary>
21.     /// 选项的状态
22.     /// </summary>
23.     public bool IsSelect = false;
25.     public void Init(AnswerData answerData)
26.     {
27.         optionText.text = answerData.option;
28.         score = answerData.Score;
29.         thisToggle.onValueChanged.AddListener((isSelect) => { IsSelect =isSelect; });
30.     }
31. }

复制代码

这个脚本挂载上option预制体上，吧对应的内容拖到对应位置即可。
  

• Panel_Question、ButtonItem、DataPath
  

1. using System;
2. using System.Collections;
3. using System.Collections.Generic;
4. using System.Xml;
5. using System.Xml.Linq;
6. using UnityEngine;
7. using UnityEngine.UI;
9. public class Panel_Question : MonoBehaviour
10. {
12.     [Header("root界面：开始界面的root 答题界面的root 结束界面的root  提示界面的root")]
13.     [SerializeField] GameObject startRoot;
14.     [SerializeField] GameObject answerRoot;
15.     [SerializeField] GameObject endRoot;
16.     [SerializeField] GameObject hintRoot;
18.     [Header("按钮：开始答题 上一题，提交，下一题")]
19.     [SerializeField] Button startBtn;
20.     [SerializeField] Button previousBtn;
21.     [SerializeField] Button submitBtn;
22.     [SerializeField] Button nextBtn;
23.     [SerializeField] Button backToMainBtn;
25.     [Header("按钮：确认提交  取消提交")]
26.     [SerializeField] Button affirmSubBtn;
27.     [SerializeField] Button cancelSubBtn;
29.     [Header("文本：题目序号 解析内容 得分 倒计时  最后得分")]
30.     [SerializeField] Text questionID;
31.     [SerializeField] Text analysisData;
32.     [SerializeField] Text scoreTxt;
33.     [SerializeField] Text countDownTxt;
34.     [SerializeField] Text endTxt;
36.     [Header("内容scroll的content 单选scroll的content 选项scroll的content")]
37.     [SerializeField] Transform contentScrollContent;
38.     [SerializeField] Transform questionBtnRoot;
39.     [SerializeField] Transform selectContent;
40.     [SerializeField] Transform scrollView;
42.     [SerializeField] ToggleGroup questionGroup;
44.     // 答题界面数据内容
45.     private QuestionPanelData mQuestionPanelData;
46.     // 每一道题的题目内容
47.     private QuestionData mQuestionData;
48.     // 题目内容物体
49.     private GameObject mQuestion;
50.     // 选项的链表
51.     private List<Options> options = new List<Options>();
53.     //倒计时的总时间
54.     public float secound ;
56.     [SerializeField] GameObject prefab;
58.     static Panel_Question instance;
60.     public static Panel_Question GetInstance()
61.     {
62.         return instance;
63.     }
65.     private void Awake()
66.     {
67.         Init();
68.         instance = this;
69.     }
71.     /// <summary>
72.     /// 按钮监听
73.     /// </summary>
74.     private void Init()
75.     {
76.         startBtn.onClick.AddListener(StartAnswer);
77.         previousBtn.onClick.AddListener(previousClick);
78.         submitBtn.onClick.AddListener(submitClick);
79.         nextBtn.onClick.AddListener(nextClick);
80.         backToMainBtn.onClick.AddListener(BackToMain);
81.         affirmSubBtn.onClick.AddListener(AffirmSub);
82.         cancelSubBtn.onClick.AddListener(CancelSub);
83.     }
85.     private void Start()
86.     {
87.         //读取xml文件
88.         StartCoroutine(LoadingQuesiton(DataPath.QuestionData));
90.         scoreTxt.text = "得分: 0";
91.         countDownTxt.text = "答题时间还剩：" + secound;
92.         //界面的显示与隐藏
93.         startRoot.SetActive(true);
94.         answerRoot.SetActive(false);
95.         endRoot.SetActive(false);
96.         hintRoot.SetActive(false);
97.         
98.     }
100.     private void Update()
101.     {
102.         if (endRoot.activeSelf)
103.         {
104.             //如果倒计时结束前答题完成，关闭倒计时的协程,时间重新赋值
105.             StopCoroutine(TimeChange());
106.             secound = 0;
107.         }
108.     }
110.     #region 读取xml文件
111.     IEnumerator LoadingQuesiton(string path)
112.     {
113.         yield return null;
114.         using (WWW www = new WWW(path))
115.         {
116.             yield return www;
117.             XmlDocument doc = new XmlDocument();
118.             doc.LoadXml(www.text);
119.             new QuestionPanel(doc.FirstChild);
120.         }
121.     }
122.     #endregion
124.     #region 初始化第一道题
125.     public void InitQuestionPanel(QuestionPanelData questionPanelData)
126.     {
127.         //this.gameObject.SetActive(true);
128.         mQuestionPanelData = questionPanelData;
129.         CreateQuestion(questionPanelData.questionData[index]);
130.     }
131.     #endregion
133.     #region 创建题目
134.     bool isFirst = false;
135.     public void CreateQuestion(QuestionData questionData)
136.     {
137.         //数据赋值
138.         analysisData.text = "";
139.         mQuestionData = questionData;
140.         questionID.text = string.Format("第{0}题(共" + mQuestionPanelData.questionData.Count + "题)", index + 1);
141.         if (mQuestion != null)
142.         {
143.             Destroy(mQuestion);
144.         }
146.         //实例化题目预制体
147.         mQuestion = Instantiate(Resources.Load<GameObject>(DataPath.QuestionText));
148.         mQuestion.transform.SetParent(contentScrollContent);
149.         mQuestion.transform.localScale = Vector3.one;
150.         mQuestion.GetComponent<Text>().text = questionData.problem;
152.         if (options.Count > 0)
153.         {
154.             for (int i = 0; i < options.Count; i++)
155.             {
156.                 Destroy(options[i].gameObject);
157.             }
158.         }
159.         options = new List<Options>();
161.         //实例化按钮选项组序列
162.         if (!isFirst)
163.             for (int i = 0; i < mQuestionPanelData.questionData.Count; i++)
164.             {
165.                Instantiate(prefab, scrollView);
166.                 isFirst = true;
167.             }
168.         
169.         //当前题目的按钮序列的标识变大
170.         for (int i = 0; i < mQuestionPanelData.questionData.Count; i++)
171.         {
172.             if (i!= index)
173.                 scrollView.GetChild(i).gameObject.GetComponent<RectTransform>().localScale = new Vector2(1, 1);
174.             else
175.                 scrollView.GetChild(i).gameObject.GetComponent<RectTransform>().localScale = new Vector2(1.5f, 1.5f);
177.         }
179.         //实例化选项预制体
180.         for (int i = 0; i < questionData.answerData.Count; i++)
181.         {
182.             Options option = Instantiate(Resources.Load<Options>("Options"));
183.             option.Init(questionData.answerData[i]);
184.             option.transform.SetParent(selectContent);
185.             //如果是单选则设置为一个toggle组
186.             if (questionData.isSingleChoice)
187.             {
188.                 option.thisToggle.group = questionGroup;
189.             }
190.             options.Add(option);
191.         }
192.     }
193.     #endregion
195.     #region 开始答题 上一题 下一题  提交按钮事件
197.     // 开始答题
198.     public void StartAnswer()
199.     {
200.         for (int i = 0; i < QuestionPanel.questionPanelData.Count; i++)
201.         {
202.             InitQuestionPanel(QuestionPanel.questionPanelData[i]);
203.         }
204.         startRoot.SetActive(false);
205.         answerRoot.SetActive(true);
206.         secound = 30;
207.         //开启倒计时
208.         StartCoroutine(TimeChange());
209.     }
211.     // 上一题点击事件
212.     private void previousClick()
213.     {
214.         if (index > 0)
215.         {
216.             index--;
217.             CreateQuestion(mQuestionPanelData.questionData[index]);
218.         }
220.         if (scrollView.GetChild(index).GetComponent<Button>().interactable == false)
221.             foreach (var item in options)
222.                 item.thisToggle.interactable = false;
224.     }
226.     // 下一题点击事件
227.     private void nextClick()
228.     {
229.         if (index < mQuestionPanelData.questionData.Count - 1)
230.         {
231.             index++;
232.             CreateQuestion(mQuestionPanelData.questionData[index]);
233.             isFirstClick = false;
234.         }
236.         if (scrollView.GetChild(index).GetComponent<Button>().interactable == false)
237.             foreach (var item in options)
238.                 item.thisToggle.interactable = false;
239.     }
241.     int score = 0;
242.     bool isFirstClick = false;      //是否是第一次答对，只有点击第一次提交的时候加分，再点提交不加分
243.     // 题目提交事件
244.     private void submitClick()
245.     {
246.         //遍历当前题目的选项，有选择的就可以提交核验答案，并显示解析内容
247.         foreach (var item in options)
248.         {
249.             if (item.thisToggle.isOn)
250.             {
251.                 //回答正确加一分
252.                 if (item.score > 0)
253.                 {
254.                     analysisData.text = "回答正确";
255.                     if (!isFirstClick)
256.                     {
257.                         score += 1;
258.                         isFirstClick = true;
259.                     }
260.                     scoreTxt.text = "得分:" + score.ToString();
261.                 }
262.                 else
263.                     analysisData.text = "回答错误，解析：" + mQuestionData.Analysis;
264.             }
265.             //选择一个选项之后不能在选择其他选项
266.             item.thisToggle.interactable = false;
267.         }
269.         //如果当前题目是最后一题，提交之后，出现提示界面
270.         if (index + 1 == mQuestionPanelData.questionData.Count)
271.         {
272.             startRoot.SetActive(false);
273.             answerRoot.SetActive(true);
274.             endRoot.SetActive(false);
275.             hintRoot.SetActive(true);
276.         }
278.         //提交后，该题目不可再选择修改
279.         scrollView.GetChild(index).GetComponent<Image>().color = Color.green;
280.         scrollView.GetChild(index).GetComponent<Button>().interactable = false;
282.     }
284.     //返回主界面
285.     void BackToMain()
286.     {
287.         startRoot.SetActive(true);
288.         answerRoot.SetActive(false);
289.         endRoot.SetActive(false);
290.         score = 0;
291.         scoreTxt.text = "得分：" + score.ToString();
293.         for (int i = 0; i < scrollView.childCount; i++)
294.         {
295.             scrollView.GetChild(i).GetComponent<Image>().color = Color.white;
296.             scrollView.GetChild(i).GetComponent<Button>().interactable = true;
297.             Debug.Log(456789);
298.         }
300.         index = 0;
301.     }
303.     int index = 0;
304.     //缩列按钮事件
305.     public void ThisBtn(ButtonItem item)
306.     {
307.         for (int i = 0; i < scrollView.childCount; i++)
308.         {
309.             CreateQuestion(mQuestionPanelData.questionData[item.transform.GetSiblingIndex()]);
310.             index = item.transform.GetSiblingIndex();
311.         }
312.     }
314.     //确认提交 显示结束界面
315.     void AffirmSub()
316.     {
317.         startRoot.SetActive(false);
318.         answerRoot.SetActive(false);
319.         endRoot.SetActive(true);
320.         hintRoot.SetActive(false);
321.         endTxt.text = "答题结束\n 您的得分是：" + score.ToString();
322.     }
324.     //取消提交 返回原来的界面
325.     void CancelSub()
326.     {
327.         startRoot.SetActive(false);
328.         answerRoot.SetActive(true);
329.         endRoot.SetActive(false);
330.         hintRoot.SetActive(false);
331.     }
332.     #endregion
334.     #region 倒计时的协程
335.     IEnumerator TimeChange()
336.     {
337.         while (secound > 0)
338.         {
339.             yield return new WaitForSeconds(1);
340.             countDownTxt.text = "答题时间还剩："+secound.ToString()+"秒";
341.             secound--;
342.         }
343.         if (secound<=0)
344.         {
345.             //界面的显示与隐藏
346.             startRoot.SetActive(false);
347.             answerRoot.SetActive(false);
348.             endRoot.SetActive(true);
349.             endTxt.text = "答题结束\n 您的得分是：" + score.ToString();
350.         }
351.     }
352.     #endregion
354. }
356. /// <summary>
357. /// 答题panel数据类
358. /// </summary>
359. public class QuestionPanel
360. {
361.     public static List<QuestionPanelData> questionPanelData;
362.     public QuestionPanel(XmlNode node)
363.     {
364.         questionPanelData = new List<QuestionPanelData>();
365.         for (int i = 0; i < node.ChildNodes.Count; i++)
366.         {
367.             questionPanelData.Add(new QuestionPanelData(node.ChildNodes[i]));
368.         }
369.     }
370. }
372. /// <summary>
373. /// 答题界面数据类
374. /// </summary>
375. public class QuestionPanelData
376. {
377.     public List<QuestionData> questionData;
378.     public QuestionPanelData(XmlNode node)
379.     {
380.         questionData = new List<QuestionData>();
381.         for (int i = 0; i < node.ChildNodes.Count; i++)
382.         {
383.             questionData.Add(new QuestionData(node.ChildNodes[i]));
384.         }
385.     }
386. }
388. /// <summary>
389. /// 题目数据类
390. /// </summary>
391. public class QuestionData
392. {
393.     // 是否为单选，true为单选，false为多选
394.     public bool isSingleChoice;
395.     // 解析内容
396.     public string Analysis;
397.     // 题目内容
398.     public string problem;
399.     public List<AnswerData> answerData;
400.     public QuestionData(XmlNode node)
401.     {
402.         isSingleChoice = bool.Parse(node.Attributes["SelectType"].InnerText);
403.         Analysis = node["Analysis"].InnerText;
404.         problem = node["Problem"].InnerText;
405.         answerData = new List<AnswerData>();
406.         XmlNodeList nodelist = node["Answer"].ChildNodes;
407.         for (int i = 0; i < nodelist.Count; i++)
408.         {
409.             answerData.Add(new AnswerData(nodelist[i]));
410.         }
411.     }
412. }
414. /// <summary>
415. /// 答案数据类
416. /// </summary>
417. public class AnswerData
418. {
419.     // 选项的内容
420.     public string option;
421.     // 选项对应的分数
422.     public int Score;
423.     public AnswerData(XmlNode node)
424.     {
425.         option = node.Attributes["option"].InnerText;
426.         Score = int.Parse(node.InnerText);
427.     }
428. }

复制代码

这个代码挂在canvas上，其中代码中的命名与场景中的命名划一，将对应物体添加到对应位置上，其中ButtonItem是挂载上image上的，image是一个预制体，内容如下。
                         ButtonItem代码如下：

1. using System.Collections;
2. using System.Collections.Generic;
3. using UnityEngine;
4. using UnityEngine.UI;
6. public class ButtonItem : MonoBehaviour
7. {
8.     Button Btn;
11.     // Start is called before the first frame update
12.     void Start()
13.     {
14.         Btn = GetComponent<Button>();
15.         Btn.onClick.AddListener(ThisBtn);
16.     }
18.     public void ThisBtn()
19.     {
20.         Panel_Question.GetInstance().ThisBtn(this);
21.     }
23. }

复制代码

其中，用www读取xml文件时，会报错，是xml格式有问题，我在读取时报错是XmlException: Data at the root level is invalid. Line 1, position 1.通过代码重新天生一个xml文件，再在其中添加想写的内容即可。我天生XmlTest的代码如下。有必要的可以参考

1. using UnityEngine;
2. using System.IO;
3. using System.Xml;
4. public class XmlTest : MonoBehaviour
5. {
6.     // Use this for initialization
7.     void Start()
8.     {
9.         CreateXml();
10.     }
11.     /// 
12.     /// Creates the xml.
13.     /// 
14.     private void CreateXml()
15.     {
16.         //设置保存路径
17.         string path =  Application.dataPath + "/XML/" + "ConfigFile.xml";
18.         //判断文件是否存在
19.         if (File.Exists(path) == false)
20.         {
21.             //创建一个xml文件
22.             XmlDocument xml = new XmlDocument();
23.             //创建最上层节点
24.             XmlElement root = xml.CreateElement("Root");
25.             //创建子节点
26.             XmlElement element = xml.CreateElement("Question");
27.             element.SetAttribute("SelectType", "True");
29.             //创建子节点的第一个子节点，设置属性并添加内容
30.             XmlElement Child1 = xml.CreateElement("Problem");
31.             Child1.InnerText = "这里输入您的题目";
33.             //创建子节点的第二个子节点，设置属性并添加内容
34.             XmlElement Child2 = xml.CreateElement("Answer");
36.             //创建三级子节点
37.             XmlElement item1 = xml.CreateElement("Item");
38.             item1.SetAttribute("option", "A.答案一");
39.             item1.InnerText = "0";
41.             XmlElement item2 = xml.CreateElement("Item");
42.             item2.SetAttribute("option", "B.答案一");
43.             item2.InnerText = "0";
45.             XmlElement item3 = xml.CreateElement("Item");
46.             item3.SetAttribute("option", "C.答案一");
47.             item3.InnerText = "1";
49.             XmlElement item4 = xml.CreateElement("Item");
50.             item4.SetAttribute("option", "D.答案一");
51.             item4.InnerText = "0";
53.             //二级子节点
54.             XmlElement Child3 = xml.CreateElement("Analysis");
55.             Child3.InnerText = "这里输入解析";
57.             //创建子节点
58.             XmlElement element2 = xml.CreateElement("Question");
59.             element2.SetAttribute("SelectType", "True");
61.             //创建子节点的第一个子节点，设置属性并添加内容
62.             XmlElement Child2_1 = xml.CreateElement("Problem");
63.             Child2_1.InnerText = "这里输入您的题目gvfrebr";
65.             //创建子节点的第二个子节点，设置属性并添加内容
66.             XmlElement Child2_2= xml.CreateElement("Answer");
68.             //创建三级子节点
69.             XmlElement item2_1 = xml.CreateElement("Item");
70.             item2_1.SetAttribute("option", "A.答案一");
71.             item2_1.InnerText = "0";
73.             XmlElement item2_2 = xml.CreateElement("Item");
74.             item2_2.SetAttribute("option", "B.答案44");
75.             item2_2.InnerText = "0";
77.             XmlElement item2_3 = xml.CreateElement("Item");
78.             item2_3.SetAttribute("option", "C.答案3");
79.             item2_3.InnerText = "1";
81.             XmlElement item2_4 = xml.CreateElement("Item");
82.             item2_4.SetAttribute("option", "D.答案一");
83.             item2_4.InnerText = "0";
85.             //二级子节点
86.             XmlElement Child2_3 = xml.CreateElement("Analysis");
87.             Child2_3.InnerText = "这里输入解析";
89.             //把节点一层一层的添加至xml中，注意他们之间的先后顺序，这是生成XML文件的顺序
90.             element2.AppendChild(Child2_1);
91.             Child2_2.AppendChild(item2_1);
92.             Child2_2.AppendChild(item2_2);
93.             Child2_2.AppendChild(item2_3);
94.             Child2_2.AppendChild(item2_4);
95.             element2.AppendChild(Child2_2);
96.             element2.AppendChild(Child2_3);
97.             root.AppendChild(element2);
99.             element.AppendChild(Child1);
100.             Child2.AppendChild(item1);
101.             Child2.AppendChild(item2);
102.             Child2.AppendChild(item3);
103.             Child2.AppendChild(item4);
104.             element.AppendChild(Child2);
105.             element.AppendChild(Child3);
106.             root.AppendChild(element);
107.             xml.AppendChild(root);
108.             //保存XML文档
109.             xml.Save(path);
110.             Debug.Log("Xml 创建成功!");
111.         }
112.     }
113. }

复制代码

也可以只天生两个root根节点，然后内容自己再xml中写，就不用通过代码添加了。
  通过xml文件读取的数据的路径通过一个代码封装静态变量，全局利用，代码如下：DataPath

1. using System.Collections;
2. using System.Collections.Generic;
3. using UnityEngine;
4. /// <summary>
5. /// 全局静态类，用来定义静态字段，方便调用
6. /// </summary>
7. public class DataPath
8. {
9.     public static string QuestionData = "file://" + Application.dataPath + "/XML/" + "ConfigFile.xml";
10.     public static string QuestionText = "QuestionText";
11. }

复制代码

五：步伐包下载

  https://www.aigei.com/item/unity_da_ti_xi.html
  
  

来源：https://blog.csdn.net/shijinlinaaa/article/details/129025153
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！