关卡界面中个人信息随解锁关卡的移动(CocosCreator)

举报
爱上游戏开发 发表于 2022/07/02 22:19:52 2022/07/02
【摘要】 推荐阅读:  我的CSDN 我的博客园 QQ群:704621321 1.功能描述      ...

推荐阅读:

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);

  
 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7

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

文章来源: unity3d.blog.csdn.net,作者:爱上游戏开发,版权归原作者所有,如需转载,请联系作者。

原文链接:unity3d.blog.csdn.net/article/details/90482799

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。