位置: 编程技术 - 正文
Cocos2dx3.2编写常用UI组件（一）新手指导框GuideLayer(cocos2dx schedule)
编辑：rootadmin推荐整理分享Cocos2dx3.2编写常用UI组件（一）新手指导框GuideLayer(cocos2dx schedule)，希望有所帮助，仅作参考，欢迎阅读内容。
文章相关热门搜索词:cocos代码,cocos2dx schedule,cocos编程语言,cocos2d schedule,cocos用什么写代码,cocos编程,cocos用什么写代码,cocos用什么写代码,内容如对您有帮助，希望把文章链接给更多的朋友！
前言：
在很多的游戏里（特别是RPG游戏），一开始都会有一个关于操作的介绍，几乎都像下图那样子的。
除了系统希望你所点击的区域外，其余区域都会变暗，而且你点暗的区域是不会有任何反应的。
正文：
下面我们来讲怎么实现的：
一、实现思路：
我们可以用Cocos2dx提供给我们的LayerColor，在你想要被点击的区域周围添加4块LayerColor，如下图所示
二、代码实现
GuideLayer.h
头文件并不复杂，应该可以看明白。这里的defaultColor是黑色，透明度为%
GuideLayer有两个create方法，区别在于一个create是使用默认的颜色（黑色），另一个可以接受一个颜色参数先看使用默认颜色的create和init方法
其实实现非常的简单，就是根据传入的rect区域计算出4个不可触控区域LayerColor的坐标和大小
为自己添加一个监听器，回调函数是onTouchBegan，起阻断的作用。
再看传入颜色参数的create和init方法
只不过是间接调用了默认的init方法罢了。
最后，我们看一下监听器的回调函数
就是先检测触摸点是否在里亮的区域，如果不是，则阻断触摸点的向下传递，如果是，则允许触摸点向下传递。
由于这样子实现，所以在用到GuideLayer的时候要注意了，尽量addChild的时候把GuideLayer放到最上层。
附上效果图和GuideLayer源码
GuideLayer源码：点击打开链接
qt+creator 轻松搭建cocos2dx开发环境 一、安转cocos2dx1.下载cocos2dx3.3final复制到home并解压得到cocos2d-x-3.3文件夹，2.进入cocos2d-x-3.3/build/，为install-deps-linux.sh添加运行权限chmodxinstall-deps-linux.sh,
Cocos2dx3.2编写常用UI组件（二）滚动计数器NumberScroller 前言：废话不多说，先看最终效果图正文：1、使用说明：①引入头文件NumberScroller.h②用NumberScroller::create(intlength,intfontSize)函数来创建NumberScroller对象③
Cocos2dx3.2编写常用UI组件（三）收集器效果Collector 前言：在游戏中，我们经常可以看到，获取分数后，分数会自动升到对应的分数栏上面。今天我们就来实现这种效果正文：这种效果实现起来其实非常
上一篇：[置顶] 【零起步开发Cocos2dx-3.x-王牌飞行员（二）】从程序的层次结构说起(置顶的朋友圈屏蔽的人能看到吗)
