zoukankan      html  css  js  c++  java
  • cocosCreator多种屏幕适配方案

    cocosCreator2.2.0以上版本测试过,低版本未测试。适用多种屏幕(大屏,小屏,异形屏等)。

    下面附上代码:

    start(){

      this.resetSize(this.node);

    }

    /**
         * 手机屏幕适配
         * @param cav 
         */
        resetSize(cav) {
            let frameSize = cc.view.getFrameSize();
            let designSize = cc.view.getDesignResolutionSize();

            if (frameSize.width / frameSize.height > designSize.width / designSize.height) {
                cav.width = designSize.height * frameSize.width / frameSize.height;
                cav.height = designSize.height;
                cav.getComponent(cc.Canvas).designResolution = cc.size(cav.width, cav.height);
            } else {
                cav.width = designSize.width;
                cav.height = designSize.width * frameSize.height / frameSize.width;
                cav.getComponent(cc.Canvas).designResolution = cc.size(cav.width, cav.height);
            }
            this.fitScreen(cav, designSize);
        }
        /**
         * 背景适配
         * @param canvasnode 
         * @param designSize 
         */
        fitScreen(canvasnode, designSize) {
            let scaleW = canvasnode.width / designSize.width;
            let scaleH = canvasnode.height / designSize.height;

            let bgNode = canvasnode.getChildByName('background');
            let bgScale = canvasnode.height / bgNode.height;
            bgNode.width *= bgScale;
            bgNode.height *= bgScale;
            if (scaleW > scaleH) {
                bgScale = canvasnode.width / bgNode.width;
                bgNode.width *= bgScale;
                bgNode.height *= bgScale;
            }
        }
  • 相关阅读:
    基于Zabbix API文档二次开发与java接口封装
    java-基于泛型和反射机制的通用比较器实现
    获取Java接口的所有实现类
    CentOS 7 用yum安装 MySQL
    CSS3实现加载的动画效果
    在CentOS 8/7、RHEL 8/7系统上安装Node.js 14版本的方法
    解决YUM下Loaded plugins: fastestmirror Determining fastest mirrors 的错误问题
    Ajax原理与图解
    博客搬家
    [系统]制作老毛桃U盘WinPE
  • 原文地址:https://www.cnblogs.com/color123456/p/12460866.html
Copyright © 2011-2022 走看看