Lambda作为菜单回调
lambda函数是指可以在源代码中编写内联函数的函数。Cocos2d-x中可以使用lambda函数,你甚至可以将lambda函数作为回调函数。除了Menu
回调,lambda函数可用作多种函数。
一个简单的lambda函数:
auto func = [] () { cout <<
"Hello world"
; };
func();
使用lambda作为Action函数:
3
auto action1 = CallFunc::create([&](){
std::cout <<
"using a Lambda callback"
<< std::endl;
});
|
使用lambda创建一个std::function:
5
std::function<
void
()> myFunction = []()
{
"From myFunction()"
<< std::endl;
};
auto action2 = CallFunc::create(myFunction);
|
使用lambda作为MenuItem回调:
GUI控件和容器
综述
新的GUI模块是基于GUI控件的框架,最开始设计是用于Cocos Studio中。新的GUI模块的父类是继承自ProtectedNode的ui::Widget。当从ProtectedNode中添加或者移除子节点时,ProtectedNode用于控制内部Node列表。内部节点列表不会被触发,对于保持模块内部渲染组件很安全。我们可以将GUI分成两部分:Widget(控件)和Containers(容器)。
Layout(布局)
Layout类是所有容器的父类,它继承自Widget。Layout类主要用于陈列子控件和剪裁。
LayoutManager、LayoutParameter和Margin类用于陈列元素。HBox、VBox和RelativeBox可以很方便地将子控件水平地、垂直地、相对地陈列子控件。
ScrolView、ListView和PageView是针对某些场景使用的指定容器。我们将在另一章节中详细讲解。
Widgets(组件)
Widgets
(组件)是GUI对象,使用组件可以很容易地创建用户界面。下面我们来一起讨论下你可能会用到的一些常用组件:
Buttons(按钮)
按钮用来拦截触摸事件,点击按钮会调用一个预定义的回调函数。它继承自ui::Widget,这个类提供了设置按钮标题、图像以及其他属相的方法。每个按钮都有一个正常状态和一个被选择的状态。Button的外观根据状态而改变。创建一个Button很简单:
6
auto button = Button::create(
"animationbuttonnormal.png"
"animationbuttonpressed.png"
);
button->setTitleText(
"Text Button"
);
button->setPosition(Vec2(0,0));
button->addTouchEventListener(CC_CALLBACK_2(UIButtonTest::touchEvent,monospace!important; font-size:1em!important; min-height:inherit!important">));
->addChild(button);
|
CheckBox(复选框)
CheckBox允许用户可以做多重选择。CheckBox可以有正常、被选择、不可选三种状态。创建一个CheckBox很简单:
9
auto checkBox = CheckBox::create(
"check_Box_normal.png"
"check_Box_normal_press.png"
"check_Box_active.png"
"check_Box_normal_disable.png"
"check_Box_active_disable.png"
);
checkBox->setPosition(Vec2(0,0));
checkBox->addEventListener(CC_CALLBACK_2(UICheckBoxTest::selectedEvent,monospace!important; font-size:1em!important; min-height:inherit!important">));
|
LoadingBar(进度条)
LoadingBar可用于显示操作的进程,例如下载、文件传输等,也可以称其为状态条。创建一个LaodingBar:
auto loadingBar = LoadingBar::create(
"sliderProgress.png"
);
loadingBar->setDirection(LoadingBar::Direction::RIGHT);
loadingBar->setPosition(Vec2(0,0));
->addChild(loadingBar);
Slider(滑动条)
滑动条允许用户通过移动一个指标来设定值。创建一个Slider:
auto slider = Slider::create();
slider->loadBarTexture(
"sliderTrack.png"
slider->loadSlidBallTextures(
"sliderThumb.png"
""
slider->loadProgressBarTexture(
);
slider->setPosition(Vec2(0,0));
slider->addEventListener(CC_CALLBACK_2(UiSliderTest::sliderEvent,monospace!important; font-size:1em!important; min-height:inherit!important">));
->addChild(slider);
ImageView(图像显示控件 )
ImageView是一个展示图片的占位符。支持触摸事件、对焦、百分比定位和内容大小百分比。创建一个ImageView:
auto imageView = ImageView::create(
"ccicon.png"
imageView->setPosition(Vec2(0,0));
->addChild(imageView);
还可以通过SpriteFrame创建一个ImageView:
TextureResType::PLIST);
->addChild(imageView);
Text(文本)
Text控件用于展示文本。还可以将其用作一个写了字的按钮。Text支持系统默认字体和TTF字体。创建一个Text控件:
auto text = Text::create(
"Text"
"fonts/MyTTF.ttf"
text->setPosition(Vec2(0,monospace!important; font-size:1em!important; min-height:inherit!important">->addChild(text);
与其他Label对象一样,你可以给文本添加阴影、光晕、轮廓等特效。
TextBMFont
TextBMFont控件用于显示BMFont文本。支持触摸事件、对焦、百分比定位和内容大小百分比。创建一个TextBMFont与创建Text控件一样:
auto textBMFont = TextBMFont::create(
"BMFont"
"bitmapFontTest2.fnt"
textBMFont->setPosition(Vec2(0,monospace!important; font-size:1em!important; min-height:inherit!important">->addChild(textBMFont);
TextAtlas
TextAtlas控件用于将文本显示为Atlas字体。支持触摸事件、对焦、百分比定位和内容大小百分比。
auto textAtlas = TextAtlas::create(
"1234567890"
"labelatlas.png"
"0"
textAtlas->setPosition(Vec2(0,monospace!important; font-size:1em!important; min-height:inherit!important">->addChild(textAtlas);
RichText(富文本)
RichText控件用于显示文本、图像和常用节点。支持触摸事件、对焦、百分比定位和内容大小百分比。当接收到一个触摸事件时,整个RichText控件都接收这个事件。创建一个Richtext控件:
10
auto richText = RichText::create();
richText->ignoreContentAdaptWithSize(
richText->setContentSize(Size(100,100));
auto re1 = RichElementText::create(1,Color3B::WHITE,255,str1,monospace!important; font-size:1em!important; min-height:inherit!important; color:blue!important">"Marker Felt"
richText->pushBackElement(re1);
richText->setPosition(Vec2(0,0));
richText->setLocalZOrder(10);
->addChild(_richText);
|
TextField
TextField控件用于输入文本。支持触摸事件、对焦、百分比定位和内容大小百分比。创建一个TextField控件:
auto textField = TextField::create(
"input words here"
textField->setPosition(Vec2(0,0));
textField->addEventListener(CC_CALLBACK_2(UITextFieldTest::textFieldEvent,monospace!important; font-size:1em!important; min-height:inherit!important">));
->addChild(textField);
原文链接:https://www.f2er.com/cocos2dx/344569.html