今天主要是学习了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的总结的更多相关文章

  1. ScrollView嵌套ListView,GridView数据加载不全问题的解决

    我们大家都知道ListView,GridView加载数据项,如果数据项过多时,就会显示滚动条.ScrollView组件里面只能包含一个组件,当ScrollView里面嵌套listView,GridVi ...

  2. Android ScrollView监听滑动到顶部和底部的两种方式(你可能不知道的细节)

    Android ScrollView监听滑动到顶部和底部,虽然网上很多资料都有说,但是不全,而且有些细节没说清楚 使用场景: 1. 做一些复杂动画的时候,需要动态判断当前的ScrollView是否滚动 ...

  3. React-Native学习系列(二) Image和ScrollView

    接下来,我们接着(一)继续讲,今天我们学习的是Image组件和ScrollView组件. Image组件 Image:一个用于显示多种不同类型图片的React组件.那么要如何使用呢? 引入本地图片: ...

  4. iOS学习笔记——滚动视图(scrollView)

    滚动视图:在根视图中添加UIScrollViewDelegate协议,声明一些对象属性 @interface BoViewController : UIViewController<UIScro ...

  5. 实现下来ScrollView放大轮播图

    创建工程,创建一个UIScrollView属性,并遵循其协议: #define kWidth self.view.frame.size.width//屏幕宽 #define kHeight self. ...

  6. React Native之 ScrollView介绍和使用

    前言 学习本系列内容需要具备一定 HTML 开发基础,没有基础的朋友可以先转至 HTML快速入门(一) 学习 本人接触 React Native 时间并不是特别长,所以对其中的内容和性质了解可能会有所 ...

  7. ScrollView分栏视图分析

    代码精华部分如下: //1.添加scrollView /* 1). 添加一个scrollView; 2).创建关注.热门.附近三个控制器. 3). 存储它们的名字到数组中,遍历并放到本控制器里. 4) ...

  8. IOS实现自动循环滚动广告--ScrollView的优化和封装

    一.问题分析 在许多App中,我们都会见到循环滚动的视图,比如广告,其实想实现这个功能并不难,用ScrollView就可以轻松完成,但是在制作的过程中还存在几个小问题,如果能够正确的处理好这些小问题, ...

  9. ReactNative 根据scrollView/listview滑动距离动态修改NavBar颜色

    我们常见某些APP上滑的时候,NavBar颜色会从透明渐变为某种颜色 原理非常简单,根据scrollView的回调动态修改NavBar的透明度即可. 在RN中,尤其是ListView中这个回调不是很好 ...

  10. iOS无限循环滚动scrollview

    经常有园友会问"博主,有没有图片无限滚动的Demo呀?", 正儿八经的图片滚动的Demo我这儿还真没有,今天呢就封装一个可以在项目中直接使用的图片轮播.没看过其他iOS图片无限轮播 ...

随机推荐

  1. python调用另一个.py文件中的类和函数

    同一文件夹下的调用 1.调用函数 A.py文件如下:def add(x,y):    print('和为:%d'%(x+y)) 在B.py文件中调用A.py的add函数如下: import AA.ad ...

  2. SQL Server触发器创建、删除、修改、查看

    一:触发器是一种特殊的存储过程,它不能被显式地调用,而是在往表中插入记录﹑更新记录或者删除记录时被自动地激活.所以触发器可以用来实现对表实施复杂的完整性约束. 二:SQL Server为每个触发器都创 ...

  3. tomcat端口冲突解决 Address already in use: JVM_Bind <null>:8080

    java.net.BindException: Address already in use: JVM_Bind <null>:8080 Caused by: java.net.BindE ...

  4. Ajax(Asychronous JavaScript and XML)笔记

    1 Ajax简介 1 ajax概念 2 什么是同步?什么是异步? 3 ajax原理 2 JavaScript原生的ajax 1 ajax.html代码 <!DOCTYPE html> &l ...

  5. Clojure 开发环境 light table 和 Leiningen 安装指引

    1 首先下载 Light table 然后 解压到到一文件夹.目录中千万不能有空格 下载地址 http://www.lighttable.com/ 2下载构建工具 下载地址 http://leinin ...

  6. unity优化

    1. 更新不透明贴图的压缩格式为ETC 4bit,因为android市场的手机中的GPU有多种,每家的GPU支持不同的压缩格式,但他们都兼容ETC格式, 2. 对于透明贴图,我们只能选择RGBA 16 ...

  7. WPF的ComboBox简单用法

    1. ComboBox:下拉列表框 效果如下: 2.通常用法是 显示内容 + 选中内容后获得的值(也就是 Name = Value的键值对) 故以键值对来定义一个类,如: public class C ...

  8. WPF与Winform中的不同(1)

    1. 部分控件的Text属性,变成了 Content属性 如: winform中,Button.Text = "abc"; wpf中,Button.Content = " ...

  9. JPA为字段设置默认值

    http://blog.csdn.net/u011983531/article/details/51286839 在使用JPA时,如果需要为属性设置默认值,很自然的,你可能会想到用下面的方式. @Co ...

  10. Bootstrap使用模态框modal实现表单提交弹出框

    Bootstrap 模态框(Modal)插件 模态框(Modal)是覆盖在父窗体上的子窗体.通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动.子窗体可提供信息.交互等.如果 ...