如何實現不同手機上Runtime快游戲的Banner廣告始終在手機最下方展示

創(chuàng)建banner廣告的方法如下：

let bannerAd = qg.createBannerAd({

  adUnitId: 'testw6vs28auh3',

  style:{

    top:20

    left:20,

    height:57,

    width:360

  }

})

其中width和height是廣告圖片本身的寬度與高度，單位dp，該值一般固定且提前可以獲取。Top和left是banner廣告左上角的坐標，是需要動態(tài)設置的值。

由于每個手機自身的屏幕尺寸和分辨率大小不同，所以需要使用getSystemInfoSync獲取當前手機屏幕的高度和寬度。

通過qg.getSystemInfoSync接口獲取safeArea，safeArea是object對象，safeArea.height是手機高度，數值大小是以dp為單位，正好和廣告高度單位匹配，使用safeArea.height減去廣告高度就等于要設置的top值。

詳細代碼如下：

createBannerAd() {

      //獲取手機詳細參數

      var sysInfo = qg.getSystemInfoSync();

      console.log("on getSystemInfoSync: success =" + JSON.stringify(sysInfo));

        //獲取當前手機屏幕高度(dp)

      let bannerTop = sysInfo.safeArea.height

      let bannerAd = qg.createBannerAd({

        adUnitId: 'testw6vs28auh3',

        style:{

               //top需要手機屏幕高度減去廣告本身高度

          top:bannerTop-57

          left:0,

          height:57,

          width:360

        }

      });

              setTimeout(function () {

                  bannerAd.show()

            }, 1000);

    }

最終效果圖如下：