axmol/tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UIListViewTest/UIListViewTest.cpp

1060 lines
43 KiB
C++
Raw Normal View History

2013-09-16 20:54:13 +08:00
#include "UIListViewTest.h"
2015-04-09 12:23:47 +08:00
USING_NS_CC;
using namespace cocos2d::ui;
const char* font_UIListViewTest = "fonts/Marker Felt.ttf";
2013-09-16 20:54:13 +08:00
UIListViewTests::UIListViewTests()
{
ADD_TEST_CASE(UIListViewTest_Horizontal);
ADD_TEST_CASE(UIListViewTest_Vertical);
ADD_TEST_CASE(UIListViewTest_ScrollToItemVertical);
ADD_TEST_CASE(UIListViewTest_ScrollToItemHorizontal);
ADD_TEST_CASE(UIListViewTest_MagneticVertical);
ADD_TEST_CASE(UIListViewTest_MagneticHorizontal);
ADD_TEST_CASE(UIListViewTest_PaddingVertical);
ADD_TEST_CASE(UIListViewTest_PaddingHorizontal);
ADD_TEST_CASE(Issue12692);
ADD_TEST_CASE(Issue8316);
}
2013-09-16 20:54:13 +08:00
// UIListViewTest_Vertical
UIListViewTest_Vertical::UIListViewTest_Vertical()
2016-03-01 13:23:24 +08:00
: _displayValueLabel(nullptr),
_spawnCount(5), //spawnCount should > listview.width / templateWidth + 2
2016-03-01 13:23:24 +08:00
_totalCount(50),
_bufferZone(45), //bufferZone should be larger than List item width
_updateTimer(0),
_updateInterval(1.0f / 24), // you could tweak this value to adjust ListView data update rate
2016-03-01 13:23:24 +08:00
_lastContentPosY(0), //use this value to detect if we are scrolling left or right
_itemTemplateHeight(0)
2013-09-16 20:54:13 +08:00
{
2013-12-23 15:35:35 +08:00
2013-09-16 20:54:13 +08:00
}
UIListViewTest_Vertical::~UIListViewTest_Vertical()
2013-12-23 15:35:35 +08:00
{
2013-09-16 20:54:13 +08:00
}
bool UIListViewTest_Vertical::init()
{
if (UIScene::init())
{
Size widgetSize = _widget->getContentSize();
2013-12-23 15:35:35 +08:00
2016-03-01 13:23:24 +08:00
_displayValueLabel = Text::create("There are 50 items, but we only create 5 templates", "fonts/Marker Felt.ttf", 20);
Squashed commit of the following: commit a9572b8913f3a38b59adbd7b4017ab9848a6b2b5 Author: Ricardo Quesada <ricardoquesada@gmail.com> Date: Wed May 14 10:03:44 2014 -0700 math renames `Vector2` -> `Vec2` `Vector3` -> `Vec3` `Vector4` -> `Vec4` `Matrix` -> `Mat4` commit 4e107f4bd854c26bfceb52b063d6bd9cea02d6a3 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 09:24:28 2014 -0700 raw version of rename Vector3 commit 1d115573ebe96a5fc815fa44fbe6417ea7dba841 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 09:07:14 2014 -0700 rename Vector2 after merge commit ab2ed58c129dbc30a4c0970ed94568c5d271657b Merge: 1978d2d 86fb75a Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 09:05:30 2014 -0700 Merge branch 'v3' into v3_renameMathClassName Conflicts: tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UIButtonTest/UIButtonTest_Editor.cpp tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UICheckBoxTest/UICheckBoxTest_Editor.cpp tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UISliderTest/UISliderTest_Editor.cpp tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UITextFieldTest/UITextFieldTest.cpp tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UITextFieldTest/UITextFieldTest_Editor.cpp commit 1978d2d174877172ccddc083020a1bbf43ad3b39 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 08:51:45 2014 -0700 rename vector2 in tests/cpp-empty-test folder commit d4e0ff13dcce62724d2fece656543f26aa28e467 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:58:23 2014 -0700 rename vector2 in tests/cpp-tests cpp files commit be50ca2ec75e0fd32a6fcdaa15fe1ebb4cafe79f Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:52:57 2014 -0700 rename vector2 in tests/cpp-tests head files commit 6daef564400d4e28c4ce20859a68e0f583fed125 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:49:48 2014 -0700 rename vector2 in extension folder commit 8f3f0f65ceea92c9e7a0d87ab54e62220c5572e2 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:47:22 2014 -0700 rename vector2 in cocos/2d cpp files commit e1f3105aae06d595661a3030f519f7cc13aefbed Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:44:39 2014 -0700 rename vector2 in cocos/2d head files commit 6708d890bfe486109120c3cd4b9fe5c078b7108f Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:40:59 2014 -0700 rename vector2 in cocos/base folder commit d3978fa5447c31ea2f3ece5469b7e746dfba4248 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:40:43 2014 -0700 rename vector2 in cocos/deprecated folder commit 4bff45139363d6b9706edbbcf9f322d48b4fd019 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:40:26 2014 -0700 rename vector2 in cocos/editor-support folder commit 353d244c995f8b5d14f635c52aed8bc5e5fc1a6f Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:36:48 2014 -0700 rename vector2 in cocos/ui folder commit 758b8f4d513084b9922d7242e9b8f2c7f316de6c Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:32:39 2014 -0700 rename vector2 in cocos/renderer folder commit 0bd2710dd8714cecb993880bc37affd9ecb05c27 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:32:15 2014 -0700 rename vector2 in cocos/physics folder commit b7f0581c4587348bdbc1478d5374c2325735f21d Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:25:01 2014 -0700 rename vector2 in cocos/math folder commit a8631a8e1a4e2740807ccd9be9d70de6ecaad7dd Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:16:55 2014 -0700 rename Vector2 to Vec2 deprecate typedef Vector2
2014-05-15 01:07:09 +08:00
_displayValueLabel->setAnchorPoint(Vec2(0.5f, -1.0f));
_displayValueLabel->setPosition(Vec2(widgetSize.width / 2.0f,
2016-03-01 13:23:24 +08:00
widgetSize.height / 2.0f + _displayValueLabel->getContentSize().height * 1.5f + 30));
2013-12-23 15:35:35 +08:00
_uiLayer->addChild(_displayValueLabel);
2014-04-03 11:23:12 +08:00
Text* alert = Text::create("ListView vertical", "fonts/Marker Felt.ttf", 30);
2013-09-16 20:54:13 +08:00
alert->setColor(Color3B(159, 168, 176));
Squashed commit of the following: commit a9572b8913f3a38b59adbd7b4017ab9848a6b2b5 Author: Ricardo Quesada <ricardoquesada@gmail.com> Date: Wed May 14 10:03:44 2014 -0700 math renames `Vector2` -> `Vec2` `Vector3` -> `Vec3` `Vector4` -> `Vec4` `Matrix` -> `Mat4` commit 4e107f4bd854c26bfceb52b063d6bd9cea02d6a3 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 09:24:28 2014 -0700 raw version of rename Vector3 commit 1d115573ebe96a5fc815fa44fbe6417ea7dba841 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 09:07:14 2014 -0700 rename Vector2 after merge commit ab2ed58c129dbc30a4c0970ed94568c5d271657b Merge: 1978d2d 86fb75a Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 09:05:30 2014 -0700 Merge branch 'v3' into v3_renameMathClassName Conflicts: tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UIButtonTest/UIButtonTest_Editor.cpp tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UICheckBoxTest/UICheckBoxTest_Editor.cpp tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UISliderTest/UISliderTest_Editor.cpp tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UITextFieldTest/UITextFieldTest.cpp tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UITextFieldTest/UITextFieldTest_Editor.cpp commit 1978d2d174877172ccddc083020a1bbf43ad3b39 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 08:51:45 2014 -0700 rename vector2 in tests/cpp-empty-test folder commit d4e0ff13dcce62724d2fece656543f26aa28e467 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:58:23 2014 -0700 rename vector2 in tests/cpp-tests cpp files commit be50ca2ec75e0fd32a6fcdaa15fe1ebb4cafe79f Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:52:57 2014 -0700 rename vector2 in tests/cpp-tests head files commit 6daef564400d4e28c4ce20859a68e0f583fed125 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:49:48 2014 -0700 rename vector2 in extension folder commit 8f3f0f65ceea92c9e7a0d87ab54e62220c5572e2 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:47:22 2014 -0700 rename vector2 in cocos/2d cpp files commit e1f3105aae06d595661a3030f519f7cc13aefbed Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:44:39 2014 -0700 rename vector2 in cocos/2d head files commit 6708d890bfe486109120c3cd4b9fe5c078b7108f Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:40:59 2014 -0700 rename vector2 in cocos/base folder commit d3978fa5447c31ea2f3ece5469b7e746dfba4248 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:40:43 2014 -0700 rename vector2 in cocos/deprecated folder commit 4bff45139363d6b9706edbbcf9f322d48b4fd019 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:40:26 2014 -0700 rename vector2 in cocos/editor-support folder commit 353d244c995f8b5d14f635c52aed8bc5e5fc1a6f Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:36:48 2014 -0700 rename vector2 in cocos/ui folder commit 758b8f4d513084b9922d7242e9b8f2c7f316de6c Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:32:39 2014 -0700 rename vector2 in cocos/renderer folder commit 0bd2710dd8714cecb993880bc37affd9ecb05c27 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:32:15 2014 -0700 rename vector2 in cocos/physics folder commit b7f0581c4587348bdbc1478d5374c2325735f21d Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:25:01 2014 -0700 rename vector2 in cocos/math folder commit a8631a8e1a4e2740807ccd9be9d70de6ecaad7dd Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:16:55 2014 -0700 rename Vector2 to Vec2 deprecate typedef Vector2
2014-05-15 01:07:09 +08:00
alert->setPosition(Vec2(widgetSize.width / 2.0f,
widgetSize.height / 2.0f - alert->getContentSize().height * 3.075f));
2013-12-23 15:35:35 +08:00
_uiLayer->addChild(alert);
2013-09-16 20:54:13 +08:00
2013-12-23 15:35:35 +08:00
Layout* root = static_cast<Layout*>(_uiLayer->getChildByTag(81));
2013-09-16 20:54:13 +08:00
2013-12-23 15:35:35 +08:00
Layout* background = dynamic_cast<Layout*>(root->getChildByName("background_Panel"));
Size backgroundSize = background->getContentSize();
2013-09-16 20:54:13 +08:00
2013-12-23 15:35:35 +08:00
// create list view ex data
2014-06-25 16:17:16 +08:00
2016-03-01 13:23:24 +08:00
for (int i = 0; i < _totalCount; ++i)
2013-09-16 20:54:13 +08:00
{
2014-06-25 16:17:16 +08:00
std::string ccstr = StringUtils::format("listview_item_%d", i);
_array.push_back(ccstr);
2013-09-16 20:54:13 +08:00
}
2013-12-23 15:35:35 +08:00
// Create the list view ex
2016-03-01 13:23:24 +08:00
_listView = ListView::create();
2013-12-23 15:35:35 +08:00
// set list view ex direction
2016-03-01 13:23:24 +08:00
_listView->setDirection(ui::ScrollView::Direction::VERTICAL);
_listView->setBounceEnabled(true);
_listView->setBackGroundImage("cocosui/green_edit.png");
_listView->setGlobalZOrder(200);
2016-03-01 13:23:24 +08:00
_listView->setBackGroundImageScale9Enabled(true);
_listView->setContentSize(Size(240, 130));
_listView->setPosition(Vec2((widgetSize - _listView->getContentSize()) / 2.0f));
_listView->addEventListener((ui::ListView::ccListViewCallback)CC_CALLBACK_2(UIListViewTest_Vertical::selectedItemEvent, this));
_listView->addEventListener((ui::ListView::ccScrollViewCallback)CC_CALLBACK_2(UIListViewTest_Vertical::selectedItemEventScrollView,this));
_listView->setScrollBarPositionFromCorner(Vec2(7, 7));
_uiLayer->addChild(_listView);
2013-12-23 15:35:35 +08:00
// create model
2014-04-03 11:23:12 +08:00
Button* default_button = Button::create("cocosui/backtotoppressed.png", "cocosui/backtotopnormal.png");
2013-12-23 15:35:35 +08:00
default_button->setName("Title Button");
Layout* default_item = Layout::create();
default_item->setTouchEnabled(true);
default_item->setContentSize(default_button->getContentSize());
default_button->setPosition(Vec2(default_item->getContentSize() / 2.0f));
2013-12-23 15:35:35 +08:00
default_item->addChild(default_button);
2016-03-01 13:23:24 +08:00
auto clippingNode = ClippingNode::create();
auto sprite = Sprite::create("cocosui/clippingHead.jpg");
clippingNode->addChild(sprite);
auto stencil = Sprite::create("cocosui/clippingStencil.jpg");
clippingNode->setStencil(stencil);
auto custom_item_contentSize = default_item->getContentSize();
clippingNode->setPosition(sprite->getContentSize().width/2,
custom_item_contentSize.height/2);
clippingNode->setScale(0.5);
default_item->addChild(clippingNode);
2016-03-01 13:23:24 +08:00
// set model
_listView->setItemModel(default_item);
2016-03-01 13:23:24 +08:00
// set all items layout gravity
_listView->setGravity(ListView::Gravity::CENTER_VERTICAL);
2013-12-23 15:35:35 +08:00
2016-03-01 13:23:24 +08:00
//initial the data
for (int i = 0; i < _totalCount; ++i) {
if (i < _spawnCount) {
Widget* item = default_item->clone();
item->setTag(i);
Button* btn = (Button*)item->getChildByName("Title Button");
btn->setTitleText(_array.at(i));
_listView->pushBackCustomItem(item);
}
2013-12-23 15:35:35 +08:00
}
2016-03-01 13:23:24 +08:00
// set items margin
float spacing = 4;
_listView->setItemsMargin(spacing);
_itemTemplateHeight = default_item->getContentSize().height;
this->_reuseItemOffset = (_itemTemplateHeight + spacing) * _spawnCount;
//update listview data
this->scheduleUpdate();
2013-12-23 15:35:35 +08:00
2016-03-01 13:23:24 +08:00
_listView->forceDoLayout();
2016-03-01 15:22:32 +08:00
float totalHeight = _itemTemplateHeight * _totalCount + (_totalCount - 1) * spacing;
2016-03-01 13:23:24 +08:00
_listView->setInnerContainerSize(Size(_listView->getInnerContainerSize().width, totalHeight));
_listView->jumpToTop();
2013-12-23 15:35:35 +08:00
// Show the indexes of items on each boundary.
{
float position = 75;
// Labels
_indexLabels[0] = Text::create(" ", "fonts/Marker Felt.ttf", 12);
_indexLabels[0]->setAnchorPoint(Vec2::ANCHOR_MIDDLE);
_indexLabels[0]->setPosition(_uiLayer->getContentSize() / 2 + Size(0, position));
_uiLayer->addChild(_indexLabels[0]);
_indexLabels[1] = Text::create(" ", "fonts/Marker Felt.ttf", 12);
_indexLabels[1]->setAnchorPoint(Vec2::ANCHOR_MIDDLE);
_indexLabels[1]->setPosition(_uiLayer->getContentSize() / 2 + Size(140, 0));
_uiLayer->addChild(_indexLabels[1]);
_indexLabels[2] = Text::create(" ", "fonts/Marker Felt.ttf", 12);
_indexLabels[2]->setAnchorPoint(Vec2::ANCHOR_MIDDLE);
_indexLabels[2]->setPosition(_uiLayer->getContentSize() / 2 + Size(0, -position));
_uiLayer->addChild(_indexLabels[2]);
// Callback
2016-03-01 13:23:24 +08:00
_listView->ScrollView::addEventListener([this](Ref* ref, ScrollView::EventType eventType) {
ListView* listView = dynamic_cast<ListView*>(ref);
if(listView == nullptr || eventType != ScrollView::EventType::CONTAINER_MOVED)
{
return;
}
auto bottom = listView->getBottommostItemInCurrentView();
auto center = listView->getCenterItemInCurrentView();
auto top = listView->getTopmostItemInCurrentView();
_indexLabels[0]->setString(StringUtils::format("Top index=%zd", listView->getIndex(top)));
_indexLabels[1]->setString(StringUtils::format("Center\nindex=%zd", listView->getIndex(center)));
_indexLabels[2]->setString(StringUtils::format("Bottom index=%zd", listView->getIndex(bottom)));
});
}
2013-09-16 20:54:13 +08:00
return true;
}
return false;
}
2016-03-01 13:23:24 +08:00
float UIListViewTest_Vertical::getItemPositionYInView(cocos2d::ui::Widget *item) const
{
auto worldPos = item->getParent()->convertToWorldSpaceAR(item->getPosition());
auto viewPos = this->_listView->convertToNodeSpaceAR(worldPos);
return viewPos.y;
}
void UIListViewTest_Vertical::updateItem(int itemID, int templateID)
{
auto itemTemplate = _listView->getItems().at(templateID);
Button* btn = (Button*)itemTemplate->getChildByName("Title Button");
//If you have the item ID and templateID, you could fill in the data here
itemTemplate->setTag(itemID);
btn->setTitleText(_array.at(itemID));
}
void UIListViewTest_Vertical::update(float dt)
{
this->_updateTimer += dt;
if (this->_updateTimer < this->_updateInterval) {
return;
}
float totalHeight = _itemTemplateHeight * _totalCount + (_totalCount - 1) * 4;
auto listViewHeight = _listView->getContentSize().height;
this->_updateTimer = 0;
auto isDown = this->_listView->getInnerContainerPosition().y < this->_lastContentPosY;
auto items = _listView->getItems();
for (int i = 0; i < _spawnCount && i < _totalCount; ++i) {
auto item = items.at(i);
auto itemPos = this->getItemPositionYInView(item);
if (isDown) {
if (itemPos < -_bufferZone && item->getPosition().y + _reuseItemOffset < totalHeight) {
int itemID = item->getTag() - (int)items.size();
item->setPositionY(item->getPositionY() + _reuseItemOffset);
CCLOG("itemPos = %f, itemID = %d, templateID = %d", itemPos, itemID, i);
2016-03-01 15:22:32 +08:00
this->updateItem(itemID, i);
2016-03-01 13:23:24 +08:00
}
}
else {
if (itemPos > _bufferZone + listViewHeight &&
item->getPosition().y - _reuseItemOffset >= 0) {
item->setPositionY(item->getPositionY() - _reuseItemOffset);
int itemID = item->getTag() + (int)items.size();
CCLOG("itemPos = %f, itemID = %d, templateID = %d", itemPos, itemID, i);
this->updateItem(itemID, i);
}
}
}
//update ListView Items
this->_lastContentPosY = this->_listView->getInnerContainer()->getPosition().y;
}
2014-05-12 09:51:23 +08:00
void UIListViewTest_Vertical::selectedItemEvent(Ref *pSender, ListView::EventType type)
2013-12-23 15:35:35 +08:00
{
switch (type)
{
2014-05-12 09:51:23 +08:00
case cocos2d::ui::ListView::EventType::ON_SELECTED_ITEM_START:
2013-12-23 15:35:35 +08:00
{
ListView* listView = static_cast<ListView*>(pSender);
2016-03-01 13:23:24 +08:00
auto item = listView->getItem(listView->getCurSelectedIndex());
log("select child start index = %d", item->getTag());
2014-03-11 11:53:44 +08:00
break;
2013-12-23 15:35:35 +08:00
}
2014-05-12 09:51:23 +08:00
case cocos2d::ui::ListView::EventType::ON_SELECTED_ITEM_END:
2014-03-11 11:53:44 +08:00
{
ListView* listView = static_cast<ListView*>(pSender);
2016-03-01 13:23:24 +08:00
auto item = listView->getItem(listView->getCurSelectedIndex());
log("select child end index = %d", item->getTag());
2013-12-23 15:35:35 +08:00
break;
2014-03-11 11:53:44 +08:00
}
2013-12-23 15:35:35 +08:00
default:
break;
}
}
2014-06-23 12:09:49 +08:00
void UIListViewTest_Vertical::selectedItemEventScrollView(Ref* pSender, ui::ScrollView::EventType type)
{
switch (type) {
case ui::ScrollView::EventType::SCROLL_TO_BOTTOM:
CCLOG("SCROLL_TO_BOTTOM");
break;
case ui::ScrollView::EventType::SCROLL_TO_TOP:
CCLOG("SCROLL_TO_TOP");
break;
default:
break;
}
}
2013-09-16 20:54:13 +08:00
// UIListViewTest_Horizontal
UIListViewTest_Horizontal::UIListViewTest_Horizontal()
2016-03-01 00:04:30 +08:00
: _displayValueLabel(nullptr),
_spawnCount(4), //spawnCount should > listview.width / templateWidth + 2
2016-03-01 10:37:48 +08:00
_totalCount(50),
_bufferZone(140), //bufferZone should be larger than List item width
2016-03-01 00:04:30 +08:00
_updateTimer(0),
_updateInterval(1.0f / 24), // you could tweak this value to adjust ListView data update rate
2016-03-01 00:04:30 +08:00
_lastContentPosX(0), //use this value to detect if we are scrolling left or right
_itemTemplateWidth(0)
2013-09-16 20:54:13 +08:00
{
}
UIListViewTest_Horizontal::~UIListViewTest_Horizontal()
{
}
bool UIListViewTest_Horizontal::init()
{
if (UIScene::init())
{
Size widgetSize = _widget->getContentSize();
2013-12-23 15:35:35 +08:00
2016-03-01 10:37:48 +08:00
_displayValueLabel = Text::create("There are 50 items, but we only create 5 templates",
2016-03-01 00:04:30 +08:00
"fonts/Marker Felt.ttf",
2016-03-01 10:37:48 +08:00
20);
2016-03-01 00:04:30 +08:00
Squashed commit of the following: commit a9572b8913f3a38b59adbd7b4017ab9848a6b2b5 Author: Ricardo Quesada <ricardoquesada@gmail.com> Date: Wed May 14 10:03:44 2014 -0700 math renames `Vector2` -> `Vec2` `Vector3` -> `Vec3` `Vector4` -> `Vec4` `Matrix` -> `Mat4` commit 4e107f4bd854c26bfceb52b063d6bd9cea02d6a3 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 09:24:28 2014 -0700 raw version of rename Vector3 commit 1d115573ebe96a5fc815fa44fbe6417ea7dba841 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 09:07:14 2014 -0700 rename Vector2 after merge commit ab2ed58c129dbc30a4c0970ed94568c5d271657b Merge: 1978d2d 86fb75a Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 09:05:30 2014 -0700 Merge branch 'v3' into v3_renameMathClassName Conflicts: tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UIButtonTest/UIButtonTest_Editor.cpp tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UICheckBoxTest/UICheckBoxTest_Editor.cpp tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UISliderTest/UISliderTest_Editor.cpp tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UITextFieldTest/UITextFieldTest.cpp tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UITextFieldTest/UITextFieldTest_Editor.cpp commit 1978d2d174877172ccddc083020a1bbf43ad3b39 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 08:51:45 2014 -0700 rename vector2 in tests/cpp-empty-test folder commit d4e0ff13dcce62724d2fece656543f26aa28e467 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:58:23 2014 -0700 rename vector2 in tests/cpp-tests cpp files commit be50ca2ec75e0fd32a6fcdaa15fe1ebb4cafe79f Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:52:57 2014 -0700 rename vector2 in tests/cpp-tests head files commit 6daef564400d4e28c4ce20859a68e0f583fed125 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:49:48 2014 -0700 rename vector2 in extension folder commit 8f3f0f65ceea92c9e7a0d87ab54e62220c5572e2 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:47:22 2014 -0700 rename vector2 in cocos/2d cpp files commit e1f3105aae06d595661a3030f519f7cc13aefbed Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:44:39 2014 -0700 rename vector2 in cocos/2d head files commit 6708d890bfe486109120c3cd4b9fe5c078b7108f Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:40:59 2014 -0700 rename vector2 in cocos/base folder commit d3978fa5447c31ea2f3ece5469b7e746dfba4248 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:40:43 2014 -0700 rename vector2 in cocos/deprecated folder commit 4bff45139363d6b9706edbbcf9f322d48b4fd019 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:40:26 2014 -0700 rename vector2 in cocos/editor-support folder commit 353d244c995f8b5d14f635c52aed8bc5e5fc1a6f Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:36:48 2014 -0700 rename vector2 in cocos/ui folder commit 758b8f4d513084b9922d7242e9b8f2c7f316de6c Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:32:39 2014 -0700 rename vector2 in cocos/renderer folder commit 0bd2710dd8714cecb993880bc37affd9ecb05c27 Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:32:15 2014 -0700 rename vector2 in cocos/physics folder commit b7f0581c4587348bdbc1478d5374c2325735f21d Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:25:01 2014 -0700 rename vector2 in cocos/math folder commit a8631a8e1a4e2740807ccd9be9d70de6ecaad7dd Author: Huabing.Xu <dabingnn@gmail.com> Date: Wed May 14 00:16:55 2014 -0700 rename Vector2 to Vec2 deprecate typedef Vector2
2014-05-15 01:07:09 +08:00
_displayValueLabel->setAnchorPoint(Vec2(0.5f, -1.0f));
_displayValueLabel->setPosition(Vec2(widgetSize.width / 2.0f,
2014-04-03 11:23:12 +08:00
widgetSize.height / 2.0f
2016-03-01 13:23:24 +08:00
+ _displayValueLabel->getContentSize().height * 2 + 20));
2014-04-03 11:23:12 +08:00
2013-12-23 15:35:35 +08:00
_uiLayer->addChild(_displayValueLabel);
2014-04-03 11:23:12 +08:00
Text* alert = Text::create("ListView horizontal", "fonts/Marker Felt.ttf", 30);
2013-09-16 20:54:13 +08:00
alert->setColor(Color3B(159, 168, 176));
2016-03-01 00:04:30 +08:00
alert->setPosition(Vec2(widgetSize.width / 2.0f,
widgetSize.height / 2.0f - alert->getContentSize().height * 3.075f));
2013-12-23 15:35:35 +08:00
_uiLayer->addChild(alert);
2013-09-16 20:54:13 +08:00
2013-12-23 15:35:35 +08:00
Layout* root = static_cast<Layout*>(_uiLayer->getChildByTag(81));
Layout* background = static_cast<Layout*>(root->getChildByName("background_Panel"));
Size backgroundSize = background->getContentSize();
2016-03-01 00:04:30 +08:00
// create listview data
2016-03-01 10:37:48 +08:00
//The data is usually fetch from the server
2016-03-01 00:04:30 +08:00
for (int i = 0; i < _totalCount; ++i)
2013-12-23 15:35:35 +08:00
{
2014-06-25 16:17:16 +08:00
std::string ccstr = StringUtils::format("listview_item_%d", i);
_array.push_back(ccstr);
2013-12-23 15:35:35 +08:00
}
// Create the list view ex
2016-03-01 00:04:30 +08:00
_listView = ListView::create();
2013-12-23 15:35:35 +08:00
// set list view ex direction
2016-03-01 00:04:30 +08:00
_listView->setDirection(ui::ScrollView::Direction::HORIZONTAL);
_listView->setTouchEnabled(true);
_listView->setBounceEnabled(true);
_listView->setBackGroundImage("cocosui/green_edit.png");
_listView->setBackGroundImageScale9Enabled(true);
_listView->setContentSize(Size(240, 130));
_listView->setPosition(Vec2((widgetSize.width - backgroundSize.width) / 2.0f +
(backgroundSize.width - _listView->getContentSize().width) / 2.0f,
2013-12-23 15:35:35 +08:00
(widgetSize.height - backgroundSize.height) / 2.0f +
2016-03-01 00:04:30 +08:00
(backgroundSize.height - _listView->getContentSize().height) / 2.0f));
_listView->addEventListener((ui::ListView::ccListViewCallback)CC_CALLBACK_2(UIListViewTest_Horizontal::selectedItemEvent, this));
_listView->setScrollBarPositionFromCorner(Vec2(7, 7));
_uiLayer->addChild(_listView);
2013-12-23 15:35:35 +08:00
// create model
2016-03-01 00:04:30 +08:00
Button* default_button = Button::create("cocosui/backtotoppressed.png",
"cocosui/backtotopnormal.png");
2013-12-23 15:35:35 +08:00
default_button->setName("Title Button");
Layout *default_item = Layout::create();
default_item->setTouchEnabled(true);
default_item->setContentSize(default_button->getContentSize());
2016-03-01 00:04:30 +08:00
default_button->setPosition(Vec2(default_item->getContentSize().width / 2.0f,
default_item->getContentSize().height / 2.0f));
2013-12-23 15:35:35 +08:00
default_item->addChild(default_button);
// set model
2016-03-01 00:04:30 +08:00
_listView->setItemModel(default_item);
2013-12-23 15:35:35 +08:00
2016-03-01 13:23:24 +08:00
// set all items layout gravity
_listView->setGravity(ListView::Gravity::CENTER_VERTICAL);
2016-03-01 10:37:48 +08:00
//initial the data
for (int i = 0; i < _totalCount; ++i) {
if (i < _spawnCount) {
Widget* item = default_item->clone();
item->setTag(i);
Button* btn = (Button*)item->getChildByName("Title Button");
btn->setTitleText(_array.at(i));
_listView->pushBackCustomItem(item);
}
2013-12-23 15:35:35 +08:00
}
2016-03-01 13:23:24 +08:00
2013-12-23 15:35:35 +08:00
// set items margin
2016-03-01 00:04:30 +08:00
float spacing = 4;
_listView->setItemsMargin(spacing);
_itemTemplateWidth = default_item->getContentSize().width;
this->_reuseItemOffset = (_itemTemplateWidth + spacing) * _spawnCount;
2016-03-01 13:23:24 +08:00
_listView->forceDoLayout();
float totalWidth = _itemTemplateWidth * _totalCount + (_totalCount - 1) * 4;
_listView->getInnerContainer()->setContentSize(Size(totalWidth, _listView->getInnerContainerSize().height));
2016-03-01 00:04:30 +08:00
//update listview data
this->scheduleUpdate();
2013-09-16 20:54:13 +08:00
return true;
}
return false;
2013-12-23 15:35:35 +08:00
}
2016-03-01 00:04:30 +08:00
float UIListViewTest_Horizontal::getItemPositionXInView(cocos2d::ui::Widget *item) const
{
auto worldPos = item->getParent()->convertToWorldSpaceAR(item->getPosition());
auto viewPos = this->_listView->convertToNodeSpaceAR(worldPos);
return viewPos.x;
}
void UIListViewTest_Horizontal::updateItem(int itemID, int templateID)
{
auto itemTemplate = _listView->getItems().at(templateID);
Button* btn = (Button*)itemTemplate->getChildByName("Title Button");
//If you have the item ID and templateID, you could fill in the data here
itemTemplate->setTag(itemID);
btn->setTitleText(_array.at(itemID));
}
void UIListViewTest_Horizontal::update(float dt)
{
this->_updateTimer += dt;
if (this->_updateTimer < this->_updateInterval) {
return;
}
float totalWidth = _itemTemplateWidth * _totalCount + (_totalCount - 1) * 4;
2016-03-01 13:23:24 +08:00
2016-03-01 00:04:30 +08:00
this->_updateTimer = 0;
auto isRight = this->_listView->getInnerContainer()->getPosition().x < this->_lastContentPosX;
auto items = _listView->getItems();
2016-03-01 10:37:48 +08:00
for (int i = 0; i < _spawnCount && i < _totalCount; ++i) {
2016-03-01 00:04:30 +08:00
auto item = items.at(i);
auto itemPos = this->getItemPositionXInView(item);
if (isRight) {
if (itemPos < -_bufferZone && item->getPosition().x + _reuseItemOffset < totalWidth) {
int itemID = item->getTag() + (int)items.size();
item->setPositionX(item->getPositionX() + _reuseItemOffset);
CCLOG("itemPos = %f, itemID = %d, templateID = %d", itemPos, itemID, i);
2016-03-01 00:04:30 +08:00
this->updateItem(itemID, i);
}
}
else {
2016-03-01 10:37:48 +08:00
if (itemPos > _bufferZone + _listView->getContentSize().width &&
item->getPosition().x - _reuseItemOffset >= 0) {
2016-03-01 00:04:30 +08:00
item->setPositionX(item->getPositionX() - _reuseItemOffset);
int itemID = item->getTag() - (int)items.size();
CCLOG("itemPos = %f, itemID = %d, templateID = %d", itemPos, itemID, i);
this->updateItem(itemID, i);
}
}
}
//update ListView Items
this->_lastContentPosX = this->_listView->getInnerContainer()->getPosition().x;
}
2014-05-12 09:51:23 +08:00
void UIListViewTest_Horizontal::selectedItemEvent(Ref *pSender, ListView::EventType type)
2013-12-23 15:35:35 +08:00
{
switch (type)
{
2014-05-12 09:51:23 +08:00
case cocos2d::ui::ListView::EventType::ON_SELECTED_ITEM_START:
2013-12-23 15:35:35 +08:00
{
ListView* listView = static_cast<ListView*>(pSender);
2016-03-01 13:23:24 +08:00
auto item = listView->getItem(listView->getCurSelectedIndex());
log("select child start index = %d", item->getTag());
2014-03-11 11:53:44 +08:00
break;
2013-12-23 15:35:35 +08:00
}
2014-05-12 09:51:23 +08:00
case cocos2d::ui::ListView::EventType::ON_SELECTED_ITEM_END:
2014-03-11 11:53:44 +08:00
{
ListView* listView = static_cast<ListView*>(pSender);
2016-03-01 13:23:24 +08:00
auto item = listView->getItem(listView->getCurSelectedIndex());
log("select child end index = %d", item->getTag());
2013-12-23 15:35:35 +08:00
break;
2014-03-11 11:53:44 +08:00
}
2013-12-23 15:35:35 +08:00
default:
break;
}
}
bool Issue12692::init()
{
if (UIScene::init())
{
Size widgetSize = _widget->getContentSize();
auto label = Text::create("Issue 12692", "fonts/Marker Felt.ttf", 32);
label->setName("Text Title");
label->setAnchorPoint(Vec2(0.5f, -1.0f));
label->setPosition(Vec2(widgetSize.width / 2.0f,
widgetSize.height / 2.0f + label->getContentSize().height * 1.5f));
_uiLayer->addChild(label);
Text* alert = Text::create("ListView in ListView enable Scissor Clipping", "fonts/Marker Felt.ttf", 20);
alert->setName("Text Alert");
alert->setColor(Color3B(159, 168, 176));
alert->setPosition(Vec2(widgetSize.width / 2.0f,
widgetSize.height / 2.0f - alert->getContentSize().height * 3.075f));
_uiLayer->addChild(alert);
Layout* root = static_cast<Layout*>(_uiLayer->getChildByTag(81));
Layout* background = dynamic_cast<Layout*>(root->getChildByName("background_Panel"));
Size backgroundSize = background->getContentSize();
// Create the list view ex
ListView* listView = ListView::create();
// set list view ex direction
listView->setDirection(ui::ScrollView::Direction::VERTICAL);
listView->setBounceEnabled(true);
listView->setBackGroundImage("cocosui/green_edit.png");
listView->setBackGroundImageScale9Enabled(true);
listView->setContentSize(Size(240, 130));
listView->setPosition(Vec2((widgetSize.width - backgroundSize.width) / 2.0f +
(backgroundSize.width - listView->getContentSize().width) / 2.0f,
(widgetSize.height - backgroundSize.height) / 2.0f +
(backgroundSize.height - listView->getContentSize().height) / 2.0f));
listView->setScrollBarPositionFromCorner(Vec2(7, 7));
listView->setClippingEnabled(true);
listView->setClippingType(ui::Layout::ClippingType::SCISSOR);
listView->setName("listview1");
_uiLayer->addChild(listView);
auto list2 = ListView::create();
list2->setDirection(ui::ScrollView::Direction::VERTICAL);
list2->setBounceEnabled(true);
list2->setBackGroundImage("cocosui/green_edit.png");
list2->setBackGroundImageScale9Enabled(true);
list2->setContentSize(Size(240, 65));
list2->setClippingEnabled(true);
list2->setClippingType(ui::Layout::ClippingType::SCISSOR);
list2->setName("listview2");
listView->insertCustomItem(list2, 0);
{
Button* default_button = Button::create("cocosui/backtotoppressed.png", "cocosui/backtotopnormal.png");
default_button->setName("Title Button");
Layout* default_item = Layout::create();
default_item->setTouchEnabled(true);
default_item->setContentSize(default_button->getContentSize());
default_button->setPosition(Vec2(default_item->getContentSize().width / 2.0f,
default_item->getContentSize().height / 2.0f));
default_item->addChild(default_button);
// set model
listView->setItemModel(default_item);
listView->pushBackDefaultItem();
listView->pushBackDefaultItem();
listView->pushBackDefaultItem();
}
{
Button* default_button = Button::create("cocosui/backtotoppressed.png", "cocosui/backtotopnormal.png");
default_button->setName("Title Button 2");
Layout* default_item = Layout::create();
default_item->setTouchEnabled(true);
default_item->setContentSize(default_button->getContentSize());
default_button->setPosition(Vec2(default_item->getContentSize().width / 2.0f,
default_item->getContentSize().height / 2.0f));
default_item->addChild(default_button);
// set model
list2->setItemModel(default_item);
list2->pushBackDefaultItem();
list2->pushBackDefaultItem();
list2->pushBackDefaultItem();
}
return true;
}
return false;
}
bool Issue8316::init()
{
if (UIScene::init())
{
Size widgetSize = _widget->getContentSize();
auto label = Text::create("Issue 8316", "fonts/Marker Felt.ttf", 32);
label->setAnchorPoint(Vec2(0.5f, -1.0f));
label->setPosition(Vec2(widgetSize.width / 2.0f,
widgetSize.height / 2.0f + label->getContentSize().height * 1.5f));
_uiLayer->addChild(label);
Text* alert = Text::create("Can not scroll list view", "fonts/Marker Felt.ttf", 20);
alert->setColor(Color3B(159, 168, 176));
alert->setPosition(Vec2(widgetSize.width / 2.0f,
widgetSize.height / 2.0f - alert->getContentSize().height * 3.075f));
_uiLayer->addChild(alert);
Layout* root = static_cast<Layout*>(_uiLayer->getChildByTag(81));
Layout* background = dynamic_cast<Layout*>(root->getChildByName("background_Panel"));
Size backgroundSize = background->getContentSize();
// Create the list view ex
ListView* listView = ListView::create();
// set list view ex direction
listView->setDirection(ui::ScrollView::Direction::VERTICAL);
listView->setBounceEnabled(true);
listView->setTouchEnabled(false);
listView->setBackGroundImage("cocosui/green_edit.png");
listView->setBackGroundImageScale9Enabled(true);
listView->setContentSize(Size(240, 130));
listView->setPosition(Vec2((widgetSize.width - backgroundSize.width) / 2.0f +
(backgroundSize.width - listView->getContentSize().width) / 2.0f,
(widgetSize.height - backgroundSize.height) / 2.0f +
(backgroundSize.height - listView->getContentSize().height) / 2.0f));
listView->setScrollBarPositionFromCorner(Vec2(7, 7));
listView->setClippingEnabled(true);
listView->setClippingType(ui::Layout::ClippingType::SCISSOR);
listView->setName("listview1");
{
Button* default_button = Button::create("cocosui/backtotoppressed.png", "cocosui/backtotopnormal.png");
default_button->setName("Title Button");
Layout* default_item = Layout::create();
default_item->setTouchEnabled(true);
default_item->setContentSize(default_button->getContentSize());
default_button->setPosition(Vec2(default_item->getContentSize().width / 2.0f,
default_item->getContentSize().height / 2.0f));
default_item->addChild(default_button);
// set model
listView->setItemModel(default_item);
listView->pushBackDefaultItem();
listView->pushBackDefaultItem();
listView->pushBackDefaultItem();
}
_uiLayer->addChild(listView);
return true;
}
return false;
}
// UIListViewTest_ScrollToItem
bool UIListViewTest_ScrollToItem::init()
{
if(!UIScene::init())
{
return false;
}
Size layerSize = _uiLayer->getContentSize();
static int NUMBER_OF_ITEMS = 31;
_nextIndex = 0;
_titleLabel = Text::create("Scroll to item", "fonts/Marker Felt.ttf", 32);
_titleLabel->setAnchorPoint(Vec2::ANCHOR_MIDDLE);
_titleLabel->setPosition(Vec2(layerSize / 2) + Vec2(0, _titleLabel->getContentSize().height * 3.15f));
_uiLayer->addChild(_titleLabel, 3);
// Create the list view
_listView = ListView::create();
_listView->setDirection(getListViewDirection());
_listView->setBounceEnabled(true);
_listView->setBackGroundImage("cocosui/green_edit.png");
_listView->setBackGroundImageScale9Enabled(true);
_listView->setContentSize(layerSize / 2);
_listView->setScrollBarPositionFromCorner(Vec2(7, 7));
_listView->setItemsMargin(2.0f);
_listView->setAnchorPoint(Vec2::ANCHOR_MIDDLE);
_listView->setPosition(layerSize / 2);
_uiLayer->addChild(_listView);
// Guide line for center align
{
DrawNode* pNode = DrawNode::create();
Vec2 center = layerSize / 2;
if(getListViewDirection() == ScrollView::Direction::HORIZONTAL)
{
float halfY = 110;
pNode->drawLine(Vec2(center.x, center.y - halfY), Vec2(center.x, center.y + halfY), Color4F(0, 0, 0, 1));
}
else
{
float halfX = 150;
pNode->drawLine(Vec2(center.x - halfX, center.y), Vec2(center.x + halfX, center.y), Color4F(0, 0, 0, 1));
}
pNode->setLineWidth(2);
_uiLayer->addChild(pNode);
}
// Button
auto pButton = Button::create("cocosui/backtotoppressed.png", "cocosui/backtotopnormal.png");
pButton->setAnchorPoint(Vec2::ANCHOR_MIDDLE_LEFT);
pButton->setScale(0.8f);
pButton->setPosition(Vec2(layerSize / 2) + Vec2(120, -60));
pButton->setTitleText(StringUtils::format("Go to '%d'", _nextIndex));
pButton->addClickEventListener([this, pButton](Ref*) {
_listView->scrollToItem(_nextIndex, Vec2::ANCHOR_MIDDLE, Vec2::ANCHOR_MIDDLE);
_nextIndex = (_nextIndex + (NUMBER_OF_ITEMS / 2)) % NUMBER_OF_ITEMS;
pButton->setTitleText(StringUtils::format("Go to '%d'", _nextIndex));
});
_uiLayer->addChild(pButton);
// Add list items
static const Size BUTTON_SIZE(50, 40);
for (int i = 0; i < NUMBER_OF_ITEMS; ++i)
{
auto pButton = Button::create("cocosui/button.png", "cocosui/buttonHighlighted.png");
pButton->setContentSize(BUTTON_SIZE);
pButton->setScale9Enabled(true);
pButton->setTitleText(StringUtils::format("Button-%d", i));
_listView->pushBackCustomItem(pButton);
}
return true;
}
// UIListViewTest_Magnetic
bool UIListViewTest_Magnetic::init()
{
if(!UIScene::init())
{
return false;
}
Size layerSize = _uiLayer->getContentSize();
_titleLabel = Text::create("Magnetic scroll", "fonts/Marker Felt.ttf", 32);
_titleLabel->setAnchorPoint(Vec2::ANCHOR_MIDDLE);
_titleLabel->setPosition(Vec2(layerSize / 2) + Vec2(0, _titleLabel->getContentSize().height * 3.15f));
_uiLayer->addChild(_titleLabel, 3);
// Create the list view
_listView = ListView::create();
_listView->setDirection(getListViewDirection());
_listView->setBounceEnabled(true);
_listView->setBackGroundImage("cocosui/green_edit.png");
_listView->setBackGroundImageScale9Enabled(true);
_listView->setContentSize(layerSize / 2);
_listView->setScrollBarPositionFromCorner(Vec2(7, 7));
_listView->setItemsMargin(2.0f);
_listView->setAnchorPoint(Vec2::ANCHOR_MIDDLE);
_listView->setPosition(layerSize / 2);
_uiLayer->addChild(_listView);
// Guide line for center align
{
DrawNode* pNode = DrawNode::create();
Vec2 center = layerSize / 2;
if(getListViewDirection() == ScrollView::Direction::HORIZONTAL)
{
float halfY = 110;
pNode->drawLine(Vec2(center.x, center.y - halfY), Vec2(center.x, center.y + halfY), Color4F(0, 0, 0, 1));
}
else
{
float halfX = 150;
pNode->drawLine(Vec2(center.x - halfX, center.y), Vec2(center.x + halfX, center.y), Color4F(0, 0, 0, 1));
}
pNode->setLineWidth(2);
_uiLayer->addChild(pNode);
}
// Show the indexes of items on each boundary.
{
for(int i = 0; i < 5; ++i)
{
_indexLabels[i] = Text::create(" ", "fonts/Marker Felt.ttf", 12);
_indexLabels[i]->setAnchorPoint(Vec2::ANCHOR_MIDDLE);
_uiLayer->addChild(_indexLabels[i]);
}
float deltaX = 145, deltaY = 90;
_indexLabels[0]->setPosition(_uiLayer->getContentSize() / 2 + Size(-deltaX, 0)); // left
_indexLabels[1]->setPosition(_uiLayer->getContentSize() / 2 + Size(deltaX, 0)); // right
_indexLabels[2]->setPosition(_uiLayer->getContentSize() / 2 + Size(0, deltaY)); // top
_indexLabels[3]->setPosition(_uiLayer->getContentSize() / 2 + Size(0, -deltaY)); // bottom
_indexLabels[4]->setPosition(_uiLayer->getContentSize() / 2 + Size(deltaX, deltaY)); // center
// Callback
_listView->ScrollView::addEventListener([this](Ref* ref, ScrollView::EventType eventType) {
ListView* listView = dynamic_cast<ListView*>(ref);
if(listView == nullptr || eventType != ScrollView::EventType::CONTAINER_MOVED)
{
return;
}
auto left = listView->getLeftmostItemInCurrentView();
auto right = listView->getRightmostItemInCurrentView();
auto top = listView->getTopmostItemInCurrentView();
auto bottom = listView->getBottommostItemInCurrentView();
auto center = listView->getCenterItemInCurrentView();
_indexLabels[0]->setString(StringUtils::format("Left\nindex=%zd", listView->getIndex(left)));
_indexLabels[1]->setString(StringUtils::format("RIght\nindex=%zd", listView->getIndex(right)));
_indexLabels[2]->setString(StringUtils::format("Top index=%zd", listView->getIndex(top)));
_indexLabels[3]->setString(StringUtils::format("Bottom index=%zd", listView->getIndex(bottom)));
_indexLabels[4]->setString(StringUtils::format("Center\nindex=%zd", listView->getIndex(center)));
});
}
// Initial magnetic type
_listView->setMagneticType(ListView::MagneticType::NONE);
_titleLabel->setString("MagneticType - NONE");
// Magnetic change button
auto pButton = Button::create("cocosui/backtotoppressed.png", "cocosui/backtotopnormal.png");
pButton->setAnchorPoint(Vec2::ANCHOR_MIDDLE_LEFT);
pButton->setScale(0.8f);
pButton->setPosition(Vec2(layerSize / 2) + Vec2(130, -60));
pButton->setTitleText("Next Magnetic");
pButton->addClickEventListener([this](Ref*) {
ListView::MagneticType eCurrentType = _listView->getMagneticType();
ListView::MagneticType eNextType;
std::string sString;
if(eCurrentType == ListView::MagneticType::NONE)
{
eNextType = ListView::MagneticType::CENTER;
sString = "CENTER";
}
else if(eCurrentType == ListView::MagneticType::CENTER)
{
eNextType = ListView::MagneticType::BOTH_END;
sString = "BOTH_END";
}
else if(eCurrentType == ListView::MagneticType::BOTH_END)
{
if(getListViewDirection() == ScrollView::Direction::HORIZONTAL)
{
eNextType = ListView::MagneticType::LEFT;
sString = "LEFT";
}
else
{
eNextType = ListView::MagneticType::TOP;
sString = "TOP";
}
}
else if(eCurrentType == ListView::MagneticType::LEFT)
{
eNextType = ListView::MagneticType::RIGHT;
sString = "RIGHT";
}
else if(eCurrentType == ListView::MagneticType::RIGHT)
{
eNextType = ListView::MagneticType::NONE;
sString = "NONE";
}
else if(eCurrentType == ListView::MagneticType::TOP)
{
eNextType = ListView::MagneticType::BOTTOM;
sString = "BOTTOM";
}
else if(eCurrentType == ListView::MagneticType::BOTTOM)
{
eNextType = ListView::MagneticType::NONE;
sString = "NONE";
}
_listView->setMagneticType(eNextType);
_titleLabel->setString(StringUtils::format("MagneticType - %s", sString.c_str()));
});
_uiLayer->addChild(pButton);
// Add list items
static const Size BUTTON_SIZE(100, 70);
for (int i = 0; i < 40; ++i)
{
auto pButton = Button::create("cocosui/button.png", "cocosui/buttonHighlighted.png");
pButton->setContentSize(BUTTON_SIZE);
pButton->setScale9Enabled(true);
pButton->setTitleText(StringUtils::format("Button-%d", i));
_listView->pushBackCustomItem(pButton);
}
return true;
}
// UIListViewTest_Padding
bool UIListViewTest_Padding::init()
{
if(!UIScene::init())
{
return false;
}
Size layerSize = _uiLayer->getContentSize();
_titleLabel = Text::create("Set Padding", "fonts/Marker Felt.ttf", 32);
_titleLabel->setAnchorPoint(Vec2::ANCHOR_MIDDLE);
_titleLabel->setPosition(Vec2(layerSize / 2) + Vec2(0, _titleLabel->getContentSize().height * 3.15f));
_uiLayer->addChild(_titleLabel, 3);
// Create the list view
_listView = ListView::create();
_listView->setDirection(getListViewDirection());
_listView->setBounceEnabled(true);
_listView->setBackGroundImage("cocosui/green_edit.png");
_listView->setBackGroundImageScale9Enabled(true);
_listView->setContentSize(layerSize / 2);
_listView->setScrollBarPositionFromCorner(Vec2(7, 7));
_listView->setItemsMargin(2.0f);
_listView->setAnchorPoint(Vec2::ANCHOR_MIDDLE);
_listView->setGravity(ListView::Gravity::TOP);
_listView->setPosition(layerSize / 2);
_uiLayer->addChild(_listView);
// Guide line for center align
{
DrawNode* pNode = DrawNode::create();
Vec2 center = layerSize / 2;
if(getListViewDirection() == ScrollView::Direction::HORIZONTAL)
{
float halfY = 110;
pNode->drawLine(Vec2(center.x, center.y - halfY), Vec2(center.x, center.y + halfY), Color4F(0, 0, 0, 1));
}
else
{
float halfX = 150;
pNode->drawLine(Vec2(center.x - halfX, center.y), Vec2(center.x + halfX, center.y), Color4F(0, 0, 0, 1));
}
pNode->setLineWidth(2);
_uiLayer->addChild(pNode);
}
// Slider for setting padding
{
auto title = Text::create("Padding", "fonts/Marker Felt.ttf", 14);
title->setAnchorPoint(Vec2::ANCHOR_MIDDLE);
title->setPosition(Vec2(30, 170));
_uiLayer->addChild(title);
for (int i = 0; i < 4; ++i)
{
auto slider = Slider::create();
slider->loadBarTexture("cocosui/sliderTrack.png");
slider->loadSlidBallTextures("cocosui/sliderThumb.png", "cocosui/sliderThumb.png", "");
slider->loadProgressBarTexture("cocosui/sliderProgress.png");
slider->setScale9Enabled(true);
slider->setCapInsets(Rect(0, 0, 0, 0));
slider->setContentSize(Size(30, 10));
slider->setPosition(Vec2(60, 150 - (25 * i)));
slider->addEventListener(CC_CALLBACK_2(UIListViewTest_Padding::sliderEvent, this));
slider->setTag(i);
_uiLayer->addChild(slider);
std::string str;
if (i == 0) str = "Left";
else if (i == 1) str = "Top";
else if (i == 2) str = "Right";
else if (i == 3) str = "Bottom";
// Show title of slider
{
auto text = Text::create(str, "fonts/Marker Felt.ttf", 12);
text->setAnchorPoint(Vec2::ANCHOR_MIDDLE_LEFT);
text->setPosition(Vec2(3, 150 - (25 * i)));
_uiLayer->addChild(text);
}
// Show value of paddings
{
auto text = Text::create(str + "\nPadding=0", "fonts/Marker Felt.ttf", 12);
text->setAnchorPoint(Vec2::ANCHOR_MIDDLE_LEFT);
text->setPosition(Vec2(layerSize.width - 65, 200 - (40 * i)));
_uiLayer->addChild(text);
_paddingLabels[i] = text;
}
}
}
// Show the indexes of items on each boundary.
{
for(int i = 0; i < 5; ++i)
{
_indexLabels[i] = Text::create(" ", "fonts/Marker Felt.ttf", 12);
_indexLabels[i]->setAnchorPoint(Vec2::ANCHOR_MIDDLE);
_uiLayer->addChild(_indexLabels[i]);
}
float deltaX = 145, deltaY = 90;
_indexLabels[0]->setPosition(_uiLayer->getContentSize() / 2 + Size(-deltaX, 0)); // left
_indexLabels[1]->setPosition(_uiLayer->getContentSize() / 2 + Size(deltaX, 0)); // right
_indexLabels[2]->setPosition(_uiLayer->getContentSize() / 2 + Size(0, deltaY)); // top
_indexLabels[3]->setPosition(_uiLayer->getContentSize() / 2 + Size(0, -deltaY)); // bottom
_indexLabels[4]->setPosition(_uiLayer->getContentSize() / 2 + Size(deltaX, deltaY)); // center
// Callback
_listView->ScrollView::addEventListener([this](Ref* ref, ScrollView::EventType eventType) {
ListView* listView = dynamic_cast<ListView*>(ref);
if(listView == nullptr || eventType != ScrollView::EventType::CONTAINER_MOVED)
{
return;
}
auto left = listView->getLeftmostItemInCurrentView();
auto right = listView->getRightmostItemInCurrentView();
auto top = listView->getTopmostItemInCurrentView();
auto bottom = listView->getBottommostItemInCurrentView();
auto center = listView->getCenterItemInCurrentView();
_indexLabels[0]->setString(StringUtils::format("Left\nindex=%zd", listView->getIndex(left)));
_indexLabels[1]->setString(StringUtils::format("RIght\nindex=%zd", listView->getIndex(right)));
_indexLabels[2]->setString(StringUtils::format("Top index=%zd", listView->getIndex(top)));
_indexLabels[3]->setString(StringUtils::format("Bottom index=%zd", listView->getIndex(bottom)));
_indexLabels[4]->setString(StringUtils::format("Center\nindex=%zd", listView->getIndex(center)));
});
}
// Add list items
static const Size BUTTON_SIZE(100, 70);
for (int i = 0; i < 40; ++i)
{
auto pButton = Button::create("cocosui/button.png", "cocosui/buttonHighlighted.png");
pButton->setContentSize(BUTTON_SIZE);
pButton->setScale9Enabled(true);
pButton->setTitleText(StringUtils::format("Button-%d", i));
_listView->pushBackCustomItem(pButton);
}
return true;
}
void UIListViewTest_Padding::sliderEvent(Ref *pSender, Slider::EventType type)
{
if (type == Slider::EventType::ON_PERCENTAGE_CHANGED)
{
auto slider = dynamic_cast<Slider*>(pSender);
// left
if (slider && slider->getTag() == 0)
{
int left = slider->getPercent() / 100.f * 50.f;
CCLOG("Left Padding: %d", left);
_listView->setLeftPadding(left);
_paddingLabels[0]->setString(StringUtils::format("Left\nPadding=%d", left));
}
// top
if (slider && slider->getTag() == 1)
{
int top = slider->getPercent() / 100.f * 50.f;
CCLOG("Top Padding: %d", top);
_listView->setTopPadding(top);
_paddingLabels[1]->setString(StringUtils::format("Top\nPadding=%d", top));
}
// right
if (slider && slider->getTag() == 2)
{
int right = slider->getPercent() / 100.f * 50.f;
CCLOG("Right Padding: %d", right);
_listView->setRightPadding(right);
_paddingLabels[2]->setString(StringUtils::format("Right\nPadding=%d", right));
}
// bottom
if (slider && slider->getTag() == 3)
{
int bottom = slider->getPercent() / 100.f * 50.f;
CCLOG("Bottom Padding: %d", bottom);
_listView->setBottomPadding(bottom);
_paddingLabels[3]->setString(StringUtils::format("Bottom\nPadding=%d", bottom));
}
}
}