可点击、拖拽填空题

填空题"/>

可点击、拖拽填空题

最近需要写个填空题。

本项目参考自

本项目缺点：
不能快速连续动画，操作不宜过快。否则，会因为计算等的不准确、不及时性，崩溃
如果快速点击选项，多个选项做动画，会出现崩溃问题。

要求：
1、选项随机分布在题目下面
2、选项可点击、拖拽实现填空

细化需求：
1、选项在题目下方，随机分布，但是不可重叠，所以，需要将“选项区域”划分，根据选项个数划分，每个小区域展示一个选项，避免选项重叠

2、用户可以点击某个选项，点击后，自动移动到 还没有填入内容 的空格处。如果所有空格都被填充了答案，则，点击某个选项后，自动移动到最后一个空格处，替换最后这个空格上的内容

3、用户可以拖拽某个选项滑动，抬起手后，如果抬起位置在某个空格处，填充（如果之前已经有内容了，就替换）；如果抬起位置不是任何一个空格处，做回归动画，回到选项的初始位置

4、手指按下处，如果是某个空格处，且这个空格上已经有了答案，就把这个答案提取出来，以“选项”样式随着手指做移动。当手指松开、抬起后：1、如果在某个空格处，填充或替换已有内容；2、如果不在任何空格处，做回归动画，将选项移动到初始位置，之前按下的空格，回复到“未填写”状态

项目GitHub地址

项目结构介绍：

打对号的，是核心文件。打叉号的，是辅助文件。用于帮助理解的。

我比较喜欢“黄帝内经-素问”中的一段话，就用它来做题目了。

分享给大家：
昔在黄帝，生而神灵，弱而能言，幼而徇齐，长而敦敏，成而登天。
乃问于天师曰：余闻上古之人，春秋皆度百岁，而动作不衰；今时之人，年半百而动作皆衰者。时世异耶人将失之耶？
岐伯对曰：上古之人？其知道者，法于阴阳，和于术数，食饮有节，起居有常，不妄作劳，故能形与神俱，而尽终其天年，度百岁乃去。
今时之人不然也，以酒为浆，以妄为常，醉以入房，以欲竭其精，以耗散其真，不知持满，不时御神，务快其心，逆于生乐，起居无节，故半百而衰也。

取了其中一部分

这是加了辅助线的题目。图中，4个点围住的区域，就是“空格区域”。是要填写答案的地方。

全界面如下：

具体功能，请下载项目运行体验。这里不做赘述。相关注释，在源码中有说明