scrollview的总结
今天主要是学习了cocos2dx的scrollview的内容,把简单的菜单滑动表现做出来了。像很多游戏的下方有一槽功能按钮,角色、背包、技能、帮助等,当宽度不足以全部显示出来的时候,隐藏一部分,以滑动的形式展现是一个很好的解决办法,秦时明月2就是如此。
做到这一点,很简单,主要有几点要注意一下:
(1)cocos studio的ui编辑器中的scrollview的属性倒数第二个“滑动方向”要选择Horizontal。另外,这里有一篇文章讲到了scrollview和listview的一点区别,你往这两个控件中拖按钮就可以看得很明显了【参考:http://blog.csdn.net/cyistudio/article/details/8972617】。
(2)使用的时候要用到Touchgroup这个类,使用的步骤如下:
self._layout = tolua.cast(GUIReader:shareReader():widgetFromJsonFile("cocosui/UIEditorTest/UIButton_Editor/UIButton_Editor_1.json"), "Layout")
self._uiLayer:addWidget(self._layout)
其中的layout是cocos2dx中的一个类,为什么要用到它呢?是因为他和Widget这个有关系,下面再说。self._uiLayer就是一个TouchGroup类,也就是使用起来的lua代码有三个步骤:
1)使用widgetFromJsonFile中json文件中得到layout类
2)新建一个touchgroup对象,使用addwidget加入其中
3)getWidgetByName或者getWidgetByTag得到其中的某个对象(这个对象就是studio中的一个个对象)
接下来,思考部分...
碰到以下三个问题:
(1)scrollview是都要用到TouchGroup这个类来承载吗?
(2)标准触摸事件是所有layer都会响应点击事件,为什么我的mainlayer点击了之后,mainlayer和btnlayer(一个场景中两个并列的layer)都有响应;但是点击btnlayer之后,都没有反应呢?
(3)addchild和addwidget有什么区别?为什么上面的TouchGroup会用addwidget而不是addchild呢?
回答如下:
(1)scrollview不是要用到TouchGroup来承载,但是如果你是要通过读json文件(studio导出的),那么就要用。为什么要用呢?因为看了代码之后,我看来(没看官方文件),TouchGroup就是用来方便使用studio 导出的json文件的,包括读取和后面的使用。
--[[此部分有待确定!
我考虑的一个原因是,TouchGroup已经写好了scrollview的滑动效果,所以如果你用别的类,比如layer(scrollview也是继承layer),那么你自己要写滑动这一层的逻辑,不然要自己写。
]]
(2)为什么没反应呢?那是因为触摸时间有两种,标准触摸事件和带目标的触摸事件(参考:《Cocos2d-x高级开发教程》)。而TouchGroup是后一种,可以直接看下面的代码:
bool TouchGroup::ccTouchBegan(CCTouch *pTouch, CCEvent *pEvent)
{
return checkEventWidget(pTouch, pEvent);
}
第一个参数是CCTouch*,而标准触摸事件的参数是CCSet*
(3)两者区别,并不是说简单意思上的都属于上一层。实现上可能都是分别用了一个指针用来保存一个结构体( TouchGroup *m_pUILayer和CCArray *m_pChildren;)但是对于addwidget来说还有一个重要的目的,就是能够更加Tag和Name来直接获取studio中某个节点对象,可以看TouchGroup的函数代码如下:
Widget* TouchGroup::getWidgetByTag(int tag)
{
if (!m_pRootWidget)
{
return NULL;
}
return UIHelper::seekWidgetByTag(m_pRootWidget, tag);
} Widget* TouchGroup::getWidgetByName(const char* name)
{
if (!m_pRootWidget)
{
return NULL;
}
return UIHelper::seekWidgetByName(m_pRootWidget, name);
}
因为解析json文件的函数widgetFromJsonFile已经是一个树形结构,而且seekWidgetByTag还是ByName就是遍历这个树的操作,具体去看代码,第一次看这里的时候也很是惊讶!但是如果是自己去做又做成什么样呢?如果想追求遍历速度的话,你要重新构造存储树结构,简单的比如做一个hash表,但是这边的工作量和层次感上并不一定好!
总结:
(1)今天终于算是有所交代了
(2)还有很多细节没有去研究,因为时间上的原因,都是按照自己的理解去说的,错的地方还望高手指出来
(3)晚上和一个朋友座谈了一会:结果!
scrollview的总结的更多相关文章
- ScrollView嵌套ListView,GridView数据加载不全问题的解决
我们大家都知道ListView,GridView加载数据项,如果数据项过多时,就会显示滚动条.ScrollView组件里面只能包含一个组件,当ScrollView里面嵌套listView,GridVi ...
- Android ScrollView监听滑动到顶部和底部的两种方式(你可能不知道的细节)
Android ScrollView监听滑动到顶部和底部,虽然网上很多资料都有说,但是不全,而且有些细节没说清楚 使用场景: 1. 做一些复杂动画的时候,需要动态判断当前的ScrollView是否滚动 ...
- React-Native学习系列(二) Image和ScrollView
接下来,我们接着(一)继续讲,今天我们学习的是Image组件和ScrollView组件. Image组件 Image:一个用于显示多种不同类型图片的React组件.那么要如何使用呢? 引入本地图片: ...
- iOS学习笔记——滚动视图(scrollView)
滚动视图:在根视图中添加UIScrollViewDelegate协议,声明一些对象属性 @interface BoViewController : UIViewController<UIScro ...
- 实现下来ScrollView放大轮播图
创建工程,创建一个UIScrollView属性,并遵循其协议: #define kWidth self.view.frame.size.width//屏幕宽 #define kHeight self. ...
- React Native之 ScrollView介绍和使用
前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所 ...
- ScrollView分栏视图分析
代码精华部分如下: //1.添加scrollView /* 1). 添加一个scrollView; 2).创建关注.热门.附近三个控制器. 3). 存储它们的名字到数组中,遍历并放到本控制器里. 4) ...
- IOS实现自动循环滚动广告--ScrollView的优化和封装
一.问题分析 在许多App中,我们都会见到循环滚动的视图,比如广告,其实想实现这个功能并不难,用ScrollView就可以轻松完成,但是在制作的过程中还存在几个小问题,如果能够正确的处理好这些小问题, ...
- ReactNative 根据scrollView/listview滑动距离动态修改NavBar颜色
我们常见某些APP上滑的时候,NavBar颜色会从透明渐变为某种颜色 原理非常简单,根据scrollView的回调动态修改NavBar的透明度即可. 在RN中,尤其是ListView中这个回调不是很好 ...
- iOS无限循环滚动scrollview
经常有园友会问"博主,有没有图片无限滚动的Demo呀?", 正儿八经的图片滚动的Demo我这儿还真没有,今天呢就封装一个可以在项目中直接使用的图片轮播.没看过其他iOS图片无限轮播 ...
随机推荐
- 05-oralce转换函数
to_char() 设置日期的显示格式 to_char() 进行数字格式化{如:to_char(987654321.789,'999,999,999,999,999.9999') 将数字三位一逗号显 ...
- Asp.net MVC中repository和service的区别
在Asp.net MVC controller的底层,常常有提到repository和service layer, 好像都是逻辑相关的层,那么它们到底是什么区别呢? 简单的说: repository就 ...
- Oracle 数据表的管理
1.创建表的的表名规则 a.必须已字母开头 b.长度不能超过30 c.不能是Oracle的保留字 d.只能使用如下字符:A-Z.a-z.1-9.#,$等 2.Oracle基本数据类型 2.1 字符型数 ...
- 012-MD5Utils工具类模板
package ${enclosing_package}; import java.math.BigInteger; import java.security.MessageDigest; impor ...
- Android开发环境搭建步骤-【Android】
本教程是android开发环境在windows下的安装配置,经本人测试完全正确无误.这个教程是史上最详细的android开发环境搭建教程. 工具/原料 Eclipse 3.7.0.Java Jdk6. ...
- 基于Metronic4.1的Bootstrap脚本样式说明
虽说Bootstrap作为当下最流行的响应式的UI,但是对于一些在Bootstrap基础上扩展的UI的资料算是少之又少.这里楼主结合这一个月的辛酸把那些脚本跟样式整理一下下... 关于Metronic ...
- git 学习之基本操作
之前的帖子已经讲述了什么是 Git 的仓库,并且添加了文件到 Git 的仓库,这里我们来学习下一些简单的操作. status 和 diff 之前我们已经提交了了一个 testFile.txt 的文件 ...
- robots 小记
简介 网站所有者使用/robots.txt文件向网站机器人提供有关其网站的说明;这称为 Robots Exclusion Protocol.它的工作原理是这样的:robot 想要访问一个网站URL,比 ...
- C#控件随窗体大小改变而改变
几种方法:1.点击控件,属性,里面有一个Dock,选择Fill,就会变得和它的父容器一样大.而且会随之变化.2.点击控件,属性,里面有一个Anchor,选择Top,Right,Bottom,Left. ...
- hibernate 学习笔记2
1.Criteria查询接口适用于组合多个限制条件来搜索一个查询集. 要使用Criteria,需要遵循以下步骤: *创建查询接口: Criteria criteria=session.createCr ...