import { _decorator, Component, Label } from 'cc';
import { YXCollectionView } from '../lib/yx-collection-view';
import { PageLayout } from '../lib/page-layout';
const { ccclass, property } = _decorator;

@ccclass('table_in_page')
export class table_in_page extends Component {
    protected start(): void {
        const listComp = this.node.getChildByName('list').getComponent(YXCollectionView)

        listComp.ignoreScrollEndedDuringAutoScroll = true
        listComp.numberOfItems = () => {
            return 5
        }
        listComp.cellForItemAt = (indexPath, collectionView) => {
            let index = indexPath.row % 5
            const cell = collectionView.dequeueReusableCell(`cell`)
            cell.getChildByName('label').getComponent(Label).string = `左右滑动切换页面` + `\n` + `当前页面: ` + `${index}`
            return cell
        }

        let layout = new PageLayout()
        // 这个属性用来控制是否循环滚动  
        layout.loop = false
        listComp.layout = layout

        listComp.reloadData()
    }
}