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)晚上和一个朋友座谈了一会:结果!

时间: 2025-01-16 18:32:29

scrollview的总结的相关文章

Android零基础入门第61节:滚动视图ScrollView

原文:Android零基础入门第61节:滚动视图ScrollView 前面几期学习了ProgressBar系列组件.ViewAnimator系列组件.Picker系列组件和时间日期系列组件,接下来几期继续来学习常见的其他组件. 一.ScrollView概述 从前面的学习有的同学可能已经发现,当拥有很多内容时屏幕显示不完,显示不全的部分完全看不见.但是在实际项目里面,很多内容都不止一个屏幕宽度或高度,那怎么办呢?那就需要本节学习的ScrollView来完成. 在默认情况下,ScrollView只是

Android ScrollView 滚动到顶部

有时候使用ScrollView,里边控件比较多的时候,打开界面,会滑到底部,如果要设置滑动到顶部,一般有两种方法 1.使用fullScrol(),scrollView.fullScroll(ScrollView.FOCUS_DOWN);滚动到底部 scrollView.fullScroll(ScrollView.FOCUS_UP);滚动到顶部 需要注意的是,该方法不能直接被调用 因为Android很多函数都是基于消息队列来同步,所以需要一部操作, addView完之后,不等于马上就会显示,而是在

Android仿qq回弹阻尼ScrollView

仿qq写一个可以来回弹的ScrollView. 只需要重写ScrollView: public class MyScrollView extends ScrollView {     // y方向上当前触摸点的前一次记录位置     private int previousY = 0;     // y方向上的触摸点的起始记录位置     private int startY = 0;     // y方向上的触摸点当前记录位置     private int currentY = 0;    

Android的GridView和ScrollView的嵌套

来源于回答频道答题,因此内容都是基于回答频道的原题布局进行 1.布局文件如下 文件名:testxm.xml <?xml version="1.0" encoding="utf-8"?> <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" andr

一句话让你的ScrollView、ListView弹力十足

android默认的ScrollView.ListView在最顶端下拉或者最底端上拉的时候,都不会带有反弹效果,很生硬的让你不能继续拖动,不像iOS那样可以回弹,个人认为,iOS的交互还是略好一点,那么我们也来在Android下实现下这个功能,先看下效果图: 那么我们今天的目标是一句话实现,如何去做呢 我们还是先看下代码: package com.xys.flexible; import android.content.Context; import android.util.Attribute

Android 控制ScrollView滚动到底部

这里有两种办法,第一种,使用scrollTo(): ublic static void scrollToBottom(final View scroll, final View inner) { Handler mHandler = new Handler(); mHandler.post(new Runnable() { public void run() { if (scroll == null || inner == null) { return; } int offset = inner

cocos2d js ScrollView的使用方法

游戏中非常多须要用到ScrollView的情况,也就是须要滚动一片区域. 这里有两种实现方法,一种是使用cocos studio的方式,另外一种是手写代码.先看第一种 第一种记得在设置滚动区域时选取裁剪项. var size = cc.winSize; //读取json文件 var root = ccs.uiReader.widgetFromJsonFile(res.listJson); this.addChild(root); //获取在cocos studio里面设定好的scrollView

微信小程序-scroll-view横向滚动和上拉加载

今天介绍微信小程序中scroll-view实现横向滚动和上拉加载的实现及需要注意的地方. 先看最终效果. 横向滚动 1.设置滚动项display:inline-block; 2.设置滚动视图容器white-space: nowrap; 3.滚动项不要用float 为什么会有以上三点要求呢? 其实横向滚动官方文档中是没有做太多说明的,只说明需要定义scroll-view滚动方向scroll-x=true允许横向滚动,但是我在实践的时候我发现,你要横向滚动,首先你得是一排吧.所以才发现需要定义滚动项

Android 横向ScrollView照片浏览器实现(致敬郭神)

因为项目中需要用到所以实现的一个横向的照片浏览器,使用横向SrollView实现. 实现效果如下: 实现思路: 在开始做之前呢,本着有轮子就用轮子的精神,也还是去百度找了很久,诸如"Android横向照片墙"."Android横向照片流"."Android横向照片选择器"-完全没有好咩..查来查去都是那几篇竖向照片瀑布流的,横向的反正我是没找到. 然后,在将郭神的<ndroid瀑布流照片墙实现,体验不规则排列的美感>一文拜读之后(ht

安卓使ScrollView滚动到底部代码

在开发中,我们经常需要更新列表,并将列表拉倒最底部,比如发表微博,聊天界面等等, 这里有两种办法,第一种,使用scrollTo(): public static void scrollToBottom(final View scroll, final View inner) { // 何问起 hovertree.com Handler mHandler = new Handler(); mHandler.post(new Runnable() { public void run() { if (