2dx相对布局和Android非常类似。假设前完成Android它应该是easy入门。

        Size widgetSize = Director::getInstance()->getWinSize();Text* alert = Text::create("Layout", "fonts/Marker Felt.ttf", 30 );alert->setColor(Color3B(159, 168, 176));alert->setPosition(Point(widgetSize.width / 2.0f,widgetSize.height / 2.0f - alert->getSize().height * 3.075f));addChild(alert);Layout* layout = Layout::create();layout->setSize(Size(widgetSize.width, widgetSize.height));//横向排列，这里相似Android里的线性布局layout->setLayoutType(LAYOUT_RELATIVE);/*以图片为背景*/layout->setBackGroundImageScale9Enabled(true);layout->setBackGroundImage("green_edit.png");layout->setPosition(Point(0,0));addChild(layout);Button* button_TopLeft = Button::create("animationbuttonnormal.png", "animationbuttonpressed.png");layout->addChild(button_TopLeft);RelativeLayoutParameter* rp_TopLeft = RelativeLayoutParameter::create();rp_TopLeft->setAlign(RELATIVE_ALIGN_PARENT_TOP_LEFT);button_TopLeft->setLayoutParameter(rp_TopLeft);//top center horizontalButton* button_TopCenter = Button::create("animationbuttonnormal.png","animationbuttonpressed.png");layout->addChild(button_TopCenter);RelativeLayoutParameter* rp_TopCenter = RelativeLayoutParameter::create();rp_TopCenter->setAlign(RELATIVE_ALIGN_PARENT_TOP_CENTER_HORIZONTAL);button_TopCenter->setLayoutParameter(rp_TopCenter);Button* button_TopRight = Button::create("animationbuttonnormal.png","animationbuttonpressed.png");layout->addChild(button_TopRight);RelativeLayoutParameter* rp_TopRight = RelativeLayoutParameter::create();rp_TopRight->setAlign(RELATIVE_ALIGN_PARENT_TOP_RIGHT);button_TopRight->setLayoutParameter(rp_TopRight);//left centerButton* button_LeftCenter = Button::create("animationbuttonnormal.png","animationbuttonpressed.png");layout->addChild(button_LeftCenter);RelativeLayoutParameter* rp_LeftCenter = RelativeLayoutParameter::create();rp_LeftCenter->setAlign(RELATIVE_ALIGN_PARENT_LEFT_CENTER_VERTICAL);button_LeftCenter->setLayoutParameter(rp_LeftCenter);//centerButton* buttonCenter = Button::create("animationbuttonnormal.png","animationbuttonnormal.png");layout->addChild(buttonCenter);RelativeLayoutParameter* rpCenter = RelativeLayoutParameter::create();rpCenter->setAlign(RELATIVE_CENTER_IN_PARENT);buttonCenter->setLayoutParameter(rpCenter);Button* button_RightCenter = Button::create("animationbuttonnormal.png","animationbuttonpressed.png");layout->addChild(button_RightCenter);RelativeLayoutParameter* rp_RightCenter = RelativeLayoutParameter::create();rp_RightCenter->setAlign(RELATIVE_ALIGN_PARENT_RIGHT_CENTER_VERTICAL);button_RightCenter->setLayoutParameter(rp_RightCenter);//left bottomButton* button_LeftBottom = Button::create("animationbuttonnormal.png","animationbuttonpressed.png");layout->addChild(button_LeftBottom);RelativeLayoutParameter* rp_LeftBottom = RelativeLayoutParameter::create();rp_LeftBottom->setAlign(RELATIVE_ALIGN_PARENT_LEFT_BOTTOM);button_LeftBottom->setLayoutParameter(rp_LeftBottom);//bottom centerButton* button_BottomCenter = Button::create("animationbuttonnormal.png","animationbuttonpressed.png");layout->addChild(button_BottomCenter);RelativeLayoutParameter* rp_BottomCenter = RelativeLayoutParameter::create();rp_BottomCenter->setAlign(RELATIVE_ALIGN_PARENT_BOTTOM_CENTER_HORIZONTAL);button_BottomCenter->setLayoutParameter(rp_BottomCenter);Button* button_RightBottom = Button::create("animationbuttonnormal.png","animationbuttonpressed.png");layout->addChild(button_RightBottom);RelativeLayoutParameter* rp_RightBottom = RelativeLayoutParameter::create();rp_RightBottom->setAlign(RELATIVE_ALIGN_PARENT_RIGHT_BOTTOM);button_RightBottom->setLayoutParameter(rp_RightBottom);