CVP认证学习笔记--李天宇003实现文本菜单层-程序员宅基地

技术标签: cocos2d-x  cocos学习笔记  android  cocos2d  

 这是正式课的第一节,代码量也随之增加,这也在预料之中。下面是我本节课的心得体会。

 这回我们先从头分析一下app.js这个文件。它主体包含两部分内容,一部分是Layer图层,一部分是Scene场景。那我们要添加的精灵、菜单这些内容都应该放到Layer中。然后将Layer添加到Scene中,这是一个总体流程。那我们本节课的修改内容就在这个ctor函数中进行添加代码的任务即可完成。首先我创建了一个logo对象(Resource.js文件中已经预加载过这个logo)。这里只演示自己添加的代码。源代码就不摘了~

        var logo = new cc.Sprite(res.CVPlogo_png);

        logo.x = size.width / 2;

        logo.y = size.height / 2+150;

        this.addChild(logo,6);

 

 然后,我就该添加菜单层了。这里调用的是cc.MenuItemFont这个函数。那么我们不光需要了解知道这个函数,还需要知道其他的菜单,因为不是所有菜单都是用文字做的。还有其他的,所以我们可以查看www.cocos.com去查阅相关的API。进行查阅后,我们发现还有精灵菜单。MenuItemSprite;MenuItemToggle;MenuItemImage,这些都是菜单。这里不做过多阐述。

 MenuItemFont继承自MenuItemLabel。它的create方法如下:

var create (

var text,//显示的文本

var callback//回调的函数

)

如果需要给文本菜单进行字体和字号的设定,需要用到setFontSizesetFontName。具体代码如下:

  cc.MenuItemFont.setFontName("Times New Roman");

  cc.MenuItemFont.setFontSize(80);

     var item1=new cc.MenuItemFont("left",this.callBack1,this);

        item1.setPosition(size.width/2-600,size.height/2-200);

        var item2=new cc.MenuItemFont("right",this.callBack2,this);

        item2.setPosition(size.width/2-180,size.height/2-200);

        var item3=new cc.MenuItemFont("up",this.callBack3,this);

        item3.setPosition(size.width/2-400,size.height/2-75);

        var item4=new cc.MenuItemFont("down",this.callBack4,this);

        item4.setPosition(size.width/2-400,size.height/2-400);

        var menu=new cc.Menu(item1,item2,item3,item4);

        this.addChild(menu);

        logo.setTag(111);

return true;

 由于在模拟器上坐标位置不好确定,这里用了固定的数值。到此菜单设定完毕。下面看一下我写的CallBack1-4函数。来进行边界判断的。

callBack1:function(){

      var nowlabel=this.getChildByTag(111);      nowlabel.setPosition(nowlabel.getPositionX()-10,nowlabel.getPositionY());

      if(nowlabel.getPositionX()<55){

          nowlabel.setPositionX(55);

      }

    },

callBack2:function(){

      var nowlabel=this.getChildByTag(111);      nowlabel.setPosition(nowlabel.getPositionX()+20,nowlabel.getPositionY());

      if(nowlabel.getPositionX()>750){

          nowlabel.setPositionX(750);

      }

    },

    callBack3:function(){

      var nowlabel=this.getChildByTag(111);      nowlabel.setPosition(nowlabel.getPositionX(),nowlabel.getPositionY()+10);

      if(nowlabel.getPositionY()>430){

          nowlabel.setPositionY(430);

      }

    },

    callBack4:function(){

      var nowlabel=this.getChildByTag(111);      nowlabel.setPosition(nowlabel.getPositionX(),nowlabel.getPositionY()-10);

      if(nowlabel.getPositionY()<20){

          nowlabel.setPositionY(20);

      }

    }

 完成以上内容,即可完成上下左右的logo移动过程。

 最后附上作业链接:http://www.cocoscvp.com/usercode/2016_04_06/b19f8adc983f1c74f8d0a4ecc4bcdd882de601da/

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/u013370540/article/details/51756323

智能推荐

最新电信,网通路由表(200701日更新)-程序员宅基地

文章浏览阅读4.1k次。说明:ROS2.9.27用的网通,电信路由脚本操作方式: 添加脚本方式请,将你的正确的电信或网通的网关,使用用编辑-替换掉脚本里的“网关”,然后打开winbox,点击Terminal(控制终端)然后复制脚本,并在Terminal(控制终端)中点右键选择“paste”粘贴脚本,粘贴完后敲回车,即可完成!电信的路由表如下:/ip routeadd dst-address=

Navicat Premium 12.0.23安装与激活-程序员宅基地

文章浏览阅读517次。本文介绍Navicat Premium 12.0.24的安装、激活与基本使用。说明:博主所提供的激活文件理论支持Navicat Premium 12.0.16 - 12.0.24简体中文64位,但已测试的版本为Navicat Premium 12.0.22、12.0.23和12.0.24简体中文64位。 说明:博主所提供的压缩包格式均为RAR5,即WinRAR 5.0以上的版本才能正常解压,...

STM32标准库移植RT-Thread Nano添加FinSH与控制台_标准库实现rt_hw_console_getchar-程序员宅基地

文章浏览阅读1.6k次,点赞6次,收藏15次。添加过shell后首先要在 rtconfig.h中定义#define RT_USING_FINSH为了方便,串口相关函数添加在board.c中使用串口中断实现命令的接收/* * Copyright (c) 2006-2019, RT-Thread Development Team * * SPDX-License-Identifier: Apache-2.0 * * Change Logs: * Date Author Notes * 2017-0_标准库实现rt_hw_console_getchar

chapter 4.3 cache -- 主存的地址映射和替换算法_映射替换,地址流格式-程序员宅基地

文章浏览阅读1.6k次,点赞3次,收藏4次。cache – 主存的地址映射和替换算法映射(3)1.直接映射原理主存块以cache长度分区,映射时cache缓存块仅接受各区中相对应的块号,tag仅需保存t位区号eg: cache[0] 中仅可以存放 主存[0,2c,2c+1,3*2c…]每个缓存块i(cache) 可以和 若干个主存块对应每个主存块j只能和 一个 缓存块(cache)对应地址块号直接与cache对应块标记..._映射替换,地址流格式

最长上升子序列&&最长不下降子序列-程序员宅基地

文章浏览阅读99次。百练2757: 题目描述: 对于给定的序列,求出最长上升子序列的长度。题目链接:http://bailian.openjudge.cn/practice/2757解题思路一、动态规划 1. 找子问题错误找法: “求序列的前n个元素的最长上升子序列的长度”是个子问题,但这样分解子问题,不具有“无后效性” 假设F(n) = x,但可能有多个序列满足F(n)..._. s,c; xm,xadnn/ or 0

NetWork——描述一次完整的网络请求过程_浏览器network发起请求历程-程序员宅基地

文章浏览阅读4.9k次。想拥有自己的服务器?价钱太贵,便宜的配置太低。。。总是处于各种原因,现在特大好消息,阿里云服务器活动,价钱低到爆,快来了解下,2核4G,3年低至699,时间有限,还剩10天,快来选购吧,地址:https://promotion.aliyun.com/ntms/act/vm/aliyun-group/buy.html?group=IAq264WFLl当我们在浏览器的地址栏输入 www.lin..._浏览器network发起请求历程

随便推点

对前端页面的边框设置_前端斜的边框-程序员宅基地

文章浏览阅读6.5k次。二·如何对边框设置:1.&lt;div style="text-align:center; vertical-align:middel;"&gt;&lt;input type="text"&gt;&lt;/div&gt;这样你试试,应该就是左右 上下都居中了2.如果是让内容显示的居中:&lt;html&gt;&lt;head&gt;&lt;style&gt;_前端斜的边框

Springboot2中修改tomcat参数支持请求特殊符号 解决:java.lang.IllegalArgumentException: Invalid character found in ..._springboot内置tomcat放宽http请求头特殊字符-程序员宅基地

文章浏览阅读929次。使用Springboot2中内置的tomcat启动项目时候,前端发来的请求报错:java.lang.IllegalArgumentException: Invalid character found in the request target. The valid characters are defined in RFC 7230 and RFC 3986 at org.ap..._springboot内置tomcat放宽http请求头特殊字符

SHOW STATUS语句查看MySQL数据库的性能参数_show status like threads-程序员宅基地

文章浏览阅读1k次。SHOW STATUS语句查看MySQL数据库的性能参数1.SHOW STATUS like 'Slow_queries' //慢查询的次数 查看日志 1.配置 centos下 my.cnf log-slow-queries = /tmp/mysql-slow.log long_query_..._show status like threads

matlab如何解不等式,如何用MATLAB求解不等式组的所有可能解-程序员宅基地

文章浏览阅读2k次。太多了吧:No. a b c d1 4 86 17 652 13 96 20 873 5 97 56 544 4 32 14 ..._matlab 不等式组求解

2022年09月 Scratch图形化(三级)真题解析#中国电子学会#全国青少年软件编程等级考试_2022年9月scratch三级真题-程序员宅基地

文章浏览阅读273次,点赞4次,收藏4次。所以,答案D是错误的。两个角色小猫和小狗,给小猫创建一个仅适用于当前角色的变量“奔跑速度”,给小狗也创建一个仅适用于当前角色的变量“奔跑速度”,小猫和小狗程序如下图所示,点击绿旗,按下两次空格键,小猫和小狗的奔跑速度都变为7。运行程序后角色将从(0,0)点开始移动,x和y坐标的增加值均在1至10之间,因此,移动后的位置为点(1,1),(1,10),(10,1)和(10,10)所围成的四边形中。D:“我的变量”和计时器一起增加,当“我的变量”大于15时,计时器会归零,“我的变量”会随着计时器重新开始增加。_2022年9月scratch三级真题

Spring Security 如何实现身份认证和授权?_spring security认证和授权流程-程序员宅基地

文章浏览阅读2.7k次,点赞5次,收藏6次。Spring Security 是一个非常强大的安全框架,可以为 Spring Boot 应用提供完整的身份认证和授权功能。本文介绍了 Spring Security 如何实现身份认证和授权,并提供了示例代码。使用 Spring Security 可以非常方便地保护应用程序,防止恶意攻击和数据泄露。_spring security认证和授权流程

推荐文章

热门文章

相关标签