Lothario
/
axmol
mirror of https://github.com/axmolengine/axmol.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

improve Listview item demo

This commit is contained in:
zilongshanren 2016-03-01 10:37:48 +08:00
parent a839d5818e
commit b3b08271e6
2 changed files with 23 additions and 19 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

41
tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UIListViewTest/UIListViewTest.cpp
View File

@ -261,9 +261,9 @@ void UIListViewTest_Vertical::selectedItemEventScrollView(Ref* pSender, ui::Scro
UIListViewTest_Horizontal::UIListViewTest_Horizontal() UIListViewTest_Horizontal::UIListViewTest_Horizontal()
: _displayValueLabel(nullptr), : _displayValueLabel(nullptr),
_spawnCount(5), //swpanCount should > (listview.width + 2 * bufferZone) / tempalteWidth _spawnCount(4), //swpanCount should > listview.width / tempalteWidth + 2
_totalCount(100), _totalCount(50),
_bufferZone(240), //bufferZone should be larger than ListView's viewPort width _bufferZone(140), //bufferZone should be larger than List item width
_updateTimer(0), _updateTimer(0),
_updateInterval(1.0 / 24), // you could tweak this value to adjust ListView data update rate _updateInterval(1.0 / 24), // you could tweak this value to adjust ListView data update rate
_lastContentPosX(0), //use this value to detect if we are scrolling left or right _lastContentPosX(0), //use this value to detect if we are scrolling left or right
@ -281,14 +281,14 @@ bool UIListViewTest_Horizontal::init()
{ {
Size widgetSize = _widget->getContentSize(); Size widgetSize = _widget->getContentSize();
_displayValueLabel = Text::create("Move by horizontal direction", _displayValueLabel = Text::create("There are 50 items, but we only create 5 templates",
"fonts/Marker Felt.ttf", "fonts/Marker Felt.ttf",
32); 20);
_displayValueLabel->setAnchorPoint(Vec2(0.5f, -1.0f)); _displayValueLabel->setAnchorPoint(Vec2(0.5f, -1.0f));
_displayValueLabel->setPosition(Vec2(widgetSize.width / 2.0f, _displayValueLabel->setPosition(Vec2(widgetSize.width / 2.0f,
widgetSize.height / 2.0f widgetSize.height / 2.0f
+ _displayValueLabel->getContentSize().height * 1.5f)); + _displayValueLabel->getContentSize().height * 2));
_uiLayer->addChild(_displayValueLabel); _uiLayer->addChild(_displayValueLabel);
@ -306,6 +306,7 @@ bool UIListViewTest_Horizontal::init()
// create listview data // create listview data
//The data is usually fetch from the server
for (int i = 0; i < _totalCount; ++i) for (int i = 0; i < _totalCount; ++i)
{ {
std::string ccstr = StringUtils::format("listview_item_%d", i); std::string ccstr = StringUtils::format("listview_item_%d", i);
@ -346,15 +347,15 @@ bool UIListViewTest_Horizontal::init()
// set model // set model
_listView->setItemModel(default_item); _listView->setItemModel(default_item);
// add reusable items //initial the data
for (int i = 0; i < _spawnCount; ++i) for (int i = 0; i < _totalCount; ++i) {
{ if (i < _spawnCount) {
auto item = default_item->clone(); Widget* item = default_item->clone();
//we use tag to store item ID item->setTag(i);
item->setTag(i); Button* btn = (Button*)item->getChildByName("Title Button");
Button* btn = (Button*)item->getChildByName("Title Button"); btn->setTitleText(_array.at(i));
btn->setTitleText(_array.at(i)); _listView->pushBackCustomItem(item);
_listView->pushBackCustomItem(item); }
} }
// set all items layout gravity // set all items layout gravity
@ -397,13 +398,13 @@ void UIListViewTest_Horizontal::update(float dt)
return; return;
} }
float totalWidth = _itemTemplateWidth * _totalCount + (_totalCount - 1) * 4; float totalWidth = _itemTemplateWidth * _totalCount + (_totalCount - 1) * 4;
_listView->getInnerContainer()->setContentSize(Size(totalWidth, _listView->getInnerContainerSize().height)); _listView->getInnerContainer()->setContentSize(Size(totalWidth,
_listView->getInnerContainerSize().height));
this->_updateTimer = 0; this->_updateTimer = 0;
auto isRight = this->_listView->getInnerContainer()->getPosition().x < this->_lastContentPosX; auto isRight = this->_listView->getInnerContainer()->getPosition().x < this->_lastContentPosX;
auto items = _listView->getItems(); auto items = _listView->getItems();
for (int i = 0; i < _spawnCount; ++i) { for (int i = 0; i < _spawnCount && i < _totalCount; ++i) {
auto item = items.at(i); auto item = items.at(i);
auto itemPos = this->getItemPositionXInView(item); auto itemPos = this->getItemPositionXInView(item);
if (isRight) { if (isRight) {
@ -415,7 +416,9 @@ void UIListViewTest_Horizontal::update(float dt)
} }
} }
else { else {
if (itemPos > _bufferZone && item->getPosition().x - _reuseItemOffset >= 0) { if (itemPos > _bufferZone + _listView->getContentSize().width &&
item->getPosition().x - _reuseItemOffset >= 0) {
item->setPositionX(item->getPositionX() - _reuseItemOffset); item->setPositionX(item->getPositionX() - _reuseItemOffset);
int itemID = item->getTag() - (int)items.size(); int itemID = item->getTag() - (int)items.size();
CCLOG("itemPos = %f, itemID = %d, templateID = %d", itemPos, itemID, i); CCLOG("itemPos = %f, itemID = %d, templateID = %d", itemPos, itemID, i);

1
tests/cpp-tests/Classes/UITest/CocoStudioGUITest/UIListViewTest/UIListViewTest.h
View File

@ -79,6 +79,7 @@ protected:
float _lastContentPosX; float _lastContentPosX;
float _reuseItemOffset; float _reuseItemOffset;
cocos2d::ui::ListView* _listView; cocos2d::ui::ListView* _listView;
std::vector<std::string> _array; std::vector<std::string> _array;
}; };