2013-09-16 20:54:13 +08:00
|
|
|
|
|
|
|
|
|
|
|
#include "UIListViewTest.h"
|
|
|
|
|
|
|
|
const char* font_UIListViewTest =
|
|
|
|
#if (CC_TARGET_PLATFORM == CC_PLATFORM_IOS)
|
|
|
|
"Marker Felt";
|
|
|
|
#else
|
|
|
|
"cocosgui/Marker Felt.ttf";
|
|
|
|
#endif
|
|
|
|
|
|
|
|
// UIListViewTest_Vertical
|
|
|
|
|
|
|
|
UIListViewTest_Vertical::UIListViewTest_Vertical()
|
2013-12-23 15:35:35 +08:00
|
|
|
: _displayValueLabel(nullptr)
|
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())
|
|
|
|
{
|
2013-12-23 15:35:35 +08:00
|
|
|
Size widgetSize = _widget->getSize();
|
|
|
|
|
2014-02-24 18:56:45 +08:00
|
|
|
_displayValueLabel = ui::Text::create();
|
2013-12-23 15:35:35 +08:00
|
|
|
_displayValueLabel->setText("Move by vertical direction");
|
|
|
|
_displayValueLabel->setFontName("Marker Felt");
|
|
|
|
_displayValueLabel->setFontSize(32);
|
|
|
|
_displayValueLabel->setAnchorPoint(Point(0.5f, -1.0f));
|
|
|
|
_displayValueLabel->setPosition(Point(widgetSize.width / 2.0f, widgetSize.height / 2.0f + _displayValueLabel->getContentSize().height * 1.5f));
|
|
|
|
_uiLayer->addChild(_displayValueLabel);
|
|
|
|
|
|
|
|
|
2014-02-24 18:56:45 +08:00
|
|
|
ui::Text* alert = ui::Text::create();
|
2013-12-23 15:35:35 +08:00
|
|
|
alert->setText("ListView vertical");
|
|
|
|
alert->setFontName("Marker Felt");
|
2013-09-16 20:54:13 +08:00
|
|
|
alert->setFontSize(30);
|
|
|
|
alert->setColor(Color3B(159, 168, 176));
|
2013-12-23 15:35:35 +08:00
|
|
|
alert->setPosition(Point(widgetSize.width / 2.0f, widgetSize.height / 2.0f - alert->getSize().height * 3.075f));
|
|
|
|
_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
|
|
|
|
for (int i = 0; i < 20; ++i)
|
2013-09-16 20:54:13 +08:00
|
|
|
{
|
2013-12-28 14:34:52 +08:00
|
|
|
_array.push_back(StringUtils::format("listview_item_%d", i));
|
2013-09-16 20:54:13 +08:00
|
|
|
}
|
2013-12-23 15:35:35 +08:00
|
|
|
|
|
|
|
|
|
|
|
// Create the list view ex
|
|
|
|
ListView* listView = ListView::create();
|
|
|
|
// set list view ex direction
|
|
|
|
listView->setDirection(SCROLLVIEW_DIR_VERTICAL);
|
|
|
|
listView->setTouchEnabled(true);
|
|
|
|
listView->setBounceEnabled(true);
|
|
|
|
listView->setBackGroundImage("cocosgui/green_edit.png");
|
|
|
|
listView->setBackGroundImageScale9Enabled(true);
|
|
|
|
listView->setSize(Size(240, 130));
|
|
|
|
listView->setPosition(Point((widgetSize.width - backgroundSize.width) / 2.0f +
|
|
|
|
(backgroundSize.width - listView->getSize().width) / 2.0f,
|
|
|
|
(widgetSize.height - backgroundSize.height) / 2.0f +
|
|
|
|
(backgroundSize.height - listView->getSize().height) / 2.0f));
|
2013-12-30 14:40:49 +08:00
|
|
|
listView->addEventListenerListView(this, listvieweventselector(UIListViewTest_Vertical::selectedItemEvent));
|
2013-12-23 15:35:35 +08:00
|
|
|
_uiLayer->addChild(listView);
|
|
|
|
|
|
|
|
|
|
|
|
// create model
|
|
|
|
Button* default_button = Button::create();
|
|
|
|
default_button->setName("Title Button");
|
|
|
|
default_button->setTouchEnabled(true);
|
|
|
|
default_button->loadTextures("cocosgui/backtotoppressed.png", "cocosgui/backtotopnormal.png", "");
|
|
|
|
|
|
|
|
Layout* default_item = Layout::create();
|
|
|
|
default_item->setTouchEnabled(true);
|
|
|
|
default_item->setSize(default_button->getSize());
|
|
|
|
default_button->setPosition(Point(default_item->getSize().width / 2.0f, default_item->getSize().height / 2.0f));
|
|
|
|
default_item->addChild(default_button);
|
|
|
|
|
|
|
|
// set model
|
|
|
|
listView->setItemModel(default_item);
|
|
|
|
|
|
|
|
// add default item
|
2013-12-28 14:34:52 +08:00
|
|
|
size_t count = _array.size();
|
|
|
|
for (size_t i = 0; i < count / 4; ++i)
|
2013-12-23 15:35:35 +08:00
|
|
|
{
|
|
|
|
listView->pushBackDefaultItem();
|
|
|
|
}
|
|
|
|
// insert default item
|
2013-12-28 14:34:52 +08:00
|
|
|
for (size_t i = 0; i < count / 4; ++i)
|
2013-12-23 15:35:35 +08:00
|
|
|
{
|
|
|
|
listView->insertDefaultItem(0);
|
|
|
|
}
|
|
|
|
|
|
|
|
// add custom item
|
2013-12-28 14:34:52 +08:00
|
|
|
for (size_t i = 0; i < count / 4; ++i)
|
2013-12-23 15:35:35 +08:00
|
|
|
{
|
|
|
|
Button* custom_button = Button::create();
|
|
|
|
custom_button->setName("Title Button");
|
|
|
|
custom_button->setTouchEnabled(true);
|
|
|
|
custom_button->loadTextures("cocosgui/button.png", "cocosgui/buttonHighlighted.png", "");
|
|
|
|
custom_button->setScale9Enabled(true);
|
|
|
|
custom_button->setSize(default_button->getSize());
|
|
|
|
|
|
|
|
Layout *custom_item = Layout::create();
|
|
|
|
custom_item->setSize(custom_button->getSize());
|
|
|
|
custom_button->setPosition(Point(custom_item->getSize().width / 2.0f, custom_item->getSize().height / 2.0f));
|
|
|
|
custom_item->addChild(custom_button);
|
|
|
|
|
|
|
|
listView->pushBackCustomItem(custom_item);
|
|
|
|
}
|
|
|
|
// insert custom item
|
|
|
|
Vector<Widget*>& items = listView->getItems();
|
2013-12-28 14:34:52 +08:00
|
|
|
ssize_t items_count = items.size();
|
|
|
|
for (size_t i = 0; i < count / 4; ++i)
|
2013-12-23 15:35:35 +08:00
|
|
|
{
|
|
|
|
Button* custom_button = Button::create();
|
|
|
|
custom_button->setName("Title Button");
|
|
|
|
custom_button->setTouchEnabled(true);
|
|
|
|
custom_button->loadTextures("cocosgui/button.png", "cocosgui/buttonHighlighted.png", "");
|
|
|
|
custom_button->setScale9Enabled(true);
|
|
|
|
custom_button->setSize(default_button->getSize());
|
|
|
|
|
|
|
|
Layout *custom_item = Layout::create();
|
|
|
|
custom_item->setSize(custom_button->getSize());
|
|
|
|
custom_button->setPosition(Point(custom_item->getSize().width / 2.0f, custom_item->getSize().height / 2.0f));
|
|
|
|
custom_item->addChild(custom_button);
|
|
|
|
|
|
|
|
listView->insertCustomItem(custom_item, items_count);
|
|
|
|
}
|
|
|
|
|
|
|
|
// set item data
|
|
|
|
items_count = items.size();
|
2013-12-28 14:34:52 +08:00
|
|
|
for (ssize_t i = 0; i < items_count; ++i)
|
2013-12-23 15:35:35 +08:00
|
|
|
{
|
|
|
|
Widget* item = listView->getItem(i);
|
|
|
|
Button* button = static_cast<Button*>(item->getChildByName("Title Button"));
|
|
|
|
int index = listView->getIndex(item);
|
2013-12-28 14:34:52 +08:00
|
|
|
button->setTitleText(_array[index]);
|
2013-12-23 15:35:35 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
// remove last item
|
|
|
|
listView->removeLastItem();
|
|
|
|
|
|
|
|
// remove item by index
|
|
|
|
items_count = items.size();
|
|
|
|
listView->removeItem(items_count - 1);
|
|
|
|
|
|
|
|
// set all items layout gravity
|
|
|
|
listView->setGravity(LISTVIEW_GRAVITY_CENTER_VERTICAL);
|
|
|
|
|
|
|
|
// set items margin
|
|
|
|
listView->setItemsMargin(2.0f);
|
2013-09-16 20:54:13 +08:00
|
|
|
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
2014-02-20 10:53:49 +08:00
|
|
|
void UIListViewTest_Vertical::selectedItemEvent(Ref *pSender, ListViewEventType type)
|
2013-12-23 15:35:35 +08:00
|
|
|
{
|
|
|
|
switch (type)
|
|
|
|
{
|
2013-12-30 14:40:49 +08:00
|
|
|
case LISTVIEW_ONSELECTEDITEM:
|
2013-12-23 15:35:35 +08:00
|
|
|
{
|
|
|
|
ListView* listView = static_cast<ListView*>(pSender);
|
2013-12-30 14:40:49 +08:00
|
|
|
CCLOG("select child index = %ld", listView->getCurSelectedIndex());
|
2013-12-23 15:35:35 +08:00
|
|
|
}
|
|
|
|
break;
|
|
|
|
|
|
|
|
default:
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
|
|
|
|
2013-09-16 20:54:13 +08:00
|
|
|
// UIListViewTest_Horizontal
|
|
|
|
|
|
|
|
UIListViewTest_Horizontal::UIListViewTest_Horizontal()
|
2013-12-23 15:35:35 +08:00
|
|
|
: _displayValueLabel(nullptr)
|
2013-09-16 20:54:13 +08:00
|
|
|
{
|
|
|
|
}
|
|
|
|
|
|
|
|
UIListViewTest_Horizontal::~UIListViewTest_Horizontal()
|
|
|
|
{
|
|
|
|
}
|
|
|
|
|
|
|
|
bool UIListViewTest_Horizontal::init()
|
|
|
|
{
|
|
|
|
if (UIScene::init())
|
|
|
|
{
|
2013-12-23 15:35:35 +08:00
|
|
|
Size widgetSize = _widget->getSize();
|
|
|
|
|
2014-02-24 18:56:45 +08:00
|
|
|
_displayValueLabel = ui::Text::create();
|
2013-12-23 15:35:35 +08:00
|
|
|
_displayValueLabel->setText("Move by horizontal direction");
|
|
|
|
_displayValueLabel->setFontName("Marker Felt");
|
|
|
|
_displayValueLabel->setFontSize(32);
|
|
|
|
_displayValueLabel->setAnchorPoint(Point(0.5f, -1.0f));
|
|
|
|
_displayValueLabel->setPosition(Point(widgetSize.width / 2.0f, widgetSize.height / 2.0f + _displayValueLabel->getContentSize().height * 1.5f));
|
|
|
|
_uiLayer->addChild(_displayValueLabel);
|
|
|
|
|
|
|
|
|
2014-02-24 18:56:45 +08:00
|
|
|
ui::Text* alert = ui::Text::create();
|
2013-12-23 15:35:35 +08:00
|
|
|
alert->setText("ListView horizontal");
|
|
|
|
alert->setFontName("Marker Felt");
|
2013-09-16 20:54:13 +08:00
|
|
|
alert->setFontSize(30);
|
|
|
|
alert->setColor(Color3B(159, 168, 176));
|
2013-12-23 15:35:35 +08:00
|
|
|
alert->setPosition(Point(widgetSize.width / 2.0f, widgetSize.height / 2.0f - alert->getSize().height * 3.075f));
|
|
|
|
_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();
|
|
|
|
|
|
|
|
|
|
|
|
// create list view ex data
|
|
|
|
for (int i = 0; i < 20; ++i)
|
|
|
|
{
|
2013-12-28 14:34:52 +08:00
|
|
|
_array.push_back(StringUtils::format("listview_item_%d", i));
|
2013-12-23 15:35:35 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
// Create the list view ex
|
|
|
|
ListView* listView = ListView::create();
|
|
|
|
// set list view ex direction
|
|
|
|
listView->setDirection(SCROLLVIEW_DIR_HORIZONTAL);
|
|
|
|
listView->setTouchEnabled(true);
|
|
|
|
listView->setBounceEnabled(true);
|
|
|
|
listView->setBackGroundImage("cocosgui/green_edit.png");
|
|
|
|
listView->setBackGroundImageScale9Enabled(true);
|
|
|
|
listView->setSize(Size(240, 130));
|
|
|
|
listView->setPosition(Point((widgetSize.width - backgroundSize.width) / 2.0f +
|
|
|
|
(backgroundSize.width - listView->getSize().width) / 2.0f,
|
|
|
|
(widgetSize.height - backgroundSize.height) / 2.0f +
|
|
|
|
(backgroundSize.height - listView->getSize().height) / 2.0f));
|
2013-12-30 14:40:49 +08:00
|
|
|
listView->addEventListenerListView(this, listvieweventselector(UIListViewTest_Horizontal::selectedItemEvent));
|
2013-12-23 15:35:35 +08:00
|
|
|
_uiLayer->addChild(listView);
|
|
|
|
|
|
|
|
|
|
|
|
// create model
|
|
|
|
Button* default_button = Button::create();
|
|
|
|
default_button->setName("Title Button");
|
|
|
|
default_button->setTouchEnabled(true);
|
|
|
|
default_button->loadTextures("cocosgui/backtotoppressed.png", "cocosgui/backtotopnormal.png", "");
|
|
|
|
|
|
|
|
Layout *default_item = Layout::create();
|
|
|
|
default_item->setTouchEnabled(true);
|
|
|
|
default_item->setSize(default_button->getSize());
|
|
|
|
default_button->setPosition(Point(default_item->getSize().width / 2.0f, default_item->getSize().height / 2.0f));
|
|
|
|
default_item->addChild(default_button);
|
|
|
|
|
|
|
|
// set model
|
|
|
|
listView->setItemModel(default_item);
|
|
|
|
|
|
|
|
// add default item
|
2013-12-28 14:34:52 +08:00
|
|
|
size_t count = _array.size();
|
2013-12-23 15:35:35 +08:00
|
|
|
for (int i = 0; i < count / 4; ++i)
|
|
|
|
{
|
|
|
|
listView->pushBackDefaultItem();
|
|
|
|
}
|
|
|
|
// insert default item
|
|
|
|
for (int i = 0; i < count / 4; ++i)
|
|
|
|
{
|
|
|
|
listView->insertDefaultItem(0);
|
|
|
|
}
|
2013-09-16 20:54:13 +08:00
|
|
|
|
2013-12-23 15:35:35 +08:00
|
|
|
// add custom item
|
|
|
|
for (int i = 0; i < count / 4; ++i)
|
2013-09-16 20:54:13 +08:00
|
|
|
{
|
2013-12-23 15:35:35 +08:00
|
|
|
Button* custom_button = Button::create();
|
|
|
|
custom_button->setName("Title Button");
|
|
|
|
custom_button->setTouchEnabled(true);
|
|
|
|
custom_button->loadTextures("cocosgui/button.png", "cocosgui/buttonHighlighted.png", "");
|
|
|
|
custom_button->setScale9Enabled(true);
|
|
|
|
custom_button->setSize(default_button->getSize());
|
|
|
|
|
|
|
|
Layout* custom_item = Layout::create();
|
|
|
|
custom_item->setSize(custom_button->getSize());
|
|
|
|
custom_button->setPosition(Point(custom_item->getSize().width / 2.0f, custom_item->getSize().height / 2.0f));
|
|
|
|
custom_item->addChild(custom_button);
|
|
|
|
|
|
|
|
listView->pushBackCustomItem(custom_item);
|
2013-09-16 20:54:13 +08:00
|
|
|
}
|
2013-12-23 15:35:35 +08:00
|
|
|
// insert custom item
|
|
|
|
Vector<Widget*>& items = listView->getItems();
|
|
|
|
int items_count = items.size();
|
|
|
|
for (int i = 0; i < count / 4; ++i)
|
|
|
|
{
|
|
|
|
Button* custom_button = Button::create();
|
|
|
|
custom_button->setName("Title Button");
|
|
|
|
custom_button->setTouchEnabled(true);
|
|
|
|
custom_button->loadTextures("cocosgui/button.png", "cocosgui/buttonHighlighted.png", "");
|
|
|
|
custom_button->setScale9Enabled(true);
|
|
|
|
custom_button->setSize(default_button->getSize());
|
|
|
|
|
|
|
|
Layout* custom_item = Layout::create();
|
|
|
|
custom_item->setSize(custom_button->getSize());
|
|
|
|
custom_button->setPosition(Point(custom_item->getSize().width / 2.0f, custom_item->getSize().height / 2.0f));
|
|
|
|
custom_item->addChild(custom_button);
|
|
|
|
|
|
|
|
listView->insertCustomItem(custom_item, items_count);
|
|
|
|
}
|
|
|
|
|
|
|
|
// set item data
|
|
|
|
items_count = items.size();
|
|
|
|
for (int i = 0; i < items_count; ++i)
|
|
|
|
{
|
|
|
|
Widget *item = listView->getItem(i);
|
|
|
|
Button *button = static_cast<Button*>(item->getChildByName("Title Button"));
|
|
|
|
int index = listView->getIndex(item);
|
2013-12-28 14:34:52 +08:00
|
|
|
button->setTitleText(_array[index]);
|
2013-12-23 15:35:35 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
// remove last item
|
|
|
|
listView->removeLastItem();
|
|
|
|
|
|
|
|
// remove item by index
|
|
|
|
items_count = items.size();
|
|
|
|
listView->removeItem(items_count - 1);
|
|
|
|
|
|
|
|
// set all items layout gravity
|
|
|
|
listView->setGravity(LISTVIEW_GRAVITY_CENTER_VERTICAL);
|
|
|
|
|
|
|
|
// set items margin
|
|
|
|
listView->setItemsMargin(2);
|
|
|
|
|
2013-09-16 20:54:13 +08:00
|
|
|
return true;
|
|
|
|
}
|
|
|
|
|
|
|
|
return false;
|
2013-12-23 15:35:35 +08:00
|
|
|
}
|
|
|
|
|
2014-02-20 10:53:49 +08:00
|
|
|
void UIListViewTest_Horizontal::selectedItemEvent(Ref *pSender, ListViewEventType type)
|
2013-12-23 15:35:35 +08:00
|
|
|
{
|
|
|
|
switch (type)
|
|
|
|
{
|
2013-12-30 14:40:49 +08:00
|
|
|
case LISTVIEW_ONSELECTEDITEM:
|
2013-12-23 15:35:35 +08:00
|
|
|
{
|
|
|
|
ListView* listView = static_cast<ListView*>(pSender);
|
2013-12-30 14:40:49 +08:00
|
|
|
CCLOG("select child index = %ld", listView->getCurSelectedIndex());
|
2013-12-23 15:35:35 +08:00
|
|
|
}
|
|
|
|
break;
|
|
|
|
|
|
|
|
default:
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|