unity制作答题系统
Posted 石阿包
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class Options : MonoBehaviour
/// <summary>
/// 当前选项组件
/// </summary>
public Toggle thisToggle;
/// <summary>
/// 选项的内容文本
/// </summary>
public Text optionText;
/// <summary>
/// 选项对应的分数
/// </summary>
public int score;
/// <summary>
/// 选项的状态
/// </summary>
public bool IsSelect = false;
public void Init(AnswerData answerData)
optionText.text = answerData.option;
score = answerData.Score;
thisToggle.onValueChanged.AddListener((isSelect) => IsSelect =isSelect; );
这个脚本挂载上option预制体上,吧对应的内容拖到对应位置即可。
Panel_Question、ButtonItem、DataPath
using System;
using System.Collections;
using System.Collections.Generic;
using System.Xml;
using System.Xml.Linq;
using UnityEngine;
using UnityEngine.UI;
public class Panel_Question : MonoBehaviour
[Header("root界面:开始界面的root 答题界面的root 结束界面的root 提示界面的root")]
[SerializeField] GameObject startRoot;
[SerializeField] GameObject answerRoot;
[SerializeField] GameObject endRoot;
[SerializeField] GameObject hintRoot;
[Header("按钮:开始答题 上一题,提交,下一题")]
[SerializeField] Button startBtn;
[SerializeField] Button previousBtn;
[SerializeField] Button submitBtn;
[SerializeField] Button nextBtn;
[SerializeField] Button backToMainBtn;
[Header("按钮:确认提交 取消提交")]
[SerializeField] Button affirmSubBtn;
[SerializeField] Button cancelSubBtn;
[Header("文本:题目序号 解析内容 得分 倒计时 最后得分")]
[SerializeField] Text questionID;
[SerializeField] Text analysisData;
[SerializeField] Text scoreTxt;
[SerializeField] Text countDownTxt;
[SerializeField] Text endTxt;
[Header("内容scroll的content 单选scroll的content 选项scroll的content")]
[SerializeField] Transform contentScrollContent;
[SerializeField] Transform questionBtnRoot;
[SerializeField] Transform selectContent;
[SerializeField] Transform scrollView;
[SerializeField] ToggleGroup questionGroup;
// 答题界面数据内容
private QuestionPanelData mQuestionPanelData;
// 每一道题的题目内容
private QuestionData mQuestionData;
// 题目内容物体
private GameObject mQuestion;
// 选项的链表
private List<Options> options = new List<Options>();
//倒计时的总时间
public float secound ;
[SerializeField] GameObject prefab;
static Panel_Question instance;
public static Panel_Question GetInstance()
return instance;
private void Awake()
Init();
instance = this;
/// <summary>
/// 按钮监听
/// </summary>
private void Init()
startBtn.onClick.AddListener(StartAnswer);
previousBtn.onClick.AddListener(previousClick);
submitBtn.onClick.AddListener(submitClick);
nextBtn.onClick.AddListener(nextClick);
backToMainBtn.onClick.AddListener(BackToMain);
affirmSubBtn.onClick.AddListener(AffirmSub);
cancelSubBtn.onClick.AddListener(CancelSub);
private void Start()
//读取xml文件
StartCoroutine(LoadingQuesiton(DataPath.QuestionData));
scoreTxt.text = "得分: 0";
countDownTxt.text = "答题时间还剩:" + secound;
//界面的显示与隐藏
startRoot.SetActive(true);
answerRoot.SetActive(false);
endRoot.SetActive(false);
hintRoot.SetActive(false);
private void Update()
if (endRoot.activeSelf)
//如果倒计时结束前答题完成,关闭倒计时的协程,时间重新赋值
StopCoroutine(TimeChange());
secound = 0;
#region 读取xml文件
IEnumerator LoadingQuesiton(string path)
yield return null;
using (WWW www = new WWW(path))
yield return www;
XmlDocument doc = new XmlDocument();
doc.LoadXml(www.text);
new QuestionPanel(doc.FirstChild);
#endregion
#region 初始化第一道题
public void InitQuestionPanel(QuestionPanelData questionPanelData)
//this.gameObject.SetActive(true);
mQuestionPanelData = questionPanelData;
CreateQuestion(questionPanelData.questionData[index]);
#endregion
#region 创建题目
bool isFirst = false;
public void CreateQuestion(QuestionData questionData)
//数据赋值
analysisData.text = "";
mQuestionData = questionData;
questionID.text = string.Format("第0题(共" + mQuestionPanelData.questionData.Count + "题)", index + 1);
if (mQuestion != null)
Destroy(mQuestion);
//实例化题目预制体
mQuestion = Instantiate(Resources.Load<GameObject>(DataPath.QuestionText));
mQuestion.transform.SetParent(contentScrollContent);
mQuestion.transform.localScale = Vector3.one;
mQuestion.GetComponent<Text>().text = questionData.problem;
if (options.Count > 0)
for (int i = 0; i < options.Count; i++)
Destroy(options[i].gameObject);
options = new List<Options>();
//实例化按钮选项组序列
if (!isFirst)
for (int i = 0; i < mQuestionPanelData.questionData.Count; i++)
Instantiate(prefab, scrollView);
isFirst = true;
//当前题目的按钮序列的标识变大
for (int i = 0; i < mQuestionPanelData.questionData.Count; i++)
if (i!= index)
scrollView.GetChild(i).gameObject.GetComponent<RectTransform>().localScale = new Vector2(1, 1);
else
scrollView.GetChild(i).gameObject.GetComponent<RectTransform>().localScale = new Vector2(1.5f, 1.5f);
//实例化选项预制体
for (int i = 0; i < questionData.answerData.Count; i++)
Options option = Instantiate(Resources.Load<Options>("Options"));
option.Init(questionData.answerData[i]);
option.transform.SetParent(selectContent);
//如果是单选则设置为一个toggle组
if (questionData.isSingleChoice)
option.thisToggle.group = questionGroup;
options.Add(option);
#endregion
#region 开始答题 上一题 下一题 提交按钮事件
// 开始答题
public void StartAnswer()
for (int i = 0; i < QuestionPanel.questionPanelData.Count; i++)
InitQuestionPanel(QuestionPanel.questionPanelData[i]);
startRoot.SetActive(false);
answerRoot.SetActive(true);
secound = 30;
//开启倒计时
StartCoroutine(TimeChange());
// 上一题点击事件
private void previousClick()
if (index > 0)
index--;
CreateQuestion(mQuestionPanelData.questionData[index]);
if (scrollView.GetChild(index).GetComponent<Button>().interactable == false)
foreach (var item in options)
item.thisToggle.interactable = false;
// 下一题点击事件
private void nextClick()
if (index < mQuestionPanelData.questionData.Count - 1)
index++;
CreateQuestion(mQuestionPanelData.questionData[index]);
isFirstClick = false;
if (scrollView.GetChild(index).GetComponent<Button>().interactable == false)
foreach (var item in options)
item.thisToggle.interactable = false;
int score = 0;
bool isFirstClick = false; //是否是第一次答对,只有点击第一次提交的时候加分,再点提交不加分
// 题目提交事件
private void submitClick()
//遍历当前题目的选项,有选择的就可以提交核验答案,并显示解析内容
foreach (var item in options)
if (item.thisToggle.isOn)
//回答正确加一分
if (item.score > 0)
analysisData.text = "回答正确";
if (!isFirstClick)
score += 1;
isFirstClick = true;
scoreTxt.text = "得分:" + score.ToString();
else
analysisData.text = "回答错误,解析:" + mQuestionData.Analysis;
//选择一个选项之后不能在选择其他选项
item.thisToggle.interactable = false;
//如果当前题目是最后一题,提交之后,出现提示界面
if (index + 1 == mQuestionPanelData.questionData.Count)
startRoot.SetActive(false);
answerRoot.SetActive(true);
endRoot.SetActive(false);
hintRoot.SetActive(true);
//提交后,该题目不可再选择修改
scrollView.GetChild(index).GetComponent<Image>().color = Color.green;
scrollView.GetChild(index).GetComponent<Button>().interactable = false;
//返回主界面
void BackToMain()
startRoot.SetActive(true);
answerRoot.SetActive(false);
endRoot.SetActive(false);
score = 0;
scoreTxt.text = "得分:" + score.ToString();
for (int i = 0; i < scrollView.childCount; i++)
scrollView.GetChild(i).GetComponent<Image>().color = Color.white;
scrollView.GetChild(i).GetComponent<Button>().interactable = true;
Debug.Log(456789);
index = 0;
int index = 0;
//缩列按钮事件
public void ThisBtn(ButtonItem item)
for (int i = 0; i < scrollView.childCount; i++)
CreateQuestion(mQuestionPanelData.questionData[item.transform.GetSiblingIndex()]);
index = item.transform.GetSiblingIndex();
//确认提交 显示结束界面
void AffirmSub()
startRoot.SetActive(false);
answerRoot.SetActive(false);
endRoot.SetActive(true);
hintRoot.SetActive(false);
endTxt.text = "答题结束\\n 您的得分是:" + score.ToString();
//取消提交 返回原来的界面
void CancelSub()
startRoot.SetActive(false);
answerRoot.SetActive(true);
endRoot.SetActive(false);
hintRoot.SetActive(false);
#endregion
#region 倒计时的协程
IEnumerator TimeChange()
while (secound > 0)
yield return new WaitForSeconds(1);
countDownTxt.text = "答题时间还剩:"+secound.ToString()+"秒";
secound--;
if (secound<=0)
//界面的显示与隐藏
startRoot.SetActive(false);
answerRoot.SetActive(false);
endRoot.SetActive(true);
endTxt.text = "答题结束\\n 您的得分是:" + score.ToString();
#endregion
/// <summary>
/// 答题panel数据类
/// </summary>
public class QuestionPanel
public static List<QuestionPanelData> questionPanelData;
public QuestionPanel(XmlNode node)
questionPanelData = new List<QuestionPanelData>();
for (int i = 0; i < node.ChildNodes.Count; i++)
questionPanelData.Add(new QuestionPanelData(node.ChildNodes[i]));
/// <summary>
/// 答题界面数据类
/// </summary>
public class QuestionPanelData
public List<QuestionData> questionData;
public QuestionPanelData(XmlNode node)
questionData = new List<QuestionData>();
for (int i = 0; i < node.ChildNodes.Count; i++)
questionData.Add(new QuestionData(node.ChildNodes[i]));
/// <summary>
/// 题目数据类
/// </summary>
public class QuestionData
// 是否为单选,true为单选,false为多选
public bool isSingleChoice;
// 解析内容
public string Analysis;
// 题目内容
public string problem;
public List<AnswerData> answerData;
public QuestionData(XmlNode node)
isSingleChoice = bool.Parse(node.Attributes["SelectType"].InnerText);
Analysis = node["Analysis"].InnerText;
problem = node["Problem"].InnerText;
answerData = new List<AnswerData>();
XmlNodeList nodelist = node["Answer"].ChildNodes;
for (int i = 0; i < nodelist.Count; i++)
answerData.Add(new AnswerData(nodelist[i]));
/// <summary>
/// 答案数据类
/// </summary>
public class AnswerData
// 选项的内容
public string option;
// 选项对应的分数
public int Score;
public AnswerData(XmlNode node)
option = node.Attributes["option"].InnerText;
Score = int.Parse(node.InnerText);
这个代码挂在canvas上,其中代码中的命名与场景中的命名一致,将对应物体添加到对应位置上,其中ButtonItem是挂载上image上的,image是一个预制体,内容如下。
ButtonItem代码如下:
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class ButtonItem : MonoBehaviour
Button Btn;
// Start is called before the first frame update
void Start()
Btn = GetComponent<Button>();
Btn.onClick.AddListener(ThisBtn);
public void ThisBtn()
Panel_Question.GetInstance().ThisBtn(this);
其中,用www读取xml文件时,会报错,是xml格式有问题,我在读取时报错是XmlException: Data at the root level is invalid. Line 1, position 1.通过代码重新生成一个xml文件,再在其中添加想写的内容即可。我生成XmlTest的代码如下。有需要的可以参考
using UnityEngine;
using System.IO;
using System.Xml;
public class XmlTest : MonoBehaviour
// Use this for initialization
void Start()
CreateXml();
///
/// Creates the xml.
///
private void CreateXml()
//设置保存路径
string path = Application.dataPath + "/XML/" + "ConfigFile.xml";
//判断文件是否存在
if (File.Exists(path) == false)
//创建一个xml文件
XmlDocument xml = new XmlDocument();
//创建最上层节点
XmlElement root = xml.CreateElement("Root");
//创建子节点
XmlElement element = xml.CreateElement("Question");
element.SetAttribute("SelectType", "True");
//创建子节点的第一个子节点,设置属性并添加内容
XmlElement Child1 = xml.CreateElement("Problem");
Child1.InnerText = "这里输入您的题目";
//创建子节点的第二个子节点,设置属性并添加内容
XmlElement Child2 = xml.CreateElement("Answer");
//创建三级子节点
XmlElement item1 = xml.CreateElement("Item");
item1.SetAttribute("option", "A.答案一");
item1.InnerText = "0";
XmlElement item2 = xml.CreateElement("Item");
item2.SetAttribute("option", "B.答案一");
item2.InnerText = "0";
XmlElement item3 = xml.CreateElement("Item");
item3.SetAttribute("option", "C.答案一");
item3.InnerText = "1";
XmlElement item4 = xml.CreateElement("Item");
item4.SetAttribute("option", "D.答案一");
item4.InnerText = "0";
//二级子节点
XmlElement Child3 = xml.CreateElement("Analysis");
Child3.InnerText = "这里输入解析";
//创建子节点
XmlElement element2 = xml.CreateElement("Question");
element2.SetAttribute("SelectType", "True");
//创建子节点的第一个子节点,设置属性并添加内容
XmlElement Child2_1 = xml.CreateElement("Problem");
Child2_1.InnerText = "这里输入您的题目gvfrebr";
//创建子节点的第二个子节点,设置属性并添加内容
XmlElement Child2_2= xml.CreateElement("Answer");
//创建三级子节点
XmlElement item2_1 = xml.CreateElement("Item");
item2_1.SetAttribute("option", "A.答案一");
item2_1.InnerText = "0";
XmlElement item2_2 = xml.CreateElement("Item");
item2_2.SetAttribute("option", "B.答案44");
item2_2.InnerText = "0";
XmlElement item2_3 = xml.CreateElement("Item");
item2_3.SetAttribute("option", "C.答案3");
item2_3.InnerText = "1";
XmlElement item2_4 = xml.CreateElement("Item");
item2_4.SetAttribute("option", "D.答案一");
item2_4.InnerText = "0";
//二级子节点
XmlElement Child2_3 = xml.CreateElement("Analysis");
Child2_3.InnerText = "这里输入解析";
//把节点一层一层的添加至xml中,注意他们之间的先后顺序,这是生成XML文件的顺序
element2.AppendChild(Child2_1);
Child2_2.AppendChild(item2_1);
Child2_2.AppendChild(item2_2);
Child2_2.AppendChild(item2_3);
Child2_2.AppendChild(item2_4);
element2.AppendChild(Child2_2);
element2.AppendChild(Child2_3);
root.AppendChild(element2);
element.AppendChild(Child1);
Child2.AppendChild(item1);
Child2.AppendChild(item2);
Child2.AppendChild(item3);
Child2.AppendChild(item4);
element.AppendChild(Child2);
element.AppendChild(Child3);
root.AppendChild(element);
xml.AppendChild(root);
//保存XML文档
xml.Save(path);
Debug.Log("Xml 创建成功!");
也可以只生成两个root根节点,然后内容自己再xml中写,就不用通过代码添加了。
通过xml文件读取的数据的路径通过一个代码封装静态变量,全局使用,代码如下:DataPath
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
/// <summary>
/// 全局静态类,用来定义静态字段,方便调用
/// </summary>
public class DataPath
public static string QuestionData = "file://" + Application.dataPath + "/XML/" + "ConfigFile.xml";
public static string QuestionText = "QuestionText";
五:程序包下载
链接:https://pan.baidu.com/s/1R3TwGfd2PC5Q_c09duGC7A?pwd=jl98
提取码:jl98
以上是关于unity制作答题系统的主要内容,如果未能解决你的问题,请参考以下文章