收藏
回答

游戏圈按钮适配屏幕,匹配正确位置?

游戏圈按钮适配屏幕,匹配正确到固定某个位置 怎么处理的呢

回答关注问题邀请回答
收藏

1 个回答

  • ll
    ll
    2021-02-23

    把游戏坐标转换成小游戏坐标就行了

    /**  游戏舞台单位转换成微信平台单位
         *@param width 设计分辨率下width 
         *@param height 设计分辨率下height
         *@param x 设计分辨率下 X
         *@param y 设计分辨率下 Y
         **/
        public static gameSizeConverWxSize(width: number, height: number, posX: number, posY: number): any {
                let platformInfo: any = wx.getSystemInfoSync(); // 微信平台设备信息
                // css 像素转成设备物理像素
                let screenWidth = platformInfo.screenWidth * 2;
                let screenHeight = platformInfo.screenHeight * 2;
                // 设计分辨率尺寸
                let designResolutionSize = { width: 750, height: 1334, x: 170, y: 862 };
                // 与设计分辨率的宽高比例
                let scaleX: number = screenWidth / designResolutionSize.width;
                let scaleY: number = screenHeight / designResolutionSize.height;
                // 适配高度和宽度
                let newWidth: number = (width * scaleX) * 0.5;
                let newHeight: number = (height * scaleY) * 0.5;
                let xDes = (posX * scaleX) / 2;
                let yDes = (posY * scaleY) / 2;
                return { newWidth, newHeight, xDes, yDes };
        }
    
    2021-02-23
    有用 2
    回复 1
    • wen
      wen
      2021-10-21
      在iphone 12, X,XR等大屏手机里,按钮高度会被拉伸,位置不正确
      2021-10-21
      回复
登录 后发表内容
问题标签