BannerAd.onResize
收藏我的收藏
收藏基础库 1.3.0 开始支持本方法，这是一个同步方法。
绑定 resize 事件的监听器。
开发者除了可以在创建 bannerAd 实例时指定广告的 style，还可以在获得实例后修改其 style 属性中的属性值。一旦广告尺寸发生变化，会触发 resize 事件的监听器。监听器会获得一个包含 width 和 height 属性的对象参数，该参数表征广告的实际渲染尺寸。
| 前提条件 | 无 |
| 业务背景 | 无 |
| 使用限制 | 无 |
| 注意事项 | 注意不要在该监听器内修改广告样式尺寸，否则会导致广告渲染死循环。 |
| 相关教程 | 无 |
语法
BannerAd.onResize(callback)
参数说明
callback
| 类型 | 默认值 | 必填 | 说明 | 最低支持版本 |
|---|---|---|---|---|
| function | 是 | 监听器函数 | 1.3.0 |
callback 是一个回调函数，接收 object 类型的参数，属性如下：
| 属性名 | 类型 | 说明 | 最低支持版本 |
|---|---|---|---|
| width | number | 广告实际渲染的宽度 | 1.3.0 |
| height | number | 广告实际渲染的高度 | 1.3.0 |
返回值
无
错误码
| errorCode | errMsg | errorType | 说明 | 最低支持版本 |
|---|---|---|---|---|
| 999993 | internal error | F | 小游戏框架内部错误，有需要请创建工单咨询 | 1.3.0 |
| 999999 | invalid param | D | 1.3.0 |
代码示例
const { windowWidth, windowHeight } = tt.getSystemInfoSync(); const targetBannerAdWidth = 200; // 创建一个居于屏幕底部正中的广告 let bannerAd = tt.createBannerAd({ adUnitId: "YOUR_AD_UNIT_ID", style: { width: targetBannerAdWidth, top: windowHeight - (targetBannerAdWidth / 16) * 9, // 根据系统约定尺寸计算出广告高度 }, }); // 也可以手动修改属性以调整广告尺寸 bannerAd.style.left = (windowWidth - targetBannerAdWidth) / 2; // 尺寸调整时会触发回调，通过回调拿到的广告真实宽高再进行定位适配处理 // 注意：如果在回调里再次调整尺寸，要确保不要触发死循环！！！ bannerAd.onResize((size) => { // good console.log(size.width, size.height); bannerAd.style.top = windowHeight - size.height; bannerAd.style.left = (windowWidth - size.width) / 2; // bad，会触发死循环 // bannerAd.style.width++; });
