码迷,mamicode.com
首页 > Windows程序 > 详细

Cocos2D实现上下滚动式状态窗体

时间:2017-07-09 22:10:36      阅读:304      评论:0      收藏:0      [点我收藏+]

标签:引用   文件   action   int   子窗体   src   ide   ret   function   

大熊猫猪·侯佩原创或翻译作品.欢迎转载,转载请注明出处.
假设认为写的不好请多提意见,假设认为不错请多多支持点赞.谢谢! hopy ;)


有时候要显示的内容太多,我们无法在iOS设备的小屏幕上显示出来,这时候我们能够将内容划分为多个子窗体,依次显示相应的窗体.

在SpritBuilder中新建一个类型为Node的CCB文件,调整样式例如以下:

技术分享

我这里划分了2个子窗体,用中间的箭头切割.

注意以下的子窗体中的内容是动态获取的,所以这里留空,可是要保留一个引用的名称.

回到Xcode中,进入相应的类,加入例如以下方法:

-(void)expandView{
    CCLOG(@"%@ pressed!!!",NSStringFromSelector(_cmd));
    CCActionMoveTo *move;
    CCActionRotateTo *rotate;
    CCAction *fade;
    if (!_isExpanded) {
        _isExpanded = YES;
        //_upperNode.visible = NO;
        fade = [CCActionFadeOut actionWithDuration:1.f];
        move = [CCActionMoveTo actionWithDuration:1 position:ccp(0, 0)];
        rotate = [CCActionRotateTo actionWithDuration:1 angle:180];
    }else{
        _isExpanded = NO;
        //_upperNode.visible = YES;
        fade = [CCActionFadeIn actionWithDuration:1.f];
        move = [CCActionMoveTo actionWithDuration:1 position:ccp(0, -1)];
        rotate = [CCActionRotateTo actionWithDuration:1 angle:0];
    }
    [self runAction:move];
    [_expandArrow runAction:rotate];
    [_upperNode runAction:fade];
}

该方法的主要功能是在点击button时下滑或上滑子窗体,应用一些动画效果,同一时候改变button箭头的方向.

以下是实际效果:

技术分享

Cocos2D实现上下滚动式状态窗体

标签:引用   文件   action   int   子窗体   src   ide   ret   function   

原文地址:http://www.cnblogs.com/jhcelue/p/7142653.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!