一.登录界面：

一.登录界面：
登录界面通常包括用户的登录、用户注册、快速登录等等菜单选项。
如下简单的登录界面，里面的所有菜单都是用CCMenuItemImage，这也是使用最频繁的菜单项。

1.png (33.07 KB, 下载次数: 648)

下载附件 保存到相册

2014-2-10 14:03 上传

实际开发中应该尽量将同一场景中各模块的图片资源打包成大图,这里使用TexturePacker打包图片.CCMenuItemImage使用大图中图片时可以使用如下方式加载.

代码如下：

1. CCSpriteFrameCache::sharedSpriteFrameCache()->addSpriteFramesWithFile("login.plist");//加载plist文件,login.png会自动加进缓存
   
2. CCMenuItemImage* login_btn = CCMenuItemImage::create();
   
3. login_btn->setNormalSpriteFrame(CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName("loginA.png"));//设置正常状态的图片
   
4. login_btn->setSelectedSpriteFrame(CCSpriteFrameCache::sharedSpriteFrameCache()->spriteFrameByName("loginB.png"));//设置选中状态的图片
   
5. login_btn->setTarget(this, SEL_MenuHandler(&LoginScene::loginCallback));//回调函数
   
6. 
   
7. //不使用时应该清除掉plist,同时清除纹理缓存.
   
8. CCSpriteFrameCache::sharedSpriteFrameCache()->removeSpriteFramesFromFile("login.plist");
   
9. CCTextureCache::sharedTextureCache()->removeTextureForKey("login.png");

复制代码

1.快速登录即不用输入账号密码,游戏记录上一次登录信息,这个功能相对简单,可以使用cocos2d-x自带的CCUserDefault类,这是一个单例类,可以实现简单的数据存储功能,它会在本地生成一个xml文件保存用户存储的键值对数据.

代码如下：

1. CCUserDefault::sharedUserDefault()->setStringForKey("userName", editBoxUsername->getText());
   
2. CCUserDefault::sharedUserDefault()->setStringForKey("password", editBoxPassword->getText());
   
3. //所以在快速登录的回调函数中只需要获取对应的"userName"和"password"即可.
   
4. CCUserDefault::sharedUserDefault()->getStringForKey("userName").c_str()
   
5. CCUserDefault::sharedUserDefault()->getStringForKey("password").c_str()
   

复制代码

2.本例中在登录主页面最重要的两个功能是更多游戏和注册，更多游戏说白了也就是通过指定url在手机上显示一个网页。以android平台为例,在android手机上显示一个网页肯定需要android本身的支持,但cocos2d-x使用的是c++语言,这就需要我们去从c++调用android的东西,对于做第三方sdk接入必不可少.下面就来看看如何cocos2d-x中调用android,本例中希望实现的是点击屏幕上方的更多游戏打开对应的页面.

代码如下：

1. //首先添加android平台必要的头文件
   
2. #if(CC_TARGET_PLATFORM==CC_PLATFORM_ANDROID)
   
3. #include <jni.h>
   
4. #include "platform/android/jni/JniHelper.h"
   
5. #include <android/log.h>
   
6. #endif
   
7. /*然后就是对回调函数的处理,调用android的静态函数相对简单,这里以调用非静态函数为例。调用非静态函数通常需要通过静态函数的单例对象来调用非静态函数，因而需要在android端返回类的单例对象，然后再通过这个对象去调用android的非静态方法。*/
   
8. #if(CC_TARGET_PLATFORM==CC_PLATFORM_ANDROID)
   
9.     JniMethodInfo minfo;
   
10.     bool         isHave= JniHelper::getStaticMethodInfo(minfo,"org/sgcommunity/test/test","getInstance","()L org/sgcommunity/test/test;");
    
11.     jobject jobj;
    
12. if (isHave)
    
13. {
    
14.         CCLog("静态函数存在");
    
15.         //调用Java静态函数，取得单例对象。
    
16.         jobj = minfo.env->CallStaticObjectMethod(minfo.classID, minfo.methodID);
    
17.     }
    
18.     isHave= JniHelper::getMethodInfo(minfo,"org/sgcommunity/test/test ","moreGame","()V");//moreGame即对应的android处理方法
    
19. if (isHave)
    
20. {
    
21.         CCLog("非静态函数存在");
    
22.         minfo.env->CallVoidMethod(jobj, minfo.methodID);//调用java非静态函数,第一个参数为上面取得的对象
    
23.     }
    
24. #endif
    
25. 
    
26. Java代码：
    
27. static test ts= null;
    
28. public class test extends Cocos2dxActivity{
    
29.     protected void onCreate(Bundle savedInstanceState){
    
30.         super.onCreate(savedInstanceState);       
    
31.         fyqFengyanqi=this;
    
32. }
    
33. 
    
34. public static test getInstance(){//返回单例对象
    
35.     Log.d("INSTANCE", "Return instance");
    
36.     return ts;
    
37. }

复制代码

整个调用过程就这么简单,剩下就是android的具体实现,通常做sdk接入时,android的处理方法已经封装好,只需要把moreGame换成对应的接口.

3. 注册功能的实现使用的是http协议,这也是cocos2d-x开发中很常用的通信协议。在本例中点击登录页面的注册按钮会弹出注册页面,如下图所示。

2.png (86.96 KB, 下载次数: 647)

下载附件 保存到相册

2014-2-10 14:04 上传

页面很简单就3个CCEditBox和一个CCMenuItemImage.那如何实现注册功能呢?我们需要的是将注册的用户名和密码发送给服务器保存下来,并且获知是否注册成功,以及是否已经注册过.下面就来实现如何注册,cocos2d-x现在已经支持http请求,但我们在这里使用更加方便的curl来处理http请求.

代码如下：

1. //首先必须添加头文件
   
2. #include "curl/curl.h"
   
3. 
   
4. //使用get方式进行http请求,将注册的数据拼接到url的后面.
   
5.         CURL *curl;
   
6.         CURLcode res;
   
7.         curl = curl_easy_init();//初始化curl指针
   
8.         if (curl)
   
9.         {
   
10.             char ipstr[100]="";
    
11.             sprintf(ipstr, "http://182.50.2.240:11008/register?username=%s&password=%s",registerusername->getText(),secPassword->getText());//将用户名和密码拼接在url最后
    
12.             CCLog("%s",ipstr);
    
13.             char output[500]="";
    
14.             curl_easy_setopt(curl, CURLOPT_URL, ipstr);// curl_easy_setopt是具体的操作行为函数，根据参数指明进行何种操作
    
15.             curl_easy_setopt(curl, CURLOPT_WRITEFUNCTION, registerLayer::process_data);
    
16.             CCLog("%s",output);
    
17.             res = curl_easy_perform(curl);//执行所有的curl操作
    
18.             if(res==0)
    
19. {
    
20.                 CCLog("Succeed!");
    
21.             }
    
22. else
    
23. {
    
24.         CCLog("Failed!");
    
25.             }
    
26.             curl_easy_cleanup(curl);//调用结束，清除指针
    
27.         }
    
28. /*获取服务器返回信息，CURLOPT_WRITEFUNCTION对应的回调函数的原型size_t function( char *ptr, size_t size, size_t nmemb, void *userdata)，使用这个函数接收服务器返回的信息*/
    
29. 
    
30. static const char* message=" ";
    
31. size_t registerLayer::process_data(void *buffer, size_t size, size_t nmemb, void *user_p)
    
32. {
    
33.     FILE *fp = (FILE *)user_p;
    
34.     size_t return_size = fwrite(buffer, size, nmemb, fp);
    
35.     messag=(char *)buffer;
    
36.     CCLog("%s",messag);
    
37.     if(!strcmp(messag, "b"))//假定注册成功，服务器返回字符b。
    
38.     {
    
39.         CCMessageBox("注册成功");
    
40.     }
    
41.     else
    
42.     {
    
43.         CCMessageBox("此用户已经注册过，请重试", "警告！");
    
44.     }
    
45.     return return_size;
    
46. }
    

复制代码