技术标签： 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效果
文章浏览阅读3.6k次，点赞2次，收藏2次。DELL7080台式机两块硬盘。_没有u盘怎么装ubuntu
文章浏览阅读32次。题面Bessie wants to navigate her spaceship through a dangerous asteroid field in the shape of an N x N grid (1 <= N <= 500). The grid contains K asteroids (1 <= K <= 10,000), which are conv...
文章浏览阅读2.6w次，点赞21次，收藏112次。机器视觉则主要是指工业领域视觉的应用研究，例如自主机器人的视觉，用于检测和测量的视觉系统等。它通过在工业领域将图像感知、图像处理、控制理论与软件、硬件紧密结合，并研究解决图像处理和计算机视觉理论在实际应用过程中的问题，以实现高效的运动控制或各种实时操作。_工业机器视觉系统的构成与开发过程(理论篇—1
文章浏览阅读5.9w次，点赞32次，收藏58次。legend 传奇、图例。plt.legend()的作用：在plt.plot() 定义后plt.legend() 会显示该 label 的内容，否则会报error: No handles with labels found to put in legend.plt.plot(result_price, color = 'red', label = 'Training Loss') legend作用位置：下图红圈处。..._plt.legend
文章浏览阅读2.2k次，点赞3次，收藏11次。深入理解 C# .NET Core 中 async await 异步编程思想引言一、什么是异步？1.1 简单实例（WatchTV并行CookCoffee）二、深入理解（异步）2.1 当我需要异步返回值时，怎么处理？2.2 充分利用异步并行的高效性async await的秘密引言很久没来CSDN了，快小半年了一直在闲置，也写不出一些带有思想和深度的文章；之前就写过一篇关于async await 的异步理解 ，现在回顾，真的不要太浅和太陋，让人不忍直视！好了，废话不再啰嗦，直入主题：一、什么是异步？_netcore async await
文章浏览阅读6.5w次，点赞166次，收藏309次。当我看到别人的类上面的多行注释是是这样的：这样的：这样的：好装X啊！我也想要！怎么办呢？往下瞅：跟着我左手右手一个慢动作~~~File--->Settings---->Editor---->File and Code Templates --->Includes--->File Header:之后点applay--..._idea作者和日期等注释
文章浏览阅读175次。Netperf是一种网络性能的测量工具，主要针对基于TCP或UDP的传输。Netperf根据应用的不同，可以进行不同模式的网络性能测试，即批量数据传输（bulk data transfer）模式和请求/应答（request/reponse）模式。工作原理Netperf工具以client/server方式工作。server端是netserver,用来侦听来自client端的连接,c..._netperf 麒麟
文章浏览阅读1.1k次，点赞2次，收藏3次。作者| qcrao责编 | 屠敏出品 | 程序员宅基地刚开始写这篇文章的时候，目标非常大，想要探索 Go 程序的一生：编码、编译、汇编、链接、运行、退出。它的每一步具体如何进行，力图弄清 Go 程序的这一生。在这个过程中，我又复习了一遍《程序员的自我修养》。这是一本讲编译、链接的书，非常详细，值得一看！数年前，我第一次看到这本书的书名，就非常喜欢。因为它模仿了周星驰喜剧..._go run 每次都要编译吗
文章浏览阅读1.4k次，点赞4次，收藏2次。0、C++的输入输出分为三种：(1)基于控制台的I/O (2)基于文件的I/O (3)基于字符串的I/O 1、头文件[cpp] view plaincopyprint?#include 2、作用istringstream类用于执行C++风格的字符串流的输入操作。 ostringstream类用_c++ istringstream a >> string
文章浏览阅读2k次，点赞3次，收藏14次。我们在每个修改的地方都记录一条对应的 redo 日志显然是不现实的，因此实现方式是用时间换空间，我们在数据库崩了之后用日志还原数据时，在执行这条日志之前，数据库应该是一个一致性状态，我们用对应的参数，执行固定的步骤，修改对应的数据。1，MySQL 就是通过 undolog 回滚日志来保证事务原子性的，在异常发生时，对已经执行的操作进行回滚，回滚日志会先于数据持久化到磁盘上（因为它记录的数据比较少，所以持久化的速度快），当用户再次启动数据库的时候，数据库能够通过查询回滚日志来回滚将之前未完成的事务。_binglog
文章浏览阅读3k次。概述之前介绍过 移动Web开发基础-flex弹性布局（兼容写法） 里面有提到过想做一个Chrome插件，来生成flexbox布局的css代码直接拷贝出来用。最近把这个想法实现了，给大家分享下。play-flexbox插件介绍play-flexbox一秒搞定flexbox布局，可直接预览效果，拷贝CSS代码快速用于页面重构。 你也可以通过点击以下链接（codepen示例）查_chrome css布局插件
文章浏览阅读308次。我自己的配置是GeForce GTX 1660 +CUDA10.0+CUDNN7.6.0 + TensorFlow-GPU 1.14.0Win10系统安装tensorflow-gpu（按照步骤一次成功）https://blog.csdn.net/zqxdsy/article/details/103152190环境配置——win10下TensorFlow-GPU安装（GTX1660 SUPER+CUDA10+CUDNN7.4）https://blog.csdn.net/jiDxiaohuo/arti