渲染浮动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

使用实例

let flowUI = wx.tmSDK.createFlow({
    positionId: 1260,
    width: 200, // 可设置浮动 icon 尺寸
    x: 0,  	  
    y: 300,  
});
// 监听错误事件
flowUI.onError(function({message}){
    console.log(message)
});

关于x, y

无论是cocos还是laya引擎,节点渲染的坐标系都是:以屏幕左上角为顶点的坐标系 例如:

当x = 0, y = 0时,节点渲染在左上角,并且icon的左上角与屏幕左上角对齐

关于width

浮动icon渲染的尺寸相对于画布尺寸, 浮动icon的宽高比由素材配置的尺寸决定,通常为190:270。 假设当前游戏渲染画布尺寸为1080 * 1920, 则实际渲染浮动icon宽度时

node.minWidth = 100 / ( 1080 / 1080 ); // 最小宽度为100
node.maxWidth = 1080;     // 最大宽度
node.height = node.width / (190 / 270); // 如果当前素材尺寸为190:270的情况下

若当前游戏渲染画布尺寸为750 * 1280, 则实际渲染浮动icon宽度时

node.minWidth = 100 / ( 1080 / 750 );   // 最小宽度
node.maxWidth = 750;  // 最大宽度
node.height = node.width / (190 / 270); // 如果当前素材尺寸为190:270的情况下

销毁

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

可选参数: width

  • 1、浮动icon类型下,可等比例设置渲染宽度,最小值为100,比例固定为190:270。
  • 2、设置的宽度类型会根据当前尺寸画布与1080*1920的标准尺寸画布进行缩放。
let flowUI = wx.tmSDK.createFlow({
    ...,  
    width: 250, // 自定义浮动icon宽度为:在1080*1920尺寸下的宽度为250px。
});

可选参数: zIndex

  • 1、可自定义设置渲染组件的层级
  • 2、闪屏类型默认值则为加999999999 + 1,其他类型默认值为999999999。
  • 3、实际显示的层级数会被引擎自动调整
let flowUI = wx.tmSDK.createFlow({
    ...,  
    zIndex: 250, // 设置组件层级为250, 实际显示的层级会被引擎所调整。
});