2013-09-16 20:54:13 +08:00
|
|
|
|
|
|
|
|
|
|
|
#include "UIPageViewTest.h"
|
|
|
|
|
|
|
|
|
|
|
|
// UIPageViewTest
|
|
|
|
UIPageViewTest::UIPageViewTest()
|
2014-04-09 22:53:59 +08:00
|
|
|
: _displayValueLabel(nullptr)
|
2013-09-16 20:54:13 +08:00
|
|
|
{
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
UIPageViewTest::~UIPageViewTest()
|
|
|
|
{
|
|
|
|
}
|
|
|
|
|
|
|
|
bool UIPageViewTest::init()
|
|
|
|
{
|
|
|
|
if (UIScene::init())
|
|
|
|
{
|
2014-06-20 11:18:53 +08:00
|
|
|
Size widgetSize = _widget->getContentSize();
|
2013-09-16 20:54:13 +08:00
|
|
|
|
|
|
|
// Add a label in which the dragpanel events will be displayed
|
2014-04-03 11:52:35 +08:00
|
|
|
_displayValueLabel = Text::create("Move by horizontal direction", "fonts/Marker Felt.ttf", 32);
|
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:52:35 +08:00
|
|
|
widgetSize.height / 2.0f +
|
|
|
|
_displayValueLabel->getContentSize().height * 1.5));
|
2013-12-23 15:35:35 +08:00
|
|
|
_uiLayer->addChild(_displayValueLabel);
|
2013-09-16 20:54:13 +08:00
|
|
|
|
|
|
|
// Add the black background
|
2014-04-03 11:52:35 +08:00
|
|
|
Text* alert = Text::create("PageView", "fonts/Marker Felt.ttf", 30);
|
2013-09-16 20:54:13 +08:00
|
|
|
alert->setColor(Color3B(159, 168, 176));
|
2014-06-20 11:18:53 +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 = dynamic_cast<Layout*>(root->getChildByName("background_Panel"));
|
2013-09-16 20:54:13 +08:00
|
|
|
|
|
|
|
// Create the page view
|
2013-12-23 15:35:35 +08:00
|
|
|
PageView* pageView = PageView::create();
|
2014-06-20 14:03:33 +08:00
|
|
|
pageView->setContentSize(Size(240.0f, 130.0f));
|
2013-09-16 20:54:13 +08:00
|
|
|
Size backgroundSize = background->getContentSize();
|
2014-05-15 01:07:09 +08:00
|
|
|
pageView->setPosition(Vec2((widgetSize.width - backgroundSize.width) / 2.0f +
|
2014-06-20 11:18:53 +08:00
|
|
|
(backgroundSize.width - pageView->getContentSize().width) / 2.0f,
|
2013-12-23 15:35:35 +08:00
|
|
|
(widgetSize.height - backgroundSize.height) / 2.0f +
|
2014-06-20 11:18:53 +08:00
|
|
|
(backgroundSize.height - pageView->getContentSize().height) / 2.0f));
|
2013-09-16 20:54:13 +08:00
|
|
|
|
2014-05-21 16:40:42 +08:00
|
|
|
pageView->removeAllPages();
|
|
|
|
|
|
|
|
int pageCount = 4;
|
|
|
|
for (int i = 0; i < pageCount; ++i)
|
2013-09-16 20:54:13 +08:00
|
|
|
{
|
2013-12-23 15:35:35 +08:00
|
|
|
Layout* layout = Layout::create();
|
2014-06-20 14:03:33 +08:00
|
|
|
layout->setContentSize(Size(240.0f, 130.0f));
|
2013-09-16 20:54:13 +08:00
|
|
|
|
2014-04-03 11:52:35 +08:00
|
|
|
ImageView* imageView = ImageView::create("cocosui/scrollviewbg.png");
|
2013-09-16 20:54:13 +08:00
|
|
|
imageView->setScale9Enabled(true);
|
2014-06-20 14:03:33 +08:00
|
|
|
imageView->setContentSize(Size(240, 130));
|
2014-06-20 11:18:53 +08:00
|
|
|
imageView->setPosition(Vec2(layout->getContentSize().width / 2.0f, layout->getContentSize().height / 2.0f));
|
2013-09-16 20:54:13 +08:00
|
|
|
layout->addChild(imageView);
|
|
|
|
|
2014-04-03 17:42:04 +08:00
|
|
|
Text* label = Text::create(StringUtils::format("page %d",(i+1)), "fonts/Marker Felt.ttf", 30);
|
2013-09-16 20:54:13 +08:00
|
|
|
label->setColor(Color3B(192, 192, 192));
|
2014-06-20 11:18:53 +08:00
|
|
|
label->setPosition(Vec2(layout->getContentSize().width / 2.0f, layout->getContentSize().height / 2.0f));
|
2013-09-16 20:54:13 +08:00
|
|
|
layout->addChild(label);
|
|
|
|
|
2014-05-21 16:40:42 +08:00
|
|
|
pageView->insertPage(layout,i);
|
2013-09-16 20:54:13 +08:00
|
|
|
}
|
2014-05-21 16:40:42 +08:00
|
|
|
|
|
|
|
pageView->removePageAtIndex(0);
|
|
|
|
pageView->scrollToPage(pageCount-2);
|
|
|
|
|
2014-05-12 10:31:52 +08:00
|
|
|
pageView->addEventListener(CC_CALLBACK_2(UIPageViewTest::pageViewEvent, this));
|
2013-09-16 20:54:13 +08:00
|
|
|
|
2013-12-23 15:35:35 +08:00
|
|
|
_uiLayer->addChild(pageView);
|
2013-09-16 20:54:13 +08:00
|
|
|
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
2014-05-12 10:31:52 +08:00
|
|
|
void UIPageViewTest::pageViewEvent(Ref *pSender, PageView::EventType type)
|
2013-09-16 20:54:13 +08:00
|
|
|
{
|
2013-09-17 20:13:23 +08:00
|
|
|
switch (type)
|
|
|
|
{
|
2014-05-12 10:31:52 +08:00
|
|
|
case PageView::EventType::TURNING:
|
2013-09-17 20:13:23 +08:00
|
|
|
{
|
2013-12-23 15:35:35 +08:00
|
|
|
PageView* pageView = dynamic_cast<PageView*>(pSender);
|
2013-09-17 20:13:23 +08:00
|
|
|
|
2014-05-14 15:26:14 +08:00
|
|
|
_displayValueLabel->setString(CCString::createWithFormat("page = %ld", pageView->getCurPageIndex() + 1)->getCString());
|
2013-09-17 20:13:23 +08:00
|
|
|
}
|
|
|
|
break;
|
|
|
|
|
|
|
|
default:
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
2014-07-07 15:31:06 +08:00
|
|
|
|
|
|
|
|
|
|
|
// UIPageViewButtonTest
|
|
|
|
UIPageViewButtonTest::UIPageViewButtonTest()
|
|
|
|
: _displayValueLabel(nullptr)
|
|
|
|
{
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
UIPageViewButtonTest::~UIPageViewButtonTest()
|
|
|
|
{
|
|
|
|
}
|
|
|
|
|
|
|
|
bool UIPageViewButtonTest::init()
|
|
|
|
{
|
|
|
|
if (UIScene::init())
|
|
|
|
{
|
|
|
|
Size widgetSize = _widget->getContentSize();
|
|
|
|
|
|
|
|
// Add a label in which the dragpanel events will be displayed
|
|
|
|
_displayValueLabel = Text::create("Move by horizontal direction", "fonts/Marker Felt.ttf", 32);
|
|
|
|
_displayValueLabel->setAnchorPoint(Vec2(0.5f, -1.0f));
|
|
|
|
_displayValueLabel->setPosition(Vec2(widgetSize.width / 2.0f,
|
|
|
|
widgetSize.height / 2.0f +
|
|
|
|
_displayValueLabel->getContentSize().height * 1.5));
|
|
|
|
_uiLayer->addChild(_displayValueLabel);
|
|
|
|
|
|
|
|
// Add the black background
|
|
|
|
Text* alert = Text::create("PageView with Buttons", "fonts/Marker Felt.ttf", 30);
|
|
|
|
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"));
|
|
|
|
|
|
|
|
// Create the page view
|
|
|
|
PageView* pageView = PageView::create();
|
|
|
|
pageView->setContentSize(Size(240.0f, 130.0f));
|
|
|
|
Size backgroundSize = background->getContentSize();
|
|
|
|
pageView->setPosition(Vec2((widgetSize.width - backgroundSize.width) / 2.0f +
|
|
|
|
(backgroundSize.width - pageView->getContentSize().width) / 2.0f,
|
|
|
|
(widgetSize.height - backgroundSize.height) / 2.0f +
|
|
|
|
(backgroundSize.height - pageView->getContentSize().height) / 2.0f));
|
|
|
|
|
|
|
|
pageView->removeAllPages();
|
|
|
|
|
|
|
|
int pageCount = 4;
|
|
|
|
for (int i = 0; i < pageCount; ++i)
|
|
|
|
{
|
2014-07-07 15:48:50 +08:00
|
|
|
HBox* outerBox = HBox::create();
|
|
|
|
outerBox->setContentSize(Size(240.0f, 130.0f));
|
|
|
|
|
|
|
|
for (int k = 0; k < 2; ++k) {
|
|
|
|
VBox* innerBox = VBox::create();
|
|
|
|
|
|
|
|
for (int j = 0; j < 3; j++) {
|
|
|
|
Button *btn = Button::create("cocosui/animationbuttonnormal.png",
|
|
|
|
"cocosui/animationbuttonpressed.png");
|
|
|
|
btn->setName(StringUtils::format("button %d", j));
|
|
|
|
btn->addTouchEventListener( CC_CALLBACK_2(UIPageViewButtonTest::onButtonClicked, this));
|
|
|
|
|
|
|
|
innerBox->addChild(btn);
|
|
|
|
}
|
2014-07-07 15:31:06 +08:00
|
|
|
|
2014-07-07 15:48:50 +08:00
|
|
|
LinearLayoutParameter *parameter = LinearLayoutParameter::create();
|
|
|
|
parameter->setMargin(Margin(0,0,100,0));
|
|
|
|
innerBox->setLayoutParameter(parameter);
|
|
|
|
|
|
|
|
outerBox->addChild(innerBox);
|
|
|
|
|
2014-07-07 15:31:06 +08:00
|
|
|
}
|
|
|
|
|
2014-07-07 15:48:50 +08:00
|
|
|
pageView->insertPage(outerBox,i);
|
2014-07-07 15:31:06 +08:00
|
|
|
}
|
|
|
|
|
|
|
|
pageView->removePageAtIndex(0);
|
|
|
|
|
|
|
|
pageView->addEventListener(CC_CALLBACK_2(UIPageViewButtonTest::pageViewEvent, this));
|
|
|
|
|
|
|
|
_uiLayer->addChild(pageView);
|
|
|
|
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
void UIPageViewButtonTest::onButtonClicked(Ref* pSender, Widget::TouchEventType type)
|
|
|
|
{
|
|
|
|
Button *btn = (Button*)pSender;
|
|
|
|
CCLOG("button %s clicked", btn->getName().c_str());
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
void UIPageViewButtonTest::pageViewEvent(Ref *pSender, PageView::EventType type)
|
|
|
|
{
|
|
|
|
switch (type)
|
|
|
|
{
|
|
|
|
case PageView::EventType::TURNING:
|
|
|
|
{
|
|
|
|
PageView* pageView = dynamic_cast<PageView*>(pSender);
|
|
|
|
|
|
|
|
_displayValueLabel->setString(CCString::createWithFormat("page = %ld", pageView->getCurPageIndex() + 1)->getCString());
|
|
|
|
}
|
|
|
|
break;
|
|
|
|
|
|
|
|
default:
|
|
|
|
break;
|
|
|
|
}
|
|
|
|
}
|
2014-08-14 11:14:24 +08:00
|
|
|
|
|
|
|
|
|
|
|
// UIPageViewCustomScrollThreshold
|
|
|
|
UIPageViewCustomScrollThreshold::UIPageViewCustomScrollThreshold()
|
|
|
|
: _displayValueLabel(nullptr)
|
|
|
|
{
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
UIPageViewCustomScrollThreshold::~UIPageViewCustomScrollThreshold()
|
|
|
|
{
|
|
|
|
}
|
|
|
|
|
|
|
|
bool UIPageViewCustomScrollThreshold::init()
|
|
|
|
{
|
|
|
|
if (UIScene::init())
|
|
|
|
{
|
|
|
|
Size widgetSize = _widget->getContentSize();
|
|
|
|
|
|
|
|
// Add a label in which the dragpanel events will be displayed
|
|
|
|
_displayValueLabel = Text::create("Scroll Threshold", "fonts/Marker Felt.ttf", 32);
|
|
|
|
_displayValueLabel->setAnchorPoint(Vec2(0.5f, -1.0f));
|
|
|
|
_displayValueLabel->setPosition(Vec2(widgetSize.width / 2.0f,
|
|
|
|
widgetSize.height / 2.0f +
|
|
|
|
_displayValueLabel->getContentSize().height * 1.5));
|
|
|
|
_uiLayer->addChild(_displayValueLabel);
|
|
|
|
|
|
|
|
// Add the black background
|
|
|
|
Text* alert = Text::create("PageView", "fonts/Marker Felt.ttf", 30);
|
|
|
|
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"));
|
|
|
|
|
|
|
|
// Create the page view
|
|
|
|
PageView* pageView = PageView::create();
|
|
|
|
pageView->setContentSize(Size(240.0f, 100.0f));
|
|
|
|
Size backgroundSize = background->getContentSize();
|
|
|
|
pageView->setPosition(Vec2((widgetSize.width - backgroundSize.width) / 2.0f +
|
|
|
|
(backgroundSize.width - pageView->getContentSize().width) / 2.0f,
|
|
|
|
(widgetSize.height - backgroundSize.height) / 2.0f +
|
|
|
|
(backgroundSize.height - pageView->getContentSize().height) / 2.0f + 20));
|
|
|
|
|
|
|
|
int pageCount = 4;
|
|
|
|
for (int i = 0; i < pageCount; ++i)
|
|
|
|
{
|
|
|
|
Layout* layout = Layout::create();
|
|
|
|
layout->setContentSize(Size(240.0f, 130.0f));
|
|
|
|
|
|
|
|
ImageView* imageView = ImageView::create("cocosui/scrollviewbg.png");
|
|
|
|
imageView->setScale9Enabled(true);
|
|
|
|
imageView->setContentSize(Size(240, 130));
|
|
|
|
imageView->setPosition(Vec2(layout->getContentSize().width / 2.0f, layout->getContentSize().height / 2.0f));
|
|
|
|
layout->addChild(imageView);
|
|
|
|
|
|
|
|
Text* label = Text::create(StringUtils::format("page %d",(i+1)), "fonts/Marker Felt.ttf", 30);
|
|
|
|
label->setColor(Color3B(192, 192, 192));
|
|
|
|
label->setPosition(Vec2(layout->getContentSize().width / 2.0f, layout->getContentSize().height / 2.0f));
|
|
|
|
layout->addChild(label);
|
|
|
|
|
|
|
|
pageView->insertPage(layout,i);
|
|
|
|
}
|
|
|
|
|
|
|
|
_uiLayer->addChild(pageView);
|
|
|
|
pageView->setName("pageView");
|
|
|
|
|
|
|
|
Slider* slider = Slider::create();
|
|
|
|
slider->loadBarTexture("cocosui/sliderTrack.png");
|
|
|
|
slider->loadSlidBallTextures("cocosui/sliderThumb.png", "cocosui/sliderThumb.png", "");
|
|
|
|
slider->loadProgressBarTexture("cocosui/sliderProgress.png");
|
|
|
|
slider->setPosition(Vec2(widgetSize.width / 2.0f , widgetSize.height / 2.0f - 40));
|
|
|
|
slider->addEventListener(CC_CALLBACK_2(UIPageViewCustomScrollThreshold::sliderEvent, this));
|
|
|
|
slider->setPercent(50);
|
|
|
|
_uiLayer->addChild(slider);
|
|
|
|
|
|
|
|
|
|
|
|
return true;
|
|
|
|
}
|
|
|
|
return false;
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
|
|
void UIPageViewCustomScrollThreshold::sliderEvent(Ref *pSender, Slider::EventType type)
|
|
|
|
{
|
|
|
|
if (type == Slider::EventType::ON_PERCENTAGE_CHANGED)
|
|
|
|
{
|
|
|
|
Slider* slider = dynamic_cast<Slider*>(pSender);
|
|
|
|
int percent = slider->getPercent();
|
|
|
|
PageView* pageView = (PageView*)_uiLayer->getChildByName("pageView");
|
|
|
|
if (percent == 0) {
|
|
|
|
percent = 1;
|
|
|
|
}
|
|
|
|
pageView->setCustomScrollThreshold(percent * 0.01 * pageView->getContentSize().width);
|
|
|
|
|
|
|
|
_displayValueLabel->setString(String::createWithFormat("Scroll Threshold: %f", pageView->getCustomScrollThreshold())->getCString());
|
|
|
|
}
|
|
|
|
}
|