热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

利用cocostudio库函数实现左右滑动的背包栏UI(cocos2d-x2.2.0)

.h#ifndef__COMMON_COMPONENTS__#define__COMMON_COMPONENTS__#includecocos2d.h#includecocos

 

.h

#ifndef __COMMON_COMPONENTS__
#define __COMMON_COMPONENTS__

#include
"cocos2d.h"
#include
"cocos-ext.h"

USING_NS_CC;
USING_NS_CC_EXT;

#define ROOT_BACK_WIDTH 380 //background width
#define ROOT_BACK_HEIGHT 450 //background height
#define LAYOUT_WIDTH 360 //each page width
#define LAYOUT_HEIGHT 360 //each page height
#define PAGE_SUM_NUM 6 //total page num
#define EACH_PAGE_NUM 9 //each page grid num

class CCommonComponents : public cocos2d::extension::UILayer
{
public:
CCommonComponents(
void);
~CCommonComponents(void);

virtual bool init();
CREATE_FUNC(CCommonComponents);

public:
UIImageView
* createHorizontalGrid( int pageNum = PAGE_SUM_NUM );
void tagMenuTest( CCObject* pSender );
void refreshGrid();
void pageViewEvent(CCObject *pSender, PageViewEventType type);
void buttonTidyCallback( CCObject* pSender );

public:
UIImageView
* m_pImgEffect[PAGE_SUM_NUM]; //effect of selected
UIButton* m_pBtnAllGrid[PAGE_SUM_NUM][EACH_PAGE_NUM]; //total num of grid
UIImageView* m_pBtnTextureChild[PAGE_SUM_NUM][EACH_PAGE_NUM]; //each icon in gird
UIImageView* m_pImgLight[PAGE_SUM_NUM]; //the current page where the lights
int m_IntCurPage; //record the current page number
};

#endif //__COMMON_COMPONENTS__

 

.cpp

#include "CommonComponents.h"

CCommonComponents::CCommonComponents(
void) :
m_IntCurPage(
0)
{
memset(m_pImgEffect,
0, sizeof(m_pImgEffect));
memset(m_pBtnAllGrid,
0, sizeof(m_pBtnAllGrid));
memset(m_pBtnTextureChild,
0, sizeof(m_pBtnTextureChild));
memset(m_pImgLight,
0, sizeof(m_pImgLight));
}

CCommonComponents::
~CCommonComponents(void)
{
}

bool CCommonComponents::init()
{
bool bRet = false;

do
{
CC_BREAK_IF(
!UILayer::init() );


bRet
= true;

}
while (0);

return bRet;
}

UIImageView
* CCommonComponents::createHorizontalGrid( int pageNum )
{
CCSize winSize
= CCDirector::sharedDirector()->getWinSize();

UIImageView
* imgBack = UIImageView::create();
imgBack
->setTexture("frame.png");
imgBack
->setScale9Enable(true);
imgBack
->setScale9Size(CCSizeMake(ROOT_BACK_WIDTH, ROOT_BACK_HEIGHT));


UIPageView
* pageView = UIPageView::create();
pageView
->setTouchEnable(true);
pageView
->setSize(CCSizeMake(LAYOUT_WIDTH, LAYOUT_HEIGHT));
pageView
->setAnchorPoint(ccp(0.5f, 0.5f));

for (int i = 0; i i)
{
UIPanel* layout = UIPanel::create();
layout
->setSize(CCSizeMake(LAYOUT_WIDTH, LAYOUT_HEIGHT));

UIImageView
* imageView = UIImageView::create();
imageView
->setTouchEnable(true);
imageView
->setScale9Enable(true);
imageView
->setTexture("pic_frame1.png");
imageView
->setScale9Size(CCSizeMake(LAYOUT_WIDTH, LAYOUT_HEIGHT));
imageView
->setPosition(ccp(layout->getRect().size.width / 2, layout->getRect().size.height / 2));
layout
->addChild(imageView);

m_pImgEffect[i]
= UIImageView::create();
m_pImgEffect[i]
->setVisible(false);
m_pImgEffect[i]
->setTexture("frame_pressed.png");
layout
->addChild(m_pImgEffect[i]);

m_pImgLight[i]
= UIImageView::create();
if( 0 == i )
{
m_pImgLight[i]
->setTexture("green.png");
}
else
{
m_pImgLight[i]
->setTexture("red.png");
}
m_pImgLight[i]
->setPosition(ccp(-160 + i*30, -180));

for(int j=0; j<9; ++j)
{
m_pBtnAllGrid[i][j]
= UIButton::create();
m_pBtnAllGrid[i][j]
->setTouchEnable(true);
m_pBtnAllGrid[i][j]
->setTextures("frame.png", "frame.png", "frame.png");
m_pBtnAllGrid[i][j]
->setPosition(ccp( m_pBtnAllGrid[i][j]->getContentSize().width/2+ j%3*m_pBtnAllGrid[i][j]->getContentSize().width*1.2 + 20,
layout
->getSize().height-m_pBtnAllGrid[i][j]->getContentSize().height/2-m_pBtnAllGrid[i][j]->getContentSize().height*(j/3)/0.85 - 25));
layout
->addChild(m_pBtnAllGrid[i][j]);
m_pBtnAllGrid[i][j]
->setWidgetTag(i*9+j);
m_pBtnAllGrid[i][j]
->addReleaseEvent(this, coco_releaseselector(CCommonComponents::tagMenuTest));

m_pBtnTextureChild[i][j]
= UIImageView::create();
m_pBtnTextureChild[i][j]
->setTexture("frame.png");
m_pBtnAllGrid[i][j]
->addChild(m_pBtnTextureChild[i][j]);
}

pageView
->addPage(layout);

imgBack
->addChild(m_pImgLight[i]);
}

pageView
->addEventListener(this, pagevieweventselector(CCommonComponents::pageViewEvent));
imgBack
->addChild(pageView);
pageView
->setPosition(ccp(0, 36));

UIButton
* button = UIButton::create();
button
->setTouchEnable(true);
button
->setTextures("pic_button_1.png","pic_button_2.png","pic_button_3.png");
button
->addReleaseEvent(this, coco_releaseselector(CCommonComponents::buttonTidyCallback));
imgBack
->addChild(button);
button
->setPosition(ccp(100, -180));

UILabel
* labBtnFOnt= UILabel::create();
labBtnFont
->setText("TIDY");
labBtnFont
->setFontSize(25);
button
->addChild(labBtnFont);

refreshGrid();
//temporary test

return imgBack;
}

void CCommonComponents::tagMenuTest( CCObject* pSender )
{
UIButton
* curImgClick = dynamic_cast(pSender);
int curTag = curImgClick->getWidgetTag();
CCLOG(
"curTag = %d ; [%f, %f]", curTag, curImgClick->getPosition().x, curImgClick->getPosition().y);

m_pImgEffect[m_IntCurPage]
->setPosition(curImgClick->getPosition());
m_pImgEffect[m_IntCurPage]
->setVisible(true);

}

void CCommonComponents::refreshGrid()
{
for(int i= 0; i<2; ++i)
{
for (int j = 0; jj)
{
if( i*EACH_PAGE_NUM+j <= 13 )
m_pBtnTextureChild[i][j]
->setTexture("CloseNormal.png");
}
}

}

void CCommonComponents::pageViewEvent(CCObject *pSender, PageViewEventType type)
{
switch (type)
{
case PAGEVIEW_EVENT_TURNING:
{
UIPageView
* pageView = dynamic_cast(pSender);
CCLog(
" m_IntCurPage = %d",pageView->getPage());
if(m_IntCurPage != pageView->getPage())
{
m_IntCurPage
= pageView->getPage();
for(int i=0; ii)
{
m_pImgEffect[i]->setVisible(false);
if(i == m_IntCurPage)
{
m_pImgLight[i]
->setTexture("green.png");
}
else
{
m_pImgLight[i]
->setTexture("red.png");
}
}
}
}
break;

default:
break;
}
}

void CCommonComponents::buttonTidyCallback( CCObject* pSender )
{
CCLog(
"running buttonCallback function");
}

 

 

使用方式:

CCommonComponents* pageLayer =  CCommonComponents::create();
this->addChild(pageLayer);

 

显示效果:

   

 

这只是一个小的例子代码,实现方式是依赖 cocostudio 库函数,没有好,只有比较好。

欢迎来访并指教 QQ:316948714, 期待一样热爱技术的你!!!

 

 


推荐阅读
  • 本文介绍如何使用 Android 的 Canvas 和 View 组件创建一个简单的绘图板应用程序,支持触摸绘画和保存图片功能。 ... [详细]
  • 本文详细探讨了JavaScript中的作用域链和闭包机制,解释了它们的工作原理及其在实际编程中的应用。通过具体的代码示例,帮助读者更好地理解和掌握这些概念。 ... [详细]
  • 中科院学位论文排版指南
    随着毕业季的到来,许多即将毕业的学生开始撰写学位论文。本文介绍了使用LaTeX排版学位论文的方法,特别是针对中国科学院大学研究生学位论文撰写规范指导意见的最新要求。LaTeX以其精确的控制和美观的排版效果成为许多学者的首选。 ... [详细]
  • 本文详细介绍了如何在Kendo UI for jQuery的数据管理组件中,将行标题字段呈现为锚点(即可点击链接),帮助开发人员更高效地实现这一功能。通过具体的代码示例和解释,即使是新手也能轻松掌握。 ... [详细]
  • 本文回顾了2017年的转型和2018年的收获,分享了几家知名互联网公司提供的工作机会及面试体验。 ... [详细]
  • 本文探讨了如何从Grid中选择特定的数据区域,并将其以行和列的形式复制到剪贴板,同时保持原始格式不变的方法。 ... [详细]
  • 本文介绍如何在Windows Forms应用程序中使用C#实现DataGridView的多列排序功能,包括升序和降序排序。 ... [详细]
  • 本文详细介绍了如何在Android应用中使用GridView组件以网格形式展示数据(如文本和图像)。通过行列布局,实现类似矩阵的数据展示效果。 ... [详细]
  • 开发笔记:Python:GUI之tkinter学习笔记1控件的介绍及使用
    开发笔记:Python:GUI之tkinter学习笔记1控件的介绍及使用 ... [详细]
  • 在Oracle数据库中,使用Dbms_Output.Put_Line进行输出调试时,若单行字符超过255个,则会遇到ORA-20000错误。本文介绍了一种有效的方法来处理这种情况,通过创建自定义包和视图,实现对长字符串的分割和正确输出。 ... [详细]
  • 利用决策树预测NBA比赛胜负的Python数据挖掘实践
    本文通过使用2013-14赛季NBA赛程与结果数据集以及2013年NBA排名数据,结合《Python数据挖掘入门与实践》一书中的方法,展示如何应用决策树算法进行比赛胜负预测。我们将详细讲解数据预处理、特征工程及模型评估等关键步骤。 ... [详细]
  • 丽江客栈选择问题
    本文介绍了一道经典的算法题,题目涉及在丽江河边的n家特色客栈中选择住宿方案。两位游客希望住在色调相同的两家客栈,并在晚上选择一家最低消费不超过p元的咖啡店小聚。我们将详细探讨如何计算满足条件的住宿方案总数。 ... [详细]
  • 使用Powershell Studio快速构建GUI应用程序
    本文介绍了如何利用Powershell Studio创建功能强大的可视化界面。相较于传统的开发工具,Powershell Studio提供了更为简便和高效的开发体验,尤其适合需要快速构建图形用户界面(GUI)的场景。 ... [详细]
  • 在尝试使用C# Windows Forms客户端通过SignalR连接到ASP.NET服务器时,遇到了内部服务器错误(500)。本文将详细探讨问题的原因及解决方案。 ... [详细]
  • 本文介绍了如何在MATLAB中实现单变量线性回归,这是基于Coursera上Andrew Ng教授的机器学习课程中的一个实践项目。文章详细讲解了从数据可视化到模型训练的每一个步骤。 ... [详细]
author-avatar
_Terr1鄭x宜_F
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有