cocos2dx3.x 类似 coverflow效果-程序员宅基地

技术标签: cocos2dx  Cocos2d-x  coverflow  

更新:

1.改成3.x

2.增加移动完成回调函数

3.增加水平和竖直分辨(直接在原来的上面改的,懒得动)

h文件:

#ifndef __CoverView_H__
#define __CoverView_H__
#include "cocos2d.h"
#include "cocos-ext.h"
USING_NS_CC;
using namespace extension;
class CoverView : public Node, public extension::ScrollViewDelegate
{
public:
	CoverView();
	~CoverView();
	/**
	*
	* @param scrollView的rect
	* @param scrollView滚动size
	* @param card之间的距离
	* @param card之间的缩放
	*/
	static CoverView* create(Rect swBox, Size slSize, float disDistance, float disScale);
	virtual bool init(Rect swBox, Size slSize, float disDistance, float disScale);
	virtual void onEnter();
	virtual void onExit();
	bool onTouchBegan(Touch* touch, Event* event);
	void onTouchMoved(Touch* touch, Event* event);
	void onTouchEnded(Touch* touch, Event* event);
	void onTouchCancelled(Touch* touch, Event* event);
	void initData();
	void scrollViewDidScroll(extension::ScrollView* view);
	void scrollViewDidZoom(extension::ScrollView* view);
	void adjustCardScale(Point adjustPoint);
	void adjustScrollView(Point adjustPoint);
	void adjusetEndScrollView();
	void cardViewEnd_callBack(Node* pSender);
	int getCurCardIndex();//当前中间card索引 从0开始
	void addCard(Node * card);
	void addCard(Node * card, int zOrder);
	void addCard(Node* card, int zOrder, int tag);
	Node* getCardByIndex(int index);
	void startMiddleIndex(int index);
	CC_SYNTHESIZE(Point, swPosition, SwPosition);//scrollView 位置
	CC_SYNTHESIZE(Size, swSize, SwSize);//scrollView大小
	CC_SYNTHESIZE(Size, slSize, SlSize);//scrollLayer 大小
	CC_SYNTHESIZE(float, disDistance, DisDistance);//card距离间隔
	CC_SYNTHESIZE(float, disScale, DisScale);//crad缩放间隔
	CC_SYNTHESIZE(Rect, swBox, SwBox);//scrollview 边框
	CC_SYNTHESIZE(Layer*, scrollLayer, scrollLayer);//scrollView的containLayer
	CC_SYNTHESIZE(int, cardNum, CardNum);//card索引
	CC_PROPERTY(Point, offsetPosition, OffsetPosition);//card起始位置
	CC_SYNTHESIZE(Point, slayerPosition, SlayerPosition);//sontainLayer的位置
	CC_SYNTHESIZE(bool, isMove, IsMove);//是否发生了移动用于加入Menu的时候能滑动并正确响应事件
	CC_SYNTHESIZE(bool, isHorizontal, IsHorizontal);//是水平还是数值
	CC_SYNTHESIZE(bool, isIgnoreScale, IsIgnoreScale);
public:
	std::function<void(Node* card , int selIndex)> selCallBack;
	std::function<void()>startCallBack;
private:
	Size wSize;
	std::vector<Node*> cardArray;
	extension::ScrollView* scrollView;
};
#endif


.cpp文件

#include "CoverView.h"
CoverView::CoverView()
{

}

CoverView::~CoverView()
{
    //CC_SAFE_RELEASE_NULL(cardArray);
}

CoverView* CoverView::create(Rect swBox, Size slSize, float disDistance, float disScale)
{
    CoverView* cover = new CoverView();
    if (cover && cover->init(swBox, slSize, disDistance, disScale))
    {
        cover->autorelease();
        return cover;
    }
    CC_SAFE_DELETE(cover);
    return NULL;
}

bool CoverView::init(Rect swBox, Size slSize, float disDistance, float disScale)
{
    if (!Node::init()) return false;
    this->swBox = swBox;
    this->swPosition = swBox.origin;
    this->swSize = swBox.size;
    this->slSize = slSize;
    this->disDistance = disDistance;
    this->disScale = disScale;
    initData();
    return true;
}


void CoverView::initData()
{
    wSize = Director::sharedDirector()->getWinSize();
    cardNum = 0;
    selCallBack = nullptr;
    startCallBack = nullptr;
    isIgnoreScale = abs(disScale) < 0.0001f;

    offsetPosition = Vec2(swSize.width / 2, swSize.height / 2);

    scrollLayer = Layer::create();
    scrollLayer->setAnchorPoint(Vec2::ZERO);
    scrollLayer->setPosition(Vec2::ZERO);
    scrollLayer->setContentSize(slSize);
    slayerPosition = Vec2::ZERO;
    isMove = true;
    isHorizontal = false;
    scrollView = extension::ScrollView::create(swSize, scrollLayer);
    scrollView->setAnchorPoint(Vec2::ZERO);
    scrollView->setContentOffset(Vec2(0, 0));
    scrollView->setTouchEnabled(false);
    scrollView->setDelegate(this);
    //scrollView->setClippingToBounds(false);
    scrollView->setDirection(extension::ScrollView::Direction::VERTICAL);
    addChild(scrollView, 1);
}

void CoverView::onEnter()
{
Node::onEnter();
    auto dispatcher = Director::getInstance()->getEventDispatcher();
    auto listener = EventListenerTouchOneByOne::create();
    listener->onTouchBegan = CC_CALLBACK_2(CoverView::onTouchBegan, this);
    listener->onTouchMoved = CC_CALLBACK_2(CoverView::onTouchMoved, this);
    listener->onTouchEnded = CC_CALLBACK_2(CoverView::onTouchEnded, this);
    listener->onTouchCancelled = CC_CALLBACK_2(CoverView::onTouchCancelled, this);
    listener->setSwallowTouches(false);
    auto lisNode = Node::create();
    addChild(lisNode, 1);
    dispatcher->addEventListenerWithSceneGraphPriority(listener, lisNode);
}

void CoverView::onExit()
{
    removeAllChildren();
    Node::onExit();
}

bool CoverView::onTouchBegan(Touch* touch, Event* event)
{
    auto target = static_cast<Node*>(event->getCurrentTarget());
    // 获取当前点击点所在相对按钮的位置坐标
    Point locationInNode = target->convertToNodeSpace(touch->getLocation());
    if (swBox.containsPoint(locationInNode))
    {
        if(startCallBack)
        {
            startCallBack();
        }
        return true;
    }
    return false;
}

void CoverView::onTouchMoved(Touch* touch, Event* event)
{
    Vec2 scroll_prepoint = touch->getPreviousLocation();
    Vec2 scroll_movepoint = touch->getLocation();    
    // 获取事件所绑定的 target
    auto target = static_cast<Node*>(event->getCurrentTarget());
    // 获取当前点击点所在相对按钮的位置坐标
    Point locationInNode = target->convertToNodeSpace(scroll_movepoint);
    if (swBox.containsPoint(locationInNode))
    {
        Vec2 adjustPoint = scroll_movepoint - scroll_prepoint;
        scrollLayer->stopAllActions();
        adjustScrollView(adjustPoint);
        adjustCardScale(adjustPoint);
    }
}

void CoverView::onTouchEnded(Touch* touch, Event* event)
{
    Vec2 scroll_prepoint = touch->getPreviousLocation();
    Vec2 scroll_endpoint = touch->getLocation();
    float disX = scroll_endpoint.x - scroll_endpoint.x;
    scrollLayer->stopAllActions();
    adjusetEndScrollView();
    Vec2 curPosition = scrollLayer->getPosition();
    float distance = slayerPosition.distance(curPosition);
    if (distance < 5.0f) isMove = false;
}


void CoverView::onTouchCancelled(Touch* touch, Event* event)
{
    onTouchEnded(touch, event);
}

void CoverView::adjustCardScale(Vec2 adjustPoint)
{
    if (isIgnoreScale) return;

    if(isHorizontal)
    {
        for(auto card : cardArray)
        {
            float offset = scrollView->getContentOffset().x;
            float posX = card->getPositionX() + offset;
            float disMid = abs(swSize.width / 2 - posX);
            float scale = 1 - disMid / disDistance*disScale;
            card->setScale(scale);
            int zOr = (int)(1000 - disMid*0.1);
            card->setZOrder(zOr);
        }
    }
    else
    {
        for (auto card : cardArray)
        {
            float offset = scrollView->getContentOffset().y;
            float posY = card->getPositionY() + offset;
            float disMid = abs(swSize.height / 2 - posY);
            float scale = 1 - disMid / disDistance*disScale;
            card->setScale(scale);
            int zOr = (int)(1000 - disMid*0.1);
            card->setZOrder(zOr);
        }
    }
    
}

void CoverView::adjustScrollView(Vec2 adjustPoint)
{
    Vec2 endPoint = scrollView->getContentOffset()+ Vec2(0,adjustPoint.y);
    if (isHorizontal) endPoint = scrollView->getContentOffset()+ Vec2(adjustPoint.x, 0);
    scrollView->unscheduleAllSelectors();
    scrollView->setContentOffset(endPoint, false);
}

void CoverView::adjusetEndScrollView()
{
    if(isHorizontal)
    {
        float minX = LONG_MAX;
        float midX = swSize.width / 2;
        //获取距离中间最小值的card  
        for (auto card : cardArray)
        {
            float offset = scrollView->getContentOffset().x;
            //转化父类坐标  
            float posX = card->getPositionX() + offset;
            float disMid = midX - posX;
            if (abs(disMid) < abs(minX)) minX = disMid;
        }

        for (auto item : cardArray)
        {
            //转化父类坐标  
            float offset = scrollView->getContentOffset().x;
            float posX = item->getPositionX() + offset;
            //距离中间长度  
            float disMid = abs(midX - posX - minX); 
            if (isIgnoreScale == false)
            {
                //目标scale  
                float scale = 1 - disMid / disDistance*disScale;
                ScaleTo* scaleBy = ScaleTo::create(0.2f, scale);
                item->runAction(scaleBy);
            }
            int zOr = (int)(1000 - disMid*0.1);
            item->setZOrder(zOr);
        }
        Layer* scrollLayer = (Layer*)scrollView->getContainer();
        MoveBy* moveBy = MoveBy::create(0.2f, Vec2(minX, 0));
        CallFuncN* callFuncN = CallFuncN::create(this, callfuncN_selector(CoverView::cardViewEnd_callBack));
        Sequence* seq = Sequence::create(moveBy, callFuncN, NULL);
        scrollLayer->runAction(seq);
        //scrollLayer->runAction(moveBy);  
    }
    else
    {
        float minY = LONG_MAX;
        float midY = swSize.height / 2;
        //获取距离中间最小值的card
        for (auto card : cardArray)
        {
            float offset = scrollView->getContentOffset().y;
            //转化父类坐标
            float posY = card->getPositionY() + offset;
            float disMid = midY - posY;
            if (abs(disMid) < abs(minY)) minY = disMid;
        }

        for (auto item : cardArray)
        {
            //转化父类坐标
            float offset = scrollView->getContentOffset().y;
            float posY = item->getPositionY() + offset;
            //距离中间长度
            float disMid = abs(midY - posY - minY);
            if(isIgnoreScale == false)
            {
                //目标scale
                float scale = 1 - disMid / disDistance*disScale;
                ScaleTo* scaleBy = ScaleTo::create(0.2f, scale);
                item->runAction(scaleBy);
            }
            int zOr = (int)(1000 - disMid*0.1);
            item->setZOrder(zOr);
        }
        Layer* scrollLayer = (Layer*)scrollView->getContainer();
        MoveBy* moveBy = MoveBy::create(0.2f, Vec2(0, minY));
        //CallFuncN* callFuncN = CallFuncN::create(this, callfuncN_selector(CoverView::cardViewEnd_callBack));
        CallFuncN* callFuncN = CallFuncN::create(std::bind(&CoverView::cardViewEnd_callBack, this, std::placeholders::_1));
        Sequence* seq = Sequence::create(moveBy, callFuncN, NULL);
        scrollLayer->runAction(seq);
    }
}

void CoverView::cardViewEnd_callBack(Node* pSender)
{
    //NotificationCenter::sharedNotificationCenter()->postNotification(ROOMSELECT,cardArray);
    slayerPosition = scrollLayer->getPosition();
    isMove = true;

    if (selCallBack)
    {
        int index = getCurCardIndex();
        selCallBack(getCardByIndex(index),index);
    }
}

void CoverView::scrollViewDidScroll(extension::ScrollView* view)
{

}

void CoverView::scrollViewDidZoom(extension::ScrollView* view)
{

}



void CoverView::addCard(Node * card)
{
    int zOrder = 1000 - cardNum;
    this->addCard(card, zOrder, card->getTag());
}

void CoverView::addCard(Node * card, int zOrder)
{
    this->addCard(card, zOrder, card->getTag());
}

void CoverView::addCard(Node* card, int zOrder, int tag)
{
    if (card == nullptr) return;
    if(isHorizontal)
    {
        float positionX = offsetPosition.x + disDistance*cardNum;
        float scale = 1 - disScale*cardNum;
        card->setPosition(Vec2(positionX, offsetPosition.y));
        card->setScale(scale);
        cardArray.push_back(card);
        scrollLayer->addChild(card, zOrder, tag);
        cardNum++;

    }
    else
    {
        float positionY = offsetPosition.y + disDistance*cardNum;
        float scale = 1 - disScale*cardNum;
        card->setPosition(Vec2(offsetPosition.x, positionY));
        card->setScale(scale);
        cardArray.push_back(card);
        scrollLayer->addChild(card, zOrder, tag);
        cardNum++;
        //Log("crad%d:[%f , %f]",cardNum,card->getPositionX(),card->getPositionY());
    }
    
}

int CoverView::getCurCardIndex()
{
    if(isHorizontal)
    {
        float distance1 = -scrollLayer->getPositionX();
        float distance2 = swSize.width / 2 - offsetPosition.x;
        //+5 浮点数误差  
        int index = (distance1 + distance2 + 5) / (disDistance);
        index = std::min((int)cardArray.size() - 1, index);
        index = std::max(0, index);
        return index;
    }
    else
    {
        float distance1 = -scrollLayer->getPositionY();
        float distance2 = swSize.height / 2 - offsetPosition.y;
        //+5 浮点数误差
        int index = (distance1 + distance2 + 5) / (disDistance);
        index = std::min((int)cardArray.size() - 1, index);
        index = std::max(0, index);
        return index;
    }
    return 0;
}

void CoverView::setOffsetPosition(Vec2 var)
{
    if(isHorizontal)
    {
        offsetPosition = var;
        cardNum = 0;
        for (auto card : cardArray)
        {
            float positionX = offsetPosition.x + disDistance*cardNum;
            card->setPosition(Vec2(positionX, offsetPosition.y));
            cardNum++;
        }
        adjustCardScale(Vec2::ZERO);
    }
    else
    {
        offsetPosition = var;
        cardNum = 0;
        for (auto card : cardArray)
        {
            float positionY = offsetPosition.y + disDistance*cardNum;
            card->setPosition(Vec2(offsetPosition.x, positionY));
            cardNum++;
        }
        adjustCardScale(Vec2::ZERO);
    }    
}

Vec2 CoverView::getOffsetPosition()
{
    return offsetPosition;
}

Node* CoverView::getCardByIndex(int index)
{
    if (index<0 || index > cardArray.size() - 1) return nullptr;
    return cardArray[index];
}


void CoverView::startMiddleIndex(int index)
{
    int cardsCount = cardArray.size();
    if (index<0 || index > cardsCount - 1) return;
    auto newoffsetPosition = offsetPosition + Vec2(0,-disDistance*index);
    if (isHorizontal) newoffsetPosition = offsetPosition + Vec2(-disDistance*index,0);
    setOffsetPosition(newoffsetPosition);
}


样例:

auto view = CoverView::create(Rect(0, 0, conSize.width, conSize.height),
			Size(conSize.width * 3, conSize.width), disSpace, 0.2f);
		view->setAnchorPoint(Vec2::ANCHOR_MIDDLE_LEFT);
		container_polish->addChild(view);
		for (int i = 0; i < 12; i++)
		{
			auto bottomSp = createSp("#meijia_xuankuang_2_6.png");
			view->addCard(bottomSp, 1, ++baseTag);
		}
		view->setIsHorizontal(true);
		view->startMiddleIndex(2);
		view->selCallBack = [&](Node* card ,int selIndex){
			log("card index:%d", selIndex);
		};

下载地址:coverflow效果

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

智能推荐

NOIP算法概论-程序员宅基地

文章浏览阅读443次。之前高一参加比赛前,曾写过总结,主要是提醒自己NOIP所需要的基本算法,以及至少所需要掌握的数据结构。当然,NOIP,最重要的算法,只有一个,THAT IS “搜索大法”练好了搜索,今后的所有竞赛,题目哪怕拿不了满分,至少30+,说不定60+。自己脑补一下优化,100分就到手啦。。。第一篇正儿八经的博客(别管前面那篇):请各位OIER们,一定一定,要练习搜索,必须练习搜索,而且搜索MU...

用gcc编译器实现PC编程_gcc怎么使用pc文件-程序员宅基地

文章浏览阅读619次。1、下载gcc编译器2、配置系统环境变量3、创建项目文件夹4、dos窗口进行转换和编译5、使用文件进行调用环境变量6、生成可执行文件_gcc怎么使用pc文件

Windows平台上的5种敏捷软件开发(过程)模型_敏捷模型-程序员宅基地

文章浏览阅读1.4k次。Windows平台上的5种敏捷软件开发(过程)模型_敏捷模型

软考高项 : (05)论信息系统项目的风险管理_项目同其他经济活动一样存在风险,项目管理者必须对风险实施有效的管理。项目风险-程序员宅基地

文章浏览阅读2.5k次,点赞4次,收藏12次。5[论文]论信息系统项目的风险管理项目同其他经济活动一样存在风险,项目管理者必须对风险实施有效的管理,项目风险管理包活进行风险管理计划编制,对项目风险通行识别,分析,应对和监控的过程,完全避免或者消除风险,或者只享受权益而不承担风险,是不可能的,主要风险清单是一个重要的风险管理工具,它指明了项目在任何时候面临的最大风险,是不可能的。通过对主要风险进行追踪并建立应对措施。可以使项目经理保持较强的风..._项目同其他经济活动一样存在风险,项目管理者必须对风险实施有效的管理。项目风险

【算法4】--- 栈(python)_python stack-程序员宅基地

文章浏览阅读3.3k次,点赞7次,收藏36次。栈(stack)是限定仅在表尾进行插入和删除操作的线性表。栈是后进先出(Last In First Out, LIFO)的_python stack

大学生本科计算机专业毕业设计 11基于协同过滤算法商品推荐系统-程序员宅基地

文章浏览阅读87次。【代码】大学生本科计算机专业毕业设计 11基于协同过滤算法商品推荐系统。

随便推点

javaWeb网上拍卖系统--秒杀与竞拍-程序员宅基地

文章浏览阅读819次,点赞15次,收藏14次。需求分析通俗的来说就是对一般用户的需求进行分析处理,通过充分了解用户需求进而把目标系统大致架构出来。需求分析第一要务就是对实际要处理的对象进行全面的调查,要对所调查目标的对象进行充分的了解,了解之后才能真正确定下来用户所需要的也切合实际情况的系统,最终才能根据该情况确定系统所应该拥有的各种功能。本次设计的网上拍卖系统亦是如此。

我的WCF之旅(10):如何在WCF进行Exception Handling-程序员宅基地

文章浏览阅读67次。在任何Application的开发中,对不可预知的异常进行troubleshooting时,异常处理显得尤为重要。对于一般的.NET系统来说,我们简单地借助try/catch可以很容易地实现这一功能。但是对于 一个分布式的环境来说,异常处理就没有那么简单了。按照面向服务的原则,我们把一些可复用的业务逻辑以Service的形式实现,各个Service..._wcf exception.type

iOS 直播技术及Demo_ios直播懂的-程序员宅基地

文章浏览阅读1.4w次,点赞4次,收藏24次。要过年了,新年快乐,今天写一些关于iOS直播技术相关知识,及详细Demo介绍,首先请下载DemoDemo下载地址(点击跳转下载)一.直播介绍1.1.直播现状近年来,直播越来越火,但直播技术却对软件开发人员技术要求很高,因为直播中运用到的技术难点非常之多,视频/音频处理,图形处理,视频/音频压缩,CDN分发,即时通讯等技术,个人很难开发出来。但现在已经有了各个领域的大神,封装出了各种牛逼..._ios直播懂的

浅谈深度学习_深度学习csdn-程序员宅基地

文章浏览阅读6.6k次。1 绪论机器学习是一门多领域交叉学科,涉及概率论、统计学、逼近论、凸分析、算法复杂度理论等学科。专门研究计算机如何模拟或者实现人类的学习行为,来获取新的知识或技能,并重组已有的知识结构使之不断改善自身的性能。他是人工智能核心,是使计算机具有智能的根本途径。深度学习(DL,Deep Learning)是机器学习(ML,Machine Learning)领域中一个新的研究方向,他被引入机器学习使其更接近于最初的目标——人工智能(AL,Aritifical Intelligence)。2 深度学习的发展1_深度学习csdn

_ZN10tensorflow8internal21CheckOpMessageBuilder9NewStringEv_undefined symbol: _zn10tensorflow8internal21checko-程序员宅基地

文章浏览阅读628次。undefined symbol: _ZN10tensorflow8internal21CheckOpMessageBuilder9NewStringEv这是一类错误。问题的指向编译没有编译成功。前面的错误tensorflow.python.framework.errors_impl.NotFoundError: /home/wjay/deeplearning/PU-GAN/PU-GAN-master/tf_ops/sampling/tf_sampling_so.so:这是告诉你哪个文件没有编.._undefined symbol: _zn10tensorflow8internal21checkopmessagebuilder9newstringe

【深度学习】基于PyTorch搭建ResNet18、ResNet34、ResNet50、ResNet101、ResNet152网络_resnet34 resnet101-程序员宅基地

文章浏览阅读7k次,点赞15次,收藏157次。所有不同层数的ResNet:这里给出了我认为比较详细的ResNet18网络具体参数和执行流程图:这里并未采用BasicBlock和BottleNeck复现ResNet18具体ResNet原理细节这里不多做描述,直接上代码model.py网络模型部分:train.py训练部分(使用CIFAR10数据集):3. 训练测试结果训练损失:每一个epoch结束之后的测试:训练时多次修改超参数,最后经过30次epoch之后的测试准确度达到了0.7471,没有在训练下去也没有明显提升,初学深度神经网络,_resnet34 resnet101

推荐文章

热门文章

相关标签