Cocos2d-x学习笔记(五)—— 常见UI界面(未完全)

这篇博客介绍了Cocos2d-x中创建UI界面的方法,包括字体和标签显示、菜单、进度条的使用,并通过示例代码展示了如何利用调度器、自定义文字按钮和拖动进度条。内容主要在HelloWorldScene.cpp的init()函数中实现。
摘要由CSDN通过智能技术生成

对于UI界面,目前常用的有字体显示,标签,菜单,进度条,调度器,自定义文字按钮,自定义拖动进度条。(后续添加)

我们的代码都是直接在新建项目HelloWorld中的HelloWorldScene.cpp的init()函数中操作。


字体和标签显示:

<span style="font-size:18px;">CCSize s = CCDirector::sharedDirector()->getWinSize();

	// !!!!!字体以及标签!!!!!
	// 参数:1、要显示文字;2、显示字体;3、字体大小
	CCLabelTTF *ttf = CCLabelTTF::create("windows7lake", "A Damn Mess.ttf", 32);
	ttf->setPosition(100, s.height - 10);
	addChild(ttf);

	// 参数:1、要显示文字;2、显示字体;3、字体大小;4、尺寸(把这一段字符串看作整体,
	// 需要显示的大小);5、屏幕横向位置;6、屏幕纵向位置
	Label *ttf1 = Label::createWithSystemFont("windows7", "A Damn Mess.ttf", 42,
		Size::Size(70, 40), TextHAlignment::CENTER, TextVAlignment::TOP);
	ttf1->setPosition(100, s.height - 60);
	addChild(ttf1);

	// 参数:1、要显示文字;2、显示字体的相对路径
	LabelBMFont *ttf2 = LabelBMFont::create("lake", "fonts/bitmapFontChinese.fnt");
	ttf2->setPosition(50, s.height - 110);
	addChild(ttf2);

	// 参数:1、要显示文字;2、显示字体的相对路径;
	LabelAtlas *ttf3 = LabelAtlas::create("123 Test", "fonts/tuffy_bold_italic-charmap.plist");
	ttf3->setPosition(50, s.height - 160);
	addChild(ttf3);

	// 参数:1、要显示文字;2、显示字体的相对路径;3、字体宽度;4、字体高度;5、字体图片中的起始符号(这里为空格)
	LabelAtlas *ttf4 = LabelAtlas::create("456 Test", "fonts/tuffy_bold_italic-charmap.png", 24, 32, ' ');
	ttf4->setPosition(50, s.height - 210);
	addChild(ttf4);

	// 字体配置参数:1、字体;2、字体大小
	TTFConfig config("fonts/arial.ttf", 16);
	// 参数:1、字体配置;2、显示字符;3、相对横向位置
	Label *ttf5 = Label::createWithTTF(config, "789 test", TextHAlignment::RIGHT);
	ttf5->setPosition(50, s.height - 250);
	this->addChild(ttf5);

	// 参数:显示字体的相对路径
	Label *ttf6 = Label::createWithCharMap("fonts/tuffy_bold_italic-charmap.plist");
	addChild(ttf6);
	ttf6->setPosition(50, s.height - 290);</span>
运行结果:



菜单:

<span style="font-size:18px;">CCSize s = CCDirector::sharedDirector()->getWinSize();
// !!!!!菜单!!!!!
	// Sprite Item
	auto spriteNormal = Sprite::create("image/HelloWorld.png", Rect(0, 23 * 2, 115, 23));
	auto spriteSelected = Sprite::create("image/HelloWorld.png", Rect(0, 23 * 1, 115, 23));
	auto spriteDisabled = Sprite::create("image/HelloWorld.png", Rect(0, 23 * 0, 115, 23));
	MenuItemSprite *item1 = MenuItemSprite::create(spriteNo
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值