本文主要说说自己对
Position AnchorPoint 的理解
首先上一段主要适配代码

#define EnumContains(value,enum) ((value & enum) == enum)
enum NodePositionMark{
    NodePositionMarkTop     = 1 << 1,NodePositionMarkLeft    = 1 << 2,NodePositionMarkBottom  = 1 << 3,NodePositionMarkRight   = 1 << 4,NodePositionMarkVerticalityCenter = 1 << 5,NodePositionMarkHorizontalCenter = 1 << 6,};

void setPosition(Node *node,NodePositionMark nodePositionMark)
{
    Vec2 visibleOrigin = Director::getInstance()->getVisibleOrigin();
    Size visibleSize = Director::getInstance()->getVisibleSize();
    Size dSize = Director::getInstance()->getopenGLView()->getDesignResolutionSize();
    Vec2 anchorPoint = node->getAnchorPoint();

    Size parentContentSize = Director::getInstance()->getVisibleSize();
    if (node->getParent()) {
        parentContentSize = node->getParent()->getContentSize();
        visibleOrigin = Vec2::ZERO;
    }
    bool isNeedCareInVisibleSize = false;
    if (parentContentSize.equals(dSize) && visibleOrigin != Vec2::ZERO) {
        isNeedCareInVisibleSize = true;
        parentContentSize = visibleSize;
        visibleOrigin = Director::getInstance()->getVisibleSize();
    }

    Size contentSize = node->getContentSize();

    float x = .0,y = .0;

    if ( EnumContains(nodePositionMark,NodePositionMarkTop) ) {
        y = parentContentSize.height + contentSize.height * (anchorPoint.y - 1) ;
    }

    if ( EnumContains(nodePositionMark,NodePositionMarkBottom)) {
        y = contentSize.height * anchorPoint.y;
    }

    if ( EnumContains(nodePositionMark,NodePositionMarkVerticalityCenter) ) {
        y = (parentContentSize.height - contentSize.height)  * 0.5 + contentSize.height * anchorPoint.y ;
    }

    if ( EnumContains(nodePositionMark,NodePositionMarkLeft)) {
        x = contentSize.width  * anchorPoint.x;
    }

    if ( EnumContains(nodePositionMark,NodePositionMarkRight)) {
        x = parentContentSize.width - contentSize.width * (1-anchorPoint.x);
    }

    if ( EnumContains(nodePositionMark,NodePositionMarkHorizontalCenter) ) {
         x = (parentContentSize.width - contentSize.width) * 0.5 + contentSize.width * anchorPoint.x;
    }

    node->setPosition(visibleOrigin+Vec2(x,y));

}
  • anchor
    anchor 这个的英文意思是:锚;抛锚停泊 抛锚;使固定
    在此处AnchorPoint的意思的 ,锚的点 ,便是相对于本身node 固定的点,可以理解为钉子
  • Position
    Position 在cocos2d里面的意思便是 上面的anchorPoint这个钉子所在的点 在父级node的位置

这里需要注意AnchorPoint 的x,y取值是(.0~1.0)
举例说明值的含义 比如(0,0)级左下角、 1,0 左上角、0,1右下角、1,1右上角 、0.5,0.5 中心 说到这里应该明白了吧

上面的代码缺少 margin 模块 比如MarginTop 、 MarginLeft 等

  • margin
    如果你需要考虑margin 最好传参用map这种键值对的格式比较容易实现
  • VisibleSize
    再说说VisibleSize 这个便是 可以看见的区域的大小 意思很明确对吧 Visible Size
  • VisibleOrigin
    VisibleOrigin这个意思也很明确 就是可见区域相对整个屏幕的起始点 Visible Origin
  • 为啥说VisibleOrigin和VisibleSize呢
    因为有时候会遇到初始创建的node大小都是最大的并不是可见区域的大小那么此时我计算的时候是先按照父级大小为 VisibleSize算然后坐标位置加上VisibleOrigin (判断是否为此情况的依据是 parentContentSize.equals(dSize) && visibleOrigin != Vec2::ZERO)上面代码中的
  • #define EnumContains(value,enum) ((value & enum) == enum)
    这行代码应该不难理解吧 就不说了

9.15添加
在看tests的时候发现的 用来布局应该是有帮助的

cocos2dx界面适配问题 Position AnchorPoint的更多相关文章

  1. 用canvas做一个DVD待机动画的实现代码

    这篇文章主要介绍了用canvas做一个DVD待机动画的实现代码的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  2. HTML5自定义视频播放器源码

    这篇文章主要介绍了HTML5自定义视频播放器源码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  3. 利用Node实现HTML5离线存储的方法

    这篇文章主要介绍了利用Node实现HTML5离线存储的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  4. Html5 滚动穿透的方法

    这篇文章主要介绍了Html5 滚动穿透的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  5. HTML5自定义mp3播放器源码

    这篇文章主要介绍了HTML5自定义mp3播放器源码,非常不错,具有一定的参考借鉴价值,需要的朋友可以参考下

  6. CSS中实现动画效果-附案例

    这篇文章主要介绍了 CSS中实现动画效果并附上案例代码及实现效果,就是CSS动画样式处理,动画声明需要使用@keyframes name,后面的name是人为定义的动画名称,下面我们来看看文章的具体实现内容吧,需要的小伙伴可以参考一下

  7. html5默认气泡修改的代码详解

    这篇文章主要介绍了html5默认气泡修改的代码详解,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下

  8. Html5移动端适配IphoneX等机型的方法

    这篇文章主要介绍了Html5移动端适配IphoneX等机型的方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

  9. 小程序瀑布流解决左右两边高度差距过大的问题

    这篇文章主要介绍了小程序瀑布流解决左右两边高度差距过大的问题的相关资料,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

  10. HTML5自定义元素播放焦点图动画的实现

    这篇文章主要介绍了HTML5自定义元素播放焦点图动画的实现,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

随机推荐

  1. 【cocos2d-x 3.x 学习笔记】对象内存管理

    Cocos2d-x的内存管理cocos2d-x中使用的是上面的引用计数来管理内存,但是又增加了一些自己的特色。cocos2d-x中通过Ref类来实现引用计数,所有需要实现内存自动回收的类都应该继承自Ref类。下面是Ref类的定义:在cocos2d-x中创建对象通常有两种方式:这两中方式的差异可以参见我另一篇博文“对象创建方式讨论”。在cocos2d-x中提倡使用第二种方式,为了避免误用第一种方式,一般将构造函数设为protected或private。参考资料:[1]cocos2d-x高级开发教程2.3节[

  2. 利用cocos2dx 3.2开发消灭星星六如何在cocos2dx中显示中文

    由于编码的不同,在cocos2dx中的Label控件中如果放入中文字,往往会出现乱码。为了方便使用,我把这个从文档中获取中文字的方法放在一个头文件里面Chinese.h这里的tex_vec是cocos2dx提供的一个保存文档内容的一个容器。这里给出ChineseWords,xml的格式再看看ChineseWord的实现Chinese.cpp就这样,以后在需要用到中文字的地方,就先include这个头文件然后调用ChineseWord函数,获取一串中文字符串。

  3. 利用cocos2dx 3.2开发消灭星星七关于星星的算法

    在前面,我们已经在GameLayer中利用随机数初始化了一个StarMatrix,如果还不知道怎么创建星星矩阵请回去看看而且我们也讲了整个游戏的触摸事件的派发了。

  4. cocos2dx3.x 新手打包APK注意事项!

    这个在编译的时候就可以发现了比较好弄这只是我遇到的,其他的以后遇到再补充吧。。。以前被这两个问题坑了好久

  5. 利用cocos2dx 3.2开发消灭星星八游戏的结束判断与数据控制

    如果你看完之前的,那么你基本已经拥有一个消灭星星游戏的雏形。开始把剩下的两两互不相连的星星消去。那么如何判断是GameOver还是进入下一关呢。。其实游戏数据贯穿整个游戏,包括星星消除的时候要加到获得分数上,消去剩下两两不相连的星星的时候的加分政策等,因此如果前面没有做这一块的,最好回去搞一搞。

  6. 利用cocos2dx 3.2开发消灭星星九为游戏添加一些特效

    needClear是一个flag,当游戏判断不能再继续后,这个flag变为true,开始消除剩下的星星clearSumTime是一个累加器ONE_CLEAR_TIME就是每颗星星消除的时间2.连击加分信息一般消除一次星星都会有连击信息和加多少分的信息。其实这些combo标签就是一张图片,也是通过控制其属性或者runAction来实现。源码ComboEffect.hComboEffect.cpp4.消除星星粒子效果消除星星时,为了实现星星爆裂散落的效果,使用了cocos2d提供的粒子特效引擎对于粒子特效不了

  7. 02 Cocos2D-x引擎win7环境搭建及创建项目

    官网有搭建的文章,直接转载记录。环境搭建:本文介绍如何搭建Cocos2d-x3.2版本的开发环境。项目创建:一、通过命令创建项目前面搭建好环境后,怎样创建自己的Cocos2d-x项目呢?先来看看Cocos2d-x3.2的目录吧这就是Cocos2d-x3.2的目录。输入cocosnew项目名–p包名–lcpp–d路径回车就创建成功了例如:成功后,找到这个项目打开proj.win32目录下的Hello.slnF5成功了。

  8. 利用cocos2dx 3.2开发消灭星星十为游戏添加音效项目源码分享

    一个游戏,声音也是非常的重要,其实cocos2dx里面的简单音效引擎的使用是非常简单的。我这里只不过是用一个类对所有的音效进行管理罢了。Audio.hAudio.cpp好了,本系列教程到此结束,第一次写教程如有不对请见谅或指教,谢谢大家。最后附上整个项目的源代码点击打开链接

  9. 03 Helloworld

    程序都有一个入口点,在C++就是main函数了,打开main.cpp,代码如下:123456789101112131415161718#include"main.h"#include"AppDelegate.h"#include"cocos2d.h"USING_NS_CC;intAPIENTRY_tWinMain{UNREFERENCED_ParaMETER;UNREFERENCED_ParaMETER;//createtheapplicationinstanceAppDelegateapp;return

  10. MenuItemImage*图标菜单创建注意事项

    学习cocos2dx,看的是cocos2d-x3.x手游开发实例详解,这本书错误一大把,本着探索求知勇于发现错误改正错误的精神,我跟着书上的例子一起调试,当学习到场景切换这个小节的时候,出了个错误,卡了我好几个小时。

返回
顶部