文档

# Tab Bar

# qq.showTabBarRedDot

QQ mac版本：支持

QQ windows版本：支持

# qq.showTabBarRedDot(Object object)

显示 tabBar 某一项的右上角的红点

# 参数

# Object object
属性 类型 默认值 必填 说明
index number 是 tabBar 的哪一项，从左边算起
success function 否 接口调用成功的回调函数
fail function 否 接口调用失败的回调函数
complete function 否 接口调用结束的回调函数（调用成功、失败都会执行）

# qq.showTabBar

QQ mac版本：支持

QQ windows版本：支持

# qq.showTabBar(Object object)

显示 tabBar

# 参数

# Object object
属性 类型 默认值 必填 说明
animation boolean false 否 是否需要动画效果
success function 否 接口调用成功的回调函数
fail function 否 接口调用失败的回调函数
complete function 否 接口调用结束的回调函数（调用成功、失败都会执行）

# qq.setTabBarStyle

QQ mac版本：支持

QQ windows版本：支持

# qq.setTabBarStyle(Object object)

动态设置 tabBar 的整体样式

# 参数

# Object object
属性 类型 默认值 必填 说明
color string 是 tab 上的文字默认颜色，HexColor
selectedColor string 是 tab 上的文字选中时的颜色，HexColor
backgroundColor string 是 tab 的背景色，HexColor
borderStyle string 是 tabBar上边框的颜色， 仅支持 black/white
success function 否 接口调用成功的回调函数
fail function 否 接口调用失败的回调函数
complete function 否 接口调用结束的回调函数（调用成功、失败都会执行）

# 示例代码

qq.setTabBarStyle({
  color: '#FF0000',
  selectedColor: '#00FF00',
  backgroundColor: '#0000FF',
  borderStyle: 'white'
})
1
2
3
4
5
6

# qq.setTabBarItem

QQ mac版本：支持

QQ windows版本：支持

# qq.setTabBarItem(Object object)

动态设置 tabBar 某一项的内容

# 参数

# Object object
属性 类型 默认值 必填 说明
index number 是 tabBar 的哪一项，从左边算起
text string 否 tab 上的按钮文字
iconPath string 否 图片路径，icon 大小限制为 40kb，建议尺寸为 81px * 81px，当 postion 为 top 时，此参数无效，不支持网络图片
selectedIconPath string 否 选中时的图片路径，icon 大小限制为 40kb，建议尺寸为 81px * 81px ，当 postion 为 top 时，此参数无效
success function 否 接口调用成功的回调函数
fail function 否 接口调用失败的回调函数
complete function 否 接口调用结束的回调函数（调用成功、失败都会执行）

# 示例代码

qq.setTabBarItem({
  index: 0,
  text: 'text',
  iconPath: '/path/to/iconPath',
  selectedIconPath: '/path/to/selectedIconPath'
})
1
2
3
4
5
6

# qq.setTabBarBadge

QQ mac版本：支持

QQ windows版本：支持

# qq.setTabBarBadge(Object object)

为 tabBar 某一项的右上角添加文本

# 参数

# Object object
属性 类型 默认值 必填 说明
index number 是 tabBar 的哪一项，从左边算起
text string 是 显示的文本，超过 4 个字符则显示成 ...
success function 否 接口调用成功的回调函数
fail function 否 接口调用失败的回调函数
complete function 否 接口调用结束的回调函数（调用成功、失败都会执行）

# 示例代码

qq.setTabBarBadge({
  index: 0,
  text: '1'
})
1
2
3
4

# qq.removeTabBarBadge

QQ mac版本：支持

QQ windows版本：支持

# qq.removeTabBarBadge(Object object)

移除 tabBar 某一项右上角的文本

# 参数

# Object object
属性 类型 默认值 必填 说明
index number 是 tabBar 的哪一项，从左边算起
success function 否 接口调用成功的回调函数
fail function 否 接口调用失败的回调函数
complete function 否 接口调用结束的回调函数（调用成功、失败都会执行）

# qq.hideTabBarRedDot

QQ mac版本：支持

QQ windows版本：支持

# qq.hideTabBarRedDot(Object object)

隐藏 tabBar 某一项的右上角的红点

# 参数

# Object object
属性 类型 默认值 必填 说明
index number 是 tabBar 的哪一项，从左边算起
success function 否 接口调用成功的回调函数
fail function 否 接口调用失败的回调函数
complete function 否 接口调用结束的回调函数（调用成功、失败都会执行）

# qq.hideTabBar

QQ mac版本：支持

QQ windows版本：支持

# qq.hideTabBar(Object object)

隐藏 tabBar

# 参数

# Object object
属性 类型 默认值 必填 说明
animation boolean false 否 是否需要动画效果
success function 否 接口调用成功的回调函数
fail function 否 接口调用失败的回调函数
complete function 否 接口调用结束的回调函数（调用成功、失败都会执行）

← 字体 →