基于creator的tableView和pageView

╰+哭是因爲堅強的太久メ 2022-09-25 09:21 156阅读 0赞

#     #

# 转载请注明出处 #

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时传入的data
    init(index, data) ;

# tableView: #

## tableView的静态方法 ##

require('tableView').reload();//刷新当前有效的所有tableView
    require('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方法

# 具体查看本示例 #