quick cocos2d-x 使用CCTableView 例子

可以运行，已经测试过了，参考网络上别人的代码，觉得很有用，记录。直接上代码：

发现一个很坑爹的地方，就是tableview定size的宽高，与tableview的cell的高宽是恰恰相反。。这个API让我有点凌乱..

（注意方法声明的时候，用的.跟:  不可以混用。不然就错了~~）

--
-- Date: 2014-11-13 15:55:20
--
--调用代码: local rlayer = require("app.scenes.TableViewLayer").new()
        --  rlayer:setAnchorPoint(ccp(0, 0))
        --  rlayer:setPosition(ccp(0, 0))
        --  self:addChild(rlayer)
local TableViewLayer = class("TableViewLayer", function()
    return display.newLayer()
end)

function TableViewLayer:ctor()
    self:onEnter()
end

function TableViewLayer.scrollViewDidScroll(view)
    print("scrollViewDidScroll")
end

function TableViewLayer.scrollViewDidZoom(view)
    print("scrollViewDidZoom")
end

function TableViewLayer.tableCellTouched(table,cell)
    print("cell touched at index: " .. cell:getIdx())
end

function TableViewLayer.cellSizeForTable(table,idx) 
    return 30,60   --返回tableview中一个单位cell的高，宽
end

function TableViewLayer.tableCellAtIndex(table, idx)
    local strValue = string.format("%d",idx)
    local cell = table:dequeueCell()
    local label = nil
    if nil == cell then
        cell = CCTableViewCell:new()
        --底层
        local table_bg = CCSprite:create("res/table_bg.png")
        table_bg:setAnchorPoint(CCPointMake(0,0))
        table_bg:setPosition(CCPointMake(0, 0))
        cell:addChild(table_bg)

        --图片层
        local sprite = CCSprite:create("res/icon.png")
        sprite:setAnchorPoint(CCPointMake(0,0))
        sprite:setPosition(CCPointMake(0, 0))
        cell:addChild(sprite)

        --文字层
        label = CCLabelTTF:create(strValue, "Helvetica", 20.0)
        label:setPosition(CCPointMake(0,0))
        label:setAnchorPoint(CCPointMake(0,0))
        label:setTag(123)
        cell:addChild(label)
    else
        label = tolua.cast(cell:getChildByTag(123),"CCLabelTTF")
        if nil ~= label then
            label:setString(strValue)
        end
    end

    return cell
end

--tableview中的cell个数
function TableViewLayer.numberOfCellsInTableView(table)
   return 25
end

function TableViewLayer:onEnter()
    local table_view = CCTableView:create(CCSizeMake(60, 500))  --设定tableview的宽、高。tableview的大小决定滑动tableview的可触摸区域
    table_view:setAnchorPoint(ccp(0, 1))
    table_view:setDirection(kCCScrollViewDirectionVertical)
    table_view:setPosition(CommonAPI:getCenterX()/2,CommonAPI:getCenterY()/2)
    self:addChild(table_view)

    table_view:setVerticalFillOrder(kCCTableViewFillTopDown) --kCCTableViewFillBottomUp
    table_view:registerScriptHandler(self.scrollViewDidScroll,CCTableView.kTableViewScroll)
    table_view:registerScriptHandler(self.scrollViewDidZoom,CCTableView.kTableViewZoom)
    table_view:registerScriptHandler(self.tableCellTouched,CCTableView.kTableCellTouched)
    table_view:registerScriptHandler(self.cellSizeForTable,CCTableView.kTableCellSizeForIndex)
    table_view:registerScriptHandler(self.tableCellAtIndex,CCTableView.kTableCellSizeAtIndex)
    table_view:registerScriptHandler(self.numberOfCellsInTableView,CCTableView.kNumberOfCellsInTableView)
    table_view:reloadData()
end

return TableViewLayer

over~

注：在使用过程中，向下拖拉进度条太大力的时候，会发现tableview的单元cell乱序的情况。

解决办法是：去除我上面贴的代码的36行判断语句。