Как определить конец ScrollView в Cocos2d-x?
контекст
Я делаю собственный список лидеров через ui::ListView
, Каждый элемент списка лидеров ui::Button
, Когда пользователь нажимает на какую-то позицию, он получает подробную статистику по этой позиции в списке лидеров. Я использую Cocos2d-x ver. 3.8.1. Для ясности вот мой код для этого:
auto lvLeaderboard = ListView::create();
for (int j = 0; j < linesCount; j++)
{
Button* btnSingleUser = Button::create("btn.png”);
btnSingleUser->setTag(j + offsetResult);
btnSingleUser->addTouchEventListener([&](Ref* sender, Widget::TouchEventType type){
switch (type)
{
case ui::Widget::TouchEventType::ENDED:
{
Button* currentButton = (Button*)sender;
this->pressedUserStatistic(currentButton->getTag());
break;
}
default:
break;
}
});
lvLeaderboard->pushBackCustomItem(btnSingleUser);
…
}
lvLeaderboard->setItemsMargin(0);
lvLeaderboard->setGravity(ListView::Gravity::CENTER_HORIZONTAL);
lvLeaderboard->setSize(Size(winSize.width, _height));
lvLeaderboard->setPosition(Point(0, 0));
listContainer->addChild(lvLeaderboard);
Все отлично работает, я могу прокрутить таблицу лидеров и посмотреть статистику по каждому пользователю, к которому я подключаюсь.
проблема
Но есть одна проблема. Мне нужно загрузить следующую порцию данных, когда пользователь достигнет конца списка (я загружаю результаты по 50 строк за раз). Но я не могу найти переменную, метод или обработчик, который работает, когда пользователь достигает первого или последнего элемента ListView.
Я пытался сделать
UI:ListView наследует ScrollView, поэтому я попытался найти некоторые методы в обоих из них. Все, что я пытался, пусть не результат, который я хочу.
Вопрос
Как я могу определить, когда пользователь достигает первого и последнего элемента в ListView
? Или, если это невозможно, как определить конец и начало ScrollView
?
2 ответа
Вы можете запланировать метод обновления или выполнить повторное действие навсегда, чтобы постоянно вызывать метод, чтобы проверить, имеет ли нижний элемент представления списка последний тег (в вашем случае tag-10 == linesCount-1). Вам нужно обратиться к lvLeaderboard глобально, чтобы получить доступ к функции ниже.
static Vec2 calculateItemPositionWithAnchor(Widget* item, const Vec2& itemAnchorPoint)
{
Vec2 origin(item->getLeftBoundary(), item->getBottomBoundary());
Size size = item->getContentSize();
return origin + Vec2(size.width * itemAnchorPoint.x, size.height * itemAnchorPoint.y);
}
static Widget* findClosestItem(const Vec2& targetPosition, const Vector<Widget*>& items, const Vec2& itemAnchorPoint, ssize_t firstIndex, float distanceFromFirst, ssize_t lastIndex, float distanceFromLast)
{
CCASSERT(firstIndex >= 0 && lastIndex < items.size() && firstIndex <= lastIndex, "");
if (firstIndex == lastIndex)
return items.at(firstIndex);
if (lastIndex - firstIndex == 1)
{
if (distanceFromFirst <= distanceFromLast)
return items.at(firstIndex);
else
return items.at(lastIndex);
}
// Binary search
ssize_t midIndex = (firstIndex + lastIndex) / 2;
Vec2 itemPosition = calculateItemPositionWithAnchor(items.at(midIndex), itemAnchorPoint);
float distanceFromMid = (targetPosition - itemPosition).length();
if (distanceFromFirst <= distanceFromLast)
return findClosestItem(targetPosition, items, itemAnchorPoint, firstIndex, distanceFromFirst, midIndex, distanceFromMid);
else
return findClosestItem(targetPosition, items, itemAnchorPoint, midIndex, distanceFromMid, lastIndex, distanceFromLast);
}
static Widget* getBottommostItemInCurrentView(ListView* lvLeaderboard)
{
const Vec2& positionRatioInView = Vec2::ANCHOR_MIDDLE_BOTTOM;
const Vec2& itemAnchorPoint = Vec2::ANCHOR_MIDDLE;
// Calculate the target position
Size contentSize = lvLeaderboard->getContentSize();
Vec2 targetPosition = -lvLeaderboard->getInnerContainerPosition();
targetPosition.x += contentSize.width * positionRatioInView.x;
targetPosition.y += contentSize.height * positionRatioInView.y;
// Find the closest item through binary search
ssize_t firstIndex = 0;
Vec2 firstPosition = calculateItemPositionWithAnchor(lvLeaderboard->getItems().at(firstIndex), itemAnchorPoint);
float distanceFromFirst = (targetPosition - firstPosition).length();
ssize_t lastIndex = lvLeaderboard->getItems().size() - 1;
Vec2 lastPosition = calculateItemPositionWithAnchor(lvLeaderboard->getItems().at(lastIndex), itemAnchorPoint);
float distanceFromLast = (targetPosition - lastPosition).length();
return findClosestItem(targetPosition, lvLeaderboard->getItems(), itemAnchorPoint, firstIndex, distanceFromFirst, lastIndex, distanceFromLast);
}
void HelloWorld::checkIfAtEnd() {
Button* bottom = (Button*)getBottommostItemInCurrentView(lvLeaderboard);
CCLOG("Bottom Button Having = %d", bottom->getTag());
if (bottom->getTag()-10 == linesCount-1) {
CCLOG("Bottom item reached..");
}
}
Следующий фрагмент кода вызывает вышеуказанную функцию непрерывно через указанные секунды, здесь 0,5.
DelayTime* dl = DelayTime::create(0.5);
CallFunc* cb = CallFunc::create(CC_CALLBACK_0(HelloWorld::checkIfAtEnd, this));
Sequence* seq = Sequence::create(dl, cb, nullptr);
this->runAction(RepeatForever::create(seq));
Вы можете добавить eventListener к вашему scrollView и обнаружить, а затем проверить, как это
scrollView->addEventListener([](Ref *r, ScrollView::EventType type) {
if (type == ScrollView::EventType::SCROLL_TO_BOTTOM) {// SCROLL_TO_TOP
// do what you need to do
}
});