渲染多Icon广告位

本篇介绍如何使用createFlow进行多Icon广告的渲染。

实机兼容性

  • 以下为通过实机测试的引擎以及版本,通常情况下,支持同一大版本下同一引擎的渲染(假设支持版本为1.0.0引擎,1.7.0,1.8.0,1.9.0版本的引擎可能都支持)。

  • cocos引擎中,请确保在画布渲染完毕之后调用createFlow

支持的引擎

引擎

版本号

laya

v1.7.1

laya

v2.0.0beta5.1

cocos

v1.9.3

cocos

v2.0.5

组件样式

组件化接入样式如下,如无法满足需求,可使用API方式接入

使用实例

只要确定广告位的参数与需要渲染的位置即可,SDK会根据广告位ID自动渲染出对应类型的广告位

let flowUI = wx.tmSDK.createFlow({
    positionId: 1260
    width: 375, // 设置尺寸,最小为类似微信banner的300,最大为微信视图宽
    x: 0,     
    y: 300,  
});
// 监听错误事件
flowUI.onError(function({message}) {
    console.log(message)
});

销毁

正常情况下,游戏场景切换时,该UI组件会自动销毁。如果需要在某些场景销毁该组件,请使用destroy方法。

flowUI.destroy();

如果出现调用销毁方法后,组件未立即销毁的情况,请使用如下写法:

setTimeout(() => flowUI.destroy());

onError

flowUI.onError(function(error) {
    console.error(error);
})

offError

let callBack = function(error){ // 假设onError的时候绑定的为该函数
    console.log(error)
};
flowUI.offError(callBack);  // 取消某个监听事件

监听广告位跳转事件

flowUI.onNavigate(function(error) {
    console.error(error);
})

取消监听广告位跳转事件

let callBack = function(error){
    console.log(error)
};
flowUI.offNavigate(callBack);  // 取消某个监听事件

最后更新于