cocos2d-x中锚点设置及定位方式

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了cocos2d-x中锚点设置及定位方式相关的知识,希望对你有一定的参考价值。

问题

在cocos2d演示样例代码HelloCpp中,为什么要将CCMenu设置位置到CCPointZero,即使CCMenu的锚点是在(0.5, 0.5)?

回答

这是由于CCMenu没有使用锚点进行坐标定位,而是使用的坐标原点。也就是说,CCMenu的坐标原点放到了其父节点的坐标原点。

延伸

不光是CCMenu没有使用锚点定位,像CCLayer,CCScene都没有使用锚点定位。详细设定是在构造函数中设计标记m_bIgnoreAnchorPointForPosition = true;下表描写叙述了节点的默认锚点位置及定位方式

节点类型 锚点位置 使用锚点?
CCNode (0, 0)
CCScene及其子类 (0.5, 0.5)
CCLayer及其子类 (0.5, 0.5)
CCSprite及其子类 (0.5, 0.5)

说明:CCNode的其他子类假设没有特殊指定,都是继承了CCNode的锚点位置及定位方式。典型的是CCLabelAtlas,它就是使用CCNode的定位方式,由于它及它的父类CCAtlasNode都没有对锚点位置和是否使用锚点进行设置,而CCLabelFont使用与CCSprite的锚点和定位方式。由于它是CCSprite的子类。

应用

锚点位置和定位方式都是能够改变的。前者通过CCNode::setAnchorPoint()改变,后者通过设定CCNode::m_bIgnoreAnchorPointForPosition来改变。

普通情况下,使用默认的就能够了。什么情况下须要改变呢?像下图这样的情形可能须要改变锚点位置。

技术分享

这是同一个窗体中使用了两个页面。第一个页面包括一个背景、一幅图和一个字标。后者包括一个背景、一幅图和一个按键。这两个页面能够切换。假设为了实现比較方便地进行变换,每一个页面由一个节点表示是比較合理的。可是是使用哪一个类来表示根节点呢?可选的有四种,各自是CCNode、CCLayer、CCScene和CCSprite。

  • 对于使用CCSprite,假设背景是图像。则比較方便实现。可是对于label是图像的孩子理解上有些别扭。
  • 对于使用CCLayer,推荐是不使用那么多的Layer,由于第一个页面不须要交互。可是它仍然占用了消息处理的时间。
  • 比較好的方式CCScene或CCNode,尽管使用CCScene对于理解上仍然有一些别扭。

    不管是使用CCScene和CCNode作为根节点,easy操作的方式都是将锚点设置到(0.5, 0.5),而且使用锚点进行定位。

    所以假设使用CCScene须要设定CCNode::m_bIgnoreAnchorPointForPosition=false。而假设使用CCNode须要设定CCNode::setAnchorPoint(ccp(0.5, 0.5))

getAnchorPointInPixel

对于锚点在中心(0.5, 0.5)的结点,使用getAnchorPointInPixel获取到的是此结点的中心坐标。

利用此接口,能够方便地定位到结点的中心。

当然。使用getContentSize取半也能够。此信息用于对齐结点非常实用处。


CCLayer与CCNode的boundingBox值怎么不一样?   

刚才測试出一个奇怪的问题,代码例如以下:
?

1
2
3
4
5
6
7
8
9
10
CCNode* testLayer = CCNode::create();
// CCNode* testLayer = CCLayer::create();
 
testLayer->setAnchorPoint(ccp(0, 1));
testLayer->setPosition(ccp(50, 100));
testLayer->setContentSize(CCSizeMake(300, 300));
this->addChild(testLayer);
 
CCLOG("testlayer boundingBox: (%f, %f)",
  testLayer->boundingBox().origin.x, testLayer->boundingBox().origin.y);
打印的结果是 (50, -200); 这个是正常的结果;
可是假设将testLayer的类型换成 CCLayer (也就是上面加了凝视那句), 值就变成了 (50, 100)
不知道是哪里的问题??
我的理解 CCLayer 仅仅是在 CCNode上加了一些事件代理, 应该没本质的差别才对. 这里是什么原因呢?
原因是CCNode里有个属性: m_bIgnoreAnchorPointForPosition 表示是否使用锚点定位, 默认是true
但 CCLayer 里这个值是false, 也就是CCLayer根本不适用锚点, 所以会有坐标计算问题








以上是关于cocos2d-x中锚点设置及定位方式的主要内容,如果未能解决你的问题,请参考以下文章

Vue爬坑之旅:vue单页面中锚点跳转

jq实现页面中锚点滚动跳转

javascript jQuery 1.7+中锚点的GA事件

javascript jQuery 1.7+中锚点的GA事件

css中锚点剖析 & 血泪教训

html锚点简单使用