【cocoStdio系列】之UI控件上

【cocosStdio】之UI控件（上）

      大家好，我是Lampard

      今天与大家通过一个demo了解cocos给我们提供的各个UI控件

      reference:《cocos2d-x游戏开发》--刘克男

（一）环境搭建

         我们需要的环境很简单：开发引擎cocosQuick-Community（lua脚本），开发环境vs2017+vscode，UI编辑器cocosStdio，以及需要脚本环境python2.x就足够了

（1）python2.x

         python下载可以直接在官网下面下载一个2.x版本的msi，然后双击安装以及把python的路径配置环境变量就可以了

         当使用win + R 打开cmd，输入python能够显示python信息，则证明环境变量配置好了

（2）cocos引擎

         因为只是熟悉一下cocos的UI控件，所以引擎不管使用coco2dx还是cocosCreator都是可以的，我这边是使用cocos-quick的社区版

      下载完之后是这样的一个目录结构，如果是window平台双击运行setup_win.bat即可，如果是mac平台则在终端中执行：setup_mac.sh。执行完之后桌面上会出现一个player3的exe，双击能够打开界面就证明成功了。

（3）vs2017&vsCode

      这个大家同样去官网下载即可，vs2017要下载社区community版，然后在勾选插件的时候把c++游戏开发勾选上即可。

      而vsCode由于我们是使用lua脚本，所以我们应该配置一下cocos-debug，lua和lua-debug三个插件

（4）UI编辑器cocosStdio

      为了更直观的去布局UI，我们就使用了cocosStdio去实现这个功能。我所使用的是cocosStdio2.0版本，下载完之后双击cocosStdio的exe文件，能够看到这个界面就证明下载成功了。

（二）创建项目

      当我们下载开发所需之后就可以创建项目进行编译了

（1）打开player3创建quick项目

      首先需要打开player3这个exe文件，选中新建项目按钮

   

      然后在上面输入我们的项目信息，其中第一行是让你选择项目安装的位置，第二行是命名包体的名字 (值得一提的是，包体的命名规则一般是com.公司名.项目名)。紧接着勾选屏幕的模式，Portrait是竖屏，Landscape是横屏模式。准备的资源是竖屏的，最后点击右下角的create按钮就好啦，大家可以在自己的目录下找寻创建而成的项目了

  

（2）用Vs2017编译创建的项目

      创建出来的项目需要进行编译，我们可以通过vs2017来执行。首先我们需要在项目创建路径中找到proj.win32文件夹，然后用vs2017打开这个.sln文件

      打开后就要稍微等待编译的过程，在编译的途中可能会报错，说game.rc的第十行不能解析，是rc属性设置的问题我们需要把它替换成#include <Windows.h>，#include <winres.h>即可

      经过一段时间之后，好家伙，一个熟悉的hello world就出现啦。

      那这个hello world是怎么出来的呢？cocos的入口都是从AppDelegate开始的，我们看一下新建出来项目的AppDelegate头文件，里面openGl的init函数（initGLContextAttrs），程序退出到后台和运行至前台的函数（applicationDidEnterBackground&applicationWillEnterForeground），不过最重要的是，导演类和场景的初始化函数applicationDidFinishLaunching

      applicationDidFinishLaunching主要是初始化导演类，然后生成一个lua协程lua_stack用于和引擎底层的c++进行交互，最后让lua_stack去执行’src/main.lua‘这个模块

      在main模块中，又引入了MyApp模块，然后在MyApp模块中，通过enterScene函数进入到MainScene场景

      然后在MainScene中，我们的hello world就是在这里生成的一个Label

至此我们的环境和初始化步骤已经完全搞定，可以开心打代码啦！！！