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

1061 lines
42 KiB
C++
Raw Normal View History

/****************************************************************************
Copyright (c) 2017-2018 Xiamen Yaji Software Co., Ltd.
2021-12-28 16:06:23 +08:00
https://axis-project.github.io/
2021-12-28 16:06:23 +08:00
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
2021-12-28 16:06:23 +08:00
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
2021-12-28 16:06:23 +08:00
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
****************************************************************************/
2013-09-16 20:54:13 +08:00
#include "UIListViewTest.h"
USING_NS_AX;
using namespace axis::ui;
2015-04-09 12:23:47 +08:00
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
2021-12-28 16:06:23 +08:00
UIListViewTest_Vertical::UIListViewTest_Vertical() {}
2013-09-16 20:54:13 +08:00
2021-12-28 16:06:23 +08:00
UIListViewTest_Vertical::~UIListViewTest_Vertical() {}
2013-09-16 20:54:13 +08:00
bool UIListViewTest_Vertical::init()
{
if (UIScene::init())
{
Size widgetSize = _widget->getContentSize();
2021-12-28 16:06:23 +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));
2021-12-28 16:06:23 +08:00
_displayValueLabel->setPosition(
Vec2(widgetSize.width / 2.0f,
widgetSize.height / 2.0f + _displayValueLabel->getContentSize().height * 1.5f + 30));
2013-12-23 15:35:35 +08:00
_uiLayer->addChild(_displayValueLabel);
2021-12-28 16:06:23 +08:00
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));
2021-12-28 16:06:23 +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);
2021-12-28 16:06:23 +08:00
2013-12-23 15:35:35 +08:00
Layout* root = static_cast<Layout*>(_uiLayer->getChildByTag(81));
2021-12-28 16:06:23 +08:00
Layout* background = dynamic_cast<Layout*>(root->getChildByName("background_Panel"));
2013-12-23 15:35:35 +08:00
Size backgroundSize = background->getContentSize();
2021-12-28 16:06:23 +08:00
2013-12-23 15:35:35 +08:00
// create list view ex data
2021-12-28 16:06:23 +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
}
2021-12-28 16:06:23 +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.0f, 130.0f));
2021-12-28 16:06:23 +08:00
_listView->setPosition(Vec2((widgetSize - _listView->getContentSize()) / 2.0f));
_listView->addEventListener(
2022-07-15 19:17:01 +08:00
(ui::ListView::ccListViewCallback)AX_CALLBACK_2(UIListViewTest_Vertical::selectedItemEvent, this));
_listView->addEventListener((ui::ListView::ccScrollViewCallback)AX_CALLBACK_2(
2021-12-28 16:06:23 +08:00
UIListViewTest_Vertical::selectedItemEventScrollView, this));
_listView->setScrollBarPositionFromCorner(Vec2(7, 7));
2016-03-01 13:23:24 +08:00
_uiLayer->addChild(_listView);
2021-12-28 16:06:23 +08:00
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");
2021-12-28 16:06:23 +08:00
2013-12-23 15:35:35 +08:00
Layout* default_item = Layout::create();
default_item->setTouchEnabled(true);
default_item->setContentSize(default_button->getContentSize());
2021-12-28 16:06:23 +08:00
default_button->setPosition(Vec2(default_item->getContentSize() / 2.0f));
2013-12-23 15:35:35 +08:00
default_item->addChild(default_button);
2021-12-28 16:06:23 +08:00
2016-03-01 13:23:24 +08:00
auto clippingNode = ClippingNode::create();
2021-12-28 16:06:23 +08:00
auto sprite = Sprite::create("cocosui/clippingHead.jpg");
2016-03-01 13:23:24 +08:00
clippingNode->addChild(sprite);
auto stencil = Sprite::create("cocosui/clippingStencil.jpg");
clippingNode->setStencil(stencil);
auto custom_item_contentSize = default_item->getContentSize();
2021-12-28 16:06:23 +08:00
clippingNode->setPosition(sprite->getContentSize().width / 2, custom_item_contentSize.height / 2);
2016-03-01 13:23:24 +08:00
clippingNode->setScale(0.5);
default_item->addChild(clippingNode);
2021-12-28 16:06:23 +08:00
2016-03-01 13:23:24 +08:00
// set model
_listView->setItemModel(default_item);
2021-12-28 16:06:23 +08:00
2016-03-01 13:23:24 +08:00
// set all items layout gravity
_listView->setGravity(ListView::Gravity::CENTER_VERTICAL);
2021-12-28 16:06:23 +08:00
// initial the data
for (int i = 0; i < _totalCount; ++i)
{
if (i < _spawnCount)
{
2016-03-01 13:23:24 +08:00
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
}
2021-12-28 16:06:23 +08:00
2016-03-01 13:23:24 +08:00
// set items margin
float spacing = 4;
_listView->setItemsMargin(spacing);
2021-12-28 16:06:23 +08:00
_itemTemplateHeight = default_item->getContentSize().height;
2016-03-01 13:23:24 +08:00
this->_reuseItemOffset = (_itemTemplateHeight + spacing) * _spawnCount;
2021-12-28 16:06:23 +08:00
// update listview data
2016-03-01 13:23:24 +08:00
this->scheduleUpdate();
2021-12-28 16:06:23 +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();
// 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.0f, 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.0f, 0.0f));
_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.0f, -position));
_uiLayer->addChild(_indexLabels[2]);
2021-12-28 16:06:23 +08:00
// Callback
2016-03-01 13:23:24 +08:00
_listView->ScrollView::addEventListener([this](Ref* ref, ScrollView::EventType eventType) {
ListView* listView = dynamic_cast<ListView*>(ref);
2021-12-28 16:06:23 +08:00
if (listView == nullptr || eventType != ScrollView::EventType::CONTAINER_MOVED)
{
return;
}
auto bottom = listView->getBottommostItemInCurrentView();
auto center = listView->getCenterItemInCurrentView();
2021-12-28 16:06:23 +08:00
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;
}
2021-12-28 16:06:23 +08:00
2013-09-16 20:54:13 +08:00
return false;
}
float UIListViewTest_Vertical::getItemPositionYInView(axis::ui::Widget* item) const
2016-03-01 13:23:24 +08:00
{
auto worldPos = item->getParent()->convertToWorldSpaceAR(item->getPosition());
2021-12-28 16:06:23 +08:00
auto viewPos = this->_listView->convertToNodeSpaceAR(worldPos);
2016-03-01 13:23:24 +08:00
return viewPos.y;
}
void UIListViewTest_Vertical::updateItem(int itemID, int templateID)
{
auto itemTemplate = _listView->getItems().at(templateID);
2021-12-28 16:06:23 +08:00
Button* btn = (Button*)itemTemplate->getChildByName("Title Button");
// If you have the item ID and templateID, you could fill in the data here
2016-03-01 13:23:24 +08:00
itemTemplate->setTag(itemID);
btn->setTitleText(_array.at(itemID));
}
void UIListViewTest_Vertical::update(float dt)
{
this->_updateTimer += dt;
2021-12-28 16:06:23 +08:00
if (this->_updateTimer < this->_updateInterval)
{
2016-03-01 13:23:24 +08:00
return;
}
float totalHeight = _itemTemplateHeight * _totalCount + (_totalCount - 1) * 4;
auto listViewHeight = _listView->getContentSize().height;
2021-12-28 16:06:23 +08:00
2016-03-01 13:23:24 +08:00
this->_updateTimer = 0;
2021-12-28 16:06:23 +08:00
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);
2016-03-01 13:23:24 +08:00
auto itemPos = this->getItemPositionYInView(item);
2021-12-28 16:06:23 +08:00
if (isDown)
{
if (itemPos < -_bufferZone && item->getPosition().y + _reuseItemOffset < totalHeight)
{
2016-03-01 13:23:24 +08:00
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
}
}
2021-12-28 16:06:23 +08:00
else
{
if (itemPos > _bufferZone + listViewHeight && item->getPosition().y - _reuseItemOffset >= 0)
{
2016-03-01 13:23:24 +08:00
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);
}
}
}
2021-12-28 16:06:23 +08:00
// update ListView Items
2016-03-01 13:23:24 +08:00
this->_lastContentPosY = this->_listView->getInnerContainer()->getPosition().y;
}
2021-12-28 16:06:23 +08:00
void UIListViewTest_Vertical::selectedItemEvent(Ref* pSender, ListView::EventType type)
2013-12-23 15:35:35 +08:00
{
switch (type)
{
case axis::ui::ListView::EventType::ON_SELECTED_ITEM_START:
2021-12-28 16:06:23 +08:00
{
ListView* listView = static_cast<ListView*>(pSender);
auto item = listView->getItem(listView->getCurSelectedIndex());
log("select child start index = %d", item->getTag());
break;
}
case axis::ui::ListView::EventType::ON_SELECTED_ITEM_END:
2021-12-28 16:06:23 +08:00
{
ListView* listView = static_cast<ListView*>(pSender);
auto item = listView->getItem(listView->getCurSelectedIndex());
log("select child end index = %d", item->getTag());
break;
}
default:
break;
2013-12-23 15:35:35 +08:00
}
}
2014-06-23 12:09:49 +08:00
void UIListViewTest_Vertical::selectedItemEventScrollView(Ref* pSender, ui::ScrollView::EventType type)
{
2021-12-28 16:06:23 +08:00
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;
2014-06-23 12:09:49 +08:00
}
}
2013-09-16 20:54:13 +08:00
// UIListViewTest_Horizontal
2021-12-28 16:06:23 +08:00
UIListViewTest_Horizontal::UIListViewTest_Horizontal() {}
2013-09-16 20:54:13 +08:00
2021-12-28 16:06:23 +08:00
UIListViewTest_Horizontal::~UIListViewTest_Horizontal() {}
2013-09-16 20:54:13 +08:00
bool UIListViewTest_Horizontal::init()
{
if (UIScene::init())
{
Size widgetSize = _widget->getContentSize();
2021-12-28 16:06:23 +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));
2021-12-28 16:06:23 +08:00
_displayValueLabel->setPosition(Vec2(
widgetSize.width / 2.0f, widgetSize.height / 2.0f + _displayValueLabel->getContentSize().height * 2 + 20));
2013-12-23 15:35:35 +08:00
_uiLayer->addChild(_displayValueLabel);
2021-12-28 16:06:23 +08:00
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));
2021-12-28 16:06:23 +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);
2021-12-28 16:06:23 +08:00
2013-12-23 15:35:35 +08:00
Layout* root = static_cast<Layout*>(_uiLayer->getChildByTag(81));
2021-12-28 16:06:23 +08:00
Layout* background = static_cast<Layout*>(root->getChildByName("background_Panel"));
2013-12-23 15:35:35 +08:00
Size backgroundSize = background->getContentSize();
2021-12-28 16:06:23 +08:00
2016-03-01 00:04:30 +08:00
// create listview data
2021-12-28 16:06:23 +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
}
2021-12-28 16:06:23 +08:00
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.0f, 130.0f));
2016-03-01 00:04:30 +08:00
_listView->setPosition(Vec2((widgetSize.width - backgroundSize.width) / 2.0f +
2021-12-28 16:06:23 +08:00
(backgroundSize.width - _listView->getContentSize().width) / 2.0f,
2013-12-23 15:35:35 +08:00
(widgetSize.height - backgroundSize.height) / 2.0f +
2021-12-28 16:06:23 +08:00
(backgroundSize.height - _listView->getContentSize().height) / 2.0f));
_listView->addEventListener(
2022-07-15 19:17:01 +08:00
(ui::ListView::ccListViewCallback)AX_CALLBACK_2(UIListViewTest_Horizontal::selectedItemEvent, this));
2021-12-28 16:06:23 +08:00
_listView->setScrollBarPositionFromCorner(Vec2(7, 7));
2016-03-01 00:04:30 +08:00
_uiLayer->addChild(_listView);
2021-12-28 16:06:23 +08:00
2013-12-23 15:35:35 +08:00
// create model
2021-12-28 16:06:23 +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");
2021-12-28 16:06:23 +08:00
Layout* default_item = Layout::create();
2013-12-23 15:35:35 +08:00
default_item->setTouchEnabled(true);
default_item->setContentSize(default_button->getContentSize());
2021-12-28 16:06:23 +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);
2021-12-28 16:06:23 +08:00
2013-12-23 15:35:35 +08:00
// set model
2016-03-01 00:04:30 +08:00
_listView->setItemModel(default_item);
2021-12-28 16:06:23 +08:00
2016-03-01 13:23:24 +08:00
// set all items layout gravity
_listView->setGravity(ListView::Gravity::CENTER_VERTICAL);
2021-12-28 16:06:23 +08:00
// initial the data
for (int i = 0; i < _totalCount; ++i)
{
if (i < _spawnCount)
{
2016-03-01 10:37:48 +08:00
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
}
2021-12-28 16:06:23 +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);
2021-12-28 16:06:23 +08:00
_itemTemplateWidth = default_item->getContentSize().width;
2016-03-01 00:04:30 +08:00
this->_reuseItemOffset = (_itemTemplateWidth + spacing) * _spawnCount;
2021-12-28 16:06:23 +08:00
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));
2021-12-28 16:06:23 +08:00
// update listview data
2016-03-01 00:04:30 +08:00
this->scheduleUpdate();
2021-12-28 16:06:23 +08:00
2013-09-16 20:54:13 +08:00
return true;
}
2021-12-28 16:06:23 +08:00
2013-09-16 20:54:13 +08:00
return false;
2013-12-23 15:35:35 +08:00
}
float UIListViewTest_Horizontal::getItemPositionXInView(axis::ui::Widget* item) const
2016-03-01 00:04:30 +08:00
{
auto worldPos = item->getParent()->convertToWorldSpaceAR(item->getPosition());
2021-12-28 16:06:23 +08:00
auto viewPos = this->_listView->convertToNodeSpaceAR(worldPos);
2016-03-01 00:04:30 +08:00
return viewPos.x;
}
void UIListViewTest_Horizontal::updateItem(int itemID, int templateID)
{
auto itemTemplate = _listView->getItems().at(templateID);
2021-12-28 16:06:23 +08:00
Button* btn = (Button*)itemTemplate->getChildByName("Title Button");
// If you have the item ID and templateID, you could fill in the data here
2016-03-01 00:04:30 +08:00
itemTemplate->setTag(itemID);
btn->setTitleText(_array.at(itemID));
}
void UIListViewTest_Horizontal::update(float dt)
{
this->_updateTimer += dt;
2021-12-28 16:06:23 +08:00
if (this->_updateTimer < this->_updateInterval)
{
2016-03-01 00:04:30 +08:00
return;
}
float totalWidth = _itemTemplateWidth * _totalCount + (_totalCount - 1) * 4;
2021-12-28 16:06:23 +08:00
2016-03-01 00:04:30 +08:00
this->_updateTimer = 0;
2021-12-28 16:06:23 +08:00
auto isRight = this->_listView->getInnerContainer()->getPosition().x < this->_lastContentPosX;
auto items = _listView->getItems();
for (int i = 0; i < _spawnCount && i < _totalCount; ++i)
{
auto item = items.at(i);
2016-03-01 00:04:30 +08:00
auto itemPos = this->getItemPositionXInView(item);
2021-12-28 16:06:23 +08:00
if (isRight)
{
if (itemPos < -_bufferZone && item->getPosition().x + _reuseItemOffset < totalWidth)
{
2016-03-01 00:04:30 +08:00
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);
}
}
2021-12-28 16:06:23 +08:00
else
{
2016-03-01 10:37:48 +08:00
if (itemPos > _bufferZone + _listView->getContentSize().width &&
2021-12-28 16:06:23 +08:00
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);
}
}
}
2021-12-28 16:06:23 +08:00
// update ListView Items
2016-03-01 00:04:30 +08:00
this->_lastContentPosX = this->_listView->getInnerContainer()->getPosition().x;
}
2021-12-28 16:06:23 +08:00
void UIListViewTest_Horizontal::selectedItemEvent(Ref* pSender, ListView::EventType type)
2013-12-23 15:35:35 +08:00
{
switch (type)
{
case axis::ui::ListView::EventType::ON_SELECTED_ITEM_START:
2021-12-28 16:06:23 +08:00
{
ListView* listView = static_cast<ListView*>(pSender);
auto item = listView->getItem(listView->getCurSelectedIndex());
log("select child start index = %d", item->getTag());
break;
}
case axis::ui::ListView::EventType::ON_SELECTED_ITEM_END:
2021-12-28 16:06:23 +08:00
{
ListView* listView = static_cast<ListView*>(pSender);
auto item = listView->getItem(listView->getCurSelectedIndex());
log("select child end index = %d", item->getTag());
break;
}
default:
break;
2013-12-23 15:35:35 +08:00
}
}
bool Issue12692::init()
{
if (UIScene::init())
{
Size widgetSize = _widget->getContentSize();
2021-12-28 16:06:23 +08:00
auto label = Text::create("Issue 12692", "fonts/Marker Felt.ttf", 32);
label->setName("Text Title");
label->setAnchorPoint(Vec2(0.5f, -1.0f));
2021-12-28 16:06:23 +08:00
label->setPosition(
Vec2(widgetSize.width / 2.0f, widgetSize.height / 2.0f + label->getContentSize().height * 1.5f));
_uiLayer->addChild(label);
2021-12-28 16:06:23 +08:00
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));
2021-12-28 16:06:23 +08:00
alert->setPosition(
Vec2(widgetSize.width / 2.0f, widgetSize.height / 2.0f - alert->getContentSize().height * 3.075f));
_uiLayer->addChild(alert);
2021-12-28 16:06:23 +08:00
Layout* root = static_cast<Layout*>(_uiLayer->getChildByTag(81));
2021-12-28 16:06:23 +08:00
Layout* background = dynamic_cast<Layout*>(root->getChildByName("background_Panel"));
Size backgroundSize = background->getContentSize();
2021-12-28 16:06:23 +08:00
// 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.0f, 130.0f));
listView->setPosition(Vec2((widgetSize.width - backgroundSize.width) / 2.0f +
2021-12-28 16:06:23 +08:00
(backgroundSize.width - listView->getContentSize().width) / 2.0f,
(widgetSize.height - backgroundSize.height) / 2.0f +
2021-12-28 16:06:23 +08:00
(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);
2021-12-28 16:06:23 +08:00
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);
2021-12-28 16:06:23 +08:00
{
Button* default_button = Button::create("cocosui/backtotoppressed.png", "cocosui/backtotopnormal.png");
default_button->setName("Title Button");
2021-12-28 16:06:23 +08:00
Layout* default_item = Layout::create();
default_item->setTouchEnabled(true);
default_item->setContentSize(default_button->getContentSize());
2021-12-28 16:06:23 +08:00
default_button->setPosition(
Vec2(default_item->getContentSize().width / 2.0f, default_item->getContentSize().height / 2.0f));
default_item->addChild(default_button);
2021-12-28 16:06:23 +08:00
// 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");
2021-12-28 16:06:23 +08:00
Layout* default_item = Layout::create();
default_item->setTouchEnabled(true);
default_item->setContentSize(default_button->getContentSize());
2021-12-28 16:06:23 +08:00
default_button->setPosition(
Vec2(default_item->getContentSize().width / 2.0f, default_item->getContentSize().height / 2.0f));
default_item->addChild(default_button);
2021-12-28 16:06:23 +08:00
// set model
list2->setItemModel(default_item);
list2->pushBackDefaultItem();
list2->pushBackDefaultItem();
list2->pushBackDefaultItem();
}
return true;
}
2021-12-28 16:06:23 +08:00
return false;
}
bool Issue8316::init()
{
if (UIScene::init())
{
Size widgetSize = _widget->getContentSize();
2021-12-28 16:06:23 +08:00
auto label = Text::create("Issue 8316", "fonts/Marker Felt.ttf", 32);
label->setAnchorPoint(Vec2(0.5f, -1.0f));
2021-12-28 16:06:23 +08:00
label->setPosition(
Vec2(widgetSize.width / 2.0f, widgetSize.height / 2.0f + label->getContentSize().height * 1.5f));
_uiLayer->addChild(label);
2021-12-28 16:06:23 +08:00
Text* alert = Text::create("Can not scroll list view", "fonts/Marker Felt.ttf", 20);
alert->setColor(Color3B(159, 168, 176));
2021-12-28 16:06:23 +08:00
alert->setPosition(
Vec2(widgetSize.width / 2.0f, widgetSize.height / 2.0f - alert->getContentSize().height * 3.075f));
_uiLayer->addChild(alert);
2021-12-28 16:06:23 +08:00
Layout* root = static_cast<Layout*>(_uiLayer->getChildByTag(81));
2021-12-28 16:06:23 +08:00
Layout* background = dynamic_cast<Layout*>(root->getChildByName("background_Panel"));
Size backgroundSize = background->getContentSize();
2021-12-28 16:06:23 +08:00
// 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.0f, 130.0f));
listView->setPosition(Vec2((widgetSize.width - backgroundSize.width) / 2.0f +
2021-12-28 16:06:23 +08:00
(backgroundSize.width - listView->getContentSize().width) / 2.0f,
(widgetSize.height - backgroundSize.height) / 2.0f +
2021-12-28 16:06:23 +08:00
(backgroundSize.height - listView->getContentSize().height) / 2.0f));
listView->setScrollBarPositionFromCorner(Vec2(7, 7));
listView->setClippingEnabled(true);
listView->setClippingType(ui::Layout::ClippingType::SCISSOR);
listView->setName("listview1");
2021-12-28 16:06:23 +08:00
{
Button* default_button = Button::create("cocosui/backtotoppressed.png", "cocosui/backtotopnormal.png");
default_button->setName("Title Button");
2021-12-28 16:06:23 +08:00
Layout* default_item = Layout::create();
default_item->setTouchEnabled(true);
default_item->setContentSize(default_button->getContentSize());
2021-12-28 16:06:23 +08:00
default_button->setPosition(
Vec2(default_item->getContentSize().width / 2.0f, default_item->getContentSize().height / 2.0f));
default_item->addChild(default_button);
2021-12-28 16:06:23 +08:00
// set model
listView->setItemModel(default_item);
listView->pushBackDefaultItem();
listView->pushBackDefaultItem();
listView->pushBackDefaultItem();
}
2021-12-28 16:06:23 +08:00
_uiLayer->addChild(listView);
2021-12-28 16:06:23 +08:00
return true;
}
2021-12-28 16:06:23 +08:00
return false;
}
// UIListViewTest_ScrollToItem
bool UIListViewTest_ScrollToItem::init()
{
2021-12-28 16:06:23 +08:00
if (!UIScene::init())
{
return false;
}
2021-12-28 16:06:23 +08:00
Size layerSize = _uiLayer->getContentSize();
2021-12-28 16:06:23 +08:00
static int NUMBER_OF_ITEMS = 31;
2021-12-28 16:06:23 +08:00
_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.0f, _titleLabel->getContentSize().height * 3.15f));
_uiLayer->addChild(_titleLabel, 3);
2021-12-28 16:06:23 +08:00
// 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);
2021-12-28 16:06:23 +08:00
// Guide line for center align
{
DrawNode* pNode = DrawNode::create();
2021-12-28 16:06:23 +08:00
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);
}
2021-12-28 16:06:23 +08:00
// 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.0f, -60.0f));
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);
2021-12-28 16:06:23 +08:00
// 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()
{
2021-12-28 16:06:23 +08:00
if (!UIScene::init())
{
return false;
}
2021-12-28 16:06:23 +08:00
Size layerSize = _uiLayer->getContentSize();
2021-12-28 16:06:23 +08:00
_titleLabel = Text::create("Magnetic scroll", "fonts/Marker Felt.ttf", 32);
_titleLabel->setAnchorPoint(Vec2::ANCHOR_MIDDLE);
_titleLabel->setPosition(Vec2(layerSize / 2) + Vec2(0.0f, _titleLabel->getContentSize().height * 3.15f));
_uiLayer->addChild(_titleLabel, 3);
2021-12-28 16:06:23 +08:00
// 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);
2021-12-28 16:06:23 +08:00
// Guide line for center align
{
DrawNode* pNode = DrawNode::create();
2021-12-28 16:06:23 +08:00
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);
}
2021-12-28 16:06:23 +08:00
// Show the indexes of items on each boundary.
{
2021-12-28 16:06:23 +08:00
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.0f)); // left
2021-12-28 16:06:23 +08:00
_indexLabels[1]->setPosition(_uiLayer->getContentSize() / 2 + Size(deltaX, 0.0f)); // right
_indexLabels[2]->setPosition(_uiLayer->getContentSize() / 2 + Size(0.0f, deltaY)); // top
_indexLabels[3]->setPosition(_uiLayer->getContentSize() / 2 + Size(0.0f, -deltaY)); // bottom
_indexLabels[4]->setPosition(_uiLayer->getContentSize() / 2 + Size(deltaX, deltaY)); // center
2021-12-28 16:06:23 +08:00
// Callback
_listView->ScrollView::addEventListener([this](Ref* ref, ScrollView::EventType eventType) {
ListView* listView = dynamic_cast<ListView*>(ref);
2021-12-28 16:06:23 +08:00
if (listView == nullptr || eventType != ScrollView::EventType::CONTAINER_MOVED)
{
return;
}
2021-12-28 16:06:23 +08:00
auto left = listView->getLeftmostItemInCurrentView();
auto right = listView->getRightmostItemInCurrentView();
auto top = listView->getTopmostItemInCurrentView();
auto bottom = listView->getBottommostItemInCurrentView();
auto center = listView->getCenterItemInCurrentView();
2021-12-28 16:06:23 +08:00
_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)));
});
}
2021-12-28 16:06:23 +08:00
// Initial magnetic type
_listView->setMagneticType(ListView::MagneticType::NONE);
_titleLabel->setString("MagneticType - NONE");
2021-12-28 16:06:23 +08:00
// 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.0f, -60.0f));
pButton->setTitleText("Next Magnetic");
pButton->addClickEventListener([this](Ref*) {
ListView::MagneticType eCurrentType = _listView->getMagneticType();
2021-12-28 16:06:23 +08:00
ListView::MagneticType eNextType = ListView::MagneticType::NONE;
std::string sString;
2021-12-28 16:06:23 +08:00
if (eCurrentType == ListView::MagneticType::NONE)
{
eNextType = ListView::MagneticType::CENTER;
2021-12-28 16:06:23 +08:00
sString = "CENTER";
}
2021-12-28 16:06:23 +08:00
else if (eCurrentType == ListView::MagneticType::CENTER)
{
eNextType = ListView::MagneticType::BOTH_END;
2021-12-28 16:06:23 +08:00
sString = "BOTH_END";
}
2021-12-28 16:06:23 +08:00
else if (eCurrentType == ListView::MagneticType::BOTH_END)
{
2021-12-28 16:06:23 +08:00
if (getListViewDirection() == ScrollView::Direction::HORIZONTAL)
{
eNextType = ListView::MagneticType::LEFT;
2021-12-28 16:06:23 +08:00
sString = "LEFT";
}
else
{
eNextType = ListView::MagneticType::TOP;
2021-12-28 16:06:23 +08:00
sString = "TOP";
}
}
2021-12-28 16:06:23 +08:00
else if (eCurrentType == ListView::MagneticType::LEFT)
{
eNextType = ListView::MagneticType::RIGHT;
2021-12-28 16:06:23 +08:00
sString = "RIGHT";
}
2021-12-28 16:06:23 +08:00
else if (eCurrentType == ListView::MagneticType::RIGHT)
{
eNextType = ListView::MagneticType::NONE;
2021-12-28 16:06:23 +08:00
sString = "NONE";
}
2021-12-28 16:06:23 +08:00
else if (eCurrentType == ListView::MagneticType::TOP)
{
eNextType = ListView::MagneticType::BOTTOM;
2021-12-28 16:06:23 +08:00
sString = "BOTTOM";
}
2021-12-28 16:06:23 +08:00
else if (eCurrentType == ListView::MagneticType::BOTTOM)
{
eNextType = ListView::MagneticType::NONE;
2021-12-28 16:06:23 +08:00
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()
{
2021-12-28 16:06:23 +08:00
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.0f, _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();
2021-12-28 16:06:23 +08:00
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.0f, 170.0f));
_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.0f, 0.0f, 0.0f, 0.0f));
slider->setContentSize(Size(30.0f, 10.0f));
slider->setPosition(Vec2(60.0f, 150.0f - (25 * i)));
2022-07-15 19:17:01 +08:00
slider->addEventListener(AX_CALLBACK_2(UIListViewTest_Padding::sliderEvent, this));
slider->setTag(i);
_uiLayer->addChild(slider);
std::string str;
2021-12-28 16:06:23 +08:00
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.0f - (40 * i)));
_uiLayer->addChild(text);
2021-12-28 16:06:23 +08:00
_paddingLabels[i] = text;
}
}
}
2021-12-28 16:06:23 +08:00
// Show the indexes of items on each boundary.
{
2021-12-28 16:06:23 +08:00
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.0f)); // left
2021-12-28 16:06:23 +08:00
_indexLabels[1]->setPosition(_uiLayer->getContentSize() / 2 + Size(deltaX, 0.0f)); // right
_indexLabels[2]->setPosition(_uiLayer->getContentSize() / 2 + Size(0.0f, deltaY)); // top
_indexLabels[3]->setPosition(_uiLayer->getContentSize() / 2 + Size(0.0f, -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);
2021-12-28 16:06:23 +08:00
if (listView == nullptr || eventType != ScrollView::EventType::CONTAINER_MOVED)
{
return;
}
2021-12-28 16:06:23 +08:00
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;
}
2021-12-28 16:06:23 +08:00
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));
}
}
}