Widget中Layout的使用

PageView->ListView->ScrollView->Layout->Widget

Layout的作用相当Node节点功能，它可以把继承于Widget和Node的对象放到里面，这里面PageView->ListView->ScrollView添加Layout，建议都使用pushBackCustomItem，不过也可以使用addChild

 

// 创建Layout

Layout* layout_Left = Layout::create();

// 设置Layout的布局类型为平面相对布局

layout_Left->setLayoutType(LayoutType::RELATIVE);

// 设置Layout的ContentSize

layout_Left->setContentSize(Size(280, 150));

// 设置Layout的锚点

layout_Left->setAnchorPoint(Vec2::ANCHOR_MIDDLE_LEFT);

// 设置Layout的背景颜色类型为单一固定颜色

layout_Left->setBackGroundColorType(Layout::BackGroundColorType::SOLID);

// 设置Layout的背景颜色为绿色

layout_Left->setBackGroundColor(Color3B::GREEN);

// 设置Layout的位置

layout_Left->setPosition(Vec2(100,visibleSize.height/2));

// 将Layout添加为当前层的子节点

this->addChild(layout_Left);

// 创建一个Button对象，设置在Layout的左上角

Button* button_TopLeft = Button::create("animationbuttonnormal.png",

"animationbuttonpressed.png");

layout_Left->addChild(button_TopLeft);

RelativeLayoutParameter* rp_TopLeft = RelativeLayoutParameter::create();

/*PARENT_TOP_LEFT左上角PARENT_TOP_CENTER_HORIZONTAL上方中间位置

PARENT_TOP_RIGHT右上角PARENT_LEFT_CENTER_VERTICAL中间左边

CENTER_IN_PARENT中间PARENT_RIGHT_CENTER_VERTICAL中间右边

PARENT_LEFT_BOTTOM底端左边PARENT_BOTTOM_CENTER_HORIZONTAL底端中间PARENT_RIGHT_BOTTOM底端右边*/

rp_TopLeft->setAlign(RelativeLayoutParameter::RelativeAlign::PARENT_TOP_LEFT);

button_TopLeft->setLayoutParameter(rp_TopLeft);