在我们的日常开发中,UI页面经常会遇到类似填空题的问题,下面我们来看看是怎么实现的呢?

首先,客户端从服务器获取填空的坐标信息后,在对应的位置遮盖空白view,当点击遮盖空白view时,隐藏空白view,以此来显示答案。

 填空题的实现方案_前端页面

那么空白遮罩是如何准确的覆盖到相应位置的呢?

1.服务端会返回填空处的坐标信息。

 填空题的实现方案_坐标系转换_02

2.前端拿到服务端返回的挖空坐标后,需要根据前端页面的尺寸将服务端返回的坐标系转换为适配前端的坐标系

 填空题的实现方案_服务端_03