您的位置:首页 > 移动开发 > Cocos引擎

cocoStudio UI编辑器 学习总结

2013-12-03 19:59 465 查看
一、控件

控件基类

UIWidget:所有UI控件的基类


addChild:添加UIWidget类型的节点

addRenderer:添加CCNode类型的节点


所有UIWidget,都可以设置成触摸setTouchEnable(true)

setTouchEnable(true)
addTouchEventListener(CCObject* target,SEL_TouchEvent selector):设置触摸处理
setName:设置名字
getRect:获取尺寸


scale9:9宫格相关东西,拼接成大图

setScale9Enabled(true);
setSize(size);


UIButton:

备注:按钮
setPressedActionEnabled:添加按下放大动画
addTouchEventListener(this, toucheventselector(UIButtonTest::touchEvent));


UITextButton

备注:按钮,按钮上面带文字
setText:设置显示内容


UICheckBox

备注:CheckBox,不解释
addEventListenerCheckBox:选择效果变化触发方法


UISlider

备注:滑动条
loadBarTexture:设置背景长条纹理
loadSlidBallTextures:设置滚球纹理
loadProgressBarTexture:设置进度条纹理
addEventListenerSlider:进度变化调用,getPercent获取值(0~100)
setCapInsets(CCRectMake(0, 0, 0, 0));被设置scale9时,需要调用


UILoadingBar

备注:进度条,与滑动条的区别在于没有滑动按钮
setTexture:设置纹理
setPercent:设置进程(0~100)
setDirection(LoadingBarTypeRight):默认从左到右
setCapInsets(CCRectMake(0, 0, 0, 0));被设置scale9时,需要调用


UILabelAtlas

备注:图片文字控件
setProperty("1234567890", "cocosgui/labelatlas.png", 17, 22, "0")


UITextArea

备注:文字区域控件,显示大段换行文字
setTextAreaSize:设置显示区域
setTextHorizontalAlignment(kCCTextAlignmentCenter):设置显示模式
setText:设置内容


UITextField

备注:输入法控件
setPlaceHolder:设置无内容时的显示
addEventListenerTextField:设置回调
setMaxLengthEnable:字数限制开关
setMaxLength:字数限制个数
setPasswordEnable:密码模式开关
setPasswordStyleText(“*”):密码显示替代符


UILayout(panel)

备注:容器
setSize:大小
setBackGroundColorType:抹色类型(支持均匀、梯度)
setBackGroundColor:抹色的色值
setClippingEnabled:图片背景开关
setBackGroundImage:图片
setBackGroundImageScale9Enabled:9碎片拼接开关
setBackGroundImage:9碎片纹理
setLayoutType(LAYOUT_LINEAR_VERTICAL);设置陈立方式
//陈立参数
UILinearLayoutParameter* lp1 = UILinearLayoutParameter::create();
button->setLayoutParameter(lp1);
lp1->setGravity(LINEAR_GRAVITY_CENTER_HORIZONTAL);
lp1->setMargin(UIMargin(0, 5, 0, 10));


UIScrollView

备注:滚动容器(任意UIWidget类型)它以左上角为锚点
setBounceEnabled:弹跳开关,拉过了之后,可以弹回来
setInnerContainerSize:设置内部实际大小,必须大于等于size
setDirection(SCROLLVIEW_DIR_HORIZONTAL):设置滚动方向
addChild:UIWidget都可以


UIPageView

备注:翻页容器(必须UILayout)
addPage:添加UILayout对象
getPage:获取当前页数
addEventListenerPageView:回调方法
case PAGEVIEW_EVENT_TURNING:
UIPageView* pageView = dynamic_cast<UIPageView*>(pSender);


UIListView

备注:同UIScrollView(只能UILayout)
setDirection(LISTVIEW_DIR_HORIZONTAL);:朝向
setBackGroundImageScale9Enabled:背景
setBackGroundImage:背景
addEventListenerListView:回调方法(完成初始化时,list发生变化时)
initChildWithDataLength:设置数据个数
addChild:只能添加UILayout类型
getUpdateDataIndex:获取更新的索引值
getUpdateChild:获取更新项
setUpdateSuccess:设置更新状态
(不用设置listView内数据的总尺寸大小)


UIDragPanel

备注:拖拽容器(任意UIWidget)
setBackGroundImageScale9Enabled
setBackGroundImage
setBounceEnabled:弹跳开关,拉过了之后,可以弹回来
setSize:设计显示大小
setInnerContainerSize:设置实际大小


UINodeContainer

备注:CCNode容器,与CCNode挂钩
addCCNode:添加各种CCNode,如CCSprite
addRenderer:也可以添加CCNode,每个UIWidget拥有


二、程序使用

//UI层创建
UILayer* ul = UILayer::create();
UILayout* widget = dynamic_cast<UILayout*>(GUIReader::shareReader()->widgetFromJsonFile("ui_file/gameInfo_1.json"));
Ul->addWidget(widget);


//获取
UIImageView * lifeBar = (UIImageView *)ul->getWidgetByName("lifeBar");


//释放
onExit或析构中需调用(否则内存泄露)
GUIReader::shareReader()->purgeGUIReader();
DictionaryHelper::shareHelper()->purgeDictionaryHelper();
ActionManager::shareManager()->purgeActionManager();
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: