CocosCreator之ScrollView滑动列表

我从来不以工具好坏来选择工具------麒麟子

常用api：

        //ScrollView(滚动视图组件)
        let comp_scroll = this.node.getComponent(cc.ScrollView);//获取滚动视图组件
        // comp_scroll.content = contentNode;//绑定滚动层
        comp_scroll.scrollToBottom(0.5);//在0.5秒内滚动到视图底部
        comp_scroll.scrollToTop(0.5);//在0.5秒内滚动到视图顶部
        comp_scroll.scrollToLeft(0.5);//在0.5秒内滚动到视图左边
        comp_scroll.scrollToRight(0.5);//在0.5秒内滚动到视图右边
        comp_scroll.getScrollOffset();//获取滚动视图相对于左上角原点的当前滚动偏移
        let maxScrollOffset = comp_scroll.getMaxScrollOffset();//获取滚动视图最大可以滚动的偏移量
        comp_scroll.scrollToOffset(new cc.Vec2(maxScrollOffset.x / 2, maxScrollOffset.y / 2), 1);//在1秒内,滚动到视图中心
        comp_scroll.scrollTo(new cc.Vec2(0, 1), 0.8);在0.8秒内,滚动到视图左上角
        comp_scroll.stopAutoScroll();//立即停止滚动

滚动到指定位置，该操作需要在下一帧执行。或使用api立即刷新后执行

	this.scheduleOnce(this._SetOffset, 0);//下一帧立即执行，此处需要在下一帧执行
    _SetOffset() {
        a.scrollToOffset(cc.v2(this._arr_check_x, 0), time);
    },

挂载组件：

 理解：

理解：

content：滑动条目的容器

horizontal：开启横向滑动

vertical：开启纵向滑动

inertia：开启滚动惯性

brake：惯性回弹时间，官方默认的就是最好的

elastic：允许滚动内容超过边界，并回弹。

bounce_duration：回弹持续时间，0是瞬间回弹。

vertical_scroll_bar：滑动进度条

scroll_event：滚动事件回调，滚动时每帧触发

cancel_inner_events：滚动行为会取消子节点的触摸事件。【当条目存在按钮时请关掉他，否则按钮事件不容易触发】

踩坑指南：

大量节点同时加载到条目容器时会卡顿，请使用逐帧加载 或 动态加载的方式 添加条目节点。

动态加载的滑动列表：CocosCreator之动态加载滑动列表_神兽白泽-CSDN博客

整理不易，关注收藏不迷路。

目录：CocosCreator经典笔记_神兽白泽-CSDN博客

笔者qq、微信：1302109196

qq群：415468592