createTiger

描述

  • 调用该组件后,自动按照推广位类型渲染UI,并支持点击、动态效果等

使用标准屏幕坐标系定位


点击此处查看大图

使用实例

let TIGER_UI = XH_MINIPRO_SDK.createTiger({
    tiger_position_id: 1260,
    app_version:1.0.1,	
    x: 0,  	  
    y: 300,   
});
// 监听销毁事件,闪屏中可以用于闪屏结束后做场景切换
TIGER_UI.onDestroy(({from, message}) => {
    console.log(from, message)
});
// 监听错误事件
TIGER_UI.onError(({message}) => {
    console.log(message)
});
// 监听初始化事件
TIGER_UI.onRender(({message}) => {
    console.log(message)
});

参数

参数 字段名称 字段说明
tiger_position_id 交叉推广位id 交叉推广位id获取方式请联系运营团队;注意:在对应的推广场景获对应的交叉推广列表。
app_version 当前应用版本号 当前应用需要提审的最新版本
x 渲染x轴位置 推广位在画布中的渲染X轴方向位置,坐标原点为视图左上角
y 渲染y轴位置 推广位在画布中的渲染Y轴方向位置,坐标原点为视图左上角
width(可选参数) 渲染宽度 可选参数,设置后可调整推广位尺寸, 不设置则使用默认尺寸, 最小值为100,最大值为默认广告类型宽
zIndex(可选参数) 渲染层级 可选参数,设置后可调整UI的渲染层级, 默认值为999999999

销毁

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

可选参数: width

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

可选参数: zIndex

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

onDestroy

  • 1、监听组件的销毁
  • 2、可多个监听
  • 3、返回message,销毁成功信息
TIGER_UI.onDestroy(({from, message}) => {
    console.log(from, message)
});

offDestroy

  • 1、取消监听组件的销毁事件
  • 2、传入与监听相同的回调函数只取消该回调
let destroyCallBack = ({from, message}) => { // 假设onDestroy的时候绑定的为该函数
    console.log(from, message)
};
TIGER_UI.offDestroy(); // 取消所有销毁监听事件
TIGER_UI.offDestroy(destroyCallBack);  // 取消某个监听事件

onRender

  • 1、监听组件的初始化
  • 2、可多个监听
  • 3、返回message,初始化成功信息
TIGER_UI.onRender(({message}) => {
    console.log(message)
});

offRender

  • 1、取消监听组件的初始化
  • 2、传入与监听相同的回调函数只取消该回调
let renderCallBack = ({message}) => { // 假设onDestroy的时候绑定的为该函数
    console.log(message)
};
TIGER_UI.offRender(); // 此取消所有销毁监听事件
TIGER_UI.offRender(renderCallBack);  // 取消某个监听事件

onError

  • 1、监听组件的错误信息
  • 2、可多个监听
  • 3、返回message错误详情
TIGER_UI.onError(({message}) => {
    console.log(message)
});

offError

  • 1、取消监听组件的初始化
  • 2、传入与监听相同的回调函数只取消该回调
let errorCallBack = ({message}) => { // 假设onDestroy的时候绑定的为该函数
    console.log(message)
};
TIGER_UI.offError(); // 此取消所有销毁监听事件
TIGER_UI.offError(errorCallBack);  // 只取消errorCallBack监听事件
Last Updated: 3/21/2019, 4:31:09 PM