Java学习之道

推荐阅读：

• 我的CSDN
• 我的博客园
• QQ群：704621321

1.功能描述

在关卡很多的游戏里面，我们一般使用滑动来向玩家展示所有的关卡，为了清楚的让用户看到自己当前所在的关卡，通常会在该关卡旁显示用户头像或其他信息。

2.示例

例如：在开心消消乐中，就采取了这种方式，在屏幕上上下滑动，可查看所有关卡，当玩家解锁的关卡发生变化后，会自动同步头像位置。

今天，就带大家了解一下该功能如何实现吧。

3.UI搭建

首先。我们创建一个ScrollView，content下面是滑动可查看的内容，这里我们需要放上背景图片（假设背景图是由三张图片构成的sp1,sp2,sp3），关卡图标（这里假设有11个关卡），头像信息(userInfo)

注意：一定要保证关卡图标和头像信息的父物体为同一个，不然后面计算位置会出错。

4.代码实现

接下来，代码实现头像位置的同步
思想：头像的x=关卡图标的x；头像的y=关卡图标的y+关卡图标高+10（+10的目的是让头像和关卡图标中间留有一定的空隙）

let x, y;
if (index > -1) {
            //当前关卡存在
            x = self.levArr[index].position.x;
            y = self.levArr[index].position.y + self.levArr[index].getContentSize().height / 1.1;
        }
        self.uiRoot.userInfo.setPosition(x, y);

到此位置，我们就实现了关卡的上下滑动查看以及头像位置的同步了，是不是很简单呢~~

---

标题：CocosCreator之关卡界面中个人信息随解锁关卡的移动
作者：shirln
地址：https://www.mmzsblog.cn/articles/2019/08/09/1565361531860.html

如未加特殊说明，文章均为原创，转载必须注明出处。均采用CC BY-SA 4.0 协议！

本网站发布的内容（图片、视频和文字）以原创、转载和分享网络内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。若本站转载文章遗漏了原文链接，请及时告知，我们将做删除处理！文章观点不代表本网站立场，如需处理请联系首页客服。
• 网站转载须在文章起始位置标注作者及原文连接，否则保留追究法律责任的权利。
• 公众号转载请联系网站首页的微信号申请白名单！

---

个人微信公众号 ↓↓↓