cocos2dx - 控件扩展之pageview循环显示
接上一节内容:cocos2dx - shader实现任意动画的残影效果
本节主要讲一下扩展PageView控件功能
在实际游戏应用中,经常会碰到用原来的控件难以实现的功能。这时候就需要根据需求,通过选择合适的控件进行方便的扩展来实现。
扩展控件一般是通过对原来的控件进行继承来实现,这样可以很好的应用原来的属性及方法,同时可以方便的添加自己需要的方法及属性。
例子:实现对pageview进行循环翻页效果。
分析:
1、翻页方法有2个方式,滑动翻页及点击按钮左右翻动。
2、在触发翻页后需要移动页面位置保持当前新的选中页面在中间。
3、每次翻页后需要触发事件,实现更新内容。
实现:
1、为了优化显示,我们不在一开始创建所有页面,仅创建3个layout来存储显示的内容,然后在翻页触发后刷新页面内容。
Layout* m_pLeftLayout;
Layout* m_pRightLayout;
Layout* m_pCurLayout;
2、同时重写覆盖以下几个方法,来实现移动页面的判断。
void scrollToPage(ssize_t idx) ; virtual bool scrollPages(Vec2 touchOffset) override; virtual void handleMoveLogic(Touch *touch) override; virtual void handleReleaseLogic(Touch *touch) override; void movePages(Vec2 offset);
主要是通过判断移动的方向,来判断需要更新的下一个页面。然后在移动了一定比例的页面距离后(0.75),将下一个页面设为当前界面,重设对应左右界面。
代码如下:
void CCyclePageView::movePages(Vec2 offset)
{
if (!m_pCurLayout || !m_pRightLayout || !m_pLeftLayout)
{
return;
}
m_pCurLayout->setPosition(m_pCurLayout->getPosition() + offset);
m_pRightLayout->setPosition(m_pRightLayout->getPosition() + offset);
m_pLeftLayout->setPosition(m_pLeftLayout->getPosition() + offset);
Size size = getContentSize();
switch (_touchMoveDirection)
{
case TouchDirection::LEFT: // left
if (m_pCurLayout->getPositionX()<-size.width*0.75)
{ Layout* newRight = m_pLeftLayout;
newRight->setPositionX(m_pRightLayout->getPositionX() + size.width);
m_pLeftLayout = m_pCurLayout;
m_pCurLayout = m_pRightLayout;
m_pRightLayout = newRight; ++_curPageIdx;
UpdateShowLayout(_curPageIdx, m_pCurLayout,true);
} break;
case TouchDirection::RIGHT: // right
if (m_pCurLayout->getPositionX()>size.width*0.75)
{
Layout* newLeft = m_pRightLayout;
newLeft->setPositionX(m_pLeftLayout->getPositionX() - size.width);
m_pRightLayout = m_pCurLayout;
m_pCurLayout = m_pLeftLayout;
m_pLeftLayout = newLeft; --_curPageIdx;
UpdateShowLayout(_curPageIdx, m_pCurLayout, true);
}
break;
case TouchDirection::UP:
if (m_pCurLayout->getPositionY()>size.width*0.75)
{
Layout* newLeft = m_pRightLayout;
newLeft->setPositionX(m_pLeftLayout->getPositionX() - size.height);
m_pRightLayout = m_pCurLayout;
m_pCurLayout = m_pLeftLayout;
m_pLeftLayout = newLeft;
--_curPageIdx;
UpdateShowLayout(_curPageIdx, m_pCurLayout, true);
}
break;
case TouchDirection::DOWN:
if (m_pCurLayout->getPositionY()<-size.height*0.75)
{
Layout* newRight = m_pLeftLayout;
newRight->setPositionX(m_pRightLayout->getPositionX() + size.height);
m_pLeftLayout = m_pCurLayout;
m_pCurLayout = m_pRightLayout;
m_pRightLayout = newRight;
++_curPageIdx;
UpdateShowLayout(_curPageIdx, m_pCurLayout, true);
}
break;
default:
break;
}
if (_curPageIdx<)
{
_curPageIdx = m_nPageSize-;
}
if (_curPageIdx >= m_nPageSize)
{
_curPageIdx = ;
}
}
3、通过以下几个方法实现更新界面显示
Layout* GetCurPage(){ return m_pCurLayout;} void addPageChangedListener(const std::function<void(Layout*, size_t)> callback){ m_callback = callback; } void UpdateShowLayout(ssizs_t nCurIdx, Layout* layout, bool isForceCallBack=false);
在UpdateshowLayout中将传入待更新的页面更新内容为nCurIdx的内容,这里通过Tag标识来判断。若Tag与待显示的Idx不一致则通过addPageChangedListener中设置的回调来实现更新。
void CCyclePageView::UpdateShowLayout(ssize_t nCurIdx, Layout* layout,bool isForceCallBack)
{
if (nCurIdx<)
{
nCurIdx = m_nPageSize - ;
}
if (nCurIdx >= m_nPageSize)
{
nCurIdx = ;
}
if (layout && (isForceCallBack || layout->getTag() != nCurIdx))
{
layout->setTag(nCurIdx);
if (m_callback)
{
m_callback(layout,nCurIdx);
}
}
}
这里的 isForceCallBack 用来在void movePages(Vec2 offset)中实现最后更新的一个页面为当前选中的页面。
使用:
1、在创建后,通过SetPageSize设置循环页面个数,并通过addPageChangedListener中添加页面变化监听。
2、翻页使用scrollToPage()翻到指定页面,或者直接通过拖动控件活动实现。
3、在监听中必须添加更新显示效果。
CCyclePageView* pNewPageView = CCyclePageView::create();
pNewPageView->addPageChangedListener(std::bind(&CMainWnd::onPageViewUpdate, this, std::placeholders::_1, std::placeholders::_2));
pNewPageView->setDirection(cocos2d::ui::PageView::Direction::HORIZONTAL);
pNewPageView->SetPageSize(nCount);
pNewPageView->scrollToPage(0);
完整代码地址:https://github.com/mydishes/cocos2dx-Ex/tree/master/CyclePageView
cocos2dx - 控件扩展之pageview循环显示的更多相关文章
- WinForm控件TreeView 只部分节点显示 CheckBox
WinForm控件TreeView 只部分节点显示 CheckBox 用过asp.net的应该知道,要在treeview中实现上述功能可以使用ShowCheckBox 属性指定那些节点显示check ...
- Scroll View 控件以Thumbnail的方式显示一个目录的全部图片,相似图片浏览器
MAC : XCode -> Scroll View 控件以Thumbnail的方式显示一个目录的全部图片,类似图片浏览器 STEP1:将两个目录复制到project里面ImageBrowser ...
- 给easyui datebox时间框控件扩展一个清空的实例
给easyui datebox扩展一个清空的实例 步骤一:拓展插件 /** * 给时间框控件扩展一个清除的按钮 */ $.fn.datebox.defaults.cleanText = '清空'; ( ...
- WPF开源控件扩展库 - MaterialDesignExtensions
Material Design Extensions 在WPF开源控件库 Material Design in XAML Toolkit(本站介绍:链接)的基础上进行了控件扩展和特性新增.本开源项目中 ...
- ASP.NET MVC显示UserControl控件(扩展篇)
昨晚Insus.NET有怀旧一下<念念不忘,ASP.NET MVC显示WebForm网页或UserControl控件>http://www.cnblogs.com/insus/p/3641 ...
- Silverlight中DataPager控件扩展
大家一定遇到这样的情况,想改变一下SL的DataPager的显示信息,比如希望分页控件上显示数据的总数.那么就需要扩展一下DataPager控件即可. 其实扩展DataPager很简单,只要获取到Da ...
- android控件RecyclerView中,如何显示自定义分割线以及最后一项去除分割线
在控件RecyclerView中,分割线DividerItemDecoration类的使用经常见,如果是使用自带的分割线,只需要这样写即可 RecyclerView mRecyclerView; mR ...
- Winform下让你的DataGridView控件支持点语法(即显示list中的子对象属性)
前言: 不想看前言的直接去看正文吧!另外文末有彩蛋. DataGridView可以支持多种数据源格式,比如DataTable和List. DataTable没啥特殊的,本身就是一张二维的表,可以和Da ...
- 玩转控件:扩展Dev中SimpleButton
何为扩展,顾名思义,就是在原有控件属性.事件的基础上拓展自己需要或实用的属性.事件等等.或者可以理解为,现有的控件已经不能完全满足我(的需求)了.好的扩展会使控件更加完善,实用,好用.不好的扩展,说白 ...
随机推荐
- 四则运算题目生成程序(基于控制台)(Bug修改)
针对上个程序中出现的bug进行修改 https://git.coding.net/cx873230936/calculator.git Bug: 1.控制台输入问题数问题 a.不能处理用户输入负数. ...
- 团队作业1--团队展示&选题(SNS)
团队名称 SNS (SAME is Not Simple,期待和而不同.共同进步) MEMBER 201421123037(captain) 201421123032 201421123034 20 ...
- 201521123073 《Java程序设计》第1周学习总结
1.本章学习总结 你对于本章知识的学习总结 1.Java中使用Scanner处理输入,需要注意如下几个地方 程序开头必须import java.util.Scanner导入Scanner类. 使用Sc ...
- 201521123117 《Java程序设计》第11周学习总结
1. 本周学习总结 1.1 以你喜欢的方式(思维导图或其他)归纳总结多线程相关内容. 2. 书面作业 本次PTA作业题集多线程 1.互斥访问与同步访问 完成题集4-4(互斥访问)与4-5(同步访问) ...
- 201521123016 《Java程序设计》第13周学习总结
1. 本周学习总结 2. 书面作业 1. 网络基础 1.1 比较ping www.baidu.com与ping cec.jmu.edu.cn,分析返回结果有何不同?为什么会有这样的不同? ping w ...
- hadoop运行wordcount实例,hdfs简单操作
1.查看hadoop版本 [hadoop@ltt1 sbin]$ hadoop version Hadoop -cdh5.12.0 Subversion http://github.com/cloud ...
- PowerShell脚本—停止占用8080端口的进程
$str = netstat -ano $list = $str.Split('\n') ; $i -lt $list.Length; $i++) { $item_list = [System.Tex ...
- sed命令基础
sed是一种流编辑器,它是文本处理中非常中的工具,能够完美的配合正则表达式使用,功能不同凡响.处理时,把当前处理的行存储在临时缓冲区中,称为"模式空间"(pattern space ...
- returned a response status of 403 OR 409
当我们使用jersy把图片上传到我们的图片服务器中[tomcat],我们可能会有以下的错误: returned a response status of 403 OR 409 403和409我都遇到过 ...
- 工作总结--如何定位web系统前后台的bug,以及bug分析/测试感想
对于web项目前台和后台bug定位分析:一. 系统整体了解 懒企鹅营销服务平台用的架构:web前端: Bootstrap 3.0 组件丰富,兼容性好,界面美观 Server端: jsp+Servlet ...