性能优化过后的Cocos Creator ScrollView组件

最新推荐文章于 2024-05-15 09:52:28 发布

大头爱学习

最新推荐文章于 2024-05-15 09:52:28 发布

阅读量482

点赞数 1

分类专栏： Cocos Creator

本文链接：https://blog.youkuaiyun.com/CoderXZ/article/details/105524172

版权

Cocos Creator 专栏收录该内容

15 篇文章

订阅专栏

本文介绍了一种在Cocos Creator中优化ScrollView性能的方法，通过调整子节点的透明度来提高滚动视图的效率。当子节点不在视图范围内时，将其透明度设置为0，以减少不必要的渲染开销。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

const { ccclass, property } = cc._decorator;



@ccclass

export default class ScrollViewPro extends cc.ScrollView {


    // LIFE-CYCLE CALLBACKS:

    start() {



    }



    onLoad() {

        this.optDC();

        this.node.on('scrolling', this.optDC, this);

    }



    optDC(){

        let self = this;

        let svLeftBottomPt:cc.Vec2 = this.node.parent.convertToWorldSpaceAR(new cc.Vec2(

            self.node.x - self.node.anchorX * self.node.width, self.node.y - self.node.anchorY * self.node.height

        ));



        var viewRect = cc.rect(svLeftBottomPt.x,svLeftBottomPt.y,this.node.width, this.node.height);

        for (let i = 0; i < this.content.children.length; i++) {

            const node = this.content.children[i];

            if (viewRect.intersects(node.getBoundingBoxToWorld())) {

                node.opacity = 255;

            }

            else {

                node.opacity = 0;

            }

        }

    }




    update(dt) {

        

    }

}

简单易懂！