cocoStudio|cocoStudio UI编辑器学习总结 cocoStudioUI编辑器学习总结

一、控件
控件基类

UIWidget：所有UI控件的基类

addChild：添加UIWidget类型的节点addRenderer：添加CCNode类型的节点

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

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

【cocoStudio|cocoStudio UI编辑器学习总结】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(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(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();

转载于:https://www.cnblogs.com/hewei2012/p/3456415.html