基于creator的tableView和pageView

来源:互联网 发布:华为火箭抢购软件 编辑:程序博客网 时间:2024/06/01 18:42


转载请注明出处

gihub:https://github.com/a1076559139/creator_tableView

tableView

使用前需要将{示例项目目录}\packages\tableView文件夹拷贝到你的项目中去

缺点

1、不支持动态添加删除cell

优点

1、显示大量cell时节省内存及cpu

cell:

//cell的初始化方法,tableView创建cell时会调用此方法

@parma index Number cell的排序下标@parma data 自定义 初始化tableView时传入的datainit(index, data) ;

tableView:

tableView的静态方法

require('tableView').reload();//刷新当前有效的所有tableViewrequire('tableView').clear();//清空回收当前有效的所有tableView

tableView的实例方法

//tableView的初始化方法

@parma count Number cell的总个数@parma data 自定义 此data会作为初始化cell时的第二个参数initTableView (count, data)

//清空回收当前tableView

clear()

//获得初始初始化tableView时传递的数据

getData()

//获得目前正在展示的所有cell,将以数组的形式作为回掉的参数传递

@parma callback function getCells(callback)

//获得目前正在展示的行或列范围,将以数组的形式作为回掉的参数传递

@parma callback function getGroupsRange(callback)

//翻页到某一页

@parma page Number 哪一页scrollToPage(page)

//翻页至下一页

scrollToNextPage()

//翻页至上一页

scrollToLastPage()

//添加滚动回调

@parma target cc.Node    目标节点@parma component string  组件@parma handler string    方法名addScrollEvent(target, component, handler)

//删除滚动回调

removeScrollEvent(target, component, handler)

//清空滚动回调列表

clearScrollEvent()

//添加翻页回调

addPageEvent(target, component, handler)

//删除翻页回调

removePageEvent(target, component, handler)

//清空翻页回调列表

clearPageEvent()

//scrollview中原有方法,scrollview中的其它方法不可用

scrollToBottom(timeInSecond, attenuated)scrollToTop(timeInSecond, attenuated)scrollToLeft(timeInSecond, attenuated)scrollToRight(timeInSecond, attenuated)scrollToOffset(offset, timeInSecond, attenuated)getScrollOffset()getMaxScrollOffset() 

使用:

将tableView预制添加到场景中,根据需求调整大小编辑自己的预制cell,脚本必须继承自viewCell并必须重写init方法,init方法有两个参数,第一个参数是节点排序下标,第二个参数是初始化tableView时你传入的数据。可以重写clicked方法,无参数,被点击时调用。将预制拖动到tableView的Cell栏中,横向纵向滚动、惯性滑动等在ScrollView下调整,ViewType和Type等属性在tableView中调整通过外部脚本调用tableView中的initTableView方法对其进行初始化,第一个参数是有多少cell,第二个参数是会传递给cell的数据(可以为空) *    ViewType为scroll时,滚动列表表现与scrollview一致,但却会复用节点,提高性能*    ViewType为flip时,在scroll的基础上使滚动列表表现为翻页效果*    Direction,规定cell的排列方向*    isFill,当节点不能铺满一个页时,选择isFill为true会填充节点铺满整个view比如:cell的大小规定为20x20,想5x5的显示出来,并且是横向翻页滑动,cell从左到右从上到下排列那么tableView中content的大小就应该是100*100,tableView所在节点的height应该是100,其它(大小、锚点、位置)任意,并且选择ViewType为flip,Direction为LEFT_TO_RIGHT__TOP_TO_BOTTOM在脚本中获取到tableView,并调用initTableView方法

具体查看本示例



0 0